wave-ui 2.36.3 → 2.38.0

package/dist/wave-ui.es.js

@@ -3431,6 +3431,7 @@ const _sfc_main$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 },
@@ -3505,7 +3506,7 @@ const _sfc_main$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) {
@@ -6009,6 +6010,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];
@@ -6080,6 +6088,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");
@@ -6254,8 +6275,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);
 }
@@ -6268,6 +6302,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: {
@@ -6294,7 +6329,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: [],
@@ -6351,7 +6394,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() {