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

package/dist/src/list/mdc-list-divider/mdc-list-divider.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcListDivider = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../../base");
+const aurelia_1 = require("aurelia");
+const mdc_list_divider_html_raw_1 = tslib_1.__importDefault(require("./mdc-list-divider.html?raw"));
+/**
+ * Optional, for list divider element
+ * @selector mdc-list-divider
+ */
+let MdcListDivider = (() => {
+    let _classDecorators = [(0, aurelia_1.customElement)({ name: 'mdc-list-divider', template: mdc_list_divider_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _padded_decorators;
+    let _padded_initializers = [];
+    let _padded_extraInitializers = [];
+    let _leadingType_decorators;
+    let _leadingType_initializers = [];
+    let _leadingType_extraInitializers = [];
+    let _trailingType_decorators;
+    let _trailingType_initializers = [];
+    let _trailingType_extraInitializers = [];
+    var MdcListDivider = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _padded_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _leadingType_decorators = [(0, aurelia_1.bindable)()];
+            _trailingType_decorators = [(0, aurelia_1.bindable)()];
+            tslib_1.__esDecorate(null, null, _padded_decorators, { kind: "field", name: "padded", static: false, private: false, access: { has: obj => "padded" in obj, get: obj => obj.padded, set: (obj, value) => { obj.padded = value; } }, metadata: _metadata }, _padded_initializers, _padded_extraInitializers);
+            tslib_1.__esDecorate(null, null, _leadingType_decorators, { kind: "field", name: "leadingType", static: false, private: false, access: { has: obj => "leadingType" in obj, get: obj => obj.leadingType, set: (obj, value) => { obj.leadingType = value; } }, metadata: _metadata }, _leadingType_initializers, _leadingType_extraInitializers);
+            tslib_1.__esDecorate(null, null, _trailingType_decorators, { kind: "field", name: "trailingType", static: false, private: false, access: { has: obj => "trailingType" in obj, get: obj => obj.trailingType, set: (obj, value) => { obj.trailingType = value; } }, metadata: _metadata }, _trailingType_initializers, _trailingType_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcListDivider = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** To make a divider match the padding of list items */
+        padded = tslib_1.__runInitializers(this, _padded_initializers, void 0);
+        /** Aligns the divider’s leading edge with the item’s content block */
+        leadingType = (tslib_1.__runInitializers(this, _padded_extraInitializers), tslib_1.__runInitializers(this, _leadingType_initializers, void 0));
+        /** Aligns the divider’s leading edge with the item’s trailing padding */
+        trailingType = (tslib_1.__runInitializers(this, _leadingType_extraInitializers), tslib_1.__runInitializers(this, _trailingType_initializers, void 0));
+        constructor() {
+            tslib_1.__runInitializers(this, _trailingType_extraInitializers);
+        }
+    };
+    return MdcListDivider = _classThis;
+})();
+exports.MdcListDivider = MdcListDivider;
+//# sourceMappingURL=mdc-list-divider.js.map

package/dist/src/list/mdc-list-divider/mdc-list-divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-divider.js","sourceRoot":"","sources":["../../../../src/list/mdc-list-divider/mdc-list-divider.ts"],"names":[],"mappings":";;;;AAAA,qCAAyC;AACzC,qCAAkD;AAGlD,oGAAmD;AAEnD;;;GAGG;IAEU,cAAc;4BAD1B,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAR,mCAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;kCAGnD,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;uCAI9B,IAAA,kBAAQ,GAAE;wCAIV,IAAA,kBAAQ,GAAE;YAPX,4KAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,2LAAA,WAAW,6BAAX,WAAW,iGAA8B;YAIzC,8LAAA,YAAY,6BAAZ,YAAY,mGAA+B;YAX7C,qLAYC;;;YAZY,+DAAc;;QACzB,wDAAwD;QAExD,MAAM,iEAAU;QAEhB,sEAAsE;QAEtE,WAAW,oIAA8B;QAEzC,yEAAyE;QAEzE,YAAY,0IAA+B;;;;;;;AAXhC,wCAAc","sourcesContent":["import { booleanAttr } from '../../base';\r\nimport { customElement, bindable } from 'aurelia';\r\nimport { MdcListItemLeading } from '../mdc-list-item/mdc-list-item-leading';\r\nimport { MdcListItemTrailing } from '../mdc-list-item/mdc-list-item-trailing';\r\nimport template from './mdc-list-divider.html?raw';\r\n\r\n/**\r\n * Optional, for list divider element\r\n * @selector mdc-list-divider\r\n */\r\n@customElement({ name: 'mdc-list-divider', template })\r\nexport class MdcListDivider {\r\n  /** To make a divider match the padding of list items */\r\n  @bindable({ set: booleanAttr })\r\n  padded: boolean;\r\n\r\n  /** Aligns the divider’s leading edge with the item’s content block */\r\n  @bindable()\r\n  leadingType: MdcListItemLeading['value'];\r\n\r\n  /** Aligns the divider’s leading edge with the item’s trailing padding */\r\n  @bindable()\r\n  trailingType: MdcListItemTrailing['value'];\r\n}\r\n"]}

package/dist/{list → src/list}/mdc-list-group.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement, customAttribute, inject, slotted } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcListGroupSubheader = exports.MdcListGroup = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * Optional. Wrapper around two or more mdc-list elements to be grouped together.
  * @selector mdc-list-group
  */
 let MdcListGroup = (() => {
-    let _classDecorators = [customElement({
+    let _classDecorators = [(0, aurelia_1.customElement)({
             name: 'mdc-list-group',
             template: '<template class="mdc-list-group"><au-slot></au-slot></template>'
         })];
@@ -19,26 +22,26 @@ let MdcListGroup = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _headers_decorators = [slotted({ query: 'h1,h2,h3,h4,h5,h6' })];
-            __esDecorate(null, null, _headers_decorators, { kind: "field", name: "headers", static: false, private: false, access: { has: obj => "headers" in obj, get: obj => obj.headers, set: (obj, value) => { obj.headers = value; } }, metadata: _metadata }, _headers_initializers, _headers_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _headers_decorators = [(0, aurelia_1.slotted)({ query: 'h1,h2,h3,h4,h5,h6' })];
+            tslib_1.__esDecorate(null, null, _headers_decorators, { kind: "field", name: "headers", static: false, private: false, access: { has: obj => "headers" in obj, get: obj => obj.headers, set: (obj, value) => { obj.headers = value; } }, metadata: _metadata }, _headers_initializers, _headers_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcListGroup = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
-        headers = __runInitializers(this, _headers_initializers, void 0);
+        headers = tslib_1.__runInitializers(this, _headers_initializers, void 0);
         headersChanged() {
             this.headers.forEach(x => x.classList.add('mdc-list-group__subheader'));
         }
         constructor() {
-            __runInitializers(this, _headers_extraInitializers);
+            tslib_1.__runInitializers(this, _headers_extraInitializers);
         }
     };
     return MdcListGroup = _classThis;
 })();
-export { MdcListGroup };
+exports.MdcListGroup = MdcListGroup;
 let MdcListGroupSubheader = (() => {
-    let _classDecorators = [inject(Element), customAttribute('mdc-list-group-subheader')];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-list-group-subheader')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -46,10 +49,10 @@ let MdcListGroupSubheader = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcListGroupSubheader = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
@@ -61,5 +64,5 @@ let MdcListGroupSubheader = (() => {
     };
     return MdcListGroupSubheader = _classThis;
 })();
-export { MdcListGroupSubheader };
+exports.MdcListGroupSubheader = MdcListGroupSubheader;
 //# sourceMappingURL=mdc-list-group.js.map

package/dist/src/list/mdc-list-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-group.js","sourceRoot":"","sources":["../../../src/list/mdc-list-group.ts"],"names":[],"mappings":";;;;AAAA,qCAA0E;AAE1E;;;GAGG;IAKU,YAAY;4BAJxB,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,gBAAgB;YACtB,QAAQ,EAAE,iEAAiE;SAC5E,CAAC;;;;;;;;;;;mCAEC,IAAA,iBAAO,EAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;YACxC,+KAAA,OAAO,6BAAP,OAAO,yFAAgB;YAFzB,qLAMC;;;YANY,+DAAY;;QAEvB,OAAO,kEAAgB;QACvB,cAAc;YACZ,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,CAAC;QAC1E,CAAC;;;;;;;AALU,oCAAY;IAUZ,qBAAqB;4BAFjC,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,yBAAe,EAAC,0BAA0B,CAAC;;;;;;;;YAC5C,qLAMC;;;YANY,+DAAqB;;QACZ,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;QACvD,CAAC;;;;AALU,sDAAqB","sourcesContent":["import { customElement, customAttribute, inject, slotted } from 'aurelia';\r\n\r\n/**\r\n * Optional. Wrapper around two or more mdc-list elements to be grouped together.\r\n * @selector mdc-list-group\r\n */\r\n@customElement({\r\n  name: 'mdc-list-group',\r\n  template: '<template class=\"mdc-list-group\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcListGroup {\r\n  @slotted({ query: 'h1,h2,h3,h4,h5,h6' })\r\n  headers: HTMLElement[];\r\n  headersChanged() {\r\n    this.headers.forEach(x => x.classList.add('mdc-list-group__subheader'));\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-list-group-subheader')\r\nexport class MdcListGroupSubheader {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  attached() {\r\n    this.root.classList.add('mdc-list-group__subheader');\r\n  }\r\n}\r\n"]}

package/dist/{list → src/list}/mdc-list-item/enhance-mdc-list-item.js

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

package/dist/src/list/mdc-list-item/enhance-mdc-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-mdc-list-item.js","sourceRoot":"","sources":["../../../../src/list/mdc-list-item/enhance-mdc-list-item.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;IAGnC,kBAAkB;4BAD9B,+BAAqB;;;;;;;;YACtB,qLAIC;;;YAJY,+DAAkB;;QAC7B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAC,4BAA4B,CAAC,CAAC;QACtG,CAAC;;;;AAHU,gDAAkB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcListItem {\r\n  compiling(template: HTMLElement | HTMLTemplateElement) {\r\n    template.innerHTML = template.innerHTML.replaceAll('mdc-list-item=\"\"','as-element=\"mdc-list-item\"');\r\n  }\r\n}\r\n"]}

package/dist/{list → src/list}/mdc-list-item/mdc-list-item-leading.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customAttribute, inject } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcListItemLeading = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * Optional, marks the leading control or media element
  * @selector [mdc-list-item-leading]
  */
 let MdcListItemLeading = (() => {
-    let _classDecorators = [customAttribute('mdc-list-item-leading'), inject(Element)];
+    let _classDecorators = [(0, aurelia_1.customAttribute)('mdc-list-item-leading'), (0, aurelia_1.inject)(Element)];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -13,10 +16,10 @@ let MdcListItemLeading = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcListItemLeading = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
@@ -50,5 +53,5 @@ let MdcListItemLeading = (() => {
     };
     return MdcListItemLeading = _classThis;
 })();
-export { MdcListItemLeading };
+exports.MdcListItemLeading = MdcListItemLeading;
 //# sourceMappingURL=mdc-list-item-leading.js.map

package/dist/src/list/mdc-list-item/mdc-list-item-leading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item-leading.js","sourceRoot":"","sources":["../../../../src/list/mdc-list-item/mdc-list-item-leading.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAElD;;;GAGG;IAGU,kBAAkB;4BAF9B,IAAA,yBAAe,EAAC,uBAAuB,CAAC,EACxC,IAAA,gBAAM,EAAC,OAAO,CAAC;;;;;;;;YAChB,qLAyBC;;;YAzBY,+DAAkB;;QACT,IAAI;QAAxB,YAAoB,IAAa;YAAb,SAAI,GAAJ,IAAI,CAAS;QAAI,CAAC;QAEtC;;UAEE;QACF,KAAK,CAAwF;QAE7F,QAAQ;YACN,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;oBACjD,KAAK,GAAG,UAAU,CAAC;gBACrB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;oBACrD,KAAK,GAAG,OAAO,CAAC;gBAClB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;oBACtD,KAAK,GAAG,QAAQ,CAAC;gBACnB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC;oBAC1D,KAAK,GAAG,MAAM,CAAC;gBACjB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;oBACvC,KAAK,GAAG,OAAO,CAAC;gBAClB,CAAC;YACH,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,+BAA+B,KAAK,EAAE,CAAC,CAAC;QAChG,CAAC;;;;AAxBU,gDAAkB","sourcesContent":["import { customAttribute, inject } from 'aurelia';\r\n\r\n/**\r\n * Optional, marks the leading control or media element\r\n * @selector [mdc-list-item-leading]\r\n */\r\n@customAttribute('mdc-list-item-leading')\r\n@inject(Element)\r\nexport class MdcListItemLeading {\r\n  constructor(private root: Element) { }\r\n\r\n  /** Optional leading element type. In most cases you don't need to supply it.\r\n   * Only when the element is ambiguous, e.g. <img> or a generic <span>\r\n  */\r\n  value: 'checkbox' | 'radio' | 'switch' | 'icon' | 'image' | 'thumbnail' | 'video' | 'avatar';\r\n\r\n  attached() {\r\n    let value = this.value;\r\n    if (!value) {\r\n      if (this.root.classList.contains('mdc-checkbox')) {\r\n        value = 'checkbox';\r\n      } else if (this.root.classList.contains('mdc-radio')) {\r\n        value = 'radio';\r\n      } else if (this.root.classList.contains('mdc-switch')) {\r\n        value = 'switch';\r\n      } else if (this.root.classList.contains('material-icons')) {\r\n        value = 'icon';\r\n      } else if (this.root.tagName === 'IMG') {\r\n        value = 'image';\r\n      }\r\n    }\r\n    this.root.parentElement?.parentElement?.classList.add(`mdc-list-item--with-leading-${value}`);\r\n  }\r\n}\r\n"]}

package/dist/{list → src/list}/mdc-list-item/mdc-list-item-trailing.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customAttribute, inject } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcListItemTrailing = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * Optional, marks the trailing control element
  * @selector [mdc-list-item-trailing]
  */
 let MdcListItemTrailing = (() => {
-    let _classDecorators = [inject(Element), customAttribute('mdc-list-item-trailing')];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-list-item-trailing')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -13,10 +16,10 @@ let MdcListItemTrailing = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcListItemTrailing = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
@@ -52,5 +55,5 @@ let MdcListItemTrailing = (() => {
     };
     return MdcListItemTrailing = _classThis;
 })();
-export { MdcListItemTrailing };
+exports.MdcListItemTrailing = MdcListItemTrailing;
 //# sourceMappingURL=mdc-list-item-trailing.js.map

package/dist/src/list/mdc-list-item/mdc-list-item-trailing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item-trailing.js","sourceRoot":"","sources":["../../../../src/list/mdc-list-item/mdc-list-item-trailing.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAElD;;;GAGG;IAGU,mBAAmB;4BAF/B,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,yBAAe,EAAC,wBAAwB,CAAC;;;;;;;;YAC1C,qLA2BC;;;YA3BY,+DAAmB;;QACV,IAAI;QAAxB,YAAoB,IAAa;YAAb,SAAI,GAAJ,IAAI,CAAS;QAAI,CAAC;QAEtC;;UAEE;QACF,KAAK,CAAgE;QAErE,QAAQ;YACN,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;oBACjD,KAAK,GAAG,UAAU,CAAC;gBACrB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;oBACrD,KAAK,GAAG,OAAO,CAAC;gBAClB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;oBACtD,KAAK,GAAG,QAAQ,CAAC;gBACnB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;oBAC3D,KAAK,GAAG,SAAS,CAAC;gBACpB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC;oBAC1D,KAAK,GAAG,MAAM,CAAC;gBACjB,CAAC;YACH,CAAC;YACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,gCAAgC,KAAK,EAAE,CAAC,CAAC;YACjG,CAAC;QACH,CAAC;;;;AA1BU,kDAAmB","sourcesContent":["import { customAttribute, inject } from 'aurelia';\r\n\r\n/**\r\n * Optional, marks the trailing control element\r\n * @selector [mdc-list-item-trailing]\r\n */\r\n@inject(Element)\r\n@customAttribute('mdc-list-item-trailing')\r\nexport class MdcListItemTrailing {\r\n  constructor(private root: Element) { }\r\n\r\n  /** Optional leading element type. In most cases you don't need to supply it.\r\n   * Only when the element is ambiguous, e.g. <img> or a generic <span>\r\n  */\r\n  value: 'meta' | 'checkbox' | 'radio' | 'switch' | 'icon' | undefined;\r\n\r\n  attached() {\r\n    let value = this.value;\r\n    if (!value) {\r\n      if (this.root.classList.contains('mdc-checkbox')) {\r\n        value = 'checkbox';\r\n      } else if (this.root.classList.contains('mdc-radio')) {\r\n        value = 'radio';\r\n      } else if (this.root.classList.contains('mdc-switch')) {\r\n        value = 'switch';\r\n      } else if (this.root.classList.contains('mdc-icon-button')) {\r\n        value = undefined;\r\n      } else if (this.root.classList.contains('material-icons')) {\r\n        value = 'icon';\r\n      }\r\n    }\r\n    if (value !== undefined) {\r\n      this.root.parentElement?.parentElement?.classList.add(`mdc-list-item--with-trailing-${value}`);\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcListItem = void 0;
+const tslib_1 = require("tslib");
+const list_1 = require("@material/list");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../../base");
+const runtime_html_1 = require("@aurelia/runtime-html");
+const mdc_list_item_html_raw_1 = tslib_1.__importDefault(require("./mdc-list-item.html?raw"));
+const ENTER = 13;
+const SPACE = 32;
+const LIST_ITEM_ACTION = 'mdclistitem:action';
+let id = 0;
+/**
+ * @selector mdc-list-item
+ */
+let MdcListItem = (() => {
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-list-item', template: mdc_list_item_html_raw_1.default }), (0, runtime_html_1.processContent)(function processContent(node) {
+            const element = node;
+            const leading = element.querySelector('[mdc-list-item-leading]');
+            if (leading) {
+                element.removeChild(leading);
+            }
+            const trailing = element.querySelector('[mdc-list-item-trailing]');
+            if (trailing) {
+                element.removeChild(trailing);
+            }
+            const content = document.createElement('span');
+            content.classList.add('mdc-list-item__content');
+            const texts = element.querySelectorAll('mdc-list-item-overline-text, mdc-list-item-primary-text, mdc-list-item-secondary-text, au-slot');
+            const children = Array.from(element.childNodes);
+            if (!texts.length) {
+                const primary = document.createElement('span');
+                primary.classList.add('mdc-list-item__primary-text');
+                for (let i = 0; i < children.length; ++i) {
+                    primary.appendChild(children[i]);
+                }
+                content.appendChild(primary);
+            }
+            else {
+                for (let i = 0; i < children.length; ++i) {
+                    content.appendChild(children[i]);
+                }
+            }
+            if (leading) {
+                const start = document.createElement('span');
+                start.classList.add('mdc-list-item__start');
+                start.appendChild(leading);
+                element.appendChild(start);
+            }
+            element.appendChild(content);
+            if (trailing) {
+                const end = document.createElement('span');
+                end.classList.add('mdc-list-item__end');
+                end.appendChild(trailing);
+                element.appendChild(end);
+            }
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _activated_decorators;
+    let _activated_initializers = [];
+    let _activated_extraInitializers = [];
+    let _selected_decorators;
+    let _selected_initializers = [];
+    let _selected_extraInitializers = [];
+    let _nonInteractive_decorators;
+    let _nonInteractive_initializers = [];
+    let _nonInteractive_extraInitializers = [];
+    let _twoLine_decorators;
+    let _twoLine_initializers = [];
+    let _twoLine_extraInitializers = [];
+    let _threeLine_decorators;
+    let _threeLine_initializers = [];
+    let _threeLine_extraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _disableRipple_decorators;
+    let _disableRipple_initializers = [];
+    let _disableRipple_extraInitializers = [];
+    var MdcListItem = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _disabled_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _activated_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _selected_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _nonInteractive_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _twoLine_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _threeLine_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _value_decorators = [(0, aurelia_1.bindable)()];
+            _disableRipple_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            tslib_1.__esDecorate(null, null, _activated_decorators, { kind: "field", name: "activated", static: false, private: false, access: { has: obj => "activated" in obj, get: obj => obj.activated, set: (obj, value) => { obj.activated = value; } }, metadata: _metadata }, _activated_initializers, _activated_extraInitializers);
+            tslib_1.__esDecorate(null, null, _selected_decorators, { kind: "field", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_extraInitializers);
+            tslib_1.__esDecorate(null, null, _nonInteractive_decorators, { kind: "field", name: "nonInteractive", static: false, private: false, access: { has: obj => "nonInteractive" in obj, get: obj => obj.nonInteractive, set: (obj, value) => { obj.nonInteractive = value; } }, metadata: _metadata }, _nonInteractive_initializers, _nonInteractive_extraInitializers);
+            tslib_1.__esDecorate(null, null, _twoLine_decorators, { kind: "field", name: "twoLine", static: false, private: false, access: { has: obj => "twoLine" in obj, get: obj => obj.twoLine, set: (obj, value) => { obj.twoLine = value; } }, metadata: _metadata }, _twoLine_initializers, _twoLine_extraInitializers);
+            tslib_1.__esDecorate(null, null, _threeLine_decorators, { kind: "field", name: "threeLine", static: false, private: false, access: { has: obj => "threeLine" in obj, get: obj => obj.threeLine, set: (obj, value) => { obj.threeLine = value; } }, metadata: _metadata }, _threeLine_initializers, _threeLine_extraInitializers);
+            tslib_1.__esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            tslib_1.__esDecorate(null, null, _disableRipple_decorators, { kind: "field", name: "disableRipple", static: false, private: false, access: { has: obj => "disableRipple" in obj, get: obj => obj.disableRipple, set: (obj, value) => { obj.disableRipple = value; } }, metadata: _metadata }, _disableRipple_initializers, _disableRipple_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcListItem = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            tslib_1.__runInitializers(this, _disableRipple_extraInitializers);
+            this.root = root;
+        }
+        cssClasses = list_1.cssClasses;
+        id = `mdc-list-item-${++id}`;
+        /** Disables the list item */
+        disabled = tslib_1.__runInitializers(this, _disabled_initializers, void 0);
+        /** Styles the row in an activated state */
+        activated = (tslib_1.__runInitializers(this, _disabled_extraInitializers), tslib_1.__runInitializers(this, _activated_initializers, void 0));
+        /** Styles the row in an selected state */
+        selected = (tslib_1.__runInitializers(this, _activated_extraInitializers), tslib_1.__runInitializers(this, _selected_initializers, void 0));
+        /** Indicates a non-interactive item */
+        nonInteractive = (tslib_1.__runInitializers(this, _selected_extraInitializers), tslib_1.__runInitializers(this, _nonInteractive_initializers, void 0));
+        /** Indicates a two-line item */
+        twoLine = (tslib_1.__runInitializers(this, _nonInteractive_extraInitializers), tslib_1.__runInitializers(this, _twoLine_initializers, void 0));
+        /** Indicates a three-line item */
+        threeLine = (tslib_1.__runInitializers(this, _twoLine_extraInitializers), tslib_1.__runInitializers(this, _threeLine_initializers, void 0));
+        /** Random data associated with the list item. Passed in events payload. */
+        value = (tslib_1.__runInitializers(this, _threeLine_extraInitializers), tslib_1.__runInitializers(this, _value_initializers, void 0));
+        /** Disables ripple effect */
+        disableRipple = (tslib_1.__runInitializers(this, _value_extraInitializers), tslib_1.__runInitializers(this, _disableRipple_initializers, void 0));
+        attached() {
+            // Child button/a elements are not tabbable until the list item is focused.
+            Array.from(this.root.querySelectorAll(list_1.strings.FOCUSABLE_CHILD_ELEMENTS))
+                .forEach(el => el.setAttribute('tabindex', '-1'));
+        }
+        onKeydown(evt) {
+            if ((evt.keyCode === ENTER || evt.keyCode === SPACE) && !this.disabled) {
+                this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));
+            }
+            return true;
+        }
+        onClick() {
+            if (!this.disabled) {
+                this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));
+            }
+            return true;
+        }
+    };
+    return MdcListItem = _classThis;
+})();
+exports.MdcListItem = MdcListItem;
+//# sourceMappingURL=mdc-list-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item.js","sourceRoot":"","sources":["../../../../src/list/mdc-list-item/mdc-list-item.ts"],"names":[],"mappings":"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","sourcesContent":["import { cssClasses, strings } from '@material/list';\r\nimport { customElement, bindable, inject, INode } from 'aurelia';\r\nimport { booleanAttr } from '../../base';\r\nimport { processContent } from '@aurelia/runtime-html';\r\nimport template from './mdc-list-item.html?raw';\r\n\r\nconst ENTER = 13;\r\nconst SPACE = 32;\r\nconst LIST_ITEM_ACTION = 'mdclistitem:action';\r\nlet id = 0;\r\n\r\n/**\r\n * @selector mdc-list-item\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-list-item', template })\r\n@processContent(function processContent(node: INode) {\r\n  const element = node as HTMLElement;\r\n  const leading = element.querySelector('[mdc-list-item-leading]');\r\n  if (leading) {\r\n    element.removeChild(leading);\r\n  }\r\n  const trailing = element.querySelector('[mdc-list-item-trailing]');\r\n  if (trailing) {\r\n    element.removeChild(trailing);\r\n  }\r\n  const content = document.createElement('span');\r\n  content.classList.add('mdc-list-item__content');\r\n  const texts = element.querySelectorAll('mdc-list-item-overline-text, mdc-list-item-primary-text, mdc-list-item-secondary-text, au-slot');\r\n  const children = Array.from(element.childNodes);\r\n  if (!texts.length) {\r\n    const primary = document.createElement('span');\r\n    primary.classList.add('mdc-list-item__primary-text');\r\n    for (let i = 0; i < children.length; ++i) {\r\n      primary.appendChild(children[i]);\r\n    }\r\n    content.appendChild(primary);\r\n  } else {\r\n    for (let i = 0; i < children.length; ++i) {\r\n      content.appendChild(children[i]);\r\n    }\r\n  }\r\n  if (leading) {\r\n    const start = document.createElement('span');\r\n    start.classList.add('mdc-list-item__start');\r\n    start.appendChild(leading);\r\n    element.appendChild(start);\r\n  }\r\n  element.appendChild(content);\r\n  if (trailing) {\r\n    const end = document.createElement('span');\r\n    end.classList.add('mdc-list-item__end');\r\n    end.appendChild(trailing);\r\n    element.appendChild(end);\r\n  }\r\n}\r\n)\r\nexport class MdcListItem {\r\n  constructor(public root: HTMLElement) { }\r\n\r\n  cssClasses = cssClasses;\r\n\r\n  id = `mdc-list-item-${++id}`;\r\n\r\n  /** Disables the list item */\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n\r\n  /** Styles the row in an activated state */\r\n  @bindable({ set: booleanAttr })\r\n  activated: boolean;\r\n\r\n  /** Styles the row in an selected state */\r\n  @bindable({ set: booleanAttr })\r\n  selected: boolean;\r\n\r\n  /** Indicates a non-interactive item */\r\n  @bindable({ set: booleanAttr })\r\n  nonInteractive: boolean;\r\n\r\n  /** Indicates a two-line item */\r\n  @bindable({ set: booleanAttr })\r\n  twoLine: boolean;\r\n\r\n  /** Indicates a three-line item */\r\n  @bindable({ set: booleanAttr })\r\n  threeLine: boolean;\r\n\r\n  /** Random data associated with the list item. Passed in events payload. */\r\n  @bindable()\r\n  value: unknown;\r\n\r\n  /** Disables ripple effect */\r\n  @bindable({ set: booleanAttr })\r\n  disableRipple: boolean;\r\n\r\n  attached() {\r\n    // Child button/a elements are not tabbable until the list item is focused.\r\n    Array.from(this.root.querySelectorAll(strings.FOCUSABLE_CHILD_ELEMENTS))\r\n      .forEach(el => el.setAttribute('tabindex', '-1'));\r\n  }\r\n\r\n  onKeydown(evt: KeyboardEvent) {\r\n    if ((evt.keyCode === ENTER || evt.keyCode === SPACE) && !this.disabled) {\r\n      this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));\r\n    }\r\n    return true;\r\n  }\r\n\r\n  onClick() {\r\n    if (!this.disabled) {\r\n      this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));\r\n    }\r\n    return true;\r\n  }\r\n\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcListItemElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcListItem;\r\n    };\r\n  };\r\n}\r\n\r\nexport interface IMdcListActionEventDetail {\r\n  index: number;\r\n  data: unknown;\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcListActionEvent extends Event {\r\n  detail: IMdcListActionEventDetail;\r\n}\r\n"]}

package/dist/src/list/mdc-list-item-overline-text.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcListItemOverlineText = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+/**
+ * Optional, overline text for the list item
+ * @selector mdc-list-item-overline-text
+ */
+let MdcListItemOverlineText = (() => {
+    let _classDecorators = [(0, aurelia_1.customElement)({ name: 'mdc-list-item-overline-text', template: '<template class="mdc-list-item__overline-text"><au-slot></au-slot></template>' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcListItemOverlineText = class {
+        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);
+            MdcListItemOverlineText = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return MdcListItemOverlineText = _classThis;
+})();
+exports.MdcListItemOverlineText = MdcListItemOverlineText;
+//# sourceMappingURL=mdc-list-item-overline-text.js.map

package/dist/src/list/mdc-list-item-overline-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item-overline-text.js","sourceRoot":"","sources":["../../../src/list/mdc-list-item-overline-text.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;AAExC;;;GAGG;IAEU,uBAAuB;4BADnC,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,6BAA6B,EAAE,QAAQ,EAAE,+EAA+E,EAAE,CAAC;;;;;;;;YAClJ,qLAAwC;;;YAA3B,+DAAuB;;;;;AAAvB,0DAAuB","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n/**\r\n * Optional, overline text for the list item\r\n * @selector mdc-list-item-overline-text\r\n */\r\n@customElement({ name: 'mdc-list-item-overline-text', template: '<template class=\"mdc-list-item__overline-text\"><au-slot></au-slot></template>' })\r\nexport class MdcListItemOverlineText { }\r\n"]}

package/dist/{list → src/list}/mdc-list-item-primary-text.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcListItemPrimaryText = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * Optional, primary text for the list item
  * @selector mdc-list-item-primary-text
  */
 let MdcListItemPrimaryText = (() => {
-    let _classDecorators = [customElement({
+    let _classDecorators = [(0, aurelia_1.customElement)({
             name: 'mdc-list-item-primary-text',
             template: '<template class="mdc-list-item__primary-text"><au-slot></au-slot></template>'
         })];
@@ -16,13 +19,13 @@ let MdcListItemPrimaryText = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcListItemPrimaryText = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
     };
     return MdcListItemPrimaryText = _classThis;
 })();
-export { MdcListItemPrimaryText };
+exports.MdcListItemPrimaryText = MdcListItemPrimaryText;
 //# sourceMappingURL=mdc-list-item-primary-text.js.map

package/dist/src/list/mdc-list-item-primary-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item-primary-text.js","sourceRoot":"","sources":["../../../src/list/mdc-list-item-primary-text.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;AAExC;;;GAGG;IAKU,sBAAsB;4BAJlC,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,4BAA4B;YAClC,QAAQ,EAAE,8EAA8E;SACzF,CAAC;;;;;;;;YACF,qLAAuC;;;YAA1B,+DAAsB;;;;;AAAtB,wDAAsB","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n/**\r\n * Optional, primary text for the list item\r\n * @selector mdc-list-item-primary-text\r\n */\r\n@customElement({\r\n  name: 'mdc-list-item-primary-text',\r\n  template: '<template class=\"mdc-list-item__primary-text\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcListItemPrimaryText { }\r\n"]}

package/dist/{list → src/list}/mdc-list-item-secondary-text.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcListItemSecondaryText = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * Optional, secondary text for the list item. Displayed below the primary text.
  * @selector mdc-list-item-secondary-text
  */
 let MdcListItemSecondaryText = (() => {
-    let _classDecorators = [customElement({
+    let _classDecorators = [(0, aurelia_1.customElement)({
             name: 'mdc-list-item-secondary-text',
             template: '<template class="mdc-list-item__secondary-text"><au-slot></au-slot></template>'
         })];
@@ -16,13 +19,13 @@ let MdcListItemSecondaryText = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcListItemSecondaryText = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
     };
     return MdcListItemSecondaryText = _classThis;
 })();
-export { MdcListItemSecondaryText };
+exports.MdcListItemSecondaryText = MdcListItemSecondaryText;
 //# sourceMappingURL=mdc-list-item-secondary-text.js.map

package/dist/src/list/mdc-list-item-secondary-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item-secondary-text.js","sourceRoot":"","sources":["../../../src/list/mdc-list-item-secondary-text.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;AAExC;;;GAGG;IAKU,wBAAwB;4BAJpC,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,8BAA8B;YACpC,QAAQ,EAAE,gFAAgF;SAC3F,CAAC;;;;;;;;YACF,qLAAyC;;;YAA5B,+DAAwB;;;;;AAAxB,4DAAwB","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n/**\r\n * Optional, secondary text for the list item. Displayed below the primary text.\r\n * @selector mdc-list-item-secondary-text\r\n */\r\n@customElement({\r\n  name: 'mdc-list-item-secondary-text',\r\n  template: '<template class=\"mdc-list-item__secondary-text\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcListItemSecondaryText { }\r\n"]}