Merge pull request #24 from happyprime/fix/add-persistent-has-been-to…

…ggled

Add persisting `toggle-block-has-been-toggled` class to toggled element when first toggled

README.md

@@ -15,3 +15,15 @@ When the toggle block is selected in the editor, toggle settings appear in the s
 The "Controls ID" entered in this panel must match the "HTML anchor" assigned to another block through its advanced panel:
 
 <img src="assets/screenshot-toggle-block-002.png" alt="A screenshot of the sidebar panel in the block editor with a text input for HTML anchor" style="width:250px; height:auto;">
+
+## Changelog
+
+### 0.3.1
+
+* Add persisting `toggle-block-has-been-toggled` class to toggled element when first toggled.
+
+### 0.3.0
+
+* Add persisting `toggle-block-has-toggled` class to toggle button when first clicked.
+* Update `@wordpress/scripts` to 27.7.0.
+* Update project dependencies.

build/view.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '6b7ecb7568166b83bfb7');
+<?php return array('dependencies' => array(), 'version' => 'ce526b75a97af67a6dd1');

composer.json

@@ -1,7 +1,7 @@
 {
 	"name": "happyprime/toggle-block",
 	"description": "Add a toggle to show and hide another block.",
-	"version": "0.3.0",
+	"version": "0.3.1",
 	"type": "wordpress-plugin",
 	"minimum-stability": "stable",
 	"license": "GPLv2-or-later",

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "toggle-block",
-	"version": "0.3.0",
+	"version": "0.3.1",
 	"description": "Add a toggle to show and hide another block",
 	"author": "Happy Prime",
 	"license": "GPL-2.0-or-later",

plugin.php

@@ -2,7 +2,7 @@
 /**
  * Plugin Name:  Toggle Block
  * Description:  Add a toggle to show and hide another block.
- * Version:      0.3.0
+ * Version:      0.3.1
  * Plugin URI:   https://github.com/happyprime/toggle-block/
  * Author:       Happy Prime
  * Author URI:   https://happyprime.co

src/view.js

@@ -19,6 +19,15 @@
 			evt.target.classList.add( 'toggle-block-has-toggled' );
 		}
 
+		/**
+		 * Add a persisting class to the toggled block when it is
+		 * toggled for the first time to flag that it has, at one
+		 * point in its history, been toggled.
+		 */
+		if ( ! toggledBlock.classList.contains( 'toggle-block-has-been-toggled' ) ) {
+			toggledBlock.classList.add( 'toggle-block-has-been-toggled' );
+		}
+
 		if ( toggledBlock.classList.contains( 'toggle-block-hidden' ) ) {
 			evt.target.setAttribute( 'aria-pressed', 'true' );
 			evt.target.setAttribute( 'aria-expanded', 'true' );