Merge pull request #5769 from TonySpegel:feat/button-download-filename

PiperOrigin-RevId: 723241863

button/internal/button.ts

@@ -67,6 +67,13 @@ export abstract class Button extends buttonBaseClass implements FormSubmitter {
    */
   @property() href = '';
 
+  /**
+   * The filename to use when downloading the linked resource.
+   * If not specified, the browser will determine a filename.
+   * This is only applicable when the button is used as a link (`href` is set).
+   */
+  @property() download = '';
+
   /**
    * Where to display the linked `href` URL for a link button. Common options
    * include `_blank` to open in a new tab.
@@ -184,6 +191,7 @@ export abstract class Button extends buttonBaseClass implements FormSubmitter {
       aria-haspopup="${ariaHasPopup || nothing}"
       aria-expanded="${ariaExpanded || nothing}"
       href=${this.href}
+      download=${this.download || nothing}
       target=${this.target || nothing}
       >${this.renderContent()}
     </a>`;

chips/internal/assist-chip.ts

@@ -19,6 +19,12 @@ import {Chip} from './chip.js';
 export class AssistChip extends Chip {
   @property({type: Boolean}) elevated = false;
   @property() href = '';
+  /**
+   * The filename to use when downloading the linked resource.
+   * If not specified, the browser will determine a filename.
+   * This is only applicable when the chip is used as a link (`href` is set).
+   */
+  @property() download = '';
   @property() target: '_blank' | '_parent' | '_self' | '_top' | '' = '';
 
   protected get primaryId() {
@@ -49,6 +55,7 @@ export class AssistChip extends Chip {
           id="link"
           aria-label=${ariaLabel || nothing}
           href=${this.href}
+          download=${this.download || nothing}
           target=${this.target || nothing}
           >${content}</a
         >

iconbutton/internal/icon-button.ts

@@ -79,6 +79,13 @@ export class IconButton extends iconButtonBaseClass implements FormSubmitter {
    */
   @property() href = '';
 
+  /**
+   * The filename to use when downloading the linked resource.
+   * If not specified, the browser will determine a filename.
+   * This is only applicable when the icon button is used as a link (`href` is set).
+   */
+  @property() download = '';
+
   /**
    * Sets the underlying `HTMLAnchorElement`'s `target` attribute.
    */
@@ -191,6 +198,7 @@ export class IconButton extends iconButtonBaseClass implements FormSubmitter {
         class="link"
         id="link"
         href="${this.href}"
+        download="${this.download || nothing}"
         target="${this.target || nothing}"
         aria-label="${ariaLabel || nothing}">
         ${this.renderTouchTarget()}