@sapudex/web-components 2.21.0 → 2.23.0

package/dist/vscode.html-custom-data.json

@@ -435,48 +435,8 @@
     },
     {
       "name": "udex-country-selector",
-      "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>\n\n\n---\n\n\n\n\n### **Events:**\n - **before-open** - Fired before the dropdown pane is opened.\n- **open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **close** - Fired after the dropdown pane is closed.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
+      "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>\n\n\n---\n\n\n",
       "attributes": [
-        {
-          "name": "label",
-          "description": "Defines label text for the input field.",
-          "values": []
-        },
-        {
-          "name": "accessible-name",
-          "description": "Defines the accessible ARIA name of the component.",
-          "values": []
-        },
-        {
-          "name": "accessible-name-ref",
-          "description": "Receives id (or many ids) of the elements that label the component.",
-          "values": []
-        },
-        {
-          "name": "required",
-          "description": "Defines whether the component is required.",
-          "values": []
-        },
-        {
-          "name": "height",
-          "description": "Allows control over the height.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
-          "values": []
-        },
-        {
-          "name": "readonly",
-          "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.",
-          "values": []
-        },
-        {
-          "name": "displayonly",
-          "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.",
-          "values": []
-        },
         {
           "name": "preselected-country",
           "description": "Allows to define the initially preselected country.",
@@ -488,79 +448,8 @@
           "values": []
         },
         {
-          "name": "search-placeholder",
-          "description": "Defines the placeholder of the search.",
-          "values": []
-        },
-        {
-          "name": "value-state",
-          "description": "Defines the value state of the component.",
-          "values": [
-            { "name": "Warning" },
-            { "name": "Success" },
-            { "name": "Error" },
-            { "name": "Standard" }
-          ]
-        },
-        {
-          "name": "supporting-text",
-          "description": "Defines supporting text under the country selector.",
-          "values": []
-        },
-        { "name": "hide-flag-images", "values": [] },
-        {
-          "name": "tab-navigation-enabled",
-          "description": "Enables tab navigation for the list.",
-          "values": []
-        },
-        {
-          "name": "prevent-page-scroll",
-          "description": "Defines if page scrolling should be prevented within the list of items.",
-          "values": []
-        },
-        {
-          "name": "busy",
-          "description": "Defines if the component would display a loading indicator.",
-          "values": []
-        },
-        {
-          "name": "show-search-input",
-          "description": "Defines if the search input is visible.",
-          "values": []
-        },
-        {
-          "name": "busy-delay",
-          "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-          "values": []
-        },
-        {
-          "name": "no-result-text",
-          "description": "Defines the \"no result\" text of the component.",
-          "values": []
-        },
-        {
-          "name": "select-all",
-          "description": "Defines the selectAll option of the component.",
-          "values": []
-        },
-        {
-          "name": "select-all-label",
-          "description": "Defines label text for select all header.",
-          "values": []
-        },
-        {
-          "name": "mode",
-          "description": "Defines the mode of the component.",
-          "values": [
-            { "name": "SingleSelect" },
-            { "name": "MultiSelect" },
-            { "name": "SingleContent" },
-            { "name": "RadioGroup" }
-          ]
-        },
-        {
-          "name": "default-accessible-role",
-          "description": "Defines the default accessible role for the list componnet.",
+          "name": "hide-flag-images",
+          "description": "Allows to hide the flag images in the country selector.",
           "values": []
         }
       ],
@@ -966,7 +855,7 @@
         },
         {
           "name": "default-accessible-role",
-          "description": "Defines the default accessible role for the list componnet.",
+          "description": "Defines the default accessible role for the list component.",
           "values": []
         }
       ],
@@ -1359,6 +1248,31 @@
       ],
       "references": []
     },
+    {
+      "name": "udex-image-grid-cloud",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloud.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for image grid cloud items.",
+      "attributes": [
+        {
+          "name": "grayscale",
+          "description": "Grayscale mode enhances visual harmony and can be used for minimal,\nprofessional layouts or to de-emphasize logos.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-image-grid-cloud-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloudItem.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "src",
+          "description": "Defines the source URL",
+          "values": []
+        },
+        { "name": "alt", "description": "Defines image alt text", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "udex-image-grid-ticker",
       "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-ticker</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridTicker.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **play-button-click** - Fired event when the user click on a play/paused button.\n\n### **Slots:**\n - **default** - Slot for image grid ticker items.",
@@ -2935,7 +2849,7 @@
     },
     {
       "name": "udex-searchable-list-base",
-      "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> , <code>UDExSelectBox</code> and <code>UDExCountrySelector/code> classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
+      "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> and <code>UDExSelectBox</code> classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
       "attributes": [
         {
           "name": "tab-navigation-enabled",
@@ -2999,7 +2913,7 @@
         },
         {
           "name": "default-accessible-role",
-          "description": "Defines the default accessible role for the list componnet.",
+          "description": "Defines the default accessible role for the list component.",
           "values": []
         }
       ],
@@ -3007,7 +2921,7 @@
     },
     {
       "name": "udex-secondary-navigation",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n- **heading-click** - The event is triggered on user interaction with a secondary navigation heading\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
       "attributes": [
         {
           "name": "mobile-menu-opener-aria-label",
@@ -3165,63 +3079,13 @@
     },
     {
       "name": "udex-select-box",
-      "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>\n\n\n---\n\n\n\n\n### **Events:**\n - **remove** - Fired event when the user clicks on the reset button in the search.\n- **show-more** - Fired event when the user clicks on the More button.\n- **before-open** - Fired before the dropdown pane is opened.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
+      "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>\n\n\n---\n\n\n\n\n### **Events:**\n - **remove** - Fired event when the user remove tag.\n- **show-more** - Fired event when the user clicks on the More button.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.",
       "attributes": [
         {
           "name": "disable-target-overlap",
           "description": "Determines if there is no enough space, the component can be placed\nover the target.",
           "values": []
         },
-        {
-          "name": "required",
-          "description": "Defines whether the component is required.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Defines whether the component is in disabled state.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "Defines label text for field container.",
-          "values": []
-        },
-        {
-          "name": "accessible-name",
-          "description": "Defines the accessible ARIA name of the component.",
-          "values": []
-        },
-        {
-          "name": "accessible-name-ref",
-          "description": "Receives id (or many ids) of the elements that label the component.",
-          "values": []
-        },
-        {
-          "name": "readonly",
-          "description": "Defines whether the component is read-only.",
-          "values": []
-        },
-        {
-          "name": "displayonly",
-          "description": "Defines whether the component is display-only.",
-          "values": []
-        },
-        {
-          "name": "value-state",
-          "description": "Defines the value state of the trigger container.",
-          "values": [
-            { "name": "Warning" },
-            { "name": "Success" },
-            { "name": "Error" },
-            { "name": "Standard" }
-          ]
-        },
-        {
-          "name": "supporting-text",
-          "description": "Defines supporting text under the trigger container.",
-          "values": []
-        },
         {
           "name": "tooltip-placement",
           "description": "Determines on which side of the component the Tooltip is displayed.",
@@ -3231,71 +3095,6 @@
             { "name": "Top" },
             { "name": "Bottom" }
           ]
-        },
-        {
-          "name": "tab-navigation-enabled",
-          "description": "Enables tab navigation for the list.",
-          "values": []
-        },
-        {
-          "name": "height",
-          "description": "Allows control over the height.",
-          "values": []
-        },
-        {
-          "name": "prevent-page-scroll",
-          "description": "Defines if page scrolling should be prevented within the list of items.",
-          "values": []
-        },
-        {
-          "name": "busy",
-          "description": "Defines if the component would display a loading indicator.",
-          "values": []
-        },
-        {
-          "name": "show-search-input",
-          "description": "Defines if the search input is visible.",
-          "values": []
-        },
-        {
-          "name": "busy-delay",
-          "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-          "values": []
-        },
-        {
-          "name": "no-result-text",
-          "description": "Defines the \"no result\" text of the component.",
-          "values": []
-        },
-        {
-          "name": "search-placeholder",
-          "description": "Defines the placeholder of the search.",
-          "values": []
-        },
-        {
-          "name": "select-all",
-          "description": "Defines the selectAll option of the component.",
-          "values": []
-        },
-        {
-          "name": "select-all-label",
-          "description": "Defines label text for select all header.",
-          "values": []
-        },
-        {
-          "name": "mode",
-          "description": "Defines the mode of the component.",
-          "values": [
-            { "name": "SingleSelect" },
-            { "name": "MultiSelect" },
-            { "name": "SingleContent" },
-            { "name": "RadioGroup" }
-          ]
-        },
-        {
-          "name": "default-accessible-role",
-          "description": "Defines the default accessible role for the list componnet.",
-          "values": []
         }
       ],
       "references": []
@@ -4223,7 +4022,7 @@
     },
     {
       "name": "udex-text-field",
-      "description": "\n\n\n---\n\n\n\n\n### **Events:**\n - **input** - Fired when the value of the component changes at each keystroke.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.",
+      "description": "\n\n\n---\n\n\n\n\n### **Events:**\n - **input** - Fired when the value of the component changes at each keystroke.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **blur** - Fired on input focusout.",
       "attributes": [
         {
           "name": "disabled",
@@ -4250,11 +4049,26 @@
           "description": "Defines the accessible ARIA name of the component.",
           "values": []
         },
+        {
+          "name": "name",
+          "description": "Defines the name of the input element.",
+          "values": []
+        },
         {
           "name": "accessible-name-ref",
           "description": "Receives id (or many ids) of the elements that label the component.",
           "values": []
         },
+        {
+          "name": "field-ref",
+          "description": "Defines the ref of the input element.",
+          "values": [
+            { "name": "((el: HTMLInputElement" },
+            { "name": "null) => void)" },
+            { "name": "{ current: HTMLInputElement" },
+            { "name": "null; }" }
+          ]
+        },
         {
           "name": "accessible-icon-name",
           "description": "Defines the accessible ARIA name of the component.",