@material/web 1.0.0-pre.8 → 1.0.0

package/chips/lib/_shared.scss

@@ -1,177 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:list';
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../focus/focus-ring';
-@use '../../ripple/ripple';
-// go/keep-sorted end
-
-@mixin styles() {
-  :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);
-
-    @include ripple.theme(
-      (
-        'focus-color': var(--_focus-state-layer-color),
-        'focus-opacity': var(--_focus-state-layer-opacity),
-        'hover-color': var(--_hover-state-layer-color),
-        'hover-opacity': var(--_hover-state-layer-opacity),
-        'pressed-color': var(--_pressed-state-layer-color),
-        'pressed-opacity': var(--_pressed-state-layer-opacity),
-      )
-    );
-
-    @include focus-ring.theme(
-      (
-        'shape-start-start': var(--_container-shape-start-start),
-        'shape-start-end': var(--_container-shape-start-end),
-        'shape-end-end': var(--_container-shape-end-end),
-        '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 color, separate node for disabled opacity changes
-    &::before {
-      border-radius: inherit;
-      content: '';
-      inset: 0;
-      pointer-events: none;
-      position: absolute;
-    }
-  }
-
-  .container:not(.disabled) {
-    cursor: pointer;
-  }
-
-  .container.disabled {
-    pointer-events: none;
-  }
-
-  .action {
-    align-items: baseline;
-    appearance: none;
-    background: none;
-    border: none;
-    border-radius: inherit;
-    display: flex;
-    outline: none;
-    padding: 0;
-    text-decoration: none;
-  }
-
-  .action:first-of-type {
-    padding-inline-start: 8px;
-  }
-
-  .action:last-of-type {
-    padding-inline-end: 8px;
-  }
-
-  // Outline, separate node for disabled opacity changes
-  .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 {
-    // Place content above background elements
-    z-index: 1;
-  }
-
-  .label {
-    align-items: center;
-    color: var(--_label-text-color);
-    display: flex;
-    font: var(--_label-text-type);
-    height: 100%;
-    padding: 0 8px;
-    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;
-    color: var(--_leading-icon-color);
-    height: var(--_icon-size);
-    position: relative;
-  }
-
-  .icon ::slotted(*) {
-    font-size: var(--_icon-size);
-    height: var(--_icon-size);
-    width: var(--_icon-size);
-  }
-
-  :hover .icon {
-    color: var(--_hover-leading-icon-color);
-  }
-
-  :focus .icon {
-    color: var(--_focus-leading-icon-color);
-  }
-
-  :active .icon {
-    color: var(--_pressed-leading-icon-color);
-  }
-
-  .disabled .icon {
-    color: var(--_disabled-leading-icon-color);
-    opacity: var(--_disabled-leading-icon-opacity);
-  }
-}

package/chips/lib/_suggestion-chip.scss

@@ -1,61 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:list';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../tokens';
-// go/keep-sorted end
-
-@mixin theme($tokens) {
-  $supported-tokens: list.join(
-    tokens.$md-comp-suggestion-chip-supported-tokens,
-    (
-      'container-shape-start-start',
-      'container-shape-start-end',
-      'container-shape-end-end',
-      'container-shape-end-start'
-    )
-  );
-
-  @each $token, $value in $tokens {
-    @if list.index($supported-tokens, $token) == null {
-      @error 'Token `#{$token}` is not a supported token.';
-    }
-
-    @if $value {
-      --md-suggestion-chip-#{$token}: #{$value};
-    }
-  }
-}
-
-@mixin styles() {
-  $tokens: tokens.md-comp-suggestion-chip-values();
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: #{$value};
-    }
-
-    // Support logical shape properties
-    --_container-shape-start-start: var(
-      --md-suggestion-chip-container-shape-start-start,
-      var(--_container-shape)
-    );
-    --_container-shape-start-end: var(
-      --md-suggestion-chip-container-shape-start-end,
-      var(--_container-shape)
-    );
-    --_container-shape-end-end: var(
-      --md-suggestion-chip-container-shape-end-end,
-      var(--_container-shape)
-    );
-    --_container-shape-end-start: var(
-      --md-suggestion-chip-container-shape-end-start,
-      var(--_container-shape)
-    );
-  }
-}

package/chips/lib/assist-chip.d.ts

@@ -1,23 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { Chip } from './chip.js';
-/**
- * An assist chip component.
- */
-export declare class AssistChip extends Chip {
-    elevated: boolean;
-    href: string;
-    target: '_blank' | '_parent' | '_self' | '_top' | '';
-    protected get primaryFocusFor(): "link" | "button";
-    protected get primaryRippleDisabled(): boolean;
-    protected getContainerClasses(): {
-        disabled: boolean;
-        elevated: boolean;
-    };
-    protected renderPrimaryAction(): import("lit-html").TemplateResult<1>;
-    protected renderOutline(): import("lit-html").TemplateResult<1>;
-}

package/chips/lib/assist-chip.js

@@ -1,76 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import '../../elevation/elevation.js';
-import { html, nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ripple } from '../../ripple/directive.js';
-import { Chip } from './chip.js';
-/**
- * An assist chip component.
- */
-export class AssistChip extends Chip {
-    constructor() {
-        super(...arguments);
-        this.elevated = false;
-        this.href = '';
-        this.target = '';
-    }
-    get primaryFocusFor() {
-        return this.href ? 'link' : 'button';
-    }
-    get primaryRippleDisabled() {
-        // Link chips cannot be disabled
-        return !this.href && this.disabled;
-    }
-    getContainerClasses() {
-        return {
-            ...super.getContainerClasses(),
-            // Link chips cannot be disabled
-            disabled: !this.href && this.disabled,
-            elevated: this.elevated,
-        };
-    }
-    renderPrimaryAction() {
-        const { ariaLabel } = this;
-        if (this.href) {
-            return html `
-        <a class="action"
-          id="link"
-          aria-label=${ariaLabel || nothing}
-          href=${this.href}
-          target=${this.target || nothing}
-          ${ripple(this.getPrimaryRipple)}
-        >${this.renderContent()}</a>
-      `;
-        }
-        return html `
-      <button class="action"
-        id="button"
-        aria-label=${ariaLabel || nothing}
-        ?disabled=${this.disabled}
-        type="button"
-        ${ripple(this.getPrimaryRipple)}
-      >${this.renderContent()}</button>
-    `;
-    }
-    renderOutline() {
-        if (this.elevated) {
-            return html `<md-elevation></md-elevation>`;
-        }
-        return super.renderOutline();
-    }
-}
-__decorate([
-    property({ type: Boolean })
-], AssistChip.prototype, "elevated", void 0);
-__decorate([
-    property()
-], AssistChip.prototype, "href", void 0);
-__decorate([
-    property()
-], AssistChip.prototype, "target", void 0);
-//# sourceMappingURL=assist-chip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"assist-chip.js","sourceRoot":"","sources":["assist-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAE,OAAO,EAAC,MAAM,KAAK,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,MAAM,EAAC,MAAM,2BAA2B,CAAC;AAGjD,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAI;IAApC;;QAC6B,aAAQ,GAAG,KAAK,CAAC;QAChC,SAAI,GAAG,EAAE,CAAC;QACV,WAAM,GAAyC,EAAE,CAAC;IAoDhE,CAAC;IAlDC,IAAc,eAAe;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,CAAC;IAED,IAAuB,qBAAqB;QAC1C,gCAAgC;QAChC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC;IACrC,CAAC;IAEkB,mBAAmB;QACpC,OAAO;YACL,GAAG,KAAK,CAAC,mBAAmB,EAAE;YAC9B,gCAAgC;YAChC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ;YACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAEkB,mBAAmB;QACpC,MAAM,EAAC,SAAS,EAAC,GAAG,IAAuB,CAAC;QAC5C,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,IAAI,CAAA;;;uBAGM,SAAS,IAAI,OAAO;iBAC1B,IAAI,CAAC,IAAI;mBACP,IAAI,CAAC,MAAM,IAAI,OAAO;YAC7B,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC;WAC9B,IAAI,CAAC,aAAa,EAAE;OACxB,CAAC;SACH;QAED,OAAO,IAAI,CAAA;;;qBAGM,SAAS,IAAI,OAAO;oBACrB,IAAI,CAAC,QAAQ;;UAEvB,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC;SAC9B,IAAI,CAAC,aAAa,EAAE;KACxB,CAAC;IACJ,CAAC;IAEkB,aAAa;QAC9B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO,IAAI,CAAA,+BAA+B,CAAC;SAC5C;QAED,OAAO,KAAK,CAAC,aAAa,EAAE,CAAC;IAC/B,CAAC;CACF;AAtD4B;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;4CAAkB;AAChC;IAAX,QAAQ,EAAE;wCAAW;AACV;IAAX,QAAQ,EAAE;0CAAmD","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} from 'lit';\nimport {property} from 'lit/decorators.js';\n\nimport {ripple} from '../../ripple/directive.js';\nimport {ARIAMixinStrict} from '../../types/aria.js';\n\nimport {Chip} from './chip.js';\n\n/**\n * An assist chip component.\n */\nexport class AssistChip extends Chip {\n  @property({type: Boolean}) elevated = false;\n  @property() href = '';\n  @property() target: '_blank'|'_parent'|'_self'|'_top'|'' = '';\n\n  protected get primaryFocusFor() {\n    return this.href ? 'link' : 'button';\n  }\n\n  protected override get primaryRippleDisabled() {\n    // Link chips cannot be disabled\n    return !this.href && this.disabled;\n  }\n\n  protected override getContainerClasses() {\n    return {\n      ...super.getContainerClasses(),\n      // Link chips cannot be disabled\n      disabled: !this.href && this.disabled,\n      elevated: this.elevated,\n    };\n  }\n\n  protected override renderPrimaryAction() {\n    const {ariaLabel} = this as ARIAMixinStrict;\n    if (this.href) {\n      return html`\n        <a class=\"action\"\n          id=\"link\"\n          aria-label=${ariaLabel || nothing}\n          href=${this.href}\n          target=${this.target || nothing}\n          ${ripple(this.getPrimaryRipple)}\n        >${this.renderContent()}</a>\n      `;\n    }\n\n    return html`\n      <button class=\"action\"\n        id=\"button\"\n        aria-label=${ariaLabel || nothing}\n        ?disabled=${this.disabled}\n        type=\"button\"\n        ${ripple(this.getPrimaryRipple)}\n      >${this.renderContent()}</button>\n    `;\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/assist-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{--_container-height: 32px;--_container-shape: 8px;--_disabled-label-text-color: var(--md-sys-color-on-surface, #1d1b20);--_disabled-label-text-opacity: 0.38;--_elevated-container-color: var(--md-sys-color-surface-container-low, #f7f2fa);--_elevated-container-elevation: 1;--_elevated-container-shadow-color: var(--md-sys-color-shadow, #000);--_elevated-disabled-container-color: var(--md-sys-color-on-surface, #1d1b20);--_elevated-disabled-container-elevation: 0;--_elevated-disabled-container-opacity: 0.12;--_elevated-focus-container-elevation: 1;--_elevated-hover-container-elevation: 2;--_elevated-pressed-container-elevation: 1;--_focus-label-text-color: var(--md-sys-color-on-surface, #1d1b20);--_focus-state-layer-color: var(--md-sys-color-on-surface, #1d1b20);--_focus-state-layer-opacity: 0.12;--_hover-label-text-color: var(--md-sys-color-on-surface, #1d1b20);--_hover-state-layer-color: var(--md-sys-color-on-surface, #1d1b20);--_hover-state-layer-opacity: 0.08;--_label-text-color: var(--md-sys-color-on-surface, #1d1b20);--_label-text-type: var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto));--_pressed-label-text-color: var(--md-sys-color-on-surface, #1d1b20);--_pressed-state-layer-color: var(--md-sys-color-on-surface, #1d1b20);--_pressed-state-layer-opacity: 0.12;--_disabled-outline-color: var(--md-sys-color-on-surface, #1d1b20);--_disabled-outline-opacity: 0.12;--_focus-outline-color: var(--md-sys-color-on-surface, #1d1b20);--_outline-color: var(--md-sys-color-outline, #79747e);--_outline-width: 1px;--_disabled-leading-icon-color: var(--md-sys-color-on-surface, #1d1b20);--_disabled-leading-icon-opacity: 0.38;--_focus-leading-icon-color: var(--md-sys-color-primary, #6750a4);--_hover-leading-icon-color: var(--md-sys-color-primary, #6750a4);--_leading-icon-color: var(--md-sys-color-primary, #6750a4);--_icon-size: 18px;--_pressed-leading-icon-color: var(--md-sys-color-primary, #6750a4);--_container-shape-start-start: var( --md-assist-chip-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-assist-chip-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-assist-chip-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-assist-chip-container-shape-end-start, var(--_container-shape) )}/*# sourceMappingURL=assist-styles.css.map */
-`;
-//# sourceMappingURL=assist-styles.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"assist-styles.css.js","sourceRoot":"","sources":["assist-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{--_container-height: 32px;--_container-shape: 8px;--_disabled-label-text-color: var(--md-sys-color-on-surface, #1d1b20);--_disabled-label-text-opacity: 0.38;--_elevated-container-color: var(--md-sys-color-surface-container-low, #f7f2fa);--_elevated-container-elevation: 1;--_elevated-container-shadow-color: var(--md-sys-color-shadow, #000);--_elevated-disabled-container-color: var(--md-sys-color-on-surface, #1d1b20);--_elevated-disabled-container-elevation: 0;--_elevated-disabled-container-opacity: 0.12;--_elevated-focus-container-elevation: 1;--_elevated-hover-container-elevation: 2;--_elevated-pressed-container-elevation: 1;--_focus-label-text-color: var(--md-sys-color-on-surface, #1d1b20);--_focus-state-layer-color: var(--md-sys-color-on-surface, #1d1b20);--_focus-state-layer-opacity: 0.12;--_hover-label-text-color: var(--md-sys-color-on-surface, #1d1b20);--_hover-state-layer-color: var(--md-sys-color-on-surface, #1d1b20);--_hover-state-layer-opacity: 0.08;--_label-text-color: var(--md-sys-color-on-surface, #1d1b20);--_label-text-type: var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto));--_pressed-label-text-color: var(--md-sys-color-on-surface, #1d1b20);--_pressed-state-layer-color: var(--md-sys-color-on-surface, #1d1b20);--_pressed-state-layer-opacity: 0.12;--_disabled-outline-color: var(--md-sys-color-on-surface, #1d1b20);--_disabled-outline-opacity: 0.12;--_focus-outline-color: var(--md-sys-color-on-surface, #1d1b20);--_outline-color: var(--md-sys-color-outline, #79747e);--_outline-width: 1px;--_disabled-leading-icon-color: var(--md-sys-color-on-surface, #1d1b20);--_disabled-leading-icon-opacity: 0.38;--_focus-leading-icon-color: var(--md-sys-color-primary, #6750a4);--_hover-leading-icon-color: var(--md-sys-color-primary, #6750a4);--_leading-icon-color: var(--md-sys-color-primary, #6750a4);--_icon-size: 18px;--_pressed-leading-icon-color: var(--md-sys-color-primary, #6750a4);--_container-shape-start-start: var( --md-assist-chip-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-assist-chip-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-assist-chip-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-assist-chip-container-shape-end-start, var(--_container-shape) )}/*# sourceMappingURL=assist-styles.css.map */\n`;\n "]}

package/chips/lib/chip.d.ts

@@ -1,37 +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';
-import { MdRipple } from '../../ripple/ripple.js';
-/**
- * A chip component.
- */
-export declare abstract class Chip extends LitElement {
-    disabled: boolean;
-    label: string;
-    /**
-     * The `id` of the action the primary focus ring is for.
-     */
-    protected abstract readonly primaryFocusFor: string;
-    /**
-     * Whether or not the primary ripple is disabled (defaults to `disabled`).
-     * Some chip actions such as links cannot be disabled.
-     */
-    protected get primaryRippleDisabled(): boolean;
-    private showPrimaryRipple;
-    private readonly primaryRipple;
-    protected render(): TemplateResult<1>;
-    protected getContainerClasses(): {
-        disabled: boolean;
-    };
-    protected renderContent(): TemplateResult<1>;
-    protected abstract renderPrimaryAction(): TemplateResult;
-    protected renderTrailingAction(): TemplateResult | typeof nothing;
-    protected renderOutline(): TemplateResult<1>;
-    protected renderLeadingIcon(): TemplateResult;
-    protected getPrimaryRipple: () => Promise<MdRipple>;
-}

package/chips/lib/chip.js

@@ -1,89 +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, queryAsync, state } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { requestUpdateOnAriaChange } from '../../aria/delegate.js';
-/**
- * A chip component.
- */
-export class Chip extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.label = '';
-        this.showPrimaryRipple = false;
-        this.getPrimaryRipple = () => {
-            this.showPrimaryRipple = true;
-            return this.primaryRipple;
-        };
-    }
-    /**
-     * Whether or not the primary ripple is disabled (defaults to `disabled`).
-     * Some chip actions such as links cannot be disabled.
-     */
-    get primaryRippleDisabled() {
-        return this.disabled;
-    }
-    render() {
-        const primaryRipple = this.showPrimaryRipple ?
-            html `<md-ripple ?disabled=${this.primaryRippleDisabled}></md-ripple>` :
-            nothing;
-        const primaryFocus = html `<md-focus-ring for=${this.primaryFocusFor}></md-focus-ring>`;
-        return html `
-      <div class="container ${classMap(this.getContainerClasses())}">
-        ${this.renderOutline()}
-        ${primaryFocus}
-        ${primaryRipple}
-        ${this.renderPrimaryAction()}
-        ${this.renderTrailingAction()}
-      </div>
-    `;
-    }
-    getContainerClasses() {
-        return {
-            disabled: this.disabled,
-        };
-    }
-    renderContent() {
-        return html `
-      <span class="icon">
-        ${this.renderLeadingIcon()}
-      </span>
-      <span class="label">${this.label}</span>
-    `;
-    }
-    renderTrailingAction() {
-        return nothing;
-    }
-    renderOutline() {
-        return html `<span class="outline"></span>`;
-    }
-    renderLeadingIcon() {
-        return html `<slot name="icon"></slot>`;
-    }
-}
-_a = Chip;
-(() => {
-    requestUpdateOnAriaChange(_a);
-})();
-__decorate([
-    property({ type: Boolean })
-], Chip.prototype, "disabled", void 0);
-__decorate([
-    property()
-], Chip.prototype, "label", void 0);
-__decorate([
-    state()
-], Chip.prototype, "showPrimaryRipple", void 0);
-__decorate([
-    queryAsync('md-ripple')
-], Chip.prototype, "primaryRipple", 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,UAAU,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;AAGjE;;GAEG;AACH,MAAM,OAAgB,IAAK,SAAQ,UAAU;IAA7C;;QAK6B,aAAQ,GAAG,KAAK,CAAC;QAChC,UAAK,GAAG,EAAE,CAAC;QAeN,sBAAiB,GAAG,KAAK,CAAC;QAoDjC,qBAAgB,GAAG,GAAG,EAAE;YAChC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAC9B,OAAO,IAAI,CAAC,aAAa,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC;IAhEC;;;OAGG;IACH,IAAc,qBAAqB;QACjC,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAMkB,MAAM;QACvB,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAC1C,IAAI,CAAA,wBAAwB,IAAI,CAAC,qBAAqB,eAAe,CAAC,CAAC;YACvE,OAAO,CAAC;QAEZ,MAAM,YAAY,GACd,IAAI,CAAA,sBAAsB,IAAI,CAAC,eAAe,mBAAmB,CAAC;QAEtE,OAAO,IAAI,CAAA;8BACe,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;UACxD,IAAI,CAAC,aAAa,EAAE;UACpB,YAAY;UACZ,aAAa;UACb,IAAI,CAAC,mBAAmB,EAAE;UAC1B,IAAI,CAAC,oBAAoB,EAAE;;KAEhC,CAAC;IACJ,CAAC;IAES,mBAAmB;QAC3B,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,iBAAiB,EAAE;;4BAEN,IAAI,CAAC,KAAK;KACjC,CAAC;IACJ,CAAC;IAIS,oBAAoB;QAC5B,OAAO,OAAO,CAAC;IACjB,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;IAES,iBAAiB;QACzB,OAAO,IAAI,CAAA,2BAA2B,CAAC;IACzC,CAAC;CAMF;;AA5EC;IACE,yBAAyB,CAAC,EAAI,CAAC,CAAC;AAClC,CAAC,GAAA,CAAA;AAE0B;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;sCAAkB;AAChC;IAAX,QAAQ,EAAE;mCAAY;AAed;IAAR,KAAK,EAAE;+CAAmC;AAE3C;IADC,UAAU,CAAC,WAAW,CAAC;2CACgC","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, queryAsync, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nimport {requestUpdateOnAriaChange} from '../../aria/delegate.js';\nimport {MdRipple} from '../../ripple/ripple.js';\n\n/**\n * A chip component.\n */\nexport abstract class Chip extends LitElement {\n  static {\n    requestUpdateOnAriaChange(this);\n  }\n\n  @property({type: Boolean}) disabled = false;\n  @property() label = '';\n\n  /**\n   * The `id` of the action the primary focus ring is for.\n   */\n  protected abstract readonly primaryFocusFor: 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 primaryRippleDisabled() {\n    return this.disabled;\n  }\n\n  @state() private showPrimaryRipple = false;\n  @queryAsync('md-ripple')\n  private readonly primaryRipple!: Promise<MdRipple|null>;\n\n  protected override render() {\n    const primaryRipple = this.showPrimaryRipple ?\n        html`<md-ripple ?disabled=${this.primaryRippleDisabled}></md-ripple>` :\n        nothing;\n\n    const primaryFocus =\n        html`<md-focus-ring for=${this.primaryFocusFor}></md-focus-ring>`;\n\n    return html`\n      <div class=\"container ${classMap(this.getContainerClasses())}\">\n        ${this.renderOutline()}\n        ${primaryFocus}\n        ${primaryRipple}\n        ${this.renderPrimaryAction()}\n        ${this.renderTrailingAction()}\n      </div>\n    `;\n  }\n\n  protected getContainerClasses() {\n    return {\n      disabled: this.disabled,\n    };\n  }\n\n  protected renderContent() {\n    return html`\n      <span class=\"icon\">\n        ${this.renderLeadingIcon()}\n      </span>\n      <span class=\"label\">${this.label}</span>\n    `;\n  }\n\n  protected abstract renderPrimaryAction(): TemplateResult;\n\n  protected renderTrailingAction(): TemplateResult|typeof nothing {\n    return nothing;\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  protected getPrimaryRipple = () => {\n    this.showPrimaryRipple = true;\n    return this.primaryRipple;\n  };\n}\n"]}

package/chips/lib/elevated-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 `.elevated{--md-elevation-level:var(--_elevated-container-elevation);--md-elevation-shadow-color:var(--_elevated-container-shadow-color)}.elevated::before{background:var(--_elevated-container-color)}.elevated:hover{--md-elevation-level:var(--_elevated-hover-container-elevation)}.elevated:focus-within{--md-elevation-level:var(--_elevated-focus-container-elevation)}.elevated:active{--md-elevation-level:var(--_elevated-pressed-container-elevation)}.elevated.disabled{--md-elevation-level:var(--_elevated-disabled-container-elevation)}.elevated.disabled::before{background:var(--_elevated-disabled-container-color);opacity:var(--_elevated-disabled-container-opacity)}/*# sourceMappingURL=elevated-styles.css.map */
-`;
-//# sourceMappingURL=elevated-styles.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"elevated-styles.css.js","sourceRoot":"","sources":["elevated-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`.elevated{--md-elevation-level:var(--_elevated-container-elevation);--md-elevation-shadow-color:var(--_elevated-container-shadow-color)}.elevated::before{background:var(--_elevated-container-color)}.elevated:hover{--md-elevation-level:var(--_elevated-hover-container-elevation)}.elevated:focus-within{--md-elevation-level:var(--_elevated-focus-container-elevation)}.elevated:active{--md-elevation-level:var(--_elevated-pressed-container-elevation)}.elevated.disabled{--md-elevation-level:var(--_elevated-disabled-container-elevation)}.elevated.disabled::before{background:var(--_elevated-disabled-container-color);opacity:var(--_elevated-disabled-container-opacity)}/*# sourceMappingURL=elevated-styles.css.map */\n`;\n "]}

package/chips/lib/filter-chip.d.ts

@@ -1,26 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { PropertyValues } from 'lit';
-import { Chip } from './chip.js';
-/**
- * A filter chip component.
- */
-export declare class FilterChip extends Chip {
-    elevated: boolean;
-    selected: boolean;
-    protected get primaryFocusFor(): string;
-    constructor();
-    protected updated(changedProperties: PropertyValues<FilterChip>): void;
-    protected getContainerClasses(): {
-        elevated: boolean;
-        selected: boolean;
-        disabled: boolean;
-    };
-    protected renderPrimaryAction(): import("lit-html").TemplateResult<1>;
-    protected renderLeadingIcon(): import("lit-html").TemplateResult<2 | 1>;
-    protected renderOutline(): import("lit-html").TemplateResult<1>;
-}

package/chips/lib/filter-chip.js

@@ -1,80 +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 } from 'lit/decorators.js';
-import { ripple } from '../../ripple/directive.js';
-import { Chip } from './chip.js';
-/**
- * A filter chip component.
- */
-export class FilterChip extends Chip {
-    get primaryFocusFor() {
-        return 'option';
-    }
-    constructor() {
-        super();
-        this.elevated = false;
-        this.selected = false;
-        this.addEventListener('click', () => {
-            if (this.disabled) {
-                return;
-            }
-            this.selected = !this.selected;
-        });
-    }
-    updated(changedProperties) {
-        if (changedProperties.has('selected') &&
-            changedProperties.get('selected') !== undefined) {
-            // Dispatch when `selected` changes, except for the first update.
-            this.dispatchEvent(new Event('change', { bubbles: true }));
-        }
-    }
-    getContainerClasses() {
-        return {
-            ...super.getContainerClasses(),
-            elevated: this.elevated,
-            selected: this.selected,
-        };
-    }
-    renderPrimaryAction() {
-        const { ariaLabel } = this;
-        return html `
-      <button class="action"
-        id="option"
-        aria-label=${ariaLabel || nothing}
-        aria-selected=${this.selected}
-        ?disabled=${this.disabled || nothing}
-        role="option"
-        ${ripple(this.getPrimaryRipple)}
-      >${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>
-    `;
-    }
-    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, "selected", 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":"AAAA;;;;GAIG;;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAE,OAAO,EAAkB,GAAG,EAAC,MAAM,KAAK,CAAC;AACvD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,MAAM,EAAC,MAAM,2BAA2B,CAAC;AAGjD,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAI;IAIlC,IAAc,eAAe;QAC3B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QARiB,aAAQ,GAAG,KAAK,CAAC;QACjB,aAAQ,GAAG,KAAK,CAAC;QAQ1C,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAClC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QACjC,CAAC,CAAC,CAAC;IACL,CAAC;IAEkB,OAAO,CAAC,iBAA6C;QACtE,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC;YACjC,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,SAAS,EAAE;YACnD,iEAAiE;YACjE,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;SAC1D;IACH,CAAC;IAEkB,mBAAmB;QACpC,OAAO;YACL,GAAG,KAAK,CAAC,mBAAmB,EAAE;YAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAEkB,mBAAmB;QACpC,MAAM,EAAC,SAAS,EAAC,GAAG,IAAuB,CAAC;QAC5C,OAAO,IAAI,CAAA;;;qBAGM,SAAS,IAAI,OAAO;wBACjB,IAAI,CAAC,QAAQ;oBACjB,IAAI,CAAC,QAAQ,IAAI,OAAO;;UAElC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC;SAC9B,IAAI,CAAC,aAAa,EAAE;KACxB,CAAC;IACJ,CAAC;IAEkB,iBAAiB;QAClC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,KAAK,CAAC,iBAAiB,EAAE,CAAC;SAClC;QAED,OAAO,GAAG,CAAA;;;;KAIT,CAAC;IACJ,CAAC;IAEkB,aAAa;QAC9B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO,IAAI,CAAA,+BAA+B,CAAC;SAC5C;QAED,OAAO,KAAK,CAAC,aAAa,EAAE,CAAC;IAC/B,CAAC;CACF;AAnE4B;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;4CAAkB;AACjB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;4CAAkB","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} from 'lit';\nimport {property} from 'lit/decorators.js';\n\nimport {ripple} from '../../ripple/directive.js';\nimport {ARIAMixinStrict} from '../../types/aria.js';\n\nimport {Chip} from './chip.js';\n\n/**\n * A filter chip component.\n */\nexport class FilterChip extends Chip {\n  @property({type: Boolean}) elevated = false;\n  @property({type: Boolean}) selected = false;\n\n  protected get primaryFocusFor() {\n    return 'option';\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('click', () => {\n      if (this.disabled) {\n        return;\n      }\n\n      this.selected = !this.selected;\n    });\n  }\n\n  protected override updated(changedProperties: PropertyValues<FilterChip>) {\n    if (changedProperties.has('selected') &&\n        changedProperties.get('selected') !== undefined) {\n      // Dispatch when `selected` changes, except for the first update.\n      this.dispatchEvent(new Event('change', {bubbles: true}));\n    }\n  }\n\n  protected override getContainerClasses() {\n    return {\n      ...super.getContainerClasses(),\n      elevated: this.elevated,\n      selected: this.selected,\n    };\n  }\n\n  protected override renderPrimaryAction() {\n    const {ariaLabel} = this as ARIAMixinStrict;\n    return html`\n      <button class=\"action\"\n        id=\"option\"\n        aria-label=${ariaLabel || nothing}\n        aria-selected=${this.selected}\n        ?disabled=${this.disabled || nothing}\n        role=\"option\"\n        ${ripple(this.getPrimaryRipple)}\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 renderOutline() {\n    if (this.elevated) {\n      return html`<md-elevation></md-elevation>`;\n    }\n\n    return super.renderOutline();\n  }\n}\n"]}