wave-ui 3.4.3 → 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
@@ -4637,9 +4637,9 @@ const _i = {
 }, Ii = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Ri = ["value", "name"], Ti = ["for"], Li = ["for"];
 function xi(e, t, l, a, r, i) {
   const o = $("w-icon"), n = $("w-list"), d = $("w-menu");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
     valid: e.valid,
-    "onUpdate:valid": t[9] || (t[9] = (h) => e.valid = h),
+    "onUpdate:valid": t[11] || (t[11] = (h) => e.valid = h),
     onReset: i.onReset,
     wrap: i.hasLabel && l.labelPosition !== "inside",
     class: i.classes
@@ -4658,7 +4658,8 @@ function xi(e, t, l, a, r, i) {
       ], 64)) : c("", !0),
       I(d, C({
         modelValue: e.showMenu,
-        "onUpdate:modelValue": t[8] || (t[8] = (h) => e.showMenu = h),
+        "onUpdate:modelValue": t[9] || (t[9] = (h) => e.showMenu = h),
+        onClose: t[10] || (t[10] = (h) => !h && i.closeMenu()),
         "menu-class": `w-select__menu ${l.menuClass || ""}`,
         transition: "slide-fade-down",
         "append-to": (l.menuProps || {}).appendTo !== void 0 ? (l.menuProps || {}).appendTo : void 0,
@@ -4669,7 +4670,7 @@ function xi(e, t, l, a, r, i) {
         activator: g(({ on: h }) => [
           w("div", {
             class: f(["w-select__selection-wrap", i.inputWrapClasses]),
-            onClick: t[5] || (t[5] = (y) => !e.isDisabled && !e.isReadonly && (e.showMenu ? i.closeMenu : i.openMenu)()),
+            onClick: t[5] || (t[5] = (y) => !e.isDisabled && !e.isReadonly && i.onInputFieldClick()),
             role: "button",
             "aria-haspopup": "listbox",
             "aria-expanded": e.showMenu ? "true" : "false",
@@ -4743,8 +4744,8 @@ function xi(e, t, l, a, r, i) {
             "onUpdate:modelValue": i.onInput,
             onItemClick: t[6] || (t[6] = (h) => e.$emit("item-click", h)),
             onItemSelect: i.onListItemSelect,
-            "onKeydown:enter": t[7] || (t[7] = (h) => l.noUnselect && !l.multiple && i.closeMenu()),
-            "onKeydown:escape": i.closeMenu,
+            "onKeydown:enter": t[7] || (t[7] = (h) => l.noUnselect && !l.multiple && i.closeMenu("la3")),
+            "onKeydown:escape": t[8] || (t[8] = (h) => e.showMenu && (this.showMenu = !1)),
             items: i.selectItems,
             multiple: l.multiple,
             "arrows-navigation": "",
@@ -4776,7 +4777,7 @@ function xi(e, t, l, a, r, i) {
                 ])
               ])
             }))
-          ]), 1032, ["model-value", "onUpdate:modelValue", "onItemSelect", "onKeydown:escape", "items", "multiple", "add-ids", "no-unselect", "selection-color", "item-color-key"])
+          ]), 1032, ["model-value", "onUpdate:modelValue", "onItemSelect", "items", "multiple", "add-ids", "no-unselect", "selection-color", "item-color-key"])
         ]),
         _: 3
       }, 16, ["modelValue", "menu-class", "append-to"]),
@@ -4795,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: {
@@ -4893,14 +4894,15 @@ const Oi = {
   },
   methods: {
     onFocus(e) {
-      return this.isFocused = !0, this.$emit("focus", e), !1;
+      if (!this.isFocused)
+        return this.isFocused = !0, this.$emit("focus", e), !1;
     },
     onBlur(e) {
-      this.isFocused = !1, this.$emit("blur", e);
+      this.showMenu || (this.isFocused = !1, this.$emit("blur", e));
     },
     onKeydown(e) {
-      if (e.preventDefault(), [13, 27, 38, 40].includes(e.keyCode) && e.preventDefault(), e.keyCode === 27)
-        this.closeMenu();
+      if (!e.metaKey && !e.ctrlKey && e.keyCode !== 9 && e.preventDefault(), e.keyCode === 27 && this.showMenu)
+        this.closeMenu("la5");
       else if (e.keyCode === 13)
         this.openMenu();
       else if ([38, 40].includes(e.keyCode))
@@ -4923,8 +4925,11 @@ const Oi = {
       const t = this.multiple ? e : e[0];
       this.$emit("update:modelValue", t), this.$emit("input", t);
     },
+    onInputFieldClick() {
+      this.showMenu ? this.showMenu = !1 : this.openMenu();
+    },
     onListItemSelect(e) {
-      this.$emit("item-select", e), this.multiple || this.closeMenu();
+      this.$emit("item-select", e), this.multiple || (this.showMenu = !1);
     },
     onReset() {
       this.inputValue = [];
@@ -4947,7 +4952,8 @@ const Oi = {
       }, 100);
     },
     closeMenu() {
-      (this.menuProps || {}).hideOnMenuClick !== !1 && (this.showMenu = !1, setTimeout(() => this.$refs["selection-input"].focus(), 50));
+      var e;
+      ((e = this.menuProps) == null ? void 0 : e.hideOnMenuClick) !== !1 && (this.showMenu = !1, setTimeout(() => this.$refs["selection-input"].focus(), 50));
     }
   },
   created() {
@@ -4961,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"];
@@ -5522,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
@@ -5747,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 = {
@@ -5855,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
@@ -5863,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", {
@@ -5877,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}`, {
@@ -5889,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,
@@ -5902,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))
@@ -6086,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() {
@@ -6707,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: ""
     }, {
@@ -6813,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")
     ]),
@@ -6828,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,
@@ -6940,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")
     ]),
@@ -6955,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")
     ]),
@@ -6968,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")
     ]),
@@ -6983,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")
     ]),
@@ -7012,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")
     ]),
@@ -7039,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")
     ]),
@@ -7307,7 +7320,7 @@ const Ya = {
   WBreadcrumbs: ut,
   WButton: wt,
   WCard: Ct,
-  WCheckbox: Ot,
+  WCheckbox: Pt,
   WCheckboxes: Et,
   WConfirm: Nt,
   WDatePicker: Dt,
@@ -7320,7 +7333,7 @@ const Ya = {
   WGrid: fl,
   WIcon: bl,
   WImage: kl,
-  WInput: Ol,
+  WInput: Pl,
   WList: Ml,
   WMenu: Al,
   WNotification: Hl,
@@ -7331,7 +7344,7 @@ const Ya = {
   WRadios: gi,
   WRating: vi,
   WScrollable: Si,
-  WSelect: Pi,
+  WSelect: Oi,
   WSlider: Xi,
   WSpinner: Qi,
   WSteps: ts,
@@ -7346,7 +7359,7 @@ const Ya = {
   WTransitionBounce: Sa,
   WTransitionExpand: Va,
   WTransitionFade: Ta,
-  WTransitionScale: Oa,
+  WTransitionScale: Pa,
   WTransitionScaleFade: Ma,
   WTransitionSlide: Aa,
   WTransitionSlideFade: Ha,