@material/web 0.1.0-alpha.0 → 0.1.0-alpha.2

package/controller/events.js

@@ -37,4 +37,90 @@ export function redispatchEvent(element, event) {
     }
     return dispatched;
 }
+/**
+ * Dispatches a click event to the given element that triggers a native action,
+ * but is not composed and therefore is not seen outside the element.
+ *
+ * This is useful for responding to an external click event on the host element
+ * that should trigger an internal action like a button click.
+ *
+ * Note, a helper is provided because setting this up correctly is a bit tricky.
+ * In particular, calling `click` on an element creates a composed event, which
+ * is not desirable, and a manually dispatched event must specifically be a
+ * `MouseEvent` to trigger a native action.
+ *
+ * @example
+ * hostClickListener = (event: MouseEvent) {
+ *   if (isActivationClick(event)) {
+ *     this.dispatchActivationClick(this.buttonElement);
+ *   }
+ * }
+ *
+ */
+export function dispatchActivationClick(element) {
+    const event = new MouseEvent('click', { bubbles: true });
+    element.dispatchEvent(event);
+    return event;
+}
+/**
+ * Returns true if the click event should trigger an activation behavior. The
+ * behavior is defined by the element and is whatever it should do when
+ * clicked.
+ *
+ * Typically when an element needs to handle a click, the click is generated
+ * from within the element and an event listener within the element implements
+ * the needed behavior; however, it's possible to fire a click directly
+ * at the element that the element should handle. This method helps
+ * distinguish these "external" clicks.
+ *
+ * An "external" click can be triggered in a number of ways: via a click
+ * on an associated label for a form  associated element, calling
+ * `element.click()`, or calling
+ * `element.dispatchEvent(new MouseEvent('click', ...))`.
+ *
+ * Also works around Firefox issue
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=1804576 by squelching
+ * events for a microtask after called.
+ *
+ * @example
+ * hostClickListener = (event: MouseEvent) {
+ *   if (isActivationClick(event)) {
+ *     this.dispatchActivationClick(this.buttonElement);
+ *   }
+ * }
+ *
+ */
+export function isActivationClick(event) {
+    // Event must start at the event target.
+    if (event.composedPath()[0] !== event.target) {
+        return false;
+    }
+    // Target must not be disabled; this should only occur for a synthetically
+    // dispatched click.
+    if (event.target.disabled) {
+        return false;
+    }
+    // This is an activation if the event should not be squelched.
+    return !squelchEvent(event);
+}
+// TODO(https://bugzilla.mozilla.org/show_bug.cgi?id=1804576)
+//  Remove when Firefox bug is addressed.
+function squelchEvent(event) {
+    const squelched = isSquelchingEvents;
+    if (squelched) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+    }
+    squelchEventsForMicrotask();
+    return squelched;
+}
+// Ignore events for one microtask only.
+let isSquelchingEvents = false;
+async function squelchEventsForMicrotask() {
+    isSquelchingEvents = true;
+    // Need to pause for just one microtask.
+    // tslint:disable-next-line
+    await null;
+    isSquelchingEvents = false;
+}
 //# sourceMappingURL=events.js.map

package/controller/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["events.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,eAAe,CAAC,OAAgB,EAAE,KAAY;IAC5D,6EAA6E;IAC7E,yBAAyB;IACzB,IAAI,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE;QAC5D,KAAK,CAAC,eAAe,EAAE,CAAC;KACzB;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC/C,IAAI,CAAC,UAAU,EAAE;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;KACxB;IAED,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * Re-dispatches an event from the provided element.\n *\n * This function is useful for forwarding non-composed events, such as `change`\n * events.\n *\n * @example\n * class MyInput extends LitElement {\n *   render() {\n *     return html`<input @change=${this.redispatchEvent}>`;\n *   }\n *\n *   protected redispatchEvent(event: Event) {\n *     redispatchEvent(this, event);\n *   }\n * }\n *\n * @param element The element to dispatch the event from.\n * @param event The event to re-dispatch.\n * @return Whether or not the event was dispatched (if cancelable).\n */\nexport function redispatchEvent(element: Element, event: Event) {\n  // For bubbling events in SSR light DOM (or composed), stop their propagation\n  // and dispatch the copy.\n  if (event.bubbles && (!element.shadowRoot || event.composed)) {\n    event.stopPropagation();\n  }\n\n  const copy = Reflect.construct(event.constructor, [event.type, event]);\n  const dispatched = element.dispatchEvent(copy);\n  if (!dispatched) {\n    event.preventDefault();\n  }\n\n  return dispatched;\n}\n"]}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["events.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,eAAe,CAAC,OAAgB,EAAE,KAAY;IAC5D,6EAA6E;IAC7E,yBAAyB;IACzB,IAAI,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE;QAC5D,KAAK,CAAC,eAAe,EAAE,CAAC;KACzB;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC/C,IAAI,CAAC,UAAU,EAAE;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;KACxB;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,uBAAuB,CAAC,OAAoB;IAC1D,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IACvD,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAY;IAC5C,wCAAwC;IACxC,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,MAAM,EAAE;QAC5C,OAAO,KAAK,CAAC;KACd;IACD,0EAA0E;IAC1E,oBAAoB;IACpB,IAAK,KAAK,CAAC,MAA4C,CAAC,QAAQ,EAAE;QAChE,OAAO,KAAK,CAAC;KACd;IACD,8DAA8D;IAC9D,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC;AAED,6DAA6D;AAC7D,yCAAyC;AACzC,SAAS,YAAY,CAAC,KAAY;IAChC,MAAM,SAAS,GAAG,kBAAkB,CAAC;IACrC,IAAI,SAAS,EAAE;QACb,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;KAClC;IACD,yBAAyB,EAAE,CAAC;IAC5B,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,wCAAwC;AACxC,IAAI,kBAAkB,GAAG,KAAK,CAAC;AAC/B,KAAK,UAAU,yBAAyB;IACtC,kBAAkB,GAAG,IAAI,CAAC;IAC1B,wCAAwC;IACxC,2BAA2B;IAC3B,MAAM,IAAI,CAAC;IACX,kBAAkB,GAAG,KAAK,CAAC;AAC7B,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * Re-dispatches an event from the provided element.\n *\n * This function is useful for forwarding non-composed events, such as `change`\n * events.\n *\n * @example\n * class MyInput extends LitElement {\n *   render() {\n *     return html`<input @change=${this.redispatchEvent}>`;\n *   }\n *\n *   protected redispatchEvent(event: Event) {\n *     redispatchEvent(this, event);\n *   }\n * }\n *\n * @param element The element to dispatch the event from.\n * @param event The event to re-dispatch.\n * @return Whether or not the event was dispatched (if cancelable).\n */\nexport function redispatchEvent(element: Element, event: Event) {\n  // For bubbling events in SSR light DOM (or composed), stop their propagation\n  // and dispatch the copy.\n  if (event.bubbles && (!element.shadowRoot || event.composed)) {\n    event.stopPropagation();\n  }\n\n  const copy = Reflect.construct(event.constructor, [event.type, event]);\n  const dispatched = element.dispatchEvent(copy);\n  if (!dispatched) {\n    event.preventDefault();\n  }\n\n  return dispatched;\n}\n\n/**\n * Dispatches a click event to the given element that triggers a native action,\n * but is not composed and therefore is not seen outside the element.\n *\n * This is useful for responding to an external click event on the host element\n * that should trigger an internal action like a button click.\n *\n * Note, a helper is provided because setting this up correctly is a bit tricky.\n * In particular, calling `click` on an element creates a composed event, which\n * is not desirable, and a manually dispatched event must specifically be a\n * `MouseEvent` to trigger a native action.\n *\n * @example\n * hostClickListener = (event: MouseEvent) {\n *   if (isActivationClick(event)) {\n *     this.dispatchActivationClick(this.buttonElement);\n *   }\n * }\n *\n */\nexport function dispatchActivationClick(element: HTMLElement) {\n  const event = new MouseEvent('click', {bubbles: true});\n  element.dispatchEvent(event);\n  return event;\n}\n\n/**\n * Returns true if the click event should trigger an activation behavior. The\n * behavior is defined by the element and is whatever it should do when\n * clicked.\n *\n * Typically when an element needs to handle a click, the click is generated\n * from within the element and an event listener within the element implements\n * the needed behavior; however, it's possible to fire a click directly\n * at the element that the element should handle. This method helps\n * distinguish these \"external\" clicks.\n *\n * An \"external\" click can be triggered in a number of ways: via a click\n * on an associated label for a form  associated element, calling\n * `element.click()`, or calling\n * `element.dispatchEvent(new MouseEvent('click', ...))`.\n *\n * Also works around Firefox issue\n * https://bugzilla.mozilla.org/show_bug.cgi?id=1804576 by squelching\n * events for a microtask after called.\n *\n * @example\n * hostClickListener = (event: MouseEvent) {\n *   if (isActivationClick(event)) {\n *     this.dispatchActivationClick(this.buttonElement);\n *   }\n * }\n *\n */\nexport function isActivationClick(event: Event) {\n  // Event must start at the event target.\n  if (event.composedPath()[0] !== event.target) {\n    return false;\n  }\n  // Target must not be disabled; this should only occur for a synthetically\n  // dispatched click.\n  if ((event.target as EventTarget & {disabled: boolean}).disabled) {\n    return false;\n  }\n  // This is an activation if the event should not be squelched.\n  return !squelchEvent(event);\n}\n\n// TODO(https://bugzilla.mozilla.org/show_bug.cgi?id=1804576)\n//  Remove when Firefox bug is addressed.\nfunction squelchEvent(event: Event) {\n  const squelched = isSquelchingEvents;\n  if (squelched) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n  squelchEventsForMicrotask();\n  return squelched;\n}\n\n// Ignore events for one microtask only.\nlet isSquelchingEvents = false;\nasync function squelchEventsForMicrotask() {\n  isSquelchingEvents = true;\n  // Need to pause for just one microtask.\n  // tslint:disable-next-line\n  await null;\n  isSquelchingEvents = false;\n}\n"]}

package/controller/form-associated.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * FormAssociatedElement interface
+ */
+export interface FormAssociatedElement extends HTMLElement {
+}
+/**
+ * Returns true if the element is a form associated custom element (FACE).
+ */
+export declare function isFormAssociated(element: FormAssociatedElement): boolean;

package/controller/form-associated.js

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Returns true if the element is a form associated custom element (FACE).
+ */
+export function isFormAssociated(element) {
+    return element.constructor.formAssociated;
+}
+//# sourceMappingURL=form-associated.js.map

package/controller/form-associated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-associated.js","sourceRoot":"","sources":["form-associated.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,OAA8B;IAC7D,OAAQ,OAAO,CAAC,WAA4C,CAAC,cAAc,CAAC;AAC9E,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * FormAssociatedElement interface\n */\nexport interface FormAssociatedElement extends HTMLElement {}\n\ndeclare var FormAssociatedElement: {\n  new (): FormAssociatedElement; prototype: FormAssociatedElement;\n  readonly formAssociated?: boolean;\n};\n\n/**\n * Returns true if the element is a form associated custom element (FACE).\n */\nexport function isFormAssociated(element: FormAssociatedElement) {\n  return (element.constructor as typeof FormAssociatedElement).formAssociated;\n}\n"]}

package/controller/form-controller.d.ts

@@ -43,6 +43,13 @@ export interface FormElement extends ReactiveControllerHost, HTMLElement {
 export declare const getFormValue: unique symbol;
 /**
  * A `ReactiveController` that adds `<form>` support to an element.
+ *
+ * Elements should also set `static formAssociated = true` which
+ * provides platform support for forms. When an element is form associated,
+ * it can be activated via clicks on associated label elements. It is the
+ * responsibility of the element to process this click and perform any necessary
+ * activation tasks, for example focusing and clicking on an internal element.
+ *
  */
 export declare class FormController implements ReactiveController {
     private readonly element;

package/controller/form-controller.js

@@ -4,7 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { __decorate, __metadata } from "tslib";
-import { bound } from '@material/web/decorators/bound.js';
+import { bound } from '../decorators/bound.js';
+import { isFormAssociated } from './form-associated.js';
+import { shimLabelSupport, SUPPORTS_FACE_LABEL } from './shim-label-activation.js';
 /**
  * A unique symbol key for `FormController` elements to implement their
  * `getFormValue()` function.
@@ -12,6 +14,13 @@ import { bound } from '@material/web/decorators/bound.js';
 export const getFormValue = Symbol('getFormValue');
 /**
  * A `ReactiveController` that adds `<form>` support to an element.
+ *
+ * Elements should also set `static formAssociated = true` which
+ * provides platform support for forms. When an element is form associated,
+ * it can be activated via clicks on associated label elements. It is the
+ * responsibility of the element to process this click and perform any necessary
+ * activation tasks, for example focusing and clicking on an internal element.
+ *
  */
 export class FormController {
     /**
@@ -33,6 +42,11 @@ export class FormController {
         // null if the child was removed.
         this.form = this.element.form;
         this.form?.addEventListener('formdata', this.formDataListener);
+        // TODO(b/261871554) Label activation shim is currently only needed for
+        // Safari. Remove it when no longer needed.
+        if (isFormAssociated(this.element) && !SUPPORTS_FACE_LABEL) {
+            shimLabelSupport(this.element.getRootNode());
+        }
     }
     hostDisconnected() {
         this.form?.removeEventListener('formdata', this.formDataListener);

package/controller/form-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-controller.js","sourceRoot":"","sources":["form-controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,KAAK,EAAC,MAAM,mCAAmC,CAAC;AAmCxD;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,OAAO,cAAc;IAGzB;;;;OAIG;IACH,YAA6B,OAAoB;QAApB,YAAO,GAAP,OAAO,CAAa;IAAG,CAAC;IAErD,aAAa;QACX,wEAAwE;QACxE,0EAA0E;QAC1E,sBAAsB;QACtB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE;YACtD,OAAO;SACR;QAED,wEAAwE;QACxE,iCAAiC;QACjC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAC9B,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACjE,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,EAAE,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACpE,CAAC;IAGO,gBAAgB,CAAC,KAAoB;QAC3C,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,sEAAsE;YACtE,OAAO;SACR;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;QAC3C,sEAAsE;QACtE,wEAAwE;QACxE,QAAQ;QACR,IAAI,KAAK,YAAY,QAAQ,EAAE;YAC7B,KAAK,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,KAAK,EAAE;gBACpC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;aACvC;YACD,OAAO;SACR;QAED,4EAA4E;QAC5E,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;YACxC,OAAO;SACR;QAED,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC;CACF;AAxBC;IADC,KAAK;;qCAC0B,aAAa;;sDAuB5C","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {bound} from '@material/web/decorators/bound.js';\nimport {ReactiveController, ReactiveControllerHost} from 'lit';\n\ndeclare global {\n  interface Window {\n    ShadyDOM?: {inUse: boolean;};\n  }\n}\n\n/**\n * An element that `FormController` may use.\n */\nexport interface FormElement extends ReactiveControllerHost, HTMLElement {\n  /**\n   * The `<form>` that this element is associated with.\n   */\n  readonly form: HTMLFormElement|null;\n  /**\n   * The name of the element in the form. This property should reflect to a\n   * `name` attribute.\n   */\n  name: string;\n  /**\n   * Whether or not this element is disabled. If present, this property should\n   * reflect to a `disabled` attribute.\n   */\n  disabled?: boolean;\n  /**\n   * A function that retrieves the current form value for this element.\n   *\n   * @return The current form value, or `null` if there is no value.\n   */\n  [getFormValue](): string|File|FormData|null;\n}\n\n/**\n * A unique symbol key for `FormController` elements to implement their\n * `getFormValue()` function.\n */\nexport const getFormValue = Symbol('getFormValue');\n\n/**\n * A `ReactiveController` that adds `<form>` support to an element.\n */\nexport class FormController implements ReactiveController {\n  private form?: HTMLFormElement|null;\n\n  /**\n   * Creates a new `FormController` for the given element.\n   *\n   * @param element The element to add `<form>` support to.\n   */\n  constructor(private readonly element: FormElement) {}\n\n  hostConnected() {\n    // If the component internals are not in Shadow DOM, subscribing to form\n    // data events could lead to duplicated data, which may not work correctly\n    // on the server side.\n    if (!this.element.shadowRoot || window.ShadyDOM?.inUse) {\n      return;\n    }\n\n    // Preserve a reference to the form, since on hostDisconnected it may be\n    // null if the child was removed.\n    this.form = this.element.form;\n    this.form?.addEventListener('formdata', this.formDataListener);\n  }\n\n  hostDisconnected() {\n    this.form?.removeEventListener('formdata', this.formDataListener);\n  }\n\n  @bound\n  private formDataListener(event: FormDataEvent) {\n    if (this.element.disabled) {\n      // Check for truthiness since some elements may not support disabling.\n      return;\n    }\n\n    const value = this.element[getFormValue]();\n    // If given a `FormData` instance, append all values to the form. This\n    // allows elements to customize what is added beyond a single name/value\n    // pair.\n    if (value instanceof FormData) {\n      for (const [key, dataValue] of value) {\n        event.formData.append(key, dataValue);\n      }\n      return;\n    }\n\n    // Do not associate the value with the form if there is no value or no name.\n    if (value === null || !this.element.name) {\n      return;\n    }\n\n    event.formData.append(this.element.name, value);\n  }\n}\n"]}
+{"version":3,"file":"form-controller.js","sourceRoot":"","sources":["form-controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAIH,OAAO,EAAC,KAAK,EAAC,MAAM,wBAAwB,CAAC;AAE7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,4BAA4B,CAAC;AAkCjF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AAEnD;;;;;;;;;GASG;AACH,MAAM,OAAO,cAAc;IAGzB;;;;OAIG;IACH,YAA6B,OAAoB;QAApB,YAAO,GAAP,OAAO,CAAa;IAAG,CAAC;IAErD,aAAa;QACX,wEAAwE;QACxE,0EAA0E;QAC1E,sBAAsB;QACtB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE;YACtD,OAAO;SACR;QAED,wEAAwE;QACxE,iCAAiC;QACjC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAC9B,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAE/D,uEAAuE;QACvE,2CAA2C;QAC3C,IAAI,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC1D,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAA2B,CAAC,CAAC;SACvE;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,EAAE,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACpE,CAAC;IAGO,gBAAgB,CAAC,KAAoB;QAC3C,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,sEAAsE;YACtE,OAAO;SACR;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;QAC3C,sEAAsE;QACtE,wEAAwE;QACxE,QAAQ;QACR,IAAI,KAAK,YAAY,QAAQ,EAAE;YAC7B,KAAK,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,KAAK,EAAE;gBACpC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;aACvC;YACD,OAAO;SACR;QAED,4EAA4E;QAC5E,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;YACxC,OAAO;SACR;QAED,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC;CACF;AAxBC;IADC,KAAK;;qCAC0B,aAAa;;sDAuB5C","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ReactiveController, ReactiveControllerHost} from 'lit';\n\nimport {bound} from '../decorators/bound.js';\n\nimport {isFormAssociated} from './form-associated.js';\nimport {shimLabelSupport, SUPPORTS_FACE_LABEL} from './shim-label-activation.js';\n\ndeclare global {\n  interface Window {\n    ShadyDOM?: {inUse: boolean;};\n  }\n}\n\n/**\n * An element that `FormController` may use.\n */\nexport interface FormElement extends ReactiveControllerHost, HTMLElement {\n  /**\n   * The `<form>` that this element is associated with.\n   */\n  readonly form: HTMLFormElement|null;\n  /**\n   * The name of the element in the form. This property should reflect to a\n   * `name` attribute.\n   */\n  name: string;\n  /**\n   * Whether or not this element is disabled. If present, this property should\n   * reflect to a `disabled` attribute.\n   */\n  disabled?: boolean;\n  /**\n   * A function that retrieves the current form value for this element.\n   *\n   * @return The current form value, or `null` if there is no value.\n   */\n  [getFormValue](): string|File|FormData|null;\n}\n\n/**\n * A unique symbol key for `FormController` elements to implement their\n * `getFormValue()` function.\n */\nexport const getFormValue = Symbol('getFormValue');\n\n/**\n * A `ReactiveController` that adds `<form>` support to an element.\n *\n * Elements should also set `static formAssociated = true` which\n * provides platform support for forms. When an element is form associated,\n * it can be activated via clicks on associated label elements. It is the\n * responsibility of the element to process this click and perform any necessary\n * activation tasks, for example focusing and clicking on an internal element.\n *\n */\nexport class FormController implements ReactiveController {\n  private form?: HTMLFormElement|null;\n\n  /**\n   * Creates a new `FormController` for the given element.\n   *\n   * @param element The element to add `<form>` support to.\n   */\n  constructor(private readonly element: FormElement) {}\n\n  hostConnected() {\n    // If the component internals are not in Shadow DOM, subscribing to form\n    // data events could lead to duplicated data, which may not work correctly\n    // on the server side.\n    if (!this.element.shadowRoot || window.ShadyDOM?.inUse) {\n      return;\n    }\n\n    // Preserve a reference to the form, since on hostDisconnected it may be\n    // null if the child was removed.\n    this.form = this.element.form;\n    this.form?.addEventListener('formdata', this.formDataListener);\n\n    // TODO(b/261871554) Label activation shim is currently only needed for\n    // Safari. Remove it when no longer needed.\n    if (isFormAssociated(this.element) && !SUPPORTS_FACE_LABEL) {\n      shimLabelSupport(this.element.getRootNode() as Document | ShadowRoot);\n    }\n  }\n\n  hostDisconnected() {\n    this.form?.removeEventListener('formdata', this.formDataListener);\n  }\n\n  @bound\n  private formDataListener(event: FormDataEvent) {\n    if (this.element.disabled) {\n      // Check for truthiness since some elements may not support disabling.\n      return;\n    }\n\n    const value = this.element[getFormValue]();\n    // If given a `FormData` instance, append all values to the form. This\n    // allows elements to customize what is added beyond a single name/value\n    // pair.\n    if (value instanceof FormData) {\n      for (const [key, dataValue] of value) {\n        event.formData.append(key, dataValue);\n      }\n      return;\n    }\n\n    // Do not associate the value with the form if there is no value or no name.\n    if (value === null || !this.element.name) {\n      return;\n    }\n\n    event.formData.append(this.element.name, value);\n  }\n}\n"]}

package/controller/is-rtl.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Returns `true` if the given element is in a right-to-left direction.
+ *
+ * @param el Element to determine direction from
+ * @param shouldCheck Optional. If `false`, return `false` without checking
+ *     direction. Determining the direction of `el` is somewhat expensive, so
+ *     this parameter can be used as a conditional guard. Defaults to `true`.
+ */
+export declare function isRtl(el: HTMLElement, shouldCheck?: boolean): boolean;

package/controller/is-rtl.js

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Returns `true` if the given element is in a right-to-left direction.
+ *
+ * @param el Element to determine direction from
+ * @param shouldCheck Optional. If `false`, return `false` without checking
+ *     direction. Determining the direction of `el` is somewhat expensive, so
+ *     this parameter can be used as a conditional guard. Defaults to `true`.
+ */
+export function isRtl(el, shouldCheck = true) {
+    return shouldCheck &&
+        getComputedStyle(el).getPropertyValue('direction').trim() === 'rtl';
+}
+//# sourceMappingURL=is-rtl.js.map

package/controller/is-rtl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-rtl.js","sourceRoot":"","sources":["is-rtl.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK,CAAC,EAAe,EAAE,WAAW,GAAG,IAAI;IACvD,OAAO,WAAW;QACd,gBAAgB,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,CAAC;AAC1E,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * Returns `true` if the given element is in a right-to-left direction.\n *\n * @param el Element to determine direction from\n * @param shouldCheck Optional. If `false`, return `false` without checking\n *     direction. Determining the direction of `el` is somewhat expensive, so\n *     this parameter can be used as a conditional guard. Defaults to `true`.\n */\nexport function isRtl(el: HTMLElement, shouldCheck = true) {\n  return shouldCheck &&\n      getComputedStyle(el).getPropertyValue('direction').trim() === 'rtl';\n}"]}

package/controller/shim-label-activation.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Returns true if labeling is supported for form associated custom elemeents.
+ * Chrome and Firefox currently do and Safari support appears to be in progress,
+ * see https://bugs.webkit.org/show_bug.cgi?id=197960.
+ */
+export declare const SUPPORTS_FACE_LABEL: boolean;
+/**
+ * Provides a shim for labeling form associated custom elements via clicks
+ * on label elements. Note, this is currently needed only in Safari and
+ * support appears to be in progress, see
+ * https://bugs.webkit.org/show_bug.cgi?id=197960.
+ */
+export declare function shimLabelSupport(root: Document | ShadowRoot): void;

package/controller/shim-label-activation.js

@@ -0,0 +1,72 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { isFormAssociated } from './form-associated.js';
+// TODO Label activation shim is currently only needed for Safari. Remove it
+// when no longer needed, see b/261871554.
+/**
+ * Returns true if labeling is supported for form associated custom elemeents.
+ * Chrome and Firefox currently do and Safari support appears to be in progress,
+ * see https://bugs.webkit.org/show_bug.cgi?id=197960.
+ */
+export const SUPPORTS_FACE_LABEL = 'labels' in (globalThis?.ElementInternals?.prototype ?? {});
+function isCustomElement(element) {
+    return element.localName.match('-');
+}
+// Elements that can be associated with a <label> element include <button>,
+// <input> (except for type="hidden"), <meter>, <output>, <progress>, <select>
+// and <textarea>.
+const implicitLabelReactive = new Set(['button', 'input', 'meter', 'progress', 'output', 'select', 'textarea']);
+function isLabelReactive(element) {
+    return implicitLabelReactive.has(element.localName) ||
+        isFormAssociated(element);
+}
+/**
+ * Provides a shim for labeling form associated custom elements via clicks
+ * on label elements. Note, this is currently needed only in Safari and
+ * support appears to be in progress, see
+ * https://bugs.webkit.org/show_bug.cgi?id=197960.
+ */
+export function shimLabelSupport(root) {
+    // Listen for clicks on root to find clicks on label elements
+    root.addEventListener('click', labelActivationListener);
+}
+function labelActivationListener(event) {
+    // Find label on which user clicked.
+    const path = event.composedPath();
+    const root = event.currentTarget;
+    let label = undefined;
+    for (let i = 0; i < path.length; i++) {
+        const target = path[i];
+        // Not element or not in scope.
+        if (target.nodeType !== Node.ELEMENT_NODE ||
+            target.getRootNode() !== root) {
+            continue;
+        }
+        // If the click is on a label reactive element, this is not a label click.
+        if (isLabelReactive(target)) {
+            return;
+        }
+        if (target.localName === 'label') {
+            label = target;
+        }
+    }
+    if (label === undefined) {
+        return;
+    }
+    // Find associated element to activate.
+    const forId = label.getAttribute('for');
+    const target = forId ?
+        root.getElementById(forId) :
+        Array.from(label.querySelectorAll('*'))
+            .find((el) => isCustomElement(el) && isFormAssociated(el));
+    if (target == null) {
+        return;
+    }
+    // Simulate FACE by issuing a click on the associated element.
+    const simulatedClick = new PointerEvent('click', { composed: true, bubbles: true });
+    target.dispatchEvent(simulatedClick);
+}
+//# sourceMappingURL=shim-label-activation.js.map

package/controller/shim-label-activation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shim-label-activation.js","sourceRoot":"","sources":["shim-label-activation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAEtD,4EAA4E;AAC5E,0CAA0C;AAE1C;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAC5B,QAAQ,IAAI,CAAC,UAAU,EAAE,gBAAgB,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC;AAEhE,SAAS,eAAe,CAAC,OAAoB;IAC3C,OAAO,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACtC,CAAC;AAED,2EAA2E;AAC3E,8EAA8E;AAC9E,kBAAkB;AAClB,MAAM,qBAAqB,GAAG,IAAI,GAAG,CACjC,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AAE9E,SAAS,eAAe,CAAC,OAAoB;IAC3C,OAAO,qBAAqB,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC;QAC/C,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAChC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAyB;IACxD,6DAA6D;IAC7D,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,uBAAuB,CAAC,KAAY;IAC3C,oCAAoC;IACpC,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,aAAsC,CAAC;IAC1D,IAAI,KAAK,GAA+B,SAAS,CAAC;IAClD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAgB,CAAC;QACtC,+BAA+B;QAC/B,IAAI,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YACrC,MAAM,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;YACjC,SAAS;SACV;QACD,0EAA0E;QAC1E,IAAI,eAAe,CAAC,MAAM,CAAC,EAAE;YAC3B,OAAO;SACR;QACD,IAAI,MAAM,CAAC,SAAS,KAAK,OAAO,EAAE;YAChC,KAAK,GAAG,MAA0B,CAAC;SACpC;KACF;IACD,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO;KACR;IACD,uCAAuC;IACvC,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC;QAClB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAc,GAAG,CAAC,CAAC;aAC/C,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC;IACnE,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,OAAO;KACR;IACD,8DAA8D;IAC9D,MAAM,cAAc,GAChB,IAAI,YAAY,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IAC/D,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AACvC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {isFormAssociated} from './form-associated.js';\n\n// TODO Label activation shim is currently only needed for Safari. Remove it\n// when no longer needed, see b/261871554.\n\n/**\n * Returns true if labeling is supported for form associated custom elemeents.\n * Chrome and Firefox currently do and Safari support appears to be in progress,\n * see https://bugs.webkit.org/show_bug.cgi?id=197960.\n */\nexport const SUPPORTS_FACE_LABEL =\n    'labels' in (globalThis?.ElementInternals?.prototype ?? {});\n\nfunction isCustomElement(element: HTMLElement) {\n  return element.localName.match('-');\n}\n\n// Elements that can be associated with a <label> element include <button>,\n// <input> (except for type=\"hidden\"), <meter>, <output>, <progress>, <select>\n// and <textarea>.\nconst implicitLabelReactive = new Set(\n    ['button', 'input', 'meter', 'progress', 'output', 'select', 'textarea']);\n\nfunction isLabelReactive(element: HTMLElement) {\n  return implicitLabelReactive.has(element.localName) ||\n      isFormAssociated(element);\n}\n\n/**\n * Provides a shim for labeling form associated custom elements via clicks\n * on label elements. Note, this is currently needed only in Safari and\n * support appears to be in progress, see\n * https://bugs.webkit.org/show_bug.cgi?id=197960.\n */\nexport function shimLabelSupport(root: Document|ShadowRoot) {\n  // Listen for clicks on root to find clicks on label elements\n  root.addEventListener('click', labelActivationListener);\n}\n\nfunction labelActivationListener(event: Event) {\n  // Find label on which user clicked.\n  const path = event.composedPath();\n  const root = event.currentTarget as ShadowRoot | Document;\n  let label: HTMLLabelElement|undefined = undefined;\n  for (let i = 0; i < path.length; i++) {\n    const target = path[i] as HTMLElement;\n    // Not element or not in scope.\n    if (target.nodeType !== Node.ELEMENT_NODE ||\n        target.getRootNode() !== root) {\n      continue;\n    }\n    // If the click is on a label reactive element, this is not a label click.\n    if (isLabelReactive(target)) {\n      return;\n    }\n    if (target.localName === 'label') {\n      label = target as HTMLLabelElement;\n    }\n  }\n  if (label === undefined) {\n    return;\n  }\n  // Find associated element to activate.\n  const forId = label.getAttribute('for');\n  const target = forId ?\n      root.getElementById(forId) :\n      Array.from(label.querySelectorAll<HTMLElement>('*'))\n          .find((el) => isCustomElement(el) && isFormAssociated(el));\n  if (target == null) {\n    return;\n  }\n  // Simulate FACE by issuing a click on the associated element.\n  const simulatedClick =\n      new PointerEvent('click', {composed: true, bubbles: true});\n  target.dispatchEvent(simulatedClick);\n}\n"]}

package/decorators/bound.d.ts

@@ -3,7 +3,7 @@
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { FunctionKeys } from '@material/web/types/keys.js';
+import { FunctionKeys } from '../types/keys.js';
 /**
  * Binds a class's method to its instance.
  *

package/decorators/bound.js.map

@@ -1 +1 @@
-{"version":3,"file":"bound.js","sourceRoot":"","sources":["bound.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAyCH,MAAM,UACN,KAAK,CACD,MAAS,EAAE,WAAc,EAAE,gBAA6C;IAE1E,MAAM,UAAU,GAA+B,gBAAgB,IAAI;QACjE,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;KACf,CAAC;IAEF,MAAM,mBAAmB,GAAG,IAAI,OAAO,EAAa,CAAC;IACrD,IAAI,GAAgD,CAAC;IACrD,IAAI,GAAgD,CAAC;IAErD,IAAI,UAAU,CAAC,GAAG,IAAI,UAAU,CAAC,QAAQ,EAAE;QACzC,GAAG,GAAG;YACJ,MAAM,IAAI,GAAG,IAAS,CAAC,CAAE,iCAAiC;YAC1D,IAAI,UAAU,CAAC,GAAG,EAAE;gBAClB,oDAAoD;gBACpD,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC;gBAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAChC,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACzB;YAED,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBAClC,MAAM,KAAK,GACP,CAAC,UAAU,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAM,CAAC;gBAClE,mBAAmB,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBACrC,OAAO,KAAK,CAAC;aACd;YAED,OAAO,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;QACxC,CAAC,CAAC;KACH;IAED,IAAI,UAAU,CAAC,GAAG,IAAI,UAAU,CAAC,QAAQ,EAAE;QACzC,GAAG,GAAG,UAAkB,KAAQ;YAC9B,MAAM,IAAI,GAAG,IAAS,CAAC,CAAE,iCAAiC;YAC1D,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzB,IAAI,UAAU,CAAC,GAAG,EAAE;gBAClB,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;aAClC;YAED,mBAAmB,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC;KACH;IAED,OAAO;QACL,GAAG;QACH,GAAG;QACH,YAAY,EAAE,UAAU,CAAC,YAAY;QACrC,UAAU,EAAE,UAAU,CAAC,UAAU;KAClC,CAAC;AACJ,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {FunctionKeys} from '@material/web/types/keys.js';\n\n/**\n * Binds a class's method to its instance.\n *\n * @example\n * class MyClass {\n *   \\@bound\n *   foo() { return this; }\n * }\n *\n * const instance = new MyClass();\n * const reference = instance.foo;\n * foo(); // MyClass\n *\n * @category Decorator\n * @ExportDecoratedItems\n */\nexport function bound<V extends Function>(\n    target: object, propertyKey: string|symbol,\n    methodDescriptor: TypedPropertyDescriptor<V>): TypedPropertyDescriptor<V>;\n/**\n * Binds a class's function property to its instance.\n *\n * @example\n * class MyClass {\n *   \\@bound\n *   foo = function(this: MyClass) { return this; }\n * }\n *\n * const instance = new MyClass();\n * const reference = instance.foo;\n * foo(); // MyClass\n *\n * @category Decorator\n * @ExportDecoratedItems\n */\nexport function bound<T extends object>(\n    target: T, propertyKey: FunctionKeys<T>): any;\nexport function\nbound<T extends object, K extends FunctionKeys<T>, V extends T[K]&Function>(\n    target: T, propertyKey: K, methodDescriptor?: TypedPropertyDescriptor<V>):\n    TypedPropertyDescriptor<V> {\n  const descriptor: TypedPropertyDescriptor<V> = methodDescriptor || {\n    configurable: true,\n    enumerable: true,\n    writable: true,\n  };\n\n  const memoizedBoundValues = new WeakMap<object, V>();\n  let get: TypedPropertyDescriptor<V>['get']|undefined;\n  let set: TypedPropertyDescriptor<V>['set']|undefined;\n\n  if (descriptor.get || descriptor.writable) {\n    get = function(this: T): V {\n      const self = this as T;  // Needed for closure conformance\n      if (descriptor.get) {\n        // Separate variables needed for closure conformance\n        const getter = descriptor.get;\n        const value = getter.call(self);\n        return value.bind(self);\n      }\n\n      if (!memoizedBoundValues.has(self)) {\n        const bound =\n            (descriptor.value || self[propertyKey] as V)?.bind(self) as V;\n        memoizedBoundValues.set(self, bound);\n        return bound;\n      }\n\n      return memoizedBoundValues.get(self)!;\n    };\n  }\n\n  if (descriptor.set || descriptor.writable) {\n    set = function(this: T, value: V) {\n      const self = this as T;  // Needed for closure conformance\n      value = value.bind(self);\n      if (descriptor.set) {\n        descriptor.set.call(self, value);\n      }\n\n      memoizedBoundValues.set(self, value);\n    };\n  }\n\n  return {\n    get,\n    set,\n    configurable: descriptor.configurable,\n    enumerable: descriptor.enumerable,\n  };\n}\n"]}
+{"version":3,"file":"bound.js","sourceRoot":"","sources":["bound.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAyCH,MAAM,UACN,KAAK,CACD,MAAS,EAAE,WAAc,EAAE,gBAA6C;IAE1E,MAAM,UAAU,GAA+B,gBAAgB,IAAI;QACjE,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;KACf,CAAC;IAEF,MAAM,mBAAmB,GAAG,IAAI,OAAO,EAAa,CAAC;IACrD,IAAI,GAAgD,CAAC;IACrD,IAAI,GAAgD,CAAC;IAErD,IAAI,UAAU,CAAC,GAAG,IAAI,UAAU,CAAC,QAAQ,EAAE;QACzC,GAAG,GAAG;YACJ,MAAM,IAAI,GAAG,IAAS,CAAC,CAAE,iCAAiC;YAC1D,IAAI,UAAU,CAAC,GAAG,EAAE;gBAClB,oDAAoD;gBACpD,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC;gBAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAChC,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACzB;YAED,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBAClC,MAAM,KAAK,GACP,CAAC,UAAU,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAM,CAAC;gBAClE,mBAAmB,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBACrC,OAAO,KAAK,CAAC;aACd;YAED,OAAO,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;QACxC,CAAC,CAAC;KACH;IAED,IAAI,UAAU,CAAC,GAAG,IAAI,UAAU,CAAC,QAAQ,EAAE;QACzC,GAAG,GAAG,UAAkB,KAAQ;YAC9B,MAAM,IAAI,GAAG,IAAS,CAAC,CAAE,iCAAiC;YAC1D,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzB,IAAI,UAAU,CAAC,GAAG,EAAE;gBAClB,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;aAClC;YAED,mBAAmB,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC;KACH;IAED,OAAO;QACL,GAAG;QACH,GAAG;QACH,YAAY,EAAE,UAAU,CAAC,YAAY;QACrC,UAAU,EAAE,UAAU,CAAC,UAAU;KAClC,CAAC;AACJ,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {FunctionKeys} from '../types/keys.js';\n\n/**\n * Binds a class's method to its instance.\n *\n * @example\n * class MyClass {\n *   \\@bound\n *   foo() { return this; }\n * }\n *\n * const instance = new MyClass();\n * const reference = instance.foo;\n * foo(); // MyClass\n *\n * @category Decorator\n * @ExportDecoratedItems\n */\nexport function bound<V extends Function>(\n    target: object, propertyKey: string|symbol,\n    methodDescriptor: TypedPropertyDescriptor<V>): TypedPropertyDescriptor<V>;\n/**\n * Binds a class's function property to its instance.\n *\n * @example\n * class MyClass {\n *   \\@bound\n *   foo = function(this: MyClass) { return this; }\n * }\n *\n * const instance = new MyClass();\n * const reference = instance.foo;\n * foo(); // MyClass\n *\n * @category Decorator\n * @ExportDecoratedItems\n */\nexport function bound<T extends object>(\n    target: T, propertyKey: FunctionKeys<T>): any;\nexport function\nbound<T extends object, K extends FunctionKeys<T>, V extends T[K]&Function>(\n    target: T, propertyKey: K, methodDescriptor?: TypedPropertyDescriptor<V>):\n    TypedPropertyDescriptor<V> {\n  const descriptor: TypedPropertyDescriptor<V> = methodDescriptor || {\n    configurable: true,\n    enumerable: true,\n    writable: true,\n  };\n\n  const memoizedBoundValues = new WeakMap<object, V>();\n  let get: TypedPropertyDescriptor<V>['get']|undefined;\n  let set: TypedPropertyDescriptor<V>['set']|undefined;\n\n  if (descriptor.get || descriptor.writable) {\n    get = function(this: T): V {\n      const self = this as T;  // Needed for closure conformance\n      if (descriptor.get) {\n        // Separate variables needed for closure conformance\n        const getter = descriptor.get;\n        const value = getter.call(self);\n        return value.bind(self);\n      }\n\n      if (!memoizedBoundValues.has(self)) {\n        const bound =\n            (descriptor.value || self[propertyKey] as V)?.bind(self) as V;\n        memoizedBoundValues.set(self, bound);\n        return bound;\n      }\n\n      return memoizedBoundValues.get(self)!;\n    };\n  }\n\n  if (descriptor.set || descriptor.writable) {\n    set = function(this: T, value: V) {\n      const self = this as T;  // Needed for closure conformance\n      value = value.bind(self);\n      if (descriptor.set) {\n        descriptor.set.call(self, value);\n      }\n\n      memoizedBoundValues.set(self, value);\n    };\n  }\n\n  return {\n    get,\n    set,\n    configurable: descriptor.configurable,\n    enumerable: descriptor.enumerable,\n  };\n}\n"]}

package/elevation/_elevation.scss

@@ -0,0 +1,6 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@forward './lib/elevation' show theme;

package/elevation/elevation.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Elevation } from './lib/elevation.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-elevation': MdElevation;
+    }
+}
+/**
+ * The `<md-elevation>` custom element with default styles.
+ *
+ * Elevation is the relative distance between two surfaces along the z-axis.
+ */
+export declare class MdElevation extends Elevation {
+    static styles: import("lit").CSSResult[];
+}

package/elevation/elevation.js

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { Elevation } from './lib/elevation.js';
+import { styles } from './lib/elevation-styles.css.js';
+/**
+ * The `<md-elevation>` custom element with default styles.
+ *
+ * Elevation is the relative distance between two surfaces along the z-axis.
+ */
+let MdElevation = class MdElevation extends Elevation {
+};
+MdElevation.styles = [styles];
+MdElevation = __decorate([
+    customElement('md-elevation')
+], MdElevation);
+export { MdElevation };
+//# sourceMappingURL=elevation.js.map

package/elevation/elevation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevation.js","sourceRoot":"","sources":["elevation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAC,MAAM,EAAC,MAAM,+BAA+B,CAAC;AAQrD;;;;GAIG;AAEH,IAAa,WAAW,GAAxB,MAAa,WAAY,SAAQ,SAAS;CAEzC,CAAA;AADiB,kBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAEvB;SAFY,WAAW","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {Elevation} from './lib/elevation.js';\nimport {styles} from './lib/elevation-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-elevation': MdElevation;\n  }\n}\n\n/**\n * The `<md-elevation>` custom element with default styles.\n *\n * Elevation is the relative distance between two surfaces along the z-axis.\n */\n@customElement('md-elevation')\nexport class MdElevation extends Elevation {\n  static override styles = [styles];\n}\n"]}