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

package/dist/tree-view/mdc-tree-view.js

@@ -0,0 +1,152 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent } from '../base';
+import { MDCFoundation } from '@material/base';
+import { customElement, bindable, inject } from 'aurelia';
+import { processContent } from '@aurelia/runtime-html';
+import template from './mdc-tree-view.html?raw';
+let id = 0;
+const templateLookup = {};
+const getNextNodeTemplateId = () => ++id;
+const NODE_SELECTED_EVENT = 'mdctree:node-selected';
+export class MDCTreeViewFoundation extends MDCFoundation {
+}
+let MdcTreeView = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-tree-view', template }), processContent(function processContent(node) {
+            const element = node;
+            const treeNode = element.querySelector('mdc-tree-node');
+            if (treeNode) {
+                const nodeTemplateId = getNextNodeTemplateId();
+                element.setAttribute('data-template-id', nodeTemplateId.toString());
+                templateLookup[nodeTemplateId] = treeNode.innerHTML;
+            }
+            element.innerHTML = '';
+            return false;
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _nodeTemplate_decorators;
+    let _nodeTemplate_initializers = [];
+    let _nodeTemplate_extraInitializers = [];
+    let _nodes_decorators;
+    let _nodes_initializers = [];
+    let _nodes_extraInitializers = [];
+    let _filter_decorators;
+    let _filter_initializers = [];
+    let _filter_extraInitializers = [];
+    let _rootBindingContext_decorators;
+    let _rootBindingContext_initializers = [];
+    let _rootBindingContext_extraInitializers = [];
+    var MdcTreeView = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _nodeTemplate_decorators = [bindable()];
+            _nodes_decorators = [bindable()];
+            _filter_decorators = [bindable()];
+            _rootBindingContext_decorators = [bindable()];
+            __esDecorate(null, null, _nodeTemplate_decorators, { kind: "field", name: "nodeTemplate", static: false, private: false, access: { has: obj => "nodeTemplate" in obj, get: obj => obj.nodeTemplate, set: (obj, value) => { obj.nodeTemplate = value; } }, metadata: _metadata }, _nodeTemplate_initializers, _nodeTemplate_extraInitializers);
+            __esDecorate(null, null, _nodes_decorators, { kind: "field", name: "nodes", static: false, private: false, access: { has: obj => "nodes" in obj, get: obj => obj.nodes, set: (obj, value) => { obj.nodes = value; } }, metadata: _metadata }, _nodes_initializers, _nodes_extraInitializers);
+            __esDecorate(null, null, _filter_decorators, { kind: "field", name: "filter", static: false, private: false, access: { has: obj => "filter" in obj, get: obj => obj.filter, set: (obj, value) => { obj.filter = value; } }, metadata: _metadata }, _filter_initializers, _filter_extraInitializers);
+            __esDecorate(null, null, _rootBindingContext_decorators, { kind: "field", name: "rootBindingContext", static: false, private: false, access: { has: obj => "rootBindingContext" in obj, get: obj => obj.rootBindingContext, set: (obj, value) => { obj.rootBindingContext = value; } }, metadata: _metadata }, _rootBindingContext_initializers, _rootBindingContext_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcTreeView = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        getDefaultFoundation() {
+            return new MDCTreeViewFoundation();
+        }
+        constructor(root) {
+            super(root);
+            __runInitializers(this, _rootBindingContext_extraInitializers);
+            const templateId = root.getAttribute('data-template-id');
+            if (templateId !== null) {
+                this.nodeTemplate = templateLookup[templateId];
+            }
+        }
+        nodeViewFactory;
+        selectedNode;
+        nodeTemplate = __runInitializers(this, _nodeTemplate_initializers, void 0);
+        nodes = (__runInitializers(this, _nodeTemplate_extraInitializers), __runInitializers(this, _nodes_initializers, void 0));
+        /**
+         * Allows for filtering tree nodes
+         */
+        filter = (__runInitializers(this, _nodes_extraInitializers), __runInitializers(this, _filter_initializers, () => true));
+        rootBindingContext = (__runInitializers(this, _filter_extraInitializers), __runInitializers(this, _rootBindingContext_initializers, void 0));
+        bind(bindingContext) {
+            this.rootBindingContext = this.rootBindingContext ?? bindingContext;
+        }
+        toggleExpanded(n, e) {
+            n.expanded = !n.expanded;
+            e.stopPropagation();
+            return false;
+        }
+        nodeClicked(n) {
+            if (this.selectedNode) {
+                this.selectedNode.selected = false;
+            }
+            if (n) {
+                n.selected = true;
+            }
+            this.selectedNode = n;
+            this.root.dispatchEvent(new CustomEvent(NODE_SELECTED_EVENT, { detail: { node: n }, bubbles: true }));
+            return true;
+        }
+        childNodeSelected(n) {
+            if (this.selectedNode && this.selectedNode !== n) {
+                this.selectedNode.selected = false;
+            }
+            this.selectedNode = n;
+        }
+        findPath(nodes, predicate) {
+            const path = [];
+            for (let i = 0; i < nodes.length; ++i) {
+                if (predicate(nodes[i])) {
+                    return [i];
+                }
+                if (!nodes[i].children) {
+                    continue;
+                }
+                const childPath = this.findPath(nodes[i].children, predicate);
+                if (childPath.length) {
+                    return [i, ...childPath];
+                }
+            }
+            return path;
+        }
+        async expandPath(path) {
+            const filteredNodes = this.nodes.filter(x => this.filter(x));
+            if (path.length === 1) {
+                this.nodeClicked(filteredNodes[path[0]]);
+                this.root.querySelectorAll('.mdc-tree-view__node')[path[0]].scrollIntoView();
+            }
+            else {
+                filteredNodes[path[0]].expanded = true;
+                // child tree views are hidden with 'if.bind'
+                // promises are created by a helper element `mdc-promisify-reference`
+                // this lets dependent code to wait till a view model reference is assigned
+                await this.initialised;
+                const childTreeView = await (filteredNodes[path[0]].childTreeViewPromise);
+                await childTreeView?.expandPath(path.slice(1));
+            }
+        }
+        async find(predicate) {
+            // to avoid rendering the whole tree finding a node is a 2-step process
+            // firstly, find the path - nodes which need to be expanded to display the target node
+            const filteredNodes = this.nodes.filter(x => this.filter(x));
+            const path = this.findPath(filteredNodes, predicate);
+            if (path.length) {
+                // secondly, expand the path
+                await this.expandPath(path);
+            }
+        }
+        dispatchEvent(type, node) {
+            this.root.dispatchEvent(new CustomEvent(type, { bubbles: true, detail: { node } }));
+        }
+    };
+    return MdcTreeView = _classThis;
+})();
+export { MdcTreeView };
+//# sourceMappingURL=mdc-tree-view.js.map

package/dist/tree-view/mdc-tree-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-tree-view.js","sourceRoot":"","sources":["../../src/tree-view/mdc-tree-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent } from '../base';\r\nimport { MDCFoundation } from '@material/base';\r\nimport { customElement, bindable, inject, ViewFactory, INode } from 'aurelia';\r\nimport { ITreeNode } from './i-tree-node';\r\nimport { processContent } from '@aurelia/runtime-html';\r\nimport template from './mdc-tree-view.html?raw';\r\n\r\nlet id = 0;\r\nconst templateLookup: Record<string, string> = {};\r\nconst getNextNodeTemplateId = () => ++id;\r\nconst NODE_SELECTED_EVENT = 'mdctree:node-selected';\r\n\r\nexport class MDCTreeViewFoundation extends MDCFoundation { }\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-tree-view', template })\r\n@processContent(function processContent(node: INode) {\r\n  const element = node as Element;\r\n  const treeNode = element.querySelector('mdc-tree-node');\r\n  if (treeNode) {\r\n    const nodeTemplateId = getNextNodeTemplateId();\r\n    element.setAttribute('data-template-id', nodeTemplateId.toString());\r\n    templateLookup[nodeTemplateId] = treeNode.innerHTML;\r\n  }\r\n  element.innerHTML = '';\r\n  return false;\r\n}\r\n)\r\nexport class MdcTreeView extends MdcComponent<MDCTreeViewFoundation> {\r\n  getDefaultFoundation(): MDCTreeViewFoundation {\r\n    return new MDCTreeViewFoundation();\r\n  }\r\n\r\n  constructor(root: HTMLElement) {\r\n    super(root);\r\n    const templateId = root.getAttribute('data-template-id');\r\n    if (templateId !== null) {\r\n      this.nodeTemplate = templateLookup[templateId];\r\n    }\r\n  }\r\n\r\n  nodeViewFactory: ViewFactory;\r\n  selectedNode?: ITreeNode;\r\n\r\n  @bindable()\r\n  nodeTemplate: string;\r\n\r\n  @bindable()\r\n  nodes: ITreeNode[];\r\n\r\n  /**\r\n   * Allows for filtering tree nodes\r\n   */\r\n  @bindable()\r\n  filter: (n: ITreeNode) => boolean = () => true;\r\n\r\n  @bindable()\r\n  rootBindingContext: Record<string, unknown>;\r\n\r\n  bind(bindingContext: Record<string, unknown>) {\r\n    this.rootBindingContext = this.rootBindingContext ?? bindingContext;\r\n  }\r\n\r\n  toggleExpanded(n: ITreeNode, e: Event): boolean {\r\n    n.expanded = !n.expanded;\r\n    e.stopPropagation();\r\n    return false;\r\n  }\r\n\r\n  nodeClicked(n?: ITreeNode) {\r\n    if (this.selectedNode) {\r\n      this.selectedNode.selected = false;\r\n    }\r\n    if (n) {\r\n      n.selected = true;\r\n    }\r\n    this.selectedNode = n;\r\n    this.root.dispatchEvent(new CustomEvent(NODE_SELECTED_EVENT,\r\n      { detail: { node: n }, bubbles: true })\r\n    );\r\n    return true;\r\n  }\r\n\r\n  childNodeSelected(n: ITreeNode) {\r\n    if (this.selectedNode && this.selectedNode !== n) {\r\n      this.selectedNode.selected = false;\r\n    }\r\n    this.selectedNode = n;\r\n  }\r\n\r\n  findPath<T extends ITreeNode>(nodes: T[], predicate: (node: T) => boolean): number[] {\r\n    const path: number[] = [];\r\n    for (let i = 0; i < nodes.length; ++i) {\r\n      if (predicate(nodes[i])) {\r\n        return [i];\r\n      }\r\n      if (!nodes[i].children) {\r\n        continue;\r\n      }\r\n      const childPath = this.findPath(nodes[i].children!, predicate);\r\n      if (childPath.length) {\r\n        return [i, ...childPath];\r\n      }\r\n    }\r\n    return path;\r\n  }\r\n\r\n  async expandPath(path: number[]) {\r\n    const filteredNodes = this.nodes.filter(x => this.filter(x));\r\n    if (path.length === 1) {\r\n      this.nodeClicked(filteredNodes[path[0]]);\r\n      this.root.querySelectorAll('.mdc-tree-view__node')[path[0]].scrollIntoView();\r\n    } else {\r\n      filteredNodes[path[0]].expanded = true;\r\n      // child tree views are hidden with 'if.bind'\r\n      // promises are created by a helper element `mdc-promisify-reference`\r\n      // this lets dependent code to wait till a view model reference is assigned\r\n      await this.initialised;\r\n      const childTreeView = await (filteredNodes[path[0]].childTreeViewPromise);\r\n      await childTreeView?.expandPath(path.slice(1));\r\n    }\r\n  }\r\n\r\n  async find<T extends ITreeNode>(predicate: (node: T) => boolean) {\r\n    // to avoid rendering the whole tree finding a node is a 2-step process\r\n    // firstly, find the path - nodes which need to be expanded to display the target node\r\n    const filteredNodes = this.nodes.filter(x => this.filter(x));\r\n    const path = this.findPath(filteredNodes, predicate);\r\n    if (path.length) {\r\n      // secondly, expand the path\r\n      await this.expandPath(path);\r\n    }\r\n  }\r\n\r\n  dispatchEvent(type: string, node: ITreeNode) {\r\n    this.root.dispatchEvent(new CustomEvent(type, { bubbles: true, detail: { node } }));\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcTreeElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcTreeView;\r\n    };\r\n  };\r\n}\r\n"]}

package/dist/tree-view/node-filter.js

@@ -0,0 +1,27 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { valueConverter } from 'aurelia';
+let NodeFilterValueConverter = (() => {
+    let _classDecorators = [valueConverter('nodeFilter')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var NodeFilterValueConverter = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            NodeFilterValueConverter = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        toView(nodes, filter) {
+            if (!filter) {
+                return nodes;
+            }
+            return nodes?.filter(x => filter(x));
+        }
+    };
+    return NodeFilterValueConverter = _classThis;
+})();
+export { NodeFilterValueConverter };
+//# sourceMappingURL=node-filter.js.map

package/dist/tree-view/node-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-filter.js","sourceRoot":"","sources":["../../src/tree-view/node-filter.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;IAI5B,wBAAwB;4BADpC,cAAc,CAAC,YAAY,CAAC;;;;;;;;YAC7B,6KAOC;;;YAPY,uDAAwB;;QACnC,MAAM,CAAC,KAAkB,EAAE,MAAiC;YAC1D,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,OAAO,KAAK,CAAC;YACf,CAAC;YACD,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,CAAC;;;;SANU,wBAAwB","sourcesContent":["import { valueConverter } from 'aurelia';\nimport { ITreeNode } from './i-tree-node';\n\n@valueConverter('nodeFilter')\nexport class NodeFilterValueConverter {\n  toView(nodes: ITreeNode[], filter: (n: ITreeNode) => boolean) {\n    if (!filter) {\n      return nodes;\n    }\n    return nodes?.filter(x => filter(x));\n  }\n}\n"]}

package/dist/types/banner/mdc-banner.d.ts

@@ -0,0 +1,39 @@
+import { MdcComponent } from '../base';
+import { CloseReason, MDCBannerFoundation } from '@material/banner';
+/**
+ * @selector mdc-banner
+ */
+export declare class MdcBanner extends MdcComponent<MDCBannerFoundation> {
+    private contentEl;
+    private mdcFocusTrap;
+    /** When used below top app bars, banners should remain fixed at the top of the screen */
+    fixed: boolean;
+    /** Displayed banner centered, optional */
+    centered: boolean;
+    /** Sets banner icon */
+    icon: string;
+    /** Sets the banner primary action text */
+    primaryAction: string;
+    /** Sets the banner secondary action text */
+    secondaryAction: string;
+    disablePrimaryAutoClose: boolean;
+    disableSecondaryAutoClose: boolean;
+    handlePrimaryActionClick(): void;
+    handleSecondaryActionClick(): void;
+    /**
+     * Opens the banner and fires events.OPENING to indicate the beginning of its
+     * opening animation and then events.OPENED once the animation finishes.
+     */
+    open(): void;
+    /**
+     * Closes the banner and fires events.CLOSING to indicate the beginning of its
+     * closing animation and then events.CLOSED once the animation finishes.
+     * @param reason Why the banner was closed. Value will be passed to
+     *     events.CLOSING and events.CLOSED via the `event.detail.reason`
+     *     property. Standard values are CloseReason.PRIMARY and
+     *     CloseReason.SECONDARY, but CloseReason.UNSPECIFIED is provided for
+     *     custom handling of programmatic closing of the banner.
+     */
+    close(reason: CloseReason): void;
+    getDefaultFoundation(): MDCBannerFoundation;
+}

package/dist/types/base/attributes/mdc-focus-trap.d.ts

@@ -0,0 +1,14 @@
+import { FocusTrap } from '@material/dom/focus-trap';
+export declare class MdcFocusTrap {
+    private root;
+    constructor(root: HTMLElement);
+    focusTrap?: FocusTrap;
+    delay: boolean;
+    initialFocusEl?: HTMLElement | (() => HTMLElement);
+    skipInitialFocus: boolean;
+    skipRestoreFocus: boolean;
+    attached(): void;
+    create(): void;
+    trapFocus(): void;
+    releaseFocus(): void;
+}

package/dist/types/base/elements/i-validated-element.d.ts

@@ -0,0 +1,11 @@
+/** @hidden */
+export interface IError {
+    message: string | undefined;
+}
+/** @hidden */
+export interface IValidatedElement extends HTMLElement {
+    addError(error: IError): void;
+    removeError(error: IError): void;
+    renderErrors(): void;
+    valid: boolean;
+}

package/dist/types/base/elements/mdc-promisify-reference.d.ts

@@ -0,0 +1,7 @@
+export declare class MdcPromisifyReference {
+    resolve: (value: unknown | PromiseLike<unknown>) => void;
+    promiseRef: Promise<unknown>;
+    reference: unknown;
+    referenceChanged(): void;
+    attached(): void;
+}

package/dist/types/base/index.d.ts

@@ -0,0 +1,10 @@
+import { IContainer } from 'aurelia';
+export { MdcComponent } from './mdc-component';
+export type { IValidatedElement, IError } from './elements/i-validated-element';
+export { MATERIAL_PALETTE } from './material-palette';
+export { boolean, booleanAttr, date, number, string } from './interceptors';
+export { MdcFocusTrap } from './attributes/mdc-focus-trap';
+export { nextElement } from './next-element';
+export declare const BaseConfiguration: {
+    register(container: IContainer): IContainer;
+};

package/dist/types/base/interceptors.d.ts

@@ -0,0 +1,5 @@
+export declare function number(a: unknown): number;
+export declare function string(a: unknown): string;
+export declare function boolean(a: unknown): boolean;
+export declare function date(val: string | number | undefined | null): Date | null;
+export declare function booleanAttr(val: unknown): boolean;

package/dist/types/base/material-palette.d.ts

@@ -0,0 +1,295 @@
+/** @hidden */
+export declare const MATERIAL_PALETTE: {
+    red: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    pink: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    purple: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    deepPurple: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    indigo: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    blue: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    lightBlue: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    cyan: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    teal: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    green: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    lightGreen: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    lime: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    yellow: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    amber: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    orange: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    deepOrange: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+        a100: string;
+        a200: string;
+        a400: string;
+        a700: string;
+    };
+    brown: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+    };
+    grey: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+    };
+    blueGrey: {
+        b50: string;
+        b100: string;
+        b200: string;
+        b300: string;
+        b400: string;
+        b500: string;
+        b600: string;
+        b700: string;
+        b800: string;
+        b900: string;
+    };
+};

package/dist/types/base/mdc-component.d.ts

@@ -0,0 +1,22 @@
+import { MDCFoundation } from '@material/base';
+export declare abstract class MdcComponent<FoundationType extends MDCFoundation> {
+    root: HTMLElement;
+    constructor(root: HTMLElement);
+    foundation?: FoundationType;
+    initialised: Promise<unknown>;
+    protected initialisedResolve: (value?: unknown) => void;
+    private createInitiliasedPromise;
+    initialSyncWithDOM(): void;
+    beforeFoundationCreated(): void;
+    attached(): void;
+    destroy(): void;
+    detaching(): void;
+    abstract getDefaultFoundation(): FoundationType;
+    listen(evtType: string, handler: EventListener | EventListenerObject, options?: AddEventListenerOptions | boolean): void;
+    unlisten(evtType: string, handler: EventListener | EventListenerObject, options?: AddEventListenerOptions | boolean): void;
+    /**
+     * @hidden
+     * Fires a cross-browser-compatible custom event from the component root of the given type, with the given data.
+     */
+    emit<T>(evtType: string, evtData: T, shouldBubble?: boolean): void;
+}

package/dist/types/base/next-element.d.ts

@@ -0,0 +1 @@
+export declare function nextElement(element?: HTMLElement, reverse?: boolean): HTMLElement | undefined;

package/dist/types/button/enhance-mdc-button.d.ts

@@ -0,0 +1,3 @@
+export declare class EnhanceMdcButton {
+    compiling(template: HTMLElement | HTMLTemplateElement): void;
+}

package/dist/types/button/mdc-button-label.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The mdc-button-label attribute is required in order for the trailing icon to be styled appropriately.
+ * @selector [mdc-button-label]
+ */
+export declare class MdcButtonLabel {
+    private root;
+    constructor(root: HTMLElement);
+    attached(): void;
+}

package/dist/types/button/mdc-button.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @selector button[mdc-button]
+ * @selector a[mdc-button]
+ * @selector mdc-button
+ */
+export declare class MdcButton {
+    root: HTMLElement;
+    constructor(root: HTMLElement);
+    /**
+     * Set the component label
+     */
+    label: string;
+    /**
+     * Set the component touch target to 48 x 48 px
+     */
+    touch: boolean;
+    /**
+     * A contained button that is elevated upon the surface
+     */
+    raised: boolean;
+    /**
+     * A contained button that is flush with the surface
+     */
+    unelevated: boolean;
+    /**
+     * A contained button that is flush with the surface and has a visible border
+     */
+    outlined: boolean;
+    /**
+     * Set the button disabled
+     */
+    disabled: boolean;
+    disabledChanged(): void;
+    attached(): void;
+}

package/dist/types/card/mdc-card-action-buttons.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Optional. A group of action buttons, displayed on the left side of the card (in LTR).
+ * @selector mdc-card-action-buttons
+ */
+export declare class MdcCardActionButtons {
+    private root;
+    constructor(root: HTMLElement);
+    attached(): void;
+}