wave-ui 1.43.1 → 1.45.0

package/dist/wave-ui.es.js

@@ -4,8 +4,6 @@ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __reflectGet = Reflect.get;
-var __reflectSet = Reflect.set;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
@@ -963,7 +961,7 @@ var render$L = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "w-app", class: { "theme--dark": _vm.dark, "d-block": _vm.block } }, [_vm._t("default"), _c("notification-manager")], 2);
+  return _c("div", { staticClass: "w-app", class: _vm.classes }, [_vm._t("default"), _c("notification-manager")], 2);
 };
 var staticRenderFns$L = [];
 var wApp_vue_vue_type_style_index_0_lang = "";
@@ -973,13 +971,41 @@ const __vue2_script$L = {
   name: "w-app",
   props: {
     dark: { type: Boolean },
-    block: { type: Boolean }
+    block: { type: Boolean },
+    row: { type: Boolean },
+    alignCenter: { type: Boolean },
+    alignEnd: { type: Boolean },
+    justifyCenter: { type: Boolean },
+    justifyEnd: { type: Boolean },
+    justifySpaceBetween: { type: Boolean },
+    justifySpaceAround: { type: Boolean },
+    justifySpaceEvenly: { type: Boolean },
+    textCenter: { type: Boolean },
+    textRight: { type: Boolean }
   },
   components: { NotificationManager },
   data: () => ({
     currentBreakpoint: null,
     notifManager: null
   }),
+  computed: {
+    classes() {
+      return {
+        "d-block": this.block,
+        "row": this.row,
+        "align-center": this.alignCenter,
+        "align-end": this.alignEnd,
+        "justify-center": this.justifyCenter,
+        "justify-end": this.justifyEnd,
+        "justify-space-between": this.justifySpaceBetween,
+        "justify-space-around": this.justifySpaceAround,
+        "justify-space-evenly": this.justifySpaceEvenly,
+        "text-center": this.textCenter,
+        "text-right": this.textRight,
+        "theme--dark": this.dark
+      };
+    }
+  },
   methods: {
     getBreakpoint() {
       const width = window.innerWidth;
@@ -4810,7 +4836,7 @@ var render$d = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "w-table-wrap", class: _vm.wrapClasses }, [_c("table", { staticClass: "w-table", class: _vm.classes, on: { "mousedown": _vm.onMouseDown, "mouseover": _vm.onMouseOver, "mouseout": _vm.onMouseOut } }, [_c("colgroup", _vm._l(_vm.headers, function(header, i) {
+  return _c("div", { staticClass: "w-table-wrap", class: _vm.wrapClasses }, [_c("table", { staticClass: "w-table", class: _vm.classes, on: { "mousedown": _vm.onMouseDown, "mouseover": _vm.onMouseOver, "mouseout": _vm.onMouseOut } }, [_c("colgroup", { ref: "colgroup" }, _vm._l(_vm.headers, function(header, i) {
     return _c("col", { key: i, staticClass: "w-table__col", attrs: { "width": header.width || null } });
   }), 0), !_vm.noHeaders ? _c("thead", [_c("tr", _vm._l(_vm.headers, function(header, i) {
     return _c("th", { key: i, staticClass: "w-table__header", class: _vm.headerClasses(header), on: { "click": function($event) {
@@ -4822,7 +4848,7 @@ var render$d = function() {
     } } }) : _vm._e()], 2);
   }), 0)]) : _vm._e(), _c("tbody", [_vm.loading ? _c("tr", { staticClass: "w-table__progress-bar" }, [_c("td", { attrs: { "colspan": _vm.headers.length } }, [_c("w-progress", { attrs: { "tile": "" } }), _c("div", { staticClass: "w-table__loading-text" }, [_vm._t("loading", function() {
     return [_vm._v("Loading...")];
-  })], 2)], 1)]) : _vm._e(), !_vm.tableItems.length ? _c("tr", { staticClass: "no-data" }, [_c("td", { staticClass: "w-table__cell text-center", attrs: { "colspan": _vm.headers.length } }, [_vm._t("no-data", function() {
+  })], 2)], 1)]) : !_vm.tableItems.length ? _c("tr", { staticClass: "no-data" }, [_c("td", { staticClass: "w-table__cell text-center", attrs: { "colspan": _vm.headers.length } }, [_vm._t("no-data", function() {
     return [_vm._v("No data to show.")];
   })], 2)]) : [_vm._l(_vm.sortedItems, function(item, i) {
     return [_vm.$scopedSlots["item"] ? _vm._t("item", null, { "item": item, "index": i + 1, "select": function() {
@@ -4870,7 +4896,7 @@ 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"],
+  emits: ["row-select", "row-expand", "row-click", "update:sort", "update:selected-rows", "update:expanded-rows", "column-resize"],
   data: () => ({
     activeSorting: [],
     selectedRowsInternal: [],
@@ -4894,9 +4920,7 @@ const __vue2_script$d = {
       });
     },
     filteredItems() {
-      if (typeof this.filter === "function")
-        return this.tableItems.filter(this.filter);
-      return this.tableItems;
+      return typeof this.filter === "function" ? this.tableItems.filter(this.filter) : this.tableItems;
     },
     sortedItems() {
       if (!this.activeSorting.length)
@@ -5056,6 +5080,11 @@ const __vue2_script$d = {
       document.removeEventListener("mousemove", this.onResizerMouseMove);
       document.removeEventListener("mouseup", this.onResizerMouseUp);
       setTimeout(() => {
+        const widths = [...this.$refs.colgroup.childNodes].map((column) => {
+          var _a;
+          return ((_a = column.style) == null ? void 0 : _a.width) || column.offsetWidth;
+        });
+        this.$emit("column-resize", { index: this.colResizing.columnIndex, widths });
         this.colResizing.dragging = false;
         this.colResizing.columnIndex = null;
         this.colResizing.startCursorX = null;