From e5ffc28e3fc853843c02083a434eff4275648b84 Mon Sep 17 00:00:00 2001
From: Serhii Kulykov <iamkulykov@gmail.com>
Date: Fri, 13 Dec 2024 12:09:59 +0200
Subject: [PATCH] refactor: use ifDefined directive for notification theme
 attribute (#8337)

---
 packages/notification/src/vaadin-lit-notification.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/notification/src/vaadin-lit-notification.js b/packages/notification/src/vaadin-lit-notification.js
index c706dbd5dc6..002bba7b1ac 100644
--- a/packages/notification/src/vaadin-lit-notification.js
+++ b/packages/notification/src/vaadin-lit-notification.js
@@ -4,6 +4,7 @@
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { css, html, LitElement } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
 import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
@@ -105,7 +106,7 @@ class Notification extends NotificationMixin(ElementMixin(ThemableMixin(PolylitM
   render() {
     return html`
       <vaadin-notification-card
-        theme="${this._theme || ''}"
+        theme="${ifDefined(this._theme)}"
         aria-live="${this.__computeAriaLive(this.assertive)}"
       ></vaadin-notification-card>
     `;