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

package/dist/typography/mdc-typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-typography.js","sourceRoot":"","sources":["../../src/typography/mdc-typography.ts"],"names":[],"mappings":"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","sourcesContent":["import { inject, customAttribute } from 'aurelia';\n\n@inject(Element)\nclass MdcTypography {\n  constructor(private root: HTMLElement) { }\n\n  type: 'headline1' | 'headline2' | 'headline3' | 'headline4' | 'headline5' | 'headline6'\n    | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'button' | 'overline';\n\n  attached() {\n    this.root.classList.add(this.type ? `mdc-typography--${this.type}` : 'mdc-typography');\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-headline1')\nexport class MdcHeadline1 extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'headline1';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-headline2')\nexport class MdcHeadline2 extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'headline2';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-headline3')\nexport class MdcHeadline3 extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'headline3';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-headline4')\nexport class MdcHeadline4 extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'headline4';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-headline5')\nexport class MdcHeadline5 extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'headline5';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-headline6')\nexport class MdcHeadline6 extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'headline6';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-subtitle1')\nexport class MdcSubtitle1 extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'subtitle1';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-subtitle2')\nexport class MdcSubtitle2 extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'subtitle2';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-body1')\nexport class MdcBody1 extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'body1';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-body2')\nexport class MdcBody2 extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'body2';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-caption')\nexport class MdcCaption extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'caption';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-typography-button')\nexport class MdcTypographyButton extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'button';\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-overline')\nexport class MdcOveline extends MdcTypography {\n  constructor(root: HTMLElement){\n    super(root);\n    this.type = 'overline';\n  }\n}\n"]}
+{"version":3,"file":"mdc-typography.js","sourceRoot":"","sources":["../../src/typography/mdc-typography.ts"],"names":[],"mappings":"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","sourcesContent":["import { inject, customAttribute } from 'aurelia';\r\n\r\n@inject(Element)\r\nclass MdcTypography {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  type: 'headline1' | 'headline2' | 'headline3' | 'headline4' | 'headline5' | 'headline6'\r\n    | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'button' | 'overline';\r\n\r\n  attached() {\r\n    this.root.classList.add(this.type ? `mdc-typography--${this.type}` : 'mdc-typography');\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-headline1')\r\nexport class MdcHeadline1 extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'headline1';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-headline2')\r\nexport class MdcHeadline2 extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'headline2';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-headline3')\r\nexport class MdcHeadline3 extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'headline3';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-headline4')\r\nexport class MdcHeadline4 extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'headline4';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-headline5')\r\nexport class MdcHeadline5 extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'headline5';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-headline6')\r\nexport class MdcHeadline6 extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'headline6';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-subtitle1')\r\nexport class MdcSubtitle1 extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'subtitle1';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-subtitle2')\r\nexport class MdcSubtitle2 extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'subtitle2';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-body1')\r\nexport class MdcBody1 extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'body1';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-body2')\r\nexport class MdcBody2 extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'body2';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-caption')\r\nexport class MdcCaption extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'caption';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-typography-button')\r\nexport class MdcTypographyButton extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'button';\r\n  }\r\n}\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-overline')\r\nexport class MdcOveline extends MdcTypography {\r\n  constructor(root: HTMLElement){\r\n    super(root);\r\n    this.type = 'overline';\r\n  }\r\n}\r\n"]}

package/dist/validation/mdc-validation-controller-factory.js

@@ -1,6 +1,9 @@
-import { ValidationController } from '@aurelia/validation-html';
-import { MdcValidationResultPresenter } from './mdc-validation-result-presenter';
-export class MdcValidationControllerFactory {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcValidationControllerFactory = void 0;
+const validation_html_1 = require("@aurelia/validation-html");
+const mdc_validation_result_presenter_1 = require("./mdc-validation-result-presenter");
+class MdcValidationControllerFactory {
     Type = (void 0);
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     registerTransformer(_transformer) {
@@ -8,10 +11,11 @@ export class MdcValidationControllerFactory {
     }
     construct(_, _dynamicDependencies) {
         const controller = _dynamicDependencies !== void 0
-            ? Reflect.construct(ValidationController, _dynamicDependencies)
-            : new ValidationController();
-        controller.addSubscriber(new MdcValidationResultPresenter());
+            ? Reflect.construct(validation_html_1.ValidationController, _dynamicDependencies)
+            : new validation_html_1.ValidationController();
+        controller.addSubscriber(new mdc_validation_result_presenter_1.MdcValidationResultPresenter());
         return controller;
     }
 }
+exports.MdcValidationControllerFactory = MdcValidationControllerFactory;
 //# sourceMappingURL=mdc-validation-controller-factory.js.map

package/dist/validation/mdc-validation-controller-factory.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-validation-controller-factory.js","sourceRoot":"","sources":["../../src/validation/mdc-validation-controller-factory.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,MAAM,OAAO,8BAA8B;IAClC,IAAI,GAAyC,CAAC,KAAK,CAAC,CAAE,CAAC;IAE9D,6DAA6D;IACtD,mBAAmB,CAAC,YAA+D;QACxF,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,SAAS,CAAC,CAAa,EAAE,oBAAwC;QACtE,MAAM,UAAU,GAA0B,oBAAoB,KAAK,KAAK,CAAC;YACvE,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;YAC/D,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC;QAC/B,UAAU,CAAC,aAAa,CAAC,IAAI,4BAA4B,EAAE,CAAC,CAAC;QAC7D,OAAO,UAAU,CAAC;IACpB,CAAC;CACF","sourcesContent":["import { IContainer, IFactory, Constructable, Transformer, Key } from '@aurelia/kernel';\nimport { IValidationController, ValidationController } from '@aurelia/validation-html';\nimport { MdcValidationResultPresenter } from './mdc-validation-result-presenter';\n\nexport class MdcValidationControllerFactory implements IFactory<Constructable<IValidationController>> {\n  public Type: Constructable<IValidationController> = (void 0)!;\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  public registerTransformer(_transformer: Transformer<Constructable<IValidationController>>): boolean {\n    return false;\n  }\n\n  public construct(_: IContainer, _dynamicDependencies?: Key[] | undefined): IValidationController {\n    const controller: IValidationController = _dynamicDependencies !== void 0\n      ? Reflect.construct(ValidationController, _dynamicDependencies)\n      : new ValidationController();\n    controller.addSubscriber(new MdcValidationResultPresenter());\n    return controller;\n  }\n}\n"]}
+{"version":3,"file":"mdc-validation-controller-factory.js","sourceRoot":"","sources":["../../src/validation/mdc-validation-controller-factory.ts"],"names":[],"mappings":";;;AACA,8DAAuF;AACvF,uFAAiF;AAEjF,MAAa,8BAA8B;IAClC,IAAI,GAAyC,CAAC,KAAK,CAAC,CAAE,CAAC;IAE9D,6DAA6D;IACtD,mBAAmB,CAAC,YAA+D;QACxF,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,SAAS,CAAC,CAAa,EAAE,oBAAwC;QACtE,MAAM,UAAU,GAA0B,oBAAoB,KAAK,KAAK,CAAC;YACvE,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,sCAAoB,EAAE,oBAAoB,CAAC;YAC/D,CAAC,CAAC,IAAI,sCAAoB,EAAE,CAAC;QAC/B,UAAU,CAAC,aAAa,CAAC,IAAI,8DAA4B,EAAE,CAAC,CAAC;QAC7D,OAAO,UAAU,CAAC;IACpB,CAAC;CACF;AAfD,wEAeC","sourcesContent":["import { IContainer, IFactory, Constructable, Transformer, Key } from '@aurelia/kernel';\r\nimport { IValidationController, ValidationController } from '@aurelia/validation-html';\r\nimport { MdcValidationResultPresenter } from './mdc-validation-result-presenter';\r\n\r\nexport class MdcValidationControllerFactory implements IFactory<Constructable<IValidationController>> {\r\n  public Type: Constructable<IValidationController> = (void 0)!;\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n  public registerTransformer(_transformer: Transformer<Constructable<IValidationController>>): boolean {\r\n    return false;\r\n  }\r\n\r\n  public construct(_: IContainer, _dynamicDependencies?: Key[] | undefined): IValidationController {\r\n    const controller: IValidationController = _dynamicDependencies !== void 0\r\n      ? Reflect.construct(ValidationController, _dynamicDependencies)\r\n      : new ValidationController();\r\n    controller.addSubscriber(new MdcValidationResultPresenter());\r\n    return controller;\r\n  }\r\n}\r\n"]}

package/dist/validation/mdc-validation-result-presenter.js

@@ -1,4 +1,7 @@
-export class MdcValidationResultPresenter {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcValidationResultPresenter = void 0;
+class MdcValidationResultPresenter {
     handleValidationEvent(event) {
         const elements = new Map();
         for (let i = 0; i < event.removedResults.length; ++i) {
@@ -28,4 +31,5 @@ export class MdcValidationResultPresenter {
         }
     }
 }
+exports.MdcValidationResultPresenter = MdcValidationResultPresenter;
 //# sourceMappingURL=mdc-validation-result-presenter.js.map

package/dist/validation/mdc-validation-result-presenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-validation-result-presenter.js","sourceRoot":"","sources":["../../src/validation/mdc-validation-result-presenter.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,4BAA4B;IACvC,qBAAqB,CAAC,KAAsB;QAC1C,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA8B,CAAC;QAEvD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;YACrD,MAAM,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YACnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;gBAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAsB,CAAC;gBAC9C,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,wBAAwB,CAAC,EAAE,EAAE,aAAa,CAAC,EAAE,CAAC;oBAC3E,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;oBAC1B,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;QACH,CAAC;QAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;YACnD,MAAM,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YACjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;gBAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAsB,CAAC;gBAC9C,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,wBAAwB,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,CAAC;oBACxE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;oBACvB,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;QACH,CAAC;QAED,KAAK,MAAM,EAAE,IAAI,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;YACjC,IAAI,MAAM,CAAC,wBAAwB,CAAC,EAAE,EAAE,cAAc,CAAC,EAAE,CAAC;gBACxD,EAAE,CAAC,YAAY,EAAE,CAAC;YACpB,CAAC;QACH,CAAC;IACH,CAAC;CACF","sourcesContent":["import { IValidatedElement } from '../base';\nimport { ValidationEvent, ValidationResultsSubscriber } from '@aurelia/validation-html';\n\nexport class MdcValidationResultPresenter implements ValidationResultsSubscriber {\n  handleValidationEvent(event: ValidationEvent): void {\n    const elements = new Map<IValidatedElement, boolean>();\n\n    for (let i = 0; i < event.removedResults.length; ++i) {\n      const ri = event.removedResults[i];\n      for (let j = 0; j < ri.targets.length; ++j) {\n        const el = ri.targets[j] as IValidatedElement;\n        if (!ri.result.valid && Object.getOwnPropertyDescriptor(el, 'removeError')) {\n          el.removeError(ri.result);\n          elements.set(el, true);\n        }\n      }\n    }\n\n    for (let i = 0; i < event.addedResults.length; ++i) {\n      const ri = event.addedResults[i];\n      for (let j = 0; j < ri.targets.length; ++j) {\n        const el = ri.targets[j] as IValidatedElement;\n        if (!ri.result.valid && Object.getOwnPropertyDescriptor(el, 'addError')) {\n          el.addError(ri.result);\n          elements.set(el, true);\n        }\n      }\n    }\n\n    for (const el of elements.keys()) {\n      if (Object.getOwnPropertyDescriptor(el, 'renderErrors')) {\n        el.renderErrors();\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"mdc-validation-result-presenter.js","sourceRoot":"","sources":["../../src/validation/mdc-validation-result-presenter.ts"],"names":[],"mappings":";;;AAGA,MAAa,4BAA4B;IACvC,qBAAqB,CAAC,KAAsB;QAC1C,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA8B,CAAC;QAEvD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;YACrD,MAAM,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YACnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;gBAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAsB,CAAC;gBAC9C,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,wBAAwB,CAAC,EAAE,EAAE,aAAa,CAAC,EAAE,CAAC;oBAC3E,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;oBAC1B,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;QACH,CAAC;QAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;YACnD,MAAM,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YACjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;gBAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAsB,CAAC;gBAC9C,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,wBAAwB,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,CAAC;oBACxE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;oBACvB,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;QACH,CAAC;QAED,KAAK,MAAM,EAAE,IAAI,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;YACjC,IAAI,MAAM,CAAC,wBAAwB,CAAC,EAAE,EAAE,cAAc,CAAC,EAAE,CAAC;gBACxD,EAAE,CAAC,YAAY,EAAE,CAAC;YACpB,CAAC;QACH,CAAC;IACH,CAAC;CACF;AAhCD,oEAgCC","sourcesContent":["import { IValidatedElement } from '../base';\r\nimport { ValidationEvent, ValidationResultsSubscriber } from '@aurelia/validation-html';\r\n\r\nexport class MdcValidationResultPresenter implements ValidationResultsSubscriber {\r\n  handleValidationEvent(event: ValidationEvent): void {\r\n    const elements = new Map<IValidatedElement, boolean>();\r\n\r\n    for (let i = 0; i < event.removedResults.length; ++i) {\r\n      const ri = event.removedResults[i];\r\n      for (let j = 0; j < ri.targets.length; ++j) {\r\n        const el = ri.targets[j] as IValidatedElement;\r\n        if (!ri.result.valid && Object.getOwnPropertyDescriptor(el, 'removeError')) {\r\n          el.removeError(ri.result);\r\n          elements.set(el, true);\r\n        }\r\n      }\r\n    }\r\n\r\n    for (let i = 0; i < event.addedResults.length; ++i) {\r\n      const ri = event.addedResults[i];\r\n      for (let j = 0; j < ri.targets.length; ++j) {\r\n        const el = ri.targets[j] as IValidatedElement;\r\n        if (!ri.result.valid && Object.getOwnPropertyDescriptor(el, 'addError')) {\r\n          el.addError(ri.result);\r\n          elements.set(el, true);\r\n        }\r\n      }\r\n    }\r\n\r\n    for (const el of elements.keys()) {\r\n      if (Object.getOwnPropertyDescriptor(el, 'renderErrors')) {\r\n        el.renderErrors();\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/validation/validate.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validate = validate;
+/**
+ * @param errorMessage Optional error message, not displayed if `null`
+ */
+function validate(errorMessage) {
+    return function actualDecorator(originalMethod, _) {
+        return async function replacementMethod(...args) {
+            if (!this.alertService) {
+                throw new Error('Did you forget to inject AlertService?');
+            }
+            if (!this.validationController) {
+                throw new Error('Did you forget to create ValidationController?');
+            }
+            const errors = await this.validationController.validate();
+            if (!errors.valid) {
+                if (errorMessage !== null && this.alertService) {
+                    await this.alertService.error(errorMessage ?? 'Please fix validation errors');
+                }
+                return;
+            }
+            return originalMethod.call(this, ...args);
+        };
+    };
+}
+//# sourceMappingURL=validate.js.map

package/dist/validation/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","sourceRoot":"","sources":["../../src/validation/validate.ts"],"names":[],"mappings":";;AAWA,4BAoBC;AAvBD;;GAEG;AACH,SAAgB,QAAQ,CAAC,YAAwC;IAC/D,OAAO,SAAS,eAAe,CAAqE,cAAqD,EACvJ,CAA2E;QAC3E,OAAO,KAAK,UAAU,iBAAiB,CAAa,GAAG,IAAU;YAC/D,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBACvB,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;YAC5D,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC/B,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;YACpE,CAAC;YACD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EAAE,CAAC;YAC1D,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;gBAClB,IAAI,YAAY,KAAK,IAAI,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;oBAC/C,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,IAAI,8BAA8B,CAAC,CAAC;gBAChF,CAAC;gBACD,OAAO;YACT,CAAC;YACD,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;QAC5C,CAAC,CAAC;IACJ,CAAC,CAAA;AACH,CAAC","sourcesContent":["import { IValidationController } from '@aurelia/validation-html';\nimport { AlertService } from '../alert/alert-service';\n\nexport interface IWithValidationController {\n  validationController: IValidationController;\n  alertService: AlertService;\n}\n\n/**\n * @param errorMessage Optional error message, not displayed if `null`\n */\nexport function validate(errorMessage?: string | undefined | null) {\n  return function actualDecorator<This extends IWithValidationController, Args extends any[], Return>(originalMethod: (this: This, ...args: Args) => Return,\n    _: ClassMethodDecoratorContext<This, (this: This, ...args: Args) => Return>) {\n    return async function replacementMethod(this: This, ...args: Args) {\n      if (!this.alertService) {\n        throw new Error('Did you forget to inject AlertService?');\n      }\n      if (!this.validationController) {\n        throw new Error('Did you forget to create ValidationController?');\n      }\n      const errors = await this.validationController.validate();\n      if (!errors.valid) {\n        if (errorMessage !== null && this.alertService) {\n          await this.alertService.error(errorMessage ?? 'Please fix validation errors');\n        }\n        return;\n      }\n      return originalMethod.call(this, ...args);\n    };\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurelia-mdc-web/all",
-  "version": "9.3.1-au2",
+  "version": "9.3.3-au2",
   "publishConfig": {
     "access": "public"
   },
@@ -23,7 +23,8 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "types": "./dist/types/index.d.ts"
     },
     "./styles": {
       "sass": "./_index.scss"
@@ -90,6 +91,7 @@
     "@material/top-app-bar": "^14.0.0",
     "@material/typography": "^14.0.0",
     "aurelia": "2.0.0-beta.24",
+    "rxjs": "^7.8.2",
     "tslib": "^2.8.1"
   }
 }

package/src/alert/alert-configuration.ts

@@ -0,0 +1,11 @@
+import { AlertModal } from './alert-modal/alert-modal';
+import { PromptDialog } from './prompt-dialog/prompt-dialog';
+
+export class MdcAlertConfiguration {
+  defaultAlertModal: new (...args: any[]) => any = AlertModal;
+  defaultPromptDialog: new (...args: any[]) => any = PromptDialog;
+  okText: string = 'Ok';
+  cancelText: string = 'Cancel';
+  yesText: string = 'Yes';
+  noText: string = 'No';
+}

package/src/alert/alert-modal/alert-modal.html

@@ -0,0 +1,27 @@
+<mdc-dialog class="alert-modal">
+  <mdc-dialog-title if.bind="payload.caption">${payload.caption}</mdc-dialog-title>
+  <mdc-dialog-content class='alert-modal__dialog-content'>
+    <mdc-icon class="${payload.iconColour}">${payload.icon}</mdc-icon>
+    <span if.bind="payload.message">${payload.message}</span>
+    <div if.bind="payload.html" innerhtml.bind="payload.html"></div>
+  </mdc-dialog-content>
+  <mdc-dialog-actions>
+    <template if.bind="payload.button1Action === payload.defaultAction">
+      <button mdc-button data-mdc-dialog-action.bind="payload.button1Action" data-mdc-dialog-button-default
+        data-mdc-dialog-initial-focus if.bind="payload.button1Text">${payload.button1Text}</button>
+    </template>
+    <template else>
+      <button mdc-button data-mdc-dialog-action.bind="payload.button1Action"
+        if.bind="payload.button1Text">${payload.button1Text}</button>
+    </template>
+
+    <template if.bind="payload.button2Action === payload.defaultAction">
+      <button mdc-button data-mdc-dialog-action.bind="payload.button2Action" data-mdc-dialog-button-default
+        data-mdc-dialog-initial-focus if.bind="payload.button2Text">${payload.button2Text}</button>
+    </template>
+    <template else>
+      <button mdc-button data-mdc-dialog-action.bind="payload.button2Action"
+        if.bind="payload.button2Text">${payload.button2Text}</button>
+    </template>
+  </mdc-dialog-actions>
+</mdc-dialog>

package/src/alert/alert-modal/alert-modal.scss

@@ -0,0 +1,10 @@
+.alert-modal__dialog-content {
+  display: flex !important;
+  flex-direction: row;
+  align-items: center;
+
+  mdc-icon {
+    margin-right: 15px;
+    font-size: xxx-large;
+  }
+}

package/src/alert/alert-modal/alert-modal.ts

@@ -0,0 +1,13 @@
+import { IAlertModalPayload } from './i-alert-modal-payload';
+import template from './alert-modal.html?raw';
+import { customElement } from 'aurelia';
+import './alert-modal.scss'
+
+@customElement({ name: 'alert-modal', template })
+export class AlertModal {
+  payload: IAlertModalPayload;
+
+  loading(payload: IAlertModalPayload) {
+    this.payload = payload;
+  }
+}

package/src/alert/alert-modal/i-alert-modal-payload.ts

@@ -0,0 +1,9 @@
+export class IAlertModalPayload {
+  icon: string;
+  iconColour: string;
+  caption?: string;
+  message?: string;
+  html?: string;
+  okText: string;
+  cancelText: string;
+}

package/src/alert/alert-service.ts

@@ -0,0 +1,113 @@
+import { Subject } from 'rxjs/internal/Subject';
+import { BehaviorSubject } from 'rxjs/internal/BehaviorSubject';
+import { merge } from 'rxjs/internal/observable/merge';
+import { map } from 'rxjs/internal/operators/map';
+import { scan } from 'rxjs/internal/operators/scan';
+import { AlertModal } from './alert-modal/alert-modal';
+import { IPromptDialogData, PromptDialog } from './prompt-dialog/prompt-dialog';
+import { ExceptionsTracker } from './exceptions-tracker';
+import { IAlertModalPayload } from './alert-modal/i-alert-modal-payload';
+import { resolve } from 'aurelia';
+import { MdcConfiguration } from '../mdc-configuration';
+import { MdcDialogService, IMdcDialogOptions } from '../dialog/mdc-dialog-service';
+
+export class AlertService {
+  private dialogService: MdcDialogService = resolve(MdcDialogService);
+  private exceptionsTracker: ExceptionsTracker = resolve(ExceptionsTracker);
+  private configuration = resolve(MdcConfiguration);
+
+  increment$ = new Subject<void>();
+  decrement$ = new Subject<void>();
+  busy$ = new BehaviorSubject<boolean>(false);
+  busyAccumulator$ = merge(this.increment$.pipe(map(() => 1)), this.decrement$.pipe(map(() => -1)))
+    .pipe(
+      scan((acc, v) => acc += v, 0),
+      map(v => v > 0)
+    ).subscribe(this.busy$);
+  allowCancel$ = new Subject<boolean>();
+
+  showProgress() {
+    this.increment$.next();
+  }
+
+  hideProgress() {
+    this.decrement$.next();
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  async usingProgress<T, E = never>(action: () => Promise<T>, catchHandler?: (e: any) => Promise<E> | E, allowCancel?: boolean): Promise<T | E> {
+    try {
+      this.allowCancel$.next(allowCancel ?? false);
+      this.showProgress();
+      return await action();
+    } catch (e) {
+      if (catchHandler) {
+        return await catchHandler(e);
+      } else {
+        throw e;
+      }
+    } finally {
+      this.hideProgress();
+    }
+  }
+
+  async open<T extends { loading: (params: any) => any; }>(options: IMdcDialogOptions<T>): Promise<string> {
+    try {
+      this.hideProgress();
+      return await this.dialogService.open(options);
+    } finally {
+      this.showProgress();
+    }
+  }
+
+  async showModal(model: Partial<IAlertModalPayload>): Promise<string> {
+    return await this.open({ viewModel: AlertModal, model });
+  }
+
+  async alert(message: string | Partial<IAlertModalPayload>): Promise<boolean> {
+    if (typeof message === 'string') {
+      message = { message };
+    }
+    const model: Partial<IAlertModalPayload> = {
+      icon: 'info',
+      iconColour: 'mdc-theme--primary',
+      okText: this.configuration.alert.okText,
+      ...message
+    };
+    return await this.showModal(model) === 'ok';
+  }
+
+  async confirm(message: string | Partial<IAlertModalPayload>): Promise<boolean> {
+    if (typeof message === 'string') {
+      message = { message };
+    }
+    const model: IAlertModalPayload = {
+      icon: 'help',
+      iconColour: 'mdc-theme--primary',
+      okText: this.configuration.alert.yesText,
+      cancelText: this.configuration.alert.noText,
+      ...message
+    };
+    return await this.showModal(model) === 'ok';
+  }
+
+  async prompt(data: Partial<IPromptDialogData>): Promise<boolean> {
+    data.okText ??= this.configuration.alert.okText;
+    data.cancelText ??= this.configuration.alert.cancelText;
+    return await this.open({ viewModel: PromptDialog, model: data }) === 'ok';
+  }
+
+  async error(message: string | Partial<IAlertModalPayload>): Promise<boolean> {
+    if (typeof message === 'string') {
+      message = { message };
+    }
+    message.icon = 'error';
+    message.iconColour = 'mdc-theme--error';
+    return this.alert(message);
+  }
+
+  async criticalError(message: string | Partial<IAlertModalPayload>, error: Error): Promise<boolean> {
+    this.exceptionsTracker.track(error);
+    return this.error(message);
+  }
+}

package/src/alert/decorators/confirm-action.ts

@@ -0,0 +1,18 @@
+import { IAlertModalPayload } from '../alert-modal/i-alert-modal-payload';
+import { IWithAlertService } from './using-progress';
+
+export function confirmAction(message: string | Partial<IAlertModalPayload>) {
+  return function actualDecorator<This extends IWithAlertService, Args extends any[], Return>(originalMethod: (this: This, ...args: Args) => Return,
+    _: ClassMethodDecoratorContext<This, (this: This, ...args: Args) => Return>) {
+    return async function replacementMethod(this: This, ...args: Args) {
+      if (!this.alertService) {
+        throw new Error('Did you forget to inject AlertService?');
+      }
+
+      if (!await this.alertService.confirm(message)) {
+        return;
+      }
+      return originalMethod.call(this, args);
+    };
+  };
+}

package/src/alert/decorators/using-progress.ts

@@ -0,0 +1,30 @@
+import { IAlertModalPayload } from '../alert-modal/i-alert-modal-payload';
+import { AlertService } from '../alert-service';
+
+export interface IWithAlertService {
+  alertService: AlertService;
+}
+
+export function usingProgress(errorMessage?: string | Partial<IAlertModalPayload> | ((e: any) => string), allowCancel: boolean = false) {
+  return function actualDecorator<This extends IWithAlertService, Args extends any[], Return>(originalMethod: (this: This, ...args: Args) => Return,
+    _: ClassMethodDecoratorContext<This, (this: This, ...args: Args) => Return>) {
+    return function replacementMethod(this: This, ...args: Args) {
+      if (!this.alertService) {
+        throw new Error('Did you forget to inject AlertService?');
+      }
+      const abortController = new AbortController();
+      document.addEventListener('global-progress:cancel', () => abortController.abort(), { once: true });
+      return this.alertService.usingProgress(async () => {
+        return originalMethod.call(this, ...args, abortController.signal);
+      }, async e => {
+        const message = errorMessage instanceof Function ? errorMessage(e) : errorMessage;
+        if (e.nonCritical) {
+          await this.alertService.error(message ?? e.message);
+        } else {
+          await this.alertService.criticalError(message ?? e.message, e);
+        }
+        throw e;
+      }, allowCancel);
+    };
+  }
+}

package/src/alert/exceptions-tracker.ts

@@ -0,0 +1,3 @@
+export class ExceptionsTracker {
+  track(_error: Error) { }
+}

package/src/alert/global-progress/global-progress.html

@@ -0,0 +1,9 @@
+<template class="global-progress">
+  <div class="progress-background"></div>
+  <div>
+    <mdc-circular-progress size.bind="size" stroke-width.bind="strokeWidth" progress.bind="progress">
+    </mdc-circular-progress>
+    <div>${text}</div>
+    <a if.bind="allowCancel" href="#" click.trigger="cancel()">${allowCancel === true ? 'Cancel' : allowCancel}</a>
+  </div>
+</template>

package/src/alert/global-progress/global-progress.scss

@@ -0,0 +1,38 @@
+global-progress {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  z-index: 6;
+
+  .progress-background {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: white;
+    opacity: 0.7;
+  }
+
+  >div {
+    margin-left: auto;
+    margin-right: auto;
+    display: flex;
+    flex-direction: column;
+
+    .mdc-circular-progress {
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    >div,
+    >a {
+      text-align: center;
+      z-index: 1;
+    }
+  }
+}

package/src/alert/global-progress/global-progress.ts

@@ -0,0 +1,27 @@
+import { bindable, customElement } from 'aurelia';
+import template from './global-progress.html?raw';
+import './global-progress.scss';
+
+@customElement({ name: 'global-progress', template })
+export class GlobalProgress {
+  constructor(private element: Element) { }
+
+  @bindable({ type: Number })
+  size: number = 100;
+
+  @bindable({ type: Number })
+  strokeWidth: number = 10;
+
+  @bindable({ type: Number })
+  progress?: number;
+
+  @bindable
+  text?: string;
+
+  @bindable
+  allowCancel: boolean | string;
+
+  cancel() {
+    this.element.dispatchEvent(new CustomEvent('global-progress:cancel', { bubbles: true }));
+  }
+}

package/src/alert/prompt-dialog/prompt-dialog.html

@@ -0,0 +1,15 @@
+<mdc-dialog component.ref="dialog" class="prompt-dialog">
+  <mdc-dialog-title if.bind="data.title">${data.title}</mdc-dialog-title>
+  <mdc-dialog-content style="width: 500px">
+    <at-form-field>
+      <mdc-text-field label.bind="data.label" textarea.bind="data.textarea" value.bind="data.text & validate"
+        data-mdc-dialog-initial-focus>
+      </mdc-text-field>
+      <mdc-text-field-helper-line></mdc-text-field-helper-line>
+    </at-form-field>
+  </mdc-dialog-content>
+  <mdc-dialog-actions>
+    <button mdc-button data-mdc-dialog-action="cancel" if.bind="data.cancelText">${data.cancelText}</button>
+    <button mdc-button click.trigger="ok()" if.bind="data.okText">${data.okText}</button>
+  </mdc-dialog-actions>
+</mdc-dialog>

package/src/alert/prompt-dialog/prompt-dialog.ts

@@ -0,0 +1,35 @@
+import template from './prompt-dialog.html?raw'
+import { customElement, inject, newInstanceForScope } from 'aurelia';
+import { IValidationController } from '@aurelia/validation-html';
+import { IValidationRules } from '@aurelia/validation';
+import { MdcDialog } from '../../dialog/mdc-dialog';
+
+export interface IPromptDialogData {
+  title: string;
+  label: string;
+  text: string;
+  required: boolean;
+  textarea: boolean;
+  okText: string;
+  cancelText: string;
+}
+
+@inject(newInstanceForScope(IValidationController), IValidationRules)
+@customElement({ name: 'prompt-dialog', template })
+export class PromptDialog {
+  constructor(private validationController: IValidationController, private rules: IValidationRules) { }
+
+  dialog: MdcDialog;
+  data: IPromptDialogData;
+
+  loading(data: IPromptDialogData) {
+    this.data = data;
+    this.rules.on(data).ensure(x => x.text).required().when(x => !!x?.required);
+  }
+
+  async ok() {
+    if ((await this.validationController.validate()).valid) {
+      this.dialog.close('ok');
+    }
+  }
+}

package/src/banner/mdc-banner.html

@@ -1,21 +1,21 @@
-<template class="mdc-banner ${centered ? 'mdc-banner--centered' : ''}" role="banner"
-  mdc-focus-trap="initial-focus-el.bind: primaryActionEl" mdc-focus-trap.ref="mdcFocusTrap">
-  <div class="${fixed ? 'mdc-banner__fixed' : ''}">
-    <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" ref="contentEl">
-      <div class="mdc-banner__graphic-text-wrapper">
-        <div class="mdc-banner__graphic" role="img" alt="" if.bind="icon">
-          <i class="material-icons mdc-banner__icon">${icon}</i>
-        </div>
-        <div class="mdc-banner__text">
-          <au-slot></au-slot>
-        </div>
-      </div>
-      <div class="mdc-banner__actions">
-        <button mdc-button class="mdc-banner__secondary-action" if.bind="secondaryAction"
-          click.trigger="handleSecondaryActionClick()">${secondaryAction}</button>
-        <button mdc-button class="mdc-banner__primary-action" if.bind="primaryAction"
-          click.trigger="handlePrimaryActionClick()" ref="primaryActionEl">${primaryAction}</button>
-      </div>
-    </div>
-  </div>
-</template>
+<template class="mdc-banner ${centered ? 'mdc-banner--centered' : ''}" role="banner"
+  mdc-focus-trap="initial-focus-el.bind: primaryActionEl" mdc-focus-trap.ref="mdcFocusTrap">
+  <div class="${fixed ? 'mdc-banner__fixed' : ''}">
+    <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" ref="contentEl">
+      <div class="mdc-banner__graphic-text-wrapper">
+        <div class="mdc-banner__graphic" role="img" alt="" if.bind="icon">
+          <i class="material-icons mdc-banner__icon">${icon}</i>
+        </div>
+        <div class="mdc-banner__text">
+          <au-slot></au-slot>
+        </div>
+      </div>
+      <div class="mdc-banner__actions">
+        <button mdc-button class="mdc-banner__secondary-action" if.bind="secondaryAction"
+          click.trigger="handleSecondaryActionClick()">${secondaryAction}</button>
+        <button mdc-button class="mdc-banner__primary-action" if.bind="primaryAction"
+          click.trigger="handlePrimaryActionClick()" ref="primaryActionEl">${primaryAction}</button>
+      </div>
+    </div>
+  </div>
+</template>