@material/web 0.1.0-alpha.0

package/chips/chipset/lib/types.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { MDCChipAnimationEventDetail, MDCChipInteractionEventDetail, MDCChipNavigationEventDetail } from '../../chip/lib/types.js';
+/**
+ * MDCChipSetInteractionEventDetail provides detail about the interaction event.
+ */
+export interface MDCChipSetInteractionEventDetail {
+    chipID: string;
+    chipIndex: number;
+}
+/**
+ * MDCChipSetRemovalEventDetail provides detail about the removal event.
+ */
+export interface MDCChipSetRemovalEventDetail {
+    chipID: string;
+    chipIndex: number;
+    isComplete: boolean;
+}
+/**
+ * MDCChipSetSelectionEventDetail provides detail about the selection event.
+ */
+export interface MDCChipSetSelectionEventDetail {
+    chipID: string;
+    chipIndex: number;
+    isSelected: boolean;
+}
+/**
+ * ChipInteractionEvent is the custom event for the interaction event.
+ */
+export declare type ChipInteractionEvent = CustomEvent<MDCChipInteractionEventDetail>;
+/**
+ * ChipNavigationEvent is the custom event for the navigation event.
+ */
+export declare type ChipNavigationEvent = CustomEvent<MDCChipNavigationEventDetail>;
+/**
+ * ChipAnimationEvent is the custom event for the animation event.
+ */
+export declare type ChipAnimationEvent = CustomEvent<MDCChipAnimationEventDetail>;

package/chips/chipset/lib/types.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/chips/chipset/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCChipAnimationEventDetail, MDCChipInteractionEventDetail, MDCChipNavigationEventDetail} from '../../chip/lib/types.js';\n\n/**\n * MDCChipSetInteractionEventDetail provides detail about the interaction event.\n */\nexport interface MDCChipSetInteractionEventDetail {\n  chipID: string;\n  chipIndex: number;\n}\n\n/**\n * MDCChipSetRemovalEventDetail provides detail about the removal event.\n */\nexport interface MDCChipSetRemovalEventDetail {\n  chipID: string;\n  chipIndex: number;\n  isComplete: boolean;\n}\n\n/**\n * MDCChipSetSelectionEventDetail provides detail about the selection event.\n */\nexport interface MDCChipSetSelectionEventDetail {\n  chipID: string;\n  chipIndex: number;\n  isSelected: boolean;\n}\n\n/**\n * ChipInteractionEvent is the custom event for the interaction event.\n */\nexport type ChipInteractionEvent = CustomEvent<MDCChipInteractionEventDetail>;\n\n/**\n * ChipNavigationEvent is the custom event for the navigation event.\n */\nexport type ChipNavigationEvent = CustomEvent<MDCChipNavigationEventDetail>;\n\n/**\n * ChipAnimationEvent is the custom event for the animation event.\n */\nexport type ChipAnimationEvent = CustomEvent<MDCChipAnimationEventDetail>;\n"]}

package/compat/animation/animationframe.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * AnimationFrame provides a user-friendly abstraction around requesting
+ * and canceling animation frames.
+ */
+export declare class AnimationFrame {
+    private readonly rafIDs;
+    /**
+     * Requests an animation frame. Cancels any existing frame with the same key.
+     * @param {string} key The key for this callback.
+     * @param {FrameRequestCallback} callback The callback to be executed.
+     */
+    request(key: string, callback: FrameRequestCallback): void;
+    /**
+     * Cancels a queued callback with the given key.
+     * @param {string} key The key for this callback.
+     */
+    cancel(key: string): void;
+    /**
+     * Cancels all queued callback.
+     */
+    cancelAll(): void;
+    /**
+     * Returns the queue of unexecuted callback keys.
+     */
+    getQueue(): string[];
+}

package/compat/animation/animationframe.js

@@ -0,0 +1,65 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * AnimationFrame provides a user-friendly abstraction around requesting
+ * and canceling animation frames.
+ */
+export class AnimationFrame {
+    constructor() {
+        this.rafIDs = new Map();
+    }
+    /**
+     * Requests an animation frame. Cancels any existing frame with the same key.
+     * @param {string} key The key for this callback.
+     * @param {FrameRequestCallback} callback The callback to be executed.
+     */
+    request(key, callback) {
+        this.cancel(key);
+        const frameID = requestAnimationFrame((frame) => {
+            this.rafIDs.delete(key);
+            // Callback must come *after* the key is deleted so that nested calls to
+            // request with the same key are not deleted.
+            callback(frame);
+        });
+        this.rafIDs.set(key, frameID);
+    }
+    /**
+     * Cancels a queued callback with the given key.
+     * @param {string} key The key for this callback.
+     */
+    cancel(key) {
+        const rafID = this.rafIDs.get(key);
+        if (rafID) {
+            cancelAnimationFrame(rafID);
+            this.rafIDs.delete(key);
+        }
+    }
+    /**
+     * Cancels all queued callback.
+     */
+    cancelAll() {
+        // Need to use forEach because it's the only iteration method supported
+        // by IE11. Suppress the underscore because we don't need it.
+        // tslint:disable-next-line:enforce-name-casing
+        this.rafIDs.forEach((_, key) => {
+            this.cancel(key);
+        });
+    }
+    /**
+     * Returns the queue of unexecuted callback keys.
+     */
+    getQueue() {
+        const queue = [];
+        // Need to use forEach because it's the only iteration method supported
+        // by IE11. Suppress the underscore because we don't need it.
+        // tslint:disable-next-line:enforce-name-casing
+        this.rafIDs.forEach((_, key) => {
+            queue.push(key);
+        });
+        return queue;
+    }
+}
+//# sourceMappingURL=animationframe.js.map

package/compat/animation/animationframe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationframe.js","sourceRoot":"","sources":["animationframe.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,OAAO,cAAc;IAA3B;QACmB,WAAM,GAAG,IAAI,GAAG,EAAkB,CAAC;IAuDtD,CAAC;IArDC;;;;OAIG;IACH,OAAO,CAAC,GAAW,EAAE,QAA8B;QACjD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACjB,MAAM,OAAO,GAAG,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE;YAC9C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACxB,wEAAwE;YACxE,6CAA6C;YAC7C,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAChC,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,GAAW;QAChB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACnC,IAAI,KAAK,EAAE;YACT,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;SACzB;IACH,CAAC;IAED;;OAEG;IACH,SAAS;QACP,uEAAuE;QACvE,6DAA6D;QAC7D,+CAA+C;QAC/C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YAC7B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,QAAQ;QACN,MAAM,KAAK,GAAa,EAAE,CAAC;QAC3B,uEAAuE;QACvE,6DAA6D;QAC7D,+CAA+C;QAC/C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YAC7B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * AnimationFrame provides a user-friendly abstraction around requesting\n * and canceling animation frames.\n */\nexport class AnimationFrame {\n  private readonly rafIDs = new Map<string, number>();\n\n  /**\n   * Requests an animation frame. Cancels any existing frame with the same key.\n   * @param {string} key The key for this callback.\n   * @param {FrameRequestCallback} callback The callback to be executed.\n   */\n  request(key: string, callback: FrameRequestCallback) {\n    this.cancel(key);\n    const frameID = requestAnimationFrame((frame) => {\n      this.rafIDs.delete(key);\n      // Callback must come *after* the key is deleted so that nested calls to\n      // request with the same key are not deleted.\n      callback(frame);\n    });\n    this.rafIDs.set(key, frameID);\n  }\n\n  /**\n   * Cancels a queued callback with the given key.\n   * @param {string} key The key for this callback.\n   */\n  cancel(key: string) {\n    const rafID = this.rafIDs.get(key);\n    if (rafID) {\n      cancelAnimationFrame(rafID);\n      this.rafIDs.delete(key);\n    }\n  }\n\n  /**\n   * Cancels all queued callback.\n   */\n  cancelAll() {\n    // Need to use forEach because it's the only iteration method supported\n    // by IE11. Suppress the underscore because we don't need it.\n    // tslint:disable-next-line:enforce-name-casing\n    this.rafIDs.forEach((_, key) => {\n      this.cancel(key);\n    });\n  }\n\n  /**\n   * Returns the queue of unexecuted callback keys.\n   */\n  getQueue(): string[] {\n    const queue: string[] = [];\n    // Need to use forEach because it's the only iteration method supported\n    // by IE11. Suppress the underscore because we don't need it.\n    // tslint:disable-next-line:enforce-name-casing\n    this.rafIDs.forEach((_, key) => {\n      queue.push(key);\n    });\n    return queue;\n  }\n}\n"]}

package/compat/base/aria-property.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * A value for the `aria-haspopup` ARIA attribute.
+ */
+export declare type AriaHasPopup = 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+/**
+ * A property decorator proxies an aria attribute to an internal node
+ *
+ * This decorator is only intended for use with ARIA attributes, such as `role`
+ * and `aria-label` due to screenreader needs.
+ *
+ * Upon first render, `@ariaProperty` will remove the attribute from the host
+ * element to prevent screenreaders from reading the host instead of the
+ * internal node.
+ *
+ * This decorator should only be used for non-Symbol public fields decorated
+ * with `@property`, or on a setter with an optional getter.
+ *
+ * @example
+ * ```ts
+ * class MyElement {
+ *   @ariaProperty
+ *   @property({ type: String, attribute: 'aria-label' })
+ *   ariaLabel!: string;
+ * }
+ * ```
+ * @category Decorator
+ * @ExportDecoratedItems
+ */
+export declare function ariaProperty(protoOrDescriptor: {}, name?: string, descriptor?: PropertyDescriptor): any;
+/**
+ * A temporary alias for the time of AriaMixin properties type migration from
+ * (string|undefined) to (string|null).
+ */
+export declare type AnyDuringAriaMigration = any;

package/compat/base/aria-property.js

@@ -0,0 +1,93 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * TypeScript version of the decorator
+ * @see https://www.typescriptlang.org/docs/handbook/decorators.html#property-decorators
+ */
+function tsDecorator(prototype, name, descriptor) {
+    const constructor = prototype.constructor;
+    if (!descriptor) {
+        /**
+         * lit uses internal properties with two leading underscores to
+         * provide storage for accessors
+         */
+        const litInternalPropertyKey = `__${name}`;
+        descriptor =
+            constructor.getPropertyDescriptor(name, litInternalPropertyKey);
+        if (!descriptor) {
+            throw new Error('@ariaProperty must be used after a @property decorator');
+        }
+    }
+    // descriptor must exist at this point, reassign so typescript understands
+    const propDescriptor = descriptor;
+    let attribute = '';
+    if (!propDescriptor.set) {
+        throw new Error(`@ariaProperty requires a setter for ${name}`);
+    }
+    // TODO(b/202853219): Remove this check when internal tooling is
+    // compatible
+    // tslint:disable-next-line:no-any bail if applied to internal generated class
+    if (prototype.dispatchWizEvent) {
+        return descriptor;
+    }
+    const wrappedDescriptor = {
+        configurable: true,
+        enumerable: true,
+        set(value) {
+            if (attribute === '') {
+                const options = constructor.getPropertyOptions(name);
+                // if attribute is not a string, use `name` instead
+                attribute =
+                    typeof options.attribute === 'string' ? options.attribute : name;
+            }
+            if (this.hasAttribute(attribute)) {
+                this.removeAttribute(attribute);
+            }
+            propDescriptor.set.call(this, value);
+        }
+    };
+    if (propDescriptor.get) {
+        wrappedDescriptor.get = function () {
+            return propDescriptor.get.call(this);
+        };
+    }
+    return wrappedDescriptor;
+}
+/**
+ * A property decorator proxies an aria attribute to an internal node
+ *
+ * This decorator is only intended for use with ARIA attributes, such as `role`
+ * and `aria-label` due to screenreader needs.
+ *
+ * Upon first render, `@ariaProperty` will remove the attribute from the host
+ * element to prevent screenreaders from reading the host instead of the
+ * internal node.
+ *
+ * This decorator should only be used for non-Symbol public fields decorated
+ * with `@property`, or on a setter with an optional getter.
+ *
+ * @example
+ * ```ts
+ * class MyElement {
+ *   @ariaProperty
+ *   @property({ type: String, attribute: 'aria-label' })
+ *   ariaLabel!: string;
+ * }
+ * ```
+ * @category Decorator
+ * @ExportDecoratedItems
+ */
+export function ariaProperty(protoOrDescriptor, name, 
+// tslint:disable-next-line:no-any any is required as a return type from decorators
+descriptor) {
+    if (name !== undefined) {
+        return tsDecorator(protoOrDescriptor, name, descriptor);
+    }
+    else {
+        throw new Error('@ariaProperty only supports TypeScript Decorators');
+    }
+}
+//# sourceMappingURL=aria-property.js.map

package/compat/base/aria-property.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-property.js","sourceRoot":"","sources":["aria-property.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAkBH;;;GAGG;AACH,SAAS,WAAW,CAChB,SAAa,EAAE,IAAY,EAAE,UAA+B;IAC9D,MAAM,WAAW,GACZ,SAAS,CAAC,WAAmD,CAAC;IACnE,IAAI,CAAC,UAAU,EAAE;QACf;;;WAGG;QACH,MAAM,sBAAsB,GAAG,KAAK,IAAI,EAAE,CAAC;QAC3C,UAAU;YACN,WAAW,CAAC,qBAAqB,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC;QACpE,IAAI,CAAC,UAAU,EAAE;YACf,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;SAC3E;KACF;IAED,0EAA0E;IAC1E,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE;QACvB,MAAM,IAAI,KAAK,CAAC,uCAAuC,IAAI,EAAE,CAAC,CAAC;KAChE;IAGD,gEAAgE;IAChE,aAAa;IACb,8EAA8E;IAC9E,IAAK,SAAiB,CAAC,gBAAgB,EAAE;QACvC,OAAO,UAAU,CAAC;KACnB;IAED,MAAM,iBAAiB,GAAuB;QAC5C,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,GAAG,CAAwB,KAAc;YACvC,IAAI,SAAS,KAAK,EAAE,EAAE;gBACpB,MAAM,OAAO,GAAG,WAAW,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;gBACrD,mDAAmD;gBACnD,SAAS;oBACL,OAAO,OAAO,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;aACtE;YACD,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;gBAChC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;aACjC;YACD,cAAc,CAAC,GAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACxC,CAAC;KACF,CAAC;IAEF,IAAI,cAAc,CAAC,GAAG,EAAE;QACtB,iBAAiB,CAAC,GAAG,GAAG;YACtB,OAAO,cAAc,CAAC,GAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxC,CAAC,CAAC;KACH;IAED,OAAO,iBAAiB,CAAC;AAC3B,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,YAAY,CACxB,iBAAqB,EAAE,IAAa;AACpC,mFAAmF;AACnF,UAA+B;IACjC,IAAI,IAAI,KAAK,SAAS,EAAE;QACtB,OAAO,WAAW,CAAC,iBAAiB,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;KACzD;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;KACtE;AACH,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {PropertyDeclaration, ReactiveElement} from 'lit';\n\n/**\n * A value for the `aria-haspopup` ARIA attribute.\n */\nexport type AriaHasPopup =\n    'false'|'true'|'menu'|'listbox'|'tree'|'grid'|'dialog';\n\n/**\n * Expose protected statics on ReactiveElement\n */\ninterface ReactiveElementInternals {\n  getPropertyDescriptor(name: PropertyKey, key: string): PropertyDescriptor;\n  getPropertyOptions(name: PropertyKey): PropertyDeclaration;\n}\n\n/**\n * TypeScript version of the decorator\n * @see https://www.typescriptlang.org/docs/handbook/decorators.html#property-decorators\n */\nfunction tsDecorator(\n    prototype: {}, name: string, descriptor?: PropertyDescriptor) {\n  const constructor =\n      (prototype.constructor as unknown as ReactiveElementInternals);\n  if (!descriptor) {\n    /**\n     * lit uses internal properties with two leading underscores to\n     * provide storage for accessors\n     */\n    const litInternalPropertyKey = `__${name}`;\n    descriptor =\n        constructor.getPropertyDescriptor(name, litInternalPropertyKey);\n    if (!descriptor) {\n      throw new Error('@ariaProperty must be used after a @property decorator');\n    }\n  }\n\n  // descriptor must exist at this point, reassign so typescript understands\n  const propDescriptor = descriptor;\n  let attribute = '';\n\n  if (!propDescriptor.set) {\n    throw new Error(`@ariaProperty requires a setter for ${name}`);\n  }\n\n\n  // TODO(b/202853219): Remove this check when internal tooling is\n  // compatible\n  // tslint:disable-next-line:no-any bail if applied to internal generated class\n  if ((prototype as any).dispatchWizEvent) {\n    return descriptor;\n  }\n\n  const wrappedDescriptor: PropertyDescriptor = {\n    configurable: true,\n    enumerable: true,\n    set(this: ReactiveElement, value: unknown) {\n      if (attribute === '') {\n        const options = constructor.getPropertyOptions(name);\n        // if attribute is not a string, use `name` instead\n        attribute =\n            typeof options.attribute === 'string' ? options.attribute : name;\n      }\n      if (this.hasAttribute(attribute)) {\n        this.removeAttribute(attribute);\n      }\n      propDescriptor.set!.call(this, value);\n    }\n  };\n\n  if (propDescriptor.get) {\n    wrappedDescriptor.get = function(this: ReactiveElement) {\n      return propDescriptor.get!.call(this);\n    };\n  }\n\n  return wrappedDescriptor;\n}\n\n/**\n * A property decorator proxies an aria attribute to an internal node\n *\n * This decorator is only intended for use with ARIA attributes, such as `role`\n * and `aria-label` due to screenreader needs.\n *\n * Upon first render, `@ariaProperty` will remove the attribute from the host\n * element to prevent screenreaders from reading the host instead of the\n * internal node.\n *\n * This decorator should only be used for non-Symbol public fields decorated\n * with `@property`, or on a setter with an optional getter.\n *\n * @example\n * ```ts\n * class MyElement {\n *   @ariaProperty\n *   @property({ type: String, attribute: 'aria-label' })\n *   ariaLabel!: string;\n * }\n * ```\n * @category Decorator\n * @ExportDecoratedItems\n */\nexport function ariaProperty(\n    protoOrDescriptor: {}, name?: string,\n    // tslint:disable-next-line:no-any any is required as a return type from decorators\n    descriptor?: PropertyDescriptor): any {\n  if (name !== undefined) {\n    return tsDecorator(protoOrDescriptor, name, descriptor);\n  } else {\n    throw new Error('@ariaProperty only supports TypeScript Decorators');\n  }\n}\n\n/**\n * A temporary alias for the time of AriaMixin properties type migration from\n * (string|undefined) to (string|null).\n */\n// tslint:disable:ban-types\n// tslint:disable-next-line:no-any\nexport type AnyDuringAriaMigration = any;"]}

package/compat/base/foundation.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export declare class MDCFoundation<AdapterType extends {} = {}> {
+    protected adapter: AdapterType;
+    static get cssClasses(): {
+        [key: string]: string;
+    };
+    static get strings(): {
+        [key: string]: string;
+    };
+    static get numbers(): {
+        [key: string]: number;
+    };
+    static get defaultAdapter(): {};
+    constructor(adapter?: AdapterType);
+    init(): void;
+    destroy(): void;
+}
+/**
+ * The constructor for MDCFoundation.
+ */
+export interface MDCFoundationConstructor<AdapterType extends object = any> {
+    new (adapter: AdapterType): MDCFoundation<AdapterType>;
+    readonly prototype: MDCFoundation<AdapterType>;
+}
+/**
+ * The deprecated constructor for MDCFoundation.
+ */
+export interface MDCFoundationDeprecatedConstructor<AdapterType extends object = any> {
+    readonly cssClasses: Record<string, string>;
+    readonly strings: Record<string, string>;
+    readonly numbers: Record<string, number>;
+    readonly defaultAdapter: AdapterType;
+    new (adapter?: Partial<AdapterType>): MDCFoundation<AdapterType>;
+    readonly prototype: MDCFoundation<AdapterType>;
+}
+/**
+ * Retrieves the AdapaterType from the provided MDCFoundation generic type.
+ */
+export declare type MDCFoundationAdapter<T> = T extends MDCFoundation<infer A> ? A : never;
+export default MDCFoundation;

package/compat/base/foundation.js

@@ -0,0 +1,45 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export class MDCFoundation {
+    constructor(adapter = {}) {
+        this.adapter = adapter;
+    }
+    static get cssClasses() {
+        // Classes extending MDCFoundation should implement this method to return an
+        // object which exports every CSS class the foundation class needs as a
+        // property. e.g. {ACTIVE: 'mdc-component--active'}
+        return {};
+    }
+    static get strings() {
+        // Classes extending MDCFoundation should implement this method to return an
+        // object which exports all semantic strings as constants. e.g. {ARIA_ROLE:
+        // 'tablist'}
+        return {};
+    }
+    static get numbers() {
+        // Classes extending MDCFoundation should implement this method to return an
+        // object which exports all of its semantic numbers as constants.
+        // e.g. {ANIMATION_DELAY_MS: 350}
+        return {};
+    }
+    static get defaultAdapter() {
+        // Classes extending MDCFoundation may choose to implement this getter in
+        // order to provide a convenient way of viewing the necessary methods of an
+        // adapter. In the future, this could also be used for adapter validation.
+        return {};
+    }
+    init() {
+        // Subclasses should override this method to perform initialization routines
+        // (registering events, etc.)
+    }
+    destroy() {
+        // Subclasses should override this method to perform de-initialization
+        // routines (de-registering events, etc.)
+    }
+}
+// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.
+export default MDCFoundation;
+//# sourceMappingURL=foundation.js.map

package/compat/base/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["foundation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,OAAO,aAAa;IA6BxB,YAAsB,UAAuB,EAAiB;QAAxC,YAAO,GAAP,OAAO,CAAiC;IAAG,CAAC;IA5BlE,MAAM,KAAK,UAAU;QACnB,4EAA4E;QAC5E,uEAAuE;QACvE,mDAAmD;QACnD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,KAAK,OAAO;QAChB,4EAA4E;QAC5E,2EAA2E;QAC3E,aAAa;QACb,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,KAAK,OAAO;QAChB,4EAA4E;QAC5E,iEAAiE;QACjE,iCAAiC;QACjC,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,KAAK,cAAc;QACvB,yEAAyE;QACzE,2EAA2E;QAC3E,0EAA0E;QAC1E,OAAO,EAAE,CAAC;IACZ,CAAC;IAID,IAAI;QACF,4EAA4E;QAC5E,6BAA6B;IAC/B,CAAC;IAED,OAAO;QACL,sEAAsE;QACtE,yCAAyC;IAC3C,CAAC;CACF;AA8BD,iHAAiH;AACjH,eAAe,aAAa,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport class MDCFoundation<AdapterType extends {} = {}> {\n  static get cssClasses(): {[key: string]: string} {\n    // Classes extending MDCFoundation should implement this method to return an\n    // object which exports every CSS class the foundation class needs as a\n    // property. e.g. {ACTIVE: 'mdc-component--active'}\n    return {};\n  }\n\n  static get strings(): {[key: string]: string} {\n    // Classes extending MDCFoundation should implement this method to return an\n    // object which exports all semantic strings as constants. e.g. {ARIA_ROLE:\n    // 'tablist'}\n    return {};\n  }\n\n  static get numbers(): {[key: string]: number} {\n    // Classes extending MDCFoundation should implement this method to return an\n    // object which exports all of its semantic numbers as constants.\n    // e.g. {ANIMATION_DELAY_MS: 350}\n    return {};\n  }\n\n  static get defaultAdapter(): {} {\n    // Classes extending MDCFoundation may choose to implement this getter in\n    // order to provide a convenient way of viewing the necessary methods of an\n    // adapter. In the future, this could also be used for adapter validation.\n    return {};\n  }\n\n  constructor(protected adapter: AdapterType = {} as AdapterType) {}\n\n  init() {\n    // Subclasses should override this method to perform initialization routines\n    // (registering events, etc.)\n  }\n\n  destroy() {\n    // Subclasses should override this method to perform de-initialization\n    // routines (de-registering events, etc.)\n  }\n}\n\n/**\n * The constructor for MDCFoundation.\n */\nexport interface MDCFoundationConstructor<AdapterType extends object = any> {\n  new(adapter: AdapterType): MDCFoundation<AdapterType>;\n  readonly prototype: MDCFoundation<AdapterType>;\n}\n\n/**\n * The deprecated constructor for MDCFoundation.\n */\nexport interface MDCFoundationDeprecatedConstructor<\n    AdapterType extends object = any> {\n  readonly cssClasses: Record<string, string>;\n  readonly strings: Record<string, string>;\n  readonly numbers: Record<string, number>;\n  readonly defaultAdapter: AdapterType;\n\n  new(adapter?: Partial<AdapterType>): MDCFoundation<AdapterType>;\n  readonly prototype: MDCFoundation<AdapterType>;\n}\n\n/**\n * Retrieves the AdapaterType from the provided MDCFoundation generic type.\n */\nexport type MDCFoundationAdapter<T> =\n    T extends MDCFoundation<infer A>? A : never;\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCFoundation;\n"]}

package/compat/base/observer.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Observer function type.
+ */
+export interface Observer {
+    (value: any, old: any): void;
+}
+/**
+ * Specifies an observer callback that is run when the decorated property
+ * changes. The observer receives the current and old value as arguments.
+ */
+export declare const observer: (observer: Observer) => (proto: any, propName: PropertyKey) => void;

package/compat/base/observer.js

@@ -0,0 +1,43 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Specifies an observer callback that is run when the decorated property
+ * changes. The observer receives the current and old value as arguments.
+ */
+export const observer = (observer) => 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+(proto, propName) => {
+    // if we haven't wrapped `updated` in this class, do so
+    if (!proto.constructor
+        ._observers) {
+        proto.constructor._observers = new Map();
+        const userUpdated = proto.updated;
+        proto.updated = function (changedProperties) {
+            userUpdated.call(this, changedProperties);
+            changedProperties.forEach((v, k) => {
+                const observers = this.constructor
+                    ._observers;
+                const observer = observers.get(k);
+                if (observer !== undefined) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    observer.call(this, this[k], v);
+                }
+            });
+        };
+        // clone any existing observers (superclasses)
+        // eslint-disable-next-line no-prototype-builtins
+    }
+    else if (!proto.constructor.hasOwnProperty('_observers')) {
+        const observers = proto.constructor._observers;
+        proto.constructor._observers = new Map();
+        observers.forEach(
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (v, k) => proto.constructor._observers.set(k, v));
+    }
+    // set this method
+    proto.constructor._observers.set(propName, observer);
+};
+//# sourceMappingURL=observer.js.map

package/compat/base/observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observer.js","sourceRoot":"","sources":["observer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAsBH;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAkB,EAAE,EAAE;AAC3C,8DAA8D;AAC9D,CAAC,KAAU,EAAE,QAAqB,EAAE,EAAE;IACpC,uDAAuD;IACvD,IAAI,CAAE,KAAK,CAAC,WAAiD;SACnD,UAAU,EAAE;QACpB,KAAK,CAAC,WAAW,CAAC,UAAU,GAAG,IAAI,GAAG,EAAyB,CAAC;QAChE,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC;QAClC,KAAK,CAAC,OAAO,GAAG,UACW,iBAAiC;YAC1D,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;YAC1C,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACjC,MAAM,SAAS,GACV,IAAI,CAAC,WAAiD;qBAClD,UAAU,CAAC;gBACpB,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAClC,IAAI,QAAQ,KAAK,SAAS,EAAE;oBAC1B,8DAA8D;oBAC9D,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAG,IAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;iBAC1C;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QACF,8CAA8C;QAC9C,iDAAiD;KAClD;SAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE;QAC1D,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC;QAC/C,KAAK,CAAC,WAAW,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC;QACzC,SAAS,CAAC,OAAO;QACb,8DAA8D;QAC9D,CAAC,CAAM,EAAE,CAAc,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;KACzE;IACD,kBAAkB;IAClB,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACvD,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n// Style preference for leading underscores.\n// tslint:disable:strip-private-property-underscore\n// tslint:disable:no-any\n\nimport {PropertyValues, ReactiveElement} from 'lit';\n\n/**\n * Observer function type.\n */\nexport interface Observer {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (value: any, old: any): void;\n}\n\ntype ReactiveElementClass = typeof ReactiveElement;\ninterface ReactiveElementClassWithObservers extends ReactiveElementClass {\n  // tslint:disable-next-line:enforce-name-casing\n  _observers: Map<PropertyKey, Observer>;\n}\n\n/**\n * Specifies an observer callback that is run when the decorated property\n * changes. The observer receives the current and old value as arguments.\n */\nexport const observer = (observer: Observer) =>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (proto: any, propName: PropertyKey) => {\n      // if we haven't wrapped `updated` in this class, do so\n      if (!(proto.constructor as ReactiveElementClassWithObservers)\n               ._observers) {\n        proto.constructor._observers = new Map<PropertyKey, Observer>();\n        const userUpdated = proto.updated;\n        proto.updated = function(\n            this: ReactiveElement, changedProperties: PropertyValues) {\n          userUpdated.call(this, changedProperties);\n          changedProperties.forEach((v, k) => {\n            const observers =\n                (this.constructor as ReactiveElementClassWithObservers)\n                    ._observers;\n            const observer = observers.get(k);\n            if (observer !== undefined) {\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              observer.call(this, (this as any)[k], v);\n            }\n          });\n        };\n        // clone any existing observers (superclasses)\n        // eslint-disable-next-line no-prototype-builtins\n      } else if (!proto.constructor.hasOwnProperty('_observers')) {\n        const observers = proto.constructor._observers;\n        proto.constructor._observers = new Map();\n        observers.forEach(\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (v: any, k: PropertyKey) => proto.constructor._observers.set(k, v));\n      }\n      // set this method\n      proto.constructor._observers.set(propName, observer);\n    };\n"]}

package/compat/base/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export declare const deepActiveElementPath: (doc?: Document) => Element[];
+export declare const doesElementContainFocus: (element: HTMLElement) => boolean;

package/compat/base/utils.js

@@ -0,0 +1,39 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export const deepActiveElementPath = (doc = window.document) => {
+    let activeElement = doc.activeElement;
+    const path = [];
+    if (!activeElement) {
+        return path;
+    }
+    while (activeElement) {
+        path.push(activeElement);
+        if (activeElement.shadowRoot) {
+            activeElement = activeElement.shadowRoot.activeElement;
+        }
+        else {
+            break;
+        }
+    }
+    return path;
+};
+export const doesElementContainFocus = (element) => {
+    const activePath = deepActiveElementPath();
+    if (!activePath.length) {
+        return false;
+    }
+    const deepActiveElement = activePath[activePath.length - 1];
+    const focusEv = new Event('check-if-focused', { bubbles: true, composed: true });
+    let composedPath = [];
+    const listener = (ev) => {
+        composedPath = ev.composedPath();
+    };
+    document.body.addEventListener('check-if-focused', listener);
+    deepActiveElement.dispatchEvent(focusEv);
+    document.body.removeEventListener('check-if-focused', listener);
+    return composedPath.indexOf(element) !== -1;
+};
+//# sourceMappingURL=utils.js.map

package/compat/base/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC,QAAQ,EAAa,EAAE;IACxE,IAAI,aAAa,GAAG,GAAG,CAAC,aAAa,CAAC;IACtC,MAAM,IAAI,GAAc,EAAE,CAAC;IAE3B,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,aAAa,EAAE;QACpB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACzB,IAAI,aAAa,CAAC,UAAU,EAAE;YAC5B,aAAa,GAAG,aAAa,CAAC,UAAU,CAAC,aAAa,CAAC;SACxD;aAAM;YACL,MAAM;SACP;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAAoB,EAAW,EAAE;IACvE,MAAM,UAAU,GAAG,qBAAqB,EAAE,CAAC;IAE3C,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;QACtB,OAAO,KAAK,CAAC;KACd;IAED,MAAM,iBAAiB,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC5D,MAAM,OAAO,GACT,IAAI,KAAK,CAAC,kBAAkB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IACnE,IAAI,YAAY,GAAkB,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,CAAC,EAAS,EAAE,EAAE;QAC7B,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC;IACnC,CAAC,CAAC;IAEF,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;IAC7D,iBAAiB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;IAEhE,OAAO,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport const deepActiveElementPath = (doc = window.document): Element[] => {\n  let activeElement = doc.activeElement;\n  const path: Element[] = [];\n\n  if (!activeElement) {\n    return path;\n  }\n\n  while (activeElement) {\n    path.push(activeElement);\n    if (activeElement.shadowRoot) {\n      activeElement = activeElement.shadowRoot.activeElement;\n    } else {\n      break;\n    }\n  }\n\n  return path;\n};\n\nexport const doesElementContainFocus = (element: HTMLElement): boolean => {\n  const activePath = deepActiveElementPath();\n\n  if (!activePath.length) {\n    return false;\n  }\n\n  const deepActiveElement = activePath[activePath.length - 1];\n  const focusEv =\n      new Event('check-if-focused', {bubbles: true, composed: true});\n  let composedPath: EventTarget[] = [];\n  const listener = (ev: Event) => {\n    composedPath = ev.composedPath();\n  };\n\n  document.body.addEventListener('check-if-focused', listener);\n  deepActiveElement.dispatchEvent(focusEv);\n  document.body.removeEventListener('check-if-focused', listener);\n\n  return composedPath.indexOf(element) !== -1;\n};\n"]}

package/compat/density/_density.scss

@@ -0,0 +1,106 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@use 'sass:list';
+@use 'sass:map';
+@use 'sass:meta';
+
+$interval: 4px !default;
+$minimum-scale: minimum !default;
+$maximum-scale: maximum !default;
+$supported-scales: (default, minimum, maximum) !default;
+$supported-properties: (height, size, margin-top, margin-bottom, top) !default;
+$default-scale: 0 !default;
+
+///
+/// Returns component property value based on given density config and density scale.
+///
+/// @param {Map} $density-config - Density configuration for component.
+/// @param {Number | String} $density-scale - Density scale value for component. Examples: `-3`, `0` or `minimum`.
+/// @param {Map} $property-name - Density scale map for the target component.
+///
+/// @example
+///   mdc-density-prop-value(
+///     $density-config: (
+///       height: (
+///         default: 36px,
+///         maximum: 40px,
+///         minimum: 24px,
+///       ),
+///     ),
+///     $density-scale: minimum,
+///     $property-name: height,
+///   )
+///   // 24px
+///
+/// @example
+///   mdc-density-prop-value(
+///     $density-config: (
+///       height: (
+///         default: 40px,
+///         maximum: 60px,
+///         minimum: 24px,
+///       ),
+///     ),
+///     $density-scale: -2,
+///     $property-name: height,
+///   )
+///   // 32px
+///
+/// @example
+///   mdc-density-prop-value(
+///     $density-config: (
+///       height: (
+///         default: 36px,
+///         maximum: 40px,
+///         minimum: 24px,
+///       ),
+///       width: (
+///         default: 56px,
+///         maximum: 64px,
+///         minimum: 48px,
+///       ),
+///     ),
+///     $density-scale: minimum,
+///     $property-name: width,
+///   )
+///   // 48px
+///
+@function prop-value($density-config, $density-scale, $property-name) {
+  @if (
+    meta.type-of($density-scale) ==
+      'string' and
+      list.index($list: $supported-scales, $value: $density-scale) ==
+      null
+  ) {
+    @error "mdc-density: Supported density scales #{$supported-scales}, but received #{$density-scale}.";
+  }
+
+  @if (
+    list.index($list: $supported-properties, $value: $property-name) == null
+  ) {
+    @error "mdc-density: Supported density properties #{$supported-properties}," +
+      "but received #{$property-name}.";
+  }
+
+  $value: null;
+  $property-scale-map: map.get($density-config, $property-name);
+
+  @if map.has-key($property-scale-map, $density-scale) {
+    $value: map.get($property-scale-map, $density-scale);
+  } @else {
+    $value: map.get($property-scale-map, default) + $density-scale * $interval;
+  }
+
+  $min-value: map.get($property-scale-map, $minimum-scale);
+  $max-value: map.get($property-scale-map, $maximum-scale);
+
+  @if ($value < $min-value or $value > $max-value) {
+    @error "mdc-density: #{$property-name} must be between #{$min-value} and " +
+      "#{$max-value} (inclusive), but received #{$value}.";
+  }
+
+  @return $value;
+}