maz-ui 4.0.0-alpha.4 → 4.0.0-alpha.5

package/dist/chunks/{MazPickerTime.7cxq-Qac.cjs → MazPickerTime.wlOm39gv.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerTime.5J3qaKGo.css');const t=require("vue"),P=require("../components/MazBtn.cjs"),_=require("./MazPicker.BZE8cw36.cjs"),l=require("dayjs"),$=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),C={class:"m-picker-time__column__items"},V=t.defineComponent({__name:"MazPickerTime",props:{modelValue:{type:[String,Object],default:void 0},calendarDate:{type:String,required:!0},formatterOptions:{type:Object,required:!0},locale:{type:String,required:!0},color:{type:String,required:!0},isOpen:{type:Boolean,required:!0},hasDate:{type:Boolean,required:!0},minuteInterval:{type:Number,required:!0},disabledHours:{type:Array,default:void 0},format:{type:String,required:!0},isHour12:{type:Boolean,required:!0},minDate:{type:String,default:void 0},maxDate:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:["update:model-value"],setup(d,{emit:b}){const a=d,H=b,n=t.computed({get:()=>a.modelValue,set:e=>{H("update:model-value",e)}}),B=t.computed(()=>Array.from({length:a.isHour12?12:24},(e,r)=>r).map(e=>{const r=e+(a.isHour12?1:0),u=M(r),o=l(n.value).set("hour",u),i=T(u)||(a.minDate&&n.value?l(a.minDate).isAfter(o,"hour"):!1)||(a.maxDate&&n.value?l(a.maxDate).isBefore(o,"hour"):!1);return{label:`${r<10?"0":""}${r}`,value:l(n.value).set("hour",u),isDisabled:i}})),y=t.computed(()=>{const e=Math.floor(60/a.minuteInterval)-0;return Array.from({length:e},(r,u)=>u*a.minuteInterval).map(r=>{const u=l(n.value).set("minute",r),o=(a.minDate&&n.value?l(a.minDate).isAfter(u,"minute"):!1)||(a.maxDate&&n.value?l(a.maxDate).isBefore(u,"minute"):!1);return{label:`${r<10?"0":""}${r}`,value:u,isDisabled:o}})}),p=t.computed(()=>typeof n.value=="string"?S(l(n.value).get("hour")):void 0),D=t.computed(()=>typeof n.value=="string"?_.findNearestNumberInList(y.value.map(({value:e})=>e.get("minute")),l(n.value).get("minute")):void 0),f=t.computed(()=>typeof p.value=="number"?p.value>=12?"pm":"am":void 0),q=t.computed(()=>a.isHour12?[{label:"AM",value:"am"},{label:"PM",value:"pm"}]:[]),x=t.computed(()=>{const e=[{identifier:"hour",values:B.value},{identifier:"minute",values:y.value}];return a.isHour12&&e.push({identifier:"ampm",values:q.value}),e});function S(e){if(!a.disabledHours)return e;const r=Array.from({length:24},(o,i)=>i).filter(o=>{var i;return!((i=a.disabledHours)!=null&&i.includes(o))||!0}),u=_.findNearestNumberInList(r,e);return u!==e&&k("hour",l(n.value).set("hour",u)),u}const s=t.ref(),c=t.ref();function M(e){if(a.isHour12){const u=f.value==="pm"?e+12:e;return u===12?0:u===24?12:u}else return e}t.watch(()=>a.isOpen,async e=>{var r;if(e){if(await t.nextTick(),s.value){const u=s.value.querySelector(".m-picker-time__column .m-btn"),o=u==null?void 0:u.offsetHeight,m=((r=s.value)==null?void 0:r.offsetHeight)/2-o/2;c.value=m/16}h(!1)}},{immediate:!0}),t.watch(()=>a.modelValue,async(e,r)=>{e!==r&&(await t.nextTick(),h(!0))},{immediate:!0});function h(e){v("hour",e),v("minute",e),a.isHour12&&v("ampm",e)}function T(e){return(a.disabledHours&&a.disabledHours.includes(e))??!1}function g(e,r){return r==="am"||r==="pm"?f.value===r:e==="hour"?p.value===r.get(e):e==="minute"?D.value===r.get(e):!1}async function v(e,r=!0){if(s.value){const u=s.value.querySelector(`.m-picker-time__column__${e}`),o=s.value.querySelector(`.m-picker-time__column__${e} .--is-selected`);c.value&&u&&o&&s.value&&(await t.nextTick(),_.scrollToTarget(u,o,c.value*16,r))}}async function k(e,r){const u=l(n.value);if(e==="hour"&&typeof r=="object"&&(n.value=u.set("hour",r.get("hour")).format()),e==="minute"&&typeof r=="object"){const o=u.set("minute",r.get("minute"));n.value=o.format()}if(e==="ampm"&&(f.value!==r||!p.value)&&(r==="am"&&(n.value=u.set("hour",u.get("hour")).subtract(12,"hour").format()),r==="pm")){const o=u.get("hour"),i=o+12>12&&o+12<24?o+12:o===0?12:o;n.value=u.set("hour",i).format()}await t.nextTick(),v(e)}return(e,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"MazPickerTime",ref:s,class:t.normalizeClass(["m-picker-time",{"--has-date":d.hasDate}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(x.value,({values:u,identifier:o},i)=>(t.openBlock(),t.createElementBlock("div",{key:i,class:t.normalizeClass(["m-picker-time__column",[`m-picker-time__column__${o}`]])},[t.createElementVNode("div",{style:t.normalizeStyle({height:`${c.value}rem`}),class:"m-picker-time__column__divider"},null,4),t.createElementVNode("div",C,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u,({value:m,label:w,isDisabled:z},N)=>(t.openBlock(),t.createBlock(P.default,{key:N,size:"xs",color:g(o,m)?d.color:"transparent",class:t.normalizeClass({"--is-selected":g(o,m)}),disabled:z||d.disabled,type:"button",onClick:t.withModifiers(j=>k(o,m),["stop"])},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(w),1)]),_:2},1032,["color","class","disabled","onClick"]))),128))]),t.createElementVNode("div",{style:t.normalizeStyle({height:`${c.value}rem`}),class:"m-picker-time__column__divider"},null,4)],2))),128))],2))}}),A=$._export_sfc(V,[["__scopeId","data-v-498c1952"]]);exports.default=A;
-//# sourceMappingURL=MazPickerTime.7cxq-Qac.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerTime.B-Ym15z4.css');const t=require("vue"),l=require("dayjs"),P=require("../components/MazBtn.cjs"),_=require("./MazPicker.D2ra6fVy.cjs"),$=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),C={class:"m-picker-time__column__items"},V=t.defineComponent({__name:"MazPickerTime",props:{modelValue:{type:[String,Object],default:void 0},calendarDate:{type:String,required:!0},formatterOptions:{type:Object,required:!0},locale:{type:String,required:!0},color:{type:String,required:!0},isOpen:{type:Boolean,required:!0},hasDate:{type:Boolean,required:!0},minuteInterval:{type:Number,required:!0},disabledHours:{type:Array,default:void 0},format:{type:String,required:!0},isHour12:{type:Boolean,required:!0},minDate:{type:String,default:void 0},maxDate:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:["update:model-value"],setup(d,{emit:b}){const a=d,H=b,n=t.computed({get:()=>a.modelValue,set:e=>{H("update:model-value",e)}}),B=t.computed(()=>Array.from({length:a.isHour12?12:24},(e,r)=>r).map(e=>{const r=e+(a.isHour12?1:0),u=M(r),o=l(n.value).set("hour",u),i=T(u)||(a.minDate&&n.value?l(a.minDate).isAfter(o,"hour"):!1)||(a.maxDate&&n.value?l(a.maxDate).isBefore(o,"hour"):!1);return{label:`${r<10?"0":""}${r}`,value:l(n.value).set("hour",u),isDisabled:i}})),y=t.computed(()=>{const e=Math.floor(60/a.minuteInterval)-0;return Array.from({length:e},(r,u)=>u*a.minuteInterval).map(r=>{const u=l(n.value).set("minute",r),o=(a.minDate&&n.value?l(a.minDate).isAfter(u,"minute"):!1)||(a.maxDate&&n.value?l(a.maxDate).isBefore(u,"minute"):!1);return{label:`${r<10?"0":""}${r}`,value:u,isDisabled:o}})}),p=t.computed(()=>typeof n.value=="string"?S(l(n.value).get("hour")):void 0),D=t.computed(()=>typeof n.value=="string"?_.findNearestNumberInList(y.value.map(({value:e})=>e.get("minute")),l(n.value).get("minute")):void 0),f=t.computed(()=>typeof p.value=="number"?p.value>=12?"pm":"am":void 0),q=t.computed(()=>a.isHour12?[{label:"AM",value:"am"},{label:"PM",value:"pm"}]:[]),x=t.computed(()=>{const e=[{identifier:"hour",values:B.value},{identifier:"minute",values:y.value}];return a.isHour12&&e.push({identifier:"ampm",values:q.value}),e});function S(e){if(!a.disabledHours)return e;const r=Array.from({length:24},(o,i)=>i).filter(o=>{var i;return!((i=a.disabledHours)!=null&&i.includes(o))||!0}),u=_.findNearestNumberInList(r,e);return u!==e&&k("hour",l(n.value).set("hour",u)),u}const s=t.ref(),c=t.ref();function M(e){if(a.isHour12){const u=f.value==="pm"?e+12:e;return u===12?0:u===24?12:u}else return e}t.watch(()=>a.isOpen,async e=>{var r;if(e){if(await t.nextTick(),s.value){const u=s.value.querySelector(".m-picker-time__column .m-btn"),o=u==null?void 0:u.offsetHeight,m=((r=s.value)==null?void 0:r.offsetHeight)/2-o/2;c.value=m/16}h(!1)}},{immediate:!0}),t.watch(()=>a.modelValue,async(e,r)=>{e!==r&&(await t.nextTick(),h(!0))},{immediate:!0});function h(e){v("hour",e),v("minute",e),a.isHour12&&v("ampm",e)}function T(e){return(a.disabledHours&&a.disabledHours.includes(e))??!1}function g(e,r){return r==="am"||r==="pm"?f.value===r:e==="hour"?p.value===r.get(e):e==="minute"?D.value===r.get(e):!1}async function v(e,r=!0){if(s.value){const u=s.value.querySelector(`.m-picker-time__column__${e}`),o=s.value.querySelector(`.m-picker-time__column__${e} .--is-selected`);c.value&&u&&o&&s.value&&(await t.nextTick(),_.scrollToTarget(u,o,c.value*16,r))}}async function k(e,r){const u=l(n.value);if(e==="hour"&&typeof r=="object"&&(n.value=u.set("hour",r.get("hour")).format()),e==="minute"&&typeof r=="object"){const o=u.set("minute",r.get("minute"));n.value=o.format()}if(e==="ampm"&&(f.value!==r||!p.value)&&(r==="am"&&(n.value=u.set("hour",u.get("hour")).subtract(12,"hour").format()),r==="pm")){const o=u.get("hour"),i=o+12>12&&o+12<24?o+12:o===0?12:o;n.value=u.set("hour",i).format()}await t.nextTick(),v(e)}return(e,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"MazPickerTime",ref:s,class:t.normalizeClass(["m-picker-time",{"--has-date":d.hasDate}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(x.value,({values:u,identifier:o},i)=>(t.openBlock(),t.createElementBlock("div",{key:i,class:t.normalizeClass(["m-picker-time__column",[`m-picker-time__column__${o}`]])},[t.createElementVNode("div",{style:t.normalizeStyle({height:`${c.value}rem`}),class:"m-picker-time__column__divider"},null,4),t.createElementVNode("div",C,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u,({value:m,label:w,isDisabled:z},N)=>(t.openBlock(),t.createBlock(P.default,{key:N,size:"xs",color:g(o,m)?d.color:"transparent",class:t.normalizeClass({"--is-selected":g(o,m)}),disabled:z||d.disabled,type:"button",onClick:t.withModifiers(j=>k(o,m),["stop"])},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(w),1)]),_:2},1032,["color","class","disabled","onClick"]))),128))]),t.createElementVNode("div",{style:t.normalizeStyle({height:`${c.value}rem`}),class:"m-picker-time__column__divider"},null,4)],2))),128))],2))}}),A=$._export_sfc(V,[["__scopeId","data-v-2e510865"]]);exports.default=A;
+//# sourceMappingURL=MazPickerTime.wlOm39gv.cjs.map

package/dist/chunks/MazPickerTime.wlOm39gv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerTime.wlOm39gv.cjs","sources":["../../src/components/MazPicker/MazPickerTime.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '../types'\nimport type { PickerValue } from './types'\nimport dayjs, { type Dayjs } from 'dayjs'\nimport { computed, nextTick, type PropType, ref, watch } from 'vue'\nimport MazBtn from '../MazBtn.vue'\n\nimport { type DateTimeFormatOptions, findNearestNumberInList, scrollToTarget } from './utils'\n\ntype ColumnIdentifier = 'hour' | 'minute' | 'ampm'\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  calendarDate: { type: String, required: true },\n  formatterOptions: {\n    type: Object as PropType<DateTimeFormatOptions>,\n    required: true,\n  },\n  locale: { type: String, required: true },\n  color: { type: String as PropType<Color>, required: true },\n  isOpen: { type: Boolean, required: true },\n  hasDate: { type: Boolean, required: true },\n  minuteInterval: { type: Number, required: true },\n  disabledHours: { type: Array as PropType<number[]>, default: undefined },\n  format: { type: String, required: true },\n  isHour12: { type: Boolean, required: true },\n  minDate: { type: String, default: undefined },\n  maxDate: { type: String, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:model-value'])\n\nconst currentDate = computed({\n  get: () => props.modelValue as string,\n  set: (value) => {\n    emits('update:model-value', value)\n  },\n})\n\nconst hours = computed(() => {\n  return Array.from({ length: props.isHour12 ? 12 : 24 }, (_v, i) => i).map((hour) => {\n    const hourBase = hour + (props.isHour12 ? 1 : 0)\n    const hour12or24 = getHour12or24(hourBase)\n    const hourValue = dayjs(currentDate.value).set('hour', hour12or24)\n\n    const isDisabled\n        = isDisableHour(hour12or24)\n        || (props.minDate && currentDate.value\n          ? dayjs(props.minDate).isAfter(hourValue, 'hour')\n          : false)\n        || (props.maxDate && currentDate.value\n          ? dayjs(props.maxDate).isBefore(hourValue, 'hour')\n          : false)\n\n    return {\n      label: `${hourBase < 10 ? '0' : ''}${hourBase}`,\n      value: dayjs(currentDate.value).set('hour', hour12or24),\n      isDisabled,\n    }\n  })\n})\n\nconst minutes = computed(() => {\n  const length = Math.floor(60 / props.minuteInterval) - 0\n\n  return Array.from({ length }, (_v, i) => i * props.minuteInterval).map((minute) => {\n    const minuteValue = dayjs(currentDate.value).set('minute', minute)\n\n    const isDisabled\n        = (props.minDate && currentDate.value\n          ? dayjs(props.minDate).isAfter(minuteValue, 'minute')\n          : false)\n        || (props.maxDate && currentDate.value\n          ? dayjs(props.maxDate).isBefore(minuteValue, 'minute')\n          : false)\n\n    return {\n      label: `${minute < 10 ? '0' : ''}${minute}`,\n      value: minuteValue,\n      isDisabled,\n    }\n  })\n})\n\nconst currentHour = computed(() => {\n  return typeof currentDate.value === 'string'\n    ? findNearestHour(dayjs(currentDate.value).get('hour'))\n    : undefined\n})\n\nconst currentMinute = computed(() =>\n  typeof currentDate.value === 'string'\n    ? findNearestNumberInList(\n      minutes.value.map(({ value }) => value.get('minute')),\n      dayjs(currentDate.value).get('minute'),\n    )\n    : undefined,\n)\n\nconst currentAmpm = computed(() => {\n  return typeof currentHour.value === 'number'\n    ? currentHour.value >= 12\n      ? 'pm'\n      : 'am'\n    : undefined\n})\n\nconst ampm = computed<{ label: string, value: 'am' | 'pm' }[]>(() =>\n  props.isHour12\n    ? [\n        { label: 'AM', value: 'am' },\n        { label: 'PM', value: 'pm' },\n      ]\n    : [],\n)\n\ntype TimeValue = Dayjs | 'am' | 'pm'\n\nconst columns = computed(() => {\n  const columns: {\n    identifier: ColumnIdentifier\n    values: {\n      label: string\n      value: TimeValue\n      isDisabled?: boolean\n    }[]\n  }[] = [\n    {\n      identifier: 'hour',\n      values: hours.value,\n    },\n    {\n      identifier: 'minute',\n      values: minutes.value,\n    },\n  ]\n\n  if (props.isHour12) {\n    columns.push({\n      identifier: 'ampm',\n      values: ampm.value,\n    })\n  }\n\n  return columns\n})\n\nfunction findNearestHour(hour: number) {\n  if (!props.disabledHours) {\n    return hour\n  }\n\n  const hourList = Array.from({ length: 24 }, (_v, i) => i).filter(\n    hour => !props.disabledHours?.includes(hour) || true,\n  )\n\n  const nearHour = findNearestNumberInList(hourList, hour)\n\n  if (nearHour !== hour) {\n    selectTime('hour', dayjs(currentDate.value).set('hour', nearHour))\n  }\n\n  return nearHour\n}\n\nconst MazPickerTime = ref<HTMLDivElement>()\nconst dividerHeight = ref<number>()\n\nfunction getHour12or24(hourValue: number) {\n  if (props.isHour12) {\n    const isPm = currentAmpm.value === 'pm'\n    const newValue = isPm ? hourValue + 12 : hourValue\n    return newValue === 12 ? 0 : newValue === 24 ? 12 : newValue\n  }\n  else {\n    return hourValue\n  }\n}\n\nwatch(\n  () => props.isOpen,\n  async (value) => {\n    if (value) {\n      await nextTick()\n\n      if (MazPickerTime.value) {\n        const item = MazPickerTime.value.querySelector(\n          `.m-picker-time__column .m-btn`,\n        ) as HTMLButtonElement\n        const itemHeight = item?.offsetHeight\n        const timePickerHeight = MazPickerTime.value?.offsetHeight\n\n        const divHeight = timePickerHeight / 2 - itemHeight / 2\n\n        dividerHeight.value = divHeight / 16\n      }\n\n      scrollColumns(false)\n    }\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => props.modelValue,\n  async (value, oldValue) => {\n    if (value !== oldValue) {\n      await nextTick()\n      scrollColumns(true)\n    }\n  },\n  { immediate: true },\n)\n\nfunction scrollColumns(hasSmoothEffect: boolean) {\n  scrollColumn('hour', hasSmoothEffect)\n  scrollColumn('minute', hasSmoothEffect)\n  if (props.isHour12) {\n    scrollColumn('ampm', hasSmoothEffect)\n  }\n}\n\nfunction isDisableHour(value: number): boolean {\n  return (props.disabledHours && props.disabledHours.includes(value)) ?? false\n}\n\nfunction isSelected(identifier: ColumnIdentifier, value: Dayjs | 'am' | 'pm'): boolean {\n  if (value === 'am' || value === 'pm') {\n    return currentAmpm.value === value\n  }\n  else if (identifier === 'hour') {\n    return currentHour.value === value.get(identifier)\n  }\n  else if (identifier === 'minute') {\n    return currentMinute.value === value.get(identifier)\n  }\n  return false\n}\n\nasync function scrollColumn(identifier: ColumnIdentifier, hasSmoothEffect = true) {\n  if (MazPickerTime.value) {\n    const column = MazPickerTime.value.querySelector(`.m-picker-time__column__${identifier}`) as\n      | HTMLDivElement\n      | undefined\n\n    const selectedButton = MazPickerTime.value.querySelector(\n      `.m-picker-time__column__${identifier} .--is-selected`,\n    ) as HTMLButtonElement | undefined\n\n    if (dividerHeight.value && column && selectedButton && MazPickerTime.value) {\n      await nextTick()\n      scrollToTarget(column, selectedButton, dividerHeight.value * 16, hasSmoothEffect)\n    }\n  }\n}\n\n// eslint-disable-next-line sonarjs/cognitive-complexity\nasync function selectTime(identifier: ColumnIdentifier, value: TimeValue) {\n  const newDate = dayjs(currentDate.value)\n\n  if (identifier === 'hour' && typeof value === 'object') {\n    currentDate.value = newDate.set('hour', value.get('hour')).format()\n  }\n\n  if (identifier === 'minute' && typeof value === 'object') {\n    const dateWithNewMinute = newDate.set('minute', value.get('minute'))\n\n    currentDate.value = dateWithNewMinute.format()\n  }\n\n  if (identifier === 'ampm' && (currentAmpm.value !== value || !currentHour.value)) {\n    if (value === 'am') {\n      currentDate.value = newDate.set('hour', newDate.get('hour')).subtract(12, 'hour').format()\n    }\n    if (value === 'pm') {\n      const baseHour = newDate.get('hour')\n\n      const newHour\n          = baseHour + 12 > 12 && baseHour + 12 < 24 ? baseHour + 12 : baseHour === 0 ? 12 : baseHour\n\n      currentDate.value = newDate.set('hour', newHour).format()\n    }\n  }\n\n  await nextTick()\n\n  scrollColumn(identifier)\n}\n</script>\n\n<template>\n  <div ref=\"MazPickerTime\" class=\"m-picker-time\" :class=\"{ '--has-date': hasDate }\">\n    <div\n      v-for=\"({ values, identifier }, i) in columns\"\n      :key=\"i\"\n      class=\"m-picker-time__column\"\n      :class=\"[`m-picker-time__column__${identifier}`]\"\n    >\n      <div :style=\"{ height: `${dividerHeight}rem` }\" class=\"m-picker-time__column__divider\" />\n      <div class=\"m-picker-time__column__items\">\n        <MazBtn\n          v-for=\"({ value, label, isDisabled }, unitIndex) in values\"\n          :key=\"unitIndex\"\n          size=\"xs\"\n          :color=\"isSelected(identifier, value) ? color : 'transparent'\"\n          :class=\"{ '--is-selected': isSelected(identifier, value) }\"\n          :disabled=\"isDisabled || disabled\"\n          type=\"button\"\n          @click.stop=\"selectTime(identifier, value)\"\n        >\n          {{ label }}\n        </MazBtn>\n      </div>\n      <div :style=\"{ height: `${dividerHeight}rem` }\" class=\"m-picker-time__column__divider\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n.m-picker-time {\n  @apply maz-relative maz-flex;\n\n  max-height: 18.75rem;\n\n  &:not(.--has-date) {\n    max-height: 10rem;\n  }\n\n  &.--has-date {\n    @apply maz-border-l maz-border-color-lighter;\n  }\n\n  &::before {\n    content: '';\n    transform: translateY(-50%);\n\n    @apply maz-absolute maz-left-0 maz-right-0 maz-top-1/2\n        maz-mx-auto maz-h-9 maz-border-b maz-border-t maz-border-color-lighter;\n  }\n\n  &__column {\n    @apply maz-flex maz-flex-col maz-overflow-y-scroll maz-px-1;\n\n    &__items {\n      @apply maz-flex maz-flex-col maz-space-y-1;\n\n      > button {\n        @apply maz-z-2 maz-flex-none;\n      }\n    }\n\n    &__divider {\n      @apply maz-w-full maz-flex-none;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","currentDate","computed","value","hours","_v","i","hour","hourBase","hour12or24","getHour12or24","hourValue","dayjs","isDisabled","isDisableHour","minutes","length","minute","minuteValue","currentHour","findNearestHour","currentMinute","findNearestNumberInList","currentAmpm","ampm","columns","hourList","_a","nearHour","selectTime","MazPickerTime","ref","dividerHeight","newValue","watch","nextTick","item","itemHeight","divHeight","scrollColumns","oldValue","hasSmoothEffect","scrollColumn","isSelected","identifier","column","selectedButton","scrollToTarget","newDate","dateWithNewMinute","baseHour","newHour"],"mappings":"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"}

package/dist/chunks/{MazPickerYearSwitcher.Dku2IMIJ.cjs → MazPickerYearSwitcher.CPREj35R.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerYearSwitcher.Bt0efux6.css');const e=require("vue"),s=require("../components/MazBtn.cjs"),u=require("./MazPicker.BZE8cw36.cjs"),h=require("../filters/date.cjs"),d=require("./chevron-left.BYUi62el.cjs"),k=require("./x-mark.Dz-FO7Es.cjs"),c=require("dayjs"),v=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),z={class:"maz-picker-year-switcher"},x={class:"maz-picker-year-switcher__header"},g={class:"maz-flex maz-space-x-2"},w={class:"maz-picker-year-switcher__main"},b=e.defineComponent({__name:"MazPickerYearSwitcher",props:{color:{type:String,required:!0},locale:{type:String,required:!0},calendarDate:{type:String,required:!0}},emits:["update:calendar-date","close"],setup(n,{emit:f}){const l=n,i=f,r=e.ref(l.calendarDate),m=e.computed(()=>Array.from({length:15},(a,o)=>o-7).map(a=>{const o=c(r.value).get("year"),t=c(r.value).set("year",o+a);return{label:h.date(t.format(),l.locale,{year:"numeric"}),date:t}}));function p(a){i("update:calendar-date",c(a).format()),i("close")}function _(){r.value=c(r.value).subtract(7,"year").format()}function y(){r.value=c(r.value).add(7,"year").format()}return(a,o)=>(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",x,[e.createElementVNode("div",g,[e.createVNode(s.default,{size:"xs",color:"transparent",type:"button",onClick:e.withModifiers(_,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(d.default),{class:"maz-text-lg"})]),_:1}),e.createVNode(s.default,{size:"xs",color:"transparent",type:"button",onClick:e.withModifiers(y,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(d.default),{class:"maz-rotate-180 maz-text-lg"})]),_:1})]),e.createVNode(s.default,{size:"xs",color:"transparent",type:"button",onClick:o[0]||(o[0]=e.withModifiers(t=>a.$emit("close",t),["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(k.default),{class:"maz-text-lg"})]),_:1})]),e.createElementVNode("div",w,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,t=>(e.openBlock(),e.createBlock(s.default,{key:t.label,size:"sm",type:"button",class:e.normalizeClass({"--is-selected":e.unref(u.isSameDate)(t.date,n.calendarDate,"year")}),color:e.unref(u.isSameDate)(t.date,n.calendarDate,"year")?n.color:"transparent",onClick:e.withModifiers(C=>p(t.date),["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1032,["class","color","onClick"]))),128))])]))}}),q=v._export_sfc(b,[["__scopeId","data-v-ff5a67bf"]]);exports.default=q;
-//# sourceMappingURL=MazPickerYearSwitcher.Dku2IMIJ.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerYearSwitcher.9YqgG2Jv.css');const e=require("vue"),c=require("dayjs"),d=require("./chevron-left.BYUi62el.cjs"),h=require("./x-mark.Dz-FO7Es.cjs"),k=require("../filters/date.cjs"),s=require("../components/MazBtn.cjs"),u=require("./MazPicker.D2ra6fVy.cjs"),v=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),z={class:"maz-picker-year-switcher"},x={class:"maz-picker-year-switcher__header"},g={class:"maz-flex maz-space-x-2"},w={class:"maz-picker-year-switcher__main"},b=e.defineComponent({__name:"MazPickerYearSwitcher",props:{color:{type:String,required:!0},locale:{type:String,required:!0},calendarDate:{type:String,required:!0}},emits:["update:calendar-date","close"],setup(n,{emit:m}){const l=n,i=m,r=e.ref(l.calendarDate),f=e.computed(()=>Array.from({length:15},(a,o)=>o-7).map(a=>{const o=c(r.value).get("year"),t=c(r.value).set("year",o+a);return{label:k.date(t.format(),l.locale,{year:"numeric"}),date:t}}));function p(a){i("update:calendar-date",c(a).format()),i("close")}function _(){r.value=c(r.value).subtract(7,"year").format()}function y(){r.value=c(r.value).add(7,"year").format()}return(a,o)=>(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",x,[e.createElementVNode("div",g,[e.createVNode(s.default,{size:"xs",color:"transparent",type:"button",onClick:e.withModifiers(_,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(d.default),{class:"maz-text-lg"})]),_:1}),e.createVNode(s.default,{size:"xs",color:"transparent",type:"button",onClick:e.withModifiers(y,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(d.default),{class:"maz-rotate-180 maz-text-lg"})]),_:1})]),e.createVNode(s.default,{size:"xs",color:"transparent",type:"button",onClick:o[0]||(o[0]=e.withModifiers(t=>a.$emit("close",t),["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(h.default),{class:"maz-text-lg"})]),_:1})]),e.createElementVNode("div",w,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,t=>(e.openBlock(),e.createBlock(s.default,{key:t.label,size:"sm",type:"button",class:e.normalizeClass({"--is-selected":e.unref(u.isSameDate)(t.date,n.calendarDate,"year")}),color:e.unref(u.isSameDate)(t.date,n.calendarDate,"year")?n.color:"transparent",onClick:e.withModifiers(C=>p(t.date),["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1032,["class","color","onClick"]))),128))])]))}}),q=v._export_sfc(b,[["__scopeId","data-v-8b1d8b8c"]]);exports.default=q;
+//# sourceMappingURL=MazPickerYearSwitcher.CPREj35R.cjs.map

package/dist/chunks/MazPickerYearSwitcher.CPREj35R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerYearSwitcher.CPREj35R.cjs","sources":["../../src/components/MazPicker/MazPickerYearSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '../types'\nimport dayjs, { type Dayjs } from 'dayjs'\nimport { computed, type PropType, ref } from 'vue'\nimport ChevronLeftIcon from '../../../icons/chevron-left.svg'\nimport XIcon from '../../../icons/x-mark.svg'\n\nimport { date } from '../../filters/date'\nimport MazBtn from '../MazBtn.vue'\n\nimport { isSameDate } from './utils'\n\nconst props = defineProps({\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  calendarDate: { type: String, required: true },\n})\n\nconst emits = defineEmits(['update:calendar-date', 'close'])\n\nconst currentDateTmp = ref(props.calendarDate)\n\nconst years = computed<\n  {\n    label: string\n    date: Dayjs\n  }[]\n>(() => {\n  return Array.from({ length: 15 }, (_v, i) => i - 7).map((yearNumber) => {\n    const currentYear = dayjs(currentDateTmp.value).get('year')\n    const dateYear = dayjs(currentDateTmp.value).set('year', currentYear + yearNumber)\n\n    return {\n      label: date(dateYear.format(), props.locale, {\n        year: 'numeric',\n      }),\n      date: dateYear,\n    }\n  })\n})\n\nfunction selectYear(date: Dayjs) {\n  emits('update:calendar-date', dayjs(date).format())\n  emits('close')\n}\n\nfunction previousYears() {\n  currentDateTmp.value = dayjs(currentDateTmp.value).subtract(7, 'year').format()\n}\nfunction nextYears() {\n  currentDateTmp.value = dayjs(currentDateTmp.value).add(7, 'year').format()\n}\n</script>\n\n<template>\n  <div class=\"maz-picker-year-switcher\">\n    <div class=\"maz-picker-year-switcher__header\">\n      <div class=\"maz-flex maz-space-x-2\">\n        <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click.stop=\"previousYears\">\n          <ChevronLeftIcon class=\"maz-text-lg\" />\n        </MazBtn>\n        <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click.stop=\"nextYears\">\n          <ChevronLeftIcon class=\"maz-rotate-180 maz-text-lg\" />\n        </MazBtn>\n      </div>\n      <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click.stop=\"$emit('close', $event)\">\n        <XIcon class=\"maz-text-lg\" />\n      </MazBtn>\n    </div>\n    <div class=\"maz-picker-year-switcher__main\">\n      <MazBtn\n        v-for=\"year in years\"\n        :key=\"year.label\"\n        size=\"sm\"\n        type=\"button\"\n        :class=\"{\n          '--is-selected': isSameDate(year.date, calendarDate, 'year'),\n        }\"\n        :color=\"isSameDate(year.date, calendarDate, 'year') ? color : 'transparent'\"\n        @click.stop=\"selectYear(year.date)\"\n      >\n        {{ year.label }}\n      </MazBtn>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-year-switcher {\n  @apply maz-absolute maz-inset-0 maz-z-1 maz-flex maz-flex-col maz-bg-color;\n\n  &__header {\n    @apply maz-flex maz-justify-between maz-space-x-2 maz-border-b maz-border-color-lighter maz-p-2;\n  }\n\n  &__main {\n    @apply maz-grid maz-flex-1 maz-grid-cols-3 maz-gap-2 maz-overflow-y-auto maz-p-2 maz-flex-center;\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","currentDateTmp","ref","years","computed","_v","i","yearNumber","currentYear","dayjs","dateYear","date","selectYear","previousYears","nextYears"],"mappings":"suBAYA,MAAMA,EAAQC,EAMRC,EAAQC,EAERC,EAAiBC,EAAAA,IAAIL,EAAM,YAAY,EAEvCM,EAAQC,EAAAA,SAKZ,IACO,MAAM,KAAK,CAAE,OAAQ,IAAM,CAACC,EAAIC,IAAMA,EAAI,CAAC,EAAE,IAAKC,GAAe,CACtE,MAAMC,EAAcC,EAAMR,EAAe,KAAK,EAAE,IAAI,MAAM,EACpDS,EAAWD,EAAMR,EAAe,KAAK,EAAE,IAAI,OAAQO,EAAcD,CAAU,EAE1E,MAAA,CACL,MAAOI,EAAK,KAAAD,EAAS,OAAO,EAAGb,EAAM,OAAQ,CAC3C,KAAM,SAAA,CACP,EACD,KAAMa,CACR,CAAA,CACD,CACF,EAED,SAASE,EAAWD,EAAa,CAC/BZ,EAAM,uBAAwBU,EAAME,CAAI,EAAE,QAAQ,EAClDZ,EAAM,OAAO,CAAA,CAGf,SAASc,GAAgB,CACRZ,EAAA,MAAQQ,EAAMR,EAAe,KAAK,EAAE,SAAS,EAAG,MAAM,EAAE,OAAO,CAAA,CAEhF,SAASa,GAAY,CACJb,EAAA,MAAQQ,EAAMR,EAAe,KAAK,EAAE,IAAI,EAAG,MAAM,EAAE,OAAO,CAAA"}

package/dist/chunks/{MazPickerYearSwitcher.DMBOaMYy.mjs → MazPickerYearSwitcher.D_onf-0L.mjs}

@@ -1,12 +1,12 @@
-import { defineComponent as b, ref as C, computed as w, openBlock as d, createElementBlock as _, createElementVNode as u, createVNode as o, withModifiers as l, withCtx as i, unref as s, Fragment as D, renderList as S, createBlock as Y, normalizeClass as B, createTextVNode as M, toDisplayString as q } from "vue";
-import m from "../components/MazBtn.mjs";
-import { i as y } from "./MazPicker.DCnOkRvv.mjs";
-import { date as I } from "../filters/date.mjs";
-import z from "./chevron-left.njfuF_Vt.mjs";
-import N from "./x-mark.DTWA3lfG.mjs";
+import { defineComponent as g, ref as C, computed as w, openBlock as d, createElementBlock as _, createElementVNode as u, createVNode as o, withModifiers as l, withCtx as i, unref as s, Fragment as D, renderList as S, createBlock as Y, normalizeClass as B, createTextVNode as M, toDisplayString as q } from "vue";
 import c from "dayjs";
+import y from "./chevron-left.njfuF_Vt.mjs";
+import I from "./x-mark.DTWA3lfG.mjs";
+import { date as N } from "../filters/date.mjs";
+import m from "../components/MazBtn.mjs";
+import { i as z } from "./MazPicker.hoqM5DbN.mjs";
 import { _ as V } from "./_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/MazPickerYearSwitcher.Bt0efux6.css';const E = { class: "maz-picker-year-switcher" }, L = { class: "maz-picker-year-switcher__header" }, P = { class: "maz-flex maz-space-x-2" }, T = { class: "maz-picker-year-switcher__main" }, $ = /* @__PURE__ */ b({
+import '../assets/MazPickerYearSwitcher.9YqgG2Jv.css';const E = { class: "maz-picker-year-switcher" }, L = { class: "maz-picker-year-switcher__header" }, P = { class: "maz-flex maz-space-x-2" }, T = { class: "maz-picker-year-switcher__main" }, $ = /* @__PURE__ */ g({
   __name: "MazPickerYearSwitcher",
   props: {
     color: { type: String, required: !0 },
@@ -18,7 +18,7 @@ import '../assets/MazPickerYearSwitcher.Bt0efux6.css';const E = { class: "maz-pi
     const p = n, f = v, t = C(p.calendarDate), k = w(() => Array.from({ length: 15 }, (a, r) => r - 7).map((a) => {
       const r = c(t.value).get("year"), e = c(t.value).set("year", r + a);
       return {
-        label: I(e.format(), p.locale, {
+        label: N(e.format(), p.locale, {
           year: "numeric"
         }),
         date: e
@@ -30,7 +30,7 @@ import '../assets/MazPickerYearSwitcher.Bt0efux6.css';const E = { class: "maz-pi
     function x() {
       t.value = c(t.value).subtract(7, "year").format();
     }
-    function g() {
+    function b() {
       t.value = c(t.value).add(7, "year").format();
     }
     return (a, r) => (d(), _("div", E, [
@@ -43,7 +43,7 @@ import '../assets/MazPickerYearSwitcher.Bt0efux6.css';const E = { class: "maz-pi
             onClick: l(x, ["stop"])
           }, {
             default: i(() => [
-              o(s(z), { class: "maz-text-lg" })
+              o(s(y), { class: "maz-text-lg" })
             ]),
             _: 1
           }),
@@ -51,10 +51,10 @@ import '../assets/MazPickerYearSwitcher.Bt0efux6.css';const E = { class: "maz-pi
             size: "xs",
             color: "transparent",
             type: "button",
-            onClick: l(g, ["stop"])
+            onClick: l(b, ["stop"])
           }, {
             default: i(() => [
-              o(s(z), { class: "maz-rotate-180 maz-text-lg" })
+              o(s(y), { class: "maz-rotate-180 maz-text-lg" })
             ]),
             _: 1
           })
@@ -66,7 +66,7 @@ import '../assets/MazPickerYearSwitcher.Bt0efux6.css';const E = { class: "maz-pi
           onClick: r[0] || (r[0] = l((e) => a.$emit("close", e), ["stop"]))
         }, {
           default: i(() => [
-            o(s(N), { class: "maz-text-lg" })
+            o(s(I), { class: "maz-text-lg" })
           ]),
           _: 1
         })
@@ -77,9 +77,9 @@ import '../assets/MazPickerYearSwitcher.Bt0efux6.css';const E = { class: "maz-pi
           size: "sm",
           type: "button",
           class: B({
-            "--is-selected": s(y)(e.date, n.calendarDate, "year")
+            "--is-selected": s(z)(e.date, n.calendarDate, "year")
           }),
-          color: s(y)(e.date, n.calendarDate, "year") ? n.color : "transparent",
+          color: s(z)(e.date, n.calendarDate, "year") ? n.color : "transparent",
           onClick: l((j) => h(e.date), ["stop"])
         }, {
           default: i(() => [
@@ -90,8 +90,8 @@ import '../assets/MazPickerYearSwitcher.Bt0efux6.css';const E = { class: "maz-pi
       ])
     ]));
   }
-}), Q = /* @__PURE__ */ V($, [["__scopeId", "data-v-ff5a67bf"]]);
+}), Q = /* @__PURE__ */ V($, [["__scopeId", "data-v-8b1d8b8c"]]);
 export {
   Q as default
 };
-//# sourceMappingURL=MazPickerYearSwitcher.DMBOaMYy.mjs.map
+//# sourceMappingURL=MazPickerYearSwitcher.D_onf-0L.mjs.map

package/dist/chunks/MazPickerYearSwitcher.D_onf-0L.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerYearSwitcher.D_onf-0L.mjs","sources":["../../src/components/MazPicker/MazPickerYearSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '../types'\nimport dayjs, { type Dayjs } from 'dayjs'\nimport { computed, type PropType, ref } from 'vue'\nimport ChevronLeftIcon from '../../../icons/chevron-left.svg'\nimport XIcon from '../../../icons/x-mark.svg'\n\nimport { date } from '../../filters/date'\nimport MazBtn from '../MazBtn.vue'\n\nimport { isSameDate } from './utils'\n\nconst props = defineProps({\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  calendarDate: { type: String, required: true },\n})\n\nconst emits = defineEmits(['update:calendar-date', 'close'])\n\nconst currentDateTmp = ref(props.calendarDate)\n\nconst years = computed<\n  {\n    label: string\n    date: Dayjs\n  }[]\n>(() => {\n  return Array.from({ length: 15 }, (_v, i) => i - 7).map((yearNumber) => {\n    const currentYear = dayjs(currentDateTmp.value).get('year')\n    const dateYear = dayjs(currentDateTmp.value).set('year', currentYear + yearNumber)\n\n    return {\n      label: date(dateYear.format(), props.locale, {\n        year: 'numeric',\n      }),\n      date: dateYear,\n    }\n  })\n})\n\nfunction selectYear(date: Dayjs) {\n  emits('update:calendar-date', dayjs(date).format())\n  emits('close')\n}\n\nfunction previousYears() {\n  currentDateTmp.value = dayjs(currentDateTmp.value).subtract(7, 'year').format()\n}\nfunction nextYears() {\n  currentDateTmp.value = dayjs(currentDateTmp.value).add(7, 'year').format()\n}\n</script>\n\n<template>\n  <div class=\"maz-picker-year-switcher\">\n    <div class=\"maz-picker-year-switcher__header\">\n      <div class=\"maz-flex maz-space-x-2\">\n        <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click.stop=\"previousYears\">\n          <ChevronLeftIcon class=\"maz-text-lg\" />\n        </MazBtn>\n        <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click.stop=\"nextYears\">\n          <ChevronLeftIcon class=\"maz-rotate-180 maz-text-lg\" />\n        </MazBtn>\n      </div>\n      <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click.stop=\"$emit('close', $event)\">\n        <XIcon class=\"maz-text-lg\" />\n      </MazBtn>\n    </div>\n    <div class=\"maz-picker-year-switcher__main\">\n      <MazBtn\n        v-for=\"year in years\"\n        :key=\"year.label\"\n        size=\"sm\"\n        type=\"button\"\n        :class=\"{\n          '--is-selected': isSameDate(year.date, calendarDate, 'year'),\n        }\"\n        :color=\"isSameDate(year.date, calendarDate, 'year') ? color : 'transparent'\"\n        @click.stop=\"selectYear(year.date)\"\n      >\n        {{ year.label }}\n      </MazBtn>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-year-switcher {\n  @apply maz-absolute maz-inset-0 maz-z-1 maz-flex maz-flex-col maz-bg-color;\n\n  &__header {\n    @apply maz-flex maz-justify-between maz-space-x-2 maz-border-b maz-border-color-lighter maz-p-2;\n  }\n\n  &__main {\n    @apply maz-grid maz-flex-1 maz-grid-cols-3 maz-gap-2 maz-overflow-y-auto maz-p-2 maz-flex-center;\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","currentDateTmp","ref","years","computed","_v","i","yearNumber","currentYear","dayjs","dateYear","date","selectYear","previousYears","nextYears"],"mappings":";;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAMRC,IAAQC,GAERC,IAAiBC,EAAIL,EAAM,YAAY,GAEvCM,IAAQC,EAKZ,MACO,MAAM,KAAK,EAAE,QAAQ,MAAM,CAACC,GAAIC,MAAMA,IAAI,CAAC,EAAE,IAAI,CAACC,MAAe;AACtE,YAAMC,IAAcC,EAAMR,EAAe,KAAK,EAAE,IAAI,MAAM,GACpDS,IAAWD,EAAMR,EAAe,KAAK,EAAE,IAAI,QAAQO,IAAcD,CAAU;AAE1E,aAAA;AAAA,QACL,OAAOI,EAAKD,EAAS,OAAO,GAAGb,EAAM,QAAQ;AAAA,UAC3C,MAAM;AAAA,QAAA,CACP;AAAA,QACD,MAAMa;AAAA,MACR;AAAA,IAAA,CACD,CACF;AAED,aAASE,EAAWD,GAAa;AAC/B,MAAAZ,EAAM,wBAAwBU,EAAME,CAAI,EAAE,QAAQ,GAClDZ,EAAM,OAAO;AAAA,IAAA;AAGf,aAASc,IAAgB;AACR,MAAAZ,EAAA,QAAQQ,EAAMR,EAAe,KAAK,EAAE,SAAS,GAAG,MAAM,EAAE,OAAO;AAAA,IAAA;AAEhF,aAASa,IAAY;AACJ,MAAAb,EAAA,QAAQQ,EAAMR,EAAe,KAAK,EAAE,IAAI,GAAG,MAAM,EAAE,OAAO;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/MazSwitch.vue_vue_type_script_setup_true_lang.C74s_H37.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MazSwitch.vue_vue_type_script_setup_true_lang.C74s_H37.cjs","sources":["../../src/components/MazSwitch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '@components/types'\nimport { useInstanceUniqId } from '@composables/useInstanceUniqId'\n\nimport { computed, type HTMLAttributes, ref } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MazSwitchProps>(), {\n  style: undefined,\n  class: undefined,\n  modelValue: false,\n  id: undefined,\n  disabled: false,\n  name: undefined,\n  color: 'primary',\n})\n\nconst emits = defineEmits<{\n  /**\n   * Emitted when the model value changes\n   * @property {boolean} value - The new value\n   */\n  'update:model-value': [value: boolean]\n  /**\n   * Emitted when the model value changes\n   * @property {boolean} value - The new value\n   */\n  'change': [value: boolean]\n  /**\n   * Emitted when the switch lost focus\n   * @property {FocusEvent} value - The focus event\n   */\n  'blur': [value: FocusEvent]\n  /**\n   * Emitted when the switch is focused\n   * @property {FocusEvent} value - The focus event\n   */\n  'focus': [value: FocusEvent]\n}>()\n\nexport interface MazSwitchProps {\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 model value of the switch */\n  modelValue?: boolean\n  /** The id of the switch */\n  id?: string\n  /** If the switch is disabled */\n  disabled?: boolean\n  /** The name of the switch */\n  name?: string\n  /** Text label */\n  label?: string\n  /** The color of the switch */\n  color?: Color\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 instanceId = useInstanceUniqId({\n  componentName: 'MazSwitch',\n  providedId: props.id,\n})\n\nconst bgColorClassVar = computed(() => {\n  if (props.color === 'theme')\n    return 'var(--maz-color-bg-theme)'\n\n  return `var(--maz-color-${props.color}-alpha)`\n})\n\nfunction emit() {\n  emits('update:model-value', !props.modelValue)\n  emits('change', !props.modelValue)\n}\n\nconst inputRef = ref<HTMLInputElement>()\n\nfunction keyboardHandler(event: KeyboardEvent) {\n  if (['Space'].includes(event.code)) {\n    event.preventDefault()\n    emit()\n  }\n}\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-switch m-reset-css\"\n    :class=\"[{ '--is-disabled': disabled }, props.class]\"\n    role=\"switch\"\n    :style=\"[style, { '--switch-color': bgColorClassVar }]\"\n    :aria-checked=\"modelValue\"\n    tabindex=\"0\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown=\"keyboardHandler\"\n  >\n    <input\n      :id=\"instanceId\"\n      v-bind=\"$attrs\"\n      ref=\"inputRef\"\n      type=\"checkbox\"\n      :name=\"name\"\n      tabindex=\"-1\"\n      :checked=\"modelValue\"\n      :aria-label=\"label\"\n      :disabled=\"disabled\"\n      class=\"m-switch__input\"\n      @change=\"emit\"\n    >\n    <span class=\"m-switch__toggle\" />\n\n    <span v-if=\"$slots.default || label || hint\" class=\"m-switch__text\">\n      <!--\n        @slot The label of the switch\n          @binding {Boolean} value - The value of the switch\n      -->\n      <slot :value=\"modelValue\">\n        {{ label }}\n      </slot>\n\n      <span\n        v-if=\"hint\"\n        class=\"m-switch__hint\" :class=\"{\n          '--error': error,\n          '--success': success,\n          '--warning': warning,\n        }\"\n      >{{ hint }}</span>\n    </span>\n  </label>\n</template>\n\n<style lang=\"postcss\">\n  .m-switch {\n  @apply maz-relative maz-inline-flex maz-cursor-pointer maz-items-center maz-gap-2 maz-align-top;\n\n  &.--is-disabled {\n    @apply maz-cursor-not-allowed;\n  }\n\n  &__input {\n    @apply maz-absolute;\n\n    left: -9999px;\n  }\n\n  &__toggle {\n    @apply maz-h-6 maz-w-12 maz-relative;\n\n    &::before {\n      content: '';\n      transition: all 200ms ease-in-out;\n\n      @apply maz-relative maz-left-0 maz-top-0.5 maz-block maz-h-6 maz-w-[3rem] maz-rounded-full;\n      @apply maz-bg-color-light dark:maz-bg-color-lighter;\n    }\n\n    &::after {\n      content: '';\n\n      @apply maz-absolute maz-left-0.5 maz-top-1 maz-block maz-h-5 maz-w-5 maz-rounded-full maz-bg-color;\n\n      box-shadow: 0 0 4px 0 hsl(0deg 0% 0% / 20%);\n      transition: all 200ms ease-in-out;\n    }\n  }\n\n  &__input:checked + .m-switch__toggle {\n    &::after {\n      @apply maz-translate-x-6;\n    }\n\n    &::before {\n      background-color: var(--switch-color);\n    }\n  }\n\n  &__input:disabled {\n    + .m-switch__toggle {\n      &::before {\n        @apply maz-bg-color-lighter dark:maz-bg-color-light;\n      }\n\n      &::after {\n        @apply maz-bg-color-light dark:maz-bg-color-lighter;\n\n        box-shadow: none;\n      }\n    }\n  }\n\n  &__text {\n    @apply maz-flex maz-flex-col maz-gap-0;\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</style>\n"],"names":["props","__props","emits","__emit","instanceId","useInstanceUniqId","bgColorClassVar","computed","emit","inputRef","ref","keyboardHandler","event","onBlur","_a","onFocus"],"mappings":"ulBAUA,MAAMA,EAAQC,EAURC,EAAQC,EAkDRC,EAAaC,EAAAA,kBAAkB,CACnC,cAAe,YACf,WAAYL,EAAM,EAAA,CACnB,EAEKM,EAAkBC,EAAAA,SAAS,IAC3BP,EAAM,QAAU,QACX,4BAEF,mBAAmBA,EAAM,KAAK,SACtC,EAED,SAASQ,GAAO,CACRN,EAAA,qBAAsB,CAACF,EAAM,UAAU,EACvCE,EAAA,SAAU,CAACF,EAAM,UAAU,CAAA,CAGnC,MAAMS,EAAWC,EAAAA,IAAsB,EAEvC,SAASC,EAAgBC,EAAsB,CACzC,CAAC,OAAO,EAAE,SAASA,EAAM,IAAI,IAC/BA,EAAM,eAAe,EAChBJ,EAAA,EACP,CAGF,SAASK,EAAOD,EAAmB,QACjCE,EAAAL,EAAS,QAAT,MAAAK,EAAgB,cAAc,IAAI,MAAM,MAAM,GAC9CZ,EAAM,OAAQU,CAAK,CAAA,CAErB,SAASG,EAAQH,EAAmB,QAClCE,EAAAL,EAAS,QAAT,MAAAK,EAAgB,cAAc,IAAI,MAAM,OAAO,GAC/CZ,EAAM,QAASU,CAAK,CAAA"}
+{"version":3,"file":"MazSwitch.vue_vue_type_script_setup_true_lang.C74s_H37.cjs","sources":["../../src/components/MazSwitch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from './types'\nimport { computed, type HTMLAttributes, ref } from 'vue'\n\nimport { useInstanceUniqId } from '../composables/useInstanceUniqId'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MazSwitchProps>(), {\n  style: undefined,\n  class: undefined,\n  modelValue: false,\n  id: undefined,\n  disabled: false,\n  name: undefined,\n  color: 'primary',\n})\n\nconst emits = defineEmits<{\n  /**\n   * Emitted when the model value changes\n   * @property {boolean} value - The new value\n   */\n  'update:model-value': [value: boolean]\n  /**\n   * Emitted when the model value changes\n   * @property {boolean} value - The new value\n   */\n  'change': [value: boolean]\n  /**\n   * Emitted when the switch lost focus\n   * @property {FocusEvent} value - The focus event\n   */\n  'blur': [value: FocusEvent]\n  /**\n   * Emitted when the switch is focused\n   * @property {FocusEvent} value - The focus event\n   */\n  'focus': [value: FocusEvent]\n}>()\n\nexport interface MazSwitchProps {\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 model value of the switch */\n  modelValue?: boolean\n  /** The id of the switch */\n  id?: string\n  /** If the switch is disabled */\n  disabled?: boolean\n  /** The name of the switch */\n  name?: string\n  /** Text label */\n  label?: string\n  /** The color of the switch */\n  color?: Color\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 instanceId = useInstanceUniqId({\n  componentName: 'MazSwitch',\n  providedId: props.id,\n})\n\nconst bgColorClassVar = computed(() => {\n  if (props.color === 'theme')\n    return 'var(--maz-color-bg-theme)'\n\n  return `var(--maz-color-${props.color}-alpha)`\n})\n\nfunction emit() {\n  emits('update:model-value', !props.modelValue)\n  emits('change', !props.modelValue)\n}\n\nconst inputRef = ref<HTMLInputElement>()\n\nfunction keyboardHandler(event: KeyboardEvent) {\n  if (['Space'].includes(event.code)) {\n    event.preventDefault()\n    emit()\n  }\n}\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-switch m-reset-css\"\n    :class=\"[{ '--is-disabled': disabled }, props.class]\"\n    role=\"switch\"\n    :style=\"[style, { '--switch-color': bgColorClassVar }]\"\n    :aria-checked=\"modelValue\"\n    tabindex=\"0\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown=\"keyboardHandler\"\n  >\n    <input\n      :id=\"instanceId\"\n      v-bind=\"$attrs\"\n      ref=\"inputRef\"\n      type=\"checkbox\"\n      :name=\"name\"\n      tabindex=\"-1\"\n      :checked=\"modelValue\"\n      :aria-label=\"label\"\n      :disabled=\"disabled\"\n      class=\"m-switch__input\"\n      @change=\"emit\"\n    >\n    <span class=\"m-switch__toggle\" />\n\n    <span v-if=\"$slots.default || label || hint\" class=\"m-switch__text\">\n      <!--\n        @slot The label of the switch\n          @binding {Boolean} value - The value of the switch\n      -->\n      <slot :value=\"modelValue\">\n        {{ label }}\n      </slot>\n\n      <span\n        v-if=\"hint\"\n        class=\"m-switch__hint\" :class=\"{\n          '--error': error,\n          '--success': success,\n          '--warning': warning,\n        }\"\n      >{{ hint }}</span>\n    </span>\n  </label>\n</template>\n\n<style lang=\"postcss\">\n  .m-switch {\n  @apply maz-relative maz-inline-flex maz-cursor-pointer maz-items-center maz-gap-2 maz-align-top;\n\n  &.--is-disabled {\n    @apply maz-cursor-not-allowed;\n  }\n\n  &__input {\n    @apply maz-absolute;\n\n    left: -9999px;\n  }\n\n  &__toggle {\n    @apply maz-h-6 maz-w-12 maz-relative;\n\n    &::before {\n      content: '';\n      transition: all 200ms ease-in-out;\n\n      @apply maz-relative maz-left-0 maz-top-0.5 maz-block maz-h-6 maz-w-[3rem] maz-rounded-full;\n      @apply maz-bg-color-light dark:maz-bg-color-lighter;\n    }\n\n    &::after {\n      content: '';\n\n      @apply maz-absolute maz-left-0.5 maz-top-1 maz-block maz-h-5 maz-w-5 maz-rounded-full maz-bg-color;\n\n      box-shadow: 0 0 4px 0 hsl(0deg 0% 0% / 20%);\n      transition: all 200ms ease-in-out;\n    }\n  }\n\n  &__input:checked + .m-switch__toggle {\n    &::after {\n      @apply maz-translate-x-6;\n    }\n\n    &::before {\n      background-color: var(--switch-color);\n    }\n  }\n\n  &__input:disabled {\n    + .m-switch__toggle {\n      &::before {\n        @apply maz-bg-color-lighter dark:maz-bg-color-light;\n      }\n\n      &::after {\n        @apply maz-bg-color-light dark:maz-bg-color-lighter;\n\n        box-shadow: none;\n      }\n    }\n  }\n\n  &__text {\n    @apply maz-flex maz-flex-col maz-gap-0;\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</style>\n"],"names":["props","__props","emits","__emit","instanceId","useInstanceUniqId","bgColorClassVar","computed","emit","inputRef","ref","keyboardHandler","event","onBlur","_a","onFocus"],"mappings":"ulBAUA,MAAMA,EAAQC,EAURC,EAAQC,EAkDRC,EAAaC,EAAAA,kBAAkB,CACnC,cAAe,YACf,WAAYL,EAAM,EAAA,CACnB,EAEKM,EAAkBC,EAAAA,SAAS,IAC3BP,EAAM,QAAU,QACX,4BAEF,mBAAmBA,EAAM,KAAK,SACtC,EAED,SAASQ,GAAO,CACRN,EAAA,qBAAsB,CAACF,EAAM,UAAU,EACvCE,EAAA,SAAU,CAACF,EAAM,UAAU,CAAA,CAGnC,MAAMS,EAAWC,EAAAA,IAAsB,EAEvC,SAASC,EAAgBC,EAAsB,CACzC,CAAC,OAAO,EAAE,SAASA,EAAM,IAAI,IAC/BA,EAAM,eAAe,EAChBJ,EAAA,EACP,CAGF,SAASK,EAAOD,EAAmB,QACjCE,EAAAL,EAAS,QAAT,MAAAK,EAAgB,cAAc,IAAI,MAAM,MAAM,GAC9CZ,EAAM,OAAQU,CAAK,CAAA,CAErB,SAASG,EAAQH,EAAmB,QAClCE,EAAAL,EAAS,QAAT,MAAAK,EAAgB,cAAc,IAAI,MAAM,OAAO,GAC/CZ,EAAM,QAASU,CAAK,CAAA"}

package/dist/chunks/MazSwitch.vue_vue_type_script_setup_true_lang.jyNV3g3U.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MazSwitch.vue_vue_type_script_setup_true_lang.jyNV3g3U.mjs","sources":["../../src/components/MazSwitch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '@components/types'\nimport { useInstanceUniqId } from '@composables/useInstanceUniqId'\n\nimport { computed, type HTMLAttributes, ref } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MazSwitchProps>(), {\n  style: undefined,\n  class: undefined,\n  modelValue: false,\n  id: undefined,\n  disabled: false,\n  name: undefined,\n  color: 'primary',\n})\n\nconst emits = defineEmits<{\n  /**\n   * Emitted when the model value changes\n   * @property {boolean} value - The new value\n   */\n  'update:model-value': [value: boolean]\n  /**\n   * Emitted when the model value changes\n   * @property {boolean} value - The new value\n   */\n  'change': [value: boolean]\n  /**\n   * Emitted when the switch lost focus\n   * @property {FocusEvent} value - The focus event\n   */\n  'blur': [value: FocusEvent]\n  /**\n   * Emitted when the switch is focused\n   * @property {FocusEvent} value - The focus event\n   */\n  'focus': [value: FocusEvent]\n}>()\n\nexport interface MazSwitchProps {\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 model value of the switch */\n  modelValue?: boolean\n  /** The id of the switch */\n  id?: string\n  /** If the switch is disabled */\n  disabled?: boolean\n  /** The name of the switch */\n  name?: string\n  /** Text label */\n  label?: string\n  /** The color of the switch */\n  color?: Color\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 instanceId = useInstanceUniqId({\n  componentName: 'MazSwitch',\n  providedId: props.id,\n})\n\nconst bgColorClassVar = computed(() => {\n  if (props.color === 'theme')\n    return 'var(--maz-color-bg-theme)'\n\n  return `var(--maz-color-${props.color}-alpha)`\n})\n\nfunction emit() {\n  emits('update:model-value', !props.modelValue)\n  emits('change', !props.modelValue)\n}\n\nconst inputRef = ref<HTMLInputElement>()\n\nfunction keyboardHandler(event: KeyboardEvent) {\n  if (['Space'].includes(event.code)) {\n    event.preventDefault()\n    emit()\n  }\n}\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-switch m-reset-css\"\n    :class=\"[{ '--is-disabled': disabled }, props.class]\"\n    role=\"switch\"\n    :style=\"[style, { '--switch-color': bgColorClassVar }]\"\n    :aria-checked=\"modelValue\"\n    tabindex=\"0\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown=\"keyboardHandler\"\n  >\n    <input\n      :id=\"instanceId\"\n      v-bind=\"$attrs\"\n      ref=\"inputRef\"\n      type=\"checkbox\"\n      :name=\"name\"\n      tabindex=\"-1\"\n      :checked=\"modelValue\"\n      :aria-label=\"label\"\n      :disabled=\"disabled\"\n      class=\"m-switch__input\"\n      @change=\"emit\"\n    >\n    <span class=\"m-switch__toggle\" />\n\n    <span v-if=\"$slots.default || label || hint\" class=\"m-switch__text\">\n      <!--\n        @slot The label of the switch\n          @binding {Boolean} value - The value of the switch\n      -->\n      <slot :value=\"modelValue\">\n        {{ label }}\n      </slot>\n\n      <span\n        v-if=\"hint\"\n        class=\"m-switch__hint\" :class=\"{\n          '--error': error,\n          '--success': success,\n          '--warning': warning,\n        }\"\n      >{{ hint }}</span>\n    </span>\n  </label>\n</template>\n\n<style lang=\"postcss\">\n  .m-switch {\n  @apply maz-relative maz-inline-flex maz-cursor-pointer maz-items-center maz-gap-2 maz-align-top;\n\n  &.--is-disabled {\n    @apply maz-cursor-not-allowed;\n  }\n\n  &__input {\n    @apply maz-absolute;\n\n    left: -9999px;\n  }\n\n  &__toggle {\n    @apply maz-h-6 maz-w-12 maz-relative;\n\n    &::before {\n      content: '';\n      transition: all 200ms ease-in-out;\n\n      @apply maz-relative maz-left-0 maz-top-0.5 maz-block maz-h-6 maz-w-[3rem] maz-rounded-full;\n      @apply maz-bg-color-light dark:maz-bg-color-lighter;\n    }\n\n    &::after {\n      content: '';\n\n      @apply maz-absolute maz-left-0.5 maz-top-1 maz-block maz-h-5 maz-w-5 maz-rounded-full maz-bg-color;\n\n      box-shadow: 0 0 4px 0 hsl(0deg 0% 0% / 20%);\n      transition: all 200ms ease-in-out;\n    }\n  }\n\n  &__input:checked + .m-switch__toggle {\n    &::after {\n      @apply maz-translate-x-6;\n    }\n\n    &::before {\n      background-color: var(--switch-color);\n    }\n  }\n\n  &__input:disabled {\n    + .m-switch__toggle {\n      &::before {\n        @apply maz-bg-color-lighter dark:maz-bg-color-light;\n      }\n\n      &::after {\n        @apply maz-bg-color-light dark:maz-bg-color-lighter;\n\n        box-shadow: none;\n      }\n    }\n  }\n\n  &__text {\n    @apply maz-flex maz-flex-col maz-gap-0;\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</style>\n"],"names":["props","__props","emits","__emit","instanceId","useInstanceUniqId","bgColorClassVar","computed","emit","inputRef","ref","keyboardHandler","event","onBlur","_a","onFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAURC,IAAQC,GAkDRC,IAAaC,EAAkB;AAAA,MACnC,eAAe;AAAA,MACf,YAAYL,EAAM;AAAA,IAAA,CACnB,GAEKM,IAAkBC,EAAS,MAC3BP,EAAM,UAAU,UACX,8BAEF,mBAAmBA,EAAM,KAAK,SACtC;AAED,aAASQ,IAAO;AACR,MAAAN,EAAA,sBAAsB,CAACF,EAAM,UAAU,GACvCE,EAAA,UAAU,CAACF,EAAM,UAAU;AAAA,IAAA;AAGnC,UAAMS,IAAWC,EAAsB;AAEvC,aAASC,EAAgBC,GAAsB;AAC7C,MAAI,CAAC,OAAO,EAAE,SAASA,EAAM,IAAI,MAC/BA,EAAM,eAAe,GAChBJ,EAAA;AAAA,IACP;AAGF,aAASK,EAAOD,GAAmB;;AACjC,OAAAE,IAAAL,EAAS,UAAT,QAAAK,EAAgB,cAAc,IAAI,MAAM,MAAM,IAC9CZ,EAAM,QAAQU,CAAK;AAAA,IAAA;AAErB,aAASG,EAAQH,GAAmB;;AAClC,OAAAE,IAAAL,EAAS,UAAT,QAAAK,EAAgB,cAAc,IAAI,MAAM,OAAO,IAC/CZ,EAAM,SAASU,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MazSwitch.vue_vue_type_script_setup_true_lang.jyNV3g3U.mjs","sources":["../../src/components/MazSwitch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from './types'\nimport { computed, type HTMLAttributes, ref } from 'vue'\n\nimport { useInstanceUniqId } from '../composables/useInstanceUniqId'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MazSwitchProps>(), {\n  style: undefined,\n  class: undefined,\n  modelValue: false,\n  id: undefined,\n  disabled: false,\n  name: undefined,\n  color: 'primary',\n})\n\nconst emits = defineEmits<{\n  /**\n   * Emitted when the model value changes\n   * @property {boolean} value - The new value\n   */\n  'update:model-value': [value: boolean]\n  /**\n   * Emitted when the model value changes\n   * @property {boolean} value - The new value\n   */\n  'change': [value: boolean]\n  /**\n   * Emitted when the switch lost focus\n   * @property {FocusEvent} value - The focus event\n   */\n  'blur': [value: FocusEvent]\n  /**\n   * Emitted when the switch is focused\n   * @property {FocusEvent} value - The focus event\n   */\n  'focus': [value: FocusEvent]\n}>()\n\nexport interface MazSwitchProps {\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 model value of the switch */\n  modelValue?: boolean\n  /** The id of the switch */\n  id?: string\n  /** If the switch is disabled */\n  disabled?: boolean\n  /** The name of the switch */\n  name?: string\n  /** Text label */\n  label?: string\n  /** The color of the switch */\n  color?: Color\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 instanceId = useInstanceUniqId({\n  componentName: 'MazSwitch',\n  providedId: props.id,\n})\n\nconst bgColorClassVar = computed(() => {\n  if (props.color === 'theme')\n    return 'var(--maz-color-bg-theme)'\n\n  return `var(--maz-color-${props.color}-alpha)`\n})\n\nfunction emit() {\n  emits('update:model-value', !props.modelValue)\n  emits('change', !props.modelValue)\n}\n\nconst inputRef = ref<HTMLInputElement>()\n\nfunction keyboardHandler(event: KeyboardEvent) {\n  if (['Space'].includes(event.code)) {\n    event.preventDefault()\n    emit()\n  }\n}\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-switch m-reset-css\"\n    :class=\"[{ '--is-disabled': disabled }, props.class]\"\n    role=\"switch\"\n    :style=\"[style, { '--switch-color': bgColorClassVar }]\"\n    :aria-checked=\"modelValue\"\n    tabindex=\"0\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown=\"keyboardHandler\"\n  >\n    <input\n      :id=\"instanceId\"\n      v-bind=\"$attrs\"\n      ref=\"inputRef\"\n      type=\"checkbox\"\n      :name=\"name\"\n      tabindex=\"-1\"\n      :checked=\"modelValue\"\n      :aria-label=\"label\"\n      :disabled=\"disabled\"\n      class=\"m-switch__input\"\n      @change=\"emit\"\n    >\n    <span class=\"m-switch__toggle\" />\n\n    <span v-if=\"$slots.default || label || hint\" class=\"m-switch__text\">\n      <!--\n        @slot The label of the switch\n          @binding {Boolean} value - The value of the switch\n      -->\n      <slot :value=\"modelValue\">\n        {{ label }}\n      </slot>\n\n      <span\n        v-if=\"hint\"\n        class=\"m-switch__hint\" :class=\"{\n          '--error': error,\n          '--success': success,\n          '--warning': warning,\n        }\"\n      >{{ hint }}</span>\n    </span>\n  </label>\n</template>\n\n<style lang=\"postcss\">\n  .m-switch {\n  @apply maz-relative maz-inline-flex maz-cursor-pointer maz-items-center maz-gap-2 maz-align-top;\n\n  &.--is-disabled {\n    @apply maz-cursor-not-allowed;\n  }\n\n  &__input {\n    @apply maz-absolute;\n\n    left: -9999px;\n  }\n\n  &__toggle {\n    @apply maz-h-6 maz-w-12 maz-relative;\n\n    &::before {\n      content: '';\n      transition: all 200ms ease-in-out;\n\n      @apply maz-relative maz-left-0 maz-top-0.5 maz-block maz-h-6 maz-w-[3rem] maz-rounded-full;\n      @apply maz-bg-color-light dark:maz-bg-color-lighter;\n    }\n\n    &::after {\n      content: '';\n\n      @apply maz-absolute maz-left-0.5 maz-top-1 maz-block maz-h-5 maz-w-5 maz-rounded-full maz-bg-color;\n\n      box-shadow: 0 0 4px 0 hsl(0deg 0% 0% / 20%);\n      transition: all 200ms ease-in-out;\n    }\n  }\n\n  &__input:checked + .m-switch__toggle {\n    &::after {\n      @apply maz-translate-x-6;\n    }\n\n    &::before {\n      background-color: var(--switch-color);\n    }\n  }\n\n  &__input:disabled {\n    + .m-switch__toggle {\n      &::before {\n        @apply maz-bg-color-lighter dark:maz-bg-color-light;\n      }\n\n      &::after {\n        @apply maz-bg-color-light dark:maz-bg-color-lighter;\n\n        box-shadow: none;\n      }\n    }\n  }\n\n  &__text {\n    @apply maz-flex maz-flex-col maz-gap-0;\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</style>\n"],"names":["props","__props","emits","__emit","instanceId","useInstanceUniqId","bgColorClassVar","computed","emit","inputRef","ref","keyboardHandler","event","onBlur","_a","onFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAURC,IAAQC,GAkDRC,IAAaC,EAAkB;AAAA,MACnC,eAAe;AAAA,MACf,YAAYL,EAAM;AAAA,IAAA,CACnB,GAEKM,IAAkBC,EAAS,MAC3BP,EAAM,UAAU,UACX,8BAEF,mBAAmBA,EAAM,KAAK,SACtC;AAED,aAASQ,IAAO;AACR,MAAAN,EAAA,sBAAsB,CAACF,EAAM,UAAU,GACvCE,EAAA,UAAU,CAACF,EAAM,UAAU;AAAA,IAAA;AAGnC,UAAMS,IAAWC,EAAsB;AAEvC,aAASC,EAAgBC,GAAsB;AAC7C,MAAI,CAAC,OAAO,EAAE,SAASA,EAAM,IAAI,MAC/BA,EAAM,eAAe,GAChBJ,EAAA;AAAA,IACP;AAGF,aAASK,EAAOD,GAAmB;;AACjC,OAAAE,IAAAL,EAAS,UAAT,QAAAK,EAAgB,cAAc,IAAI,MAAM,MAAM,IAC9CZ,EAAM,QAAQU,CAAK;AAAA,IAAA;AAErB,aAASG,EAAQH,GAAmB;;AAClC,OAAAE,IAAAL,EAAS,UAAT,QAAAK,EAAgB,cAAc,IAAI,MAAM,OAAO,IAC/CZ,EAAM,SAASU,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.Ctmf2NVE.cjs → MazTable.vue_vue_type_style_index_0_scoped_cd8655c9_lang.BnCH1CvT.cjs}

@@ -1,2 +1,2 @@
-"use strict";require('../assets/MazTable.D06R_2nI.css');const e=require("vue"),me={key:0,class:"m-table-header"},ve={key:0,class:"m-table-spacer"},fe={class:"m-table-header-title"},ye={key:1,class:"m-table-header-search"},be={key:0},he={key:1},ge={key:0,class:"m-table-sort-icon-wrapper"},ze={class:"maz-text-center maz-text-muted"},ke={key:1,class:"m-table-footer"},Ce={key:0,class:"m-table-footer-pagination"},Se={class:"m-table-footer-pagination-items-per-page"},Be={class:"maz-hidden maz-text-sm tab-s:maz-block"},Ve={key:0,class:"maz-whitespace-nowrap maz-text-sm"},Ne={class:"m-table-footer-pagination-buttons"},O="maz-table",Pe=e.defineComponent({__name:"MazTable",props:{tableClass:{default:void 0},tableStyle:{type:[Boolean,null,String,Object,Array],default:void 0},modelValue:{default:void 0},size:{default:"md"},inputSize:{},title:{default:void 0},headers:{default:void 0},sortable:{type:Boolean},headersAlign:{default:"left"},rows:{default:void 0},hoverable:{type:Boolean},search:{type:Boolean},noSearchInRow:{type:Boolean},searchPlaceholder:{default:"Search"},noSearchBy:{type:Boolean},searchByPlaceholder:{default:"Search by"},searchByAllLabel:{default:"All"},searchQuery:{default:void 0},backgroundOdd:{type:Boolean},backgroundEven:{type:Boolean},elevation:{type:Boolean},divider:{type:Boolean},caption:{default:void 0},captionSide:{default:"bottom"},pagination:{type:Boolean},page:{default:1},pageSize:{default:20},totalPages:{default:void 0},paginationAllLabel:{default:"All"},noPaginateRows:{type:Boolean},totalItems:{default:void 0},loading:{type:Boolean},selectable:{type:Boolean},selectedKey:{default:void 0},tableLayout:{default:void 0},color:{default:"primary"},translations:{},roundedSize:{default:"lg"},scrollable:{type:Boolean,default:!1}},emits:["update:model-value","update:search-query","update:page","update:page-size"],setup(F,{emit:K}){e.useCssVars(l=>({"4dfec98a":l.tableLayout,"54e27d62":l.captionSide}));const a=F,y=K,b=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazBtn.cjs"))),E=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazCheckbox.cjs"))),R=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazInput.cjs"))),H=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazLoadingBar.cjs"))),w=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazSelect.cjs"))),h=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazTableCell.cjs"))),C=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazTableRow.cjs"))),S=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazTableTitle.cjs"))),U=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./arrow-up.CDxvryQT.cjs"))),$=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./chevron-double-left.D2o-BlKu.cjs"))),I=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./chevron-left.BYUi62el.cjs"))),Q=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./magnifying-glass.CSf_M2wG.cjs"))),Y={noResults:"No results",actionHeader:"Actions",searchByAllLabel:"All",searchByPlaceholder:"Search by",searchPlaceholder:"Search",paginationAllLabel:"All",paginationRowsPerPage:"Rows per page",paginationOf:"of"},d=e.computed(()=>{const{translations:l,searchByAllLabel:o,searchByPlaceholder:t,searchPlaceholder:n,paginationAllLabel:s}=a;return{...Y,...l,searchByAllLabel:o,searchByPlaceholder:t,searchPlaceholder:n,paginationAllLabel:s}}),j=e.computed(()=>a.divider&&!a.backgroundEven&&!a.backgroundOdd),{size:r,hoverable:G,backgroundEven:J,backgroundOdd:W}=e.toRefs(a);e.provide(O,{size:r,hoverable:G,backgroundEven:J,backgroundOdd:W});const B=e.ref(D()),V=e.computed(()=>a.selectable||!!a.selectedKey),g=e.ref(a.page);e.watch(()=>a.page,l=>{g.value=l});const u=e.computed({get:()=>g.value,set:l=>{g.value=l,y("update:page",l)}}),X=e.computed(()=>[{label:d.value.paginationAllLabel,value:Number.POSITIVE_INFINITY},{label:5,value:5},{label:10,value:10},{label:20,value:20},{label:50,value:50},{label:100,value:100},{label:200,value:200}]),N=e.ref(a.pageSize);e.watch(()=>a.pageSize,l=>{N.value=l});const c=e.computed({get:()=>N.value,set:l=>{N.value=l,y("update:page-size",l)}}),f=e.computed(()=>{var l;return a.totalPages??(c.value===Number.POSITIVE_INFINITY||!((l=a.rows)!=null&&l.length))?1:Math.ceil(a.rows.length/c.value)});function Z(){u.value=1}function _(){u.value=f.value}function x(){u.value=u.value-1}function ee(){u.value=u.value+1}const T=e.computed(()=>{if(!a.pagination||a.noPaginateRows||c.value===Number.POSITIVE_INFINITY)return B.value;const l=(g.value-1)*c.value,o=l+c.value;return B.value.slice(l,o)});e.watch(()=>[a.rows,a.modelValue],()=>{B.value=D()});const v=e.ref(),i=e.ref(),p=e.ref(se()),z=e.ref(),le=e.computed(()=>[{label:a.searchByAllLabel,value:null},...p.value.map(l=>({label:l.label,value:l.key}))]),P=e.ref(a.searchQuery);e.watch(()=>a.searchQuery,l=>{P.value=l});const k=e.computed({get:()=>P.value,set:l=>{P.value=l,y("update:search-query",l)}});function te(l){return[...l].sort((o,t)=>{if(v.value===void 0||i.value===void 0)return 0;const n=o[p.value[v.value].key],s=t[p.value[v.value].key];return typeof n=="string"&&typeof s=="string"?i.value==="ASC"?n.localeCompare(s):s.localeCompare(n):i.value==="ASC"?n-s:s-n})}function oe(l){if(a.noSearchInRow||typeof k.value!="string")return T.value;const o=k.value.toLowerCase();return[...l].filter(t=>z.value?String(t[z.value]).toLowerCase().includes(o):Object.values(t).some(n=>typeof n=="string"||typeof n=="number"||typeof n=="boolean"?String(n).toLowerCase().includes(o):!1))}const m=e.computed(()=>{const l=oe(T.value);return te(l)}),ae=e.useSlots(),L=e.computed(()=>a.search||!!a.title||!!ae.title),ne=e.computed(()=>a.pagination);function se(){var l;return((l=a.headers)==null?void 0:l.map(o=>typeof o=="string"?{label:o,align:a.headersAlign}:{align:a.headersAlign,thHeaders:o.headers,...o}))??[]}function D(){var l;return((l=a.rows)==null?void 0:l.map(o=>{var t;return{selected:(t=a.modelValue)==null?void 0:t.includes(a.selectedKey?o[a.selectedKey]:o),...o}}))??[]}function re(l){if(l===v.value){const o=i.value==="DESC"?"ASC":void 0;i.value=i.value===void 0?"DESC":o}else i.value="DESC";v.value=i.value===void 0?void 0:l}const q=e.computed({get:()=>m.value.every(l=>l.selected)??!1,set:ue});function ue(l){for(const o of m.value)o.selected=l;A()}function ie(l,o){m.value[o].selected=l,A()}function A(l){l=l??M();const o=l!=null&&l.length?l:void 0;y("update:model-value",o)}function M(){return m.value.filter(l=>l.selected).map(l=>a.selectedKey?l[a.selectedKey]:l)}return e.onBeforeMount(()=>{const l=M();l!=null&&l.length&&A(l)}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-table m-reset-css",{"--has-header":L.value}])},[L.value?(e.openBlock(),e.createElementBlock("div",me,[l.title||l.$slots.title?(e.openBlock(),e.createElementBlock("div",ve,[e.renderSlot(l.$slots,"title",{},()=>[e.createElementVNode("span",fe,e.toDisplayString(l.title),1)],!0)])):e.createCommentVNode("",!0),l.search?(e.openBlock(),e.createElementBlock("div",ye,[l.noSearchBy?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(w),{key:0,modelValue:z.value,"onUpdate:modelValue":o[0]||(o[0]=t=>z.value=t),"rounded-size":l.roundedSize,color:l.color,style:{width:"8rem"},placeholder:d.value.searchByPlaceholder,size:l.inputSize??e.unref(r),options:le.value},null,8,["modelValue","rounded-size","color","placeholder","size","options"])),e.createVNode(e.unref(R),{modelValue:k.value,"onUpdate:modelValue":o[1]||(o[1]=t=>k.value=t),size:l.inputSize??e.unref(r),"rounded-size":l.roundedSize,color:l.color,debounce:300,placeholder:d.value.searchPlaceholder,"left-icon":e.unref(Q)},null,8,["modelValue","size","rounded-size","color","placeholder","left-icon"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["m-table-wrapper",[`--rounded-${l.roundedSize}`,{"--scrollable":l.scrollable}]])},[e.createElementVNode("table",{class:e.normalizeClass([{"--elevation":l.elevation,"--has-layout":l.tableLayout},l.tableClass]),style:e.normalizeStyle(l.tableStyle)},[l.caption||l.$slots.caption?(e.openBlock(),e.createElementBlock("caption",be,[e.renderSlot(l.$slots,"caption",{},()=>[e.createTextVNode(e.toDisplayString(l.caption),1)],!0)])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("thead",he,[e.renderSlot(l.$slots,"thead",{},()=>[e.createVNode(e.unref(C),{"no-hoverable":""},{default:e.withCtx(()=>[V.value?(e.openBlock(),e.createBlock(e.unref(S),{key:0,align:"left",class:e.normalizeClass([`--${e.unref(r)}`,"m-table-select-column"])},{default:e.withCtx(()=>[e.createVNode(e.unref(E),{modelValue:q.value,"onUpdate:modelValue":o[2]||(o[2]=t=>q.value=t),size:"sm"},null,8,["modelValue"])]),_:1},8,["class"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(t,n)=>(e.openBlock(),e.createBlock(e.unref(S),{key:n,scope:t.scope,align:t.align,rowspan:t.rowspan,colspan:t.colspan,headers:t.thHeaders,style:e.normalizeStyle({width:t.width,textAlign:t.align}),class:e.normalizeClass(["maz-group",[{"--hidden":t.hidden,"--sortable":t.sortable??l.sortable},t.classes,`--${e.unref(r)}`]]),onClick:s=>(t.sortable??l.sortable)&&re(n)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass({"maz-sr-only":t.srOnly})},[e.renderSlot(l.$slots,"header",{header:t,label:t.label},()=>[e.renderSlot(l.$slots,`header-label-${t.key}`,{header:t,label:t.label},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0),t.sortable??l.sortable?(e.openBlock(),e.createElementBlock("div",ge,[e.createVNode(e.unref(U),{class:e.normalizeClass(["m-table-sort-icon maz-hidden group-hover:maz-block",{"--sorted":n===v.value,"--up":i.value==="DESC","--down":i.value==="ASC"}])},null,8,["class"])])):e.createCommentVNode("",!0)],!0)],2)]),_:2},1032,["scope","align","rowspan","colspan","headers","style","class","onClick"]))),128)),l.$slots.actions?(e.openBlock(),e.createBlock(e.unref(S),{key:1,align:"left",class:e.normalizeClass(`--${e.unref(r)}`)},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"actions-header",{},()=>[e.createTextVNode(e.toDisplayString(d.value.actionHeader),1)],!0)]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})],!0)])):e.createCommentVNode("",!0),l.loading?(e.openBlock(),e.createBlock(e.unref(H),{key:2,color:l.color,class:"!maz-absolute"},null,8,["color"])):e.createCommentVNode("",!0),e.createElementVNode("tbody",{class:e.normalizeClass({"--divider":j.value})},[e.renderSlot(l.$slots,"default",{},()=>[m.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(m.value,(t,n)=>(e.openBlock(),e.createBlock(e.unref(C),{key:n,class:e.normalizeClass(t.classes),onClick:s=>t.action&&t.action(t)},{default:e.withCtx(()=>[V.value?(e.openBlock(),e.createBlock(e.unref(h),{key:0,class:"m-table-select-column"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"select",{row:t,selected:t.selected},()=>[e.createVNode(e.unref(E),{size:"sm","model-value":t.selected,"onUpdate:modelValue":s=>ie(s,n)},null,8,["model-value","onUpdate:modelValue"])],!0)]),_:2},1024)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,({key:s,align:de,classes:ce},pe)=>(e.openBlock(),e.createBlock(e.unref(h),{key:pe,align:de,class:e.normalizeClass(ce)},{default:e.withCtx(()=>[s?e.renderSlot(l.$slots,"cell",{key:0,row:t,value:t[s]},()=>[e.renderSlot(l.$slots,`cell-${s}`,{row:t,value:t[s]},()=>[e.createTextVNode(e.toDisplayString(t[s]),1)],!0)],!0):e.createCommentVNode("",!0)]),_:2},1032,["align","class"]))),128)),l.$slots.actions?(e.openBlock(),e.createBlock(e.unref(h),{key:1},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"actions",{row:t},void 0,!0)]),_:2},1024)):e.createCommentVNode("",!0)]),_:2},1032,["class","onClick"]))),128)):(e.openBlock(),e.createBlock(e.unref(C),{key:1},{default:e.withCtx(()=>[e.createVNode(e.unref(h),{colspan:p.value.length+(V.value?1:0)+(l.$slots.actions?1:0)},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"no-results",{},()=>[e.createElementVNode("p",ze,[e.renderSlot(l.$slots,"no-results-text",{},()=>[e.createTextVNode(e.toDisplayString(d.value.noResults),1)],!0)])],!0)]),_:3},8,["colspan"])]),_:3}))],!0)],2)],6)],2),ne.value?(e.openBlock(),e.createElementBlock("div",ke,[o[4]||(o[4]=e.createElementVNode("div",{class:"m-table-spacer"},null,-1)),l.pagination?(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",Se,[e.createElementVNode("span",Be,e.toDisplayString(d.value.paginationRowsPerPage),1),e.createVNode(e.unref(w),{modelValue:c.value,"onUpdate:modelValue":o[3]||(o[3]=t=>c.value=t),options:X.value,"rounded-size":l.roundedSize,size:l.inputSize??e.unref(r),color:l.color,"list-position":"top",style:{width:"5rem"}},null,8,["modelValue","options","rounded-size","size","color"])]),f.value?(e.openBlock(),e.createElementBlock("span",Ve,e.toDisplayString(u.value)+" - "+e.toDisplayString(m.value.length)+" "+e.toDisplayString(d.value.paginationOf)+" "+e.toDisplayString(f.value),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Ne,[e.createVNode(e.unref(b),{disabled:u.value===1,size:l.inputSize??e.unref(r),color:"transparent","rounded-size":l.roundedSize,"no-elevation":"",onClick:Z},{default:e.withCtx(()=>[e.createVNode(e.unref($),{class:"maz-text-base"})]),_:1},8,["disabled","size","rounded-size"]),e.createVNode(e.unref(b),{disabled:u.value===1,size:l.inputSize??e.unref(r),color:"transparent","rounded-size":l.roundedSize,"no-elevation":"",onClick:x},{default:e.withCtx(()=>[e.createVNode(e.unref(I),{class:"maz-text-base"})]),_:1},8,["disabled","size","rounded-size"]),e.createVNode(e.unref(b),{disabled:u.value===f.value,size:l.inputSize??e.unref(r),color:"transparent","rounded-size":l.roundedSize,"no-elevation":"",onClick:ee},{default:e.withCtx(()=>[e.createVNode(e.unref(I),{class:"maz-rotate-180 maz-text-base"})]),_:1},8,["disabled","size","rounded-size"]),e.createVNode(e.unref(b),{disabled:u.value===f.value,size:l.inputSize??e.unref(r),color:"transparent","rounded-size":l.roundedSize,"no-elevation":"",onClick:_},{default:e.withCtx(()=>[e.createVNode(e.unref($),{class:"maz-rotate-180 maz-text-base"})]),_:1},8,["disabled","size","rounded-size"])])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}});exports._sfc_main=Pe;exports.mazTableKey=O;
-//# sourceMappingURL=MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.Ctmf2NVE.cjs.map
+"use strict";require('../assets/MazTable.uvNQLDVh.css');const e=require("vue"),me={key:0,class:"m-table-header"},ve={key:0,class:"m-table-spacer"},fe={class:"m-table-header-title"},ye={key:1,class:"m-table-header-search"},be={key:0},he={key:1},ge={key:0,class:"m-table-sort-icon-wrapper"},ze={class:"maz-text-center maz-text-muted"},ke={key:1,class:"m-table-footer"},Ce={key:0,class:"m-table-footer-pagination"},Se={class:"m-table-footer-pagination-items-per-page"},Be={class:"maz-hidden maz-text-sm tab-s:maz-block"},Ve={key:0,class:"maz-whitespace-nowrap maz-text-sm"},Ne={class:"m-table-footer-pagination-buttons"},O="maz-table",Pe=e.defineComponent({__name:"MazTable",props:{tableClass:{default:void 0},tableStyle:{type:[Boolean,null,String,Object,Array],default:void 0},modelValue:{default:void 0},size:{default:"md"},inputSize:{},title:{default:void 0},headers:{default:void 0},sortable:{type:Boolean},headersAlign:{default:"left"},rows:{default:void 0},hoverable:{type:Boolean},search:{type:Boolean},noSearchInRow:{type:Boolean},searchPlaceholder:{default:"Search"},noSearchBy:{type:Boolean},searchByPlaceholder:{default:"Search by"},searchByAllLabel:{default:"All"},searchQuery:{default:void 0},backgroundOdd:{type:Boolean},backgroundEven:{type:Boolean},elevation:{type:Boolean},divider:{type:Boolean},caption:{default:void 0},captionSide:{default:"bottom"},pagination:{type:Boolean},page:{default:1},pageSize:{default:20},totalPages:{default:void 0},paginationAllLabel:{default:"All"},noPaginateRows:{type:Boolean},totalItems:{default:void 0},loading:{type:Boolean},selectable:{type:Boolean},selectedKey:{default:void 0},tableLayout:{default:void 0},color:{default:"primary"},translations:{},roundedSize:{default:"lg"},scrollable:{type:Boolean,default:!1}},emits:["update:model-value","update:search-query","update:page","update:page-size"],setup(F,{emit:K}){e.useCssVars(l=>({"8ac49166":l.tableLayout,"422daf12":l.captionSide}));const a=F,y=K,b=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazBtn.cjs"))),E=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazCheckbox.cjs"))),R=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazInput.cjs"))),H=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazLoadingBar.cjs"))),w=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazSelect.cjs"))),h=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazTableCell.cjs"))),C=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazTableRow.cjs"))),S=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazTableTitle.cjs"))),U=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./arrow-up.CDxvryQT.cjs"))),$=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./chevron-double-left.D2o-BlKu.cjs"))),I=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./chevron-left.BYUi62el.cjs"))),Q=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./magnifying-glass.CSf_M2wG.cjs"))),Y={noResults:"No results",actionHeader:"Actions",searchByAllLabel:"All",searchByPlaceholder:"Search by",searchPlaceholder:"Search",paginationAllLabel:"All",paginationRowsPerPage:"Rows per page",paginationOf:"of"},d=e.computed(()=>{const{translations:l,searchByAllLabel:o,searchByPlaceholder:t,searchPlaceholder:n,paginationAllLabel:s}=a;return{...Y,...l,searchByAllLabel:o,searchByPlaceholder:t,searchPlaceholder:n,paginationAllLabel:s}}),j=e.computed(()=>a.divider&&!a.backgroundEven&&!a.backgroundOdd),{size:r,hoverable:G,backgroundEven:J,backgroundOdd:W}=e.toRefs(a);e.provide(O,{size:r,hoverable:G,backgroundEven:J,backgroundOdd:W});const B=e.ref(D()),V=e.computed(()=>a.selectable||!!a.selectedKey),g=e.ref(a.page);e.watch(()=>a.page,l=>{g.value=l});const u=e.computed({get:()=>g.value,set:l=>{g.value=l,y("update:page",l)}}),X=e.computed(()=>[{label:d.value.paginationAllLabel,value:Number.POSITIVE_INFINITY},{label:5,value:5},{label:10,value:10},{label:20,value:20},{label:50,value:50},{label:100,value:100},{label:200,value:200}]),N=e.ref(a.pageSize);e.watch(()=>a.pageSize,l=>{N.value=l});const c=e.computed({get:()=>N.value,set:l=>{N.value=l,y("update:page-size",l)}}),f=e.computed(()=>{var l;return a.totalPages??(c.value===Number.POSITIVE_INFINITY||!((l=a.rows)!=null&&l.length))?1:Math.ceil(a.rows.length/c.value)});function Z(){u.value=1}function _(){u.value=f.value}function x(){u.value=u.value-1}function ee(){u.value=u.value+1}const T=e.computed(()=>{if(!a.pagination||a.noPaginateRows||c.value===Number.POSITIVE_INFINITY)return B.value;const l=(g.value-1)*c.value,o=l+c.value;return B.value.slice(l,o)});e.watch(()=>[a.rows,a.modelValue],()=>{B.value=D()});const v=e.ref(),i=e.ref(),p=e.ref(se()),z=e.ref(),le=e.computed(()=>[{label:a.searchByAllLabel,value:null},...p.value.map(l=>({label:l.label,value:l.key}))]),P=e.ref(a.searchQuery);e.watch(()=>a.searchQuery,l=>{P.value=l});const k=e.computed({get:()=>P.value,set:l=>{P.value=l,y("update:search-query",l)}});function te(l){return[...l].sort((o,t)=>{if(v.value===void 0||i.value===void 0)return 0;const n=o[p.value[v.value].key],s=t[p.value[v.value].key];return typeof n=="string"&&typeof s=="string"?i.value==="ASC"?n.localeCompare(s):s.localeCompare(n):i.value==="ASC"?n-s:s-n})}function oe(l){if(a.noSearchInRow||typeof k.value!="string")return T.value;const o=k.value.toLowerCase();return[...l].filter(t=>z.value?String(t[z.value]).toLowerCase().includes(o):Object.values(t).some(n=>typeof n=="string"||typeof n=="number"||typeof n=="boolean"?String(n).toLowerCase().includes(o):!1))}const m=e.computed(()=>{const l=oe(T.value);return te(l)}),ae=e.useSlots(),L=e.computed(()=>a.search||!!a.title||!!ae.title),ne=e.computed(()=>a.pagination);function se(){var l;return((l=a.headers)==null?void 0:l.map(o=>typeof o=="string"?{label:o,align:a.headersAlign}:{align:a.headersAlign,thHeaders:o.headers,...o}))??[]}function D(){var l;return((l=a.rows)==null?void 0:l.map(o=>{var t;return{selected:(t=a.modelValue)==null?void 0:t.includes(a.selectedKey?o[a.selectedKey]:o),...o}}))??[]}function re(l){if(l===v.value){const o=i.value==="DESC"?"ASC":void 0;i.value=i.value===void 0?"DESC":o}else i.value="DESC";v.value=i.value===void 0?void 0:l}const q=e.computed({get:()=>m.value.every(l=>l.selected)??!1,set:ue});function ue(l){for(const o of m.value)o.selected=l;A()}function ie(l,o){m.value[o].selected=l,A()}function A(l){l=l??M();const o=l!=null&&l.length?l:void 0;y("update:model-value",o)}function M(){return m.value.filter(l=>l.selected).map(l=>a.selectedKey?l[a.selectedKey]:l)}return e.onBeforeMount(()=>{const l=M();l!=null&&l.length&&A(l)}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-table m-reset-css",{"--has-header":L.value}])},[L.value?(e.openBlock(),e.createElementBlock("div",me,[l.title||l.$slots.title?(e.openBlock(),e.createElementBlock("div",ve,[e.renderSlot(l.$slots,"title",{},()=>[e.createElementVNode("span",fe,e.toDisplayString(l.title),1)],!0)])):e.createCommentVNode("",!0),l.search?(e.openBlock(),e.createElementBlock("div",ye,[l.noSearchBy?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(w),{key:0,modelValue:z.value,"onUpdate:modelValue":o[0]||(o[0]=t=>z.value=t),"rounded-size":l.roundedSize,color:l.color,style:{width:"8rem"},placeholder:d.value.searchByPlaceholder,size:l.inputSize??e.unref(r),options:le.value},null,8,["modelValue","rounded-size","color","placeholder","size","options"])),e.createVNode(e.unref(R),{modelValue:k.value,"onUpdate:modelValue":o[1]||(o[1]=t=>k.value=t),size:l.inputSize??e.unref(r),"rounded-size":l.roundedSize,color:l.color,debounce:300,placeholder:d.value.searchPlaceholder,"left-icon":e.unref(Q)},null,8,["modelValue","size","rounded-size","color","placeholder","left-icon"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["m-table-wrapper",[`--rounded-${l.roundedSize}`,{"--scrollable":l.scrollable}]])},[e.createElementVNode("table",{class:e.normalizeClass([{"--elevation":l.elevation,"--has-layout":l.tableLayout},l.tableClass]),style:e.normalizeStyle(l.tableStyle)},[l.caption||l.$slots.caption?(e.openBlock(),e.createElementBlock("caption",be,[e.renderSlot(l.$slots,"caption",{},()=>[e.createTextVNode(e.toDisplayString(l.caption),1)],!0)])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("thead",he,[e.renderSlot(l.$slots,"thead",{},()=>[e.createVNode(e.unref(C),{"no-hoverable":""},{default:e.withCtx(()=>[V.value?(e.openBlock(),e.createBlock(e.unref(S),{key:0,align:"left",class:e.normalizeClass([`--${e.unref(r)}`,"m-table-select-column"])},{default:e.withCtx(()=>[e.createVNode(e.unref(E),{modelValue:q.value,"onUpdate:modelValue":o[2]||(o[2]=t=>q.value=t),size:"sm"},null,8,["modelValue"])]),_:1},8,["class"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(t,n)=>(e.openBlock(),e.createBlock(e.unref(S),{key:n,scope:t.scope,align:t.align,rowspan:t.rowspan,colspan:t.colspan,headers:t.thHeaders,style:e.normalizeStyle({width:t.width,textAlign:t.align}),class:e.normalizeClass(["maz-group",[{"--hidden":t.hidden,"--sortable":t.sortable??l.sortable},t.classes,`--${e.unref(r)}`]]),onClick:s=>(t.sortable??l.sortable)&&re(n)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass({"maz-sr-only":t.srOnly})},[e.renderSlot(l.$slots,"header",{header:t,label:t.label},()=>[e.renderSlot(l.$slots,`header-label-${t.key}`,{header:t,label:t.label},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0),t.sortable??l.sortable?(e.openBlock(),e.createElementBlock("div",ge,[e.createVNode(e.unref(U),{class:e.normalizeClass(["m-table-sort-icon maz-hidden group-hover:maz-block",{"--sorted":n===v.value,"--up":i.value==="DESC","--down":i.value==="ASC"}])},null,8,["class"])])):e.createCommentVNode("",!0)],!0)],2)]),_:2},1032,["scope","align","rowspan","colspan","headers","style","class","onClick"]))),128)),l.$slots.actions?(e.openBlock(),e.createBlock(e.unref(S),{key:1,align:"left",class:e.normalizeClass(`--${e.unref(r)}`)},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"actions-header",{},()=>[e.createTextVNode(e.toDisplayString(d.value.actionHeader),1)],!0)]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})],!0)])):e.createCommentVNode("",!0),l.loading?(e.openBlock(),e.createBlock(e.unref(H),{key:2,color:l.color,class:"!maz-absolute"},null,8,["color"])):e.createCommentVNode("",!0),e.createElementVNode("tbody",{class:e.normalizeClass({"--divider":j.value})},[e.renderSlot(l.$slots,"default",{},()=>[m.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(m.value,(t,n)=>(e.openBlock(),e.createBlock(e.unref(C),{key:n,class:e.normalizeClass(t.classes),onClick:s=>t.action&&t.action(t)},{default:e.withCtx(()=>[V.value?(e.openBlock(),e.createBlock(e.unref(h),{key:0,class:"m-table-select-column"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"select",{row:t,selected:t.selected},()=>[e.createVNode(e.unref(E),{size:"sm","model-value":t.selected,"onUpdate:modelValue":s=>ie(s,n)},null,8,["model-value","onUpdate:modelValue"])],!0)]),_:2},1024)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,({key:s,align:de,classes:ce},pe)=>(e.openBlock(),e.createBlock(e.unref(h),{key:pe,align:de,class:e.normalizeClass(ce)},{default:e.withCtx(()=>[s?e.renderSlot(l.$slots,"cell",{key:0,row:t,value:t[s]},()=>[e.renderSlot(l.$slots,`cell-${s}`,{row:t,value:t[s]},()=>[e.createTextVNode(e.toDisplayString(t[s]),1)],!0)],!0):e.createCommentVNode("",!0)]),_:2},1032,["align","class"]))),128)),l.$slots.actions?(e.openBlock(),e.createBlock(e.unref(h),{key:1},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"actions",{row:t},void 0,!0)]),_:2},1024)):e.createCommentVNode("",!0)]),_:2},1032,["class","onClick"]))),128)):(e.openBlock(),e.createBlock(e.unref(C),{key:1},{default:e.withCtx(()=>[e.createVNode(e.unref(h),{colspan:p.value.length+(V.value?1:0)+(l.$slots.actions?1:0)},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"no-results",{},()=>[e.createElementVNode("p",ze,[e.renderSlot(l.$slots,"no-results-text",{},()=>[e.createTextVNode(e.toDisplayString(d.value.noResults),1)],!0)])],!0)]),_:3},8,["colspan"])]),_:3}))],!0)],2)],6)],2),ne.value?(e.openBlock(),e.createElementBlock("div",ke,[o[4]||(o[4]=e.createElementVNode("div",{class:"m-table-spacer"},null,-1)),l.pagination?(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",Se,[e.createElementVNode("span",Be,e.toDisplayString(d.value.paginationRowsPerPage),1),e.createVNode(e.unref(w),{modelValue:c.value,"onUpdate:modelValue":o[3]||(o[3]=t=>c.value=t),options:X.value,"rounded-size":l.roundedSize,size:l.inputSize??e.unref(r),color:l.color,"list-position":"top",style:{width:"5rem"}},null,8,["modelValue","options","rounded-size","size","color"])]),f.value?(e.openBlock(),e.createElementBlock("span",Ve,e.toDisplayString(u.value)+" - "+e.toDisplayString(m.value.length)+" "+e.toDisplayString(d.value.paginationOf)+" "+e.toDisplayString(f.value),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Ne,[e.createVNode(e.unref(b),{disabled:u.value===1,size:l.inputSize??e.unref(r),color:"transparent","rounded-size":l.roundedSize,"no-elevation":"",onClick:Z},{default:e.withCtx(()=>[e.createVNode(e.unref($),{class:"maz-text-base"})]),_:1},8,["disabled","size","rounded-size"]),e.createVNode(e.unref(b),{disabled:u.value===1,size:l.inputSize??e.unref(r),color:"transparent","rounded-size":l.roundedSize,"no-elevation":"",onClick:x},{default:e.withCtx(()=>[e.createVNode(e.unref(I),{class:"maz-text-base"})]),_:1},8,["disabled","size","rounded-size"]),e.createVNode(e.unref(b),{disabled:u.value===f.value,size:l.inputSize??e.unref(r),color:"transparent","rounded-size":l.roundedSize,"no-elevation":"",onClick:ee},{default:e.withCtx(()=>[e.createVNode(e.unref(I),{class:"maz-rotate-180 maz-text-base"})]),_:1},8,["disabled","size","rounded-size"]),e.createVNode(e.unref(b),{disabled:u.value===f.value,size:l.inputSize??e.unref(r),color:"transparent","rounded-size":l.roundedSize,"no-elevation":"",onClick:_},{default:e.withCtx(()=>[e.createVNode(e.unref($),{class:"maz-rotate-180 maz-text-base"})]),_:1},8,["disabled","size","rounded-size"])])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}});exports._sfc_main=Pe;exports.mazTableKey=O;
+//# sourceMappingURL=MazTable.vue_vue_type_style_index_0_scoped_cd8655c9_lang.BnCH1CvT.cjs.map

package/dist/chunks/MazTable.vue_vue_type_style_index_0_scoped_cd8655c9_lang.BnCH1CvT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazTable.vue_vue_type_style_index_0_scoped_cd8655c9_lang.BnCH1CvT.cjs","sources":["../../src/components/MazTable.vue"],"sourcesContent":["<script lang=\"ts\">\n/* eslint-disable import/first */\nexport interface HeadersEnriched {\n  label: string\n  key?: string\n  sortable?: boolean\n  hidden?: boolean\n  srOnly?: boolean\n  width?: string\n  maxWidth?: string\n  classes?: ThHTMLAttributes['class']\n  scope?: ThHTMLAttributes['scope']\n  align?: ThHTMLAttributes['align']\n  rowspan?: ThHTMLAttributes['rowspan']\n  colspan?: ThHTMLAttributes['colspan']\n  headers?: ThHTMLAttributes['headers']\n}\n\ntype HeadersNormalized = HeadersEnriched & {\n  thHeaders?: ThHTMLAttributes['headers']\n  sorted?: 'ASC' | 'DESC'\n}\n\nexport type Row<T extends Row<T>> = Record<string, any> & {\n  selected?: boolean\n  action?: (row: T) => unknown\n  classes?: HTMLAttributes['class']\n}\n\nexport type Header = string | HeadersEnriched\n\nexport interface MazTableTranslations {\n  searchByAllLabel?: string\n  searchByPlaceholder?: string\n  searchPlaceholder?: string\n  paginationAllLabel?: string\n  noResults?: string\n  actionHeader?: string\n  paginationRowsPerPage?: string\n  paginationOf?: string\n}\n\nexport interface MazTableProps<T extends Row<T>> {\n  /** class of the table element */\n  tableClass?: HTMLAttributes['class']\n  /** style of the table element */\n  tableStyle?: StyleValue\n  /** v-model of the table - list of selected rows */\n  modelValue?: (string | boolean | number)[]\n  /**\n   * size of the table\n   * @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`\n   * @default `'md'`\n   */\n  size?: Size\n  /**\n   * Size of the search inputs\n   * @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`\n   */\n  inputSize?: Size\n  /** title of the table */\n  title?: string\n  /** headers of the table */\n  headers?: Header[]\n  /** allow sort feature to all columns */\n  sortable?: boolean\n  /** align all headers */\n  headersAlign?: ThHTMLAttributes['align']\n  /** rows of the table - type: `Record<string, string | boolean | number>[]` ; */\n  rows?: T[]\n  /** add hover effect on rows */\n  hoverable?: boolean\n  /** enable search feature into the table header */\n  search?: boolean\n  /** disabled search in rows - useful to filtering data yourself or make search request to server */\n  noSearchInRow?: boolean\n  /** placeholder of the search input */\n  searchPlaceholder?: string\n  /** Disabled search by column (remove select input \"search by\") */\n  noSearchBy?: boolean\n  /** placeholder of the search by select */\n  searchByPlaceholder?: string\n  /** label of the search by of all options */\n  searchByAllLabel?: string\n  /** search query in input */\n  searchQuery?: string\n  /** add background color to odd rows */\n  backgroundOdd?: boolean\n  /** add background color to even rows */\n  backgroundEven?: boolean\n  /** add shodow to the table */\n  elevation?: boolean\n  /** no divider between rows */\n  divider?: boolean\n  /** caption of the table */\n  caption?: string\n  /**\n   * caption side\n   * @values `'top' | 'bottom'`\n   */\n  captionSide?: 'top' | 'bottom'\n  /** add pagination into the table footer */\n  pagination?: boolean\n  /** current page of pagination */\n  page?: number\n  /** number of items per page */\n  pageSize?: number\n  /** pages count */\n  totalPages?: number\n  /** label of the pagination all option */\n  paginationAllLabel?: string\n  /** no paginate rows - useful to make paginate request with your server */\n  noPaginateRows?: boolean\n  /** total number of items */\n  totalItems?: number\n  /** loading state */\n  loading?: boolean\n  /** Enable selection of rows */\n  selectable?: boolean\n  /** Enable selection of rows - key of the selected row */\n  selectedKey?: string\n  /**\n   * table layout\n   * @values `'auto' | 'fixed'`\n   */\n  tableLayout?: 'auto' | 'fixed'\n  /** color of the loading bar */\n  color?: Color\n  /**\n   * translations\n   * @default `{ searchByAllLabel: 'All', searchByPlaceholder: 'Search by', searchPlaceholder: 'Search', paginationAllLabel: 'All', noResults: 'No results' }`\n   * @type {Translations}\n   */\n  translations?: MazTableTranslations\n  /**\n   * Size radius of the component's border\n   * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`\n   * @default 'lg'\n   */\n  roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'\n  /**\n   * Enable scrollable on table\n   * @default `false`\n   */\n  scrollable?: boolean\n}\n\nexport interface MazTableProvide {\n  size: Ref<Size>\n  hoverable: Ref<boolean>\n  backgroundEven: Ref<boolean>\n  backgroundOdd: Ref<boolean>\n}\n\nexport const mazTableKey = 'maz-table' as const\n</script>\n\n<script lang=\"ts\" setup generic=\"T extends Row<T>\">\nimport type { MazSelectOption } from './MazSelect.vue'\nimport type { Color, Size } from './types'\n\nimport {\n  computed,\n  defineAsyncComponent,\n  type HTMLAttributes,\n  onBeforeMount,\n  provide,\n  type Ref,\n  ref,\n  type StyleValue,\n  type ThHTMLAttributes,\n  toRefs,\n  useSlots,\n  watch,\n} from 'vue'\n\nconst props = withDefaults(defineProps<MazTableProps<T>>(), {\n  tableClass: undefined,\n  tableStyle: undefined,\n  modelValue: undefined,\n  title: undefined,\n  size: 'md',\n  rows: undefined,\n  searchQuery: undefined,\n  headers: undefined,\n  headersAlign: 'left',\n  caption: undefined,\n  page: 1,\n  pageSize: 20,\n  totalItems: undefined,\n  selectedKey: undefined,\n  captionSide: 'bottom',\n  tableLayout: undefined,\n  searchPlaceholder: 'Search',\n  searchByPlaceholder: 'Search by',\n  searchByAllLabel: 'All',\n  paginationAllLabel: 'All',\n  color: 'primary',\n  totalPages: undefined,\n  roundedSize: 'lg',\n  scrollable: false,\n})\nconst emits = defineEmits<{\n  /**\n   * emitted when a row is selected\n   * @property {(Row | string | number | boolean)[]} value list of selected rows (if selectedKey is defined, it will be the value of the selectedKey of the row)\n   */\n  (event: 'update:model-value', value: (Row<T> | string | number | boolean)[] | undefined): void\n  /**\n   * emitted when enter a value in the search input\n   * @property {string} searchQuery search query\n   */\n  (event: 'update:search-query', searchQuery: string | undefined): void\n  /**\n   * emitted when the current page of the pagination change\n   * @property {number} page current page\n   */\n  (event: 'update:page', page: number): void\n  /**\n   * emitted when the page size of the pagination change\n   * @property {number} pageSize current page size\n   */\n  (event: 'update:page-size', pageSize: number): void\n}>()\n\nconst MazBtn = defineAsyncComponent(() => import('./MazBtn.vue'))\nconst MazCheckbox = defineAsyncComponent(() => import('./MazCheckbox.vue'))\nconst MazInput = defineAsyncComponent(() => import('./MazInput.vue'))\nconst MazLoadingBar = defineAsyncComponent(() => import('./MazLoadingBar.vue'))\nconst MazSelect = defineAsyncComponent(() => import('./MazSelect.vue'))\nconst MazTableCell = defineAsyncComponent(() => import('./MazTableCell.vue'))\nconst MazTableRow = defineAsyncComponent(() => import('./MazTableRow.vue'))\nconst MazTableTitle = defineAsyncComponent(() => import('./MazTableTitle.vue'))\n\nconst ArrowIcon = defineAsyncComponent(() => import('../../icons/arrow-up.svg'))\nconst ChevronDoubleIcon = defineAsyncComponent(() => import('../../icons/chevron-double-left.svg'))\nconst ChevronIcon = defineAsyncComponent(() => import('../../icons/chevron-left.svg'))\nconst SearchIcon = defineAsyncComponent(() => import('../../icons/magnifying-glass.svg'))\n\nconst defaultTranslations: Required<MazTableTranslations> = {\n  noResults: 'No results',\n  actionHeader: 'Actions',\n  searchByAllLabel: 'All',\n  searchByPlaceholder: 'Search by',\n  searchPlaceholder: 'Search',\n  paginationAllLabel: 'All',\n  paginationRowsPerPage: 'Rows per page',\n  paginationOf: 'of',\n}\n\nconst t = computed<Required<MazTableTranslations>>(() => {\n  const { translations, searchByAllLabel, searchByPlaceholder, searchPlaceholder, paginationAllLabel } = props\n\n  return {\n    ...defaultTranslations,\n    ...translations,\n    searchByAllLabel,\n    searchByPlaceholder,\n    searchPlaceholder,\n    paginationAllLabel,\n  }\n})\n\nconst hasDivider = computed<boolean>(\n  () => props.divider && !props.backgroundEven && !props.backgroundOdd,\n)\n\nconst { size, hoverable, backgroundEven, backgroundOdd } = toRefs(props)\n\nprovide<MazTableProvide>(mazTableKey, {\n  size,\n  hoverable,\n  backgroundEven,\n  backgroundOdd,\n})\n\nconst rowsNormalized = ref<T[]>(getNormalizedRows())\n\nconst isSelectable = computed<boolean>(() => props.selectable || !!props.selectedKey)\n\nconst currentPage = ref(props.page)\nwatch(\n  () => props.page,\n  (value) => {\n    currentPage.value = value\n  },\n)\nconst currentPageModel = computed({\n  get: () => currentPage.value,\n  set: (value) => {\n    currentPage.value = value\n    emits('update:page', value)\n  },\n})\n\nconst pageSizeOptions = computed<MazSelectOption[]>(() => [\n  { label: t.value.paginationAllLabel, value: Number.POSITIVE_INFINITY },\n  { label: 5, value: 5 },\n  { label: 10, value: 10 },\n  { label: 20, value: 20 },\n  { label: 50, value: 50 },\n  { label: 100, value: 100 },\n  { label: 200, value: 200 },\n])\nconst pageSizeModelInternal = ref(props.pageSize)\nwatch(\n  () => props.pageSize,\n  (value) => {\n    pageSizeModelInternal.value = value\n  },\n)\nconst pageSizeModel = computed({\n  get: () => pageSizeModelInternal.value,\n  set: (value) => {\n    pageSizeModelInternal.value = value\n    emits('update:page-size', value)\n  },\n})\n\nconst totalPagesInternal = computed(() => {\n  return props.totalPages\n    ?? (pageSizeModel.value === Number.POSITIVE_INFINITY || !props.rows?.length)\n    ? 1\n    : Math.ceil(props.rows.length / pageSizeModel.value)\n})\n\nfunction firstPage() {\n  currentPageModel.value = 1\n}\nfunction lastPage() {\n  currentPageModel.value = totalPagesInternal.value\n}\n\nfunction previousPage() {\n  currentPageModel.value = currentPageModel.value - 1\n}\nfunction nextPage() {\n  currentPageModel.value = currentPageModel.value + 1\n}\n\nconst rowsOfPage = computed(() => {\n  if (\n    !props.pagination\n    || props.noPaginateRows\n    || pageSizeModel.value === Number.POSITIVE_INFINITY\n  ) {\n    return rowsNormalized.value\n  }\n\n  const start = (currentPage.value - 1) * pageSizeModel.value\n  const end = start + pageSizeModel.value\n\n  return rowsNormalized.value.slice(start, end)\n})\n\nwatch(\n  () => [props.rows, props.modelValue],\n  () => {\n    rowsNormalized.value = getNormalizedRows()\n  },\n)\n\nconst sortedColumnIndex = ref<number>()\nconst sortType = ref<'ASC' | 'DESC'>()\n\nconst headersNormalized = ref<HeadersNormalized[]>(getNormalizedHeaders())\n\nconst searchByKey = ref<string>()\nconst searchByOptions = computed<MazSelectOption[]>(() => [\n  { label: props.searchByAllLabel, value: null },\n  ...headersNormalized.value.map((header) => {\n    return {\n      label: header.label,\n      value: header.key,\n    }\n  }),\n])\n\nconst searchQueryModelInternal = ref(props.searchQuery)\nwatch(\n  () => props.searchQuery,\n  (value) => {\n    searchQueryModelInternal.value = value\n  },\n)\nconst searchQueryModel = computed({\n  get: () => searchQueryModelInternal.value,\n  set: (value) => {\n    searchQueryModelInternal.value = value\n    emits('update:search-query', value)\n  },\n})\n\nfunction getSortedRows(rows: T[]) {\n  return [...rows].sort((a, b) => {\n    if (sortedColumnIndex.value === undefined || sortType.value === undefined)\n      return 0\n\n    const aValue = a[headersNormalized.value[sortedColumnIndex.value].key as string]\n    const bValue = b[headersNormalized.value[sortedColumnIndex.value].key as string]\n\n    // Comparez les valeurs en fonction du type de données\n    if (typeof aValue === 'string' && typeof bValue === 'string') {\n      return sortType.value === 'ASC'\n        ? aValue.localeCompare(bValue)\n        : bValue.localeCompare(aValue)\n    }\n    else {\n      return sortType.value === 'ASC' ? aValue - bValue : bValue - aValue\n    }\n  })\n}\n\nfunction getFilteredRows(rows: T[]) {\n  if (props.noSearchInRow || typeof searchQueryModel.value !== 'string')\n    return rowsOfPage.value\n\n  const query = searchQueryModel.value.toLowerCase()\n\n  return [...rows].filter((row) => {\n    if (searchByKey.value) {\n      return String(row[searchByKey.value]).toLowerCase().includes(query)\n    }\n\n    return Object.values(row).some((value) => {\n      if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {\n        return String(value).toLowerCase().includes(query)\n      }\n\n      return false\n    })\n  })\n}\n\nconst rowsFiltered = computed<T[]>(() => {\n  const filteredResults = getFilteredRows(rowsOfPage.value as T[])\n\n  return getSortedRows(filteredResults as T[])\n})\n\nconst slots = useSlots()\n\nconst hasHeader = computed<boolean>(() => props.search || !!props.title || !!slots.title)\nconst hasFooter = computed<boolean>(() => props.pagination)\n\nfunction getNormalizedHeaders(): HeadersNormalized[] {\n  return (\n    props.headers?.map(header =>\n      typeof header === 'string'\n        ? { label: header, align: props.headersAlign }\n        : { align: props.headersAlign, thHeaders: header.headers, ...header },\n    ) ?? []\n  )\n}\n\nfunction getNormalizedRows(): T[] {\n  return (\n    props.rows?.map(row => ({\n      selected: props.modelValue?.includes(props.selectedKey ? row[props.selectedKey] : row),\n      ...row,\n    })) ?? []\n  )\n}\n\nfunction sortColumn(columnIndex: number) {\n  if (columnIndex === sortedColumnIndex.value) {\n    const sortTypeValue = sortType.value === 'DESC' ? 'ASC' : undefined\n    sortType.value\n        = sortType.value === undefined ? 'DESC' : sortTypeValue\n  }\n  else {\n    sortType.value = 'DESC'\n  }\n  sortedColumnIndex.value = sortType.value === undefined ? undefined : columnIndex\n}\n\nconst allSelected = computed<boolean>({\n  get: () => {\n    return rowsFiltered.value.every(row => row.selected) ?? false\n  },\n  set: selectAll,\n})\n\nfunction selectAll(value: boolean) {\n  for (const row of rowsFiltered.value) {\n    row.selected = value\n  }\n\n  emitValues()\n}\n\nfunction selectRow(value: boolean, index: number) {\n  rowsFiltered.value[index].selected = value\n\n  emitValues()\n}\n\nfunction emitValues(selectedRows?: (T | string | number | boolean)[]) {\n  selectedRows = selectedRows ?? getSelectedRows()\n\n  const rows = selectedRows?.length ? selectedRows : undefined\n\n  emits('update:model-value', rows)\n}\n\nfunction getSelectedRows(): (T | string | number | boolean)[] {\n  // if (props.selectedKey === undefined) {\n  //   return\n  // }\n\n  return rowsFiltered.value\n    .filter(row => row.selected)\n    .map(row => (props.selectedKey ? row[props.selectedKey] : row))\n}\n\nonBeforeMount(() => {\n  const selectedRows = getSelectedRows()\n\n  if (selectedRows?.length) {\n    emitValues(selectedRows)\n  }\n})\n</script>\n\n<template>\n  <div class=\"m-table m-reset-css\" :class=\"{ '--has-header': hasHeader }\">\n    <div v-if=\"hasHeader\" class=\"m-table-header\">\n      <div v-if=\"title || $slots.title\" class=\"m-table-spacer\">\n        <slot name=\"title\">\n          <span class=\"m-table-header-title\">\n            {{ title }}\n          </span>\n        </slot>\n      </div>\n\n      <div v-if=\"search\" class=\"m-table-header-search\">\n        <MazSelect\n          v-if=\"!noSearchBy\"\n          v-model=\"searchByKey\"\n          :rounded-size\n          :color\n          :style=\"{ width: '8rem' }\"\n          :placeholder=\"t.searchByPlaceholder\"\n          :size=\"inputSize ?? size\"\n          :options=\"searchByOptions\"\n        />\n        <MazInput\n          v-model=\"searchQueryModel\"\n          :size=\"inputSize ?? size\"\n          :rounded-size\n          :color\n          :debounce=\"300\"\n          :placeholder=\"t.searchPlaceholder\"\n          :left-icon=\"SearchIcon\"\n        />\n      </div>\n    </div>\n    <div\n      class=\"m-table-wrapper\" :class=\"[`--rounded-${roundedSize}`, {\n        '--scrollable': scrollable,\n      }]\"\n    >\n      <table\n        :class=\"[{ '--elevation': elevation, '--has-layout': tableLayout }, tableClass]\"\n        :style=\"tableStyle\"\n      >\n        <caption v-if=\"caption || $slots.caption\">\n          <!--\n            @slot caption - add caption on top or bottom of the table\n          -->\n          <slot name=\"caption\">\n            {{ caption }}\n          </slot>\n        </caption>\n\n        <thead v-if=\"headersNormalized\">\n          <!--\n            @slot thead - content in thead element\n          -->\n          <slot name=\"thead\">\n            <MazTableRow no-hoverable>\n              <MazTableTitle\n                v-if=\"isSelectable\"\n                align=\"left\"\n                :class=\"`--${size}`\"\n                class=\"m-table-select-column\"\n              >\n                <MazCheckbox v-model=\"allSelected\" size=\"sm\" />\n              </MazTableTitle>\n              <MazTableTitle\n                v-for=\"(header, columnIndex) in headersNormalized\"\n                :key=\"columnIndex\"\n                :scope=\"header.scope\"\n                :align=\"header.align\"\n                :rowspan=\"header.rowspan\"\n                :colspan=\"header.colspan\"\n                :headers=\"header.thHeaders\"\n                :style=\"{ width: header.width, textAlign: header.align }\"\n                class=\"maz-group\"\n                :class=\"[\n                  { '--hidden': header.hidden, '--sortable': header.sortable ?? sortable },\n                  header.classes,\n                  `--${size}`,\n                ]\"\n                @click=\"(header.sortable ?? sortable) && sortColumn(columnIndex)\"\n              >\n                <span :class=\"{ 'maz-sr-only': header.srOnly }\">\n                  <!--\n                  @slot header - replace column header\n                    @binding {Object} header - header data\n                    @binding {String} label - header label\n                -->\n                  <slot name=\"header\" :header=\"header\" :label=\"header.label\">\n                    <!--\n                      @slot header-label-{key} - replace column header label\n                        @binding {Object} header - header data\n                        @binding {String} label - header label\n                    -->\n                    <slot :name=\"`header-label-${header.key}`\" :header=\"header\" :label=\"header.label\">\n                      {{ header.label }}\n                    </slot>\n\n                    <div v-if=\"header.sortable ?? sortable\" class=\"m-table-sort-icon-wrapper\">\n                      <ArrowIcon\n                        class=\"m-table-sort-icon maz-hidden group-hover:maz-block\"\n                        :class=\"{\n                          '--sorted': columnIndex === sortedColumnIndex,\n                          '--up': sortType === 'DESC',\n                          '--down': sortType === 'ASC',\n                        }\"\n                      />\n                    </div>\n                  </slot>\n                </span>\n              </MazTableTitle>\n              <MazTableTitle v-if=\"$slots.actions\" align=\"left\" :class=\"`--${size}`\">\n                <!--\n                  @slot actions-header - replace text of actions header\n                -->\n                <slot name=\"actions-header\">\n                  {{ t.actionHeader }}\n                </slot>\n              </MazTableTitle>\n            </MazTableRow>\n          </slot>\n        </thead>\n\n        <MazLoadingBar v-if=\"loading\" :color=\"color\" class=\"!maz-absolute\" />\n\n        <tbody :class=\"{ '--divider': hasDivider }\">\n          <slot>\n            <template v-if=\"rowsFiltered.length > 0\">\n              <MazTableRow\n                v-for=\"(row, rowIndex) in rowsFiltered\"\n                :key=\"rowIndex\"\n                :class=\"row.classes\"\n                @click=\"row.action && row.action(row)\"\n              >\n                <MazTableCell v-if=\"isSelectable\" class=\"m-table-select-column\">\n                  <!--\n                    @slot select - replace checkbox component\n                      @binding {Object} row - row data\n                      @binding {Boolean} selected - if selected or not\n                  -->\n                  <slot name=\"select\" :row=\"row\" :selected=\"row.selected\">\n                    <MazCheckbox\n                      size=\"sm\"\n                      :model-value=\"row.selected\"\n                      @update:model-value=\"selectRow($event, rowIndex)\"\n                    />\n                  </slot>\n                </MazTableCell>\n                <MazTableCell\n                  v-for=\"({ key, align, classes }, dataIndex) in headersNormalized\"\n                  :key=\"dataIndex\"\n                  :align=\"align\"\n                  :class=\"classes\"\n                >\n                  <!--\n                    @slot cell - replace all row cells\n                      @binding {Object} row - row data\n                      @binding {Boolean} value - cell value\n                  -->\n                  <slot v-if=\"key\" name=\"cell\" :row=\"row\" :value=\"row[key]\">\n                    <!--\n                      @slot cell-{key} - replace row cells of column\n                        @binding {Object} row - row data\n                        @binding {Boolean} value - cell value\n                    -->\n                    <slot :name=\"`cell-${key}`\" :row=\"row\" :value=\"row[key]\">\n                      {{ row[key] }}\n                    </slot>\n                  </slot>\n                </MazTableCell>\n                <MazTableCell v-if=\"$slots.actions\">\n                  <!--\n                    @slot actions - will add actions column\n                      @binding {Object} row - row data\n                  -->\n                  <slot name=\"actions\" :row=\"row\" />\n                </MazTableCell>\n              </MazTableRow>\n            </template>\n            <template v-else>\n              <MazTableRow>\n                <MazTableCell\n                  :colspan=\"\n                    headersNormalized.length + (isSelectable ? 1 : 0) + ($slots.actions ? 1 : 0)\n                  \"\n                >\n                  <!--\n                    @slot no-results - replace no results\n                  -->\n                  <slot name=\"no-results\">\n                    <p class=\"maz-text-center maz-text-muted\">\n                      <!--\n                        @slot no-results-text - replace no results test only\n                      -->\n                      <slot name=\"no-results-text\">\n                        {{ t.noResults }}\n                      </slot>\n                    </p>\n                  </slot>\n                </MazTableCell>\n              </MazTableRow>\n            </template>\n          </slot>\n        </tbody>\n      </table>\n    </div>\n\n    <div v-if=\"hasFooter\" class=\"m-table-footer\">\n      <div class=\"m-table-spacer\" />\n\n      <div v-if=\"pagination\" class=\"m-table-footer-pagination\">\n        <div class=\"m-table-footer-pagination-items-per-page\">\n          <span class=\"maz-hidden maz-text-sm tab-s:maz-block\"> {{ t.paginationRowsPerPage }} </span>\n          <MazSelect\n            v-model=\"pageSizeModel\"\n            :options=\"pageSizeOptions\"\n            :rounded-size\n            :size=\"inputSize ?? size\"\n            :color=\"color\"\n            list-position=\"top\"\n            :style=\"{ width: '5rem' }\"\n          />\n        </div>\n\n        <span v-if=\"totalPagesInternal\" class=\"maz-whitespace-nowrap maz-text-sm\">\n          {{ currentPageModel }} - {{ rowsFiltered.length }} {{ t.paginationOf }} {{ totalPagesInternal }}\n        </span>\n\n        <div class=\"m-table-footer-pagination-buttons\">\n          <MazBtn\n            :disabled=\"currentPageModel === 1\"\n            :size=\"inputSize ?? size\"\n            color=\"transparent\"\n            :rounded-size\n            no-elevation\n            @click=\"firstPage\"\n          >\n            <ChevronDoubleIcon class=\"maz-text-base\" />\n          </MazBtn>\n\n          <MazBtn\n            :disabled=\"currentPageModel === 1\"\n            :size=\"inputSize ?? size\"\n            color=\"transparent\"\n            :rounded-size\n            no-elevation\n            @click=\"previousPage\"\n          >\n            <ChevronIcon class=\"maz-text-base\" />\n          </MazBtn>\n          <MazBtn\n            :disabled=\"currentPageModel === totalPagesInternal\"\n            :size=\"inputSize ?? size\"\n            color=\"transparent\"\n            :rounded-size\n            no-elevation\n            @click=\"nextPage\"\n          >\n            <ChevronIcon class=\"maz-rotate-180 maz-text-base\" />\n          </MazBtn>\n\n          <MazBtn\n            :disabled=\"currentPageModel === totalPagesInternal\"\n            :size=\"inputSize ?? size\"\n            color=\"transparent\"\n            :rounded-size\n            no-elevation\n            @click=\"lastPage\"\n          >\n            <ChevronDoubleIcon class=\"maz-rotate-180 maz-text-base\" />\n          </MazBtn>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-table {\n  @apply maz-relative maz-max-w-full;\n\n  &-header {\n    @apply maz-flex maz-max-w-full maz-items-center maz-justify-between maz-gap-2 maz-bg-color maz-py-2;\n\n    &-search {\n      @apply maz-flex maz-items-center maz-gap-2;\n    }\n\n    &-title {\n      @apply maz-font-semibold;\n    }\n  }\n\n  &-footer {\n    @apply maz-flex maz-max-w-full maz-justify-between maz-gap-2 maz-bg-color maz-p-2;\n\n    &-pagination {\n      @apply maz-flex maz-items-center maz-gap-4;\n\n      &-buttons {\n        @apply maz-flex maz-items-center maz-gap-1;\n      }\n\n      &-items-per-page {\n        @apply maz-flex maz-items-center maz-gap-1;\n      }\n    }\n  }\n\n  &-wrapper {\n    @apply maz-border maz-border-solid maz-border-color-light;\n\n    &.--scrollable {\n      @apply maz-overflow-auto;\n    }\n\n    &:not(.--rounded-none) {\n      @apply maz-rounded-xl;\n    }\n\n    &.--rounded-sm {\n      @apply maz-rounded-sm;\n\n      table {\n        @apply maz-rounded-sm;\n\n        thead tr:hover:first-child {\n          @apply maz-rounded-b-sm;\n\n          th:first-child {\n            @apply maz-rounded-tl-sm;\n          }\n\n          th:last-child {\n            @apply maz-rounded-tr-sm;\n          }\n        }\n\n        tbody tr:hover:last-child {\n          @apply maz-rounded-b-sm;\n\n          td:first-child {\n            @apply maz-rounded-bl-sm;\n          }\n\n          td:last-child {\n            @apply maz-rounded-br-sm;\n          }\n        }\n      }\n    }\n\n    &.--rounded-md {\n      @apply maz-rounded-md;\n\n      table {\n        @apply maz-rounded-md;\n\n        thead tr:hover:first-child {\n          @apply maz-rounded-b-md;\n\n          th:first-child {\n            @apply maz-rounded-tl-md;\n          }\n\n          th:last-child {\n            @apply maz-rounded-tr-md;\n          }\n        }\n\n        tbody tr:hover:last-child {\n          @apply maz-rounded-b-md;\n\n          td:first-child {\n            @apply maz-rounded-bl-md;\n          }\n\n          td:last-child {\n            @apply maz-rounded-br-md;\n          }\n        }\n      }\n    }\n\n    &.--rounded-lg {\n      @apply maz-rounded-lg;\n\n      table {\n        @apply maz-rounded-lg;\n\n        thead tr:hover:first-child {\n          @apply maz-rounded-b-lg;\n\n          th:first-child {\n            @apply maz-rounded-tl-lg;\n          }\n\n          th:last-child {\n            @apply maz-rounded-tr-lg;\n          }\n        }\n\n        tbody tr:hover:last-child {\n          @apply maz-rounded-b-lg;\n\n          td:first-child {\n            @apply maz-rounded-bl-lg;\n          }\n\n          td:last-child {\n            @apply maz-rounded-br-lg;\n          }\n        }\n      }\n    }\n\n    &.--rounded-xl {\n      @apply maz-rounded-xl;\n\n      table {\n        @apply maz-rounded-xl;\n\n        thead tr:hover:first-child {\n          @apply maz-rounded-b-xl;\n\n          th:first-child {\n            @apply maz-rounded-tl-xl;\n          }\n\n          th:last-child {\n            @apply maz-rounded-tr-xl;\n          }\n        }\n\n        tbody tr:hover:last-child {\n          @apply maz-rounded-b-xl;\n\n          td:first-child {\n            @apply maz-rounded-bl-xl;\n          }\n\n          td:last-child {\n            @apply maz-rounded-br-xl;\n          }\n        }\n      }\n    }\n  }\n\n  &.--has-header {\n    @apply maz-rounded;\n  }\n\n  &:not(.--has-header) {\n    table {\n      @apply maz-rounded;\n    }\n  }\n\n  table {\n    @apply maz-table maz-w-full maz-border-collapse maz-bg-color;\n\n    table-layout: v-bind('tableLayout');\n\n    &.--has-layout {\n      @apply maz-w-full;\n    }\n\n    &.--elevation {\n      @apply maz-elevation;\n    }\n\n    & .m-table-select-column {\n      @apply maz-w-[2.9rem];\n    }\n\n    caption {\n      @apply maz-p-3;\n\n      caption-side: v-bind('captionSide');\n    }\n\n    thead {\n      @apply maz-break-all maz-border-b maz-border-color-light;\n\n      th {\n        @apply maz-gap-2 maz-break-all maz-font-normal maz-text-muted maz-tracking-tight;\n\n        &.--hidden {\n          @apply maz-hidden;\n        }\n\n        &.--sortable {\n          @apply maz-cursor-pointer hover:maz-bg-color-dark;\n        }\n\n        &.--xl {\n          @apply maz-px-5 maz-py-5 maz-text-lg;\n        }\n\n        &.--lg {\n          @apply maz-px-4 maz-py-4 maz-text-base;\n        }\n\n        &.--md {\n          @apply maz-px-3 maz-py-3 maz-text-sm;\n        }\n\n        &.--sm {\n          @apply maz-px-2 maz-py-2 maz-text-xs;\n        }\n\n        &.--xs {\n          @apply maz-px-1 maz-py-1 maz-text-xs;\n        }\n\n        &.--mini {\n          @apply maz-px-0.5 maz-py-0.5 maz-text-xs;\n        }\n\n        span {\n          @apply maz-inline-flex maz-items-center maz-gap-1;\n\n          .m-table-sort-icon-wrapper {\n            @apply maz-h-4 maz-w-4;\n          }\n\n          .m-table-sort-icon {\n            @apply maz-text-muted maz-transition-transform maz-duration-300 maz-ease-out;\n\n            &.--sorted {\n              @apply maz-block maz-text-normal;\n\n              &.--up {\n                @apply maz-rotate-0;\n              }\n\n              &.--down {\n                @apply maz-rotate-180;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    tbody {\n      &.--divider {\n        @apply maz-divide-y maz-divide-color-light;\n      }\n    }\n  }\n}\n</style>\n"],"names":["mazTableKey","props","__props","emits","__emit","MazBtn","defineAsyncComponent","MazCheckbox","MazInput","MazLoadingBar","MazSelect","MazTableCell","MazTableRow","MazTableTitle","ArrowIcon","ChevronDoubleIcon","ChevronIcon","SearchIcon","defaultTranslations","t","computed","translations","searchByAllLabel","searchByPlaceholder","searchPlaceholder","paginationAllLabel","hasDivider","size","hoverable","backgroundEven","backgroundOdd","toRefs","provide","rowsNormalized","ref","getNormalizedRows","isSelectable","currentPage","watch","value","currentPageModel","pageSizeOptions","pageSizeModelInternal","pageSizeModel","totalPagesInternal","_a","firstPage","lastPage","previousPage","nextPage","rowsOfPage","start","end","sortedColumnIndex","sortType","headersNormalized","getNormalizedHeaders","searchByKey","searchByOptions","header","searchQueryModelInternal","searchQueryModel","getSortedRows","rows","a","b","aValue","bValue","getFilteredRows","query","row","rowsFiltered","filteredResults","slots","useSlots","hasHeader","hasFooter","sortColumn","columnIndex","sortTypeValue","allSelected","selectAll","emitValues","selectRow","index","selectedRows","getSelectedRows","onBeforeMount"],"mappings":"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"}

package/dist/chunks/{MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.Dwkx-V96.mjs → MazTable.vue_vue_type_style_index_0_scoped_cd8655c9_lang.Dj2OkfOV.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as Ne, useCssVars as we, defineAsyncComponent as m, computed as d, toRefs as Le, provide as Me, ref as k, watch as E, useSlots as Te, onBeforeMount as Oe, openBlock as s, createElementBlock as p, normalizeClass as g, renderSlot as v, createElementVNode as h, toDisplayString as y, createCommentVNode as r, createBlock as S, unref as t, createVNode as i, normalizeStyle as le, createTextVNode as I, withCtx as c, Fragment as q, renderList as Y } from "vue";
-import '../assets/MazTable.D06R_2nI.css';const Ee = {
+import '../assets/MazTable.uvNQLDVh.css';const Ee = {
   key: 0,
   class: "m-table-header"
 }, Re = {
@@ -66,8 +66,8 @@ import '../assets/MazTable.D06R_2nI.css';const Ee = {
   emits: ["update:model-value", "update:search-query", "update:page", "update:page-size"],
   setup(ae, { emit: te }) {
     we((e) => ({
-      "4dfec98a": e.tableLayout,
-      "54e27d62": e.captionSide
+      "8ac49166": e.tableLayout,
+      "422daf12": e.captionSide
     }));
     const o = ae, N = te, w = m(() => import("../components/MazBtn.mjs")), j = m(() => import("../components/MazCheckbox.mjs")), oe = m(() => import("../components/MazInput.mjs")), se = m(() => import("../components/MazLoadingBar.mjs")), G = m(() => import("../components/MazSelect.mjs")), L = m(() => import("../components/MazTableCell.mjs")), R = m(() => import("../components/MazTableRow.mjs")), K = m(() => import("../components/MazTableTitle.mjs")), ne = m(() => import("./arrow-up.HdMpMK4c.mjs")), J = m(() => import("./chevron-double-left.C1WkQBYN.mjs")), W = m(() => import("./chevron-left.njfuF_Vt.mjs")), ue = m(() => import("./magnifying-glass.6EkSEo-G.mjs")), re = {
       noResults: "No results",
@@ -531,4 +531,4 @@ export {
   _e as _,
   Xe as m
 };
-//# sourceMappingURL=MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.Dwkx-V96.mjs.map
+//# sourceMappingURL=MazTable.vue_vue_type_style_index_0_scoped_cd8655c9_lang.Dj2OkfOV.mjs.map