wave-ui 3.13.4 → 3.13.5

package/dist/wave-ui.es.js

@@ -1,15 +1,15 @@
 var ke = Object.defineProperty;
 var ve = (e, t, i) => t in e ? ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var H = (e, t, i) => (ve(e, typeof t != "symbol" ? t + "" : t, i), i), ae = (e, t, i) => {
+var H = (e, t, i) => (ve(e, typeof t != "symbol" ? t + "" : t, i), i), ne = (e, t, i) => {
   if (!t.has(e))
     throw TypeError("Cannot " + i);
 };
-var X = (e, t, i) => (ae(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Q = (e, t, i) => {
+var X = (e, t, i) => (ne(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Q = (e, t, i) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Z = (e, t, i, o) => (ae(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
-import { reactive as G, resolveComponent as $, openBlock as s, createBlock as g, Teleport as Ce, createVNode as I, TransitionGroup as se, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as R, mergeProps as B, createElementVNode as y, createCommentVNode as p, createApp as Se, defineComponent as Be, inject as _e, withKeys as E, withModifiers as z, renderSlot as c, createTextVNode as S, toDisplayString as C, normalizeStyle as L, toHandlers as me, Transition as O, resolveDynamicComponent as T, normalizeProps as te, resolveDirective as ge, withDirectives as W, createSlots as J, vShow as oe, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
+}, Z = (e, t, i, o) => (ne(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
+import { reactive as G, resolveComponent as $, openBlock as s, createBlock as g, Teleport as Ce, createVNode as I, TransitionGroup as se, normalizeClass as f, withCtx as m, createElementBlock as u, Fragment as k, renderList as R, mergeProps as B, createElementVNode as y, createCommentVNode as p, createApp as Se, defineComponent as Be, inject as _e, withKeys as E, withModifiers as z, renderSlot as c, createTextVNode as S, toDisplayString as C, normalizeStyle as L, toHandlers as oe, Transition as O, resolveDynamicComponent as T, normalizeProps as te, resolveDirective as ge, withDirectives as W, createSlots as J, vShow as ae, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
 const Ie = G({
   on: "#app",
   // Sets the Wave UI root node. If not found, will default to `body`.
@@ -79,7 +79,7 @@ const Ie = G({
       typeof o == "object" ? ye(e[i], t[i]) : t[i] = o;
     }
   return t;
-}, F = (e) => console.warn(`Wave UI: ${e}`), ee = (e) => console.error(`Wave UI: ${e}`), ne = (e, t) => "#" + e.slice(1).match(/../g).map((i) => (i = +`0x${i}` + t, (i < 0 ? 0 : i > 255 ? 255 : i).toString(16).padStart(2, 0))).join(""), Te = (e) => {
+}, F = (e) => console.warn(`Wave UI: ${e}`), ee = (e) => console.error(`Wave UI: ${e}`), re = (e, t) => "#" + e.slice(1).match(/../g).map((i) => (i = +`0x${i}` + t, (i < 0 ? 0 : i > 255 ? 255 : i).toString(16).padStart(2, 0))).join(""), Te = (e) => {
   ["light", "dark"].forEach((t) => {
     const i = e.colors[t];
     i.shades = {};
@@ -90,12 +90,12 @@ const Ie = G({
       const n = o.color;
       n.length === 3 && (o.color = n[0] + "" + n[0] + n[1] + n[1] + n[2] + n[2]);
       for (let l = 1; l <= 3; l++) {
-        const a = ne(`#${o.color}`, l * 40), r = ne(`#${o.color}`, -l * 40);
+        const a = re(`#${o.color}`, l * 40), r = re(`#${o.color}`, -l * 40);
         i.shades[`${o.label}-light${l}`] = a, i.shades[`${o.label}-dark${l}`] = r;
       }
     }
   });
-}, re = (e, t) => {
+}, de = (e, t) => {
   const i = {
     ...t.reduce((o, n) => {
       o[n.label] = n.color;
@@ -104,7 +104,7 @@ const Ie = G({
     }, { ...e, ...e.shades })
   };
   return delete i.shades, i;
-}, de = [
+}, ue = [
   {
     label: "pink",
     color: "#e91e63",
@@ -455,7 +455,7 @@ const Ie = G({
   cssScope: ".w-app",
   baseIncrement: 4
 };
-let ie = { keys: [], values: [] }, ue = null;
+let ie = { keys: [], values: [] }, he = null;
 const Le = (e, t) => {
   let i = "";
   const o = {}, { info: n, warning: l, success: a, error: r, shades: d, ...h } = e, { cssScope: w } = j;
@@ -534,11 +534,11 @@ const Le = (e, t) => {
     a !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${i} .${a}d-${d}`).join("") + // w-grid columns and gap.
     l.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}d-gap${h + 1},.w-grid.${a}d-gap${h + 1}{gap:${(h + 1) * o}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
   }), t;
-}, he = (e) => {
+}, ce = (e) => {
   const t = window.innerWidth, i = ie.values.slice(0);
   i.push(t), i.sort((n, l) => n - l);
   const o = ie.keys[i.indexOf(t)] || "xl";
-  o !== ue && (ue = o, e.breakpoint = {
+  o !== he && (he = o, e.breakpoint = {
     name: o,
     xs: o === "xs",
     sm: o === "sm",
@@ -555,7 +555,7 @@ const Le = (e, t) => {
     const o = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     o ? o.before(i) : document.head.appendChild(i);
   }
-  he(e), window.addEventListener("resize", () => he(e));
+  ce(e), window.addEventListener("resize", () => ce(e));
 }, xe = (e, t) => {
   if (!document.getElementById("wave-ui-colors")) {
     const i = document.createElement("style");
@@ -687,7 +687,7 @@ const Ke = (e, t, i) => {
   }
   n.mount(o), o.remove();
 };
-let ce = !1;
+let pe = !1;
 const Ne = (e) => {
   const t = window.matchMedia("(prefers-color-scheme: dark)");
   e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme), t.addEventListener("change", (i) => {
@@ -743,7 +743,7 @@ const N = class N {
         var n, l;
         this.theme = t, document.documentElement.setAttribute("data-theme", t), (l = (n = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : n.remove) == null || l.call(n);
         const o = this.config.colors[this.theme];
-        xe(o, this.config.css.colorShadeCssVariables), this.colors = re(o, de);
+        xe(o, this.config.css.colorShadeCssVariables), this.colors = de(o, ue);
       }
     });
     if (X(N, q))
@@ -755,7 +755,7 @@ const N = class N {
     let { components: o, ...n } = i;
     n = this.$waveui.config = ye(n), n.css.colorShades && Te(n);
     const l = G(this.$waveui);
-    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = re(n.colors[n.theme], de));
+    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = de(n.colors[n.theme], ue));
   }
   static install(t, i = {}) {
     var n;
@@ -778,8 +778,8 @@ const N = class N {
     t.mixin({
       // Add a mixin to capture the first mounted hook, trigger the Wave UI init then unregister the mixin straight away.
       beforeMount() {
-        if (!ce) {
-          ce = !0;
+        if (!pe) {
+          pe = !0;
           const l = _e("$waveui"), { config: a } = l, r = document.querySelector(a.on) || document.body;
           r.classList.add("w-app"), a.theme === "auto" ? Ne(l) : l.switchTheme(a.theme, !0), Oe(l), Ke(r, o, l), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
@@ -1116,7 +1116,7 @@ function nt(e, t, i, o, n, l) {
       class: "w-autocomplete__input",
       ref: "input",
       value: e.keywords
-    }, me(l.inputEventListeners, !0), l.inputAttrs), null, 16, lt),
+    }, oe(l.inputEventListeners, !0), l.inputAttrs), null, 16, lt),
     I(r, null, {
       default: m(() => [
         e.menuOpen ? (s(), u("ul", {
@@ -1698,7 +1698,7 @@ function It(e, t, i, o, n, l) {
   const a = $("button-partial");
   return i.tooltip ? (s(), g(T("w-tooltip"), te(B({ key: 0 }, i.tooltipProps)), {
     activator: m(({ on: r }) => [
-      I(a, B(l.buttonProps, me(r)), {
+      I(a, B(l.buttonProps, oe(r)), {
         default: m(() => [
           c(e.$slots, "default")
         ]),
@@ -2160,7 +2160,7 @@ function Yt(e, t, i, o, n, l) {
     "onUpdate:modelValue": t[2] || (t[2] = (w) => e.showPopup = w)
   }, l.wMenuProps), {
     activator: m(({ on: w }) => [
-      I(a, B({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps, ...i.disablePrompt ? {} : w }), {
+      I(a, B({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps }, oe(i.disablePrompt ? {} : { ...w })), {
         default: m(() => [
           c(e.$slots, "default")
         ]),
@@ -2409,7 +2409,7 @@ function ti(e, t, i, o, n, l) {
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [oe, n.showContent]
+            [ae, n.showContent]
           ])
         ]),
         _: 3
@@ -4530,7 +4530,7 @@ function Zi(e, t, i, o, n, l) {
       }, [
         c(e.$slots, "default")
       ], 38)), [
-        [oe, e.showOverlay],
+        [ae, e.showOverlay],
         [a]
       ]) : p("", !0)
     ]),
@@ -6203,7 +6203,7 @@ function Vs(e, t, i, o, n, l) {
             ]),
             _: 2
           }, 1032, ["item", "class"])), [
-            [oe, r._uid === l.activeTab._uid]
+            [ae, r._uid === l.activeTab._uid]
           ])), 128))
         ]),
         _: 3
@@ -6250,7 +6250,7 @@ function Vs(e, t, i, o, n, l) {
     ])) : p("", !0)
   ], 2);
 }
-let pe = 0;
+let fe = 0;
 const Is = {
   name: "w-tabs",
   props: {
@@ -6336,7 +6336,7 @@ const Is = {
   methods: {
     // Adding a tab in the list.
     addTab(e) {
-      (e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = +`${this._.uid}${++pe}`), this.tabs.push({
+      (e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = +`${this._.uid}${++fe}`), this.tabs.push({
         _uid: e[this.itemIdKey] ?? e._uid,
         _index: this.tabs.length,
         ...e,
@@ -6345,7 +6345,7 @@ const Is = {
     },
     refreshTabs() {
       let e = this.items;
-      typeof e == "number" && (e = Array(e).fill().map((t, i) => this.tabs[i] || {})), this.tabs = e.map((t, i) => ((t[this.itemIdKey] ?? t._uid ?? !1) || (t._uid = +`${this._.uid}${++pe}`), {
+      typeof e == "number" && (e = Array(e).fill().map((t, i) => this.tabs[i] || {})), this.tabs = e.map((t, i) => ((t[this.itemIdKey] ?? t._uid ?? !1) || (t._uid = +`${this._.uid}${++fe}`), {
         ...t,
         _uid: t[this.itemIdKey] ?? t._uid,
         _index: i,
@@ -6725,7 +6725,7 @@ function lo(e, t, i, o, n, l) {
     ])) : p("", !0)
   ], 2);
 }
-const fe = 15, so = {
+const me = 15, so = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -6950,9 +6950,9 @@ const fe = 15, so = {
       this.colResizing.dragging = !0;
       const a = e.pageX - t, r = n + l, d = n + a, h = l - a;
       i.style.width = n + a + "px", o.style.width = l - a + "px";
-      const w = a < 0 && i.offsetWidth > d || i.offsetWidth <= fe, _ = a > 0 && o.offsetWidth > h;
+      const w = a < 0 && i.offsetWidth > d || i.offsetWidth <= me, _ = a > 0 && o.offsetWidth > h;
       if (w) {
-        const b = Math.max(i.offsetWidth, fe);
+        const b = Math.max(i.offsetWidth, me);
         i.style.width = b + "px", o.style.width = r - b + "px";
       } else
         _ && (i.style.width = r - o.offsetWidth + "px", o.style.width = o.offsetWidth + "px");