@material/web 0.1.0-alpha.0

package/formfield/lib/formfield-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formfield-styles.css.js","sourceRoot":"","sources":["formfield-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`:host{display:inline-flex}.md3-formfield{align-items:center;display:inline-flex;vertical-align:middle;width:100%}.md3-formfield__label{margin-inline:0 auto;order:0;padding-inline:4px 0}.md3-formfield--align-end .md3-formfield__label{margin-inline:auto 0;order:-1;padding-inline:0 4px}.md3-formfield--space-between{justify-content:space-between}.md3-formfield--space-between .md3-formfield__label{margin:0}.md3-formfield .md3-formfield__label{color:var(--md-formfield-label-text-color, var(--md-sys-color-on-surface, #1c1b1f))}.md3-formfield.md3-formfield--disabled .md3-formfield__label{color:var(--md-formfield-disabled-label-text-color, var(--md-sys-color-on-surface-variant, #49454f))}/*# sourceMappingURL=formfield-styles.css.map */\n`;\n "]}

package/formfield/lib/formfield-styles.scss

@@ -0,0 +1,16 @@
+//
+// Copyright 2021 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+@use './formfield';
+@use './formfield-theme';
+
+@include formfield.static-styles();
+
+.md3-formfield {
+  @include formfield-theme.theme-styles(formfield-theme.$light-theme);
+}

package/formfield/lib/formfield.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { LitElement, TemplateResult } from 'lit';
+import { ClassInfo } from 'lit/directives/class-map.js';
+/** @soyCompatible */
+export declare class Formfield extends LitElement {
+    alignEnd: boolean;
+    spaceBetween: boolean;
+    label: string;
+    inputId?: string;
+    disabled: boolean;
+    protected slottedInputs: HTMLElement[] | null;
+    protected get input(): HTMLElement;
+    /** @soyTemplate */
+    protected render(): TemplateResult;
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
+    protected labelClick(): void;
+}

package/formfield/lib/formfield.js

@@ -0,0 +1,73 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate, __metadata } from "tslib";
+import { html, LitElement } from 'lit';
+import { property, queryAssignedElements } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+/** @soyCompatible */
+export class Formfield extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.alignEnd = false;
+        this.spaceBetween = false;
+        this.label = '';
+        this.disabled = false;
+    }
+    get input() {
+        return this.slottedInputs?.[0] ?? null;
+    }
+    /** @soyTemplate */
+    render() {
+        return html `
+      <div class="md3-formfield ${classMap(this.getRenderClasses())}">
+        <div><slot></slot></div>
+        <label class="md3-formfield__label"
+          for="${ifDefined(this.inputId)}"
+          @click="${this.labelClick}">${this.label}</label>
+      </div>`;
+    }
+    /** @soyTemplate */
+    getRenderClasses() {
+        return {
+            'md3-formfield--align-end': this.alignEnd,
+            'md3-formfield--space-between': this.spaceBetween,
+            'md3-formfield--disabled': this.disabled,
+        };
+    }
+    labelClick() {
+        const input = this.input;
+        if (input && this.shadowRoot) {
+            input.focus();
+            input.click();
+        }
+    }
+}
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Formfield.prototype, "alignEnd", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Formfield.prototype, "spaceBetween", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], Formfield.prototype, "label", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], Formfield.prototype, "inputId", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Formfield.prototype, "disabled", void 0);
+__decorate([
+    queryAssignedElements(),
+    __metadata("design:type", Array)
+], Formfield.prototype, "slottedInputs", void 0);
+//# sourceMappingURL=formfield.js.map

package/formfield/lib/formfield.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formfield.js","sourceRoot":"","sources":["formfield.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAE,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAEvD,qBAAqB;AACrB,MAAM,OAAO,SAAU,SAAQ,UAAU;IAAzC;;QAC6B,aAAQ,GAAG,KAAK,CAAC;QACjB,iBAAY,GAAG,KAAK,CAAC;QACtB,UAAK,GAAG,EAAE,CAAC;QAEV,aAAQ,GAAG,KAAK,CAAC;IAmC9C,CAAC;IA/BC,IAAc,KAAK;QACjB,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IACzC,CAAC;IAED,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;kCACmB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;;;iBAGlD,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;oBACpB,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,KAAK;aACrC,CAAC;IACZ,CAAC;IAED,mBAAmB;IACT,gBAAgB;QACxB,OAAO;YACL,0BAA0B,EAAE,IAAI,CAAC,QAAQ;YACzC,8BAA8B,EAAE,IAAI,CAAC,YAAY;YACjD,yBAAyB,EAAE,IAAI,CAAC,QAAQ;SACzC,CAAC;IACJ,CAAC;IAES,UAAU;QAClB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE;YAC5B,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,KAAK,CAAC,KAAK,EAAE,CAAC;SACf;IACH,CAAC;CACF;AAvC4B;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;2CAAkB;AACjB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;+CAAsB;AACtB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAY;AACX;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;0CAAkB;AAChB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;2CAAkB;AAEnB;IAAxB,qBAAqB,EAAE;;gDAA8C","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, TemplateResult} from 'lit';\nimport {property, queryAssignedElements} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/** @soyCompatible */\nexport class Formfield extends LitElement {\n  @property({type: Boolean}) alignEnd = false;\n  @property({type: Boolean}) spaceBetween = false;\n  @property({type: String}) label = '';\n  @property({type: String}) inputId?: string;\n  @property({type: Boolean}) disabled = false;\n\n  @queryAssignedElements() protected slottedInputs!: HTMLElement[]|null;\n\n  protected get input() {\n    return this.slottedInputs?.[0] ?? null;\n  }\n\n  /** @soyTemplate */\n  protected override render(): TemplateResult {\n    return html`\n      <div class=\"md3-formfield ${classMap(this.getRenderClasses())}\">\n        <div><slot></slot></div>\n        <label class=\"md3-formfield__label\"\n          for=\"${ifDefined(this.inputId)}\"\n          @click=\"${this.labelClick}\">${this.label}</label>\n      </div>`;\n  }\n\n  /** @soyTemplate */\n  protected getRenderClasses(): ClassInfo {\n    return {\n      'md3-formfield--align-end': this.alignEnd,\n      'md3-formfield--space-between': this.spaceBetween,\n      'md3-formfield--disabled': this.disabled,\n    };\n  }\n\n  protected labelClick() {\n    const input = this.input;\n    if (input && this.shadowRoot) {\n      input.focus();\n      input.click();\n    }\n  }\n}\n"]}

package/icon/icon.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Icon } from './lib/icon.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-icon': MdIcon;
+    }
+}
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+export declare class MdIcon extends Icon {
+    static styles: import("lit").CSSResult[];
+}

package/icon/icon.js

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { Icon } from './lib/icon.js';
+import { styles } from './lib/icon-styles.css.js';
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+let MdIcon = class MdIcon extends Icon {
+};
+MdIcon.styles = [styles];
+MdIcon = __decorate([
+    customElement('md-icon')
+], MdIcon);
+export { MdIcon };
+//# sourceMappingURL=icon.js.map

package/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["icon.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,MAAM,EAAC,MAAM,0BAA0B,CAAC;AAQhD;;;;GAIG;AAEH,IAAa,MAAM,GAAnB,MAAa,MAAO,SAAQ,IAAI;CAE/B,CAAA;AADiB,aAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAElB;SAFY,MAAM","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {Icon} from './lib/icon.js';\nimport {styles} from './lib/icon-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-icon': MdIcon;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-icon')\nexport class MdIcon extends Icon {\n  static override styles = [styles];\n}\n"]}

package/icon/lib/icon-styles.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/icon/lib/icon-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `:host{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}/*# sourceMappingURL=icon-styles.css.map */
+`;
+//# sourceMappingURL=icon-styles.css.js.map

package/icon/lib/icon-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-styles.css.js","sourceRoot":"","sources":["icon-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`:host{font-family:\"Material Icons\";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}/*# sourceMappingURL=icon-styles.css.map */\n`;\n "]}

package/icon/lib/icon-styles.scss

@@ -0,0 +1,25 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+:host {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+}

package/icon/lib/icon.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { LitElement, TemplateResult } from 'lit';
+/** @soyCompatible */
+export declare class Icon extends LitElement {
+    /** @soyTemplate */
+    protected render(): TemplateResult;
+}

package/icon/lib/icon.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { html, LitElement } from 'lit';
+/** @soyCompatible */
+export class Icon extends LitElement {
+    /** @soyTemplate */
+    render() {
+        return html `<span><slot></slot></span>`;
+    }
+}
+//# sourceMappingURL=icon.js.map

package/icon/lib/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["icon.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAErD,qBAAqB;AACrB,MAAM,OAAO,IAAK,SAAQ,UAAU;IAClC,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA,4BAA4B,CAAC;IAC1C,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, TemplateResult} from 'lit';\n\n/** @soyCompatible */\nexport class Icon extends LitElement {\n  /** @soyTemplate */\n  protected override render(): TemplateResult {\n    return html`<span><slot></slot></span>`;\n  }\n}\n"]}

package/iconbutton/_filled-icon-button.scss

@@ -0,0 +1,7 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@forward './lib/filled-icon-button-theme' show
+  theme;

package/iconbutton/_outlined-icon-button.scss

@@ -0,0 +1,7 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@forward './lib/outlined-icon-button-theme' show
+  theme;

package/iconbutton/_standard-icon-button.scss

@@ -0,0 +1,7 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@forward './lib/standard-icon-button-theme' show
+  theme;

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

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import '@material/web/icon/icon.js';
+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;
+    }
+}
+/** @soyCompatible */
+export declare class MdFilledIconButtonToggle extends IconButtonToggle {
+    static styles: import("lit").CSSResult[];
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
+}

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

@@ -0,0 +1,28 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './lib/filled-styles.css.js';
+import { styles as sharedStyles } from './lib/icon-button-styles.css.js';
+import { IconButtonToggle } from './lib/icon-button-toggle.js';
+/** @soyCompatible */
+let MdFilledIconButtonToggle = class MdFilledIconButtonToggle extends IconButtonToggle {
+    /** @soyTemplate */
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"filled-icon-button-toggle.js","sourceRoot":"","sources":["filled-icon-button-toggle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAQ7D,qBAAqB;AAErB,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,gBAAgB;IAG5D,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,yBAAyB,EAAE,IAAI;YAC/B,gCAAgC,EAAE,IAAI;SACvC,CAAC;IACJ,CAAC;CACF,CAAA;AAViB,+BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CAWpC;SAXY,wBAAwB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '@material/web/icon/icon.js';\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 {styles as sharedStyles} from './lib/icon-button-styles.css.js';\nimport {IconButtonToggle} from './lib/icon-button-toggle.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-icon-button-toggle': MdFilledIconButtonToggle;\n  }\n}\n\n/** @soyCompatible */\n@customElement('md-filled-icon-button-toggle')\nexport class MdFilledIconButtonToggle extends IconButtonToggle {\n  static override styles = [sharedStyles, styles];\n\n  /** @soyTemplate */\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-icon-button.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import '@material/web/icon/icon.js';
+import { ClassInfo } from 'lit/directives/class-map.js';
+import { IconButton } from './lib/icon-button.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-filled-icon-button': MdFilledIconButton;
+    }
+}
+/** @soyCompatible */
+export declare class MdFilledIconButton extends IconButton {
+    static styles: import("lit").CSSResult[];
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
+}

package/iconbutton/filled-icon-button.js

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './lib/filled-styles.css.js';
+import { IconButton } from './lib/icon-button.js';
+import { styles as sharedStyles } from './lib/icon-button-styles.css.js';
+/** @soyCompatible */
+let MdFilledIconButton = class MdFilledIconButton extends IconButton {
+    /** @soyTemplate */
+    getRenderClasses() {
+        return {
+            ...super.getRenderClasses(),
+            'md3-icon-button--filled': true,
+        };
+    }
+};
+MdFilledIconButton.styles = [sharedStyles, styles];
+MdFilledIconButton = __decorate([
+    customElement('md-filled-icon-button')
+], MdFilledIconButton);
+export { MdFilledIconButton };
+//# sourceMappingURL=filled-icon-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filled-icon-button.js","sourceRoot":"","sources":["filled-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,iCAAiC,CAAC;AAQvE,qBAAqB;AAErB,IAAa,kBAAkB,GAA/B,MAAa,kBAAmB,SAAQ,UAAU;IAGhD,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,yBAAyB,EAAE,IAAI;SAChC,CAAC;IACJ,CAAC;CACF,CAAA;AATiB,yBAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAU9B;SAVY,kBAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '@material/web/icon/icon.js';\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 {IconButton} from './lib/icon-button.js';\nimport {styles as sharedStyles} from './lib/icon-button-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-icon-button': MdFilledIconButton;\n  }\n}\n\n/** @soyCompatible */\n@customElement('md-filled-icon-button')\nexport class MdFilledIconButton extends IconButton {\n  static override styles = [sharedStyles, styles];\n\n  /** @soyTemplate */\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--filled': true,\n    };\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import '@material/web/icon/icon.js';
+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;
+    }
+}
+/** @soyCompatible */
+export declare class MdFilledLinkIconButton extends LinkIconButton {
+    static styles: import("lit").CSSResult[];
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
+}

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

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+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/icon-button-styles.css.js';
+/** @soyCompatible */
+let MdFilledLinkIconButton = class MdFilledLinkIconButton extends LinkIconButton {
+    /** @soyTemplate */
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"filled-link-icon-button.js","sourceRoot":"","sources":["filled-link-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,4BAA4B,CAAC;AAEpC,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,iCAAiC,CAAC;AAQvE,qBAAqB;AAErB,IAAa,sBAAsB,GAAnC,MAAa,sBAAuB,SAAQ,cAAc;IAGxD,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,yBAAyB,EAAE,IAAI;SAChC,CAAC;IACJ,CAAC;CACF,CAAA;AATiB,6BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,sBAAsB;IADlC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,sBAAsB,CAUlC;SAVY,sBAAsB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '@material/web/icon/icon.js';\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/icon-button-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-link-icon-button': MdFilledLinkIconButton;\n  }\n}\n\n/** @soyCompatible */\n@customElement('md-filled-link-icon-button')\nexport class MdFilledLinkIconButton extends LinkIconButton {\n  static override styles = [sharedStyles, styles];\n\n  /** @soyTemplate */\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

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import '@material/web/icon/icon.js';
+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;
+    }
+}
+/** @soyCompatible */
+export declare class MdFilledTonalIconButtonToggle extends IconButtonToggle {
+    static styles: import("lit").CSSResult[];
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
+}

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

@@ -0,0 +1,28 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './lib/filled-tonal-styles.css.js';
+import { styles as sharedStyles } from './lib/icon-button-styles.css.js';
+import { IconButtonToggle } from './lib/icon-button-toggle.js';
+/** @soyCompatible */
+let MdFilledTonalIconButtonToggle = class MdFilledTonalIconButtonToggle extends IconButtonToggle {
+    /** @soyTemplate */
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"filled-tonal-icon-button-toggle.js","sourceRoot":"","sources":["filled-tonal-icon-button-toggle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AACxD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAQ7D,qBAAqB;AAErB,IAAa,6BAA6B,GAA1C,MAAa,6BAA8B,SAAQ,gBAAgB;IAGjE,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,+BAA+B,EAAE,IAAI;YACrC,sCAAsC,EAAE,IAAI;SAC7C,CAAC;IACJ,CAAC;CACF,CAAA;AAViB,oCAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,6BAA6B;IADzC,aAAa,CAAC,oCAAoC,CAAC;GACvC,6BAA6B,CAWzC;SAXY,6BAA6B","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '@material/web/icon/icon.js';\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 {styles as sharedStyles} from './lib/icon-button-styles.css.js';\nimport {IconButtonToggle} from './lib/icon-button-toggle.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-tonal-icon-button-toggle': MdFilledTonalIconButtonToggle;\n  }\n}\n\n/** @soyCompatible */\n@customElement('md-filled-tonal-icon-button-toggle')\nexport class MdFilledTonalIconButtonToggle extends IconButtonToggle {\n  static override styles = [sharedStyles, styles];\n\n  /** @soyTemplate */\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-icon-button.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import '@material/web/icon/icon.js';
+import { ClassInfo } from 'lit/directives/class-map.js';
+import { IconButton } from './lib/icon-button.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-filled-tonal-icon-button': MdFilledTonalIconButton;
+    }
+}
+/** @soyCompatible */
+export declare class MdFilledTonalIconButton extends IconButton {
+    static styles: import("lit").CSSResult[];
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
+}

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

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './lib/filled-tonal-styles.css.js';
+import { IconButton } from './lib/icon-button.js';
+import { styles as sharedStyles } from './lib/icon-button-styles.css.js';
+/** @soyCompatible */
+let MdFilledTonalIconButton = class MdFilledTonalIconButton extends IconButton {
+    /** @soyTemplate */
+    getRenderClasses() {
+        return {
+            ...super.getRenderClasses(),
+            'md3-icon-button--filled-tonal': true,
+        };
+    }
+};
+MdFilledTonalIconButton.styles = [sharedStyles, styles];
+MdFilledTonalIconButton = __decorate([
+    customElement('md-filled-tonal-icon-button')
+], MdFilledTonalIconButton);
+export { MdFilledTonalIconButton };
+//# sourceMappingURL=filled-tonal-icon-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filled-tonal-icon-button.js","sourceRoot":"","sources":["filled-tonal-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AACxD,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,iCAAiC,CAAC;AAQvE,qBAAqB;AAErB,IAAa,uBAAuB,GAApC,MAAa,uBAAwB,SAAQ,UAAU;IAGrD,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,+BAA+B,EAAE,IAAI;SACtC,CAAC;IACJ,CAAC;CACF,CAAA;AATiB,8BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,uBAAuB;IADnC,aAAa,CAAC,6BAA6B,CAAC;GAChC,uBAAuB,CAUnC;SAVY,uBAAuB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '@material/web/icon/icon.js';\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 {IconButton} from './lib/icon-button.js';\nimport {styles as sharedStyles} from './lib/icon-button-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-tonal-icon-button': MdFilledTonalIconButton;\n  }\n}\n\n/** @soyCompatible */\n@customElement('md-filled-tonal-icon-button')\nexport class MdFilledTonalIconButton extends IconButton {\n  static override styles = [sharedStyles, styles];\n\n  /** @soyTemplate */\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--filled-tonal': true,\n    };\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import '@material/web/icon/icon.js';
+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;
+    }
+}
+/** @soyCompatible */
+export declare class MdFilledTonalLinkIconButton extends LinkIconButton {
+    static styles: import("lit").CSSResult[];
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
+}

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

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './lib/filled-tonal-styles.css.js';
+import { styles as sharedStyles } from './lib/icon-button-styles.css.js';
+import { LinkIconButton } from './lib/link-icon-button.js';
+/** @soyCompatible */
+let MdFilledTonalLinkIconButton = class MdFilledTonalLinkIconButton extends LinkIconButton {
+    /** @soyTemplate */
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"filled-tonal-link-icon-button.js","sourceRoot":"","sources":["filled-tonal-link-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AACxD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAQzD,qBAAqB;AAErB,IAAa,2BAA2B,GAAxC,MAAa,2BAA4B,SAAQ,cAAc;IAG7D,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,+BAA+B,EAAE,IAAI;SACtC,CAAC;IACJ,CAAC;CACF,CAAA;AATiB,kCAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,2BAA2B;IADvC,aAAa,CAAC,kCAAkC,CAAC;GACrC,2BAA2B,CAUvC;SAVY,2BAA2B","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '@material/web/icon/icon.js';\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 {styles as sharedStyles} from './lib/icon-button-styles.css.js';\nimport {LinkIconButton} from './lib/link-icon-button.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-tonal-link-icon-button': MdFilledTonalLinkIconButton;\n  }\n}\n\n/** @soyCompatible */\n@customElement('md-filled-tonal-link-icon-button')\nexport class MdFilledTonalLinkIconButton extends LinkIconButton {\n  static override styles = [sharedStyles, styles];\n\n  /** @soyTemplate */\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--filled-tonal': true,\n    };\n  }\n}\n"]}

package/iconbutton/harness.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Harness } from '@material/web/testing/harness.js';
+import { IconButton } from './lib/icon-button.js';
+import { IconButtonToggle } from './lib/icon-button-toggle.js';
+/**
+ * Test harness for icon buttons.
+ */
+export declare class IconButtonHarness extends Harness<IconButton | IconButtonToggle> {
+    protected getInteractiveElement(): Promise<HTMLElement>;
+}