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

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

@@ -1 +1 @@
-{"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"]}
+{"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    // TODO(b/253297063): connect to ripple\n  }\n\n  override endPress(options: EndPressConfig) {\n    super.endPress(options);\n    // TODO(b/253297063): connect to ripple\n    if (!options.cancelled) {\n      this.dispatchCustomEvent(this.getInteractionEvent());\n    }\n  }\n\n  protected handlePointerEnter(e: PointerEvent) {\n    this.ripple?.handlePointerenter(e);\n  }\n\n  override handlePointerLeave(e: PointerEvent) {\n    super.handlePointerLeave(e);\n    this.ripple?.handlePointerleave(e);\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/link-action.js

@@ -41,7 +41,7 @@ export class LinkAction extends PrimaryAction {
     }
     endPress(options) {
         super.endPress(options);
-        this.ripple?.endPress();
+        // TODO(b/253297063): connect to ripple
     }
 }
 __decorate([

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;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"]}
+{"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,uCAAuC;IACzC,CAAC;CACF;AArCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAe;AAExC;IAAC,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    // TODO(b/253297063): connect to ripple\n  }\n}\n"]}

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;;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"]}
+{"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;AAlEC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;4CAAY;AAErC;IAAC,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.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;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"]}
+{"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;AAhDC;IAAC,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.js.map

@@ -1 +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"]}
+{"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;AAEI,IAAM,YAAY,GAAlB,MAAM,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.js.map

@@ -1 +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"]}
+{"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;AAEI,IAAM,sBAAsB,GAA5B,MAAM,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.js.map

@@ -1 +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"]}
+{"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;AAEI,IAAM,eAAe,GAArB,MAAM,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.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectable-action.js","sourceRoot":"","sources":["selectable-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,gBAAgB,EAAC,MAAM,4BAA4B,CAAC;AAQ5D;;;;GAIG;AAEH,IAAa,kBAAkB,GAA/B,MAAa,kBAAmB,SAAQ,gBAAgB;CAAG,CAAA;AAA9C,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAA4B;SAA9C,kBAAkB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {SelectableAction} from './lib/selectable-action.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-selectable-action': MdSelectableAction;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-selectable-action')\nexport class MdSelectableAction extends SelectableAction {}\n"]}
+{"version":3,"file":"selectable-action.js","sourceRoot":"","sources":["selectable-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,gBAAgB,EAAC,MAAM,4BAA4B,CAAC;AAQ5D;;;;GAIG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,gBAAgB;CAAG,CAAA;AAA9C,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAA4B;SAA9C,kBAAkB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {SelectableAction} from './lib/selectable-action.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-selectable-action': MdSelectableAction;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-selectable-action')\nexport class MdSelectableAction extends SelectableAction {}\n"]}

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

@@ -4,10 +4,14 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+// go/keep-sorted start
 @use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
 @use '../../../sass/resolvers';
 @use '../../../sass/theme';
 @use './chip-theme';
+// go/keep-sorted end
 
 $_light-theme: (
   container-shape: null,

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

@@ -8,10 +8,12 @@
 // stylelint-disable selector-class-pattern --
 // Internal styling for Chip MDC component.
 
+// go/keep-sorted start
+@use 'sass:color';
 @use 'sass:map';
 @use 'sass:math';
-@use 'sass:color';
-
+// go/keep-sorted end
+// go/keep-sorted start
 @use '../../../elevation/lib/elevation';
 @use '../../../ripple/ripple';
 @use '../../../sass/dom';
@@ -20,6 +22,7 @@
 @use '../../../sass/typography';
 // TODO(b/240224981): Uncomment when styles are traslated to md3 shape.
 // @use '../../../sass/shape';
+// go/keep-sorted end
 
 $height: 32px;
 $minimum-height: 24px;
@@ -194,7 +197,7 @@ $_custom-property-prefix: 'chip';
   @include elevation.theme(
     (
       shadow-color: map.get($theme, elevated-container-shadow-color),
-      surface-tint-color: map.get($theme, container-surface-tint-layer-color),
+      surface-tint: map.get($theme, container-surface-tint-layer-color),
     )
   );
   @include _container-elevation(
@@ -385,42 +388,32 @@ $_custom-property-prefix: 'chip';
   );
   @include _ripple-theme(
     (
-      focus-state-layer-color: map.get($theme, focus-state-layer-color),
-      focus-state-layer-opacity: map.get($theme, focus-state-layer-opacity),
-      hover-state-layer-color: map.get($theme, hover-state-layer-color),
-      hover-state-layer-opacity: map.get($theme, hover-state-layer-opacity),
-      pressed-state-layer-color: map.get($theme, pressed-state-layer-color),
-      pressed-state-layer-opacity: map.get($theme, pressed-state-layer-opacity),
+      focus-color: map.get($theme, focus-state-layer-color),
+      focus-opacity: map.get($theme, focus-state-layer-opacity),
+      hover-color: map.get($theme, hover-state-layer-color),
+      hover-opacity: map.get($theme, hover-state-layer-opacity),
+      pressed-color: map.get($theme, pressed-state-layer-color),
+      pressed-opacity: map.get($theme, pressed-state-layer-opacity),
     )
   );
   @include _selected-ripple-theme(
     (
-      focus-state-layer-color: map.get($theme, selected-focus-state-layer-color),
-      focus-state-layer-opacity:
-        map.get($theme, selected-focus-state-layer-opacity),
-      hover-state-layer-color: map.get($theme, selected-hover-state-layer-color),
-      hover-state-layer-opacity:
-        map.get($theme, selected-hover-state-layer-opacity),
-      pressed-state-layer-color:
-        map.get($theme, selected-pressed-state-layer-color),
-      pressed-state-layer-opacity:
-        map.get($theme, selected-pressed-state-layer-opacity),
+      focus-color: map.get($theme, selected-focus-state-layer-color),
+      focus-opacity: map.get($theme, selected-focus-state-layer-opacity),
+      hover-color: map.get($theme, selected-hover-state-layer-color),
+      hover-opacity: map.get($theme, selected-hover-state-layer-opacity),
+      pressed-color: map.get($theme, selected-pressed-state-layer-color),
+      pressed-opacity: map.get($theme, selected-pressed-state-layer-opacity),
     )
   );
   @include _unselected-ripple-theme(
     (
-      focus-state-layer-color:
-        map.get($theme, unselected-focus-state-layer-color),
-      focus-state-layer-opacity:
-        map.get($theme, unselected-focus-state-layer-opacity),
-      hover-state-layer-color:
-        map.get($theme, unselected-hover-state-layer-color),
-      hover-state-layer-opacity:
-        map.get($theme, unselected-hover-state-layer-opacity),
-      pressed-state-layer-color:
-        map.get($theme, unselected-pressed-state-layer-color),
-      pressed-state-layer-opacity:
-        map.get($theme, unselected-pressed-state-layer-opacity),
+      focus-color: map.get($theme, unselected-focus-state-layer-color),
+      focus-opacity: map.get($theme, unselected-focus-state-layer-opacity),
+      hover-color: map.get($theme, unselected-hover-state-layer-color),
+      hover-opacity: map.get($theme, unselected-hover-state-layer-opacity),
+      pressed-color: map.get($theme, unselected-pressed-state-layer-color),
+      pressed-opacity: map.get($theme, unselected-pressed-state-layer-opacity),
     )
   );
 }
@@ -450,16 +443,12 @@ $_custom-property-prefix: 'chip';
   .md3-chip__action--primary {
     @include ripple.theme(
       (
-        focus-state-layer-color: map.get($ripple-theme, focus-state-layer-color),
-        focus-state-layer-opacity:
-          map.get($ripple-theme, focus-state-layer-opacity),
-        hover-state-layer-color: map.get($ripple-theme, hover-state-layer-color),
-        hover-state-layer-opacity:
-          map.get($ripple-theme, hover-state-layer-opacity),
-        pressed-state-layer-color:
-          map.get($ripple-theme, pressed-state-layer-color),
-        pressed-state-layer-opacity:
-          map.get($ripple-theme, pressed-state-layer-opacity),
+        focus-color: map.get($ripple-theme, focus-state-layer-color),
+        focus-opacity: map.get($ripple-theme, focus-state-layer-opacity),
+        hover-color: map.get($ripple-theme, hover-state-layer-color),
+        hover-opacity: map.get($ripple-theme, hover-state-layer-opacity),
+        pressed-color: map.get($ripple-theme, pressed-state-layer-color),
+        pressed-opacity: map.get($ripple-theme, pressed-state-layer-opacity),
       ),
       $ripple-target: $ripple-target
     );

package/chips/chip/lib/_chip.scss

@@ -8,12 +8,14 @@
 // stylelint-disable selector-class-pattern --
 // Internal styling for Chip MDC component.
 
+// go/keep-sorted start
 @use '../../../focus/focus-ring';
 @use '../../../motion/animation';
 // TODO(b/240224981): Uncomment when styles are translated to md3 ripple
 // @use '../../../ripple/ripple-theme';
 @use '../../../sass/dom';
 @use './chip-theme';
+// go/keep-sorted end
 
 @mixin core-styles() {
   @include without-ripple-styles();

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

@@ -4,10 +4,14 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+// go/keep-sorted start
 @use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
 @use '../../../sass/resolvers';
 @use '../../../sass/theme';
 @use './chip-theme';
+// go/keep-sorted end
 
 $_light-theme: (
   container-shape: null,

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

@@ -4,11 +4,15 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+// go/keep-sorted start
 @use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
 @use '../../../elevation/lib/elevation';
 @use '../../../sass/resolvers';
 @use '../../../sass/theme';
 @use './chip-theme';
+// go/keep-sorted end
 
 $_light-theme: (
   container-shape: null,

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

@@ -4,10 +4,14 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+// go/keep-sorted start
 @use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
 @use '../../../sass/resolvers';
 @use '../../../sass/theme';
 @use './chip-theme';
+// go/keep-sorted end
 
 $_light-theme: (
   container-shape: null,

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

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

package/chips/chip/lib/foundation.js

@@ -21,10 +21,6 @@ var AnimationKeys;
  * MDCChipFoundation provides a foundation for all chips.
  */
 export class MDCChipFoundation {
-    constructor(adapter) {
-        this.adapter = { ...MDCChipFoundation.defaultAdapter, ...adapter };
-        this.animFrame = new AnimationFrame();
-    }
     static get defaultAdapter() {
         return {
             addClass: () => undefined,
@@ -46,6 +42,10 @@ export class MDCChipFoundation {
             setStyleProperty: () => undefined,
         };
     }
+    constructor(adapter) {
+        this.adapter = { ...MDCChipFoundation.defaultAdapter, ...adapter };
+        this.animFrame = new AnimationFrame();
+    }
     destroy() {
         this.animFrame.cancelAll();
     }

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

@@ -1 +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\nimport {MDCChipActionFocusBehavior, MDCChipActionInteractionTrigger, MDCChipActionType} from '../../action/lib/constants.js';\nimport {MDCChipActionInteractionEventDetail} from '../../action/lib/types.js';\n\nimport {MDCChipAdapter} from './adapter.js';\nimport {AnimationFrame} from './animationframe.js';\nimport {MDCChipAnimation, MDCChipAttributes, MDCChipCssClasses, MDCChipEvents} from './constants.js';\nimport {ActionInteractionEvent, ActionNavigationEvent, MDCChipAnimationEventDetail, MDCChipInteractionEventDetail, MDCChipNavigationEventDetail} from './types.js';\n\ninterface Navigation {\n  from: MDCChipActionType;\n  to: MDCChipActionType;\n}\n\nenum Direction {\n  UNSPECIFIED,  // Default\n  LEFT,\n  RIGHT,\n}\n\nenum AnimationKeys {\n  SELECTION = 'selection',\n  EXIT = 'exit',\n}\n\n/**\n * MDCChipFoundation provides a foundation for all chips.\n */\nexport class MDCChipFoundation {\n  private readonly adapter: MDCChipAdapter;\n\n  static get defaultAdapter(): MDCChipAdapter {\n    return {\n      addClass: () => undefined,\n      emitEvent: () => undefined,\n      getActions: () => [],\n      getAttribute: () => null,\n      getElementID: () => '',\n      getOffsetWidth: () => 0,\n      hasClass: () => false,\n      isActionDisabled: () => false,\n      isActionFocusable: () => false,\n      isActionSelectable: () => false,\n      isActionSelected: () => false,\n      isRTL: () => false,\n      removeClass: () => undefined,\n      setActionDisabled: () => undefined,\n      setActionFocus: () => undefined,\n      setActionSelected: () => undefined,\n      setStyleProperty: () => undefined,\n    };\n  }\n\n  private readonly animFrame: AnimationFrame;\n\n  constructor(adapter?: Partial<MDCChipAdapter>) {\n    this.adapter = {...MDCChipFoundation.defaultAdapter, ...adapter};\n    this.animFrame = new AnimationFrame();\n  }\n\n  destroy() {\n    this.animFrame.cancelAll();\n  }\n\n  getElementID() {\n    return this.adapter.getElementID();\n  }\n\n  setDisabled(isDisabled: boolean) {\n    const actions = this.getActions();\n    for (const action of actions) {\n      this.adapter.setActionDisabled(action, isDisabled);\n    }\n\n    if (isDisabled) {\n      this.adapter.addClass(MDCChipCssClasses.DISABLED);\n    } else {\n      this.adapter.removeClass(MDCChipCssClasses.DISABLED);\n    }\n  }\n\n  isDisabled(): boolean {\n    const actions = this.getActions();\n    for (const action of actions) {\n      if (this.adapter.isActionDisabled(action)) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  getActions(): MDCChipActionType[] {\n    return this.adapter.getActions();\n  }\n\n  isActionFocusable(action: MDCChipActionType): boolean {\n    return this.adapter.isActionFocusable(action);\n  }\n\n  isActionSelectable(action: MDCChipActionType): boolean {\n    return this.adapter.isActionSelectable(action);\n  }\n\n  isActionSelected(action: MDCChipActionType): boolean {\n    return this.adapter.isActionSelected(action);\n  }\n\n  setActionFocus(action: MDCChipActionType, focus: MDCChipActionFocusBehavior) {\n    this.adapter.setActionFocus(action, focus);\n  }\n\n  setActionSelected(action: MDCChipActionType, isSelected: boolean) {\n    this.adapter.setActionSelected(action, isSelected);\n    this.animateSelection(isSelected);\n  }\n\n  startAnimation(animation: MDCChipAnimation) {\n    if (animation === MDCChipAnimation.ENTER) {\n      this.adapter.addClass(MDCChipCssClasses.ENTER);\n      return;\n    }\n\n    if (animation === MDCChipAnimation.EXIT) {\n      this.adapter.addClass(MDCChipCssClasses.EXIT);\n      return;\n    }\n  }\n\n  handleAnimationEnd(event: AnimationEvent) {\n    const {animationName} = event;\n    if (animationName === MDCChipAnimation.ENTER) {\n      this.adapter.removeClass(MDCChipCssClasses.ENTER);\n      this.adapter.emitEvent<MDCChipAnimationEventDetail>(\n          MDCChipEvents.ANIMATION, {\n            chipID: this.getElementID(),\n            animation: MDCChipAnimation.ENTER,\n            addedAnnouncement: this.getAddedAnnouncement(),\n            isComplete: true,\n          });\n      return;\n    }\n\n    if (animationName === MDCChipAnimation.EXIT) {\n      this.adapter.removeClass(MDCChipCssClasses.EXIT);\n      this.adapter.addClass(MDCChipCssClasses.HIDDEN);\n      const width = this.adapter.getOffsetWidth();\n      this.adapter.setStyleProperty('width', `${width}px`);\n      // Wait two frames so the width gets applied correctly.\n      this.animFrame.request(AnimationKeys.EXIT, () => {\n        this.animFrame.request(AnimationKeys.EXIT, () => {\n          this.adapter.setStyleProperty('width', '0');\n        });\n      });\n    }\n  }\n\n  handleTransitionEnd() {\n    if (!this.adapter.hasClass(MDCChipCssClasses.HIDDEN)) return;\n\n    this.adapter.emitEvent<MDCChipAnimationEventDetail>(\n        MDCChipEvents.ANIMATION, {\n          chipID: this.getElementID(),\n          animation: MDCChipAnimation.EXIT,\n          removedAnnouncement: this.getRemovedAnnouncement(),\n          isComplete: true,\n        });\n  }\n\n  handleActionInteraction({detail}: ActionInteractionEvent) {\n    const {source, actionID} = detail;\n    const isSelectable = this.adapter.isActionSelectable(source);\n    const isSelected = this.adapter.isActionSelected(source);\n\n    this.adapter.emitEvent<MDCChipInteractionEventDetail>(\n        MDCChipEvents.INTERACTION, {\n          chipID: this.getElementID(),\n          shouldRemove: this.shouldRemove(detail),\n          actionID,\n          isSelectable,\n          isSelected,\n          source,\n        });\n  }\n\n  handleActionNavigation({detail}: ActionNavigationEvent) {\n    const {source, key} = detail;\n    const isRTL = this.adapter.isRTL();\n    const isTrailingActionFocusable =\n        this.adapter.isActionFocusable(MDCChipActionType.TRAILING);\n    const isPrimaryActionFocusable =\n        this.adapter.isActionFocusable(MDCChipActionType.PRIMARY);\n    const dir = this.directionFromKey(key, isRTL);\n\n    const shouldNavigateToTrailing = source === MDCChipActionType.PRIMARY &&\n        dir === Direction.RIGHT && isTrailingActionFocusable;\n\n    const shouldNavigateToPrimary = source === MDCChipActionType.TRAILING &&\n        dir === Direction.LEFT && isPrimaryActionFocusable;\n\n    if (shouldNavigateToTrailing) {\n      this.navigateActions({from: source, to: MDCChipActionType.TRAILING});\n      return;\n    }\n\n    if (shouldNavigateToPrimary) {\n      this.navigateActions({from: source, to: MDCChipActionType.PRIMARY});\n      return;\n    }\n\n    this.adapter.emitEvent<MDCChipNavigationEventDetail>(\n        MDCChipEvents.NAVIGATION, {\n          chipID: this.getElementID(),\n          isRTL,\n          source,\n          key,\n        });\n  }\n\n  private directionFromKey(key: string, isRTL: boolean): Direction {\n    const isLeftKey = key === 'ArrowLeft';\n    const isRightKey = key === 'ArrowRight';\n    if (!isRTL && isLeftKey || isRTL && isRightKey) {\n      return Direction.LEFT;\n    }\n\n    if (!isRTL && isRightKey || isRTL && isLeftKey) {\n      return Direction.RIGHT;\n    }\n\n    return Direction.UNSPECIFIED;\n  }\n\n  private navigateActions(nav: Navigation) {\n    this.adapter.setActionFocus(\n        nav.from, MDCChipActionFocusBehavior.NOT_FOCUSABLE);\n    this.adapter.setActionFocus(\n        nav.to, MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);\n  }\n\n  private shouldRemove({source, trigger}: MDCChipActionInteractionEventDetail):\n      boolean {\n    if (trigger === MDCChipActionInteractionTrigger.BACKSPACE_KEY ||\n        trigger === MDCChipActionInteractionTrigger.DELETE_KEY) {\n      return true;\n    }\n\n    return source === MDCChipActionType.TRAILING;\n  }\n\n  private getRemovedAnnouncement(): string|undefined {\n    const msg =\n        this.adapter.getAttribute(MDCChipAttributes.DATA_REMOVED_ANNOUNCEMENT);\n    return msg || undefined;\n  }\n\n  private getAddedAnnouncement(): string|undefined {\n    const msg =\n        this.adapter.getAttribute(MDCChipAttributes.DATA_ADDED_ANNOUNCEMENT);\n    return msg || undefined;\n  }\n\n  private animateSelection(isSelected: boolean) {\n    this.resetAnimationStyles();\n    // Wait two frames to ensure the animation classes are unset\n    this.animFrame.request(AnimationKeys.SELECTION, () => {\n      this.animFrame.request(AnimationKeys.SELECTION, () => {\n        this.updateSelectionStyles(isSelected);\n      });\n    });\n  }\n\n  private resetAnimationStyles() {\n    this.adapter.removeClass(MDCChipCssClasses.SELECTING);\n    this.adapter.removeClass(MDCChipCssClasses.DESELECTING);\n    this.adapter.removeClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);\n    this.adapter.removeClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);\n  }\n\n  private updateSelectionStyles(isSelected: boolean) {\n    const hasIcon = this.adapter.hasClass(MDCChipCssClasses.WITH_PRIMARY_ICON);\n    if (hasIcon && isSelected) {\n      this.adapter.addClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);\n      this.animFrame.request(AnimationKeys.SELECTION, () => {\n        this.adapter.addClass(MDCChipCssClasses.SELECTED);\n      });\n      return;\n    }\n\n    if (hasIcon && !isSelected) {\n      this.adapter.addClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);\n      this.animFrame.request(AnimationKeys.SELECTION, () => {\n        this.adapter.removeClass(MDCChipCssClasses.SELECTED);\n      });\n      return;\n    }\n\n    if (isSelected) {\n      this.adapter.addClass(MDCChipCssClasses.SELECTING);\n      this.animFrame.request(AnimationKeys.SELECTION, () => {\n        this.adapter.addClass(MDCChipCssClasses.SELECTED);\n      });\n      return;\n    }\n\n    if (!isSelected) {\n      this.adapter.addClass(MDCChipCssClasses.DESELECTING);\n      this.animFrame.request(AnimationKeys.SELECTION, () => {\n        this.adapter.removeClass(MDCChipCssClasses.SELECTED);\n      });\n      return;\n    }\n  }\n}\n"]}
+{"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\nimport {MDCChipActionFocusBehavior, MDCChipActionInteractionTrigger, MDCChipActionType} from '../../action/lib/constants.js';\nimport {MDCChipActionInteractionEventDetail} from '../../action/lib/types.js';\n\nimport {MDCChipAdapter} from './adapter.js';\nimport {AnimationFrame} from './animationframe.js';\nimport {MDCChipAnimation, MDCChipAttributes, MDCChipCssClasses, MDCChipEvents} from './constants.js';\nimport {ActionInteractionEvent, ActionNavigationEvent, MDCChipAnimationEventDetail, MDCChipInteractionEventDetail, MDCChipNavigationEventDetail} from './types.js';\n\ninterface Navigation {\n  from: MDCChipActionType;\n  to: MDCChipActionType;\n}\n\nenum Direction {\n  UNSPECIFIED,  // Default\n  LEFT,\n  RIGHT,\n}\n\nenum AnimationKeys {\n  SELECTION = 'selection',\n  EXIT = 'exit',\n}\n\n/**\n * MDCChipFoundation provides a foundation for all chips.\n */\nexport class MDCChipFoundation {\n  private readonly adapter: MDCChipAdapter;\n\n  static get defaultAdapter(): MDCChipAdapter {\n    return {\n      addClass: () => undefined,\n      emitEvent: () => undefined,\n      getActions: () => [],\n      getAttribute: () => null,\n      getElementID: () => '',\n      getOffsetWidth: () => 0,\n      hasClass: () => false,\n      isActionDisabled: () => false,\n      isActionFocusable: () => false,\n      isActionSelectable: () => false,\n      isActionSelected: () => false,\n      isRTL: () => false,\n      removeClass: () => undefined,\n      setActionDisabled: () => undefined,\n      setActionFocus: () => undefined,\n      setActionSelected: () => undefined,\n      setStyleProperty: () => undefined,\n    };\n  }\n\n  private readonly animFrame: AnimationFrame;\n\n  constructor(adapter?: Partial<MDCChipAdapter>) {\n    this.adapter = {...MDCChipFoundation.defaultAdapter, ...adapter};\n    this.animFrame = new AnimationFrame();\n  }\n\n  destroy() {\n    this.animFrame.cancelAll();\n  }\n\n  getElementID() {\n    return this.adapter.getElementID();\n  }\n\n  setDisabled(isDisabled: boolean) {\n    const actions = this.getActions();\n    for (const action of actions) {\n      this.adapter.setActionDisabled(action, isDisabled);\n    }\n\n    if (isDisabled) {\n      this.adapter.addClass(MDCChipCssClasses.DISABLED);\n    } else {\n      this.adapter.removeClass(MDCChipCssClasses.DISABLED);\n    }\n  }\n\n  isDisabled(): boolean {\n    const actions = this.getActions();\n    for (const action of actions) {\n      if (this.adapter.isActionDisabled(action)) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  getActions(): MDCChipActionType[] {\n    return this.adapter.getActions();\n  }\n\n  isActionFocusable(action: MDCChipActionType): boolean {\n    return this.adapter.isActionFocusable(action);\n  }\n\n  isActionSelectable(action: MDCChipActionType): boolean {\n    return this.adapter.isActionSelectable(action);\n  }\n\n  isActionSelected(action: MDCChipActionType): boolean {\n    return this.adapter.isActionSelected(action);\n  }\n\n  setActionFocus(action: MDCChipActionType, focus: MDCChipActionFocusBehavior) {\n    this.adapter.setActionFocus(action, focus);\n  }\n\n  setActionSelected(action: MDCChipActionType, isSelected: boolean) {\n    this.adapter.setActionSelected(action, isSelected);\n    this.animateSelection(isSelected);\n  }\n\n  startAnimation(animation: MDCChipAnimation) {\n    if (animation === MDCChipAnimation.ENTER) {\n      this.adapter.addClass(MDCChipCssClasses.ENTER);\n      return;\n    }\n\n    if (animation === MDCChipAnimation.EXIT) {\n      this.adapter.addClass(MDCChipCssClasses.EXIT);\n      return;\n    }\n  }\n\n  handleAnimationEnd(event: AnimationEvent) {\n    const {animationName} = event;\n    if (animationName === MDCChipAnimation.ENTER) {\n      this.adapter.removeClass(MDCChipCssClasses.ENTER);\n      this.adapter.emitEvent<MDCChipAnimationEventDetail>(\n          MDCChipEvents.ANIMATION, {\n            chipID: this.getElementID(),\n            animation: MDCChipAnimation.ENTER,\n            addedAnnouncement: this.getAddedAnnouncement(),\n            isComplete: true,\n          });\n      return;\n    }\n\n    if (animationName === MDCChipAnimation.EXIT) {\n      this.adapter.removeClass(MDCChipCssClasses.EXIT);\n      this.adapter.addClass(MDCChipCssClasses.HIDDEN);\n      const width = this.adapter.getOffsetWidth();\n      this.adapter.setStyleProperty('width', `${width}px`);\n      // Wait two frames so the width gets applied correctly.\n      this.animFrame.request(AnimationKeys.EXIT, () => {\n        this.animFrame.request(AnimationKeys.EXIT, () => {\n          this.adapter.setStyleProperty('width', '0');\n        });\n      });\n    }\n  }\n\n  handleTransitionEnd() {\n    if (!this.adapter.hasClass(MDCChipCssClasses.HIDDEN)) return;\n\n    this.adapter.emitEvent<MDCChipAnimationEventDetail>(\n        MDCChipEvents.ANIMATION, {\n          chipID: this.getElementID(),\n          animation: MDCChipAnimation.EXIT,\n          removedAnnouncement: this.getRemovedAnnouncement(),\n          isComplete: true,\n        });\n  }\n\n  handleActionInteraction({detail}: ActionInteractionEvent) {\n    const {source, actionID} = detail;\n    const isSelectable = this.adapter.isActionSelectable(source);\n    const isSelected = this.adapter.isActionSelected(source);\n\n    this.adapter.emitEvent<MDCChipInteractionEventDetail>(\n        MDCChipEvents.INTERACTION, {\n          chipID: this.getElementID(),\n          shouldRemove: this.shouldRemove(detail),\n          actionID,\n          isSelectable,\n          isSelected,\n          source,\n        });\n  }\n\n  handleActionNavigation({detail}: ActionNavigationEvent) {\n    const {source, key} = detail;\n    const isRTL = this.adapter.isRTL();\n    const isTrailingActionFocusable =\n        this.adapter.isActionFocusable(MDCChipActionType.TRAILING);\n    const isPrimaryActionFocusable =\n        this.adapter.isActionFocusable(MDCChipActionType.PRIMARY);\n    const dir = this.directionFromKey(key, isRTL);\n\n    const shouldNavigateToTrailing = source === MDCChipActionType.PRIMARY &&\n        dir === Direction.RIGHT && isTrailingActionFocusable;\n\n    const shouldNavigateToPrimary = source === MDCChipActionType.TRAILING &&\n        dir === Direction.LEFT && isPrimaryActionFocusable;\n\n    if (shouldNavigateToTrailing) {\n      this.navigateActions({from: source, to: MDCChipActionType.TRAILING});\n      return;\n    }\n\n    if (shouldNavigateToPrimary) {\n      this.navigateActions({from: source, to: MDCChipActionType.PRIMARY});\n      return;\n    }\n\n    this.adapter.emitEvent<MDCChipNavigationEventDetail>(\n        MDCChipEvents.NAVIGATION, {\n          chipID: this.getElementID(),\n          isRTL,\n          source,\n          key,\n        });\n  }\n\n  private directionFromKey(key: string, isRTL: boolean): Direction {\n    const isLeftKey = key === 'ArrowLeft';\n    const isRightKey = key === 'ArrowRight';\n    if (!isRTL && isLeftKey || isRTL && isRightKey) {\n      return Direction.LEFT;\n    }\n\n    if (!isRTL && isRightKey || isRTL && isLeftKey) {\n      return Direction.RIGHT;\n    }\n\n    return Direction.UNSPECIFIED;\n  }\n\n  private navigateActions(nav: Navigation) {\n    this.adapter.setActionFocus(\n        nav.from, MDCChipActionFocusBehavior.NOT_FOCUSABLE);\n    this.adapter.setActionFocus(\n        nav.to, MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);\n  }\n\n  private shouldRemove({source, trigger}: MDCChipActionInteractionEventDetail):\n      boolean {\n    if (trigger === MDCChipActionInteractionTrigger.BACKSPACE_KEY ||\n        trigger === MDCChipActionInteractionTrigger.DELETE_KEY) {\n      return true;\n    }\n\n    return source === MDCChipActionType.TRAILING;\n  }\n\n  private getRemovedAnnouncement(): string|undefined {\n    const msg =\n        this.adapter.getAttribute(MDCChipAttributes.DATA_REMOVED_ANNOUNCEMENT);\n    return msg || undefined;\n  }\n\n  private getAddedAnnouncement(): string|undefined {\n    const msg =\n        this.adapter.getAttribute(MDCChipAttributes.DATA_ADDED_ANNOUNCEMENT);\n    return msg || undefined;\n  }\n\n  private animateSelection(isSelected: boolean) {\n    this.resetAnimationStyles();\n    // Wait two frames to ensure the animation classes are unset\n    this.animFrame.request(AnimationKeys.SELECTION, () => {\n      this.animFrame.request(AnimationKeys.SELECTION, () => {\n        this.updateSelectionStyles(isSelected);\n      });\n    });\n  }\n\n  private resetAnimationStyles() {\n    this.adapter.removeClass(MDCChipCssClasses.SELECTING);\n    this.adapter.removeClass(MDCChipCssClasses.DESELECTING);\n    this.adapter.removeClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);\n    this.adapter.removeClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);\n  }\n\n  private updateSelectionStyles(isSelected: boolean) {\n    const hasIcon = this.adapter.hasClass(MDCChipCssClasses.WITH_PRIMARY_ICON);\n    if (hasIcon && isSelected) {\n      this.adapter.addClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);\n      this.animFrame.request(AnimationKeys.SELECTION, () => {\n        this.adapter.addClass(MDCChipCssClasses.SELECTED);\n      });\n      return;\n    }\n\n    if (hasIcon && !isSelected) {\n      this.adapter.addClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);\n      this.animFrame.request(AnimationKeys.SELECTION, () => {\n        this.adapter.removeClass(MDCChipCssClasses.SELECTED);\n      });\n      return;\n    }\n\n    if (isSelected) {\n      this.adapter.addClass(MDCChipCssClasses.SELECTING);\n      this.animFrame.request(AnimationKeys.SELECTION, () => {\n        this.adapter.addClass(MDCChipCssClasses.SELECTED);\n      });\n      return;\n    }\n\n    if (!isSelected) {\n      this.adapter.addClass(MDCChipCssClasses.DESELECTING);\n      this.animFrame.request(AnimationKeys.SELECTION, () => {\n        this.adapter.removeClass(MDCChipCssClasses.SELECTED);\n      });\n      return;\n    }\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"link-chip.js","sourceRoot":"","sources":["link-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,0CAA0C;AAC1C,OAAO,6BAA6B,CAAC;AAErC,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,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,qBAAqB;AACrB,MAAM,OAAO,QAAS,SAAQ,IAAI;IAKhC;;;;OAIG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;UAC1C,IAAI,CAAC,aAAa,EAAE;;YAElB,IAAI,CAAC,mBAAmB,EAAE;;UAE5B,IAAI,CAAC,kBAAkB,EAAE;cACrB,CAAC;IACb,CAAC;IAED,mBAAmB;IACX,mBAAmB;QACzB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,QAAQ;yBACV,IAAI,CAAC,WAAW;yBAChB,IAAI,CAAC,WAAW;kBACvB,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,SAAS;kBACnB,IAAI,CAAC,IAAI;oBACP,IAAI,CAAC,MAAM;wBACP,CAAC;IACvB,CAAC;CACF;AAlC2B;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;sCAAe;AAEd;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAiB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n// import '@material/web/chips/action.js';\nimport '../../action/link-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {Chip} from './chip.js';\n\n/** @soyCompatible */\nexport class LinkChip extends Chip {\n  @property({type: String}) href!: string;\n\n  @property({type: String}) target!: string;\n\n  /**\n   * @soyTemplate\n   * @soyAttributes attributes: .md3-chip\n   * @soyAttributes linkAttributes: .md3-chip__action\n   */\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"${classMap(this.getRootClasses())}\" role=\"row\">\n        ${this.renderOverlay()}\n        <span class=\"md3-chip__cell md3-chip__cell--primary\" role=\"gridcell\">\n          ${this.renderPrimaryAction()}\n        </span>\n        ${this.renderDeleteAction()}\n      </span>`;\n  }\n\n  /** @soyTemplate */\n  private renderPrimaryAction(): TemplateResult {\n    return html`\n      <md-link-action\n          ?disabled=${this.disabled}\n          ?isFocusable=${this.isFocusable}\n          ?isTouchable=${this.isTouchable}\n          .icon=${this.icon}\n          .label=${this.label}\n          .ariaLabel=${this.ariaLabel}\n          .href=${this.href}\n          .target=${this.target}>\n      </md-link-action>`;\n  }\n}\n"]}
+{"version":3,"file":"link-chip.js","sourceRoot":"","sources":["link-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,0CAA0C;AAC1C,OAAO,6BAA6B,CAAC;AAErC,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,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,qBAAqB;AACrB,MAAM,OAAO,QAAS,SAAQ,IAAI;IAKhC;;;;OAIG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;UAC1C,IAAI,CAAC,aAAa,EAAE;;YAElB,IAAI,CAAC,mBAAmB,EAAE;;UAE5B,IAAI,CAAC,kBAAkB,EAAE;cACrB,CAAC;IACb,CAAC;IAED,mBAAmB;IACX,mBAAmB;QACzB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,QAAQ;yBACV,IAAI,CAAC,WAAW;yBAChB,IAAI,CAAC,WAAW;kBACvB,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,SAAS;kBACnB,IAAI,CAAC,IAAI;oBACP,IAAI,CAAC,MAAM;wBACP,CAAC;IACvB,CAAC;CACF;AAlCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;sCAAe;AAExC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAiB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n// import '@material/web/chips/action.js';\nimport '../../action/link-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {Chip} from './chip.js';\n\n/** @soyCompatible */\nexport class LinkChip extends Chip {\n  @property({type: String}) href!: string;\n\n  @property({type: String}) target!: string;\n\n  /**\n   * @soyTemplate\n   * @soyAttributes attributes: .md3-chip\n   * @soyAttributes linkAttributes: .md3-chip__action\n   */\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"${classMap(this.getRootClasses())}\" role=\"row\">\n        ${this.renderOverlay()}\n        <span class=\"md3-chip__cell md3-chip__cell--primary\" role=\"gridcell\">\n          ${this.renderPrimaryAction()}\n        </span>\n        ${this.renderDeleteAction()}\n      </span>`;\n  }\n\n  /** @soyTemplate */\n  private renderPrimaryAction(): TemplateResult {\n    return html`\n      <md-link-action\n          ?disabled=${this.disabled}\n          ?isFocusable=${this.isFocusable}\n          ?isTouchable=${this.isTouchable}\n          .icon=${this.icon}\n          .label=${this.label}\n          .ariaLabel=${this.ariaLabel}\n          .href=${this.href}\n          .target=${this.target}>\n      </md-link-action>`;\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"selectable-chip.js","sourceRoot":"","sources":["selectable-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,mCAAmC,CAAC;AAE3C,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,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,qBAAqB;AACrB,MAAM,OAAO,cAAe,SAAQ,IAAI;IAAxC;;QAC4C,aAAQ,GAAG,KAAK,CAAC;IAsC7D,CAAC;IApCC;;;OAGG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;UAC1C,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,mBAAmB,EAAE;UAC1B,IAAI,CAAC,kBAAkB,EAAE;cACrB,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,gCAAgC,EAAE,IAAI;YACtC,sBAAsB,EAAE,IAAI;YAC5B,oBAAoB,EAAE,IAAI,CAAC,QAAQ;SACpC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACX,mBAAmB;QACzB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;yBACV,IAAI,CAAC,WAAW;yBAChB,IAAI,CAAC,WAAW;kBACvB,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,SAAS;8BACP,CAAC;IAC7B,CAAC;CACF;AAtC2C;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;gDAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../action/selectable-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {Chip} from './chip.js';\n\n/** @soyCompatible */\nexport class SelectableChip extends Chip {\n  @property({type: Boolean, reflect: true}) selected = false;\n\n  /**\n   * @soyTemplate\n   * @soyAttributes attributes: .md3-chip\n   */\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"${classMap(this.getRootClasses())}\" role=\"presentation\">\n        ${this.renderOverlay()}\n        ${this.renderPrimaryAction()}\n        ${this.renderDeleteAction()}\n      </span>`;\n  }\n\n  /** @soyTemplate */\n  protected override getRootClasses(): ClassInfo {\n    return {\n      ...super.getRootClasses(),\n      'md3-chip--with-primary-graphic': true,\n      'md3-chip--selectable': true,\n      'md3-chip--selected': this.selected,\n    };\n  }\n\n  /** @soyTemplate */\n  private renderPrimaryAction(): TemplateResult {\n    return html`\n      <md-selectable-action\n          ?disabled=${this.disabled}\n          ?selected=${this.selected}\n          ?isFocusable=${this.isFocusable}\n          ?isTouchable=${this.isTouchable}\n          .icon=${this.icon}\n          .label=${this.label}\n          .ariaLabel=${this.ariaLabel}>\n      </md-selectable-action>`;\n  }\n}\n\n"]}
+{"version":3,"file":"selectable-chip.js","sourceRoot":"","sources":["selectable-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,mCAAmC,CAAC;AAE3C,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,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,qBAAqB;AACrB,MAAM,OAAO,cAAe,SAAQ,IAAI;IAAxC;;QAC4C,aAAQ,GAAG,KAAK,CAAC;IAsC7D,CAAC;IApCC;;;OAGG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;UAC1C,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,mBAAmB,EAAE;UAC1B,IAAI,CAAC,kBAAkB,EAAE;cACrB,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,gCAAgC,EAAE,IAAI;YACtC,sBAAsB,EAAE,IAAI;YAC5B,oBAAoB,EAAE,IAAI,CAAC,QAAQ;SACpC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACX,mBAAmB;QACzB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;yBACV,IAAI,CAAC,WAAW;yBAChB,IAAI,CAAC,WAAW;kBACvB,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,SAAS;8BACP,CAAC;IAC7B,CAAC;CACF;AAtCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;gDAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../action/selectable-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {Chip} from './chip.js';\n\n/** @soyCompatible */\nexport class SelectableChip extends Chip {\n  @property({type: Boolean, reflect: true}) selected = false;\n\n  /**\n   * @soyTemplate\n   * @soyAttributes attributes: .md3-chip\n   */\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"${classMap(this.getRootClasses())}\" role=\"presentation\">\n        ${this.renderOverlay()}\n        ${this.renderPrimaryAction()}\n        ${this.renderDeleteAction()}\n      </span>`;\n  }\n\n  /** @soyTemplate */\n  protected override getRootClasses(): ClassInfo {\n    return {\n      ...super.getRootClasses(),\n      'md3-chip--with-primary-graphic': true,\n      'md3-chip--selectable': true,\n      'md3-chip--selected': this.selected,\n    };\n  }\n\n  /** @soyTemplate */\n  private renderPrimaryAction(): TemplateResult {\n    return html`\n      <md-selectable-action\n          ?disabled=${this.disabled}\n          ?selected=${this.selected}\n          ?isFocusable=${this.isFocusable}\n          ?isTouchable=${this.isTouchable}\n          .icon=${this.icon}\n          .label=${this.label}\n          .ariaLabel=${this.ariaLabel}>\n      </md-selectable-action>`;\n  }\n}\n\n"]}

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

@@ -35,8 +35,8 @@ export interface MDCChipAnimationEventDetail {
 /**
  * MDCChipActionInteractionEvent is the custom event for the interaction event.
  */
-export declare type ActionInteractionEvent = CustomEvent<MDCChipActionInteractionEventDetail>;
+export type ActionInteractionEvent = CustomEvent<MDCChipActionInteractionEventDetail>;
 /**
  * MDCChipActionInteractionEvent is the custom event for the interaction event.
  */
-export declare type ActionNavigationEvent = CustomEvent<MDCChipActionNavigationEventDetail>;
+export type ActionNavigationEvent = CustomEvent<MDCChipActionNavigationEventDetail>;

package/chips/chipset/lib/_chip-set-theme.scss

@@ -4,7 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+// go/keep-sorted start
 @use 'sass:math';
+// go/keep-sorted end
 
 // stylelint-disable selector-class-pattern -- MDC internal usage.
 

package/chips/chipset/lib/_chip-set.scss

@@ -4,7 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+// go/keep-sorted start
 @use './chip-set-theme';
+// go/keep-sorted end
 
 // stylelint-disable selector-class-pattern -- MDC internal usage.
 

package/chips/chipset/lib/foundation.js

@@ -15,9 +15,6 @@ var Operator;
  * MDCChipSetFoundation provides a foundation for all chips.
  */
 export class MDCChipSetFoundation {
-    constructor(adapter) {
-        this.adapter = { ...MDCChipSetFoundation.defaultAdapter, ...adapter };
-    }
     static get defaultAdapter() {
         return {
             announceMessage: () => undefined,
@@ -36,6 +33,9 @@ export class MDCChipSetFoundation {
             startChipAnimationAtIndex: () => undefined,
         };
     }
+    constructor(adapter) {
+        this.adapter = { ...MDCChipSetFoundation.defaultAdapter, ...adapter };
+    }
     handleChipAnimation({ detail }) {
         const { chipID, animation, isComplete, addedAnnouncement, removedAnnouncement } = detail;
         const index = this.adapter.getChipIndexById(chipID);