maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazIcon-b779da0a.mjs

@@ -1,159 +0,0 @@
-import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick } from "vue";
-import { i as injectStrict } from "./MazTabsBar-3c2e2d69.mjs";
-const _hoisted_1 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazIcon",
-  props: {
-    src: { type: String, default: void 0 },
-    path: { type: String, default: void 0 },
-    name: { type: String, default: void 0 },
-    size: { type: String, default: void 0 },
-    title: { type: String, default: void 0 },
-    transformSource: {
-      type: Function,
-      default: (svg) => svg
-    }
-  },
-  emits: ["loaded", "unloaded", "error"],
-  setup(__props, { emit: __emit }) {
-    const cache = {};
-    const svgElSource = ref();
-    const svgElem = ref();
-    const getMazIconPath = () => {
-      try {
-        return injectStrict("mazIconPath");
-      } catch {
-        return void 0;
-      }
-    };
-    const props = __props;
-    const emits = __emit;
-    const iconPath = computed(() => props.path ?? getMazIconPath());
-    const fullSrc = computed(() => {
-      if (props.src) {
-        return props.src;
-      } else if (iconPath.value) {
-        return `${iconPath.value}/${props.name}.svg`;
-      } else {
-        return `/${props.name}.svg`;
-      }
-    });
-    onMounted(() => {
-      if (!props.name && !props.src) {
-        console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
-      }
-    });
-    const setTitle = (svg, title) => {
-      const titleTags = svg.querySelectorAll("title");
-      if (titleTags.length > 0) {
-        titleTags[0].textContent = title;
-      } else {
-        const titleEl = document.createElementNS("http://www.w3.org/2000/svg", "title");
-        titleEl.textContent = title;
-        svg.append(titleEl);
-      }
-    };
-    const filterAttrs = (attrs) => {
-      return Object.keys(attrs).reduce((result, key) => {
-        if (attrs[key] !== false && attrs[key] !== null && attrs[key] !== void 0) {
-          result[key] = attrs[key];
-        }
-        return result;
-      }, {});
-    };
-    const getSvgAttrs = (svgEl) => {
-      const svgAttrs = {};
-      const attrs = svgEl.attributes;
-      if (!attrs) {
-        return svgAttrs;
-      }
-      for (let i = attrs.length - 1; i >= 0; i--) {
-        svgAttrs[attrs[i].name] = attrs[i].value;
-      }
-      return svgAttrs;
-    };
-    const getSvgContent = (svgEl) => {
-      let svgElNode = svgEl.cloneNode(true);
-      svgElNode = props.transformSource(svgEl);
-      if (props.title) {
-        setTitle(svgElNode, props.title);
-      }
-      return svgEl.innerHTML;
-    };
-    const getSource = async (src) => {
-      if (!cache[src]) {
-        cache[src] = download(src);
-      }
-      try {
-        svgElSource.value = await cache[src];
-        await nextTick();
-        emits("loaded", svgElem.value);
-      } catch (error) {
-        if (svgElSource.value) {
-          svgElSource.value = void 0;
-          emits("unloaded");
-        }
-        delete cache[src];
-        emits("error", error);
-      }
-    };
-    const download = (url) => {
-      return new Promise((resolve, reject) => {
-        const request = new XMLHttpRequest();
-        request.open("GET", url, true);
-        request.addEventListener("load", () => {
-          if (request.status >= 200 && request.status < 400) {
-            try {
-              const parser = new DOMParser();
-              const result = parser.parseFromString(request.responseText, "text/xml");
-              let svgEl = result.querySelectorAll("svg")[0];
-              if (svgEl) {
-                svgEl = props.transformSource(svgEl);
-                resolve(svgEl);
-              } else {
-                reject(new Error('Loaded file is not valid SVG"'));
-              }
-            } catch (error) {
-              reject(error);
-            }
-          } else {
-            reject(new Error("Error loading SVG"));
-          }
-        });
-        request.addEventListener("error", () => reject());
-        request.send();
-      });
-    };
-    watchEffect(() => getSource(fullSrc.value));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        Fragment,
-        null,
-        [
-          createCommentVNode(" eslint-disable vue/no-v-html "),
-          createCommentVNode(" eslint-disable vue/html-self-closing "),
-          svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
-            key: 0,
-            ref_key: "svgElem",
-            ref: svgElem,
-            width: "1em",
-            height: "1em"
-          }, {
-            ...getSvgAttrs(svgElSource.value),
-            ...filterAttrs(_ctx.$attrs)
-          }, {
-            style: `font-size: ${__props.size}`,
-            innerHTML: getSvgContent(svgElSource.value)
-          }), null, 16, _hoisted_1)) : createCommentVNode("v-if", true),
-          createCommentVNode(" eslint-enable vue/no-v-html "),
-          createCommentVNode(" eslint-enable vue/html-self-closing ")
-        ],
-        2112
-        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-      );
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/components/chunks/MazIcon-bda198b4.mjs

@@ -1,165 +0,0 @@
-import { inject, defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick } from "vue";
-function injectStrict(key, fallback) {
-  const resolved = inject(key, fallback);
-  if (!resolved) {
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
-  }
-  return resolved;
-}
-const _hoisted_1 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazIcon",
-  props: {
-    src: { type: String, default: void 0 },
-    path: { type: String, default: void 0 },
-    name: { type: String, default: void 0 },
-    size: { type: String, default: void 0 },
-    title: { type: String, default: void 0 },
-    transformSource: {
-      type: Function,
-      default: (svg) => svg
-    }
-  },
-  emits: ["loaded", "unloaded", "error"],
-  setup(__props, { emit: __emit }) {
-    const cache = {};
-    const svgElSource = ref();
-    const svgElem = ref();
-    const getMazIconPath = () => {
-      try {
-        return injectStrict("mazIconPath");
-      } catch {
-        return void 0;
-      }
-    };
-    const props = __props;
-    const emits = __emit;
-    const iconPath = computed(() => props.path ?? getMazIconPath());
-    const fullSrc = computed(() => {
-      if (props.src) {
-        return props.src;
-      } else if (iconPath.value) {
-        return `${iconPath.value}/${props.name}.svg`;
-      } else {
-        return `/${props.name}.svg`;
-      }
-    });
-    onMounted(() => {
-      if (!props.name && !props.src) {
-        console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
-      }
-    });
-    const setTitle = (svg, title) => {
-      const titleTags = svg.querySelectorAll("title");
-      if (titleTags.length > 0) {
-        titleTags[0].textContent = title;
-      } else {
-        const titleEl = document.createElementNS("http://www.w3.org/2000/svg", "title");
-        titleEl.textContent = title;
-        svg.append(titleEl);
-      }
-    };
-    const filterAttrs = (attrs) => {
-      return Object.keys(attrs).reduce((result, key) => {
-        if (attrs[key] !== false && attrs[key] !== null && attrs[key] !== void 0) {
-          result[key] = attrs[key];
-        }
-        return result;
-      }, {});
-    };
-    const getSvgAttrs = (svgEl) => {
-      const svgAttrs = {};
-      const attrs = svgEl.attributes;
-      if (!attrs) {
-        return svgAttrs;
-      }
-      for (let i = attrs.length - 1; i >= 0; i--) {
-        svgAttrs[attrs[i].name] = attrs[i].value;
-      }
-      return svgAttrs;
-    };
-    const getSvgContent = (svgEl) => {
-      let svgElNode = svgEl.cloneNode(true);
-      svgElNode = props.transformSource(svgEl);
-      if (props.title) {
-        setTitle(svgElNode, props.title);
-      }
-      return svgEl.innerHTML;
-    };
-    const getSource = async (src) => {
-      if (!cache[src]) {
-        cache[src] = download(src);
-      }
-      try {
-        svgElSource.value = await cache[src];
-        await nextTick();
-        emits("loaded", svgElem.value);
-      } catch (error) {
-        if (svgElSource.value) {
-          svgElSource.value = void 0;
-          emits("unloaded");
-        }
-        delete cache[src];
-        emits("error", error);
-      }
-    };
-    const download = (url) => {
-      return new Promise((resolve, reject) => {
-        const request = new XMLHttpRequest();
-        request.open("GET", url, true);
-        request.addEventListener("load", () => {
-          if (request.status >= 200 && request.status < 400) {
-            try {
-              const parser = new DOMParser();
-              const result = parser.parseFromString(request.responseText, "text/xml");
-              let svgEl = result.querySelectorAll("svg")[0];
-              if (svgEl) {
-                svgEl = props.transformSource(svgEl);
-                resolve(svgEl);
-              } else {
-                reject(new Error('Loaded file is not valid SVG"'));
-              }
-            } catch (error) {
-              reject(error);
-            }
-          } else {
-            reject(new Error("Error loading SVG"));
-          }
-        });
-        request.addEventListener("error", () => reject());
-        request.send();
-      });
-    };
-    watchEffect(() => getSource(fullSrc.value));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        Fragment,
-        null,
-        [
-          createCommentVNode(" eslint-disable vue/no-v-html "),
-          createCommentVNode(" eslint-disable vue/html-self-closing "),
-          svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
-            key: 0,
-            ref_key: "svgElem",
-            ref: svgElem,
-            width: "1em",
-            height: "1em"
-          }, {
-            ...getSvgAttrs(svgElSource.value),
-            ...filterAttrs(_ctx.$attrs)
-          }, {
-            style: `font-size: ${__props.size}`,
-            innerHTML: getSvgContent(svgElSource.value)
-          }), null, 16, _hoisted_1)) : createCommentVNode("v-if", true),
-          createCommentVNode(" eslint-enable vue/no-v-html "),
-          createCommentVNode(" eslint-enable vue/html-self-closing ")
-        ],
-        2112
-        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-      );
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/components/chunks/MazInput-713b00d0.mjs

@@ -1,326 +0,0 @@
-import "../assets/MazInput.css";
-import { computed, defineComponent, defineAsyncComponent, ref, getCurrentInstance, onMounted, useSlots, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, unref, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx } from "vue";
-import { d as debounce } from "./debounce-7d66ffa9.mjs";
-import { _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
-const useInstanceUniqId = ({
-  componentName,
-  instance,
-  providedId
-}) => {
-  return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
-};
-const _hoisted_1 = {
-  key: 0,
-  class: "m-input-wrapper-left"
-};
-const _hoisted_2 = { class: "m-input-wrapper-input" };
-const _hoisted_3 = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"];
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = {
-  key: 1,
-  class: "m-input-wrapper-right"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "MazInput",
-  props: {
-    style: { type: [String, Array, Object], default: void 0 },
-    class: { type: String, default: void 0 },
-    modelValue: {
-      type: [String, Number, Boolean],
-      default: void 0
-    },
-    placeholder: { type: String, default: void 0 },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    label: { type: String, default: void 0 },
-    name: { type: String, default: "input" },
-    type: {
-      type: String,
-      default: "text",
-      validator: (value) => {
-        return [
-          "text",
-          "date",
-          "number",
-          "tel",
-          "search",
-          "url",
-          "password",
-          "month",
-          "time",
-          "week",
-          "email"
-        ].includes(value);
-      }
-    },
-    required: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    id: { type: String, default: void 0 },
-    error: { type: Boolean, default: false },
-    success: { type: Boolean, default: false },
-    warning: { type: Boolean, default: false },
-    hint: { type: String, default: void 0 },
-    inputClasses: { type: String, default: void 0 },
-    noBorder: { type: Boolean, default: false },
-    noRadius: { type: Boolean, default: false },
-    size: {
-      type: String,
-      default: "md",
-      validator: (value) => {
-        return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
-      }
-    },
-    debounce: { type: Boolean, default: false },
-    debounceDelay: { type: Number, default: 500 },
-    validButton: { type: Boolean, default: false },
-    validButtonLoading: { type: Boolean, default: false },
-    autoFocus: { type: Boolean, default: false },
-    borderActive: { type: Boolean, default: false },
-    leftIcon: { type: String, default: void 0 },
-    rightIcon: { type: String, default: void 0 }
-  },
-  emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
-  setup(__props, { emit: __emit }) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-0e02f0da.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
-    const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-342420ff.mjs"));
-    const EyeIcon = defineAsyncComponent(() => import("./eye-fbb13657.mjs"));
-    const CheckIcon = defineAsyncComponent(() => import("./check-f2fcce10.mjs"));
-    const props = __props;
-    const emits = __emit;
-    const hasPasswordVisible = ref(false);
-    const isFocused = ref(false);
-    const input = ref();
-    const instance = getCurrentInstance();
-    const instanceId = useInstanceUniqId({
-      componentName: "MazInput",
-      instance,
-      providedId: props.id
-    });
-    onMounted(() => {
-      var _a;
-      if (props.autoFocus) {
-        (_a = input.value) == null ? void 0 : _a.focus();
-      }
-    });
-    const inheritClasses = computed(() => props.class);
-    const isPasswordType = computed(() => props.type === "password");
-    const inputType = computed(() => hasPasswordVisible.value ? "text" : props.type);
-    const borderStyle = computed(() => {
-      if (props.noBorder)
-        return void 0;
-      if (props.error)
-        return "maz-border-danger";
-      if (props.success)
-        return "maz-border-success";
-      if (props.warning)
-        return "maz-border-warning";
-      if (isFocused.value || props.borderActive) {
-        if (props.color === "black")
-          return "maz-border-black";
-        if (props.color === "danger")
-          return "maz-border-danger";
-        if (props.color === "info")
-          return "maz-border-info";
-        if (props.color === "primary")
-          return "maz-border-primary";
-        if (props.color === "secondary")
-          return "maz-border-secondary";
-        if (props.color === "success")
-          return "maz-border-success";
-        if (props.color === "warning")
-          return "maz-border-warning";
-        if (props.color === "white")
-          return "maz-border-white";
-      }
-      return "--default-border";
-    });
-    const slots = useSlots();
-    const computedPlaceholder = computed(() => {
-      const { required, placeholder } = props;
-      if (!placeholder)
-        return void 0;
-      return required ? `${placeholder} *` : placeholder;
-    });
-    const hasValue = computed(() => props.modelValue !== void 0 && props.modelValue !== "");
-    const inputValue = computed({
-      get: () => props.modelValue,
-      set: (value) => emitValue(value)
-    });
-    const shouldUp = computed(() => {
-      return (!!props.label || !!props.hint) && (isFocused.value || !!hasValue.value || !!props.placeholder || ["date", "month", "week"].includes(props.type));
-    });
-    const hasLabel = computed(() => !!props.label || !!props.hint);
-    const hasRightPart = () => {
-      return !!slots["right-icon"] || isPasswordType.value || !!slots["valid-button"] || props.validButton || !!props.rightIcon;
-    };
-    const hasLeftPart = () => {
-      return !!slots["left-icon"] || !!props.leftIcon;
-    };
-    const focus = (event) => {
-      emits("focus", event);
-      isFocused.value = true;
-    };
-    const blur = (event) => {
-      emits("blur", event);
-      isFocused.value = false;
-    };
-    const change = (event) => emits("change", event);
-    const debounceEmitValue = debounce((value) => {
-      emits("update:model-value", value);
-    }, props.debounceDelay);
-    const emitValue = (value) => {
-      if (props.debounce)
-        return debounceEmitValue(value);
-      emits("update:model-value", value);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(["m-input", [
-            {
-              "--is-focused": isFocused.value || __props.borderActive,
-              "--should-up": shouldUp.value,
-              "--has-label": hasLabel.value,
-              "--is-disabled": __props.disabled,
-              "--is-readonly": __props.readonly,
-              "--has-z-2": __props.error || __props.warning || __props.success,
-              "--has-state": __props.error || __props.warning || __props.success
-            },
-            inheritClasses.value,
-            `--${__props.color}`,
-            `--${__props.size}`
-          ]]),
-          style: normalizeStyle(__props.style)
-        },
-        [
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass(["m-input-wrapper", [__props.inputClasses, borderStyle.value, { "maz-rounded": !__props.noRadius }]])
-            },
-            [
-              hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                _ctx.$slots["left-icon"] || __props.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
-                  createVNode(unref(MazIcon), {
-                    name: __props.leftIcon,
-                    class: "maz-text-xl maz-text-muted"
-                  }, null, 8, ["name"])
-                ], true) : createCommentVNode("v-if", true)
-              ])) : createCommentVNode("v-if", true),
-              createElementVNode("div", _hoisted_2, [
-                withDirectives(createElementVNode("input", mergeProps({
-                  id: unref(instanceId),
-                  ref_key: "input",
-                  ref: input,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-                  type: inputType.value,
-                  name: __props.name
-                }, _ctx.$attrs, {
-                  placeholder: computedPlaceholder.value,
-                  "aria-label": __props.label || __props.placeholder,
-                  disabled: __props.disabled,
-                  readonly: __props.readonly,
-                  required: __props.required,
-                  class: "m-input-input"
-                }, toHandlers({
-                  blur,
-                  focus,
-                  change
-                }, true), {
-                  onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
-                }), null, 16, _hoisted_3), [
-                  [vModelDynamic, inputValue.value]
-                ]),
-                __props.label || __props.hint ? (openBlock(), createElementBlock(
-                  "span",
-                  {
-                    key: 0,
-                    ref: "label",
-                    class: normalizeClass(["m-input-label", [
-                      {
-                        "maz-text-danger-600": __props.error,
-                        "maz-text-success-600": __props.success,
-                        "maz-text-warning-600": __props.warning
-                      }
-                    ]])
-                  },
-                  [
-                    createTextVNode(
-                      toDisplayString(__props.hint || __props.label) + " ",
-                      1
-                      /* TEXT */
-                    ),
-                    __props.required ? (openBlock(), createElementBlock("sup", _hoisted_4, "*")) : createCommentVNode("v-if", true)
-                  ],
-                  2
-                  /* CLASS */
-                )) : createCommentVNode("v-if", true)
-              ]),
-              hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                _ctx.$slots["right-icon"] || __props.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
-                  createVNode(unref(MazIcon), {
-                    name: __props.rightIcon,
-                    class: "maz-text-xl maz-text-muted"
-                  }, null, 8, ["name"])
-                ], true) : createCommentVNode("v-if", true),
-                isPasswordType.value ? (openBlock(), createBlock(unref(MazBtn), {
-                  key: 1,
-                  color: "transparent",
-                  tabindex: "-1",
-                  size: "mini",
-                  onClick: _cache[2] || (_cache[2] = withModifiers(($event) => hasPasswordVisible.value = !hasPasswordVisible.value, ["stop"]))
-                }, {
-                  default: withCtx(() => [
-                    hasPasswordVisible.value ? (openBlock(), createBlock(unref(EyeOffIcon), {
-                      key: 0,
-                      class: "maz-text-xl maz-text-muted"
-                    })) : (openBlock(), createBlock(unref(EyeIcon), {
-                      key: 1,
-                      class: "maz-text-xl maz-text-muted"
-                    }))
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })) : createCommentVNode("v-if", true),
-                _ctx.$slots["valid-button"] || __props.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
-                  createVNode(unref(MazBtn), {
-                    color: "transparent",
-                    disabled: __props.disabled,
-                    tabindex: "-1",
-                    loading: __props.validButtonLoading,
-                    class: "m-input-valid-button",
-                    size: "mini",
-                    type: "submit"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(CheckIcon), { class: "maz-text-2xl maz-text-normal" })
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["disabled", "loading"])
-                ], true) : createCommentVNode("v-if", true)
-              ])) : createCommentVNode("v-if", true)
-            ],
-            2
-            /* CLASS */
-          )
-        ],
-        6
-        /* CLASS, STYLE */
-      );
-    };
-  }
-});
-const MazInput_vue_vue_type_style_index_0_scoped_32fa5093_lang = "";
-const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32fa5093"]]);
-export {
-  MazInput as default
-};