wave-ui 3.0.1 → 3.0.3

package/dist/wave-ui.es.js

@@ -1,16 +1,16 @@
-var ve = Object.defineProperty;
-var ke = (e, t, l) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
-var F = (e, t, l) => (ke(e, typeof t != "symbol" ? t + "" : t, l), l), ne = (e, t, l) => {
+var we = Object.defineProperty;
+var ve = (e, t, l) => t in e ? we(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
+var F = (e, t, l) => (ve(e, typeof t != "symbol" ? t + "" : t, l), l), ae = (e, t, l) => {
   if (!t.has(e))
     throw TypeError("Cannot " + l);
 };
-var X = (e, t, l) => (ne(e, t, "read from private field"), l ? l.call(e) : t.get(e)), ee = (e, t, l) => {
+var X = (e, t, l) => (ae(e, t, "read from private field"), l ? l.call(e) : t.get(e)), ee = (e, t, l) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, l);
-}, te = (e, t, l, a) => (ne(e, t, "write to private field"), a ? a.call(e, l) : t.set(e, l), l);
-import { reactive as G, resolveComponent as $, openBlock as s, createBlock as g, Teleport as _e, createVNode as V, TransitionGroup as fe, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as C, renderList as x, mergeProps as _, createElementVNode as w, createCommentVNode as c, createApp as Ce, defineComponent as Be, inject as Se, withKeys as M, withModifiers as P, renderSlot as p, toHandlers as N, createTextVNode as B, toDisplayString as k, Transition as T, normalizeStyle as L, resolveDynamicComponent as I, normalizeProps as ae, resolveDirective as me, withDirectives as D, createSlots as Z, vShow as ge, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
-const Ie = G({
+}, te = (e, t, l, a) => (ae(e, t, "write to private field"), a ? a.call(e, l) : t.set(e, l), l);
+import { reactive as G, resolveComponent as $, openBlock as s, createBlock as g, Teleport as ke, createVNode as V, TransitionGroup as pe, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as C, renderList as x, mergeProps as _, createElementVNode as w, createCommentVNode as c, createApp as _e, defineComponent as Ce, inject as Be, withKeys as M, withModifiers as P, renderSlot as p, toHandlers as N, createTextVNode as B, toDisplayString as k, Transition as T, normalizeStyle as L, resolveDynamicComponent as I, normalizeProps as ie, resolveDirective as fe, withDirectives as D, createSlots as Z, vShow as me, vModelText as ge, vModelDynamic as Se, KeepAlive as $e } from "vue";
+const Ve = G({
   on: "#app",
   breakpoints: {
     xs: 600,
@@ -51,20 +51,20 @@ const Ie = G({
     transition: "default"
   },
   presets: {}
-}), ye = (e, t = Ie) => {
+}), be = (e, t = Ve) => {
   if (!Object.keys(t).length)
     t = Object.assign(t, e);
   else
     for (const l in e) {
       const a = e[l];
-      typeof a == "object" ? ye(e[l], t[l]) : t[l] = a;
+      typeof a == "object" ? be(e[l], t[l]) : t[l] = a;
     }
   return t;
-}, Re = ["innerHTML"];
-function Le(e, t, l, a, n, i) {
+}, Ie = ["innerHTML"];
+function Re(e, t, l, a, n, i) {
   const o = $("w-alert");
-  return s(), g(_e, { to: ".w-app" }, [
-    V(fe, {
+  return s(), g(ke, { to: ".w-app" }, [
+    V(pe, {
       class: f(["w-notification-manager", { "w-notification-manager--left": i.conf.align === "left" }]),
       tag: "div",
       name: i.transition,
@@ -82,7 +82,7 @@ function Le(e, t, l, a, n, i) {
             default: m(() => [
               w("div", {
                 innerHTML: r.message
-              }, null, 8, Re)
+              }, null, 8, Ie)
             ]),
             _: 2
           }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : c("", !0)
@@ -97,7 +97,7 @@ const v = (e, t) => {
   for (const [a, n] of t)
     l[a] = n;
   return l;
-}, xe = {
+}, Le = {
   name: "w-notification-manager",
   computed: {
     conf() {
@@ -117,7 +117,7 @@ const v = (e, t) => {
       return i.dismiss && (i.dismiss = !0), i;
     }
   }
-}, Te = /* @__PURE__ */ v(xe, [["render", Le]]);
+}, xe = /* @__PURE__ */ v(Le, [["render", Re]]);
 var K;
 const H = class {
   constructor() {
@@ -158,11 +158,11 @@ const H = class {
 };
 let Y = H;
 K = new WeakMap(), ee(Y, K, void 0);
-const Oe = (e, t, l) => {
+const Te = (e, t, l) => {
   const a = document.createElement("div");
   e.appendChild(a);
-  const n = Ce(Be({
-    ...Te,
+  const n = _e(Ce({
+    ...xe,
     inject: ["$waveui"]
   })).provide("$waveui", l);
   for (const i in t) {
@@ -170,7 +170,7 @@ const Oe = (e, t, l) => {
     n.component(o.name, { ...o, inject: ["$waveui"] });
   }
   n.mount(a), a.remove();
-}, re = (e, t) => "#" + e.slice(1).match(/../g).map((l) => (l = +`0x${l}` + t, (l < 0 ? 0 : l > 255 ? 255 : l).toString(16).padStart(2, 0))).join(""), ze = (e) => {
+}, oe = (e, t) => "#" + e.slice(1).match(/../g).map((l) => (l = +`0x${l}` + t, (l < 0 ? 0 : l > 255 ? 255 : l).toString(16).padStart(2, 0))).join(""), Oe = (e) => {
   ["light", "dark"].forEach((t) => {
     const l = e.colors[t];
     l.shades = {};
@@ -181,12 +181,12 @@ const Oe = (e, t, l) => {
       const n = a.color;
       n.length === 3 && (a.color = n[0] + "" + n[0] + n[1] + n[1] + n[2] + n[2]);
       for (let i = 1; i <= 3; i++) {
-        const o = re(`#${a.color}`, i * 40), r = re(`#${a.color}`, -i * 40);
+        const o = oe(`#${a.color}`, i * 40), r = oe(`#${a.color}`, -i * 40);
         l.shades[`${a.label}-light${i}`] = o, l.shades[`${a.label}-dark${i}`] = r;
       }
     }
   });
-}, le = (e, t) => {
+}, ne = (e, t) => {
   const l = {
     ...t.reduce((a, n) => {
       a[n.label] = n.color;
@@ -195,7 +195,7 @@ const Oe = (e, t, l) => {
     }, { ...e, ...e.shades })
   };
   return delete l.shades, l;
-}, ie = [
+}, re = [
   {
     label: "pink",
     color: "#e91e63",
@@ -546,8 +546,8 @@ const Oe = (e, t, l) => {
   cssScope: ".w-app",
   baseIncrement: 4
 };
-let oe = { keys: [], values: [] }, de = null;
-const Ee = (e) => {
+let se = { keys: [], values: [] }, de = null;
+const ze = (e) => {
   let t = "";
   const l = {}, { info: a, warning: n, success: i, error: o, shades: r, ...d } = e, { cssScope: h } = U;
   for (const b in d)
@@ -561,7 +561,7 @@ const Ee = (e) => {
   return Object.entries(l).forEach(([b, R]) => {
     S += `--w-${b}-color: ${R};`;
   }), `:root{${S}}${t}`;
-}, Pe = (e, t) => {
+}, Ee = (e, t) => {
   let l = "";
   const { cssScope: a } = U;
   return e.forEach(({ min: n, label: i }) => {
@@ -575,7 +575,7 @@ const Ee = (e) => {
       l += "}";
     }
   }), l;
-}, Me = (e) => {
+}, Pe = (e) => {
   let t = "";
   const { cssScope: l, baseIncrement: a } = U, n = [
     "show{display:block}",
@@ -619,9 +619,9 @@ const Ee = (e) => {
     o !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${l} .${o}d-${d}`).join("") + i.map((d, h) => `.w-grid.${o}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + i.map((d, h) => `.w-flex.${o}d-gap${h + 1},.w-grid.${o}d-gap${h + 1}{gap:${(h + 1) * a}px;}`).join("") + `.w-flex.${o}d-gap0,.w-flex.${o}d-gap0{gap:0}}`);
   }), t;
 }, ue = (e) => {
-  const t = window.innerWidth, l = oe.values.slice(0);
+  const t = window.innerWidth, l = se.values.slice(0);
   l.push(t), l.sort((n, i) => n - i);
-  const a = oe.keys[l.indexOf(t)] || "xl";
+  const a = se.keys[l.indexOf(t)] || "xl";
   a !== de && (de = a, e.breakpoint = {
     name: a,
     xs: a === "xs",
@@ -631,19 +631,19 @@ const Ee = (e) => {
     xl: a === "xl",
     width: t
   }), e.breakpoint.width = window.innerWidth;
-}, Ne = (e) => {
+}, Me = (e) => {
   const { config: t } = e;
-  if (oe = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
+  if (se = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
     const l = document.createElement("style");
     l.id = "wave-ui-styles", l.innerHTML = We(t);
     const a = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     a ? a.before(l) : document.head.appendChild(l);
   }
   ue(e), window.addEventListener("resize", () => ue(e));
-}, he = (e) => {
+}, Ne = (e) => {
   if (!document.getElementById("wave-ui-colors")) {
     const t = document.createElement("style");
-    t.id = "wave-ui-colors", t.innerHTML = Ee(e);
+    t.id = "wave-ui-colors", t.innerHTML = ze(e);
     const l = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     l ? l.before(t) : document.head.appendChild(t);
   }
@@ -654,9 +654,9 @@ const Ee = (e) => {
   }), a = getComputedStyle(document.documentElement);
   U.cssScope = a.getPropertyValue("--w-css-scope"), U.baseIncrement = parseInt(a.getPropertyValue("--w-base-increment"));
   let n = "";
-  return n += Pe(l, e.css.grid), e.css.breakpointLayoutClasses && (n += Me(l)), n;
+  return n += Ee(l, e.css.grid), e.css.breakpointLayoutClasses && (n += Pe(l)), n;
 };
-let ce = !1;
+let he = !1;
 const Ae = (e) => {
   const t = window.matchMedia("(prefers-color-scheme: dark)");
   e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme), t.addEventListener("change", (l) => {
@@ -687,11 +687,11 @@ const j = class {
       notify(...t) {
         this._notificationManager.notify(...t);
       },
-      switchTheme(t) {
-        var a, n;
-        this.theme = t, document.documentElement.setAttribute("data-theme", t), (n = (a = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : a.remove) == null || n.call(a);
-        const l = this.config.colors[this.theme];
-        he(l), this.colors = le(l, ie);
+      switchTheme(t, l = !1) {
+        var n, i;
+        this.theme = t, document.documentElement.setAttribute("data-theme", t), (i = (n = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : n.remove) == null || i.call(n);
+        const a = this.config.colors[this.theme];
+        Ne(a), this.colors = ne(a, re);
       }
     });
     if (X(j, q)) {
@@ -703,9 +703,9 @@ const j = class {
       l.colors.light || (l.colors.light = o), l.colors.dark || (l.colors.dark = o), l.colors = { light: l.colors.light, dark: l.colors.dark };
     }
     let { components: a, ...n } = l;
-    n = this.$waveui.config = ye(n), n.css.colorShades && ze(n);
+    n = this.$waveui.config = be(n), n.css.colorShades && Oe(n);
     const i = G(this.$waveui);
-    t.config.globalProperties.$waveui = i, t.provide("$waveui", i), n.theme !== "auto" && (this.$waveui.colors = le(n.colors[n.theme], ie));
+    t.config.globalProperties.$waveui = i, t.provide("$waveui", i), n.theme !== "auto" && (this.$waveui.colors = ne(n.colors[n.theme], re));
   }
   static install(t, l = {}) {
     var n;
@@ -726,12 +726,10 @@ const j = class {
     }
     t.mixin({
       beforeMount() {
-        if (!ce) {
-          ce = !0;
-          const i = Se("$waveui"), { config: o } = i, r = document.querySelector(o.on) || document.body;
-          r.classList.add("w-app");
-          let d = o.colors[o.theme];
-          o.theme === "auto" && (Ae(i), d = o.colors[i.preferredTheme], i.colors = le(d, ie)), he(d), Ne(i), Oe(r, a, i), t._context.mixins.find((h) => h.mounted && delete h.mounted);
+        if (!he) {
+          he = !0;
+          const i = Be("$waveui"), { config: o } = i, r = document.querySelector(o.on) || document.body;
+          r.classList.add("w-app"), o.colors[o.theme], o.theme === "auto" ? Ae(i) : this.switchTheme(o.theme, !0), Me(i), Te(r, a, i), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
     }), new j(t, l), te(j, q, !0);
@@ -1244,7 +1242,7 @@ function ct(e, t, l, a, n, i) {
     disabled: !!l.disabled || null
   }, N(i.listeners), { style: i.styles }), {
     default: m(() => [
-      l.icon ? (s(), g(o, ae(_({ key: 0 }, l.iconProps || {})), {
+      l.icon ? (s(), g(o, ie(_({ key: 0 }, l.iconProps || {})), {
         default: m(() => [
           B(k(l.icon), 1)
         ]),
@@ -1357,7 +1355,7 @@ const pt = {
 }, ft = /* @__PURE__ */ v(pt, [["render", ct]]), mt = ["innerHTML"];
 function gt(e, t, l, a, n, i) {
   const o = $("button-partial");
-  return l.tooltip ? (s(), g(I("w-tooltip"), ae(_({ key: 0 }, l.tooltipProps || {})), {
+  return l.tooltip ? (s(), g(I("w-tooltip"), ie(_({ key: 0 }, l.tooltipProps || {})), {
     activator: m(({ on: r }) => [
       V(o, _(i.buttonProps, N(r)), {
         default: m(() => [
@@ -1370,7 +1368,7 @@ function gt(e, t, l, a, n, i) {
       w("div", { innerHTML: l.tooltip }, null, 8, mt)
     ]),
     _: 3
-  }, 16)) : (s(), g(o, ae(_({ key: 1 }, i.buttonProps)), {
+  }, 16)) : (s(), g(o, ie(_({ key: 1 }, i.buttonProps)), {
     default: m(() => [
       p(e.$slots, "default")
     ]),
@@ -1780,7 +1778,7 @@ const Et = {
   }
 }, Pt = /* @__PURE__ */ v(Et, [["render", zt]]), Mt = { class: "w-confirm" };
 function Nt(e, t, l, a, n, i) {
-  const o = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = me("focus");
+  const o = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = fe("focus");
   return s(), u("div", Mt, [
     V(d, _({
       modelValue: e.showPopup,
@@ -2016,7 +2014,7 @@ function Ht(e, t, l, a, n, i) {
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [ge, n.showContent]
+            [me, n.showContent]
           ])
         ]),
         _: 3
@@ -2705,7 +2703,7 @@ const gl = {
       return this.fontName = t, this.icon = l, !0;
     }
   }
-}, bl = /* @__PURE__ */ v(gl, [["render", ml]]), J = (e) => console.warn(`Wave UI: ${e}`), se = (e) => console.error(`Wave UI: ${e}`), yl = {
+}, bl = /* @__PURE__ */ v(gl, [["render", ml]]), J = (e) => console.warn(`Wave UI: ${e}`), le = (e) => console.error(`Wave UI: ${e}`), yl = {
   key: 0,
   class: "w-image__loader"
 };
@@ -2868,7 +2866,7 @@ function xl(e, t, l, a, n, i) {
         name: e.name || null,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
       }, null, 8, _l)), [
-        [be, n.inputValue]
+        [ge, n.inputValue]
       ]) : (s(), u(C, { key: 1 }, [
         l.labelPosition === "left" ? (s(), u(C, { key: 0 }, [
           e.$slots.default || l.label ? (s(), u("label", {
@@ -2920,7 +2918,7 @@ function xl(e, t, l, a, n, i) {
             required: e.required || null,
             tabindex: e.tabindex || null
           }, i.attrs), null, 16, Bl)), [
-            [$e, n.inputValue]
+            [Se, n.inputValue]
           ]) : (s(), u(C, { key: 2 }, [
             w("input", _({
               ref: "input",
@@ -2934,7 +2932,7 @@ function xl(e, t, l, a, n, i) {
             }, i.attrs, {
               "data-progress": i.overallFilesProgress
             }), null, 16, Sl),
-            V(fe, {
+            V(pe, {
               class: "w-input__input w-input__input--file",
               tag: "label",
               name: "fade",
@@ -3441,7 +3439,7 @@ const El = {
       }
     }
   }
-}, Pl = /* @__PURE__ */ v(El, [["render", zl]]), we = {
+}, Pl = /* @__PURE__ */ v(El, [["render", zl]]), ye = {
   props: {
     appendTo: { type: [String, Boolean, Object] },
     fixed: { type: Boolean },
@@ -3667,7 +3665,7 @@ function Ml(e, t, l, a, n, i) {
 }
 const Nl = {
   name: "w-menu",
-  mixins: [we],
+  mixins: [ye],
   inheritAttrs: !1,
   props: {
     modelValue: {},
@@ -3939,7 +3937,7 @@ const Kl = {
   }
 }, Dl = /* @__PURE__ */ v(Kl, [["render", Al]]);
 function Fl(e, t, l, a, n, i) {
-  const o = me("focus");
+  const o = fe("focus");
   return s(), g(T, {
     name: "fade",
     appear: "",
@@ -3957,7 +3955,7 @@ function Fl(e, t, l, a, n, i) {
       }, [
         p(e.$slots, "default")
       ], 38)), [
-        [ge, e.showOverlay],
+        [me, e.showOverlay],
         [o]
       ]) : c("", !0)
     ]),
@@ -5359,7 +5357,7 @@ function ws(e, t, l, a, n, i) {
         mode: i.transitionMode
       }, {
         default: m(() => [
-          (s(), g(Ve, null, [
+          (s(), g($e, null, [
             (s(), g(o, {
               key: i.activeTab._index,
               item: i.activeTab,
@@ -5789,7 +5787,7 @@ function Ys(e, t, l, a, n, i) {
     ], 34)
   ], 2);
 }
-const pe = 15, Js = {
+const ce = 15, Js = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -5801,13 +5799,13 @@ const pe = 15, Js = {
     loading: { type: [Boolean, String] },
     sort: { type: [String, Array] },
     expandableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || se(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || le(
         `Wrong value for the w-table's \`expandableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
     expandedRows: { type: Array },
     selectableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || se(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || le(
         `Wrong value for the w-table's \`selectableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
@@ -5823,7 +5821,7 @@ const pe = 15, Js = {
       validator: (e) => {
         if (e) {
           if (typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)))
-            return se(
+            return le(
               "Wrong pagination config received in the w-table's `pagination` prop (received: `" + JSON.stringify(e) + "`). \nExpected object: { itemsPerPage: Integer, page: Integer } or { itemsPerPage: Integer, start: Integer }."
             ), !1;
         } else
@@ -5969,9 +5967,9 @@ const pe = 15, Js = {
       this.colResizing.dragging = !0;
       const o = e.pageX - t, r = n + i, d = n + o, h = i - o;
       l.style.width = n + o + "px", a.style.width = i - o + "px";
-      const y = o < 0 && l.offsetWidth > d || l.offsetWidth <= pe, S = o > 0 && a.offsetWidth > h;
+      const y = o < 0 && l.offsetWidth > d || l.offsetWidth <= ce, S = o > 0 && a.offsetWidth > h;
       if (y) {
-        const b = Math.max(l.offsetWidth, pe);
+        const b = Math.max(l.offsetWidth, ce);
         l.style.width = b + "px", a.style.width = r - b + "px";
       } else
         S && (l.style.width = r - a.offsetWidth + "px", a.style.width = a.offsetWidth + "px");
@@ -6152,7 +6150,7 @@ function na(e, t, l, a, n, i) {
           required: e.required || null,
           tabindex: e.tabindex || null
         }), null, 16, sa), [
-          [be, n.inputValue]
+          [ge, n.inputValue]
         ]),
         l.labelPosition === "inside" && i.showLabelInside ? (s(), u(C, { key: 1 }, [
           e.$slots.default || l.label ? (s(), u("label", {
@@ -6451,7 +6449,7 @@ function ya(e, t, l, a, n, i) {
 }
 const wa = {
   name: "w-tooltip",
-  mixins: [we],
+  mixins: [ye],
   props: {
     modelValue: {},
     showOnClick: { type: Boolean },