@vaadin/field-base - npm Package Compare versions

Comparing version 23.2.0-alpha3 to 23.2.0-alpha4

package.json

 {
   "name": "@vaadin/field-base",
-  "version": "23.2.0-alpha3",
+  "version": "23.2.0-alpha4",
   "publishConfig": {
@@ -35,3 +35,3 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.2.0-alpha3",
+    "@vaadin/component-base": "23.2.0-alpha4",
     "lit": "^2.0.0"
@@ -44,3 +44,3 @@ },
   },
-  "gitHead": "06e5875be93ca50da2846dafc65a8531010c0576"
+  "gitHead": "cbf5f1d0f38ac9b81c65cf9ef5660182e176e598"
 }

src/checked-mixin.d.ts

@@ -16,7 +16,7 @@ /**
   base: T,
-): T &
-  Constructor<CheckedMixinClass> &
+): Constructor<CheckedMixinClass> &
   Constructor<DelegateStateMixinClass> &
   Constructor<DisabledMixinClass> &
-  Constructor<InputMixinClass>;
+  Constructor<InputMixinClass> &
+  T;
 
@@ -23,0 +23,0 @@ export declare class CheckedMixinClass {

src/checked-mixin.js

@@ -42,2 +42,3 @@ /**
       /**
+       * @param {Event} event
        * @protected
@@ -44,0 +45,0 @@ * @override

src/delegate-focus-mixin.d.ts

@@ -16,7 +16,7 @@ /**
   base: T,
-): T &
-  Constructor<DelegateFocusMixinClass> &
+): Constructor<DelegateFocusMixinClass> &
   Constructor<DisabledMixinClass> &
   Constructor<FocusMixinClass> &
-  Constructor<TabindexMixinClass>;
+  Constructor<TabindexMixinClass> &
+  T;
 
@@ -23,0 +23,0 @@ export declare class DelegateFocusMixinClass {

src/delegate-state-mixin.d.ts

@@ -13,3 +13,3 @@ /**
   base: T,
-): T & Constructor<DelegateStateMixinClass>;
+): Constructor<DelegateStateMixinClass> & T;
 
@@ -16,0 +16,0 @@ export declare class DelegateStateMixinClass {

src/field-aria-controller.js

@@ -142,3 +142,3 @@ /**
 
-    if (!this.__isGroupField) {
+    if (['input', 'textarea'].includes(this.__target.localName)) {
       // Native <input> or <textarea>, required is enough
@@ -145,0 +145,0 @@ return;

src/field-mixin.d.ts

@@ -16,7 +16,7 @@ /**
   superclass: T,
-): T &
-  Constructor<ControllerMixinClass> &
+): Constructor<ControllerMixinClass> &
   Constructor<FieldMixinClass> &
   Constructor<LabelMixinClass> &
-  Constructor<ValidateMixinClass>;
+  Constructor<ValidateMixinClass> &
+  T;
 
@@ -23,0 +23,0 @@ export declare class FieldMixinClass {

src/field-mixin.js

@@ -167,3 +167,3 @@ /**
     /**
-     * @param {boolean} required
+     * @param {boolean} invalid
      * @protected
@@ -170,0 +170,0 @@ */

src/input-constraints-mixin.d.ts

@@ -17,8 +17,8 @@ /**
   base: T,
-): T &
-  Constructor<DelegateStateMixinClass> &
+): Constructor<DelegateStateMixinClass> &
   Constructor<DisabledMixinClass> &
   Constructor<InputConstraintsMixinClass> &
   Constructor<InputMixinClass> &
-  Constructor<ValidateMixinClass>;
+  Constructor<ValidateMixinClass> &
+  T;
 
@@ -25,0 +25,0 @@ export declare class InputConstraintsMixinClass {

src/input-control-mixin.d.ts

@@ -24,4 +24,3 @@ /**
   base: T,
-): T &
-  Constructor<ControllerMixinClass> &
+): Constructor<ControllerMixinClass> &
   Constructor<DelegateFocusMixinClass> &
@@ -37,3 +36,4 @@ Constructor<DelegateStateMixinClass> &
   Constructor<LabelMixinClass> &
-  Constructor<ValidateMixinClass>;
+  Constructor<ValidateMixinClass> &
+  T;
 
@@ -40,0 +40,0 @@ export declare class InputControlMixinClass {

src/input-field-mixin.d.ts

@@ -25,4 +25,3 @@ /**
   base: T,
-): T &
-  Constructor<ControllerMixinClass> &
+): Constructor<ControllerMixinClass> &
   Constructor<DelegateFocusMixinClass> &
@@ -39,3 +38,4 @@ Constructor<DelegateStateMixinClass> &
   Constructor<LabelMixinClass> &
-  Constructor<ValidateMixinClass>;
+  Constructor<ValidateMixinClass> &
+  T;
 
@@ -57,3 +57,3 @@ export declare class InputFieldMixinClass {
    */
-  autocorrect: 'on' | 'off' | undefined;
+  autocorrect: 'off' | 'on' | undefined;
 
@@ -69,3 +69,3 @@ /**
    */
-  autocapitalize: 'on' | 'off' | 'none' | 'characters' | 'words' | 'sentences' | undefined;
+  autocapitalize: 'characters' | 'none' | 'off' | 'on' | 'sentences' | 'words' | undefined;
 }

src/input-field-mixin.js

@@ -115,11 +115,17 @@ /**
     /**
-     * Override a method from `InputMixin` to validate the field
+     * Override an observer from `InputMixin` to validate the field
      * when a new value is set programmatically.
-     * @param {string} value
+     *
+     * @param {string | undefined} newValue
+     * @param {string | undefined} oldValue
      * @protected
      * @override
      */
-    _forwardInputValue(value) {
-      super._forwardInputValue(value);
+    _valueChanged(newValue, oldValue) {
+      super._valueChanged(newValue, oldValue);
 
+      if (oldValue === undefined) {
+        return;
+      }
+
       if (this.invalid) {
@@ -126,0 +132,0 @@ this.validate();

src/input-mixin.d.ts

@@ -12,3 +12,3 @@ /**
  */
-export declare function InputMixin<T extends Constructor<HTMLElement>>(base: T): T & Constructor<InputMixinClass>;
+export declare function InputMixin<T extends Constructor<HTMLElement>>(base: T): Constructor<InputMixinClass> & T;
 
@@ -15,0 +15,0 @@ export declare class InputMixinClass {

src/input-mixin.js

@@ -76,2 +76,3 @@ /**
        * @param {!HTMLElement} input
+       * @protected
        */
@@ -86,2 +87,3 @@ _addInputListeners(input) {
        * @param {!HTMLElement} input
+       * @protected
        */
@@ -100,3 +102,2 @@ _removeInputListeners(input) {
        * @protected
-       * @override
        */
@@ -118,3 +119,7 @@ _forwardInputValue(value) {
 
-      /** @protected */
+      /**
+       * @param {HTMLElement | undefined} input
+       * @param {HTMLElement | undefined} oldInput
+       * @protected
+       */
       _inputElementChanged(input, oldInput) {
@@ -130,6 +135,5 @@ if (input) {
        * An input event listener used to update the field value.
-       * Override this method with an actual implementation.
-       * @param {Event} _event
+       *
+       * @param {Event} event
        * @protected
-       * @override
        */
@@ -148,3 +152,2 @@ _onInput(event) {
        * @protected
-       * @override
        */
@@ -167,3 +170,2 @@ _onChange(_event) {}
        * @protected
-       * @override
        */
@@ -170,0 +172,0 @@ _valueChanged(newVal, oldVal) {

src/label-mixin.d.ts

@@ -12,3 +12,3 @@ /**
  */
-export declare function LabelMixin<T extends Constructor<HTMLElement>>(base: T): T & Constructor<LabelMixinClass>;
+export declare function LabelMixin<T extends Constructor<HTMLElement>>(base: T): Constructor<LabelMixinClass> & T;
 
@@ -15,0 +15,0 @@ export declare class LabelMixinClass {

src/pattern-mixin.d.ts

@@ -18,4 +18,3 @@ /**
   base: T,
-): T &
-  Constructor<DelegateStateMixinClass> &
+): Constructor<DelegateStateMixinClass> &
   Constructor<DisabledMixinClass> &
@@ -25,3 +24,4 @@ Constructor<InputConstraintsMixinClass> &
   Constructor<PatternMixinClass> &
-  Constructor<ValidateMixinClass>;
+  Constructor<ValidateMixinClass> &
+  T;
 
@@ -28,0 +28,0 @@ export declare class PatternMixinClass {

src/pattern-mixin.js

@@ -67,2 +67,3 @@ /**
      * @protected
+     * @override
      */
@@ -69,0 +70,0 @@ _onInput(event) {

src/shadow-focus-mixin.d.ts

@@ -18,7 +18,7 @@ /**
   base: T,
-): T &
-  Constructor<DelegateFocusMixinClass> &
+): Constructor<DelegateFocusMixinClass> &
   Constructor<DisabledMixinClass> &
   Constructor<FocusMixinClass> &
   Constructor<KeyboardMixinClass> &
-  Constructor<TabindexMixinClass>;
+  Constructor<TabindexMixinClass> &
+  T;

src/slot-styles-mixin.d.ts

@@ -14,3 +14,3 @@ /**
   base: T,
-): T & Constructor<SlotStylesMixinClass>;
+): Constructor<SlotStylesMixinClass> & T;
 
@@ -17,0 +17,0 @@ export declare class SlotStylesMixinClass {

src/validate-mixin.d.ts

@@ -11,3 +11,3 @@ /**
  */
-export declare function ValidateMixin<T extends Constructor<HTMLElement>>(base: T): T & Constructor<ValidateMixinClass>;
+export declare function ValidateMixin<T extends Constructor<HTMLElement>>(base: T): Constructor<ValidateMixinClass> & T;
 
@@ -14,0 +14,0 @@ export declare class ValidateMixinClass {

src/virtual-keyboard-controller.d.ts

@@ -13,3 +13,3 @@ /**
 export class VirtualKeyboardController implements ReactiveController {
-  constructor(host: { inputElement?: HTMLElement; opened: boolean } & HTMLElement);
+  constructor(host: HTMLElement & { inputElement?: HTMLElement; opened: boolean });
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

117053

increased by0.22%

Lines of code

3258

increased by0.28%

Dependency changes

• + Added@vaadin/component-base@23.2.0-alpha4(transitive)

• - Removed@vaadin/component-base@23.2.0-alpha3(transitive)

• Updated@vaadin/component-base@23.2.0-alpha4