gsuiToggle: use of gsui0ne

gridsound · Feb 10, 2024 · f5bfe09 · f5bfe09
1 parent 5beff05
commit f5bfe09
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/gs-utils b/gs-utils
diff --git a/gsuiToggle/gsuiToggle.js b/gsuiToggle/gsuiToggle.js
@@ -1,26 +1,25 @@
 "use strict";
 
-class gsuiToggle extends HTMLElement {
+class gsuiToggle extends gsui0ne {
 	constructor() {
-		super();
+		super( {
+			$cmpName: "gsuiToggle",
+			$tagName: "gsui-toggle",
+			$attributes: { tabindex: 0 }
+		} );
 		Object.seal( this );
-		this.oncontextmenu = () => false;
+		this.oncontextmenu = GSUnoopFalse;
 		this.onmousedown = e => {
 			if ( e.button === 2 ) {
-				GSUdispatchEvent( this, "gsuiToggle", "toggleSolo" );
+				this.$dispatch( "toggleSolo" );
 			} else if ( e.button === 0 ) {
-				const off = GSUgetAttribute( this, "off" ) !== null;
+				const off = GSUhasAttribute( this, "off" );
 
 				GSUsetAttribute( this, "off", !off );
-				GSUdispatchEvent( this, "gsuiToggle", "toggle", off );
+				this.$dispatch( "toggle", off );
 			}
 		};
 	}
-
-	// .........................................................................
-	connectedCallback() {
-		GSUsetAttribute( this, "tabindex", 0 );
-	}
 }
 
 Object.freeze( gsuiToggle );

diff --git a/gsuiToggle/index.html b/gsuiToggle/index.html
@@ -41,6 +41,7 @@
 <script src="/gs-ui-components/test-assets/test.js"></script>
 
 <!-- ....................................................................... -->
+<script src="/gs-ui-components/gsui0ne/gsui0ne.js"></script>
 <script src="/gs-ui-components/gsuiToggle/gsuiToggle.js"></script>
 
 </body>