@neovici/cosmoz-bottom-bar - npm Package Compare versions

Comparing version 5.1.1 to 5.2.0

cosmoz-bottom-bar.js

@@ -14,3 +14,4 @@ /* eslint-disable max-lines */
 	BOTTOM_BAR_TOOLBAR_SLOT = 'bottom-bar-toolbar',
-	BOTTOM_BAR_MENU_SLOT = 'bottom-bar-menu';
+	BOTTOM_BAR_MENU_SLOT = 'bottom-bar-menu',
+	rendered = Symbol('rendered');
 
@@ -134,2 +135,7 @@ /**
 
+			renderOpen: {
+				type: Boolean,
+				value: false
+			},
+
 			forceOpen: {
@@ -176,3 +182,3 @@ type: Boolean,
 		return [
-			'_showHideBottomBar(visible)'
+			'_showHideBottomBar(visible, renderOpen)'
 		];
@@ -209,2 +215,3 @@ }
 		super.disconnectedCallback();
+		this[rendered] = false;
 
@@ -337,3 +344,3 @@ [...this._nodeObservers, this._hiddenMutationObserver].forEach(e => e.disconnect(e));
 
-	_showHideBottomBar(visible) {
+	_showHideBottomBar(visible, renderOpen) {
 		this.style.transitionDuration = 0;
@@ -344,5 +351,11 @@ this.style.display = '';
 		const height = this.computedBarHeight,
-			from = visible ? '0px' : height + 'px',
 			to = !visible ? '0px' : height + 'px';
 
+		let from = visible ? '0px' : height + 'px';
+		
+		if(visible && renderOpen && !this[rendered]) {
+			from = to;
+			this[rendered] = true;
+		}
+
 		this.style.maxHeight = from;
@@ -349,0 +362,0 @@

package.json

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

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

29310

increased by0.83%

Lines of code

417

increased by2.46%

No dependency changes