@material/web 1.0.0-pre.4 → 1.0.0-pre.6

package/elevation/lib/_md-comp-elevation.scss

@@ -1,27 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../tokens';
-// go/keep-sorted end
-
-$_default-deps: (
-  md-sys-color: tokens.md-sys-color-values-light(),
-  md-sys-elevation: tokens.md-sys-elevation-values(),
-  md-sys-motion: tokens.md-sys-motion-values(),
-);
-
-@function values($deps: $_default-deps, $exclude-hardcoded-values: false) {
-  @return (
-    duration: if($exclude-hardcoded-values, null, 0s),
-    easing: map.get($deps, md-sys-motion, easing-emphasized),
-    level: map.get($deps, md-sys-elevation, level0),
-    shadow-color: map.get($deps, md-sys-color, shadow),
-    surface-tint: map.get($deps, md-sys-color, surface-tint)
-  );
-}

package/focus/lib/_md-comp-focus-ring.scss

@@ -1,31 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../tokens';
-// go/keep-sorted end
-
-$_default: (
-  md-sys-color: tokens.md-sys-color-values-light(),
-  md-sys-shape: tokens.md-sys-shape-values(),
-);
-
-@function values($deps: $_default, $exclude-hardcoded-values: false) {
-  @return (
-    shape:
-      if(
-        $exclude-hardcoded-values,
-        null,
-        map.get($deps, md-sys-shape, corner-full)
-      ),
-    offset-vertical: if($exclude-hardcoded-values, null, 2px),
-    offset-horizontal: if($exclude-hardcoded-values, null, 2px),
-    width: if($exclude-hardcoded-values, null, 3px),
-    color: map.get($deps, md-sys-color, secondary)
-  );
-}

package/iconbutton/filled-icon-button-toggle.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { IconButtonToggle } from './lib/icon-button-toggle.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-filled-icon-button-toggle': MdFilledIconButtonToggle;
-    }
-}
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This variant can toggle between icons.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-export declare class MdFilledIconButtonToggle extends IconButtonToggle {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}

package/iconbutton/filled-icon-button-toggle.js

@@ -1,40 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { styles } from './lib/filled-styles.css.js';
-import { IconButtonToggle } from './lib/icon-button-toggle.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This variant can toggle between icons.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-let MdFilledIconButtonToggle = class MdFilledIconButtonToggle extends IconButtonToggle {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--filled': true,
-            'md3-icon-button--toggle-filled': true,
-        };
-    }
-};
-MdFilledIconButtonToggle.styles = [sharedStyles, styles];
-MdFilledIconButtonToggle = __decorate([
-    customElement('md-filled-icon-button-toggle')
-], MdFilledIconButtonToggle);
-export { MdFilledIconButtonToggle };
-//# sourceMappingURL=filled-icon-button-toggle.js.map

package/iconbutton/filled-icon-button-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filled-icon-button-toggle.js","sourceRoot":"","sources":["filled-icon-button-toggle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;GAcG;AAEI,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,gBAAgB;IAGzC,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,yBAAyB,EAAE,IAAI;YAC/B,gCAAgC,EAAE,IAAI;SACvC,CAAC;IACJ,CAAC;;AARe,+BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AADrC,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CAUpC;SAVY,wBAAwB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {styles} from './lib/filled-styles.css.js';\nimport {IconButtonToggle} from './lib/icon-button-toggle.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-icon-button-toggle': MdFilledIconButtonToggle;\n  }\n}\n\n/**\n * @summary Icon buttons help people take supplementary actions with a single\n * tap. This variant can toggle between icons.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence.\n *\n * __Rationale:__ The most compact and unobtrusive type of button, icon buttons\n * are used for optional supplementary actions such as \"Bookmark\" or \"Star.\"\n *\n * __Example usages:__\n * - Add to Favorites\n * - Print\n */\n@customElement('md-filled-icon-button-toggle')\nexport class MdFilledIconButtonToggle extends IconButtonToggle {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--filled': true,\n      'md3-icon-button--toggle-filled': true,\n    };\n  }\n}\n"]}

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

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { LinkIconButton } from './lib/link-icon-button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-filled-link-icon-button': MdFilledLinkIconButton;
-    }
-}
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-export declare class MdFilledLinkIconButton extends LinkIconButton {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}

package/iconbutton/filled-link-icon-button.js

@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { styles } from './lib/filled-styles.css.js';
-import { LinkIconButton } from './lib/link-icon-button.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-let MdFilledLinkIconButton = class MdFilledLinkIconButton extends LinkIconButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--filled': true,
-        };
-    }
-};
-MdFilledLinkIconButton.styles = [sharedStyles, styles];
-MdFilledLinkIconButton = __decorate([
-    customElement('md-filled-link-icon-button')
-], MdFilledLinkIconButton);
-export { MdFilledLinkIconButton };
-//# sourceMappingURL=filled-link-icon-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"filled-link-icon-button.js","sourceRoot":"","sources":["filled-link-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;GAcG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,cAAc;IAGrC,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,yBAAyB,EAAE,IAAI;SAChC,CAAC;IACJ,CAAC;;AAPe,6BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AADrC,sBAAsB;IADlC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,sBAAsB,CASlC;SATY,sBAAsB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {styles} from './lib/filled-styles.css.js';\nimport {LinkIconButton} from './lib/link-icon-button.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-link-icon-button': MdFilledLinkIconButton;\n  }\n}\n\n/**\n * @summary Icon buttons help people take supplementary actions with a single\n * tap. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence.\n *\n * __Rationale:__ The most compact and unobtrusive type of button, icon buttons\n * are used for optional supplementary actions such as \"Bookmark\" or \"Star.\"\n *\n * __Example usages:__\n * - Add to Favorites\n * - Print\n */\n@customElement('md-filled-link-icon-button')\nexport class MdFilledLinkIconButton extends LinkIconButton {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--filled': true,\n    };\n  }\n}\n"]}

package/iconbutton/filled-tonal-icon-button-toggle.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { IconButtonToggle } from './lib/icon-button-toggle.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-filled-tonal-icon-button-toggle': MdFilledTonalIconButtonToggle;
-    }
-}
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This variant can toggle between icons.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-export declare class MdFilledTonalIconButtonToggle extends IconButtonToggle {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}

package/iconbutton/filled-tonal-icon-button-toggle.js

@@ -1,40 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { styles } from './lib/filled-tonal-styles.css.js';
-import { IconButtonToggle } from './lib/icon-button-toggle.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This variant can toggle between icons.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-let MdFilledTonalIconButtonToggle = class MdFilledTonalIconButtonToggle extends IconButtonToggle {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--filled-tonal': true,
-            'md3-icon-button--toggle-filled-tonal': true,
-        };
-    }
-};
-MdFilledTonalIconButtonToggle.styles = [sharedStyles, styles];
-MdFilledTonalIconButtonToggle = __decorate([
-    customElement('md-filled-tonal-icon-button-toggle')
-], MdFilledTonalIconButtonToggle);
-export { MdFilledTonalIconButtonToggle };
-//# sourceMappingURL=filled-tonal-icon-button-toggle.js.map

package/iconbutton/filled-tonal-icon-button-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filled-tonal-icon-button-toggle.js","sourceRoot":"","sources":["filled-tonal-icon-button-toggle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AACxD,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;GAcG;AAEI,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,gBAAgB;IAG9C,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,+BAA+B,EAAE,IAAI;YACrC,sCAAsC,EAAE,IAAI;SAC7C,CAAC;IACJ,CAAC;;AARe,oCAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AADrC,6BAA6B;IADzC,aAAa,CAAC,oCAAoC,CAAC;GACvC,6BAA6B,CAUzC;SAVY,6BAA6B","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {styles} from './lib/filled-tonal-styles.css.js';\nimport {IconButtonToggle} from './lib/icon-button-toggle.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-tonal-icon-button-toggle': MdFilledTonalIconButtonToggle;\n  }\n}\n\n/**\n * @summary Icon buttons help people take supplementary actions with a single\n * tap. This variant can toggle between icons.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence.\n *\n * __Rationale:__ The most compact and unobtrusive type of button, icon buttons\n * are used for optional supplementary actions such as \"Bookmark\" or \"Star.\"\n *\n * __Example usages:__\n * - Add to Favorites\n * - Print\n */\n@customElement('md-filled-tonal-icon-button-toggle')\nexport class MdFilledTonalIconButtonToggle extends IconButtonToggle {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--filled-tonal': true,\n      'md3-icon-button--toggle-filled-tonal': true,\n    };\n  }\n}\n"]}

package/iconbutton/filled-tonal-link-icon-button.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { LinkIconButton } from './lib/link-icon-button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-filled-tonal-link-icon-button': MdFilledTonalLinkIconButton;
-    }
-}
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-export declare class MdFilledTonalLinkIconButton extends LinkIconButton {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}

package/iconbutton/filled-tonal-link-icon-button.js

@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { styles } from './lib/filled-tonal-styles.css.js';
-import { LinkIconButton } from './lib/link-icon-button.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-let MdFilledTonalLinkIconButton = class MdFilledTonalLinkIconButton extends LinkIconButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--filled-tonal': true,
-        };
-    }
-};
-MdFilledTonalLinkIconButton.styles = [sharedStyles, styles];
-MdFilledTonalLinkIconButton = __decorate([
-    customElement('md-filled-tonal-link-icon-button')
-], MdFilledTonalLinkIconButton);
-export { MdFilledTonalLinkIconButton };
-//# sourceMappingURL=filled-tonal-link-icon-button.js.map

package/iconbutton/filled-tonal-link-icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filled-tonal-link-icon-button.js","sourceRoot":"","sources":["filled-tonal-link-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AACxD,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;GAcG;AAEI,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,cAAc;IAG1C,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,+BAA+B,EAAE,IAAI;SACtC,CAAC;IACJ,CAAC;;AAPe,kCAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AADrC,2BAA2B;IADvC,aAAa,CAAC,kCAAkC,CAAC;GACrC,2BAA2B,CASvC;SATY,2BAA2B","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {styles} from './lib/filled-tonal-styles.css.js';\nimport {LinkIconButton} from './lib/link-icon-button.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-tonal-link-icon-button': MdFilledTonalLinkIconButton;\n  }\n}\n\n/**\n * @summary Icon buttons help people take supplementary actions with a single\n * tap. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence.\n *\n * __Rationale:__ The most compact and unobtrusive type of button, icon buttons\n * are used for optional supplementary actions such as \"Bookmark\" or \"Star.\"\n *\n * __Example usages:__\n * - Add to Favorites\n * - Print\n */\n@customElement('md-filled-tonal-link-icon-button')\nexport class MdFilledTonalLinkIconButton extends LinkIconButton {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--filled-tonal': true,\n    };\n  }\n}\n"]}

package/iconbutton/lib/icon-button-toggle.d.ts

@@ -1,34 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../focus/focus-ring.js';
-import '../../icon/icon.js';
-import '../../ripple/ripple.js';
-import { TemplateResult } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { IconButton } from './icon-button.js';
-/**
- * @fires change {Event}
- * Dispatched whenever `selected` is changed via user click
- *
- * @fires input {InputEvent}
- * Dispatched whenever `selected` is changed via user click
- */
-export declare class IconButtonToggle extends IconButton {
-    /**
-     * The `aria-label` of the button when the toggle button is selected.
-     */
-    ariaLabelSelected: string;
-    /**
-     * Sets the selected state. When false, displays the default icon. When true,
-     * displays the `selectedIcon`, or the default icon If no `selectedIcon` is
-     * provided.
-     */
-    selected: boolean;
-    protected render(): TemplateResult;
-    protected renderSelectedIcon(): TemplateResult<1>;
-    protected getRenderClasses(): ClassInfo;
-    protected handleClick(): void;
-}

package/iconbutton/lib/icon-button-toggle.js

@@ -1,87 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate, __metadata } from "tslib";
-// Required for @ariaProperty
-// tslint:disable:no-new-decorators
-import '../../focus/focus-ring.js';
-import '../../icon/icon.js';
-import '../../ripple/ripple.js';
-import { html, nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { when } from 'lit/directives/when.js';
-import { ripple } from '../../ripple/directive.js';
-import { IconButton } from './icon-button.js';
-/**
- * @fires change {Event}
- * Dispatched whenever `selected` is changed via user click
- *
- * @fires input {InputEvent}
- * Dispatched whenever `selected` is changed via user click
- */
-export class IconButtonToggle extends IconButton {
-    constructor() {
-        super(...arguments);
-        /**
-         * Sets the selected state. When false, displays the default icon. When true,
-         * displays the `selectedIcon`, or the default icon If no `selectedIcon` is
-         * provided.
-         */
-        this.selected = false;
-    }
-    render() {
-        const hasToggledAriaLabel = this.ariaLabel && this.ariaLabelSelected;
-        const ariaPressedValue = hasToggledAriaLabel ? nothing : this.selected;
-        const ariaLabelValue = (hasToggledAriaLabel && this.selected) ?
-            this.ariaLabelSelected :
-            this.ariaLabel;
-        return html `<button
-          class="md3-icon-button ${classMap(this.getRenderClasses())}"
-          aria-pressed="${ariaPressedValue}"
-          aria-label="${ariaLabelValue || nothing}"
-          ?disabled="${this.disabled}"
-          @focus="${this.handleFocus}"
-          @blur="${this.handleBlur}"
-          @pointerdown="${this.handlePointerDown}"
-          @click="${this.handleClick}"
-          ${ripple(this.getRipple)}>
-        ${this.renderFocusRing()}
-        ${when(this.showRipple, this.renderRipple)}
-        ${this.renderTouchTarget()}
-        ${!this.selected ? this.renderIcon() : nothing}
-        ${this.selected ? this.renderSelectedIcon() : nothing}
-      </button>`;
-    }
-    renderSelectedIcon() {
-        // Use default slot as fallback to not require specifying multiple icons
-        return html `<md-icon class="md3-icon-button__icon md3-icon-button__icon--selected"><slot name="selectedIcon"><slot></slot></slot></md-icon>`;
-    }
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--selected': this.selected,
-        };
-    }
-    handleClick() {
-        if (this.disabled) {
-            return;
-        }
-        this.selected = !this.selected;
-        this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
-        // Bubbles but does not compose to mimic native browser <input> & <select>
-        // Additionally, native change event is not an InputEvent.
-        this.dispatchEvent(new Event('change', { bubbles: true }));
-    }
-}
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], IconButtonToggle.prototype, "ariaLabelSelected", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], IconButtonToggle.prototype, "selected", void 0);
-//# sourceMappingURL=icon-button-toggle.js.map

package/iconbutton/lib/icon-button-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button-toggle.js","sourceRoot":"","sources":["icon-button-toggle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,6BAA6B;AAC7B,mCAAmC;AAEnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,IAAI,EAAE,OAAO,EAAiB,MAAM,KAAK,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAC,MAAM,EAAC,MAAM,2BAA2B,CAAC;AAEjD,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAAhD;;QAME;;;;WAIG;QACuC,aAAQ,GAAG,KAAK,CAAC;IAkD7D,CAAC;IAhDoB,MAAM;QACvB,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC;QACrE,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QACvE,MAAM,cAAc,GAAG,CAAC,mBAAmB,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC3D,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACxB,IAAI,CAAC,SAAS,CAAC;QACnB,OAAO,IAAI,CAAA;mCACoB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;0BAC1C,gBAAgB;wBAClB,cAAc,IAAI,OAAO;uBAC1B,IAAI,CAAC,QAAQ;oBAChB,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;0BACR,IAAI,CAAC,iBAAiB;oBAC5B,IAAI,CAAC,WAAW;YACxB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;UACxB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC;UACxC,IAAI,CAAC,iBAAiB,EAAE;UACxB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,OAAO;UAC5C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,OAAO;gBAC7C,CAAC;IACf,CAAC;IAES,kBAAkB;QAC1B,wEAAwE;QACxE,OAAO,IAAI,CAAA,iIAAiI,CAAC;IAC/I,CAAC;IAEkB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,2BAA2B,EAAE,IAAI,CAAC,QAAQ;SAC3C,CAAC;IACJ,CAAC;IAES,WAAW;QACnB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,CACd,IAAI,UAAU,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;QAC9D,0EAA0E;QAC1E,0DAA0D;QAC1D,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;CACF;AAzDC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;2DAA4B;AAOrD;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;kDAAkB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n// Required for @ariaProperty\n// tslint:disable:no-new-decorators\n\nimport '../../focus/focus-ring.js';\nimport '../../icon/icon.js';\nimport '../../ripple/ripple.js';\n\nimport {html, nothing, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {when} from 'lit/directives/when.js';\n\nimport {ripple} from '../../ripple/directive.js';\n\nimport {IconButton} from './icon-button.js';\n\n/**\n * @fires change {Event}\n * Dispatched whenever `selected` is changed via user click\n *\n * @fires input {InputEvent}\n * Dispatched whenever `selected` is changed via user click\n */\nexport class IconButtonToggle extends IconButton {\n  /**\n   * The `aria-label` of the button when the toggle button is selected.\n   */\n  @property({type: String}) ariaLabelSelected!: string;\n\n  /**\n   * Sets the selected state. When false, displays the default icon. When true,\n   * displays the `selectedIcon`, or the default icon If no `selectedIcon` is\n   * provided.\n   */\n  @property({type: Boolean, reflect: true}) selected = false;\n\n  protected override render(): TemplateResult {\n    const hasToggledAriaLabel = this.ariaLabel && this.ariaLabelSelected;\n    const ariaPressedValue = hasToggledAriaLabel ? nothing : this.selected;\n    const ariaLabelValue = (hasToggledAriaLabel && this.selected) ?\n        this.ariaLabelSelected :\n        this.ariaLabel;\n    return html`<button\n          class=\"md3-icon-button ${classMap(this.getRenderClasses())}\"\n          aria-pressed=\"${ariaPressedValue}\"\n          aria-label=\"${ariaLabelValue || nothing}\"\n          ?disabled=\"${this.disabled}\"\n          @focus=\"${this.handleFocus}\"\n          @blur=\"${this.handleBlur}\"\n          @pointerdown=\"${this.handlePointerDown}\"\n          @click=\"${this.handleClick}\"\n          ${ripple(this.getRipple)}>\n        ${this.renderFocusRing()}\n        ${when(this.showRipple, this.renderRipple)}\n        ${this.renderTouchTarget()}\n        ${!this.selected ? this.renderIcon() : nothing}\n        ${this.selected ? this.renderSelectedIcon() : nothing}\n      </button>`;\n  }\n\n  protected renderSelectedIcon() {\n    // Use default slot as fallback to not require specifying multiple icons\n    return html`<md-icon class=\"md3-icon-button__icon md3-icon-button__icon--selected\"><slot name=\"selectedIcon\"><slot></slot></slot></md-icon>`;\n  }\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--selected': this.selected,\n    };\n  }\n\n  protected handleClick() {\n    if (this.disabled) {\n      return;\n    }\n\n    this.selected = !this.selected;\n    this.dispatchEvent(\n        new InputEvent('input', {bubbles: true, composed: true}));\n    // Bubbles but does not compose to mimic native browser <input> & <select>\n    // Additionally, native change event is not an InputEvent.\n    this.dispatchEvent(new Event('change', {bubbles: true}));\n  }\n}\n"]}

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

@@ -1,23 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { TemplateResult } from 'lit';
-import { IconButton } from './icon-button.js';
-export declare class LinkIconButton extends IconButton {
-    /**
-     * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute.
-     */
-    linkHref: string;
-    /**
-     * Sets the underlying `HTMLAnchorElement`'s `target` attribute.
-     */
-    linkTarget: string;
-    /**
-     * Link buttons cannot be disabled.
-     */
-    disabled: boolean;
-    willUpdate(): void;
-    protected render(): TemplateResult;
-}

package/iconbutton/lib/link-icon-button.js

@@ -1,58 +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 { IconButton } from './icon-button.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class LinkIconButton extends IconButton {
-    constructor() {
-        super(...arguments);
-        /**
-         * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute.
-         */
-        this.linkHref = '';
-        /**
-         * Link buttons cannot be disabled.
-         */
-        this.disabled = false;
-    }
-    willUpdate() {
-        this.disabled = false;
-    }
-    render() {
-        return html `<div
-        class="md3-icon-button ${classMap(this.getRenderClasses())}"
-        @focus="${this.handleFocus}"
-        @blur="${this.handleBlur}"
-        @pointerdown="${this.handlePointerDown}"
-        ${ripple(this.getRipple)}>
-        ${this.renderFocusRing()}
-        ${when(this.showRipple, this.renderRipple)}
-        ${this.renderIcon()}
-        ${this.renderTouchTarget()}
-      <a class="md3-icon-button__link" href="${this.linkHref}"
-          target="${ifDefined(this.linkTarget)}"
-          aria-label="${ifDefined(this.ariaLabel)}"
-          @focus="${this.handleFocus}"
-          @blur="${this.handleBlur}">
-      </a>
-    </div>`;
-    }
-}
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], LinkIconButton.prototype, "linkHref", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], LinkIconButton.prototype, "linkTarget", void 0);
-//# sourceMappingURL=link-icon-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"link-icon-button.js","sourceRoot":"","sources":["link-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,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,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAU5C,gEAAgE;AAChE,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QACE;;WAEG;QACuB,aAAQ,GAAG,EAAE,CAAC;QAOxC;;WAEG;QACM,aAAQ,GAAG,KAAK,CAAC;IAyB5B,CAAC;IAvBU,UAAU;QACjB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;iCACkB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;kBAChD,IAAI,CAAC,WAAW;iBACjB,IAAI,CAAC,UAAU;wBACR,IAAI,CAAC,iBAAiB;UACpC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;UACtB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC;UACxC,IAAI,CAAC,UAAU,EAAE;UACjB,IAAI,CAAC,iBAAiB,EAAE;+CACa,IAAI,CAAC,QAAQ;oBACxC,SAAS,CAAC,IAAI,CAAC,UAAwB,CAAC;wBACpC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC7B,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;;WAEvB,CAAC;IACV,CAAC;CACF;AAnCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;gDAAe;AAKxC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;kDAAqB","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 {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 {IconButton} from './icon-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 class LinkIconButton extends IconButton {\n  /**\n   * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute.\n   */\n  @property({type: String}) linkHref = '';\n\n  /**\n   * Sets the underlying `HTMLAnchorElement`'s `target` attribute.\n   */\n  @property({type: String}) linkTarget!: string;\n\n  /**\n   * Link buttons cannot be disabled.\n   */\n  override disabled = false;\n\n  override willUpdate() {\n    this.disabled = false;\n  }\n\n  protected override render(): TemplateResult {\n    return html`<div\n        class=\"md3-icon-button ${classMap(this.getRenderClasses())}\"\n        @focus=\"${this.handleFocus}\"\n        @blur=\"${this.handleBlur}\"\n        @pointerdown=\"${this.handlePointerDown}\"\n        ${ripple(this.getRipple)}>\n        ${this.renderFocusRing()}\n        ${when(this.showRipple, this.renderRipple)}\n        ${this.renderIcon()}\n        ${this.renderTouchTarget()}\n      <a class=\"md3-icon-button__link\" href=\"${this.linkHref}\"\n          target=\"${ifDefined(this.linkTarget as LinkTarget)}\"\n          aria-label=\"${ifDefined(this.ariaLabel)}\"\n          @focus=\"${this.handleFocus}\"\n          @blur=\"${this.handleBlur}\">\n      </a>\n    </div>`;\n  }\n}\n"]}

package/iconbutton/outlined-icon-button-toggle.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { IconButtonToggle } from './lib/icon-button-toggle.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-outlined-icon-button-toggle': MdOutlinedIconButtonToggle;
-    }
-}
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This variant can toggle between icons.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-export declare class MdOutlinedIconButtonToggle extends IconButtonToggle {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}