@sapudex/web-components 2.48.0 → 2.49.0

package/dist/custom-elements.json

@@ -342,6 +342,311 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/AccordionSpotlight.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nVertical accordion navigation with spotlight layout. Items are listed on the\nleft; the expanded panel is displayed on the right (desktop) or inline below\nthe heading (mobile). Follows the WAI-ARIA APG Accordion pattern.\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-spotlight</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionSpotlight.js\";</code>",
+          "name": "UDExAccordionSpotlight",
+          "slots": [
+            {
+              "name": "default",
+              "description": "The slotted AccordionSpotlightItem elements."
+            },
+            {
+              "name": "footer",
+              "description": "Defines optional content rendered below the navigation items.\nUse to place a button or any action element beneath the items."
+            },
+            {
+              "name": "media",
+              "description": "Persistent media area shown in <code>Static</code> media mode.\nPlace an <code>&lt;img&gt;</code> or <code>&lt;video&gt;</code> element here;\nit remains visible regardless of which item is currently expanded."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "autoPlay",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables automatic cycling through items on an interval.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "autoPlayInterval",
+              "type": {
+                "text": "number"
+              },
+              "default": "5000",
+              "description": "Interval in milliseconds between automatic item advances. Applies only when autoPlay is enabled.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "mediaMode",
+              "type": {
+                "text": "UDExAccordionSpotlightMediaMode",
+                "references": [
+                  {
+                    "name": "UDExAccordionSpotlightMediaMode",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/AccordionSpotlight.js"
+                  }
+                ]
+              },
+              "description": "Controls how the media area behaves. In <code>Static</code> mode a single\npersistent media element (image or video) is displayed alongside the nav\nlist and never changes when items are expanded. In <code>Dynamic</code>\nmode (default) each item provides its own content panel.",
+              "default": "\"Dynamic\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "UDExAccordionSpotlightPlacement",
+                "references": [
+                  {
+                    "name": "UDExAccordionSpotlightPlacement",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/AccordionSpotlight.js"
+                  }
+                ]
+              },
+              "description": "Placement of the navigation sidebar — \"Start\" (left) or \"End\" (right).",
+              "default": "\"Start\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tabWidth",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"auto\"",
+              "description": "Defines the width of the navigation panel.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "verticalAlignment",
+              "type": {
+                "text": "UDExAccordionSpotlightVerticalAlignment",
+                "references": [
+                  {
+                    "name": "UDExAccordionSpotlightVerticalAlignment",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/AccordionSpotlight.js"
+                  }
+                ]
+              },
+              "description": "Vertical alignment of the navigation sidebar relative to the content panel.",
+              "default": "\"Top\"",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "item-click",
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fired when the expanded item clicked."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Enables automatic cycling through items on an interval.",
+              "name": "auto-play",
+              "default": "false",
+              "fieldName": "autoPlay",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Interval in milliseconds between automatic item advances. Applies only when autoPlay is enabled.",
+              "name": "auto-play-interval",
+              "default": "5000",
+              "fieldName": "autoPlayInterval",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "description": "Controls how the media area behaves. In <code>Static</code> mode a single\npersistent media element (image or video) is displayed alongside the nav\nlist and never changes when items are expanded. In <code>Dynamic</code>\nmode (default) each item provides its own content panel.",
+              "name": "media-mode",
+              "default": "\"Dynamic\"",
+              "fieldName": "mediaMode",
+              "type": {
+                "text": "\"Dynamic\" | \"Static\""
+              }
+            },
+            {
+              "description": "Placement of the navigation sidebar — \"Start\" (left) or \"End\" (right).",
+              "name": "placement",
+              "default": "\"Start\"",
+              "fieldName": "placement",
+              "type": {
+                "text": "\"Start\" | \"End\""
+              }
+            },
+            {
+              "description": "Defines the width of the navigation panel.",
+              "name": "tab-width",
+              "default": "\"auto\"",
+              "fieldName": "tabWidth",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Vertical alignment of the navigation sidebar relative to the content panel.",
+              "name": "vertical-alignment",
+              "default": "\"Top\"",
+              "fieldName": "verticalAlignment",
+              "type": {
+                "text": "\"Top\" | \"Center\""
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "udex-accordion-spotlight",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExAccordionSpotlight",
+            "module": "dist/AccordionSpotlight.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "udex-accordion-spotlight",
+          "declaration": {
+            "name": "UDExAccordionSpotlight",
+            "module": "dist/AccordionSpotlight.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/AccordionSpotlightItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nA single item within the <code>udex-accordion-spotlight</code> component.\nProvides a heading button (<code>aria-expanded</code>) and an associated\ncontent region (<code>role=\"region\"</code>).\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-spotlight-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionSpotlightItem.js\";</code>",
+          "name": "UDExAccordionSpotlightItem",
+          "slots": [
+            {
+              "name": "default",
+              "description": "The slotted content for this item's panel."
+            },
+            {
+              "name": "link",
+              "description": "Defines the link(s) to be displayed in the tab header (vertical orientation only).\nUse this slot to add one or more udex-link elements to the tab button."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The label text shown in the heading button.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether this item is currently expanded.\nSet on the element directly to control the initial selection.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "subheading",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Optional descriptive subtext visible when the item is expanded.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "The label text shown in the heading button.",
+              "name": "heading",
+              "default": "\"\"",
+              "fieldName": "heading",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "description": "Whether this item is currently expanded.\nSet on the element directly to control the initial selection.",
+              "name": "selected",
+              "default": "false",
+              "fieldName": "selected",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Optional descriptive subtext visible when the item is expanded.",
+              "name": "subheading",
+              "default": "\"\"",
+              "fieldName": "subheading",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "udex-accordion-spotlight-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UDExAccordionSpotlightItem",
+            "module": "dist/AccordionSpotlightItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "udex-accordion-spotlight-item",
+          "declaration": {
+            "name": "UDExAccordionSpotlightItem",
+            "module": "dist/AccordionSpotlightItem.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/Assets.js",
@@ -1312,20 +1617,17 @@
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-busy-indicator</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/BusyIndicator.js\";</code>",
           "name": "UDExBusyIndicator",
-          "superclass": {
-            "name": "BusyIndicator",
-            "package": "@ui5/webcomponents",
-            "module": "dist/BusyIndicator.js"
-          },
-          "tagName": "udex-busy-indicator",
-          "customElement": true,
-          "slots": [
-            {
-              "description": "Determines the content over which the component will appear.",
-              "name": "default"
-            }
-          ],
           "members": [
+            {
+              "kind": "field",
+              "name": "surfaceContainer",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the busy indicator inside a surface container — a semi-transparent backdrop\nwith a white rounded card holding the indicator dots. Use this when the indicator\noverlays content where the dots alone would not meet accessibility contrast requirements.",
+              "default": "false",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "active",
@@ -1392,6 +1694,15 @@
             }
           ],
           "attributes": [
+            {
+              "description": "Renders the busy indicator inside a surface container — a semi-transparent backdrop\nwith a white rounded card holding the indicator dots. Use this when the indicator\noverlays content where the dots alone would not meet accessibility contrast requirements.",
+              "name": "surface-container",
+              "default": "false",
+              "fieldName": "surfaceContainer",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "description": "Defines if the busy indicator is visible on the screen. By default it is not.",
               "name": "active",
@@ -1437,6 +1748,19 @@
                 "text": "\"Top\" | \"Bottom\""
               }
             }
+          ],
+          "superclass": {
+            "name": "BusyIndicator",
+            "package": "@ui5/webcomponents",
+            "module": "dist/BusyIndicator.js"
+          },
+          "tagName": "udex-busy-indicator",
+          "customElement": true,
+          "slots": [
+            {
+              "description": "Determines the content over which the component will appear.",
+              "name": "default"
+            }
           ]
         }
       ],
@@ -3307,7 +3631,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "description": "Defines the default accessible role for the list component.",
               "privacy": "public"
             },
@@ -3559,7 +3883,7 @@
             {
               "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "fieldName": "defaultAccessibleRole",
               "type": {
                 "text": "string"
@@ -5543,7 +5867,7 @@
                 ]
               },
               "description": "Allows setting a custom role.",
-              "default": "\"None\"",
+              "default": "\"Dialog\"",
               "privacy": "public"
             },
             {
@@ -5592,7 +5916,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "description": "Defines the default accessible role for the list component.",
               "privacy": "public"
             },
@@ -5818,7 +6142,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"combobox\"",
+              "default": "\"button\"",
               "description": "Allows setting a custom role for dropdown trigger.",
               "privacy": "public"
             },
@@ -5955,7 +6279,7 @@
             {
               "description": "Allows setting a custom role.",
               "name": "accessible-role",
-              "default": "\"None\"",
+              "default": "\"Dialog\"",
               "fieldName": "accessibleRole",
               "type": {
                 "text": "\"None\" | \"Dialog\" | \"AlertDialog\""
@@ -5990,7 +6314,7 @@
             {
               "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "fieldName": "defaultAccessibleRole",
               "type": {
                 "text": "string"
@@ -6064,7 +6388,7 @@
               "default": "\"Left\"",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Stretch\""
               }
             },
             {
@@ -6100,7 +6424,7 @@
               "default": "\"Bottom\"",
               "fieldName": "placement",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
+                "text": "\"Top\" | \"Start\" | \"End\" | \"Bottom\""
               }
             },
             {
@@ -6169,7 +6493,7 @@
             {
               "description": "Allows setting a custom role for dropdown trigger.",
               "name": "trigger-accessible-role",
-              "default": "\"combobox\"",
+              "default": "\"button\"",
               "fieldName": "triggerAccessibleRole",
               "type": {
                 "text": "string"
@@ -18874,7 +19198,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "description": "Defines the default accessible role for the list component.",
               "privacy": "public"
             },
@@ -19071,7 +19395,7 @@
             {
               "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "fieldName": "defaultAccessibleRole",
               "type": {
                 "text": "string"
@@ -20591,7 +20915,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "description": "Defines the default accessible role for the list component.",
               "privacy": "public"
             },
@@ -20819,7 +21143,7 @@
             {
               "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "fieldName": "defaultAccessibleRole",
               "type": {
                 "text": "string"
@@ -21045,7 +21369,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "description": "Defines the default accessible role for the list component.",
               "privacy": "public"
             },
@@ -21360,7 +21684,7 @@
             {
               "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "fieldName": "defaultAccessibleRole",
               "type": {
                 "text": "string"
@@ -21461,7 +21785,7 @@
               "default": "\"Bottom\"",
               "fieldName": "tooltipPlacement",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
+                "text": "\"Top\" | \"Start\" | \"End\" | \"Bottom\""
               }
             },
             {
@@ -25317,7 +25641,8 @@
             },
             {
               "name": "footer",
-              "description": "Defines optional content rendered below the tab list in Vertical orientation.\nUse to place a button or any action element beneath the tabs."
+              "description": "Defines optional content rendered below the tab list in Vertical orientation.\nUse to place a button or any action element beneath the tabs.",
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. This slot only applies to Vertical orientation."
             }
           ],
           "members": [
@@ -25329,6 +25654,7 @@
               },
               "default": "false",
               "description": "Enables automatic tab switching for Vertical orientation.",
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. This property only applies to Vertical orientation.",
               "privacy": "public"
             },
             {
@@ -25339,6 +25665,7 @@
               },
               "default": "5000",
               "description": "Defines the interval in milliseconds between automatic tab switches.\nApplies only when autoPlay is enabled.",
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. This property only applies to Vertical orientation with autoPlay.",
               "privacy": "public"
             },
             {
@@ -25382,6 +25709,7 @@
                 ]
               },
               "description": "Defines the orientation of the tab navigation.",
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. Only `Horizontal` orientation should be used.",
               "privacy": "public",
               "default": "\"Horizontal\""
             },
@@ -25399,6 +25727,7 @@
                 ]
               },
               "description": "Defines the placement of the tab strip relative to the content area.\nApplies to Vertical orientation only.",
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. This property only applies to Vertical orientation.",
               "privacy": "public",
               "default": "\"Start\""
             },
@@ -25443,6 +25772,7 @@
                 ]
               },
               "description": "Defines the vertical alignment of the tab strip relative to the content area.\nApplies to Vertical orientation only.",
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. This property only applies to Vertical orientation.",
               "privacy": "public",
               "default": "\"Top\""
             }
@@ -25485,7 +25815,8 @@
               "fieldName": "autoPlay",
               "type": {
                 "text": "boolean"
-              }
+              },
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. This property only applies to Vertical orientation."
             },
             {
               "description": "Defines the interval in milliseconds between automatic tab switches.\nApplies only when autoPlay is enabled.",
@@ -25494,7 +25825,8 @@
               "fieldName": "autoPlayInterval",
               "type": {
                 "text": "number"
-              }
+              },
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. This property only applies to Vertical orientation with autoPlay."
             },
             {
               "description": "!DEPRECATED! Defines the background color of the component.",
@@ -25521,7 +25853,8 @@
               "fieldName": "orientation",
               "type": {
                 "text": "\"Vertical\" | \"Horizontal\""
-              }
+              },
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. Only `Horizontal` orientation should be used."
             },
             {
               "description": "Defines the placement of the tab strip relative to the content area.\nApplies to Vertical orientation only.",
@@ -25530,7 +25863,8 @@
               "fieldName": "placement",
               "type": {
                 "text": "\"Start\" | \"End\""
-              }
+              },
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. This property only applies to Vertical orientation."
             },
             {
               "description": "Enables the Process Tab variant, where each tab displays an icon\nalongside an optional item count text above the label.",
@@ -25557,7 +25891,8 @@
               "fieldName": "verticalAlignment",
               "type": {
                 "text": "\"Top\" | \"Center\""
-              }
+              },
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. This property only applies to Vertical orientation."
             }
           ],
           "superclass": {
@@ -25859,7 +26194,7 @@
               "default": "undefined",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined"
               }
             },
             {
@@ -25946,7 +26281,7 @@
               "default": "undefined",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined"
               }
             }
           ],
@@ -26145,7 +26480,7 @@
               "default": "undefined",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined"
               }
             },
             {
@@ -26866,7 +27201,7 @@
               "default": "\"Bottom\"",
               "fieldName": "tooltipPlacement",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
+                "text": "\"Top\" | \"Start\" | \"End\" | \"Bottom\""
               }
             }
           ],
@@ -28254,7 +28589,7 @@
               "default": "\"Center\"",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Stretch\""
               }
             },
             {
@@ -28280,7 +28615,7 @@
               "default": "\"End\"",
               "fieldName": "placement",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
+                "text": "\"Top\" | \"Start\" | \"End\" | \"Bottom\""
               }
             },
             {
@@ -28314,7 +28649,7 @@
               "default": "\"Center\"",
               "fieldName": "verticalAlign",
               "type": {
-                "text": "\"Top\" | \"Bottom\" | \"Center\" | \"Stretch\""
+                "text": "\"Top\" | \"Center\" | \"Bottom\" | \"Stretch\""
               }
             }
           ],
@@ -29228,12 +29563,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/data/CountryListISO3166.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "dist/features/SearchSuggestionsPopover.js",
@@ -29249,6 +29578,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/data/CountryListISO3166.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist/types/AnalyticsName.js",