@neovici/cosmoz-bottom-bar 5.0.0 → 5.1.0

package/cosmoz-bottom-bar.html.js

@@ -28,6 +28,9 @@ export default html`
 				padding: 0;
 			};
 		}
+		:host([force-open]) {
+			transition: none;
+		}
 		[hidden], ::slotted([hidden]) {
 			display: none !important;
 		}

package/cosmoz-bottom-bar.js

@@ -130,6 +130,11 @@ class CosmozBottomBar extends PolymerElement {
 				type: Number
 			},
 
+			forceOpen: {
+				type: Boolean,
+				value: false
+			},
+
 			/**
 			 * Whether the bar is visible (has actions and is `active`)
 			 */
@@ -137,7 +142,7 @@ class CosmozBottomBar extends PolymerElement {
 				type: Boolean,
 				notify: true,
 				readOnly: true,
-				computed: '_computeVisible(hasActions, active, hasExtraItems)'
+				computed: '_computeVisible(hasActions, active, hasExtraItems, forceOpen)'
 			},
 
 			/**
@@ -230,8 +235,8 @@ class CosmozBottomBar extends PolymerElement {
 		return barHeight;
 	}
 
-	_computeVisible(hasActions, active, hasExtraItems) {
-		return (hasActions || hasExtraItems) && active;
+	_computeVisible(hasActions, active, hasExtraItems, forceOpen) {
+		return forceOpen || ((hasActions || hasExtraItems) && active);
 	}
 
 	_debounceLayoutActions() {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-bottom-bar",
-	"version": "5.0.0",
+	"version": "5.1.0",
 	"description": "A responsive bottom-bar that can house buttons/actions and a menu for the buttons that won't fit the available width.",
 	"keywords": [
 		"polymer",