@vaadin/slider 25.2.0-alpha1 → 25.2.0-alpha11

package/custom-elements.json

@@ -89,6 +89,34 @@
               "description": "Custom accessible name for the start (minimum) input.\nWhen not set, defaults to \"${label} min\" or \"min\" if no label.",
               "attribute": "accessible-name-start"
             },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Returns true if the field value satisfies all constraints (if any).",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "errorMessage",
@@ -117,6 +145,20 @@
                 "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true when the field is invalid.",
+              "attribute": "invalid",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "label",
@@ -131,6 +173,20 @@
                 "package": "@vaadin/field-base/src/label-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "manualValidation",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
+              "attribute": "manual-validation",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "max",
@@ -187,6 +243,20 @@
                 "module": "src/vaadin-slider-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "required",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specifies that the user must fill in a value.",
+              "attribute": "required",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "step",
@@ -201,6 +271,20 @@
                 "module": "src/vaadin-slider-mixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "validate",
+              "description": "Validates the field and sets the `invalid` property based on the result.\n\nThe method fires a `validated` event with the result of the validation.",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -257,11 +341,15 @@
               "name": "invalid-changed"
             },
             {
+              "name": "validated",
               "type": {
                 "text": "CustomEvent"
               },
               "description": "Fired whenever the field is validated.",
-              "name": "validated"
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
             },
             {
               "type": {
@@ -312,6 +400,18 @@
               "description": "Custom accessible name for the start (minimum) input.\nWhen not set, defaults to \"${label} min\" or \"min\" if no label.",
               "fieldName": "accessibleNameStart"
             },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
+              }
+            },
             {
               "name": "error-message",
               "type": {
@@ -336,6 +436,18 @@
                 "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true when the field is invalid.",
+              "fieldName": "invalid",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "name": "label",
               "type": {
@@ -348,6 +460,18 @@
                 "package": "@vaadin/field-base/src/label-mixin.js"
               }
             },
+            {
+              "name": "manual-validation",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
+              "fieldName": "manualValidation",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "name": "max",
               "type": {
@@ -396,6 +520,18 @@
                 "module": "src/vaadin-slider-mixin.js"
               }
             },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specifies that the user must fill in a value.",
+              "fieldName": "required",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "name": "step",
               "type": {
@@ -487,6 +623,20 @@
           "description": "",
           "name": "SliderMixin",
           "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "max",
@@ -563,6 +713,18 @@
             }
           ],
           "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
+              }
+            },
             {
               "name": "max",
               "type": {
@@ -677,6 +839,34 @@
                 "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Returns true if the field value satisfies all constraints (if any).",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "errorMessage",
@@ -705,6 +895,20 @@
                 "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true when the field is invalid.",
+              "attribute": "invalid",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "label",
@@ -719,6 +923,20 @@
                 "package": "@vaadin/field-base/src/label-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "manualValidation",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
+              "attribute": "manual-validation",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "max",
@@ -775,6 +993,20 @@
                 "module": "src/vaadin-slider-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "required",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specifies that the user must fill in a value.",
+              "attribute": "required",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "step",
@@ -789,6 +1021,20 @@
                 "module": "src/vaadin-slider-mixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "validate",
+              "description": "Validates the field and sets the `invalid` property based on the result.\n\nThe method fires a `validated` event with the result of the validation.",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -845,11 +1091,15 @@
               "name": "invalid-changed"
             },
             {
+              "name": "validated",
               "type": {
                 "text": "CustomEvent"
               },
               "description": "Fired whenever the field is validated.",
-              "name": "validated"
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
             },
             {
               "type": {
@@ -884,6 +1134,18 @@
                 "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
+              }
+            },
             {
               "name": "error-message",
               "type": {
@@ -908,6 +1170,18 @@
                 "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true when the field is invalid.",
+              "fieldName": "invalid",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "name": "label",
               "type": {
@@ -920,6 +1194,18 @@
                 "package": "@vaadin/field-base/src/label-mixin.js"
               }
             },
+            {
+              "name": "manual-validation",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
+              "fieldName": "manualValidation",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "name": "max",
               "type": {
@@ -968,6 +1254,18 @@
                 "module": "src/vaadin-slider-mixin.js"
               }
             },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specifies that the user must fill in a value.",
+              "fieldName": "required",
+              "inheritedFrom": {
+                "name": "ValidateMixin",
+                "package": "@vaadin/field-base/src/validate-mixin.js"
+              }
+            },
             {
               "name": "step",
               "type": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/slider",
-  "version": "25.2.0-alpha1",
+  "version": "25.2.0-alpha11",
   "publishConfig": {
     "access": "public"
   },
@@ -35,24 +35,24 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.2.0-alpha1",
-    "@vaadin/component-base": "25.2.0-alpha1",
-    "@vaadin/field-base": "25.2.0-alpha1",
-    "@vaadin/overlay": "25.2.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "25.2.0-alpha1",
+    "@vaadin/a11y-base": "25.2.0-alpha11",
+    "@vaadin/component-base": "25.2.0-alpha11",
+    "@vaadin/field-base": "25.2.0-alpha11",
+    "@vaadin/overlay": "25.2.0-alpha11",
+    "@vaadin/vaadin-themable-mixin": "25.2.0-alpha11",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/aura": "25.2.0-alpha1",
-    "@vaadin/chai-plugins": "25.2.0-alpha1",
-    "@vaadin/test-runner-commands": "25.2.0-alpha1",
+    "@vaadin/aura": "25.2.0-alpha11",
+    "@vaadin/chai-plugins": "25.2.0-alpha11",
+    "@vaadin/test-runner-commands": "25.2.0-alpha11",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.2.0-alpha1"
+    "@vaadin/vaadin-lumo-styles": "25.2.0-alpha11"
   },
   "customElements": "custom-elements.json",
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "866f813f89655a351cbd25328eba1fcb317e267d"
+  "gitHead": "fdc37e932709f95491a027aeb2090911cb7528c6"
 }

package/src/vaadin-range-slider.d.ts

@@ -19,7 +19,7 @@ export type RangeSliderChangeEvent = Event & {
 /**
  * Fired when the slider value changes during user interaction.
  */
-export type RangeSliderInputEvent = Event & {
+export type RangeSliderInputEvent = InputEvent & {
   target: RangeSlider;
 };
 

package/src/vaadin-range-slider.js

@@ -125,11 +125,6 @@ import { SliderMixin } from './vaadin-slider-mixin.js';
  *
  * @customElement vaadin-range-slider
  * @extends HTMLElement
- * @mixes ElementMixin
- * @mixes FieldMixin
- * @mixes FocusMixin
- * @mixes SliderMixin
- * @mixes ThemableMixin
  */
 class RangeSlider extends FieldMixin(
   SliderMixin(FocusMixin(ElementMixin(ThemableMixin(PolylitMixin(LumoInjectionMixin(LitElement)))))),

package/src/vaadin-slider-bubble-overlay.js

@@ -18,10 +18,6 @@ import { sliderBubbleOverlayStyles } from './styles/vaadin-slider-bubble-overlay
  *
  * @customElement vaadin-slider-bubble-overlay
  * @extends HTMLElement
- * @mixes DirMixin
- * @mixes OverlayMixin
- * @mixes PositionMixin
- * @mixes ThemableMixin
  * @private
  */
 class SliderBubbleOverlay extends PositionMixin(

package/src/vaadin-slider-mixin.js

@@ -6,11 +6,6 @@
 import { DisabledMixin } from '@vaadin/a11y-base/src/disabled-mixin.js';
 import { SlotStylesMixin } from '@vaadin/component-base/src/slot-styles-mixin.js';
 
-/**
- * @polymerMixin
- * @mixes DisabledMixin
- * @mixes SlotStylesMixin
- */
 export const SliderMixin = (superClass) =>
   class SliderMixinClass extends SlotStylesMixin(DisabledMixin(superClass)) {
     static get properties() {
@@ -153,8 +148,8 @@ export const SliderMixin = (superClass) =>
     __updateValue(value, index, fullValue = this.__value) {
       const { min, max, step } = this.__getConstraints();
 
-      const minValue = fullValue[index - 1] !== undefined ? fullValue[index - 1] : min;
-      const maxValue = fullValue[index + 1] !== undefined ? fullValue[index + 1] : max;
+      const minValue = fullValue[index - 1] ?? min;
+      const maxValue = fullValue[index + 1] ?? max;
 
       const safeValue = Math.min(Math.max(value, minValue), maxValue);
 
@@ -184,9 +179,9 @@ export const SliderMixin = (superClass) =>
      */
     __getConstraints() {
       return {
-        min: this.min !== undefined ? this.min : 0,
-        max: this.max !== undefined ? this.max : 100,
-        step: this.step !== undefined ? this.step : 1,
+        min: this.min ?? 0,
+        max: this.max ?? 100,
+        step: this.step ?? 1,
       };
     }
 
@@ -288,16 +283,4 @@ export const SliderMixin = (superClass) =>
       event.stopPropagation();
       this.__detectAndDispatchChange();
     }
-
-    /**
-     * Fired when the slider value changes during user interaction.
-     *
-     * @event input
-     */
-
-    /**
-     * Fired when the user commits a value change.
-     *
-     * @event change
-     */
   };

package/src/vaadin-slider.d.ts

@@ -19,7 +19,7 @@ export type SliderChangeEvent = Event & {
 /**
  * Fired when the slider value changes during user interaction.
  */
-export type SliderInputEvent = Event & {
+export type SliderInputEvent = InputEvent & {
   target: Slider;
 };
 

package/src/vaadin-slider.js

@@ -120,11 +120,6 @@ import { SliderMixin } from './vaadin-slider-mixin.js';
  *
  * @customElement vaadin-slider
  * @extends HTMLElement
- * @mixes ElementMixin
- * @mixes FieldMixin
- * @mixes FocusMixin
- * @mixes SliderMixin
- * @mixes ThemableMixin
  */
 class Slider extends FieldMixin(
   SliderMixin(FocusMixin(ElementMixin(ThemableMixin(PolylitMixin(LumoInjectionMixin(LitElement)))))),