maz-ui 3.22.4 → 3.23.1

package/modules/chunks/MazBtn-760c3b29.mjs

@@ -0,0 +1,153 @@
+import "../assets/MazBtn.css";
+import { defineComponent as M, defineAsyncComponent as p, useAttrs as E, useSlots as L, onBeforeMount as P, computed as t, openBlock as o, createBlock as u, resolveDynamicComponent as R, mergeProps as w, withCtx as A, createElementBlock as m, normalizeClass as s, renderSlot as r, unref as d, createCommentVNode as a, createElementVNode as D } from "vue";
+import { _ as N } from "./index-6a90ef88.mjs";
+const U = /* @__PURE__ */ M({
+  __name: "MazBtn",
+  props: {
+    variant: {
+      type: String,
+      default: "button",
+      validator: (e) => ["button", "link"].includes(e)
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (e) => ["button", "submit", "reset"].includes(e)
+    },
+    rounded: { type: Boolean, default: !1 },
+    noRounded: { type: Boolean, default: !1 },
+    outline: { type: Boolean, default: !1 },
+    pastel: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    noUnderline: { type: Boolean, default: !1 },
+    noLeading: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    fab: { type: Boolean, default: !1 },
+    icon: { type: String, default: void 0 },
+    leftIcon: { type: String, default: void 0 },
+    rightIcon: { type: String, default: void 0 },
+    noPadding: { type: Boolean, default: !1 },
+    noElevation: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const z = p(() => import("./MazSpinner-03bd76bd.mjs")), c = p(() => import("./MazIcon-0bd6b78e.mjs")), { href: B, to: h } = E(), b = L(), n = e;
+    P(() => {
+      n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+    });
+    const f = t(() => B ? "a" : h ? "router-link" : "button"), k = t(
+      () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
+    ), v = t(
+      () => (n.loading || n.disabled) && f.value === "button"
+    ), I = t(() => v.value ? "--cursor-default" : "--cursor-pointer"), x = t(() => `--is-${n.variant}`), l = t(() => n.loading && n.variant === "button"), y = t(() => !!b["left-icon"] || n.leftIcon), g = t(() => !!b["right-icon"] || n.rightIcon), C = t(() => y.value || g.value), S = t(() => n.fab && n.icon), $ = t(() => f.value === "button" ? n.type : void 0);
+    return (i, V) => (o(), u(R(f.value), w(i.$attrs, {
+      disabled: v.value,
+      class: ["m-btn", [
+        `--${e.size}`,
+        k.value,
+        I.value,
+        x.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--no-leading": e.noLeading,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": v.value,
+          "--icon": C.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]],
+      type: $.value
+    }), {
+      default: A(() => [
+        y.value ? (o(), m(
+          "div",
+          {
+            key: 0,
+            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "left-icon", {}, () => [
+              e.leftIcon ? (o(), u(d(c), {
+                key: 0,
+                name: e.leftIcon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        S.value ? (o(), m(
+          "div",
+          {
+            key: 1,
+            class: s(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "icon", {}, () => [
+              e.icon ? (o(), u(d(c), {
+                key: 0,
+                name: e.icon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        D(
+          "span",
+          {
+            class: s(["maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "default", {}, void 0, !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        g.value ? (o(), m(
+          "div",
+          {
+            key: 2,
+            class: s(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "right-icon", {}, () => [
+              e.rightIcon ? (o(), u(d(c), {
+                key: 0,
+                name: e.rightIcon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        l.value ? (o(), u(d(z), {
+          key: 3,
+          size: "2em",
+          color: e.color,
+          class: "maz-absolute"
+        }, null, 8, ["color"])) : a("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["disabled", "class", "type"]));
+  }
+});
+const q = /* @__PURE__ */ N(U, [["__scopeId", "data-v-06ad874b"]]);
+export {
+  q as default
+};

package/modules/chunks/MazIcon-0bd6b78e.mjs

@@ -0,0 +1,96 @@
+import { defineComponent as b, ref as f, computed as g, onMounted as P, watchEffect as _, openBlock as p, createElementBlock as h, Fragment as A, createCommentVNode as s, mergeProps as C, nextTick as $ } from "vue";
+import { i as q } from "./index-6a90ef88.mjs";
+const H = ["innerHTML"], G = /* @__PURE__ */ b({
+  __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: (a) => a
+    }
+  },
+  emits: ["loaded", "unloaded", "error"],
+  setup(a, { emit: S }) {
+    const i = {}, l = f(), d = f(), w = () => {
+      try {
+        return q("mazIconPath");
+      } catch {
+        return;
+      }
+    }, o = a, c = S, m = g(() => o.path ?? w()), y = g(() => o.src ? o.src : m.value ? `${m.value}/${o.name}.svg` : `/${o.name}.svg`);
+    P(() => {
+      !o.name && !o.src && console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
+    });
+    const E = (e, n) => {
+      const t = e.querySelectorAll("title");
+      if (t.length > 0)
+        t[0].textContent = n;
+      else {
+        const r = document.createElementNS("http://www.w3.org/2000/svg", "title");
+        r.textContent = n, e.append(r);
+      }
+    }, M = (e) => Object.keys(e).reduce((n, t) => (e[t] !== !1 && e[t] !== null && e[t] !== void 0 && (n[t] = e[t]), n), {}), z = (e) => {
+      const n = {}, t = e.attributes;
+      if (!t)
+        return n;
+      for (let r = t.length - 1; r >= 0; r--)
+        n[t[r].name] = t[r].value;
+      return n;
+    }, T = (e) => {
+      let n = e.cloneNode(!0);
+      return n = o.transformSource(e), o.title && E(n, o.title), e.innerHTML;
+    }, x = async (e) => {
+      i[e] || (i[e] = L(e));
+      try {
+        l.value = await i[e], await $(), c("loaded", d.value);
+      } catch (n) {
+        l.value && (l.value = void 0, c("unloaded")), delete i[e], c("error", n);
+      }
+    }, L = (e) => new Promise((n, t) => {
+      const r = new XMLHttpRequest();
+      r.open("GET", e, !0), r.addEventListener("load", () => {
+        if (r.status >= 200 && r.status < 400)
+          try {
+            let u = new DOMParser().parseFromString(r.responseText, "text/xml").querySelectorAll("svg")[0];
+            u ? (u = o.transformSource(u), n(u)) : t(new Error('Loaded file is not valid SVG"'));
+          } catch (v) {
+            t(v);
+          }
+        else
+          t(new Error("Error loading SVG"));
+      }), r.addEventListener("error", () => t()), r.send();
+    });
+    return _(() => x(y.value)), (e, n) => (p(), h(
+      A,
+      null,
+      [
+        s(" eslint-disable vue/no-v-html "),
+        s(" eslint-disable vue/html-self-closing "),
+        l.value ? (p(), h("svg", C({
+          key: 0,
+          ref_key: "svgElem",
+          ref: d,
+          width: "1em",
+          height: "1em"
+        }, {
+          ...z(l.value),
+          ...M(e.$attrs)
+        }, {
+          style: `font-size: ${a.size}`,
+          innerHTML: T(l.value)
+        }), null, 16, H)) : s("v-if", !0),
+        s(" eslint-enable vue/no-v-html "),
+        s(" eslint-enable vue/html-self-closing ")
+      ],
+      2112
+      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+    ));
+  }
+});
+export {
+  G as default
+};

package/modules/chunks/MazIcon-599a907f.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),C=require("./index-794680d2.cjs"),T=["innerHTML"],b=t.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:a=>a}},emits:["loaded","unloaded","error"],setup(a,{emit:f}){const i={},s=t.ref(),d=t.ref(),g=()=>{try{return C.injectStrict("mazIconPath")}catch{return}},l=a,u=f,m=t.computed(()=>l.path??g()),p=t.computed(()=>l.src?l.src:m.value?`${m.value}/${l.name}.svg`:`/${l.name}.svg`);t.onMounted(()=>{!l.name&&!l.src&&console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')});const h=(e,r)=>{const n=e.querySelectorAll("title");if(n.length>0)n[0].textContent=r;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=r,e.append(o)}},S=e=>Object.keys(e).reduce((r,n)=>(e[n]!==!1&&e[n]!==null&&e[n]!==void 0&&(r[n]=e[n]),r),{}),y=e=>{const r={},n=e.attributes;if(!n)return r;for(let o=n.length-1;o>=0;o--)r[n[o].name]=n[o].value;return r},w=e=>{let r=e.cloneNode(!0);return r=l.transformSource(e),l.title&&h(r,l.title),e.innerHTML},E=async e=>{i[e]||(i[e]=M(e));try{s.value=await i[e],await t.nextTick(),u("loaded",d.value)}catch(r){s.value&&(s.value=void 0,u("unloaded")),delete i[e],u("error",r)}},M=e=>new Promise((r,n)=>{const o=new XMLHttpRequest;o.open("GET",e,!0),o.addEventListener("load",()=>{if(o.status>=200&&o.status<400)try{let c=new DOMParser().parseFromString(o.responseText,"text/xml").querySelectorAll("svg")[0];c?(c=l.transformSource(c),r(c)):n(new Error('Loaded file is not valid SVG"'))}catch(v){n(v)}else n(new Error("Error loading SVG"))}),o.addEventListener("error",()=>n()),o.send()});return t.watchEffect(()=>E(p.value)),(e,r)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" eslint-disable vue/no-v-html "),t.createCommentVNode(" eslint-disable vue/html-self-closing "),s.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:d,width:"1em",height:"1em"},{...y(s.value),...S(e.$attrs)},{style:`font-size: ${a.size}`,innerHTML:w(s.value)}),null,16,T)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" eslint-enable vue/no-v-html "),t.createCommentVNode(" eslint-enable vue/html-self-closing ")],2112))}});exports.default=b;

package/modules/chunks/MazSpinner-03bd76bd.mjs

@@ -0,0 +1,39 @@
+import "../assets/MazSpinner.css";
+import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as p, createElementVNode as r } from "vue";
+import { _ as i } from "./index-6a90ef88.mjs";
+const a = (e) => (s("data-v-c67298ec"), e = e(), p(), e), _ = ["width", "height"], d = /* @__PURE__ */ a(() => /* @__PURE__ */ r(
+  "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
+  /* HOISTED */
+)), l = [
+  d
+], m = /* @__PURE__ */ t({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary"
+    }
+  },
+  setup(e) {
+    return (h, u) => (o(), c("svg", {
+      width: e.size,
+      height: e.size,
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 50 50",
+      "xml:space": "preserve",
+      class: n(["m-spinner", `m-spinner--${e.color}`]),
+      style: { "enable-background": "new 0 0 50 50" }
+    }, l, 10, _));
+  }
+});
+const w = /* @__PURE__ */ i(m, [["__scopeId", "data-v-c67298ec"]]);
+export {
+  w as default
+};

package/modules/chunks/MazSpinner-6ffa8db1.cjs

@@ -0,0 +1 @@
+var l=require("../assets/MazSpinner.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-794680d2.cjs"),c=e=>(t.pushScopeId("data-v-c67298ec"),e=e(),t.popScopeId(),e),o=["width","height"],s=c(()=>t.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)),i=[s],r=t.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary"}},setup(e){return(a,d)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},i,10,o))}});const p=n._export_sfc(r,[["__scopeId","data-v-c67298ec"]]);exports.default=p;

package/modules/chunks/{arrow-top-right-on-square-32bbe5a1.mjs → arrow-top-right-on-square-15191934.mjs}

@@ -1,12 +1,11 @@
-import { openBlock, createElementBlock, createElementVNode } from "vue";
-const _hoisted_1 = {
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
+const r = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-};
-const _hoisted_2 = /* @__PURE__ */ createElementVNode(
+}, n = /* @__PURE__ */ t(
   "path",
   {
     stroke: "currentColor",
@@ -18,15 +17,14 @@ const _hoisted_2 = /* @__PURE__ */ createElementVNode(
   null,
   -1
   /* HOISTED */
-);
-const _hoisted_3 = [
-  _hoisted_2
+), s = [
+  n
 ];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_3]);
+function c(i, h) {
+  return e(), o("svg", r, [...s]);
 }
-const arrowTopRightOnSquare = { render };
+const d = { render: c };
 export {
-  arrowTopRightOnSquare as default,
-  render
+  d as default,
+  c as render
 };

package/modules/chunks/arrow-top-right-on-square-8e4ea6e2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},r=e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"},null,-1),n=[r];function t(i,s){return e.openBlock(),e.createElementBlock("svg",o,[...n])}const c={render:t};exports.default=c;exports.render=t;

package/modules/chunks/chevron-left-36731110.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},n=e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M15.75 19.5 8.25 12l7.5-7.5"},null,-1),r=[n];function t(l,s){return e.openBlock(),e.createElementBlock("svg",o,[...r])}const c={render:t};exports.default=c;exports.render=t;

package/modules/chunks/chevron-left-39b4621e.mjs

@@ -0,0 +1,30 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, r = /* @__PURE__ */ o(
+  "path",
+  {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "1.5",
+    d: "M15.75 19.5 8.25 12l7.5-7.5"
+  },
+  null,
+  -1
+  /* HOISTED */
+), c = [
+  r
+];
+function s(l, i) {
+  return e(), t("svg", n, [...c]);
+}
+const h = { render: s };
+export {
+  h as default,
+  s as render
+};