@material/web 1.0.0-pre.5 → 1.0.0-pre.7

package/types/aria.d.ts

@@ -2,12 +2,72 @@
  * @license
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- *
+ */
+/**
  * @fileoverview Provides types for `ariaX` properties. These are required when
  * typing `ariaX` properties since lit analyzer requires strict aria string
  * types.
  */
 
+/**
+ * An extension of `ARIAMixin` that enforces strict value types for aria
+ * properties.
+ *
+ * This is needed for correct typing in render functions with lit analyzer.
+ *
+ * @example
+ * render() {
+ *   const {ariaLabel} = this as ARIAMixinStrict;
+ *   return html`
+ *     <button aria-label=${ariaLabel || nothing}>
+ *       <slot></slot>
+ *     </button>
+ *   `;
+ * }
+ */
+export interface ARIAMixinStrict extends ARIAMixin {
+  ariaAtomic: 'true'|'false'|null;
+  ariaAutoComplete: 'none'|'inline'|'list'|'both'|null;
+  ariaBusy: 'true'|'false'|null;
+  ariaChecked: 'true'|'false'|null;
+  ariaColCount: `${number}`|null;
+  ariaColIndex: `${number}`|null;
+  ariaColIndexText: string|null;
+  ariaColSpan: `${number}`|null;
+  ariaCurrent: 'page'|'step'|'location'|'date'|'time'|'true'|'false'|null;
+  ariaDisabled: 'true'|'false'|null;
+  ariaExpanded: 'true'|'false'|null;
+  ariaHasPopup: 'false'|'true'|'menu'|'listbox'|'tree'|'grid'|'dialog'|null;
+  ariaHidden: 'true'|'false'|null;
+  ariaInvalid: 'true'|'false'|null;
+  ariaKeyShortcuts: string|null;
+  ariaLabel: string|null;
+  ariaLevel: `${number}`|null;
+  ariaLive: 'assertive'|'off'|'polite'|null;
+  ariaModal: 'true'|'false'|null;
+  ariaMultiLine: 'true'|'false'|null;
+  ariaMultiSelectable: 'true'|'false'|null;
+  ariaOrientation: 'horizontal'|'vertical'|'undefined'|null;
+  ariaPlaceholder: string|null;
+  ariaPosInSet: `${number}`|null;
+  ariaPressed: 'true'|'false'|null;
+  ariaReadOnly: 'true'|'false'|null;
+  ariaRequired: 'true'|'false'|null;
+  ariaRoleDescription: string|null;
+  ariaRowCount: `${number}`|null;
+  ariaRowIndex: `${number}`|null;
+  ariaRowIndexText: string|null;
+  ariaRowSpan: `${number}`|null;
+  ariaSelected: 'true'|'false'|null;
+  ariaSetSize: `${number}`|null;
+  ariaSort: 'ascending'|'descending'|'none'|'other'|null;
+  ariaValueMax: `${number}`|null;
+  ariaValueMin: `${number}`|null;
+  ariaValueNow: `${number}`|null;
+  ariaValueText: string|null;
+  role: ARIARole|null;
+}
+
 /**
  * Valid values for `aria-expanded`.
  */

package/actionelement/action-element.d.ts

@@ -1,79 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LitElement } from 'lit';
-import { ActionController, ActionControllerHost, BeginPressConfig, EndPressConfig } from '../controller/action-controller.js';
-export { BeginPressConfig, EndPressConfig };
-/**
- * @soyCompatible
- *
- * ActionElement is a base class that provides a handy starting point for using
- * ActionController. Subclasses should add the event handlers on the interactive
- * node in the template, and override `beginPress` and `endPress` to handle
- * pressed state, ripple interaction, and any other "press" interaction.
- */
-export declare abstract class ActionElement extends LitElement implements ActionControllerHost {
-    /**
-     * ActionController needs to know if the component is disabled, so subclasses
-     * must implement a `disabled` property.
-     */
-    abstract disabled: boolean;
-    protected actionController: ActionController;
-    /**
-     * Hook method called when we've confirmed that the gesture is intended to be
-     * a press. Subclasses should change the visual state of the control to
-     * 'active' at this point, and possibly fire an event. Subclasses should
-     * override this method if more needs to be done.
-     *
-     * @param options `positionEvent` is the Event that is considered the
-     * beginning of the press. Null if this was a keyboard interaction.
-     */
-    beginPress(options: BeginPressConfig): void;
-    /**
-     * Hook method called when the control goes from a pressed to unpressed
-     * state.
-     *
-     * @param options If `cancelled` is true, means the user canceled the action.
-     *    Subclasses which trigger events on endPress() should check the value
-     *    of this flag, and modify their behavior accordingly.
-     */
-    endPress({ cancelled, actionData }: EndPressConfig): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerdown="${this.handlePointerDown}"`
-     */
-    handlePointerDown(e: PointerEvent): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerup="${this.handlePointerUp}"`
-     */
-    handlePointerUp(e: PointerEvent): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointercancel="${this.handlePointerCancel}"`
-     */
-    handlePointerCancel(e: PointerEvent): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerleave="${this.handlePointerleave}"`
-     */
-    handlePointerLeave(e: PointerEvent): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@click="${this.handleClick}"`
-     */
-    handleClick(e: MouseEvent): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@contextmenu="${this.handleContextMenu}"`
-     */
-    handleContextMenu(): void;
-}

package/actionelement/action-element.js

@@ -1,97 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LitElement } from 'lit';
-import { ActionController } from '../controller/action-controller.js';
-/**
- * @soyCompatible
- *
- * ActionElement is a base class that provides a handy starting point for using
- * ActionController. Subclasses should add the event handlers on the interactive
- * node in the template, and override `beginPress` and `endPress` to handle
- * pressed state, ripple interaction, and any other "press" interaction.
- */
-export class ActionElement extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.actionController = new ActionController(this);
-    }
-    /**
-     * Hook method called when we've confirmed that the gesture is intended to be
-     * a press. Subclasses should change the visual state of the control to
-     * 'active' at this point, and possibly fire an event. Subclasses should
-     * override this method if more needs to be done.
-     *
-     * @param options `positionEvent` is the Event that is considered the
-     * beginning of the press. Null if this was a keyboard interaction.
-     */
-    beginPress(options) { }
-    /**
-     * Hook method called when the control goes from a pressed to unpressed
-     * state.
-     *
-     * @param options If `cancelled` is true, means the user canceled the action.
-     *    Subclasses which trigger events on endPress() should check the value
-     *    of this flag, and modify their behavior accordingly.
-     */
-    endPress({ cancelled, actionData }) {
-        if (!cancelled) {
-            this.dispatchEvent(new CustomEvent('action', {
-                detail: actionData,
-                bubbles: true,
-                composed: true,
-            }));
-        }
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerdown="${this.handlePointerDown}"`
-     */
-    handlePointerDown(e) {
-        this.actionController.pointerDown(e);
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerup="${this.handlePointerUp}"`
-     */
-    handlePointerUp(e) {
-        this.actionController.pointerUp(e);
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointercancel="${this.handlePointerCancel}"`
-     */
-    handlePointerCancel(e) {
-        this.actionController.pointerCancel(e);
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerleave="${this.handlePointerleave}"`
-     */
-    handlePointerLeave(e) {
-        this.actionController.pointerLeave(e);
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@click="${this.handleClick}"`
-     */
-    handleClick(e) {
-        this.actionController.click(e);
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@contextmenu="${this.handleContextMenu}"`
-     */
-    handleContextMenu() {
-        this.actionController.contextMenu();
-    }
-}
-//# sourceMappingURL=action-element.js.map

package/actionelement/action-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-element.js","sourceRoot":"","sources":["action-element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAC,MAAM,KAAK,CAAC;AAE/B,OAAO,EAAC,gBAAgB,EAAyD,MAAM,oCAAoC,CAAC;AAI5H;;;;;;;GAOG;AACH,MAAM,OAAgB,aAAc,SAAQ,UAAU;IAAtD;;QAQY,qBAAgB,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAoF1D,CAAC;IAlFC;;;;;;;;OAQG;IACH,UAAU,CAAC,OAAyB,IAAG,CAAC;IAExC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAC,SAAS,EAAE,UAAU,EAAiB;QAC9C,IAAI,CAAC,SAAS,EAAE;YACd,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;gBAC3C,MAAM,EAAE,UAAU;gBAClB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC,CAAC;SACL;IACH,CAAC;IAED;;;;OAIG;IACH,iBAAiB,CAAC,CAAe;QAC/B,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,eAAe,CAAC,CAAe;QAC7B,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC;IAED;;;;OAIG;IACH,mBAAmB,CAAC,CAAe;QACjC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACzC,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,CAAe;QAChC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,CAAa;QACvB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;IAED;;;;OAIG;IACH,iBAAiB;QACf,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC;IACtC,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {LitElement} from 'lit';\n\nimport {ActionController, ActionControllerHost, BeginPressConfig, EndPressConfig} from '../controller/action-controller.js';\n\nexport {BeginPressConfig, EndPressConfig};\n\n/**\n * @soyCompatible\n *\n * ActionElement is a base class that provides a handy starting point for using\n * ActionController. Subclasses should add the event handlers on the interactive\n * node in the template, and override `beginPress` and `endPress` to handle\n * pressed state, ripple interaction, and any other \"press\" interaction.\n */\nexport abstract class ActionElement extends LitElement implements\n    ActionControllerHost {\n  /**\n   * ActionController needs to know if the component is disabled, so subclasses\n   * must implement a `disabled` property.\n   */\n  abstract disabled: boolean;\n\n  protected actionController = new ActionController(this);\n\n  /**\n   * Hook method called when we've confirmed that the gesture is intended to be\n   * a press. Subclasses should change the visual state of the control to\n   * 'active' at this point, and possibly fire an event. Subclasses should\n   * override this method if more needs to be done.\n   *\n   * @param options `positionEvent` is the Event that is considered the\n   * beginning of the press. Null if this was a keyboard interaction.\n   */\n  beginPress(options: BeginPressConfig) {}\n\n  /**\n   * Hook method called when the control goes from a pressed to unpressed\n   * state.\n   *\n   * @param options If `cancelled` is true, means the user canceled the action.\n   *    Subclasses which trigger events on endPress() should check the value\n   *    of this flag, and modify their behavior accordingly.\n   */\n  endPress({cancelled, actionData}: EndPressConfig) {\n    if (!cancelled) {\n      this.dispatchEvent(new CustomEvent('action', {\n        detail: actionData,\n        bubbles: true,\n        composed: true,\n      }));\n    }\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@pointerdown=\"${this.handlePointerDown}\"`\n   */\n  handlePointerDown(e: PointerEvent) {\n    this.actionController.pointerDown(e);\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@pointerup=\"${this.handlePointerUp}\"`\n   */\n  handlePointerUp(e: PointerEvent) {\n    this.actionController.pointerUp(e);\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@pointercancel=\"${this.handlePointerCancel}\"`\n   */\n  handlePointerCancel(e: PointerEvent) {\n    this.actionController.pointerCancel(e);\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@pointerleave=\"${this.handlePointerleave}\"`\n   */\n  handlePointerLeave(e: PointerEvent) {\n    this.actionController.pointerLeave(e);\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@click=\"${this.handleClick}\"`\n   */\n  handleClick(e: MouseEvent) {\n    this.actionController.click(e);\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@contextmenu=\"${this.handleContextMenu}\"`\n   */\n  handleContextMenu() {\n    this.actionController.contextMenu();\n  }\n}\n"]}

package/button/elevated-link-button.d.ts

@@ -1,36 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ElevatedLinkButton } from './lib/elevated-link-button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-elevated-link-button': MdElevatedLinkButton;
-    }
-}
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
- * from other onscreen elements.
- *
- * __Rationale:__ Elevated buttons are essentially filled buttons with a lighter
- * background color and a shadow. To prevent shadow creep, only use them when
- * absolutely necessary, such as when the button requires visual separation from
- * a patterned background.
- *
- * __Example usages:__
- * - Reply
- * - View all
- * - Add to cart
- * - Take out of trash
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdElevatedLinkButton extends ElevatedLinkButton {
-    static styles: import("lit").CSSResult[];
-}

package/button/elevated-link-button.js

@@ -1,41 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { ElevatedLinkButton } from './lib/elevated-link-button.js';
-import { styles as elevatedStyles } from './lib/elevated-styles.css.js';
-import { styles as sharedElevationStyles } from './lib/shared-elevation-styles.css.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
- * from other onscreen elements.
- *
- * __Rationale:__ Elevated buttons are essentially filled buttons with a lighter
- * background color and a shadow. To prevent shadow creep, only use them when
- * absolutely necessary, such as when the button requires visual separation from
- * a patterned background.
- *
- * __Example usages:__
- * - Reply
- * - View all
- * - Add to cart
- * - Take out of trash
- *
- * @final
- * @suppress {visibility}
- */
-let MdElevatedLinkButton = class MdElevatedLinkButton extends ElevatedLinkButton {
-};
-MdElevatedLinkButton.styles = [sharedStyles, sharedElevationStyles, elevatedStyles];
-MdElevatedLinkButton = __decorate([
-    customElement('md-elevated-link-button')
-], MdElevatedLinkButton);
-export { MdElevatedLinkButton };
-//# sourceMappingURL=elevated-link-button.js.map

package/button/elevated-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"elevated-link-button.js","sourceRoot":"","sources":["elevated-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAC,MAAM,IAAI,cAAc,EAAC,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAC,MAAM,IAAI,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;;AAC1C,2BAAM,GAClB,CAAC,YAAY,EAAE,qBAAqB,EAAE,cAAc,CAAC,CAAC;AAF/C,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAGhC;SAHY,oBAAoB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {ElevatedLinkButton} from './lib/elevated-link-button.js';\nimport {styles as elevatedStyles} from './lib/elevated-styles.css.js';\nimport {styles as sharedElevationStyles} from './lib/shared-elevation-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-elevated-link-button': MdElevatedLinkButton;\n  }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Medium emphasis – For important actions that don’t distract\n * from other onscreen elements.\n *\n * __Rationale:__ Elevated buttons are essentially filled buttons with a lighter\n * background color and a shadow. To prevent shadow creep, only use them when\n * absolutely necessary, such as when the button requires visual separation from\n * a patterned background.\n *\n * __Example usages:__\n * - Reply\n * - View all\n * - Add to cart\n * - Take out of trash\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-elevated-link-button')\nexport class MdElevatedLinkButton extends ElevatedLinkButton {\n  static override styles =\n      [sharedStyles, sharedElevationStyles, elevatedStyles];\n}\n"]}

package/button/filled-link-button.d.ts

@@ -1,34 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { FilledLinkButton } from './lib/filled-link-button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-filled-link-button': MdFilledLinkButton;
-    }
-}
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ High emphasis – For the primary, most important, or most common
- * action on a screen
- *
- * __Rationale:__ The filled button’s contrasting surface color makes it the
- * most prominent button after the FAB. It’s used for final or unblocking
- * actions in a flow.
- *
- * __Example usages:__
- * - Save
- * - Confirm
- * - Done
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdFilledLinkButton extends FilledLinkButton {
-    static styles: import("lit").CSSResult[];
-}

package/button/filled-link-button.js

@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { FilledLinkButton } from './lib/filled-link-button.js';
-import { styles as filledStyles } from './lib/filled-styles.css.js';
-import { styles as sharedElevationStyles } from './lib/shared-elevation-styles.css.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ High emphasis – For the primary, most important, or most common
- * action on a screen
- *
- * __Rationale:__ The filled button’s contrasting surface color makes it the
- * most prominent button after the FAB. It’s used for final or unblocking
- * actions in a flow.
- *
- * __Example usages:__
- * - Save
- * - Confirm
- * - Done
- *
- * @final
- * @suppress {visibility}
- */
-let MdFilledLinkButton = class MdFilledLinkButton extends FilledLinkButton {
-};
-MdFilledLinkButton.styles = [sharedStyles, sharedElevationStyles, filledStyles];
-MdFilledLinkButton = __decorate([
-    customElement('md-filled-link-button')
-], MdFilledLinkButton);
-export { MdFilledLinkButton };
-//# sourceMappingURL=filled-link-button.js.map

package/button/filled-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filled-link-button.js","sourceRoot":"","sources":["filled-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,MAAM,IAAI,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;;;;;;GAmBG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,gBAAgB;;AACtC,yBAAM,GAAG,CAAC,YAAY,EAAE,qBAAqB,EAAE,YAAY,CAAC,CAAC;AADlE,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAE9B;SAFY,kBAAkB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {FilledLinkButton} from './lib/filled-link-button.js';\nimport {styles as filledStyles} from './lib/filled-styles.css.js';\nimport {styles as sharedElevationStyles} from './lib/shared-elevation-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-link-button': MdFilledLinkButton;\n  }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ High emphasis – For the primary, most important, or most common\n * action on a screen\n *\n * __Rationale:__ The filled button’s contrasting surface color makes it the\n * most prominent button after the FAB. It’s used for final or unblocking\n * actions in a flow.\n *\n * __Example usages:__\n * - Save\n * - Confirm\n * - Done\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-filled-link-button')\nexport class MdFilledLinkButton extends FilledLinkButton {\n  static override styles = [sharedStyles, sharedElevationStyles, filledStyles];\n}\n"]}

package/button/lib/elevated-link-button.d.ts

@@ -1,13 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { TemplateResult } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { LinkButton } from './link-button.js';
-export declare class ElevatedLinkButton extends LinkButton {
-    protected getRenderClasses(): ClassInfo;
-    protected renderElevation(): TemplateResult;
-}

package/button/lib/elevated-link-button.js

@@ -1,21 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { html } from 'lit';
-import { LinkButton } from './link-button.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class ElevatedLinkButton extends LinkButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-button--elevated': true,
-        };
-    }
-    renderElevation() {
-        return html `<md-elevation shadow surface></md-elevation>`;
-    }
-}
-//# sourceMappingURL=elevated-link-button.js.map

package/button/lib/elevated-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"elevated-link-button.js","sourceRoot":"","sources":["elevated-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAC7B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAEkB,eAAe;QAChC,OAAO,IAAI,CAAA,8CAA8C,CAAC;IAC5D,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class ElevatedLinkButton extends LinkButton {\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--elevated': true,\n    };\n  }\n\n  protected override renderElevation(): TemplateResult {\n    return html`<md-elevation shadow surface></md-elevation>`;\n  }\n}\n"]}

package/button/lib/filled-link-button.d.ts

@@ -1,14 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { TemplateResult } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { LinkButton } from './link-button.js';
-export declare class FilledLinkButton extends LinkButton {
-    protected getRenderClasses(): ClassInfo;
-    /** @soyTemplate */
-    protected renderElevation(): TemplateResult;
-}

package/button/lib/filled-link-button.js

@@ -1,22 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { html } from 'lit';
-import { LinkButton } from './link-button.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class FilledLinkButton extends LinkButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-button--filled': true,
-        };
-    }
-    /** @soyTemplate */
-    renderElevation() {
-        return html `<md-elevation shadow surface></md-elevation>`;
-    }
-}
-//# sourceMappingURL=filled-link-button.js.map

package/button/lib/filled-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filled-link-button.js","sourceRoot":"","sources":["filled-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAC3B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,oBAAoB,EAAE,IAAI;SAC3B,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,eAAe;QAChC,OAAO,IAAI,CAAA,8CAA8C,CAAC;IAC5D,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class FilledLinkButton extends LinkButton {\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--filled': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected override renderElevation(): TemplateResult {\n    return html`<md-elevation shadow surface></md-elevation>`;\n  }\n}\n"]}

package/button/lib/link-button.d.ts

@@ -1,24 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { TemplateResult } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { Button } from './button.js';
-export declare abstract class LinkButton extends Button {
-    /**
-     * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute.
-     */
-    href: string;
-    /**
-     * Sets the underlying `HTMLAnchorElement`'s `target` attribute.
-     */
-    target: string;
-    /**
-     * Link buttons cannot be disabled.
-     */
-    disabled: boolean;
-    protected getRenderClasses(): ClassInfo;
-    protected render(): TemplateResult;
-}

package/button/lib/link-button.js

@@ -1,59 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate, __metadata } from "tslib";
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { when } from 'lit/directives/when.js';
-import { ripple } from '../../ripple/directive.js';
-import { Button } from './button.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class LinkButton extends Button {
-    constructor() {
-        super(...arguments);
-        /**
-         * Link buttons cannot be disabled.
-         */
-        this.disabled = false;
-    }
-    // Note: link buttons cannot have trailing icons.
-    getRenderClasses() {
-        return {
-            'md3-button--icon-leading': this.hasIcon,
-        };
-    }
-    render() {
-        return html `
-      <span class="md3-link-button-wrapper">
-        <a class="md3-button ${classMap(this.getRenderClasses())}"
-          href="${ifDefined(this.href)}"
-          target="${ifDefined(this.target)}"
-          aria-label="${ifDefined(this.ariaLabel)}"
-          @focus="${this.handleFocus}"
-          @blur="${this.handleBlur}"
-          @pointerdown="${this.handlePointerDown}"
-          @click="${this.handleClick}"
-          ${ripple(this.getRipple)}>
-            ${this.renderFocusRing()}
-            ${this.renderElevation()}
-            ${when(this.showRipple, this.renderRipple)}
-            ${this.renderOutline()}
-            ${this.renderTouchTarget()}
-            ${this.renderIcon()}
-            ${this.renderLabel()}</a>
-      </span>`;
-    }
-}
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], LinkButton.prototype, "href", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], LinkButton.prototype, "target", void 0);
-//# sourceMappingURL=link-button.js.map

package/button/lib/link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-button.js","sourceRoot":"","sources":["link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAC,MAAM,EAAC,MAAM,2BAA2B,CAAC;AAEjD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAUnC,gEAAgE;AAChE,MAAM,OAAgB,UAAW,SAAQ,MAAM;IAA/C;;QAWE;;WAEG;QACM,aAAQ,GAAG,KAAK,CAAC;IA8B5B,CAAC;IA5BC,iDAAiD;IAC9B,gBAAgB;QACjC,OAAO;YACL,0BAA0B,EAAE,IAAI,CAAC,OAAO;SACzC,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;+BAEgB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;kBAC9C,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;oBAClB,SAAS,CAAC,IAAI,CAAC,MAAoB,CAAC;wBAChC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC7B,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;0BACR,IAAI,CAAC,iBAAiB;oBAC5B,IAAI,CAAC,WAAW;YACxB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;cACpB,IAAI,CAAC,eAAe,EAAE;cACtB,IAAI,CAAC,eAAe,EAAE;cACtB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC;cACxC,IAAI,CAAC,aAAa,EAAE;cACpB,IAAI,CAAC,iBAAiB,EAAE;cACxB,IAAI,CAAC,UAAU,EAAE;cACjB,IAAI,CAAC,WAAW,EAAE;cAClB,CAAC;IACb,CAAC;CACF;AAxCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAe;AAKxC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;0CAAiB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {when} from 'lit/directives/when.js';\n\nimport {ripple} from '../../ripple/directive.js';\n\nimport {Button} from './button.js';\n\n/**\n * Note that we cast `linkTarget` to this type, below. The Lit compiler\n * enforces the `target` attribute value to be of this type, but this is not\n * compatible with the generated Wit Soy/JS, which expects `linkTarget`\n * to be a string type.\n */\ntype LinkTarget = '_blank'|'_parent'|'_self'|'_top';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport abstract class LinkButton extends Button {\n  /**\n   * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute.\n   */\n  @property({type: String}) href!: string;\n\n  /**\n   * Sets the underlying `HTMLAnchorElement`'s `target` attribute.\n   */\n  @property({type: String}) target!: string;\n\n  /**\n   * Link buttons cannot be disabled.\n   */\n  override disabled = false;\n\n  // Note: link buttons cannot have trailing icons.\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      'md3-button--icon-leading': this.hasIcon,\n    };\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"md3-link-button-wrapper\">\n        <a class=\"md3-button ${classMap(this.getRenderClasses())}\"\n          href=\"${ifDefined(this.href)}\"\n          target=\"${ifDefined(this.target as LinkTarget)}\"\n          aria-label=\"${ifDefined(this.ariaLabel)}\"\n          @focus=\"${this.handleFocus}\"\n          @blur=\"${this.handleBlur}\"\n          @pointerdown=\"${this.handlePointerDown}\"\n          @click=\"${this.handleClick}\"\n          ${ripple(this.getRipple)}>\n            ${this.renderFocusRing()}\n            ${this.renderElevation()}\n            ${when(this.showRipple, this.renderRipple)}\n            ${this.renderOutline()}\n            ${this.renderTouchTarget()}\n            ${this.renderIcon()}\n            ${this.renderLabel()}</a>\n      </span>`;\n  }\n}\n"]}

package/button/lib/outlined-link-button.d.ts

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { TemplateResult } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { LinkButton } from './link-button.js';
-export declare class OutlinedLinkButton extends LinkButton {
-    protected getRenderClasses(): ClassInfo;
-    protected renderOutline(): TemplateResult;
-}

package/button/lib/outlined-link-button.js

@@ -1,20 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { html } from 'lit';
-import { LinkButton } from './link-button.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class OutlinedLinkButton extends LinkButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-button--outlined': true,
-        };
-    }
-    renderOutline() {
-        return html `<span class="md3-button__outline"></span>`;
-    }
-}
-//# sourceMappingURL=outlined-link-button.js.map

package/button/lib/outlined-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"outlined-link-button.js","sourceRoot":"","sources":["outlined-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAC7B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAEkB,aAAa;QAC9B,OAAO,IAAI,CAAA,2CAA2C,CAAC;IACzD,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class OutlinedLinkButton extends LinkButton {\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--outlined': true,\n    };\n  }\n\n  protected override renderOutline(): TemplateResult {\n    return html`<span class=\"md3-button__outline\"></span>`;\n  }\n}\n"]}