pict-section-flow 0.0.16 → 0.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pict-section-flow",
-    "version": "0.0.16",
+    "version": "0.0.17",
     "description": "Pict Section Flow Diagram",
     "main": "source/Pict-Section-Flow.js",
     "scripts": {

package/source/providers/PictProvider-Flow-CSS.js

@@ -927,6 +927,9 @@ class PictProviderFlowCSS extends libFableServiceProviderBase
 			user-select: none;
 			-webkit-user-select: none;
 		}
+		.pict-flow-toolbar-btn:focus {
+			outline: none;
+		}
 		.pict-flow-toolbar-btn:hover {
 			background-color: var(--pf-button-hover-bg);
 			border-color: var(--pf-button-hover-border);
@@ -1387,6 +1390,9 @@ class PictProviderFlowCSS extends libFableServiceProviderBase
 			justify-content: center;
 			transition: background-color 0.15s;
 		}
+		.pict-flow-floating-btn:focus {
+			outline: none;
+		}
 		.pict-flow-floating-btn:hover {
 			background-color: var(--pf-button-hover-bg);
 		}

package/source/views/PictView-Flow-FloatingToolbar.js

@@ -155,7 +155,7 @@ class PictViewFlowFloatingToolbar extends libPictView
 		// Populate icons
 		this._populateIcons();
 
-		// Hide buttons based on options
+		// Remove buttons from DOM based on options
 		if (tmpFloatingToolbar.length > 0)
 		{
 			if (this.options.EnableAddNode === false)
@@ -163,7 +163,7 @@ class PictViewFlowFloatingToolbar extends libPictView
 				let tmpAddNodeBtn = tmpFloatingToolbar[0].querySelector('[data-flow-action="add-node"]');
 				if (tmpAddNodeBtn)
 				{
-					tmpAddNodeBtn.style.display = 'none';
+					tmpAddNodeBtn.remove();
 				}
 			}
 			if (this.options.EnableCardPalette === false)
@@ -171,7 +171,7 @@ class PictViewFlowFloatingToolbar extends libPictView
 				let tmpCardsBtn = tmpFloatingToolbar[0].querySelector('[data-flow-action="cards-popup"]');
 				if (tmpCardsBtn)
 				{
-					tmpCardsBtn.style.display = 'none';
+					tmpCardsBtn.remove();
 				}
 			}
 		}

package/source/views/PictView-Flow-Toolbar.js

@@ -157,13 +157,13 @@ class PictViewFlowToolbar extends libPictView
 		// Populate SVG icons for toolbar buttons
 		this._populateToolbarIcons();
 
-		// Hide buttons based on options
+		// Remove buttons from DOM based on options
 		if (this.options.EnableAddNode === false)
 		{
 			let tmpAddNodeBtn = this.pict.ContentAssignment.getElement(`#Flow-Toolbar-AddNode-${tmpFlowViewIdentifier}`);
 			if (tmpAddNodeBtn.length > 0)
 			{
-				tmpAddNodeBtn[0].style.display = 'none';
+				tmpAddNodeBtn[0].remove();
 			}
 		}
 		if (this.options.EnableCardPalette === false)
@@ -171,7 +171,7 @@ class PictViewFlowToolbar extends libPictView
 			let tmpCardsBtn = this.pict.ContentAssignment.getElement(`#Flow-Toolbar-Cards-${tmpFlowViewIdentifier}`);
 			if (tmpCardsBtn.length > 0)
 			{
-				tmpCardsBtn[0].style.display = 'none';
+				tmpCardsBtn[0].remove();
 			}
 		}