wave-ui 3.4.4 → 3.4.5

package/dist/wave-ui.es.js

@@ -9,7 +9,7 @@ var X = (e, t, l) => (ne(e, t, "read from private field"), l ? l.call(e) : t.get
     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 Q, resolveComponent as $, openBlock as s, createBlock as m, Teleport as _e, createVNode as I, TransitionGroup as ae, normalizeClass as f, withCtx as g, createElementBlock as u, Fragment as k, renderList as L, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as Ce, defineComponent as Se, inject as Be, withKeys as E, withModifiers as M, renderSlot as p, toHandlers as W, createTextVNode as S, toDisplayString as _, Transition as O, normalizeStyle as T, resolveDynamicComponent as V, normalizeProps as ie, resolveDirective as me, withDirectives as N, createSlots as Z, vShow as oe, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
+import { reactive as Q, resolveComponent as $, openBlock as s, createBlock as m, Teleport as _e, createVNode as I, TransitionGroup as ae, normalizeClass as f, withCtx as g, createElementBlock as u, Fragment as k, renderList as L, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as Ce, defineComponent as Se, inject as Be, withKeys as E, withModifiers as M, renderSlot as p, toHandlers as W, createTextVNode as S, toDisplayString as _, Transition as P, normalizeStyle as T, resolveDynamicComponent as V, normalizeProps as ie, resolveDirective as me, withDirectives as N, createSlots as Z, vShow as oe, vModelText as be, vModelDynamic as $e, KeepAlive as Ve } from "vue";
 const Ie = Q({
   on: "#app",
   breakpoints: {
@@ -158,7 +158,7 @@ const F = class {
 };
 let Y = F;
 H = new WeakMap(), ee(Y, H, void 0);
-const Oe = (e, t, l) => {
+const Pe = (e, t, l) => {
   const a = document.createElement("div");
   e.appendChild(a);
   const r = Ce(Se({
@@ -170,7 +170,7 @@ const Oe = (e, t, l) => {
     r.component(o.name, { ...o, inject: ["$waveui"] });
   }
   r.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(""), Pe = (e) => {
+}, 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(""), Oe = (e) => {
   ["light", "dark"].forEach((t) => {
     const l = e.colors[t];
     l.shades = {};
@@ -703,7 +703,7 @@ 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, ...r } = l;
-    r = this.$waveui.config = ye(r), r.css.colorShades && Pe(r);
+    r = this.$waveui.config = ye(r), r.css.colorShades && Oe(r);
     const i = Q(this.$waveui);
     t.config.globalProperties.$waveui = i, t.provide("$waveui", i), r.theme !== "auto" && (this.$waveui.colors = de(r.colors[r.theme], ue));
   }
@@ -729,7 +729,7 @@ const j = class {
         if (!pe) {
           pe = !0;
           const i = Be("$waveui"), { config: o } = i, n = document.querySelector(o.on) || document.body;
-          n.classList.add("w-app"), o.theme === "auto" ? Ke(i) : i.switchTheme(o.theme, !0), We(i), Oe(n, a, i), t._context.mixins.find((d) => d.mounted && delete d.mounted);
+          n.classList.add("w-app"), o.theme === "auto" ? Ke(i) : i.switchTheme(o.theme, !0), We(i), Pe(n, a, i), t._context.mixins.find((d) => d.mounted && delete d.mounted);
         }
       }
     }), new j(t, l), te(j, q, !0);
@@ -1049,7 +1049,7 @@ const lt = {
 function st(e, t, l, a, r, i) {
   return s(), u("div", C({ class: "w-badge-wrap" }, W(e.$attrs, !0)), [
     p(e.$slots, "default"),
-    I(O, {
+    I(P, {
       name: `${l.transition}`
     }, {
       default: g(() => [
@@ -1248,7 +1248,7 @@ function pt(e, t, l, a, r, i) {
         ]),
         _: 1
       }, 16)) : p(e.$slots, "default", { key: 1 }),
-      I(O, { name: "scale-fade" }, {
+      I(P, { name: "scale-fade" }, {
         default: g(() => [
           l.loading ? (s(), u("div", ht, [
             p(e.$slots, "loading", {}, () => [
@@ -1682,7 +1682,7 @@ const xt = {
       this.isChecked = e;
     }
   }
-}, Ot = /* @__PURE__ */ v(xt, [["render", Lt]]), Pt = ["innerHTML"];
+}, Pt = /* @__PURE__ */ v(xt, [["render", Lt]]), Ot = ["innerHTML"];
 function zt(e, t, l, a, r, i) {
   const o = $("w-checkbox");
   return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.checkboxItems.some((n) => n._isChecked), disabled: e.isDisabled }, {
@@ -1715,7 +1715,7 @@ function zt(e, t, l, a, r, i) {
           }) : n.label ? (s(), u("div", {
             key: 1,
             innerHTML: n.label
-          }, null, 8, Pt)) : c("", !0)
+          }, null, 8, Ot)) : c("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -1976,7 +1976,7 @@ function Ft(e, t, l, a, r, i) {
     opacity: l.overlayOpacity
   }, {
     default: g(() => [
-      I(O, {
+      I(P, {
         name: l.transition,
         appear: "",
         onAfterLeave: i.onBeforeClose
@@ -2144,7 +2144,7 @@ function Qt(e, t, l, a, r, i) {
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         p(e.$slots, "pushable")
       ]),
-      I(O, {
+      I(P, {
         name: "fade",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
@@ -2175,7 +2175,7 @@ function Qt(e, t, l, a, r, i) {
         "bg-color": l.overlayColor,
         opacity: l.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-      I(O, {
+      I(P, {
         name: i.transitionName,
         appear: "",
         onBeforeLeave: i.onBeforeClose,
@@ -2713,7 +2713,7 @@ function wl(e, t, l, a, r, i) {
     style: T(i.wrapperStyles)
   }, {
     default: g(() => [
-      I(O, {
+      I(P, {
         name: l.transition,
         appear: ""
       }, {
@@ -3193,8 +3193,8 @@ const xl = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1);
     }
   }
-}, Ol = /* @__PURE__ */ v(xl, [["render", Ll]]);
-function Pl(e, t, l, a, r, i) {
+}, Pl = /* @__PURE__ */ v(xl, [["render", Ll]]);
+function Ol(e, t, l, a, r, i) {
   const o = $("w-icon"), n = $("w-list", !0);
   return s(), u("ul", {
     class: f(["w-list", i.classes])
@@ -3441,7 +3441,7 @@ const zl = {
       }
     }
   }
-}, Ml = /* @__PURE__ */ v(zl, [["render", Pl]]), we = {
+}, Ml = /* @__PURE__ */ v(zl, [["render", Ol]]), we = {
   props: {
     appendTo: { type: [String, Boolean, Object] },
     fixed: { type: Boolean },
@@ -3597,7 +3597,7 @@ function El(e, t, l, a, r, i) {
   const o = $("w-card"), n = $("w-overlay");
   return s(), u(k, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    I(O, {
+    I(P, {
       name: i.transitionName,
       appear: ""
     }, {
@@ -3791,7 +3791,7 @@ const Wl = {
 }, Al = /* @__PURE__ */ v(Wl, [["render", El]]);
 function Nl(e, t, l, a, r, i) {
   const o = $("w-alert");
-  return s(), m(O, {
+  return s(), m(P, {
     name: i.transitionName,
     appear: ""
   }, {
@@ -3940,7 +3940,7 @@ const Kl = {
 }, Hl = /* @__PURE__ */ v(Kl, [["render", Nl]]);
 function Dl(e, t, l, a, r, i) {
   const o = me("focus");
-  return s(), m(O, {
+  return s(), m(P, {
     name: "fade",
     appear: "",
     onAfterLeave: i.onClose
@@ -4796,7 +4796,7 @@ function xi(e, t, l, a, r, i) {
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Oi = {
+const Pi = {
   name: "w-select",
   mixins: [z],
   props: {
@@ -4967,7 +4967,7 @@ const Oi = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Pi = /* @__PURE__ */ v(Oi, [["render", xi]]), zi = ["for"], Mi = ["for", "innerHTML"], Ei = { class: "w-slider__track-wrap" }, Wi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Ai = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ni = ["for"], Ki = { key: 0 }, Hi = {
+}, Oi = /* @__PURE__ */ v(Pi, [["render", xi]]), zi = ["for"], Mi = ["for", "innerHTML"], Ei = { class: "w-slider__track-wrap" }, Wi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], Ai = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Ni = ["for"], Ki = { key: 0 }, Hi = {
   key: 0,
   class: "w-slider__step-labels"
 }, Di = ["onClick"], Fi = ["for"], ji = ["for", "innerHTML"];
@@ -5528,7 +5528,7 @@ function vs(e, t, l, a, r, i) {
           ])), 128))
         ]),
         _: 3
-      }, 8, ["name"])) : (s(), m(O, {
+      }, 8, ["name"])) : (s(), m(P, {
         key: 1,
         name: i.transitionName,
         mode: i.transitionMode
@@ -5753,10 +5753,10 @@ const ks = {
 }, Rs = ["colspan"], Ts = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ls = ["colspan"], xs = { class: "w-table__loading-text" }, Os = {
+}, Ls = ["colspan"], xs = { class: "w-table__loading-text" }, Ps = {
   key: 1,
   class: "no-data"
-}, Ps = ["colspan"], zs = ["onClick"], Ms = ["data-label"], Es = ["data-label"], Ws = ["innerHTML"], As = {
+}, Os = ["colspan"], zs = ["onClick"], Ms = ["data-label"], Es = ["data-label"], Ws = ["innerHTML"], As = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
 }, Ns = ["colspan"], Ks = { key: 0 }, Hs = {
@@ -5861,7 +5861,7 @@ function Js(e, t, l, a, r, i) {
               ])
             ])
           ], 8, Ls)
-        ])) : i.tableItems.length ? c("", !0) : (s(), u("tr", Os, [
+        ])) : i.tableItems.length ? c("", !0) : (s(), u("tr", Ps, [
           w("td", {
             class: "w-table__cell text-center",
             colspan: l.headers.length
@@ -5869,7 +5869,7 @@ function Js(e, t, l, a, r, i) {
             p(e.$slots, "no-data", {}, () => [
               S("No data to show.")
             ])
-          ], 8, Ps)
+          ], 8, Os)
         ])),
         i.tableItems.length && l.loading !== !0 ? (s(!0), u(k, { key: 2 }, L(i.paginatedItems, (b, R) => (s(), u(k, { key: R }, [
           e.$slots.item ? p(e.$slots, "item", {
@@ -5883,10 +5883,10 @@ function Js(e, t, l, a, r, i) {
             class: f(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[b._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[b._uid] !== void 0 }]),
             onClick: (x) => i.doSelectRow(b, R)
           }, [
-            (s(!0), u(k, null, L(l.headers, (x, P) => (s(), u(k, null, [
-              e.$slots[`item-cell.${x.key}`] || e.$slots[`item-cell.${P + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
+            (s(!0), u(k, null, L(l.headers, (x, O) => (s(), u(k, null, [
+              e.$slots[`item-cell.${x.key}`] || e.$slots[`item-cell.${O + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
-                key: `${P}-a`,
+                key: `${O}-a`,
                 "data-label": x.label
               }, [
                 e.$slots[`item-cell.${x.key}`] ? p(e.$slots, `item-cell.${x.key}`, {
@@ -5895,7 +5895,7 @@ function Js(e, t, l, a, r, i) {
                   item: b,
                   label: b[x.key] || "",
                   index: R + 1
-                }) : e.$slots[`item-cell.${P + 1}`] ? p(e.$slots, `item-cell.${P + 1}`, {
+                }) : e.$slots[`item-cell.${O + 1}`] ? p(e.$slots, `item-cell.${O + 1}`, {
                   key: 1,
                   header: x,
                   item: b,
@@ -5908,21 +5908,21 @@ function Js(e, t, l, a, r, i) {
                   label: b[x.key] || "",
                   index: R + 1
                 }) : c("", !0),
-                P < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 3,
-                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
+                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
                 }, null, 2)) : c("", !0)
               ], 10, Ms)) : (s(), u("td", {
                 class: f(["w-table__cell", { [`text-${x.align || "left"}`]: !0, "w-table__cell--sticky": x.sticky }]),
-                key: `${P}-b`,
+                key: `${O}-b`,
                 "data-label": x.label
               }, [
                 w("div", {
                   innerHTML: b[x.key] || ""
                 }, null, 8, Ws),
-                P < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
+                O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 0,
-                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === P, "w-table__col-resizer--active": e.colResizing.columnIndex === P }])
+                  class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
                 }, null, 2)) : c("", !0)
               ], 10, Es))
             ], 64))), 256))
@@ -6092,7 +6092,14 @@ const ge = 15, Qs = {
       columnEl: null,
       nextColumnEl: null
     },
-    paginationConfig: {}
+    paginationConfig: {
+      itemsPerPage: 0,
+      itemsPerPageOptions: {},
+      start: void 0,
+      end: void 0,
+      page: 1,
+      total: 0
+    }
   }),
   computed: {
     tableItems() {
@@ -6713,7 +6720,7 @@ const ba = {
 function wa(e, t, l, a, r, i) {
   return s(), u(k, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    I(O, {
+    I(P, {
       name: i.transitionName,
       appear: ""
     }, {
@@ -6819,7 +6826,7 @@ const va = {
   }
 }, ka = /* @__PURE__ */ v(va, [["render", wa]]);
 function _a(e, t, l, a, r, i) {
-  return s(), m(O, C({ name: "bounce" }, e.$props), {
+  return s(), m(P, C({ name: "bounce" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6834,7 +6841,7 @@ const Ca = {
   }
 }, Sa = /* @__PURE__ */ v(Ca, [["render", _a]]);
 function Ba(e, t, l, a, r, i) {
-  return s(), m(O, {
+  return s(), m(P, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -6946,7 +6953,7 @@ const $a = {
   }
 }, Va = /* @__PURE__ */ v($a, [["render", Ba]]);
 function Ia(e, t, l, a, r, i) {
-  return s(), m(O, C({ name: "fade" }, e.$props), {
+  return s(), m(P, C({ name: "fade" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6961,7 +6968,7 @@ const Ra = {
   }
 }, Ta = /* @__PURE__ */ v(Ra, [["render", Ia]]);
 function La(e, t, l, a, r, i) {
-  return s(), m(O, C({ name: "scale" }, e.$props), {
+  return s(), m(P, C({ name: "scale" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6974,9 +6981,9 @@ const xa = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Oa = /* @__PURE__ */ v(xa, [["render", La]]);
-function Pa(e, t, l, a, r, i) {
-  return s(), m(O, C({ name: "scale-fade" }, e.$props), {
+}, Pa = /* @__PURE__ */ v(xa, [["render", La]]);
+function Oa(e, t, l, a, r, i) {
+  return s(), m(P, C({ name: "scale-fade" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6989,9 +6996,9 @@ const za = {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Ma = /* @__PURE__ */ v(za, [["render", Pa]]);
+}, Ma = /* @__PURE__ */ v(za, [["render", Oa]]);
 function Ea(e, t, l, a, r, i) {
-  return s(), m(O, C({ name: i.transitionName }, e.$props), {
+  return s(), m(P, C({ name: i.transitionName }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7018,7 +7025,7 @@ const Wa = {
   }
 }, Aa = /* @__PURE__ */ v(Wa, [["render", Ea]]);
 function Na(e, t, l, a, r, i) {
-  return s(), m(O, C({ name: i.transitionName }, e.$props), {
+  return s(), m(P, C({ name: i.transitionName }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7045,7 +7052,7 @@ const Ka = {
   }
 }, Ha = /* @__PURE__ */ v(Ka, [["render", Na]]);
 function Da(e, t, l, a, r, i) {
-  return s(), m(O, C({ name: "twist" }, e.$props), {
+  return s(), m(P, C({ name: "twist" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -7313,7 +7320,7 @@ const Ya = {
   WBreadcrumbs: ut,
   WButton: wt,
   WCard: Ct,
-  WCheckbox: Ot,
+  WCheckbox: Pt,
   WCheckboxes: Et,
   WConfirm: Nt,
   WDatePicker: Dt,
@@ -7326,7 +7333,7 @@ const Ya = {
   WGrid: fl,
   WIcon: bl,
   WImage: kl,
-  WInput: Ol,
+  WInput: Pl,
   WList: Ml,
   WMenu: Al,
   WNotification: Hl,
@@ -7337,7 +7344,7 @@ const Ya = {
   WRadios: gi,
   WRating: vi,
   WScrollable: Si,
-  WSelect: Pi,
+  WSelect: Oi,
   WSlider: Xi,
   WSpinner: Qi,
   WSteps: ts,
@@ -7352,7 +7359,7 @@ const Ya = {
   WTransitionBounce: Sa,
   WTransitionExpand: Va,
   WTransitionFade: Ta,
-  WTransitionScale: Oa,
+  WTransitionScale: Pa,
   WTransitionScaleFade: Ma,
   WTransitionSlide: Aa,
   WTransitionSlideFade: Ha,