@aurelia-mdc-web/all 9.3.1-au2 → 9.3.3-au2

package/dist/chips/mdc-chip/mdc-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-chip.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip/mdc-chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { inject, customElement, INode, IPlatform, bindable } from 'aurelia';\r\nimport { MdcComponent, booleanAttr } from '../../base';\r\nimport { processContent, CustomElement } from '@aurelia/runtime-html';\r\nimport { MdcChipAction } from '../mdc-chip-action/mdc-chip-action';\r\nimport { MDCChipFoundation } from '@material/chips/chip/foundation';\r\nimport { MDCChipEvents, MDCChipAdapter, MDCChipActionType, MDCChipActionFocusBehavior, MDCChipAnimation } from '@material/chips';\r\nimport { ActionInteractionEvent, ActionNavigationEvent } from '@material/chips/chip/types';\r\nimport template from './mdc-chip.html?raw';\r\n\r\n(MDCChipEvents as Record<string, string>).INTERACTION = MDCChipEvents.INTERACTION.toLowerCase();\r\n(MDCChipEvents as Record<string, string>).ANIMATION = MDCChipEvents.ANIMATION.toLowerCase();\r\n(MDCChipEvents as Record<string, string>).NAVIGATION = MDCChipEvents.NAVIGATION.toLowerCase();\r\n\r\nlet chipId = 0;\r\n\r\n/**\r\n * @selector mdc-chip\r\n * @emits mdcchip:interaction | Indicates the chip was interacted with (via click/tap or Enter key)\r\n * @emits mdcchip:removal | Indicates the chip removal event from a chip set\r\n * @emits mdcchip:selection | Indicates a selection event has occurred on a chip\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-chip', template })\r\n@processContent(function processContent(node: INode, platform: IPlatform) {\r\n  const element = node as HTMLElement;\r\n\r\n  const primaryAction = element.querySelector('[as-element=\"mdc-chip-action\"]:not([trailing])');\r\n  if (primaryAction) {\r\n    primaryAction.setAttribute('au-slot', 'primary-action');\r\n    primaryAction.remove();\r\n  }\r\n\r\n  const trailingAction = element.querySelector('[as-element=\"mdc-chip-action\"][trailing]');\r\n  if (trailingAction) {\r\n    trailingAction.setAttribute('au-slot', trailingAction.hasAttribute('non-navigable') ? 'non-navigable-trailing-action' : 'trailing-action');\r\n    trailingAction.remove();\r\n  }\r\n\r\n  const template = platform.document.createElement('template');\r\n  template.setAttribute('au-slot', '');\r\n  template.innerHTML = element.innerHTML;\r\n  element.innerHTML = '';\r\n  element.appendChild(template);\r\n\r\n  if (primaryAction) {\r\n    element.appendChild(primaryAction);\r\n  }\r\n  if (trailingAction) {\r\n    element.appendChild(trailingAction);\r\n  }\r\n}\r\n)\r\nexport class MdcChip extends MdcComponent<MDCChipFoundation> {\r\n  constructor(root: IMdcChipElement) {\r\n    super(root);\r\n    defineMdcChipElementApis(this.root);\r\n    this.root.id = `mdc-chip-${++chipId}`;\r\n  }\r\n\r\n  _selected: boolean;\r\n  /**\r\n   * @return Whether the chip is selected.\r\n   */\r\n  get selected(): boolean {\r\n    return this.foundation?.isActionSelected(MDCChipActionType.PRIMARY) ?? this._selected;\r\n  }\r\n\r\n  /** Sets selected state on the chip. */\r\n  set selected(selected: boolean) {\r\n    this._selected = selected;\r\n    this.foundation?.setActionSelected(MDCChipActionType.PRIMARY, selected);\r\n  }\r\n\r\n  /** Marks the chip as disabled. */\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n\r\n  /** Marks the chip as a filter chip. */\r\n  @bindable({ set: booleanAttr })\r\n  filter: boolean;\r\n  filterChanged() {\r\n    if (this.filter) {\r\n      this.root.setAttribute('role', 'presentation');\r\n    } else {\r\n      this.root.setAttribute('role', 'row');\r\n    }\r\n  }\r\n\r\n  @bindable()\r\n  icon: string;\r\n\r\n  actions: Map<MDCChipActionType, MdcChipAction>;\r\n\r\n  beforeFoundationCreated() {\r\n    this.actions = new Map();\r\n    const primaryAction = CustomElement.for<MdcChipAction>(this.root.querySelector('.mdc-evolution-chip__action--primary')!).viewModel;\r\n    this.actions.set(MDCChipActionType.PRIMARY, primaryAction);\r\n    const trailingAction = this.root.querySelector('.mdc-evolution-chip__action--trailing');\r\n    if (trailingAction) {\r\n      this.actions.set(MDCChipActionType.TRAILING, CustomElement.for<MdcChipAction>(trailingAction).viewModel);\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.filterChanged();\r\n    if (this._selected !== undefined) {\r\n      this.selected = this._selected;\r\n    }\r\n  }\r\n\r\n  /** Set focus to the chip. */\r\n  focus() {\r\n    this.root.focus();\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\r\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\r\n    // methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCChipAdapter = {\r\n      addClass: (className) => {\r\n        this.root.classList.add(className);\r\n      },\r\n      emitEvent: (eventName, eventDetail) => {\r\n        this.emit(eventName, eventDetail, true /* shouldBubble */);\r\n      },\r\n      getActions: () => {\r\n        const actions: MDCChipActionType[] = [];\r\n        for (const [key] of this.actions) {\r\n          actions.push(key);\r\n        }\r\n        return actions;\r\n      },\r\n      getAttribute: (attrName) => this.root.getAttribute(attrName),\r\n      getElementID: () => this.root.id,\r\n      getOffsetWidth: () => {\r\n        return this.root.offsetWidth;\r\n      },\r\n      hasClass: (className) => this.root.classList.contains(className),\r\n      isActionSelectable: (actionType: MDCChipActionType) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          return action.selectable;\r\n        }\r\n        return false;\r\n      },\r\n      isActionSelected: (actionType: MDCChipActionType) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          return action.selected;\r\n        }\r\n        return false;\r\n      },\r\n      isActionFocusable: (actionType: MDCChipActionType) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          return action.isFocusable();\r\n        }\r\n        return false;\r\n      },\r\n      isActionDisabled: (actionType: MDCChipActionType) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          return action.disabled;\r\n        }\r\n        return false;\r\n      },\r\n      isRTL: () => window.getComputedStyle(this.root).getPropertyValue(\r\n        'direction') === 'rtl',\r\n      removeClass: (className) => {\r\n        this.root.classList.remove(className);\r\n      },\r\n      setActionDisabled: (actionType: MDCChipActionType, isDisabled: boolean) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          action.disabled = isDisabled;\r\n        }\r\n      },\r\n      setActionFocus: (actionType: MDCChipActionType, behavior: MDCChipActionFocusBehavior) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          action.setFocus(behavior);\r\n        }\r\n      },\r\n      setActionSelected: (actionType: MDCChipActionType, isSelected: boolean) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          if (action.selected !== isSelected) {\r\n            action.selected = isSelected;\r\n          }\r\n        }\r\n      },\r\n      setStyleProperty: (prop: string, value: string) => {\r\n        this.root.style.setProperty(prop, value);\r\n      },\r\n    };\r\n\r\n    // Default to the primary foundation\r\n    return new MDCChipFoundation(adapter);\r\n  }\r\n\r\n  handleActionInteraction(event: ActionInteractionEvent): void {\r\n    this.foundation?.handleActionInteraction(event);\r\n    this.emit('change', {}, true);\r\n  }\r\n\r\n  handleActionNavigation(event: ActionNavigationEvent): void {\r\n    this.foundation?.handleActionNavigation(event);\r\n  }\r\n\r\n  handleAnimationEnd(event: AnimationEvent) {\r\n    this.foundation?.handleAnimationEnd(event);\r\n  }\r\n\r\n  handleTransitionEnd() {\r\n    this.foundation?.handleTransitionEnd();\r\n  }\r\n\r\n  getActions(): MDCChipActionType[] {\r\n    return this.foundation?.getActions() ?? [];\r\n  }\r\n\r\n  getElementID(): string {\r\n    return this.foundation?.getElementID() ?? '';\r\n  }\r\n\r\n  isActionFocusable(action: MDCChipActionType): boolean {\r\n    return this.foundation!.isActionFocusable(action);\r\n  }\r\n\r\n  isActionSelectable(action: MDCChipActionType): boolean {\r\n    return this.foundation!.isActionSelectable(action);\r\n  }\r\n\r\n  isActionSelected(action: MDCChipActionType): boolean {\r\n    return this.foundation!.isActionSelected(action);\r\n  }\r\n\r\n  setActionFocus(action: MDCChipActionType, focus: MDCChipActionFocusBehavior) {\r\n    this.foundation!.setActionFocus(action, focus);\r\n  }\r\n\r\n  setActionSelected(action: MDCChipActionType, isSelected: boolean) {\r\n    this.foundation!.setActionSelected(action, isSelected);\r\n  }\r\n\r\n  startAnimation(animation: MDCChipAnimation) {\r\n    this.foundation!.startAnimation(animation);\r\n  }\r\n\r\n  remove() {\r\n    const parent = this.root.parentNode;\r\n    if (parent !== null) {\r\n      parent.removeChild(this.root);\r\n    }\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcChipElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcChip;\r\n    };\r\n  };\r\n}\r\n\r\nfunction defineMdcChipElementApis(element: HTMLElement) {\r\n  Object.defineProperties(element, {\r\n    type: {\r\n      value: 'checkbox',\r\n    },\r\n    checked: {\r\n      get(this: IMdcChipElement) {\r\n        const chip = CustomElement.for<MdcChip>(this).viewModel;\r\n        return chip.selected;\r\n      },\r\n      set(this: IMdcChipElement, value: boolean) {\r\n        CustomElement.for<MdcChip>(this).viewModel.selected = value;\r\n      },\r\n      configurable: true\r\n    },\r\n    focus: {\r\n      value(this: IMdcChipElement) {\r\n        CustomElement.for<MdcChip>(this).viewModel.focus();\r\n      },\r\n      configurable: true\r\n    }\r\n  });\r\n}\r\n"]}
+{"version":3,"file":"mdc-chip.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip/mdc-chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { inject, customElement, INode, IPlatform, bindable } from 'aurelia';\r\nimport { MdcComponent, booleanAttr } from '../../base';\r\nimport { processContent, CustomElement } from '@aurelia/runtime-html';\r\nimport { MdcChipAction } from '../mdc-chip-action/mdc-chip-action';\r\nimport { MDCChipFoundation } from '@material/chips/chip/foundation';\r\nimport { MDCChipEvents, MDCChipAdapter, MDCChipActionType, MDCChipActionFocusBehavior, MDCChipAnimation } from '@material/chips';\r\nimport { ActionInteractionEvent, ActionNavigationEvent } from '@material/chips/chip/types';\r\nimport template from './mdc-chip.html?raw';\r\n\r\n(MDCChipEvents as Record<string, string>).INTERACTION = MDCChipEvents.INTERACTION.toLowerCase();\r\n(MDCChipEvents as Record<string, string>).ANIMATION = MDCChipEvents.ANIMATION.toLowerCase();\r\n(MDCChipEvents as Record<string, string>).NAVIGATION = MDCChipEvents.NAVIGATION.toLowerCase();\r\n\r\nlet chipId = 0;\r\n\r\n/**\r\n * @selector mdc-chip\r\n * @emits mdcchip:interaction | Indicates the chip was interacted with (via click/tap or Enter key)\r\n * @emits mdcchip:removal | Indicates the chip removal event from a chip set\r\n * @emits mdcchip:selection | Indicates a selection event has occurred on a chip\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-chip', template })\r\n@processContent(function processContent(node: INode, platform: IPlatform) {\r\n  const element = node as HTMLElement;\r\n\r\n  const primaryAction = element.querySelector('[as-element=\"mdc-chip-action\"]:not([trailing])');\r\n  if (primaryAction) {\r\n    primaryAction.setAttribute('au-slot', 'primary-action');\r\n    primaryAction.remove();\r\n  }\r\n\r\n  const trailingAction = element.querySelector('[as-element=\"mdc-chip-action\"][trailing]');\r\n  if (trailingAction) {\r\n    trailingAction.setAttribute('au-slot', trailingAction.hasAttribute('non-navigable') ? 'non-navigable-trailing-action' : 'trailing-action');\r\n    trailingAction.remove();\r\n  }\r\n\r\n  const template = platform.document.createElement('template');\r\n  template.setAttribute('au-slot', '');\r\n  template.innerHTML = element.innerHTML;\r\n  element.innerHTML = '';\r\n  element.appendChild(template);\r\n\r\n  if (primaryAction) {\r\n    element.appendChild(primaryAction);\r\n  }\r\n  if (trailingAction) {\r\n    element.appendChild(trailingAction);\r\n  }\r\n}\r\n)\r\nexport class MdcChip extends MdcComponent<MDCChipFoundation> {\r\n  constructor(root: IMdcChipElement) {\r\n    super(root);\r\n    defineMdcChipElementApis(this.root);\r\n    this.root.id = `mdc-chip-${++chipId}`;\r\n  }\r\n\r\n  _selected: boolean;\r\n  /**\r\n   * @return Whether the chip is selected.\r\n   */\r\n  get selected(): boolean {\r\n    return this.foundation?.isActionSelected(MDCChipActionType.PRIMARY) ?? this._selected;\r\n  }\r\n\r\n  /** Sets selected state on the chip. */\r\n  set selected(selected: boolean) {\r\n    this._selected = selected;\r\n    this.foundation?.setActionSelected(MDCChipActionType.PRIMARY, selected);\r\n  }\r\n\r\n  /** Marks the chip as disabled. */\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n\r\n  /** Marks the chip as a filter chip. */\r\n  @bindable({ set: booleanAttr })\r\n  filter: boolean;\r\n  filterChanged() {\r\n    if (this.filter) {\r\n      this.root.setAttribute('role', 'presentation');\r\n    } else {\r\n      this.root.setAttribute('role', 'row');\r\n    }\r\n  }\r\n\r\n  @bindable()\r\n  icon: string;\r\n\r\n  actions: Map<MDCChipActionType, MdcChipAction>;\r\n\r\n  beforeFoundationCreated() {\r\n    this.actions = new Map();\r\n    const primaryAction = CustomElement.for<MdcChipAction>(this.root.querySelector('.mdc-evolution-chip__action--primary')!).viewModel;\r\n    this.actions.set(MDCChipActionType.PRIMARY, primaryAction);\r\n    const trailingAction = this.root.querySelector('.mdc-evolution-chip__action--trailing');\r\n    if (trailingAction) {\r\n      this.actions.set(MDCChipActionType.TRAILING, CustomElement.for<MdcChipAction>(trailingAction).viewModel);\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.filterChanged();\r\n    if (this._selected !== undefined) {\r\n      this.selected = this._selected;\r\n    }\r\n  }\r\n\r\n  /** Set focus to the chip. */\r\n  focus() {\r\n    this.root.focus();\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\r\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\r\n    // methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCChipAdapter = {\r\n      addClass: (className) => {\r\n        this.root.classList.add(className);\r\n      },\r\n      emitEvent: (eventName, eventDetail) => {\r\n        this.emit(eventName, eventDetail, true /* shouldBubble */);\r\n      },\r\n      getActions: () => {\r\n        const actions: MDCChipActionType[] = [];\r\n        for (const [key] of this.actions) {\r\n          actions.push(key);\r\n        }\r\n        return actions;\r\n      },\r\n      getAttribute: (attrName) => this.root.getAttribute(attrName),\r\n      getElementID: () => this.root.id,\r\n      getOffsetWidth: () => {\r\n        return this.root.offsetWidth;\r\n      },\r\n      hasClass: (className) => this.root.classList.contains(className),\r\n      isActionSelectable: (actionType: MDCChipActionType) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          return action.selectable;\r\n        }\r\n        return false;\r\n      },\r\n      isActionSelected: (actionType: MDCChipActionType) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          return action.selected;\r\n        }\r\n        return false;\r\n      },\r\n      isActionFocusable: (actionType: MDCChipActionType) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          return action.isFocusable();\r\n        }\r\n        return false;\r\n      },\r\n      isActionDisabled: (actionType: MDCChipActionType) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          return action.disabled;\r\n        }\r\n        return false;\r\n      },\r\n      isRTL: () => window.getComputedStyle(this.root).getPropertyValue(\r\n        'direction') === 'rtl',\r\n      removeClass: (className) => {\r\n        this.root.classList.remove(className);\r\n      },\r\n      setActionDisabled: (actionType: MDCChipActionType, isDisabled: boolean) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          action.disabled = isDisabled;\r\n        }\r\n      },\r\n      setActionFocus: (actionType: MDCChipActionType, behavior: MDCChipActionFocusBehavior) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          action.setFocus(behavior);\r\n        }\r\n      },\r\n      setActionSelected: (actionType: MDCChipActionType, isSelected: boolean) => {\r\n        const action = this.actions.get(actionType);\r\n        if (action) {\r\n          if (action.selected !== isSelected) {\r\n            action.selected = isSelected;\r\n          }\r\n        }\r\n      },\r\n      setStyleProperty: (prop: string, value: string) => {\r\n        this.root.style.setProperty(prop, value);\r\n      },\r\n    };\r\n\r\n    // Default to the primary foundation\r\n    return new MDCChipFoundation(adapter);\r\n  }\r\n\r\n  handleActionInteraction(event: ActionInteractionEvent): void {\r\n    this.foundation?.handleActionInteraction(event);\r\n    this.emit('change', {}, true);\r\n  }\r\n\r\n  handleActionNavigation(event: ActionNavigationEvent): void {\r\n    this.foundation?.handleActionNavigation(event);\r\n  }\r\n\r\n  handleAnimationEnd(event: AnimationEvent) {\r\n    this.foundation?.handleAnimationEnd(event);\r\n  }\r\n\r\n  handleTransitionEnd() {\r\n    this.foundation?.handleTransitionEnd();\r\n  }\r\n\r\n  getActions(): MDCChipActionType[] {\r\n    return this.foundation?.getActions() ?? [];\r\n  }\r\n\r\n  getElementID(): string {\r\n    return this.foundation?.getElementID() ?? '';\r\n  }\r\n\r\n  isActionFocusable(action: MDCChipActionType): boolean {\r\n    return this.foundation!.isActionFocusable(action);\r\n  }\r\n\r\n  isActionSelectable(action: MDCChipActionType): boolean {\r\n    return this.foundation!.isActionSelectable(action);\r\n  }\r\n\r\n  isActionSelected(action: MDCChipActionType): boolean {\r\n    return this.foundation!.isActionSelected(action);\r\n  }\r\n\r\n  setActionFocus(action: MDCChipActionType, focus: MDCChipActionFocusBehavior) {\r\n    this.foundation!.setActionFocus(action, focus);\r\n  }\r\n\r\n  setActionSelected(action: MDCChipActionType, isSelected: boolean) {\r\n    this.foundation!.setActionSelected(action, isSelected);\r\n  }\r\n\r\n  startAnimation(animation: MDCChipAnimation) {\r\n    this.foundation!.startAnimation(animation);\r\n  }\r\n\r\n  remove() {\r\n    const parent = this.root.parentNode;\r\n    if (parent !== null) {\r\n      parent.removeChild(this.root);\r\n    }\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcChipElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcChip;\r\n    };\r\n  };\r\n}\r\n\r\nfunction defineMdcChipElementApis(element: HTMLElement) {\r\n  Object.defineProperties(element, {\r\n    type: {\r\n      value: 'checkbox',\r\n    },\r\n    checked: {\r\n      get(this: IMdcChipElement) {\r\n        const chip = CustomElement.for<MdcChip>(this).viewModel;\r\n        return chip.selected;\r\n      },\r\n      set(this: IMdcChipElement, value: boolean) {\r\n        CustomElement.for<MdcChip>(this).viewModel.selected = value;\r\n      },\r\n      configurable: true\r\n    },\r\n    focus: {\r\n      value(this: IMdcChipElement) {\r\n        CustomElement.for<MdcChip>(this).viewModel.focus();\r\n      },\r\n      configurable: true\r\n    }\r\n  });\r\n}\r\n"]}

package/dist/chips/mdc-chip-action/enhance-mdc-chip-action.js

@@ -1,7 +1,10 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { templateCompilerHooks } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnhanceMdcChipAction = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 let EnhanceMdcChipAction = (() => {
-    let _classDecorators = [templateCompilerHooks];
+    let _classDecorators = [aurelia_1.templateCompilerHooks];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -9,10 +12,10 @@ let EnhanceMdcChipAction = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             EnhanceMdcChipAction = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         compiling(template) {
             template.innerHTML = template.innerHTML.replaceAll('mdc-chip-action=""', 'as-element="mdc-chip-action"');
@@ -20,5 +23,5 @@ let EnhanceMdcChipAction = (() => {
     };
     return EnhanceMdcChipAction = _classThis;
 })();
-export { EnhanceMdcChipAction };
+exports.EnhanceMdcChipAction = EnhanceMdcChipAction;
 //# sourceMappingURL=enhance-mdc-chip-action.js.map

package/dist/chips/mdc-chip-action/enhance-mdc-chip-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"enhance-mdc-chip-action.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip-action/enhance-mdc-chip-action.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,oBAAoB;4BADhC,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAoB;;QAC/B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,oBAAoB,EAAC,8BAA8B,CAAC,CAAC;QAC1G,CAAC;;;;SAHU,oBAAoB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\n\n@templateCompilerHooks\nexport class EnhanceMdcChipAction {\n  compiling(template: HTMLElement | HTMLTemplateElement) {\n    template.innerHTML = template.innerHTML.replaceAll('mdc-chip-action=\"\"','as-element=\"mdc-chip-action\"');\n  }\n}\n"]}
+{"version":3,"file":"enhance-mdc-chip-action.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip-action/enhance-mdc-chip-action.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;IAGnC,oBAAoB;4BADhC,+BAAqB;;;;;;;;YACtB,qLAIC;;;YAJY,+DAAoB;;QAC/B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,oBAAoB,EAAC,8BAA8B,CAAC,CAAC;QAC1G,CAAC;;;;AAHU,oDAAoB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcChipAction {\r\n  compiling(template: HTMLElement | HTMLTemplateElement) {\r\n    template.innerHTML = template.innerHTML.replaceAll('mdc-chip-action=\"\"','as-element=\"mdc-chip-action\"');\r\n  }\r\n}\r\n"]}

package/dist/chips/mdc-chip-action/mdc-chip-action.html

@@ -1,25 +1,25 @@
-<template class="
-    mdc-evolution-chip__action
-    ${trailing ? 'mdc-evolution-chip__action--trailing' : 'mdc-evolution-chip__action--primary'}
-  " click.trigger="handleClick()" keydown.trigger="handleKeydown($event)"
-  mdc-ripple="no-class.bind: true; compute-bounding-rect.bind: computeRippleClientRect">
-  <span class="
-      mdc-evolution-chip__ripple
-      ${trailing ? 'mdc-evolution-chip__ripple--trailing' : 'mdc-evolution-chip__ripple--primary'}
-    "></span>
-  <span class="mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing material-icons"
-    if.bind="trailing && icon">${icon}</span>
-  <span class="mdc-evolution-chip__graphic" if.bind="!trailing && (icon || selectable)">
-    <span if.bind="icon"
-      class="mdc-evolution-chip__icon ${trailing ? '' : 'mdc-evolution-chip__icon--primary'} material-icons">${icon}</span>
-    <span class="mdc-evolution-chip__checkmark" if.bind="selectable">
-      <svg class="mdc-evolution-chip__checkmark-svg" viewBox="-2 -3 30 30">
-        <path class="mdc-evolution-chip__checkmark-path" fill="none" stroke="black"
-          d="M1.73,12.91 8.1,19.28 22.79,4.59" />
-      </svg>
-    </span>
-  </span>
-  <span class="mdc-evolution-chip__text-label">
-    <au-slot></au-slot>
-  </span>
-</template>
+<template class="
+    mdc-evolution-chip__action
+    ${trailing ? 'mdc-evolution-chip__action--trailing' : 'mdc-evolution-chip__action--primary'}
+  " click.trigger="handleClick()" keydown.trigger="handleKeydown($event)"
+  mdc-ripple="no-class.bind: true; compute-bounding-rect.bind: computeRippleClientRect">
+  <span class="
+      mdc-evolution-chip__ripple
+      ${trailing ? 'mdc-evolution-chip__ripple--trailing' : 'mdc-evolution-chip__ripple--primary'}
+    "></span>
+  <span class="mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing material-icons"
+    if.bind="trailing && icon">${icon}</span>
+  <span class="mdc-evolution-chip__graphic" if.bind="!trailing && (icon || selectable)">
+    <span if.bind="icon"
+      class="mdc-evolution-chip__icon ${trailing ? '' : 'mdc-evolution-chip__icon--primary'} material-icons">${icon}</span>
+    <span class="mdc-evolution-chip__checkmark" if.bind="selectable">
+      <svg class="mdc-evolution-chip__checkmark-svg" viewBox="-2 -3 30 30">
+        <path class="mdc-evolution-chip__checkmark-path" fill="none" stroke="black"
+          d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+      </svg>
+    </span>
+  </span>
+  <span class="mdc-evolution-chip__text-label">
+    <au-slot></au-slot>
+  </span>
+</template>

package/dist/chips/mdc-chip-action/mdc-chip-action.js

@@ -1,25 +1,28 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { closest } from '@material/dom/ponyfill';
-import { booleanAttr, MdcComponent } from '../../base';
-import { MDCChipActionCssClasses, MDCChipActionEvents } from '@material/chips';
-import { MDCChipTrailingActionFoundation } from '@material/chips/action/trailing-foundation';
-import { MDCChipPrimaryActionFoundation } from '@material/chips/action/primary-foundation';
-import { GRAPHIC_SELECTED_WIDTH_STYLE_PROP, computePrimaryActionRippleClientRect } from '@material/chips/action/component-ripple';
-import { bindable, customElement, inject } from 'aurelia';
-import template from './mdc-chip-action.html?raw';
-MDCChipActionEvents.INTERACTION = MDCChipActionEvents.INTERACTION.toLowerCase();
-MDCChipActionEvents.NAVIGATION = MDCChipActionEvents.NAVIGATION.toLowerCase();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcChipAction = void 0;
+const tslib_1 = require("tslib");
+const ponyfill_1 = require("@material/dom/ponyfill");
+const base_1 = require("../../base");
+const chips_1 = require("@material/chips");
+const trailing_foundation_1 = require("@material/chips/action/trailing-foundation");
+const primary_foundation_1 = require("@material/chips/action/primary-foundation");
+const component_ripple_1 = require("@material/chips/action/component-ripple");
+const aurelia_1 = require("aurelia");
+const mdc_chip_action_html_raw_1 = tslib_1.__importDefault(require("./mdc-chip-action.html?raw"));
+chips_1.MDCChipActionEvents.INTERACTION = chips_1.MDCChipActionEvents.INTERACTION.toLowerCase();
+chips_1.MDCChipActionEvents.NAVIGATION = chips_1.MDCChipActionEvents.NAVIGATION.toLowerCase();
 let actionId = 0;
 /**
  * @hidden
  * @selector mdc-chip-action
  */
 let MdcChipAction = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-chip-action', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-chip-action', template: mdc_chip_action_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _selectable_decorators;
     let _selectable_initializers = [];
     let _selectable_extraInitializers = [];
@@ -36,18 +39,18 @@ let MdcChipAction = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _selectable_decorators = [bindable({ set: booleanAttr })];
-            _trailing_decorators = [bindable({ set: booleanAttr })];
-            _icon_decorators = [bindable()];
-            _disabled_decorators = [bindable({ set: booleanAttr })];
-            __esDecorate(null, null, _selectable_decorators, { kind: "field", name: "selectable", static: false, private: false, access: { has: obj => "selectable" in obj, get: obj => obj.selectable, set: (obj, value) => { obj.selectable = value; } }, metadata: _metadata }, _selectable_initializers, _selectable_extraInitializers);
-            __esDecorate(null, null, _trailing_decorators, { kind: "field", name: "trailing", static: false, private: false, access: { has: obj => "trailing" in obj, get: obj => obj.trailing, set: (obj, value) => { obj.trailing = value; } }, metadata: _metadata }, _trailing_initializers, _trailing_extraInitializers);
-            __esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
-            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _selectable_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _trailing_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _icon_decorators = [(0, aurelia_1.bindable)()];
+            _disabled_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__esDecorate(null, null, _selectable_decorators, { kind: "field", name: "selectable", static: false, private: false, access: { has: obj => "selectable" in obj, get: obj => obj.selectable, set: (obj, value) => { obj.selectable = value; } }, metadata: _metadata }, _selectable_initializers, _selectable_extraInitializers);
+            tslib_1.__esDecorate(null, null, _trailing_decorators, { kind: "field", name: "trailing", static: false, private: false, access: { has: obj => "trailing" in obj, get: obj => obj.trailing, set: (obj, value) => { obj.trailing = value; } }, metadata: _metadata }, _trailing_initializers, _trailing_extraInitializers);
+            tslib_1.__esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
+            tslib_1.__esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcChipAction = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
@@ -55,7 +58,7 @@ let MdcChipAction = (() => {
             this.root = root;
             this.root.id = `mdc-chip-action-${++actionId}`;
         }
-        selectable = __runInitializers(this, _selectable_initializers, void 0);
+        selectable = tslib_1.__runInitializers(this, _selectable_initializers, void 0);
         selectableChanged() {
             if (this.selectable) {
                 this.root.setAttribute('role', 'option');
@@ -64,7 +67,7 @@ let MdcChipAction = (() => {
                 this.root.removeAttribute('role');
             }
         }
-        _selected = __runInitializers(this, _selectable_extraInitializers);
+        _selected = tslib_1.__runInitializers(this, _selectable_extraInitializers);
         get selected() {
             return this.foundation?.isSelected() ?? this._selected;
         }
@@ -72,9 +75,9 @@ let MdcChipAction = (() => {
             this._selected = value;
             this.foundation?.setSelected(value);
         }
-        trailing = __runInitializers(this, _trailing_initializers, void 0);
-        icon = (__runInitializers(this, _trailing_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
-        disabled = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
+        trailing = tslib_1.__runInitializers(this, _trailing_initializers, void 0);
+        icon = (tslib_1.__runInitializers(this, _trailing_extraInitializers), tslib_1.__runInitializers(this, _icon_initializers, void 0));
+        disabled = (tslib_1.__runInitializers(this, _icon_extraInitializers), tslib_1.__runInitializers(this, _disabled_initializers, void 0));
         async disabledChanged() {
             await this.initialised;
             this.foundation?.setDisabled(this.disabled);
@@ -118,11 +121,11 @@ let MdcChipAction = (() => {
                     this.root.setAttribute(name, value);
                 },
             };
-            if (this.root.classList.contains(MDCChipActionCssClasses.TRAILING_ACTION)) {
-                return new MDCChipTrailingActionFoundation(adapter);
+            if (this.root.classList.contains(chips_1.MDCChipActionCssClasses.TRAILING_ACTION)) {
+                return new trailing_foundation_1.MDCChipTrailingActionFoundation(adapter);
             }
             // Default to the primary foundation
-            return new MDCChipPrimaryActionFoundation(adapter);
+            return new primary_foundation_1.MDCChipPrimaryActionFoundation(adapter);
         }
         isFocusable() {
             return this.foundation?.isFocusable() ?? false;
@@ -130,20 +133,20 @@ let MdcChipAction = (() => {
         setFocus(behavior) {
             this.foundation?.setFocus(behavior);
         }
-        computeRippleClientRect = (__runInitializers(this, _disabled_extraInitializers), () => {
-            if (this.root.classList.contains(MDCChipActionCssClasses.PRIMARY_ACTION)) {
-                const chipRoot = closest(this.root, `.${MDCChipActionCssClasses.CHIP_ROOT}`);
+        computeRippleClientRect = (tslib_1.__runInitializers(this, _disabled_extraInitializers), () => {
+            if (this.root.classList.contains(chips_1.MDCChipActionCssClasses.PRIMARY_ACTION)) {
+                const chipRoot = (0, ponyfill_1.closest)(this.root, `.${chips_1.MDCChipActionCssClasses.CHIP_ROOT}`);
                 // Return the root client rect since it's better than nothing
                 if (!chipRoot) {
                     return this.root.getBoundingClientRect();
                 }
-                const graphicWidth = window.getComputedStyle(chipRoot).getPropertyValue(GRAPHIC_SELECTED_WIDTH_STYLE_PROP);
-                return computePrimaryActionRippleClientRect(chipRoot.getBoundingClientRect(), graphicWidth);
+                const graphicWidth = window.getComputedStyle(chipRoot).getPropertyValue(component_ripple_1.GRAPHIC_SELECTED_WIDTH_STYLE_PROP);
+                return (0, component_ripple_1.computePrimaryActionRippleClientRect)(chipRoot.getBoundingClientRect(), graphicWidth);
             }
             return this.root.getBoundingClientRect();
         });
     };
     return MdcChipAction = _classThis;
 })();
-export { MdcChipAction };
+exports.MdcChipAction = MdcChipAction;
 //# sourceMappingURL=mdc-chip-action.js.map

package/dist/chips/mdc-chip-action/mdc-chip-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-chip-action.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip-action/mdc-chip-action.ts"],"names":[],"mappings":"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","sourcesContent":["import { closest } from '@material/dom/ponyfill';\nimport { booleanAttr, MdcComponent } from '../../base';\nimport { MDCChipActionAdapter, MDCChipActionFoundation, MDCChipActionCssClasses, MDCChipActionEvents, MDCChipActionFocusBehavior } from '@material/chips';\nimport { MDCRippleCapableSurface } from '@material/ripple';\nimport { MDCChipTrailingActionFoundation } from '@material/chips/action/trailing-foundation';\nimport { MDCChipPrimaryActionFoundation } from '@material/chips/action/primary-foundation';\nimport { GRAPHIC_SELECTED_WIDTH_STYLE_PROP, computePrimaryActionRippleClientRect } from '@material/chips/action/component-ripple';\nimport { bindable, customElement, inject } from 'aurelia';\nimport template from './mdc-chip-action.html?raw';\n\n(MDCChipActionEvents as Record<string, string>).INTERACTION = MDCChipActionEvents.INTERACTION.toLowerCase();\n(MDCChipActionEvents as Record<string, string>).NAVIGATION = MDCChipActionEvents.NAVIGATION.toLowerCase();\n\nlet actionId = 0;\n\n/**\n * @hidden\n * @selector mdc-chip-action\n */\n@inject(Element)\n@customElement({ name: 'mdc-chip-action', template })\nexport class MdcChipAction extends MdcComponent<MDCChipActionFoundation> implements MDCRippleCapableSurface {\n  constructor(public root: HTMLElement) {\n    super(root);\n    this.root.id = `mdc-chip-action-${++actionId}`;\n  }\n\n  @bindable({ set: booleanAttr })\n  selectable: boolean;\n  selectableChanged() {\n    if (this.selectable) {\n      this.root.setAttribute('role', 'option');\n    } else {\n      this.root.removeAttribute('role');\n    }\n  }\n\n  _selected: boolean;\n\n  get selected(): boolean {\n    return this.foundation?.isSelected() ?? this._selected;\n  }\n  set selected(value: boolean) {\n    this._selected = value;\n    this.foundation?.setSelected(value);\n  }\n\n  @bindable({ set: booleanAttr })\n  trailing: boolean;\n\n  @bindable()\n  icon: string;\n\n  @bindable({ set: booleanAttr })\n  disabled: boolean;\n  async disabledChanged() {\n    await this.initialised;\n    this.foundation?.setDisabled(this.disabled);\n    if (this.disabled) {\n      this.root.setAttribute('disabled', 'true');\n    } else {\n      this.root.removeAttribute('disabled');\n    }\n  }\n\n  initialSyncWithDOM() {\n    this.selectableChanged();\n    this.disabledChanged();\n    if (this._selected !== undefined) {\n      this.selected = this._selected;\n    }\n  }\n\n  handleClick() {\n    this.foundation?.handleClick();\n  }\n\n  handleKeydown(event: KeyboardEvent) {\n    this.foundation?.handleKeydown(event);\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\n    // methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCChipActionAdapter = {\n      emitEvent: (eventName, eventDetail) => {\n        this.emit(eventName, eventDetail, true /* shouldBubble */);\n      },\n      focus: () => {\n        this.root.focus();\n      },\n      getAttribute: (attrName) => this.root.getAttribute(attrName),\n      getElementID: () => this.root.id,\n      removeAttribute: (name) => {\n        this.root.removeAttribute(name);\n      },\n      setAttribute: (name, value) => {\n        this.root.setAttribute(name, value);\n      },\n    };\n\n    if (this.root.classList.contains(MDCChipActionCssClasses.TRAILING_ACTION)) {\n      return new MDCChipTrailingActionFoundation(adapter);\n    }\n\n    // Default to the primary foundation\n    return new MDCChipPrimaryActionFoundation(adapter);\n  }\n\n  isFocusable(): boolean {\n    return this.foundation?.isFocusable() ?? false;\n  }\n\n  setFocus(behavior: MDCChipActionFocusBehavior) {\n    this.foundation?.setFocus(behavior);\n  }\n\n  computeRippleClientRect = () => {\n    if (this.root.classList.contains(MDCChipActionCssClasses.PRIMARY_ACTION)) {\n      const chipRoot = closest(this.root, `.${MDCChipActionCssClasses.CHIP_ROOT}`);\n      // Return the root client rect since it's better than nothing\n      if (!chipRoot) {\n        return this.root.getBoundingClientRect();\n      }\n      const graphicWidth = window.getComputedStyle(chipRoot).getPropertyValue(\n        GRAPHIC_SELECTED_WIDTH_STYLE_PROP);\n      return computePrimaryActionRippleClientRect(\n        chipRoot.getBoundingClientRect(), graphicWidth);\n    }\n\n    return this.root.getBoundingClientRect();\n  };\n}\n\n/** @hidden */\nexport interface IMdcChipActionElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcChipAction;\n    };\n  };\n}\n"]}
+{"version":3,"file":"mdc-chip-action.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip-action/mdc-chip-action.ts"],"names":[],"mappings":"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","sourcesContent":["import { closest } from '@material/dom/ponyfill';\r\nimport { booleanAttr, MdcComponent } from '../../base';\r\nimport { MDCChipActionAdapter, MDCChipActionFoundation, MDCChipActionCssClasses, MDCChipActionEvents, MDCChipActionFocusBehavior } from '@material/chips';\r\nimport { MDCRippleCapableSurface } from '@material/ripple';\r\nimport { MDCChipTrailingActionFoundation } from '@material/chips/action/trailing-foundation';\r\nimport { MDCChipPrimaryActionFoundation } from '@material/chips/action/primary-foundation';\r\nimport { GRAPHIC_SELECTED_WIDTH_STYLE_PROP, computePrimaryActionRippleClientRect } from '@material/chips/action/component-ripple';\r\nimport { bindable, customElement, inject } from 'aurelia';\r\nimport template from './mdc-chip-action.html?raw';\r\n\r\n(MDCChipActionEvents as Record<string, string>).INTERACTION = MDCChipActionEvents.INTERACTION.toLowerCase();\r\n(MDCChipActionEvents as Record<string, string>).NAVIGATION = MDCChipActionEvents.NAVIGATION.toLowerCase();\r\n\r\nlet actionId = 0;\r\n\r\n/**\r\n * @hidden\r\n * @selector mdc-chip-action\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-chip-action', template })\r\nexport class MdcChipAction extends MdcComponent<MDCChipActionFoundation> implements MDCRippleCapableSurface {\r\n  constructor(public root: HTMLElement) {\r\n    super(root);\r\n    this.root.id = `mdc-chip-action-${++actionId}`;\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  selectable: boolean;\r\n  selectableChanged() {\r\n    if (this.selectable) {\r\n      this.root.setAttribute('role', 'option');\r\n    } else {\r\n      this.root.removeAttribute('role');\r\n    }\r\n  }\r\n\r\n  _selected: boolean;\r\n\r\n  get selected(): boolean {\r\n    return this.foundation?.isSelected() ?? this._selected;\r\n  }\r\n  set selected(value: boolean) {\r\n    this._selected = value;\r\n    this.foundation?.setSelected(value);\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  trailing: boolean;\r\n\r\n  @bindable()\r\n  icon: string;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n  async disabledChanged() {\r\n    await this.initialised;\r\n    this.foundation?.setDisabled(this.disabled);\r\n    if (this.disabled) {\r\n      this.root.setAttribute('disabled', 'true');\r\n    } else {\r\n      this.root.removeAttribute('disabled');\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.selectableChanged();\r\n    this.disabledChanged();\r\n    if (this._selected !== undefined) {\r\n      this.selected = this._selected;\r\n    }\r\n  }\r\n\r\n  handleClick() {\r\n    this.foundation?.handleClick();\r\n  }\r\n\r\n  handleKeydown(event: KeyboardEvent) {\r\n    this.foundation?.handleKeydown(event);\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\r\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\r\n    // methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCChipActionAdapter = {\r\n      emitEvent: (eventName, eventDetail) => {\r\n        this.emit(eventName, eventDetail, true /* shouldBubble */);\r\n      },\r\n      focus: () => {\r\n        this.root.focus();\r\n      },\r\n      getAttribute: (attrName) => this.root.getAttribute(attrName),\r\n      getElementID: () => this.root.id,\r\n      removeAttribute: (name) => {\r\n        this.root.removeAttribute(name);\r\n      },\r\n      setAttribute: (name, value) => {\r\n        this.root.setAttribute(name, value);\r\n      },\r\n    };\r\n\r\n    if (this.root.classList.contains(MDCChipActionCssClasses.TRAILING_ACTION)) {\r\n      return new MDCChipTrailingActionFoundation(adapter);\r\n    }\r\n\r\n    // Default to the primary foundation\r\n    return new MDCChipPrimaryActionFoundation(adapter);\r\n  }\r\n\r\n  isFocusable(): boolean {\r\n    return this.foundation?.isFocusable() ?? false;\r\n  }\r\n\r\n  setFocus(behavior: MDCChipActionFocusBehavior) {\r\n    this.foundation?.setFocus(behavior);\r\n  }\r\n\r\n  computeRippleClientRect = () => {\r\n    if (this.root.classList.contains(MDCChipActionCssClasses.PRIMARY_ACTION)) {\r\n      const chipRoot = closest(this.root, `.${MDCChipActionCssClasses.CHIP_ROOT}`);\r\n      // Return the root client rect since it's better than nothing\r\n      if (!chipRoot) {\r\n        return this.root.getBoundingClientRect();\r\n      }\r\n      const graphicWidth = window.getComputedStyle(chipRoot).getPropertyValue(\r\n        GRAPHIC_SELECTED_WIDTH_STYLE_PROP);\r\n      return computePrimaryActionRippleClientRect(\r\n        chipRoot.getBoundingClientRect(), graphicWidth);\r\n    }\r\n\r\n    return this.root.getBoundingClientRect();\r\n  };\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcChipActionElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcChipAction;\r\n    };\r\n  };\r\n}\r\n"]}

package/dist/chips/mdc-chip-set/mdc-chip-set.html

@@ -1,10 +1,10 @@
-<template class="
-    mdc-evolution-chip-set
-    ${overflow ? 'mdc-evolution-chip-set--overflow' : ''}
-  " role="grid" mdcchip:interaction.trigger="handleChipInteraction($event)"
-  mdcchip:animation.trigger="handleChipAnimation($event)"
-  mdcchip:navigation.trigger="handleChipNavigation($event)">
-  <span class="mdc-evolution-chip-set__chips" role="presentation">
-    <au-slot></au-slot>
-  </span>
-</template>
+<template class="
+    mdc-evolution-chip-set
+    ${overflow ? 'mdc-evolution-chip-set--overflow' : ''}
+  " role="grid" mdcchip:interaction.trigger="handleChipInteraction($event)"
+  mdcchip:animation.trigger="handleChipAnimation($event)"
+  mdcchip:navigation.trigger="handleChipNavigation($event)">
+  <span class="mdc-evolution-chip-set__chips" role="presentation">
+    <au-slot></au-slot>
+  </span>
+</template>

package/dist/chips/mdc-chip-set/mdc-chip-set.js

@@ -1,19 +1,22 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { inject, customElement, bindable, slotted, CustomElement } from 'aurelia';
-import { MDCChipSetFoundation, MDCChipSetEvents } from '@material/chips';
-import { announce } from '@material/dom/announce';
-import { MdcComponent, booleanAttr } from '../../base';
-import template from './mdc-chip-set.html?raw';
-MDCChipSetEvents.INTERACTION = MDCChipSetEvents.INTERACTION.toLowerCase();
-MDCChipSetEvents.REMOVAL = MDCChipSetEvents.REMOVAL.toLowerCase();
-MDCChipSetEvents.SELECTION = MDCChipSetEvents.SELECTION.toLowerCase();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcChipSet = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const chips_1 = require("@material/chips");
+const announce_1 = require("@material/dom/announce");
+const base_1 = require("../../base");
+const mdc_chip_set_html_raw_1 = tslib_1.__importDefault(require("./mdc-chip-set.html?raw"));
+chips_1.MDCChipSetEvents.INTERACTION = chips_1.MDCChipSetEvents.INTERACTION.toLowerCase();
+chips_1.MDCChipSetEvents.REMOVAL = chips_1.MDCChipSetEvents.REMOVAL.toLowerCase();
+chips_1.MDCChipSetEvents.SELECTION = chips_1.MDCChipSetEvents.SELECTION.toLowerCase();
 let chipSetId = 0;
 let MdcChipSet = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-chip-set', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-chip-set', template: mdc_chip_set_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _overflow_decorators;
     let _overflow_initializers = [];
     let _overflow_extraInitializers = [];
@@ -24,23 +27,23 @@ let MdcChipSet = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _overflow_decorators = [bindable({ set: booleanAttr })];
-            _chipElements_decorators = [slotted({ query: 'mdc-chip' })];
-            __esDecorate(null, null, _overflow_decorators, { kind: "field", name: "overflow", static: false, private: false, access: { has: obj => "overflow" in obj, get: obj => obj.overflow, set: (obj, value) => { obj.overflow = value; } }, metadata: _metadata }, _overflow_initializers, _overflow_extraInitializers);
-            __esDecorate(null, null, _chipElements_decorators, { kind: "field", name: "chipElements", static: false, private: false, access: { has: obj => "chipElements" in obj, get: obj => obj.chipElements, set: (obj, value) => { obj.chipElements = value; } }, metadata: _metadata }, _chipElements_initializers, _chipElements_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _overflow_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _chipElements_decorators = [(0, aurelia_1.slotted)({ query: 'mdc-chip' })];
+            tslib_1.__esDecorate(null, null, _overflow_decorators, { kind: "field", name: "overflow", static: false, private: false, access: { has: obj => "overflow" in obj, get: obj => obj.overflow, set: (obj, value) => { obj.overflow = value; } }, metadata: _metadata }, _overflow_initializers, _overflow_extraInitializers);
+            tslib_1.__esDecorate(null, null, _chipElements_decorators, { kind: "field", name: "chipElements", static: false, private: false, access: { has: obj => "chipElements" in obj, get: obj => obj.chipElements, set: (obj, value) => { obj.chipElements = value; } }, metadata: _metadata }, _chipElements_initializers, _chipElements_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcChipSet = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         id = `mdc-chip-set-${++chipSetId}`;
         /**
          * Causes the chips to overflow instead of wrap (their default behavior).
          */
-        overflow = __runInitializers(this, _overflow_initializers, void 0);
-        chipElements = (__runInitializers(this, _overflow_extraInitializers), __runInitializers(this, _chipElements_initializers, void 0));
+        overflow = tslib_1.__runInitializers(this, _overflow_initializers, void 0);
+        chipElements = (tslib_1.__runInitializers(this, _overflow_extraInitializers), tslib_1.__runInitializers(this, _chipElements_initializers, void 0));
         get chips() {
-            return (this.chipElements ?? []).map(x => CustomElement.for(x).viewModel);
+            return (this.chipElements ?? []).map(x => aurelia_1.CustomElement.for(x).viewModel);
         }
         handleChipInteraction(event) {
             this.foundation?.handleChipInteraction(event);
@@ -57,7 +60,7 @@ let MdcChipSet = (() => {
             // methods, we need a separate, strongly typed adapter variable.
             const adapter = {
                 announceMessage: (message) => {
-                    announce(message);
+                    (0, announce_1.announce)(message);
                 },
                 emitEvent: (eventName, eventDetail) => {
                     this.emit(eventName, eventDetail, true /* shouldBubble */);
@@ -123,17 +126,17 @@ let MdcChipSet = (() => {
                 },
             };
             // Default to the primary foundation
-            return new MDCChipSetFoundation(adapter);
+            return new chips_1.MDCChipSetFoundation(adapter);
         }
         isIndexValid(index) {
             return index > -1 && index < this.chips.length;
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _chipElements_extraInitializers);
+            tslib_1.__runInitializers(this, _chipElements_extraInitializers);
         }
     };
     return MdcChipSet = _classThis;
 })();
-export { MdcChipSet };
+exports.MdcChipSet = MdcChipSet;
 //# sourceMappingURL=mdc-chip-set.js.map

package/dist/chips/mdc-chip-set/mdc-chip-set.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-chip-set.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip-set/mdc-chip-set.ts"],"names":[],"mappings":"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","sourcesContent":["import { inject, customElement, bindable, slotted, CustomElement } from 'aurelia';\nimport { MDCChipSetFoundation, MDCChipSetAdapter, MDCChipSetEvents } from '@material/chips';\nimport { announce } from '@material/dom/announce';\nimport { MdcComponent, booleanAttr } from '../../base';\nimport { MdcChip } from '../mdc-chip/mdc-chip';\nimport { ChipAnimationEvent, ChipInteractionEvent, ChipNavigationEvent } from '@material/chips/chip-set/types';\nimport template from './mdc-chip-set.html?raw';\n\n(MDCChipSetEvents as Record<string, string>).INTERACTION = MDCChipSetEvents.INTERACTION.toLowerCase();\n(MDCChipSetEvents as Record<string, string>).REMOVAL = MDCChipSetEvents.REMOVAL.toLowerCase();\n(MDCChipSetEvents as Record<string, string>).SELECTION = MDCChipSetEvents.SELECTION.toLowerCase();\n\nlet chipSetId = 0;\n\n@inject(Element)\n@customElement({ name: 'mdc-chip-set', template })\nexport class MdcChipSet extends MdcComponent<MDCChipSetFoundation> {\n\n  id: string = `mdc-chip-set-${++chipSetId}`;\n\n  /**\n   * Causes the chips to overflow instead of wrap (their default behavior).\n   */\n  @bindable({ set: booleanAttr })\n  overflow: boolean;\n\n  @slotted({ query: 'mdc-chip' })\n  chipElements: HTMLElement[];\n\n  get chips(): MdcChip[] {\n    return (this.chipElements ?? []).map(x => CustomElement.for<MdcChip>(x).viewModel);\n  }\n\n  handleChipInteraction(event: ChipInteractionEvent) {\n    this.foundation?.handleChipInteraction(event);\n  }\n\n  handleChipAnimation(event: ChipAnimationEvent) {\n    this.foundation?.handleChipAnimation(event);\n  }\n\n  handleChipNavigation(event: ChipNavigationEvent) {\n    this.foundation?.handleChipNavigation(event);\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\n    // methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCChipSetAdapter = {\n      announceMessage: (message) => {\n        announce(message);\n      },\n      emitEvent: (eventName, eventDetail) => {\n        this.emit(eventName, eventDetail, true /* shouldBubble */);\n      },\n      getAttribute: (attrName) => this.root.getAttribute(attrName),\n      getChipActionsAtIndex: (index) => {\n        if (!this.isIndexValid(index)) { return []; }\n        return this.chips[index].getActions();\n      },\n      getChipCount: () => this.chips.length,\n      getChipIdAtIndex: (index) => {\n        if (!this.isIndexValid(index)) { return ''; }\n        return this.chips[index].getElementID();\n      },\n      getChipIndexById: (id) =>\n        this.chips.findIndex((chip) => chip.getElementID() === id),\n      isChipFocusableAtIndex: (index, action) => {\n        if (!this.isIndexValid(index)) { return false; }\n        return this.chips[index].isActionFocusable(action);\n      },\n      isChipSelectableAtIndex: (index, action) => {\n        if (!this.isIndexValid(index)) { return false; }\n        return this.chips[index].isActionSelectable(action);\n      },\n      isChipSelectedAtIndex: (index, action) => {\n        if (!this.isIndexValid(index)) { return false; }\n        return this.chips[index].isActionSelected(action);\n      },\n      removeChipAtIndex: (index) => {\n        if (!this.isIndexValid(index)) { return; }\n        this.chips[index].destroy();\n        this.chips[index].remove();\n        this.chips.splice(index, 1);\n      },\n      setChipFocusAtIndex: (index, action, focus) => {\n        if (!this.isIndexValid(index)) { return; }\n        this.chips[index].setActionFocus(action, focus);\n      },\n      setChipSelectedAtIndex: (index, action, selected) => {\n        if (!this.isIndexValid(index)) { return; }\n        this.chips[index].setActionSelected(action, selected);\n      },\n      startChipAnimationAtIndex: (index, animation) => {\n        if (!this.isIndexValid(index)) { return; }\n        this.chips[index].startAnimation(animation);\n      },\n    };\n\n    // Default to the primary foundation\n    return new MDCChipSetFoundation(adapter);\n  }\n\n  private isIndexValid(index: number): boolean {\n    return index > -1 && index < this.chips.length;\n  }\n}\n\n/** @hidden */\nexport interface IMdcChipSetElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcChipSet;\n    };\n  };\n}\n"]}
+{"version":3,"file":"mdc-chip-set.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip-set/mdc-chip-set.ts"],"names":[],"mappings":";;;;AAAA,qCAAkF;AAClF,2CAA4F;AAC5F,qDAAkD;AAClD,qCAAuD;AAGvD,4FAA+C;AAE9C,wBAA2C,CAAC,WAAW,GAAG,wBAAgB,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;AACrG,wBAA2C,CAAC,OAAO,GAAG,wBAAgB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;AAC7F,wBAA2C,CAAC,SAAS,GAAG,wBAAgB,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;AAElG,IAAI,SAAS,GAAG,CAAC,CAAC;IAIL,UAAU;4BAFtB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAR,+BAAQ,EAAE,CAAC;;;;sBAClB,mBAAY;;;;;;;0BAApB,SAAQ,WAAkC;;;;oCAO/D,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;wCAG9B,IAAA,iBAAO,EAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;YAF/B,kLAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAGlB,8LAAA,YAAY,6BAAZ,YAAY,mGAAgB;YAX9B,qLA2FC;;;YA3FY,+DAAU;;QAErB,EAAE,GAAW,gBAAgB,EAAE,SAAS,EAAE,CAAC;QAE3C;;WAEG;QAEH,QAAQ,mEAAU;QAGlB,YAAY,uIAAgB;QAE5B,IAAI,KAAK;YACP,OAAO,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,uBAAa,CAAC,GAAG,CAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACrF,CAAC;QAED,qBAAqB,CAAC,KAA2B;YAC/C,IAAI,CAAC,UAAU,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC;QAED,mBAAmB,CAAC,KAAyB;YAC3C,IAAI,CAAC,UAAU,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC;QAED,oBAAoB,CAAC,KAA0B;YAC7C,IAAI,CAAC,UAAU,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC;QAED,oBAAoB;YAClB,4EAA4E;YAC5E,qEAAqE;YACrE,gEAAgE;YAChE,MAAM,OAAO,GAAsB;gBACjC,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;oBAC3B,IAAA,mBAAQ,EAAC,OAAO,CAAC,CAAC;gBACpB,CAAC;gBACD,SAAS,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,EAAE;oBACpC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBAC7D,CAAC;gBACD,YAAY,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;gBAC5D,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE;oBAC/B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;wBAAC,OAAO,EAAE,CAAC;oBAAC,CAAC;oBAC7C,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,CAAC;gBACxC,CAAC;gBACD,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;gBACrC,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE;oBAC1B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;wBAAC,OAAO,EAAE,CAAC;oBAAC,CAAC;oBAC7C,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,YAAY,EAAE,CAAC;gBAC1C,CAAC;gBACD,gBAAgB,EAAE,CAAC,EAAE,EAAE,EAAE,CACvB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC;gBAC5D,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;oBACxC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;wBAAC,OAAO,KAAK,CAAC;oBAAC,CAAC;oBAChD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;gBACrD,CAAC;gBACD,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;oBACzC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;wBAAC,OAAO,KAAK,CAAC;oBAAC,CAAC;oBAChD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;gBACtD,CAAC;gBACD,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;oBACvC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;wBAAC,OAAO,KAAK,CAAC;oBAAC,CAAC;oBAChD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;gBACpD,CAAC;gBACD,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;oBAC3B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;wBAAC,OAAO;oBAAC,CAAC;oBAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC;oBAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC;oBAC3B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBAC9B,CAAC;gBACD,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;oBAC5C,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;wBAAC,OAAO;oBAAC,CAAC;oBAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;gBAClD,CAAC;gBACD,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;oBAClD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;wBAAC,OAAO;oBAAC,CAAC;oBAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;gBACxD,CAAC;gBACD,yBAAyB,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;oBAC9C,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;wBAAC,OAAO;oBAAC,CAAC;oBAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;gBAC9C,CAAC;aACF,CAAC;YAEF,oCAAoC;YACpC,OAAO,IAAI,4BAAoB,CAAC,OAAO,CAAC,CAAC;QAC3C,CAAC;QAEO,YAAY,CAAC,KAAa;YAChC,OAAO,KAAK,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACjD,CAAC;;;;;;;;AA1FU,gCAAU","sourcesContent":["import { inject, customElement, bindable, slotted, CustomElement } from 'aurelia';\r\nimport { MDCChipSetFoundation, MDCChipSetAdapter, MDCChipSetEvents } from '@material/chips';\r\nimport { announce } from '@material/dom/announce';\r\nimport { MdcComponent, booleanAttr } from '../../base';\r\nimport { MdcChip } from '../mdc-chip/mdc-chip';\r\nimport { ChipAnimationEvent, ChipInteractionEvent, ChipNavigationEvent } from '@material/chips/chip-set/types';\r\nimport template from './mdc-chip-set.html?raw';\r\n\r\n(MDCChipSetEvents as Record<string, string>).INTERACTION = MDCChipSetEvents.INTERACTION.toLowerCase();\r\n(MDCChipSetEvents as Record<string, string>).REMOVAL = MDCChipSetEvents.REMOVAL.toLowerCase();\r\n(MDCChipSetEvents as Record<string, string>).SELECTION = MDCChipSetEvents.SELECTION.toLowerCase();\r\n\r\nlet chipSetId = 0;\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-chip-set', template })\r\nexport class MdcChipSet extends MdcComponent<MDCChipSetFoundation> {\r\n\r\n  id: string = `mdc-chip-set-${++chipSetId}`;\r\n\r\n  /**\r\n   * Causes the chips to overflow instead of wrap (their default behavior).\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  overflow: boolean;\r\n\r\n  @slotted({ query: 'mdc-chip' })\r\n  chipElements: HTMLElement[];\r\n\r\n  get chips(): MdcChip[] {\r\n    return (this.chipElements ?? []).map(x => CustomElement.for<MdcChip>(x).viewModel);\r\n  }\r\n\r\n  handleChipInteraction(event: ChipInteractionEvent) {\r\n    this.foundation?.handleChipInteraction(event);\r\n  }\r\n\r\n  handleChipAnimation(event: ChipAnimationEvent) {\r\n    this.foundation?.handleChipAnimation(event);\r\n  }\r\n\r\n  handleChipNavigation(event: ChipNavigationEvent) {\r\n    this.foundation?.handleChipNavigation(event);\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\r\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\r\n    // methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCChipSetAdapter = {\r\n      announceMessage: (message) => {\r\n        announce(message);\r\n      },\r\n      emitEvent: (eventName, eventDetail) => {\r\n        this.emit(eventName, eventDetail, true /* shouldBubble */);\r\n      },\r\n      getAttribute: (attrName) => this.root.getAttribute(attrName),\r\n      getChipActionsAtIndex: (index) => {\r\n        if (!this.isIndexValid(index)) { return []; }\r\n        return this.chips[index].getActions();\r\n      },\r\n      getChipCount: () => this.chips.length,\r\n      getChipIdAtIndex: (index) => {\r\n        if (!this.isIndexValid(index)) { return ''; }\r\n        return this.chips[index].getElementID();\r\n      },\r\n      getChipIndexById: (id) =>\r\n        this.chips.findIndex((chip) => chip.getElementID() === id),\r\n      isChipFocusableAtIndex: (index, action) => {\r\n        if (!this.isIndexValid(index)) { return false; }\r\n        return this.chips[index].isActionFocusable(action);\r\n      },\r\n      isChipSelectableAtIndex: (index, action) => {\r\n        if (!this.isIndexValid(index)) { return false; }\r\n        return this.chips[index].isActionSelectable(action);\r\n      },\r\n      isChipSelectedAtIndex: (index, action) => {\r\n        if (!this.isIndexValid(index)) { return false; }\r\n        return this.chips[index].isActionSelected(action);\r\n      },\r\n      removeChipAtIndex: (index) => {\r\n        if (!this.isIndexValid(index)) { return; }\r\n        this.chips[index].destroy();\r\n        this.chips[index].remove();\r\n        this.chips.splice(index, 1);\r\n      },\r\n      setChipFocusAtIndex: (index, action, focus) => {\r\n        if (!this.isIndexValid(index)) { return; }\r\n        this.chips[index].setActionFocus(action, focus);\r\n      },\r\n      setChipSelectedAtIndex: (index, action, selected) => {\r\n        if (!this.isIndexValid(index)) { return; }\r\n        this.chips[index].setActionSelected(action, selected);\r\n      },\r\n      startChipAnimationAtIndex: (index, animation) => {\r\n        if (!this.isIndexValid(index)) { return; }\r\n        this.chips[index].startAnimation(animation);\r\n      },\r\n    };\r\n\r\n    // Default to the primary foundation\r\n    return new MDCChipSetFoundation(adapter);\r\n  }\r\n\r\n  private isIndexValid(index: number): boolean {\r\n    return index > -1 && index < this.chips.length;\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcChipSetElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcChipSet;\r\n    };\r\n  };\r\n}\r\n"]}