From f675a6f394ab21bbd0259cdc4523eaff5b4445e7 Mon Sep 17 00:00:00 2001
From: pk <pk@codeblob.work>
Date: Thu, 12 Feb 2026 23:56:34 +0100
Subject: [PATCH] Make sure a noicon item assignes the full with to the label.
 Add part for the wrap.

---
 package.json          | 2 +-
 tp-popup-menu-item.js | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index d0af2f4..bdfbb8a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tp/tp-popup",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "",
   "main": "tp-popup.js",
   "scripts": {
diff --git a/tp-popup-menu-item.js b/tp-popup-menu-item.js
index 2c04abc..89ef611 100644
--- a/tp-popup-menu-item.js
+++ b/tp-popup-menu-item.js
@@ -1,6 +1,6 @@
 /**
 @license
-Copyright (c) 2024 trading_peter
+Copyright (c) 2026 trading_peter
 This program is available under Apache License Version 2.0
 */
 
@@ -30,6 +30,10 @@ class TpPopupMenuItem extends LitElement {
           color: var(--tp-popup-menu-item-color, #000);
           background: var(--tp-popup-menu-item-bg, transparent);
         }
+
+        .wrap[noicon] {
+          grid-template-columns: 1fr;
+        }
       `
     ];
   }
@@ -38,7 +42,7 @@ class TpPopupMenuItem extends LitElement {
     const { icon } = this;
 
     return html`
-      <div class="wrap" ?noicon=${!icon}>
+      <div part="wrap" class="wrap" ?noicon=${!icon}>
         ${icon ? html`
         <tp-icon part="icon" .icon=${icon}></tp-icon>
         ` : null}