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

package/src/layout-grid/doc/api.json

@@ -0,0 +1,600 @@
+{
+	"id": 0,
+	"name": "aurelia-mdc-web-docs",
+	"kind": 1,
+	"kindString": "Project",
+	"flags": {},
+	"children": [
+		{
+			"id": 6,
+			"name": "MdcLayoutGrid",
+			"kind": 128,
+			"kindString": "Class",
+			"flags": {},
+			"comment": {
+				"tags": [
+					{
+						"tag": "selector",
+						"text": "mdc-layout-grid\n"
+					}
+				]
+			},
+			"decorators": [
+				{
+					"name": "inject",
+					"type": {
+						"type": "reference",
+						"name": "inject"
+					},
+					"arguments": {
+						"dependencies": "Element"
+					}
+				},
+				{
+					"name": "customElement",
+					"type": {
+						"type": "reference",
+						"name": "customElement"
+					},
+					"arguments": {
+						"name": "'mdc-layout-grid'"
+					}
+				}
+			],
+			"children": [
+				{
+					"id": 7,
+					"name": "constructor",
+					"kind": 512,
+					"kindString": "Constructor",
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 10,
+							"character": 2
+						}
+					],
+					"signatures": [
+						{
+							"id": 8,
+							"name": "new MdcLayoutGrid",
+							"kind": 16384,
+							"kindString": "Constructor signature",
+							"flags": {},
+							"parameters": [
+								{
+									"id": 9,
+									"name": "root",
+									"kind": 32768,
+									"kindString": "Parameter",
+									"flags": {},
+									"type": {
+										"type": "reference",
+										"name": "HTMLElement"
+									}
+								}
+							],
+							"type": {
+								"type": "reference",
+								"id": 6,
+								"name": "MdcLayoutGrid"
+							}
+						}
+					]
+				},
+				{
+					"id": 22,
+					"name": "columnWidths",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {},
+					"comment": {
+						"shortText": "Set all column widths at once"
+					},
+					"decorators": [
+						{
+							"name": "bindable",
+							"type": {
+								"type": "reference",
+								"name": "bindable"
+							},
+							"arguments": {
+								"config": "{ set: number }"
+							}
+						}
+					],
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 47,
+							"character": 2
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "string"
+					}
+				},
+				{
+					"id": 13,
+					"name": "desktopColumnWidth",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {},
+					"comment": {
+						"shortText": "Set desktop column width"
+					},
+					"decorators": [
+						{
+							"name": "bindable",
+							"type": {
+								"type": "reference",
+								"name": "bindable"
+							},
+							"arguments": {
+								"config": "{ set: number }"
+							}
+						}
+					],
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 26,
+							"character": 2
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "string"
+					}
+				},
+				{
+					"id": 11,
+					"name": "fixedColumnWidth",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {},
+					"comment": {
+						"shortText": "Specifies the grid should have fixed column width"
+					},
+					"decorators": [
+						{
+							"name": "bindable",
+							"type": {
+								"type": "reference",
+								"name": "bindable"
+							},
+							"arguments": {
+								"config": "{ set: booleanAttr }"
+							}
+						}
+					],
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 18,
+							"character": 2
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "boolean"
+					}
+				},
+				{
+					"id": 12,
+					"name": "noPadding",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {},
+					"comment": {
+						"shortText": "Specifies the grid should have no padding"
+					},
+					"decorators": [
+						{
+							"name": "bindable",
+							"type": {
+								"type": "reference",
+								"name": "bindable"
+							},
+							"arguments": {
+								"config": "{ set: booleanAttr }"
+							}
+						}
+					],
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 22,
+							"character": 2
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "boolean"
+					}
+				},
+				{
+					"id": 19,
+					"name": "phoneColumnWidth",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {},
+					"comment": {
+						"shortText": "Set phone column width"
+					},
+					"decorators": [
+						{
+							"name": "bindable",
+							"type": {
+								"type": "reference",
+								"name": "bindable"
+							},
+							"arguments": {
+								"config": "{ set: number }"
+							}
+						}
+					],
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 40,
+							"character": 2
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "string"
+					}
+				},
+				{
+					"id": 10,
+					"name": "position",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {},
+					"comment": {
+						"shortText": "Set grid alignment. Has no effect when the grid already fills its container."
+					},
+					"decorators": [
+						{
+							"name": "bindable",
+							"type": {
+								"type": "reference",
+								"name": "bindable"
+							}
+						}
+					],
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 14,
+							"character": 2
+						}
+					],
+					"type": {
+						"type": "union",
+						"types": [
+							{
+								"type": "literal",
+								"value": "left"
+							},
+							{
+								"type": "literal",
+								"value": "right"
+							}
+						]
+					}
+				},
+				{
+					"id": 16,
+					"name": "tabletColumnWidth",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {},
+					"comment": {
+						"shortText": "Set tablet column width"
+					},
+					"decorators": [
+						{
+							"name": "bindable",
+							"type": {
+								"type": "reference",
+								"name": "bindable"
+							},
+							"arguments": {
+								"config": "{ set: number }"
+							}
+						}
+					],
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 33,
+							"character": 2
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "string"
+					}
+				},
+				{
+					"id": 25,
+					"name": "bound",
+					"kind": 2048,
+					"kindString": "Method",
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 52,
+							"character": 2
+						}
+					],
+					"signatures": [
+						{
+							"id": 26,
+							"name": "bound",
+							"kind": 4096,
+							"kindString": "Call signature",
+							"flags": {},
+							"type": {
+								"type": "intrinsic",
+								"name": "void"
+							}
+						}
+					]
+				},
+				{
+					"id": 23,
+					"name": "columnWidthsChanged",
+					"kind": 2048,
+					"kindString": "Method",
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 48,
+							"character": 2
+						}
+					],
+					"signatures": [
+						{
+							"id": 24,
+							"name": "columnWidthsChanged",
+							"kind": 4096,
+							"kindString": "Call signature",
+							"flags": {},
+							"type": {
+								"type": "intrinsic",
+								"name": "void"
+							}
+						}
+					]
+				},
+				{
+					"id": 14,
+					"name": "desktopColumnWidthChanged",
+					"kind": 2048,
+					"kindString": "Method",
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 27,
+							"character": 2
+						}
+					],
+					"signatures": [
+						{
+							"id": 15,
+							"name": "desktopColumnWidthChanged",
+							"kind": 4096,
+							"kindString": "Call signature",
+							"flags": {},
+							"type": {
+								"type": "intrinsic",
+								"name": "void"
+							}
+						}
+					]
+				},
+				{
+					"id": 20,
+					"name": "phoneColumnWidthChanged",
+					"kind": 2048,
+					"kindString": "Method",
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 41,
+							"character": 2
+						}
+					],
+					"signatures": [
+						{
+							"id": 21,
+							"name": "phoneColumnWidthChanged",
+							"kind": 4096,
+							"kindString": "Call signature",
+							"flags": {},
+							"type": {
+								"type": "intrinsic",
+								"name": "void"
+							}
+						}
+					]
+				},
+				{
+					"id": 17,
+					"name": "tabletColumnWidthChanged",
+					"kind": 2048,
+					"kindString": "Method",
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "mdc-layout-grid.ts",
+							"line": 34,
+							"character": 2
+						}
+					],
+					"signatures": [
+						{
+							"id": 18,
+							"name": "tabletColumnWidthChanged",
+							"kind": 4096,
+							"kindString": "Call signature",
+							"flags": {},
+							"type": {
+								"type": "intrinsic",
+								"name": "void"
+							}
+						}
+					]
+				}
+			],
+			"groups": [
+				{
+					"title": "Constructors",
+					"kind": 512,
+					"children": [
+						7
+					]
+				},
+				{
+					"title": "Properties",
+					"kind": 1024,
+					"children": [
+						22,
+						13,
+						11,
+						12,
+						19,
+						10,
+						16
+					]
+				},
+				{
+					"title": "Methods",
+					"kind": 2048,
+					"children": [
+						25,
+						23,
+						14,
+						20,
+						17
+					]
+				}
+			],
+			"sources": [
+				{
+					"fileName": "mdc-layout-grid.ts",
+					"line": 9,
+					"character": 13
+				}
+			]
+		},
+		{
+			"id": 1,
+			"name": "LayoutGridConfiguration",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {},
+			"sources": [
+				{
+					"fileName": "index.ts",
+					"line": 8,
+					"character": 13
+				}
+			],
+			"type": {
+				"type": "reflection",
+				"declaration": {
+					"id": 2,
+					"name": "__type",
+					"kind": 65536,
+					"kindString": "Type literal",
+					"flags": {},
+					"children": [
+						{
+							"id": 3,
+							"name": "register",
+							"kind": 2048,
+							"kindString": "Method",
+							"flags": {},
+							"sources": [
+								{
+									"fileName": "index.ts",
+									"line": 9,
+									"character": 2
+								}
+							],
+							"signatures": [
+								{
+									"id": 4,
+									"name": "register",
+									"kind": 4096,
+									"kindString": "Call signature",
+									"flags": {},
+									"parameters": [
+										{
+											"id": 5,
+											"name": "container",
+											"kind": 32768,
+											"kindString": "Parameter",
+											"flags": {},
+											"type": {
+												"type": "reference",
+												"name": "IContainer"
+											}
+										}
+									],
+									"type": {
+										"type": "reference",
+										"name": "IContainer"
+									}
+								}
+							]
+						}
+					],
+					"groups": [
+						{
+							"title": "Methods",
+							"kind": 2048,
+							"children": [
+								3
+							]
+						}
+					]
+				}
+			},
+			"defaultValue": "..."
+		}
+	],
+	"groups": [
+		{
+			"title": "Classes",
+			"kind": 128,
+			"children": [
+				6
+			]
+		},
+		{
+			"title": "Variables",
+			"kind": 32,
+			"children": [
+				1
+			]
+		}
+	],
+	"sources": [
+		{
+			"fileName": "index.ts",
+			"line": 1,
+			"character": 0
+		}
+	]
+}

package/src/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.html

@@ -0,0 +1,12 @@
+<template class="
+  mdc-layout-grid__cell
+  ${order ? 'mdc-layout-grid__cell--order-' + order : ''}
+  ${position ? 'mdc-layout-grid__cell--align-' + position : ''}
+  ${span ? 'mdc-layout-grid__cell--span-' + span : ''}
+  ${desktopSpan ? 'mdc-layout-grid__cell--span-' + desktopSpan + '-desktop' : ''}
+  ${tabletSpan ? 'mdc-layout-grid__cell--span-' + tabletSpan + '-tablet' : ''}
+  ${phoneSpan ? 'mdc-layout-grid__cell--span-' + phoneSpan + '-phone' : ''}
+  ${newRow ? 'mdc-layout-grid__cell--new-row' : ''}
+  ">
+  <au-slot></au-slot>
+</template>

package/src/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.ts

@@ -0,0 +1,49 @@
+import { customElement, bindable } from 'aurelia';
+import { booleanAttr } from '../../base';
+import template from './mdc-layout-grid-cell.html?raw';
+
+/**
+ * @selector mdc-layout-grid-cell
+ */
+@customElement({ name: 'mdc-layout-grid-cell', template })
+export class MdcLayoutGridCell {
+  /** Optional, specifies the order of the cell */
+  @bindable()
+  order: string;
+
+  /** Optional, specifies the alignment of cell */
+  @bindable()
+  position: 'top' | 'middle' | 'bottom';
+
+  /** Optional, specifies the number of columns the cell spans */
+  @bindable()
+  span: string;
+
+  /** Optional, specifies the number of columns the cell spans on a desktop */
+  @bindable()
+  desktopSpan: string;
+
+  /** Optional, specifies the number of columns the cell spans on a tablet */
+  @bindable()
+  tabletSpan: string;
+
+  /** Optional, specifies the number of columns the cell spans on a phone */
+  @bindable()
+  phoneSpan: string;
+
+  @bindable({ set: booleanAttr })
+  newRow: string;
+
+  /** Optional, specifies the number of columns the cell spans for all screen sizes */
+  @bindable()
+  spans: string;
+  spansChanged() {
+    [this.phoneSpan, this.tabletSpan, this.desktopSpan] = this.spans.split(' ');
+  }
+
+  bound() {
+    if (this.spans !== undefined) {
+      this.spansChanged();
+    }
+  }
+}

package/src/layout-grid/mdc-layout-grid-inner.ts

@@ -0,0 +1,8 @@
+import { customElement } from 'aurelia';
+
+/**
+ * Mandatory. Added automatically by the grid element. Can be used for nested tables.
+ * @selector mdc-layout-grid-inner
+ */
+@customElement({ name: 'mdc-layout-grid-inner', template: '<template class="mdc-layout-grid__inner"><au-slot></au-slot></template>' })
+export class MdcLayoutGridInner { }

package/src/layout-grid/mdc-layout-grid.html

@@ -0,0 +1,8 @@
+<template class="
+  mdc-layout-grid
+  ${position ? 'mdc-layout-grid--align-' + position : ''}
+  ${fixedColumnWidth ? 'mdc-layout-grid--fixed-column-width' : ''}
+  ${noPadding ? 'mdc-layout-grid--no-padding' : ''}
+  ">
+  <au-slot></au-slot>
+</template>