@material/web 1.0.0-pre.12 → 1.0.0-pre.14

package/chips/lib/_trailing-icon.scss

@@ -1,78 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use '../../focus/focus-ring';
-// go/keep-sorted end
-
-@mixin styles() {
-  .trailing.action {
-    align-items: center;
-    justify-content: center;
-    padding: 0 8px;
-
-    // Note: the trailing action's shape only follows the trailing end of the
-    // chip. For example, if the leading end is rounded, but the trailing is end
-    // squared, then the focus ring will be squared (not rounded+squared).
-    @include focus-ring.theme(
-      (
-        'shape-start-start': var(--_container-shape-start-end),
-        'shape-end-start': var(--_container-shape-end-end),
-        'shape-end-end': var(--_container-shape-end-end),
-        'shape-start-end': var(--_container-shape-start-end),
-        'outward-offset': -2px,
-      )
-    );
-  }
-
-  .trailing.action md-ripple {
-    border-radius: 50%;
-    height: calc(4 / 3 * var(--_icon-size)); // 24px default
-    width: calc(4 / 3 * var(--_icon-size)); // 24px default
-  }
-
-  .has-trailing .primary.action {
-    padding-inline-end: 0;
-  }
-
-  .trailing.icon {
-    color: var(--_trailing-icon-color);
-    height: var(--_icon-size);
-    width: var(--_icon-size);
-  }
-
-  :hover .trailing.icon {
-    color: var(--_hover-trailing-icon-color);
-  }
-
-  :focus .trailing.icon {
-    color: var(--_focus-trailing-icon-color);
-  }
-
-  :active .trailing.icon {
-    color: var(--_pressed-trailing-icon-color);
-  }
-
-  .disabled .trailing.icon {
-    color: var(--_disabled-trailing-icon-color);
-    opacity: var(--_disabled-trailing-icon-opacity);
-  }
-
-  .selected .trailing.icon {
-    color: var(--_selected-trailing-icon-color);
-  }
-
-  .selected:hover .trailing.icon {
-    color: var(--_selected-hover-trailing-icon-color);
-  }
-
-  .selected:focus .trailing.icon {
-    color: var(--_selected-focus-trailing-icon-color);
-  }
-
-  .selected:active .trailing.icon {
-    color: var(--_selected-pressed-trailing-icon-color);
-  }
-}

package/chips/lib/chip.d.ts

@@ -1,45 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../focus/focus-ring.js';
-import '../../ripple/ripple.js';
-import { LitElement, nothing, TemplateResult } from 'lit';
-/**
- * A chip component.
- */
-export declare abstract class Chip extends LitElement {
-    /** @nocollapse */
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode;
-    };
-    disabled: boolean;
-    label: string;
-    /**
-     * The `id` of the action the primary focus ring and ripple are for.
-     */
-    protected abstract readonly primaryId: string;
-    /**
-     * Whether or not the primary ripple is disabled (defaults to `disabled`).
-     * Some chip actions such as links cannot be disabled.
-     */
-    protected get rippleDisabled(): boolean;
-    /**
-     * The aria role of the container. Defaults to `row` for grid chip sets.
-     * Listbox chip sets should remove this since they do not contain cells.
-     */
-    protected containerRole?: 'row';
-    protected render(): TemplateResult<1>;
-    protected getContainerClasses(): {
-        disabled: boolean;
-    };
-    protected renderActions(): typeof nothing | TemplateResult<2 | 1>;
-    protected renderActionCell(content: TemplateResult | typeof nothing): TemplateResult | typeof nothing;
-    protected abstract renderAction(): TemplateResult;
-    protected renderContent(): TemplateResult<1>;
-    protected renderOutline(): TemplateResult<1>;
-    protected renderLeadingIcon(): TemplateResult;
-}

package/chips/lib/chip.js

@@ -1,95 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-var _a;
-import { __decorate } from "tslib";
-import '../../focus/focus-ring.js';
-import '../../ripple/ripple.js';
-import { html, LitElement, nothing } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { requestUpdateOnAriaChange } from '../../internal/aria/delegate.js';
-/**
- * A chip component.
- */
-export class Chip extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.label = '';
-        /**
-         * The aria role of the container. Defaults to `row` for grid chip sets.
-         * Listbox chip sets should remove this since they do not contain cells.
-         */
-        this.containerRole = 'row';
-    }
-    /**
-     * Whether or not the primary ripple is disabled (defaults to `disabled`).
-     * Some chip actions such as links cannot be disabled.
-     */
-    get rippleDisabled() {
-        return this.disabled;
-    }
-    render() {
-        return html `
-      <div class="container ${classMap(this.getContainerClasses())}"
-          role=${this.containerRole || nothing}>
-        ${this.renderOutline()}
-        <md-focus-ring for=${this.primaryId}></md-focus-ring>
-        <md-ripple for=${this.primaryId}
-          ?disabled=${this.rippleDisabled}></md-ripple>
-        ${this.renderActions()}
-      </div>
-    `;
-    }
-    getContainerClasses() {
-        return {
-            disabled: this.disabled,
-        };
-    }
-    renderActions() {
-        return this.renderActionCell(this.renderAction());
-    }
-    renderActionCell(content) {
-        if (content === nothing) {
-            return content;
-        }
-        return html `<div class="cell" role="cell">${content}</div>`;
-    }
-    renderContent() {
-        return html `
-      <span class="leading icon" aria-hidden="true">
-        ${this.renderLeadingIcon()}
-      </span>
-      <span class="label">${this.label}</span>
-      <span class="touch"></span>
-    `;
-    }
-    renderOutline() {
-        return html `<span class="outline"></span>`;
-    }
-    renderLeadingIcon() {
-        return html `<slot name="icon"></slot>`;
-    }
-}
-_a = Chip;
-(() => {
-    requestUpdateOnAriaChange(_a);
-})();
-/** @nocollapse */
-Chip.shadowRootOptions = {
-    ...LitElement.shadowRootOptions,
-    delegatesFocus: true
-};
-__decorate([
-    property({ type: Boolean })
-], Chip.prototype, "disabled", void 0);
-__decorate([
-    property()
-], Chip.prototype, "label", void 0);
-__decorate([
-    state()
-], Chip.prototype, "containerRole", void 0);
-//# sourceMappingURL=chip.js.map

package/chips/lib/chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAiB,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAC,yBAAyB,EAAC,MAAM,iCAAiC,CAAC;AAE1E;;GAEG;AACH,MAAM,OAAgB,IAAK,SAAQ,UAAU;IAA7C;;QAW6B,aAAQ,GAAG,KAAK,CAAC;QAChC,UAAK,GAAG,EAAE,CAAC;QAevB;;;WAGG;QACgB,kBAAa,GAAW,KAAK,CAAC;IAqDnD,CAAC;IAjEC;;;OAGG;IACH,IAAc,cAAc;QAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAQkB,MAAM;QACvB,OAAO,IAAI,CAAA;8BACe,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;iBACjD,IAAI,CAAC,aAAa,IAAI,OAAO;UACpC,IAAI,CAAC,aAAa,EAAE;6BACD,IAAI,CAAC,SAAS;yBAClB,IAAI,CAAC,SAAS;sBACjB,IAAI,CAAC,cAAc;UAC/B,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAES,mBAAmB;QAC3B,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;IACpD,CAAC;IAES,gBAAgB,CAAC,OACc;QACvC,IAAI,OAAO,KAAK,OAAO,EAAE;YACvB,OAAO,OAAO,CAAC;SAChB;QAED,OAAO,IAAI,CAAA,iCAAiC,OAAO,QAAQ,CAAC;IAC9D,CAAC;IAIS,aAAa;QACrB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,iBAAiB,EAAE;;4BAEN,IAAI,CAAC,KAAK;;KAEjC,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;IAES,iBAAiB;QACzB,OAAO,IAAI,CAAA,2BAA2B,CAAC;IACzC,CAAC;;;AAlFD;IACE,yBAAyB,CAAC,EAAI,CAAC,CAAC;AAClC,CAAC,GAAA,CAAA;AAED,kBAAkB;AACF,sBAAiB,GAAG;IAClC,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,CAAC;AAEyB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;sCAAkB;AAChC;IAAX,QAAQ,EAAE;mCAAY;AAmBd;IAAR,KAAK,EAAE;2CAAyC","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, LitElement, nothing, TemplateResult} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nimport {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';\n\n/**\n * A chip component.\n */\nexport abstract class Chip extends LitElement {\n  static {\n    requestUpdateOnAriaChange(this);\n  }\n\n  /** @nocollapse */\n  static override shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true\n  };\n\n  @property({type: Boolean}) disabled = false;\n  @property() label = '';\n\n  /**\n   * The `id` of the action the primary focus ring and ripple are for.\n   */\n  protected abstract readonly primaryId: string;\n\n  /**\n   * Whether or not the primary ripple is disabled (defaults to `disabled`).\n   * Some chip actions such as links cannot be disabled.\n   */\n  protected get rippleDisabled() {\n    return this.disabled;\n  }\n\n  /**\n   * The aria role of the container. Defaults to `row` for grid chip sets.\n   * Listbox chip sets should remove this since they do not contain cells.\n   */\n  @state() protected containerRole?: 'row' = 'row';\n\n  protected override render() {\n    return html`\n      <div class=\"container ${classMap(this.getContainerClasses())}\"\n          role=${this.containerRole || nothing}>\n        ${this.renderOutline()}\n        <md-focus-ring for=${this.primaryId}></md-focus-ring>\n        <md-ripple for=${this.primaryId}\n          ?disabled=${this.rippleDisabled}></md-ripple>\n        ${this.renderActions()}\n      </div>\n    `;\n  }\n\n  protected getContainerClasses() {\n    return {\n      disabled: this.disabled,\n    };\n  }\n\n  protected renderActions() {\n    return this.renderActionCell(this.renderAction());\n  }\n\n  protected renderActionCell(content: TemplateResult|\n                             typeof nothing): TemplateResult|typeof nothing {\n    if (content === nothing) {\n      return content;\n    }\n\n    return html`<div class=\"cell\" role=\"cell\">${content}</div>`;\n  }\n\n  protected abstract renderAction(): TemplateResult;\n\n  protected renderContent() {\n    return html`\n      <span class=\"leading icon\" aria-hidden=\"true\">\n        ${this.renderLeadingIcon()}\n      </span>\n      <span class=\"label\">${this.label}</span>\n      <span class=\"touch\"></span>\n    `;\n  }\n\n  protected renderOutline() {\n    return html`<span class=\"outline\"></span>`;\n  }\n\n  protected renderLeadingIcon(): TemplateResult {\n    return html`<slot name=\"icon\"></slot>`;\n  }\n}\n"]}

package/chips/lib/filter-chip.js

@@ -1,103 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import '../../elevation/elevation.js';
-import { html, nothing, svg } from 'lit';
-import { property, query } from 'lit/decorators.js';
-import { MultiActionChip } from './multi-action-chip.js';
-import { renderRemoveButton } from './trailing-icons.js';
-/**
- * A filter chip component.
- */
-export class FilterChip extends MultiActionChip {
-    get primaryId() {
-        return 'option';
-    }
-    constructor() {
-        super();
-        this.elevated = false;
-        this.removable = false;
-        this.selected = false;
-        // Remove the `row` role from the container, since filter chips do not use a
-        // `grid` navigation model.
-        this.containerRole = undefined;
-        this.addEventListener('click', () => {
-            if (this.disabled) {
-                return;
-            }
-            this.selected = !this.selected;
-        });
-    }
-    updated(changed) {
-        if (changed.has('selected') && changed.get('selected') !== undefined) {
-            // Dispatch when `selected` changes, except for the first update.
-            this.dispatchEvent(new Event('selected', { bubbles: true }));
-        }
-    }
-    getContainerClasses() {
-        return {
-            ...super.getContainerClasses(),
-            elevated: this.elevated,
-            selected: this.selected,
-            'has-trailing': this.removable,
-        };
-    }
-    renderActionCell(content) {
-        // Filter chips use a `listbox`/`option` model, and do not need `gridcell`
-        // wrappers around their actions.
-        return content;
-    }
-    renderAction() {
-        const { ariaLabel } = this;
-        return html `
-      <button class="primary action"
-        id="option"
-        aria-label=${ariaLabel || nothing}
-        aria-selected=${this.selected}
-        ?disabled=${this.disabled || nothing}
-        role="option"
-      >${this.renderContent()}</button>
-    `;
-    }
-    renderLeadingIcon() {
-        if (!this.selected) {
-            return super.renderLeadingIcon();
-        }
-        return svg `
-      <svg class="checkmark" viewBox="0 0 18 18" aria-hidden="true">
-        <path d="M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z" />
-      </svg>
-    `;
-    }
-    renderTrailingAction() {
-        if (this.removable) {
-            return renderRemoveButton({ ariaLabel: this.ariaLabelRemove, disabled: this.disabled });
-        }
-        return nothing;
-    }
-    renderOutline() {
-        if (this.elevated) {
-            return html `<md-elevation></md-elevation>`;
-        }
-        return super.renderOutline();
-    }
-}
-__decorate([
-    property({ type: Boolean })
-], FilterChip.prototype, "elevated", void 0);
-__decorate([
-    property({ type: Boolean })
-], FilterChip.prototype, "removable", void 0);
-__decorate([
-    property({ type: Boolean })
-], FilterChip.prototype, "selected", void 0);
-__decorate([
-    query('.primary.action')
-], FilterChip.prototype, "primaryAction", void 0);
-__decorate([
-    query('.trailing.action')
-], FilterChip.prototype, "trailingAction", void 0);
-//# sourceMappingURL=filter-chip.js.map

package/chips/lib/filter-chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-chip.js","sourceRoot":"","sources":["filter-chip.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html, nothing, PropertyValues, svg, TemplateResult} from 'lit';\nimport {property, query} from 'lit/decorators.js';\n\nimport {ARIAMixinStrict} from '../../internal/aria/aria.js';\n\nimport {MultiActionChip} from './multi-action-chip.js';\nimport {renderRemoveButton} from './trailing-icons.js';\n\n/**\n * A filter chip component.\n */\nexport class FilterChip extends MultiActionChip {\n  @property({type: Boolean}) elevated = false;\n  @property({type: Boolean}) removable = false;\n  @property({type: Boolean}) selected = false;\n\n  protected get primaryId() {\n    return 'option';\n  }\n\n  @query('.primary.action') protected readonly primaryAction!: HTMLElement|null;\n  @query('.trailing.action')\n  protected readonly trailingAction!: HTMLElement|null;\n\n  constructor() {\n    super();\n    // Remove the `row` role from the container, since filter chips do not use a\n    // `grid` navigation model.\n    this.containerRole = undefined;\n    this.addEventListener('click', () => {\n      if (this.disabled) {\n        return;\n      }\n\n      this.selected = !this.selected;\n    });\n  }\n\n  protected override updated(changed: PropertyValues<this>) {\n    if (changed.has('selected') && changed.get('selected') !== undefined) {\n      // Dispatch when `selected` changes, except for the first update.\n      this.dispatchEvent(new Event('selected', {bubbles: true}));\n    }\n  }\n\n  protected override getContainerClasses() {\n    return {\n      ...super.getContainerClasses(),\n      elevated: this.elevated,\n      selected: this.selected,\n      'has-trailing': this.removable,\n    };\n  }\n\n  protected override renderActionCell(content: TemplateResult|typeof nothing) {\n    // Filter chips use a `listbox`/`option` model, and do not need `gridcell`\n    // wrappers around their actions.\n    return content;\n  }\n\n  protected override renderAction() {\n    const {ariaLabel} = this as ARIAMixinStrict;\n    return html`\n      <button class=\"primary action\"\n        id=\"option\"\n        aria-label=${ariaLabel || nothing}\n        aria-selected=${this.selected}\n        ?disabled=${this.disabled || nothing}\n        role=\"option\"\n      >${this.renderContent()}</button>\n    `;\n  }\n\n  protected override renderLeadingIcon() {\n    if (!this.selected) {\n      return super.renderLeadingIcon();\n    }\n\n    return svg`\n      <svg class=\"checkmark\" viewBox=\"0 0 18 18\" aria-hidden=\"true\">\n        <path d=\"M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z\" />\n      </svg>\n    `;\n  }\n\n  protected override renderTrailingAction() {\n    if (this.removable) {\n      return renderRemoveButton(\n          {ariaLabel: this.ariaLabelRemove, disabled: this.disabled});\n    }\n\n    return nothing;\n  }\n\n  protected override renderOutline() {\n    if (this.elevated) {\n      return html`<md-elevation></md-elevation>`;\n    }\n\n    return super.renderOutline();\n  }\n}\n"]}

package/chips/lib/input-chip.js

@@ -1,109 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { html, nothing } from 'lit';
-import { property, query } from 'lit/decorators.js';
-import { MultiActionChip } from './multi-action-chip.js';
-import { renderRemoveButton } from './trailing-icons.js';
-/**
- * An input chip component.
- */
-export class InputChip extends MultiActionChip {
-    constructor() {
-        super(...arguments);
-        this.avatar = false;
-        this.href = '';
-        this.target = '';
-        this.removeOnly = false;
-        this.selected = false;
-    }
-    get primaryId() {
-        if (this.href) {
-            return 'link';
-        }
-        if (this.removeOnly) {
-            return '';
-        }
-        return 'button';
-    }
-    get rippleDisabled() {
-        // Link chips cannot be disabled
-        return !this.href && this.disabled;
-    }
-    get primaryAction() {
-        // Don't use @query() since a remove-only input chip still has a span that
-        // has "primary action" classes.
-        if (this.removeOnly) {
-            return null;
-        }
-        return this.renderRoot.querySelector('.primary.action');
-    }
-    getContainerClasses() {
-        return {
-            ...super.getContainerClasses(),
-            avatar: this.avatar,
-            // Link chips cannot be disabled
-            disabled: !this.href && this.disabled,
-            link: !!this.href,
-            selected: this.selected,
-            'has-trailing': true,
-        };
-    }
-    renderAction() {
-        const { ariaLabel } = this;
-        if (this.href) {
-            return html `
-        <a class="primary action"
-          id="link"
-          aria-label=${ariaLabel || nothing}
-          href=${this.href}
-          target=${this.target || nothing}
-        >${this.renderContent()}</a>
-      `;
-        }
-        if (this.removeOnly) {
-            return html `
-        <span class="primary action" aria-label=${ariaLabel || nothing}>
-          ${this.renderContent()}
-        </span>
-      `;
-        }
-        return html `
-      <button class="primary action"
-        id="button"
-        aria-label=${ariaLabel || nothing}
-        ?disabled=${this.disabled}
-        type="button"
-      >${this.renderContent()}</button>
-    `;
-    }
-    renderTrailingAction() {
-        return renderRemoveButton({
-            ariaLabel: this.ariaLabelRemove,
-            disabled: !this.href && this.disabled,
-            tabbable: this.removeOnly,
-        });
-    }
-}
-__decorate([
-    property({ type: Boolean })
-], InputChip.prototype, "avatar", void 0);
-__decorate([
-    property()
-], InputChip.prototype, "href", void 0);
-__decorate([
-    property()
-], InputChip.prototype, "target", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'remove-only' })
-], InputChip.prototype, "removeOnly", void 0);
-__decorate([
-    property({ type: Boolean })
-], InputChip.prototype, "selected", void 0);
-__decorate([
-    query('.trailing.action')
-], InputChip.prototype, "trailingAction", void 0);
-//# sourceMappingURL=input-chip.js.map

package/chips/lib/input-chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-chip.js","sourceRoot":"","sources":["input-chip.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, nothing} from 'lit';\nimport {property, query} from 'lit/decorators.js';\n\nimport {ARIAMixinStrict} from '../../internal/aria/aria.js';\n\nimport {MultiActionChip} from './multi-action-chip.js';\nimport {renderRemoveButton} from './trailing-icons.js';\n\n/**\n * An input chip component.\n */\nexport class InputChip extends MultiActionChip {\n  @property({type: Boolean}) avatar = false;\n  @property() href = '';\n  @property() target: '_blank'|'_parent'|'_self'|'_top'|'' = '';\n  @property({type: Boolean, attribute: 'remove-only'}) removeOnly = false;\n  @property({type: Boolean}) selected = false;\n\n  protected get primaryId() {\n    if (this.href) {\n      return 'link';\n    }\n\n    if (this.removeOnly) {\n      return '';\n    }\n\n    return 'button';\n  }\n\n  protected override get rippleDisabled() {\n    // Link chips cannot be disabled\n    return !this.href && this.disabled;\n  }\n\n  protected get primaryAction() {\n    // Don't use @query() since a remove-only input chip still has a span that\n    // has \"primary action\" classes.\n    if (this.removeOnly) {\n      return null;\n    }\n\n    return this.renderRoot.querySelector<HTMLElement>('.primary.action');\n  }\n\n  @query('.trailing.action')\n  protected readonly trailingAction!: HTMLElement|null;\n\n  protected override getContainerClasses() {\n    return {\n      ...super.getContainerClasses(),\n      avatar: this.avatar,\n      // Link chips cannot be disabled\n      disabled: !this.href && this.disabled,\n      link: !!this.href,\n      selected: this.selected,\n      'has-trailing': true,\n    };\n  }\n\n  protected override renderAction() {\n    const {ariaLabel} = this as ARIAMixinStrict;\n    if (this.href) {\n      return html`\n        <a class=\"primary action\"\n          id=\"link\"\n          aria-label=${ariaLabel || nothing}\n          href=${this.href}\n          target=${this.target || nothing}\n        >${this.renderContent()}</a>\n      `;\n    }\n\n    if (this.removeOnly) {\n      return html`\n        <span class=\"primary action\" aria-label=${ariaLabel || nothing}>\n          ${this.renderContent()}\n        </span>\n      `;\n    }\n\n    return html`\n      <button class=\"primary action\"\n        id=\"button\"\n        aria-label=${ariaLabel || nothing}\n        ?disabled=${this.disabled}\n        type=\"button\"\n      >${this.renderContent()}</button>\n    `;\n  }\n\n  protected override renderTrailingAction() {\n    return renderRemoveButton({\n      ariaLabel: this.ariaLabelRemove,\n      disabled: !this.href && this.disabled,\n      tabbable: this.removeOnly,\n    });\n  }\n}\n"]}

package/chips/lib/shared-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;gap:8px;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{padding-inline-start:8px;padding-inline-end:16px}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:focus .outline{border-color:var(--_focus-outline-color)}.disabled .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font:var(--_label-text-type);height:100%;text-overflow:ellipsis;user-select:none;white-space:nowrap}:hover .label{color:var(--_hover-label-text-color)}:focus .label{color:var(--_focus-label-text-color)}:active .label{color:var(--_pressed-label-text-color)}.disabled .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}:hover .leading.icon{color:var(--_hover-leading-icon-color)}:focus .leading.icon{color:var(--_focus-leading-icon-color)}:active .leading.icon{color:var(--_pressed-leading-icon-color)}.disabled .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}/*# sourceMappingURL=shared-styles.css.map */
-`;
-//# sourceMappingURL=shared-styles.css.js.map

package/chips/lib/shared-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared-styles.css.js","sourceRoot":"","sources":["shared-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{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;gap:8px;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{padding-inline-start:8px;padding-inline-end:16px}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:focus .outline{border-color:var(--_focus-outline-color)}.disabled .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font:var(--_label-text-type);height:100%;text-overflow:ellipsis;user-select:none;white-space:nowrap}:hover .label{color:var(--_hover-label-text-color)}:focus .label{color:var(--_focus-label-text-color)}:active .label{color:var(--_pressed-label-text-color)}.disabled .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}:hover .leading.icon{color:var(--_hover-leading-icon-color)}:focus .leading.icon{color:var(--_focus-leading-icon-color)}:active .leading.icon{color:var(--_pressed-leading-icon-color)}.disabled .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}

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

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `.trailing.action{align-items:center;justify-content:center;padding:0 8px;--md-focus-ring-shape-start-start: var(--_container-shape-start-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-outward-offset: -2px}.trailing.action md-ripple{border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:hover .trailing.icon{color:var(--_hover-trailing-icon-color)}:focus .trailing.icon{color:var(--_focus-trailing-icon-color)}:active .trailing.icon{color:var(--_pressed-trailing-icon-color)}.disabled .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}.selected .trailing.icon{color:var(--_selected-trailing-icon-color)}.selected:hover .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}.selected:focus .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}.selected:active .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}/*# sourceMappingURL=trailing-icon-styles.css.map */
-`;
-//# sourceMappingURL=trailing-icon-styles.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"trailing-icon-styles.css.js","sourceRoot":"","sources":["trailing-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`.trailing.action{align-items:center;justify-content:center;padding:0 8px;--md-focus-ring-shape-start-start: var(--_container-shape-start-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-outward-offset: -2px}.trailing.action md-ripple{border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:hover .trailing.icon{color:var(--_hover-trailing-icon-color)}:focus .trailing.icon{color:var(--_focus-trailing-icon-color)}:active .trailing.icon{color:var(--_pressed-trailing-icon-color)}.disabled .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}.selected .trailing.icon{color:var(--_selected-trailing-icon-color)}.selected:hover .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}.selected:focus .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}.selected:active .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}/*# sourceMappingURL=trailing-icon-styles.css.map */\n`;\n "]}

package/chips/lib/trailing-icons.d.ts

@@ -1,15 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../focus/focus-ring.js';
-import '../../ripple/ripple.js';
-interface RemoveButtonProperties {
-    ariaLabel: string;
-    disabled: boolean;
-    tabbable?: boolean;
-}
-/** @protected */
-export declare function renderRemoveButton({ ariaLabel, disabled, tabbable }: RemoveButtonProperties): import("lit-html").TemplateResult<1>;
-export {};

package/chips/lib/trailing-icons.js

@@ -1,38 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../focus/focus-ring.js';
-import '../../ripple/ripple.js';
-import { html, nothing } from 'lit';
-/** @protected */
-export function renderRemoveButton({ ariaLabel, disabled, tabbable = false }) {
-    return html `
-    <button class="trailing action"
-      aria-label=${ariaLabel}
-      ?disabled=${disabled}
-      tabindex=${!tabbable ? -1 : nothing}
-      @click=${handleRemoveClick}
-    >
-      <md-focus-ring></md-focus-ring>
-      <md-ripple></md-ripple>
-      <svg class="trailing icon" viewBox="0 96 960 960">
-        <path d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z" />
-      </svg>
-      <span class="touch"></span>
-    </button>
-  `;
-}
-function handleRemoveClick(event) {
-    if (this.disabled) {
-        return;
-    }
-    event.stopPropagation();
-    const preventDefault = !this.dispatchEvent(new Event('remove', { cancelable: true }));
-    if (preventDefault) {
-        return;
-    }
-    this.remove();
-}
-//# sourceMappingURL=trailing-icons.js.map

package/chips/lib/trailing-icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"trailing-icons.js","sourceRoot":"","sources":["trailing-icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,IAAI,EAAE,OAAO,EAAC,MAAM,KAAK,CAAC;AAUlC,iBAAiB;AACjB,MAAM,UAAU,kBAAkB,CAC9B,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAyB;IACjE,OAAO,IAAI,CAAA;;mBAEM,SAAS;kBACV,QAAQ;iBACT,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;eAC1B,iBAAiB;;;;;;;;;GAS7B,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAa,KAAY;IACjD,IAAI,IAAI,CAAC,QAAQ,EAAE;QACjB,OAAO;KACR;IAED,KAAK,CAAC,eAAe,EAAE,CAAC;IACxB,MAAM,cAAc,GAChB,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IACjE,IAAI,cAAc,EAAE;QAClB,OAAO;KACR;IAED,IAAI,CAAC,MAAM,EAAE,CAAC;AAChB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, nothing} from 'lit';\n\nimport {Chip} from './chip.js';\n\ninterface RemoveButtonProperties {\n  ariaLabel: string;\n  disabled: boolean;\n  tabbable?: boolean;\n}\n\n/** @protected */\nexport function renderRemoveButton(\n    {ariaLabel, disabled, tabbable = false}: RemoveButtonProperties) {\n  return html`\n    <button class=\"trailing action\"\n      aria-label=${ariaLabel}\n      ?disabled=${disabled}\n      tabindex=${!tabbable ? -1 : nothing}\n      @click=${handleRemoveClick}\n    >\n      <md-focus-ring></md-focus-ring>\n      <md-ripple></md-ripple>\n      <svg class=\"trailing icon\" viewBox=\"0 96 960 960\">\n        <path d=\"m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z\" />\n      </svg>\n      <span class=\"touch\"></span>\n    </button>\n  `;\n}\n\nfunction handleRemoveClick(this: Chip, event: Event) {\n  if (this.disabled) {\n    return;\n  }\n\n  event.stopPropagation();\n  const preventDefault =\n      !this.dispatchEvent(new Event('remove', {cancelable: true}));\n  if (preventDefault) {\n    return;\n  }\n\n  this.remove();\n}\n"]}

package/circularprogress/_circular-progress.scss

@@ -1,6 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@forward './lib/circular-progress' show theme;

package/circularprogress/circular-progress.d.ts

@@ -1,24 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { CircularProgress } from './lib/circular-progress.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-circular-progress': MdCircularProgress;
-    }
-}
-/**
- * @summary Circular progress indicators display progress by animating along an
- * invisible circular track in a clockwise direction. They can be applied
- * directly to a surface, such as a button or card.
- *
- * @description
- * Progress indicators inform users about the status of ongoing processes.
- * - Determinate indicators display how long a process will take.
- * - Indeterminate indicators express an unspecified amount of wait time.
- */
-export declare class MdCircularProgress extends CircularProgress {
-    static styles: import("lit").CSSResult[];
-}

package/circularprogress/circular-progress.js

@@ -1,27 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { CircularProgress } from './lib/circular-progress.js';
-import { styles } from './lib/circular-progress-styles.css.js';
-/**
- * @summary Circular progress indicators display progress by animating along an
- * invisible circular track in a clockwise direction. They can be applied
- * directly to a surface, such as a button or card.
- *
- * @description
- * Progress indicators inform users about the status of ongoing processes.
- * - Determinate indicators display how long a process will take.
- * - Indeterminate indicators express an unspecified amount of wait time.
- */
-let MdCircularProgress = class MdCircularProgress extends CircularProgress {
-};
-MdCircularProgress.styles = [styles];
-MdCircularProgress = __decorate([
-    customElement('md-circular-progress')
-], MdCircularProgress);
-export { MdCircularProgress };
-//# sourceMappingURL=circular-progress.js.map

package/circularprogress/circular-progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["circular-progress.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,gBAAgB,EAAC,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAC,MAAM,EAAC,MAAM,uCAAuC,CAAC;AAQ7D;;;;;;;;;GASG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,gBAAgB;;AACtC,yBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AADvB,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAE9B;SAFY,kBAAkB","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {CircularProgress} from './lib/circular-progress.js';\nimport {styles} from './lib/circular-progress-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-circular-progress': MdCircularProgress;\n  }\n}\n\n/**\n * @summary Circular progress indicators display progress by animating along an\n * invisible circular track in a clockwise direction. They can be applied\n * directly to a surface, such as a button or card.\n *\n * @description\n * Progress indicators inform users about the status of ongoing processes.\n * - Determinate indicators display how long a process will take.\n * - Indeterminate indicators express an unspecified amount of wait time.\n */\n@customElement('md-circular-progress')\nexport class MdCircularProgress extends CircularProgress {\n  static override styles = [styles];\n}\n"]}

package/circularprogress/harness.d.ts

@@ -1,13 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { Harness } from '../testing/harness.js';
-import { CircularProgress } from './lib/circular-progress.js';
-/**
- * Test harness for circular-progress.
- */
-export declare class CircularProgressHarness extends Harness<CircularProgress> {
-    getInteractiveElement(): Promise<HTMLElement>;
-}