@ui5/webcomponents-fiori 2.23.0-rc.2 → 2.24.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +75 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/DynamicPage.d.ts +59 -0
- package/dist/DynamicPage.js +39 -1
- package/dist/DynamicPage.js.map +1 -1
- package/dist/DynamicPageHeader.d.ts +8 -0
- package/dist/DynamicPageHeader.js +6 -0
- package/dist/DynamicPageHeader.js.map +1 -1
- package/dist/DynamicPageTemplate.js +3 -3
- package/dist/DynamicPageTemplate.js.map +1 -1
- package/dist/HeroBanner.d.ts +147 -0
- package/dist/HeroBanner.js +165 -0
- package/dist/HeroBanner.js.map +1 -0
- package/dist/HeroBannerTemplate.d.ts +2 -0
- package/dist/HeroBannerTemplate.js +17 -0
- package/dist/HeroBannerTemplate.js.map +1 -0
- package/dist/NotificationListItem.d.ts +0 -1
- package/dist/NotificationListItem.js +2 -3
- package/dist/NotificationListItem.js.map +1 -1
- package/dist/ShellBar.d.ts +0 -1
- package/dist/ShellBar.js +2 -11
- package/dist/ShellBar.js.map +1 -1
- package/dist/ShellBarTemplate.js +1 -1
- package/dist/ShellBarTemplate.js.map +1 -1
- package/dist/Timeline.d.ts +52 -1
- package/dist/Timeline.js +66 -0
- package/dist/Timeline.js.map +1 -1
- package/dist/TimelineTemplate.js +4 -1
- package/dist/TimelineTemplate.js.map +1 -1
- package/dist/bundle.esm.js +1 -0
- package/dist/bundle.esm.js.map +1 -1
- package/dist/css/themes/HeroBanner.css +1 -0
- package/dist/css/themes/Timeline.css +1 -1
- package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +6 -0
- package/dist/custom-elements-internal.json +471 -137
- package/dist/custom-elements.json +346 -5
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/themes/HeroBanner.css.d.ts +2 -0
- package/dist/generated/themes/HeroBanner.css.js +8 -0
- package/dist/generated/themes/HeroBanner.css.js.map +1 -0
- package/dist/generated/themes/Timeline.css.d.ts +1 -1
- package/dist/generated/themes/Timeline.css.js +1 -1
- package/dist/generated/themes/Timeline.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
- package/dist/types/HeroBannerActionsPlacement.d.ts +20 -0
- package/dist/types/HeroBannerActionsPlacement.js +22 -0
- package/dist/types/HeroBannerActionsPlacement.js.map +1 -0
- package/dist/types/HeroBannerColumnsRatio.d.ts +21 -0
- package/dist/types/HeroBannerColumnsRatio.js +23 -0
- package/dist/types/HeroBannerColumnsRatio.js.map +1 -0
- package/dist/types/HeroBannerHeaderBlockPlacement.d.ts +20 -0
- package/dist/types/HeroBannerHeaderBlockPlacement.js +22 -0
- package/dist/types/HeroBannerHeaderBlockPlacement.js.map +1 -0
- package/dist/vscode.html-custom-data.json +50 -2
- package/dist/web-types.json +153 -4
- package/package.json +7 -7
- package/src/DynamicPageTemplate.tsx +7 -5
- package/src/HeroBannerTemplate.tsx +65 -0
- package/src/ShellBarTemplate.tsx +1 -1
- package/src/TimelineTemplate.tsx +15 -1
- package/src/themes/HeroBanner.css +359 -0
- package/src/themes/Timeline.css +36 -7
- package/src/themes/base/HeroBanner-parameters.css +8 -0
- package/src/themes/sap_fiori_3/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_dark/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon/HeroBanner-parameters.css +4 -0
- package/src/themes/sap_horizon/parameters-bundle.css +2 -0
- package/src/themes/sap_horizon_dark/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_exp/parameters-bundle.css +2 -0
- package/src/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
|
@@ -252,6 +252,24 @@
|
|
|
252
252
|
}
|
|
253
253
|
],
|
|
254
254
|
"members": [
|
|
255
|
+
{
|
|
256
|
+
"kind": "field",
|
|
257
|
+
"name": "accessibilityAttributes",
|
|
258
|
+
"type": {
|
|
259
|
+
"text": "DynamicPageAccessibilityAttributes",
|
|
260
|
+
"references": [
|
|
261
|
+
{
|
|
262
|
+
"name": "DynamicPageAccessibilityAttributes",
|
|
263
|
+
"package": "@ui5/webcomponents-fiori",
|
|
264
|
+
"module": "dist/DynamicPage.js"
|
|
265
|
+
}
|
|
266
|
+
]
|
|
267
|
+
},
|
|
268
|
+
"default": "{}",
|
|
269
|
+
"description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n - **root**: `root.role` and `root.name`.\n - **header**: `header.role` and `header.name`.\n - **content**: `content.role` and `content.name`.\n - **footer**: `footer.role` and `footer.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA landmark role of the area.\nAccepts the following values per section:\n`root` — `none`, `main`, `region`;\n`header` — `none`, `banner`, `region`;\n`content` — `none`, `main`, `region`, `form`;\n`footer` — `none`, `contentinfo`, `region`.\n\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.",
|
|
270
|
+
"privacy": "public",
|
|
271
|
+
"_ui5since": "2.24.0"
|
|
272
|
+
},
|
|
255
273
|
{
|
|
256
274
|
"kind": "field",
|
|
257
275
|
"name": "headerPinned",
|
|
@@ -318,6 +336,15 @@
|
|
|
318
336
|
}
|
|
319
337
|
],
|
|
320
338
|
"attributes": [
|
|
339
|
+
{
|
|
340
|
+
"description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n - **root**: `root.role` and `root.name`.\n - **header**: `header.role` and `header.name`.\n - **content**: `content.role` and `content.name`.\n - **footer**: `footer.role` and `footer.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA landmark role of the area.\nAccepts the following values per section:\n`root` — `none`, `main`, `region`;\n`header` — `none`, `banner`, `region`;\n`content` — `none`, `main`, `region`, `form`;\n`footer` — `none`, `contentinfo`, `region`.\n\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.",
|
|
341
|
+
"name": "accessibility-attributes",
|
|
342
|
+
"default": "{}",
|
|
343
|
+
"fieldName": "accessibilityAttributes",
|
|
344
|
+
"type": {
|
|
345
|
+
"text": "DynamicPageAccessibilityAttributes"
|
|
346
|
+
}
|
|
347
|
+
},
|
|
321
348
|
{
|
|
322
349
|
"description": "Defines if the header is pinned.",
|
|
323
350
|
"name": "header-pinned",
|
|
@@ -404,6 +431,30 @@
|
|
|
404
431
|
"_ui5privacy": "public"
|
|
405
432
|
}
|
|
406
433
|
],
|
|
434
|
+
"members": [
|
|
435
|
+
{
|
|
436
|
+
"kind": "field",
|
|
437
|
+
"name": "accessibleName",
|
|
438
|
+
"type": {
|
|
439
|
+
"text": "string | undefined"
|
|
440
|
+
},
|
|
441
|
+
"description": "Defines the accessible ARIA label for the header region.\nOverrides the default \"Header Expanded\" / \"Header Snapped\" text.",
|
|
442
|
+
"privacy": "public",
|
|
443
|
+
"default": "undefined",
|
|
444
|
+
"_ui5since": "2.24.0"
|
|
445
|
+
}
|
|
446
|
+
],
|
|
447
|
+
"attributes": [
|
|
448
|
+
{
|
|
449
|
+
"description": "Defines the accessible ARIA label for the header region.\nOverrides the default \"Header Expanded\" / \"Header Snapped\" text.",
|
|
450
|
+
"name": "accessible-name",
|
|
451
|
+
"default": "undefined",
|
|
452
|
+
"fieldName": "accessibleName",
|
|
453
|
+
"type": {
|
|
454
|
+
"text": "string | undefined"
|
|
455
|
+
}
|
|
456
|
+
}
|
|
457
|
+
],
|
|
407
458
|
"superclass": {
|
|
408
459
|
"name": "UI5Element",
|
|
409
460
|
"package": "@ui5/webcomponents-base",
|
|
@@ -1565,6 +1616,214 @@
|
|
|
1565
1616
|
}
|
|
1566
1617
|
]
|
|
1567
1618
|
},
|
|
1619
|
+
{
|
|
1620
|
+
"kind": "javascript-module",
|
|
1621
|
+
"path": "dist/HeroBanner.js",
|
|
1622
|
+
"declarations": [
|
|
1623
|
+
{
|
|
1624
|
+
"kind": "class",
|
|
1625
|
+
"description": "### Overview\n\nThe `ui5-hero-banner` is a flexible, full-width banner designed for placement at the top of a page.\nIt provides a personalized greeting and quick access to key information or actions.\n\n### Structure\n\nThe HeroBanner consists of the following building blocks:\n\n- **Banner Canvas** - the visual base with a background color, optional background image and shadow.\n- **Overline** (optional) - contextual text at the top, e.g. the current date or a status message.\n- **Header** (optional) - the main greeting header below the overline, e.g. \"Hello, John\".\n- **Free Slots** (optional) - customizable content areas that can contain KPI cards, search components, text, buttons, etc.\n\nThe banner is not sticky — it scrolls away with the page content when the user scrolls down.\n\n### Usage\n\nPlace the `ui5-hero-banner` at the top of a page to welcome the user and surface relevant\ninformation or shortcuts at a glance.\n\nThe hero banner itself is non-interactive. However, interactive elements such as buttons, cards,\nor search fields can be placed inside the free content slots and will follow their own\ninteractive states.\n\n### Responsive Behavior\n\nThe hero banner adapts to different screen sizes:\n- On smaller screens, split layouts (Equal, FirstWider) collapse to a single stacked column.\n- The heading text wraps to multiple lines as needed.\n- Buttons in the headerAction slot will wrap.\n- On screens ≤1024px, the header text is wrapped to a maximum of 3 lines.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/HeroBanner.js\";`",
|
|
1626
|
+
"name": "HeroBanner",
|
|
1627
|
+
"cssParts": [
|
|
1628
|
+
{
|
|
1629
|
+
"description": "Used to style the banner canvas container",
|
|
1630
|
+
"name": "canvas"
|
|
1631
|
+
},
|
|
1632
|
+
{
|
|
1633
|
+
"description": "Used to style the content area of the banner",
|
|
1634
|
+
"name": "content"
|
|
1635
|
+
},
|
|
1636
|
+
{
|
|
1637
|
+
"description": "Used to style the end content block",
|
|
1638
|
+
"name": "endContent"
|
|
1639
|
+
},
|
|
1640
|
+
{
|
|
1641
|
+
"description": "Used to style the header area (salutation, date, header actions)",
|
|
1642
|
+
"name": "header"
|
|
1643
|
+
},
|
|
1644
|
+
{
|
|
1645
|
+
"description": "Used to style the start (default) content block",
|
|
1646
|
+
"name": "startContent"
|
|
1647
|
+
}
|
|
1648
|
+
],
|
|
1649
|
+
"slots": [
|
|
1650
|
+
{
|
|
1651
|
+
"name": "actions",
|
|
1652
|
+
"description": "Defines action buttons displayed to the right of the header area.\nTypically used to display actions buttons in the top right corner.\n\nCan contain buttons, links, or other interactive elements that provide\nquick access to relevant actions directly from the hero banner header.",
|
|
1653
|
+
"_ui5type": {
|
|
1654
|
+
"text": "Array<HTMLElement>"
|
|
1655
|
+
},
|
|
1656
|
+
"_ui5privacy": "public"
|
|
1657
|
+
},
|
|
1658
|
+
{
|
|
1659
|
+
"name": "default",
|
|
1660
|
+
"description": "Defines the first (default) free content block of the hero banner.\n\nThis is the default slot — content placed directly inside `<ui5-hero-banner>`\nwithout a slot attribute lands here.\nCan contain KPI cards, search input fields, text, buttons, and more.",
|
|
1661
|
+
"_ui5propertyName": "startContent",
|
|
1662
|
+
"_ui5type": {
|
|
1663
|
+
"text": "Array<HTMLElement>"
|
|
1664
|
+
},
|
|
1665
|
+
"_ui5privacy": "public"
|
|
1666
|
+
},
|
|
1667
|
+
{
|
|
1668
|
+
"name": "endContent",
|
|
1669
|
+
"description": "Defines the second free content block of the hero banner.\n\nUsed alongside `startContent` when `columnsRatio` is set (`Equal`, `FirstWider`).\nCan contain cards, buttons, and other interactive elements.",
|
|
1670
|
+
"_ui5type": {
|
|
1671
|
+
"text": "Array<HTMLElement>"
|
|
1672
|
+
},
|
|
1673
|
+
"_ui5privacy": "public"
|
|
1674
|
+
}
|
|
1675
|
+
],
|
|
1676
|
+
"members": [
|
|
1677
|
+
{
|
|
1678
|
+
"kind": "field",
|
|
1679
|
+
"name": "actionsPlacement",
|
|
1680
|
+
"type": {
|
|
1681
|
+
"text": "HeroBannerActionsPlacement",
|
|
1682
|
+
"references": [
|
|
1683
|
+
{
|
|
1684
|
+
"name": "HeroBannerActionsPlacement",
|
|
1685
|
+
"package": "@ui5/webcomponents-fiori",
|
|
1686
|
+
"module": "dist/types/HeroBannerActionsPlacement.js"
|
|
1687
|
+
}
|
|
1688
|
+
]
|
|
1689
|
+
},
|
|
1690
|
+
"default": "\"TopEnd\"",
|
|
1691
|
+
"description": "Defines the placement of the actions slot within the hero banner header.\n\n- **TopEnd** (default) - Actions are displayed to the right of the header text, at the top of the header row.\n- **BottomStart** - Actions are displayed below the header text, left-aligned, regardless of `columnsRatio` or slot usage.",
|
|
1692
|
+
"privacy": "public"
|
|
1693
|
+
},
|
|
1694
|
+
{
|
|
1695
|
+
"kind": "field",
|
|
1696
|
+
"name": "columnsRatio",
|
|
1697
|
+
"type": {
|
|
1698
|
+
"text": "HeroBannerColumnsRatio",
|
|
1699
|
+
"references": [
|
|
1700
|
+
{
|
|
1701
|
+
"name": "HeroBannerColumnsRatio",
|
|
1702
|
+
"package": "@ui5/webcomponents-fiori",
|
|
1703
|
+
"module": "dist/types/HeroBannerColumnsRatio.js"
|
|
1704
|
+
}
|
|
1705
|
+
]
|
|
1706
|
+
},
|
|
1707
|
+
"default": "\"FirstWider\"",
|
|
1708
|
+
"description": "Defines the ratio between the two content columns inside the hero banner.\n\nTakes effect only when `endContent` is provided. When no `endContent` is present, the content spans the full width (single column).\n\n- **Equal** - Two equal columns. Both content blocks share the available width equally.\n On smaller screens, both slots stack vertically.\n- **FirstWider** - Two unequal columns. The start content takes two-thirds of the width, the end content one-third.\n On smaller screens, both slots stack vertically.",
|
|
1709
|
+
"privacy": "public"
|
|
1710
|
+
},
|
|
1711
|
+
{
|
|
1712
|
+
"kind": "field",
|
|
1713
|
+
"name": "headerBlockPlacement",
|
|
1714
|
+
"type": {
|
|
1715
|
+
"text": "HeroBannerHeaderBlockPlacement",
|
|
1716
|
+
"references": [
|
|
1717
|
+
{
|
|
1718
|
+
"name": "HeroBannerHeaderBlockPlacement",
|
|
1719
|
+
"package": "@ui5/webcomponents-fiori",
|
|
1720
|
+
"module": "dist/types/HeroBannerHeaderBlockPlacement.js"
|
|
1721
|
+
}
|
|
1722
|
+
]
|
|
1723
|
+
},
|
|
1724
|
+
"default": "\"Top\"",
|
|
1725
|
+
"description": "Defines the vertical placement of the header block within the content area.\n\n- **Top** (default) - Header block is placed at the top of the content area.\n- **Bottom** - Header block is pushed to the bottom of column 1. Only takes effect when `columnsRatio`\n is `Equal` or `FirstWider` and only `endContent` is provided (no default slot content).\n When `actionsPlacement` is also `BottomStart`, the `endContent` slot spans the full height.",
|
|
1726
|
+
"privacy": "public"
|
|
1727
|
+
},
|
|
1728
|
+
{
|
|
1729
|
+
"kind": "field",
|
|
1730
|
+
"name": "headerText",
|
|
1731
|
+
"type": {
|
|
1732
|
+
"text": "string | undefined"
|
|
1733
|
+
},
|
|
1734
|
+
"description": "Defines the header text displayed in the hero banner.\n\nThis is the main greeting header, typically a personalized message\nsuch as \"Hello, John\".",
|
|
1735
|
+
"default": "undefined",
|
|
1736
|
+
"privacy": "public"
|
|
1737
|
+
},
|
|
1738
|
+
{
|
|
1739
|
+
"kind": "field",
|
|
1740
|
+
"name": "overlineText",
|
|
1741
|
+
"type": {
|
|
1742
|
+
"text": "string | undefined"
|
|
1743
|
+
},
|
|
1744
|
+
"description": "Defines text displayed above the heading as an overline.\nCan be used to show the current date, a status message, or any other relevant contextual information.",
|
|
1745
|
+
"default": "undefined",
|
|
1746
|
+
"privacy": "public"
|
|
1747
|
+
}
|
|
1748
|
+
],
|
|
1749
|
+
"attributes": [
|
|
1750
|
+
{
|
|
1751
|
+
"description": "Defines the placement of the actions slot within the hero banner header.\n\n- **TopEnd** (default) - Actions are displayed to the right of the header text, at the top of the header row.\n- **BottomStart** - Actions are displayed below the header text, left-aligned, regardless of `columnsRatio` or slot usage.",
|
|
1752
|
+
"name": "actions-placement",
|
|
1753
|
+
"default": "\"TopEnd\"",
|
|
1754
|
+
"fieldName": "actionsPlacement",
|
|
1755
|
+
"type": {
|
|
1756
|
+
"text": "\"TopEnd\" | \"BottomStart\""
|
|
1757
|
+
}
|
|
1758
|
+
},
|
|
1759
|
+
{
|
|
1760
|
+
"description": "Defines the ratio between the two content columns inside the hero banner.\n\nTakes effect only when `endContent` is provided. When no `endContent` is present, the content spans the full width (single column).\n\n- **Equal** - Two equal columns. Both content blocks share the available width equally.\n On smaller screens, both slots stack vertically.\n- **FirstWider** - Two unequal columns. The start content takes two-thirds of the width, the end content one-third.\n On smaller screens, both slots stack vertically.",
|
|
1761
|
+
"name": "columns-ratio",
|
|
1762
|
+
"default": "\"FirstWider\"",
|
|
1763
|
+
"fieldName": "columnsRatio",
|
|
1764
|
+
"type": {
|
|
1765
|
+
"text": "\"Equal\" | \"FirstWider\""
|
|
1766
|
+
}
|
|
1767
|
+
},
|
|
1768
|
+
{
|
|
1769
|
+
"description": "Defines the vertical placement of the header block within the content area.\n\n- **Top** (default) - Header block is placed at the top of the content area.\n- **Bottom** - Header block is pushed to the bottom of column 1. Only takes effect when `columnsRatio`\n is `Equal` or `FirstWider` and only `endContent` is provided (no default slot content).\n When `actionsPlacement` is also `BottomStart`, the `endContent` slot spans the full height.",
|
|
1770
|
+
"name": "header-block-placement",
|
|
1771
|
+
"default": "\"Top\"",
|
|
1772
|
+
"fieldName": "headerBlockPlacement",
|
|
1773
|
+
"type": {
|
|
1774
|
+
"text": "\"Top\" | \"Bottom\""
|
|
1775
|
+
}
|
|
1776
|
+
},
|
|
1777
|
+
{
|
|
1778
|
+
"description": "Defines the header text displayed in the hero banner.\n\nThis is the main greeting header, typically a personalized message\nsuch as \"Hello, John\".",
|
|
1779
|
+
"name": "header-text",
|
|
1780
|
+
"default": "undefined",
|
|
1781
|
+
"fieldName": "headerText",
|
|
1782
|
+
"type": {
|
|
1783
|
+
"text": "string | undefined"
|
|
1784
|
+
}
|
|
1785
|
+
},
|
|
1786
|
+
{
|
|
1787
|
+
"description": "Defines text displayed above the heading as an overline.\nCan be used to show the current date, a status message, or any other relevant contextual information.",
|
|
1788
|
+
"name": "overline-text",
|
|
1789
|
+
"default": "undefined",
|
|
1790
|
+
"fieldName": "overlineText",
|
|
1791
|
+
"type": {
|
|
1792
|
+
"text": "string | undefined"
|
|
1793
|
+
}
|
|
1794
|
+
}
|
|
1795
|
+
],
|
|
1796
|
+
"superclass": {
|
|
1797
|
+
"name": "UI5Element",
|
|
1798
|
+
"package": "@ui5/webcomponents-base",
|
|
1799
|
+
"module": "dist/UI5Element.js"
|
|
1800
|
+
},
|
|
1801
|
+
"tagName": "ui5-hero-banner",
|
|
1802
|
+
"customElement": true,
|
|
1803
|
+
"_ui5experimental": true,
|
|
1804
|
+
"_ui5since": "2.23.0",
|
|
1805
|
+
"_ui5privacy": "public"
|
|
1806
|
+
}
|
|
1807
|
+
],
|
|
1808
|
+
"exports": [
|
|
1809
|
+
{
|
|
1810
|
+
"kind": "js",
|
|
1811
|
+
"name": "default",
|
|
1812
|
+
"declaration": {
|
|
1813
|
+
"name": "HeroBanner",
|
|
1814
|
+
"module": "dist/HeroBanner.js"
|
|
1815
|
+
}
|
|
1816
|
+
},
|
|
1817
|
+
{
|
|
1818
|
+
"kind": "custom-element-definition",
|
|
1819
|
+
"name": "ui5-hero-banner",
|
|
1820
|
+
"declaration": {
|
|
1821
|
+
"name": "HeroBanner",
|
|
1822
|
+
"module": "dist/HeroBanner.js"
|
|
1823
|
+
}
|
|
1824
|
+
}
|
|
1825
|
+
]
|
|
1826
|
+
},
|
|
1568
1827
|
{
|
|
1569
1828
|
"kind": "javascript-module",
|
|
1570
1829
|
"path": "dist/IllustratedMessage.js",
|
|
@@ -2648,12 +2907,19 @@
|
|
|
2648
2907
|
"kind": "field",
|
|
2649
2908
|
"name": "accessibleRole",
|
|
2650
2909
|
"type": {
|
|
2651
|
-
"text": "
|
|
2910
|
+
"text": "ListItemAccessibleRole | undefined",
|
|
2911
|
+
"references": [
|
|
2912
|
+
{
|
|
2913
|
+
"name": "ListItemAccessibleRole",
|
|
2914
|
+
"package": "@ui5/webcomponents",
|
|
2915
|
+
"module": "dist/types/ListItemAccessibleRole.js"
|
|
2916
|
+
}
|
|
2917
|
+
]
|
|
2652
2918
|
},
|
|
2653
2919
|
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
2654
2920
|
"default": "undefined",
|
|
2655
2921
|
"privacy": "public",
|
|
2656
|
-
"_ui5since": "
|
|
2922
|
+
"_ui5since": "2.23.0"
|
|
2657
2923
|
},
|
|
2658
2924
|
{
|
|
2659
2925
|
"kind": "field",
|
|
@@ -3092,23 +3358,8 @@
|
|
|
3092
3358
|
"_ui5Cancelable": false,
|
|
3093
3359
|
"_ui5allowPreventDefault": false,
|
|
3094
3360
|
"_ui5Bubbles": true,
|
|
3095
|
-
"_ui5since": "2.
|
|
3361
|
+
"_ui5since": "2.23.0",
|
|
3096
3362
|
"_ui5parameters": [
|
|
3097
|
-
{
|
|
3098
|
-
"type": {
|
|
3099
|
-
"text": "ListItemBase",
|
|
3100
|
-
"references": [
|
|
3101
|
-
{
|
|
3102
|
-
"name": "ListItemBase",
|
|
3103
|
-
"package": "@ui5/webcomponents",
|
|
3104
|
-
"module": "dist/ListItemBase.js"
|
|
3105
|
-
}
|
|
3106
|
-
]
|
|
3107
|
-
},
|
|
3108
|
-
"name": "item",
|
|
3109
|
-
"_ui5privacy": "public",
|
|
3110
|
-
"description": "The activated item."
|
|
3111
|
-
},
|
|
3112
3363
|
{
|
|
3113
3364
|
"type": {
|
|
3114
3365
|
"text": "Event"
|
|
@@ -3478,23 +3729,8 @@
|
|
|
3478
3729
|
"_ui5Cancelable": false,
|
|
3479
3730
|
"_ui5allowPreventDefault": false,
|
|
3480
3731
|
"_ui5Bubbles": true,
|
|
3481
|
-
"_ui5since": "2.
|
|
3732
|
+
"_ui5since": "2.23.0",
|
|
3482
3733
|
"_ui5parameters": [
|
|
3483
|
-
{
|
|
3484
|
-
"type": {
|
|
3485
|
-
"text": "ListItemBase",
|
|
3486
|
-
"references": [
|
|
3487
|
-
{
|
|
3488
|
-
"name": "ListItemBase",
|
|
3489
|
-
"package": "@ui5/webcomponents",
|
|
3490
|
-
"module": "dist/ListItemBase.js"
|
|
3491
|
-
}
|
|
3492
|
-
]
|
|
3493
|
-
},
|
|
3494
|
-
"name": "item",
|
|
3495
|
-
"_ui5privacy": "public",
|
|
3496
|
-
"description": "The activated item."
|
|
3497
|
-
},
|
|
3498
3734
|
{
|
|
3499
3735
|
"type": {
|
|
3500
3736
|
"text": "Event"
|
|
@@ -5198,23 +5434,8 @@
|
|
|
5198
5434
|
"_ui5Cancelable": false,
|
|
5199
5435
|
"_ui5allowPreventDefault": false,
|
|
5200
5436
|
"_ui5Bubbles": true,
|
|
5201
|
-
"_ui5since": "2.
|
|
5437
|
+
"_ui5since": "2.23.0",
|
|
5202
5438
|
"_ui5parameters": [
|
|
5203
|
-
{
|
|
5204
|
-
"type": {
|
|
5205
|
-
"text": "NotificationListItem",
|
|
5206
|
-
"references": [
|
|
5207
|
-
{
|
|
5208
|
-
"name": "NotificationListItem",
|
|
5209
|
-
"package": "@ui5/webcomponents-fiori",
|
|
5210
|
-
"module": "dist/NotificationListItem.js"
|
|
5211
|
-
}
|
|
5212
|
-
]
|
|
5213
|
-
},
|
|
5214
|
-
"name": "item",
|
|
5215
|
-
"_ui5privacy": "public",
|
|
5216
|
-
"description": "The activated item."
|
|
5217
|
-
},
|
|
5218
5439
|
{
|
|
5219
5440
|
"type": {
|
|
5220
5441
|
"text": "Event"
|
|
@@ -5473,23 +5694,8 @@
|
|
|
5473
5694
|
"_ui5Cancelable": false,
|
|
5474
5695
|
"_ui5allowPreventDefault": false,
|
|
5475
5696
|
"_ui5Bubbles": true,
|
|
5476
|
-
"_ui5since": "2.
|
|
5697
|
+
"_ui5since": "2.23.0",
|
|
5477
5698
|
"_ui5parameters": [
|
|
5478
|
-
{
|
|
5479
|
-
"type": {
|
|
5480
|
-
"text": "ListItemBase",
|
|
5481
|
-
"references": [
|
|
5482
|
-
{
|
|
5483
|
-
"name": "ListItemBase",
|
|
5484
|
-
"package": "@ui5/webcomponents",
|
|
5485
|
-
"module": "dist/ListItemBase.js"
|
|
5486
|
-
}
|
|
5487
|
-
]
|
|
5488
|
-
},
|
|
5489
|
-
"name": "item",
|
|
5490
|
-
"_ui5privacy": "public",
|
|
5491
|
-
"description": "The activated item."
|
|
5492
|
-
},
|
|
5493
5699
|
{
|
|
5494
5700
|
"type": {
|
|
5495
5701
|
"text": "Event"
|
|
@@ -6687,23 +6893,8 @@
|
|
|
6687
6893
|
"_ui5Cancelable": false,
|
|
6688
6894
|
"_ui5allowPreventDefault": false,
|
|
6689
6895
|
"_ui5Bubbles": true,
|
|
6690
|
-
"_ui5since": "2.
|
|
6896
|
+
"_ui5since": "2.23.0",
|
|
6691
6897
|
"_ui5parameters": [
|
|
6692
|
-
{
|
|
6693
|
-
"type": {
|
|
6694
|
-
"text": "ListItemBase",
|
|
6695
|
-
"references": [
|
|
6696
|
-
{
|
|
6697
|
-
"name": "ListItemBase",
|
|
6698
|
-
"package": "@ui5/webcomponents",
|
|
6699
|
-
"module": "dist/ListItemBase.js"
|
|
6700
|
-
}
|
|
6701
|
-
]
|
|
6702
|
-
},
|
|
6703
|
-
"name": "item",
|
|
6704
|
-
"_ui5privacy": "public",
|
|
6705
|
-
"description": "The activated item."
|
|
6706
|
-
},
|
|
6707
6898
|
{
|
|
6708
6899
|
"type": {
|
|
6709
6900
|
"text": "Event"
|
|
@@ -10389,7 +10580,7 @@
|
|
|
10389
10580
|
},
|
|
10390
10581
|
{
|
|
10391
10582
|
"kind": "class",
|
|
10392
|
-
"description": "### Overview\n\nThe `ui5-timeline` component shows entries (such as objects, events, or posts) in chronological order.\nA common use case is to provide information about changes to an object, or events related to an object.\nThese entries can be generated by the system (for example, value XY changed from A to B), or added manually.\nThere are two distinct variants of the timeline: basic and social. The basic timeline is read-only,\nwhile the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.",
|
|
10583
|
+
"description": "### Overview\n\nThe `ui5-timeline` component shows entries (such as objects, events, or posts) in chronological order.\nA common use case is to provide information about changes to an object, or events related to an object.\nThese entries can be generated by the system (for example, value XY changed from A to B), or added manually.\nThere are two distinct variants of the timeline: basic and social. The basic timeline is read-only,\nwhile the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.\n\n### Header and Info Bar Slots\n\nThe Timeline exposes two named slots above the items area:\n\n- `header` — for a controls bar (search field, filter trigger, sort toggle, etc.).\nThe most common pattern is to place a `ui5-toolbar` containing a search input and buttons that open\na filter dialog or toggle sort direction. The Timeline itself performs no filtering, sorting, or\nsearching — the application listens for events from its own controls and reorders, hides, or\nadds items in the default slot accordingly.\n\n- `infoBar` — for a status bar that reflects the result of the controls (active filters,\napplied sort, current search query). Typically contains tokens, labels, or a `ui5-bar`.\n\nThe Timeline itself does not filter, sort, or search — the application owns that logic.\nUse `stickyHeader` to pin both bars while the Timeline's items scroll. Give the Timeline\na constrained height in this mode so it owns its scrollbar.",
|
|
10393
10584
|
"name": "Timeline",
|
|
10394
10585
|
"slots": [
|
|
10395
10586
|
{
|
|
@@ -10407,6 +10598,24 @@
|
|
|
10407
10598
|
]
|
|
10408
10599
|
},
|
|
10409
10600
|
"_ui5privacy": "public"
|
|
10601
|
+
},
|
|
10602
|
+
{
|
|
10603
|
+
"name": "header",
|
|
10604
|
+
"description": "Defines the content of the Timeline's header area, displayed above the items.\nTypically a `ui5-toolbar` with search, sort, and filter controls.",
|
|
10605
|
+
"_ui5since": "2.22.0",
|
|
10606
|
+
"_ui5type": {
|
|
10607
|
+
"text": "Array<HTMLElement>"
|
|
10608
|
+
},
|
|
10609
|
+
"_ui5privacy": "public"
|
|
10610
|
+
},
|
|
10611
|
+
{
|
|
10612
|
+
"name": "infoBar",
|
|
10613
|
+
"description": "Defines the content of the Timeline's info bar area, displayed below the header\nand above the items. Use for status display (applied filters, sort direction, counts).",
|
|
10614
|
+
"_ui5since": "2.22.0",
|
|
10615
|
+
"_ui5type": {
|
|
10616
|
+
"text": "Array<HTMLElement>"
|
|
10617
|
+
},
|
|
10618
|
+
"_ui5privacy": "public"
|
|
10410
10619
|
}
|
|
10411
10620
|
],
|
|
10412
10621
|
"members": [
|
|
@@ -10477,6 +10686,17 @@
|
|
|
10477
10686
|
"default": "1000",
|
|
10478
10687
|
"description": "Defines the delay in milliseconds, after which the loading indicator will show up for this component.",
|
|
10479
10688
|
"privacy": "public"
|
|
10689
|
+
},
|
|
10690
|
+
{
|
|
10691
|
+
"kind": "field",
|
|
10692
|
+
"name": "stickyHeader",
|
|
10693
|
+
"type": {
|
|
10694
|
+
"text": "boolean"
|
|
10695
|
+
},
|
|
10696
|
+
"default": "false",
|
|
10697
|
+
"description": "Defines whether the content of the `header` and `infoBar` slots remains visible when the user scrolls the Timeline.\n\n**Note:** The bars pin to the Timeline's own scrollport. Give the Timeline a\nconstrained height (for example `style=\"height: 32rem\"`) so its items scroll\ninside it. Placing the Timeline inside an externally scrolling ancestor while\nleaving the Timeline itself unsized is not supported in this mode — the bars\nwill scroll away with the ancestor.",
|
|
10698
|
+
"privacy": "public",
|
|
10699
|
+
"_ui5since": "2.22.0"
|
|
10480
10700
|
}
|
|
10481
10701
|
],
|
|
10482
10702
|
"events": [
|
|
@@ -10538,6 +10758,15 @@
|
|
|
10538
10758
|
"type": {
|
|
10539
10759
|
"text": "number"
|
|
10540
10760
|
}
|
|
10761
|
+
},
|
|
10762
|
+
{
|
|
10763
|
+
"description": "Defines whether the content of the `header` and `infoBar` slots remains visible when the user scrolls the Timeline.\n\n**Note:** The bars pin to the Timeline's own scrollport. Give the Timeline a\nconstrained height (for example `style=\"height: 32rem\"`) so its items scroll\ninside it. Placing the Timeline inside an externally scrolling ancestor while\nleaving the Timeline itself unsized is not supported in this mode — the bars\nwill scroll away with the ancestor.",
|
|
10764
|
+
"name": "sticky-header",
|
|
10765
|
+
"default": "false",
|
|
10766
|
+
"fieldName": "stickyHeader",
|
|
10767
|
+
"type": {
|
|
10768
|
+
"text": "boolean"
|
|
10769
|
+
}
|
|
10541
10770
|
}
|
|
10542
10771
|
],
|
|
10543
10772
|
"superclass": {
|
|
@@ -11321,12 +11550,19 @@
|
|
|
11321
11550
|
"kind": "field",
|
|
11322
11551
|
"name": "accessibleRole",
|
|
11323
11552
|
"type": {
|
|
11324
|
-
"text": "
|
|
11553
|
+
"text": "ListItemAccessibleRole | undefined",
|
|
11554
|
+
"references": [
|
|
11555
|
+
{
|
|
11556
|
+
"name": "ListItemAccessibleRole",
|
|
11557
|
+
"package": "@ui5/webcomponents",
|
|
11558
|
+
"module": "dist/types/ListItemAccessibleRole.js"
|
|
11559
|
+
}
|
|
11560
|
+
]
|
|
11325
11561
|
},
|
|
11326
11562
|
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
11327
11563
|
"default": "undefined",
|
|
11328
11564
|
"privacy": "public",
|
|
11329
|
-
"_ui5since": "
|
|
11565
|
+
"_ui5since": "2.23.0"
|
|
11330
11566
|
},
|
|
11331
11567
|
{
|
|
11332
11568
|
"kind": "field",
|
|
@@ -11458,23 +11694,8 @@
|
|
|
11458
11694
|
"_ui5Cancelable": false,
|
|
11459
11695
|
"_ui5allowPreventDefault": false,
|
|
11460
11696
|
"_ui5Bubbles": true,
|
|
11461
|
-
"_ui5since": "2.
|
|
11697
|
+
"_ui5since": "2.23.0",
|
|
11462
11698
|
"_ui5parameters": [
|
|
11463
|
-
{
|
|
11464
|
-
"type": {
|
|
11465
|
-
"text": "ListItemBase",
|
|
11466
|
-
"references": [
|
|
11467
|
-
{
|
|
11468
|
-
"name": "ListItemBase",
|
|
11469
|
-
"package": "@ui5/webcomponents",
|
|
11470
|
-
"module": "dist/ListItemBase.js"
|
|
11471
|
-
}
|
|
11472
|
-
]
|
|
11473
|
-
},
|
|
11474
|
-
"name": "item",
|
|
11475
|
-
"_ui5privacy": "public",
|
|
11476
|
-
"description": "The activated item."
|
|
11477
|
-
},
|
|
11478
11699
|
{
|
|
11479
11700
|
"type": {
|
|
11480
11701
|
"text": "Event"
|
|
@@ -12345,12 +12566,19 @@
|
|
|
12345
12566
|
"kind": "field",
|
|
12346
12567
|
"name": "accessibleRole",
|
|
12347
12568
|
"type": {
|
|
12348
|
-
"text": "
|
|
12569
|
+
"text": "ListItemAccessibleRole | undefined",
|
|
12570
|
+
"references": [
|
|
12571
|
+
{
|
|
12572
|
+
"name": "ListItemAccessibleRole",
|
|
12573
|
+
"package": "@ui5/webcomponents",
|
|
12574
|
+
"module": "dist/types/ListItemAccessibleRole.js"
|
|
12575
|
+
}
|
|
12576
|
+
]
|
|
12349
12577
|
},
|
|
12350
12578
|
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
12351
12579
|
"default": "undefined",
|
|
12352
12580
|
"privacy": "public",
|
|
12353
|
-
"_ui5since": "
|
|
12581
|
+
"_ui5since": "2.23.0"
|
|
12354
12582
|
},
|
|
12355
12583
|
{
|
|
12356
12584
|
"kind": "field",
|
|
@@ -12737,23 +12965,8 @@
|
|
|
12737
12965
|
"_ui5Cancelable": false,
|
|
12738
12966
|
"_ui5allowPreventDefault": false,
|
|
12739
12967
|
"_ui5Bubbles": true,
|
|
12740
|
-
"_ui5since": "2.
|
|
12968
|
+
"_ui5since": "2.23.0",
|
|
12741
12969
|
"_ui5parameters": [
|
|
12742
|
-
{
|
|
12743
|
-
"type": {
|
|
12744
|
-
"text": "ListItemBase",
|
|
12745
|
-
"references": [
|
|
12746
|
-
{
|
|
12747
|
-
"name": "ListItemBase",
|
|
12748
|
-
"package": "@ui5/webcomponents",
|
|
12749
|
-
"module": "dist/ListItemBase.js"
|
|
12750
|
-
}
|
|
12751
|
-
]
|
|
12752
|
-
},
|
|
12753
|
-
"name": "item",
|
|
12754
|
-
"_ui5privacy": "public",
|
|
12755
|
-
"description": "The activated item."
|
|
12756
|
-
},
|
|
12757
12970
|
{
|
|
12758
12971
|
"type": {
|
|
12759
12972
|
"text": "Event"
|
|
@@ -13537,12 +13750,19 @@
|
|
|
13537
13750
|
"kind": "field",
|
|
13538
13751
|
"name": "accessibleRole",
|
|
13539
13752
|
"type": {
|
|
13540
|
-
"text": "
|
|
13753
|
+
"text": "ListItemAccessibleRole | undefined",
|
|
13754
|
+
"references": [
|
|
13755
|
+
{
|
|
13756
|
+
"name": "ListItemAccessibleRole",
|
|
13757
|
+
"package": "@ui5/webcomponents",
|
|
13758
|
+
"module": "dist/types/ListItemAccessibleRole.js"
|
|
13759
|
+
}
|
|
13760
|
+
]
|
|
13541
13761
|
},
|
|
13542
13762
|
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
13543
13763
|
"default": "undefined",
|
|
13544
13764
|
"privacy": "public",
|
|
13545
|
-
"_ui5since": "
|
|
13765
|
+
"_ui5since": "2.23.0"
|
|
13546
13766
|
},
|
|
13547
13767
|
{
|
|
13548
13768
|
"kind": "field",
|
|
@@ -13821,23 +14041,8 @@
|
|
|
13821
14041
|
"_ui5Cancelable": false,
|
|
13822
14042
|
"_ui5allowPreventDefault": false,
|
|
13823
14043
|
"_ui5Bubbles": true,
|
|
13824
|
-
"_ui5since": "2.
|
|
14044
|
+
"_ui5since": "2.23.0",
|
|
13825
14045
|
"_ui5parameters": [
|
|
13826
|
-
{
|
|
13827
|
-
"type": {
|
|
13828
|
-
"text": "ListItemBase",
|
|
13829
|
-
"references": [
|
|
13830
|
-
{
|
|
13831
|
-
"name": "ListItemBase",
|
|
13832
|
-
"package": "@ui5/webcomponents",
|
|
13833
|
-
"module": "dist/ListItemBase.js"
|
|
13834
|
-
}
|
|
13835
|
-
]
|
|
13836
|
-
},
|
|
13837
|
-
"name": "item",
|
|
13838
|
-
"_ui5privacy": "public",
|
|
13839
|
-
"description": "The activated item."
|
|
13840
|
-
},
|
|
13841
14046
|
{
|
|
13842
14047
|
"type": {
|
|
13843
14048
|
"text": "Event"
|
|
@@ -15661,6 +15866,135 @@
|
|
|
15661
15866
|
}
|
|
15662
15867
|
]
|
|
15663
15868
|
},
|
|
15869
|
+
{
|
|
15870
|
+
"kind": "javascript-module",
|
|
15871
|
+
"path": "dist/types/HeroBannerActionsPlacement.js",
|
|
15872
|
+
"declarations": [
|
|
15873
|
+
{
|
|
15874
|
+
"kind": "enum",
|
|
15875
|
+
"name": "HeroBannerActionsPlacement",
|
|
15876
|
+
"description": "Available HeroBanner actions placement options.\n\nDefines where the actions slot is rendered within the hero banner header area.",
|
|
15877
|
+
"_ui5privacy": "public",
|
|
15878
|
+
"_ui5since": "2.23.0",
|
|
15879
|
+
"members": [
|
|
15880
|
+
{
|
|
15881
|
+
"kind": "field",
|
|
15882
|
+
"static": true,
|
|
15883
|
+
"privacy": "public",
|
|
15884
|
+
"description": "Places the actions below the header text, aligned to the start.",
|
|
15885
|
+
"default": "BottomStart",
|
|
15886
|
+
"name": "BottomStart",
|
|
15887
|
+
"readonly": true
|
|
15888
|
+
},
|
|
15889
|
+
{
|
|
15890
|
+
"kind": "field",
|
|
15891
|
+
"static": true,
|
|
15892
|
+
"privacy": "public",
|
|
15893
|
+
"description": "Places the actions to the right of the header text, aligned to the top of the header row.",
|
|
15894
|
+
"default": "TopEnd",
|
|
15895
|
+
"name": "TopEnd",
|
|
15896
|
+
"readonly": true
|
|
15897
|
+
}
|
|
15898
|
+
]
|
|
15899
|
+
}
|
|
15900
|
+
],
|
|
15901
|
+
"exports": [
|
|
15902
|
+
{
|
|
15903
|
+
"kind": "js",
|
|
15904
|
+
"name": "default",
|
|
15905
|
+
"declaration": {
|
|
15906
|
+
"name": "HeroBannerActionsPlacement",
|
|
15907
|
+
"module": "dist/types/HeroBannerActionsPlacement.js"
|
|
15908
|
+
}
|
|
15909
|
+
}
|
|
15910
|
+
]
|
|
15911
|
+
},
|
|
15912
|
+
{
|
|
15913
|
+
"kind": "javascript-module",
|
|
15914
|
+
"path": "dist/types/HeroBannerColumnsRatio.js",
|
|
15915
|
+
"declarations": [
|
|
15916
|
+
{
|
|
15917
|
+
"kind": "enum",
|
|
15918
|
+
"name": "HeroBannerColumnsRatio",
|
|
15919
|
+
"description": "Available HeroBanner columns ratio options.\n\nDefines how the two content blocks are sized relative to each other within the hero banner.\nWhen no value is set, the content renders in a single column.",
|
|
15920
|
+
"_ui5privacy": "public",
|
|
15921
|
+
"_ui5since": "2.23.0",
|
|
15922
|
+
"members": [
|
|
15923
|
+
{
|
|
15924
|
+
"kind": "field",
|
|
15925
|
+
"static": true,
|
|
15926
|
+
"privacy": "public",
|
|
15927
|
+
"description": "Two equal columns. Both content blocks share the available width equally.",
|
|
15928
|
+
"default": "Equal",
|
|
15929
|
+
"name": "Equal",
|
|
15930
|
+
"readonly": true
|
|
15931
|
+
},
|
|
15932
|
+
{
|
|
15933
|
+
"kind": "field",
|
|
15934
|
+
"static": true,
|
|
15935
|
+
"privacy": "public",
|
|
15936
|
+
"description": "Two unequal columns. The first content block takes two-thirds of the width, the second takes one-third.",
|
|
15937
|
+
"default": "FirstWider",
|
|
15938
|
+
"name": "FirstWider",
|
|
15939
|
+
"readonly": true
|
|
15940
|
+
}
|
|
15941
|
+
]
|
|
15942
|
+
}
|
|
15943
|
+
],
|
|
15944
|
+
"exports": [
|
|
15945
|
+
{
|
|
15946
|
+
"kind": "js",
|
|
15947
|
+
"name": "default",
|
|
15948
|
+
"declaration": {
|
|
15949
|
+
"name": "HeroBannerColumnsRatio",
|
|
15950
|
+
"module": "dist/types/HeroBannerColumnsRatio.js"
|
|
15951
|
+
}
|
|
15952
|
+
}
|
|
15953
|
+
]
|
|
15954
|
+
},
|
|
15955
|
+
{
|
|
15956
|
+
"kind": "javascript-module",
|
|
15957
|
+
"path": "dist/types/HeroBannerHeaderBlockPlacement.js",
|
|
15958
|
+
"declarations": [
|
|
15959
|
+
{
|
|
15960
|
+
"kind": "enum",
|
|
15961
|
+
"name": "HeroBannerHeaderBlockPlacement",
|
|
15962
|
+
"description": "Available HeroBanner header text block placement options.\n\nDefines the vertical placement of the header text block within the banner header area.",
|
|
15963
|
+
"_ui5privacy": "public",
|
|
15964
|
+
"_ui5since": "2.23.0",
|
|
15965
|
+
"members": [
|
|
15966
|
+
{
|
|
15967
|
+
"kind": "field",
|
|
15968
|
+
"static": true,
|
|
15969
|
+
"privacy": "public",
|
|
15970
|
+
"description": "Places the header text block at the bottom of the header area.",
|
|
15971
|
+
"default": "Bottom",
|
|
15972
|
+
"name": "Bottom",
|
|
15973
|
+
"readonly": true
|
|
15974
|
+
},
|
|
15975
|
+
{
|
|
15976
|
+
"kind": "field",
|
|
15977
|
+
"static": true,
|
|
15978
|
+
"privacy": "public",
|
|
15979
|
+
"description": "Places the header text block at the top of the header area.",
|
|
15980
|
+
"default": "Top",
|
|
15981
|
+
"name": "Top",
|
|
15982
|
+
"readonly": true
|
|
15983
|
+
}
|
|
15984
|
+
]
|
|
15985
|
+
}
|
|
15986
|
+
],
|
|
15987
|
+
"exports": [
|
|
15988
|
+
{
|
|
15989
|
+
"kind": "js",
|
|
15990
|
+
"name": "default",
|
|
15991
|
+
"declaration": {
|
|
15992
|
+
"name": "HeroBannerHeaderBlockPlacement",
|
|
15993
|
+
"module": "dist/types/HeroBannerHeaderBlockPlacement.js"
|
|
15994
|
+
}
|
|
15995
|
+
}
|
|
15996
|
+
]
|
|
15997
|
+
},
|
|
15664
15998
|
{
|
|
15665
15999
|
"kind": "javascript-module",
|
|
15666
16000
|
"path": "dist/types/IllustrationMessageDesign.js",
|