Migrate suffix to end slot

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}

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>
                         `

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

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
+                <ha-svg-icon slot="end" .path=${mdiChevronDown}></ha-svg-icon>
-                  slot="suffix"
-                  .path=${mdiChevronDown}
-                ></ha-svg-icon>
               </ha-button>
               ${!this._pipelines
                 ? html`<div class="pipelines-loading">

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 slot="end" .path=${mdiOpenInNew}> </ha-svg-icon>
-                  </ha-svg-icon>
                 </ha-button>
               </div>`
             : nothing

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
+                  <ha-svg-icon slot="end" .path=${mdiOpenInNew}></ha-svg-icon>
-                    slot="suffix"
-                    .path=${mdiOpenInNew}
-                  ></ha-svg-icon>
                 </ha-button>
                 <ha-textfield
                   id="input"

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}

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>

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}

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
+                  <ha-svg-icon slot="end" .path=${mdiChevronDown}></ha-svg-icon>
-                    slot="suffix"
-                    .path=${mdiChevronDown}
-                  ></ha-svg-icon>
                   ${this._logProviders.find(
                     (p) => p.key === this._selectedLogProvider
                   )!.name}

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}

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}

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>