wave-ui 1.54.0 → 1.56.0

package/dist/wave-ui.es.js

@@ -1056,7 +1056,11 @@ const __vue2_script$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);
@@ -2967,7 +2971,7 @@ const __vue2_script$t = {
     icon: { type: String, default: "" },
     itemLabelKey: { type: String, default: "label" },
     itemValueKey: { type: String, default: "value" },
-    itemClassKey: { type: String, default: "value" },
+    itemClassKey: { type: String, default: "class" },
     itemColorKey: { type: String, default: "color" },
     itemRouteKey: { type: String, default: "route" },
     itemClass: { type: String },
@@ -5122,6 +5126,13 @@ const __vue2_script$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];
@@ -5198,7 +5209,7 @@ var render$d = function() {
     } } }, [_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()])];
     })], 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()];
-  })]], 2)])]);
+  })], _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()])]);
 };
 var staticRenderFns$d = [];
 var wTable_vue_vue_type_style_index_0_lang = "";
@@ -5210,6 +5221,7 @@ const __vue2_script$d = {
     headers: { type: Array, required: true },
     noHeaders: { type: Boolean },
     fixedHeaders: { type: Boolean },
+    fixedFooter: { type: Boolean },
     loading: { type: Boolean },
     sort: { type: [String, Array] },
     expandableRows: {
@@ -5236,7 +5248,15 @@ const __vue2_script$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: [],
@@ -5293,7 +5313,8 @@ const __vue2_script$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() {