maz-ui 3.5.0 → 3.6.2

package/components/MazSlider.mjs

@@ -0,0 +1,377 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var r=document.createElement("style");r.appendChild(document.createTextNode(".m-slider[data-v-59fa161f]{padding:1em 1.5rem}.m-slider__bar[data-v-59fa161f]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;height:.5em}.m-slider__divider[data-v-59fa161f]{position:absolute;border-radius:2em;height:100%}.m-slider__btn[data-v-59fa161f]{position:absolute;outline:none;cursor:pointer;font-size:1em;font-weight:700;line-height:1;-webkit-transition:width .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:width .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:box-shadow .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out;transition:box-shadow .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border-width:var(--maz-border-width);--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));background-color:var(--maz-bg-color-light);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);padding:.25em .5em}.m-slider__btn span[data-v-59fa161f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--maz-color-text-dark);margin-left:.25em;margin-right:.25em}.m-slider__btn.active-cursor[data-v-59fa161f]{-webkit-transform:scale(1.3);transform:scale(1.3);z-index:2}.m-slider__btn[data-v-59fa161f]:before{content:attr(data-label);font-size:.8em;top:-1.5em;position:absolute;font-weight:500;color:var(--maz-color-text)}.m-slider__btn[data-v-59fa161f]:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-slider--primary .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-primary)}.m-slider--primary .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-primary);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--secondary .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-secondary)}.m-slider--secondary .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-secondary);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--info .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-info)}.m-slider--info .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-info);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--success .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-success)}.m-slider--success .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-success);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--warning .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-warning)}.m-slider--warning .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-warning);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--danger .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-danger)}.m-slider--danger .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-danger);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--white .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-white)}.m-slider--white .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-white);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--black .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-black)}.m-slider--black .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-black);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
+function debounce(fn, wait = 0, callFirst = false) {
+  let timeout;
+  let debouncedFn;
+  const clear = function() {
+    if (timeout) {
+      clearTimeout(timeout);
+      debouncedFn = void 0;
+      timeout = void 0;
+    }
+  };
+  const flush = function() {
+    const call = debouncedFn;
+    clear();
+    if (call) {
+      call();
+    }
+  };
+  const debounceWrapper = function(...args) {
+    if (!wait) {
+      return fn.apply(this, args);
+    }
+    const context = this;
+    const callNow = callFirst && !timeout;
+    clear();
+    debouncedFn = function() {
+      fn.apply(context, args);
+    };
+    timeout = setTimeout(function() {
+      timeout = void 0;
+      if (!callNow) {
+        const call = debouncedFn;
+        debouncedFn = void 0;
+        if (call !== void 0)
+          return call();
+      }
+    }, wait);
+    if (callNow) {
+      return debouncedFn();
+    }
+  };
+  debounceWrapper.cancel = clear;
+  debounceWrapper.flush = flush;
+  return debounceWrapper;
+}
+const getOffset = (elem) => {
+  const doc = document.documentElement;
+  const body = document.body;
+  const rect = elem.getBoundingClientRect();
+  const offset = {
+    y: rect.top + (window.pageYOffset || doc.scrollTop) - (doc.clientTop || body.clientTop || 0),
+    x: rect.left + (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || body.clientLeft || 0)
+  };
+  return offset;
+};
+const getPos = (e, elem, isReverse = false) => {
+  const event = "targetTouches" in e ? e.targetTouches[0] : e;
+  const offset = getOffset(elem);
+  const posObj = {
+    x: event.pageX - offset.x,
+    y: event.pageY - offset.y
+  };
+  return {
+    x: isReverse ? elem.offsetWidth - posObj.x : posObj.x,
+    y: isReverse ? elem.offsetHeight - posObj.y : posObj.y
+  };
+};
+const isBetween = (value, prev, next, direction) => {
+  return direction === "minus" ? prev ? value >= prev : true : next ? value <= next : true;
+};
+const getOpacityCoeff = (index, middle, length) => {
+  const currentIndex = index + 1;
+  const isBiggerThanMiddle = middle < currentIndex;
+  const deviation = isBiggerThanMiddle ? currentIndex - middle : middle - currentIndex;
+  return 100 / length * deviation / 100;
+};
+const _hoisted_1 = ["data-label", "onMousedownPassive", "onTouchstartPassive", "onFocusPassive", "onBlurPassive", "onTouchendPassive", "onKeydownPassive"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazSlider",
+  props: {
+    modelValue: {
+      type: [Number, Array],
+      required: true,
+      validator: (value) => {
+        return ["number"].includes(typeof value) || Array.isArray(value) || value === null;
+      }
+    },
+    labels: { type: Array, default: void 0 },
+    min: { type: Number, default: 0 },
+    max: { type: Number, default: 100 },
+    size: { type: String, default: void 0 },
+    noDivider: { type: Boolean, default: false },
+    log: { type: Boolean, default: false },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "primary",
+          "secondary",
+          "warning",
+          "danger",
+          "info",
+          "success",
+          "white",
+          "black"
+        ].includes(value);
+      }
+    },
+    noCursorAnim: { type: Boolean, default: false }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const MazSlider2 = ref();
+    const activeCursor = ref();
+    const buttonPositions = ref();
+    const tmpValues = ref();
+    const buttonStyles = ref([]);
+    const dividers = ref([]);
+    const computedValue = computed(() => {
+      if (typeof props.modelValue === "number") {
+        return [props.modelValue];
+      } else if (props.modelValue) {
+        return props.modelValue;
+      } else {
+        return [0];
+      }
+    });
+    const minLog = computed(() => {
+      return Math.log(props.min || 1);
+    });
+    const maxLog = computed(() => {
+      return Math.log(props.max);
+    });
+    const scale = computed(() => {
+      const { min, max } = props;
+      return (maxLog.value - minLog.value) / (max - min);
+    });
+    const range = computed(() => {
+      const { min, max } = props;
+      return max - min;
+    });
+    const wrapperStyle = computed(() => {
+      return {
+        paddingTop: props.labels ? `2.5em` : `1em`
+      };
+    });
+    const hasMultipleValues = computed(() => Array.isArray(props.modelValue));
+    watch(
+      () => props.modelValue,
+      () => tmpValues.value = computedValue.value,
+      { immediate: true }
+    );
+    watch(
+      () => [computedValue.value, props.min, props.max, props.log].join(","),
+      () => buildComponent(true)
+    );
+    const resizeListenerFunction = debounce(() => buildComponent(), 300);
+    onMounted(() => {
+      buildComponent(true);
+      window.addEventListener("resize", resizeListenerFunction);
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("resize", resizeListenerFunction);
+    });
+    const buildComponent = async (emitValue2) => {
+      if (emitValue2 === true)
+        checkValues();
+      await calcPos();
+      await nextTick();
+      computedValue.value.forEach((_, i) => setBtnDividers(i));
+    };
+    const cursorKeyDown = (event, i) => {
+      if (event.key === "ArrowLeft") {
+        if (tmpValues.value && isBetween(
+          tmpValues.value[i] - 1,
+          tmpValues.value[i - 1],
+          tmpValues.value[i + 1],
+          "minus"
+        )) {
+          tmpValues.value[i]--;
+          emitValue(tmpValues.value);
+        }
+      } else if (event.key === "ArrowRight" && tmpValues.value && isBetween(
+        tmpValues.value[i] + 1,
+        tmpValues.value[i - 1],
+        tmpValues.value[i + 1],
+        "plus"
+      )) {
+        tmpValues.value[i]++;
+        emitValue(tmpValues.value);
+      }
+    };
+    const blurCursor = (i) => {
+      activeCursor.value = void 0;
+      setBtnStyle(i);
+    };
+    const checkValues = () => {
+      const { min, max } = props;
+      const valuesChecked = computedValue.value.map(
+        (v) => v < min ? min : v > max ? max : v
+      );
+      emitValue(valuesChecked);
+      tmpValues.value = valuesChecked;
+    };
+    const emitValue = (values) => {
+      const valueToEmit = hasMultipleValues.value ? [...values] : values[0];
+      emits("update:model-value", valueToEmit);
+    };
+    const getLabel = (i) => {
+      const { labels } = props;
+      return labels ? labels[i] : void 0;
+    };
+    const setBtnDividers = (i) => {
+      setBtnStyle(i);
+      if (!props.noDivider)
+        setDividers();
+    };
+    const setBtnStyle = async (i) => {
+      var _a;
+      await nextTick();
+      const currentCursor = document.querySelectorAll(".m-slider .m-slider__btn");
+      if (currentCursor) {
+        const cursor = currentCursor[i];
+        const width = (cursor == null ? void 0 : cursor.clientWidth) + 16;
+        const btnStyle = {
+          left: typeof ((_a = buttonPositions.value) == null ? void 0 : _a[i]) === "number" ? `${buttonPositions.value[i] - width / 2}px` : ""
+        };
+        buttonStyles.value[i] = btnStyle;
+      }
+    };
+    const setDividers = () => {
+      if (buttonPositions.value) {
+        const base = [...buttonPositions.value];
+        base.push(0);
+        const baseLength = base.length;
+        const middle = Math.round(baseLength / 2);
+        dividers.value = base.map((pos, i) => ({
+          left: `${i === 0 ? 0 : base[i - 1]}px`,
+          right: `${i + 1 === baseLength ? 0 : "calc( 100% - " + pos + "px )"}`,
+          backgroundColor: middle === i + 1 ? void 0 : i < middle ? `rgba(255, 255, 255, ${getOpacityCoeff(i, middle, baseLength)})` : `rgba(0, 0, 0, ${getOpacityCoeff(i, middle, baseLength)})`
+        }));
+      }
+    };
+    const calcPos = async () => {
+      var _a, _b;
+      await nextTick();
+      const { min, max, log } = props;
+      const barWidth = (_a = MazSlider2.value) == null ? void 0 : _a.clientWidth;
+      if (barWidth) {
+        buttonPositions.value = (_b = tmpValues.value) == null ? void 0 : _b.map(
+          (v) => log ? barWidth / max * (min + (Math.log(v) - minLog.value) / scale.value) : barWidth / range.value * (v - min)
+        );
+      } else {
+        console.warn("[maz-ui][MazSlider] ref component not found");
+      }
+    };
+    const getCursorsValues = async () => {
+      var _a, _b, _c;
+      await nextTick();
+      const { max, min, log } = props;
+      const barWidth = (_a = MazSlider2.value) == null ? void 0 : _a.clientWidth;
+      if (barWidth) {
+        return log ? (_b = buttonPositions.value) == null ? void 0 : _b.map((pos) => {
+          const position = pos / (barWidth / max);
+          const value = Math.exp(
+            (position - min) * scale.value + minLog.value
+          );
+          return Math.round(value);
+        }) : (_c = buttonPositions.value) == null ? void 0 : _c.map(
+          (pos) => Math.round(pos / (barWidth / range.value)) + min
+        );
+      } else {
+        console.warn("[maz-ui][MazSlider] ref component not found");
+      }
+    };
+    const handleMousedown = (event, i) => {
+      if (activeCursor.value !== void 0)
+        return;
+      activeCursor.value = i;
+      setBtnDividers(i);
+    };
+    const handleMouseup = async () => {
+      if (activeCursor.value === void 0)
+        return;
+      const values = await getCursorsValues();
+      if (values)
+        emitValue(values);
+      activeCursor.value = void 0;
+    };
+    const handleMousemove = async (event) => {
+      var _a;
+      await nextTick();
+      if (activeCursor.value === void 0)
+        return;
+      const barWidth = (_a = MazSlider2.value) == null ? void 0 : _a.clientWidth;
+      if (buttonPositions.value) {
+        const prevValue = buttonPositions.value[activeCursor.value - 1] || 0;
+        const nextValue = buttonPositions.value[activeCursor.value + 1] || barWidth;
+        if (!MazSlider2.value)
+          return console.error(
+            "[maz-ui](MazSlider/handleMousemove) MazSlider not available"
+          );
+        buttonPositions.value[activeCursor.value] = (() => {
+          const movement = getPos(event, MazSlider2.value).x;
+          if (movement < prevValue) {
+            return prevValue;
+          } else if (nextValue && movement > nextValue) {
+            return nextValue;
+          }
+          return movement;
+        })();
+        tmpValues.value = await getCursorsValues();
+        setBtnDividers(activeCursor.value);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle([unref(wrapperStyle), { fontSize: __props.size }]),
+        class: normalizeClass(["m-slider", [`m-slider--${__props.color}`]]),
+        onMousemovePassive: handleMousemove,
+        onMouseupPassive: handleMouseup,
+        onMouseleavePassive: handleMouseup,
+        onTouchmovePassive: handleMousemove
+      }, [
+        createElementVNode("div", {
+          ref_key: "MazSlider",
+          ref: MazSlider2,
+          class: "m-slider__bar",
+          role: "slider"
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(dividers.value, (div, i) => {
+            return openBlock(), createElementBlock("div", {
+              key: `divider-${i}`,
+              style: normalizeStyle([div]),
+              class: "m-slider__divider"
+            }, null, 4);
+          }), 128)),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedValue), (_btn, i) => {
+            var _a;
+            return openBlock(), createElementBlock("button", {
+              key: `cursor-${i}`,
+              type: "button",
+              "data-label": getLabel(i),
+              class: normalizeClass(["m-slider__btn", {
+                "active-cursor": i === activeCursor.value && !__props.noCursorAnim
+              }]),
+              style: normalizeStyle([buttonStyles.value[i]]),
+              onMousedownPassive: ($event) => handleMousedown($event, i),
+              onTouchstartPassive: ($event) => handleMousedown($event, i),
+              onFocusPassive: ($event) => handleMousedown($event, i),
+              onBlurPassive: ($event) => blurCursor(i),
+              onTouchendPassive: ($event) => blurCursor(i),
+              onKeydownPassive: ($event) => cursorKeyDown($event, i)
+            }, [
+              createElementVNode("span", null, toDisplayString((_a = tmpValues.value) == null ? void 0 : _a[i]), 1)
+            ], 46, _hoisted_1);
+          }), 128))
+        ], 512)
+      ], 38);
+    };
+  }
+});
+const MazSlider_vue_vue_type_style_index_0_scoped_59fa161f_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MazSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-59fa161f"]]);
+export {
+  MazSlider as default
+};

package/components/MazSlider.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var r=document.createElement("style");r.appendChild(document.createTextNode(".m-slider[data-v-59fa161f]{padding:1em 1.5rem}.m-slider__bar[data-v-59fa161f]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;height:.5em}.m-slider__divider[data-v-59fa161f]{position:absolute;border-radius:2em;height:100%}.m-slider__btn[data-v-59fa161f]{position:absolute;outline:none;cursor:pointer;font-size:1em;font-weight:700;line-height:1;-webkit-transition:width .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:width .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:box-shadow .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out;transition:box-shadow .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border-width:var(--maz-border-width);--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));background-color:var(--maz-bg-color-light);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);padding:.25em .5em}.m-slider__btn span[data-v-59fa161f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--maz-color-text-dark);margin-left:.25em;margin-right:.25em}.m-slider__btn.active-cursor[data-v-59fa161f]{-webkit-transform:scale(1.3);transform:scale(1.3);z-index:2}.m-slider__btn[data-v-59fa161f]:before{content:attr(data-label);font-size:.8em;top:-1.5em;position:absolute;font-weight:500;color:var(--maz-color-text)}.m-slider__btn[data-v-59fa161f]:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-slider--primary .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-primary)}.m-slider--primary .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-primary);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--secondary .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-secondary)}.m-slider--secondary .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-secondary);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--info .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-info)}.m-slider--info .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-info);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--success .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-success)}.m-slider--success .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-success);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--warning .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-warning)}.m-slider--warning .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-warning);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--danger .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-danger)}.m-slider--danger .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-danger);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--white .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-white)}.m-slider--white .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-white);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--black .m-slider__bar[data-v-59fa161f]{background-color:var(--maz-color-black)}.m-slider--black .m-slider__btn.active-cursor[data-v-59fa161f]{border-width:var(--maz-border-width);border-color:var(--maz-color-black);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).MazSlider=o(e.Vue)}(this,(function(e){"use strict";const o=(e,o,a=!1)=>{const l="targetTouches"in e?e.targetTouches[0]:e,n=(e=>{const o=document.documentElement,a=document.body,l=e.getBoundingClientRect();return{y:l.top+(window.pageYOffset||o.scrollTop)-(o.clientTop||a.clientTop||0),x:l.left+(window.pageXOffset||o.scrollLeft)-(o.clientLeft||a.clientLeft||0)}})(o),t={x:l.pageX-n.x,y:l.pageY-n.y};return{x:a?o.offsetWidth-t.x:t.x,y:a?o.offsetHeight-t.y:t.y}},a=(e,o,a,l)=>"minus"===l?!o||e>=o:!a||e<=a,l=(e,o,a)=>{const l=e+1;return 100/a*(o<l?l-o:o-l)/100},n=["data-label","onMousedownPassive","onTouchstartPassive","onFocusPassive","onBlurPassive","onTouchendPassive","onKeydownPassive"];return((e,o)=>{const a=e.__vccOpts||e;for(const[l,n]of o)a[l]=n;return a})(e.defineComponent({__name:"MazSlider",props:{modelValue:{type:[Number,Array],required:!0,validator:e=>["number"].includes(typeof e)||Array.isArray(e)||null===e},labels:{type:Array,default:void 0},min:{type:Number,default:0},max:{type:Number,default:100},size:{type:String,default:void 0},noDivider:{type:Boolean,default:!1},log:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","black"].includes(e)},noCursorAnim:{type:Boolean,default:!1}},emits:["update:model-value"],setup(t,{emit:u}){const i=t,r=e.ref(),s=e.ref(),d=e.ref(),c=e.ref(),v=e.ref([]),m=e.ref([]),f=e.computed((()=>"number"==typeof i.modelValue?[i.modelValue]:i.modelValue?i.modelValue:[0])),p=e.computed((()=>Math.log(i.min||1))),y=e.computed((()=>Math.log(i.max))),h=e.computed((()=>{const{min:e,max:o}=i;return(y.value-p.value)/(o-e)})),g=e.computed((()=>{const{min:e,max:o}=i;return o-e})),w=e.computed((()=>({paddingTop:i.labels?"2.5em":"1em"}))),x=e.computed((()=>Array.isArray(i.modelValue)));e.watch((()=>i.modelValue),(()=>c.value=f.value),{immediate:!0}),e.watch((()=>[f.value,i.min,i.max,i.log].join(",")),(()=>k(!0)));const b=function(e,o=0,a=!1){let l,n;const t=function(){l&&(clearTimeout(l),n=void 0,l=void 0)},u=function(...u){if(!o)return e.apply(this,u);const i=this,r=a&&!l;return t(),n=function(){e.apply(i,u)},l=setTimeout((function(){if(l=void 0,!r){const e=n;if(n=void 0,void 0!==e)return e()}}),o),r?n():void 0};return u.cancel=t,u.flush=function(){const e=n;t(),e&&e()},u}((()=>k()),300);e.onMounted((()=>{k(!0),window.addEventListener("resize",b)})),e.onBeforeUnmount((()=>{window.removeEventListener("resize",b)}));const k=async o=>{!0===o&&z(),await A(),await e.nextTick(),f.value.forEach(((e,o)=>P(o)))},M=e=>{s.value=void 0,S(e)},z=()=>{const{min:e,max:o}=i,a=f.value.map((a=>a<e?e:a>o?o:a));T(a),c.value=a},T=e=>{const o=x.value?[...e]:e[0];u("update:model-value",o)},B=e=>{const{labels:o}=i;return o?o[e]:void 0},P=e=>{S(e),i.noDivider||_()},S=async o=>{var a;await e.nextTick();const l=document.querySelectorAll(".m-slider .m-slider__btn");if(l){const e=l[o],n=(null==e?void 0:e.clientWidth)+16,t={left:"number"==typeof(null==(a=d.value)?void 0:a[o])?d.value[o]-n/2+"px":""};v.value[o]=t}},_=()=>{if(d.value){const e=[...d.value];e.push(0);const o=e.length,a=Math.round(o/2);m.value=e.map(((n,t)=>({left:`${0===t?0:e[t-1]}px`,right:`${t+1===o?0:"calc( 100% - "+n+"px )"}`,backgroundColor:a===t+1?void 0:t<a?`rgba(255, 255, 255, ${l(t,a,o)})`:`rgba(0, 0, 0, ${l(t,a,o)})`})))}},A=async()=>{var o,a;await e.nextTick();const{min:l,max:n,log:t}=i,u=null==(o=r.value)?void 0:o.clientWidth;u?d.value=null==(a=c.value)?void 0:a.map((e=>t?u/n*(l+(Math.log(e)-p.value)/h.value):u/g.value*(e-l))):console.warn("[maz-ui][MazSlider] ref component not found")},E=async()=>{var o,a,l;await e.nextTick();const{max:n,min:t,log:u}=i,s=null==(o=r.value)?void 0:o.clientWidth;if(s)return u?null==(a=d.value)?void 0:a.map((e=>{const o=e/(s/n),a=Math.exp((o-t)*h.value+p.value);return Math.round(a)})):null==(l=d.value)?void 0:l.map((e=>Math.round(e/(s/g.value))+t));console.warn("[maz-ui][MazSlider] ref component not found")},V=(e,o)=>{void 0===s.value&&(s.value=o,P(o))},L=async()=>{if(void 0===s.value)return;const e=await E();e&&T(e),s.value=void 0},C=async a=>{var l;if(await e.nextTick(),void 0===s.value)return;const n=null==(l=r.value)?void 0:l.clientWidth;if(d.value){const e=d.value[s.value-1]||0,l=d.value[s.value+1]||n;if(!r.value)return console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available");d.value[s.value]=(()=>{const n=o(a,r.value).x;return n<e?e:l&&n>l?l:n})(),c.value=await E(),P(s.value)}};return(o,l)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle([e.unref(w),{fontSize:t.size}]),class:e.normalizeClass(["m-slider",[`m-slider--${t.color}`]]),onMousemovePassive:C,onMouseupPassive:L,onMouseleavePassive:L,onTouchmovePassive:C},[e.createElementVNode("div",{ref_key:"MazSlider",ref:r,class:"m-slider__bar",role:"slider"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,((o,a)=>(e.openBlock(),e.createElementBlock("div",{key:`divider-${a}`,style:e.normalizeStyle([o]),class:"m-slider__divider"},null,4)))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),((o,l)=>{var u;return e.openBlock(),e.createElementBlock("button",{key:`cursor-${l}`,type:"button","data-label":B(l),class:e.normalizeClass(["m-slider__btn",{"active-cursor":l===s.value&&!t.noCursorAnim}]),style:e.normalizeStyle([v.value[l]]),onMousedownPassive:e=>V(0,l),onTouchstartPassive:e=>V(0,l),onFocusPassive:e=>V(0,l),onBlurPassive:e=>M(l),onTouchendPassive:e=>M(l),onKeydownPassive:e=>((e,o)=>{"ArrowLeft"===e.key?c.value&&a(c.value[o]-1,c.value[o-1],c.value[o+1],"minus")&&(c.value[o]--,T(c.value)):"ArrowRight"===e.key&&c.value&&a(c.value[o]+1,c.value[o-1],c.value[o+1],"plus")&&(c.value[o]++,T(c.value))})(e,l)},[e.createElementVNode("span",null,e.toDisplayString(null==(u=c.value)?void 0:u[l]),1)],46,n)})),128))],512)],38))}}),[["__scopeId","data-v-59fa161f"]])}));

package/components/MazSpinner.d.ts

@@ -1,30 +1,28 @@
-import type { PropType } from 'vue';
-import type { Color } from './types';
-export type { Color } from './types';
-declare const _default: import("vue").DefineComponent<{
-    size: {
-        type: StringConstructor;
-        default: string;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: StringConstructor;
-        default: string;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}>>, {
-    size: string;
-    color: Color;
-}>;
-export default _default;
+import type { PropType } from 'vue';
+import type { Color } from './types';
+export type { Color } from './types';
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: string;
+    color: Color;
+}>;
+export default _default;

package/components/MazSpinner.mjs

@@ -0,0 +1,59 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-503fe527]{-webkit-animation:maz-spin-503fe527 1s linear infinite;animation:maz-spin-503fe527 1s linear infinite;fill:currentColor;color:var(--maz-color-white);margin:0!important}.m-spinner--primary[data-v-503fe527]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-503fe527]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-503fe527]{color:var(--maz-color-info)}.m-spinner--warning[data-v-503fe527]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-503fe527]{color:var(--maz-color-danger)}.m-spinner--success[data-v-503fe527]{color:var(--maz-color-success)}.m-spinner--black[data-v-503fe527]{color:var(--maz-color-black)}.m-spinner--white[data-v-503fe527],.m-spinner--transparent[data-v-503fe527]{color:var(--maz-color-white)}")),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
+const _withScopeId = (n) => (pushScopeId("data-v-503fe527"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["width", "height"];
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("path", { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" }, null, -1));
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "info",
+          "white",
+          "success",
+          "warning",
+          "danger",
+          "primary",
+          "black",
+          "secondary",
+          "transparent"
+        ].includes(value);
+      }
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        width: __props.size,
+        height: __props.size,
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        x: "0px",
+        y: "0px",
+        viewBox: "0 0 50 50",
+        "xml:space": "preserve",
+        class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
+        style: { "enable-background": "new 0 0 50 50" }
+      }, _hoisted_3, 10, _hoisted_1);
+    };
+  }
+});
+const MazSpinner_vue_vue_type_style_index_0_scoped_503fe527_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-503fe527"]]);
+export {
+  MazSpinner as default
+};

package/components/MazSpinner.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-503fe527]{-webkit-animation:maz-spin-503fe527 1s linear infinite;animation:maz-spin-503fe527 1s linear infinite;fill:currentColor;color:var(--maz-color-white);margin:0!important}.m-spinner--primary[data-v-503fe527]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-503fe527]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-503fe527]{color:var(--maz-color-info)}.m-spinner--warning[data-v-503fe527]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-503fe527]{color:var(--maz-color-danger)}.m-spinner--success[data-v-503fe527]{color:var(--maz-color-success)}.m-spinner--black[data-v-503fe527]{color:var(--maz-color-black)}.m-spinner--white[data-v-503fe527],.m-spinner--transparent[data-v-503fe527]{color:var(--maz-color-white)}")),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("vue")):"function"==typeof define&&define.amd?define(["vue"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).MazSpinner=n(e.Vue)}(this,(function(e){"use strict";const n=["width","height"],t=[(n=>(e.pushScopeId("data-v-503fe527"),n=n(),e.popScopeId(),n))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))];return((e,n)=>{const t=e.__vccOpts||e;for(const[o,s]of n)t[o]=s;return t})(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:e=>["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:o=>(s,i)=>(e.openBlock(),e.createElementBlock("svg",{width:o.size,height:o.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${o.color}`]),style:{"enable-background":"new 0 0 50 50"}},t,10,n))}),[["__scopeId","data-v-503fe527"]])}));