maz-ui 3.43.3 → 3.44.0

package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
-import type { PickerValue } from '../types';
 import dayjs from 'dayjs';
+import type { PickerValue } from '../types';
 import type { Color } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {

package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts

@@ -1,7 +1,7 @@
 import { type PropType } from 'vue';
-import type { Color } from './../../types';
-import type { PickerValue } from '../types';
 import dayjs from 'dayjs';
+import type { PickerValue } from '../types';
+import type { Color } from './../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<PickerValue>;

package/components/MazPicker/MazPickerFooter.vue.d.ts

@@ -1,4 +1,4 @@
-import { type PropType } from 'vue';
+import type { PropType } from 'vue';
 import type { Color } from '../types';
 declare const _default: import("vue").DefineComponent<{
     color: {

package/components/MazPicker/MazPickerTime.vue.d.ts

@@ -1,7 +1,7 @@
 import { type PropType } from 'vue';
+import type { Color } from '../types';
 import { type DateTimeFormatOptions } from './utils';
 import type { PickerValue } from './types';
-import type { Color } from '../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<PickerValue>;

package/components/MazPicker/types.d.ts

@@ -1,15 +1,15 @@
 export type SimpleValue = string | undefined;
-export type RangeValue = {
+export interface RangeValue {
     start: string;
     end: string;
-};
+}
 export type PartialRangeValue = Partial<RangeValue>;
 export type PickerValue = SimpleValue | PartialRangeValue;
-export type PickerShortcut = {
+export interface PickerShortcut {
     identifier: string;
     label: string;
     value: {
         start: string;
         end: string;
     };
-};
+}

package/components/MazPicker/utils.d.ts

@@ -23,10 +23,10 @@ export declare function getRangeISODate(value: PartialRangeValue, format?: strin
     start: string | undefined;
     end: string | undefined;
 };
-type CheckValueResponse = {
+interface CheckValueResponse {
     newValue?: string;
     newCurrentDate?: string;
-};
+}
 export declare function checkValueWithMinMaxDates({ value, minDate, maxDate, format, }: {
     value: string;
     minDate?: string;
@@ -42,10 +42,10 @@ export declare function isValueDisabledDate({ value, disabledDates, }: {
     disabledDates: string[];
 }): boolean;
 export declare const scrollToTarget: (scrollContainer: HTMLElement, target: HTMLElement, offset?: number, hasSmoothEffect?: boolean) => void;
-export declare const findNearestNumberInList: (list: number[], number: number) => number;
+export declare function findNearestNumberInList(list: number[], number: number): number;
 export declare function convertHour24to12Format(baseHour: number): number;
 export declare function convertHour12to24Format(baseHour: number): number;
-export declare const convert12To24TimeFormat: (timeStr: string) => string;
+export declare function convert12To24TimeFormat(timeStr: string): string;
 export declare function getBrowserLocale(): string | undefined;
 export declare function fetchLocale(): Promise<string | undefined>;
 export {};

package/components/MazPicker.d.ts

@@ -1,8 +1,8 @@
 import { type HTMLAttributes } from 'vue';
 import type { Color, Position } from './types';
-import type { PickerValue, PickerShortcut } from './MazPicker/types';
+import type { PickerShortcut, PickerValue } from './MazPicker/types';
 export type { PickerValue, PickerShortcut, Color, Position };
-export type Props = {
+export interface Props {
     /** The style of the component */
     style?: HTMLAttributes['style'];
     /** The class of the component */
@@ -67,7 +67,7 @@ export type Props = {
     disabledHours?: number[];
     /** The input will be displayed in full width */
     block?: boolean;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;

package/components/MazPicker.mjs

@@ -1,4 +1,4 @@
-import { b as f } from "./chunks/MazPicker-CltoTa2Z.mjs";
+import { b as f } from "./chunks/MazPicker-ia2BEmm5.mjs";
 export {
   f as default
 };

package/components/MazPullToRefresh.d.ts

@@ -1,6 +1,6 @@
 import type { Color } from './types';
 export type { Color } from './types';
-export type Props = {
+export interface Props {
     distance?: number;
     offset?: number;
     action?: () => unknown;
@@ -9,7 +9,7 @@ export type Props = {
     spinnerColor?: Color;
     disabled?: boolean;
     standaloneMode?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     distance: number;
     offset: number;

package/components/MazPullToRefresh.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazPullToRefresh-DWbmwlzV.mjs";
+import { M as f } from "./chunks/MazPullToRefresh-CUazP4y2.mjs";
 export {
   f as default
 };

package/components/MazRadio.mjs

@@ -1,13 +1,12 @@
-import './assets/MazRadio.css';
 import { getCurrentInstance as g, computed as r, defineComponent as S, useCssVars as y, openBlock as k, createElementBlock as z, unref as p, normalizeClass as I, normalizeStyle as C, createElementVNode as u, mergeProps as B, createCommentVNode as V, renderSlot as N, createTextVNode as _, toDisplayString as w, pushScopeId as M, popScopeId as x } from "vue";
-function D({
+import './assets/MazRadio.css';function D({
   componentName: o,
   providedId: t
 }) {
   const a = g();
   return r(() => t ?? `${o}-${a == null ? void 0 : a.uid}`);
 }
-const E = (o) => (M("data-v-0b81d1b5"), o = o(), x(), o), R = ["for", "aria-checked"], T = ["id", "value", "disabled", "name", "checked"], $ = /* @__PURE__ */ E(() => /* @__PURE__ */ u(
+const E = (o) => (M("data-v-28b8ed77"), o = o(), x(), o), R = ["for", "aria-checked"], T = ["id", "value", "disabled", "name", "checked"], $ = /* @__PURE__ */ E(() => /* @__PURE__ */ u(
   "span",
   null,
   [
@@ -32,9 +31,9 @@ const E = (o) => (M("data-v-0b81d1b5"), o = o(), x(), o), R = ["for", "aria-chec
   emits: ["update:model-value", "change"],
   setup(o, { emit: t }) {
     y((e) => ({
-      "8d62fd0a": f.value,
-      "1b5dc564": v.value,
-      "22c54cde": b.value
+      be58c5aa: f.value,
+      "61d8279e": v.value,
+      "31660be1": b.value
     }));
     const a = o, n = t, s = D({
       componentName: "MazCheckbox",
@@ -45,14 +44,14 @@ const E = (o) => (M("data-v-0b81d1b5"), o = o(), x(), o), R = ["for", "aria-chec
           return "2.25rem";
         case "lg":
           return "2rem";
-        default:
-          return "1.625rem";
         case "sm":
           return "1.425rem";
         case "xs":
           return "1.325rem";
         case "mini":
           return "1.2rem";
+        default:
+          return "1.625rem";
       }
     }), v = r(() => `var(--maz-color-${a.color})`), b = r(
       () => ["black", "transparent"].includes(a.color) ? "var(--maz-color-muted)" : `var(--maz-color-${a.color}-alpha)`
@@ -109,7 +108,7 @@ const E = (o) => (M("data-v-0b81d1b5"), o = o(), x(), o), R = ["for", "aria-chec
   for (const [n, s] of t)
     a[n] = s;
   return a;
-}, L = /* @__PURE__ */ H(q, [["__scopeId", "data-v-0b81d1b5"]]);
+}, L = /* @__PURE__ */ H(q, [["__scopeId", "data-v-28b8ed77"]]);
 export {
   L as default
 };

package/components/MazRadioButtons.d.ts

@@ -10,7 +10,7 @@ export type ButtonsRadioOption = {
     /** The style to apply to the option */
     style?: StyleValue;
 } & Record<string, unknown>;
-export type Props = {
+export interface Props {
     /** @model The value of the selected option */
     modelValue?: string | number | boolean;
     /** The options to display */
@@ -34,7 +34,7 @@ export type Props = {
     selector?: boolean;
     /** The component will be displayed in full width */
     block?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     modelValue: undefined;
     name: string;

package/components/MazRadioButtons.mjs

@@ -1,9 +1,8 @@
-import './assets/MazRadioButtons.css';
-import { defineComponent as z, defineAsyncComponent as k, openBlock as r, createElementBlock as s, normalizeClass as c, Fragment as _, renderList as B, normalizeStyle as p, createElementVNode as b, createVNode as h, Transition as S, withCtx as $, withDirectives as C, unref as w, vShow as V, createCommentVNode as y, renderSlot as N, createTextVNode as q, toDisplayString as D } from "vue";
-const I = ["for", "aria-checked", "onKeydown"], M = ["id", "name", "value", "onChange"], R = {
+import { defineComponent as k, defineAsyncComponent as _, openBlock as r, createElementBlock as s, normalizeClass as f, Fragment as B, renderList as C, normalizeStyle as b, createElementVNode as h, createVNode as y, Transition as S, withCtx as $, withDirectives as w, unref as V, vShow as N, createCommentVNode as z, renderSlot as I, createTextVNode as q, toDisplayString as D } from "vue";
+import './assets/MazRadioButtons.css';const M = ["for", "aria-checked", "onKeydown"], O = ["id", "name", "value", "onChange"], R = {
   key: 0,
   class: "m-radio-buttons__items__checkbox"
-}, T = /* @__PURE__ */ z({
+}, T = /* @__PURE__ */ k({
   __name: "MazRadioButtons",
   props: {
     modelValue: { type: [String, Number, Boolean], default: void 0 },
@@ -18,30 +17,33 @@ const I = ["for", "aria-checked", "onKeydown"], M = ["id", "name", "value", "onC
     block: { type: Boolean, default: !1 }
   },
   emits: ["update:model-value", "change"],
-  setup(l, { emit: u }) {
-    const t = k(() => import("./chunks/check-CL-vqe79.mjs")), n = l, d = u;
-    function m(e) {
-      d("update:model-value", e.value);
+  setup(t, { emit: d }) {
+    const l = t, u = d, i = _(() => import("./chunks/check-CL-vqe79.mjs"));
+    function v(e) {
+      u("update:model-value", e.value);
     }
     function o(e) {
-      return n.modelValue === e;
+      return l.modelValue === e;
     }
-    function g(e, f) {
-      ["Space"].includes(e.code) && (e.preventDefault(), m(f));
+    function g(e, n) {
+      ["Space"].includes(e.code) && (e.preventDefault(), v(n));
     }
-    return (e, f) => (r(), s(
+    function c(e, n) {
+      return `option-${n}-${e.value.toString()}-${l.name}`;
+    }
+    return (e, n) => (r(), s(
       "div",
       {
-        class: c(["m-radio-buttons", [`--${e.orientation}`, { "--no-wrap": e.noWrap, "--block": e.block }]])
+        class: f(["m-radio-buttons", [`--${e.orientation}`, { "--no-wrap": e.noWrap, "--block": e.block }]])
       },
       [
         (r(!0), s(
-          _,
+          B,
           null,
-          B(e.options, (a, i) => (r(), s("label", {
-            key: `option-${i}-${a.value.toString()}`,
-            for: `option-${i}-${a.value.toString()}`,
-            class: c(["m-radio-buttons__items maz-group", [
+          C(e.options, (a, m) => (r(), s("label", {
+            key: c(a, m),
+            for: c(a, m),
+            class: f(["m-radio-buttons__items maz-group", [
               {
                 "--is-selected": o(a.value),
                 "--elevation": e.elevation,
@@ -50,7 +52,7 @@ const I = ["for", "aria-checked", "onKeydown"], M = ["id", "name", "value", "onC
               a.classes
             ]]),
             tabindex: "0",
-            style: p([
+            style: b([
               o(a.value) ? {
                 color: `var(--maz-color-${e.color}-contrast)`,
                 backgroundColor: `var(--maz-color-${e.color})`
@@ -59,29 +61,29 @@ const I = ["for", "aria-checked", "onKeydown"], M = ["id", "name", "value", "onC
             ]),
             role: "radio",
             "aria-checked": o(a.value),
-            onKeydown: (v) => g(v, a)
+            onKeydown: (p) => g(p, a)
           }, [
-            b("input", {
-              id: `option-${i}-${a.value.toString()}`,
+            h("input", {
+              id: c(a, m),
               type: "radio",
               name: e.name,
               value: a.value,
               class: "maz-hidden",
-              onChange: (v) => m(a)
-            }, null, 40, M),
+              onChange: (p) => v(a)
+            }, null, 40, O),
             e.selector ? (r(), s("div", R, [
-              b(
+              h(
                 "span",
                 {
-                  class: c({
+                  class: f({
                     "--is-selected": o(a.value)
                   }),
-                  style: p([
-                    o(a.value) ? { backgroundColor: `var(--maz-color-${n.color}-600)` } : {}
+                  style: b([
+                    o(a.value) ? { backgroundColor: `var(--maz-color-${l.color}-600)` } : {}
                   ])
                 },
                 [
-                  h(
+                  y(
                     S,
                     {
                       name: "maz-radio-buttons-scale",
@@ -89,14 +91,14 @@ const I = ["for", "aria-checked", "onKeydown"], M = ["id", "name", "value", "onC
                     },
                     {
                       default: $(() => [
-                        C(h(
-                          w(t),
+                        w(y(
+                          V(i),
                           { class: "maz-h-full maz-w-full" },
                           null,
                           512
                           /* NEED_PATCH */
                         ), [
-                          [V, o(a.value)]
+                          [N, o(a.value)]
                         ])
                       ]),
                       _: 2
@@ -109,13 +111,13 @@ const I = ["for", "aria-checked", "onKeydown"], M = ["id", "name", "value", "onC
                 6
                 /* CLASS, STYLE */
               )
-            ])) : y("v-if", !0),
-            y(`
+            ])) : z("v-if", !0),
+            z(`
         @slot Label of the radio
           @binding {Boolean} selected - If the option is selected
           @binding {string | number | boolean} option - The value of the option
       `),
-            N(e.$slots, "default", {
+            I(e.$slots, "default", {
               option: a,
               selected: o(a.value)
             }, () => [
@@ -125,7 +127,7 @@ const I = ["for", "aria-checked", "onKeydown"], M = ["id", "name", "value", "onC
                 /* TEXT */
               )
             ], !0)
-          ], 46, I))),
+          ], 46, M))),
           128
           /* KEYED_FRAGMENT */
         ))
@@ -134,12 +136,12 @@ const I = ["for", "aria-checked", "onKeydown"], M = ["id", "name", "value", "onC
       /* CLASS */
     ));
   }
-}), E = (l, u) => {
-  const t = l.__vccOpts || l;
-  for (const [n, d] of u)
-    t[n] = d;
-  return t;
-}, L = /* @__PURE__ */ E(T, [["__scopeId", "data-v-7f9271c8"]]);
+}), E = (t, d) => {
+  const l = t.__vccOpts || t;
+  for (const [u, i] of d)
+    l[u] = i;
+  return l;
+}, L = /* @__PURE__ */ E(T, [["__scopeId", "data-v-16df866e"]]);
 export {
   L as default
 };

package/components/MazReadingProgressBar.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes } from 'vue';
 import type { Color } from './types';
 export type { Color };
-export type Props = {
+export interface Props {
     /**
      * Height of the progress bar
      * @default 4px
@@ -37,7 +37,7 @@ export type Props = {
      * @default undefined
      */
     distance?: number;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     height: string;
     color: string;

package/components/MazReadingProgressBar.mjs

@@ -1,10 +1,9 @@
-import './assets/MazReadingProgressBar.css';
 import { defineComponent as p, computed as m, ref as u, watch as v, onMounted as g, onBeforeUnmount as h, openBlock as w, createBlock as b, Teleport as y, createElementVNode as d, mergeProps as S, normalizeClass as _, normalizeStyle as B, nextTick as C } from "vue";
-function k(o, l) {
+import './assets/MazReadingProgressBar.css';function k(r, l) {
   let t = 0;
   return async function() {
-    const r = Date.now();
-    r - t >= l && (await o(), t = r);
+    const o = Date.now();
+    o - t >= l && (await r(), t = o);
   };
 }
 const z = /* @__PURE__ */ p({
@@ -19,8 +18,8 @@ const z = /* @__PURE__ */ p({
     distance: { default: void 0 }
   },
   emits: ["begin", "complete"],
-  setup(o, { emit: l }) {
-    const t = o, r = m(() => `var(--maz-color-${t.color})`), a = l, s = u(), n = u(0);
+  setup(r, { emit: l }) {
+    const t = r, o = l, a = m(() => `var(--maz-color-${t.color})`), s = u(), n = u(0);
     v(
       () => t.distance,
       (e) => {
@@ -36,7 +35,7 @@ const z = /* @__PURE__ */ p({
         const i = e / n.value * 100;
         s.value = `${i}%`;
       } else
-        e <= 0 ? (s.value = "0%", a("begin")) : e > n.value ? (s.value = "100%", a("complete")) : s.value = "0%";
+        e <= 0 ? (s.value = "0%", o("begin")) : e > n.value ? (s.value = "100%", o("complete")) : s.value = "0%";
     }, 15);
     async function f() {
       if (n.value === 0) {
@@ -67,7 +66,7 @@ const z = /* @__PURE__ */ p({
               style: B({
                 width: s.value ?? "0px",
                 height: e.height,
-                backgroundColor: r.value
+                backgroundColor: a.value
               })
             },
             null,
@@ -80,12 +79,12 @@ const z = /* @__PURE__ */ p({
       )
     ], 8, ["to"]));
   }
-}), E = (o, l) => {
-  const t = o.__vccOpts || o;
-  for (const [r, a] of l)
-    t[r] = a;
+}), E = (r, l) => {
+  const t = r.__vccOpts || r;
+  for (const [o, a] of l)
+    t[o] = a;
   return t;
-}, H = /* @__PURE__ */ E(z, [["__scopeId", "data-v-d1e0c920"]]);
+}, H = /* @__PURE__ */ E(z, [["__scopeId", "data-v-eb253d5f"]]);
 export {
   H as default
 };

package/components/MazSelect.d.ts

@@ -2,12 +2,12 @@ import { type HTMLAttributes } from 'vue';
 import type { Color, ModelValueSimple, Position, Size } from './types';
 export type { Color, Size, ModelValueSimple, Position } from './types';
 export type NormalizedOption = Record<string, ModelValueSimple>;
-export type MazSelectOptionWithOptGroup = {
+export interface MazSelectOptionWithOptGroup {
     label: string;
     options: (NormalizedOption | string | number | boolean)[];
-};
+}
 export type MazSelectOption = NormalizedOption | string | number | boolean | MazSelectOptionWithOptGroup;
-export type Props<T extends ModelValueSimple, U extends MazSelectOption> = {
+export interface Props<T extends ModelValueSimple, U extends MazSelectOption> {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
@@ -52,7 +52,7 @@ export type Props<T extends ModelValueSimple, U extends MazSelectOption> = {
     block?: boolean;
     /** The exclude selectors for the v-closable directive - will exclude the elements from the directive */
     excludeSelectors?: string[];
-};
+}
 declare const _default: <T extends ModelValueSimple, U extends MazSelectOption, M = boolean>(__VLS_props: {
     onFocus?: ((value: Event) => any) | undefined;
     onBlur?: ((value: Event) => any) | undefined;

package/components/MazSelect.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazSelect-DDKbowf3.mjs";
+import { M as f } from "./chunks/MazSelect-COJoKXbV.mjs";
 export {
   f as default
 };

package/components/MazSlider/utils.d.ts

@@ -2,14 +2,14 @@ interface IPosObject {
     x: number;
     y: number;
 }
-export declare const getOffset: (elem: HTMLDivElement) => IPosObject;
+export declare function getOffset(elem: HTMLDivElement): IPosObject;
 /**
  * Get the position of the mouse/finger in the element
  * @param e Trigger event
  * @param elem Container element
  * @param isReverse From the right/bottom
  */
-export declare const getPos: (e: MouseEvent | TouchEvent, elem: HTMLDivElement, isReverse?: boolean) => IPosObject;
-export declare const isBetween: (value: number, prev: number, next: number, direction: string) => boolean;
-export declare const getOpacityCoeff: (index: number, middle: number, length: number) => number;
+export declare function getPos(e: MouseEvent | TouchEvent, elem: HTMLDivElement, isReverse?: boolean): IPosObject;
+export declare function isBetween(value: number, prev: number, next: number, direction: string): boolean;
+export declare function getOpacityCoeff(index: number, middle: number, length: number): number;
 export {};