{
  "version": "experimental",
  "tags": [
    {
      "name": "uui-range-slider",
      "path": "./lib/uui-range-slider.element.ts",
      "attributes": [
        {
          "name": "label",
          "description": "Label to be used for aria-label and eventually as visual label. Adds \"low-end value\" and \"high-end value\" endings for the two values.",
          "type": "string"
        },
        {
          "name": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "min",
          "description": "Sets the minimum allowed value.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "max",
          "description": "Sets the maximum allowed value.",
          "type": "number",
          "default": "\"100\""
        },
        {
          "name": "hide-step-values",
          "description": "Hides the numbers representing the value of each steps. Dots will still be visible",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "step",
          "description": "This reflects the behavior of a native input step attribute.",
          "type": "number",
          "default": "\"1\""
        },
        {
          "name": "min-gap",
          "description": "Minimum value gap between the the two picked values. Cannot be lower than the step value and cannot be higher than the maximum gap",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "max-gap",
          "description": "Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "This is a value property of the uui-range-slider. Split the two values with comma, for example 10,50 sets the values to 10 and 50.",
          "type": "string",
          "default": "\"0,0\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "properties": [
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and eventually as visual label. Adds \"low-end value\" and \"high-end value\" endings for the two values.",
          "type": "string"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "min",
          "attribute": "min",
          "description": "Sets the minimum allowed value.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "max",
          "attribute": "max",
          "description": "Sets the maximum allowed value.",
          "type": "number",
          "default": "\"100\""
        },
        {
          "name": "hideStepValues",
          "attribute": "hide-step-values",
          "description": "Hides the numbers representing the value of each steps. Dots will still be visible",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "step",
          "attribute": "step",
          "description": "This reflects the behavior of a native input step attribute.",
          "type": "number",
          "default": "\"1\""
        },
        {
          "name": "minGap",
          "attribute": "min-gap",
          "description": "Minimum value gap between the the two picked values. Cannot be lower than the step value and cannot be higher than the maximum gap",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "maxGap",
          "attribute": "max-gap",
          "description": "Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "styles",
          "description": "Style",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "formAssociated",
          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "This is a value property of the uui-range-slider. Split the two values with comma, for example 10,50 sets the values to 10 and 50.",
          "type": "string",
          "default": "\"0,0\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "events": [
        {
          "name": "input",
          "description": "on input"
        },
        {
          "name": "change",
          "description": "on change"
        }
      ]
    }
  ]
}