wave-ui 2.37.1 → 2.39.1

package/dist/wave-ui.es.js

@@ -1059,7 +1059,11 @@ const _sfc_main$M = {
       const css = document.createElement("style");
       css.id = "wave-ui-styles";
       css.innerHTML = this.dynamicStyles();
-      document.head.appendChild(css);
+      const firstStyle = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
+      if (firstStyle)
+        firstStyle.before(css);
+      else
+        document.head.appendChild(css);
     }
     this.getBreakpoint(window.innerWidth);
     window.addEventListener("resize", this.getBreakpoint);
@@ -4153,7 +4157,8 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["w-notification", $options.classes]),
         style: normalizeStyle($options.styles)
       }, [
-        createVNode(_component_w_alert, mergeProps({ class: "white--bg" }, $options.alertProps, {
+        createVNode(_component_w_alert, mergeProps($options.alertProps, {
+          class: $options.alertClasses,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => {
             _ctx.$emit("update:modelValue", false);
             _ctx.$emit("input", false);
@@ -4163,7 +4168,7 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
             renderSlot(_ctx.$slots, "default")
           ]),
           _: 3
-        }, 16)
+        }, 16, ["class"])
       ], 6)) : createCommentVNode("", true)
     ]),
     _: 3
@@ -4270,6 +4275,11 @@ const _sfc_main$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
@@ -6010,6 +6020,13 @@ const _sfc_main$e = {
       else if (isNaN(index2) || index2 < 0)
         index2 = 0;
       this.activeTabIndex = index2;
+      this.$nextTick(() => {
+        const ref = this.$refs["tabs-bar"];
+        this.activeTabEl = ref && ref.querySelector(`.w-tabs__bar-item:nth-child(${index2 + 1})`);
+        if (this.activeTabEl) {
+          this.activeTabEl.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+        }
+      });
     },
     getOriginalItem(item) {
       return this.items[item._index];
@@ -6081,6 +6098,19 @@ const _hoisted_19 = {
 };
 const _hoisted_20 = ["colspan"];
 const _hoisted_21 = { key: 0 };
+const _hoisted_22 = {
+  key: 3,
+  class: "w-table__extra-row"
+};
+const _hoisted_23 = {
+  key: 1,
+  class: "w-table__footer"
+};
+const _hoisted_24 = {
+  key: 1,
+  class: "w-table__row"
+};
+const _hoisted_25 = ["colspan"];
 function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_w_icon = resolveComponent("w-icon");
   const _component_w_progress = resolveComponent("w-progress");
@@ -6255,8 +6285,21 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
               ], 8, _hoisted_20)
             ])) : createCommentVNode("", true)
           ], 64);
-        }), 128))
-      ])
+        }), 128)),
+        _ctx.$slots["extra-row"] ? (openBlock(), createElementBlock("div", _hoisted_22, [
+          renderSlot(_ctx.$slots, "extra-row")
+        ])) : createCommentVNode("", true)
+      ]),
+      _ctx.$slots.footer || _ctx.$slots["footer-row"] ? (openBlock(), createElementBlock("tfoot", _hoisted_23, [
+        _ctx.$slots["footer-row"] ? renderSlot(_ctx.$slots, "footer-row", { key: 0 }) : (openBlock(), createElementBlock("tr", _hoisted_24, [
+          createElementVNode("td", {
+            class: "w-table__cell",
+            colspan: $props.headers.length
+          }, [
+            renderSlot(_ctx.$slots, "footer")
+          ], 8, _hoisted_25)
+        ]))
+      ])) : createCommentVNode("", true)
     ], 34)
   ], 2);
 }
@@ -6269,6 +6312,7 @@ const _sfc_main$d = {
     headers: { type: Array, required: true },
     noHeaders: { type: Boolean },
     fixedHeaders: { type: Boolean },
+    fixedFooter: { type: Boolean },
     loading: { type: Boolean },
     sort: { type: [String, Array] },
     expandableRows: {
@@ -6295,7 +6339,15 @@ const _sfc_main$d = {
     mobileBreakpoint: { type: Number, default: 0 },
     resizableColumns: { type: Boolean }
   },
-  emits: ["row-select", "row-expand", "row-click", "update:sort", "update:selected-rows", "update:expanded-rows", "column-resize"],
+  emits: [
+    "row-select",
+    "row-expand",
+    "row-click",
+    "update:sort",
+    "update:selected-rows",
+    "update:expanded-rows",
+    "column-resize"
+  ],
   data: () => ({
     activeSorting: [],
     selectedRowsInternal: [],
@@ -6352,7 +6404,8 @@ const _sfc_main$d = {
         "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-header": this.fixedHeaders,
+        "w-table--fixed-footer": this.fixedFooter
       };
     },
     isMobile() {