wave-ui 1.43.0 → 1.44.2

package/dist/wave-ui.es.js

@@ -963,7 +963,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 +973,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;
@@ -1572,16 +1600,16 @@ var render$E = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "w-confirm" }, [_c("w-menu", _vm._b({ attrs: { "menu-class": _vm.menuClasses }, scopedSlots: _vm._u([{ key: "activator", fn: function(ref) {
+  return _c("div", { staticClass: "w-confirm" }, [_c("w-menu", _vm._b({ scopedSlots: _vm._u([{ key: "activator", fn: function(ref) {
     var on = ref.on;
     return [_c("w-button", _vm._g(_vm._b({ staticClass: "w-confirm__button" }, "w-button", _vm.buttonProps, false), on), [_vm._t("default")], 2)];
   } }], null, true), model: { value: _vm.showPopup, callback: function($$v) {
     _vm.showPopup = $$v;
   }, expression: "showPopup" } }, "w-menu", _vm.wMenuProps, false), [_c("w-flex", { attrs: { "column": !_vm.inline, "align-center": "" } }, [_c("div", [_vm._t("question", function() {
     return [_vm._v("Are you sure?")];
-  })], 2), _c("div", { staticClass: "w-flex justify-end", class: _vm.inline ? "ml2" : "mt2" }, [!_vm.noCancel ? _c("w-button", _vm._b({ staticClass: "mr2", attrs: { "bg-color": _vm.cancelButton.bgColor || "error" }, on: { "click": _vm.onCancel } }, "w-button", _vm.cancelButton, false), [_vm._t("cancel", function() {
+  })], 2), _c("div", { staticClass: "w-flex justify-end", class: _vm.inline ? "ml2" : "mt2" }, [!_vm.noCancel ? _c("w-button", _vm._b({ staticClass: "mr2", attrs: { "bg-color": (_vm.cancelButton || {}).bgColor || "error" }, on: { "click": _vm.onCancel } }, "w-button", _vm.cancelButton, false), [_vm._t("cancel", function() {
     return [_vm._v("Cancel")];
-  })], 2) : _vm._e(), _c("w-button", _vm._b({ attrs: { "bg-color": _vm.confirmButton.bgColor || "success" }, on: { "click": _vm.onConfirm } }, "w-button", _vm.confirmButton, false), [_vm._t("confirm", function() {
+  })], 2) : _vm._e(), _c("w-button", _vm._b({ attrs: { "bg-color": (_vm.confirmButton || {}).bgColor || "success" }, on: { "click": _vm.onConfirm } }, "w-button", _vm.confirmButton, false), [_vm._t("confirm", function() {
     return [_vm._v("Confirm")];
   })], 2)], 1)])], 1)], 1);
 };
@@ -1592,14 +1620,12 @@ const __vue2_script$E = {
     bgColor: { type: String },
     color: { type: String },
     icon: { type: String },
-    menu: { type: Boolean },
-    cancelButtonColor: { type: String },
-    confirmButtonColor: { type: String },
+    mainButton: { type: Object },
     noCancel: { type: Boolean },
     cancelButton: { type: [Boolean, Object] },
-    confirmButton: { type: [Boolean, Object] },
+    confirmButton: { type: Object },
     inline: { type: Boolean },
-    menuProps: { type: Object },
+    menu: { type: Object },
     noArrow: { type: Boolean },
     top: { type: Boolean },
     bottom: { type: Boolean },
@@ -1631,14 +1657,14 @@ const __vue2_script$E = {
         alignRight: this.alignRight,
         persistent: this.persistent,
         transition: this.transition
-      }, this.menuProps);
+      }, this.menu);
     },
     buttonProps() {
-      return {
+      return __spreadValues({
         bgColor: this.bgColor,
         color: this.color,
         icon: this.icon
-      };
+      }, this.mainButton);
     }
   },
   methods: {