@sapudex/web-components 2.48.0 → 2.49.0

package/dist/custom-elements-internal.json

@@ -401,6 +401,363 @@
         }
       ]
     },
+    {
+      "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.",
+              "_ui5propertyName": "items",
+              "_ui5type": {
+                "text": "Array<AccordionSpotlightItem>",
+                "references": [
+                  {
+                    "name": "AccordionSpotlightItem",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/AccordionSpotlightItem.js"
+                  }
+                ]
+              },
+              "_ui5privacy": "public"
+            },
+            {
+              "name": "footer",
+              "description": "Defines optional content rendered below the navigation items.\nUse to place a button or any action element beneath the items.",
+              "_ui5type": {
+                "text": "Array<HTMLElement>"
+              },
+              "_ui5privacy": "public"
+            },
+            {
+              "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.",
+              "_ui5type": {
+                "text": "Array<HTMLElement>"
+              },
+              "_ui5privacy": "public"
+            }
+          ],
+          "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",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fired when the expanded item clicked.",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": true,
+              "_ui5parameters": [
+                {
+                  "type": {
+                    "text": "AccordionSpotlightItem",
+                    "references": [
+                      {
+                        "name": "AccordionSpotlightItem",
+                        "package": "@sapudex/web-components",
+                        "module": "dist/AccordionSpotlightItem.js"
+                      }
+                    ]
+                  },
+                  "name": "item",
+                  "_ui5privacy": "public",
+                  "description": "The accordion spotlight item that was 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,
+          "_ui5privacy": "public"
+        }
+      ],
+      "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.",
+              "_ui5propertyName": "content",
+              "_ui5type": {
+                "text": "Array<Node>"
+              },
+              "_ui5privacy": "public"
+            },
+            {
+              "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.",
+              "_ui5type": {
+                "text": "Array<HTMLElement>"
+              },
+              "_ui5privacy": "public"
+            }
+          ],
+          "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,
+          "_ui5privacy": "public"
+        }
+      ],
+      "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",
@@ -1226,6 +1583,29 @@
           "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",
+          "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"
+            }
+          ],
+          "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"
+              }
+            }
+          ],
           "superclass": {
             "name": "BusyIndicator",
             "package": "@ui5/webcomponents",
@@ -2315,7 +2695,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "description": "Defines the default accessible role for the list component.",
               "privacy": "public",
               "inheritedFrom": {
@@ -2651,7 +3031,7 @@
             {
               "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "fieldName": "defaultAccessibleRole",
               "type": {
                 "text": "string"
@@ -4387,7 +4767,7 @@
                 ]
               },
               "description": "Allows setting a custom role.",
-              "default": "\"None\"",
+              "default": "\"Dialog\"",
               "privacy": "public"
             },
             {
@@ -4444,7 +4824,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "description": "Defines the default accessible role for the list component.",
               "privacy": "public",
               "inheritedFrom": {
@@ -4714,7 +5094,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"combobox\"",
+              "default": "\"button\"",
               "description": "Allows setting a custom role for dropdown trigger.",
               "privacy": "public"
             },
@@ -5135,7 +5515,7 @@
             {
               "description": "Allows setting a custom role.",
               "name": "accessible-role",
-              "default": "\"None\"",
+              "default": "\"Dialog\"",
               "fieldName": "accessibleRole",
               "type": {
                 "text": "\"None\" | \"Dialog\" | \"AlertDialog\""
@@ -5178,7 +5558,7 @@
             {
               "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "fieldName": "defaultAccessibleRole",
               "type": {
                 "text": "string"
@@ -5260,7 +5640,7 @@
               "default": "\"Left\"",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Stretch\""
               }
             },
             {
@@ -5308,7 +5688,7 @@
               "default": "\"Bottom\"",
               "fieldName": "placement",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
+                "text": "\"Top\" | \"Start\" | \"End\" | \"Bottom\""
               }
             },
             {
@@ -5397,7 +5777,7 @@
             {
               "description": "Allows setting a custom role for dropdown trigger.",
               "name": "trigger-accessible-role",
-              "default": "\"combobox\"",
+              "default": "\"button\"",
               "fieldName": "triggerAccessibleRole",
               "type": {
                 "text": "string"
@@ -20789,7 +21169,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "description": "Defines the default accessible role for the list component.",
               "privacy": "public"
             },
@@ -21180,7 +21560,7 @@
             {
               "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "fieldName": "defaultAccessibleRole",
               "type": {
                 "text": "string"
@@ -22760,7 +23140,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "description": "Defines the default accessible role for the list component.",
               "privacy": "public",
               "inheritedFrom": {
@@ -23045,7 +23425,7 @@
             {
               "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "fieldName": "defaultAccessibleRole",
               "type": {
                 "text": "string"
@@ -23553,7 +23933,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "description": "Defines the default accessible role for the list component.",
               "privacy": "public",
               "inheritedFrom": {
@@ -24199,7 +24579,7 @@
             {
               "description": "Defines the default accessible role for the list component.",
               "name": "default-accessible-role",
-              "default": "\"list\"",
+              "default": "\"listbox\"",
               "fieldName": "defaultAccessibleRole",
               "type": {
                 "text": "string"
@@ -24340,7 +24720,7 @@
               "default": "\"Bottom\"",
               "fieldName": "tooltipPlacement",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
+                "text": "\"Top\" | \"Start\" | \"End\" | \"Bottom\""
               }
             },
             {
@@ -28142,6 +28522,7 @@
             {
               "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.",
+              "deprecated": "Vertical Tabs feature has been moved to Accordion Spotlight. This slot only applies to Vertical orientation.",
               "_ui5type": {
                 "text": "Array<HTMLElement>"
               },
@@ -28157,6 +28538,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"
             },
             {
@@ -28167,6 +28549,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"
             },
             {
@@ -28210,6 +28593,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\""
             },
@@ -28227,6 +28611,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\""
             },
@@ -28271,6 +28656,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\""
             }
@@ -28356,7 +28742,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.",
@@ -28365,7 +28752,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.",
@@ -28392,7 +28780,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.",
@@ -28401,7 +28790,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.",
@@ -28428,7 +28818,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": {
@@ -28764,7 +29155,7 @@
               "default": "undefined",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined"
               },
               "inheritedFrom": {
                 "name": "UDExTableCellBase",
@@ -28870,7 +29261,7 @@
               "default": "undefined",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined"
               }
             }
           ],
@@ -29088,7 +29479,7 @@
               "default": "undefined",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined"
               },
               "inheritedFrom": {
                 "name": "UDExTableCellBase",
@@ -29938,7 +30329,7 @@
               "default": "\"Bottom\"",
               "fieldName": "tooltipPlacement",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
+                "text": "\"Top\" | \"Start\" | \"End\" | \"Bottom\""
               }
             }
           ],
@@ -31339,7 +31730,7 @@
               "default": "\"Center\"",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Stretch\""
               }
             },
             {
@@ -31365,7 +31756,7 @@
               "default": "\"End\"",
               "fieldName": "placement",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
+                "text": "\"Top\" | \"Start\" | \"End\" | \"Bottom\""
               }
             },
             {
@@ -31399,7 +31790,7 @@
               "default": "\"Center\"",
               "fieldName": "verticalAlign",
               "type": {
-                "text": "\"Top\" | \"Bottom\" | \"Center\" | \"Stretch\""
+                "text": "\"Top\" | \"Center\" | \"Bottom\" | \"Stretch\""
               }
             }
           ],
@@ -32319,12 +32710,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/data/CountryListISO3166.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "dist/features/SearchSuggestionsPopover.js",
@@ -32340,6 +32725,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/data/CountryListISO3166.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist/types/AnalyticsName.js",