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

package/dist/tab-bar/mdc-tab-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-tab-bar.js","sourceRoot":"","sources":["../../src/tab-bar/mdc-tab-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\r\nimport { MDCTabBarFoundation, MDCTabBarAdapter, MDCTabBarActivatedEventDetail, strings } from '@material/tab-bar';\r\nimport { IMdcTabElement } from './tab/mdc-tab';\r\nimport { MdcTabScroller } from './scroller/mdc-tab-scroller';\r\nimport { MDCTabInteractionEvent, MDCTabFoundation } from '@material/tab';\r\nimport { inject, customElement, bindable } from 'aurelia';\r\nimport template from './mdc-tab-bar.html?raw';\r\n\r\n// aurelia is case insensitive\r\nMDCTabFoundation.strings.INTERACTED_EVENT = MDCTabFoundation.strings.INTERACTED_EVENT.toLowerCase();\r\nstrings.TAB_ACTIVATED_EVENT = strings.TAB_ACTIVATED_EVENT.toLowerCase();\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-tab-bar', template })\r\nexport class MdcTabBar extends MdcComponent<MDCTabBarFoundation> {\r\n  private tabScroller_?: MdcTabScroller; // assigned in html\r\n\r\n  @bindable({ set: booleanAttr })\r\n  focusOnActivate: boolean;\r\n  focusOnActivateChanged() {\r\n    this.tabScroller_?.tabs.forEach((tab) => tab.focusOnActivate = this.focusOnActivate);\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  useAutomaticActivation: boolean;\r\n  useAutomaticActivationChanged() {\r\n    this.foundation?.setUseAutomaticActivation(this.useAutomaticActivation);\r\n  }\r\n\r\n  @bindable()\r\n  align: MdcTabScroller['align'];\r\n\r\n  initialSyncWithDOM() {\r\n    this.focusOnActivateChanged();\r\n    this.useAutomaticActivationChanged();\r\n    for (let i = 0; i < this.tabScroller_!.tabs.length; i++) {\r\n      if (this.tabScroller_!.tabs[i].active) {\r\n        this.scrollIntoView(i);\r\n        break;\r\n      }\r\n    }\r\n  }\r\n\r\n  handleKeyDown_(evt: KeyboardEvent) {\r\n    this.foundation?.handleKeyDown(evt);\r\n    return true;\r\n  }\r\n\r\n  handleTabInteraction_(evt: MDCTabInteractionEvent) {\r\n    this.foundation?.handleTabInteraction(evt);\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCTabBarAdapter = {\r\n      scrollTo: (scrollX) => this.tabScroller_!.scrollTo(scrollX),\r\n      incrementScroll: (scrollXIncrement) => this.tabScroller_!.incrementScroll(scrollXIncrement),\r\n      getScrollPosition: () => this.tabScroller_!.getScrollPosition(),\r\n      getScrollContentWidth: () => this.tabScroller_!.getScrollContentWidth(),\r\n      getOffsetWidth: () => this.root.offsetWidth,\r\n      isRTL: () => window.getComputedStyle(this.root).getPropertyValue('direction') === 'rtl',\r\n      setActiveTab: (index) => this.foundation?.activateTab(index),\r\n      activateTabAtIndex: (index, clientRect) => this.tabScroller_!.tabs[index].activate(clientRect),\r\n      deactivateTabAtIndex: (index) => this.tabScroller_!.tabs[index].deactivate(),\r\n      focusTabAtIndex: (index) => this.tabScroller_!.tabs[index].focus(),\r\n      getTabIndicatorClientRectAtIndex: (index) => this.tabScroller_!.tabs[index].computeIndicatorClientRect(),\r\n      getTabDimensionsAtIndex: (index) => this.tabScroller_!.tabs[index].computeDimensions(),\r\n      getPreviousActiveTabIndex: () => {\r\n        for (let i = 0; i < this.tabScroller_!.tabs.length; i++) {\r\n          if (this.tabScroller_!.tabs[i].isActive()) {\r\n            return i;\r\n          }\r\n        }\r\n        return -1;\r\n      },\r\n      getFocusedTabIndex: () => {\r\n        const tabElements = this.getTabElements_();\r\n        const activeElement = document.activeElement! as IMdcTabElement;\r\n        return tabElements.indexOf(activeElement);\r\n      },\r\n      getIndexOfTabById: (id) => {\r\n        for (let i = 0; i < this.tabScroller_!.tabs.length; i++) {\r\n          if (this.tabScroller_!.tabs[i].id === id) {\r\n            return i;\r\n          }\r\n        }\r\n        return -1;\r\n      },\r\n      getTabListLength: () => this.tabScroller_!.tabs.length,\r\n      notifyTabActivated: (index) => this.emit<MDCTabBarActivatedEventDetail>(strings.TAB_ACTIVATED_EVENT, { index }, true),\r\n    };\r\n    return new MDCTabBarFoundation(adapter);\r\n  }\r\n\r\n  /**\r\n   * Activates the tab at the given index\r\n   * @param index The index of the tab\r\n   */\r\n  activateTab(index: number) {\r\n    this.foundation?.activateTab(index);\r\n  }\r\n\r\n  /**\r\n   * Scrolls the tab at the given index into view\r\n   * @param index THe index of the tab\r\n   */\r\n  scrollIntoView(index: number) {\r\n    this.foundation?.scrollIntoView(index);\r\n  }\r\n\r\n  /**\r\n   * Returns all the tab elements in a nice clean array\r\n   */\r\n  private getTabElements_(): IMdcTabElement[] {\r\n    return [].slice.call(this.root.querySelectorAll(strings.TAB_SELECTOR)) as IMdcTabElement[];\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"mdc-tab-bar.js","sourceRoot":"","sources":["../../src/tab-bar/mdc-tab-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\r\nimport { MDCTabBarFoundation, MDCTabBarAdapter, MDCTabBarActivatedEventDetail, strings } from '@material/tab-bar';\r\nimport { IMdcTabElement } from './tab/mdc-tab';\r\nimport { MdcTabScroller } from './scroller/mdc-tab-scroller';\r\nimport { MDCTabInteractionEvent, MDCTabFoundation } from '@material/tab';\r\nimport { inject, customElement, bindable } from 'aurelia';\r\nimport template from './mdc-tab-bar.html?raw';\r\n\r\n// aurelia is case insensitive\r\nMDCTabFoundation.strings.INTERACTED_EVENT = MDCTabFoundation.strings.INTERACTED_EVENT.toLowerCase();\r\nstrings.TAB_ACTIVATED_EVENT = strings.TAB_ACTIVATED_EVENT.toLowerCase();\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-tab-bar', template })\r\nexport class MdcTabBar extends MdcComponent<MDCTabBarFoundation> {\r\n  private tabScroller_?: MdcTabScroller; // assigned in html\r\n\r\n  @bindable({ set: booleanAttr })\r\n  focusOnActivate: boolean;\r\n  focusOnActivateChanged() {\r\n    this.tabScroller_?.tabs.forEach((tab) => tab.focusOnActivate = this.focusOnActivate);\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  useAutomaticActivation: boolean;\r\n  useAutomaticActivationChanged() {\r\n    this.foundation?.setUseAutomaticActivation(this.useAutomaticActivation);\r\n  }\r\n\r\n  @bindable()\r\n  align: MdcTabScroller['align'];\r\n\r\n  initialSyncWithDOM() {\r\n    this.focusOnActivateChanged();\r\n    this.useAutomaticActivationChanged();\r\n    for (let i = 0; i < this.tabScroller_!.tabs.length; i++) {\r\n      if (this.tabScroller_!.tabs[i].active) {\r\n        this.scrollIntoView(i);\r\n        break;\r\n      }\r\n    }\r\n  }\r\n\r\n  handleKeyDown_(evt: KeyboardEvent) {\r\n    this.foundation?.handleKeyDown(evt);\r\n    return true;\r\n  }\r\n\r\n  handleTabInteraction_(evt: MDCTabInteractionEvent) {\r\n    this.foundation?.handleTabInteraction(evt);\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCTabBarAdapter = {\r\n      scrollTo: (scrollX) => this.tabScroller_!.scrollTo(scrollX),\r\n      incrementScroll: (scrollXIncrement) => this.tabScroller_!.incrementScroll(scrollXIncrement),\r\n      getScrollPosition: () => this.tabScroller_!.getScrollPosition(),\r\n      getScrollContentWidth: () => this.tabScroller_!.getScrollContentWidth(),\r\n      getOffsetWidth: () => this.root.offsetWidth,\r\n      isRTL: () => window.getComputedStyle(this.root).getPropertyValue('direction') === 'rtl',\r\n      setActiveTab: (index) => this.foundation?.activateTab(index),\r\n      activateTabAtIndex: (index, clientRect) => this.tabScroller_!.tabs[index].activate(clientRect),\r\n      deactivateTabAtIndex: (index) => this.tabScroller_!.tabs[index].deactivate(),\r\n      focusTabAtIndex: (index) => this.tabScroller_!.tabs[index].focus(),\r\n      getTabIndicatorClientRectAtIndex: (index) => this.tabScroller_!.tabs[index].computeIndicatorClientRect(),\r\n      getTabDimensionsAtIndex: (index) => this.tabScroller_!.tabs[index].computeDimensions(),\r\n      getPreviousActiveTabIndex: () => {\r\n        for (let i = 0; i < this.tabScroller_!.tabs.length; i++) {\r\n          if (this.tabScroller_!.tabs[i].isActive()) {\r\n            return i;\r\n          }\r\n        }\r\n        return -1;\r\n      },\r\n      getFocusedTabIndex: () => {\r\n        const tabElements = this.getTabElements_();\r\n        const activeElement = document.activeElement! as IMdcTabElement;\r\n        return tabElements.indexOf(activeElement);\r\n      },\r\n      getIndexOfTabById: (id) => {\r\n        for (let i = 0; i < this.tabScroller_!.tabs.length; i++) {\r\n          if (this.tabScroller_!.tabs[i].id === id) {\r\n            return i;\r\n          }\r\n        }\r\n        return -1;\r\n      },\r\n      getTabListLength: () => this.tabScroller_!.tabs.length,\r\n      notifyTabActivated: (index) => this.emit<MDCTabBarActivatedEventDetail>(strings.TAB_ACTIVATED_EVENT, { index }, true),\r\n    };\r\n    return new MDCTabBarFoundation(adapter);\r\n  }\r\n\r\n  /**\r\n   * Activates the tab at the given index\r\n   * @param index The index of the tab\r\n   */\r\n  activateTab(index: number) {\r\n    this.foundation?.activateTab(index);\r\n  }\r\n\r\n  /**\r\n   * Scrolls the tab at the given index into view\r\n   * @param index THe index of the tab\r\n   */\r\n  scrollIntoView(index: number) {\r\n    this.foundation?.scrollIntoView(index);\r\n  }\r\n\r\n  /**\r\n   * Returns all the tab elements in a nice clean array\r\n   */\r\n  private getTabElements_(): IMdcTabElement[] {\r\n    return [].slice.call(this.root.querySelectorAll(strings.TAB_SELECTOR)) as IMdcTabElement[];\r\n  }\r\n\r\n}\r\n"]}

package/dist/tab-bar/scroller/mdc-tab-scroller.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcTabScroller = void 0;
-const tslib_1 = require("tslib");
-const base_1 = require("../../base");
-const tab_scroller_1 = require("@material/tab-scroller");
-const ponyfill_1 = require("@material/dom/ponyfill");
-const aurelia_1 = require("aurelia");
-const mdc_tab_scroller_html_raw_1 = tslib_1.__importDefault(require("./mdc-tab-scroller.html?raw"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent } from '../../base';
+import { MDCTabScrollerFoundation, util } from '@material/tab-scroller';
+import { matches } from '@material/dom/ponyfill';
+import { inject, customElement, bindable, CustomElement, slotted } from 'aurelia';
+import template from './mdc-tab-scroller.html?raw';
 let MdcTabScroller = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-tab-scroller', template: mdc_tab_scroller_html_raw_1.default })];
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-tab-scroller', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     let _align_decorators;
     let _align_initializers = [];
     let _align_extraInitializers = [];
@@ -23,27 +20,27 @@ let MdcTabScroller = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _align_decorators = [(0, aurelia_1.bindable)()];
-            _tabElements_decorators = [(0, aurelia_1.slotted)({ query: 'mdc-tab' })];
-            tslib_1.__esDecorate(null, null, _align_decorators, { kind: "field", name: "align", static: false, private: false, access: { has: obj => "align" in obj, get: obj => obj.align, set: (obj, value) => { obj.align = value; } }, metadata: _metadata }, _align_initializers, _align_extraInitializers);
-            tslib_1.__esDecorate(null, null, _tabElements_decorators, { kind: "field", name: "tabElements", static: false, private: false, access: { has: obj => "tabElements" in obj, get: obj => obj.tabElements, set: (obj, value) => { obj.tabElements = value; } }, metadata: _metadata }, _tabElements_initializers, _tabElements_extraInitializers);
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _align_decorators = [bindable()];
+            _tabElements_decorators = [slotted({ query: 'mdc-tab' })];
+            __esDecorate(null, null, _align_decorators, { kind: "field", name: "align", static: false, private: false, access: { has: obj => "align" in obj, get: obj => obj.align, set: (obj, value) => { obj.align = value; } }, metadata: _metadata }, _align_initializers, _align_extraInitializers);
+            __esDecorate(null, null, _tabElements_decorators, { kind: "field", name: "tabElements", static: false, private: false, access: { has: obj => "tabElements" in obj, get: obj => obj.tabElements, set: (obj, value) => { obj.tabElements = value; } }, metadata: _metadata }, _tabElements_initializers, _tabElements_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcTabScroller = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         content_; // assigned in html
         area_; // assigned in html
-        align = tslib_1.__runInitializers(this, _align_initializers, void 0);
-        tabElements = (tslib_1.__runInitializers(this, _align_extraInitializers), tslib_1.__runInitializers(this, _tabElements_initializers, void 0));
+        align = __runInitializers(this, _align_initializers, void 0);
+        tabElements = (__runInitializers(this, _align_extraInitializers), __runInitializers(this, _tabElements_initializers, void 0));
         get tabs() {
-            return this.tabElements.map(x => aurelia_1.CustomElement.for(x).viewModel);
+            return this.tabElements.map(x => CustomElement.for(x).viewModel);
         }
         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 = {
-                eventTargetMatchesSelector: (evtTarget, selector) => (0, ponyfill_1.matches)(evtTarget, selector),
+                eventTargetMatchesSelector: (evtTarget, selector) => matches(evtTarget, selector),
                 addClass: (className) => this.root.classList.add(className),
                 removeClass: (className) => this.root.classList.remove(className),
                 addScrollAreaClass: (className) => this.area_.classList.add(className),
@@ -56,9 +53,9 @@ let MdcTabScroller = (() => {
                 getScrollAreaOffsetWidth: () => this.area_.offsetWidth,
                 computeScrollAreaClientRect: () => this.area_.getBoundingClientRect(),
                 computeScrollContentClientRect: () => this.content_.getBoundingClientRect(),
-                computeHorizontalScrollbarHeight: () => tab_scroller_1.util.computeHorizontalScrollbarHeight(document),
+                computeHorizontalScrollbarHeight: () => util.computeHorizontalScrollbarHeight(document),
             };
-            return new tab_scroller_1.MDCTabScrollerFoundation(adapter);
+            return new MDCTabScrollerFoundation(adapter);
         }
         handleInteraction_() {
             this.foundation?.handleInteraction();
@@ -96,10 +93,10 @@ let MdcTabScroller = (() => {
         }
         constructor() {
             super(...arguments);
-            tslib_1.__runInitializers(this, _tabElements_extraInitializers);
+            __runInitializers(this, _tabElements_extraInitializers);
         }
     };
     return MdcTabScroller = _classThis;
 })();
-exports.MdcTabScroller = MdcTabScroller;
+export { MdcTabScroller };
 //# sourceMappingURL=mdc-tab-scroller.js.map

package/dist/tab-bar/scroller/mdc-tab-scroller.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-tab-scroller.js","sourceRoot":"","sources":["../../../src/tab-bar/scroller/mdc-tab-scroller.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent } from '../../base';\r\nimport { MDCTabScrollerFoundation, MDCTabScrollerAdapter, util } from '@material/tab-scroller';\r\nimport { matches } from '@material/dom/ponyfill';\r\nimport { MdcTab } from '../tab/mdc-tab';\r\nimport { inject, customElement, bindable, CustomElement, slotted } from 'aurelia';\r\nimport template from './mdc-tab-scroller.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-tab-scroller', template })\r\nexport class MdcTabScroller extends MdcComponent<MDCTabScrollerFoundation> {\r\n  private content_: HTMLElement; // assigned in html\r\n  private area_: HTMLElement; // assigned in html\r\n\r\n  @bindable()\r\n  align: 'start' | 'end' | 'center';\r\n\r\n  @slotted({ query: 'mdc-tab' })\r\n  tabElements: HTMLElement[];\r\n\r\n  get tabs(): MdcTab[] {\r\n    return this.tabElements.map(x => CustomElement.for<MdcTab>(x).viewModel);\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCTabScrollerAdapter = {\r\n      eventTargetMatchesSelector: (evtTarget, selector) => matches(evtTarget as Element, selector),\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      addScrollAreaClass: (className) => this.area_.classList.add(className),\r\n      setScrollAreaStyleProperty: (prop, value) => this.area_.style.setProperty(prop, value),\r\n      setScrollContentStyleProperty: (prop, value) => this.content_.style.setProperty(prop, value),\r\n      getScrollContentStyleValue: (propName) => window.getComputedStyle(this.content_).getPropertyValue(propName),\r\n      setScrollAreaScrollLeft: (scrollX) => this.area_.scrollLeft = scrollX,\r\n      getScrollAreaScrollLeft: () => this.area_.scrollLeft,\r\n      getScrollContentOffsetWidth: () => this.content_.offsetWidth,\r\n      getScrollAreaOffsetWidth: () => this.area_.offsetWidth,\r\n      computeScrollAreaClientRect: () => this.area_.getBoundingClientRect(),\r\n      computeScrollContentClientRect: () => this.content_.getBoundingClientRect(),\r\n      computeHorizontalScrollbarHeight: () => util.computeHorizontalScrollbarHeight(document),\r\n    };\r\n    return new MDCTabScrollerFoundation(adapter);\r\n  }\r\n\r\n  handleInteraction_() {\r\n    this.foundation?.handleInteraction();\r\n    return true;\r\n  }\r\n\r\n  handleTransitionEnd_(evt: Event) {\r\n    this.foundation?.handleTransitionEnd(evt);\r\n    return true;\r\n  }\r\n\r\n  /**\r\n   * Returns the current visual scroll position\r\n   */\r\n  getScrollPosition(): number {\r\n    return this.foundation!.getScrollPosition();\r\n  }\r\n\r\n  /**\r\n   * Returns the width of the scroll content\r\n   */\r\n  getScrollContentWidth(): number {\r\n    return this.content_.offsetWidth;\r\n  }\r\n\r\n  /**\r\n   * Increments the scroll value by the given amount\r\n   * @param scrollXIncrement The pixel value by which to increment the scroll value\r\n   */\r\n  incrementScroll(scrollXIncrement: number) {\r\n    this.foundation?.incrementScroll(scrollXIncrement);\r\n  }\r\n\r\n  /**\r\n   * Scrolls to the given pixel position\r\n   * @param scrollX The pixel value to scroll to\r\n   */\r\n  scrollTo(scrollX: number) {\r\n    this.foundation?.scrollTo(scrollX);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"mdc-tab-scroller.js","sourceRoot":"","sources":["../../../src/tab-bar/scroller/mdc-tab-scroller.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent } from '../../base';\r\nimport { MDCTabScrollerFoundation, MDCTabScrollerAdapter, util } from '@material/tab-scroller';\r\nimport { matches } from '@material/dom/ponyfill';\r\nimport { MdcTab } from '../tab/mdc-tab';\r\nimport { inject, customElement, bindable, CustomElement, slotted } from 'aurelia';\r\nimport template from './mdc-tab-scroller.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-tab-scroller', template })\r\nexport class MdcTabScroller extends MdcComponent<MDCTabScrollerFoundation> {\r\n  private content_: HTMLElement; // assigned in html\r\n  private area_: HTMLElement; // assigned in html\r\n\r\n  @bindable()\r\n  align: 'start' | 'end' | 'center';\r\n\r\n  @slotted({ query: 'mdc-tab' })\r\n  tabElements: HTMLElement[];\r\n\r\n  get tabs(): MdcTab[] {\r\n    return this.tabElements.map(x => CustomElement.for<MdcTab>(x).viewModel);\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCTabScrollerAdapter = {\r\n      eventTargetMatchesSelector: (evtTarget, selector) => matches(evtTarget as Element, selector),\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      addScrollAreaClass: (className) => this.area_.classList.add(className),\r\n      setScrollAreaStyleProperty: (prop, value) => this.area_.style.setProperty(prop, value),\r\n      setScrollContentStyleProperty: (prop, value) => this.content_.style.setProperty(prop, value),\r\n      getScrollContentStyleValue: (propName) => window.getComputedStyle(this.content_).getPropertyValue(propName),\r\n      setScrollAreaScrollLeft: (scrollX) => this.area_.scrollLeft = scrollX,\r\n      getScrollAreaScrollLeft: () => this.area_.scrollLeft,\r\n      getScrollContentOffsetWidth: () => this.content_.offsetWidth,\r\n      getScrollAreaOffsetWidth: () => this.area_.offsetWidth,\r\n      computeScrollAreaClientRect: () => this.area_.getBoundingClientRect(),\r\n      computeScrollContentClientRect: () => this.content_.getBoundingClientRect(),\r\n      computeHorizontalScrollbarHeight: () => util.computeHorizontalScrollbarHeight(document),\r\n    };\r\n    return new MDCTabScrollerFoundation(adapter);\r\n  }\r\n\r\n  handleInteraction_() {\r\n    this.foundation?.handleInteraction();\r\n    return true;\r\n  }\r\n\r\n  handleTransitionEnd_(evt: Event) {\r\n    this.foundation?.handleTransitionEnd(evt);\r\n    return true;\r\n  }\r\n\r\n  /**\r\n   * Returns the current visual scroll position\r\n   */\r\n  getScrollPosition(): number {\r\n    return this.foundation!.getScrollPosition();\r\n  }\r\n\r\n  /**\r\n   * Returns the width of the scroll content\r\n   */\r\n  getScrollContentWidth(): number {\r\n    return this.content_.offsetWidth;\r\n  }\r\n\r\n  /**\r\n   * Increments the scroll value by the given amount\r\n   * @param scrollXIncrement The pixel value by which to increment the scroll value\r\n   */\r\n  incrementScroll(scrollXIncrement: number) {\r\n    this.foundation?.incrementScroll(scrollXIncrement);\r\n  }\r\n\r\n  /**\r\n   * Scrolls to the given pixel position\r\n   * @param scrollX The pixel value to scroll to\r\n   */\r\n  scrollTo(scrollX: number) {\r\n    this.foundation?.scrollTo(scrollX);\r\n  }\r\n}\r\n"]}

package/dist/tab-bar/tab/mdc-tab.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcTab = void 0;
-const tslib_1 = require("tslib");
-const base_1 = require("../../base");
-const tab_1 = require("@material/tab");
-const aurelia_1 = require("aurelia");
-const mdc_tab_html_raw_1 = tslib_1.__importDefault(require("./mdc-tab.html?raw"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent, booleanAttr } from '../../base';
+import { MDCTabFoundation } from '@material/tab';
+import { inject, customElement, bindable } from 'aurelia';
+import template from './mdc-tab.html?raw';
 let tabId = 0;
-tab_1.MDCTabFoundation.strings.INTERACTED_EVENT = tab_1.MDCTabFoundation.strings.INTERACTED_EVENT.toLowerCase();
+MDCTabFoundation.strings.INTERACTED_EVENT = MDCTabFoundation.strings.INTERACTED_EVENT.toLowerCase();
 let MdcTab = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-tab', template: mdc_tab_html_raw_1.default })];
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-tab', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     let _id_decorators;
     let _id_initializers = [];
     let _id_extraInitializers = [];
@@ -45,40 +42,40 @@ let MdcTab = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _id_decorators = [(0, aurelia_1.bindable)()];
-            _fixed_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _active_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _icon_decorators = [(0, aurelia_1.bindable)()];
-            _label_decorators = [(0, aurelia_1.bindable)()];
-            _minWidth_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _fade_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _stacked_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _indicatorIcon_decorators = [(0, aurelia_1.bindable)()];
-            tslib_1.__esDecorate(null, null, _id_decorators, { kind: "field", name: "id", static: false, private: false, access: { has: obj => "id" in obj, get: obj => obj.id, set: (obj, value) => { obj.id = value; } }, metadata: _metadata }, _id_initializers, _id_extraInitializers);
-            tslib_1.__esDecorate(null, null, _fixed_decorators, { kind: "field", name: "fixed", static: false, private: false, access: { has: obj => "fixed" in obj, get: obj => obj.fixed, set: (obj, value) => { obj.fixed = value; } }, metadata: _metadata }, _fixed_initializers, _fixed_extraInitializers);
-            tslib_1.__esDecorate(null, null, _active_decorators, { kind: "field", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_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, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
-            tslib_1.__esDecorate(null, null, _minWidth_decorators, { kind: "field", name: "minWidth", static: false, private: false, access: { has: obj => "minWidth" in obj, get: obj => obj.minWidth, set: (obj, value) => { obj.minWidth = value; } }, metadata: _metadata }, _minWidth_initializers, _minWidth_extraInitializers);
-            tslib_1.__esDecorate(null, null, _fade_decorators, { kind: "field", name: "fade", static: false, private: false, access: { has: obj => "fade" in obj, get: obj => obj.fade, set: (obj, value) => { obj.fade = value; } }, metadata: _metadata }, _fade_initializers, _fade_extraInitializers);
-            tslib_1.__esDecorate(null, null, _stacked_decorators, { kind: "field", name: "stacked", static: false, private: false, access: { has: obj => "stacked" in obj, get: obj => obj.stacked, set: (obj, value) => { obj.stacked = value; } }, metadata: _metadata }, _stacked_initializers, _stacked_extraInitializers);
-            tslib_1.__esDecorate(null, null, _indicatorIcon_decorators, { kind: "field", name: "indicatorIcon", static: false, private: false, access: { has: obj => "indicatorIcon" in obj, get: obj => obj.indicatorIcon, set: (obj, value) => { obj.indicatorIcon = value; } }, metadata: _metadata }, _indicatorIcon_initializers, _indicatorIcon_extraInitializers);
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _id_decorators = [bindable()];
+            _fixed_decorators = [bindable({ set: booleanAttr })];
+            _active_decorators = [bindable({ set: booleanAttr })];
+            _icon_decorators = [bindable()];
+            _label_decorators = [bindable()];
+            _minWidth_decorators = [bindable({ set: booleanAttr })];
+            _fade_decorators = [bindable({ set: booleanAttr })];
+            _stacked_decorators = [bindable({ set: booleanAttr })];
+            _indicatorIcon_decorators = [bindable()];
+            __esDecorate(null, null, _id_decorators, { kind: "field", name: "id", static: false, private: false, access: { has: obj => "id" in obj, get: obj => obj.id, set: (obj, value) => { obj.id = value; } }, metadata: _metadata }, _id_initializers, _id_extraInitializers);
+            __esDecorate(null, null, _fixed_decorators, { kind: "field", name: "fixed", static: false, private: false, access: { has: obj => "fixed" in obj, get: obj => obj.fixed, set: (obj, value) => { obj.fixed = value; } }, metadata: _metadata }, _fixed_initializers, _fixed_extraInitializers);
+            __esDecorate(null, null, _active_decorators, { kind: "field", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_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, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            __esDecorate(null, null, _minWidth_decorators, { kind: "field", name: "minWidth", static: false, private: false, access: { has: obj => "minWidth" in obj, get: obj => obj.minWidth, set: (obj, value) => { obj.minWidth = value; } }, metadata: _metadata }, _minWidth_initializers, _minWidth_extraInitializers);
+            __esDecorate(null, null, _fade_decorators, { kind: "field", name: "fade", static: false, private: false, access: { has: obj => "fade" in obj, get: obj => obj.fade, set: (obj, value) => { obj.fade = value; } }, metadata: _metadata }, _fade_initializers, _fade_extraInitializers);
+            __esDecorate(null, null, _stacked_decorators, { kind: "field", name: "stacked", static: false, private: false, access: { has: obj => "stacked" in obj, get: obj => obj.stacked, set: (obj, value) => { obj.stacked = value; } }, metadata: _metadata }, _stacked_initializers, _stacked_extraInitializers);
+            __esDecorate(null, null, _indicatorIcon_decorators, { kind: "field", name: "indicatorIcon", static: false, private: false, access: { has: obj => "indicatorIcon" in obj, get: obj => obj.indicatorIcon, set: (obj, value) => { obj.indicatorIcon = value; } }, metadata: _metadata }, _indicatorIcon_initializers, _indicatorIcon_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcTab = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         tabIndicator_; // assigned in initialize();
         content_; // assigned in initialize();
-        id = tslib_1.__runInitializers(this, _id_initializers, `mdc-tab-${++tabId}`);
-        fixed = (tslib_1.__runInitializers(this, _id_extraInitializers), tslib_1.__runInitializers(this, _fixed_initializers, void 0));
-        active = (tslib_1.__runInitializers(this, _fixed_extraInitializers), tslib_1.__runInitializers(this, _active_initializers, void 0));
-        icon = (tslib_1.__runInitializers(this, _active_extraInitializers), tslib_1.__runInitializers(this, _icon_initializers, void 0));
-        label = (tslib_1.__runInitializers(this, _icon_extraInitializers), tslib_1.__runInitializers(this, _label_initializers, void 0));
-        minWidth = (tslib_1.__runInitializers(this, _label_extraInitializers), tslib_1.__runInitializers(this, _minWidth_initializers, void 0));
-        fade = (tslib_1.__runInitializers(this, _minWidth_extraInitializers), tslib_1.__runInitializers(this, _fade_initializers, void 0));
-        stacked = (tslib_1.__runInitializers(this, _fade_extraInitializers), tslib_1.__runInitializers(this, _stacked_initializers, void 0));
-        indicatorIcon = (tslib_1.__runInitializers(this, _stacked_extraInitializers), tslib_1.__runInitializers(this, _indicatorIcon_initializers, void 0));
+        id = __runInitializers(this, _id_initializers, `mdc-tab-${++tabId}`);
+        fixed = (__runInitializers(this, _id_extraInitializers), __runInitializers(this, _fixed_initializers, void 0));
+        active = (__runInitializers(this, _fixed_extraInitializers), __runInitializers(this, _active_initializers, void 0));
+        icon = (__runInitializers(this, _active_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        label = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _label_initializers, void 0));
+        minWidth = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _minWidth_initializers, void 0));
+        fade = (__runInitializers(this, _minWidth_extraInitializers), __runInitializers(this, _fade_initializers, void 0));
+        stacked = (__runInitializers(this, _fade_extraInitializers), __runInitializers(this, _stacked_initializers, void 0));
+        indicatorIcon = (__runInitializers(this, _stacked_extraInitializers), __runInitializers(this, _indicatorIcon_initializers, void 0));
         handleClick_() {
             this.foundation?.handleClick();
             return true;
@@ -93,14 +90,14 @@ let MdcTab = (() => {
                 hasClass: (className) => this.root.classList.contains(className),
                 activateIndicator: (previousIndicatorClientRect) => this.tabIndicator_.activate(previousIndicatorClientRect),
                 deactivateIndicator: () => this.tabIndicator_.deactivate(),
-                notifyInteracted: () => this.emit(tab_1.MDCTabFoundation.strings.INTERACTED_EVENT, { tabId: this.id }, true /* bubble */),
+                notifyInteracted: () => this.emit(MDCTabFoundation.strings.INTERACTED_EVENT, { tabId: this.id }, true /* bubble */),
                 getOffsetLeft: () => this.root.offsetLeft,
                 getOffsetWidth: () => this.root.offsetWidth,
                 getContentOffsetLeft: () => this.content_.offsetLeft,
                 getContentOffsetWidth: () => this.content_.offsetWidth,
                 focus: () => this.root.focus(),
             };
-            return new tab_1.MDCTabFoundation(adapter);
+            return new MDCTabFoundation(adapter);
         }
         isActive() {
             return this.foundation.isActive();
@@ -137,10 +134,10 @@ let MdcTab = (() => {
         }
         constructor() {
             super(...arguments);
-            tslib_1.__runInitializers(this, _indicatorIcon_extraInitializers);
+            __runInitializers(this, _indicatorIcon_extraInitializers);
         }
     };
     return MdcTab = _classThis;
 })();
-exports.MdcTab = MdcTab;
+export { MdcTab };
 //# sourceMappingURL=mdc-tab.js.map

package/dist/tab-bar/tab/mdc-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-tab.js","sourceRoot":"","sources":["../../../src/tab-bar/tab/mdc-tab.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../../base';\r\nimport { MDCTabFoundation, MDCTabAdapter, MDCTabInteractionEventDetail, MDCTabDimensions } from '@material/tab';\r\nimport { MdcTabIndicator } from '../indicator/mdc-tab-indicator';\r\nimport { inject, customElement, bindable } from 'aurelia';\r\nimport template from './mdc-tab.html?raw';\r\n\r\nlet tabId = 0;\r\n\r\nMDCTabFoundation.strings.INTERACTED_EVENT = MDCTabFoundation.strings.INTERACTED_EVENT.toLowerCase();\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-tab', template })\r\nexport class MdcTab extends MdcComponent<MDCTabFoundation> {\r\n  private tabIndicator_: MdcTabIndicator; // assigned in initialize();\r\n  private content_: HTMLElement; // assigned in initialize();\r\n\r\n  @bindable()\r\n  id: string = `mdc-tab-${++tabId}`;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  fixed: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  active: boolean;\r\n\r\n  @bindable()\r\n  icon: string;\r\n\r\n  @bindable()\r\n  label: string;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  minWidth: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  fade: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  stacked: boolean;\r\n\r\n  @bindable()\r\n  indicatorIcon: string;\r\n\r\n  handleClick_() {\r\n    this.foundation?.handleClick();\r\n    return true;\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCTabAdapter = {\r\n      setAttr: (attr, value) => this.root.setAttribute(attr, value),\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      hasClass: (className) => this.root.classList.contains(className),\r\n      activateIndicator: (previousIndicatorClientRect) => this.tabIndicator_.activate(previousIndicatorClientRect),\r\n      deactivateIndicator: () => this.tabIndicator_.deactivate(),\r\n      notifyInteracted: () => this.emit<MDCTabInteractionEventDetail>(MDCTabFoundation.strings.INTERACTED_EVENT, { tabId: this.id }, true /* bubble */),\r\n      getOffsetLeft: () => this.root.offsetLeft,\r\n      getOffsetWidth: () => this.root.offsetWidth,\r\n      getContentOffsetLeft: () => this.content_.offsetLeft,\r\n      getContentOffsetWidth: () => this.content_.offsetWidth,\r\n      focus: () => this.root.focus(),\r\n    };\r\n    return new MDCTabFoundation(adapter);\r\n  }\r\n\r\n  isActive(): boolean {\r\n    return this.foundation!.isActive();\r\n  }\r\n\r\n  set focusOnActivate(focusOnActivate: boolean) {\r\n    this.foundation?.setFocusOnActivate(focusOnActivate);\r\n  }\r\n\r\n  /**\r\n   * Activates the tab\r\n   */\r\n  activate(computeIndicatorClientRect?: ClientRect) {\r\n    this.foundation?.activate(computeIndicatorClientRect);\r\n  }\r\n\r\n  /**\r\n   * Deactivates the tab\r\n   */\r\n  deactivate() {\r\n    this.foundation?.deactivate();\r\n  }\r\n\r\n  /**\r\n   * Returns the indicator's client rect\r\n   */\r\n  computeIndicatorClientRect(): ClientRect {\r\n    return this.tabIndicator_.computeContentClientRect();\r\n  }\r\n\r\n  computeDimensions(): MDCTabDimensions {\r\n    return this.foundation!.computeDimensions();\r\n  }\r\n\r\n  /**\r\n   * Focuses the tab\r\n   */\r\n  focus() {\r\n    this.root.focus();\r\n  }\r\n\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcTabElement extends HTMLElement {\r\n  au: {\r\n    controller: {\r\n      viewModel: MdcTab;\r\n    };\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"mdc-tab.js","sourceRoot":"","sources":["../../../src/tab-bar/tab/mdc-tab.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../../base';\r\nimport { MDCTabFoundation, MDCTabAdapter, MDCTabInteractionEventDetail, MDCTabDimensions } from '@material/tab';\r\nimport { MdcTabIndicator } from '../indicator/mdc-tab-indicator';\r\nimport { inject, customElement, bindable } from 'aurelia';\r\nimport template from './mdc-tab.html?raw';\r\n\r\nlet tabId = 0;\r\n\r\nMDCTabFoundation.strings.INTERACTED_EVENT = MDCTabFoundation.strings.INTERACTED_EVENT.toLowerCase();\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-tab', template })\r\nexport class MdcTab extends MdcComponent<MDCTabFoundation> {\r\n  private tabIndicator_: MdcTabIndicator; // assigned in initialize();\r\n  private content_: HTMLElement; // assigned in initialize();\r\n\r\n  @bindable()\r\n  id: string = `mdc-tab-${++tabId}`;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  fixed: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  active: boolean;\r\n\r\n  @bindable()\r\n  icon: string;\r\n\r\n  @bindable()\r\n  label: string;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  minWidth: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  fade: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  stacked: boolean;\r\n\r\n  @bindable()\r\n  indicatorIcon: string;\r\n\r\n  handleClick_() {\r\n    this.foundation?.handleClick();\r\n    return true;\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCTabAdapter = {\r\n      setAttr: (attr, value) => this.root.setAttribute(attr, value),\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      hasClass: (className) => this.root.classList.contains(className),\r\n      activateIndicator: (previousIndicatorClientRect) => this.tabIndicator_.activate(previousIndicatorClientRect),\r\n      deactivateIndicator: () => this.tabIndicator_.deactivate(),\r\n      notifyInteracted: () => this.emit<MDCTabInteractionEventDetail>(MDCTabFoundation.strings.INTERACTED_EVENT, { tabId: this.id }, true /* bubble */),\r\n      getOffsetLeft: () => this.root.offsetLeft,\r\n      getOffsetWidth: () => this.root.offsetWidth,\r\n      getContentOffsetLeft: () => this.content_.offsetLeft,\r\n      getContentOffsetWidth: () => this.content_.offsetWidth,\r\n      focus: () => this.root.focus(),\r\n    };\r\n    return new MDCTabFoundation(adapter);\r\n  }\r\n\r\n  isActive(): boolean {\r\n    return this.foundation!.isActive();\r\n  }\r\n\r\n  set focusOnActivate(focusOnActivate: boolean) {\r\n    this.foundation?.setFocusOnActivate(focusOnActivate);\r\n  }\r\n\r\n  /**\r\n   * Activates the tab\r\n   */\r\n  activate(computeIndicatorClientRect?: ClientRect) {\r\n    this.foundation?.activate(computeIndicatorClientRect);\r\n  }\r\n\r\n  /**\r\n   * Deactivates the tab\r\n   */\r\n  deactivate() {\r\n    this.foundation?.deactivate();\r\n  }\r\n\r\n  /**\r\n   * Returns the indicator's client rect\r\n   */\r\n  computeIndicatorClientRect(): ClientRect {\r\n    return this.tabIndicator_.computeContentClientRect();\r\n  }\r\n\r\n  computeDimensions(): MDCTabDimensions {\r\n    return this.foundation!.computeDimensions();\r\n  }\r\n\r\n  /**\r\n   * Focuses the tab\r\n   */\r\n  focus() {\r\n    this.root.focus();\r\n  }\r\n\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcTabElement extends HTMLElement {\r\n  au: {\r\n    controller: {\r\n      viewModel: MdcTab;\r\n    };\r\n  };\r\n}\r\n"]}

package/dist/text-field/enhance-mdc-text-field.js

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

package/dist/text-field/enhance-mdc-text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"enhance-mdc-text-field.js","sourceRoot":"","sources":["../../src/text-field/enhance-mdc-text-field.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;IAGnC,mBAAmB;4BAD/B,+BAAqB;;;;;;;;YACtB,qLAQC;;;YARY,+DAAmB;;QAC9B,SAAS,CAAC,QAA2C;YACnD,IAAI,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;gBACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS;qBACpC,UAAU,CAAC,kBAAkB,EAAE,4DAA4D,CAAC;qBAC5F,UAAU,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;YACjD,CAAC;QACH,CAAC;;;;AAPU,kDAAmB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcTextfield {\r\n  compiling(template: HTMLElement | HTMLTemplateElement) {\r\n    if (template.innerHTML.includes('<mdc-text-field')) {\r\n      template.innerHTML = template.innerHTML\r\n        .replaceAll('<mdc-text-field ', '<label as-element=\"mdc-text-field\" mdc-text-field-element ')\r\n        .replaceAll('</mdc-text-field>', '</label>');\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"enhance-mdc-text-field.js","sourceRoot":"","sources":["../../src/text-field/enhance-mdc-text-field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,mBAAmB;4BAD/B,qBAAqB;;;;;;;;YACtB,6KAQC;;;YARY,uDAAmB;;QAC9B,SAAS,CAAC,QAA2C;YACnD,IAAI,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;gBACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS;qBACpC,UAAU,CAAC,kBAAkB,EAAE,4DAA4D,CAAC;qBAC5F,UAAU,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;YACjD,CAAC;QACH,CAAC;;;;SAPU,mBAAmB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcTextfield {\r\n  compiling(template: HTMLElement | HTMLTemplateElement) {\r\n    if (template.innerHTML.includes('<mdc-text-field')) {\r\n      template.innerHTML = template.innerHTML\r\n        .replaceAll('<mdc-text-field ', '<label as-element=\"mdc-text-field\" mdc-text-field-element ')\r\n        .replaceAll('</mdc-text-field>', '</label>');\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/text-field/mdc-default-text-field-configuration.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcDefaultTextFieldConfiguration = void 0;
-class MdcDefaultTextFieldConfiguration {
+export class MdcDefaultTextFieldConfiguration {
     outlined;
 }
-exports.MdcDefaultTextFieldConfiguration = MdcDefaultTextFieldConfiguration;
 //# sourceMappingURL=mdc-default-text-field-configuration.js.map

package/dist/text-field/mdc-default-text-field-configuration.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-default-text-field-configuration.js","sourceRoot":"","sources":["../../src/text-field/mdc-default-text-field-configuration.ts"],"names":[],"mappings":";;;AAAA,MAAa,gCAAgC;IAC3C,QAAQ,CAAW;CACpB;AAFD,4EAEC","sourcesContent":["export class MdcDefaultTextFieldConfiguration {\r\n  outlined?: boolean;\r\n}\r\n"]}
+{"version":3,"file":"mdc-default-text-field-configuration.js","sourceRoot":"","sources":["../../src/text-field/mdc-default-text-field-configuration.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,gCAAgC;IAC3C,QAAQ,CAAW;CACpB","sourcesContent":["export class MdcDefaultTextFieldConfiguration {\r\n  outlined?: boolean;\r\n}\r\n"]}

package/dist/text-field/mdc-inputmask.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhanceMask = exports.MdcInputmaskCustomAttribute = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
+import { __esDecorate, __runInitializers } from "tslib";
+import { CustomAttribute, CustomElement, customAttribute, inject, templateCompilerHooks } from 'aurelia';
 // mdc-text-field needs to know when inputmask updates internal input element
 let MdcInputmaskCustomAttribute = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-inputmask')];
+    let _classDecorators = [inject(Element), customAttribute('mdc-inputmask')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -13,10 +10,10 @@ let MdcInputmaskCustomAttribute = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcInputmaskCustomAttribute = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         element;
         constructor(element) {
@@ -35,8 +32,8 @@ let MdcInputmaskCustomAttribute = (() => {
             }
         }
         inputmaskChangeHandler() {
-            const inputmask = aurelia_1.CustomAttribute.for(this.element, 'inputmask')?.viewModel;
-            const input = aurelia_1.CustomElement.for(this.element)?.viewModel;
+            const inputmask = CustomAttribute.for(this.element, 'inputmask')?.viewModel;
+            const input = CustomElement.for(this.element)?.viewModel;
             if (inputmask && input) {
                 input.value = inputmask.input.value;
                 input.foundation?.setValue(inputmask.input.value);
@@ -45,9 +42,9 @@ let MdcInputmaskCustomAttribute = (() => {
     };
     return MdcInputmaskCustomAttribute = _classThis;
 })();
-exports.MdcInputmaskCustomAttribute = MdcInputmaskCustomAttribute;
+export { MdcInputmaskCustomAttribute };
 let EnhanceMask = (() => {
-    let _classDecorators = [aurelia_1.templateCompilerHooks];
+    let _classDecorators = [templateCompilerHooks];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -55,10 +52,10 @@ let EnhanceMask = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             EnhanceMask = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         compiling(template) {
             if (!template.content) {
@@ -72,5 +69,5 @@ let EnhanceMask = (() => {
     };
     return EnhanceMask = _classThis;
 })();
-exports.EnhanceMask = EnhanceMask;
+export { EnhanceMask };
 //# sourceMappingURL=mdc-inputmask.js.map

package/dist/text-field/mdc-inputmask.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-inputmask.js","sourceRoot":"","sources":["../../src/text-field/mdc-inputmask.ts"],"names":[],"mappings":";;;;AAAA,qCAAyG;AAEzG,6EAA6E;IAGhE,2BAA2B;4BAFvC,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,yBAAe,EAAC,eAAe,CAAC;;;;;;;;YACjC,qLA0BC;;;YA1BY,+DAA2B;;QAClB,OAAO;QAA3B,YAAoB,OAAgB;YAAhB,YAAO,GAAP,OAAO,CAAS;QAAI,CAAC;QAEzC,QAAQ;YACN,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;YACxD,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAC7D,CAAC;QAED,WAAW,CAAC,CAAQ;YAClB,IAAI,CAAC,CAAC,IAAI,KAAK,kBAAkB,EAAE,CAAC;gBAClC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAChC,CAAC;QACH,CAAC;QAED,sBAAsB;YACpB,MAAM,SAAS,GAAG,yBAAe,CAAC,GAAG,CAA8B,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC;YACzG,MAAM,KAAK,GAAG,uBAAa,CAAC,GAAG,CAAoE,IAAI,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;YAC5H,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;gBACvB,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;gBACpC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACpD,CAAC;QACH,CAAC;;;;AAzBU,kEAA2B;IA6B3B,WAAW;4BADvB,+BAAqB;;;;;;;;YACtB,qLAUC;;;YAVY,+DAAW;;QACtB,SAAS,CAAC,QAA6B;YACrC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACtB,OAAO;YACT,CAAC;YACD,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;YAChE,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;gBACnC,CAAC,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;YACtC,CAAC;QACH,CAAC;;;;AATU,kCAAW","sourcesContent":["import { CustomAttribute, CustomElement, customAttribute, inject, templateCompilerHooks } from 'aurelia';\r\n\r\n// mdc-text-field needs to know when inputmask updates internal input element\r\n@inject(Element)\r\n@customAttribute('mdc-inputmask')\r\nexport class MdcInputmaskCustomAttribute {\r\n  constructor(private element: Element) { }\r\n\r\n  attached() {\r\n    this.element.addEventListener('inputmask-change', this);\r\n    this.inputmaskChangeHandler();\r\n  }\r\n\r\n  detached() {\r\n    this.element.removeEventListener('inputmask-change', this);\r\n  }\r\n\r\n  handleEvent(e: Event) {\r\n    if (e.type === 'inputmask-change') {\r\n      this.inputmaskChangeHandler();\r\n    }\r\n  }\r\n\r\n  inputmaskChangeHandler() {\r\n    const inputmask = CustomAttribute.for<{ input: HTMLInputElement }>(this.element, 'inputmask')?.viewModel;\r\n    const input = CustomElement.for<{ value: string; foundation?: { setValue(value: string): void } }>(this.element)?.viewModel;\r\n    if (inputmask && input) {\r\n      input.value = inputmask.input.value;\r\n      input.foundation?.setValue(inputmask.input.value);\r\n    }\r\n  }\r\n}\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMask {\r\n  compiling(template: HTMLTemplateElement) {\r\n    if (!template.content) {\r\n      return;\r\n    }\r\n    const inputs = template.content.querySelectorAll('[inputmask]');\r\n    for (const i of Array.from(inputs)) {\r\n      i.setAttribute('mdc-inputmask', '');\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"mdc-inputmask.js","sourceRoot":"","sources":["../../src/text-field/mdc-inputmask.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEzG,6EAA6E;IAGhE,2BAA2B;4BAFvC,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,eAAe,CAAC;;;;;;;;YACjC,6KA0BC;;;YA1BY,uDAA2B;;QAClB,OAAO;QAA3B,YAAoB,OAAgB;YAAhB,YAAO,GAAP,OAAO,CAAS;QAAI,CAAC;QAEzC,QAAQ;YACN,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;YACxD,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAC7D,CAAC;QAED,WAAW,CAAC,CAAQ;YAClB,IAAI,CAAC,CAAC,IAAI,KAAK,kBAAkB,EAAE,CAAC;gBAClC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAChC,CAAC;QACH,CAAC;QAED,sBAAsB;YACpB,MAAM,SAAS,GAAG,eAAe,CAAC,GAAG,CAA8B,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC;YACzG,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,CAAoE,IAAI,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;YAC5H,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;gBACvB,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;gBACpC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACpD,CAAC;QACH,CAAC;;;;SAzBU,2BAA2B;IA6B3B,WAAW;4BADvB,qBAAqB;;;;;;;;YACtB,6KAUC;;;YAVY,uDAAW;;QACtB,SAAS,CAAC,QAA6B;YACrC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACtB,OAAO;YACT,CAAC;YACD,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;YAChE,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;gBACnC,CAAC,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;YACtC,CAAC;QACH,CAAC;;;;SATU,WAAW","sourcesContent":["import { CustomAttribute, CustomElement, customAttribute, inject, templateCompilerHooks } from 'aurelia';\r\n\r\n// mdc-text-field needs to know when inputmask updates internal input element\r\n@inject(Element)\r\n@customAttribute('mdc-inputmask')\r\nexport class MdcInputmaskCustomAttribute {\r\n  constructor(private element: Element) { }\r\n\r\n  attached() {\r\n    this.element.addEventListener('inputmask-change', this);\r\n    this.inputmaskChangeHandler();\r\n  }\r\n\r\n  detached() {\r\n    this.element.removeEventListener('inputmask-change', this);\r\n  }\r\n\r\n  handleEvent(e: Event) {\r\n    if (e.type === 'inputmask-change') {\r\n      this.inputmaskChangeHandler();\r\n    }\r\n  }\r\n\r\n  inputmaskChangeHandler() {\r\n    const inputmask = CustomAttribute.for<{ input: HTMLInputElement }>(this.element, 'inputmask')?.viewModel;\r\n    const input = CustomElement.for<{ value: string; foundation?: { setValue(value: string): void } }>(this.element)?.viewModel;\r\n    if (inputmask && input) {\r\n      input.value = inputmask.input.value;\r\n      input.foundation?.setValue(inputmask.input.value);\r\n    }\r\n  }\r\n}\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMask {\r\n  compiling(template: HTMLTemplateElement) {\r\n    if (!template.content) {\r\n      return;\r\n    }\r\n    const inputs = template.content.querySelectorAll('[inputmask]');\r\n    for (const i of Array.from(inputs)) {\r\n      i.setAttribute('mdc-inputmask', '');\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/text-field/mdc-text-field-character-counter.js

@@ -1,24 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcTextFieldCharacterCounter = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
-const textfield_1 = require("@material/textfield");
-const base_1 = require("../base");
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customElement } from 'aurelia';
+import { MDCTextFieldCharacterCounterFoundation, characterCountCssClasses } from '@material/textfield';
+import { MdcComponent } from '../base';
 let MdcTextFieldCharacterCounter = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-text-field-character-counter', template: `<template class="${textfield_1.characterCountCssClasses.ROOT}"></template>` })];
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-text-field-character-counter', template: `<template class="${characterCountCssClasses.ROOT}"></template>` })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     var MdcTextFieldCharacterCounter = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcTextFieldCharacterCounter = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         // Provided for access by MDCTextField component
         get foundationForTextField() {
@@ -32,10 +29,10 @@ let MdcTextFieldCharacterCounter = (() => {
                     this.root.textContent = content;
                 },
             };
-            return new textfield_1.MDCTextFieldCharacterCounterFoundation(adapter);
+            return new MDCTextFieldCharacterCounterFoundation(adapter);
         }
     };
     return MdcTextFieldCharacterCounter = _classThis;
 })();
-exports.MdcTextFieldCharacterCounter = MdcTextFieldCharacterCounter;
+export { MdcTextFieldCharacterCounter };
 //# sourceMappingURL=mdc-text-field-character-counter.js.map

package/dist/text-field/mdc-text-field-character-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-text-field-character-counter.js","sourceRoot":"","sources":["../../src/text-field/mdc-text-field-character-counter.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;AAChD,mDAA4I;AAC5I,kCAAuC;IAI1B,4BAA4B;4BAFxC,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,kCAAkC,EAAE,QAAQ,EAAE,oBAAoB,oCAAwB,CAAC,IAAI,eAAe,EAAE,CAAC;;;;sBACtF,mBAAY;4CAApB,SAAQ,WAAoD;;;;YAAtG,qLAgBC;;;YAhBY,+DAA4B;;QACvC,gDAAgD;QAChD,IAAI,sBAAsB;YACxB,OAAO,IAAI,CAAC,UAAW,CAAC;QAC1B,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAwC;gBACnD,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;oBACtB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAClC,CAAC;aACF,CAAC;YACF,OAAO,IAAI,kDAAsC,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC;;;;AAfU,oEAA4B","sourcesContent":["import { inject, customElement } from 'aurelia';\r\nimport { MDCTextFieldCharacterCounterFoundation, MDCTextFieldCharacterCounterAdapter, characterCountCssClasses } from '@material/textfield';\r\nimport { MdcComponent } from '../base';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-text-field-character-counter', template: `<template class=\"${characterCountCssClasses.ROOT}\"></template>` })\r\nexport class MdcTextFieldCharacterCounter extends MdcComponent<MDCTextFieldCharacterCounterFoundation> {\r\n  // Provided for access by MDCTextField component\r\n  get foundationForTextField(): MDCTextFieldCharacterCounterFoundation {\r\n    return this.foundation!;\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCTextFieldCharacterCounterAdapter = {\r\n      setContent: (content) => {\r\n        this.root.textContent = content;\r\n      },\r\n    };\r\n    return new MDCTextFieldCharacterCounterFoundation(adapter);\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcTextFieldCharacterCounterElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcTextFieldCharacterCounter;\r\n    };\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"mdc-text-field-character-counter.js","sourceRoot":"","sources":["../../src/text-field/mdc-text-field-character-counter.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,sCAAsC,EAAuC,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC5I,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;IAI1B,4BAA4B;4BAFxC,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,kCAAkC,EAAE,QAAQ,EAAE,oBAAoB,wBAAwB,CAAC,IAAI,eAAe,EAAE,CAAC;;;;sBACtF,YAAY;4CAApB,SAAQ,WAAoD;;;;YAAtG,6KAgBC;;;YAhBY,uDAA4B;;QACvC,gDAAgD;QAChD,IAAI,sBAAsB;YACxB,OAAO,IAAI,CAAC,UAAW,CAAC;QAC1B,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAwC;gBACnD,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;oBACtB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAClC,CAAC;aACF,CAAC;YACF,OAAO,IAAI,sCAAsC,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC;;;;SAfU,4BAA4B","sourcesContent":["import { inject, customElement } from 'aurelia';\r\nimport { MDCTextFieldCharacterCounterFoundation, MDCTextFieldCharacterCounterAdapter, characterCountCssClasses } from '@material/textfield';\r\nimport { MdcComponent } from '../base';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-text-field-character-counter', template: `<template class=\"${characterCountCssClasses.ROOT}\"></template>` })\r\nexport class MdcTextFieldCharacterCounter extends MdcComponent<MDCTextFieldCharacterCounterFoundation> {\r\n  // Provided for access by MDCTextField component\r\n  get foundationForTextField(): MDCTextFieldCharacterCounterFoundation {\r\n    return this.foundation!;\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCTextFieldCharacterCounterAdapter = {\r\n      setContent: (content) => {\r\n        this.root.textContent = content;\r\n      },\r\n    };\r\n    return new MDCTextFieldCharacterCounterFoundation(adapter);\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcTextFieldCharacterCounterElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcTextFieldCharacterCounter;\r\n    };\r\n  };\r\n}\r\n"]}