wave-ui 2.40.0 → 2.40.3

package/dist/wave-ui.es.js

@@ -1,5 +1,34 @@
 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;
@@ -63,17 +92,16 @@ const _NotificationManager$1 = class {
     };
   }
   notify(...args) {
-    let notification = { ...this._notificationDefaults, _uid: this._uid++ };
+    let notification = __spreadProps(__spreadValues({}, this._notificationDefaults), { _uid: this._uid++ });
     if (typeof args[0] === "object")
-      notification = { ...notification, ...args[0] };
+      notification = __spreadValues(__spreadValues({}, notification), args[0]);
     else {
       const [message, type, timeout] = args;
-      notification = {
-        ...notification,
+      notification = __spreadProps(__spreadValues({}, notification), {
         message: message || "",
         [type === void 0 ? "info" : type]: true,
         timeout: timeout || timeout === 0 ? parseFloat(timeout) : 4e3
-      };
+      });
     }
     this.notifications.push(notification);
     if (~~notification.timeout !== 0)
@@ -409,7 +437,7 @@ const _WaveUI = class {
       obj[color.label] = color.color;
       color.shades.forEach((shade) => obj[shade.label] = shade.color);
       return obj;
-    }, { ...config.colors, black: "#000", white: "#fff", transparent: "transparent", inherit: "inherit" }));
+    }, __spreadProps(__spreadValues({}, config.colors), { black: "#000", white: "#fff", transparent: "transparent", inherit: "inherit" })));
     __publicField(this, "config", {});
     if (_WaveUI.instance)
       return _WaveUI.instance;
@@ -634,8 +662,7 @@ const _sfc_main$P = {
     },
     updateItems() {
       const items = typeof this.items === "number" ? Array(this.items).fill({}) : this.items || [];
-      this.accordionItems = items.map((item, _index) => ({
-        ...item,
+      this.accordionItems = items.map((item, _index) => __spreadProps(__spreadValues({}, item), {
         _index,
         _expanded: this.modelValue && this.modelValue[_index],
         _disabled: !!item.disabled
@@ -814,7 +841,7 @@ const _sfc_main$N = {
   }),
   computed: {
     conf() {
-      return config.notificationManager;
+      return this.$waveui.config.notificationManager;
     },
     notifications() {
       var _a;
@@ -826,7 +853,7 @@ const _sfc_main$N = {
   },
   methods: {
     notifProps(notif) {
-      const { _value, _uid, message, timeout, ...props } = notif;
+      const _a = notif, { _value, _uid, message, timeout } = _a, props = __objRest(_a, ["_value", "_uid", "message", "timeout"]);
       return props;
     }
   },
@@ -846,7 +873,7 @@ const cssVars = {
 const generateColors = (config2) => {
   let styles = "";
   const { cssScope } = cssVars;
-  const { info, warning, success, error, ...colors2 } = config2.colors;
+  const _a = config2.colors, { info, warning, success, error } = _a, colors2 = __objRest(_a, ["info", "warning", "success", "error"]);
   for (const color in colors2) {
     styles += `${cssScope} .${color}--bg{background-color:${config2.colors[color]}}${cssScope} .${color}{color:${config2.colors[color]}}`;
   }
@@ -1309,8 +1336,7 @@ const _sfc_main$J = {
       return this.hasRouter ? this.$router.resolve(this.route).href : this.route;
     },
     listeners() {
-      return this.route && this.hasRouter && !this.forceLink && !this.externalLink ? {
-        ...this.$attrs,
+      return this.route && this.hasRouter && !this.forceLink && !this.externalLink ? __spreadProps(__spreadValues({}, this.$attrs), {
         click: (e) => {
           if (this.$attrs.click)
             this.$attrs.click(e);
@@ -1318,7 +1344,7 @@ const _sfc_main$J = {
           e.stopPropagation();
           e.preventDefault();
         }
-      } : this.$attrs;
+      }) : this.$attrs;
     },
     size() {
       return this.xs && "xs" || this.sm && "sm" || this.lg && "lg" || this.xl && "xl" || "md";
@@ -1376,7 +1402,7 @@ function render$I(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     _ctx.$slots.title || $props.title ? (openBlock(), createElementBlock("div", {
       key: 0,
-      class: normalizeClass(["w-card__title", { "w-card__title--has-toolbar": _ctx.$slots.title && $options.titleHasToolbar, ...$options.titleClasses }])
+      class: normalizeClass(["w-card__title", __spreadValues({ "w-card__title--has-toolbar": _ctx.$slots.title && $options.titleHasToolbar }, $options.titleClasses)])
     }, [
       renderSlot(_ctx.$slots, "title", {}, () => [
         createTextVNode(toDisplayString($props.title), 1)
@@ -1437,11 +1463,10 @@ const _sfc_main$I = {
       return actions && actions().map((vnode) => vnode.type.name).join("").includes("w-toolbar");
     },
     imgProps() {
-      return {
+      return __spreadValues({
         tag: "div",
-        ratio: 1 / 2,
-        ...this.imageProps
-      };
+        ratio: 1 / 2
+      }, this.imageProps);
     },
     classes() {
       return {
@@ -1708,14 +1733,13 @@ const _sfc_main$G = {
     checkboxItems() {
       return (this.items || []).map((item, i) => {
         const itemValue = item[this.itemValueKey] === void 0 ? item[this.itemLabelKey] || i : item[this.itemValueKey];
-        return reactive({
-          ...item,
+        return reactive(__spreadProps(__spreadValues({}, item), {
           label: item[this.itemLabelKey],
           _index: i,
           value: itemValue,
           color: item[this.itemColorKey] || this.color,
           _isChecked: this.modelValue && this.modelValue.includes(itemValue)
-        });
+        }));
       });
     },
     classes() {
@@ -1754,7 +1778,7 @@ function render$F(_ctx, _cache, $props, $setup, $data, $options) {
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.showPopup = $event)
     }, $options.wMenuProps), {
       activator: withCtx(({ on }) => [
-        createVNode(_component_w_button, mergeProps({ class: "w-confirm__button" }, { ..._ctx.$attrs, ...$options.buttonProps, ...on }), {
+        createVNode(_component_w_button, mergeProps({ class: "w-confirm__button" }, __spreadValues(__spreadValues(__spreadValues({}, _ctx.$attrs), $options.buttonProps), on)), {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default")
           ]),
@@ -1846,7 +1870,7 @@ const _sfc_main$F = {
       return button;
     },
     cancelButtonProps() {
-      const { label, ...props } = this.cancelButton;
+      const _a = this.cancelButton, { label } = _a, props = __objRest(_a, ["label"]);
       return props;
     },
     confirmButton() {
@@ -1856,11 +1880,11 @@ const _sfc_main$F = {
       return button;
     },
     confirmButtonProps() {
-      const { label, ...props } = this.confirmButton;
+      const _a = this.confirmButton, { label } = _a, props = __objRest(_a, ["label"]);
       return props;
     },
     wMenuProps() {
-      return {
+      return __spreadValues({
         top: this.top,
         bottom: this.bottom,
         left: this.left,
@@ -1871,17 +1895,15 @@ const _sfc_main$F = {
         alignLeft: this.alignLeft,
         alignRight: this.alignRight,
         persistent: this.persistent,
-        transition: this.transition,
-        ...this.menu
-      };
+        transition: this.transition
+      }, this.menu);
     },
     buttonProps() {
-      return {
+      return __spreadValues({
         bgColor: this.bgColor,
         color: this.color,
-        icon: this.icon,
-        ...this.mainButton
-      };
+        icon: this.icon
+      }, this.mainButton);
     }
   },
   methods: {
@@ -2053,11 +2075,11 @@ const _sfc_main$D = {
   }
 };
 var wDialog = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", render$D]]);
-const _hoisted_1$j = ["aria-orientation"];
+const _hoisted_1$j = ["role", "aria-orientation"];
 function render$C(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["w-divider", $options.classes]),
-    role: "presentation",
+    role: _ctx.$slots.default ? null : "presentation",
     "aria-orientation": $props.vertical ? "vertical" : "horizontal"
   }, [
     renderSlot(_ctx.$slots, "default")
@@ -2445,8 +2467,6 @@ const _sfc_main$z = {
       el.Validation.message = validationMessage;
     },
     reset(e) {
-      if (!e)
-        return;
       this.status = null;
       this.formElements.forEach((item) => item.reset());
       this.updateErrorsCount(0, true);
@@ -2647,10 +2667,7 @@ const _sfc_main$x = {
           return obj;
         }, {});
       }
-      return {
-        ...breakpointsColumns || { [`columns${this.columns}`]: this.columns },
-        ...breakpointsGap || { [`gap${this.gap}`]: this.gap }
-      };
+      return __spreadValues(__spreadValues({}, breakpointsColumns || { [`columns${this.columns}`]: this.columns }), breakpointsGap || { [`gap${this.gap}`]: this.gap });
     }
   }
 };
@@ -2702,7 +2719,7 @@ const _sfc_main$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);
@@ -3161,15 +3178,15 @@ const _sfc_main$u = {
   },
   computed: {
     attrs() {
-      const { class: classes, ...attrs } = this.$attrs;
+      const _a = this.$attrs, { class: classes } = _a, attrs = __objRest(_a, ["class"]);
       return attrs;
     },
     listeners() {
-      const { input, focus, blur, ...listeners } = this.$attrs;
+      const _a = this.$attrs, { input, focus, blur } = _a, listeners = __objRest(_a, ["input", "focus", "blur"]);
       return listeners;
     },
     attrs() {
-      const { class: Class, ...htmlAttrs } = this.$attrs;
+      const _a = this.$attrs, { class: Class } = _a, htmlAttrs = __objRest(_a, ["class"]);
       return htmlAttrs;
     },
     hasValue() {
@@ -3585,7 +3602,7 @@ const _sfc_main$t = {
       const items = this.selectedItems.map((item) => {
         if (!this.returnObject)
           return item._value;
-        const { _value, _selected, ...Item } = item;
+        const _a = item, { _value, _selected } = _a, Item = __objRest(_a, ["_value", "_selected"]);
         return Item;
       });
       const selection = this.isMultipleSelect ? items : items[0] !== void 0 ? items[0] : null;
@@ -3600,13 +3617,12 @@ const _sfc_main$t = {
       this.$el.querySelector(`#${this.listId}_item-${index2 + 1}`).focus();
     },
     cleanLi(li) {
-      const { _index, _value, _label, _selected, _focused, ...cleanLi } = li;
+      const _a = li, { _index, _value, _label, _selected, _focused } = _a, cleanLi = __objRest(_a, ["_index", "_value", "_label", "_selected", "_focused"]);
       return cleanLi;
     },
     refreshListItems() {
       const items = typeof this.items === "number" ? Array(this.items).fill({}) : this.items || [];
-      this.listItems = items.map((item, i) => ({
-        ...item,
+      this.listItems = items.map((item, i) => __spreadProps(__spreadValues({}, item), {
         _index: i,
         _value: item[this.itemValueKey] === void 0 ? item[this.itemLabelKey] || i : item[this.itemValueKey],
         _selected: item._selected || false,
@@ -3754,11 +3770,10 @@ var DetachableMixin = {
       if (!this.fixed) {
         const { top: targetTop, left: targetLeft } = this.detachableParentEl.getBoundingClientRect();
         const computedStyles = window.getComputedStyle(this.detachableParentEl, null);
-        coords = {
-          ...coords,
+        coords = __spreadProps(__spreadValues({}, 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;
     },
@@ -4035,16 +4050,15 @@ const _sfc_main$s = {
       return objectifyClasses(this.contentClass);
     },
     overlayClasses() {
-      return {
-        ...objectifyClasses(this.overlayClass),
+      return __spreadProps(__spreadValues({}, objectifyClasses(this.overlayClass)), {
         "w-overlay--no-pointer-event": this.showOnHover
-      };
+      });
     },
     classes() {
-      return {
+      return __spreadProps(__spreadValues({
         [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,
@@ -4053,7 +4067,7 @@ const _sfc_main$s = {
         "w-menu--arrow": this.arrow,
         "w-menu--shadow": this.shadow,
         "w-menu--fixed": this.fixed
-      };
+      });
     },
     styles() {
       return {
@@ -4728,8 +4742,7 @@ const _sfc_main$m = {
   }),
   computed: {
     radioItems() {
-      return (this.items || []).map((item, i) => ({
-        ...item,
+      return (this.items || []).map((item, i) => __spreadProps(__spreadValues({}, item), {
         _index: i,
         label: item[this.itemLabelKey],
         value: item[this.itemValueKey] === void 0 ? item[this.itemLabelKey] || i : item[this.itemValueKey],
@@ -5134,7 +5147,7 @@ const _sfc_main$k = {
   computed: {
     selectItems() {
       return this.items.map((item, i) => {
-        const obj = { ...item };
+        const obj = __spreadValues({}, item);
         obj.value = obj[this.itemValueKey] === void 0 ? obj[this.itemLabelKey] || i : obj[this.itemValueKey];
         obj.index = i;
         return obj;
@@ -5930,11 +5943,10 @@ const _sfc_main$e = {
     },
     tabsItems() {
       const items = typeof this.items === "number" ? Array(this.items).fill({}) : this.items;
-      return items.map((item, _index) => reactive({
-        ...item,
+      return items.map((item, _index) => reactive(__spreadProps(__spreadValues({}, item), {
         _index,
         _disabled: !!item.disabled
-      }));
+      })));
     },
     activeTab() {
       return this.tabsItems[this.activeTabIndex] || this.tabsItems[0] || {};
@@ -6788,7 +6800,7 @@ const _sfc_main$b = {
   },
   computed: {
     listeners() {
-      const { input, focus, blur, ...listeners } = this.$attrs;
+      const _a = this.$attrs, { input, focus, blur } = _a, listeners = __objRest(_a, ["input", "focus", "blur"]);
       return listeners;
     },
     hasValue() {
@@ -7059,10 +7071,10 @@ const _sfc_main$8 = {
       return this.transition || `w-tooltip-slide-fade-${direction}`;
     },
     classes() {
-      return {
+      return __spreadProps(__spreadValues({
         [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,
@@ -7071,7 +7083,7 @@ const _sfc_main$8 = {
         "w-tooltip--fixed": this.fixed,
         "w-tooltip--no-border": this.noBorder || this.bgColor,
         "w-tooltip--custom-transition": this.transition
-      };
+      });
     },
     styles() {
       return {
@@ -7511,5 +7523,5 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   WTransitionTwist: wTransitionTwist
 }, Symbol.toStringTag, { value: "Module" }));
 const install = WaveUI.install;
-WaveUI.install = (app, options = {}) => install.call(WaveUI, app, { components, ...options });
+WaveUI.install = (app, options = {}) => install.call(WaveUI, app, __spreadValues({ components }, options));
 export { WaveUI as default };