icon

Templarian · Templarian · commit 228d61668dba · 2025-11-08T15:06:58.000-06:00
diff --git a/src/pg/menuItemIcon/menuItemIcon.css b/src/pg/menuItemIcon/menuItemIcon.css
@@ -71,4 +71,8 @@
 
 [part=button]:focus-visible:not(:hover)::after {
   background: var(--pg-focus-background-color, rgb(79, 143, 249, 0.1));
+}
+
+[part=icon] {
+  margin-inline-end: 0.25rem;
 }
diff --git a/src/pg/menuItemIcon/menuItemIcon.ts b/src/pg/menuItemIcon/menuItemIcon.ts
@@ -41,7 +41,7 @@ export default class PgMenuItemIcon extends HTMLElement {
   }
 
   connectedCallback() {
-    this.$label.addEventListener('click', () => {
+    this.$button.addEventListener('click', () => {
       this.checked = true;
       this.dispatchEvent(new CustomEvent('select', {
         detail: { index: this.index }

Original file line number	Diff line number	Diff line change
`@@ -71,4 +71,8 @@`
`71`	`71`
`72`	`72`	`[part=button]:focus-visible:not(:hover)::after {`
`73`	`73`	`background: var(--pg-focus-background-color, rgb(79, 143, 249, 0.1));`
	`74`	`+}`
	`75`	`+`
	`76`	`+[part=icon] {`
	`77`	`+ margin-inline-end: 0.25rem;`
`74`	`78`	`}`
Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@ export default class PgMenuItemIcon extends HTMLElement {`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`connectedCallback() {`
`44`		`- this.$label.addEventListener('click', () => {`
	`44`	`+ this.$button.addEventListener('click', () => {`
`45`	`45`	`this.checked = true;`
`46`	`46`	`this.dispatchEvent(new CustomEvent('select', {`
`47`	`47`	`detail: { index: this.index }`