@material/web 2.4.2-nightly.082faad.0 → 2.4.2-nightly.516cbc0.0

package/labs/behaviors/form-submitter.js

@@ -1,87 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { isServer } from 'lit';
-import { property } from 'lit/decorators.js';
-import { afterDispatch, setupDispatchHooks, } from '../../internal/events/dispatch-hooks.js';
-import { internals } from './element-internals.js';
-/**
- * Mixes in form submitter behavior for a class.
- *
- * A click listener is added to each element instance. If the click is not
- * default prevented, it will submit the element's form, if any.
- *
- * @example
- * ```ts
- * const base = mixinFormSubmitter(mixinElementInternals(LitElement));
- * class MyButton extends base {
- *   static formAssociated = true;
- * }
- * ```
- *
- * @param base The class to mix functionality into.
- * @return The provided class with `FormSubmitter` mixed in.
- */
-export function mixinFormSubmitter(base) {
-    class FormSubmitterElement extends base {
-        // Name attribute must reflect synchronously for form integration.
-        get name() {
-            return this.getAttribute('name') ?? '';
-        }
-        set name(name) {
-            this.setAttribute('name', name);
-        }
-        // Mixins must have a constructor with `...args: any[]`
-        // tslint:disable-next-line:no-any
-        constructor(...args) {
-            super(...args);
-            this.type = 'submit';
-            this.value = '';
-            if (isServer)
-                return;
-            setupDispatchHooks(this, 'click');
-            this.addEventListener('click', async (event) => {
-                const isReset = this.type === 'reset';
-                const isSubmit = this.type === 'submit';
-                const elementInternals = this[internals];
-                const { form } = elementInternals;
-                if (!form || !(isSubmit || isReset)) {
-                    return;
-                }
-                afterDispatch(event, () => {
-                    if (event.defaultPrevented) {
-                        return;
-                    }
-                    if (isReset) {
-                        form.reset();
-                        return;
-                    }
-                    // form.requestSubmit(submitter) does not work with form associated custom
-                    // elements. This patches the dispatched submit event to add the correct
-                    // `submitter`.
-                    // See https://github.com/WICG/webcomponents/issues/814
-                    form.addEventListener('submit', (submitEvent) => {
-                        Object.defineProperty(submitEvent, 'submitter', {
-                            configurable: true,
-                            enumerable: true,
-                            get: () => this,
-                        });
-                    }, { capture: true, once: true });
-                    elementInternals.setFormValue(this.value);
-                    form.requestSubmit();
-                });
-            });
-        }
-    }
-    __decorate([
-        property()
-    ], FormSubmitterElement.prototype, "type", void 0);
-    __decorate([
-        property({ reflect: true })
-    ], FormSubmitterElement.prototype, "value", void 0);
-    return FormSubmitterElement;
-}
-//# sourceMappingURL=form-submitter.js.map

package/labs/behaviors/form-submitter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-submitter.js","sourceRoot":"","sources":["form-submitter.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,QAAQ,EAAa,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EACL,aAAa,EACb,kBAAkB,GACnB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAC,SAAS,EAAuB,MAAM,wBAAwB,CAAC;AA6CvE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,kBAAkB,CAEhC,IAAO;IACP,MAAe,oBAAqB,SAAQ,IAAI;QAI9C,kEAAkE;QAClE,IAAI,IAAI;YACN,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACzC,CAAC;QACD,IAAI,IAAI,CAAC,IAAY;YACnB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAClC,CAAC;QAED,uDAAuD;QACvD,kCAAkC;QAClC,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;YAdL,SAAI,GAAsB,QAAQ,CAAC;YACpB,UAAK,GAAG,EAAE,CAAC;YAcpC,IAAI,QAAQ;gBAAE,OAAO;YACrB,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAClC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAY,EAAE,EAAE;gBACpD,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;gBACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;gBACxC,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;gBACzC,MAAM,EAAC,IAAI,EAAC,GAAG,gBAAgB,CAAC;gBAChC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,EAAE,CAAC;oBACpC,OAAO;gBACT,CAAC;gBAED,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE;oBACxB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;wBAC3B,OAAO;oBACT,CAAC;oBAED,IAAI,OAAO,EAAE,CAAC;wBACZ,IAAI,CAAC,KAAK,EAAE,CAAC;wBACb,OAAO;oBACT,CAAC;oBAED,0EAA0E;oBAC1E,wEAAwE;oBACxE,eAAe;oBACf,uDAAuD;oBACvD,IAAI,CAAC,gBAAgB,CACnB,QAAQ,EACR,CAAC,WAAkB,EAAE,EAAE;wBACrB,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE;4BAC9C,YAAY,EAAE,IAAI;4BAClB,UAAU,EAAE,IAAI;4BAChB,GAAG,EAAE,GAAG,EAAE,CAAC,IAAI;yBAChB,CAAC,CAAC;oBACL,CAAC,EACD,EAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAC5B,CAAC;oBAEF,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC1C,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC;KACF;IAzDa;QAAX,QAAQ,EAAE;sDAAoC;IACpB;QAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;uDAAY;IA0DxC,OAAO,oBAAoB,CAAC;AAC9B,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {isServer, LitElement} from 'lit';\nimport {property} from 'lit/decorators.js';\n\nimport {\n  afterDispatch,\n  setupDispatchHooks,\n} from '../../internal/events/dispatch-hooks.js';\nimport {internals, WithElementInternals} from './element-internals.js';\nimport {MixinBase, MixinReturn} from './mixin.js';\n\n/**\n * A string indicating the form submission behavior of the element.\n *\n * - submit: The element submits the form. This is the default value if the\n * attribute is not specified, or if it is dynamically changed to an empty or\n * invalid value.\n * - reset: The element resets the form.\n * - button: The element does nothing.\n */\nexport type FormSubmitterType = 'button' | 'submit' | 'reset';\n\n/**\n * An element that can submit or reset a `<form>`, similar to\n * `<button type=\"submit\">`.\n */\nexport interface FormSubmitter {\n  /**\n   * A string indicating the form submission behavior of the element.\n   *\n   * - submit: The element submits the form. This is the default value if the\n   * attribute is not specified, or if it is dynamically changed to an empty or\n   * invalid value.\n   * - reset: The element resets the form.\n   * - button: The element does nothing.\n   */\n  type: FormSubmitterType;\n\n  /**\n   * The HTML name to use in form submission. When combined with a `value`, the\n   * submitting button's name/value will be added to the form.\n   *\n   * Names must reflect to a `name` attribute for form integration.\n   */\n  name: string;\n\n  /**\n   * The value of the button. When combined with a `name`, the submitting\n   * button's name/value will be added to the form.\n   */\n  value: string;\n}\n\n/**\n * Mixes in form submitter behavior for a class.\n *\n * A click listener is added to each element instance. If the click is not\n * default prevented, it will submit the element's form, if any.\n *\n * @example\n * ```ts\n * const base = mixinFormSubmitter(mixinElementInternals(LitElement));\n * class MyButton extends base {\n *   static formAssociated = true;\n * }\n * ```\n *\n * @param base The class to mix functionality into.\n * @return The provided class with `FormSubmitter` mixed in.\n */\nexport function mixinFormSubmitter<\n  T extends MixinBase<LitElement & WithElementInternals>,\n>(base: T): MixinReturn<T, FormSubmitter> {\n  abstract class FormSubmitterElement extends base implements FormSubmitter {\n    @property() type: FormSubmitterType = 'submit';\n    @property({reflect: true}) value = '';\n\n    // Name attribute must reflect synchronously for form integration.\n    get name() {\n      return this.getAttribute('name') ?? '';\n    }\n    set name(name: string) {\n      this.setAttribute('name', name);\n    }\n\n    // Mixins must have a constructor with `...args: any[]`\n    // tslint:disable-next-line:no-any\n    constructor(...args: any[]) {\n      super(...args);\n      if (isServer) return;\n      setupDispatchHooks(this, 'click');\n      this.addEventListener('click', async (event: Event) => {\n        const isReset = this.type === 'reset';\n        const isSubmit = this.type === 'submit';\n        const elementInternals = this[internals];\n        const {form} = elementInternals;\n        if (!form || !(isSubmit || isReset)) {\n          return;\n        }\n\n        afterDispatch(event, () => {\n          if (event.defaultPrevented) {\n            return;\n          }\n\n          if (isReset) {\n            form.reset();\n            return;\n          }\n\n          // form.requestSubmit(submitter) does not work with form associated custom\n          // elements. This patches the dispatched submit event to add the correct\n          // `submitter`.\n          // See https://github.com/WICG/webcomponents/issues/814\n          form.addEventListener(\n            'submit',\n            (submitEvent: Event) => {\n              Object.defineProperty(submitEvent, 'submitter', {\n                configurable: true,\n                enumerable: true,\n                get: () => this,\n              });\n            },\n            {capture: true, once: true},\n          );\n\n          elementInternals.setFormValue(this.value);\n          form.requestSubmit();\n        });\n      });\n    }\n  }\n\n  return FormSubmitterElement;\n}\n"]}