@aurelia-mdc-web/all 9.2.2-au2 → 9.3.0-au2

package/dist/select/mdc-select-foundation-aurelia.js

@@ -0,0 +1,420 @@
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+import { MDCFoundation } from '@material/base/foundation';
+import { KEY, normalizeKey } from '@material/dom/keyboard';
+import { Corner } from '@material/menu-surface/constants';
+import { cssClasses, numbers, strings } from '@material/select';
+// !!! MODIFIED FOR AURELIA !!!
+export class MDCSelectFoundationAurelia extends MDCFoundation {
+    static get cssClasses() {
+        return cssClasses;
+    }
+    static get numbers() {
+        return numbers;
+    }
+    static get strings() {
+        return strings;
+    }
+    /**
+     * See {@link MDCSelectAdapter} for typing information on parameters and return types.
+     */
+    static get defaultAdapter() {
+        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
+        return {
+            addClass: () => undefined,
+            removeClass: () => undefined,
+            hasClass: () => false,
+            activateBottomLine: () => undefined,
+            deactivateBottomLine: () => undefined,
+            getSelectedIndex: () => -1,
+            setSelectedIndex: () => undefined,
+            hasLabel: () => false,
+            floatLabel: () => undefined,
+            getLabelWidth: () => 0,
+            setLabelRequired: () => undefined,
+            hasOutline: () => false,
+            notchOutline: () => undefined,
+            closeOutline: () => undefined,
+            setRippleCenter: () => undefined,
+            notifyChange: () => undefined,
+            setSelectedText: () => undefined,
+            isSelectAnchorFocused: () => false,
+            getSelectAnchorAttr: () => '',
+            setSelectAnchorAttr: () => undefined,
+            removeSelectAnchorAttr: () => undefined,
+            addMenuClass: () => undefined,
+            removeMenuClass: () => undefined,
+            openMenu: () => undefined,
+            closeMenu: () => undefined,
+            getAnchorElement: () => null,
+            setMenuAnchorElement: () => undefined,
+            setMenuAnchorCorner: () => undefined,
+            setMenuWrapFocus: () => undefined,
+            focusMenuItemAtIndex: () => undefined,
+            getMenuItemCount: () => 0,
+            getMenuItemValues: () => [],
+            getMenuItemTextAtIndex: () => '',
+            isTypeaheadInProgress: () => false,
+            typeaheadMatchItem: () => -1,
+        };
+        // tslint:enable:object-literal-sort-keys
+    }
+    leadingIcon;
+    helperText;
+    // Disabled state
+    disabled = false;
+    // isMenuOpen is used to track the state of the menu by listening to the
+    // MDCMenuSurface:closed event For reference, menu.open will return false if
+    // the menu is still closing, but isMenuOpen returns false only after the menu
+    // has closed
+    isMenuOpen = false;
+    // By default, select is invalid if it is required but no value is selected.
+    useDefaultValidation = true;
+    customValidity = true;
+    lastSelectedIndex = numbers.UNSET_INDEX;
+    /* istanbul ignore next: optional argument is not a branch statement */
+    /**
+     * @param adapter
+     * @param foundationMap Map from subcomponent names to their subfoundations.
+     */
+    constructor(adapter, foundationMap = {}) {
+        super({ ...MDCSelectFoundationAurelia.defaultAdapter, ...adapter });
+        this.leadingIcon = foundationMap.leadingIcon;
+        this.helperText = foundationMap.helperText;
+    }
+    /** Returns the index of the currently selected menu item, or -1 if none. */
+    getSelectedIndex() {
+        return this.adapter.getSelectedIndex();
+    }
+    setSelectedIndex(index, closeMenu = false, skipNotify = false) {
+        if (index >= this.adapter.getMenuItemCount()) {
+            return;
+        }
+        // !!! MODIFIED FOR AURELIA TO SUPPORT TEXT IN "EMPTY" ITEMS !!!
+        const menuItemValues = this.adapter.getMenuItemValues();
+        if (index === numbers.UNSET_INDEX || menuItemValues[index] === undefined || menuItemValues[index] === null) {
+            this.adapter.setSelectedText('');
+        }
+        else {
+            this.adapter.setSelectedText(this.adapter.getMenuItemTextAtIndex(index).trim());
+        }
+        this.adapter.setSelectedIndex(index);
+        if (closeMenu) {
+            this.adapter.closeMenu();
+        }
+        if (!skipNotify && this.lastSelectedIndex !== index) {
+            this.handleChange();
+        }
+        this.lastSelectedIndex = index;
+    }
+    // !!! MODIFIED FOR AURELIA !!!
+    setValue(value, skipNotify = false) {
+        const index = this.adapter.getMenuItemValues().indexOf(value);
+        this.setSelectedIndex(index, /** closeMenu */ false, skipNotify);
+    }
+    // !!! MODIFIED FOR AURELIA !!!
+    getValue() {
+        const index = this.adapter.getSelectedIndex();
+        const menuItemValues = this.adapter.getMenuItemValues();
+        return index !== numbers.UNSET_INDEX ? menuItemValues[index] : undefined;
+    }
+    getDisabled() {
+        return this.disabled;
+    }
+    setDisabled(isDisabled) {
+        this.disabled = isDisabled;
+        if (this.disabled) {
+            this.adapter.addClass(cssClasses.DISABLED);
+            this.adapter.closeMenu();
+        }
+        else {
+            this.adapter.removeClass(cssClasses.DISABLED);
+        }
+        if (this.leadingIcon) {
+            this.leadingIcon.setDisabled(this.disabled);
+        }
+        if (this.disabled) {
+            // Prevent click events from focusing select. Simply pointer-events: none
+            // is not enough since screenreader clicks may bypass this.
+            this.adapter.removeSelectAnchorAttr('tabindex');
+        }
+        else {
+            this.adapter.setSelectAnchorAttr('tabindex', '0');
+        }
+        this.adapter.setSelectAnchorAttr('aria-disabled', this.disabled.toString());
+    }
+    /** Opens the menu. */
+    openMenu() {
+        this.adapter.addClass(cssClasses.ACTIVATED);
+        this.adapter.openMenu();
+        this.isMenuOpen = true;
+        this.adapter.setSelectAnchorAttr('aria-expanded', 'true');
+    }
+    /**
+     * @param content Sets the content of the helper text.
+     */
+    setHelperTextContent(content) {
+        if (this.helperText) {
+            this.helperText.setContent(content);
+        }
+    }
+    /**
+     * Re-calculates if the notched outline should be notched and if the label
+     * should float.
+     */
+    layout() {
+        if (this.adapter.hasLabel()) {
+            const optionHasValue = this.getValue() !== undefined; // !!! MODIFIED FOR AURELIA !!!
+            const isFocused = this.adapter.hasClass(cssClasses.FOCUSED);
+            const shouldFloatAndNotch = optionHasValue || isFocused;
+            const isRequired = this.adapter.hasClass(cssClasses.REQUIRED);
+            this.notchOutline(shouldFloatAndNotch);
+            this.adapter.floatLabel(shouldFloatAndNotch);
+            this.adapter.setLabelRequired(isRequired);
+        }
+    }
+    /**
+     * Synchronizes the list of options with the state of the foundation. Call
+     * this whenever menu options are dynamically updated.
+     */
+    layoutOptions() {
+        const menuItemValues = this.adapter.getMenuItemValues();
+        const selectedIndex = menuItemValues.indexOf(this.getValue());
+        this.setSelectedIndex(selectedIndex, /** closeMenu */ false, /** skipNotify */ true);
+    }
+    handleMenuOpened() {
+        if (this.adapter.getMenuItemValues().length === 0) {
+            return;
+        }
+        // Menu should open to the last selected element, should open to first menu item otherwise.
+        const selectedIndex = this.getSelectedIndex();
+        const focusItemIndex = selectedIndex >= 0 ? selectedIndex : 0;
+        this.adapter.focusMenuItemAtIndex(focusItemIndex);
+    }
+    handleMenuClosed() {
+        this.adapter.removeClass(cssClasses.ACTIVATED);
+        this.isMenuOpen = false;
+        this.adapter.setSelectAnchorAttr('aria-expanded', 'false');
+        // Unfocus the select if menu is closed without a selection
+        if (!this.adapter.isSelectAnchorFocused()) {
+            this.blur();
+        }
+    }
+    /**
+     * Handles value changes, via change event or programmatic updates.
+     */
+    handleChange() {
+        this.layout();
+        this.adapter.notifyChange(this.getValue());
+        const isRequired = this.adapter.hasClass(cssClasses.REQUIRED);
+        if (isRequired && this.useDefaultValidation) {
+            this.setValid(this.isValid());
+        }
+    }
+    handleMenuItemAction(index) {
+        this.setSelectedIndex(index, /** closeMenu */ true);
+    }
+    /**
+     * Handles focus events from select element.
+     */
+    handleFocus() {
+        this.adapter.addClass(cssClasses.FOCUSED);
+        this.layout();
+        this.adapter.activateBottomLine();
+    }
+    /**
+     * Handles blur events from select element.
+     */
+    handleBlur() {
+        if (this.isMenuOpen) {
+            return;
+        }
+        this.blur();
+    }
+    handleClick(normalizedX) {
+        if (this.disabled) {
+            return;
+        }
+        if (this.isMenuOpen) {
+            this.adapter.closeMenu();
+            return;
+        }
+        this.adapter.setRippleCenter(normalizedX);
+        this.openMenu();
+    }
+    /**
+     * Handles keydown events on select element. Depending on the type of
+     * character typed, does typeahead matching or opens menu.
+     */
+    handleKeydown(event) {
+        if (this.isMenuOpen || !this.adapter.hasClass(cssClasses.FOCUSED)) {
+            return;
+        }
+        const isEnter = normalizeKey(event) === KEY.ENTER;
+        const isSpace = normalizeKey(event) === KEY.SPACEBAR;
+        const arrowUp = normalizeKey(event) === KEY.ARROW_UP;
+        const arrowDown = normalizeKey(event) === KEY.ARROW_DOWN;
+        // Typeahead
+        if (!isSpace && event.key && event.key.length === 1 ||
+            isSpace && this.adapter.isTypeaheadInProgress()) {
+            const key = isSpace ? ' ' : event.key;
+            const typeaheadNextIndex = this.adapter.typeaheadMatchItem(key, this.getSelectedIndex());
+            if (typeaheadNextIndex >= 0) {
+                this.setSelectedIndex(typeaheadNextIndex);
+            }
+            event.preventDefault();
+            return;
+        }
+        if (!isEnter && !isSpace && !arrowUp && !arrowDown) {
+            return;
+        }
+        // Increment/decrement index as necessary and open menu.
+        if (arrowUp && this.getSelectedIndex() > 0) {
+            this.setSelectedIndex(this.getSelectedIndex() - 1);
+        }
+        else if (arrowDown &&
+            this.getSelectedIndex() < this.adapter.getMenuItemCount() - 1) {
+            this.setSelectedIndex(this.getSelectedIndex() + 1);
+        }
+        this.openMenu();
+        event.preventDefault();
+    }
+    /**
+     * Opens/closes the notched outline.
+     */
+    notchOutline(openNotch) {
+        if (!this.adapter.hasOutline()) {
+            return;
+        }
+        const isFocused = this.adapter.hasClass(cssClasses.FOCUSED);
+        if (openNotch) {
+            const labelScale = numbers.LABEL_SCALE;
+            const labelWidth = this.adapter.getLabelWidth() * labelScale;
+            this.adapter.notchOutline(labelWidth);
+        }
+        else if (!isFocused) {
+            this.adapter.closeOutline();
+        }
+    }
+    /**
+     * Sets the aria label of the leading icon.
+     */
+    setLeadingIconAriaLabel(label) {
+        if (this.leadingIcon) {
+            this.leadingIcon.setAriaLabel(label);
+        }
+    }
+    /**
+     * Sets the text content of the leading icon.
+     */
+    setLeadingIconContent(content) {
+        if (this.leadingIcon) {
+            this.leadingIcon.setContent(content);
+        }
+    }
+    setUseDefaultValidation(useDefaultValidation) {
+        this.useDefaultValidation = useDefaultValidation;
+    }
+    setValid(isValid) {
+        if (!this.useDefaultValidation) {
+            this.customValidity = isValid;
+        }
+        this.adapter.setSelectAnchorAttr('aria-invalid', (!isValid).toString());
+        if (isValid) {
+            this.adapter.removeClass(cssClasses.INVALID);
+            this.adapter.removeMenuClass(cssClasses.MENU_INVALID);
+        }
+        else {
+            this.adapter.addClass(cssClasses.INVALID);
+            this.adapter.addMenuClass(cssClasses.MENU_INVALID);
+        }
+        this.syncHelperTextValidity(isValid);
+    }
+    isValid() {
+        if (this.useDefaultValidation &&
+            this.adapter.hasClass(cssClasses.REQUIRED) &&
+            !this.adapter.hasClass(cssClasses.DISABLED)) {
+            // See notes for required attribute under https://www.w3.org/TR/html52/sec-forms.html#the-select-element
+            // TL;DR: Invalid if no index is selected, or if the first index is selected and has an empty value.
+            return this.getSelectedIndex() !== numbers.UNSET_INDEX &&
+                (this.getSelectedIndex() !== 0 || Boolean(this.getValue()));
+        }
+        return this.customValidity;
+    }
+    setRequired(isRequired) {
+        if (isRequired) {
+            this.adapter.addClass(cssClasses.REQUIRED);
+        }
+        else {
+            this.adapter.removeClass(cssClasses.REQUIRED);
+        }
+        this.adapter.setSelectAnchorAttr('aria-required', isRequired.toString());
+        this.adapter.setLabelRequired(isRequired);
+    }
+    getRequired() {
+        return this.adapter.getSelectAnchorAttr('aria-required') === 'true';
+    }
+    init() {
+        const anchorEl = this.adapter.getAnchorElement();
+        if (anchorEl) {
+            this.adapter.setMenuAnchorElement(anchorEl);
+            this.adapter.setMenuAnchorCorner(Corner.BOTTOM_START);
+        }
+        this.adapter.setMenuWrapFocus(false);
+        this.setDisabled(this.adapter.hasClass(cssClasses.DISABLED));
+        this.syncHelperTextValidity(!this.adapter.hasClass(cssClasses.INVALID));
+        this.layout();
+        this.layoutOptions();
+    }
+    /**
+     * Unfocuses the select component.
+     */
+    blur() {
+        this.adapter.removeClass(cssClasses.FOCUSED);
+        this.layout();
+        this.adapter.deactivateBottomLine();
+        const isRequired = this.adapter.hasClass(cssClasses.REQUIRED);
+        if (isRequired && this.useDefaultValidation) {
+            this.setValid(this.isValid());
+        }
+    }
+    syncHelperTextValidity(isValid) {
+        if (!this.helperText) {
+            return;
+        }
+        this.helperText.setValidity(isValid);
+        const helperTextVisible = this.helperText.isVisible();
+        const helperTextId = this.helperText.getId();
+        if (helperTextVisible && helperTextId) {
+            this.adapter.setSelectAnchorAttr(strings.ARIA_DESCRIBEDBY, helperTextId);
+        }
+        else {
+            // Needed because screenreaders will read labels pointed to by
+            // `aria-describedby` even if they are `aria-hidden`.
+            this.adapter.removeSelectAnchorAttr(strings.ARIA_DESCRIBEDBY);
+        }
+    }
+}
+// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.
+export default MDCSelectFoundationAurelia;
+//# sourceMappingURL=mdc-select-foundation-aurelia.js.map

package/dist/select/mdc-select-foundation-aurelia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-select-foundation-aurelia.js","sourceRoot":"","sources":["../../src/select/mdc-select-foundation-aurelia.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\nimport { MDCFoundation } from '@material/base/foundation';\nimport { KEY, normalizeKey } from '@material/dom/keyboard';\nimport { Corner } from '@material/menu-surface/constants';\n\nimport { MDCSelectAdapterAurelia } from './mdc-select-adapter-aurelia';\nimport { cssClasses, numbers, strings, MDCSelectIconFoundation, MDCSelectHelperTextFoundation, MDCSelectFoundationMap } from '@material/select';\n\n// !!! MODIFIED FOR AURELIA !!!\nexport class MDCSelectFoundationAurelia extends MDCFoundation<MDCSelectAdapterAurelia> {\n  static get cssClasses() {\n    return cssClasses;\n  }\n\n  static get numbers() {\n    return numbers;\n  }\n\n  static get strings() {\n    return strings;\n  }\n\n  /**\n   * See {@link MDCSelectAdapter} for typing information on parameters and return types.\n   */\n  static get defaultAdapter(): MDCSelectAdapterAurelia {\n    // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\n    return {\n      addClass: () => undefined,\n      removeClass: () => undefined,\n      hasClass: () => false,\n      activateBottomLine: () => undefined,\n      deactivateBottomLine: () => undefined,\n      getSelectedIndex: () => -1,\n      setSelectedIndex: () => undefined,\n      hasLabel: () => false,\n      floatLabel: () => undefined,\n      getLabelWidth: () => 0,\n      setLabelRequired: () => undefined,\n      hasOutline: () => false,\n      notchOutline: () => undefined,\n      closeOutline: () => undefined,\n      setRippleCenter: () => undefined,\n      notifyChange: () => undefined,\n      setSelectedText: () => undefined,\n      isSelectAnchorFocused: () => false,\n      getSelectAnchorAttr: () => '',\n      setSelectAnchorAttr: () => undefined,\n      removeSelectAnchorAttr: () => undefined,\n      addMenuClass: () => undefined,\n      removeMenuClass: () => undefined,\n      openMenu: () => undefined,\n      closeMenu: () => undefined,\n      getAnchorElement: () => null,\n      setMenuAnchorElement: () => undefined,\n      setMenuAnchorCorner: () => undefined,\n      setMenuWrapFocus: () => undefined,\n      focusMenuItemAtIndex: () => undefined,\n      getMenuItemCount: () => 0,\n      getMenuItemValues: () => [],\n      getMenuItemTextAtIndex: () => '',\n      isTypeaheadInProgress: () => false,\n      typeaheadMatchItem: () => -1,\n    };\n    // tslint:enable:object-literal-sort-keys\n  }\n\n  private readonly leadingIcon: MDCSelectIconFoundation | undefined;\n  private readonly helperText: MDCSelectHelperTextFoundation | undefined;\n\n  // Disabled state\n  private disabled = false;\n  // isMenuOpen is used to track the state of the menu by listening to the\n  // MDCMenuSurface:closed event For reference, menu.open will return false if\n  // the menu is still closing, but isMenuOpen returns false only after the menu\n  // has closed\n  private isMenuOpen = false;\n  // By default, select is invalid if it is required but no value is selected.\n  private useDefaultValidation = true;\n  private customValidity = true;\n  private lastSelectedIndex = numbers.UNSET_INDEX;\n\n  /* istanbul ignore next: optional argument is not a branch statement */\n  /**\n   * @param adapter\n   * @param foundationMap Map from subcomponent names to their subfoundations.\n   */\n  constructor(adapter?: Partial<MDCSelectAdapterAurelia>, foundationMap: Partial<MDCSelectFoundationMap> = {}) {\n    super({ ...MDCSelectFoundationAurelia.defaultAdapter, ...adapter });\n\n    this.leadingIcon = foundationMap.leadingIcon;\n    this.helperText = foundationMap.helperText;\n  }\n\n  /** Returns the index of the currently selected menu item, or -1 if none. */\n  getSelectedIndex(): number {\n    return this.adapter.getSelectedIndex();\n  }\n\n  setSelectedIndex(index: number, closeMenu = false, skipNotify = false) {\n    if (index >= this.adapter.getMenuItemCount()) {\n      return;\n    }\n\n    // !!! MODIFIED FOR AURELIA TO SUPPORT TEXT IN \"EMPTY\" ITEMS !!!\n    const menuItemValues = this.adapter.getMenuItemValues();\n    if (index === numbers.UNSET_INDEX || menuItemValues[index] === undefined || menuItemValues[index] === null) {\n      this.adapter.setSelectedText('');\n    } else {\n      this.adapter.setSelectedText(\n        this.adapter.getMenuItemTextAtIndex(index).trim());\n    }\n\n    this.adapter.setSelectedIndex(index);\n\n    if (closeMenu) {\n      this.adapter.closeMenu();\n    }\n\n    if (!skipNotify && this.lastSelectedIndex !== index) {\n      this.handleChange();\n    }\n    this.lastSelectedIndex = index;\n  }\n\n  // !!! MODIFIED FOR AURELIA !!!\n  setValue(value: unknown, skipNotify = false) {\n    const index = this.adapter.getMenuItemValues().indexOf(value);\n    this.setSelectedIndex(index, /** closeMenu */ false, skipNotify);\n  }\n\n  // !!! MODIFIED FOR AURELIA !!!\n  getValue() {\n    const index = this.adapter.getSelectedIndex();\n    const menuItemValues = this.adapter.getMenuItemValues();\n    return index !== numbers.UNSET_INDEX ? menuItemValues[index] : undefined;\n  }\n\n  getDisabled() {\n    return this.disabled;\n  }\n\n  setDisabled(isDisabled: boolean) {\n    this.disabled = isDisabled;\n    if (this.disabled) {\n      this.adapter.addClass(cssClasses.DISABLED);\n      this.adapter.closeMenu();\n    } else {\n      this.adapter.removeClass(cssClasses.DISABLED);\n    }\n\n    if (this.leadingIcon) {\n      this.leadingIcon.setDisabled(this.disabled);\n    }\n\n    if (this.disabled) {\n      // Prevent click events from focusing select. Simply pointer-events: none\n      // is not enough since screenreader clicks may bypass this.\n      this.adapter.removeSelectAnchorAttr('tabindex');\n    } else {\n      this.adapter.setSelectAnchorAttr('tabindex', '0');\n    }\n\n    this.adapter.setSelectAnchorAttr('aria-disabled', this.disabled.toString());\n  }\n\n  /** Opens the menu. */\n  openMenu() {\n    this.adapter.addClass(cssClasses.ACTIVATED);\n    this.adapter.openMenu();\n    this.isMenuOpen = true;\n    this.adapter.setSelectAnchorAttr('aria-expanded', 'true');\n  }\n\n  /**\n   * @param content Sets the content of the helper text.\n   */\n  setHelperTextContent(content: string) {\n    if (this.helperText) {\n      this.helperText.setContent(content);\n    }\n  }\n\n  /**\n   * Re-calculates if the notched outline should be notched and if the label\n   * should float.\n   */\n  layout() {\n    if (this.adapter.hasLabel()) {\n      const optionHasValue = this.getValue() !== undefined; // !!! MODIFIED FOR AURELIA !!!\n      const isFocused = this.adapter.hasClass(cssClasses.FOCUSED);\n      const shouldFloatAndNotch = optionHasValue || isFocused;\n      const isRequired = this.adapter.hasClass(cssClasses.REQUIRED);\n\n      this.notchOutline(shouldFloatAndNotch);\n      this.adapter.floatLabel(shouldFloatAndNotch);\n      this.adapter.setLabelRequired(isRequired);\n    }\n  }\n\n  /**\n   * Synchronizes the list of options with the state of the foundation. Call\n   * this whenever menu options are dynamically updated.\n   */\n  layoutOptions() {\n    const menuItemValues = this.adapter.getMenuItemValues();\n    const selectedIndex = menuItemValues.indexOf(this.getValue());\n    this.setSelectedIndex(\n      selectedIndex, /** closeMenu */ false, /** skipNotify */ true);\n  }\n\n  handleMenuOpened() {\n    if (this.adapter.getMenuItemValues().length === 0) {\n      return;\n    }\n\n    // Menu should open to the last selected element, should open to first menu item otherwise.\n    const selectedIndex = this.getSelectedIndex();\n    const focusItemIndex = selectedIndex >= 0 ? selectedIndex : 0;\n    this.adapter.focusMenuItemAtIndex(focusItemIndex);\n  }\n\n  handleMenuClosed() {\n    this.adapter.removeClass(cssClasses.ACTIVATED);\n    this.isMenuOpen = false;\n    this.adapter.setSelectAnchorAttr('aria-expanded', 'false');\n\n    // Unfocus the select if menu is closed without a selection\n    if (!this.adapter.isSelectAnchorFocused()) {\n      this.blur();\n    }\n  }\n\n  /**\n   * Handles value changes, via change event or programmatic updates.\n   */\n  handleChange() {\n    this.layout();\n    this.adapter.notifyChange(this.getValue());\n\n    const isRequired = this.adapter.hasClass(cssClasses.REQUIRED);\n    if (isRequired && this.useDefaultValidation) {\n      this.setValid(this.isValid());\n    }\n  }\n\n  handleMenuItemAction(index: number) {\n    this.setSelectedIndex(index, /** closeMenu */ true);\n  }\n\n  /**\n   * Handles focus events from select element.\n   */\n  handleFocus() {\n    this.adapter.addClass(cssClasses.FOCUSED);\n    this.layout();\n\n    this.adapter.activateBottomLine();\n  }\n\n  /**\n   * Handles blur events from select element.\n   */\n  handleBlur() {\n    if (this.isMenuOpen) {\n      return;\n    }\n    this.blur();\n  }\n\n  handleClick(normalizedX: number) {\n    if (this.disabled) {\n      return;\n    }\n\n    if (this.isMenuOpen) {\n      this.adapter.closeMenu();\n      return;\n    }\n\n    this.adapter.setRippleCenter(normalizedX);\n\n    this.openMenu();\n  }\n\n  /**\n   * Handles keydown events on select element. Depending on the type of\n   * character typed, does typeahead matching or opens menu.\n   */\n  handleKeydown(event: KeyboardEvent) {\n    if (this.isMenuOpen || !this.adapter.hasClass(cssClasses.FOCUSED)) {\n      return;\n    }\n\n    const isEnter = normalizeKey(event) === KEY.ENTER;\n    const isSpace = normalizeKey(event) === KEY.SPACEBAR;\n    const arrowUp = normalizeKey(event) === KEY.ARROW_UP;\n    const arrowDown = normalizeKey(event) === KEY.ARROW_DOWN;\n\n    // Typeahead\n    if (!isSpace && event.key && event.key.length === 1 ||\n      isSpace && this.adapter.isTypeaheadInProgress()) {\n      const key = isSpace ? ' ' : event.key;\n      const typeaheadNextIndex =\n        this.adapter.typeaheadMatchItem(key, this.getSelectedIndex());\n      if (typeaheadNextIndex >= 0) {\n        this.setSelectedIndex(typeaheadNextIndex);\n      }\n      event.preventDefault();\n      return;\n    }\n\n    if (!isEnter && !isSpace && !arrowUp && !arrowDown) {\n      return;\n    }\n\n    // Increment/decrement index as necessary and open menu.\n    if (arrowUp && this.getSelectedIndex() > 0) {\n      this.setSelectedIndex(this.getSelectedIndex() - 1);\n    } else if (\n      arrowDown &&\n      this.getSelectedIndex() < this.adapter.getMenuItemCount() - 1) {\n      this.setSelectedIndex(this.getSelectedIndex() + 1);\n    }\n\n    this.openMenu();\n    event.preventDefault();\n  }\n\n  /**\n   * Opens/closes the notched outline.\n   */\n  notchOutline(openNotch: boolean) {\n    if (!this.adapter.hasOutline()) {\n      return;\n    }\n    const isFocused = this.adapter.hasClass(cssClasses.FOCUSED);\n\n    if (openNotch) {\n      const labelScale = numbers.LABEL_SCALE;\n      const labelWidth = this.adapter.getLabelWidth() * labelScale;\n      this.adapter.notchOutline(labelWidth);\n    } else if (!isFocused) {\n      this.adapter.closeOutline();\n    }\n  }\n\n  /**\n   * Sets the aria label of the leading icon.\n   */\n  setLeadingIconAriaLabel(label: string) {\n    if (this.leadingIcon) {\n      this.leadingIcon.setAriaLabel(label);\n    }\n  }\n\n  /**\n   * Sets the text content of the leading icon.\n   */\n  setLeadingIconContent(content: string) {\n    if (this.leadingIcon) {\n      this.leadingIcon.setContent(content);\n    }\n  }\n\n  setUseDefaultValidation(useDefaultValidation: boolean) {\n    this.useDefaultValidation = useDefaultValidation;\n  }\n\n  setValid(isValid: boolean) {\n    if (!this.useDefaultValidation) {\n      this.customValidity = isValid;\n    }\n\n    this.adapter.setSelectAnchorAttr('aria-invalid', (!isValid).toString());\n    if (isValid) {\n      this.adapter.removeClass(cssClasses.INVALID);\n      this.adapter.removeMenuClass(cssClasses.MENU_INVALID);\n    } else {\n      this.adapter.addClass(cssClasses.INVALID);\n      this.adapter.addMenuClass(cssClasses.MENU_INVALID);\n    }\n\n    this.syncHelperTextValidity(isValid);\n  }\n\n  isValid() {\n    if (this.useDefaultValidation &&\n      this.adapter.hasClass(cssClasses.REQUIRED) &&\n      !this.adapter.hasClass(cssClasses.DISABLED)) {\n      // See notes for required attribute under https://www.w3.org/TR/html52/sec-forms.html#the-select-element\n      // TL;DR: Invalid if no index is selected, or if the first index is selected and has an empty value.\n      return this.getSelectedIndex() !== numbers.UNSET_INDEX &&\n        (this.getSelectedIndex() !== 0 || Boolean(this.getValue()));\n    }\n    return this.customValidity;\n  }\n\n  setRequired(isRequired: boolean) {\n    if (isRequired) {\n      this.adapter.addClass(cssClasses.REQUIRED);\n    } else {\n      this.adapter.removeClass(cssClasses.REQUIRED);\n    }\n    this.adapter.setSelectAnchorAttr('aria-required', isRequired.toString());\n    this.adapter.setLabelRequired(isRequired);\n  }\n\n  getRequired() {\n    return this.adapter.getSelectAnchorAttr('aria-required') === 'true';\n  }\n\n  init() {\n    const anchorEl = this.adapter.getAnchorElement();\n    if (anchorEl) {\n      this.adapter.setMenuAnchorElement(anchorEl);\n      this.adapter.setMenuAnchorCorner(Corner.BOTTOM_START);\n    }\n    this.adapter.setMenuWrapFocus(false);\n\n    this.setDisabled(this.adapter.hasClass(cssClasses.DISABLED));\n    this.syncHelperTextValidity(!this.adapter.hasClass(cssClasses.INVALID));\n    this.layout();\n    this.layoutOptions();\n  }\n\n  /**\n   * Unfocuses the select component.\n   */\n  private blur() {\n    this.adapter.removeClass(cssClasses.FOCUSED);\n    this.layout();\n    this.adapter.deactivateBottomLine();\n\n    const isRequired = this.adapter.hasClass(cssClasses.REQUIRED);\n    if (isRequired && this.useDefaultValidation) {\n      this.setValid(this.isValid());\n    }\n  }\n\n  private syncHelperTextValidity(isValid: boolean) {\n    if (!this.helperText) {\n      return;\n    }\n\n    this.helperText.setValidity(isValid);\n\n    const helperTextVisible = this.helperText.isVisible();\n    const helperTextId = this.helperText.getId();\n\n    if (helperTextVisible && helperTextId) {\n      this.adapter.setSelectAnchorAttr(strings.ARIA_DESCRIBEDBY, helperTextId);\n    } else {\n      // Needed because screenreaders will read labels pointed to by\n      // `aria-describedby` even if they are `aria-hidden`.\n      this.adapter.removeSelectAnchorAttr(strings.ARIA_DESCRIBEDBY);\n    }\n  }\n}\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCSelectFoundationAurelia;\n"]}

package/dist/select/mdc-select-helper-text/mdc-select-helper-text.html

@@ -0,0 +1,7 @@
+<!-- DO NOT FORMAT THIS FILE! ANY SPACE BEFORE <SLOT> OR <SPAN> BREAKS HELPER TEXT ALIGNMENT! -->
+<!-- beautify ignore:start -->
+<template class="
+    ${ROOT} ${persistent ? helperTextCssClasses.HELPER_TEXT_VALIDATION_MSG_PERSISTENT : ''}
+    ${validation ? helperTextCssClasses.HELPER_TEXT_VALIDATION_MSG : ''}"><au-slot></au-slot><span class="mdc-select-helper-text__error" repeat.for="e of errors">${e}<br/></span>
+</template>
+<!-- beautify ignore:end -->

package/dist/select/mdc-select-helper-text/mdc-select-helper-text.js

@@ -0,0 +1,72 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent, booleanAttr } from '../../base';
+import { helperTextCssClasses, MDCSelectHelperTextFoundation } from '@material/select';
+import { customElement, inject, bindable } from 'aurelia';
+import template from './mdc-select-helper-text.html?raw';
+export const mdcHelperTextCssClasses = {
+    ROOT: 'mdc-select-helper-text'
+};
+let MdcSelectHelperText = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-select-helper-text', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _persistent_decorators;
+    let _persistent_initializers = [];
+    let _persistent_extraInitializers = [];
+    let _validation_decorators;
+    let _validation_initializers = [];
+    let _validation_extraInitializers = [];
+    let _errors_decorators;
+    let _errors_initializers = [];
+    let _errors_extraInitializers = [];
+    var MdcSelectHelperText = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _persistent_decorators = [bindable({ set: booleanAttr })];
+            _validation_decorators = [bindable({ set: booleanAttr })];
+            _errors_decorators = [bindable()];
+            __esDecorate(null, null, _persistent_decorators, { kind: "field", name: "persistent", static: false, private: false, access: { has: obj => "persistent" in obj, get: obj => obj.persistent, set: (obj, value) => { obj.persistent = value; } }, metadata: _metadata }, _persistent_initializers, _persistent_extraInitializers);
+            __esDecorate(null, null, _validation_decorators, { kind: "field", name: "validation", static: false, private: false, access: { has: obj => "validation" in obj, get: obj => obj.validation, set: (obj, value) => { obj.validation = value; } }, metadata: _metadata }, _validation_initializers, _validation_extraInitializers);
+            __esDecorate(null, null, _errors_decorators, { kind: "field", name: "errors", static: false, private: false, access: { has: obj => "errors" in obj, get: obj => obj.errors, set: (obj, value) => { obj.errors = value; } }, metadata: _metadata }, _errors_initializers, _errors_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcSelectHelperText = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        helperTextCssClasses = helperTextCssClasses;
+        ROOT = mdcHelperTextCssClasses.ROOT;
+        persistent = __runInitializers(this, _persistent_initializers, void 0);
+        validation = (__runInitializers(this, _persistent_extraInitializers), __runInitializers(this, _validation_initializers, void 0));
+        errors = (__runInitializers(this, _validation_extraInitializers), __runInitializers(this, _errors_initializers, void 0));
+        // Provided for access by MDCTextField component
+        get foundationForTextField() {
+            return this.foundation;
+        }
+        getDefaultFoundation() {
+            // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
+            // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
+            const adapter = {
+                addClass: (className) => this.root.classList.add(className),
+                removeClass: (className) => this.root.classList.remove(className),
+                hasClass: (className) => this.root.classList.contains(className),
+                getAttr: (attr) => this.root.getAttribute(attr),
+                setAttr: (attr, value) => this.root.setAttribute(attr, value),
+                removeAttr: (attr) => this.root.removeAttribute(attr),
+                setContent: (content) => {
+                    this.root.textContent = content;
+                },
+            };
+            return new MDCSelectHelperTextFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _errors_extraInitializers);
+        }
+    };
+    return MdcSelectHelperText = _classThis;
+})();
+export { MdcSelectHelperText };
+//# sourceMappingURL=mdc-select-helper-text.js.map

package/dist/select/mdc-select-helper-text/mdc-select-helper-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-select-helper-text.js","sourceRoot":"","sources":["../../../src/select/mdc-select-helper-text/mdc-select-helper-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,6BAA6B,EAA8B,MAAM,kBAAkB,CAAC;AACnH,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AAEzD,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE,wBAAwB;CAC/B,CAAC;IAIW,mBAAmB;4BAF/B,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,QAAQ,EAAE,CAAC;;;;sBACnB,YAAY;;;;;;;;;;mCAApB,SAAQ,WAA2C;;;;sCAIjF,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;sCAG9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;kCAG9B,QAAQ,EAAE;YALX,gLAAA,UAAU,6BAAV,UAAU,+FAAU;YAGpB,gLAAA,UAAU,6BAAV,UAAU,+FAAU;YAGpB,oKAAA,MAAM,6BAAN,MAAM,uFAAW;YAXnB,6KAkCC;;;YAlCY,uDAAmB;;QAC9B,oBAAoB,GAAG,oBAAoB,CAAC;QAC5C,IAAI,GAAG,uBAAuB,CAAC,IAAI,CAAC;QAGpC,UAAU,6DAAU;QAGpB,UAAU,uHAAU;QAGpB,MAAM,mHAAW;QAEjB,gDAAgD;QAChD,IAAI,sBAAsB;YACxB,OAAO,IAAI,CAAC,UAAW,CAAC;QAC1B,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAA+B;gBAC1C,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC3D,WAAW,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;gBACjE,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;gBAChE,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBAC/C,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC;gBAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;gBACrD,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;oBACtB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAClC,CAAC;aACF,CAAC;YACF,OAAO,IAAI,6BAA6B,CAAC,OAAO,CAAC,CAAC;QACpD,CAAC;;;;;;;;SAjCU,mBAAmB","sourcesContent":["import { MdcComponent, booleanAttr } from '../../base';\nimport { helperTextCssClasses, MDCSelectHelperTextFoundation, MDCSelectHelperTextAdapter } from '@material/select';\nimport { customElement, inject, bindable } from 'aurelia';\nimport template from './mdc-select-helper-text.html?raw';\n\nexport const mdcHelperTextCssClasses = {\n  ROOT: 'mdc-select-helper-text'\n};\n\n@inject(Element)\n@customElement({ name: 'mdc-select-helper-text', template })\nexport class MdcSelectHelperText extends MdcComponent<MDCSelectHelperTextFoundation> {\n  helperTextCssClasses = helperTextCssClasses;\n  ROOT = mdcHelperTextCssClasses.ROOT;\n\n  @bindable({ set: booleanAttr })\n  persistent: boolean;\n\n  @bindable({ set: booleanAttr })\n  validation: boolean;\n\n  @bindable()\n  errors: string[];\n\n  // Provided for access by MDCTextField component\n  get foundationForTextField(): MDCSelectHelperTextFoundation {\n    return this.foundation!;\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCSelectHelperTextAdapter = {\n      addClass: (className) => this.root.classList.add(className),\n      removeClass: (className) => this.root.classList.remove(className),\n      hasClass: (className) => this.root.classList.contains(className),\n      getAttr: (attr) => this.root.getAttribute(attr),\n      setAttr: (attr, value) => this.root.setAttribute(attr, value),\n      removeAttr: (attr) => this.root.removeAttribute(attr),\n      setContent: (content) => {\n        this.root.textContent = content;\n      },\n    };\n    return new MDCSelectHelperTextFoundation(adapter);\n  }\n}\n\n/** @hidden */\nexport interface IMdcSelectHelperTextElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcSelectHelperText;\n    };\n  };\n}\n"]}

package/dist/select/mdc-select-icon.js

@@ -0,0 +1,46 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent } from '../base';
+import { MDCSelectIconFoundation, strings } from '@material/select';
+import { inject, customAttribute } from 'aurelia';
+export const mdcIconStrings = {
+    ATTRIBUTE: 'mdc-select-icon'
+};
+let MdcSelectIcon = (() => {
+    let _classDecorators = [inject(Element), customAttribute(mdcIconStrings.ATTRIBUTE)];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    var MdcSelectIcon = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcSelectIcon = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        attaching() {
+            this.root.classList.add(strings.LEADING_ICON_SELECTOR.replace('.', ''));
+        }
+        getDefaultFoundation() {
+            // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
+            // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
+            const adapter = {
+                getAttr: (attr) => this.root.getAttribute(attr),
+                setAttr: (attr, value) => this.root.setAttribute(attr, value),
+                removeAttr: (attr) => this.root.removeAttribute(attr),
+                setContent: (content) => {
+                    this.root.textContent = content;
+                },
+                registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),
+                deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),
+                notifyIconAction: () => this.emit(MDCSelectIconFoundation.strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */),
+            };
+            return new MDCSelectIconFoundation(adapter);
+        }
+    };
+    return MdcSelectIcon = _classThis;
+})();
+export { MdcSelectIcon };
+//# sourceMappingURL=mdc-select-icon.js.map

package/dist/select/mdc-select-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-select-icon.js","sourceRoot":"","sources":["../../src/select/mdc-select-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,uBAAuB,EAAwB,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC1F,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,SAAS,EAAE,iBAAiB;CAC7B,CAAC;IAIW,aAAa;4BAFzB,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,cAAc,CAAC,SAAS,CAAC;;;;sBACP,YAAY;6BAApB,SAAQ,WAAqC;;;;YAAxE,6KAqBC;;;YArBY,uDAAa;;QACxB,SAAS;YACP,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;QAC1E,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAyB;gBACpC,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBAC/C,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC;gBAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;gBACrD,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;oBACtB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAClC,CAAC;gBACD,0BAA0B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC;gBAC/E,4BAA4B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;gBACnF,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAkB,CAAC;aACzH,CAAC;YACF,OAAO,IAAI,uBAAuB,CAAC,OAAO,CAAC,CAAC;QAC9C,CAAC;;;;SApBU,aAAa","sourcesContent":["import { MdcComponent } from '../base';\nimport { MDCSelectIconFoundation, MDCSelectIconAdapter, strings } from '@material/select';\nimport { inject, customAttribute } from 'aurelia';\n\nexport const mdcIconStrings = {\n  ATTRIBUTE: 'mdc-select-icon'\n};\n\n@inject(Element)\n@customAttribute(mdcIconStrings.ATTRIBUTE)\nexport class MdcSelectIcon extends MdcComponent<MDCSelectIconFoundation> {\n  attaching() {\n    this.root.classList.add(strings.LEADING_ICON_SELECTOR.replace('.', ''));\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCSelectIconAdapter = {\n      getAttr: (attr) => this.root.getAttribute(attr),\n      setAttr: (attr, value) => this.root.setAttribute(attr, value),\n      removeAttr: (attr) => this.root.removeAttribute(attr),\n      setContent: (content) => {\n        this.root.textContent = content;\n      },\n      registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),\n      deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),\n      notifyIconAction: () => this.emit(MDCSelectIconFoundation.strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */),\n    };\n    return new MDCSelectIconFoundation(adapter);\n  }\n}\n\n/** @hidden */\nexport interface IMdcSelectIconElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-attribute:mdc-select-icon': {\n      viewModel: MdcSelectIcon;\n    };\n  };\n}\n"]}