Update babel monorepo to v7.29.7 (#52277)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

package.json

@@ -27,7 +27,7 @@
   "license": "Apache-2.0",
   "type": "module",
   "dependencies": {
-    "@babel/runtime": "7.29.2",
+    "@babel/runtime": "7.29.7",
     "@braintree/sanitize-url": "7.1.2",
     "@codemirror/autocomplete": "6.20.2",
     "@codemirror/commands": "6.10.3",
@@ -126,10 +126,10 @@
     "xss": "1.0.15"
   },
   "devDependencies": {
-    "@babel/core": "7.29.0",
+    "@babel/core": "7.29.7",
     "@babel/helper-define-polyfill-provider": "0.6.8",
-    "@babel/plugin-transform-runtime": "7.29.0",
-    "@babel/preset-env": "7.29.5",
+    "@babel/plugin-transform-runtime": "7.29.7",
+    "@babel/preset-env": "7.29.7",
     "@bundle-stats/plugin-webpack-filter": "4.22.1",
     "@eslint/js": "10.0.1",
     "@html-eslint/eslint-plugin": "0.61.0",

src/panels/config/apps/app-view/info/supervisor-app-info.ts

@@ -185,19 +185,19 @@ class SupervisorAppInfo extends MobileAwareMixin(LitElement) {
   private _renderInfoCard() {
     const systemManaged = this._isSystemManaged(this._currentAddon);
 
-    return html`<ha-card outlined>
+    return html` <ha-card outlined>
       <div class="card-content">
         <div class="addon-header">
-          ${this._currentAddon.logo
-            ? html`
-                <img
-                  class="logo"
-                  alt=""
-                  src="/api/hassio/addons/${this._currentAddon.slug}/logo"
-                />
-              `
-            : nothing}
           <div class="title">
+            ${this._currentAddon.logo
+              ? html`
+                  <img
+                    class="logo"
+                    alt=""
+                    src="/api/hassio/addons/${this._currentAddon.slug}/logo"
+                  />
+                `
+              : nothing}
             ${getAppDisplayName(
               this._currentAddon.name,
               this._currentAddon.stage
@@ -239,17 +239,7 @@ class SupervisorAppInfo extends MobileAwareMixin(LitElement) {
             ? html`<supervisor-apps-state
                 .state=${this._currentAddon.state}
               ></supervisor-apps-state>`
-            : html`
-                <ha-progress-button
-                  .disabled=${!this._currentAddon.available}
-                  @click=${this._installClicked}
-                  .iconPath=${mdiApplicationImport}
-                >
-                  ${this.i18n.localize(
-                    "ui.panel.config.apps.dashboard.install"
-                  )}
-                </ha-progress-button>
-              `}
+            : nothing}
         </div>
 
         <ha-chip-set class="capabilities">
@@ -513,7 +503,8 @@ class SupervisorAppInfo extends MobileAwareMixin(LitElement) {
       </div>
       ${(this._currentAddon.update_available && this._updateEntityId) ||
       this._computeShowWebUI ||
-      this._computeShowIngressUI
+      this._computeShowIngressUI ||
+      !this._currentAddon.version
         ? html`
             <div class="card-actions">
               ${this._currentAddon.update_available && this._updateEntityId
@@ -549,6 +540,19 @@ class SupervisorAppInfo extends MobileAwareMixin(LitElement) {
                     </ha-button>
                   `
                 : nothing}
+              ${!this._currentAddon.version
+                ? html`
+                    <ha-progress-button
+                      .disabled=${!this._currentAddon.available}
+                      @click=${this._installClicked}
+                      .iconPath=${mdiApplicationImport}
+                    >
+                      ${this.i18n.localize(
+                        "ui.panel.config.apps.dashboard.install"
+                      )}
+                    </ha-progress-button>
+                  `
+                : nothing}
             </div>
           `
         : nothing}
@@ -1497,16 +1501,17 @@ class SupervisorAppInfo extends MobileAwareMixin(LitElement) {
         }
         .addon-header {
           display: flex;
-          padding-inline-start: var(--ha-space-2);
-          padding-inline-end: initial;
           font-size: var(--ha-font-size-2xl);
           color: var(--ha-card-header-color, var(--primary-text-color));
           align-items: center;
           gap: var(--ha-space-2);
+          flex-wrap: wrap;
+          margin-bottom: var(--ha-space-4);
         }
 
         .addon-header .title {
           flex: 1;
+          margin-inline-end: var(--ha-space-4);
         }
 
         .addon-header .title .description {
@@ -1525,17 +1530,15 @@ class SupervisorAppInfo extends MobileAwareMixin(LitElement) {
           color: var(--error-color);
           margin-bottom: var(--ha-space-4);
         }
-        .description {
-          margin-bottom: var(--ha-space-4);
-        }
         .description a {
           color: var(--primary-color);
         }
 
         img.logo {
           max-width: 100%;
-          max-height: 60px;
+          max-height: 40px;
           display: block;
+          margin-bottom: var(--ha-space-2);
         }
         ha-assist-chip {
           --md-sys-color-primary: var(--text-primary-color);

src/panels/config/automation/action/ha-automation-action-row.ts

@@ -341,6 +341,7 @@ export default class HaAutomationActionRow extends LitElement {
           ? html`
               <ha-svg-icon
                 id="note-icon"
+                tabindex="0"
                 .path=${mdiCommentTextOutline}
                 .label=${this.hass.localize(
                   "ui.panel.config.automation.editor.note.label"

src/panels/config/automation/condition/ha-automation-condition-row.ts

@@ -231,6 +231,7 @@ export default class HaAutomationConditionRow extends LitElement {
           ? html`
               <ha-svg-icon
                 id="note-icon"
+                tabindex="0"
                 .path=${mdiCommentTextOutline}
                 .label=${this.hass.localize(
                   "ui.panel.config.automation.editor.note.label"

src/panels/config/automation/option/ha-automation-option-row.ts

@@ -161,6 +161,7 @@ export default class HaAutomationOptionRow extends LitElement {
           ? html`
               <ha-svg-icon
                 id="note-icon"
+                tabindex="0"
                 .path=${mdiCommentTextOutline}
                 .label=${this.hass.localize(
                   "ui.panel.config.automation.editor.note.label"

src/panels/config/automation/trigger/ha-automation-trigger-row.ts

@@ -256,6 +256,7 @@ export default class HaAutomationTriggerRow extends LitElement {
         (this.trigger as Exclude<Trigger, TriggerList>).note?.trim()
           ? html`
               <ha-svg-icon
+                tabindex="0"
                 id="note-icon"
                 .path=${mdiCommentTextOutline}
                 .label=${this.hass.localize(

src/panels/config/script/ha-script-field-row.ts

@@ -158,6 +158,7 @@ export default class HaScriptFieldRow extends LitElement {
               ? html`
                   <ha-svg-icon
                     id="note-icon"
+                    tabindex="0"
                     .path=${mdiCommentTextOutline}
                     .label=${this.hass.localize(
                       "ui.panel.config.automation.editor.note.label"

src/panels/lovelace/editor/conditions/ha-visibility-status.ts

@@ -1,9 +1,10 @@
 import { consume } from "@lit/context";
 import { mdiAlertCircle, mdiEye, mdiEyeOff } from "@mdi/js";
-import type { CSSResultGroup, PropertyValues, TemplateResult } from "lit";
-import { css, html } from "lit";
+import type { CSSResultGroup, PropertyValues } from "lit";
+import { css, html, LitElement } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import { ConditionListenersController } from "../../../../common/controllers/condition-listeners-controller";
+import "../../../../components/ha-alert";
 import "../../../../components/ha-svg-icon";
 import { HaRowItem } from "../../../../components/item/ha-row-item";
 import type { HomeAssistant } from "../../../../types";
@@ -28,17 +29,15 @@ const STATE_ICONS: Record<VisibilityState, string> = {
 
 /**
  * @element ha-visibility-status
- * @extends {HaRowItem}
  *
  * @summary
- * Row-style banner that surfaces the live visibility result for a set of
- * lovelace conditions. Replaces the static explanation alert at the top of
- * card / section / badge / conditional-card visibility editors.
+ * Alert banner that surfaces the live visibility result for a set of
+ * lovelace conditions.
  *
- * @attr {"visible"|"hidden"|"invalid"} state - Computed visibility state (reflected for styling).
+ * @attr {"visible"|"hidden"|"invalid"} state - Computed visibility state
  */
 @customElement("ha-visibility-status")
-export class HaVisibilityStatus extends HaRowItem {
+export class HaVisibilityStatus extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
   @property({ attribute: false })
@@ -48,7 +47,7 @@ export class HaVisibilityStatus extends HaRowItem {
   @consume({ context: conditionsEntityContext, subscribe: true })
   private _entityContext?: ConditionsEntityContext;
 
-  @property({ reflect: true })
+  @property()
   public state: VisibilityState = "visible";
 
   private _listeners = new ConditionListenersController(this);
@@ -71,23 +70,27 @@ export class HaVisibilityStatus extends HaRowItem {
     }
   }
 
-  protected override _renderInner(): TemplateResult {
+  public render() {
     return html`
-      <div part="start" class="start">
-        <ha-svg-icon .path=${STATE_ICONS[this.state]}></ha-svg-icon>
-      </div>
-      <div part="content" class="content">
-        <div part="headline" class="headline">
+      <ha-alert
+        .alertType=${this.state === "visible"
+          ? "success"
+          : this.state === "hidden"
+            ? "warning"
+            : "error"}
+      >
+        <ha-svg-icon slot="icon" .path=${STATE_ICONS[this.state]}></ha-svg-icon>
+        <div class="headline">
           ${this.hass?.localize(
             `ui.panel.lovelace.editor.condition-editor.visibility_status.${this.state}.headline`
           )}
         </div>
-        <div part="supporting-text" class="supporting">
+        <div class="supporting">
           ${this.hass?.localize(
             `ui.panel.lovelace.editor.condition-editor.visibility_status.${this.state}.supporting${(this.conditions?.length ?? 0) === 0 ? "_empty" : ""}`
           )}
         </div>
-      </div>
+      </ha-alert>
     `;
   }
 
@@ -117,37 +120,13 @@ export class HaVisibilityStatus extends HaRowItem {
   static styles: CSSResultGroup = [
     HaRowItem.styles,
     css`
-      :host {
+      ha-alert {
         display: block;
-        border-radius: var(--ha-border-radius-xl);
-        transition: background-color var(--ha-animation-duration-normal)
-          ease-in-out;
-      }
-      .base {
-        padding: var(--ha-space-4);
-      }
-      :host([state="visible"]) {
-        background-color: var(--ha-color-fill-success-quiet-resting);
-        --visibility-status-color: var(--ha-color-on-success-normal);
-      }
-      :host([state="hidden"]) {
-        background-color: var(--ha-color-fill-warning-quiet-resting);
-        --visibility-status-color: var(--ha-color-on-warning-normal);
-      }
-      :host([state="invalid"]) {
-        background-color: var(--ha-color-fill-danger-quiet-resting);
-        --visibility-status-color: var(--ha-color-on-danger-normal);
-      }
-      .start {
-        align-self: start;
-      }
-      .start ha-svg-icon {
-        color: var(--visibility-status-color);
         --mdc-icon-size: 24px;
       }
       .headline {
         font-weight: var(--ha-font-weight-medium);
-        white-space: normal;
+        margin-bottom: var(--ha-space-1);
       }
     `,
   ];