@ds-autonomie/web-components 2.14.0 → 2.15.0

package/cdn/custom-elements.json

@@ -295,6 +295,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "defaultSlot",
@@ -304,19 +311,21 @@
             },
             {
               "kind": "field",
-              "name": "localize",
+              "name": "isToggleButtonInCloseMode",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "isToggleButtonInCloseMode",
+              "name": "allAccordions",
               "type": {
-                "text": "boolean"
+                "text": "DSAAccordion[]"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "[]"
             },
             {
               "kind": "field",
@@ -338,11 +347,6 @@
               "description": "Defines which grouped accordion opening or closing button will be displayed. Can only be used when single-open is set to false",
               "attribute": "toggle-button"
             },
-            {
-              "kind": "method",
-              "name": "getAllAccordions",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "openAll"
@@ -11438,6 +11442,184 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/graphic-element/graphic-element.library.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "GRAPHIC_ELEMENT_NAMES"
+        },
+        {
+          "kind": "function",
+          "name": "getGraphicElement",
+          "parameters": [
+            {
+              "name": "name",
+              "type": {
+                "text": "GraphicElementName | ''"
+              }
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GRAPHIC_ELEMENT_NAMES",
+          "declaration": {
+            "name": "GRAPHIC_ELEMENT_NAMES",
+            "module": "components/graphic-element/graphic-element.library.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getGraphicElement",
+          "declaration": {
+            "name": "getGraphicElement",
+            "module": "components/graphic-element/graphic-element.library.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/graphic-element/graphic-element.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSAGraphicElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "initialRender",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "resolveIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<SVGResult>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "url",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Given a URL, this function returns the resulting SVG element or an appropriate error symbol."
+            },
+            {
+              "kind": "field",
+              "name": "svg",
+              "type": {
+                "text": "SVGElement | HTMLTemplateResult | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "GraphicElementName | ''"
+              },
+              "default": "''",
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| 'on-base'\n    | 'on-light-brand'\n    | 'on-contrasted-brand'\n    | 'on-purple-background'"
+              },
+              "default": "'on-base'",
+              "description": "The graphic element's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "setIcon"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the graphic element has loaded.",
+              "name": "dsa-load"
+            },
+            {
+              "description": "Emitted when the graphic element fails to load due to an error.",
+              "name": "dsa-error"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "GraphicElementName | ''"
+              },
+              "default": "''",
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "fieldName": "name"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "| 'on-base'\n    | 'on-light-brand'\n    | 'on-contrasted-brand'\n    | 'on-purple-background'"
+              },
+              "default": "'on-base'",
+              "description": "The graphic element's theme variant.",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "package": "@internal/shoelace-element"
+          },
+          "summary": "Graphic elements can be used  as decorative icons.",
+          "documentation": "undefined",
+          "tagName": "dsa-graphic-element",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSAGraphicElement",
+            "module": "components/graphic-element/graphic-element.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-graphic-element",
+          "declaration": {
+            "name": "DSAGraphicElement",
+            "module": "components/graphic-element/graphic-element.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/header/header.assets.js",
@@ -12294,6 +12476,11 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "setSvgLabel",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "handleLabelChange"
@@ -12406,6 +12593,10 @@
       "kind": "javascript-module",
       "path": "components/icon/library.system.js",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "SYSTEM_ICONS"
+        },
         {
           "kind": "variable",
           "name": "systemLibrary",
@@ -12418,7 +12609,15 @@
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "SYSTEM_ICONS",
+          "declaration": {
+            "name": "SYSTEM_ICONS",
+            "module": "components/icon/library.system.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "systemLibrary",
           "declaration": {
             "name": "systemLibrary",
             "module": "components/icon/library.system.js"
@@ -14769,49 +14968,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/input-phone/input-phone.configs.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getPhoneConfig",
-          "return": {
-            "type": {
-              "text": "DSAPhoneConfig"
-            }
-          },
-          "parameters": [
-            {
-              "name": "phonePrefix",
-              "type": {
-                "text": "FrenchNumberPrefix"
-              }
-            }
-          ],
-          "description": "Get Input Phone configuration by phone prefix for French phone numbers including Dom-Toms",
-          "type": {
-            "text": "DSAPhoneConfig"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "getPhoneConfig",
-          "declaration": {
-            "name": "getPhoneConfig",
-            "module": "components/input-phone/input-phone.configs.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/input-phone/input-phone.js",
+      "path": "components/input-otp/input-otp.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSAInputPhone",
+          "name": "DSAInputOTP",
           "slots": [
             {
               "description": "The input's label. Alternatively, you can use the `label` attribute.",
@@ -14829,163 +14991,77 @@
           "members": [
             {
               "kind": "field",
-              "name": "defaultChecked",
+              "name": "input",
               "type": {
-                "text": "boolean | undefined | undefined"
+                "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "localize",
+              "name": "currentIndex",
+              "type": {
+                "text": "number"
+              },
               "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "input",
+              "name": "patternRegexp",
               "type": {
-                "text": "HTMLInputElement"
-              }
+                "text": "RegExp"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "phonePrefixEl",
+              "name": "length",
               "type": {
-                "text": "DSASelect"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "maskedNumber",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "phoneConfig",
-              "type": {
-                "text": "DSAPhoneConfig"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "description": "Placeholder text to show as a hint when the input is empty. It is also used as a template to mask the value. Alphanumeric values represent the inputed characters."
-            },
-            {
-              "kind": "field",
-              "name": "pattern",
-              "type": {
-                "text": "string"
-              },
-              "description": "A regular expression pattern to validate input against."
-            },
-            {
-              "kind": "field",
-              "name": "_isSyncing",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "phonePrefix",
-              "type": {
-                "text": "FrenchNumberPrefix"
-              },
-              "default": "'+33'",
-              "description": "The current value of the prefix select"
-            },
-            {
-              "kind": "field",
-              "name": "phoneNumber",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current value of the phone number without its prefix"
-            },
-            {
-              "kind": "field",
-              "name": "inputPrefix",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional input prefix to help the user understand the first digit is not needed",
-              "attribute": "input-prefix"
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "'top-start' | 'bottom-start'"
-              },
-              "default": "'bottom-start'",
-              "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.",
-              "attribute": "placement",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
+                "text": "number"
+              },
+              "default": "6",
+              "description": "The length of input that will be considered valid.",
+              "attribute": "length"
             },
             {
               "kind": "method",
-              "name": "handleDocumentKeyUp",
-              "privacy": "private"
+              "name": "handleFocus",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "handlePhonePrefixSelectChange",
-              "privacy": "private",
+              "name": "handleInput",
+              "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "DSAChangeEvent"
+                    "text": "InputEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleInputChange",
+              "name": "handleSelect",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
               "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleClearIconClick",
+              "name": "handleSingleFieldClick",
               "privacy": "private",
               "parameters": [
                 {
@@ -14998,56 +15074,39 @@
             },
             {
               "kind": "method",
-              "name": "updateValue",
+              "name": "getLastIndex",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "updatePhoneConfig",
-              "privacy": "private"
+              "name": "handleCurrentIndexChange"
             },
             {
               "kind": "method",
-              "name": "setPhoneFromValue",
+              "name": "handlePatterChange"
+            },
+            {
+              "kind": "method",
+              "name": "getUpdateComplete",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderSingleField",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "index",
                   "type": {
-                    "text": "string"
+                    "text": "number"
                   }
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "getDescriptionIds",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleValueChange"
-            },
-            {
-              "kind": "method",
-              "name": "handlePhonePrefixChange"
-            },
-            {
-              "kind": "method",
-              "name": "handlePhoneNumberChange"
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity"
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity"
-            },
             {
               "kind": "method",
               "name": "renderInput"
@@ -15062,10 +15121,6 @@
               "description": "Emitted when an alteration to the control's value is committed by the user.",
               "name": "dsa-change"
             },
-            {
-              "description": "Emitted when the clear button is activated.",
-              "name": "dsa-clear"
-            },
             {
               "description": "Emitted when the control gains focus.",
               "name": "dsa-focus"
@@ -15081,47 +15136,25 @@
           ],
           "attributes": [
             {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
-              "fieldName": "value"
-            },
-            {
-              "name": "input-prefix",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional input prefix to help the user understand the first digit is not needed",
-              "fieldName": "inputPrefix"
-            },
-            {
-              "name": "placement",
+              "name": "length",
               "type": {
-                "text": "'top-start' | 'bottom-start'"
+                "text": "number"
               },
-              "default": "'bottom-start'",
-              "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.",
-              "fieldName": "placement"
+              "default": "6",
+              "description": "The length of input that will be considered valid.",
+              "fieldName": "length"
             }
           ],
           "superclass": {
             "name": "InputBase",
             "package": "@internal/components/input-base/input-base"
           },
-          "summary": "Inputs collect data from the user.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/champs-de-saisie/input-phone/web-LwXd33D5",
+          "summary": "The OTP input is used for MFA procedure of authenticating users by a one-time password.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/input-champ-de-saisie/input-otp-code-mfa/web-p6oWJZn2",
           "dependencies": [
-            "dsa-icon",
-            "dsa-icon-button",
-            "dsa-option",
-            "dsa-select",
             "dsa-error-text"
           ],
-          "tagName": "dsa-input-phone",
+          "tagName": "dsa-input-otp",
           "customElement": true
         }
       ],
@@ -15130,156 +15163,295 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSAInputPhone",
-            "module": "components/input-phone/input-phone.js"
+            "name": "DSAInputOTP",
+            "module": "components/input-otp/input-otp.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-input-phone",
+          "name": "dsa-input-otp",
           "declaration": {
-            "name": "DSAInputPhone",
-            "module": "components/input-phone/input-phone.js"
+            "name": "DSAInputOTP",
+            "module": "components/input-otp/input-otp.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/input-phone/input-phone.utils.js",
+      "path": "components/input-otp/input-otp.utils.js",
       "declarations": [
         {
           "kind": "variable",
-          "name": "frenchNumberPrefix",
+          "name": "REGEXP_ONLY_DIGITS",
           "type": {
-            "text": "[\n  '+33',\n  '+262',\n  '+508',\n  '+590',\n  '+594',\n  '+596',\n  '+681',\n  '+687',\n  '+689',\n]"
+            "text": "string"
           },
-          "default": "[ '+33', '+262', '+508', '+590', '+594', '+596', '+681', '+687', '+689', ]"
+          "default": "'^\\\\d*$'"
         },
         {
           "kind": "variable",
-          "name": "phonePrefixOptions",
+          "name": "REGEXP_ONLY_LETTERS",
           "type": {
-            "text": "PhonePrefixOption[]"
+            "text": "string"
           },
-          "default": "[ { value: '+33', label: 'fr_FR' }, { value: '+590', label: 'fr_GP' }, { value: '+594', label: 'fr_GF' }, { value: '+596', label: 'fr_MQ' }, { value: '+687', label: 'fr_NC' }, { value: '+689', label: 'fr_PF' }, { value: '+508', label: 'fr_PM' }, { value: '+262', label: 'fr_RE' }, { value: '+681', label: 'fr_WF' }, ]"
+          "default": "'^[a-zA-Z]*$'"
+        },
+        {
+          "kind": "variable",
+          "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
+          "type": {
+            "text": "string"
+          },
+          "default": "'^[a-zA-Z0-9]*$'"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "frenchNumberPrefix",
+          "name": "REGEXP_ONLY_DIGITS",
           "declaration": {
-            "name": "frenchNumberPrefix",
-            "module": "components/input-phone/input-phone.utils.js"
+            "name": "REGEXP_ONLY_DIGITS",
+            "module": "components/input-otp/input-otp.utils.js"
           }
         },
         {
           "kind": "js",
-          "name": "phonePrefixOptions",
+          "name": "REGEXP_ONLY_LETTERS",
           "declaration": {
-            "name": "phonePrefixOptions",
-            "module": "components/input-phone/input-phone.utils.js"
+            "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-otp/input-otp.js",
+      "path": "components/input-phone/input-phone.configs.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getPhoneConfig",
+          "return": {
+            "type": {
+              "text": "DSAPhoneConfig"
+            }
+          },
+          "parameters": [
+            {
+              "name": "phonePrefix",
+              "type": {
+                "text": "FrenchNumberPrefix"
+              }
+            }
+          ],
+          "description": "Get Input Phone configuration by phone prefix for French phone numbers including Dom-Toms",
+          "type": {
+            "text": "DSAPhoneConfig"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getPhoneConfig",
+          "declaration": {
+            "name": "getPhoneConfig",
+            "module": "components/input-phone/input-phone.configs.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/input-phone/input-phone.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSAInputOTP",
+          "name": "DSAInputPhone",
           "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": "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": "defaultChecked",
+              "type": {
+                "text": "boolean | undefined | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "phonePrefixEl",
+              "type": {
+                "text": "DSASelect"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maskedNumber",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "phoneConfig",
+              "type": {
+                "text": "DSAPhoneConfig"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Placeholder text to show as a hint when the input is empty. It is also used as a template to mask the value. Alphanumeric values represent the inputed characters."
+            },
+            {
+              "kind": "field",
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression pattern to validate input against."
+            },
+            {
+              "kind": "field",
+              "name": "_isSyncing",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
+              "attribute": "value"
             },
-            {
-              "description": "The tooltip slot allows additional information to be passed along the label.",
-              "name": "tooltip"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "input",
+              "name": "phonePrefix",
               "type": {
-                "text": "HTMLInputElement"
-              }
+                "text": "FrenchNumberPrefix"
+              },
+              "default": "'+33'",
+              "description": "The current value of the prefix select"
             },
             {
               "kind": "field",
-              "name": "currentIndex",
+              "name": "phoneNumber",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "0"
+              "default": "''",
+              "description": "The current value of the phone number without its prefix"
             },
             {
               "kind": "field",
-              "name": "patternRegexp",
+              "name": "inputPrefix",
               "type": {
-                "text": "RegExp"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "description": "Optional input prefix to help the user understand the first digit is not needed",
+              "attribute": "input-prefix"
             },
             {
               "kind": "field",
-              "name": "length",
+              "name": "placement",
               "type": {
-                "text": "number"
+                "text": "'top-start' | 'bottom-start'"
               },
-              "default": "6",
-              "description": "The length of input that will be considered valid.",
-              "attribute": "length"
+              "default": "'bottom-start'",
+              "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.",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "handleFocus",
-              "privacy": "protected"
+              "name": "handleDocumentKeyUp",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleInput",
-              "privacy": "protected",
+              "name": "handlePhonePrefixSelectChange",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "InputEvent"
+                    "text": "DSAChangeEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleSelect",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
+              "name": "handleInputChange",
               "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleSingleFieldClick",
+              "name": "handleClearIconClick",
               "privacy": "private",
               "parameters": [
                 {
@@ -15292,39 +15464,56 @@
             },
             {
               "kind": "method",
-              "name": "getLastIndex",
+              "name": "updateValue",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleCurrentIndexChange"
-            },
-            {
-              "kind": "method",
-              "name": "handlePatterChange"
-            },
-            {
-              "kind": "method",
-              "name": "getUpdateComplete",
-              "return": {
-                "type": {
-                  "text": "Promise<boolean>"
-                }
-              }
+              "name": "updatePhoneConfig",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "renderSingleField",
+              "name": "setPhoneFromValue",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "index",
+                  "name": "value",
                   "type": {
-                    "text": "number"
+                    "text": "string"
                   }
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "getDescriptionIds",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "handlePhonePrefixChange"
+            },
+            {
+              "kind": "method",
+              "name": "handlePhoneNumberChange"
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity"
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity"
+            },
             {
               "kind": "method",
               "name": "renderInput"
@@ -15339,6 +15528,10 @@
               "description": "Emitted when an alteration to the control's value is committed by the user.",
               "name": "dsa-change"
             },
+            {
+              "description": "Emitted when the clear button is activated.",
+              "name": "dsa-clear"
+            },
             {
               "description": "Emitted when the control gains focus.",
               "name": "dsa-focus"
@@ -15354,25 +15547,47 @@
           ],
           "attributes": [
             {
-              "name": "length",
+              "name": "value",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "6",
-              "description": "The length of input that will be considered valid.",
-              "fieldName": "length"
+              "default": "''",
+              "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
+              "fieldName": "value"
+            },
+            {
+              "name": "input-prefix",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional input prefix to help the user understand the first digit is not needed",
+              "fieldName": "inputPrefix"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "'top-start' | 'bottom-start'"
+              },
+              "default": "'bottom-start'",
+              "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.",
+              "fieldName": "placement"
             }
           ],
           "superclass": {
             "name": "InputBase",
             "package": "@internal/components/input-base/input-base"
           },
-          "summary": "The OTP input is used for MFA procedure of authenticating users by a one-time password.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/input-champ-de-saisie/input-otp-code-mfa/web-p6oWJZn2",
+          "summary": "Inputs collect data from the user.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/champs-de-saisie/input-phone/web-LwXd33D5",
           "dependencies": [
+            "dsa-icon",
+            "dsa-icon-button",
+            "dsa-option",
+            "dsa-select",
             "dsa-error-text"
           ],
-          "tagName": "dsa-input-otp",
+          "tagName": "dsa-input-phone",
           "customElement": true
         }
       ],
@@ -15381,72 +15596,56 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSAInputOTP",
-            "module": "components/input-otp/input-otp.js"
+            "name": "DSAInputPhone",
+            "module": "components/input-phone/input-phone.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-input-otp",
+          "name": "dsa-input-phone",
           "declaration": {
-            "name": "DSAInputOTP",
-            "module": "components/input-otp/input-otp.js"
+            "name": "DSAInputPhone",
+            "module": "components/input-phone/input-phone.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/input-otp/input-otp.utils.js",
+      "path": "components/input-phone/input-phone.utils.js",
       "declarations": [
         {
           "kind": "variable",
-          "name": "REGEXP_ONLY_DIGITS",
-          "type": {
-            "text": "string"
-          },
-          "default": "'^\\\\d*$'"
-        },
-        {
-          "kind": "variable",
-          "name": "REGEXP_ONLY_LETTERS",
+          "name": "frenchNumberPrefix",
           "type": {
-            "text": "string"
+            "text": "[\n  '+33',\n  '+262',\n  '+508',\n  '+590',\n  '+594',\n  '+596',\n  '+681',\n  '+687',\n  '+689',\n]"
           },
-          "default": "'^[a-zA-Z]*$'"
+          "default": "[ '+33', '+262', '+508', '+590', '+594', '+596', '+681', '+687', '+689', ]"
         },
         {
           "kind": "variable",
-          "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
+          "name": "phonePrefixOptions",
           "type": {
-            "text": "string"
+            "text": "PhonePrefixOption[]"
           },
-          "default": "'^[a-zA-Z0-9]*$'"
+          "default": "[ { value: '+33', label: 'fr_FR' }, { value: '+590', label: 'fr_GP' }, { value: '+594', label: 'fr_GF' }, { value: '+596', label: 'fr_MQ' }, { value: '+687', label: 'fr_NC' }, { value: '+689', label: 'fr_PF' }, { value: '+508', label: 'fr_PM' }, { value: '+262', label: 'fr_RE' }, { value: '+681', label: 'fr_WF' }, ]"
         }
       ],
       "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",
+          "name": "frenchNumberPrefix",
           "declaration": {
-            "name": "REGEXP_ONLY_LETTERS",
-            "module": "components/input-otp/input-otp.utils.js"
+            "name": "frenchNumberPrefix",
+            "module": "components/input-phone/input-phone.utils.js"
           }
         },
         {
           "kind": "js",
-          "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
+          "name": "phonePrefixOptions",
           "declaration": {
-            "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
-            "module": "components/input-otp/input-otp.utils.js"
+            "name": "phonePrefixOptions",
+            "module": "components/input-phone/input-phone.utils.js"
           }
         }
       ]
@@ -16101,10 +16300,7 @@
               "parameters": [
                 {
                   "name": "widthBadge",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
+                  "default": "false"
                 }
               ],
               "description": "Returns a text label based on the contents of the summary slot."
@@ -26464,6 +26660,14 @@
                 "module": "components/table-row/table-row.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "handleSelectedChange",
+              "inheritedFrom": {
+                "name": "DSATableRow",
+                "module": "components/table-row/table-row.js"
+              }
+            },
             {
               "kind": "field",
               "name": "selectorExpandedRow",
@@ -27173,6 +27377,10 @@
               "kind": "method",
               "name": "handleExpandedChange"
             },
+            {
+              "kind": "method",
+              "name": "handleSelectedChange"
+            },
             {
               "kind": "field",
               "name": "selectorExpandedRow",
@@ -27582,7 +27790,8 @@
                 "text": "string"
               },
               "default": "''",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -27592,7 +27801,8 @@
               },
               "default": "''",
               "description": "(Optional) An accessible name for the tag",
-              "attribute": "accessible-name"
+              "attribute": "accessible-name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -28118,13 +28328,22 @@
             },
             {
               "kind": "field",
-              "name": "autocorrect",
+              "name": "_autocorrect",
               "type": {
-                "text": "string"
+                "text": "'on' | 'off'"
               },
+              "privacy": "private",
+              "default": "'off'",
               "description": "Indicates whether the browser's autocorrect feature is on or off.",
               "attribute": "autocorrect"
             },
+            {
+              "kind": "field",
+              "name": "autocorrect",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "kind": "field",
               "name": "autocomplete",
@@ -28469,10 +28688,11 @@
             {
               "name": "autocorrect",
               "type": {
-                "text": "string"
+                "text": "'on' | 'off'"
               },
+              "default": "'off'",
               "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "fieldName": "autocorrect"
+              "fieldName": "_autocorrect"
             },
             {
               "name": "autocomplete",
@@ -29533,7 +29753,7 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "2.14.0",
+    "version": "2.15.0",
     "author": "CNSA",
     "homepage": "https://dsa.service-public-autonomie.fr",
     "license": "MIT"