Migrate suffix to end slot

2025-07-30 04:36:36 +00:00 · 2025-07-28 14:23:29 +02:00 · 2025-07-28 14:23:29 +02:00 · 40b08e8900
commit 40b08e8900
parent ebe791d21a
13 changed files with 13 additions and 23 deletions
--- a/cast/src/launcher/layout/hc-connect.ts
+++ b/cast/src/launcher/layout/hc-connect.ts
@ -134,7 +134,7 @@ export class HcConnect extends LitElement {
            <ha-button appearance="plain" @click=${this._handleDemo}>
              Show Demo
              <ha-svg-icon
-                slot="suffix"
+                slot="end"
                .path=${this.castManager.castState === "CONNECTED"
                  ? mdiCastConnected
                  : mdiCast}
--- a/gallery/src/pages/components/ha-button.ts
+++ b/gallery/src/pages/components/ha-button.ts
@ -71,7 +71,7 @@ export class DemoHaButton extends LitElement {
                            ${titleCase(`${variant} ${appearance}`)}
                            <ha-svg-icon
                              .path=${mdiHome}
-                              slot="suffix"
+                              slot="end"
                            ></ha-svg-icon>
                          </ha-button>
                        `
--- a/src/components/ha-multi-textfield.ts
+++ b/src/components/ha-multi-textfield.ts
@ -86,7 +86,7 @@ class HaMultiTextField extends LitElement {
              })
            : this.hass?.localize("ui.common.add")) ??
          "Add"}
-          <ha-svg-icon slot="suffix" .path=${mdiPlus}></ha-svg-icon>
+          <ha-svg-icon slot="end" .path=${mdiPlus}></ha-svg-icon>
        </ha-button>
      </div>
      ${this.helper
--- a/src/dialogs/voice-command-dialog/ha-voice-command-dialog.ts
+++ b/src/dialogs/voice-command-dialog/ha-voice-command-dialog.ts
@ -117,10 +117,7 @@ export class HaVoiceCommandDialog extends LitElement {
                size="small"
              >
                ${this._pipeline?.name}
-                <ha-svg-icon
-                  slot="suffix"
-                  .path=${mdiChevronDown}
-                ></ha-svg-icon>
+                <ha-svg-icon slot="end" .path=${mdiChevronDown}></ha-svg-icon>
              </ha-button>
              ${!this._pipelines
                ? html`<div class="pipelines-loading">
--- a/src/panels/config/automation/ha-automation-picker.ts
+++ b/src/panels/config/automation/ha-automation-picker.ts
@ -816,8 +816,7 @@ class HaAutomationPicker extends SubscribeMixin(LitElement) {
                  size="small"
                >
                  ${this.hass.localize("ui.panel.config.common.learn_more")}
-                  <ha-svg-icon slot="suffix" .path=${mdiOpenInNew}>
-                  </ha-svg-icon>
+                  <ha-svg-icon slot="end" .path=${mdiOpenInNew}> </ha-svg-icon>
                </ha-button>
              </div>`
            : nothing
--- a/src/panels/config/blueprint/dialog-import-blueprint.ts
+++ b/src/panels/config/blueprint/dialog-import-blueprint.ts
@ -147,10 +147,7 @@ class DialogImportBlueprint extends LitElement {
                  ${this.hass.localize(
                    "ui.panel.config.blueprint.add.community_forums"
                  )}
-                  <ha-svg-icon
-                    slot="suffix"
-                    .path=${mdiOpenInNew}
-                  ></ha-svg-icon>
+                  <ha-svg-icon slot="end" .path=${mdiOpenInNew}></ha-svg-icon>
                </ha-button>
                <ha-textfield
                  id="input"
--- a/src/panels/config/blueprint/ha-blueprint-overview.ts
+++ b/src/panels/config/blueprint/ha-blueprint-overview.ts
@ -309,7 +309,7 @@ class HaBlueprintOverview extends LitElement {
            ${this.hass.localize(
              "ui.panel.config.blueprint.overview.discover_more"
            )}
-            <ha-svg-icon slot="suffix" .path=${mdiOpenInNew}></ha-svg-icon>
+            <ha-svg-icon slot="end" .path=${mdiOpenInNew}></ha-svg-icon>
          </ha-button>
        </div>`}
        .initialGroupColumn=${this._activeGrouping}
--- a/src/panels/config/core/ha-config-analytics.ts
+++ b/src/panels/config/core/ha-config-analytics.ts
@ -61,7 +61,7 @@ class ConfigAnalytics extends LitElement {
          target="_blank"
          rel="noreferrer"
        >
-          <ha-svg-icon slot="suffix" .path=${mdiOpenInNew}></ha-svg-icon>
+          <ha-svg-icon slot="end" .path=${mdiOpenInNew}></ha-svg-icon>
          ${this.hass.localize("ui.panel.config.analytics.learn_more")}
        </ha-button>
      </div>
--- a/src/panels/config/devices/ha-config-device-page.ts
+++ b/src/panels/config/devices/ha-config-device-page.ts
@ -789,7 +789,7 @@ export class HaConfigDevicePage extends LitElement {
                          ? html`
                              <ha-svg-icon
                                .path=${firstDeviceAction!.trailingIcon}
-                                slot="suffix"
+                                slot="end"
                              ></ha-svg-icon>
                            `
                          : nothing}
--- a/src/panels/config/logs/ha-config-logs.ts
+++ b/src/panels/config/logs/ha-config-logs.ts
@ -118,10 +118,7 @@ export class HaConfigLogs extends LitElement {
          ? html`
              <ha-button-menu slot="toolbar-icon">
                <ha-button slot="trigger" appearance="filled">
-                  <ha-svg-icon
-                    slot="suffix"
-                    .path=${mdiChevronDown}
-                  ></ha-svg-icon>
+                  <ha-svg-icon slot="end" .path=${mdiChevronDown}></ha-svg-icon>
                  ${this._logProviders.find(
                    (p) => p.key === this._selectedLogProvider
                  )!.name}
--- a/src/panels/config/scene/ha-scene-dashboard.ts
+++ b/src/panels/config/scene/ha-scene-dashboard.ts
@ -789,7 +789,7 @@ class HaSceneDashboard extends SubscribeMixin(LitElement) {
                size="small"
              >
                ${this.hass.localize("ui.panel.config.common.learn_more")}
-                <ha-svg-icon slot="suffix" .path=${mdiOpenInNew}></ha-svg-icon>
+                <ha-svg-icon slot="end" .path=${mdiOpenInNew}></ha-svg-icon>
              </ha-button>
            </div>`
          : nothing}
--- a/src/panels/config/script/ha-script-picker.ts
+++ b/src/panels/config/script/ha-script-picker.ts
@ -788,7 +788,7 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
                size="small"
              >
                ${this.hass.localize("ui.panel.config.common.learn_more")}
-                <ha-svg-icon slot="suffix" .path=${mdiOpenInNew}></ha-svg-icon>
+                <ha-svg-icon slot="end" .path=${mdiOpenInNew}></ha-svg-icon>
              </ha-button>
            </div>`
          : nothing}
--- a/src/panels/config/voice-assistants/cloud-discover.ts
+++ b/src/panels/config/voice-assistants/cloud-discover.ts
@ -91,7 +91,7 @@ export class CloudDiscover extends LitElement {
              ${this.hass.localize(
                "ui.panel.config.voice_assistants.assistants.cloud.and_more"
              )}
-              <ha-svg-icon slot="suffix" .path=${mdiOpenInNew}></ha-svg-icon>
+              <ha-svg-icon slot="end" .path=${mdiOpenInNew}></ha-svg-icon>
            </ha-button>
          </div>
        </div>