@vaadin/field-base 23.3.0-alpha5 → 24.0.0-alpha2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/field-base",
-  "version": "23.3.0-alpha5",
+  "version": "24.0.0-alpha2",
   "publishConfig": {
     "access": "public"
   },
@@ -32,7 +32,7 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.3.0-alpha5",
+    "@vaadin/component-base": "24.0.0-alpha2",
     "lit": "^2.0.0"
   },
   "devDependencies": {
@@ -40,5 +40,5 @@
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "0b6fdcf444683e97e3efb433d603e1274d5bcd66"
+  "gitHead": "0c16c01a6807e629a84f5a982793afecc1a7ced0"
 }

package/src/input-mixin.js

@@ -77,6 +77,12 @@ export const InputMixin = dedupingMixin(
        */
       clear() {
         this.value = '';
+
+        // Clear the input immediately without waiting for the observer.
+        // Otherwise, when using Lit, the old value would be restored.
+        if (this.inputElement) {
+          this.inputElement.value = '';
+        }
       }
 
       /**

package/src/pattern-mixin.d.ts

@@ -11,7 +11,7 @@ import type { InputMixinClass } from './input-mixin.js';
 import type { ValidateMixinClass } from './validate-mixin.js';
 
 /**
- * A mixin to provide `pattern` and `preventInvalidInput` properties.
+ * A mixin to provide `pattern` property.
  */
 export declare function PatternMixin<T extends Constructor<HTMLElement>>(
   base: T,
@@ -29,12 +29,4 @@ export declare class PatternMixinClass {
    * The pattern must match the entire value, not just some subset.
    */
   pattern: string;
-
-  /**
-   * When set to true, user is prevented from typing a value that
-   * conflicts with the given `pattern`.
-   * @attr {boolean} prevent-invalid-input
-   * @deprecated Please use `allowedCharPattern` instead.
-   */
-  preventInvalidInput: boolean | null | undefined;
 }

package/src/pattern-mixin.js

@@ -3,12 +3,10 @@
  * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-import { timeOut } from '@vaadin/component-base/src/async.js';
-import { Debouncer } from '@vaadin/component-base/src/debounce.js';
 import { InputConstraintsMixin } from './input-constraints-mixin.js';
 
 /**
- * A mixin to provide `pattern` and `preventInvalidInput` properties.
+ * A mixin to provide `pattern` property.
  *
  * @polymerMixin
  * @mixes InputConstraintsMixin
@@ -24,17 +22,6 @@ export const PatternMixin = (superclass) =>
         pattern: {
           type: String,
         },
-
-        /**
-         * When set to true, user is prevented from typing a value that
-         * conflicts with the given `pattern`.
-         * @attr {boolean} prevent-invalid-input
-         * @deprecated Please use `allowedCharPattern` instead.
-         */
-        preventInvalidInput: {
-          type: Boolean,
-          observer: '_preventInvalidInputChanged',
-        },
       };
     }
 
@@ -45,39 +32,4 @@ export const PatternMixin = (superclass) =>
     static get constraints() {
       return [...super.constraints, 'pattern'];
     }
-
-    /** @private */
-    _checkInputValue() {
-      if (this.preventInvalidInput) {
-        const input = this.inputElement;
-        if (input && input.value.length > 0 && !this.checkValidity()) {
-          input.value = this.value || '';
-          // Add input-prevented attribute for 200ms
-          this.setAttribute('input-prevented', '');
-          this._inputDebouncer = Debouncer.debounce(this._inputDebouncer, timeOut.after(200), () => {
-            this.removeAttribute('input-prevented');
-          });
-        }
-      }
-    }
-
-    /**
-     * @param {Event} event
-     * @protected
-     * @override
-     */
-    _onInput(event) {
-      this._checkInputValue();
-
-      super._onInput(event);
-    }
-
-    /** @private */
-    _preventInvalidInputChanged(preventInvalidInput) {
-      if (preventInvalidInput) {
-        console.warn(
-          `WARNING: Since Vaadin 23.2, "preventInvalidInput" is deprecated. Please use "allowedCharPattern" instead.`,
-        );
-      }
-    }
   };