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

package/internal/controller/form-submitter.js

@@ -1,69 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { isServer } from 'lit';
-import { internals, } from '../../labs/behaviors/element-internals.js';
-/**
- * Sets up an element's constructor to enable form submission. The element
- * instance should be form associated and have a `type` property.
- *
- * 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
- * class MyElement extends mixinElementInternals(LitElement) {
- *   static {
- *     setupFormSubmitter(MyElement);
- *   }
- *
- *   static formAssociated = true;
- *
- *   type: FormSubmitterType = 'submit';
- * }
- * ```
- *
- * @param ctor The form submitter element's constructor.
- */
-export function setupFormSubmitter(ctor) {
-    if (isServer) {
-        return;
-    }
-    ctor.addInitializer((instance) => {
-        const submitter = instance;
-        submitter.addEventListener('click', async (event) => {
-            const { type, [internals]: elementInternals } = submitter;
-            const { form } = elementInternals;
-            if (!form || type === 'button') {
-                return;
-            }
-            // Wait a full task for event bubbling to complete.
-            await new Promise((resolve) => {
-                setTimeout(resolve);
-            });
-            if (event.defaultPrevented) {
-                return;
-            }
-            if (type === 'reset') {
-                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: () => submitter,
-                });
-            }, { capture: true, once: true });
-            elementInternals.setFormValue(submitter.value);
-            form.requestSubmit();
-        });
-    });
-}
-//# sourceMappingURL=form-submitter.js.map

package/internal/controller/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,EAAkB,MAAM,KAAK,CAAC;AAE9C,OAAO,EACL,SAAS,GAEV,MAAM,2CAA2C,CAAC;AAgDnD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAA8B;IAC/D,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO;IACT,CAAC;IAEA,IAA0C,CAAC,cAAc,CAAC,CAAC,QAAQ,EAAE,EAAE;QACtE,MAAM,SAAS,GAAG,QAAyB,CAAC;QAC5C,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YAClD,MAAM,EAAC,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,gBAAgB,EAAC,GAAG,SAAS,CAAC;YACxD,MAAM,EAAC,IAAI,EAAC,GAAG,gBAAgB,CAAC;YAChC,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC/B,OAAO;YACT,CAAC;YAED,mDAAmD;YACnD,MAAM,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;gBAClC,UAAU,CAAC,OAAO,CAAC,CAAC;YACtB,CAAC,CAAC,CAAC;YAEH,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBAC3B,OAAO;YACT,CAAC;YAED,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;gBACrB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,0EAA0E;YAC1E,wEAAwE;YACxE,eAAe;YACf,uDAAuD;YACvD,IAAI,CAAC,gBAAgB,CACnB,QAAQ,EACR,CAAC,WAAW,EAAE,EAAE;gBACd,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE;oBAC9C,YAAY,EAAE,IAAI;oBAClB,UAAU,EAAE,IAAI;oBAChB,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS;iBACrB,CAAC,CAAC;YACL,CAAC,EACD,EAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAC5B,CAAC;YAEF,gBAAgB,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC/C,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {isServer, ReactiveElement} from 'lit';\n\nimport {\n  internals,\n  WithElementInternals,\n} from '../../labs/behaviors/element-internals.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 extends ReactiveElement, WithElementInternals {\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\ntype FormSubmitterConstructor =\n  | (new () => FormSubmitter)\n  | (abstract new () => FormSubmitter);\n\n/**\n * Sets up an element's constructor to enable form submission. The element\n * instance should be form associated and have a `type` property.\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 * class MyElement extends mixinElementInternals(LitElement) {\n *   static {\n *     setupFormSubmitter(MyElement);\n *   }\n *\n *   static formAssociated = true;\n *\n *   type: FormSubmitterType = 'submit';\n * }\n * ```\n *\n * @param ctor The form submitter element's constructor.\n */\nexport function setupFormSubmitter(ctor: FormSubmitterConstructor) {\n  if (isServer) {\n    return;\n  }\n\n  (ctor as unknown as typeof ReactiveElement).addInitializer((instance) => {\n    const submitter = instance as FormSubmitter;\n    submitter.addEventListener('click', async (event) => {\n      const {type, [internals]: elementInternals} = submitter;\n      const {form} = elementInternals;\n      if (!form || type === 'button') {\n        return;\n      }\n\n      // Wait a full task for event bubbling to complete.\n      await new Promise<void>((resolve) => {\n        setTimeout(resolve);\n      });\n\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      if (type === 'reset') {\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) => {\n          Object.defineProperty(submitEvent, 'submitter', {\n            configurable: true,\n            enumerable: true,\n            get: () => submitter,\n          });\n        },\n        {capture: true, once: true},\n      );\n\n      elementInternals.setFormValue(submitter.value);\n      form.requestSubmit();\n    });\n  });\n}\n"]}

package/internal/sass/_string-ext.scss

@@ -1,195 +0,0 @@
-//
-// Copyright 2021 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:list';
-@use 'sass:string';
-// go/keep-sorted end
-
-/// Checks if a string starts with a given prefix.
-///
-/// @example - scss
-///   @debug has-prefix('var(--foo)', 'var('); // true
-///
-/// @param {String} $string - The string to test.
-/// @param {String} $prefix - The prefix to check.
-/// @return {Boolean} True if the string starts with the given prefix.
-@function has-prefix($string, $prefix) {
-  @return string.slice($string, 1, string.length($prefix)) == $prefix;
-}
-
-/// Checks if a string ends with a given suffix.
-///
-/// @example - scss
-///   @debug has-suffix('var(--foo)', ')'); // true
-///
-/// @param {String} $string - The string to test.
-/// @param {String} $suffix - The suffix to check.
-/// @return {Boolean} True if the string ends with the given suffix.
-@function has-suffix($string, $suffix) {
-  @return string.slice($string, -1 * string.length($suffix)) == $suffix;
-}
-
-/// Trims a repeating prefix from the start of a string.
-///
-/// @example - scss
-///   @debug trim-repeating-prefix('  foo bar  ', ' '); // "foo bar  "
-///
-/// @param {String} $string - The string to trim.
-/// @param {String} $prefix - The repeating prefix string to trim.
-/// @return {String} The string with the prefix trimmed from the start.
-@function trim-repeating-prefix($string, $prefix) {
-  @while has-prefix($string, $prefix) {
-    $string: trim-prefix($string, $prefix);
-  }
-
-  @return $string;
-}
-
-/// Trims a prefix from the start of a string.
-///
-/// @example - scss
-///   @debug trim-prefix('var(--foo)', 'var('); // "--foo)"
-///
-/// @param {String} $string - The string to trim.
-/// @param {String} $prefix - The prefix string to trim.
-/// @return {String} The string with the prefix trimmed from the start.
-@function trim-prefix($string, $prefix) {
-  @if has-prefix($string, $prefix) {
-    $string: string.slice($string, string.length($prefix) + 1);
-  }
-
-  @return $string;
-}
-
-/// Trims a repeating suffix from the end of a string.
-///
-/// @example - scss
-///   @debug trim-repeating-suffix('  foo bar  ', ' '); // "  foo bar"
-///   @debug trim-repeating-suffix('var(--foo)', ')'); // "var(--foo"
-///
-/// @param {String} $string - The string to trim.
-/// @param {String} $suffix - The repeating suffix string to trim.
-/// @return {String} The string with the suffix trimmed from the end.
-@function trim-repeating-suffix($string, $suffix) {
-  @while has-suffix($string, $suffix) {
-    $string: trim-suffix($string, $suffix);
-  }
-
-  @return $string;
-}
-
-/// Trims a suffix from the end of a string.
-///
-/// @example - scss
-///   @debug trim-suffix('var(--foo)', ')'); // "var(--foo"
-///
-/// @param {String} $string - The string to trim.
-/// @param {String} $suffix - The suffix string to trim.
-/// @return {String} The string with the suffix trimmed from the end.
-@function trim-suffix($string, $suffix) {
-  @if has-suffix($string, $suffix) {
-    $string: string.slice($string, 1, -1 * string.length($suffix) - 1);
-  }
-
-  @return $string;
-}
-
-/// Trims a repeating prefix and suffix from the start and end of a string.
-///
-/// If a suffix is not provided, the prefix is used as the suffix to trim.
-///
-/// @example - scss
-///   @debug trim-repeating('  foo bar  ', ' '); // "foo bar"
-///
-/// @param {String} $string - The string to trim.
-/// @param {String} $prefix - The repeating prefix string to trim.
-/// @param {String} $suffix [$prefix] - The repeating suffix string to trim.
-/// @return {String} The string with the prefix and suffix trimmed.
-@function trim-repeating($string, $prefix, $suffix: $prefix) {
-  @return trim-repeating-prefix(
-    trim-repeating-suffix($string, $suffix),
-    $prefix
-  );
-}
-
-/// Trims a prefix and suffix from the start and end of a string.
-///
-/// If a suffix is not provided, the prefix is used as the suffix to trim.
-///
-/// @example - scss
-///   @debug trim('var(--foo)', 'var(', ')'); // "--foo"
-///
-/// @param {String} $string - The string to trim.
-/// @param {String} $prefix - The prefix string to trim.
-/// @param {String} $suffix [$prefix] - The suffix string to trim.
-/// @return {String} The string with the prefix and suffix trimmed.
-@function trim($string, $prefix, $suffix: $prefix) {
-  @return trim-prefix(trim-suffix($string, $suffix), $prefix);
-}
-
-/// Returns a new string with the first match of a pattern replaced by a
-/// replacement.
-///
-/// @example - scss
-///   @debug trim('foo bar baz', 'bar', 'quux'); // "foo quux baz"
-///
-/// @param {String} $string - The string to be searched.
-/// @param {String} $pattern - The pattern to search for.
-/// @param {String} $replacement - The value to replace the pattern.
-/// @return {String} The string with the first match of pattern replaced by the
-///     replacement or the initial string itself.
-@function replace($string, $pattern, $replacement) {
-  $pattern-index: string.index($string, $pattern);
-  @if not $pattern-index {
-    @return $string;
-  }
-
-  $before: string.slice($string, 1, $pattern-index - 1);
-  $after: string.slice($string, string.length($pattern) + $pattern-index);
-
-  @return $before + $replacement + $after;
-}
-
-/// Divides a string into an ordered list of substrings.
-///
-/// @example - scss
-///   @debug split("1px 2px 3px 4px"); // (1px 2px 3px 4px)
-///   @debug split("1px, 2px, 3px, 4px"); // (1px 2px 3px 4px)
-///   @debug split("1px/2px/3px/4px"); // (1px 2px 3px 4px)
-///
-/// @param {String} $str - The string to split
-/// @return {List} The list of substrings
-@function split($str) {
-  $list: ();
-  $item: '';
-  // list separator precedence is comma, slash, space
-  $separator: ' ';
-  @if string.index($str, ',') {
-    $separator: ',';
-  } @else if string.index($str, '/') {
-    $separator: '/';
-  }
-  @for $i from 1 through string.length($str) {
-    $chr: string.slice($str, $i, $i);
-    @if $chr == $separator {
-      @if $item != '' {
-        // remove surrounding whitespace
-        $item: string.unquote(trim($item, ' '));
-        $list: list.append($list, $item);
-      }
-      $item: '';
-    } @else {
-      $item: $item + $chr;
-    }
-  }
-  // append final item
-  @if $item != '' {
-    // remove surrounding whitespace
-    $item: string.unquote(trim($item, ' '));
-    $list: list.append($list, $item);
-  }
-  @return $list;
-}