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

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

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

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

@@ -1 +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"]}
+{"version":3,"file":"mdc-list-group.js","sourceRoot":"","sources":["../../src/list/mdc-list-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE1E;;;GAGG;IAKU,YAAY;4BAJxB,aAAa,CAAC;YACb,IAAI,EAAE,gBAAgB;YACtB,QAAQ,EAAE,iEAAiE;SAC5E,CAAC;;;;;;;;;;;mCAEC,OAAO,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;YACxC,uKAAA,OAAO,6BAAP,OAAO,yFAAgB;YAFzB,6KAMC;;;YANY,uDAAY;;QAEvB,OAAO,0DAAgB;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;;;;;;;SALU,YAAY;IAUZ,qBAAqB;4BAFjC,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,0BAA0B,CAAC;;;;;;;;YAC5C,6KAMC;;;YANY,uDAAqB;;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;;;;SALU,qBAAqB","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/mdc-list-item/enhance-mdc-list-item.js

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

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

@@ -1 +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"]}
+{"version":3,"file":"enhance-mdc-list-item.js","sourceRoot":"","sources":["../../../src/list/mdc-list-item/enhance-mdc-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,kBAAkB;4BAD9B,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAkB;;QAC7B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAC,4BAA4B,CAAC,CAAC;QACtG,CAAC;;;;SAHU,kBAAkB","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/mdc-list-item/mdc-list-item-leading.js

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

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

@@ -1 +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"]}
+{"version":3,"file":"mdc-list-item-leading.js","sourceRoot":"","sources":["../../../src/list/mdc-list-item/mdc-list-item-leading.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAElD;;;GAGG;IAGU,kBAAkB;4BAF9B,eAAe,CAAC,uBAAuB,CAAC,EACxC,MAAM,CAAC,OAAO,CAAC;;;;;;;;YAChB,6KAyBC;;;YAzBY,uDAAkB;;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;;;;SAxBU,kBAAkB","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/mdc-list-item/mdc-list-item-trailing.js

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

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

@@ -1 +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"]}
+{"version":3,"file":"mdc-list-item-trailing.js","sourceRoot":"","sources":["../../../src/list/mdc-list-item/mdc-list-item-trailing.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAElD;;;GAGG;IAGU,mBAAmB;4BAF/B,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,wBAAwB,CAAC;;;;;;;;YAC1C,6KA2BC;;;YA3BY,uDAAmB;;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;;;;SA1BU,mBAAmB","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/list/mdc-list-item/mdc-list-item.js

@@ -1,12 +1,9 @@
-"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"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { cssClasses, strings } from '@material/list';
+import { customElement, bindable, inject } from 'aurelia';
+import { booleanAttr } from '../../base';
+import { processContent } from '@aurelia/runtime-html';
+import template from './mdc-list-item.html?raw';
 const ENTER = 13;
 const SPACE = 32;
 const LIST_ITEM_ACTION = 'mdclistitem:action';
@@ -15,7 +12,7 @@ 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) {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-list-item', template }), processContent(function processContent(node) {
             const element = node;
             const leading = element.querySelector('[mdc-list-item-leading]');
             if (leading) {
@@ -87,53 +84,53 @@ let MdcListItem = (() => {
         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);
+            _disabled_decorators = [bindable({ set: booleanAttr })];
+            _activated_decorators = [bindable({ set: booleanAttr })];
+            _selected_decorators = [bindable({ set: booleanAttr })];
+            _nonInteractive_decorators = [bindable({ set: booleanAttr })];
+            _twoLine_decorators = [bindable({ set: booleanAttr })];
+            _threeLine_decorators = [bindable({ set: booleanAttr })];
+            _value_decorators = [bindable()];
+            _disableRipple_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(null, 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);
+            __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);
+            __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);
+            __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);
+            __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);
+            __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);
+            __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);
+            __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);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
-            tslib_1.__runInitializers(this, _disableRipple_extraInitializers);
+            __runInitializers(this, _disableRipple_extraInitializers);
             this.root = root;
         }
-        cssClasses = list_1.cssClasses;
+        cssClasses = cssClasses;
         id = `mdc-list-item-${++id}`;
         /** Disables the list item */
-        disabled = tslib_1.__runInitializers(this, _disabled_initializers, void 0);
+        disabled = __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));
+        activated = (__runInitializers(this, _disabled_extraInitializers), __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));
+        selected = (__runInitializers(this, _activated_extraInitializers), __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));
+        nonInteractive = (__runInitializers(this, _selected_extraInitializers), __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));
+        twoLine = (__runInitializers(this, _nonInteractive_extraInitializers), __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));
+        threeLine = (__runInitializers(this, _twoLine_extraInitializers), __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));
+        value = (__runInitializers(this, _threeLine_extraInitializers), __runInitializers(this, _value_initializers, void 0));
         /** Disables ripple effect */
-        disableRipple = (tslib_1.__runInitializers(this, _value_extraInitializers), tslib_1.__runInitializers(this, _disableRipple_initializers, void 0));
+        disableRipple = (__runInitializers(this, _value_extraInitializers), __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))
+            Array.from(this.root.querySelectorAll(strings.FOCUSABLE_CHILD_ELEMENTS))
                 .forEach(el => el.setAttribute('tabindex', '-1'));
         }
         onKeydown(evt) {
@@ -151,5 +148,5 @@ let MdcListItem = (() => {
     };
     return MdcListItem = _classThis;
 })();
-exports.MdcListItem = MdcListItem;
+export { MdcListItem };
 //# sourceMappingURL=mdc-list-item.js.map

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

@@ -1 +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"]}
+{"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/list/mdc-list-item-overline-text.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcListItemOverlineText = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from '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 _classDecorators = [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;
@@ -16,13 +13,13 @@ let MdcListItemOverlineText = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcListItemOverlineText = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
     };
     return MdcListItemOverlineText = _classThis;
 })();
-exports.MdcListItemOverlineText = MdcListItemOverlineText;
+export { MdcListItemOverlineText };
 //# sourceMappingURL=mdc-list-item-overline-text.js.map

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

@@ -1 +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"]}
+{"version":3,"file":"mdc-list-item-overline-text.js","sourceRoot":"","sources":["../../src/list/mdc-list-item-overline-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;IAEU,uBAAuB;4BADnC,aAAa,CAAC,EAAE,IAAI,EAAE,6BAA6B,EAAE,QAAQ,EAAE,+EAA+E,EAAE,CAAC;;;;;;;;YAClJ,6KAAwC;;;YAA3B,uDAAuB;;;;;SAAvB,uBAAuB","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/mdc-list-item-primary-text.js

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

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

@@ -1 +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"]}
+{"version":3,"file":"mdc-list-item-primary-text.js","sourceRoot":"","sources":["../../src/list/mdc-list-item-primary-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;IAKU,sBAAsB;4BAJlC,aAAa,CAAC;YACb,IAAI,EAAE,4BAA4B;YAClC,QAAQ,EAAE,8EAA8E;SACzF,CAAC;;;;;;;;YACF,6KAAuC;;;YAA1B,uDAAsB;;;;;SAAtB,sBAAsB","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/mdc-list-item-secondary-text.js

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

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

@@ -1 +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"]}
+{"version":3,"file":"mdc-list-item-secondary-text.js","sourceRoot":"","sources":["../../src/list/mdc-list-item-secondary-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;IAKU,wBAAwB;4BAJpC,aAAa,CAAC;YACb,IAAI,EAAE,8BAA8B;YACpC,QAAQ,EAAE,gFAAgF;SAC3F,CAAC;;;;;;;;YACF,6KAAyC;;;YAA5B,uDAAwB;;;;;SAAxB,wBAAwB","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"]}