maz-ui 3.47.1 → 3.47.2-beta.10

package/components/chunks/MazTabsBar-MZYefBb8.mjs

@@ -1,204 +0,0 @@
-import { inject as I, ref as l, defineComponent as N, defineAsyncComponent as x, computed as O, onBeforeMount as V, onMounted as B, watch as W, openBlock as f, createElementBlock as m, normalizeClass as p, createElementVNode as j, normalizeStyle as z, Fragment as q, renderList as H, createCommentVNode as g, renderSlot as C, createTextVNode as S, toDisplayString as T, createBlock as U, unref as D, withCtx as Q } from "vue";
-import '../assets/MazTabsBar.css';function X(r, a) {
-  const i = I(r, a);
-  if (!i)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${r}`);
-  return i;
-}
-l("system");
-l("system");
-const F = (r, a) => {
-  const i = r.__vccOpts || r;
-  for (const [o, c] of a)
-    i[o] = c;
-  return i;
-};
-function G(r) {
-  return new Promise((a) => setTimeout(a, r));
-}
-const J = {
-  cancelText: "Cancel",
-  confirmText: "Confirm",
-  cancelButton: {
-    text: "Cancel",
-    color: "danger"
-  },
-  confirmButton: {
-    text: "Confirm",
-    color: "success"
-  }
-};
-l(J);
-l([]);
-const K = ["disabled", "onClick"], Y = /* @__PURE__ */ N({
-  __name: "MazTabsBar",
-  props: {
-    items: {},
-    persistent: { type: Boolean },
-    queryParam: { default: "tab" },
-    block: { type: Boolean },
-    noElevation: { type: Boolean },
-    autoScroll: { type: Boolean, default: !0 }
-  },
-  setup(r) {
-    const a = r, i = x(() => import("./MazBadge-CNSfzYq-.mjs")), { currentTab: o, updateCurrentTab: c } = X("maz-tabs");
-    function k(e) {
-      c(e + 1), a.persistent && M(e + 1);
-    }
-    const v = l(), h = l([]);
-    function y(e) {
-      return o.value === e + 1;
-    }
-    function L({
-      mazBtn: e,
-      index: t
-    }) {
-      h.value[t] = e && "$el" in e ? e.$el : e;
-    }
-    const d = O(
-      () => a.items.map((e) => ({
-        label: typeof e == "string" ? e : e.label,
-        disabled: typeof e == "string" ? !1 : e.disabled ?? !1,
-        badge: typeof e == "string" ? void 0 : e.badge
-      }))
-    ), _ = l(), b = l(!1);
-    async function w() {
-      if (!a.autoScroll)
-        return;
-      await G(150);
-      const e = v.value, t = h.value[o.value - 1];
-      if (!e || !t)
-        return;
-      const n = 50;
-      if (t.offsetLeft - n < e.scrollLeft || t.offsetLeft + t.offsetWidth > e.scrollLeft + e.clientWidth) {
-        const E = window.getComputedStyle(e, "padding-left").paddingLeft, R = Number(E.slice(0, -2));
-        e.scrollTo({
-          left: t.offsetLeft - R - n,
-          behavior: b.value ? "smooth" : "instant"
-        });
-      }
-      if (typeof o.value != "number")
-        return;
-      const s = (t == null ? void 0 : t.offsetWidth) ?? 0, u = (t == null ? void 0 : t.offsetHeight) ?? 0, A = (t == null ? void 0 : t.offsetLeft) ?? 0;
-      _.value = {
-        transform: `translateX(${A}px)`,
-        width: `${s}px`,
-        height: `${u}px`
-      }, b.value = !0;
-    }
-    function P(e, t) {
-      return t ? {} : o.value === e + 1 ? "color: var(--maz-color-text)" : "color: var(--maz-color-muted)";
-    }
-    V(() => {
-      (o.value < 1 || o.value > d.value.length) && console.error(
-        `[maz-ui](MazTabsBar) The model-value should be between 1 and ${d.value.length}`
-      );
-    }), B(() => {
-      (a.persistent || o.value) && w();
-    }), W(
-      () => [o.value, d.value],
-      () => {
-        w();
-      }
-    );
-    function $() {
-      const e = new URL(window.location.href);
-      return Number(e.searchParams.get(a.queryParam));
-    }
-    function M(e) {
-      const t = new URL(window.location.href);
-      t.searchParams.set(a.queryParam, String(e)), window.history.replaceState({}, document.title, t.toString());
-    }
-    return B(async () => {
-      a.persistent && c($() || o.value || 1);
-    }), (e, t) => (f(), m(
-      "div",
-      {
-        ref_key: "tabsBarRef",
-        ref: v,
-        class: p(["m-tabs-bar", {
-          "--block": e.block,
-          "--elevation": !e.noElevation
-        }])
-      },
-      [
-        j(
-          "div",
-          {
-            class: p(["m-tabs-bar__indicator", { "--animated": b.value }]),
-            style: z([_.value])
-          },
-          null,
-          6
-          /* CLASS, STYLE */
-        ),
-        (f(!0), m(
-          q,
-          null,
-          H(d.value, (n, s) => (f(), m("button", {
-            key: s,
-            ref_for: !0,
-            ref: (u) => L({ mazBtn: u, index: s }),
-            class: p([{ "--active": y(s), "--disabled": n.disabled }, "m-tabs-bar__item"]),
-            disabled: n.disabled,
-            style: z(P(s, n.disabled)),
-            onClick: (u) => n.disabled ? void 0 : k(s)
-          }, [
-            g(`
-          @slot item - Content of item to display in the tabs bar
-            @binding {MazTabsBarItem[]} item - all data of the item
-            @binding {boolean} active - \`true\` if the tab is active
-            @binding {number} index - index of the item
-        `),
-            C(e.$slots, "item", {
-              item: n,
-              active: y(s),
-              index: s
-            }, () => [
-              S(
-                T(n.label) + " ",
-                1
-                /* TEXT */
-              ),
-              n.badge ? (f(), U(D(i), {
-                key: 0,
-                color: n.badge.color,
-                pastel: n.badge.pastel,
-                outline: n.badge.outline,
-                "rounded-size": n.badge.roundedSize,
-                size: n.badge.size ?? "0.7rem",
-                class: "m-tabs-bar__item__badge"
-              }, {
-                default: Q(() => [
-                  g(`
-              @slot badge-content - Content in the badge
-                @binding {string | number | boolean} content - content of the badge provided in item
-            `),
-                  C(e.$slots, "badge-content", {
-                    content: n.badge.content
-                  }, () => [
-                    S(
-                      T(n.badge.content),
-                      1
-                      /* TEXT */
-                    )
-                  ], !0)
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["color", "pastel", "outline", "rounded-size", "size"])) : g("v-if", !0)
-            ], !0)
-          ], 14, K))),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ],
-      2
-      /* CLASS */
-    ));
-  }
-}), ee = /* @__PURE__ */ F(Y, [["__scopeId", "data-v-c3d56dd1"]]);
-export {
-  ee as M,
-  F as _
-};

package/modules/chunks/MazBtn-CTqI4qhg.mjs

@@ -1,118 +0,0 @@
-import { defineComponent as M, defineAsyncComponent as v, useAttrs as w, useSlots as E, computed as o, openBlock as l, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as O, createCommentVNode as t, renderSlot as u, unref as d, createElementBlock as R, createVNode as A } from "vue";
-import { _ as D } from "./index-C2yAjM0P.mjs";
-import '../assets/MazBtn.css';const L = {
-  key: 2,
-  class: "m-btn-loader-container"
-}, N = /* @__PURE__ */ M({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    roundedSize: { default: "lg" },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { type: [String, Function, Object], default: void 0 },
-    leftIcon: { type: [String, Function, Object], default: void 0 },
-    rightIcon: { type: [String, Function, Object], default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    justify: { default: "center" }
-  },
-  setup(b) {
-    const n = b, z = v(() => import("./MazSpinner-CDJhmIRl.mjs")), c = v(() => import("./MazIcon-BB0DMfOc.mjs")), { href: h, to: g } = w(), f = E(), y = o(() => h ? "a" : g ? "router-link" : "button"), j = o(
-      () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
-    ), p = o(
-      () => (n.loading || n.disabled) && y.value === "button"
-    ), I = o(() => p.value ? "--cursor-default" : "--cursor-pointer"), k = o(() => `--is-${n.variant}`), B = o(() => n.loading && n.variant === "button"), C = o(() => !!f["left-icon"] || n.leftIcon), m = o(() => !!f["right-icon"] || n.rightIcon), S = o(() => C.value || m.value), $ = o(() => n.icon || !!f.icon), T = o(() => y.value === "button" ? n.type : void 0), i = o(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "md"), F = o(() => n.justify === "start" ? "maz-justify-start" : n.justify === "end" ? "maz-justify-end" : n.justify === "center" ? "maz-justify-center" : n.justify === "between" ? "maz-justify-between" : n.justify === "around" ? "maz-justify-around" : n.justify === "evenly" ? "maz-justify-evenly" : "maz-justify-center");
-    return (e, P) => (l(), a(r(y.value), {
-      disabled: p.value || void 0,
-      class: s(["m-btn", [
-        `--${e.size}`,
-        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
-        j.value,
-        I.value,
-        k.value,
-        F.value,
-        {
-          "--block": e.block,
-          "--no-underline": e.noUnderline,
-          "--fab": e.fab,
-          "--loading": e.loading,
-          "--disabled": p.value,
-          "--icon": S.value,
-          "--rounded": e.rounded,
-          "--no-rounded": e.noRounded,
-          "--no-padding": e.noPadding,
-          "--no-elevation": e.noElevation
-        }
-      ]]),
-      type: T.value
-    }, {
-      default: O(() => [
-        t(`
-      @slot left-icon - The icon to display on the left of the button
-    `),
-        u(e.$slots, "left-icon", {}, () => [
-          typeof e.leftIcon == "string" ? (l(), a(d(c), {
-            key: 0,
-            name: e.leftIcon,
-            class: s([i.value])
-          }, null, 8, ["name", "class"])) : e.leftIcon ? (l(), a(r(e.leftIcon), {
-            key: 1,
-            class: s([i.value])
-          }, null, 8, ["class"])) : t("v-if", !0)
-        ], !0),
-        t(`
-      @slot icon - The icon to display on the fab button
-    `),
-        $.value ? u(e.$slots, "icon", { key: 0 }, () => [
-          typeof e.icon == "string" ? (l(), a(d(c), {
-            key: 0,
-            name: e.icon,
-            class: s([i.value])
-          }, null, 8, ["name", "class"])) : e.icon ? (l(), a(r(e.icon), {
-            key: 1,
-            class: s([i.value])
-          }, null, 8, ["class"])) : t("v-if", !0)
-        ], !0) : t("v-if", !0),
-        t(`
-      @slot default - The content of the button
-    `),
-        u(e.$slots, "default", {}, void 0, !0),
-        t(`
-      @slot left-icon - The icon to display on the left of the button
-    `),
-        m.value ? u(e.$slots, "right-icon", { key: 1 }, () => [
-          typeof e.rightIcon == "string" ? (l(), a(d(c), {
-            key: 0,
-            name: e.rightIcon,
-            class: s([i.value])
-          }, null, 8, ["name", "class"])) : e.rightIcon ? (l(), a(r(e.rightIcon), {
-            key: 1,
-            class: s([i.value])
-          }, null, 8, ["class"])) : t("v-if", !0)
-        ], !0) : t("v-if", !0),
-        B.value ? (l(), R("div", L, [
-          A(d(z), {
-            size: "2em",
-            color: e.color
-          }, null, 8, ["color"])
-        ])) : t("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), q = /* @__PURE__ */ D(N, [["__scopeId", "data-v-d3a1ed01"]]);
-export {
-  q as default
-};

package/modules/chunks/MazBtn-D_CpNgpD.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazBtn.css');const e=require("vue"),B=require("./index-BIX1NMzX.cjs"),g={key:2,class:"m-btn-loader-container"},j=e.defineComponent({__name:"MazBtn",props:{variant:{default:"button"},size:{default:"md"},color:{default:"primary"},type:{default:"button"},rounded:{type:Boolean},roundedSize:{default:"lg"},noRounded:{type:Boolean},outline:{type:Boolean},pastel:{type:Boolean},block:{type:Boolean},noUnderline:{type:Boolean},loading:{type:Boolean},disabled:{type:Boolean},fab:{type:Boolean},icon:{type:[String,Function,Object],default:void 0},leftIcon:{type:[String,Function,Object],default:void 0},rightIcon:{type:[String,Function,Object],default:void 0},noPadding:{type:Boolean},noElevation:{type:Boolean},justify:{default:"center"}},setup(u){const n=u,c=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazSpinner-BASKjaLe.cjs"))),l=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazIcon-BtomZnkQ.cjs"))),{href:d,to:m}=e.useAttrs(),a=e.useSlots(),r=e.computed(()=>d?"a":m?"router-link":"button"),f=e.computed(()=>n.pastel?`--${n.color}-pastel`:n.outline?`--${n.color}-outline`:`--${n.color}`),s=e.computed(()=>(n.loading||n.disabled)&&r.value==="button"),p=e.computed(()=>s.value?"--cursor-default":"--cursor-pointer"),y=e.computed(()=>`--is-${n.variant}`),v=e.computed(()=>n.loading&&n.variant==="button"),b=e.computed(()=>!!a["left-icon"]||n.leftIcon),i=e.computed(()=>!!a["right-icon"]||n.rightIcon),z=e.computed(()=>b.value||i.value),C=e.computed(()=>n.icon||!!a.icon),h=e.computed(()=>r.value==="button"?n.type:void 0),t=e.computed(()=>n.size==="xl"?"maz-text-3xl":n.size==="lg"?"maz-text-2xl":n.size==="md"?"maz-text-xl":n.size==="sm"?"maz-text-lg":n.size==="xs"?"maz-text-base":n.size==="mini"?"maz-text-sm":"md"),k=e.computed(()=>n.justify==="start"?"maz-justify-start":n.justify==="end"?"maz-justify-end":n.justify==="center"?"maz-justify-center":n.justify==="between"?"maz-justify-between":n.justify==="around"?"maz-justify-around":n.justify==="evenly"?"maz-justify-evenly":"maz-justify-center");return(o,S)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{disabled:s.value||void 0,class:e.normalizeClass(["m-btn",[`--${o.size}`,!o.fab&&!o.rounded&&o.roundedSize&&`--rounded-${o.roundedSize}`,f.value,p.value,y.value,k.value,{"--block":o.block,"--no-underline":o.noUnderline,"--fab":o.fab,"--loading":o.loading,"--disabled":s.value,"--icon":z.value,"--rounded":o.rounded,"--no-rounded":o.noRounded,"--no-padding":o.noPadding,"--no-elevation":o.noElevation}]]),type:h.value},{default:e.withCtx(()=>[e.createCommentVNode(`
-      @slot left-icon - The icon to display on the left of the button
-    `),e.renderSlot(o.$slots,"left-icon",{},()=>[typeof o.leftIcon=="string"?(e.openBlock(),e.createBlock(e.unref(l),{key:0,name:o.leftIcon,class:e.normalizeClass([t.value])},null,8,["name","class"])):o.leftIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.leftIcon),{key:1,class:e.normalizeClass([t.value])},null,8,["class"])):e.createCommentVNode("v-if",!0)],!0),e.createCommentVNode(`
-      @slot icon - The icon to display on the fab button
-    `),C.value?e.renderSlot(o.$slots,"icon",{key:0},()=>[typeof o.icon=="string"?(e.openBlock(),e.createBlock(e.unref(l),{key:0,name:o.icon,class:e.normalizeClass([t.value])},null,8,["name","class"])):o.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{key:1,class:e.normalizeClass([t.value])},null,8,["class"])):e.createCommentVNode("v-if",!0)],!0):e.createCommentVNode("v-if",!0),e.createCommentVNode(`
-      @slot default - The content of the button
-    `),e.renderSlot(o.$slots,"default",{},void 0,!0),e.createCommentVNode(`
-      @slot left-icon - The icon to display on the left of the button
-    `),i.value?e.renderSlot(o.$slots,"right-icon",{key:1},()=>[typeof o.rightIcon=="string"?(e.openBlock(),e.createBlock(e.unref(l),{key:0,name:o.rightIcon,class:e.normalizeClass([t.value])},null,8,["name","class"])):o.rightIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.rightIcon),{key:1,class:e.normalizeClass([t.value])},null,8,["class"])):e.createCommentVNode("v-if",!0)],!0):e.createCommentVNode("v-if",!0),v.value?(e.openBlock(),e.createElementBlock("div",g,[e.createVNode(e.unref(c),{size:"2em",color:o.color},null,8,["color"])])):e.createCommentVNode("v-if",!0)]),_:3},8,["disabled","class","type"]))}}),I=B._export_sfc(j,[["__scopeId","data-v-d3a1ed01"]]);exports.default=I;