wave-ui 2.37.0 → 2.39.0

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);
@@ -3431,7 +3435,7 @@ const _sfc_main$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 },
@@ -6010,6 +6014,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 +6092,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 +6279,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 +6306,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 +6333,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 +6398,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() {