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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-image-list.js","sourceRoot":"","sources":["../../src/image-list/mdc-image-list.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, bindable, inject } from 'aurelia';\nimport { booleanAttr } from '../base';\nimport template from './mdc-image-list.html?raw';\n\nexport interface IColumnsOptions {\n  media: string;\n  count: number;\n  gutterSize: number;\n}\n\nlet id = 0;\n\n/**\n * @selector mdc-image-list\n */\n@inject(Element)\n@customElement({ name: 'mdc-image-list', template })\nexport class MdcImageList {\n  constructor(private root: HTMLElement) {\n    this.root.setAttribute('id', this.id);\n  }\n\n  style: HTMLStyleElement;\n\n  id = `mdc-image-list-${++id}`;\n\n  /** Indicates that this Image List should use the Masonry variant */\n  @bindable({ set: booleanAttr })\n  masonry: boolean;\n\n  /** Indicates that supporting content should be positioned in a scrim overlaying each image (instead of positioned separately under each image) */\n  @bindable({ set: booleanAttr })\n  textProtection: boolean;\n\n  /** Number of columns in the list */\n  @bindable()\n  columns: string | Partial<IColumnsOptions>[];\n  columnsChanged() {\n    if (!this.columns) {\n      return;\n    }\n    const columns = typeof this.columns === 'string' ? [{ count: parseInt(this.columns) }] : this.columns;\n    if (this.masonry) {\n      this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {\n        p += `${c.media ? `@media (${c.media}) {` : ''}\n  #${this.id} {\n    column-count: ${c.count};\n    column-gap: ${c.gutterSize ?? 4}px;\n  }\n\n  #${this.id} .mdc-image-list__item {\n    margin-bottom: ${c.gutterSize ?? 4}px;\n  }\n${c.media ? '}' : ''}`;\n        return p;\n      }, '');\n    } else {\n      this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {\n        p += `${c.media ? `@media (${c.media}) {` : ''}\n  #${this.id} .mdc-image-list__item {\n    width: calc(100% / ${c.count} - ${(c.gutterSize ?? 4) + 1 / c.count!}px);\n    margin: ${c.gutterSize ?? 4 / 2}px;\n  }\n${c.media ? '}' : ''}`;\n        return p;\n      }, '');\n    }\n  }\n\n  bound() {\n    this.columnsChanged();\n  }\n}\n"]}
+{"version":3,"file":"mdc-image-list.js","sourceRoot":"","sources":["../../src/image-list/mdc-image-list.ts"],"names":[],"mappings":";;;;AAAA,qCAA0D;AAC1D,kCAAsC;AACtC,gGAAiD;AAQjD,IAAI,EAAE,GAAG,CAAC,CAAC;AAEX;;GAEG;IAGU,YAAY;4BAFxB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAR,iCAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;mCAWjD,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;0CAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;mCAI9B,IAAA,kBAAQ,GAAE;YAPX,+KAAA,OAAO,6BAAP,OAAO,yFAAU;YAIjB,oMAAA,cAAc,6BAAd,cAAc,uGAAU;YAIxB,+KAAA,OAAO,6BAAP,OAAO,yFAAsC;YAnB/C,qLAuDC;;;YAvDY,+DAAY;;QACH,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;YACnC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;SACvC;QAED,KAAK,CAAmB;QAExB,EAAE,GAAG,kBAAkB,EAAE,EAAE,EAAE,CAAC;QAE9B,oEAAoE;QAEpE,OAAO,kEAAU;QAEjB,kJAAkJ;QAElJ,cAAc,wIAAU;QAExB,oCAAoC;QAEpC,OAAO,wIAAsC;QAC7C,cAAc;YACZ,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;YACD,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;YACtG,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAClE,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE;KACjD,IAAI,CAAC,EAAE;oBACQ,CAAC,CAAC,KAAK;kBACT,CAAC,CAAC,UAAU,IAAI,CAAC;;;KAG9B,IAAI,CAAC,EAAE;qBACS,CAAC,CAAC,UAAU,IAAI,CAAC;;EAEpC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;oBACf,OAAO,CAAC,CAAC;gBACX,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAClE,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE;KACjD,IAAI,CAAC,EAAE;yBACa,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,KAAM;cAC1D,CAAC,CAAC,UAAU,IAAI,CAAC,GAAG,CAAC;;EAEjC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;oBACf,OAAO,CAAC,CAAC;gBACX,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,CAAC;QACH,CAAC;QAED,KAAK;YACH,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;;;;AAtDU,oCAAY","sourcesContent":["import { customElement, bindable, inject } from 'aurelia';\r\nimport { booleanAttr } from '../base';\r\nimport template from './mdc-image-list.html?raw';\r\n\r\nexport interface IColumnsOptions {\r\n  media: string;\r\n  count: number;\r\n  gutterSize: number;\r\n}\r\n\r\nlet id = 0;\r\n\r\n/**\r\n * @selector mdc-image-list\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-image-list', template })\r\nexport class MdcImageList {\r\n  constructor(private root: HTMLElement) {\r\n    this.root.setAttribute('id', this.id);\r\n  }\r\n\r\n  style: HTMLStyleElement;\r\n\r\n  id = `mdc-image-list-${++id}`;\r\n\r\n  /** Indicates that this Image List should use the Masonry variant */\r\n  @bindable({ set: booleanAttr })\r\n  masonry: boolean;\r\n\r\n  /** Indicates that supporting content should be positioned in a scrim overlaying each image (instead of positioned separately under each image) */\r\n  @bindable({ set: booleanAttr })\r\n  textProtection: boolean;\r\n\r\n  /** Number of columns in the list */\r\n  @bindable()\r\n  columns: string | Partial<IColumnsOptions>[];\r\n  columnsChanged() {\r\n    if (!this.columns) {\r\n      return;\r\n    }\r\n    const columns = typeof this.columns === 'string' ? [{ count: parseInt(this.columns) }] : this.columns;\r\n    if (this.masonry) {\r\n      this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {\r\n        p += `${c.media ? `@media (${c.media}) {` : ''}\r\n  #${this.id} {\r\n    column-count: ${c.count};\r\n    column-gap: ${c.gutterSize ?? 4}px;\r\n  }\r\n\r\n  #${this.id} .mdc-image-list__item {\r\n    margin-bottom: ${c.gutterSize ?? 4}px;\r\n  }\r\n${c.media ? '}' : ''}`;\r\n        return p;\r\n      }, '');\r\n    } else {\r\n      this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {\r\n        p += `${c.media ? `@media (${c.media}) {` : ''}\r\n  #${this.id} .mdc-image-list__item {\r\n    width: calc(100% / ${c.count} - ${(c.gutterSize ?? 4) + 1 / c.count!}px);\r\n    margin: ${c.gutterSize ?? 4 / 2}px;\r\n  }\r\n${c.media ? '}' : ''}`;\r\n        return p;\r\n      }, '');\r\n    }\r\n  }\r\n\r\n  bound() {\r\n    this.columnsChanged();\r\n  }\r\n}\r\n"]}