@vaadin/field-base 24.3.0-alpha1 → 24.3.0-alpha10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/field-base",
-  "version": "24.3.0-alpha1",
+  "version": "24.3.0-alpha10",
   "publishConfig": {
     "access": "public"
   },
@@ -32,14 +32,14 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "24.3.0-alpha1",
-    "@vaadin/component-base": "24.3.0-alpha1",
-    "lit": "^2.0.0"
+    "@vaadin/a11y-base": "24.3.0-alpha10",
+    "@vaadin/component-base": "24.3.0-alpha10",
+    "lit": "^3.0.0"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/testing-helpers": "^0.5.0",
+    "@vaadin/testing-helpers": "^0.6.0",
     "sinon": "^13.0.2"
   },
-  "gitHead": "9ca6f3ca220a777e8eea181a1f5717e39a732240"
+  "gitHead": "0271523d93fe5df0425ff64206886614f3c6f401"
 }

package/src/checked-mixin.js

@@ -47,8 +47,6 @@ export const CheckedMixin = dedupingMixin(
       _onChange(event) {
         const input = event.target;
 
-        this.dirty = true;
-
         this._toggleChecked(input.checked);
 
         // Clicking the checkbox or radio-button in Safari

package/src/clear-button-mixin.js

@@ -103,7 +103,7 @@ export const ClearButtonMixin = (superclass) =>
      * @protected
      */
     _onClearAction() {
-      this.clear();
+      this._inputElementValue = '';
       // Note, according to the HTML spec, the native change event isn't composed
       // while the input event is composed.
       this.inputElement.dispatchEvent(new Event('input', { bubbles: true, composed: true }));

package/src/input-controller.js

@@ -13,7 +13,7 @@ export class InputController extends SlotController {
     super(host, 'input', 'input', {
       initializer: (node, host) => {
         if (host.value) {
-          node.setAttribute('value', host.value);
+          node.value = host.value;
         }
         if (host.type) {
           node.setAttribute('type', host.type);

package/src/input-mixin.d.ts

@@ -28,15 +28,6 @@ export declare class InputMixinClass {
    */
   value: string;
 
-  /**
-   * Whether the field is dirty.
-   *
-   * The field is automatically marked as dirty once the user triggers
-   * an `input` or `change` event. Additionally, the field can be manually
-   * marked as dirty by setting the property to `true`.
-   */
-  dirty: boolean;
-
   /**
    * Indicates whether the value is different from the default one.
    * Override if the `value` property has a type other than `string`.

package/src/input-mixin.js

@@ -54,19 +54,6 @@ export const InputMixin = dedupingMixin(
             sync: true,
           },
 
-          /**
-           * Whether the field is dirty.
-           *
-           * The field is automatically marked as dirty once the user triggers
-           * an `input` or `change` event. Additionally, the field can be manually
-           * marked as dirty by setting the property to `true`.
-           */
-          dirty: {
-            type: Boolean,
-            value: false,
-            notify: true,
-          },
-
           /**
            * Whether the input element has a non-empty value.
            *
@@ -208,7 +195,7 @@ export const InputMixin = dedupingMixin(
       }
 
       /**
-       * An input event listener used to update `_hasInputValue` and `dirty` properties.
+       * An input event listener used to update `_hasInputValue` property.
        * Do not override this method.
        *
        * @param {Event} event
@@ -216,7 +203,6 @@ export const InputMixin = dedupingMixin(
        */
       __onInput(event) {
         this._setHasInputValue(event);
-        this.dirty = true;
         this._onInput(event);
       }