@ds-autonomie/web-components 2.1.0 → 2.2.0

package/cdn/custom-elements.json

@@ -3509,14 +3509,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "slottedElementsObserver",
-              "type": {
-                "text": "MutationObserver"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "defaultSlot",
@@ -3548,14 +3540,6 @@
               },
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "allCheckboxes",
-              "type": {
-                "text": "(DSACheckbox | DSACheckboxButton)[]"
-              },
-              "default": "[]"
-            },
             {
               "kind": "field",
               "name": "label",
@@ -3593,7 +3577,7 @@
                 "text": "string[]"
               },
               "default": "[]",
-              "description": "The current value of the checkbox group, submitted as a name/value pair with form data. The value is a comma-delimited list of values based on the checked checkboxes.",
+              "description": "The current value of the checkbox group, representing a list of the checked children checkbox items (designated\nby their “value” and separated by a comma). It can be used as a way to define which items are checked by default,\nand is submitted as name/value pairs with form data.",
               "attribute": "value"
             },
             {
@@ -3692,11 +3676,6 @@
               "description": "Gets the validation message",
               "readonly": true
             },
-            {
-              "kind": "method",
-              "name": "observeSlottedElements",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "getAllCheckboxes",
@@ -3756,11 +3735,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "updateCheckedCheckbox",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "handleValueChange"
@@ -3854,7 +3828,7 @@
                 "text": "string[]"
               },
               "default": "[]",
-              "description": "The current value of the checkbox group, submitted as a name/value pair with form data. The value is a comma-delimited list of values based on the checked checkboxes.",
+              "description": "The current value of the checkbox group, representing a list of the checked children checkbox items (designated\nby their “value” and separated by a comma). It can be used as a way to define which items are checked by default,\nand is submitted as name/value pairs with form data.",
               "fieldName": "value"
             },
             {
@@ -4118,7 +4092,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the combobox, representing a list of the selected options (or single option if “multiple” is\ndisabled). Selected options are designated by their value, and separated by a space. It can be used as a way to\ndefine which options are selected by default, and will be sent as name/value pairs with form data.",
               "attribute": "value"
             },
             {
@@ -4720,7 +4694,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the combobox, representing a list of the selected options (or single option if “multiple” is\ndisabled). Selected options are designated by their value, and separated by a space. It can be used as a way to\ndefine which options are selected by default, and will be sent as name/value pairs with form data.",
               "fieldName": "value"
             },
             {
@@ -6528,7 +6502,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "description": "The error message or messages that are shown when “error” is set to “true”. To display several\nmessages, they must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”.",
               "attribute": "error-message"
             },
             {
@@ -6720,7 +6694,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "description": "The error message or messages that are shown when “error” is set to “true”. To display several\nmessages, they must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”.",
               "fieldName": "errorMessage"
             }
           ],
@@ -9895,7 +9869,7 @@
               "default": "''",
               "attribute": "value",
               "reflects": true,
-              "description": "The current value of the filter. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the filter, representing a list of the selected options (or single option if “multiple”\nis disabled). It can be used as a way to define which options are selected by default. Selected options are\ndesignated by their value, and separated by a space.",
               "inheritedFrom": {
                 "name": "FilterBase",
                 "module": "components/filter-base/filter-base.js"
@@ -9919,7 +9893,7 @@
                 "text": "number"
               },
               "default": "5",
-              "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to display the complete list. Set to 0 to remove the limit.",
+              "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to\ndisplay the complete list. Set to 0 to remove the limit.",
               "attribute": "max-visible-list-length"
             },
             {
@@ -10492,7 +10466,7 @@
               },
               "default": "''",
               "fieldName": "value",
-              "description": "The current value of the filter. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the filter, representing a list of the selected options (or single option if “multiple”\nis disabled). It can be used as a way to define which options are selected by default. Selected options are\ndesignated by their value, and separated by a space.",
               "inheritedFrom": {
                 "name": "FilterBase",
                 "module": "src/components/filter-base/filter-base.ts"
@@ -10513,7 +10487,7 @@
                 "text": "number"
               },
               "default": "5",
-              "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to display the complete list. Set to 0 to remove the limit.",
+              "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to\ndisplay the complete list. Set to 0 to remove the limit.",
               "fieldName": "maxVisibleListLength"
             },
             {
@@ -15352,6 +15326,508 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/input-otp/input-otp.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSAInputOTP",
+          "slots": [
+            {
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
+            },
+            {
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, { assumeInteractionOn: ['dsa-blur', 'dsa-input'], })"
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "currentIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "patternRegexp",
+              "type": {
+                "text": "RegExp"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the input, submitted as a name/value pair with form data.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The default value of the form control. Primarily used for resetting the form control."
+            },
+            {
+              "kind": "field",
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression pattern to validate input against.",
+              "attribute": "pattern"
+            },
+            {
+              "kind": "field",
+              "name": "length",
+              "type": {
+                "text": "number"
+              },
+              "default": "6",
+              "description": "The length of input that will be considered valid.",
+              "attribute": "length"
+            },
+            {
+              "kind": "field",
+              "name": "autocapitalize",
+              "type": {
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
+              },
+              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
+              "attribute": "autocapitalize"
+            },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Indicates that the input should receive focus on page load.",
+              "attribute": "autofocus"
+            },
+            {
+              "kind": "field",
+              "name": "enterkeyhint",
+              "type": {
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+              },
+              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+              "attribute": "enterkeyhint"
+            },
+            {
+              "kind": "field",
+              "name": "inputmode",
+              "type": {
+                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+              },
+              "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.",
+              "attribute": "inputmode"
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleSelect",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInvalid",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleSingleFieldClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getLastIndex",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getDescriptionIds",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCurrentIndexChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "handlePatterChange"
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the input."
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the input."
+            },
+            {
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "select",
+              "description": "Selects all the text in the input."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+            },
+            {
+              "kind": "method",
+              "name": "getUpdateComplete",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderSingleField",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderInput"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the control loses focus.",
+              "name": "dsa-blur"
+            },
+            {
+              "description": "Emitted when an alteration to the control's value is committed by the user.",
+              "name": "dsa-change"
+            },
+            {
+              "description": "Emitted when the control gains focus.",
+              "name": "dsa-focus"
+            },
+            {
+              "description": "Emitted when the control receives input.",
+              "name": "dsa-input"
+            },
+            {
+              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
+              "name": "dsa-invalid"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the input, submitted as a name/value pair with form data.",
+              "fieldName": "value"
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression pattern to validate input against.",
+              "fieldName": "pattern"
+            },
+            {
+              "name": "length",
+              "type": {
+                "text": "number"
+              },
+              "default": "6",
+              "description": "The length of input that will be considered valid.",
+              "fieldName": "length"
+            },
+            {
+              "name": "autocapitalize",
+              "type": {
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
+              },
+              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
+              "fieldName": "autocapitalize"
+            },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Indicates that the input should receive focus on page load.",
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "enterkeyhint",
+              "type": {
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+              },
+              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+              "fieldName": "enterkeyhint"
+            },
+            {
+              "name": "inputmode",
+              "type": {
+                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+              },
+              "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.",
+              "fieldName": "inputmode"
+            }
+          ],
+          "superclass": {
+            "name": "FormControlLayout",
+            "module": "/src/internal/components/form-control/form-control-layout"
+          },
+          "summary": "The OTP input is used for MFA procedure of authenticating users by a one-time password.",
+          "documentation": "undefined",
+          "dependencies": [
+            "dsa-error-text"
+          ],
+          "tagName": "dsa-input-otp",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSAInputOTP",
+            "module": "components/input-otp/input-otp.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-input-otp",
+          "declaration": {
+            "name": "DSAInputOTP",
+            "module": "components/input-otp/input-otp.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/input-otp/input-otp.utils.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "REGEXP_ONLY_DIGITS",
+          "type": {
+            "text": "string"
+          },
+          "default": "'^\\\\d*$'"
+        },
+        {
+          "kind": "variable",
+          "name": "REGEXP_ONLY_LETTERS",
+          "type": {
+            "text": "string"
+          },
+          "default": "'^[a-zA-Z]*$'"
+        },
+        {
+          "kind": "variable",
+          "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
+          "type": {
+            "text": "string"
+          },
+          "default": "'^[a-zA-Z0-9]*$'"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "REGEXP_ONLY_DIGITS",
+          "declaration": {
+            "name": "REGEXP_ONLY_DIGITS",
+            "module": "components/input-otp/input-otp.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "REGEXP_ONLY_LETTERS",
+          "declaration": {
+            "name": "REGEXP_ONLY_LETTERS",
+            "module": "components/input-otp/input-otp.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
+          "declaration": {
+            "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
+            "module": "components/input-otp/input-otp.utils.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/input-phone/input-phone.configs.js",
@@ -19737,7 +20213,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "description": "The error message or messages that are shown when “error” is set to “true”. To display several messages,\nthey must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”",
               "attribute": "error-message"
             },
             {
@@ -19998,7 +20474,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "description": "The error message or messages that are shown when “error” is set to “true”. To display several messages,\nthey must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”",
               "fieldName": "errorMessage"
             },
             {
@@ -20820,7 +21296,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
               "attribute": "value"
             },
             {
@@ -21292,7 +21768,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
               "fieldName": "value"
             },
             {
@@ -27246,7 +27722,7 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "2.1.0",
+    "version": "2.2.0",
     "author": "CNSA",
     "homepage": "https://dsa.service-public-autonomie.fr",
     "license": "MIT"