maz-ui 3.22.4 → 3.23.1

package/components/MazCheckbox.mjs

@@ -1,20 +1,16 @@
 import "./assets/MazCheckbox.css";
-import { computed, openBlock, createElementBlock, createElementVNode, defineComponent, useCssVars, getCurrentInstance, unref, normalizeClass, mergeProps, createVNode, renderSlot } from "vue";
-const useInstanceUniqId = ({
-  componentName,
-  instance,
-  providedId
-}) => {
-  return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
-};
-const _hoisted_1$1 = {
+import { computed as r, openBlock as x, createElementBlock as b, createElementVNode as u, defineComponent as C, useCssVars as w, getCurrentInstance as S, unref as d, normalizeClass as p, mergeProps as I, createVNode as B, renderSlot as A } from "vue";
+const N = ({
+  componentName: t,
+  instance: a,
+  providedId: n
+}) => r(() => n ?? `${t}-${a == null ? void 0 : a.uid}`), $ = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-};
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode(
+}, M = /* @__PURE__ */ u(
   "path",
   {
     stroke: "currentColor",
@@ -26,17 +22,13 @@ const _hoisted_2$1 = /* @__PURE__ */ createElementVNode(
   null,
   -1
   /* HOISTED */
-);
-const _hoisted_3 = [
-  _hoisted_2$1
+), E = [
+  M
 ];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._hoisted_3]);
+function j(t, a) {
+  return x(), b("svg", $, [...E]);
 }
-const CheckIcon = { render };
-const _hoisted_1 = ["for", "aria-checked"];
-const _hoisted_2 = ["id", "checked", "disabled", "name"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const q = { render: j }, D = ["for", "aria-checked"], H = ["id", "checked", "disabled", "name"], K = /* @__PURE__ */ C({
   __name: "MazCheckbox",
   props: {
     modelValue: {
@@ -51,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     value: { type: [String, Number, Boolean], default: void 0 },
     name: { type: String, default: "m-checkbox" },
     size: { type: String, default: "md" },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: !1 }
   },
   emits: [
     /* emitted when value change */
@@ -59,134 +51,98 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /* emited when value change */
     "change"
   ],
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "40cdf8ce": checkIconColor.value,
-      "25e00d0a": checkboxSize.value,
-      "5692b564": checkboxSelectedColor.value,
-      "9df23cde": checkboxBoxShadow.value
+  setup(t, { emit: a }) {
+    w((o) => ({
+      "40cdf8ce": v.value,
+      "25e00d0a": k.value,
+      "5692b564": _.value,
+      "9df23cde": g.value
     }));
-    const instance = getCurrentInstance();
-    const props = __props;
-    const emits = __emit;
-    const instanceId = useInstanceUniqId({
+    const n = S(), e = t, c = a, i = N({
       componentName: "MazCheckbox",
-      instance,
-      providedId: props.id
-    });
-    const isChecked = computed(
-      () => typeof props.value !== "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue === "boolean" ? props.modelValue : false
-    );
-    const checkboxSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
+      instance: n,
+      providedId: e.id
+    }), m = r(
+      () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
+    ), k = r(() => {
+      switch (e.size) {
+        case "xl":
           return "2.25rem";
-        }
-        case "lg": {
+        case "lg":
           return "2rem";
-        }
-        default: {
+        default:
           return "1.625rem";
-        }
-        case "sm": {
+        case "sm":
           return "1.425rem";
-        }
-        case "xs": {
+        case "xs":
           return "1.325rem";
-        }
-        case "mini": {
+        case "mini":
           return "1.2rem";
-        }
       }
-    });
-    const checkIconSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
+    }), y = r(() => {
+      switch (e.size) {
+        case "xl":
           return "maz-text-2xl";
-        }
-        case "lg": {
+        case "lg":
           return "maz-text-xl";
-        }
-        default: {
+        default:
           return "maz-text-lg";
-        }
-        case "sm": {
+        case "sm":
           return "maz-text-base";
-        }
-        case "xs": {
+        case "xs":
           return "maz-text-sm";
-        }
-        case "mini": {
+        case "mini":
           return "maz-text-xs";
-        }
       }
-    });
-    const checkIconColor = computed(() => `var(--maz-color-${props.color}-contrast)`);
-    const checkboxSelectedColor = computed(() => `var(--maz-color-${props.color})`);
-    const checkboxBoxShadow = computed(
-      () => ["black", "transparent"].includes(props.color) ? `var(--maz-color-muted)` : `var(--maz-color-${props.color}-alpha)`
+    }), v = r(() => `var(--maz-color-${e.color}-contrast)`), _ = r(() => `var(--maz-color-${e.color})`), g = r(
+      () => ["black", "transparent"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`
     );
-    function keyboardHandler(event) {
-      if (["Space"].includes(event.code)) {
-        event.preventDefault();
-        emitValue(props.value ?? !props.modelValue);
-      }
+    function z(o) {
+      ["Space"].includes(o.code) && (o.preventDefault(), f(e.value ?? !e.modelValue));
     }
-    function getNewValue(value) {
-      if (typeof value === "boolean" && (typeof props.modelValue === "boolean" || props.modelValue === void 0 || props.modelValue === null)) {
-        return props.modelValue ? false : true;
-      } else if (Array.isArray(props.modelValue) && typeof value !== "boolean") {
-        return props.modelValue.includes(value) ? props.modelValue.filter((v) => v !== value) : [...props.modelValue, value];
-      } else {
-        return [value];
-      }
+    function V(o) {
+      return typeof o == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof o != "boolean" ? e.modelValue.includes(o) ? e.modelValue.filter((l) => l !== o) : [...e.modelValue, o] : [o];
     }
-    function emitValue(value) {
-      const newValue = getNewValue(value);
-      emits("update:model-value", newValue);
-      emits("change", newValue);
+    function f(o) {
+      const l = V(o);
+      c("update:model-value", l), c("change", l);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        for: unref(instanceId),
-        class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled }]),
-        tabindex: "0",
-        role: "checkbox",
-        "aria-checked": isChecked.value,
-        onKeydown: keyboardHandler
-      }, [
-        createElementVNode("input", mergeProps({
-          id: unref(instanceId),
-          checked: isChecked.value
-        }, _ctx.$attrs, {
-          tabindex: "-1",
-          disabled: __props.disabled,
-          name: __props.name,
-          type: "checkbox",
-          onChange: _cache[0] || (_cache[0] = ($event) => {
-            var _a;
-            return emitValue(__props.value ?? ((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked));
-          })
-        }), null, 16, _hoisted_2),
-        createElementVNode("span", null, [
-          createVNode(unref(CheckIcon), {
-            class: normalizeClass(["check-icon", checkIconSize.value])
-          }, null, 8, ["class"])
-        ]),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 42, _hoisted_1);
-    };
+    return (o, l) => (x(), b("label", {
+      for: d(i),
+      class: p(["m-checkbox", { "--disabled": t.disabled }]),
+      tabindex: "0",
+      role: "checkbox",
+      "aria-checked": m.value,
+      onKeydown: z
+    }, [
+      u("input", I({
+        id: d(i),
+        checked: m.value
+      }, o.$attrs, {
+        tabindex: "-1",
+        disabled: t.disabled,
+        name: t.name,
+        type: "checkbox",
+        onChange: l[0] || (l[0] = (s) => {
+          var h;
+          return f(t.value ?? ((h = s == null ? void 0 : s.target) == null ? void 0 : h.checked));
+        })
+      }), null, 16, H),
+      u("span", null, [
+        B(d(q), {
+          class: p(["check-icon", y.value])
+        }, null, 8, ["class"])
+      ]),
+      A(o.$slots, "default", {}, void 0, !0)
+    ], 42, D));
   }
 });
-const MazCheckbox_vue_vue_type_style_index_0_scoped_141a5e53_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-141a5e53"]]);
+const O = (t, a) => {
+  const n = t.__vccOpts || t;
+  for (const [e, c] of a)
+    n[e] = c;
+  return n;
+}, F = /* @__PURE__ */ O(K, [["__scopeId", "data-v-141a5e53"]]);
 export {
-  MazCheckbox as default
+  F as default
 };

package/components/MazDialog.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazDialog-83e54b8c.mjs";
+import { M as f } from "./chunks/MazDialog-44eda544.mjs";
 export {
-  M as default
+  f as default
 };

package/components/MazDialogPromise.mjs

@@ -1,5 +1,5 @@
-import { a, u } from "./chunks/MazDialogPromise-6967e821.mjs";
+import { a as o, u as s } from "./chunks/MazDialogPromise-eec5acde.mjs";
 export {
-  a as default,
-  u as useMazDialogPromise
+  o as default,
+  s as useMazDialogPromise
 };

package/components/MazDrawer.mjs

@@ -1,4 +1,4 @@
-import { a } from "./chunks/MazDrawer-d778b3d2.mjs";
+import { a as f } from "./chunks/MazDrawer-b628b37e.mjs";
 export {
-  a as default
+  f as default
 };

package/components/MazDropdown.mjs

@@ -1,4 +1,4 @@
-import { a } from "./chunks/MazDropdown-6f4482d7.mjs";
+import { a as f } from "./chunks/MazDropdown-6f2248b0.mjs";
 export {
-  a as default
+  f as default
 };

package/components/MazDropzone.mjs

@@ -1,5 +1,5 @@
-import { M } from "./chunks/MazDropzone-d1bb62dc.mjs";
+import { M as a } from "./chunks/MazDropzone-8cac10a6.mjs";
 import "vue";
 export {
-  M as default
+  a as default
 };

package/components/MazFullscreenLoader.mjs

@@ -1,27 +1,23 @@
-import { defineComponent, defineAsyncComponent, openBlock, createElementBlock, createVNode, unref, renderSlot, createCommentVNode } from "vue";
-const _hoisted_1 = { class: "maz-fixed maz-inset-0 maz-z-default-backdrop maz-flex maz-flex-col maz-gap-2 maz-bg-overlay maz-text-center maz-backdrop-blur maz-flex-center" };
-const _hoisted_2 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as t, defineAsyncComponent as n, openBlock as o, createElementBlock as a, createVNode as l, unref as s, renderSlot as m, createCommentVNode as c } from "vue";
+const d = { class: "maz-fixed maz-inset-0 maz-z-default-backdrop maz-flex maz-flex-col maz-gap-2 maz-bg-overlay maz-text-center maz-backdrop-blur maz-flex-center" }, i = { key: 0 }, u = /* @__PURE__ */ t({
   __name: "MazFullscreenLoader",
   props: {
     color: { default: "primary" },
     size: { default: "3em" }
   },
-  setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./chunks/MazSpinner-8e180605.mjs"));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(MazSpinner), {
-          color: _ctx.color,
-          size: _ctx.size
-        }, null, 8, ["color", "size"]),
-        _ctx.$slots["default"] ? (openBlock(), createElementBlock("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "default")
-        ])) : createCommentVNode("v-if", true)
-      ]);
-    };
+  setup(p) {
+    const r = n(() => import("./chunks/MazSpinner-a6d61cee.mjs"));
+    return (e, z) => (o(), a("div", d, [
+      l(s(r), {
+        color: e.color,
+        size: e.size
+      }, null, 8, ["color", "size"]),
+      e.$slots.default ? (o(), a("span", i, [
+        m(e.$slots, "default")
+      ])) : c("v-if", !0)
+    ]));
   }
 });
 export {
-  _sfc_main as default
+  u as default
 };