@warp-ds/elements 2.6.0-next.5 → 2.7.0-next.1

package/dist/custom-elements.json

@@ -4691,7 +4691,8 @@
               "type": {
                 "text": "string"
               },
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4699,7 +4700,8 @@
               "type": {
                 "text": "string"
               },
-              "attribute": "placeholder"
+              "attribute": "placeholder",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5633,6 +5635,806 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/slider-thumb/slider-thumb.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Component to place inside a `<w-slider>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
+          "name": "WarpSliderThumb",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "aria-label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "ariaDescription",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "aria-description",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "placeholder",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "range",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tooltipTarget",
+              "type": {
+                "text": "HTMLOutputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "textfield",
+              "type": {
+                "text": "WarpTextField"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#showTooltip",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#hideTooltip",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncRangeValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleValidity",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "error",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "updateFieldAfterValidation",
+              "type": {
+                "text": "updateFieldAfterValidation() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleValueChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<{ shouldCancel: boolean; originalValue?: string }>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "isFromTextInput",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onInput",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "InputEvent | CustomEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onRangeSliderKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "boundaryValue",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "textFieldDisplayValue",
+              "description": "Value to display in the textfield (shows boundary when focused on empty value)",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "tooltipDisplayValue",
+              "type": {
+                "text": "string | number"
+              },
+              "description": "Value to display in the tooltip",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "ariaDescriptionText",
+              "readonly": true
+            }
+          ],
+          "events": [
+            {
+              "name": "slidervalidity",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "aria-description",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "ariaDescription"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "placeholder"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-slider-thumb",
+          "customElement": true,
+          "modulePath": "packages/slider-thumb/slider-thumb.ts",
+          "definitionPath": "packages/slider-thumb/slider-thumb.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-slider-thumb",
+          "declaration": {
+            "name": "WarpSliderThumb",
+            "module": "packages/slider-thumb/slider-thumb.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpSliderThumb",
+          "declaration": {
+            "name": "WarpSliderThumb",
+            "module": "packages/slider-thumb/slider-thumb.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/slider/slider.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
+          "name": "WarpSlider",
+          "slots": [
+            {
+              "description": "For single sliders place a `<w-slider-thumb>` in the default slot.",
+              "name": ""
+            },
+            {
+              "description": "Label for the slider or range slider as a whole.",
+              "name": "label"
+            },
+            {
+              "description": "Optional description between the label and slider.",
+              "name": "description"
+            },
+            {
+              "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
+              "name": "from"
+            },
+            {
+              "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
+              "name": "to"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead (f. ex. `<legend class=\"sr-only\" slot=\"label\">Production year</legend>`)",
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "openEnded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether or not to allow values outside the range such as \"Before 1950\" and \"2025+\".",
+              "attribute": "open-ended"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "error",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "help-text",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "min",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "max",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "markers",
+              "type": {
+                "text": "number"
+              },
+              "description": "Pass a value similar to step to create visual markers at that interval",
+              "attribute": "markers",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "step",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "suffix",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Suffix used in text input fields and for the min and max values of the slider.",
+              "attribute": "suffix",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hiddenTextfield",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hidden-textfield",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "valueFormatter",
+              "type": {
+                "text": "(value: string, slot: SliderSlot) => string"
+              },
+              "description": "Formatter for the tooltip and input mask values."
+            },
+            {
+              "kind": "field",
+              "name": "labelFormatter",
+              "type": {
+                "text": "(slot: SliderSlot) => string"
+              },
+              "description": "Formatter for the min and max labels below the range."
+            },
+            {
+              "kind": "field",
+              "name": "_invalidMessage",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_hasInternalError",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_showError",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_tabbableElements",
+              "type": {
+                "text": "Array<HTMLElement>"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "method",
+              "name": "#syncSliderThumbs",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "edgeMin",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "edgeMax",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#onInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#doValidation",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#onSliderValidity",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#getEdgeValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "boundary",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "WarpSliderThumb"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#updateActiveTrack",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "WarpSliderThumb"
+                  }
+                }
+              ],
+              "description": "We use CSS variables to fill the active track with a background color."
+            },
+            {
+              "kind": "field",
+              "name": "componentHasError",
+              "type": {
+                "text": "boolean"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "errorText",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead (f. ex. `<legend class=\"sr-only\" slot=\"label\">Production year</legend>`)",
+              "fieldName": "label"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "open-ended",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether or not to allow values outside the range such as \"Before 1950\" and \"2025+\".",
+              "fieldName": "openEnded"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "error"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "helpText"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "invalid"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
+              "fieldName": "required"
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "min"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "max"
+            },
+            {
+              "name": "markers",
+              "type": {
+                "text": "number"
+              },
+              "description": "Pass a value similar to step to create visual markers at that interval",
+              "fieldName": "markers"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "step"
+            },
+            {
+              "name": "suffix",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Suffix used in text input fields and for the min and max values of the slider.",
+              "fieldName": "suffix"
+            },
+            {
+              "name": "hidden-textfield",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hiddenTextfield"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-slider",
+          "customElement": true,
+          "modulePath": "packages/slider/slider.ts",
+          "definitionPath": "packages/slider/slider.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-slider",
+          "declaration": {
+            "name": "WarpSlider",
+            "module": "packages/slider/slider.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpSlider",
+          "declaration": {
+            "name": "WarpSlider",
+            "module": "packages/slider/slider.ts"
+          }
+        }
+      ]
     }
   ]
 }