@ds-autonomie/web-components 2.5.0 → 2.5.1

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@ds-autonomie/web-components",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -7909,188 +7909,24 @@
           "js": {
             "properties": [
               {
-                "name": "formControlController",
-                "value": {}
-              },
-              {
-                "name": "localize",
-                "value": {}
-              },
-              {
-                "name": "input",
-                "value": {
-                  "type": "HTMLInputElement | DSAInputDate | DSAInputTime"
-                }
-              },
-              {
-                "name": "standardInput",
-                "value": {
-                  "type": "HTMLInputElement"
-                }
-              },
-              {
-                "name": "dateInput",
-                "value": {
-                  "type": "DSAInputDate"
-                }
-              },
-              {
-                "name": "timeInput",
-                "value": {
-                  "type": "DSAInputTime"
-                }
-              },
-              {
-                "name": "hasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "type",
-                "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-                "value": {
-                  "type": "DSAInputTypes"
-                }
-              },
-              {
-                "name": "value",
-                "description": "The current value of the input, submitted as a name/value pair with form data.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "defaultValue",
-                "description": "The default value of the form control. Primarily used for resetting the form control.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "clearable",
-                "description": "Adds a clear button when the input is not empty.",
+                "name": "inputElement",
                 "value": {
-                  "type": "boolean"
+                  "type": "| DSAInputNative\n    | DSAInputDate\n    | DSAInputTime"
                 }
               },
               {
                 "name": "lang",
+                "description": "Input date specific properties",
                 "value": {
                   "type": "string"
                 }
               },
-              {
-                "name": "passwordVisible",
-                "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "pattern",
-                "description": "A regular expression pattern to validate input against.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "minlength",
-                "description": "The minimum length of input that will be considered valid.",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "maxlength",
-                "description": "The maximum length of input that will be considered valid.",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "counter",
-                "description": "Display the counter if maxlength is provided",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "min",
-                "description": "The input's minimum value. Only applies to date and number input types.",
-                "value": {
-                  "type": "number | string"
-                }
-              },
-              {
-                "name": "max",
-                "description": "The input's maximum value. Only applies to date and number input types.",
-                "value": {
-                  "type": "number | string"
-                }
-              },
               {
                 "name": "calendarStartDate",
                 "value": {
                   "type": "string"
                 }
               },
-              {
-                "name": "step",
-                "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
-                "value": {
-                  "type": "number | 'any'"
-                }
-              },
-              {
-                "name": "autocapitalize",
-                "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-                "value": {
-                  "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
-                }
-              },
-              {
-                "name": "autocorrect",
-                "description": "Indicates whether the browser's autocorrect feature is on or off.",
-                "value": {
-                  "type": "'off' | 'on'"
-                }
-              },
-              {
-                "name": "autocomplete",
-                "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "autofocus",
-                "description": "Indicates that the input should receive focus on page load.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "enterkeyhint",
-                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-                "value": {
-                  "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-                }
-              },
-              {
-                "name": "spellcheck",
-                "description": "Enables spell checking on the input.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "inputmode",
-                "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-                "value": {
-                  "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
-                }
-              },
               {
                 "name": "valueAsDate",
                 "description": "Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.",
@@ -8111,66 +7947,18 @@
                 "description": "Gets the validation message",
                 "value": {}
               },
-              {
-                "name": "handleBlur",
-                "value": {}
-              },
               {
                 "name": "handleChange",
                 "value": {}
               },
-              {
-                "name": "handleAmountChange",
-                "value": {}
-              },
-              {
-                "name": "handleClearClick",
-                "value": {}
-              },
-              {
-                "name": "handleFocus",
-                "value": {}
-              },
               {
                 "name": "handleInput",
                 "value": {}
               },
-              {
-                "name": "handleInvalid",
-                "value": {}
-              },
-              {
-                "name": "handleKeyDown",
-                "value": {}
-              },
-              {
-                "name": "handleAmountKeydown",
-                "value": {}
-              },
-              {
-                "name": "getSafeStep",
-                "value": {}
-              },
-              {
-                "name": "handlePasswordToggle",
-                "value": {}
-              },
-              {
-                "name": "getDescriptionIds",
-                "value": {}
-              },
-              {
-                "name": "handleDisabledChange",
-                "value": {}
-              },
               {
                 "name": "handleStepChange",
                 "value": {}
               },
-              {
-                "name": "handleValueChange",
-                "value": {}
-              },
               {
                 "name": "focus",
                 "description": "Sets focus on the input.",
@@ -8212,10 +8000,6 @@
                 "name": "hideDatepicker",
                 "value": {}
               },
-              {
-                "name": "adjustAmountValue",
-                "value": {}
-              },
               {
                 "name": "stepUp",
                 "description": "Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.",
@@ -8241,10 +8025,6 @@
                 "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                 "value": {}
               },
-              {
-                "name": "checkAmountValidity",
-                "value": {}
-              },
               {
                 "name": "setCustomValidity",
                 "description": "Sets a custom validation message. Pass an empty string to restore validity.",
@@ -8253,14 +8033,6 @@
               {
                 "name": "getUpdateComplete",
                 "value": {}
-              },
-              {
-                "name": "renderInput",
-                "value": {}
-              },
-              {
-                "name": "renderCounter",
-                "value": {}
               }
             ],
             "events": [
@@ -8291,211 +8063,34 @@
             ]
           },
           "attributes": [
-            {
-              "name": "type",
-              "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-              "value": {
-                "type": "DSAInputTypes"
-              }
-            },
-            {
-              "name": "value",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "clearable",
-              "description": "Adds a clear button when the input is not empty.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "lang",
+              "description": "Input date specific properties",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "password-visible",
-              "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "pattern",
-              "description": "A regular expression pattern to validate input against.",
+              "name": "calendar-start-date",
               "value": {
                 "type": "string"
               }
-            },
-            {
-              "name": "minlength",
-              "description": "The minimum length of input that will be considered valid.",
-              "value": {
-                "type": "number"
-              }
-            },
-            {
-              "name": "maxlength",
-              "description": "The maximum length of input that will be considered valid.",
-              "value": {
-                "type": "number"
-              }
-            },
-            {
-              "name": "counter",
-              "description": "Display the counter if maxlength is provided",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "min",
-              "description": "The input's minimum value. Only applies to date and number input types.",
-              "value": {
-                "type": "number | string"
-              }
-            },
-            {
-              "name": "max",
-              "description": "The input's maximum value. Only applies to date and number input types.",
-              "value": {
-                "type": "number | string"
-              }
-            },
-            {
-              "name": "calendar-start-date",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "step",
-              "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
-              "value": {
-                "type": "number | 'any'"
-              }
-            },
-            {
-              "name": "autocapitalize",
-              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-              "value": {
-                "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
-              }
-            },
-            {
-              "name": "autocorrect",
-              "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "value": {
-                "type": "'off' | 'on'"
-              }
-            },
-            {
-              "name": "autocomplete",
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "autofocus",
-              "description": "Indicates that the input should receive focus on page load.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "enterkeyhint",
-              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "value": {
-                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-              }
-            },
-            {
-              "name": "spellcheck",
-              "description": "Enables spell checking on the input.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "inputmode",
-              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-              "value": {
-                "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
-              }
             }
           ]
         },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
         {
           "name": "dsa-input-date",
           "description": "",
           "js": {
             "properties": [
-              {
-                "name": "formControlController",
-                "value": {}
-              },
               {
                 "name": "localize",
                 "value": {}
               },
-              {
-                "name": "dateField",
-                "value": {
-                  "type": "DSAInternalDateField"
-                }
-              },
               {
                 "name": "input",
                 "value": {
-                  "type": "HTMLInputElement"
+                  "type": "DSAInternalDateField"
                 }
               },
               {
@@ -8516,88 +8111,18 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "dateFieldHasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "value",
-                "description": "The current value of the input, submitted as a name/value pair with form data.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "defaultValue",
-                "description": "The default value of the form control. Primarily used for resetting the form control.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "clearable",
-                "description": "Adds a clear button when the input is not empty.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "lang",
                 "value": {
                   "type": "string"
                 }
               },
-              {
-                "name": "min",
-                "description": "The input's minimum value. Only applies to date and number input types.",
-                "value": {
-                  "type": "number | string"
-                }
-              },
-              {
-                "name": "max",
-                "description": "The input's maximum value. Only applies to date and number input types.",
-                "value": {
-                  "type": "number | string"
-                }
-              },
               {
                 "name": "calendarStartDate",
                 "value": {
                   "type": "string"
                 }
               },
-              {
-                "name": "autofocus",
-                "description": "Indicates that the input should receive focus on page load.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "enterkeyhint",
-                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-                "value": {
-                  "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-                }
-              },
-              {
-                "name": "valueAsDate",
-                "description": "Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.",
-                "value": {}
-              },
-              {
-                "name": "validity",
-                "description": "Gets the validity state object",
-                "value": {}
-              },
-              {
-                "name": "validationMessage",
-                "description": "Gets the validation message",
-                "value": {}
-              },
               {
                 "name": "addOpenListeners",
                 "value": {}
@@ -8623,23 +8148,19 @@
                 "value": {}
               },
               {
-                "name": "handleDateFieldChange",
-                "value": {}
-              },
-              {
-                "name": "handleDateFieldFocus",
+                "name": "handleDateFieldKeydown",
                 "value": {}
               },
               {
-                "name": "handleDateFieldBlur",
+                "name": "handleDateFieldChange",
                 "value": {}
               },
               {
-                "name": "handleClearClick",
+                "name": "handleDateFieldFocus",
                 "value": {}
               },
               {
-                "name": "handleInvalid",
+                "name": "handleDateFieldBlur",
                 "value": {}
               },
               {
@@ -8650,24 +8171,10 @@
                 "name": "shouldDisableDate",
                 "value": {}
               },
-              {
-                "name": "handleDisabledChange",
-                "value": {}
-              },
               {
                 "name": "handleOpenChange",
                 "value": {}
               },
-              {
-                "name": "focus",
-                "description": "Sets focus on the input.",
-                "value": {}
-              },
-              {
-                "name": "blur",
-                "description": "Removes focus from the input.",
-                "value": {}
-              },
               {
                 "name": "showDatepicker",
                 "description": "Displays the dsa-calendar picker for an input element.",
@@ -8678,26 +8185,6 @@
                 "description": "Hides dsa-calendar.",
                 "value": {}
               },
-              {
-                "name": "checkValidity",
-                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
-                "value": {}
-              },
-              {
-                "name": "getForm",
-                "description": "Gets the associated form, if one exists.",
-                "value": {}
-              },
-              {
-                "name": "reportValidity",
-                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
-                "value": {}
-              },
-              {
-                "name": "setCustomValidity",
-                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
-                "value": {}
-              },
               {
                 "name": "getUpdateComplete",
                 "value": {}
@@ -8755,59 +8242,17 @@
             ]
           },
           "attributes": [
-            {
-              "name": "value",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "clearable",
-              "description": "Adds a clear button when the input is not empty.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "lang",
               "value": {
                 "type": "string"
               }
             },
-            {
-              "name": "min",
-              "description": "The input's minimum value. Only applies to date and number input types.",
-              "value": {
-                "type": "number | string"
-              }
-            },
-            {
-              "name": "max",
-              "description": "The input's maximum value. Only applies to date and number input types.",
-              "value": {
-                "type": "number | string"
-              }
-            },
             {
               "name": "calendar-start-date",
               "value": {
                 "type": "string"
               }
-            },
-            {
-              "name": "autofocus",
-              "description": "Indicates that the input should receive focus on page load.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "enterkeyhint",
-              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "value": {
-                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-              }
             }
           ]
         },
@@ -8840,10 +8285,6 @@
           "description": "",
           "js": {
             "properties": [
-              {
-                "name": "formControlController",
-                "value": {}
-              },
               {
                 "name": "localize",
                 "value": {}
@@ -8854,39 +8295,12 @@
                   "type": "HTMLInputElement"
                 }
               },
-              {
-                "name": "hasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "maskedValue",
                 "value": {
                   "type": "string"
                 }
               },
-              {
-                "name": "value",
-                "description": "The current value of the input, submitted as a name/value pair with form data.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "defaultValue",
-                "description": "The default value of the form control. Primarily used for resetting the form control.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "clearable",
-                "description": "Adds a clear button when the input is not empty.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "inputmode",
                 "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
@@ -8901,41 +8315,6 @@
                   "type": "string"
                 }
               },
-              {
-                "name": "minlength",
-                "description": "The minimum length of input that will be considered valid.",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "autocorrect",
-                "description": "Indicates whether the browser's autocorrect feature is on or off.",
-                "value": {
-                  "type": "'off' | 'on'"
-                }
-              },
-              {
-                "name": "autocomplete",
-                "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "autofocus",
-                "description": "Indicates that the input should receive focus on page load.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "enterkeyhint",
-                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-                "value": {
-                  "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-                }
-              },
               {
                 "name": "mask",
                 "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
@@ -8948,100 +8327,27 @@
                 "description": "Gets the validity state object",
                 "value": {}
               },
-              {
-                "name": "validationMessage",
-                "description": "Gets the validation message",
-                "value": {}
-              },
               {
                 "name": "handleDocumentKeyUp",
                 "value": {}
               },
-              {
-                "name": "handleBlur",
-                "value": {}
-              },
               {
                 "name": "rawValueToMaskedValue",
                 "value": {}
               },
-              {
-                "name": "handleClearClick",
-                "value": {}
-              },
-              {
-                "name": "handleFocus",
-                "value": {}
-              },
               {
                 "name": "handleChange",
                 "value": {}
               },
-              {
-                "name": "handleInvalid",
-                "value": {}
-              },
-              {
-                "name": "handleKeyDown",
-                "value": {}
-              },
-              {
-                "name": "getDescriptionIds",
-                "value": {}
-              },
-              {
-                "name": "handleDisabledChange",
-                "value": {}
-              },
               {
                 "name": "handleValueChange",
                 "value": {}
               },
-              {
-                "name": "focus",
-                "description": "Sets focus on the input.",
-                "value": {}
-              },
-              {
-                "name": "blur",
-                "description": "Removes focus from the input.",
-                "value": {}
-              },
-              {
-                "name": "select",
-                "description": "Selects all the text in the input.",
-                "value": {}
-              },
-              {
-                "name": "setSelectionRange",
-                "description": "Sets the start and end positions of the text selection (0-based).",
-                "value": {}
-              },
               {
                 "name": "setRangeText",
                 "description": "Replaces a range of text with a new string.",
                 "value": {}
               },
-              {
-                "name": "checkValidity",
-                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
-                "value": {}
-              },
-              {
-                "name": "getForm",
-                "description": "Gets the associated form, if one exists.",
-                "value": {}
-              },
-              {
-                "name": "reportValidity",
-                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
-                "value": {}
-              },
-              {
-                "name": "setCustomValidity",
-                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
-                "value": {}
-              },
               {
                 "name": "renderInput",
                 "value": {}
@@ -9075,20 +8381,6 @@
             ]
           },
           "attributes": [
-            {
-              "name": "value",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "clearable",
-              "description": "Adds a clear button when the input is not empty.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "inputmode",
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
@@ -9103,68 +8395,189 @@
                 "type": "string"
               }
             },
-            {
-              "name": "minlength",
-              "description": "The minimum length of input that will be considered valid.",
-              "value": {
-                "type": "number"
-              }
-            },
-            {
-              "name": "autocorrect",
-              "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "value": {
-                "type": "'off' | 'on'"
-              }
-            },
-            {
-              "name": "autocomplete",
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "autofocus",
-              "description": "Indicates that the input should receive focus on page load.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "enterkeyhint",
-              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "value": {
-                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-              }
-            },
             {
               "name": "mask",
               "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
               "value": {
                 "type": "string"
               }
-            }
-          ]
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
+            }
+          ]
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "name": "dsa-input-native",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "input",
+                "value": {
+                  "type": "HTMLInputElement"
+                }
+              },
+              {
+                "name": "valueAsNumber",
+                "description": "Gets or sets the current value as a number. Returns `NaN` if the value can't be converted.",
+                "value": {}
+              },
+              {
+                "name": "handleChange",
+                "value": {}
+              },
+              {
+                "name": "handleAmountChange",
+                "value": {}
+              },
+              {
+                "name": "handleInput",
+                "value": {}
+              },
+              {
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleAmountKeydown",
+                "value": {}
+              },
+              {
+                "name": "getSafeStep",
+                "value": {}
+              },
+              {
+                "name": "handlePasswordToggle",
+                "value": {}
+              },
+              {
+                "name": "adjustAmountValue",
+                "value": {}
+              },
+              {
+                "name": "stepUp",
+                "description": "Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.",
+                "value": {}
+              },
+              {
+                "name": "stepDown",
+                "description": "Decrements the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.",
+                "value": {}
+              },
+              {
+                "name": "checkValidity",
+                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
+                "value": {}
+              },
+              {
+                "name": "reportValidity",
+                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
+                "value": {}
+              },
+              {
+                "name": "checkAmountValidity",
+                "value": {}
+              },
+              {
+                "name": "renderInput",
+                "value": {}
+              },
+              {
+                "name": "renderCounter",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-blur",
+                "description": "Emitted when the control loses focus."
+              },
+              {
+                "name": "dsa-change",
+                "description": "Emitted when an alteration to the control's value is committed by the user."
+              },
+              {
+                "name": "dsa-clear",
+                "description": "Emitted when the clear button is activated."
+              },
+              {
+                "name": "dsa-focus",
+                "description": "Emitted when the control gains focus."
+              },
+              {
+                "name": "dsa-input",
+                "description": "Emitted when the control receives input."
+              },
+              {
+                "name": "dsa-invalid",
+                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
+              }
+            ]
           },
           "attributes": []
         },
@@ -9215,22 +8628,12 @@
           "description": "",
           "js": {
             "properties": [
-              {
-                "name": "formControlController",
-                "value": {}
-              },
               {
                 "name": "input",
                 "value": {
                   "type": "HTMLInputElement"
                 }
               },
-              {
-                "name": "hasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "currentIndex",
                 "value": {
@@ -9243,27 +8646,6 @@
                   "type": "RegExp"
                 }
               },
-              {
-                "name": "value",
-                "description": "The current value of the input, submitted as a name/value pair with form data.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "defaultValue",
-                "description": "The default value of the form control. Primarily used for resetting the form control.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "pattern",
-                "description": "A regular expression pattern to validate input against.",
-                "value": {
-                  "type": "string"
-                }
-              },
               {
                 "name": "length",
                 "description": "The length of input that will be considered valid.",
@@ -9271,52 +8653,6 @@
                   "type": "number"
                 }
               },
-              {
-                "name": "autocapitalize",
-                "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-                "value": {
-                  "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
-                }
-              },
-              {
-                "name": "autofocus",
-                "description": "Indicates that the input should receive focus on page load.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "enterkeyhint",
-                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-                "value": {
-                  "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-                }
-              },
-              {
-                "name": "inputmode",
-                "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-                "value": {
-                  "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
-                }
-              },
-              {
-                "name": "validity",
-                "description": "Gets the validity state object",
-                "value": {}
-              },
-              {
-                "name": "validationMessage",
-                "description": "Gets the validation message",
-                "value": {}
-              },
-              {
-                "name": "handleBlur",
-                "value": {}
-              },
-              {
-                "name": "handleChange",
-                "value": {}
-              },
               {
                 "name": "handleFocus",
                 "value": {}
@@ -9329,10 +8665,6 @@
                 "name": "handleSelect",
                 "value": {}
               },
-              {
-                "name": "handleInvalid",
-                "value": {}
-              },
               {
                 "name": "handleKeyDown",
                 "value": {}
@@ -9345,61 +8677,14 @@
                 "name": "getLastIndex",
                 "value": {}
               },
-              {
-                "name": "getDescriptionIds",
-                "value": {}
-              },
               {
                 "name": "handleCurrentIndexChange",
                 "value": {}
               },
-              {
-                "name": "handleDisabledChange",
-                "value": {}
-              },
-              {
-                "name": "handleValueChange",
-                "value": {}
-              },
               {
                 "name": "handlePatterChange",
                 "value": {}
               },
-              {
-                "name": "blur",
-                "description": "Removes focus from the input.",
-                "value": {}
-              },
-              {
-                "name": "checkValidity",
-                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
-                "value": {}
-              },
-              {
-                "name": "focus",
-                "description": "Sets focus on the input.",
-                "value": {}
-              },
-              {
-                "name": "getForm",
-                "description": "Gets the associated form, if one exists.",
-                "value": {}
-              },
-              {
-                "name": "reportValidity",
-                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
-                "value": {}
-              },
-              {
-                "name": "select",
-                "description": "Selects all the text in the input.",
-                "value": {}
-              },
-              {
-                "name": "setCustomValidity",
-                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
-                "value": {}
-              },
               {
                 "name": "getUpdateComplete",
                 "value": {}
@@ -9437,54 +8722,12 @@
             ]
           },
           "attributes": [
-            {
-              "name": "value",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "pattern",
-              "description": "A regular expression pattern to validate input against.",
-              "value": {
-                "type": "string"
-              }
-            },
             {
               "name": "length",
               "description": "The length of input that will be considered valid.",
               "value": {
                 "type": "number"
               }
-            },
-            {
-              "name": "autocapitalize",
-              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-              "value": {
-                "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
-              }
-            },
-            {
-              "name": "autofocus",
-              "description": "Indicates that the input should receive focus on page load.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "enterkeyhint",
-              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "value": {
-                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-              }
-            },
-            {
-              "name": "inputmode",
-              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-              "value": {
-                "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
-              }
             }
           ]
         },
@@ -9522,16 +8765,12 @@
           "description": "",
           "js": {
             "properties": [
-              {
-                "name": "formControlController",
-                "value": {}
-              },
               {
                 "name": "localize",
                 "value": {}
               },
               {
-                "name": "inputEl",
+                "name": "input",
                 "value": {
                   "type": "HTMLInputElement"
                 }
@@ -9542,12 +8781,6 @@
                   "type": "DSASelect"
                 }
               },
-              {
-                "name": "hasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "maskedNumber",
                 "value": {
@@ -9595,39 +8828,11 @@
                   "type": "string"
                 }
               },
-              {
-                "name": "defaultValue",
-                "description": "The default value of the form control. Primarily used for resetting the form control.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "clearable",
-                "description": "Adds a clear button when the input is not empty.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "inputPrefix",
-                "description": "Optional input prefix to help the user understand the first digit is not needed",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "autofocus",
-                "description": "Indicates that the input should receive focus on page load.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "enterkeyhint",
-                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+                "description": "Optional input prefix to help the user understand the first digit is not needed",
                 "value": {
-                  "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+                  "type": "string"
                 }
               },
               {
@@ -9642,11 +8847,6 @@
                 "description": "Gets the validity state object",
                 "value": {}
               },
-              {
-                "name": "validationMessage",
-                "description": "Gets the validation message",
-                "value": {}
-              },
               {
                 "name": "handleDocumentKeyUp",
                 "value": {}
@@ -9667,22 +8867,6 @@
                 "name": "handleChange",
                 "value": {}
               },
-              {
-                "name": "handleKeyDown",
-                "value": {}
-              },
-              {
-                "name": "handleFocus",
-                "value": {}
-              },
-              {
-                "name": "handleBlur",
-                "value": {}
-              },
-              {
-                "name": "handleInvalid",
-                "value": {}
-              },
               {
                 "name": "handleClearIconClick",
                 "value": {}
@@ -9707,51 +8891,16 @@
                 "name": "handlePhoneChange",
                 "value": {}
               },
-              {
-                "name": "focus",
-                "description": "Sets focus on the input.",
-                "value": {}
-              },
-              {
-                "name": "blur",
-                "description": "Removes focus from the input.",
-                "value": {}
-              },
-              {
-                "name": "select",
-                "description": "Selects all the text in the input.",
-                "value": {}
-              },
-              {
-                "name": "setSelectionRange",
-                "description": "Sets the start and end positions of the text selection (0-based).",
-                "value": {}
-              },
-              {
-                "name": "setRangeText",
-                "description": "Replaces a range of text with a new string.",
-                "value": {}
-              },
               {
                 "name": "checkValidity",
                 "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                 "value": {}
               },
-              {
-                "name": "getForm",
-                "description": "Gets the associated form, if one exists.",
-                "value": {}
-              },
               {
                 "name": "reportValidity",
                 "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                 "value": {}
               },
-              {
-                "name": "setCustomValidity",
-                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
-                "value": {}
-              },
               {
                 "name": "renderInput",
                 "value": {}
@@ -9792,13 +8941,6 @@
                 "type": "string"
               }
             },
-            {
-              "name": "clearable",
-              "description": "Adds a clear button when the input is not empty.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "input-prefix",
               "description": "Optional input prefix to help the user understand the first digit is not needed",
@@ -9806,20 +8948,6 @@
                 "type": "string"
               }
             },
-            {
-              "name": "autofocus",
-              "description": "Indicates that the input should receive focus on page load.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "enterkeyhint",
-              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "value": {
-                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-              }
-            },
             {
               "name": "placement",
               "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
@@ -9848,20 +8976,10 @@
           "description": "",
           "js": {
             "properties": [
-              {
-                "name": "formControlController",
-                "value": {}
-              },
               {
                 "name": "localize",
                 "value": {}
               },
-              {
-                "name": "nativeInput",
-                "value": {
-                  "type": "HTMLInputElement"
-                }
-              },
               {
                 "name": "timePickerButton",
                 "value": {
@@ -9880,33 +8998,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "hasFocus",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "value",
-                "description": "The current value of the input, submitted as a name/value pair with form data.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "defaultValue",
-                "description": "The default value of the form control. Primarily used for resetting the form control.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "clearable",
-                "description": "Adds a clear button when the input is not empty.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "min",
                 "description": "The input's minimum value.",
@@ -9928,37 +9019,6 @@
                   "type": "number"
                 }
               },
-              {
-                "name": "autocomplete",
-                "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "autofocus",
-                "description": "Indicates that the input should receive focus on page load.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "enterkeyhint",
-                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-                "value": {
-                  "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-                }
-              },
-              {
-                "name": "validity",
-                "description": "Gets the validity state object",
-                "value": {}
-              },
-              {
-                "name": "validationMessage",
-                "description": "Gets the validation message",
-                "value": {}
-              },
               {
                 "name": "addOpenListeners",
                 "value": {}
@@ -9980,45 +9040,13 @@
                 "value": {}
               },
               {
-                "name": "handleInputBlur",
-                "value": {}
-              },
-              {
-                "name": "handleInputChange",
-                "value": {}
-              },
-              {
-                "name": "handleInputClearClick",
-                "value": {}
-              },
-              {
-                "name": "handleInputFocus",
-                "value": {}
-              },
-              {
-                "name": "handleInputInput",
-                "value": {}
-              },
-              {
-                "name": "handleInputInvalid",
-                "value": {}
-              },
-              {
-                "name": "handleInputKeyDown",
+                "name": "handleKeyDown",
                 "value": {}
               },
               {
                 "name": "getDescriptionIds",
                 "value": {}
               },
-              {
-                "name": "handleDisabledChange",
-                "value": {}
-              },
-              {
-                "name": "handleStepChange",
-                "value": {}
-              },
               {
                 "name": "handleValueChange",
                 "value": {}
@@ -10027,21 +9055,6 @@
                 "name": "handleOpenChange",
                 "value": {}
               },
-              {
-                "name": "focus",
-                "description": "Sets focus on the input.",
-                "value": {}
-              },
-              {
-                "name": "blur",
-                "description": "Removes focus from the input.",
-                "value": {}
-              },
-              {
-                "name": "select",
-                "description": "Selects all the text in the input.",
-                "value": {}
-              },
               {
                 "name": "toggleTimePicker",
                 "description": "Shows or hides the time picker",
@@ -10057,36 +9070,6 @@
                 "description": "Hides the time picker",
                 "value": {}
               },
-              {
-                "name": "stepUp",
-                "description": "Passes the stepUp method to the native input element",
-                "value": {}
-              },
-              {
-                "name": "stepDown",
-                "description": "Passes the stepDown method to the native input element",
-                "value": {}
-              },
-              {
-                "name": "checkValidity",
-                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
-                "value": {}
-              },
-              {
-                "name": "getForm",
-                "description": "Gets the associated form, if one exists.",
-                "value": {}
-              },
-              {
-                "name": "reportValidity",
-                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
-                "value": {}
-              },
-              {
-                "name": "setCustomValidity",
-                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
-                "value": {}
-              },
               {
                 "name": "scrollSelectedTimeUnitsIntoView",
                 "value": {}
@@ -10160,20 +9143,6 @@
             ]
           },
           "attributes": [
-            {
-              "name": "value",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "clearable",
-              "description": "Adds a clear button when the input is not empty.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "min",
               "description": "The input's minimum value.",
@@ -10194,27 +9163,6 @@
               "value": {
                 "type": "number"
               }
-            },
-            {
-              "name": "autocomplete",
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "autofocus",
-              "description": "Indicates that the input should receive focus on page load.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "enterkeyhint",
-              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "value": {
-                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-              }
             }
           ]
         },
@@ -14645,6 +13593,10 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "awaitAllElementsDefined",
+                "value": {}
+              },
               {
                 "name": "getAllTabs",
                 "value": {}
@@ -14689,6 +13641,10 @@
                 "name": "syncTabsAndPanels",
                 "value": {}
               },
+              {
+                "name": "handleSlotChange",
+                "value": {}
+              },
               {
                 "name": "updateScrollControls",
                 "value": {}