@sapudex/web-components 2.22.0 → 2.24.0

package/dist/custom-elements.json

@@ -1854,89 +1854,6 @@
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-country-selector</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/CountrySelector.js\";</code>",
           "name": "UDExCountrySelector",
           "members": [
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines label text for the input field.",
-              "default": "undefined",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "accessibleName",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the accessible ARIA name of the component.",
-              "default": "undefined",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "accessibleNameRef",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Receives id (or many ids) of the elements that label the component.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Defines whether the component is required.",
-              "default": "false",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "height",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Allows control over the height.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
-              "default": "false",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
-              "default": "false",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "displayonly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Defines whether the component is display-only.\n<br><br>\n<b>Note:</b> A display-only component is not editable,\nbut still provides visual feedback upon user interaction, input border is not visible.",
-              "default": "false",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "preselectedCountry",
@@ -1957,600 +1874,48 @@
               "default": "\"\"",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "searchPlaceholder",
-              "type": {
-                "text": "string"
-              },
-              "description": "Defines the placeholder of the search.",
-              "default": "\"\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "valueState",
-              "type": {
-                "text": "UDExValueState",
-                "references": [
-                  {
-                    "name": "UDExValueState",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/types/common.js"
-                  }
-                ]
-              },
-              "description": "Defines the value state of the component.",
-              "default": "\"Standard\"",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "supportingText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines supporting text under the country selector.",
-              "default": "undefined",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "hideFlagImages",
               "type": {
                 "text": "boolean | undefined"
               },
+              "description": "Allows to hide the flag images in the country selector.",
+              "default": "false",
               "privacy": "public"
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "tabNavigationEnabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Enables tab navigation for the list.",
+              "description": "Allows to define the initially preselected country.",
+              "name": "preselected-country",
               "default": "\"\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "preventPageScroll",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines if page scrolling should be prevented within the list of items.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "busy",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Defines if the component would display a loading indicator.",
-              "default": "false",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "showSearchInput",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Defines if the search input is visible.",
-              "default": "false",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "busyDelay",
-              "type": {
-                "text": "number"
-              },
-              "default": "1000",
-              "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "noResultText",
+              "fieldName": "preselectedCountry",
               "type": {
                 "text": "string"
-              },
-              "description": "Defines the \"no result\" text of the component.",
-              "default": "\"\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selectAll",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Defines the selectAll option of the component.",
-              "default": "false",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
               }
             },
             {
-              "kind": "field",
-              "name": "selectAllLabel",
+              "description": "Allows to define the list of blocked country.",
+              "name": "blocked-country-codes",
+              "default": "\"\"",
+              "fieldName": "blockedCountryCodes",
               "type": {
-                "text": "string"
-              },
-              "description": "Defines label text for select all header.",
-              "default": "\"Select All\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
+                "text": "string | undefined"
               }
             },
-            {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "UDExListMode",
-                "references": [
-                  {
-                    "name": "UDExListMode",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/types/List.js"
-                  }
-                ]
-              },
-              "description": "Defines the mode of the component.",
-              "default": "\"SingleSelect\"",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "defaultAccessibleRole",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"list\"",
-              "description": "Defines the default accessible role for the list componnet.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resetSearch",
-              "description": "Reset the search value.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "before-open",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired before the dropdown pane is opened."
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired after the dropdown pane is opened."
-            },
-            {
-              "name": "before-close",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired before the dropdown pane is closed."
-            },
-            {
-              "name": "close",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired after the dropdown pane is closed."
-            },
-            {
-              "name": "change-search",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user submitted the value in the search.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "reset-search",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the reset button in the search.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "submit-search",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the submitted icon in the search.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "selection-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "select-all",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the Select All header.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "first-icon-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the first icon.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "second-icon-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the second icon.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Defines label text for the input field.",
-              "name": "label",
-              "default": "undefined",
-              "fieldName": "label",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines the accessible ARIA name of the component.",
-              "name": "accessible-name",
-              "default": "undefined",
-              "fieldName": "accessibleName",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Receives id (or many ids) of the elements that label the component.",
-              "name": "accessible-name-ref",
-              "default": "\"\"",
-              "fieldName": "accessibleNameRef",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "description": "Defines whether the component is required.",
-              "name": "required",
-              "default": "false",
-              "fieldName": "required",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Allows control over the height.",
-              "name": "height",
-              "fieldName": "height",
-              "type": {
-                "text": "string | undefined"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
-              "name": "disabled",
-              "default": "false",
-              "fieldName": "disabled",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
-              "name": "readonly",
-              "default": "false",
-              "fieldName": "readonly",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines whether the component is display-only.\n<br><br>\n<b>Note:</b> A display-only component is not editable,\nbut still provides visual feedback upon user interaction, input border is not visible.",
-              "name": "displayonly",
-              "default": "false",
-              "fieldName": "displayonly",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Allows to define the initially preselected country.",
-              "name": "preselected-country",
-              "default": "\"\"",
-              "fieldName": "preselectedCountry",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "description": "Allows to define the list of blocked country.",
-              "name": "blocked-country-codes",
-              "default": "\"\"",
-              "fieldName": "blockedCountryCodes",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines the placeholder of the search.",
-              "name": "search-placeholder",
-              "default": "\"\"",
-              "fieldName": "searchPlaceholder",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the value state of the component.",
-              "name": "value-state",
-              "default": "\"Standard\"",
-              "fieldName": "valueState",
-              "type": {
-                "text": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
-              }
-            },
-            {
-              "description": "Defines supporting text under the country selector.",
-              "name": "supporting-text",
-              "default": "undefined",
-              "fieldName": "supportingText",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "name": "hide-flag-images",
-              "fieldName": "hideFlagImages",
-              "type": {
-                "text": "boolean | undefined"
-              }
-            },
-            {
-              "description": "Enables tab navigation for the list.",
-              "name": "tab-navigation-enabled",
-              "default": "\"\"",
-              "fieldName": "tabNavigationEnabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines if page scrolling should be prevented within the list of items.",
-              "name": "prevent-page-scroll",
-              "default": "false",
-              "fieldName": "preventPageScroll",
-              "type": {
-                "text": "boolean"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines if the component would display a loading indicator.",
-              "name": "busy",
-              "default": "false",
-              "fieldName": "busy",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines if the search input is visible.",
-              "name": "show-search-input",
-              "default": "false",
-              "fieldName": "showSearchInput",
-              "type": {
-                "text": "boolean"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-              "name": "busy-delay",
-              "default": "1000",
-              "fieldName": "busyDelay",
-              "type": {
-                "text": "number"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the \"no result\" text of the component.",
-              "name": "no-result-text",
-              "default": "\"\"",
-              "fieldName": "noResultText",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the selectAll option of the component.",
-              "name": "select-all",
-              "default": "false",
-              "fieldName": "selectAll",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines label text for select all header.",
-              "name": "select-all-label",
-              "default": "\"Select All\"",
-              "fieldName": "selectAllLabel",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the mode of the component.",
-              "name": "mode",
-              "default": "\"SingleSelect\"",
-              "fieldName": "mode",
-              "type": {
-                "text": "\"SingleSelect\" | \"MultiSelect\" | \"SingleContent\" | \"RadioGroup\""
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "description": "Defines the default accessible role for the list componnet.",
-              "name": "default-accessible-role",
-              "default": "\"list\"",
-              "fieldName": "defaultAccessibleRole",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "UDExSearchableListBase",
-            "package": "@sapudex/web-components",
-            "module": "dist/SearchableListBase.js"
-          },
-          "tagName": "udex-country-selector",
-          "customElement": true,
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for items.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
+            {
+              "description": "Allows to hide the flag images in the country selector.",
+              "name": "hide-flag-images",
+              "default": "false",
+              "fieldName": "hideFlagImages",
+              "type": {
+                "text": "boolean | undefined"
               }
             }
-          ]
+          ],
+          "tagName": "udex-country-selector",
+          "customElement": true
         }
       ],
       "exports": [
@@ -4043,7 +3408,7 @@
                 "text": "string"
               },
               "default": "\"list\"",
-              "description": "Defines the default accessible role for the list componnet.",
+              "description": "Defines the default accessible role for the list component.",
               "privacy": "public",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
@@ -4460,7 +3825,7 @@
               }
             },
             {
-              "description": "Defines the default accessible role for the list componnet.",
+              "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
               "default": "\"list\"",
               "fieldName": "defaultAccessibleRole",
@@ -14396,7 +13761,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> , <code>UDExSelectBox</code> and <code>UDExCountrySelector/code> classes.",
+          "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> and <code>UDExSelectBox</code> classes.",
           "name": "UDExSearchableListBase",
           "slots": [
             {
@@ -14528,7 +13893,7 @@
                 "text": "string"
               },
               "default": "\"list\"",
-              "description": "Defines the default accessible role for the list componnet.",
+              "description": "Defines the default accessible role for the list component.",
               "privacy": "public"
             },
             {
@@ -14689,7 +14054,7 @@
               }
             },
             {
-              "description": "Defines the default accessible role for the list componnet.",
+              "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
               "default": "\"list\"",
               "fieldName": "defaultAccessibleRole",
@@ -15491,23 +14856,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/SelectBox.js",
+      "path": "dist/SelectBase.js",
       "declarations": [
         {
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>",
-          "name": "UDExSelectBox",
+          "name": "UDExSelectBase",
           "members": [
-            {
-              "kind": "field",
-              "name": "disableTargetOverlap",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
-              "default": "false",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "required",
@@ -15605,34 +14960,6 @@
               "default": "undefined",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "tooltipPlacement",
-              "type": {
-                "text": "Placement",
-                "references": [
-                  {
-                    "name": "Placement",
-                    "package": "@sapudex/web-components",
-                    "module": "dist/types/Dropdown.js"
-                  }
-                ]
-              },
-              "description": "Determines on which side of the component the Tooltip is displayed.",
-              "default": "\"Bottom\"",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "close",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Close the dropdown.",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "tabNavigationEnabled",
@@ -15794,230 +15121,46 @@
               }
             },
             {
-              "kind": "field",
-              "name": "defaultAccessibleRole",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"list\"",
-              "description": "Defines the default accessible role for the list componnet.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resetSearch",
-              "description": "Reset the search value.",
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "remove",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the reset button in the search."
-            },
-            {
-              "name": "show-more",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the More button."
-            },
-            {
-              "name": "before-open",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired before the dropdown pane is opened."
-            },
-            {
-              "name": "selection-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "select-all",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the Select All header.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "submit-search",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the submitted icon in the search.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "reset-search",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the reset button in the search.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "change-search",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user submitted the value in the search.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "first-icon-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the first icon.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            },
-            {
-              "name": "second-icon-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired event when the user clicks on the second icon.",
-              "inheritedFrom": {
-                "name": "UDExSearchableListBase",
-                "module": "dist/SearchableListBase.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
-              "name": "disable-target-overlap",
-              "default": "false",
-              "fieldName": "disableTargetOverlap",
-              "type": {
-                "text": "boolean | undefined"
-              }
-            },
-            {
-              "description": "Defines whether the component is required.",
-              "name": "required",
-              "default": "false",
-              "fieldName": "required",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines whether the component is in disabled state.",
-              "name": "disabled",
-              "default": "false",
-              "fieldName": "disabled",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines label text for field container.",
-              "name": "label",
-              "default": "\"\"",
-              "fieldName": "label",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "description": "Defines the accessible ARIA name of the component.",
-              "name": "accessible-name",
-              "default": "undefined",
-              "fieldName": "accessibleName",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Receives id (or many ids) of the elements that label the component.",
-              "name": "accessible-name-ref",
-              "default": "undefined",
-              "fieldName": "accessibleNameRef",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "description": "Defines whether the component is read-only.",
-              "name": "readonly",
-              "default": "false",
-              "fieldName": "readonly",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines whether the component is display-only.",
-              "name": "displayonly",
-              "default": "false",
-              "fieldName": "displayonly",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "description": "Defines the value state of the trigger container.",
-              "name": "value-state",
-              "default": "\"Standard\"",
-              "fieldName": "valueState",
-              "type": {
-                "text": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
-              }
-            },
-            {
-              "description": "Defines supporting text under the trigger container.",
-              "name": "supporting-text",
-              "default": "undefined",
-              "fieldName": "supportingText",
+              "kind": "field",
+              "name": "defaultAccessibleRole",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
+              },
+              "default": "\"list\"",
+              "description": "Defines the default accessible role for the list component.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
               }
             },
             {
-              "description": "Determines on which side of the component the Tooltip is displayed.",
-              "name": "tooltip-placement",
-              "default": "\"Bottom\"",
-              "fieldName": "tooltipPlacement",
-              "type": {
-                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
+              "kind": "method",
+              "name": "resetSearch",
+              "description": "Reset the search value.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
               }
-            },
+            }
+          ],
+          "superclass": {
+            "name": "UDExSearchableListBase",
+            "package": "@sapudex/web-components",
+            "module": "dist/SearchableListBase.js"
+          },
+          "slots": [
+            {
+              "name": "default",
+              "description": "Slot for items.",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            }
+          ],
+          "attributes": [
             {
               "description": "Enables tab navigation for the list.",
               "name": "tab-navigation-enabled",
@@ -16161,7 +15304,7 @@
               }
             },
             {
-              "description": "Defines the default accessible role for the list componnet.",
+              "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
               "default": "\"list\"",
               "fieldName": "defaultAccessibleRole",
@@ -16174,17 +15317,79 @@
               }
             }
           ],
-          "superclass": {
-            "name": "UDExSearchableListBase",
-            "package": "@sapudex/web-components",
-            "module": "dist/SearchableListBase.js"
-          },
-          "tagName": "udex-select-box",
-          "customElement": true,
-          "slots": [
+          "events": [
             {
-              "name": "default",
-              "description": "Slot for items.",
+              "name": "selection-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "name": "select-all",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks on the Select All header.",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "name": "submit-search",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks on the submitted icon in the search.",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "name": "reset-search",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks on the reset button in the search.",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "name": "change-search",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user submitted the value in the search.",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "name": "first-icon-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks on the first icon.",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "name": "second-icon-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks on the second icon.",
               "inheritedFrom": {
                 "name": "UDExSearchableListBase",
                 "module": "dist/SearchableListBase.js"
@@ -16193,6 +15398,105 @@
           ]
         }
       ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExSelectBase",
+            "module": "dist/SelectBase.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/SelectBox.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>",
+          "name": "UDExSelectBox",
+          "members": [
+            {
+              "kind": "field",
+              "name": "disableTargetOverlap",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tooltipPlacement",
+              "type": {
+                "text": "Placement",
+                "references": [
+                  {
+                    "name": "Placement",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/types/Dropdown.js"
+                  }
+                ]
+              },
+              "description": "Determines on which side of the component the Tooltip is displayed.",
+              "default": "\"Bottom\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Close the dropdown.",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "remove",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user remove tag."
+            },
+            {
+              "name": "show-more",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired event when the user clicks on the More button."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Determines if there is no enough space, the component can be placed\nover the target.",
+              "name": "disable-target-overlap",
+              "default": "false",
+              "fieldName": "disableTargetOverlap",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            },
+            {
+              "description": "Determines on which side of the component the Tooltip is displayed.",
+              "name": "tooltip-placement",
+              "default": "\"Bottom\"",
+              "fieldName": "tooltipPlacement",
+              "type": {
+                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
+              }
+            }
+          ],
+          "tagName": "udex-select-box",
+          "customElement": true
+        }
+      ],
       "exports": [
         {
           "kind": "js",
@@ -19991,7 +19295,8 @@
           "slots": [
             {
               "name": "default",
-              "description": "Defines the tags."
+              "description": "Defines the tags.",
+              "default": "\"[]\""
             }
           ],
           "members": [
@@ -20555,6 +19860,16 @@
               "default": "\"\"",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the name of the input element.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "accessibleNameRef",
@@ -20565,6 +19880,16 @@
               "description": "Receives id (or many ids) of the elements that label the component.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "fieldRef",
+              "type": {
+                "text": "((el: HTMLInputElement | null) => void) | { current: HTMLInputElement | null } | undefined"
+              },
+              "description": "Defines the ref of the input element.",
+              "default": "undefined",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "accessibleIconName",
@@ -20716,6 +20041,13 @@
                 "text": "CustomEvent"
               },
               "description": "Fired when the input operation has finished by pressing Enter or on focusout."
+            },
+            {
+              "name": "blur",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired on input focusout."
             }
           ],
           "attributes": [
@@ -20763,6 +20095,15 @@
                 "text": "string"
               }
             },
+            {
+              "description": "Defines the name of the input element.",
+              "name": "name",
+              "default": "\"\"",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "description": "Receives id (or many ids) of the elements that label the component.",
               "name": "accessible-name-ref",
@@ -20772,6 +20113,15 @@
                 "text": "string"
               }
             },
+            {
+              "description": "Defines the ref of the input element.",
+              "name": "field-ref",
+              "default": "undefined",
+              "fieldName": "fieldRef",
+              "type": {
+                "text": "((el: HTMLInputElement | null) => void) | { current: HTMLInputElement | null; } | undefined"
+              }
+            },
             {
               "description": "Defines the accessible ARIA name of the component.",
               "name": "accessible-icon-name",