@material/web 0.1.0-alpha.0 → 0.1.0-alpha.2

package/chips/action/lib/action.js

@@ -4,14 +4,16 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { __decorate, __metadata } from "tslib";
-import '@material/web/focus/focus-ring.js';
-import '@material/web/ripple/ripple.js';
-import { ActionElement } from '@material/web/actionelement/action-element.js';
-import { ariaProperty } from '@material/web/decorators/aria-property.js';
-import { MdRipple } from '@material/web/ripple/ripple.js';
+import '../../../focus/focus-ring.js';
+import '../../../ripple/ripple.js';
 import { html } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+import { ActionElement } from '../../../actionelement/action-element.js';
+import { ariaProperty } from '../../../decorators/aria-property.js';
+import { pointerPress, shouldShowStrongFocus } from '../../../focus/strong-focus.js';
+import { MdRipple } from '../../../ripple/ripple.js';
+import { Md3ChipActionEventType } from './events.js';
 /**
  * Base class for all actions.
  * @soyCompatible
@@ -19,6 +21,7 @@ import { classMap } from 'lit/directives/class-map.js';
 export class Action extends ActionElement {
     constructor() {
         super(...arguments);
+        this.isDeletable = false;
         this.isFocusable = false;
         this.isTouchable = false;
         this.disabled = false;
@@ -39,7 +42,8 @@ export class Action extends ActionElement {
     /** @soyTemplate */
     renderTouchTarget() {
         return this.isTouchable ?
-            html `<span class="md3-chip__action-touch"></span>` : html ``;
+            html `<span class="md3-chip__action-touch"></span>` :
+            html ``;
     }
     /** @soyTemplate */
     renderRipple() {
@@ -53,7 +57,82 @@ export class Action extends ActionElement {
         return html `
       <md-focus-ring .visible="${this.showFocusRing}"></md-focus-ring>`;
     }
+    handleFocus() {
+        this.showFocusRing = shouldShowStrongFocus();
+    }
+    handleBlur() {
+        this.showFocusRing = false;
+    }
+    beginPress({ positionEvent }) {
+        this.ripple?.beginPress(positionEvent);
+    }
+    endPress(options) {
+        super.endPress(options);
+        this.ripple?.endPress();
+        if (!options.cancelled) {
+            this.dispatchCustomEvent(this.getInteractionEvent());
+        }
+    }
+    handlePointerEnter(e) {
+        this.ripple?.beginHover(e);
+    }
+    handlePointerLeave(e) {
+        super.handlePointerLeave(e);
+        this.ripple?.endHover();
+    }
+    handlePointerDown(e) {
+        super.handlePointerDown(e);
+        pointerPress();
+        this.showFocusRing = shouldShowStrongFocus();
+    }
+    handleClick(e) {
+        super.handleClick(e);
+        this.dispatchCustomEvent(this.getInteractionEvent());
+    }
+    handleKeyDown(e) {
+        switch (e.key) {
+            case 'Enter':
+            case ' ':
+                this.dispatchCustomEvent(this.getInteractionEvent());
+                break;
+            case 'Delete':
+            case 'Backspace':
+                if (this.isDeletable) {
+                    this.dispatchCustomEvent(Md3ChipActionEventType.DELETE);
+                }
+                break;
+            case 'ArrowLeft':
+                this.dispatchCustomEvent(this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_NEXT :
+                    Md3ChipActionEventType.NAVIGATE_TO_PREV);
+                break;
+            case 'ArrowRight':
+                this.dispatchCustomEvent(this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_PREV :
+                    Md3ChipActionEventType.NAVIGATE_TO_NEXT);
+                break;
+            case 'Home':
+                this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_FIRST);
+                break;
+            case 'End':
+                this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_LAST);
+                break;
+            default:
+            // Unhandled key, do nothing.
+        }
+    }
+    getInteractionEvent() {
+        return Md3ChipActionEventType.SELECT;
+    }
+    dispatchCustomEvent(eventType) {
+        this.dispatchEvent(new CustomEvent(eventType, { bubbles: true, composed: true }));
+    }
+    isRTL() {
+        return getComputedStyle(this).getPropertyValue('direction') === 'rtl';
+    }
 }
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], Action.prototype, "isDeletable", void 0);
 __decorate([
     property({ type: Boolean, reflect: true }),
     __metadata("design:type", Object)

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

@@ -1 +1 @@
-{"version":3,"file":"action.js","sourceRoot":"","sources":["action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,mCAAmC,CAAC;AAC3C,OAAO,gCAAgC,CAAC;AAExC,OAAO,EAAC,aAAa,EAAC,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAC,YAAY,EAAC,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAEhE;;;GAGG;AACH,MAAM,OAAgB,MAAO,SAAQ,aAAa;IAAlD;;QAC4C,gBAAW,GAAG,KAAK,CAAC;QAEpB,gBAAW,GAAG,KAAK,CAAC;QAEpB,aAAQ,GAAG,KAAK,CAAC;QAElD,kBAAa,GAAG,KAAK,CAAC;IA0CjC,CAAC;IAjCC,mBAAmB;IACT,cAAc;QACtB,OAAO;YACL,kBAAkB,EAAE,IAAI;SACzB,CAAC;IACJ,CAAC;IAED,mBAAmB;IACT,gBAAgB;QACxB,OAAO;YACL,kBAAkB,EAAE,IAAI;SACzB,CAAC;IACJ,CAAC;IAED,mBAAmB;IACT,iBAAiB;QACzB,OAAQ,IAAI,CAAC,WAAW,CAAC,CAAC;YACtB,IAAI,CAAA,8CAA8C,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAE;IACnE,CAAC;IAED,mBAAmB;IACT,YAAY;QACpB,OAAO,IAAI,CAAA;0BACW,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;uBACpC,IAAI,CAAC,QAAQ;mBACjB,CAAC;IAClB,CAAC;IAED,mBAAmB;IACT,eAAe;QACvB,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,aAAa,oBAAoB,CAAC;IACtE,CAAC;CACF;AAhD2C;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;2CAAqB;AAEpB;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;2CAAqB;AAEpB;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;wCAAkB;AAElD;IAAR,KAAK,EAAE;;6CAAuB;AAEX;IAAnB,KAAK,CAAC,WAAW,CAAC;8BAAU,QAAQ;sCAAM;AAK3C;IAFC,YAAY,CAAE,wCAAwC;;IACtD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAC,CAAC;;yCACtB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '@material/web/focus/focus-ring.js';\nimport '@material/web/ripple/ripple.js';\n\nimport {ActionElement} from '@material/web/actionelement/action-element.js';\nimport {ariaProperty} from '@material/web/decorators/aria-property.js';\nimport {MdRipple} from '@material/web/ripple/ripple.js';\nimport {html, TemplateResult} from 'lit';\nimport {property, query, state} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\n\n/**\n * Base class for all actions.\n * @soyCompatible\n */\nexport abstract class Action 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  @state() showFocusRing = false;\n\n  @query('md-ripple') ripple?: MdRipple|null;\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    return {\n      'md3-chip__action': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected getRippleClasses(): ClassInfo {\n    return {\n      'md3-chip__ripple': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected renderTouchTarget(): TemplateResult {\n    return  this.isTouchable ?\n        html`<span class=\"md3-chip__action-touch\"></span>` : html`` ;\n  }\n\n  /** @soyTemplate */\n  protected renderRipple(): TemplateResult {\n    return html`\n      <md-ripple class=\"${classMap(this.getRippleClasses())}\"\n          ?disabled=\"${this.disabled}\">\n      </md-ripple>`;\n  }\n\n  /** @soyTemplate */\n  protected renderFocusRing(): TemplateResult {\n    return html`\n      <md-focus-ring .visible=\"${this.showFocusRing}\"></md-focus-ring>`;\n  }\n}\n"]}
+{"version":3,"file":"action.js","sourceRoot":"","sources":["action.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 '../../../focus/focus-ring.js';\nimport '../../../ripple/ripple.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property, query, state} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\n\nimport {ActionElement, BeginPressConfig, EndPressConfig} from '../../../actionelement/action-element.js';\nimport {ariaProperty} from '../../../decorators/aria-property.js';\nimport {pointerPress, shouldShowStrongFocus} from '../../../focus/strong-focus.js';\nimport {MdRipple} from '../../../ripple/ripple.js';\n\nimport {Md3ChipActionEventType} from './events.js';\n\n/**\n * Base class for all actions.\n * @soyCompatible\n */\nexport abstract class Action extends ActionElement {\n  @property({type: Boolean, reflect: true}) isDeletable = false;\n\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  @state() showFocusRing = false;\n\n  @query('md-ripple') ripple?: MdRipple|null;\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    return {\n      'md3-chip__action': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected getRippleClasses(): ClassInfo {\n    return {\n      'md3-chip__ripple': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected renderTouchTarget(): TemplateResult {\n    return this.isTouchable ?\n        html`<span class=\"md3-chip__action-touch\"></span>` :\n        html``;\n  }\n\n  /** @soyTemplate */\n  protected renderRipple(): TemplateResult {\n    return html`\n      <md-ripple class=\"${classMap(this.getRippleClasses())}\"\n          ?disabled=\"${this.disabled}\">\n      </md-ripple>`;\n  }\n\n  /** @soyTemplate */\n  protected renderFocusRing(): TemplateResult {\n    return html`\n      <md-focus-ring .visible=\"${this.showFocusRing}\"></md-focus-ring>`;\n  }\n\n  protected handleFocus() {\n    this.showFocusRing = shouldShowStrongFocus();\n  }\n\n  protected handleBlur() {\n    this.showFocusRing = false;\n  }\n\n  override beginPress({positionEvent}: BeginPressConfig) {\n    this.ripple?.beginPress(positionEvent);\n  }\n\n  override endPress(options: EndPressConfig) {\n    super.endPress(options);\n    this.ripple?.endPress();\n    if (!options.cancelled) {\n      this.dispatchCustomEvent(this.getInteractionEvent());\n    }\n  }\n\n  protected handlePointerEnter(e: PointerEvent) {\n    this.ripple?.beginHover(e);\n  }\n\n  override handlePointerLeave(e: PointerEvent) {\n    super.handlePointerLeave(e);\n    this.ripple?.endHover();\n  }\n\n  override handlePointerDown(e: PointerEvent) {\n    super.handlePointerDown(e);\n    pointerPress();\n    this.showFocusRing = shouldShowStrongFocus();\n  }\n\n  override handleClick(e: MouseEvent) {\n    super.handleClick(e);\n    this.dispatchCustomEvent(this.getInteractionEvent());\n  }\n\n  protected handleKeyDown(e: KeyboardEvent) {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        this.dispatchCustomEvent(this.getInteractionEvent());\n        break;\n      case 'Delete':\n      case 'Backspace':\n        if (this.isDeletable) {\n          this.dispatchCustomEvent(Md3ChipActionEventType.DELETE);\n        }\n        break;\n      case 'ArrowLeft':\n        this.dispatchCustomEvent(\n            this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_NEXT :\n                           Md3ChipActionEventType.NAVIGATE_TO_PREV);\n        break;\n      case 'ArrowRight':\n        this.dispatchCustomEvent(\n            this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_PREV :\n                           Md3ChipActionEventType.NAVIGATE_TO_NEXT);\n        break;\n      case 'Home':\n        this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_FIRST);\n        break;\n      case 'End':\n        this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_LAST);\n        break;\n      default:\n        // Unhandled key, do nothing.\n    }\n  }\n\n  protected getInteractionEvent(): string {\n    return Md3ChipActionEventType.SELECT;\n  }\n\n  private dispatchCustomEvent(eventType: string) {\n    this.dispatchEvent(\n        new CustomEvent(eventType, {bubbles: true, composed: true}));\n  }\n\n  private isRTL(): boolean {\n    return getComputedStyle(this).getPropertyValue('direction') === 'rtl';\n  }\n}\n"]}

package/chips/action/lib/{trailing-action.d.ts → delete-action.d.ts}

@@ -7,8 +7,7 @@ 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;
+export declare class DeleteAction extends Action {
     /** @soyTemplate */
     protected render(): TemplateResult;
     /** @soyTemplate */
@@ -16,5 +15,6 @@ export declare class TrailingAction extends Action {
     /** @soyTemplate */
     protected getRippleClasses(): ClassInfo;
     /** @soyTemplate */
-    private renderCloseIcon;
+    private renderDeleteIcon;
+    getInteractionEvent(): string;
 }

package/chips/action/lib/{trailing-action.js → delete-action.js}

@@ -3,50 +3,54 @@
  * 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';
+import { Md3ChipActionEventType } from './events.js';
 /** @soyCompatible */
-export class TrailingAction extends Action {
-    constructor() {
-        super(...arguments);
-        this.isNavigable = false;
-    }
+export class DeleteAction extends Action {
     /** @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">
+          type="button"
+          @focus="${this.handleFocus}"
+          @blur="${this.handleBlur}"
+          @pointerenter="${this.handlePointerEnter}"
+          @pointerleave="${this.handlePointerLeave}"
+          @pointerdown="${this.handlePointerDown}"
+          @pointerup="${this.handlePointerUp}"
+          @pointercancel="${this.handlePointerCancel}"
+          @click="${this.handleClick}"
+          @contextmenu="${this.handleContextMenu}"
+          @keydown="${this.handleKeyDown}">
         ${this.renderTouchTarget()}
         ${this.renderRipple()}
         ${this.renderFocusRing()}
-        ${this.renderCloseIcon()}
+        ${this.renderDeleteIcon()}
       </button>`;
     }
     /** @soyTemplate */
     getRootClasses() {
         return {
             ...super.getRootClasses(),
-            'md3-chip__action--trailing': true,
+            'md3-chip__action--delete': true,
         };
     }
     /** @soyTemplate */
     getRippleClasses() {
         return {
             ...super.getRippleClasses(),
-            'md3-chip__ripple--trailing': true,
+            'md3-chip__ripple--delete': true,
         };
     }
     /** @soyTemplate */
-    renderCloseIcon() {
+    renderDeleteIcon() {
         return html `
-      <span class="md3-chip__icon md3-chip__icon--trailing" aria-hidden="true">
+      <span class="md3-chip__icon md3-chip__icon--delete" 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 
@@ -54,9 +58,8 @@ export class TrailingAction extends Action {
         </svg>
       </span>`;
     }
+    getInteractionEvent() {
+        return Md3ChipActionEventType.DELETE;
+    }
 }
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], TrailingAction.prototype, "isNavigable", void 0);
-//# sourceMappingURL=trailing-action.js.map
+//# sourceMappingURL=delete-action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"delete-action.js","sourceRoot":"","sources":["delete-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;AAEvD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,aAAa,CAAC;AAEnD,qBAAqB;AACrB,MAAM,OAAO,YAAa,SAAQ,MAAM;IACtC,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;uBACQ,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC9B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;sBAC3B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;oBAE3B,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;2BACP,IAAI,CAAC,kBAAkB;2BACvB,IAAI,CAAC,kBAAkB;0BACxB,IAAI,CAAC,iBAAiB;wBACxB,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;oBAChC,IAAI,CAAC,WAAW;0BACV,IAAI,CAAC,iBAAiB;sBAC1B,IAAI,CAAC,aAAa;UAC9B,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,gBAAgB,EAAE;gBACjB,CAAC;IACf,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,0BAA0B,EAAE,IAAI;SACjC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,0BAA0B,EAAE,IAAI;SACjC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACX,gBAAgB;QACtB,OAAO,IAAI,CAAA;;;;;;;cAOD,CAAC;IACb,CAAC;IAEQ,mBAAmB;QAC1B,OAAO,sBAAsB,CAAC,MAAM,CAAC;IACvC,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';\n\nimport {Action} from './action.js';\nimport {Md3ChipActionEventType} from './events.js';\n\n/** @soyCompatible */\nexport class DeleteAction extends Action {\n  /** @soyTemplate */\n  protected override render(): TemplateResult {\n    return html`\n      <button class=\"${classMap(this.getRootClasses())}\"\n          aria-label=\"${ifDefined(this.ariaLabel)}\"\n          tabindex=\"${this.isFocusable ? 0 : -1}\"\n          type=\"button\"\n          @focus=\"${this.handleFocus}\"\n          @blur=\"${this.handleBlur}\"\n          @pointerenter=\"${this.handlePointerEnter}\"\n          @pointerleave=\"${this.handlePointerLeave}\"\n          @pointerdown=\"${this.handlePointerDown}\"\n          @pointerup=\"${this.handlePointerUp}\"\n          @pointercancel=\"${this.handlePointerCancel}\"\n          @click=\"${this.handleClick}\"\n          @contextmenu=\"${this.handleContextMenu}\"\n          @keydown=\"${this.handleKeyDown}\">\n        ${this.renderTouchTarget()}\n        ${this.renderRipple()}\n        ${this.renderFocusRing()}\n        ${this.renderDeleteIcon()}\n      </button>`;\n  }\n\n  /** @soyTemplate */\n  protected override getRootClasses(): ClassInfo {\n    return {\n      ...super.getRootClasses(),\n      'md3-chip__action--delete': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected override getRippleClasses(): ClassInfo {\n    return {\n      ...super.getRippleClasses(),\n      'md3-chip__ripple--delete': true,\n    };\n  }\n\n  /** @soyTemplate */\n  private renderDeleteIcon(): TemplateResult {\n    return html`\n      <span class=\"md3-chip__icon md3-chip__icon--delete\" 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  override getInteractionEvent(): string {\n    return Md3ChipActionEventType.DELETE;\n  }\n}\n"]}

package/chips/action/lib/events.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/** Events emitted by the action. */
+export declare enum Md3ChipActionEventType {
+    DELETE = "chip-action-delete",
+    SELECT = "chip-action-select",
+    NAVIGATE_TO_PREV = "chip-action-navigate-to-prev",
+    NAVIGATE_TO_NEXT = "chip-action-navigate-to-next",
+    NAVIGATE_TO_FIRST = "chip-action-navigate-to-first",
+    NAVIGATE_TO_LAST = "chip-action-navigate-to-last"
+}

package/chips/action/lib/events.js

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/** Events emitted by the action. */
+export var Md3ChipActionEventType;
+(function (Md3ChipActionEventType) {
+    Md3ChipActionEventType["DELETE"] = "chip-action-delete";
+    Md3ChipActionEventType["SELECT"] = "chip-action-select";
+    Md3ChipActionEventType["NAVIGATE_TO_PREV"] = "chip-action-navigate-to-prev";
+    Md3ChipActionEventType["NAVIGATE_TO_NEXT"] = "chip-action-navigate-to-next";
+    Md3ChipActionEventType["NAVIGATE_TO_FIRST"] = "chip-action-navigate-to-first";
+    Md3ChipActionEventType["NAVIGATE_TO_LAST"] = "chip-action-navigate-to-last";
+})(Md3ChipActionEventType || (Md3ChipActionEventType = {}));
+//# sourceMappingURL=events.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"","sources":["events.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,oCAAoC;AACpC,MAAM,CAAN,IAAY,sBAOX;AAPD,WAAY,sBAAsB;IAChC,uDAA6B,CAAA;IAC7B,uDAA6B,CAAA;IAC7B,2EAAiD,CAAA;IACjD,2EAAiD,CAAA;IACjD,6EAAmD,CAAA;IACnD,2EAAiD,CAAA;AACnD,CAAC,EAPW,sBAAsB,KAAtB,sBAAsB,QAOjC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/** Events emitted by the action. */\nexport enum Md3ChipActionEventType {\n  DELETE = 'chip-action-delete',\n  SELECT = 'chip-action-select',\n  NAVIGATE_TO_PREV = 'chip-action-navigate-to-prev',\n  NAVIGATE_TO_NEXT = 'chip-action-navigate-to-next',\n  NAVIGATE_TO_FIRST = 'chip-action-navigate-to-first',\n  NAVIGATE_TO_LAST = 'chip-action-navigate-to-last',\n}\n"]}

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

@@ -4,6 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { TemplateResult } from 'lit';
+import { EndPressConfig } from '../../../actionelement/action-element.js';
 import { PrimaryAction } from './primary-action.js';
 /** @soyCompatible */
 export declare class LinkAction extends PrimaryAction {
@@ -14,4 +15,5 @@ export declare class LinkAction extends PrimaryAction {
      * @soyAttributes linkAttributes: .md3-chip__action
      */
     protected render(): TemplateResult;
+    endPress(options: EndPressConfig): void;
 }

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

@@ -22,7 +22,15 @@ export class LinkAction extends PrimaryAction {
             aria-label="${ifDefined(this.ariaLabel)}"
             href="${ifDefined(this.href)}"
             target="${ifDefined(this.target)}"
-            tabindex="${this.isFocusable ? 0 : -1}">
+            tabindex="${this.isFocusable ? 0 : -1}"
+            @focus="${this.handleFocus}"
+            @blur="${this.handleBlur}"
+            @pointerenter="${this.handlePointerEnter}"
+            @pointerleave="${this.handlePointerLeave}"
+            @pointerdown="${this.handlePointerDown}"
+            @pointerup="${this.handlePointerUp}"
+            @pointercancel="${this.handlePointerCancel}"
+            @contextmenu="${this.handleContextMenu}">
           ${this.renderTouchTarget()}
           ${this.renderRipple()}
           ${this.renderFocusRing()}
@@ -31,6 +39,10 @@ export class LinkAction extends PrimaryAction {
         </a>
       </span>`;
     }
+    endPress(options) {
+        super.endPress(options);
+        this.ripple?.endPress();
+    }
 }
 __decorate([
     property({ type: String }),

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

@@ -1 +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"]}
+{"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;AAIvD,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;sBAC3B,IAAI,CAAC,WAAW;qBACjB,IAAI,CAAC,UAAU;6BACP,IAAI,CAAC,kBAAkB;6BACvB,IAAI,CAAC,kBAAkB;4BACxB,IAAI,CAAC,iBAAiB;0BACxB,IAAI,CAAC,eAAe;8BAChB,IAAI,CAAC,mBAAmB;4BAC1B,IAAI,CAAC,iBAAiB;YACtC,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;IAEQ,QAAQ,CAAC,OAAuB;QACvC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxB,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC;IAC1B,CAAC;CACF;AArC2B;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';\n\nimport {EndPressConfig} from '../../../actionelement/action-element.js';\n\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            @focus=\"${this.handleFocus}\"\n            @blur=\"${this.handleBlur}\"\n            @pointerenter=\"${this.handlePointerEnter}\"\n            @pointerleave=\"${this.handlePointerLeave}\"\n            @pointerdown=\"${this.handlePointerDown}\"\n            @pointerup=\"${this.handlePointerUp}\"\n            @pointercancel=\"${this.handlePointerCancel}\"\n            @contextmenu=\"${this.handleContextMenu}\">\n          ${this.renderTouchTarget()}\n          ${this.renderRipple()}\n          ${this.renderFocusRing()}\n          ${this.renderGraphic()}\n          ${this.renderLabel()}\n        </a>\n      </span>`;\n  }\n\n  override endPress(options: EndPressConfig) {\n    super.endPress(options);\n    this.ripple?.endPress();\n  }\n}\n"]}

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

@@ -11,7 +11,6 @@ import { Action } from './action.js';
  * @soyCompatible
  */
 export declare class PrimaryAction extends Action {
-    isDeletable: boolean;
     label: string;
     icon: string;
     /** @soyTemplate */

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

@@ -16,7 +16,6 @@ import { Action } from './action.js';
 export class PrimaryAction extends Action {
     constructor() {
         super(...arguments);
-        this.isDeletable = false;
         this.label = '';
         this.icon = '';
     }
@@ -27,7 +26,17 @@ export class PrimaryAction extends Action {
           aria-label="${ifDefined(this.ariaLabel)}"
           tabindex="${this.isFocusable ? 0 : -1}"
           type="button"
-          ?disabled="${this.disabled}">
+          ?disabled="${this.disabled}"
+          @focus="${this.handleFocus}"
+          @blur="${this.handleBlur}"
+          @pointerenter="${this.handlePointerEnter}"
+          @pointerleave="${this.handlePointerLeave}"
+          @pointerdown="${this.handlePointerDown}"
+          @pointerup="${this.handlePointerUp}"
+          @pointercancel="${this.handlePointerCancel}"
+          @click="${this.handleClick}"
+          @contextmenu="${this.handleContextMenu}"
+          @keydown="${this.handleKeyDown}">
         ${this.renderTouchTarget()}
         ${this.renderRipple()}
         ${this.renderFocusRing()}
@@ -68,10 +77,6 @@ export class PrimaryAction extends Action {
         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)

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

@@ -1 +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"]}
+{"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;;QAC4B,UAAK,GAAG,EAAE,CAAC;QAEX,SAAI,GAAG,EAAE,CAAC;IAgEtC,CAAC;IA9DC,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;oBAChB,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;2BACP,IAAI,CAAC,kBAAkB;2BACvB,IAAI,CAAC,kBAAkB;0BACxB,IAAI,CAAC,iBAAiB;wBACxB,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;oBAChC,IAAI,CAAC,WAAW;0BACV,IAAI,CAAC,iBAAiB;sBAC1B,IAAI,CAAC,aAAa;UAC9B,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;AAlE2B;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: 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          @focus=\"${this.handleFocus}\"\n          @blur=\"${this.handleBlur}\"\n          @pointerenter=\"${this.handlePointerEnter}\"\n          @pointerleave=\"${this.handlePointerLeave}\"\n          @pointerdown=\"${this.handlePointerDown}\"\n          @pointerup=\"${this.handlePointerUp}\"\n          @pointercancel=\"${this.handlePointerCancel}\"\n          @click=\"${this.handleClick}\"\n          @contextmenu=\"${this.handleContextMenu}\"\n          @keydown=\"${this.handleKeyDown}\">\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/selectable-action.js

@@ -23,7 +23,17 @@ export class SelectableAction extends PrimaryAction {
           aria-selected="${this.selected}"
           aria-disabled="${this.disabled}"
           tabindex="${this.isFocusable ? 0 : -1}"
-          role="option">
+          role="option"
+          @focus="${this.handleFocus}"
+          @blur="${this.handleBlur}"
+          @pointerenter="${this.handlePointerEnter}"
+          @pointerleave="${this.handlePointerLeave}"
+          @pointerdown="${this.handlePointerDown}"
+          @pointerup="${this.handlePointerUp}"
+          @pointercancel="${this.handlePointerCancel}"
+          @click="${this.handleClick}"
+          @contextmenu="${this.handleContextMenu}"
+          @keydown="${this.handleKeyDown}">
         ${this.renderTouchTarget()}
         ${this.renderRipple()}
         ${this.renderFocusRing()}

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

@@ -1 +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"]}
+{"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;IAgD7D,CAAC;IA9CC,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;;oBAE3B,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;2BACP,IAAI,CAAC,kBAAkB;2BACvB,IAAI,CAAC,kBAAkB;0BACxB,IAAI,CAAC,iBAAiB;wBACxB,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;oBAChC,IAAI,CAAC,WAAW;0BACV,IAAI,CAAC,iBAAiB;sBAC1B,IAAI,CAAC,aAAa;UAC9B,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;AAhD2C;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          @focus=\"${this.handleFocus}\"\n          @blur=\"${this.handleBlur}\"\n          @pointerenter=\"${this.handlePointerEnter}\"\n          @pointerleave=\"${this.handlePointerLeave}\"\n          @pointerdown=\"${this.handlePointerDown}\"\n          @pointerup=\"${this.handlePointerUp}\"\n          @pointercancel=\"${this.handlePointerCancel}\"\n          @click=\"${this.handleClick}\"\n          @contextmenu=\"${this.handleContextMenu}\"\n          @keydown=\"${this.handleKeyDown}\">\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/link-action.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { LinkAction } from './lib/link-action.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-link-action': MdLinkAction;
+    }
+}
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+export declare class MdLinkAction extends LinkAction {
+}

package/chips/action/link-action.js

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { LinkAction } from './lib/link-action.js';
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+let MdLinkAction = class MdLinkAction extends LinkAction {
+};
+MdLinkAction = __decorate([
+    customElement('md-link-action')
+], MdLinkAction);
+export { MdLinkAction };
+//# sourceMappingURL=link-action.js.map

package/chips/action/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,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAQhD;;;;GAIG;AAEH,IAAa,YAAY,GAAzB,MAAa,YAAa,SAAQ,UAAU;CAAG,CAAA;AAAlC,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAAsB;SAAlC,YAAY","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {LinkAction} from './lib/link-action.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-link-action': MdLinkAction;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-link-action')\nexport class MdLinkAction extends LinkAction {}\n"]}

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

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { PresentationalAction } from './lib/presentational-action.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-presentational-action': MdPresentationalAction;
+    }
+}
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+export declare class MdPresentationalAction extends PresentationalAction {
+}

package/chips/action/presentational-action.js

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { PresentationalAction } from './lib/presentational-action.js';
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+let MdPresentationalAction = class MdPresentationalAction extends PresentationalAction {
+};
+MdPresentationalAction = __decorate([
+    customElement('md-presentational-action')
+], MdPresentationalAction);
+export { MdPresentationalAction };
+//# sourceMappingURL=presentational-action.js.map

package/chips/action/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,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAQpE;;;;GAIG;AAEH,IAAa,sBAAsB,GAAnC,MAAa,sBAAuB,SAAQ,oBAAoB;CAAG,CAAA;AAAtD,sBAAsB;IADlC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,sBAAsB,CAAgC;SAAtD,sBAAsB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {PresentationalAction} from './lib/presentational-action.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-presentational-action': MdPresentationalAction;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-presentational-action')\nexport class MdPresentationalAction extends PresentationalAction {}\n"]}

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

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { PrimaryAction } from './lib/primary-action.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-primary-action': MdPrimaryAction;
+    }
+}
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+export declare class MdPrimaryAction extends PrimaryAction {
+}

package/chips/action/primary-action.js

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { PrimaryAction } from './lib/primary-action.js';
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+let MdPrimaryAction = class MdPrimaryAction extends PrimaryAction {
+};
+MdPrimaryAction = __decorate([
+    customElement('md-primary-action')
+], MdPrimaryAction);
+export { MdPrimaryAction };
+//# sourceMappingURL=primary-action.js.map

package/chips/action/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,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAC;AAQtD;;;;GAIG;AAEH,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,aAAa;CAAG,CAAA;AAAxC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAAyB;SAAxC,eAAe","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {PrimaryAction} from './lib/primary-action.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-primary-action': MdPrimaryAction;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-primary-action')\nexport class MdPrimaryAction extends PrimaryAction {}\n"]}

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

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { SelectableAction } from './lib/selectable-action.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-selectable-action': MdSelectableAction;
+    }
+}
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+export declare class MdSelectableAction extends SelectableAction {
+}