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

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

@@ -0,0 +1,44 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, bindable } from 'aurelia';
+import { booleanAttr } from '../../base';
+import template from './mdc-icon-button-icon.html?raw';
+/**
+ * Optional. Used as a toggle icon button element.
+ * @selector mdc-icon-button-icon
+ */
+let MdcIconButtonIcon = (() => {
+    let _classDecorators = [customElement({ name: 'mdc-icon-button-icon', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _on_decorators;
+    let _on_initializers = [];
+    let _on_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    var MdcIconButtonIcon = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _on_decorators = [bindable({ set: booleanAttr })];
+            _icon_decorators = [bindable()];
+            __esDecorate(null, null, _on_decorators, { kind: "field", name: "on", static: false, private: false, access: { has: obj => "on" in obj, get: obj => obj.on, set: (obj, value) => { obj.on = value; } }, metadata: _metadata }, _on_initializers, _on_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, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcIconButtonIcon = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** Indicates an "on" toggle element */
+        on = __runInitializers(this, _on_initializers, void 0);
+        /** Optional. Set a Material icon. */
+        icon = (__runInitializers(this, _on_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        constructor() {
+            __runInitializers(this, _icon_extraInitializers);
+        }
+    };
+    return MdcIconButtonIcon = _classThis;
+})();
+export { MdcIconButtonIcon };
+//# sourceMappingURL=mdc-icon-button-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-icon-button-icon.js","sourceRoot":"","sources":["../../../src/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD;;;GAGG;IAEU,iBAAiB;4BAD7B,aAAa,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;8BAGvD,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;gCAI9B,QAAQ,EAAE;YAHX,wJAAA,EAAE,6BAAF,EAAE,+EAAU;YAIZ,8JAAA,IAAI,6BAAJ,IAAI,mFAAS;YAPf,6KAQC;;;YARY,uDAAiB;;QAC5B,uCAAuC;QAEvC,EAAE,qDAAU;QAEZ,qCAAqC;QAErC,IAAI,yGAAS;;;;;;;SAPF,iBAAiB","sourcesContent":["import { customElement, bindable } from 'aurelia';\nimport { booleanAttr } from '../../base';\nimport template from './mdc-icon-button-icon.html?raw';\n\n/**\n * Optional. Used as a toggle icon button element.\n * @selector mdc-icon-button-icon\n */\n@customElement({ name: 'mdc-icon-button-icon', template })\nexport class MdcIconButtonIcon {\n  /** Indicates an \"on\" toggle element */\n  @bindable({ set: booleanAttr })\n  on: boolean;\n\n  /** Optional. Set a Material icon. */\n  @bindable()\n  icon: string;\n}\n\n/** @hidden */\nexport interface IMdcIconButtonIconElement extends HTMLElement {\n  checked: boolean;\n  indeterminate: boolean;\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcIconButtonIcon;\n    };\n  };\n}\n"]}

package/dist/icon-button/mdc-icon-button.html

@@ -0,0 +1,11 @@
+<template class="
+    mdc-icon-button mdc-icon-button--display-flex
+    ${on ? 'mdc-icon-button--on' : ''}
+    ${icon ? 'material-icons' : ''}
+    ${touch ? 'mdc-icon-button--touch' : ''}
+  " mdc-ripple="no-class.bind: true; unbounded.bind: true" click.trigger="handleClick()">
+  <div class="mdc-icon-button__ripple"></div>
+  <au-slot></au-slot>
+  <span if.bind="icon">${icon}</span>
+  <div class="mdc-icon-button__touch" if.bind="touch"></div>
+</template>

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

@@ -0,0 +1,99 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, inject, BindingMode, bindable } from 'aurelia';
+import { MDCIconButtonToggleFoundation, strings } from '@material/icon-button';
+import { MdcComponent, booleanAttr } from '../base';
+import template from './mdc-icon-button.html?raw';
+/**
+ * @selector button[mdc-icon-button]
+ * @selector a[mdc-icon-button]
+ * @selector mdc-icon-button
+ */
+let MdcIconButton = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-icon-button', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _on_decorators;
+    let _on_initializers = [];
+    let _on_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _href_decorators;
+    let _href_initializers = [];
+    let _href_extraInitializers = [];
+    let _touch_decorators;
+    let _touch_initializers = [];
+    let _touch_extraInitializers = [];
+    var MdcIconButton = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _on_decorators = [bindable({ set: booleanAttr, mode: BindingMode.twoWay })];
+            _icon_decorators = [bindable()];
+            _href_decorators = [bindable()];
+            _touch_decorators = [bindable({ set: booleanAttr, mode: BindingMode.twoWay })];
+            __esDecorate(null, null, _on_decorators, { kind: "field", name: "on", static: false, private: false, access: { has: obj => "on" in obj, get: obj => obj.on, set: (obj, value) => { obj.on = value; } }, metadata: _metadata }, _on_initializers, _on_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, _href_decorators, { kind: "field", name: "href", static: false, private: false, access: { has: obj => "href" in obj, get: obj => obj.href, set: (obj, value) => { obj.href = value; } }, metadata: _metadata }, _href_initializers, _href_extraInitializers);
+            __esDecorate(null, null, _touch_decorators, { kind: "field", name: "touch", static: false, private: false, access: { has: obj => "touch" in obj, get: obj => obj.touch, set: (obj, value) => { obj.touch = value; } }, metadata: _metadata }, _touch_initializers, _touch_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcIconButton = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** Sets the toggle state to the provided value */
+        on = __runInitializers(this, _on_initializers, void 0);
+        /** Optional. Set a Material icon as a non-toggle icon. */
+        icon = (__runInitializers(this, _on_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        // this is necessary for the route-href to work
+        href = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _href_initializers, void 0));
+        hrefChanged() {
+            if (this.href) {
+                this.root.setAttribute('href', this.href);
+            }
+            else {
+                this.root.removeAttribute('href');
+            }
+        }
+        /**
+         * Set the component touch target to 48 x 48 px
+         */
+        touch = (__runInitializers(this, _href_extraInitializers), __runInitializers(this, _touch_initializers, void 0));
+        attached() {
+            this.hrefChanged();
+            if (this.root.querySelector('mdc-icon-button-icon')) {
+                this.foundation = this.getDefaultFoundation();
+                this.foundation.init();
+            }
+        }
+        handleClick() {
+            this.foundation?.handleClick();
+            return true;
+        }
+        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),
+                hasClass: (className) => this.root.classList.contains(className),
+                notifyChange: (evtData) => {
+                    this.emit(strings.CHANGE_EVENT, evtData);
+                    this.on = evtData.isOn;
+                },
+                removeClass: (className) => this.root.classList.remove(className),
+                getAttr: (attrName) => this.root.getAttribute(attrName),
+                setAttr: (attrName, attrValue) => this.root.setAttribute(attrName, attrValue),
+            };
+            return new MDCIconButtonToggleFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _touch_extraInitializers);
+        }
+    };
+    return MdcIconButton = _classThis;
+})();
+export { MdcIconButton };
+//# sourceMappingURL=mdc-icon-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-icon-button.js","sourceRoot":"","sources":["../../src/icon-button/mdc-icon-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, inject, BindingMode, bindable } from 'aurelia';\nimport { MDCIconButtonToggleFoundation, MDCIconButtonToggleAdapter, MDCIconButtonToggleEventDetail, strings } from '@material/icon-button';\nimport { MdcComponent, booleanAttr } from '../base';\nimport template from './mdc-icon-button.html?raw';\n\n/**\n * @selector button[mdc-icon-button]\n * @selector a[mdc-icon-button]\n * @selector mdc-icon-button\n */\n@inject(Element)\n@customElement({ name: 'mdc-icon-button', template })\nexport class MdcIconButton extends MdcComponent<MDCIconButtonToggleFoundation> {\n  /** Sets the toggle state to the provided value */\n  @bindable({ set: booleanAttr, mode: BindingMode.twoWay })\n  on: boolean;\n\n  /** Optional. Set a Material icon as a non-toggle icon. */\n  @bindable()\n  icon: string;\n\n  // this is necessary for the route-href to work\n  @bindable()\n  href: string;\n  hrefChanged() {\n    if (this.href) {\n      this.root.setAttribute('href', this.href);\n    } else {\n      this.root.removeAttribute('href');\n    }\n  }\n\n  /**\n   * Set the component touch target to 48 x 48 px\n   */\n  @bindable({ set: booleanAttr, mode: BindingMode.twoWay })\n  touch: boolean;\n\n  attached() {\n    this.hrefChanged();\n    if (this.root.querySelector('mdc-icon-button-icon')) {\n      this.foundation = this.getDefaultFoundation();\n      this.foundation.init();\n    }\n  }\n\n  handleClick() {\n    this.foundation?.handleClick();\n    return true;\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: MDCIconButtonToggleAdapter = {\n      addClass: (className) => this.root.classList.add(className),\n      hasClass: (className) => this.root.classList.contains(className),\n      notifyChange: (evtData) => {\n        this.emit<MDCIconButtonToggleEventDetail>(strings.CHANGE_EVENT, evtData);\n        this.on = evtData.isOn;\n      },\n      removeClass: (className) => this.root.classList.remove(className),\n      getAttr: (attrName) => this.root.getAttribute(attrName),\n      setAttr: (attrName, attrValue) => this.root.setAttribute(attrName, attrValue),\n    };\n    return new MDCIconButtonToggleFoundation(adapter);\n  }\n\n}\n"]}

package/dist/image-list/mdc-image-list-item/mdc-image-list-item.html

@@ -0,0 +1,9 @@
+<template class="mdc-image-list__item">
+  <div class="mdc-image-list__image-aspect-container" if.bind="hasAspect">
+    <img class="mdc-image-list__image" src.bind="src">
+  </div>
+  <img class="mdc-image-list__image" src.bind="src" if.bind="!hasAspect">
+  <div class="mdc-image-list__supporting" if.bind="label">
+    <span class="mdc-image-list__label">${label}</span>
+  </div>
+</template>

package/dist/image-list/mdc-image-list-item/mdc-image-list-item.js

@@ -0,0 +1,58 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, inject, bindable } from 'aurelia';
+import { number } from '../../base';
+import template from './mdc-image-list-item.html?raw';
+/**
+ * Mandatory. Indicates each item in an Image List.
+ * @selector mdc-image-list-item
+ */
+let MdcImageListItem = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-image-list-item', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _src_decorators;
+    let _src_initializers = [];
+    let _src_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _aspect_decorators;
+    let _aspect_initializers = [];
+    let _aspect_extraInitializers = [];
+    var MdcImageListItem = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _src_decorators = [bindable()];
+            _label_decorators = [bindable()];
+            _aspect_decorators = [bindable({ set: number })];
+            __esDecorate(null, null, _src_decorators, { kind: "field", name: "src", static: false, private: false, access: { has: obj => "src" in obj, get: obj => obj.src, set: (obj, value) => { obj.src = value; } }, metadata: _metadata }, _src_initializers, _src_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, _aspect_decorators, { kind: "field", name: "aspect", static: false, private: false, access: { has: obj => "aspect" in obj, get: obj => obj.aspect, set: (obj, value) => { obj.aspect = value; } }, metadata: _metadata }, _aspect_initializers, _aspect_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcImageListItem = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            __runInitializers(this, _aspect_extraInitializers);
+            this.root = root;
+        }
+        /** Image url */
+        src = __runInitializers(this, _src_initializers, void 0);
+        /** Image label */
+        label = (__runInitializers(this, _src_extraInitializers), __runInitializers(this, _label_initializers, void 0));
+        hasAspect = __runInitializers(this, _label_extraInitializers);
+        /** Sets image aspect ratio */
+        aspect = __runInitializers(this, _aspect_initializers, void 0);
+        aspectChanged() {
+            this.hasAspect = !isNaN(this.aspect);
+            this.root.style.setProperty('--mdc-image-list-item-aspect', isNaN(this.aspect) ? '1' : `${this.aspect}`);
+        }
+    };
+    return MdcImageListItem = _classThis;
+})();
+export { MdcImageListItem };
+//# sourceMappingURL=mdc-image-list-item.js.map

package/dist/image-list/mdc-image-list-item/mdc-image-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-image-list-item.js","sourceRoot":"","sources":["../../../src/image-list/mdc-image-list-item/mdc-image-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AAEtD;;;GAGG;IAGU,gBAAgB;4BAF5B,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;+BAKtD,QAAQ,EAAE;iCAIV,QAAQ,EAAE;kCAMV,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;YAT1B,2JAAA,GAAG,6BAAH,GAAG,iFAAS;YAIZ,iKAAA,KAAK,6BAAL,KAAK,qFAAS;YAMd,oKAAA,MAAM,6BAAN,MAAM,uFAAS;YAfjB,6KAoBC;;;YApBY,uDAAgB;;QACP,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAE1C,gBAAgB;QAEhB,GAAG,sDAAS;QAEZ,kBAAkB;QAElB,KAAK,2GAAS;QAEd,SAAS,qDAAU;QAEnB,8BAA8B;QAE9B,MAAM,yDAAS;QACf,aAAa;YACX,IAAI,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACrC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC3G,CAAC;;;;SAnBU,gBAAgB","sourcesContent":["import { customElement, inject, bindable } from 'aurelia';\nimport { number } from '../../base';\nimport template from './mdc-image-list-item.html?raw';\n\n/**\n * Mandatory. Indicates each item in an Image List.\n * @selector mdc-image-list-item\n */\n@inject(Element)\n@customElement({ name: 'mdc-image-list-item', template })\nexport class MdcImageListItem {\n  constructor(private root: HTMLElement) { }\n\n  /** Image url */\n  @bindable()\n  src: string;\n\n  /** Image label */\n  @bindable()\n  label: string;\n\n  hasAspect: boolean;\n\n  /** Sets image aspect ratio */\n  @bindable({ set: number })\n  aspect: number;\n  aspectChanged() {\n    this.hasAspect = !isNaN(this.aspect);\n    this.root.style.setProperty('--mdc-image-list-item-aspect', isNaN(this.aspect) ? '1' : `${this.aspect}`);\n  }\n}\n"]}

package/dist/image-list/mdc-image-list.html

@@ -0,0 +1,7 @@
+<template class="mdc-image-list
+  ${masonry ? 'mdc-image-list--masonry' : ''}
+  ${textProtection ? 'mdc-image-list--with-text-protection' : ''}
+  ${columns ? 'mdc-image-list--columns-set' : ''}">
+  <style ref="style"></style>
+  <au-slot></au-slot>
+</template>

package/dist/image-list/mdc-image-list.js

@@ -0,0 +1,91 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, bindable, inject } from 'aurelia';
+import { booleanAttr } from '../base';
+import template from './mdc-image-list.html?raw';
+let id = 0;
+/**
+ * @selector mdc-image-list
+ */
+let MdcImageList = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-image-list', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _masonry_decorators;
+    let _masonry_initializers = [];
+    let _masonry_extraInitializers = [];
+    let _textProtection_decorators;
+    let _textProtection_initializers = [];
+    let _textProtection_extraInitializers = [];
+    let _columns_decorators;
+    let _columns_initializers = [];
+    let _columns_extraInitializers = [];
+    var MdcImageList = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _masonry_decorators = [bindable({ set: booleanAttr })];
+            _textProtection_decorators = [bindable({ set: booleanAttr })];
+            _columns_decorators = [bindable()];
+            __esDecorate(null, null, _masonry_decorators, { kind: "field", name: "masonry", static: false, private: false, access: { has: obj => "masonry" in obj, get: obj => obj.masonry, set: (obj, value) => { obj.masonry = value; } }, metadata: _metadata }, _masonry_initializers, _masonry_extraInitializers);
+            __esDecorate(null, null, _textProtection_decorators, { kind: "field", name: "textProtection", static: false, private: false, access: { has: obj => "textProtection" in obj, get: obj => obj.textProtection, set: (obj, value) => { obj.textProtection = value; } }, metadata: _metadata }, _textProtection_initializers, _textProtection_extraInitializers);
+            __esDecorate(null, null, _columns_decorators, { kind: "field", name: "columns", static: false, private: false, access: { has: obj => "columns" in obj, get: obj => obj.columns, set: (obj, value) => { obj.columns = value; } }, metadata: _metadata }, _columns_initializers, _columns_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcImageList = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            __runInitializers(this, _columns_extraInitializers);
+            this.root = root;
+            this.root.setAttribute('id', this.id);
+        }
+        style;
+        id = `mdc-image-list-${++id}`;
+        /** Indicates that this Image List should use the Masonry variant */
+        masonry = __runInitializers(this, _masonry_initializers, void 0);
+        /** Indicates that supporting content should be positioned in a scrim overlaying each image (instead of positioned separately under each image) */
+        textProtection = (__runInitializers(this, _masonry_extraInitializers), __runInitializers(this, _textProtection_initializers, void 0));
+        /** Number of columns in the list */
+        columns = (__runInitializers(this, _textProtection_extraInitializers), __runInitializers(this, _columns_initializers, void 0));
+        columnsChanged() {
+            if (!this.columns) {
+                return;
+            }
+            const columns = typeof this.columns === 'string' ? [{ count: parseInt(this.columns) }] : this.columns;
+            if (this.masonry) {
+                this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {
+                    p += `${c.media ? `@media (${c.media}) {` : ''}
+  #${this.id} {
+    column-count: ${c.count};
+    column-gap: ${c.gutterSize ?? 4}px;
+  }
+
+  #${this.id} .mdc-image-list__item {
+    margin-bottom: ${c.gutterSize ?? 4}px;
+  }
+${c.media ? '}' : ''}`;
+                    return p;
+                }, '');
+            }
+            else {
+                this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {
+                    p += `${c.media ? `@media (${c.media}) {` : ''}
+  #${this.id} .mdc-image-list__item {
+    width: calc(100% / ${c.count} - ${(c.gutterSize ?? 4) + 1 / c.count}px);
+    margin: ${c.gutterSize ?? 4 / 2}px;
+  }
+${c.media ? '}' : ''}`;
+                    return p;
+                }, '');
+            }
+        }
+        bound() {
+            this.columnsChanged();
+        }
+    };
+    return MdcImageList = _classThis;
+})();
+export { MdcImageList };
+//# sourceMappingURL=mdc-image-list.js.map

package/dist/image-list/mdc-image-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-image-list.js","sourceRoot":"","sources":["../../src/image-list/mdc-image-list.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, bindable, inject } from 'aurelia';\nimport { booleanAttr } from '../base';\nimport template from './mdc-image-list.html?raw';\n\nexport interface IColumnsOptions {\n  media: string;\n  count: number;\n  gutterSize: number;\n}\n\nlet id = 0;\n\n/**\n * @selector mdc-image-list\n */\n@inject(Element)\n@customElement({ name: 'mdc-image-list', template })\nexport class MdcImageList {\n  constructor(private root: HTMLElement) {\n    this.root.setAttribute('id', this.id);\n  }\n\n  style: HTMLStyleElement;\n\n  id = `mdc-image-list-${++id}`;\n\n  /** Indicates that this Image List should use the Masonry variant */\n  @bindable({ set: booleanAttr })\n  masonry: boolean;\n\n  /** Indicates that supporting content should be positioned in a scrim overlaying each image (instead of positioned separately under each image) */\n  @bindable({ set: booleanAttr })\n  textProtection: boolean;\n\n  /** Number of columns in the list */\n  @bindable()\n  columns: string | Partial<IColumnsOptions>[];\n  columnsChanged() {\n    if (!this.columns) {\n      return;\n    }\n    const columns = typeof this.columns === 'string' ? [{ count: parseInt(this.columns) }] : this.columns;\n    if (this.masonry) {\n      this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {\n        p += `${c.media ? `@media (${c.media}) {` : ''}\n  #${this.id} {\n    column-count: ${c.count};\n    column-gap: ${c.gutterSize ?? 4}px;\n  }\n\n  #${this.id} .mdc-image-list__item {\n    margin-bottom: ${c.gutterSize ?? 4}px;\n  }\n${c.media ? '}' : ''}`;\n        return p;\n      }, '');\n    } else {\n      this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {\n        p += `${c.media ? `@media (${c.media}) {` : ''}\n  #${this.id} .mdc-image-list__item {\n    width: calc(100% / ${c.count} - ${(c.gutterSize ?? 4) + 1 / c.count!}px);\n    margin: ${c.gutterSize ?? 4 / 2}px;\n  }\n${c.media ? '}' : ''}`;\n        return p;\n      }, '');\n    }\n  }\n\n  bound() {\n    this.columnsChanged();\n  }\n}\n"]}

package/dist/index.js

@@ -1,43 +1,129 @@
-import { BannerConfiguration } from '@aurelia-mdc-web/banner';
-import { ButtonConfiguration } from '@aurelia-mdc-web/button';
-import { CardConfiguration } from '@aurelia-mdc-web/card';
-import { CheckboxConfiguration } from '@aurelia-mdc-web/checkbox';
-import { ChipsConfiguration } from '@aurelia-mdc-web/chips';
-import { CircularProgressConfiguration } from '@aurelia-mdc-web/circular-progress';
-import { DataTableConfiguration } from '@aurelia-mdc-web/data-table';
-import { DialogConfiguration } from '@aurelia-mdc-web/dialog';
-import { DrawerConfiguration } from '@aurelia-mdc-web/drawer';
-import { FloatingLabelConfiguration } from '@aurelia-mdc-web/floating-label';
-import { FormFieldConfiguration } from '@aurelia-mdc-web/form-field';
-import { IconConfiguration } from '@aurelia-mdc-web/icon';
-import { IconButtonConfiguration } from '@aurelia-mdc-web/icon-button';
-import { LineRippleConfiguration } from '@aurelia-mdc-web/line-ripple';
-import { ListConfiguration } from '@aurelia-mdc-web/list';
-import { LookupConfiguration } from '@aurelia-mdc-web/lookup';
-import { NotchedOutlineConfiguration } from '@aurelia-mdc-web/notched-outline';
-import { RadioConfiguration } from '@aurelia-mdc-web/radio';
-import { RippleConfiguration } from '@aurelia-mdc-web/ripple';
-import { SegmentedButtonConfiguration } from '@aurelia-mdc-web/segmented-button';
-import { SelectConfiguration } from '@aurelia-mdc-web/select';
-import { SnackbarConfiguration } from '@aurelia-mdc-web/snackbar';
-import { TabBarConfiguration } from '@aurelia-mdc-web/tab-bar';
-import { TextFieldConfiguration } from '@aurelia-mdc-web/text-field';
-import { TopAppBarConfiguration } from '@aurelia-mdc-web/top-app-bar';
-import { TypographyConfiguration } from '@aurelia-mdc-web/typography';
-import { MenuConfiguration } from '@aurelia-mdc-web/menu';
-import { MenuSurfaceConfiguration } from '@aurelia-mdc-web/menu-surface';
-import { ExpandableConfiguration } from '@aurelia-mdc-web/expandable';
-import { ElevationConfiguration } from '@aurelia-mdc-web/elevation';
-import { FabConfiguration } from '@aurelia-mdc-web/fab';
-import { ImageListConfiguration } from '@aurelia-mdc-web/image-list';
-import { LayoutGridConfiguration } from '@aurelia-mdc-web/layout-grid';
-import { LinearProgressConfiguration } from '@aurelia-mdc-web/linear-progress';
-import { SliderConfiguration } from '@aurelia-mdc-web/slider';
-import { SwitchConfiguration } from '@aurelia-mdc-web/switch';
-import { TooltipConfiguration } from '@aurelia-mdc-web/tooltip';
-import { BaseConfiguration } from '@aurelia-mdc-web/base';
-import { TreeViewConfiguration } from '@aurelia-mdc-web/tree-view';
-let registered = false;
+import { IContainer } from '@aurelia/kernel';
+import { AppTask, IAttrMapper, NodeObserverLocator } from 'aurelia';
+import { CheckedObserver } from '@aurelia/runtime-html';
+import { MdcConfiguration } from './mdc-configuration';
+import { strings } from '@material/select';
+import { events as segmentedButtonEvents } from '@material/segmented-button/segmented-button/constants';
+import { MdcSelectValueObserver } from './select/mdc-select-value-observer';
+import { events as sliderEvents } from '@material/slider';
+import { MdcFocusTrap } from './base';
+import { MdcPromisifyReference } from './base/elements/mdc-promisify-reference';
+import { EnhanceMdcButton } from './button/enhance-mdc-button';
+import { MdcCardActionButtons } from './card/mdc-card-action-buttons';
+import { MdcCardActionIcons } from './card/mdc-card-action-icons';
+import { MdcCardActions } from './card/mdc-card-actions/mdc-card-actions';
+import { MdcCardMedia } from './card/mdc-card-media/mdc-card-media';
+import { MdcCardPrimaryAction } from './card/mdc-card-primary-action';
+import { EnhanceMdcChipAction } from './chips/mdc-chip-action/enhance-mdc-chip-action';
+import { MdcDataTableRow } from './data-table/mdc-data-table-row';
+import { MdcDialogActions } from './dialog/mdc-dialog-actions';
+import { MdcDialogContent } from './dialog/mdc-dialog-content';
+import { MdcDialogTitle } from './dialog/mdc-dialog-title';
+import { EnhanceMdcFab } from './fab/enhance-mdc-fab';
+import { MdcFabIcon } from './fab/mdc-fab-icon';
+import { EnhanceMdcIconButton } from './icon-button/enhance-mdc-icon-button';
+import { MdcImageListItem } from './image-list/mdc-image-list-item/mdc-image-list-item';
+import { MdcLayoutGridCell } from './layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell';
+import { MdcLayoutGridInner } from './layout-grid/mdc-layout-grid-inner';
+import { EnhanceMdcDeprecatedListItem } from './list/mdc-deprecated-list/mdc-deprecated-list-item/enhance-mdc-deprecated-list-item';
+import { EnhanceMdcListItem } from './list/mdc-list-item/enhance-mdc-list-item';
+import { MdcMenuSurfaceAnchor } from './menu-surface/mdc-menu-surface-anchor';
+import { MdcMenuSelectionGroup } from './menu/mdc-menu-selection-group';
+import { MdcMenuSelectionGroupIcon } from './menu/mdc-menu-selection-group-icon';
+import { EnhanceMdcSegmentedButtonSegment } from './segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment';
+import { MdcSelectHelperText } from './select/mdc-select-helper-text/mdc-select-helper-text';
+import { MdcSelectIcon } from './select/mdc-select-icon';
+import { EnhanceMdcSwitch } from './switch/enhance-mdc-switch';
+import { EnhanceMdcTextfield } from './text-field/enhance-mdc-text-field';
+import { MdcTextFieldCharacterCounter } from './text-field/mdc-text-field-character-counter';
+import { MdcTextFieldHelperLine } from './text-field/mdc-text-field-helper-line/mdc-text-field-helper-line';
+import { MdcTextFieldHelperText } from './text-field/mdc-text-field-helper-text/mdc-text-field-helper-text';
+import { MdcTextFieldIcon } from './text-field/mdc-text-field-icon';
+import { EnhanceTopAppBarActions } from './top-app-bar/enhance-top-app-bar-actions';
+import { NodeFilterValueConverter } from './tree-view/node-filter';
+import { MdcDeprecatedListItem } from './list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item';
+import { MdcRipple } from './ripple/mdc-ripple';
+import { MdcSnackbar } from './snackbar/mdc-snackbar';
+import { MdcSnackbarService } from './snackbar/mdc-snackbar-service';
+import { MdcSwitch } from './switch/mdc-switch';
+import { MdcTextField } from './text-field/mdc-text-field';
+import { MdcTooltip } from './tooltip/mdc-tooltip';
+import { MdcTooltipAttribute } from './tooltip/mdc-tooltip-attribute';
+import { MdcTopAppBar } from './top-app-bar/mdc-top-app-bar';
+import { MdcTopAppBarActionItem } from './top-app-bar/mdc-top-app-bar-action-item';
+import { MdcTopAppBarFixedAdjust } from './top-app-bar/mdc-top-app-bar-fixed-adjust';
+import { MdcTopAppBarNavIcon } from './top-app-bar/mdc-top-app-bar-nav-icon';
+import { MdcTopAppBarRow } from './top-app-bar/mdc-top-app-bar-row';
+import { MdcTopAppBarSection } from './top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section';
+import { MdcTopAppBarTitle } from './top-app-bar/mdc-top-app-bar-title';
+import { MdcTreeNode } from './tree-view/mdc-tree-node';
+import { MdcTreeViewNodeMeta } from './tree-view/mdc-tree-node-meta';
+import { MdcTreeView } from './tree-view/mdc-tree-view';
+import { MdcBody1, MdcBody2, MdcCaption, MdcHeadline1, MdcHeadline2, MdcHeadline3, MdcHeadline4, MdcHeadline5, MdcHeadline6, MdcOveline, MdcSubtitle1, MdcSubtitle2, MdcTypographyButton } from './typography/mdc-typography';
+import { MdcValidationControllerFactory } from './validation/mdc-validation-controller-factory';
+import { MdcBanner } from './banner/mdc-banner';
+import { MdcButton } from './button/mdc-button';
+import { MdcButtonLabel } from './button/mdc-button-label';
+import { MdcCard } from './card/mdc-card';
+import { MdcChipAction } from './chips/mdc-chip-action/mdc-chip-action';
+import { MdcChipSet } from './chips/mdc-chip-set/mdc-chip-set';
+import { MdcChip } from './chips/mdc-chip/mdc-chip';
+import { MdcCircularProgress } from './circular-progress/mdc-circular-progress';
+import { MdcDataTable } from './data-table/mdc-data-table';
+import { MdcDialog } from './dialog/mdc-dialog';
+import { MdcDialogService } from './dialog/mdc-dialog-service';
+import { MdcDrawer } from './drawer/mdc-drawer';
+import { MdcDrawerAppContent } from './drawer/mdc-drawer-app-content';
+import { MdcDrawerContent } from './drawer/mdc-drawer-content';
+import { MdcDrawerHeader } from './drawer/mdc-drawer-header/mdc-drawer-header';
+import { MdcElevation } from './elevation/mdc-elevation';
+import { MdcExpandable } from './expandable/mdc-expandable';
+import { MdcFab } from './fab/mdc-fab';
+import { MdcFormField } from './form-field/mdc-form-field';
+import { MdcIconButton } from './icon-button/mdc-icon-button';
+import { MdcIconButtonIcon } from './icon-button/mdc-icon-button-icon/mdc-icon-button-icon';
+import { MdcImageList } from './image-list/mdc-image-list';
+import { MdcLayoutGrid } from './layout-grid/mdc-layout-grid';
+import { MdcLinearProgress } from './linear-progress/mdc-linear-progress';
+import { MdcSlider } from './slider/mdc-slider';
+import { MdcTabIndicator } from './tab-bar/indicator/mdc-tab-indicator';
+import { MdcTabBar } from './tab-bar/mdc-tab-bar';
+import { MdcTabScroller } from './tab-bar/scroller/mdc-tab-scroller';
+import { MdcTab } from './tab-bar/tab/mdc-tab';
+import { MdcCheckbox } from './checkbox/mdc-checkbox';
+import { MdcFloatingLabel } from './floating-label/mdc-floating-label';
+import { MdcLineRipple } from './line-ripple/mdc-line-ripple';
+import { MdcDeprecatedList } from './list/mdc-deprecated-list/mdc-deprecated-list';
+import { MdcDeprecatedListDivider } from './list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider';
+import { MdcDeprecatedListGroup, MdcDeprecatedListGroupSubheader } from './list/mdc-deprecated-list/mdc-deprecated-list-group';
+import { MdcDeprecatedListItemPrimaryText } from './list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text';
+import { MdcDeprecatedListItemSecondaryText } from './list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text';
+import { MdcDeprecatedListItemGraphic } from './list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-graphic';
+import { MdcDeprecatedListItemMeta } from './list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-meta';
+import { MdcList } from './list/mdc-list';
+import { MdcListDivider } from './list/mdc-list-divider/mdc-list-divider';
+import { MdcListGroup, MdcListGroupSubheader } from './list/mdc-list-group';
+import { MdcListItemPrimaryText } from './list/mdc-list-item-primary-text';
+import { MdcListItemSecondaryText } from './list/mdc-list-item-secondary-text';
+import { MdcListItem } from './list/mdc-list-item/mdc-list-item';
+import { MdcListItemLeading } from './list/mdc-list-item/mdc-list-item-leading';
+import { MdcListItemTrailing } from './list/mdc-list-item/mdc-list-item-trailing';
+import { MdcLookup } from './lookup/mdc-lookup';
+import { MdcMenuSurface } from './menu-surface/mdc-menu-surface';
+import { MdcMenu } from './menu/mdc-menu';
+import { MdcNotchedOutline } from './notched-outline/mdc-notched-outline';
+import { MdcRadio } from './radio/mdc-radio';
+import { MdcSegmentedButton } from './segmented-button/mdc-segmented-button';
+import { MdcSegmentedButtonSegment } from './segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment';
+import { MdcSelect } from './select/mdc-select';
+import { MdcIcon } from './icon/mdc-icon';
+let registered = false; //
+export { MdcPromisifyReference, MdcFocusTrap, MdcButton, MdcButtonLabel, EnhanceMdcButton, MdcBanner, MdcCard, MdcCardActions, MdcCardMedia, MdcCardActionButtons, MdcCardPrimaryAction, MdcCardActionIcons, MdcCheckbox, MdcChip, MdcChipAction, EnhanceMdcChipAction, MdcChipSet, MdcCircularProgress, MdcDataTable, MdcDataTableRow, MdcDialog, MdcDialogActions, MdcDialogTitle, MdcDialogContent, MdcDrawer, MdcDrawerContent, MdcDrawerAppContent, MdcDrawerHeader, MdcElevation, MdcExpandable, MdcFab, MdcFabIcon, EnhanceMdcFab, MdcFloatingLabel, MdcFormField, MdcIconButton, MdcIconButtonIcon, EnhanceMdcIconButton, MdcImageList, MdcImageListItem, MdcLayoutGrid, MdcLayoutGridInner, MdcLayoutGridCell, MdcLineRipple, MdcLinearProgress, MdcList, MdcListDivider, MdcListGroup, MdcListGroupSubheader, MdcListItem, MdcListItemLeading, MdcListItemTrailing, MdcListItemPrimaryText, MdcListItemSecondaryText, EnhanceMdcListItem, MdcDeprecatedList, MdcDeprecatedListItem, EnhanceMdcDeprecatedListItem, MdcDeprecatedListItemPrimaryText, MdcDeprecatedListItemSecondaryText, MdcDeprecatedListItemGraphic, MdcDeprecatedListItemMeta, MdcDeprecatedListDivider, MdcDeprecatedListGroup, MdcDeprecatedListGroupSubheader, MdcLookup, MdcMenu, MdcMenuSelectionGroup, MdcMenuSelectionGroupIcon, MdcMenuSurface, MdcMenuSurfaceAnchor, MdcNotchedOutline, MdcRadio, MdcRipple, MdcSegmentedButton, MdcSegmentedButtonSegment, EnhanceMdcSegmentedButtonSegment, MdcSelect, MdcSelectIcon, MdcSelectHelperText, MdcSlider, MdcSnackbar, MdcSnackbarService, MdcSwitch, EnhanceMdcSwitch, MdcTabBar, MdcTab, MdcTabScroller, MdcTabIndicator, MdcTextField, MdcTextFieldIcon, MdcTextFieldHelperLine, MdcTextFieldHelperText, MdcTextFieldCharacterCounter, EnhanceMdcTextfield, MdcTooltip, MdcTooltipAttribute, MdcTopAppBar, MdcTopAppBarRow, MdcTopAppBarTitle, MdcTopAppBarSection, MdcTopAppBarFixedAdjust, MdcTopAppBarNavIcon, MdcTopAppBarActionItem, EnhanceTopAppBarActions, MdcTreeView, MdcTreeViewNodeMeta, MdcTreeNode, NodeFilterValueConverter, MdcBody1, MdcBody2, MdcCaption, MdcHeadline1, MdcHeadline2, MdcHeadline3, MdcHeadline4, MdcHeadline5, MdcHeadline6, MdcOveline, MdcSubtitle1, MdcSubtitle2, MdcTypographyButton, MdcIcon, MdcDialogService, MdcValidationControllerFactory };
+export { MdcComponent } from './base/mdc-component';
+export { MATERIAL_PALETTE } from './base/material-palette';
+export { boolean, booleanAttr, date, number, string } from './base/interceptors';
+export { nextElement } from './base/next-element';
+export { MdcValidationResultPresenter } from './validation/mdc-validation-result-presenter';
 export const AllConfiguration = {
     /**
      * Apply this configuration to the provided container.
@@ -46,11 +132,43 @@ export const AllConfiguration = {
         if (registered) {
             return container;
         }
-        else {
-            registered = true;
-            return container.register(BaseConfiguration, BannerConfiguration, ButtonConfiguration, CardConfiguration, CheckboxConfiguration, ChipsConfiguration, CircularProgressConfiguration, DataTableConfiguration, DialogConfiguration, DrawerConfiguration, ElevationConfiguration, ExpandableConfiguration, FabConfiguration, FloatingLabelConfiguration, FormFieldConfiguration, IconButtonConfiguration, IconConfiguration, ImageListConfiguration, LayoutGridConfiguration, LineRippleConfiguration, LinearProgressConfiguration, ListConfiguration, LookupConfiguration, MenuConfiguration, MenuSurfaceConfiguration, NotchedOutlineConfiguration, RadioConfiguration, RippleConfiguration, SegmentedButtonConfiguration, SelectConfiguration, SliderConfiguration, SnackbarConfiguration, SwitchConfiguration, TabBarConfiguration, TextFieldConfiguration, TooltipConfiguration, TopAppBarConfiguration, TreeViewConfiguration, TypographyConfiguration);
-        }
+        registered = true;
+        AppTask.creating(IContainer, c => {
+            const attrMapper = c.get(IAttrMapper);
+            const nodeObserverLocator = c.get(NodeObserverLocator);
+            attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-CHECKBOX' ? property === 'checked' : false);
+            nodeObserverLocator.useConfig('MDC-CHECKBOX', 'checked', { events: ['change'], type: CheckedObserver });
+            attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-CHIP' ? property === 'checked' : false);
+            nodeObserverLocator.useConfig('MDC-CHIP', 'checked', { events: ['change'], type: CheckedObserver });
+            attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-RADIO' ? property === 'checked' : false);
+            nodeObserverLocator.useConfig('MDC-RADIO', 'checked', { events: ['change'], type: CheckedObserver });
+            attrMapper.useTwoWay((el, property) => el.hasAttribute('mdc-segmented-button-segment-element') ? property === 'checked' : false);
+            nodeObserverLocator.useConfig('MDC-SEGMENTED-BUTTON-SEGMENT', 'checked', { events: [segmentedButtonEvents.SELECTED, 'unselected'], type: CheckedObserver });
+            attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-SELECT' ? property === 'value' : false);
+            nodeObserverLocator.useConfig('MDC-SELECT', 'value', { events: [strings.CHANGE_EVENT], type: MdcSelectValueObserver });
+            attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-SLIDER' ? property === 'value' || property === 'valuestart' : false);
+            nodeObserverLocator.useConfig({
+                'MDC-SLIDER': {
+                    value: { events: [sliderEvents.CHANGE, sliderEvents.INPUT] },
+                    valuestart: { events: [sliderEvents.CHANGE, sliderEvents.INPUT] }
+                }
+            });
+            attrMapper.useTwoWay((el, property) => el.hasAttribute('mdc-switch-element') ? property === 'selected' : false);
+            nodeObserverLocator.useConfig('MDC-SWITCH', 'selected', { events: ['change'] });
+            attrMapper.useTwoWay((el, property) => el.hasAttribute('mdc-text-field-element') ? property === 'value' : false);
+            nodeObserverLocator.useConfig('MDC-TEXT-FIELD', 'value', { events: ['input', 'change'] });
+        }).register(container);
+        return container.register(MdcPromisifyReference, MdcFocusTrap, MdcButton, MdcButtonLabel, EnhanceMdcButton, MdcBanner, MdcCard, MdcCardActions, MdcCardMedia, MdcCardActionButtons, MdcCardPrimaryAction, MdcCardActionIcons, MdcCheckbox, MdcChip, MdcChipAction, EnhanceMdcChipAction, MdcChipSet, MdcCircularProgress, MdcDataTable, MdcDataTableRow, MdcDialog, MdcDialogActions, MdcDialogTitle, MdcDialogContent, MdcDrawer, MdcDrawerContent, MdcDrawerAppContent, MdcDrawerHeader, MdcElevation, MdcExpandable, MdcFab, MdcFabIcon, EnhanceMdcFab, MdcFloatingLabel, MdcFormField, MdcIconButton, MdcIconButtonIcon, EnhanceMdcIconButton, MdcImageList, MdcImageListItem, MdcLayoutGrid, MdcLayoutGridInner, MdcLayoutGridCell, MdcLineRipple, MdcLinearProgress, MdcList, MdcListDivider, MdcListGroup, MdcListGroupSubheader, MdcListItem, MdcListItemLeading, MdcListItemTrailing, MdcListItemPrimaryText, MdcListItemSecondaryText, EnhanceMdcListItem, MdcDeprecatedList, MdcDeprecatedListItem, EnhanceMdcDeprecatedListItem, MdcDeprecatedListItemPrimaryText, MdcDeprecatedListItemSecondaryText, MdcDeprecatedListItemGraphic, MdcDeprecatedListItemMeta, MdcDeprecatedListDivider, MdcDeprecatedListGroup, MdcDeprecatedListGroupSubheader, MdcLookup, MdcMenu, MdcMenuSelectionGroup, MdcMenuSelectionGroupIcon, MdcMenuSurface, MdcMenuSurfaceAnchor, MdcNotchedOutline, MdcRadio, MdcRipple, MdcSegmentedButton, MdcSegmentedButtonSegment, EnhanceMdcSegmentedButtonSegment, MdcSelect, MdcSelectIcon, MdcSelectHelperText, MdcSlider, MdcSnackbar, MdcSnackbarService, MdcSwitch, EnhanceMdcSwitch, MdcTabBar, MdcTab, MdcTabScroller, MdcTabIndicator, MdcTextField, MdcTextFieldIcon, MdcTextFieldHelperLine, MdcTextFieldHelperText, MdcTextFieldCharacterCounter, EnhanceMdcTextfield, MdcTooltip, MdcTooltipAttribute, MdcTopAppBar, MdcTopAppBarRow, MdcTopAppBarTitle, MdcTopAppBarSection, MdcTopAppBarFixedAdjust, MdcTopAppBarNavIcon, MdcTopAppBarActionItem, EnhanceTopAppBarActions, MdcTreeView, MdcTreeViewNodeMeta, MdcTreeNode, NodeFilterValueConverter, MdcBody1, MdcBody2, MdcCaption, MdcHeadline1, MdcHeadline2, MdcHeadline3, MdcHeadline4, MdcHeadline5, MdcHeadline6, MdcOveline, MdcSubtitle1, MdcSubtitle2, MdcTypographyButton, MdcIcon);
     },
+    customize(optionsProvider) {
+        return {
+            register(container) {
+                const options = container.get(MdcConfiguration);
+                optionsProvider(options);
+                return AllConfiguration.register(container);
+            },
+        };
+    }
     /**
      * Create a new container with this configuration applied to it.
      */