@neovici/cosmoz-treenode-navigator 3.0.5 → 3.1.0

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# [3.1.0](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.8...v3.1.0) (2021-12-07)
+
+
+### Features
+
+* add button and icon slots ([d7ea96d](https://github.com/neovici/cosmoz-treenode-navigator/commit/d7ea96dc06bf01e3dc33cbf76fa523524d67ba2c))
+
+## [3.0.8](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.7...v3.0.8) (2021-10-17)
+
+
+### Bug Fixes
+
+* css comments ([f9d97f3](https://github.com/neovici/cosmoz-treenode-navigator/commit/f9d97f3e257044e6ebd78f69f3571c8663a741a9))
+
+## [3.0.7](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.6...v3.0.7) (2021-10-17)
+
+
+### Bug Fixes
+
+* **cosmoz-treenode-button-view:** ios rtl overflow ([80725a7](https://github.com/neovici/cosmoz-treenode-navigator/commit/80725a763f29171cb6af20af81a02a82d1304369))
+
+## [3.0.6](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.5...v3.0.6) (2021-10-16)
+
+
+### Bug Fixes
+
+* **cosmoz-treenode-button-view:** rtl fixes ([43e70a3](https://github.com/neovici/cosmoz-treenode-navigator/commit/43e70a3684ce2187d0afbb0666613d62067ef02a))
+
 ## [3.0.5](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.4...v3.0.5) (2021-10-16)
 
 

package/cosmoz-treenode-button-view.js

@@ -34,6 +34,10 @@ class CosmozTreenodeButtonView extends translatable(PolymerElement) {
 				direction: rtl;
 				text-align: left;
 			}
+			/* Safari only css fix */
+			@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) {
+				.pathToNode span { display: inline-block;}
+			}}
 
 			#chips {
 				display: flex;
@@ -75,10 +79,10 @@ class CosmozTreenodeButtonView extends translatable(PolymerElement) {
 			}
 		</style>
 		<div class="actions">
-			<paper-button class="open" raised on-click="openDialogTree">
-				<div class="pathToNode">[[ _getButtonLabel(nodesOnNodePath, buttonTextPlaceholder) ]]</div>
+			<paper-button part="button" class="open" raised on-click="openDialogTree" title="[[ buttonText ]]">
+				<div class="pathToNode">&lrm;<span>[[ buttonText ]]</span></div>
 			</paper-button>
-			<paper-icon-button icon="clear" on-click="reset" hidden$="[[ !_enableReset(nodePath, noReset) ]]"></paper-icon-button>
+			<paper-icon-button part="clear" icon="clear" on-click="reset" hidden$="[[ !_enableReset(nodePath, noReset) ]]"></paper-icon-button>
 		</div>
 		<template is="dom-if" if="[[ _showSelectedNodes(multiSelection, selectedNodes.length) ]]">
 			<div id="chips" class="row">
@@ -163,6 +167,12 @@ class CosmozTreenodeButtonView extends translatable(PolymerElement) {
 				type: String,
 				computed: 'getButtonTextPlaceholder(multiSelection)'
 			},
+
+			buttonText: {
+				type: String,
+				computed: '_getButtonLabel(nodesOnNodePath, buttonTextPlaceholder)'
+			},
+
 			/*
 			* The path of the selected node
 			*/

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-treenode-navigator",
-	"version": "3.0.5",
+	"version": "3.1.0",
 	"description": "A Polymer component that lets you navigate and search through hierarchically structured data-nodes and select one of them.",
 	"keywords": [
 		"polymer",
@@ -58,8 +58,7 @@
 		"@polymer/polymer": "^3.4.0",
 		"@web/dev-server": "^0.1.25",
 		"@web/test-runner": "^0.13.19",
-		"@web/test-runner-selenium": "^0.5.2",
-		"@webcomponents/shadycss": "^1.0.0"
+		"@web/test-runner-selenium": "^0.5.2"
 	},
 	"devDependencies": {
 		"@commitlint/cli": "^13.0.0",

package/test/cosmoz-treenode-button-view.test.js

@@ -17,7 +17,7 @@ suite('rtl', () => {
 		// stamped asynchronously, so we need to wait a bit.
 		setTimeout(() => {
 			const buttonLabel = treeButton.shadowRoot.querySelector('.pathToNode').textContent;
-			assert.equal(buttonLabel, '1 / 2 / 3');
+			assert.isTrue(buttonLabel.endsWith('1 / 2 / 3'));
 			done();
 		}, 500);
 	});