wave-ui 1.53.2 → 1.55.0

package/dist/wave-ui.es.js

@@ -2967,6 +2967,7 @@ const __vue2_script$t = {
     icon: { type: String, default: "" },
     itemLabelKey: { type: String, default: "label" },
     itemValueKey: { type: String, default: "value" },
+    itemClassKey: { type: String, default: "class" },
     itemColorKey: { type: String, default: "color" },
     itemRouteKey: { type: String, default: "route" },
     itemClass: { type: String },
@@ -3041,7 +3042,7 @@ const __vue2_script$t = {
         "w-list__item-label--selectable": this.isSelectable,
         [item.color]: !!item.color,
         [this.SelectionColor]: item._selected && !item.color && this.SelectionColor,
-        [this.itemClass]: !!this.itemClass
+        [item[this.itemClassKey] || this.itemClass]: item[this.itemClassKey] || this.itemClass
       };
     },
     liLabelProps(li, index2, selected) {
@@ -5121,6 +5122,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];
@@ -5197,7 +5205,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 = "";
@@ -5209,6 +5217,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: {
@@ -5235,7 +5244,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: [],
@@ -5292,7 +5309,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() {