fix: prevent rendering of empty label

Close #23
FlowingCode · Oct 4, 2024 · 729ad27 · 729ad27
1 parent 4b1216d
commit 729ad27
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/main/resources/META-INF/resources/frontend/src/fc-badge-list.ts b/src/main/resources/META-INF/resources/frontend/src/fc-badge-list.ts
@@ -85,6 +85,10 @@ export class BadgeList extends ResizeMixin(ThemableMixin(LitElement)) {
       margin: var(--badge-list-badges-margin);
     }   
 
+    :host(:not([has-label])) [part='label']{
+      display:none;
+    }
+
     [part="label"] {
       align-self: flex-start;
       color: var(--badge-list-label-color);
@@ -230,5 +234,12 @@ export class BadgeList extends ResizeMixin(ThemableMixin(LitElement)) {
       </div>
     `;
   }
+
+  update(_changedProperties: Map<PropertyKey, unknown>) {
+    if (_changedProperties.has('label')) {
+      this.toggleAttribute('has-label', this.label != null);
+    }
+    super.update(_changedProperties);
+  }
 
 }