wave-ui 1.56.0 → 1.57.0

package/dist/wave-ui.es.js

@@ -1,34 +1,5 @@
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
@@ -121,16 +92,17 @@ const _NotificationManager$1 = class {
     });
   }
   notify(...args) {
-    let notification = __spreadProps(__spreadValues({}, __privateGet(this, _notificationDefaults)), { _uid: __privateWrapper(this, _uid)._++ });
+    let notification = { ...__privateGet(this, _notificationDefaults), _uid: __privateWrapper(this, _uid)._++ };
     if (typeof args[0] === "object")
-      notification = __spreadValues(__spreadValues({}, notification), args[0]);
+      notification = { ...notification, ...args[0] };
     else {
       const [message, type, timeout] = args;
-      notification = __spreadProps(__spreadValues({}, notification), {
+      notification = {
+        ...notification,
         message: message || "",
         [type === void 0 ? "info" : type]: true,
         timeout: timeout || timeout === 0 ? parseFloat(timeout) : 4e3
-      });
+      };
     }
     Vue.set(this.notifications, this.notifications.length, notification);
     if (~~notification.timeout !== 0)
@@ -470,7 +442,8 @@ const _WaveUI = class {
       obj[color.label] = color.color;
       color.shades.forEach((shade) => obj[shade.label] = shade.color);
       return obj;
-    }, __spreadProps(__spreadValues({}, config.colors), { black: "#000", white: "#fff", transparent: "transparent", inherit: "inherit" })));
+    }, { ...config.colors, black: "#000", white: "#fff", transparent: "transparent", inherit: "inherit" }));
+    __publicField(this, "config", {});
     if (_WaveUI.instance)
       return _WaveUI.instance;
     else {
@@ -494,6 +467,8 @@ const _WaveUI = class {
           }
         }
       }
+      this.config = config;
+      this.notify = (...args) => notificationManager.notify(...args);
       _WaveUI.instance = this;
       _WaveUI.vueInstance.prototype.$waveui = _WaveUI.vueInstance.observable(this);
       delete _WaveUI.vueInstance;
@@ -527,7 +502,6 @@ let WaveUI = _WaveUI;
 _notificationManager = new WeakMap();
 __publicField(WaveUI, "instance", null);
 __publicField(WaveUI, "vueInstance", null);
-WaveUI.version = "__VERSION__";
 var render$P = function() {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -593,7 +567,10 @@ function normalizeComponent(scriptExports, render2, staticRenderFns2, functional
     options._ssrRegister = hook;
   } else if (injectStyles) {
     hook = shadowMode ? function() {
-      injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
+      injectStyles.call(
+        this,
+        (options.functional ? this.parent : this).$root.$options.shadowRoot
+      );
     } : injectStyles;
   }
   if (hook) {
@@ -678,7 +655,8 @@ const __vue2_script$P = {
     },
     updateItems() {
       const items = typeof this.items === "number" ? Array(this.items).fill({}) : this.items || [];
-      this.$set(this, "accordionItems", items.map((item, _index) => __spreadProps(__spreadValues({}, item), {
+      this.$set(this, "accordionItems", items.map((item, _index) => ({
+        ...item,
         _index,
         _expanded: this.value && this.value[_index],
         _disabled: !!item.disabled
@@ -701,7 +679,16 @@ const __vue2_script$P = {
   }
 };
 const __cssModules$P = {};
-var __component__$P = /* @__PURE__ */ normalizeComponent(__vue2_script$P, render$P, staticRenderFns$P, false, __vue2_injectStyles$P, null, null, null);
+var __component__$P = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$P,
+  render$P,
+  staticRenderFns$P,
+  false,
+  __vue2_injectStyles$P,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$P(context) {
   for (let o in __cssModules$P) {
     this[o] = __cssModules$P[o];
@@ -799,7 +786,16 @@ const __vue2_script$O = {
   }
 };
 const __cssModules$O = {};
-var __component__$O = /* @__PURE__ */ normalizeComponent(__vue2_script$O, render$O, staticRenderFns$O, false, __vue2_injectStyles$O, null, null, null);
+var __component__$O = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$O,
+  render$O,
+  staticRenderFns$O,
+  false,
+  __vue2_injectStyles$O,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$O(context) {
   for (let o in __cssModules$O) {
     this[o] = __cssModules$O[o];
@@ -829,7 +825,7 @@ const __vue2_script$N = {
   }),
   computed: {
     conf() {
-      return config.notificationManager;
+      return this.$waveui.config.notificationManager;
     },
     notifications() {
       var _a;
@@ -841,7 +837,7 @@ const __vue2_script$N = {
   },
   methods: {
     notifProps(notif) {
-      const _a = notif, { _value, _uid: _uid2, message, timeout } = _a, props = __objRest(_a, ["_value", "_uid", "message", "timeout"]);
+      const { _value, _uid: _uid2, message, timeout, ...props } = notif;
       return props;
     }
   },
@@ -854,7 +850,16 @@ const __vue2_script$N = {
   }
 };
 const __cssModules$N = {};
-var __component__$N = /* @__PURE__ */ normalizeComponent(__vue2_script$N, render$N, staticRenderFns$N, false, __vue2_injectStyles$N, null, null, null);
+var __component__$N = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$N,
+  render$N,
+  staticRenderFns$N,
+  false,
+  __vue2_injectStyles$N,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$N(context) {
   for (let o in __cssModules$N) {
     this[o] = __cssModules$N[o];
@@ -863,57 +868,50 @@ function __vue2_injectStyles$N(context) {
 var NotificationManager = /* @__PURE__ */ function() {
   return __component__$N.exports;
 }();
-const { css: cssConfig } = config;
-const entries = Object.entries(config.breakpoints);
-const breakpoints = entries.map(([label, max], i) => {
-  const [, value = 0] = entries[i - 1] || [];
-  return { label, min: value ? value + 1 : 0, max };
-});
-let computedStyles = null;
 const cssVars = {
   cssScope: ".w-app",
   baseIncrement: 4
 };
-const generateColors = () => {
+const generateColors = (config2) => {
   let styles = "";
   const { cssScope } = cssVars;
-  const _a = config.colors, { info, warning, success, error } = _a, colors2 = __objRest(_a, ["info", "warning", "success", "error"]);
+  const { info, warning, success, error, ...colors2 } = config2.colors;
   for (const color in colors2) {
-    styles += `${cssScope} .${color}--bg{background-color:${config.colors[color]}}${cssScope} .${color}{color:${config.colors[color]}}`;
+    styles += `${cssScope} .${color}--bg{background-color:${config2.colors[color]}}${cssScope} .${color}{color:${config2.colors[color]}}`;
   }
-  if (cssConfig.colorShades && config.colorShades) {
-    Object.entries(config.colorShades).forEach(([label, color]) => {
+  if (config2.css.colorShades && config2.colorShades) {
+    Object.entries(config2.colorShades).forEach(([label, color]) => {
       styles += `${cssScope} .${label}--bg{background-color:${color}}${cssScope} .${label}{color:${color}}`;
     });
   }
   const statusColors = { info, warning, success, error };
   for (const color in statusColors) {
-    styles += `${cssScope} .${color}--bg{background-color:${config.colors[color]}}${cssScope} .${color}{color:${config.colors[color]}}`;
+    styles += `${cssScope} .${color}--bg{background-color:${config2.colors[color]}}${cssScope} .${color}{color:${config2.colors[color]}}`;
   }
   const cssVariables = [];
-  cssVariables.push(`--primary: ${config.colors.primary}`);
+  cssVariables.push(`--primary: ${config2.colors.primary}`);
   styles += `:root {${cssVariables.join(";")}}`;
   return styles;
 };
-const generateBreakpoints = () => {
+const generateBreakpoints = (breakpoints, grid) => {
   let styles = "";
   const { cssScope } = cssVars;
   breakpoints.forEach(({ min, label }) => {
     if (label === "xs") {
-      for (let i = 0; i < cssConfig.grid; i++) {
-        styles += `${cssScope} .${label}${cssConfig.grid - i}{width:${parseFloat(((cssConfig.grid - i) * 100 / cssConfig.grid).toFixed(4))}%;}`;
+      for (let i = 0; i < grid; i++) {
+        styles += `${cssScope} .${label}${grid - i}{width:${parseFloat(((grid - i) * 100 / grid).toFixed(4))}%;}`;
       }
     } else {
       styles += `@media(min-width:${min}px){`;
-      for (let i = 0; i < cssConfig.grid; i++) {
-        styles += `${cssScope} .${label}${cssConfig.grid - i}{width:${parseFloat(((cssConfig.grid - i) * 100 / cssConfig.grid).toFixed(4))}%;}`;
+      for (let i = 0; i < grid; i++) {
+        styles += `${cssScope} .${label}${grid - i}{width:${parseFloat(((grid - i) * 100 / grid).toFixed(4))}%;}`;
       }
       styles += "}";
     }
   });
   return styles;
 };
-const genBreakpointLayoutClasses = () => {
+const genBreakpointLayoutClasses = (breakpoints) => {
   let styles = "";
   const { cssScope, baseIncrement } = cssVars;
   const layoutClasses = [
@@ -966,15 +964,20 @@ const genBreakpointLayoutClasses = () => {
   });
   return styles;
 };
-var DynamicCSS = () => {
-  let styles = "";
-  computedStyles = getComputedStyle(document.documentElement);
+var dynamicCSS = (config2) => {
+  const entries = Object.entries(config2.breakpoints);
+  const breakpointsDef2 = entries.map(([label, max], i) => {
+    const [, value = 0] = entries[i - 1] || [];
+    return { label, min: value ? value + 1 : 0, max };
+  });
+  const computedStyles = getComputedStyle(document.documentElement);
   cssVars.cssScope = computedStyles.getPropertyValue("--css-scope");
   cssVars.baseIncrement = parseInt(computedStyles.getPropertyValue("--base-increment"));
-  styles += generateColors();
-  styles += generateBreakpoints();
-  if (cssConfig.breakpointLayoutClasses)
-    styles += genBreakpointLayoutClasses();
+  let styles = "";
+  styles += generateColors(config2);
+  styles += generateBreakpoints(breakpointsDef2, config2.css.grid);
+  if (config2.css.breakpointLayoutClasses)
+    styles += genBreakpointLayoutClasses(breakpointsDef2);
   return styles;
 };
 var render$M = function() {
@@ -985,8 +988,7 @@ var render$M = function() {
 };
 var staticRenderFns$M = [];
 var wApp_vue_vue_type_style_index_0_lang = "";
-const breakpointsNames = Object.keys(config.breakpoints);
-const breakpointsValues = Object.values(config.breakpoints);
+let breakpointsDef = { keys: [], values: [] };
 const __vue2_script$M = {
   name: "w-app",
   props: {
@@ -1029,10 +1031,10 @@ const __vue2_script$M = {
   methods: {
     getBreakpoint() {
       const width = window.innerWidth;
-      const breakpoints2 = breakpointsValues.slice(0);
-      breakpoints2.push(width);
-      breakpoints2.sort((a, b) => a - b);
-      const breakpoint = breakpointsNames[breakpoints2.indexOf(width)] || "xl";
+      const breakpoints = breakpointsDef.values.slice(0);
+      breakpoints.push(width);
+      breakpoints.sort((a, b) => a - b);
+      const breakpoint = breakpointsDef.keys[breakpoints.indexOf(width)] || "xl";
       if (breakpoint !== this.currentBreakpoint) {
         this.currentBreakpoint = breakpoint;
         this.$waveui.breakpoint = {
@@ -1046,16 +1048,15 @@ const __vue2_script$M = {
         };
       }
       this.$waveui.breakpoint.width = width;
-    },
-    dynamicStyles() {
-      return DynamicCSS();
     }
   },
   mounted() {
+    const { config: config2 } = this.$waveui;
+    breakpointsDef = { keys: Object.keys(config2.breakpoints), values: Object.values(config2.breakpoints) };
     if (!document.getElementById("wave-ui-styles")) {
       const css = document.createElement("style");
       css.id = "wave-ui-styles";
-      css.innerHTML = this.dynamicStyles();
+      css.innerHTML = dynamicCSS(config2);
       const firstStyle = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
       if (firstStyle)
         firstStyle.before(css);
@@ -1070,7 +1071,16 @@ const __vue2_script$M = {
   }
 };
 const __cssModules$M = {};
-var __component__$M = /* @__PURE__ */ normalizeComponent(__vue2_script$M, render$M, staticRenderFns$M, false, __vue2_injectStyles$M, null, null, null);
+var __component__$M = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$M,
+  render$M,
+  staticRenderFns$M,
+  false,
+  __vue2_injectStyles$M,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$M(context) {
   for (let o in __cssModules$M) {
     this[o] = __cssModules$M[o];
@@ -1152,7 +1162,16 @@ const __vue2_script$L = {
   }
 };
 const __cssModules$L = {};
-var __component__$L = /* @__PURE__ */ normalizeComponent(__vue2_script$L, render$L, staticRenderFns$L, false, __vue2_injectStyles$L, null, null, null);
+var __component__$L = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$L,
+  render$L,
+  staticRenderFns$L,
+  false,
+  __vue2_injectStyles$L,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$L(context) {
   for (let o in __cssModules$L) {
     this[o] = __cssModules$L[o];
@@ -1203,7 +1222,16 @@ const __vue2_script$K = {
   }
 };
 const __cssModules$K = {};
-var __component__$K = /* @__PURE__ */ normalizeComponent(__vue2_script$K, render$K, staticRenderFns$K, false, __vue2_injectStyles$K, null, null, null);
+var __component__$K = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$K,
+  render$K,
+  staticRenderFns$K,
+  false,
+  __vue2_injectStyles$K,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$K(context) {
   for (let o in __cssModules$K) {
     this[o] = __cssModules$K[o];
@@ -1263,7 +1291,8 @@ const __vue2_script$J = {
       return this.hasRouter ? this.$router.resolve(this.route).href : this.route;
     },
     listeners() {
-      return this.route && this.hasRouter && !this.forceLink && !this.externalLink ? __spreadProps(__spreadValues({}, this.$listeners), {
+      return this.route && this.hasRouter && !this.forceLink && !this.externalLink ? {
+        ...this.$listeners,
         click: (e) => {
           if (this.$listeners.click)
             this.$listeners.click(e);
@@ -1271,7 +1300,7 @@ const __vue2_script$J = {
           e.stopPropagation();
           e.preventDefault();
         }
-      }) : this.$listeners;
+      } : this.$listeners;
     },
     size() {
       return this.xs && "xs" || this.sm && "sm" || this.lg && "lg" || this.xl && "xl" || "md";
@@ -1283,7 +1312,7 @@ const __vue2_script$J = {
       ];
     },
     externalLink() {
-      return /^(https?:)?\/\//.test(this.route);
+      return /^(https?:)?\/\/|mailto:|tel:/.test(this.route);
     },
     classes() {
       return {
@@ -1315,7 +1344,16 @@ const __vue2_script$J = {
   }
 };
 const __cssModules$J = {};
-var __component__$J = /* @__PURE__ */ normalizeComponent(__vue2_script$J, render$J, staticRenderFns$J, false, __vue2_injectStyles$J, null, null, null);
+var __component__$J = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$J,
+  render$J,
+  staticRenderFns$J,
+  false,
+  __vue2_injectStyles$J,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$J(context) {
   for (let o in __cssModules$J) {
     this[o] = __cssModules$J[o];
@@ -1370,10 +1408,11 @@ const __vue2_script$I = {
       return actions && actions.map((vnode) => vnode.tag).join("").includes("w-toolbar");
     },
     imgProps() {
-      return __spreadValues({
+      return {
         tag: "div",
-        ratio: 1 / 2
-      }, this.imageProps);
+        ratio: 1 / 2,
+        ...this.imageProps
+      };
     },
     classes() {
       return {
@@ -1387,7 +1426,16 @@ const __vue2_script$I = {
   }
 };
 const __cssModules$I = {};
-var __component__$I = /* @__PURE__ */ normalizeComponent(__vue2_script$I, render$I, staticRenderFns$I, false, __vue2_injectStyles$I, null, null, null);
+var __component__$I = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$I,
+  render$I,
+  staticRenderFns$I,
+  false,
+  __vue2_injectStyles$I,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$I(context) {
   for (let o in __cssModules$I) {
     this[o] = __cssModules$I[o];
@@ -1537,7 +1585,16 @@ const __vue2_script$H = {
   }
 };
 const __cssModules$H = {};
-var __component__$H = /* @__PURE__ */ normalizeComponent(__vue2_script$H, render$H, staticRenderFns$H, false, __vue2_injectStyles$H, null, null, null);
+var __component__$H = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$H,
+  render$H,
+  staticRenderFns$H,
+  false,
+  __vue2_injectStyles$H,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$H(context) {
   for (let o in __cssModules$H) {
     this[o] = __cssModules$H[o];
@@ -1587,13 +1644,14 @@ const __vue2_script$G = {
     checkboxItems() {
       return (this.items || []).map((item, i) => {
         const itemValue = item[this.itemValueKey] === void 0 ? item[this.itemLabelKey] || i : item[this.itemValueKey];
-        return Vue.observable(__spreadProps(__spreadValues({}, item), {
+        return Vue.observable({
+          ...item,
           label: item[this.itemLabelKey],
           _index: i,
           value: itemValue,
           color: item[this.itemColorKey] || this.color,
           _isChecked: this.value && this.value.includes(itemValue)
-        }));
+        });
       });
     },
     classes() {
@@ -1621,7 +1679,16 @@ const __vue2_script$G = {
   }
 };
 const __cssModules$G = {};
-var __component__$G = /* @__PURE__ */ normalizeComponent(__vue2_script$G, render$G, staticRenderFns$G, false, __vue2_injectStyles$G, null, null, null);
+var __component__$G = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$G,
+  render$G,
+  staticRenderFns$G,
+  false,
+  __vue2_injectStyles$G,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$G(context) {
   for (let o in __cssModules$G) {
     this[o] = __cssModules$G[o];
@@ -1685,7 +1752,7 @@ const __vue2_script$F = {
       return button;
     },
     cancelButtonProps() {
-      const _a = this.cancelButton, { label } = _a, props = __objRest(_a, ["label"]);
+      const { label, ...props } = this.cancelButton;
       return props;
     },
     confirmButton() {
@@ -1695,11 +1762,11 @@ const __vue2_script$F = {
       return button;
     },
     confirmButtonProps() {
-      const _a = this.confirmButton, { label } = _a, props = __objRest(_a, ["label"]);
+      const { label, ...props } = this.confirmButton;
       return props;
     },
     wMenuProps() {
-      return __spreadValues({
+      return {
         top: this.top,
         bottom: this.bottom,
         left: this.left,
@@ -1710,15 +1777,17 @@ const __vue2_script$F = {
         alignLeft: this.alignLeft,
         alignRight: this.alignRight,
         persistent: this.persistent,
-        transition: this.transition
-      }, this.menu);
+        transition: this.transition,
+        ...this.menu
+      };
     },
     buttonProps() {
-      return __spreadValues({
+      return {
         bgColor: this.bgColor,
         color: this.color,
-        icon: this.icon
-      }, this.mainButton);
+        icon: this.icon,
+        ...this.mainButton
+      };
     }
   },
   methods: {
@@ -1733,7 +1802,16 @@ const __vue2_script$F = {
   }
 };
 const __cssModules$F = {};
-var __component__$F = /* @__PURE__ */ normalizeComponent(__vue2_script$F, render$F, staticRenderFns$F, false, __vue2_injectStyles$F, null, null, null);
+var __component__$F = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$F,
+  render$F,
+  staticRenderFns$F,
+  false,
+  __vue2_injectStyles$F,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$F(context) {
   for (let o in __cssModules$F) {
     this[o] = __cssModules$F[o];
@@ -1764,7 +1842,16 @@ const __vue2_script$E = {
   }
 };
 const __cssModules$E = {};
-var __component__$E = /* @__PURE__ */ normalizeComponent(__vue2_script$E, render$E, staticRenderFns$E, false, __vue2_injectStyles$E, null, null, null);
+var __component__$E = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$E,
+  render$E,
+  staticRenderFns$E,
+  false,
+  __vue2_injectStyles$E,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$E(context) {
   for (let o in __cssModules$E) {
     this[o] = __cssModules$E[o];
@@ -1860,7 +1947,16 @@ const __vue2_script$D = {
   }
 };
 const __cssModules$D = {};
-var __component__$D = /* @__PURE__ */ normalizeComponent(__vue2_script$D, render$D, staticRenderFns$D, false, __vue2_injectStyles$D, null, null, null);
+var __component__$D = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$D,
+  render$D,
+  staticRenderFns$D,
+  false,
+  __vue2_injectStyles$D,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$D(context) {
   for (let o in __cssModules$D) {
     this[o] = __cssModules$D[o];
@@ -1873,7 +1969,7 @@ var render$C = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "w-divider", class: _vm.classes, attrs: { "role": "presentation", "aria-orientation": _vm.vertical ? "vertical" : "horizontal" } }, [_vm._t("default")], 2);
+  return _c("div", { staticClass: "w-divider", class: _vm.classes, attrs: { "role": _vm.$slots.default ? null : "presentation", "aria-orientation": _vm.vertical ? "vertical" : "horizontal" } }, [_vm._t("default")], 2);
 };
 var staticRenderFns$C = [];
 var wDivider_vue_vue_type_style_index_0_lang = "";
@@ -1895,7 +1991,16 @@ const __vue2_script$C = {
   }
 };
 const __cssModules$C = {};
-var __component__$C = /* @__PURE__ */ normalizeComponent(__vue2_script$C, render$C, staticRenderFns$C, false, __vue2_injectStyles$C, null, null, null);
+var __component__$C = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$C,
+  render$C,
+  staticRenderFns$C,
+  false,
+  __vue2_injectStyles$C,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$C(context) {
   for (let o in __cssModules$C) {
     this[o] = __cssModules$C[o];
@@ -2033,7 +2138,16 @@ const __vue2_script$B = {
   }
 };
 const __cssModules$B = {};
-var __component__$B = /* @__PURE__ */ normalizeComponent(__vue2_script$B, render$B, staticRenderFns$B, false, __vue2_injectStyles$B, null, null, null);
+var __component__$B = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$B,
+  render$B,
+  staticRenderFns$B,
+  false,
+  __vue2_injectStyles$B,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$B(context) {
   for (let o in __cssModules$B) {
     this[o] = __cssModules$B[o];
@@ -2099,7 +2213,16 @@ const __vue2_script$A = {
   }
 };
 const __cssModules$A = {};
-var __component__$A = /* @__PURE__ */ normalizeComponent(__vue2_script$A, render$A, staticRenderFns$A, false, __vue2_injectStyles$A, null, null, null);
+var __component__$A = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$A,
+  render$A,
+  staticRenderFns$A,
+  false,
+  __vue2_injectStyles$A,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$A(context) {
   for (let o in __cssModules$A) {
     this[o] = __cssModules$A[o];
@@ -2213,8 +2336,6 @@ const __vue2_script$z = {
       el.Validation.message = validationMessage;
     },
     reset(e) {
-      if (!e)
-        return;
       this.status = null;
       this.formElements.forEach((item) => item.reset());
       this.updateErrorsCount(0, true);
@@ -2246,7 +2367,16 @@ const __vue2_script$z = {
   }
 };
 const __cssModules$z = {};
-var __component__$z = /* @__PURE__ */ normalizeComponent(__vue2_script$z, render$z, staticRenderFns$z, false, __vue2_injectStyles$z, null, null, null);
+var __component__$z = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$z,
+  render$z,
+  staticRenderFns$z,
+  false,
+  __vue2_injectStyles$z,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$z(context) {
   for (let o in __cssModules$z) {
     this[o] = __cssModules$z[o];
@@ -2344,7 +2474,16 @@ const __vue2_script$y = {
   }
 };
 const __cssModules$y = {};
-var __component__$y = /* @__PURE__ */ normalizeComponent(__vue2_script$y, render$y, staticRenderFns$y, false, __vue2_injectStyles$y, null, null, null);
+var __component__$y = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$y,
+  render$y,
+  staticRenderFns$y,
+  false,
+  __vue2_injectStyles$y,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$y(context) {
   for (let o in __cssModules$y) {
     this[o] = __cssModules$y[o];
@@ -2410,12 +2549,24 @@ const __vue2_script$x = {
           return obj;
         }, {});
       }
-      return __spreadValues(__spreadValues({}, breakpointsColumns || { [`columns${this.columns}`]: this.columns }), breakpointsGap || { [`gap${this.gap}`]: this.gap });
+      return {
+        ...breakpointsColumns || { [`columns${this.columns}`]: this.columns },
+        ...breakpointsGap || { [`gap${this.gap}`]: this.gap }
+      };
     }
   }
 };
 const __cssModules$x = {};
-var __component__$x = /* @__PURE__ */ normalizeComponent(__vue2_script$x, render$x, staticRenderFns$x, false, __vue2_injectStyles$x, null, null, null);
+var __component__$x = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$x,
+  render$x,
+  staticRenderFns$x,
+  false,
+  __vue2_injectStyles$x,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$x(context) {
   for (let o in __cssModules$x) {
     this[o] = __cssModules$x[o];
@@ -2463,7 +2614,7 @@ const __vue2_script$w = {
   }),
   computed: {
     hasLigature() {
-      return config.iconsLigature === this.fontName;
+      return this.$waveui.config.iconsLigature === this.fontName;
     },
     forcedSize() {
       return this.size && (!isNaN(this.size) ? `${this.size}px` : this.size);
@@ -2506,7 +2657,16 @@ const __vue2_script$w = {
   }
 };
 const __cssModules$w = {};
-var __component__$w = /* @__PURE__ */ normalizeComponent(__vue2_script$w, render$w, staticRenderFns$w, false, __vue2_injectStyles$w, null, null, null);
+var __component__$w = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$w,
+  render$w,
+  staticRenderFns$w,
+  false,
+  __vue2_injectStyles$w,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$w(context) {
   for (let o in __cssModules$w) {
     this[o] = __cssModules$w[o];
@@ -2647,7 +2807,16 @@ const __vue2_script$v = {
   }
 };
 const __cssModules$v = {};
-var __component__$v = /* @__PURE__ */ normalizeComponent(__vue2_script$v, render$v, staticRenderFns$v, false, __vue2_injectStyles$v, null, null, null);
+var __component__$v = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$v,
+  render$v,
+  staticRenderFns$v,
+  false,
+  __vue2_injectStyles$v,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$v(context) {
   for (let o in __cssModules$v) {
     this[o] = __cssModules$v[o];
@@ -2754,11 +2923,11 @@ const __vue2_script$u = {
   },
   computed: {
     attrs() {
-      const _a = this.$attrs, { class: classes } = _a, attrs = __objRest(_a, ["class"]);
+      const { class: classes, ...attrs } = this.$attrs;
       return attrs;
     },
     listeners() {
-      const _a = this.$listeners, { input, focus, blur } = _a, listeners = __objRest(_a, ["input", "focus", "blur"]);
+      const { input, focus, blur, ...listeners } = this.$listeners;
       return listeners;
     },
     hasValue() {
@@ -2903,7 +3072,16 @@ const __vue2_script$u = {
   }
 };
 const __cssModules$u = {};
-var __component__$u = /* @__PURE__ */ normalizeComponent(__vue2_script$u, render$u, staticRenderFns$u, false, __vue2_injectStyles$u, null, null, null);
+var __component__$u = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$u,
+  render$u,
+  staticRenderFns$u,
+  false,
+  __vue2_injectStyles$u,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$u(context) {
   for (let o in __cssModules$u) {
     this[o] = __cssModules$u[o];
@@ -3137,7 +3315,7 @@ const __vue2_script$t = {
       const items = this.selectedItems.map((item) => {
         if (!this.returnObject)
           return item._value;
-        const _a = item, { _value, _selected } = _a, Item = __objRest(_a, ["_value", "_selected"]);
+        const { _value, _selected, ...Item } = item;
         return Item;
       });
       const selection = this.isMultipleSelect ? items : items[0] !== void 0 ? items[0] : null;
@@ -3152,12 +3330,13 @@ const __vue2_script$t = {
       this.$el.querySelector(`#${this.listId}_item-${index2 + 1}`).focus();
     },
     cleanLi(li) {
-      const _a = li, { _index, _value, _label, _selected, _focused } = _a, cleanLi = __objRest(_a, ["_index", "_value", "_label", "_selected", "_focused"]);
+      const { _index, _value, _label, _selected, _focused, ...cleanLi } = li;
       return cleanLi;
     },
     refreshListItems() {
       const items = typeof this.items === "number" ? Array(this.items).fill({}) : this.items || [];
-      this.listItems = items.map((item, i) => __spreadProps(__spreadValues({}, item), {
+      this.listItems = items.map((item, i) => ({
+        ...item,
         _index: i,
         _value: item[this.itemValueKey] === void 0 ? item[this.itemLabelKey] || i : item[this.itemValueKey],
         _selected: item._selected || false,
@@ -3198,7 +3377,16 @@ const __vue2_script$t = {
   }
 };
 const __cssModules$t = {};
-var __component__$t = /* @__PURE__ */ normalizeComponent(__vue2_script$t, render$t, staticRenderFns$t, false, __vue2_injectStyles$t, null, null, null);
+var __component__$t = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$t,
+  render$t,
+  staticRenderFns$t,
+  false,
+  __vue2_injectStyles$t,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$t(context) {
   for (let o in __cssModules$t) {
     this[o] = __cssModules$t[o];
@@ -3313,11 +3501,12 @@ var DetachableMixin = {
       let coords = { top, left, width, height };
       if (!this.fixed) {
         const { top: targetTop, left: targetLeft } = this.detachableParentEl.getBoundingClientRect();
-        const computedStyles2 = window.getComputedStyle(this.detachableParentEl, null);
-        coords = __spreadProps(__spreadValues({}, coords), {
-          top: top - targetTop + this.detachableParentEl.scrollTop - parseInt(computedStyles2.getPropertyValue("border-top-width")),
-          left: left - targetLeft + this.detachableParentEl.scrollLeft - parseInt(computedStyles2.getPropertyValue("border-left-width"))
-        });
+        const computedStyles = window.getComputedStyle(this.detachableParentEl, null);
+        coords = {
+          ...coords,
+          top: top - targetTop + this.detachableParentEl.scrollTop - parseInt(computedStyles.getPropertyValue("border-top-width")),
+          left: left - targetLeft + this.detachableParentEl.scrollLeft - parseInt(computedStyles.getPropertyValue("border-left-width"))
+        };
       }
       return coords;
     },
@@ -3327,12 +3516,12 @@ var DetachableMixin = {
         return;
       this.detachableEl.style.visibility = "hidden";
       this.detachableEl.style.display = "flex";
-      const computedStyles2 = window.getComputedStyle(this.detachableEl, null);
+      const computedStyles = window.getComputedStyle(this.detachableEl, null);
       switch (this.position) {
         case "top": {
           top -= this.detachableEl.offsetHeight;
           if (this.alignRight) {
-            left += width - this.detachableEl.offsetWidth + parseInt(computedStyles2.getPropertyValue("border-right-width"));
+            left += width - this.detachableEl.offsetWidth + parseInt(computedStyles.getPropertyValue("border-right-width"));
           } else if (!this.alignLeft)
             left += (width - this.detachableEl.offsetWidth) / 2;
           break;
@@ -3340,7 +3529,7 @@ var DetachableMixin = {
         case "bottom": {
           top += height;
           if (this.alignRight) {
-            left += width - this.detachableEl.offsetWidth + parseInt(computedStyles2.getPropertyValue("border-right-width"));
+            left += width - this.detachableEl.offsetWidth + parseInt(computedStyles.getPropertyValue("border-right-width"));
           } else if (!this.alignLeft)
             left += (width - this.detachableEl.offsetWidth) / 2;
           break;
@@ -3356,9 +3545,9 @@ var DetachableMixin = {
         case "right": {
           left += width;
           if (this.alignBottom) {
-            top += height - this.detachableEl.offsetHeight + parseInt(computedStyles2.getPropertyValue("margin-top"));
+            top += height - this.detachableEl.offsetHeight + parseInt(computedStyles.getPropertyValue("margin-top"));
           } else if (!this.alignTop) {
-            top += (height - this.detachableEl.offsetHeight) / 2 + parseInt(computedStyles2.getPropertyValue("margin-top"));
+            top += (height - this.detachableEl.offsetHeight) / 2 + parseInt(computedStyles.getPropertyValue("margin-top"));
           }
           break;
         }
@@ -3558,15 +3747,16 @@ const __vue2_script$s = {
       return objectifyClasses(this.contentClass);
     },
     overlayClasses() {
-      return __spreadProps(__spreadValues({}, objectifyClasses(this.overlayClass)), {
+      return {
+        ...objectifyClasses(this.overlayClass),
         "w-overlay--no-pointer-event": this.showOnHover
-      });
+      };
     },
     classes() {
-      return __spreadProps(__spreadValues({
+      return {
         [this.color]: this.color,
-        [`${this.bgColor}--bg`]: this.bgColor
-      }, this.menuClasses), {
+        [`${this.bgColor}--bg`]: this.bgColor,
+        ...this.menuClasses,
         [`w-menu--${this.position}`]: !this.noPosition,
         [`w-menu--align-${this.alignment}`]: !this.noPosition && this.alignment,
         "w-menu--tile": this.tile,
@@ -3575,7 +3765,7 @@ const __vue2_script$s = {
         "w-menu--arrow": this.arrow,
         "w-menu--shadow": this.shadow,
         "w-menu--fixed": this.fixed
-      });
+      };
     },
     styles() {
       return {
@@ -3649,7 +3839,16 @@ const __vue2_script$s = {
   }
 };
 const __cssModules$s = {};
-var __component__$s = /* @__PURE__ */ normalizeComponent(__vue2_script$s, render$s, staticRenderFns$s, false, __vue2_injectStyles$s, null, null, null);
+var __component__$s = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$s,
+  render$s,
+  staticRenderFns$s,
+  false,
+  __vue2_injectStyles$s,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$s(context) {
   for (let o in __cssModules$s) {
     this[o] = __cssModules$s[o];
@@ -3662,7 +3861,7 @@ var render$r = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("transition", { attrs: { "name": _vm.transitionName, "appear": "" } }, [_vm.show ? _c("div", { staticClass: "w-notification", class: _vm.classes, style: _vm.styles }, [_c("w-alert", _vm._b({ staticClass: "white--bg", on: { "input": function($event) {
+  return _c("transition", { attrs: { "name": _vm.transitionName, "appear": "" } }, [_vm.show ? _c("div", { staticClass: "w-notification", class: _vm.classes, style: _vm.styles }, [_c("w-alert", _vm._b({ class: _vm.alertClasses, on: { "input": function($event) {
     _vm.$emit("update:modelValue", false);
     _vm.$emit("input", false);
   } } }, "w-alert", _vm.alertProps, false), [_vm._t("default")], 2)], 1) : _vm._e()]);
@@ -3769,6 +3968,11 @@ const __vue2_script$r = {
         [`w-notification--${this.position.join(" w-notification--")}`]: true
       };
     },
+    alertClasses() {
+      if (this.bgColor || (this.success || this.info || this.warning || this.error) && this.plain)
+        return null;
+      return "white--bg";
+    },
     styles() {
       return {
         zIndex: this.zIndex || this.zIndex === 0 || null
@@ -3801,7 +4005,16 @@ const __vue2_script$r = {
   }
 };
 const __cssModules$r = {};
-var __component__$r = /* @__PURE__ */ normalizeComponent(__vue2_script$r, render$r, staticRenderFns$r, false, __vue2_injectStyles$r, null, null, null);
+var __component__$r = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$r,
+  render$r,
+  staticRenderFns$r,
+  false,
+  __vue2_injectStyles$r,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$r(context) {
   for (let o in __cssModules$r) {
     this[o] = __cssModules$r[o];
@@ -3890,7 +4103,16 @@ const __vue2_script$q = {
   }
 };
 const __cssModules$q = {};
-var __component__$q = /* @__PURE__ */ normalizeComponent(__vue2_script$q, render$q, staticRenderFns$q, false, __vue2_injectStyles$q, null, null, null);
+var __component__$q = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$q,
+  render$q,
+  staticRenderFns$q,
+  false,
+  __vue2_injectStyles$q,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$q(context) {
   for (let o in __cssModules$q) {
     this[o] = __cssModules$q[o];
@@ -3914,7 +4136,16 @@ const __vue2_script$p = {
   data: () => ({})
 };
 const __cssModules$p = {};
-var __component__$p = /* @__PURE__ */ normalizeComponent(__vue2_script$p, render$p, staticRenderFns$p, false, __vue2_injectStyles$p, null, null, null);
+var __component__$p = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$p,
+  render$p,
+  staticRenderFns$p,
+  false,
+  __vue2_injectStyles$p,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$p(context) {
   for (let o in __cssModules$p) {
     this[o] = __cssModules$p[o];
@@ -4004,7 +4235,16 @@ const __vue2_script$o = {
   }
 };
 const __cssModules$o = {};
-var __component__$o = /* @__PURE__ */ normalizeComponent(__vue2_script$o, render$o, staticRenderFns$o, false, __vue2_injectStyles$o, null, null, null);
+var __component__$o = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$o,
+  render$o,
+  staticRenderFns$o,
+  false,
+  __vue2_injectStyles$o,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$o(context) {
   for (let o in __cssModules$o) {
     this[o] = __cssModules$o[o];
@@ -4107,7 +4347,16 @@ const __vue2_script$n = {
   }
 };
 const __cssModules$n = {};
-var __component__$n = /* @__PURE__ */ normalizeComponent(__vue2_script$n, render$n, staticRenderFns$n, false, __vue2_injectStyles$n, null, null, null);
+var __component__$n = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$n,
+  render$n,
+  staticRenderFns$n,
+  false,
+  __vue2_injectStyles$n,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$n(context) {
   for (let o in __cssModules$n) {
     this[o] = __cssModules$n[o];
@@ -4158,7 +4407,8 @@ const __vue2_script$m = {
   }),
   computed: {
     radioItems() {
-      return (this.items || []).map((item, i) => __spreadProps(__spreadValues({}, item), {
+      return (this.items || []).map((item, i) => ({
+        ...item,
         _index: i,
         label: item[this.itemLabelKey],
         value: item[this.itemValueKey] === void 0 ? item[this.itemLabelKey] || i : item[this.itemValueKey],
@@ -4184,7 +4434,16 @@ const __vue2_script$m = {
   }
 };
 const __cssModules$m = {};
-var __component__$m = /* @__PURE__ */ normalizeComponent(__vue2_script$m, render$m, staticRenderFns$m, false, __vue2_injectStyles$m, null, null, null);
+var __component__$m = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$m,
+  render$m,
+  staticRenderFns$m,
+  false,
+  __vue2_injectStyles$m,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$m(context) {
   for (let o in __cssModules$m) {
     this[o] = __cssModules$m[o];
@@ -4319,7 +4578,16 @@ const __vue2_script$l = {
   }
 };
 const __cssModules$l = {};
-var __component__$l = /* @__PURE__ */ normalizeComponent(__vue2_script$l, render$l, staticRenderFns$l, false, __vue2_injectStyles$l, null, null, null);
+var __component__$l = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$l,
+  render$l,
+  staticRenderFns$l,
+  false,
+  __vue2_injectStyles$l,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$l(context) {
   for (let o in __cssModules$l) {
     this[o] = __cssModules$l[o];
@@ -4423,7 +4691,7 @@ const __vue2_script$k = {
   computed: {
     selectItems() {
       return this.items.map((item, i) => {
-        const obj = __spreadValues({}, item);
+        const obj = { ...item };
         obj.value = obj[this.itemValueKey] === void 0 ? obj[this.itemLabelKey] || i : obj[this.itemValueKey];
         obj.index = i;
         return obj;
@@ -4439,7 +4707,9 @@ const __vue2_script$k = {
       return !this.staticLabel || !this.hasValue && !this.placeholder;
     },
     selectionString() {
-      return this.inputValue && this.inputValue.map((item) => item[this.itemValueKey] !== void 0 ? item[this.itemLabelKey] : item[this.itemLabelKey] !== void 0 ? item[this.itemLabelKey] : item).join(", ");
+      return this.inputValue && this.inputValue.map(
+        (item) => item[this.itemValueKey] !== void 0 ? item[this.itemLabelKey] : item[this.itemLabelKey] !== void 0 ? item[this.itemLabelKey] : item
+      ).join(", ");
     },
     classes() {
       return {
@@ -4560,7 +4830,16 @@ const __vue2_script$k = {
   }
 };
 const __cssModules$k = {};
-var __component__$k = /* @__PURE__ */ normalizeComponent(__vue2_script$k, render$k, staticRenderFns$k, false, __vue2_injectStyles$k, null, null, null);
+var __component__$k = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$k,
+  render$k,
+  staticRenderFns$k,
+  false,
+  __vue2_injectStyles$k,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$k(context) {
   for (let o in __cssModules$k) {
     this[o] = __cssModules$k[o];
@@ -4769,7 +5048,16 @@ const __vue2_script$j = {
   }
 };
 const __cssModules$j = {};
-var __component__$j = /* @__PURE__ */ normalizeComponent(__vue2_script$j, render$j, staticRenderFns$j, false, __vue2_injectStyles$j, null, null, null);
+var __component__$j = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$j,
+  render$j,
+  staticRenderFns$j,
+  false,
+  __vue2_injectStyles$j,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$j(context) {
   for (let o in __cssModules$j) {
     this[o] = __cssModules$j[o];
@@ -4826,7 +5114,16 @@ const __vue2_script$i = {
   }
 };
 const __cssModules$i = {};
-var __component__$i = /* @__PURE__ */ normalizeComponent(__vue2_script$i, render$i, staticRenderFns$i, false, __vue2_injectStyles$i, null, null, null);
+var __component__$i = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$i,
+  render$i,
+  staticRenderFns$i,
+  false,
+  __vue2_injectStyles$i,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$i(context) {
   for (let o in __cssModules$i) {
     this[o] = __cssModules$i[o];
@@ -4850,7 +5147,16 @@ const __vue2_script$h = {
   data: () => ({})
 };
 const __cssModules$h = {};
-var __component__$h = /* @__PURE__ */ normalizeComponent(__vue2_script$h, render$h, staticRenderFns$h, false, __vue2_injectStyles$h, null, null, null);
+var __component__$h = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$h,
+  render$h,
+  staticRenderFns$h,
+  false,
+  __vue2_injectStyles$h,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$h(context) {
   for (let o in __cssModules$h) {
     this[o] = __cssModules$h[o];
@@ -4957,7 +5263,16 @@ const __vue2_script$g = {
   }
 };
 const __cssModules$g = {};
-var __component__$g = /* @__PURE__ */ normalizeComponent(__vue2_script$g, render$g, staticRenderFns$g, false, __vue2_injectStyles$g, null, null, null);
+var __component__$g = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$g,
+  render$g,
+  staticRenderFns$g,
+  false,
+  __vue2_injectStyles$g,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$g(context) {
   for (let o in __cssModules$g) {
     this[o] = __cssModules$g[o];
@@ -4975,7 +5290,16 @@ var render$f = function() {
 var staticRenderFns$f = [];
 const __vue2_script$f = {};
 const __cssModules$f = {};
-var __component__$f = /* @__PURE__ */ normalizeComponent(__vue2_script$f, render$f, staticRenderFns$f, false, __vue2_injectStyles$f, null, null, null);
+var __component__$f = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$f,
+  render$f,
+  staticRenderFns$f,
+  false,
+  __vue2_injectStyles$f,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$f(context) {
   for (let o in __cssModules$f) {
     this[o] = __cssModules$f[o];
@@ -5054,10 +5378,11 @@ const __vue2_script$e = {
     },
     tabsItems() {
       const items = typeof this.items === "number" ? Array(this.items).fill({}) : this.items;
-      return items.map((item, _index) => new Vue.observable(__spreadProps(__spreadValues({}, item), {
+      return items.map((item, _index) => new Vue.observable({
+        ...item,
         _index,
         _disabled: !!item.disabled
-      })));
+      }));
     },
     activeTab() {
       return this.tabsItems[this.activeTabIndex] || this.tabsItems[0] || {};
@@ -5174,7 +5499,16 @@ const __vue2_script$e = {
   }
 };
 const __cssModules$e = {};
-var __component__$e = /* @__PURE__ */ normalizeComponent(__vue2_script$e, render$e, staticRenderFns$e, false, __vue2_injectStyles$e, null, null, null);
+var __component__$e = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$e,
+  render$e,
+  staticRenderFns$e,
+  false,
+  __vue2_injectStyles$e,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$e(context) {
   for (let o in __cssModules$e) {
     this[o] = __cssModules$e[o];
@@ -5207,7 +5541,8 @@ var render$d = function() {
     }, "classes": { "w-table__row": true, "w-table__row--selected": _vm.selectedRowsByUid[item._uid] !== void 0, "w-table__row--expanded": _vm.expandedRowsByUid[item._uid] !== void 0 } }) : _c("tr", { key: i, staticClass: "w-table__row", class: { "w-table__row--selected": _vm.selectedRowsByUid[item._uid] !== void 0, "w-table__row--expanded": _vm.expandedRowsByUid[item._uid] !== void 0 }, on: { "click": function($event) {
       return _vm.doSelectRow(item, i);
     } } }, [_vm._l(_vm.headers, function(header, j) {
-      return [_vm.$scopedSlots["item-cell." + header.key] || _vm.$scopedSlots["item-cell." + (j + 1)] || _vm.$scopedSlots["item-cell"] ? _c("td", { key: j + "-a", staticClass: "w-table__cell", class: "text-" + (header.align || "left"), attrs: { "data-label": header.label } }, [_vm.$scopedSlots["item-cell." + header.key] ? _vm._t("item-cell." + header.key, null, { "header": header, "item": item, "label": item[header.key] || "", "index": i + 1 }) : _vm.$scopedSlots["item-cell." + (j + 1)] ? _vm._t("item-cell." + (j + 1), null, { "header": header, "item": item, "label": item[header.key] || "", "index": i + 1 }) : _vm.$scopedSlots["item-cell"] ? _vm._t("item-cell", null, { "header": header, "item": item, "label": item[header.key] || "", "index": i + 1 }) : _vm._e(), j < _vm.headers.length - 1 && _vm.resizableColumns ? _c("span", { staticClass: "w-table__col-resizer", class: { "w-table__col-resizer--hover": _vm.colResizing.hover === j, "w-table__col-resizer--active": _vm.colResizing.columnIndex === j } }) : _vm._e()], 2) : _c("td", { key: j + "-b", staticClass: "w-table__cell", class: "text-" + (header.align || "left"), attrs: { "data-label": header.label } }, [_c("div", { domProps: { "innerHTML": _vm._s(item[header.key] || "") } }), j < _vm.headers.length - 1 && _vm.resizableColumns ? _c("span", { staticClass: "w-table__col-resizer", class: { "w-table__col-resizer--hover": _vm.colResizing.hover === j, "w-table__col-resizer--active": _vm.colResizing.columnIndex === j } }) : _vm._e()])];
+      var _obj, _obj$1;
+      return [_vm.$scopedSlots["item-cell." + header.key] || _vm.$scopedSlots["item-cell." + (j + 1)] || _vm.$scopedSlots["item-cell"] ? _c("td", { key: j + "-a", staticClass: "w-table__cell", class: (_obj = {}, _obj["text-" + (header.align || "left")] = true, _obj["w-table__cell--sticky"] = header.sticky, _obj), attrs: { "data-label": header.label } }, [_vm.$scopedSlots["item-cell." + header.key] ? _vm._t("item-cell." + header.key, null, { "header": header, "item": item, "label": item[header.key] || "", "index": i + 1 }) : _vm.$scopedSlots["item-cell." + (j + 1)] ? _vm._t("item-cell." + (j + 1), null, { "header": header, "item": item, "label": item[header.key] || "", "index": i + 1 }) : _vm.$scopedSlots["item-cell"] ? _vm._t("item-cell", null, { "header": header, "item": item, "label": item[header.key] || "", "index": i + 1 }) : _vm._e(), j < _vm.headers.length - 1 && _vm.resizableColumns ? _c("span", { staticClass: "w-table__col-resizer", class: { "w-table__col-resizer--hover": _vm.colResizing.hover === j, "w-table__col-resizer--active": _vm.colResizing.columnIndex === j } }) : _vm._e()], 2) : _c("td", { key: j + "-b", staticClass: "w-table__cell", class: (_obj$1 = {}, _obj$1["text-" + (header.align || "left")] = true, _obj$1["w-table__cell--sticky"] = header.sticky, _obj$1), attrs: { "data-label": header.label } }, [_c("div", { domProps: { "innerHTML": _vm._s(item[header.key] || "") } }), j < _vm.headers.length - 1 && _vm.resizableColumns ? _c("span", { staticClass: "w-table__col-resizer", class: { "w-table__col-resizer--hover": _vm.colResizing.hover === j, "w-table__col-resizer--active": _vm.colResizing.columnIndex === j } }) : _vm._e()])];
     })], 2), _vm.expandedRowsByUid[item._uid] ? _c("tr", { staticClass: "w-table__row w-table__row--expansion" }, [_c("td", { staticClass: "w-table__cell", attrs: { "colspan": _vm.headers.length } }, [_c("w-transition-expand", { attrs: { "y": "" } }, [_vm.expandedRowsByUid[item._uid] ? _c("div", [_vm._t("row-expansion", null, { "item": item, "index": i + 1 })], 2) : _vm._e(), i < _vm.headers.length - 1 && _vm.resizableColumns ? _c("span", { staticClass: "w-table__col-resizer", class: { "w-table__col-resizer--hover": _vm.colResizing.hover === i, "w-table__col-resizer--active": _vm.colResizing.columnIndex === _vm.j } }) : _vm._e()])], 1)]) : _vm._e()];
   })], _vm.$slots["extra-row"] ? _c("div", { staticClass: "w-table__extra-row" }, [_vm._t("extra-row")], 2) : _vm._e()], 2), _vm.$slots.footer || _vm.$slots["footer-row"] ? _c("tfoot", { staticClass: "w-table__footer" }, [_vm.$slots["footer-row"] ? _vm._t("footer-row") : _c("tr", { staticClass: "w-table__row" }, [_c("td", { staticClass: "w-table__cell", attrs: { "colspan": _vm.headers.length } }, [_vm._t("footer")], 2)])], 2) : _vm._e()])]);
 };
@@ -5220,6 +5555,7 @@ const __vue2_script$d = {
     items: { type: Array, required: true },
     headers: { type: Array, required: true },
     noHeaders: { type: Boolean },
+    fixedLayout: { type: Boolean },
     fixedHeaders: { type: Boolean },
     fixedFooter: { type: Boolean },
     loading: { type: Boolean },
@@ -5227,7 +5563,9 @@ const __vue2_script$d = {
     expandableRows: {
       validator: (value) => {
         if (![void 0, true, false, 1, "1", ""].includes(value)) {
-          consoleError(`Wrong value for the w-table's \`expandableRows\` prop. Given: "${value}", expected one of: [undefined, true, false, 1, '1', ''].`);
+          consoleError(
+            `Wrong value for the w-table's \`expandableRows\` prop. Given: "${value}", expected one of: [undefined, true, false, 1, '1', ''].`
+          );
         }
         return true;
       }
@@ -5236,7 +5574,9 @@ const __vue2_script$d = {
     selectableRows: {
       validator: (value) => {
         if (![void 0, true, false, 1, "1", ""].includes(value)) {
-          consoleError(`Wrong value for the w-table's \`selectableRows\` prop. Given: "${value}", expected one of: [undefined, true, false, 1, '1', ''].`);
+          consoleError(
+            `Wrong value for the w-table's \`selectableRows\` prop. Given: "${value}", expected one of: [undefined, true, false, 1, '1', ''].`
+          );
         }
         return true;
       }
@@ -5310,16 +5650,21 @@ const __vue2_script$d = {
     },
     classes() {
       return {
+        "w-table--fixed-layout": this.fixedLayout || this.resizableColumns || this.hasStickyColumn,
         "w-table--mobile": this.isMobile || null,
         "w-table--resizable-cols": this.resizableColumns || null,
         "w-table--resizing": this.colResizing.dragging,
         "w-table--fixed-header": this.fixedHeaders,
-        "w-table--fixed-footer": this.fixedFooter
+        "w-table--fixed-footer": this.fixedFooter,
+        "w-table--sticky-column": this.hasStickyColumn
       };
     },
     isMobile() {
       return ~~this.mobileBreakpoint && this.$waveui.breakpoint.width <= ~~this.mobileBreakpoint;
     },
+    hasStickyColumn() {
+      return this.headers.find((header) => header.sticky);
+    },
     selectedRowsByUid() {
       return this.selectedRowsInternal.reduce((obj, uid) => (obj[uid] = true) && obj, {});
     },
@@ -5331,6 +5676,7 @@ const __vue2_script$d = {
     headerClasses(header) {
       return {
         "w-table__header--sortable": header.sortable !== false,
+        "w-table__header--sticky": header.sticky,
         "w-table__header--resizable": !!this.resizableColumns,
         [`text-${header.align || "left"}`]: true
       };
@@ -5364,12 +5710,15 @@ const __vue2_script$d = {
             this.expandedRowsInternal.push(item._uid);
         } else
           this.expandedRowsInternal = this.expandedRowsInternal.filter((uid) => uid !== item._uid);
-        this.$emit("row-expand", {
-          item,
-          index: index2,
-          expanded: isExpanding,
-          expandedRows: this.expandedRowsInternal.map((uid) => this.filteredItems[uid])
-        });
+        this.$emit(
+          "row-expand",
+          {
+            item,
+            index: index2,
+            expanded: isExpanding,
+            expandedRows: this.expandedRowsInternal.map((uid) => this.filteredItems[uid])
+          }
+        );
         this.$emit("update:expanded-rows", this.expandedRowsInternal);
       } else if (selectable) {
         let updated = false;
@@ -5385,12 +5734,15 @@ const __vue2_script$d = {
           updated = true;
         }
         if (updated) {
-          this.$emit("row-select", {
-            item,
-            index: index2,
-            selected: isSelecting,
-            selectedRows: this.selectedRowsInternal.map((uid) => this.filteredItems[uid])
-          });
+          this.$emit(
+            "row-select",
+            {
+              item,
+              index: index2,
+              selected: isSelecting,
+              selectedRows: this.selectedRowsInternal.map((uid) => this.filteredItems[uid])
+            }
+          );
           this.$emit("update:selected-rows", this.selectedRowsInternal);
         }
       }
@@ -5494,7 +5846,16 @@ const __vue2_script$d = {
   }
 };
 const __cssModules$d = {};
-var __component__$d = /* @__PURE__ */ normalizeComponent(__vue2_script$d, render$d, staticRenderFns$d, false, __vue2_injectStyles$d, null, null, null);
+var __component__$d = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$d,
+  render$d,
+  staticRenderFns$d,
+  false,
+  __vue2_injectStyles$d,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$d(context) {
   for (let o in __cssModules$d) {
     this[o] = __cssModules$d[o];
@@ -5573,7 +5934,16 @@ const __vue2_script$c = {
   }
 };
 const __cssModules$c = {};
-var __component__$c = /* @__PURE__ */ normalizeComponent(__vue2_script$c, render$c, staticRenderFns$c, false, __vue2_injectStyles$c, null, null, null);
+var __component__$c = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$c,
+  render$c,
+  staticRenderFns$c,
+  false,
+  __vue2_injectStyles$c,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$c(context) {
   for (let o in __cssModules$c) {
     this[o] = __cssModules$c[o];
@@ -5645,7 +6015,7 @@ const __vue2_script$b = {
   },
   computed: {
     listeners() {
-      const _a = this.$listeners, { input, focus, blur } = _a, listeners = __objRest(_a, ["input", "focus", "blur"]);
+      const { input, focus, blur, ...listeners } = this.$listeners;
       return listeners;
     },
     hasValue() {
@@ -5714,10 +6084,10 @@ const __vue2_script$b = {
       this.$refs.textarea.style.height = height + "px";
     },
     getLineHeight() {
-      const computedStyles2 = window.getComputedStyle(this.$refs.textarea, null);
-      this.lineHeight = parseFloat(computedStyles2.getPropertyValue("line-height"));
-      this.paddingY = parseFloat(computedStyles2.getPropertyValue("padding-top"));
-      this.paddingY += parseFloat(computedStyles2.getPropertyValue("padding-bottom"));
+      const computedStyles = window.getComputedStyle(this.$refs.textarea, null);
+      this.lineHeight = parseFloat(computedStyles.getPropertyValue("line-height"));
+      this.paddingY = parseFloat(computedStyles.getPropertyValue("padding-top"));
+      this.paddingY += parseFloat(computedStyles.getPropertyValue("padding-bottom"));
     }
   },
   mounted() {
@@ -5746,7 +6116,16 @@ const __vue2_script$b = {
   }
 };
 const __cssModules$b = {};
-var __component__$b = /* @__PURE__ */ normalizeComponent(__vue2_script$b, render$b, staticRenderFns$b, false, __vue2_injectStyles$b, null, null, null);
+var __component__$b = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$b,
+  render$b,
+  staticRenderFns$b,
+  false,
+  __vue2_injectStyles$b,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$b(context) {
   for (let o in __cssModules$b) {
     this[o] = __cssModules$b[o];
@@ -5783,7 +6162,16 @@ const __vue2_script$a = {
   emits: []
 };
 const __cssModules$a = {};
-var __component__$a = /* @__PURE__ */ normalizeComponent(__vue2_script$a, render$a, staticRenderFns$a, false, __vue2_injectStyles$a, null, null, null);
+var __component__$a = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$a,
+  render$a,
+  staticRenderFns$a,
+  false,
+  __vue2_injectStyles$a,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$a(context) {
   for (let o in __cssModules$a) {
     this[o] = __cssModules$a[o];
@@ -5847,7 +6235,16 @@ const __vue2_script$9 = {
   }
 };
 const __cssModules$9 = {};
-var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, null, null, null);
+var __component__$9 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$9,
+  render$9,
+  staticRenderFns$9,
+  false,
+  __vue2_injectStyles$9,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$9(context) {
   for (let o in __cssModules$9) {
     this[o] = __cssModules$9[o];
@@ -5901,10 +6298,10 @@ const __vue2_script$8 = {
       return this.transition || `w-tooltip-slide-fade-${direction}`;
     },
     classes() {
-      return __spreadProps(__spreadValues({
+      return {
         [this.color]: this.color,
-        [`${this.bgColor}--bg`]: this.bgColor
-      }, this.tooltipClasses), {
+        [`${this.bgColor}--bg`]: this.bgColor,
+        ...this.tooltipClasses,
         [`w-tooltip--${this.position}`]: !this.noPosition,
         [`w-tooltip--align-${this.alignment}`]: !this.noPosition && this.alignment,
         "w-tooltip--tile": this.tile,
@@ -5913,7 +6310,7 @@ const __vue2_script$8 = {
         "w-tooltip--fixed": this.fixed,
         "w-tooltip--no-border": this.noBorder || this.bgColor,
         "w-tooltip--custom-transition": this.transition
-      });
+      };
     },
     styles() {
       return {
@@ -5981,7 +6378,16 @@ const __vue2_script$8 = {
   }
 };
 const __cssModules$8 = {};
-var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, null, null, null);
+var __component__$8 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$8,
+  render$8,
+  staticRenderFns$8,
+  false,
+  __vue2_injectStyles$8,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$8(context) {
   for (let o in __cssModules$8) {
     this[o] = __cssModules$8[o];
@@ -6005,7 +6411,16 @@ const __vue2_script$7 = {
   }
 };
 const __cssModules$7 = {};
-var __component__$7 = /* @__PURE__ */ normalizeComponent(__vue2_script$7, render$7, staticRenderFns$7, false, __vue2_injectStyles$7, null, null, null);
+var __component__$7 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$7,
+  render$7,
+  staticRenderFns$7,
+  false,
+  __vue2_injectStyles$7,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$7(context) {
   for (let o in __cssModules$7) {
     this[o] = __cssModules$7[o];
@@ -6149,24 +6564,24 @@ const __vue2_script$6 = {
       this.el.originalStyles = el.style.cssText;
     },
     show(el, done) {
-      const computedStyles2 = window.getComputedStyle(el, null);
+      const computedStyles = window.getComputedStyle(el, null);
       if (this.animX) {
         this.el.width = el.offsetWidth;
-        this.el.marginLeft = computedStyles2.getPropertyValue("marginLeft");
-        this.el.marginRight = computedStyles2.getPropertyValue("marginRight");
-        this.el.paddingLeft = computedStyles2.getPropertyValue("paddingLeft");
-        this.el.paddingRight = computedStyles2.getPropertyValue("paddingRight");
-        this.el.borderLeftWidth = computedStyles2.getPropertyValue("borderLeftWidth");
-        this.el.borderRightWidth = computedStyles2.getPropertyValue("borderRightWidth");
+        this.el.marginLeft = computedStyles.getPropertyValue("marginLeft");
+        this.el.marginRight = computedStyles.getPropertyValue("marginRight");
+        this.el.paddingLeft = computedStyles.getPropertyValue("paddingLeft");
+        this.el.paddingRight = computedStyles.getPropertyValue("paddingRight");
+        this.el.borderLeftWidth = computedStyles.getPropertyValue("borderLeftWidth");
+        this.el.borderRightWidth = computedStyles.getPropertyValue("borderRightWidth");
       }
       if (this.animY) {
         this.el.height = el.offsetHeight;
-        this.el.marginTop = computedStyles2.getPropertyValue("marginTop");
-        this.el.marginBottom = computedStyles2.getPropertyValue("marginBottom");
-        this.el.paddingTop = computedStyles2.getPropertyValue("paddingTop");
-        this.el.paddingBottom = computedStyles2.getPropertyValue("paddingBottom");
-        this.el.borderTopWidth = computedStyles2.getPropertyValue("borderTopWidth");
-        this.el.borderBottomWidth = computedStyles2.getPropertyValue("borderBottomWidth");
+        this.el.marginTop = computedStyles.getPropertyValue("marginTop");
+        this.el.marginBottom = computedStyles.getPropertyValue("marginBottom");
+        this.el.paddingTop = computedStyles.getPropertyValue("paddingTop");
+        this.el.paddingBottom = computedStyles.getPropertyValue("paddingBottom");
+        this.el.borderTopWidth = computedStyles.getPropertyValue("borderTopWidth");
+        this.el.borderBottomWidth = computedStyles.getPropertyValue("borderBottomWidth");
       }
       this.applyHideStyles(el);
       setTimeout(() => this.applyShowStyles(el), 20);
@@ -6182,7 +6597,16 @@ const __vue2_script$6 = {
   }
 };
 const __cssModules$6 = {};
-var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, render$6, staticRenderFns$6, false, __vue2_injectStyles$6, null, null, null);
+var __component__$6 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$6,
+  render$6,
+  staticRenderFns$6,
+  false,
+  __vue2_injectStyles$6,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$6(context) {
   for (let o in __cssModules$6) {
     this[o] = __cssModules$6[o];
@@ -6206,7 +6630,16 @@ const __vue2_script$5 = {
   }
 };
 const __cssModules$5 = {};
-var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$5, staticRenderFns$5, false, __vue2_injectStyles$5, null, null, null);
+var __component__$5 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$5,
+  render$5,
+  staticRenderFns$5,
+  false,
+  __vue2_injectStyles$5,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$5(context) {
   for (let o in __cssModules$5) {
     this[o] = __cssModules$5[o];
@@ -6230,7 +6663,16 @@ const __vue2_script$4 = {
   }
 };
 const __cssModules$4 = {};
-var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, null, null, null);
+var __component__$4 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$4,
+  render$4,
+  staticRenderFns$4,
+  false,
+  __vue2_injectStyles$4,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$4(context) {
   for (let o in __cssModules$4) {
     this[o] = __cssModules$4[o];
@@ -6254,7 +6696,16 @@ const __vue2_script$3 = {
   }
 };
 const __cssModules$3 = {};
-var __component__$3 = /* @__PURE__ */ normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, null, null, null);
+var __component__$3 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$3,
+  render$3,
+  staticRenderFns$3,
+  false,
+  __vue2_injectStyles$3,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$3(context) {
   for (let o in __cssModules$3) {
     this[o] = __cssModules$3[o];
@@ -6290,7 +6741,16 @@ const __vue2_script$2 = {
   }
 };
 const __cssModules$2 = {};
-var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, null, null, null);
+var __component__$2 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$2,
+  render$2,
+  staticRenderFns$2,
+  false,
+  __vue2_injectStyles$2,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$2(context) {
   for (let o in __cssModules$2) {
     this[o] = __cssModules$2[o];
@@ -6326,7 +6786,16 @@ const __vue2_script$1 = {
   }
 };
 const __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, null, null, null);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1,
+  render$1,
+  staticRenderFns$1,
+  false,
+  __vue2_injectStyles$1,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles$1(context) {
   for (let o in __cssModules$1) {
     this[o] = __cssModules$1[o];
@@ -6350,7 +6819,16 @@ const __vue2_script = {
   }
 };
 const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
+  null,
+  null,
+  null
+);
 function __vue2_injectStyles(context) {
   for (let o in __cssModules) {
     this[o] = __cssModules[o];
@@ -6413,7 +6891,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   WTransitionTwist: wTransitionTwist
 }, Symbol.toStringTag, { value: "Module" }));
 const install = WaveUI.install;
-WaveUI.install = (Vue2, options = {}) => install.call(WaveUI, Vue2, __spreadValues({ components }, options));
+WaveUI.install = (Vue2, options = {}) => install.call(WaveUI, Vue2, { components, ...options });
 if (typeof window !== "undefined" && window.Vue)
   window.Vue.use(WaveUI);
 export { WaveUI as default };