maz-ui 3.22.4 → 3.23.1

package/components/MazRadio.mjs

@@ -1,37 +1,30 @@
 import "./assets/MazRadio.css";
-import { computed, defineComponent, useCssVars, getCurrentInstance, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, mergeProps, renderSlot, pushScopeId, popScopeId } from "vue";
-const useInstanceUniqId = ({
-  componentName,
-  instance,
-  providedId
-}) => {
-  return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
-};
-const _withScopeId = (n) => (pushScopeId("data-v-f47afb8e"), n = n(), popScopeId(), n);
-const _hoisted_1 = ["for", "aria-checked"];
-const _hoisted_2 = ["id", "value", "disabled", "name", "checked"];
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+import { computed as n, defineComponent as h, useCssVars as y, getCurrentInstance as _, openBlock as k, createElementBlock as z, unref as f, normalizeClass as x, createElementVNode as i, mergeProps as I, renderSlot as C, pushScopeId as V, popScopeId as w } from "vue";
+const B = ({
+  componentName: e,
+  instance: o,
+  providedId: r
+}) => n(() => r ?? `${e}-${o == null ? void 0 : o.uid}`), M = (e) => (V("data-v-f47afb8e"), e = e(), w(), e), q = ["for", "aria-checked"], R = ["id", "value", "disabled", "name", "checked"], E = /* @__PURE__ */ M(() => /* @__PURE__ */ i(
   "span",
   null,
   [
-    /* @__PURE__ */ createElementVNode("span", { class: "round" })
+    /* @__PURE__ */ i("span", { class: "round" })
   ],
   -1
   /* HOISTED */
-));
-const _sfc_main = /* @__PURE__ */ defineComponent({
+)), N = /* @__PURE__ */ h({
   __name: "MazRadio",
   props: {
     modelValue: { type: String, default: void 0 },
-    value: { type: String, required: true },
-    name: { type: String, required: true },
+    value: { type: String, required: !0 },
+    name: { type: String, required: !0 },
     id: { type: String, default: void 0 },
     color: {
       type: String,
       default: "primary"
     },
     size: { type: String, default: "md" },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: !1 }
   },
   emits: [
     /* emitted when value change */
@@ -39,95 +32,73 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /* emited when value change */
     "change"
   ],
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "2a231cf6": radioSize.value,
-      "ef04cef8": radioSelectedColor.value,
-      "f6f84072": radioBoxShadow.value
+  setup(e, { emit: o }) {
+    y((t) => ({
+      "2a231cf6": v.value,
+      ef04cef8: b.value,
+      f6f84072: g.value
     }));
-    const instance = getCurrentInstance();
-    const props = __props;
-    const emits = __emit;
-    const instanceId = useInstanceUniqId({
+    const r = _(), a = e, s = o, u = B({
       componentName: "MazCheckbox",
-      instance,
-      providedId: props.id
-    });
-    const isSelected = computed(() => props.modelValue === props.value);
-    const radioSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
+      instance: r,
+      providedId: a.id
+    }), c = n(() => a.modelValue === a.value), v = n(() => {
+      switch (a.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 radioSelectedColor = computed(() => `var(--maz-color-${props.color})`);
-    const radioBoxShadow = computed(
-      () => ["black", "transparent"].includes(props.color) ? `var(--maz-color-muted)` : `var(--maz-color-${props.color}-alpha)`
+    }), b = n(() => `var(--maz-color-${a.color})`), g = n(
+      () => ["black", "transparent"].includes(a.color) ? "var(--maz-color-muted)" : `var(--maz-color-${a.color}-alpha)`
     );
-    function keyboardHandler(event, value) {
-      if (["Space"].includes(event.code)) {
-        event.preventDefault();
-        emitValue(value);
-      }
+    function S(t, d) {
+      ["Space"].includes(t.code) && (t.preventDefault(), m(d));
     }
-    function emitValue(value) {
-      emits("update:model-value", value);
-      emits("change", value);
+    function m(t) {
+      s("update:model-value", t), s("change", t);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        for: unref(instanceId),
-        class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled, "--selected": isSelected.value }]),
-        tabindex: "0",
-        role: "radio",
-        "aria-checked": isSelected.value,
-        onKeydown: _cache[1] || (_cache[1] = ($event) => keyboardHandler($event, __props.value))
-      }, [
-        createElementVNode("input", mergeProps({
-          id: unref(instanceId),
-          value: __props.value
-        }, _ctx.$attrs, {
-          tabindex: "-1",
-          disabled: __props.disabled,
-          name: __props.name,
-          type: "radio",
-          checked: isSelected.value,
-          onChange: _cache[0] || (_cache[0] = ($event) => {
-            var _a;
-            return emitValue((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.value);
-          })
-        }), null, 16, _hoisted_2),
-        _hoisted_3,
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 42, _hoisted_1);
-    };
+    return (t, d) => (k(), z("label", {
+      for: f(u),
+      class: x(["m-checkbox", { "--disabled": e.disabled, "--selected": c.value }]),
+      tabindex: "0",
+      role: "radio",
+      "aria-checked": c.value,
+      onKeydown: d[1] || (d[1] = (l) => S(l, e.value))
+    }, [
+      i("input", I({
+        id: f(u),
+        value: e.value
+      }, t.$attrs, {
+        tabindex: "-1",
+        disabled: e.disabled,
+        name: e.name,
+        type: "radio",
+        checked: c.value,
+        onChange: d[0] || (d[0] = (l) => {
+          var p;
+          return m((p = l == null ? void 0 : l.target) == null ? void 0 : p.value);
+        })
+      }), null, 16, R),
+      E,
+      C(t.$slots, "default", {}, void 0, !0)
+    ], 42, q));
   }
 });
-const MazRadio_vue_vue_type_style_index_0_scoped_f47afb8e_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f47afb8e"]]);
+const $ = (e, o) => {
+  const r = e.__vccOpts || e;
+  for (const [a, s] of o)
+    r[a] = s;
+  return r;
+}, K = /* @__PURE__ */ $(N, [["__scopeId", "data-v-f47afb8e"]]);
 export {
-  MazRadio as default
+  K as default
 };

package/components/MazRadioButtons.mjs

@@ -1,12 +1,10 @@
 import "./assets/MazRadioButtons.css";
-import { defineComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-const _hoisted_1 = ["for"];
-const _hoisted_2 = ["id", "name", "value", "onChange"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as m, openBlock as u, createElementBlock as d, normalizeClass as i, Fragment as v, renderList as f, normalizeStyle as y, createElementVNode as g, renderSlot as _, createTextVNode as z, toDisplayString as p } from "vue";
+const S = ["for"], b = ["id", "name", "value", "onChange"], h = /* @__PURE__ */ m({
   __name: "MazRadioButtons",
   props: {
     modelValue: { type: [String, Number], default: void 0 },
-    options: { type: Array, required: true },
+    options: { type: Array, required: !0 },
     name: {
       type: String,
       default: "MazButtonsRadio"
@@ -15,83 +13,71 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: String,
       default: "primary"
     },
-    noElevation: { type: Boolean, default: false },
+    noElevation: { type: Boolean, default: !1 },
     orientation: { type: String, default: "row" }
   },
   emits: ["update:model-value", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const selectOption = (option) => {
-      emits("update:model-value", option.value);
-    };
-    const isSelected = (value) => {
-      return props.modelValue === value;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(["m-radio-buttons", [__props.orientation === "row" ? "maz-flex-row" : "maz-flex-col"]])
-        },
-        [
-          (openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(__props.options, (option, i) => {
-              return openBlock(), createElementBlock("label", {
-                key: i,
-                for: option.value.toString(),
-                class: normalizeClass(["m-radio-buttons__items", {
-                  "--is-selected": isSelected(option.value),
-                  "maz-elevation": !__props.noElevation
-                }]),
-                style: normalizeStyle(
-                  isSelected(option.value) ? {
-                    color: `var(--maz-color-${__props.color}-contrast)`,
-                    backgroundColor: `var(--maz-color-${__props.color})`
-                  } : void 0
-                )
-              }, [
-                createElementVNode("input", {
-                  id: option.value.toString(),
-                  type: "radio",
-                  name: __props.name,
-                  value: option.value,
-                  class: "maz-hidden",
-                  onChange: ($event) => selectOption(option)
-                }, null, 40, _hoisted_2),
-                renderSlot(_ctx.$slots, "default", {
-                  option,
-                  selected: isSelected(option.value)
-                }, () => [
-                  createTextVNode(
-                    toDisplayString(option.label),
-                    1
-                    /* TEXT */
-                  )
-                ], true)
-              ], 14, _hoisted_1);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ],
-        2
-        /* CLASS */
-      );
-    };
+  setup(e, { emit: l }) {
+    const o = e, n = l, r = (a) => {
+      n("update:model-value", a.value);
+    }, s = (a) => o.modelValue === a;
+    return (a, x) => (u(), d(
+      "div",
+      {
+        class: i(["m-radio-buttons", [e.orientation === "row" ? "maz-flex-row" : "maz-flex-col"]])
+      },
+      [
+        (u(!0), d(
+          v,
+          null,
+          f(e.options, (t, c) => (u(), d("label", {
+            key: c,
+            for: t.value.toString(),
+            class: i(["m-radio-buttons__items", {
+              "--is-selected": s(t.value),
+              "maz-elevation": !e.noElevation
+            }]),
+            style: y(
+              s(t.value) ? {
+                color: `var(--maz-color-${e.color}-contrast)`,
+                backgroundColor: `var(--maz-color-${e.color})`
+              } : void 0
+            )
+          }, [
+            g("input", {
+              id: t.value.toString(),
+              type: "radio",
+              name: e.name,
+              value: t.value,
+              class: "maz-hidden",
+              onChange: (k) => r(t)
+            }, null, 40, b),
+            _(a.$slots, "default", {
+              option: t,
+              selected: s(t.value)
+            }, () => [
+              z(
+                p(t.label),
+                1
+                /* TEXT */
+              )
+            ], !0)
+          ], 14, S))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ],
+      2
+      /* CLASS */
+    ));
   }
 });
-const MazRadioButtons_vue_vue_type_style_index_0_scoped_f0f8688b_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazRadioButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f0f8688b"]]);
+const B = (e, l) => {
+  const o = e.__vccOpts || e;
+  for (const [n, r] of l)
+    o[n] = r;
+  return o;
+}, M = /* @__PURE__ */ B(h, [["__scopeId", "data-v-f0f8688b"]]);
 export {
-  MazRadioButtons as default
+  M as default
 };

package/components/MazSelect.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazSelect-2e5cd411.mjs";
+import { M as f } from "./chunks/MazSelect-6ff6bb96.mjs";
 export {
-  M as default
+  f as default
 };