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

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';\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"]}
+{"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';\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"]}

package/dist/image-list/styles/_index.scss

@@ -0,0 +1 @@
+@forward "mdc-image-list";

package/dist/image-list/styles/mdc-image-list.import.scss

@@ -0,0 +1 @@
+@forward "mdc-image-list";

package/dist/image-list/styles/mdc-image-list.scss

@@ -0,0 +1,7 @@
+.mdc-image-list__image-aspect-container {
+  padding-bottom: calc(100% / var(--mdc-image-list-item-aspect, 1));
+}
+
+.mdc-image-list__item {
+  display: block;
+}