@material/web 1.0.0-pre.1 → 1.0.0-pre.11

package/chips/chip/lib/_suggestion-chip-theme.scss

@@ -1,88 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-@use 'sass:map';
-@use '../../../sass/resolvers';
-@use '../../../sass/theme';
-@use './chip-theme';
-
-$_light-theme: (
-  container-shape: null,
-  container-height: null,
-  flat-container-elevation: null,
-  flat-outline-color: null,
-  flat-outline-width: null,
-  elevated-container-elevation: null,
-  elevated-container-color: null,
-  elevated-container-shadow-color: null,
-  label-text-font: null,
-  label-text-line-height: null,
-  label-text-size: null,
-  label-text-weight: null,
-  label-text-tracking: null,
-  label-text-color: null,
-  flat-disabled-outline-color: null,
-  flat-disabled-outline-opacity: null,
-  disabled-label-text-color: null,
-  disabled-label-text-opacity: null,
-  elevated-disabled-container-elevation: null,
-  elevated-disabled-container-color: null,
-  elevated-disabled-container-opacity: null,
-  hover-state-layer-color: null,
-  hover-state-layer-opacity: null,
-  hover-label-text-color: null,
-  elevated-hover-container-elevation: null,
-  focus-state-layer-color: null,
-  focus-state-layer-opacity: null,
-  focus-label-text-color: null,
-  flat-focus-outline-color: null,
-  elevated-focus-container-elevation: null,
-  pressed-state-layer-color: null,
-  pressed-state-layer-opacity: null,
-  pressed-label-text-color: null,
-  elevated-pressed-container-elevation: null,
-  container-surface-tint-layer-color: null,
-);
-
-$_custom-property-prefix: 'suggestion-chip';
-
-@mixin theme($theme, $resolvers: resolvers.$material) {
-  @include theme.validate-theme($_light-theme, $theme);
-
-  // Resolve elevation.
-  @each $key
-    in (
-      flat-container-elevation,
-      elevated-container-elevation,
-      elevated-disabled-container-elevation,
-      elevated-hover-container-elevation,
-      elevated-focus-container-elevation,
-      elevated-pressed-container-elevation
-    )
-  {
-    $value: map.get($theme, $key);
-    @if $value {
-      $theme: map.set(
-        $theme,
-        $key,
-        meta.call(
-          $elevation-resolver: map.get($resolvers, elevation),
-          $elevation: $value,
-          $shadow-color: map.get($theme, elevated-container-shadow-color),
-        )
-      );
-    }
-  }
-
-  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
-  @include theme.emit-theme-vars($theme);
-}
-
-@mixin theme-styles($theme, $resolvers: resolvers.$material) {
-  @include theme.validate-theme($_light-theme, $theme);
-  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
-  @include chip-theme.theme-styles($theme, $resolvers: $resolvers);
-}

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

@@ -1,18 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../action/primary-action.js';
-import { TemplateResult } from 'lit';
-import { Chip } from './chip.js';
-/** @soyCompatible */
-export declare class ActionChip extends Chip {
-    /**
-     * @soyTemplate
-     * @soyAttributes attributes: .md3-chip
-     */
-    protected render(): TemplateResult;
-    /** @soyTemplate */
-    private renderPrimaryAction;
-}

package/chips/chip/lib/action-chip.js

@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../action/primary-action.js';
-import { html } from 'lit';
-import { classMap } from 'lit/directives/class-map.js';
-import { Chip } from './chip.js';
-/** @soyCompatible */
-export class ActionChip extends Chip {
-    /**
-     * @soyTemplate
-     * @soyAttributes attributes: .md3-chip
-     */
-    render() {
-        return html `
-      <span class="${classMap(this.getRootClasses())}" role="row">
-        ${this.renderOverlay()}
-        <span class="md3-chip__cell md3-chip__cell--primary" role="gridcell">
-          ${this.renderPrimaryAction()}
-        </span>
-        ${this.renderDeleteAction()}
-      </span>`;
-    }
-    /** @soyTemplate */
-    renderPrimaryAction() {
-        return html `
-      <md-primary-action
-          ?disabled=${this.disabled}
-          ?isFocusable=${this.isFocusable}
-          ?isTouchable=${this.isTouchable}
-          .icon=${this.icon}
-          .label=${this.label}
-          .ariaLabel=${this.ariaLabel}>
-      </md-primary-action>`;
-    }
-}
-//# sourceMappingURL=action-chip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"action-chip.js","sourceRoot":"","sources":["action-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,gCAAgC,CAAC;AAExC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,qBAAqB;AACrB,MAAM,OAAO,UAAW,SAAQ,IAAI;IAClC;;;OAGG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;UAC1C,IAAI,CAAC,aAAa,EAAE;;YAElB,IAAI,CAAC,mBAAmB,EAAE;;UAE5B,IAAI,CAAC,kBAAkB,EAAE;cACrB,CAAC;IACb,CAAC;IAED,mBAAmB;IACX,mBAAmB;QACzB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,QAAQ;yBACV,IAAI,CAAC,WAAW;yBAChB,IAAI,CAAC,WAAW;kBACvB,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,SAAS;2BACV,CAAC;IAC1B,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../action/primary-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {Chip} from './chip.js';\n\n/** @soyCompatible */\nexport class ActionChip extends Chip {\n  /**\n   * @soyTemplate\n   * @soyAttributes attributes: .md3-chip\n   */\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"${classMap(this.getRootClasses())}\" role=\"row\">\n        ${this.renderOverlay()}\n        <span class=\"md3-chip__cell md3-chip__cell--primary\" role=\"gridcell\">\n          ${this.renderPrimaryAction()}\n        </span>\n        ${this.renderDeleteAction()}\n      </span>`;\n  }\n\n  /** @soyTemplate */\n  private renderPrimaryAction(): TemplateResult {\n    return html`\n      <md-primary-action\n          ?disabled=${this.disabled}\n          ?isFocusable=${this.isFocusable}\n          ?isTouchable=${this.isTouchable}\n          .icon=${this.icon}\n          .label=${this.label}\n          .ariaLabel=${this.ariaLabel}>\n      </md-primary-action>`;\n  }\n}\n\n"]}

package/chips/chip/lib/adapter.d.ts

@@ -1,50 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCChipActionFocusBehavior, MDCChipActionType } from '../../action/lib/constants.js';
-import { MDCChipAttributes, MDCChipCssClasses, MDCChipEvents } from './constants.js';
-/**
- * Defines the shape of the adapter expected by the foundation.
- * Implement this adapter for your framework of choice to delegate updates to
- * the component in your framework of choice. See architecture documentation
- * for more details.
- * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
- */
-export interface MDCChipAdapter {
-    /** Adds the given class to the root element. */
-    addClass(className: MDCChipCssClasses): void;
-    /** Emits the given event with the given detail. */
-    emitEvent<D extends object>(eventName: MDCChipEvents, eventDetail: D): void;
-    /** Returns the child actions provided by the chip. */
-    getActions(): MDCChipActionType[];
-    /** Returns the value for the given attribute, if it exists. */
-    getAttribute(attrName: MDCChipAttributes): string | null;
-    /** Returns the ID of the root element. */
-    getElementID(): string;
-    /** Returns the offset width of the root element. */
-    getOffsetWidth(): number;
-    /** Returns true if the root element has the given class. */
-    hasClass(className: MDCChipCssClasses): boolean;
-    /** Proxies to the MDCChipAction#isSelectable method. */
-    isActionSelectable(action: MDCChipActionType): boolean;
-    /** Proxies to the MDCChipAction#isSelected method. */
-    isActionSelected(action: MDCChipActionType): boolean;
-    /** Proxies to the MDCChipAction#isFocusable method. */
-    isActionFocusable(action: MDCChipActionType): boolean;
-    /** Proxies to the MDCChipAction#isDisabled method. */
-    isActionDisabled(action: MDCChipActionType): boolean;
-    /** Returns true if the text direction is right-to-left. */
-    isRTL(): boolean;
-    /** Removes the given class from the root element. */
-    removeClass(className: MDCChipCssClasses): void;
-    /** Proxies to the MDCChipAction#setDisabled method. */
-    setActionDisabled(action: MDCChipActionType, isDisabled: boolean): void;
-    /** Proxies to the MDCChipAction#setFocus method. */
-    setActionFocus(action: MDCChipActionType, behavior: MDCChipActionFocusBehavior): void;
-    /** Proxies to the MDCChipAction#setSelected method. */
-    setActionSelected(action: MDCChipActionType, isSelected: boolean): void;
-    /** Sets the style property to the given value. */
-    setStyleProperty(property: string, value: string): void;
-}

package/chips/chip/lib/adapter.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-export {};
-//# sourceMappingURL=adapter.js.map

package/chips/chip/lib/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","sourceRoot":"","sources":["adapter.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCChipActionFocusBehavior, MDCChipActionType} from '../../action/lib/constants.js';\n\nimport {MDCChipAttributes, MDCChipCssClasses, MDCChipEvents} from './constants.js';\n\n/**\n * Defines the shape of the adapter expected by the foundation.\n * Implement this adapter for your framework of choice to delegate updates to\n * the component in your framework of choice. See architecture documentation\n * for more details.\n * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md\n */\nexport interface MDCChipAdapter {\n  /** Adds the given class to the root element. */\n  addClass(className: MDCChipCssClasses): void;\n\n  /** Emits the given event with the given detail. */\n  emitEvent<D extends object>(eventName: MDCChipEvents, eventDetail: D): void;\n\n  /** Returns the child actions provided by the chip. */\n  getActions(): MDCChipActionType[];\n\n  /** Returns the value for the given attribute, if it exists. */\n  getAttribute(attrName: MDCChipAttributes): string|null;\n\n  /** Returns the ID of the root element. */\n  getElementID(): string;\n\n  /** Returns the offset width of the root element. */\n  getOffsetWidth(): number;\n\n  /** Returns true if the root element has the given class. */\n  hasClass(className: MDCChipCssClasses): boolean;\n\n  /** Proxies to the MDCChipAction#isSelectable method. */\n  isActionSelectable(action: MDCChipActionType): boolean;\n\n  /** Proxies to the MDCChipAction#isSelected method. */\n  isActionSelected(action: MDCChipActionType): boolean;\n\n  /** Proxies to the MDCChipAction#isFocusable method. */\n  isActionFocusable(action: MDCChipActionType): boolean;\n\n  /** Proxies to the MDCChipAction#isDisabled method. */\n  isActionDisabled(action: MDCChipActionType): boolean;\n\n  /** Returns true if the text direction is right-to-left. */\n  isRTL(): boolean;\n\n  /** Removes the given class from the root element. */\n  removeClass(className: MDCChipCssClasses): void;\n\n  /** Proxies to the MDCChipAction#setDisabled method. */\n  setActionDisabled(action: MDCChipActionType, isDisabled: boolean): void;\n\n  /** Proxies to the MDCChipAction#setFocus method. */\n  setActionFocus(\n      action: MDCChipActionType, behavior: MDCChipActionFocusBehavior): void;\n\n  /** Proxies to the MDCChipAction#setSelected method. */\n  setActionSelected(action: MDCChipActionType, isSelected: boolean): void;\n\n  /** Sets the style property to the given value. */\n  setStyleProperty(property: string, value: string): void;\n}\n"]}

package/chips/chip/lib/animationframe.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * AnimationFrame provides a user-friendly abstraction around requesting
- * and canceling animation frames.
- */
-export declare class AnimationFrame {
-    private readonly rafIDs;
-    /**
-     * Requests an animation frame. Cancels any existing frame with the same key.
-     * @param {string} key The key for this callback.
-     * @param {FrameRequestCallback} callback The callback to be executed.
-     */
-    request(key: string, callback: FrameRequestCallback): void;
-    /**
-     * Cancels a queued callback with the given key.
-     * @param {string} key The key for this callback.
-     */
-    cancel(key: string): void;
-    /**
-     * Cancels all queued callback.
-     */
-    cancelAll(): void;
-    /**
-     * Returns the queue of unexecuted callback keys.
-     */
-    getQueue(): string[];
-}

package/chips/chip/lib/animationframe.js

@@ -1,66 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-// TODO: Remove in favor of AnimationSignal
-/**
- * AnimationFrame provides a user-friendly abstraction around requesting
- * and canceling animation frames.
- */
-export class AnimationFrame {
-    constructor() {
-        this.rafIDs = new Map();
-    }
-    /**
-     * Requests an animation frame. Cancels any existing frame with the same key.
-     * @param {string} key The key for this callback.
-     * @param {FrameRequestCallback} callback The callback to be executed.
-     */
-    request(key, callback) {
-        this.cancel(key);
-        const frameID = requestAnimationFrame((frame) => {
-            this.rafIDs.delete(key);
-            // Callback must come *after* the key is deleted so that nested calls to
-            // request with the same key are not deleted.
-            callback(frame);
-        });
-        this.rafIDs.set(key, frameID);
-    }
-    /**
-     * Cancels a queued callback with the given key.
-     * @param {string} key The key for this callback.
-     */
-    cancel(key) {
-        const rafID = this.rafIDs.get(key);
-        if (rafID) {
-            cancelAnimationFrame(rafID);
-            this.rafIDs.delete(key);
-        }
-    }
-    /**
-     * Cancels all queued callback.
-     */
-    cancelAll() {
-        // Need to use forEach because it's the only iteration method supported
-        // by IE11. Suppress the underscore because we don't need it.
-        // tslint:disable-next-line:enforce-name-casing
-        this.rafIDs.forEach((_, key) => {
-            this.cancel(key);
-        });
-    }
-    /**
-     * Returns the queue of unexecuted callback keys.
-     */
-    getQueue() {
-        const queue = [];
-        // Need to use forEach because it's the only iteration method supported
-        // by IE11. Suppress the underscore because we don't need it.
-        // tslint:disable-next-line:enforce-name-casing
-        this.rafIDs.forEach((_, key) => {
-            queue.push(key);
-        });
-        return queue;
-    }
-}
-//# sourceMappingURL=animationframe.js.map

package/chips/chip/lib/animationframe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animationframe.js","sourceRoot":"","sources":["animationframe.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,2CAA2C;AAC3C;;;GAGG;AACH,MAAM,OAAO,cAAc;IAA3B;QACmB,WAAM,GAAG,IAAI,GAAG,EAAkB,CAAC;IAuDtD,CAAC;IArDC;;;;OAIG;IACH,OAAO,CAAC,GAAW,EAAE,QAA8B;QACjD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACjB,MAAM,OAAO,GAAG,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE;YAC9C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACxB,wEAAwE;YACxE,6CAA6C;YAC7C,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAChC,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,GAAW;QAChB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACnC,IAAI,KAAK,EAAE;YACT,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;SACzB;IACH,CAAC;IAED;;OAEG;IACH,SAAS;QACP,uEAAuE;QACvE,6DAA6D;QAC7D,+CAA+C;QAC/C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YAC7B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,QAAQ;QACN,MAAM,KAAK,GAAa,EAAE,CAAC;QAC3B,uEAAuE;QACvE,6DAA6D;QAC7D,+CAA+C;QAC/C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YAC7B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n// TODO: Remove in favor of AnimationSignal\n/**\n * AnimationFrame provides a user-friendly abstraction around requesting\n * and canceling animation frames.\n */\nexport class AnimationFrame {\n  private readonly rafIDs = new Map<string, number>();\n\n  /**\n   * Requests an animation frame. Cancels any existing frame with the same key.\n   * @param {string} key The key for this callback.\n   * @param {FrameRequestCallback} callback The callback to be executed.\n   */\n  request(key: string, callback: FrameRequestCallback) {\n    this.cancel(key);\n    const frameID = requestAnimationFrame((frame) => {\n      this.rafIDs.delete(key);\n      // Callback must come *after* the key is deleted so that nested calls to\n      // request with the same key are not deleted.\n      callback(frame);\n    });\n    this.rafIDs.set(key, frameID);\n  }\n\n  /**\n   * Cancels a queued callback with the given key.\n   * @param {string} key The key for this callback.\n   */\n  cancel(key: string) {\n    const rafID = this.rafIDs.get(key);\n    if (rafID) {\n      cancelAnimationFrame(rafID);\n      this.rafIDs.delete(key);\n    }\n  }\n\n  /**\n   * Cancels all queued callback.\n   */\n  cancelAll() {\n    // Need to use forEach because it's the only iteration method supported\n    // by IE11. Suppress the underscore because we don't need it.\n    // tslint:disable-next-line:enforce-name-casing\n    this.rafIDs.forEach((_, key) => {\n      this.cancel(key);\n    });\n  }\n\n  /**\n   * Returns the queue of unexecuted callback keys.\n   */\n  getQueue(): string[] {\n    const queue: string[] = [];\n    // Need to use forEach because it's the only iteration method supported\n    // by IE11. Suppress the underscore because we don't need it.\n    // tslint:disable-next-line:enforce-name-casing\n    this.rafIDs.forEach((_, key) => {\n      queue.push(key);\n    });\n    return queue;\n  }\n}\n"]}

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

@@ -1,43 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../../elevation/elevation.js';
-import '../../action/delete-action.js';
-import { TemplateResult } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { ActionElement } from '../../../actionelement/action-element.js';
-/** Defines the border type of a chip. */
-export declare enum BorderType {
-    ELEVATED = "ELEVATED",
-    HAIRLINE = "HAIRLINE"
-}
-/** Defines the shape of the vertical edge of a chip. */
-export declare enum EdgeType {
-    ROUNDED = "ROUNDED",
-    STRAIGHT = "STRAIGHT"
-}
-/** @soyCompatible */
-export declare abstract class Chip extends ActionElement {
-    isFocusable: boolean;
-    isTouchable: boolean;
-    disabled: boolean;
-    hasAvatar: boolean;
-    hasDeleteAction: boolean;
-    icon: string;
-    label: string;
-    borderType: BorderType;
-    edgeType: EdgeType;
-    addedAnnouncement: string;
-    removedAnnouncement: string;
-    closeActionAriaLabel: string;
-    /** @soyPrefixAttribute */
-    ariaLabel: string;
-    /** @soyTemplate */
-    protected getRootClasses(): ClassInfo;
-    /** @soyTemplate */
-    protected renderOverlay(): TemplateResult;
-    /** @soyTemplate */
-    protected renderDeleteAction(): TemplateResult;
-}

package/chips/chip/lib/chip.js

@@ -1,134 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate, __metadata } from "tslib";
-import '../../../elevation/elevation.js';
-import '../../action/delete-action.js';
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ActionElement } from '../../../actionelement/action-element.js';
-import { ariaProperty } from '../../../decorators/aria-property.js';
-/** Defines the border type of a chip. */
-export var BorderType;
-(function (BorderType) {
-    BorderType["ELEVATED"] = "ELEVATED";
-    BorderType["HAIRLINE"] = "HAIRLINE";
-})(BorderType || (BorderType = {}));
-/** Defines the shape of the vertical edge of a chip. */
-export var EdgeType;
-(function (EdgeType) {
-    EdgeType["ROUNDED"] = "ROUNDED";
-    EdgeType["STRAIGHT"] = "STRAIGHT";
-})(EdgeType || (EdgeType = {}));
-/** @soyCompatible */
-export class Chip extends ActionElement {
-    constructor() {
-        super(...arguments);
-        this.isFocusable = false;
-        this.isTouchable = false;
-        this.disabled = false;
-        this.hasAvatar = false;
-        this.hasDeleteAction = false;
-        this.icon = '';
-        this.label = '';
-        this.borderType = BorderType.HAIRLINE;
-        this.edgeType = EdgeType.ROUNDED;
-        this.addedAnnouncement = '';
-        this.removedAnnouncement = '';
-        this.closeActionAriaLabel = '';
-    }
-    /** @soyTemplate */
-    getRootClasses() {
-        const hasIcon = this.icon.trim().length > 0;
-        return {
-            'md3-chip': true,
-            'md3-chip--disabled': this.disabled,
-            'md3-chip--touch': this.isTouchable,
-            'md3-chip--with-primary-graphic': hasIcon,
-            'md3-chip--with-primary-icon': hasIcon,
-            'md3-chip--with-avatar': this.hasAvatar,
-            'md3-chip--with-delete-action': this.hasDeleteAction,
-        };
-    }
-    /** @soyTemplate */
-    renderOverlay() {
-        return this.borderType === BorderType.ELEVATED ?
-            html `<md-elevation aria-hidden="true" shadow surface></md-elevation>` :
-            html ``;
-    }
-    /** @soyTemplate */
-    renderDeleteAction() {
-        if (!this.hasDeleteAction) {
-            return html ``;
-        }
-        else {
-            return html `
-        <span class="md3-chip__cell md3-chip__cell--delete"
-              role="gridcell">
-          <md-delete-action
-            ?disabled=${this.disabled}
-            ?isFocusable=${this.isFocusable}
-            ?isTouchable=${this.isTouchable}
-            .ariaLabel=${this.closeActionAriaLabel}>
-          </md-delete-action>
-        </span>`;
-        }
-    }
-}
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], Chip.prototype, "isFocusable", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], Chip.prototype, "isTouchable", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], Chip.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], Chip.prototype, "hasAvatar", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], Chip.prototype, "hasDeleteAction", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], Chip.prototype, "icon", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], Chip.prototype, "label", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], Chip.prototype, "borderType", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], Chip.prototype, "edgeType", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], Chip.prototype, "addedAnnouncement", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], Chip.prototype, "removedAnnouncement", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], Chip.prototype, "closeActionAriaLabel", void 0);
-__decorate([
-    ariaProperty // tslint:disable-line:no-new-decorators
-    ,
-    property({ type: String, attribute: 'aria-label' }),
-    __metadata("design:type", String)
-], Chip.prototype, "ariaLabel", void 0);
-//# sourceMappingURL=chip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["chip.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../../elevation/elevation.js';\nimport '../../action/delete-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {ActionElement} from '../../../actionelement/action-element.js';\nimport {ariaProperty} from '../../../decorators/aria-property.js';\n\n/** Defines the border type of a chip. */\nexport enum BorderType {\n  ELEVATED = 'ELEVATED',\n  HAIRLINE = 'HAIRLINE',\n}\n\n/** Defines the shape of the vertical edge of a chip. */\nexport enum EdgeType {\n  ROUNDED = 'ROUNDED',\n  STRAIGHT = 'STRAIGHT',\n}\n\n/** @soyCompatible */\nexport abstract class Chip extends ActionElement {\n  @property({type: Boolean, reflect: true}) isFocusable = false;\n\n  @property({type: Boolean, reflect: true}) isTouchable = false;\n\n  @property({type: Boolean, reflect: true}) disabled = false;\n\n  @property({type: Boolean, reflect: true}) hasAvatar = false;\n\n  @property({type: Boolean, reflect: true}) hasDeleteAction = false;\n\n  @property({type: String}) icon = '';\n\n  @property({type: String}) label = '';\n\n  @property({type: String}) borderType = BorderType.HAIRLINE;\n\n  @property({type: String}) edgeType = EdgeType.ROUNDED;\n\n  @property({type: String}) addedAnnouncement = '';\n\n  @property({type: String}) removedAnnouncement = '';\n\n  @property({type: String}) closeActionAriaLabel = '';\n\n  /** @soyPrefixAttribute */\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  @property({type: String, attribute: 'aria-label'})\n  override ariaLabel!: string;\n\n  /** @soyTemplate */\n  protected getRootClasses(): ClassInfo {\n    const hasIcon = this.icon.trim().length > 0;\n    return {\n      'md3-chip': true,\n      'md3-chip--disabled': this.disabled,\n      'md3-chip--touch': this.isTouchable,\n      'md3-chip--with-primary-graphic': hasIcon,\n      'md3-chip--with-primary-icon': hasIcon,\n      'md3-chip--with-avatar': this.hasAvatar,\n      'md3-chip--with-delete-action': this.hasDeleteAction,\n    };\n  }\n\n  /** @soyTemplate */\n  protected renderOverlay(): TemplateResult {\n    return this.borderType === BorderType.ELEVATED ?\n        html`<md-elevation aria-hidden=\"true\" shadow surface></md-elevation>` :\n        html``;\n  }\n\n  /** @soyTemplate */\n  protected renderDeleteAction(): TemplateResult {\n    if (!this.hasDeleteAction) {\n      return html``;\n    } else {\n      return html`\n        <span class=\"md3-chip__cell md3-chip__cell--delete\"\n              role=\"gridcell\">\n          <md-delete-action\n            ?disabled=${this.disabled}\n            ?isFocusable=${this.isFocusable}\n            ?isTouchable=${this.isTouchable}\n            .ariaLabel=${this.closeActionAriaLabel}>\n          </md-delete-action>\n        </span>`;\n    }\n  }\n}\n"]}

package/chips/chip/lib/constants.d.ts

@@ -1,43 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * MDCChipCssClasses provides the named constants for class names.
- */
-export declare enum MDCChipCssClasses {
-    SELECTING = "md3-chip--selecting",
-    DESELECTING = "md3-chip--deselecting",
-    SELECTING_WITH_PRIMARY_ICON = "md3-chip--selecting-with-primary-icon",
-    DESELECTING_WITH_PRIMARY_ICON = "md3-chip--deselecting-with-primary-icon",
-    DISABLED = "md3-chip--disabled",
-    ENTER = "md3n-chip--enter",
-    EXIT = "md3-chip--exit",
-    SELECTED = "md3-chip--selected",
-    HIDDEN = "md3-chip--hidden",
-    WITH_PRIMARY_ICON = "md3-chip--with-primary-icon"
-}
-/**
- * MDCChipEvents provides the named constants for emitted events.
- */
-export declare enum MDCChipEvents {
-    INTERACTION = "MDCChip:interaction",
-    NAVIGATION = "MDCChip:navigation",
-    ANIMATION = "MDCChip:animation"
-}
-/**
- * MDCChipAttributes provides the named constants for strings used by the
- * foundation.
- */
-export declare enum MDCChipAttributes {
-    DATA_REMOVED_ANNOUNCEMENT = "data-md3-removed-announcement",
-    DATA_ADDED_ANNOUNCEMENT = "data-md3-added-announcement"
-}
-/**
- * MDCChipAnimation provides the names of runnable animations.
- */
-export declare enum MDCChipAnimation {
-    ENTER = "md3-chip-enter",
-    EXIT = "md3-chip-exit"
-}

package/chips/chip/lib/constants.js

@@ -1,48 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * MDCChipCssClasses provides the named constants for class names.
- */
-export var MDCChipCssClasses;
-(function (MDCChipCssClasses) {
-    MDCChipCssClasses["SELECTING"] = "md3-chip--selecting";
-    MDCChipCssClasses["DESELECTING"] = "md3-chip--deselecting";
-    MDCChipCssClasses["SELECTING_WITH_PRIMARY_ICON"] = "md3-chip--selecting-with-primary-icon";
-    MDCChipCssClasses["DESELECTING_WITH_PRIMARY_ICON"] = "md3-chip--deselecting-with-primary-icon";
-    MDCChipCssClasses["DISABLED"] = "md3-chip--disabled";
-    MDCChipCssClasses["ENTER"] = "md3n-chip--enter";
-    MDCChipCssClasses["EXIT"] = "md3-chip--exit";
-    MDCChipCssClasses["SELECTED"] = "md3-chip--selected";
-    MDCChipCssClasses["HIDDEN"] = "md3-chip--hidden";
-    MDCChipCssClasses["WITH_PRIMARY_ICON"] = "md3-chip--with-primary-icon";
-})(MDCChipCssClasses || (MDCChipCssClasses = {}));
-/**
- * MDCChipEvents provides the named constants for emitted events.
- */
-export var MDCChipEvents;
-(function (MDCChipEvents) {
-    MDCChipEvents["INTERACTION"] = "MDCChip:interaction";
-    MDCChipEvents["NAVIGATION"] = "MDCChip:navigation";
-    MDCChipEvents["ANIMATION"] = "MDCChip:animation";
-})(MDCChipEvents || (MDCChipEvents = {}));
-/**
- * MDCChipAttributes provides the named constants for strings used by the
- * foundation.
- */
-export var MDCChipAttributes;
-(function (MDCChipAttributes) {
-    MDCChipAttributes["DATA_REMOVED_ANNOUNCEMENT"] = "data-md3-removed-announcement";
-    MDCChipAttributes["DATA_ADDED_ANNOUNCEMENT"] = "data-md3-added-announcement";
-})(MDCChipAttributes || (MDCChipAttributes = {}));
-/**
- * MDCChipAnimation provides the names of runnable animations.
- */
-export var MDCChipAnimation;
-(function (MDCChipAnimation) {
-    MDCChipAnimation["ENTER"] = "md3-chip-enter";
-    MDCChipAnimation["EXIT"] = "md3-chip-exit";
-})(MDCChipAnimation || (MDCChipAnimation = {}));
-//# sourceMappingURL=constants.js.map

package/chips/chip/lib/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,MAAM,CAAN,IAAY,iBAWX;AAXD,WAAY,iBAAiB;IAC3B,sDAAiC,CAAA;IACjC,0DAAqC,CAAA;IACrC,0FAAqE,CAAA;IACrE,8FAAyE,CAAA;IACzE,oDAA+B,CAAA;IAC/B,+CAA0B,CAAA;IAC1B,4CAAuB,CAAA;IACvB,oDAA+B,CAAA;IAC/B,gDAA2B,CAAA;IAC3B,sEAAiD,CAAA;AACnD,CAAC,EAXW,iBAAiB,KAAjB,iBAAiB,QAW5B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,oDAAmC,CAAA;IACnC,kDAAiC,CAAA;IACjC,gDAA+B,CAAA;AACjC,CAAC,EAJW,aAAa,KAAb,aAAa,QAIxB;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,gFAA2D,CAAA;IAC3D,4EAAuD,CAAA;AACzD,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,4CAAwB,CAAA;IACxB,0CAAsB,CAAA;AACxB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * MDCChipCssClasses provides the named constants for class names.\n */\nexport enum MDCChipCssClasses {\n  SELECTING = 'md3-chip--selecting',\n  DESELECTING = 'md3-chip--deselecting',\n  SELECTING_WITH_PRIMARY_ICON = 'md3-chip--selecting-with-primary-icon',\n  DESELECTING_WITH_PRIMARY_ICON = 'md3-chip--deselecting-with-primary-icon',\n  DISABLED = 'md3-chip--disabled',\n  ENTER = 'md3n-chip--enter',\n  EXIT = 'md3-chip--exit',\n  SELECTED = 'md3-chip--selected',\n  HIDDEN = 'md3-chip--hidden',\n  WITH_PRIMARY_ICON = 'md3-chip--with-primary-icon',\n}\n\n/**\n * MDCChipEvents provides the named constants for emitted events.\n */\nexport enum MDCChipEvents {\n  INTERACTION = 'MDCChip:interaction',\n  NAVIGATION = 'MDCChip:navigation',\n  ANIMATION = 'MDCChip:animation',\n}\n\n/**\n * MDCChipAttributes provides the named constants for strings used by the\n * foundation.\n */\nexport enum MDCChipAttributes {\n  DATA_REMOVED_ANNOUNCEMENT = 'data-md3-removed-announcement',\n  DATA_ADDED_ANNOUNCEMENT = 'data-md3-added-announcement',\n}\n\n/**\n * MDCChipAnimation provides the names of runnable animations.\n */\nexport enum MDCChipAnimation {\n  ENTER = 'md3-chip-enter',\n  EXIT = 'md3-chip-exit',\n}\n"]}

package/chips/chip/lib/foundation.d.ts

@@ -1,41 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCChipActionFocusBehavior, MDCChipActionType } from '../../action/lib/constants.js';
-import { MDCChipAdapter } from './adapter.js';
-import { MDCChipAnimation } from './constants.js';
-import { ActionInteractionEvent, ActionNavigationEvent } from './types.js';
-/**
- * MDCChipFoundation provides a foundation for all chips.
- */
-export declare class MDCChipFoundation {
-    private readonly adapter;
-    static get defaultAdapter(): MDCChipAdapter;
-    private readonly animFrame;
-    constructor(adapter?: Partial<MDCChipAdapter>);
-    destroy(): void;
-    getElementID(): string;
-    setDisabled(isDisabled: boolean): void;
-    isDisabled(): boolean;
-    getActions(): MDCChipActionType[];
-    isActionFocusable(action: MDCChipActionType): boolean;
-    isActionSelectable(action: MDCChipActionType): boolean;
-    isActionSelected(action: MDCChipActionType): boolean;
-    setActionFocus(action: MDCChipActionType, focus: MDCChipActionFocusBehavior): void;
-    setActionSelected(action: MDCChipActionType, isSelected: boolean): void;
-    startAnimation(animation: MDCChipAnimation): void;
-    handleAnimationEnd(event: AnimationEvent): void;
-    handleTransitionEnd(): void;
-    handleActionInteraction({ detail }: ActionInteractionEvent): void;
-    handleActionNavigation({ detail }: ActionNavigationEvent): void;
-    private directionFromKey;
-    private navigateActions;
-    private shouldRemove;
-    private getRemovedAnnouncement;
-    private getAddedAnnouncement;
-    private animateSelection;
-    private resetAnimationStyles;
-    private updateSelectionStyles;
-}