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

package/src/typography/mdc-typography.ts

@@ -0,0 +1,130 @@
+import { inject, customAttribute } from 'aurelia';
+
+@inject(Element)
+class MdcTypography {
+  constructor(private root: HTMLElement) { }
+
+  type: 'headline1' | 'headline2' | 'headline3' | 'headline4' | 'headline5' | 'headline6'
+    | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'button' | 'overline';
+
+  attached() {
+    this.root.classList.add(this.type ? `mdc-typography--${this.type}` : 'mdc-typography');
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-headline1')
+export class MdcHeadline1 extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'headline1';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-headline2')
+export class MdcHeadline2 extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'headline2';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-headline3')
+export class MdcHeadline3 extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'headline3';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-headline4')
+export class MdcHeadline4 extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'headline4';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-headline5')
+export class MdcHeadline5 extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'headline5';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-headline6')
+export class MdcHeadline6 extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'headline6';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-subtitle1')
+export class MdcSubtitle1 extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'subtitle1';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-subtitle2')
+export class MdcSubtitle2 extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'subtitle2';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-body1')
+export class MdcBody1 extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'body1';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-body2')
+export class MdcBody2 extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'body2';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-caption')
+export class MdcCaption extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'caption';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-typography-button')
+export class MdcTypographyButton extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'button';
+  }
+}
+
+@inject(Element)
+@customAttribute('mdc-overline')
+export class MdcOveline extends MdcTypography {
+  constructor(root: HTMLElement){
+    super(root);
+    this.type = 'overline';
+  }
+}

package/src/validation/doc/api.json

@@ -0,0 +1,371 @@
+{
+	"id": 0,
+	"name": "aurelia-mdc-web-docs",
+	"kind": 1,
+	"kindString": "Project",
+	"flags": {},
+	"children": [
+		{
+			"id": 7,
+			"name": "MdcValidationControllerFactory",
+			"kind": 128,
+			"kindString": "Class",
+			"flags": {},
+			"children": [
+				{
+					"id": 8,
+					"name": "constructor",
+					"kind": 512,
+					"kindString": "Constructor",
+					"flags": {},
+					"signatures": [
+						{
+							"id": 9,
+							"name": "new MdcValidationControllerFactory",
+							"kind": 16384,
+							"kindString": "Constructor signature",
+							"flags": {},
+							"type": {
+								"type": "reference",
+								"id": 7,
+								"name": "MdcValidationControllerFactory"
+							}
+						}
+					]
+				},
+				{
+					"id": 10,
+					"name": "Type",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isPublic": true
+					},
+					"sources": [
+						{
+							"fileName": "mdc-validation-controller-factory.ts",
+							"line": 11,
+							"character": 9
+						}
+					],
+					"type": {
+						"type": "reference",
+						"typeArguments": [
+							{
+								"type": "reference",
+								"name": "IValidationController"
+							}
+						],
+						"name": "Constructable"
+					},
+					"defaultValue": "...",
+					"implementationOf": {
+						"type": "reference",
+						"name": "IFactory.Type"
+					}
+				},
+				{
+					"id": 14,
+					"name": "construct",
+					"kind": 2048,
+					"kindString": "Method",
+					"flags": {
+						"isPublic": true
+					},
+					"sources": [
+						{
+							"fileName": "mdc-validation-controller-factory.ts",
+							"line": 18,
+							"character": 9
+						}
+					],
+					"signatures": [
+						{
+							"id": 15,
+							"name": "construct",
+							"kind": 4096,
+							"kindString": "Call signature",
+							"flags": {},
+							"parameters": [
+								{
+									"id": 16,
+									"name": "container",
+									"kind": 32768,
+									"kindString": "Parameter",
+									"flags": {},
+									"type": {
+										"type": "reference",
+										"name": "IContainer"
+									}
+								},
+								{
+									"id": 17,
+									"name": "_dynamicDependencies",
+									"kind": 32768,
+									"kindString": "Parameter",
+									"flags": {
+										"isOptional": true
+									},
+									"type": {
+										"type": "array",
+										"elementType": {
+											"type": "reference",
+											"name": "Key"
+										}
+									}
+								}
+							],
+							"type": {
+								"type": "reference",
+								"name": "IValidationController"
+							},
+							"implementationOf": {
+								"type": "reference",
+								"name": "IFactory.construct"
+							}
+						}
+					],
+					"implementationOf": {
+						"type": "reference",
+						"name": "IFactory.construct"
+					}
+				},
+				{
+					"id": 11,
+					"name": "registerTransformer",
+					"kind": 2048,
+					"kindString": "Method",
+					"flags": {
+						"isPublic": true
+					},
+					"sources": [
+						{
+							"fileName": "mdc-validation-controller-factory.ts",
+							"line": 14,
+							"character": 9
+						}
+					],
+					"signatures": [
+						{
+							"id": 12,
+							"name": "registerTransformer",
+							"kind": 4096,
+							"kindString": "Call signature",
+							"flags": {},
+							"parameters": [
+								{
+									"id": 13,
+									"name": "_transformer",
+									"kind": 32768,
+									"kindString": "Parameter",
+									"flags": {},
+									"type": {
+										"type": "reference",
+										"typeArguments": [
+											{
+												"type": "reference",
+												"typeArguments": [
+													{
+														"type": "reference",
+														"name": "IValidationController"
+													}
+												],
+												"name": "Constructable"
+											}
+										],
+										"name": "Transformer"
+									}
+								}
+							],
+							"type": {
+								"type": "intrinsic",
+								"name": "boolean"
+							},
+							"implementationOf": {
+								"type": "reference",
+								"name": "IFactory.registerTransformer"
+							}
+						}
+					],
+					"implementationOf": {
+						"type": "reference",
+						"name": "IFactory.registerTransformer"
+					}
+				}
+			],
+			"groups": [
+				{
+					"title": "Constructors",
+					"kind": 512,
+					"children": [
+						8
+					]
+				},
+				{
+					"title": "Properties",
+					"kind": 1024,
+					"children": [
+						10
+					]
+				},
+				{
+					"title": "Methods",
+					"kind": 2048,
+					"children": [
+						14,
+						11
+					]
+				}
+			],
+			"sources": [
+				{
+					"fileName": "mdc-validation-controller-factory.ts",
+					"line": 10,
+					"character": 13
+				}
+			],
+			"implementedTypes": [
+				{
+					"type": "reference",
+					"typeArguments": [
+						{
+							"type": "reference",
+							"typeArguments": [
+								{
+									"type": "reference",
+									"name": "IValidationController"
+								}
+							],
+							"name": "Constructable"
+						}
+					],
+					"name": "IFactory"
+				}
+			]
+		},
+		{
+			"id": 1,
+			"name": "MdcValidationResultPresenter",
+			"kind": 128,
+			"kindString": "Class",
+			"flags": {},
+			"children": [
+				{
+					"id": 2,
+					"name": "constructor",
+					"kind": 512,
+					"kindString": "Constructor",
+					"flags": {},
+					"signatures": [
+						{
+							"id": 3,
+							"name": "new MdcValidationResultPresenter",
+							"kind": 16384,
+							"kindString": "Constructor signature",
+							"flags": {},
+							"type": {
+								"type": "reference",
+								"id": 1,
+								"name": "MdcValidationResultPresenter"
+							}
+						}
+					]
+				},
+				{
+					"id": 4,
+					"name": "handleValidationEvent",
+					"kind": 2048,
+					"kindString": "Method",
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "mdc-validation-result-presenter.ts",
+							"line": 5,
+							"character": 2
+						}
+					],
+					"signatures": [
+						{
+							"id": 5,
+							"name": "handleValidationEvent",
+							"kind": 4096,
+							"kindString": "Call signature",
+							"flags": {},
+							"parameters": [
+								{
+									"id": 6,
+									"name": "event",
+									"kind": 32768,
+									"kindString": "Parameter",
+									"flags": {},
+									"type": {
+										"type": "reference",
+										"name": "ValidationEvent"
+									}
+								}
+							],
+							"type": {
+								"type": "intrinsic",
+								"name": "void"
+							},
+							"implementationOf": {
+								"type": "reference",
+								"name": "ValidationResultsSubscriber.handleValidationEvent"
+							}
+						}
+					],
+					"implementationOf": {
+						"type": "reference",
+						"name": "ValidationResultsSubscriber.handleValidationEvent"
+					}
+				}
+			],
+			"groups": [
+				{
+					"title": "Constructors",
+					"kind": 512,
+					"children": [
+						2
+					]
+				},
+				{
+					"title": "Methods",
+					"kind": 2048,
+					"children": [
+						4
+					]
+				}
+			],
+			"sources": [
+				{
+					"fileName": "mdc-validation-result-presenter.ts",
+					"line": 4,
+					"character": 13
+				}
+			],
+			"implementedTypes": [
+				{
+					"type": "reference",
+					"name": "ValidationResultsSubscriber"
+				}
+			]
+		}
+	],
+	"groups": [
+		{
+			"title": "Classes",
+			"kind": 128,
+			"children": [
+				7,
+				1
+			]
+		}
+	],
+	"sources": [
+		{
+			"fileName": "index.ts",
+			"line": 1,
+			"character": 0
+		}
+	]
+}

package/src/validation/mdc-validation-controller-factory.ts

@@ -0,0 +1,20 @@
+import { IContainer, IFactory, Constructable, Transformer, Key } from '@aurelia/kernel';
+import { IValidationController, ValidationController } from '@aurelia/validation-html';
+import { MdcValidationResultPresenter } from './mdc-validation-result-presenter';
+
+export class MdcValidationControllerFactory implements IFactory<Constructable<IValidationController>> {
+  public Type: Constructable<IValidationController> = (void 0)!;
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  public registerTransformer(_transformer: Transformer<Constructable<IValidationController>>): boolean {
+    return false;
+  }
+
+  public construct(_: IContainer, _dynamicDependencies?: Key[] | undefined): IValidationController {
+    const controller: IValidationController = _dynamicDependencies !== void 0
+      ? Reflect.construct(ValidationController, _dynamicDependencies)
+      : new ValidationController();
+    controller.addSubscriber(new MdcValidationResultPresenter());
+    return controller;
+  }
+}

package/src/validation/mdc-validation-result-presenter.ts

@@ -0,0 +1,36 @@
+import { IValidatedElement } from '../base';
+import { ValidationEvent, ValidationResultsSubscriber } from '@aurelia/validation-html';
+
+export class MdcValidationResultPresenter implements ValidationResultsSubscriber {
+  handleValidationEvent(event: ValidationEvent): void {
+    const elements = new Map<IValidatedElement, boolean>();
+
+    for (let i = 0; i < event.removedResults.length; ++i) {
+      const ri = event.removedResults[i];
+      for (let j = 0; j < ri.targets.length; ++j) {
+        const el = ri.targets[j] as IValidatedElement;
+        if (!ri.result.valid && Object.getOwnPropertyDescriptor(el, 'removeError')) {
+          el.removeError(ri.result);
+          elements.set(el, true);
+        }
+      }
+    }
+
+    for (let i = 0; i < event.addedResults.length; ++i) {
+      const ri = event.addedResults[i];
+      for (let j = 0; j < ri.targets.length; ++j) {
+        const el = ri.targets[j] as IValidatedElement;
+        if (!ri.result.valid && Object.getOwnPropertyDescriptor(el, 'addError')) {
+          el.addError(ri.result);
+          elements.set(el, true);
+        }
+      }
+    }
+
+    for (const el of elements.keys()) {
+      if (Object.getOwnPropertyDescriptor(el, 'renderErrors')) {
+        el.renderErrors();
+      }
+    }
+  }
+}

package/{_index.scss → styles/_index.scss}

@@ -1 +1 @@
-@forward './mdc-all.scss';
+@forward './mdc-all.scss';

package/{mdc-all.import.scss → styles/mdc-all.import.scss}

@@ -1 +1 @@
-@forward './mdc-all.scss';
+@forward './mdc-all.scss';

package/{mdc-all.scss → styles/mdc-all.scss}

@@ -1,19 +1,19 @@
 @use "@material/button/mdc-button";
 @use "@material/list/evolution-mixins" as list-evolution-mixins;
 @use "@material/list/mdc-list";
-@use "@aurelia-mdc-web/list" as auList;
+@use "../src/list/styles" as auList;
 @use "@material/top-app-bar/mdc-top-app-bar";
 @use "@material/icon-button/mdc-icon-button";
 @use "@material/drawer/mdc-drawer";
 @use "@material/textfield/mdc-text-field";
-@use "@aurelia-mdc-web/text-field" as AuTextField;
+@use "../src/text-field/styles" as AuTextField;
 @use "@material/floating-label/mdc-floating-label";
 @use "@material/form-field/mdc-form-field";
 @use "@material/line-ripple/mdc-line-ripple";
 @use "@material/notched-outline/mdc-notched-outline";
 @use "@material/ripple/mdc-ripple";
 @use "@material/ripple/ripple-theme";
-@use "@aurelia-mdc-web/ripple" as auRipple;
+@use "../src/ripple/styles" as auRipple;
 @use "@material/tab-bar/mdc-tab-bar";
 @use "@material/tab-scroller/mdc-tab-scroller";
 @use "@material/tab-indicator/mdc-tab-indicator";
@@ -28,24 +28,24 @@
 @use "@material/radio/mdc-radio";
 @use "@material/circular-progress/mdc-circular-progress";
 @use "@material/slider/slider";
-@use "@aurelia-mdc-web/slider" as auSlider;
+@use "../src/slider/styles" as auSlider;
 @use "@material/switch/styles" as switch-styles;
 @use "@material/fab/mdc-fab";
 @use "@material/fab/fab-theme";
-@use "@aurelia-mdc-web/expandable";
+@use "../src/expandable/styles" as expandable;
 @use "@material/elevation/mdc-elevation";
 @use "@material/data-table/mdc-data-table";
-@use "@aurelia-mdc-web/tree-view";
+@use "../src/tree-view/styles" as tree-view;
 @use "@material/linear-progress/mdc-linear-progress";
 @use "@material/chips/deprecated/mdc-chips";
 @use "@material/chips/styles" as chips-styles;
 @use "@material/layout-grid/mdc-layout-grid";
-@use "@aurelia-mdc-web/layout-grid";
+@use "../src/layout-grid/styles" as layout-grid;
 @use "@material/snackbar/mdc-snackbar";
 @use "@material/image-list/mdc-image-list";
-@use "@aurelia-mdc-web/image-list";
+@use "../src/image-list/styles" as image-list;
 @use "@material/tooltip/styles" as tooltip-styles;
-@use "@material/banner/styles"as banner-styles;
+@use "@material/banner/styles" as banner-styles;
 @use '@material/segmented-button/styles' as segmented-button-styles;
 
 @include slider.core-styles;