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

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;
-}

package/iconbutton/outlined-icon-button-toggle.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 { IconButtonToggle } from './lib/icon-button-toggle.js';
-import { styles } from './lib/outlined-styles.css.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 MdOutlinedIconButtonToggle = class MdOutlinedIconButtonToggle extends IconButtonToggle {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--outlined': true,
-        };
-    }
-};
-MdOutlinedIconButtonToggle.styles = [sharedStyles, styles];
-MdOutlinedIconButtonToggle = __decorate([
-    customElement('md-outlined-icon-button-toggle')
-], MdOutlinedIconButtonToggle);
-export { MdOutlinedIconButtonToggle };
-//# sourceMappingURL=outlined-icon-button-toggle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"outlined-icon-button-toggle.js","sourceRoot":"","sources":["outlined-icon-button-toggle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAC,MAAM,EAAC,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;GAcG;AAEI,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,gBAAgB;IAG3C,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;;AAPe,iCAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AADrC,0BAA0B;IADtC,aAAa,CAAC,gCAAgC,CAAC;GACnC,0BAA0B,CAStC;SATY,0BAA0B","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 {IconButtonToggle} from './lib/icon-button-toggle.js';\nimport {styles} from './lib/outlined-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-outlined-icon-button-toggle': MdOutlinedIconButtonToggle;\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-outlined-icon-button-toggle')\nexport class MdOutlinedIconButtonToggle extends IconButtonToggle {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--outlined': true,\n    };\n  }\n}\n"]}

package/iconbutton/outlined-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-outlined-link-icon-button': MdOutlinedLinkIconButton;
-    }
-}
-/**
- * @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 MdOutlinedLinkIconButton extends LinkIconButton {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}

package/iconbutton/outlined-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 { LinkIconButton } from './lib/link-icon-button.js';
-import { styles } from './lib/outlined-styles.css.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 MdOutlinedLinkIconButton = class MdOutlinedLinkIconButton extends LinkIconButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--outlined': true,
-        };
-    }
-};
-MdOutlinedLinkIconButton.styles = [sharedStyles, styles];
-MdOutlinedLinkIconButton = __decorate([
-    customElement('md-outlined-link-icon-button')
-], MdOutlinedLinkIconButton);
-export { MdOutlinedLinkIconButton };
-//# sourceMappingURL=outlined-link-icon-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"outlined-link-icon-button.js","sourceRoot":"","sources":["outlined-link-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,MAAM,EAAC,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;GAcG;AAEI,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,cAAc;IAGvC,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;;AAPe,+BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AADrC,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CASpC;SATY,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 {LinkIconButton} from './lib/link-icon-button.js';\nimport {styles} from './lib/outlined-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-outlined-link-icon-button': MdOutlinedLinkIconButton;\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-outlined-link-icon-button')\nexport class MdOutlinedLinkIconButton extends LinkIconButton {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--outlined': true,\n    };\n  }\n}\n"]}

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

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2021 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-standard-icon-button-toggle': MdStandardIconButtonToggle;
-    }
-}
-/**
- * @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 MdStandardIconButtonToggle extends IconButtonToggle {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}

package/iconbutton/standard-icon-button-toggle.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 { IconButtonToggle } from './lib/icon-button-toggle.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-import { styles } from './lib/standard-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 MdStandardIconButtonToggle = class MdStandardIconButtonToggle extends IconButtonToggle {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--standard': true,
-        };
-    }
-};
-MdStandardIconButtonToggle.styles = [sharedStyles, styles];
-MdStandardIconButtonToggle = __decorate([
-    customElement('md-standard-icon-button-toggle')
-], MdStandardIconButtonToggle);
-export { MdStandardIconButtonToggle };
-//# sourceMappingURL=standard-icon-button-toggle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"standard-icon-button-toggle.js","sourceRoot":"","sources":["standard-icon-button-toggle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,MAAM,EAAC,MAAM,8BAA8B,CAAC;AAQpD;;;;;;;;;;;;;;GAcG;AAEI,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,gBAAgB;IAG3C,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;;AAPe,iCAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AADrC,0BAA0B;IADtC,aAAa,CAAC,gCAAgC,CAAC;GACnC,0BAA0B,CAStC;SATY,0BAA0B","sourcesContent":["/**\n * @license\n * Copyright 2021 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 {IconButtonToggle} from './lib/icon-button-toggle.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {styles} from './lib/standard-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-standard-icon-button-toggle': MdStandardIconButtonToggle;\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-standard-icon-button-toggle')\nexport class MdStandardIconButtonToggle extends IconButtonToggle {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--standard': true,\n    };\n  }\n}\n"]}

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

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2021 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-standard-link-icon-button': MdStandardLinkIconButton;
-    }
-}
-/**
- * @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 MdStandardLinkIconButton extends LinkIconButton {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}

package/iconbutton/standard-link-icon-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 { LinkIconButton } from './lib/link-icon-button.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-import { styles } from './lib/standard-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 MdStandardLinkIconButton = class MdStandardLinkIconButton extends LinkIconButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--standard': true,
-        };
-    }
-};
-MdStandardLinkIconButton.styles = [sharedStyles, styles];
-MdStandardLinkIconButton = __decorate([
-    customElement('md-standard-link-icon-button')
-], MdStandardLinkIconButton);
-export { MdStandardLinkIconButton };
-//# sourceMappingURL=standard-link-icon-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"standard-link-icon-button.js","sourceRoot":"","sources":["standard-link-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,MAAM,EAAC,MAAM,8BAA8B,CAAC;AAQpD;;;;;;;;;;;;;;GAcG;AAEI,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,cAAc;IAGvC,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;;AAPe,+BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AADrC,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CASpC;SATY,wBAAwB","sourcesContent":["/**\n * @license\n * Copyright 2021 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 {LinkIconButton} from './lib/link-icon-button.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {styles} from './lib/standard-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-standard-link-icon-button': MdStandardLinkIconButton;\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-standard-link-icon-button')\nexport class MdStandardLinkIconButton extends LinkIconButton {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--standard': true,\n    };\n  }\n}\n"]}

package/slider/lib/_tokens.scss

@@ -1,60 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-@use 'sass:string';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../sass/color';
-@use '../../sass/shape';
-@use '../../sass/theme';
-@use '../../sass/var';
-@use '../../tokens';
-// go/keep-sorted end
-
-$baseTokens: tokens.md-comp-slider-values();
-
-$_tokens: (
-  'container-min-inline-size': 200px,
-  'label-container-shape': map.get(tokens.md-sys-shape-values(), 'corner-full'),
-  'handle-motion-duration':
-    map.get(tokens.md-sys-motion-values(), 'duration-short1'),
-  'label-motion-duration':
-    map.get(tokens.md-sys-motion-values(), 'duration-short2'),
-  'label-motion-easing':
-    map.get(tokens.md-sys-motion-values(), 'easing-emphasized'),
-);
-
-@function remove-unsupported-tokens($tokens) {
-  $unsupported-tokens: (
-    'disabled-handle-opacity',
-    'label-container-elevation',
-    'track-elevation',
-    // for efficiency, tick marks are rendered as radial-gradients and
-    // have more limited customization
-    'with-tick-marks-active-container-opacity',
-    'with-tick-marks-container-shape',
-    'with-tick-marks-disabled-container-opacity',
-    'with-tick-marks-inactive-container-opacity',
-    // focus tokens no longer used.
-    'focus-state-layer-color',
-    'focus-state-layer-opacity'
-  );
-  @return map.remove($tokens, $unsupported-tokens...);
-}
-
-/**
- *
- * Extended token set for slider.
- */
-@function md-comp-slider-values() {
-  $tokens: remove-unsupported-tokens($baseTokens);
-  @return map.merge($tokens, $_tokens);
-}
-
-@function md-sys-shape-values() {
-  @return tokens.md-sys-shape-values();
-}