@material/web 0.1.0-alpha.0

package/chips/action/lib/foundation.js

@@ -0,0 +1,151 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// TODO(b/242194005): remove MDC deps
+import { isNavigationEvent, KEY, normalizeKey } from '@material/web/compat/dom/keyboard.js';
+import { MDCChipActionAttributes, MDCChipActionEvents, MDCChipActionFocusBehavior, MDCChipActionInteractionTrigger } from './constants.js';
+const triggerMap = new Map();
+triggerMap.set(KEY.SPACEBAR, MDCChipActionInteractionTrigger.SPACEBAR_KEY);
+triggerMap.set(KEY.ENTER, MDCChipActionInteractionTrigger.ENTER_KEY);
+triggerMap.set(KEY.DELETE, MDCChipActionInteractionTrigger.DELETE_KEY);
+triggerMap.set(KEY.BACKSPACE, MDCChipActionInteractionTrigger.BACKSPACE_KEY);
+/**
+ * MDCChipActionFoundation provides a base abstract foundation for all chip
+ * actions.
+ */
+export class MDCChipActionFoundation {
+    constructor(adapter) {
+        this.adapter = { ...MDCChipActionFoundation.defaultAdapter, ...adapter };
+    }
+    static get defaultAdapter() {
+        return {
+            emitEvent: () => undefined,
+            focus: () => undefined,
+            getAttribute: () => null,
+            getElementID: () => '',
+            removeAttribute: () => undefined,
+            setAttribute: () => undefined,
+        };
+    }
+    handleClick() {
+        // Early exit for cases where the click comes from a source other than the
+        // user's pointer (i.e. programmatic click from AT).
+        if (this.isDisabled())
+            return;
+        this.emitInteraction(MDCChipActionInteractionTrigger.CLICK);
+    }
+    handleKeydown(event) {
+        const key = normalizeKey(event);
+        if (this.shouldNotifyInteractionFromKey(key)) {
+            event.preventDefault();
+            this.emitInteraction(this.getTriggerFromKey(key));
+            return;
+        }
+        if (isNavigationEvent(event)) {
+            event.preventDefault();
+            this.emitNavigation(key);
+            return;
+        }
+    }
+    setDisabled(isDisabled) {
+        // Use `aria-disabled` for the selectable (listbox) disabled state
+        if (this.isSelectable()) {
+            this.adapter.setAttribute(MDCChipActionAttributes.ARIA_DISABLED, `${isDisabled}`);
+            return;
+        }
+        if (isDisabled) {
+            this.adapter.setAttribute(MDCChipActionAttributes.DISABLED, 'true');
+        }
+        else {
+            this.adapter.removeAttribute(MDCChipActionAttributes.DISABLED);
+        }
+    }
+    isDisabled() {
+        if (this.adapter.getAttribute(MDCChipActionAttributes.ARIA_DISABLED) ===
+            'true') {
+            return true;
+        }
+        if (this.adapter.getAttribute(MDCChipActionAttributes.DISABLED) !== null) {
+            return true;
+        }
+        return false;
+    }
+    setFocus(behavior) {
+        // Early exit if not focusable
+        if (!this.isFocusable()) {
+            return;
+        }
+        // Add it to the tab order and give focus
+        if (behavior === MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED) {
+            this.adapter.setAttribute(MDCChipActionAttributes.TAB_INDEX, '0');
+            this.adapter.focus();
+            return;
+        }
+        // Add to the tab order
+        if (behavior === MDCChipActionFocusBehavior.FOCUSABLE) {
+            this.adapter.setAttribute(MDCChipActionAttributes.TAB_INDEX, '0');
+            return;
+        }
+        // Remove it from the tab order
+        if (behavior === MDCChipActionFocusBehavior.NOT_FOCUSABLE) {
+            this.adapter.setAttribute(MDCChipActionAttributes.TAB_INDEX, '-1');
+            return;
+        }
+    }
+    isFocusable() {
+        if (this.isDisabled()) {
+            return false;
+        }
+        if (this.adapter.getAttribute(MDCChipActionAttributes.ARIA_HIDDEN) ===
+            'true') {
+            return false;
+        }
+        return true;
+    }
+    setSelected(isSelected) {
+        // Early exit if not selectable
+        if (!this.isSelectable()) {
+            return;
+        }
+        this.adapter.setAttribute(MDCChipActionAttributes.ARIA_SELECTED, `${isSelected}`);
+    }
+    isSelected() {
+        return this.adapter.getAttribute(MDCChipActionAttributes.ARIA_SELECTED) ===
+            'true';
+    }
+    emitInteraction(trigger) {
+        this.adapter.emitEvent(MDCChipActionEvents.INTERACTION, {
+            actionID: this.adapter.getElementID(),
+            source: this.actionType(),
+            trigger,
+        });
+    }
+    emitNavigation(key) {
+        this.adapter.emitEvent(MDCChipActionEvents.NAVIGATION, {
+            source: this.actionType(),
+            key,
+        });
+    }
+    shouldNotifyInteractionFromKey(key) {
+        const isFromActionKey = key === KEY.ENTER || key === KEY.SPACEBAR;
+        const isFromRemoveKey = key === KEY.BACKSPACE || key === KEY.DELETE;
+        if (isFromActionKey) {
+            return true;
+        }
+        if (isFromRemoveKey && this.shouldEmitInteractionOnRemoveKey()) {
+            return true;
+        }
+        return false;
+    }
+    getTriggerFromKey(key) {
+        const trigger = triggerMap.get(key);
+        if (trigger) {
+            return trigger;
+        }
+        // Default case, should ideally never be returned
+        return MDCChipActionInteractionTrigger.UNSPECIFIED;
+    }
+}
+//# sourceMappingURL=foundation.js.map

package/chips/action/lib/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["foundation.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n// TODO(b/242194005): remove MDC deps\nimport {isNavigationEvent, KEY, normalizeKey} from '@material/web/compat/dom/keyboard.js';\n\nimport {MDCChipActionAdapter} from './adapter.js';\nimport {MDCChipActionAttributes, MDCChipActionEvents, MDCChipActionFocusBehavior, MDCChipActionInteractionTrigger, MDCChipActionType} from './constants.js';\nimport {MDCChipActionInteractionEventDetail, MDCChipActionNavigationEventDetail} from './types.js';\n\nconst triggerMap = new Map<string, MDCChipActionInteractionTrigger>();\ntriggerMap.set(KEY.SPACEBAR, MDCChipActionInteractionTrigger.SPACEBAR_KEY);\ntriggerMap.set(KEY.ENTER, MDCChipActionInteractionTrigger.ENTER_KEY);\ntriggerMap.set(KEY.DELETE, MDCChipActionInteractionTrigger.DELETE_KEY);\ntriggerMap.set(KEY.BACKSPACE, MDCChipActionInteractionTrigger.BACKSPACE_KEY);\n\n\n/**\n * MDCChipActionFoundation provides a base abstract foundation for all chip\n * actions.\n */\nexport abstract class MDCChipActionFoundation {\n  protected readonly adapter: MDCChipActionAdapter;\n\n  static get defaultAdapter(): MDCChipActionAdapter {\n    return {\n      emitEvent: () => undefined,\n      focus: () => undefined,\n      getAttribute: () => null,\n      getElementID: () => '',\n      removeAttribute: () => undefined,\n      setAttribute: () => undefined,\n    };\n  }\n\n  constructor(adapter: Partial<MDCChipActionAdapter>) {\n    this.adapter = {...MDCChipActionFoundation.defaultAdapter, ...adapter};\n  }\n\n  handleClick() {\n    // Early exit for cases where the click comes from a source other than the\n    // user's pointer (i.e. programmatic click from AT).\n    if (this.isDisabled()) return;\n    this.emitInteraction(MDCChipActionInteractionTrigger.CLICK);\n  }\n\n  handleKeydown(event: KeyboardEvent) {\n    const key = normalizeKey(event);\n    if (this.shouldNotifyInteractionFromKey(key)) {\n      event.preventDefault();\n      this.emitInteraction(this.getTriggerFromKey(key));\n      return;\n    }\n\n    if (isNavigationEvent(event)) {\n      event.preventDefault();\n      this.emitNavigation(key);\n      return;\n    }\n  }\n\n  setDisabled(isDisabled: boolean) {\n    // Use `aria-disabled` for the selectable (listbox) disabled state\n    if (this.isSelectable()) {\n      this.adapter.setAttribute(\n          MDCChipActionAttributes.ARIA_DISABLED, `${isDisabled}`);\n      return;\n    }\n\n    if (isDisabled) {\n      this.adapter.setAttribute(MDCChipActionAttributes.DISABLED, 'true');\n    } else {\n      this.adapter.removeAttribute(MDCChipActionAttributes.DISABLED);\n    }\n  }\n\n  isDisabled(): boolean {\n    if (this.adapter.getAttribute(MDCChipActionAttributes.ARIA_DISABLED) ===\n        'true') {\n      return true;\n    }\n\n    if (this.adapter.getAttribute(MDCChipActionAttributes.DISABLED) !== null) {\n      return true;\n    }\n\n    return false;\n  }\n\n  setFocus(behavior: MDCChipActionFocusBehavior) {\n    // Early exit if not focusable\n    if (!this.isFocusable()) {\n      return;\n    }\n\n    // Add it to the tab order and give focus\n    if (behavior === MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED) {\n      this.adapter.setAttribute(MDCChipActionAttributes.TAB_INDEX, '0');\n      this.adapter.focus();\n      return;\n    }\n\n    // Add to the tab order\n    if (behavior === MDCChipActionFocusBehavior.FOCUSABLE) {\n      this.adapter.setAttribute(MDCChipActionAttributes.TAB_INDEX, '0');\n      return;\n    }\n\n    // Remove it from the tab order\n    if (behavior === MDCChipActionFocusBehavior.NOT_FOCUSABLE) {\n      this.adapter.setAttribute(MDCChipActionAttributes.TAB_INDEX, '-1');\n      return;\n    }\n  }\n\n  isFocusable() {\n    if (this.isDisabled()) {\n      return false;\n    }\n\n    if (this.adapter.getAttribute(MDCChipActionAttributes.ARIA_HIDDEN) ===\n        'true') {\n      return false;\n    }\n\n    return true;\n  }\n\n  setSelected(isSelected: boolean) {\n    // Early exit if not selectable\n    if (!this.isSelectable()) {\n      return;\n    }\n\n    this.adapter.setAttribute(\n        MDCChipActionAttributes.ARIA_SELECTED, `${isSelected}`);\n  }\n\n  isSelected(): boolean {\n    return this.adapter.getAttribute(MDCChipActionAttributes.ARIA_SELECTED) ===\n        'true';\n  }\n\n  private emitInteraction(trigger: MDCChipActionInteractionTrigger) {\n    this.adapter.emitEvent<MDCChipActionInteractionEventDetail>(\n        MDCChipActionEvents.INTERACTION, {\n          actionID: this.adapter.getElementID(),\n          source: this.actionType(),\n          trigger,\n        });\n  }\n\n  private emitNavigation(key: string) {\n    this.adapter.emitEvent<MDCChipActionNavigationEventDetail>(\n        MDCChipActionEvents.NAVIGATION, {\n          source: this.actionType(),\n          key,\n        });\n  }\n\n  private shouldNotifyInteractionFromKey(key: string): boolean {\n    const isFromActionKey = key === KEY.ENTER || key === KEY.SPACEBAR;\n    const isFromRemoveKey = key === KEY.BACKSPACE || key === KEY.DELETE;\n\n    if (isFromActionKey) {\n      return true;\n    }\n\n    if (isFromRemoveKey && this.shouldEmitInteractionOnRemoveKey()) {\n      return true;\n    }\n\n    return false;\n  }\n\n  private getTriggerFromKey(key: string): MDCChipActionInteractionTrigger {\n    const trigger = triggerMap.get(key);\n    if (trigger) {\n      return trigger;\n    }\n\n    // Default case, should ideally never be returned\n    return MDCChipActionInteractionTrigger.UNSPECIFIED;\n  }\n\n  abstract actionType(): MDCChipActionType;\n\n  abstract isSelectable(): boolean;\n\n  protected abstract shouldEmitInteractionOnRemoveKey(): boolean;\n}\n"]}

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

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { TemplateResult } from 'lit';
+import { PrimaryAction } from './primary-action.js';
+/** @soyCompatible */
+export declare class LinkAction extends PrimaryAction {
+    href: string;
+    target: string;
+    /**
+     * @soyTemplate
+     * @soyAttributes linkAttributes: .md3-chip__action
+     */
+    protected render(): TemplateResult;
+}

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

@@ -0,0 +1,43 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate, __metadata } from "tslib";
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { PrimaryAction } from './primary-action.js';
+/** @soyCompatible */
+export class LinkAction extends PrimaryAction {
+    /**
+     * @soyTemplate
+     * @soyAttributes linkAttributes: .md3-chip__action
+     */
+    render() {
+        return html `
+      <span class="action-link">
+        <a class="${classMap(this.getRootClasses())}"
+            aria-label="${ifDefined(this.ariaLabel)}"
+            href="${ifDefined(this.href)}"
+            target="${ifDefined(this.target)}"
+            tabindex="${this.isFocusable ? 0 : -1}">
+          ${this.renderTouchTarget()}
+          ${this.renderRipple()}
+          ${this.renderFocusRing()}
+          ${this.renderGraphic()}
+          ${this.renderLabel()}
+        </a>
+      </span>`;
+    }
+}
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], LinkAction.prototype, "href", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], LinkAction.prototype, "target", void 0);
+//# sourceMappingURL=link-action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-action.js","sourceRoot":"","sources":["link-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAIlD,qBAAqB;AACrB,MAAM,OAAO,UAAW,SAAQ,aAAa;IAK3C;;;OAGG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;;oBAEK,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;0BACzB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC/B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;sBAClB,SAAS,CAAC,IAAI,CAAC,MAAoB,CAAC;wBAClC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE;;cAEhB,CAAC;IACb,CAAC;CACF;AAxB2B;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAe;AAEd;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;0CAAiB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {PrimaryAction} from './primary-action.js';\n\ntype LinkTarget = '_blank'|'_parent'|'_self'|'_top';\n\n/** @soyCompatible */\nexport class LinkAction extends PrimaryAction {\n  @property({type: String}) href!: string;\n\n  @property({type: String}) target!: string;\n\n  /**\n   * @soyTemplate\n   * @soyAttributes linkAttributes: .md3-chip__action\n   */\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"action-link\">\n        <a class=\"${classMap(this.getRootClasses())}\"\n            aria-label=\"${ifDefined(this.ariaLabel)}\"\n            href=\"${ifDefined(this.href)}\"\n            target=\"${ifDefined(this.target as LinkTarget)}\"\n            tabindex=\"${this.isFocusable ? 0 : -1}\">\n          ${this.renderTouchTarget()}\n          ${this.renderRipple()}\n          ${this.renderFocusRing()}\n          ${this.renderGraphic()}\n          ${this.renderLabel()}\n        </a>\n      </span>`;\n  }\n}\n"]}

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

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { TemplateResult } from 'lit';
+import { ClassInfo } from 'lit/directives/class-map.js';
+import { PrimaryAction } from './primary-action.js';
+/** @soyCompatible */
+export declare class PresentationalAction extends PrimaryAction {
+    /** @soyTemplate */
+    protected render(): TemplateResult;
+    /** @soyTemplate */
+    protected getRootClasses(): ClassInfo;
+}

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

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { html } from 'lit';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { PrimaryAction } from './primary-action.js';
+/** @soyCompatible */
+export class PresentationalAction extends PrimaryAction {
+    /** @soyTemplate */
+    render() {
+        return html `
+      <span class="${classMap(this.getRootClasses())}"
+          aria-label="${ifDefined(this.ariaLabel)}"
+          role="presentation">
+        ${this.renderGraphic()}
+        ${this.renderLabel()}
+      </span>`;
+    }
+    /** @soyTemplate */
+    getRootClasses() {
+        return {
+            ...super.getRootClasses(),
+            'md3-chip__action--presentational': true,
+        };
+    }
+}
+//# sourceMappingURL=presentational-action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentational-action.js","sourceRoot":"","sources":["presentational-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAElD,qBAAqB;AACrB,MAAM,OAAO,oBAAqB,SAAQ,aAAa;IAErD,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC5B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;;UAEvC,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,WAAW,EAAE;cACd,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,kCAAkC,EAAE,IAAI;SACzC,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {PrimaryAction} from './primary-action.js';\n\n/** @soyCompatible */\nexport class PresentationalAction extends PrimaryAction {\n\n  /** @soyTemplate */\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"${classMap(this.getRootClasses())}\"\n          aria-label=\"${ifDefined(this.ariaLabel)}\"\n          role=\"presentation\">\n        ${this.renderGraphic()}\n        ${this.renderLabel()}\n      </span>`;\n  }\n\n  /** @soyTemplate */\n  protected override getRootClasses(): ClassInfo {\n    return {\n      ...super.getRootClasses(),\n      'md3-chip__action--presentational': true,\n    };\n  }\n}\n"]}

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

@@ -0,0 +1,29 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { TemplateResult } from 'lit';
+import { ClassInfo } from 'lit/directives/class-map.js';
+import { Action } from './action.js';
+/**
+ * Base class for all primary actions: Presentational, Selectable, Link
+ * @soyCompatible
+ */
+export declare class PrimaryAction extends Action {
+    isDeletable: boolean;
+    label: string;
+    icon: string;
+    /** @soyTemplate */
+    protected render(): TemplateResult;
+    /** @soyTemplate */
+    protected getRootClasses(): ClassInfo;
+    /** @soyTemplate */
+    protected getRippleClasses(): ClassInfo;
+    /** @soyTemplate */
+    protected renderGraphic(): TemplateResult;
+    /** @soyTemplate */
+    protected renderIcon(): TemplateResult;
+    /** @soyTemplate */
+    protected renderLabel(): TemplateResult;
+}

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

@@ -0,0 +1,83 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate, __metadata } from "tslib";
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { Action } from './action.js';
+/**
+ * Base class for all primary actions: Presentational, Selectable, Link
+ * @soyCompatible
+ */
+export class PrimaryAction extends Action {
+    constructor() {
+        super(...arguments);
+        this.isDeletable = false;
+        this.label = '';
+        this.icon = '';
+    }
+    /** @soyTemplate */
+    render() {
+        return html `
+      <span class="${classMap(this.getRootClasses())}"
+          aria-label="${ifDefined(this.ariaLabel)}"
+          tabindex="${this.isFocusable ? 0 : -1}"
+          type="button"
+          ?disabled="${this.disabled}">
+        ${this.renderTouchTarget()}
+        ${this.renderRipple()}
+        ${this.renderFocusRing()}
+        ${this.renderGraphic()}
+        ${this.renderLabel()}
+      </span>`;
+    }
+    /** @soyTemplate */
+    getRootClasses() {
+        return {
+            ...super.getRootClasses(),
+            'md3-chip__action--primary': true,
+        };
+    }
+    /** @soyTemplate */
+    getRippleClasses() {
+        return {
+            ...super.getRippleClasses(),
+            'md3-chip__ripple--primary': true,
+        };
+    }
+    /** @soyTemplate */
+    renderGraphic() {
+        return this.icon ? html `
+      <span class="md3-chip__graphic">
+        ${this.renderIcon()}
+      </span>` : html ``;
+    }
+    /** @soyTemplate */
+    renderIcon() {
+        return html `
+      <span class="md3-chip__icon md3-chip__icon--primary material-icons">
+        ${this.icon}
+      </span>`;
+    }
+    /** @soyTemplate */
+    renderLabel() {
+        return html `<span class="md3-chip__text-label">${this.label}</span>`;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], PrimaryAction.prototype, "isDeletable", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], PrimaryAction.prototype, "label", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], PrimaryAction.prototype, "icon", void 0);
+//# sourceMappingURL=primary-action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"primary-action.js","sourceRoot":"","sources":["primary-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,MAAM;IAAzC;;QAC4C,gBAAW,GAAG,KAAK,CAAC;QAEpC,UAAK,GAAG,EAAE,CAAC;QAEX,SAAI,GAAG,EAAE,CAAC;IAsDtC,CAAC;IApDC,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC5B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;sBAC3B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;uBAExB,IAAI,CAAC,QAAQ;UAC1B,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,WAAW,EAAE;cACd,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACT,aAAa;QACrB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEjB,IAAI,CAAC,UAAU,EAAE;cACb,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC;IACtB,CAAC;IAED,mBAAmB;IACT,UAAU;QAClB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,IAAI;cACL,CAAC;IACb,CAAC;IAED,mBAAmB;IACT,WAAW;QACnB,OAAO,IAAI,CAAA,sCAAsC,IAAI,CAAC,KAAK,SAAS,CAAC;IACvE,CAAC;CACF;AA1D2C;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;kDAAqB;AAEpC;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;4CAAY;AAEX;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;2CAAW","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {Action} from './action.js';\n\n/**\n * Base class for all primary actions: Presentational, Selectable, Link\n * @soyCompatible\n */\nexport class PrimaryAction extends Action {\n  @property({type: Boolean, reflect: true}) isDeletable = false;\n\n  @property({type: String}) label = '';\n\n  @property({type: String}) icon = '';\n\n  /** @soyTemplate */\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"${classMap(this.getRootClasses())}\"\n          aria-label=\"${ifDefined(this.ariaLabel)}\"\n          tabindex=\"${this.isFocusable ? 0 : -1}\"\n          type=\"button\"\n          ?disabled=\"${this.disabled}\">\n        ${this.renderTouchTarget()}\n        ${this.renderRipple()}\n        ${this.renderFocusRing()}\n        ${this.renderGraphic()}\n        ${this.renderLabel()}\n      </span>`;\n  }\n\n  /** @soyTemplate */\n  protected override getRootClasses(): ClassInfo {\n    return {\n      ...super.getRootClasses(),\n      'md3-chip__action--primary': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected override getRippleClasses(): ClassInfo {\n    return {\n      ...super.getRippleClasses(),\n      'md3-chip__ripple--primary': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected renderGraphic(): TemplateResult {\n    return this.icon ? html`\n      <span class=\"md3-chip__graphic\">\n        ${this.renderIcon()}\n      </span>` : html``;\n  }\n\n  /** @soyTemplate */\n  protected renderIcon(): TemplateResult {\n    return html`\n      <span class=\"md3-chip__icon md3-chip__icon--primary material-icons\">\n        ${this.icon}\n      </span>`;\n  }\n\n  /** @soyTemplate */\n  protected renderLabel(): TemplateResult {\n    return html`<span class=\"md3-chip__text-label\">${this.label}</span>`;\n  }\n}\n"]}

package/chips/action/lib/primary-foundation.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { MDCChipActionType } from './constants.js';
+import { MDCChipActionFoundation } from './foundation.js';
+/**
+ * MDCChipPrimaryActionFoundation provides the business logic for the primary
+ * chip action.
+ */
+export declare class MDCChipPrimaryActionFoundation extends MDCChipActionFoundation {
+    isSelectable(): boolean;
+    actionType(): MDCChipActionType;
+    protected shouldEmitInteractionOnRemoveKey(): boolean;
+}

package/chips/action/lib/primary-foundation.js

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { MDCChipActionAttributes, MDCChipActionType } from './constants.js';
+import { MDCChipActionFoundation } from './foundation.js';
+/**
+ * MDCChipPrimaryActionFoundation provides the business logic for the primary
+ * chip action.
+ */
+export class MDCChipPrimaryActionFoundation extends MDCChipActionFoundation {
+    isSelectable() {
+        return this.adapter.getAttribute(MDCChipActionAttributes.ROLE) === 'option';
+    }
+    actionType() {
+        return MDCChipActionType.PRIMARY;
+    }
+    shouldEmitInteractionOnRemoveKey() {
+        return this.adapter.getAttribute(MDCChipActionAttributes.DATA_DELETABLE) ===
+            'true';
+    }
+}
+//# sourceMappingURL=primary-foundation.js.map

package/chips/action/lib/primary-foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary-foundation.js","sourceRoot":"","sources":["primary-foundation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,uBAAuB,EAAE,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAC,uBAAuB,EAAC,MAAM,iBAAiB,CAAC;AAExD;;;GAGG;AACH,MAAM,OAAO,8BAA+B,SAAQ,uBAAuB;IACzE,YAAY;QACV,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC;IAC9E,CAAC;IAED,UAAU;QACR,OAAO,iBAAiB,CAAC,OAAO,CAAC;IACnC,CAAC;IAES,gCAAgC;QACxC,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,uBAAuB,CAAC,cAAc,CAAC;YACpE,MAAM,CAAC;IACb,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCChipActionAttributes, MDCChipActionType} from './constants.js';\nimport {MDCChipActionFoundation} from './foundation.js';\n\n/**\n * MDCChipPrimaryActionFoundation provides the business logic for the primary\n * chip action.\n */\nexport class MDCChipPrimaryActionFoundation extends MDCChipActionFoundation {\n  isSelectable() {\n    return this.adapter.getAttribute(MDCChipActionAttributes.ROLE) === 'option';\n  }\n\n  actionType() {\n    return MDCChipActionType.PRIMARY;\n  }\n\n  protected shouldEmitInteractionOnRemoveKey() {\n    return this.adapter.getAttribute(MDCChipActionAttributes.DATA_DELETABLE) ===\n        'true';\n  }\n}\n"]}

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

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { TemplateResult } from 'lit';
+import { PrimaryAction } from './primary-action.js';
+/** @soyCompatible */
+export declare class SelectableAction extends PrimaryAction {
+    selected: boolean;
+    /** @soyTemplate */
+    protected render(): TemplateResult;
+    /** @soyTemplate */
+    protected renderGraphic(): TemplateResult;
+    /** @soyTemplate */
+    private renderCheckMark;
+}

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

@@ -0,0 +1,57 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate, __metadata } from "tslib";
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { PrimaryAction } from './primary-action.js';
+/** @soyCompatible */
+export class SelectableAction extends PrimaryAction {
+    constructor() {
+        super(...arguments);
+        this.selected = false;
+    }
+    /** @soyTemplate */
+    render() {
+        return html `
+      <span class="${classMap(this.getRootClasses())}"
+          aria-label="${ifDefined(this.ariaLabel)}"
+          aria-selected="${this.selected}"
+          aria-disabled="${this.disabled}"
+          tabindex="${this.isFocusable ? 0 : -1}"
+          role="option">
+        ${this.renderTouchTarget()}
+        ${this.renderRipple()}
+        ${this.renderFocusRing()}
+        ${this.renderGraphic()}
+        ${this.renderLabel()}
+      </span>`;
+    }
+    /** @soyTemplate */
+    renderGraphic() {
+        return html `
+      <span class="md3-chip__graphic">
+        ${this.icon ? this.renderIcon() : ''}
+        ${this.renderCheckMark()}
+      </span>`;
+    }
+    /** @soyTemplate */
+    renderCheckMark() {
+        return html `
+      <span class="md3-chip__checkmark">
+        <svg class="md3-chip__checkmark-svg" viewBox="-2 -3 30 30">
+          <path class="md3-chip__checkmark-path" fill="none" stroke="black"
+                d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+        </svg>
+      </span>`;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SelectableAction.prototype, "selected", void 0);
+//# sourceMappingURL=selectable-action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectable-action.js","sourceRoot":"","sources":["selectable-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAElD,qBAAqB;AACrB,MAAM,OAAO,gBAAiB,SAAQ,aAAa;IAAnD;;QAC4C,aAAQ,GAAG,KAAK,CAAC;IAsC7D,CAAC;IApCC,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC5B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;2BACtB,IAAI,CAAC,QAAQ;2BACb,IAAI,CAAC,QAAQ;sBAClB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;UAErC,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,WAAW,EAAE;cACd,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,aAAa;QAC9B,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE;UAClC,IAAI,CAAC,eAAe,EAAE;cAClB,CAAC;IACb,CAAC;IAED,mBAAmB;IACX,eAAe;QACrB,OAAO,IAAI,CAAA;;;;;;cAMD,CAAC;IACb,CAAC;CACF;AAtC2C;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;kDAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\n\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {PrimaryAction} from './primary-action.js';\n\n/** @soyCompatible */\nexport class SelectableAction extends PrimaryAction {\n  @property({type: Boolean, reflect: true}) selected = false;\n\n  /** @soyTemplate */\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"${classMap(this.getRootClasses())}\"\n          aria-label=\"${ifDefined(this.ariaLabel)}\"\n          aria-selected=\"${this.selected}\"\n          aria-disabled=\"${this.disabled}\"\n          tabindex=\"${this.isFocusable ? 0 : -1}\"\n          role=\"option\">\n        ${this.renderTouchTarget()}\n        ${this.renderRipple()}\n        ${this.renderFocusRing()}\n        ${this.renderGraphic()}\n        ${this.renderLabel()}\n      </span>`;\n  }\n\n  /** @soyTemplate */\n  protected override renderGraphic(): TemplateResult {\n    return html`\n      <span class=\"md3-chip__graphic\">\n        ${this.icon ? this.renderIcon() : ''}\n        ${this.renderCheckMark()}\n      </span>`;\n  }\n\n  /** @soyTemplate */\n  private renderCheckMark(): TemplateResult {\n    return html`\n      <span class=\"md3-chip__checkmark\">\n        <svg class=\"md3-chip__checkmark-svg\" viewBox=\"-2 -3 30 30\">\n          <path class=\"md3-chip__checkmark-path\" fill=\"none\" stroke=\"black\"\n                d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n        </svg>\n      </span>`;\n  }\n}\n"]}

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

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { TemplateResult } from 'lit';
+import { ClassInfo } from 'lit/directives/class-map.js';
+import { Action } from './action.js';
+/** @soyCompatible */
+export declare class TrailingAction extends Action {
+    isNavigable: boolean;
+    /** @soyTemplate */
+    protected render(): TemplateResult;
+    /** @soyTemplate */
+    protected getRootClasses(): ClassInfo;
+    /** @soyTemplate */
+    protected getRippleClasses(): ClassInfo;
+    /** @soyTemplate */
+    private renderCloseIcon;
+}

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

@@ -0,0 +1,62 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate, __metadata } from "tslib";
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { Action } from './action.js';
+/** @soyCompatible */
+export class TrailingAction extends Action {
+    constructor() {
+        super(...arguments);
+        this.isNavigable = false;
+    }
+    /** @soyTemplate */
+    render() {
+        return html `
+      <button class="${classMap(this.getRootClasses())}"
+          aria-label="${ifDefined(this.ariaLabel)}"
+          aria-hidden="${!this.isNavigable}"
+          tabindex="${this.isFocusable ? 0 : -1}"
+          type="button">
+        ${this.renderTouchTarget()}
+        ${this.renderRipple()}
+        ${this.renderFocusRing()}
+        ${this.renderCloseIcon()}
+      </button>`;
+    }
+    /** @soyTemplate */
+    getRootClasses() {
+        return {
+            ...super.getRootClasses(),
+            'md3-chip__action--trailing': true,
+        };
+    }
+    /** @soyTemplate */
+    getRippleClasses() {
+        return {
+            ...super.getRippleClasses(),
+            'md3-chip__ripple--trailing': true,
+        };
+    }
+    /** @soyTemplate */
+    renderCloseIcon() {
+        return html `
+      <span class="md3-chip__icon md3-chip__icon--trailing" aria-hidden="true">
+        <svg xmlns="http://www.w3.org/2000/svg"
+             height="24" width="24" fill="#041E49">
+          <path d="M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 
+                   13.4 12l5.6 5.6-1.4 1.4-5.6-5.6Z"/>
+        </svg>
+      </span>`;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], TrailingAction.prototype, "isNavigable", void 0);
+//# sourceMappingURL=trailing-action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trailing-action.js","sourceRoot":"","sources":["trailing-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,qBAAqB;AACrB,MAAM,OAAO,cAAe,SAAQ,MAAM;IAA1C;;QAC4C,gBAAW,GAAG,KAAK,CAAC;IA4ChE,CAAC;IA1CC,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;uBACQ,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC9B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;yBACxB,CAAC,IAAI,CAAC,WAAW;sBACpB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;UAErC,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,eAAe,EAAE;gBAChB,CAAC;IACf,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,4BAA4B,EAAE,IAAI;SACnC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,4BAA4B,EAAE,IAAI;SACnC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACX,eAAe;QACrB,OAAO,IAAI,CAAA;;;;;;;cAOD,CAAC;IACb,CAAC;CACF;AA5C2C;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;mDAAqB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {Action} from './action.js';\n\n/** @soyCompatible */\nexport class TrailingAction extends Action {\n  @property({type: Boolean, reflect: true}) isNavigable = false;\n\n  /** @soyTemplate */\n  protected override render(): TemplateResult {\n    return html`\n      <button class=\"${classMap(this.getRootClasses())}\"\n          aria-label=\"${ifDefined(this.ariaLabel)}\"\n          aria-hidden=\"${!this.isNavigable}\"\n          tabindex=\"${this.isFocusable ? 0 : -1}\"\n          type=\"button\">\n        ${this.renderTouchTarget()}\n        ${this.renderRipple()}\n        ${this.renderFocusRing()}\n        ${this.renderCloseIcon()}\n      </button>`;\n  }\n\n  /** @soyTemplate */\n  protected override getRootClasses(): ClassInfo {\n    return {\n      ...super.getRootClasses(),\n      'md3-chip__action--trailing': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected override getRippleClasses(): ClassInfo {\n    return {\n      ...super.getRippleClasses(),\n      'md3-chip__ripple--trailing': true,\n    };\n  }\n\n  /** @soyTemplate */\n  private renderCloseIcon(): TemplateResult {\n    return html`\n      <span class=\"md3-chip__icon md3-chip__icon--trailing\" aria-hidden=\"true\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\"\n             height=\"24\" width=\"24\" fill=\"#041E49\">\n          <path d=\"M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 \n                   13.4 12l5.6 5.6-1.4 1.4-5.6-5.6Z\"/>\n        </svg>\n      </span>`;\n  }\n}\n"]}