wave-ui 1.51.1 → 1.52.0

package/dist/wave-ui.es.js

@@ -675,13 +675,6 @@ const __vue2_script$P = {
         [item[this.itemColorKey]]: item[this.itemColorKey]
       };
     }
-  },
-  watch: {
-    value(array) {
-      this.accordionItems.forEach((item, i) => {
-        this.$set(item, "expanded", Array.isArray(array) && array[i] || false);
-      });
-    }
   }
 };
 const __cssModules$P = {};
@@ -1315,7 +1308,7 @@ var render$I = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "w-card", class: _vm.classes, style: _vm.styles }, [_vm.$slots.title ? _c("div", { staticClass: "w-card__title", class: Object.assign({}, { "w-card__title--has-toolbar": _vm.titleHasToolbar }, _vm.titleClasses) }, [_vm._t("title")], 2) : _vm.title ? _c("div", { staticClass: "w-card__title", class: _vm.titleClasses, domProps: { "innerHTML": _vm._s(_vm.title) } }) : _vm._e(), _vm.image ? _c("w-image", _vm._b({ staticClass: "w-card__image", attrs: { "src": _vm.image } }, "w-image", _vm.imgProps, false), [_vm._t("image-content")], 2) : _vm._e(), _c("div", { staticClass: "w-card__content", class: _vm.contentClasses }, [_vm._t("default")], 2), _vm.$slots.actions ? _c("div", { staticClass: "w-card__actions", class: { "w-card__actions--has-toolbar": _vm.actionsHasToolbar } }, [_vm._t("actions")], 2) : _vm._e()], 1);
+  return _c("div", { staticClass: "w-card", class: _vm.classes }, [_vm.$slots.title ? _c("div", { staticClass: "w-card__title", class: Object.assign({}, { "w-card__title--has-toolbar": _vm.titleHasToolbar }, _vm.titleClasses) }, [_vm._t("title")], 2) : _vm.title ? _c("div", { staticClass: "w-card__title", class: _vm.titleClasses, domProps: { "innerHTML": _vm._s(_vm.title) } }) : _vm._e(), _vm.image ? _c("w-image", _vm._b({ staticClass: "w-card__image", attrs: { "src": _vm.image } }, "w-image", _vm.imgProps, false), [_vm._t("image-content")], 2) : _vm._e(), _c("div", { staticClass: "w-card__content", class: _vm.contentClasses }, [_vm._t("default")], 2), _vm.$slots.actions ? _c("div", { staticClass: "w-card__actions", class: { "w-card__actions--has-toolbar": _vm.actionsHasToolbar } }, [_vm._t("actions")], 2) : _vm._e()], 1);
 };
 var staticRenderFns$I = [];
 var wCard_vue_vue_type_style_index_0_lang = "";
@@ -1363,9 +1356,6 @@ const __vue2_script$I = {
         "w-card--tile": this.tile,
         "w-card--shadow": this.shadow
       };
-    },
-    styles() {
-      return false;
     }
   }
 };
@@ -1851,7 +1841,7 @@ const __vue2_script$C = {
     classes() {
       return {
         [`w-divider--has-color ${this.color}`]: this.color,
-        "w-divider--vertical": this.vertical,
+        [`w-divider--${this.vertical ? "vertical" : "horizontal"}`]: true,
         "w-divider--has-content": this.$slots.default
       };
     }
@@ -5655,7 +5645,7 @@ var render$a = function() {
   var _c = _vm._self._c || _h;
   return _c("ul", { staticClass: "w-timeline" }, _vm._l(_vm.items, function(item, i) {
     var _obj;
-    return _c("li", { key: i, staticClass: "w-timeline-item" }, [_c(item[_vm.itemIconKey] || _vm.icon ? "w-icon" : "div", { tag: "div", staticClass: "w-timeline-item__bullet", class: (_obj = {}, _obj[item[_vm.itemColorKey] || _vm.color] = item[_vm.itemColorKey] || _vm.color, _obj) }, [_vm._v(_vm._s(item[_vm.itemIconKey] || _vm.icon))]), !_vm.$slots["item." + (i + 1)] ? _vm._t("item", function() {
+    return _c("li", { key: i, staticClass: "w-timeline-item" }, [_c(item[_vm.itemIconKey] || _vm.icon ? "w-icon" : "div", { tag: "component", staticClass: "w-timeline-item__bullet", class: (_obj = {}, _obj[item[_vm.itemColorKey] || _vm.color] = item[_vm.itemColorKey] || _vm.color, _obj) }, [_vm._v(_vm._s(item[_vm.itemIconKey] || _vm.icon))]), !_vm.$slots["item." + (i + 1)] ? _vm._t("item", function() {
       var _obj2;
       return [_c("div", { staticClass: "w-timeline-item__title", class: (_obj2 = {}, _obj2[item[_vm.itemColorKey] || _vm.color] = item[_vm.itemColorKey] || _vm.color, _obj2), domProps: { "innerHTML": _vm._s(item[_vm.itemTitleKey]) } }), _c("div", { staticClass: "w-timeline-item__content", domProps: { "innerHTML": _vm._s(item[_vm.itemContentKey]) } })];
     }, { "item": item, "index": i + 1 }) : _vm._t("item." + (i + 1), null, { "item": item, "index": i + 1 })], 2);
@@ -5702,6 +5692,10 @@ const __vue2_script$9 = {
     absolute: { type: Boolean },
     fixed: { type: Boolean },
     bottom: { type: Boolean },
+    vertical: { type: Boolean },
+    left: { type: Boolean },
+    right: { type: Boolean },
+    width: { type: [Number, String], default: null },
     height: { type: [Number, String], default: null },
     noBorder: { type: Boolean },
     shadow: { type: Boolean }
@@ -5712,19 +5706,27 @@ const __vue2_script$9 = {
       const h = this.height;
       return h && parseInt(h) == h ? h + "px" : h;
     },
+    toolbarWidth() {
+      const w = this.width;
+      return w && parseInt(w) == w ? w + "px" : w;
+    },
     classes() {
       return {
         [this.color]: !!this.color,
         [`${this.bgColor}--bg`]: !!this.bgColor,
         "w-toolbar--absolute": !!this.absolute,
         "w-toolbar--fixed": !!this.fixed,
-        [`w-toolbar--${this.bottom ? "bottom" : "top"}`]: true,
+        [`w-toolbar--${this.bottom ? "bottom" : "top"}`]: !this.vertical,
+        [`w-toolbar--vertical w-toolbar--${this.right ? "right" : "left"}`]: this.vertical,
         "w-toolbar--no-border": this.noBorder,
         "w-toolbar--shadow": !!this.shadow
       };
     },
     styles() {
-      return this.height ? `height: ${this.toolbarHeight}` : false;
+      return {
+        height: this.height && !this.vertical ? this.toolbarHeight : null,
+        width: this.width && this.vertical ? this.toolbarWidth : null
+      };
     }
   }
 };
@@ -5742,7 +5744,7 @@ var render$8 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "w-tooltip-wrap" }, [_vm._t("activator", null, { "on": _vm.activatorEventHandlers }), _c("transition", { attrs: { "name": _vm.transitionName, "appear": "" } }, [_vm.detachableVisible ? _c("div", { ref: "detachable", staticClass: "w-tooltip", class: _vm.classes, style: _vm.styles }, [_vm._t("default")], 2) : _vm._e()])], 2);
+  return _c("div", { staticClass: "w-tooltip-wrap" }, [_vm._t("activator", null, { "on": _vm.activatorEventHandlers }), _c("transition", { attrs: { "name": _vm.transitionName, "appear": "" } }, [_vm.detachableVisible ? _c("div", { key: _vm._uid, ref: "detachable", staticClass: "w-tooltip", class: _vm.classes, style: _vm.styles }, [_vm._t("default")], 2) : _vm._e()])], 2);
 };
 var staticRenderFns$8 = [];
 var wTooltip_vue_vue_type_style_index_0_lang = "";