@ui5/webcomponents-fiori 2.22.0-rc.0 → 2.22.0-rc.2

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.
Files changed (68) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/ShellBarSearch.js +4 -0
  4. package/dist/ShellBarSearch.js.map +1 -1
  5. package/dist/Timeline.d.ts +35 -3
  6. package/dist/Timeline.js +62 -4
  7. package/dist/Timeline.js.map +1 -1
  8. package/dist/TimelineFilterOption.d.ts +37 -0
  9. package/dist/TimelineFilterOption.js +59 -0
  10. package/dist/TimelineFilterOption.js.map +1 -0
  11. package/dist/TimelineHeaderBar.d.ts +120 -0
  12. package/dist/TimelineHeaderBar.js +273 -0
  13. package/dist/TimelineHeaderBar.js.map +1 -0
  14. package/dist/TimelineHeaderBarTemplate.d.ts +2 -0
  15. package/dist/TimelineHeaderBarTemplate.js +18 -0
  16. package/dist/TimelineHeaderBarTemplate.js.map +1 -0
  17. package/dist/TimelineItem.d.ts +9 -0
  18. package/dist/TimelineItem.js +8 -0
  19. package/dist/TimelineItem.js.map +1 -1
  20. package/dist/TimelineItemTemplate.js +1 -1
  21. package/dist/TimelineItemTemplate.js.map +1 -1
  22. package/dist/TimelineTemplate.js +1 -1
  23. package/dist/TimelineTemplate.js.map +1 -1
  24. package/dist/ViewSettingsDialog.d.ts +40 -1
  25. package/dist/ViewSettingsDialog.js +114 -7
  26. package/dist/ViewSettingsDialog.js.map +1 -1
  27. package/dist/ViewSettingsDialogCustomTab.d.ts +52 -0
  28. package/dist/ViewSettingsDialogCustomTab.js +81 -0
  29. package/dist/ViewSettingsDialogCustomTab.js.map +1 -0
  30. package/dist/ViewSettingsDialogCustomTabTemplate.d.ts +2 -0
  31. package/dist/ViewSettingsDialogCustomTabTemplate.js +5 -0
  32. package/dist/ViewSettingsDialogCustomTabTemplate.js.map +1 -0
  33. package/dist/ViewSettingsDialogTemplate.js +8 -1
  34. package/dist/ViewSettingsDialogTemplate.js.map +1 -1
  35. package/dist/bundle.esm.js +3 -0
  36. package/dist/bundle.esm.js.map +1 -1
  37. package/dist/css/themes/Timeline.css +1 -1
  38. package/dist/css/themes/TimelineHeaderBar.css +1 -0
  39. package/dist/css/themes/ViewSettingsDialog.css +1 -1
  40. package/dist/custom-elements-internal.json +746 -40
  41. package/dist/custom-elements.json +522 -1
  42. package/dist/generated/i18n/i18n-defaults.d.ts +11 -1
  43. package/dist/generated/i18n/i18n-defaults.js +11 -1
  44. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  45. package/dist/generated/themes/Timeline.css.d.ts +1 -1
  46. package/dist/generated/themes/Timeline.css.js +1 -1
  47. package/dist/generated/themes/Timeline.css.js.map +1 -1
  48. package/dist/generated/themes/TimelineHeaderBar.css.d.ts +2 -0
  49. package/dist/generated/themes/TimelineHeaderBar.css.js +8 -0
  50. package/dist/generated/themes/TimelineHeaderBar.css.js.map +1 -0
  51. package/dist/generated/themes/ViewSettingsDialog.css.d.ts +1 -1
  52. package/dist/generated/themes/ViewSettingsDialog.css.js +1 -1
  53. package/dist/generated/themes/ViewSettingsDialog.css.js.map +1 -1
  54. package/dist/types/TimelineSortOrder.d.ts +18 -0
  55. package/dist/types/TimelineSortOrder.js +20 -0
  56. package/dist/types/TimelineSortOrder.js.map +1 -0
  57. package/dist/vscode.html-custom-data.json +93 -2
  58. package/dist/web-types.json +267 -3
  59. package/package.json +7 -7
  60. package/src/TimelineHeaderBarTemplate.tsx +104 -0
  61. package/src/TimelineItemTemplate.tsx +7 -1
  62. package/src/TimelineTemplate.tsx +7 -0
  63. package/src/ViewSettingsDialogCustomTabTemplate.tsx +5 -0
  64. package/src/ViewSettingsDialogTemplate.tsx +31 -0
  65. package/src/i18n/messagebundle.properties +30 -0
  66. package/src/themes/Timeline.css +21 -7
  67. package/src/themes/TimelineHeaderBar.css +17 -0
  68. package/src/themes/ViewSettingsDialog.css +33 -0
@@ -9916,7 +9916,7 @@
9916
9916
  },
9917
9917
  {
9918
9918
  "kind": "class",
9919
- "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.",
9919
+ "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 Bar\n\nThe Timeline supports a `header-bar` slot for search, filter, and sort functionality.\nUse the `ui5-timeline-header-bar` component in this slot.\nThe Timeline fires `search`, `filter`, and `sort` events that the application should handle\nby adding, removing, or reordering items in the DOM. The Timeline itself does not perform\nfiltering or sorting — it renders whatever items are provided in the default slot.",
9920
9920
  "name": "Timeline",
9921
9921
  "slots": [
9922
9922
  {
@@ -9934,6 +9934,22 @@
9934
9934
  ]
9935
9935
  },
9936
9936
  "_ui5privacy": "public"
9937
+ },
9938
+ {
9939
+ "name": "headerBar",
9940
+ "description": "Defines the header bar of the timeline.\nUse `ui5-timeline-header-bar` for filtering, sorting, and search functionality.\n\n**Note:** The Timeline fires `search`, `filter`, and `sort` events when the user interacts\nwith the header bar. The application should handle these events to filter/sort the items.",
9941
+ "_ui5since": "2.22.0",
9942
+ "_ui5type": {
9943
+ "text": "Array<TimelineHeaderBar>",
9944
+ "references": [
9945
+ {
9946
+ "name": "TimelineHeaderBar",
9947
+ "package": "@ui5/webcomponents-fiori",
9948
+ "module": "dist/TimelineHeaderBar.js"
9949
+ }
9950
+ ]
9951
+ },
9952
+ "_ui5privacy": "public"
9937
9953
  }
9938
9954
  ],
9939
9955
  "members": [
@@ -10007,6 +10023,43 @@
10007
10023
  }
10008
10024
  ],
10009
10025
  "events": [
10026
+ {
10027
+ "name": "filter",
10028
+ "_ui5privacy": "public",
10029
+ "type": {
10030
+ "text": "CustomEvent<TimelineFilterEventDetail>",
10031
+ "references": [
10032
+ {
10033
+ "name": "TimelineFilterEventDetail",
10034
+ "package": "@ui5/webcomponents-fiori",
10035
+ "module": "dist/Timeline.js"
10036
+ }
10037
+ ]
10038
+ },
10039
+ "description": "Fired when the user changes filter selection in the header bar.\n\n**Note:** The Timeline does not perform filtering. The application should handle\nthis event and add/remove items from the DOM to reflect the filter selection.",
10040
+ "_ui5Cancelable": false,
10041
+ "_ui5allowPreventDefault": false,
10042
+ "_ui5Bubbles": true,
10043
+ "_ui5since": "2.22.0",
10044
+ "_ui5parameters": [
10045
+ {
10046
+ "type": {
10047
+ "text": "string"
10048
+ },
10049
+ "name": "filterBy",
10050
+ "_ui5privacy": "public",
10051
+ "description": "The filter category."
10052
+ },
10053
+ {
10054
+ "type": {
10055
+ "text": "Array<string>"
10056
+ },
10057
+ "name": "selectedOptions",
10058
+ "_ui5privacy": "public",
10059
+ "description": "The selected filter option texts."
10060
+ }
10061
+ ]
10062
+ },
10010
10063
  {
10011
10064
  "name": "load-more",
10012
10065
  "_ui5privacy": "public",
@@ -10018,6 +10071,64 @@
10018
10071
  "_ui5allowPreventDefault": false,
10019
10072
  "_ui5Bubbles": true,
10020
10073
  "_ui5since": "2.7.0"
10074
+ },
10075
+ {
10076
+ "name": "search",
10077
+ "_ui5privacy": "public",
10078
+ "type": {
10079
+ "text": "CustomEvent<TimelineSearchEventDetail>",
10080
+ "references": [
10081
+ {
10082
+ "name": "TimelineSearchEventDetail",
10083
+ "package": "@ui5/webcomponents-fiori",
10084
+ "module": "dist/Timeline.js"
10085
+ }
10086
+ ]
10087
+ },
10088
+ "description": "Fired when the user performs a search in the header bar.\n\n**Note:** The Timeline does not perform filtering. The application should handle\nthis event and add/remove items from the DOM to reflect the search results.",
10089
+ "_ui5Cancelable": false,
10090
+ "_ui5allowPreventDefault": false,
10091
+ "_ui5Bubbles": true,
10092
+ "_ui5since": "2.22.0",
10093
+ "_ui5parameters": [
10094
+ {
10095
+ "type": {
10096
+ "text": "string"
10097
+ },
10098
+ "name": "value",
10099
+ "_ui5privacy": "public",
10100
+ "description": "The search value entered by the user."
10101
+ }
10102
+ ]
10103
+ },
10104
+ {
10105
+ "name": "sort",
10106
+ "_ui5privacy": "public",
10107
+ "type": {
10108
+ "text": "CustomEvent<TimelineSortEventDetail>",
10109
+ "references": [
10110
+ {
10111
+ "name": "TimelineSortEventDetail",
10112
+ "package": "@ui5/webcomponents-fiori",
10113
+ "module": "dist/Timeline.js"
10114
+ }
10115
+ ]
10116
+ },
10117
+ "description": "Fired when the user changes sort order in the header bar.\n\n**Note:** The Timeline does not perform sorting. The application should handle\nthis event and reorder the items in the DOM accordingly.",
10118
+ "_ui5Cancelable": false,
10119
+ "_ui5allowPreventDefault": false,
10120
+ "_ui5Bubbles": true,
10121
+ "_ui5since": "2.22.0",
10122
+ "_ui5parameters": [
10123
+ {
10124
+ "type": {
10125
+ "text": "string"
10126
+ },
10127
+ "name": "sortOrder",
10128
+ "_ui5privacy": "public",
10129
+ "description": "The sort order (\"Ascending\" or \"Descending\")."
10130
+ }
10131
+ ]
10021
10132
  }
10022
10133
  ],
10023
10134
  "attributes": [
@@ -10097,6 +10208,86 @@
10097
10208
  }
10098
10209
  ]
10099
10210
  },
10211
+ {
10212
+ "kind": "javascript-module",
10213
+ "path": "dist/TimelineFilterOption.js",
10214
+ "declarations": [
10215
+ {
10216
+ "kind": "class",
10217
+ "description": "### Overview\n\nThe `ui5-timeline-filter-option` component defines individual filter values within a `ui5-timeline-header-bar`.\nIt represents a single selectable option that users can choose to filter timeline items.\n\n### Usage\n\nThe `ui5-timeline-filter-option` is used as a child component within `ui5-timeline-header-bar`.\nEach option represents a specific value that can be used for filtering.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/TimelineFilterOption.js\";`",
10218
+ "name": "TimelineFilterOption",
10219
+ "members": [
10220
+ {
10221
+ "kind": "field",
10222
+ "name": "selected",
10223
+ "type": {
10224
+ "text": "boolean"
10225
+ },
10226
+ "default": "false",
10227
+ "description": "Defines if the filter option is selected.",
10228
+ "privacy": "public"
10229
+ },
10230
+ {
10231
+ "kind": "field",
10232
+ "name": "text",
10233
+ "type": {
10234
+ "text": "string"
10235
+ },
10236
+ "default": "\"\"",
10237
+ "description": "Defines the text of the filter option.",
10238
+ "privacy": "public"
10239
+ }
10240
+ ],
10241
+ "attributes": [
10242
+ {
10243
+ "description": "Defines if the filter option is selected.",
10244
+ "name": "selected",
10245
+ "default": "false",
10246
+ "fieldName": "selected",
10247
+ "type": {
10248
+ "text": "boolean"
10249
+ }
10250
+ },
10251
+ {
10252
+ "description": "Defines the text of the filter option.",
10253
+ "name": "text",
10254
+ "default": "\"\"",
10255
+ "fieldName": "text",
10256
+ "type": {
10257
+ "text": "string"
10258
+ }
10259
+ }
10260
+ ],
10261
+ "superclass": {
10262
+ "name": "UI5Element",
10263
+ "package": "@ui5/webcomponents-base",
10264
+ "module": "dist/UI5Element.js"
10265
+ },
10266
+ "tagName": "ui5-timeline-filter-option",
10267
+ "customElement": true,
10268
+ "_ui5since": "2.22.0",
10269
+ "_ui5privacy": "public"
10270
+ }
10271
+ ],
10272
+ "exports": [
10273
+ {
10274
+ "kind": "js",
10275
+ "name": "default",
10276
+ "declaration": {
10277
+ "name": "TimelineFilterOption",
10278
+ "module": "dist/TimelineFilterOption.js"
10279
+ }
10280
+ },
10281
+ {
10282
+ "kind": "custom-element-definition",
10283
+ "name": "ui5-timeline-filter-option",
10284
+ "declaration": {
10285
+ "name": "TimelineFilterOption",
10286
+ "module": "dist/TimelineFilterOption.js"
10287
+ }
10288
+ }
10289
+ ]
10290
+ },
10100
10291
  {
10101
10292
  "kind": "javascript-module",
10102
10293
  "path": "dist/TimelineGroupItem.js",
@@ -10135,46 +10326,347 @@
10135
10326
  "privacy": "public"
10136
10327
  },
10137
10328
  {
10138
- "kind": "field",
10139
- "name": "groupName",
10140
- "type": {
10141
- "text": "string | undefined"
10142
- },
10143
- "description": "Defines the text of the button that expands and collapses the group.",
10144
- "default": "undefined",
10145
- "privacy": "public"
10146
- }
10147
- ],
10148
- "events": [
10149
- {
10150
- "name": "toggle",
10329
+ "kind": "field",
10330
+ "name": "groupName",
10331
+ "type": {
10332
+ "text": "string | undefined"
10333
+ },
10334
+ "description": "Defines the text of the button that expands and collapses the group.",
10335
+ "default": "undefined",
10336
+ "privacy": "public"
10337
+ }
10338
+ ],
10339
+ "events": [
10340
+ {
10341
+ "name": "toggle",
10342
+ "_ui5privacy": "public",
10343
+ "type": {
10344
+ "text": "CustomEvent"
10345
+ },
10346
+ "description": "Fired when the group item is expanded or collapsed.",
10347
+ "_ui5Cancelable": false,
10348
+ "_ui5allowPreventDefault": false,
10349
+ "_ui5Bubbles": true
10350
+ }
10351
+ ],
10352
+ "attributes": [
10353
+ {
10354
+ "description": "Determines if the group is collapsed or expanded.",
10355
+ "name": "collapsed",
10356
+ "default": "false",
10357
+ "fieldName": "collapsed",
10358
+ "type": {
10359
+ "text": "boolean"
10360
+ }
10361
+ },
10362
+ {
10363
+ "description": "Defines the text of the button that expands and collapses the group.",
10364
+ "name": "group-name",
10365
+ "default": "undefined",
10366
+ "fieldName": "groupName",
10367
+ "type": {
10368
+ "text": "string | undefined"
10369
+ }
10370
+ }
10371
+ ],
10372
+ "superclass": {
10373
+ "name": "UI5Element",
10374
+ "package": "@ui5/webcomponents-base",
10375
+ "module": "dist/UI5Element.js"
10376
+ },
10377
+ "tagName": "ui5-timeline-group-item",
10378
+ "customElement": true,
10379
+ "_ui5since": "2.1.0",
10380
+ "_ui5privacy": "public",
10381
+ "_ui5implements": [
10382
+ {
10383
+ "name": "ITimelineItem",
10384
+ "package": "@ui5/webcomponents-fiori",
10385
+ "module": "dist/Timeline.js"
10386
+ }
10387
+ ]
10388
+ }
10389
+ ],
10390
+ "exports": [
10391
+ {
10392
+ "kind": "js",
10393
+ "name": "default",
10394
+ "declaration": {
10395
+ "name": "TimelineGroupItem",
10396
+ "module": "dist/TimelineGroupItem.js"
10397
+ }
10398
+ },
10399
+ {
10400
+ "kind": "custom-element-definition",
10401
+ "name": "ui5-timeline-group-item",
10402
+ "declaration": {
10403
+ "name": "TimelineGroupItem",
10404
+ "module": "dist/TimelineGroupItem.js"
10405
+ }
10406
+ }
10407
+ ]
10408
+ },
10409
+ {
10410
+ "kind": "javascript-module",
10411
+ "path": "dist/TimelineHeaderBar.js",
10412
+ "declarations": [
10413
+ {
10414
+ "kind": "class",
10415
+ "description": "### Overview\n\nThe `ui5-timeline-header-bar` component provides search, filter, and sort functionality\nfor the `ui5-timeline` component. It is designed to be slotted into the `header-bar` slot\nof the Timeline.\n\n### Usage\n\nThe component fires events (`search`, `filter`, `sort`) that the application should handle\nto filter/sort the timeline items. The Timeline component itself does not perform any\nfiltering or sorting - this is the responsibility of the application.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/TimelineHeaderBar.js\";`",
10416
+ "name": "TimelineHeaderBar",
10417
+ "slots": [
10418
+ {
10419
+ "name": "default",
10420
+ "description": "Filter options to display in the filter dialog.",
10421
+ "_ui5propertyName": "filterOptions",
10422
+ "_ui5type": {
10423
+ "text": "Array<TimelineFilterOption>",
10424
+ "references": [
10425
+ {
10426
+ "name": "TimelineFilterOption",
10427
+ "package": "@ui5/webcomponents-fiori",
10428
+ "module": "dist/TimelineFilterOption.js"
10429
+ }
10430
+ ]
10431
+ },
10432
+ "_ui5privacy": "public"
10433
+ }
10434
+ ],
10435
+ "members": [
10436
+ {
10437
+ "kind": "field",
10438
+ "name": "filterBy",
10439
+ "type": {
10440
+ "text": "string"
10441
+ },
10442
+ "default": "\"\"",
10443
+ "description": "The current filter category label.",
10444
+ "privacy": "public"
10445
+ },
10446
+ {
10447
+ "kind": "field",
10448
+ "name": "searchValue",
10449
+ "type": {
10450
+ "text": "string"
10451
+ },
10452
+ "default": "\"\"",
10453
+ "description": "The current search value.",
10454
+ "privacy": "public"
10455
+ },
10456
+ {
10457
+ "kind": "field",
10458
+ "name": "showFilter",
10459
+ "type": {
10460
+ "text": "boolean"
10461
+ },
10462
+ "default": "false",
10463
+ "description": "Shows the filter button.",
10464
+ "privacy": "public"
10465
+ },
10466
+ {
10467
+ "kind": "field",
10468
+ "name": "showFilterByDate",
10469
+ "type": {
10470
+ "text": "boolean"
10471
+ },
10472
+ "default": "false",
10473
+ "description": "Shows the filter by date option.",
10474
+ "privacy": "public"
10475
+ },
10476
+ {
10477
+ "kind": "field",
10478
+ "name": "showSearch",
10479
+ "type": {
10480
+ "text": "boolean"
10481
+ },
10482
+ "default": "false",
10483
+ "description": "Shows the search input field.",
10484
+ "privacy": "public"
10485
+ },
10486
+ {
10487
+ "kind": "field",
10488
+ "name": "showSort",
10489
+ "type": {
10490
+ "text": "boolean"
10491
+ },
10492
+ "default": "false",
10493
+ "description": "Shows the sort button.",
10494
+ "privacy": "public"
10495
+ },
10496
+ {
10497
+ "kind": "field",
10498
+ "name": "sortOrder",
10499
+ "type": {
10500
+ "text": "TimelineSortOrder",
10501
+ "references": [
10502
+ {
10503
+ "name": "TimelineSortOrder",
10504
+ "package": "@ui5/webcomponents-fiori",
10505
+ "module": "dist/types/TimelineSortOrder.js"
10506
+ }
10507
+ ]
10508
+ },
10509
+ "default": "\"Ascending\"",
10510
+ "description": "The current sort order.",
10511
+ "privacy": "public"
10512
+ }
10513
+ ],
10514
+ "events": [
10515
+ {
10516
+ "name": "filter",
10517
+ "_ui5privacy": "public",
10518
+ "type": {
10519
+ "text": "CustomEvent<TimelineHeaderBarFilterEventDetail>",
10520
+ "references": [
10521
+ {
10522
+ "name": "TimelineHeaderBarFilterEventDetail",
10523
+ "package": "@ui5/webcomponents-fiori",
10524
+ "module": "dist/TimelineHeaderBar.js"
10525
+ }
10526
+ ]
10527
+ },
10528
+ "description": "Fired when the user changes filter selection.",
10529
+ "_ui5Cancelable": false,
10530
+ "_ui5allowPreventDefault": false,
10531
+ "_ui5Bubbles": true,
10532
+ "_ui5parameters": [
10533
+ {
10534
+ "type": {
10535
+ "text": "string"
10536
+ },
10537
+ "name": "filterBy",
10538
+ "_ui5privacy": "public",
10539
+ "description": "The filter category."
10540
+ },
10541
+ {
10542
+ "type": {
10543
+ "text": "Array<string>"
10544
+ },
10545
+ "name": "selectedOptions",
10546
+ "_ui5privacy": "public",
10547
+ "description": "The selected filter option texts."
10548
+ }
10549
+ ]
10550
+ },
10551
+ {
10552
+ "name": "search",
10553
+ "_ui5privacy": "public",
10554
+ "type": {
10555
+ "text": "CustomEvent<TimelineHeaderBarSearchEventDetail>",
10556
+ "references": [
10557
+ {
10558
+ "name": "TimelineHeaderBarSearchEventDetail",
10559
+ "package": "@ui5/webcomponents-fiori",
10560
+ "module": "dist/TimelineHeaderBar.js"
10561
+ }
10562
+ ]
10563
+ },
10564
+ "description": "Fired when the user performs a search.",
10565
+ "_ui5Cancelable": false,
10566
+ "_ui5allowPreventDefault": false,
10567
+ "_ui5Bubbles": true,
10568
+ "_ui5parameters": [
10569
+ {
10570
+ "type": {
10571
+ "text": "string"
10572
+ },
10573
+ "name": "value",
10574
+ "_ui5privacy": "public",
10575
+ "description": "The search value entered by the user."
10576
+ }
10577
+ ]
10578
+ },
10579
+ {
10580
+ "name": "sort",
10151
10581
  "_ui5privacy": "public",
10152
10582
  "type": {
10153
- "text": "CustomEvent"
10583
+ "text": "CustomEvent<TimelineHeaderBarSortEventDetail>",
10584
+ "references": [
10585
+ {
10586
+ "name": "TimelineHeaderBarSortEventDetail",
10587
+ "package": "@ui5/webcomponents-fiori",
10588
+ "module": "dist/TimelineHeaderBar.js"
10589
+ }
10590
+ ]
10154
10591
  },
10155
- "description": "Fired when the group item is expanded or collapsed.",
10592
+ "description": "Fired when the user changes sort order.",
10156
10593
  "_ui5Cancelable": false,
10157
10594
  "_ui5allowPreventDefault": false,
10158
- "_ui5Bubbles": true
10595
+ "_ui5Bubbles": true,
10596
+ "_ui5parameters": [
10597
+ {
10598
+ "type": {
10599
+ "text": "string"
10600
+ },
10601
+ "name": "sortOrder",
10602
+ "_ui5privacy": "public",
10603
+ "description": "The sort order (\"Ascending\" or \"Descending\")."
10604
+ }
10605
+ ]
10159
10606
  }
10160
10607
  ],
10161
10608
  "attributes": [
10162
10609
  {
10163
- "description": "Determines if the group is collapsed or expanded.",
10164
- "name": "collapsed",
10610
+ "description": "The current filter category label.",
10611
+ "name": "filter-by",
10612
+ "default": "\"\"",
10613
+ "fieldName": "filterBy",
10614
+ "type": {
10615
+ "text": "string"
10616
+ }
10617
+ },
10618
+ {
10619
+ "description": "The current search value.",
10620
+ "name": "search-value",
10621
+ "default": "\"\"",
10622
+ "fieldName": "searchValue",
10623
+ "type": {
10624
+ "text": "string"
10625
+ }
10626
+ },
10627
+ {
10628
+ "description": "Shows the filter button.",
10629
+ "name": "show-filter",
10165
10630
  "default": "false",
10166
- "fieldName": "collapsed",
10631
+ "fieldName": "showFilter",
10167
10632
  "type": {
10168
10633
  "text": "boolean"
10169
10634
  }
10170
10635
  },
10171
10636
  {
10172
- "description": "Defines the text of the button that expands and collapses the group.",
10173
- "name": "group-name",
10174
- "default": "undefined",
10175
- "fieldName": "groupName",
10637
+ "description": "Shows the filter by date option.",
10638
+ "name": "show-filter-by-date",
10639
+ "default": "false",
10640
+ "fieldName": "showFilterByDate",
10176
10641
  "type": {
10177
- "text": "string | undefined"
10642
+ "text": "boolean"
10643
+ }
10644
+ },
10645
+ {
10646
+ "description": "Shows the search input field.",
10647
+ "name": "show-search",
10648
+ "default": "false",
10649
+ "fieldName": "showSearch",
10650
+ "type": {
10651
+ "text": "boolean"
10652
+ }
10653
+ },
10654
+ {
10655
+ "description": "Shows the sort button.",
10656
+ "name": "show-sort",
10657
+ "default": "false",
10658
+ "fieldName": "showSort",
10659
+ "type": {
10660
+ "text": "boolean"
10661
+ }
10662
+ },
10663
+ {
10664
+ "description": "The current sort order.",
10665
+ "name": "sort-order",
10666
+ "default": "\"Ascending\"",
10667
+ "fieldName": "sortOrder",
10668
+ "type": {
10669
+ "text": "\"Ascending\" | \"Descending\""
10178
10670
  }
10179
10671
  }
10180
10672
  ],
@@ -10183,17 +10675,10 @@
10183
10675
  "package": "@ui5/webcomponents-base",
10184
10676
  "module": "dist/UI5Element.js"
10185
10677
  },
10186
- "tagName": "ui5-timeline-group-item",
10678
+ "tagName": "ui5-timeline-header-bar",
10187
10679
  "customElement": true,
10188
- "_ui5since": "2.1.0",
10189
- "_ui5privacy": "public",
10190
- "_ui5implements": [
10191
- {
10192
- "name": "ITimelineItem",
10193
- "package": "@ui5/webcomponents-fiori",
10194
- "module": "dist/Timeline.js"
10195
- }
10196
- ]
10680
+ "_ui5since": "2.22.0",
10681
+ "_ui5privacy": "public"
10197
10682
  }
10198
10683
  ],
10199
10684
  "exports": [
@@ -10201,16 +10686,16 @@
10201
10686
  "kind": "js",
10202
10687
  "name": "default",
10203
10688
  "declaration": {
10204
- "name": "TimelineGroupItem",
10205
- "module": "dist/TimelineGroupItem.js"
10689
+ "name": "TimelineHeaderBar",
10690
+ "module": "dist/TimelineHeaderBar.js"
10206
10691
  }
10207
10692
  },
10208
10693
  {
10209
10694
  "kind": "custom-element-definition",
10210
- "name": "ui5-timeline-group-item",
10695
+ "name": "ui5-timeline-header-bar",
10211
10696
  "declaration": {
10212
- "name": "TimelineGroupItem",
10213
- "module": "dist/TimelineGroupItem.js"
10697
+ "name": "TimelineHeaderBar",
10698
+ "module": "dist/TimelineHeaderBar.js"
10214
10699
  }
10215
10700
  }
10216
10701
  ]
@@ -10245,6 +10730,17 @@
10245
10730
  "default": "undefined",
10246
10731
  "privacy": "public"
10247
10732
  },
10733
+ {
10734
+ "kind": "field",
10735
+ "name": "iconTooltip",
10736
+ "type": {
10737
+ "text": "string | undefined"
10738
+ },
10739
+ "description": "Defines the tooltip of the graphical icon.",
10740
+ "default": "undefined",
10741
+ "privacy": "public",
10742
+ "_ui5since": "2.22.0"
10743
+ },
10248
10744
  {
10249
10745
  "kind": "field",
10250
10746
  "name": "name",
@@ -10327,6 +10823,15 @@
10327
10823
  "text": "string | undefined"
10328
10824
  }
10329
10825
  },
10826
+ {
10827
+ "description": "Defines the tooltip of the graphical icon.",
10828
+ "name": "icon-tooltip",
10829
+ "default": "undefined",
10830
+ "fieldName": "iconTooltip",
10831
+ "type": {
10832
+ "text": "string | undefined"
10833
+ }
10834
+ },
10330
10835
  {
10331
10836
  "description": "Defines the name of the item, displayed before the `title-text`.",
10332
10837
  "name": "name",
@@ -13786,6 +14291,22 @@
13786
14291
  }
13787
14292
  ],
13788
14293
  "slots": [
14294
+ {
14295
+ "name": "customTabs",
14296
+ "description": "Defines custom tabs for the dialog.\n\nThe custom tabs are rendered after the built-in tabs (`Sort`, `Filter`, `Group`).\n\n**Note:** If you want to use this slot, you need to import the item: `import \"@ui5/webcomponents-fiori/dist/ViewSettingsDialogCustomTab.js\";`",
14297
+ "_ui5since": "2.22.0",
14298
+ "_ui5type": {
14299
+ "text": "Array<ViewSettingsDialogCustomTab>",
14300
+ "references": [
14301
+ {
14302
+ "name": "ViewSettingsDialogCustomTab",
14303
+ "package": "@ui5/webcomponents-fiori",
14304
+ "module": "dist/ViewSettingsDialogCustomTab.js"
14305
+ }
14306
+ ]
14307
+ },
14308
+ "_ui5privacy": "public"
14309
+ },
13789
14310
  {
13790
14311
  "name": "filterItems",
13791
14312
  "description": "Defines the `filterItems` list.\n\n**Note:** If you want to use this slot, you need to import used item: `import \"@ui5/webcomponents-fiori/dist/FilterItem.js\";`",
@@ -13833,6 +14354,17 @@
13833
14354
  }
13834
14355
  ],
13835
14356
  "members": [
14357
+ {
14358
+ "kind": "field",
14359
+ "name": "enableReset",
14360
+ "type": {
14361
+ "text": "boolean"
14362
+ },
14363
+ "default": "false",
14364
+ "description": "Defines whether the Reset button is always enabled.\n\n**Note:** By default, the Reset button is only enabled when the dialog settings\ndiffer from their initial state. Set this property to `true` to keep the Reset\nbutton always enabled, which is useful when working with custom tabs\nwhose internal state changes cannot be detected by the component.",
14365
+ "privacy": "public",
14366
+ "_ui5since": "2.22.0"
14367
+ },
13836
14368
  {
13837
14369
  "kind": "field",
13838
14370
  "name": "groupDescending",
@@ -14113,9 +14645,30 @@
14113
14645
  "_ui5allowPreventDefault": false,
14114
14646
  "_ui5Bubbles": true,
14115
14647
  "_ui5since": "2.0.0"
14648
+ },
14649
+ {
14650
+ "name": "reset-click",
14651
+ "_ui5privacy": "public",
14652
+ "type": {
14653
+ "text": "CustomEvent"
14654
+ },
14655
+ "description": "Fired when the Reset button is clicked.\n\n**Note:** Use this event to reset the state of custom tab content,\nas the component cannot detect changes within custom tabs.",
14656
+ "_ui5Cancelable": false,
14657
+ "_ui5allowPreventDefault": false,
14658
+ "_ui5Bubbles": true,
14659
+ "_ui5since": "2.22.0"
14116
14660
  }
14117
14661
  ],
14118
14662
  "attributes": [
14663
+ {
14664
+ "description": "Defines whether the Reset button is always enabled.\n\n**Note:** By default, the Reset button is only enabled when the dialog settings\ndiffer from their initial state. Set this property to `true` to keep the Reset\nbutton always enabled, which is useful when working with custom tabs\nwhose internal state changes cannot be detected by the component.",
14665
+ "name": "enable-reset",
14666
+ "default": "false",
14667
+ "fieldName": "enableReset",
14668
+ "type": {
14669
+ "text": "boolean"
14670
+ }
14671
+ },
14119
14672
  {
14120
14673
  "description": "Defines the initial group order.",
14121
14674
  "name": "group-descending",
@@ -14174,6 +14727,116 @@
14174
14727
  }
14175
14728
  ]
14176
14729
  },
14730
+ {
14731
+ "kind": "javascript-module",
14732
+ "path": "dist/ViewSettingsDialogCustomTab.js",
14733
+ "declarations": [
14734
+ {
14735
+ "kind": "class",
14736
+ "description": "### Overview\n\nThe `ui5-view-settings-dialog-custom-tab` component allows defining custom tabs for the `ui5-view-settings-dialog`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/ViewSettingsDialogCustomTab.js\";`",
14737
+ "name": "ViewSettingsDialogCustomTab",
14738
+ "slots": [
14739
+ {
14740
+ "description": "Defines the custom tab content.",
14741
+ "name": "default",
14742
+ "_ui5privacy": "public",
14743
+ "_ui5type": {
14744
+ "text": "Array<Node>"
14745
+ }
14746
+ }
14747
+ ],
14748
+ "members": [
14749
+ {
14750
+ "kind": "field",
14751
+ "name": "icon",
14752
+ "type": {
14753
+ "text": "string"
14754
+ },
14755
+ "default": "\"\"",
14756
+ "description": "Defines the icon of the custom tab.\n\n**Note:** If not provided, the tab should not be rendered.",
14757
+ "privacy": "public"
14758
+ },
14759
+ {
14760
+ "kind": "field",
14761
+ "name": "title",
14762
+ "type": {
14763
+ "text": "string"
14764
+ },
14765
+ "default": "\"\"",
14766
+ "description": "Defines the title of the custom tab.\n\n**Note:** It is displayed in the dialog header when this tab is selected.",
14767
+ "privacy": "public"
14768
+ },
14769
+ {
14770
+ "kind": "field",
14771
+ "name": "tooltip",
14772
+ "type": {
14773
+ "text": "string"
14774
+ },
14775
+ "default": "\"\"",
14776
+ "description": "Defines the tooltip of the custom tab button.\n\n**Note:** It is shown on the segmented button item.",
14777
+ "privacy": "public"
14778
+ }
14779
+ ],
14780
+ "attributes": [
14781
+ {
14782
+ "description": "Defines the icon of the custom tab.\n\n**Note:** If not provided, the tab should not be rendered.",
14783
+ "name": "icon",
14784
+ "default": "\"\"",
14785
+ "fieldName": "icon",
14786
+ "type": {
14787
+ "text": "string"
14788
+ }
14789
+ },
14790
+ {
14791
+ "description": "Defines the title of the custom tab.\n\n**Note:** It is displayed in the dialog header when this tab is selected.",
14792
+ "name": "title",
14793
+ "default": "\"\"",
14794
+ "fieldName": "title",
14795
+ "type": {
14796
+ "text": "string"
14797
+ }
14798
+ },
14799
+ {
14800
+ "description": "Defines the tooltip of the custom tab button.\n\n**Note:** It is shown on the segmented button item.",
14801
+ "name": "tooltip",
14802
+ "default": "\"\"",
14803
+ "fieldName": "tooltip",
14804
+ "type": {
14805
+ "text": "string"
14806
+ }
14807
+ }
14808
+ ],
14809
+ "superclass": {
14810
+ "name": "UI5Element",
14811
+ "package": "@ui5/webcomponents-base",
14812
+ "module": "dist/UI5Element.js"
14813
+ },
14814
+ "tagName": "ui5-view-settings-dialog-custom-tab",
14815
+ "customElement": true,
14816
+ "_ui5since": "2.22.0",
14817
+ "_ui5privacy": "public",
14818
+ "_ui5abstract": true
14819
+ }
14820
+ ],
14821
+ "exports": [
14822
+ {
14823
+ "kind": "js",
14824
+ "name": "default",
14825
+ "declaration": {
14826
+ "name": "ViewSettingsDialogCustomTab",
14827
+ "module": "dist/ViewSettingsDialogCustomTab.js"
14828
+ }
14829
+ },
14830
+ {
14831
+ "kind": "custom-element-definition",
14832
+ "name": "ui5-view-settings-dialog-custom-tab",
14833
+ "declaration": {
14834
+ "name": "ViewSettingsDialogCustomTab",
14835
+ "module": "dist/ViewSettingsDialogCustomTab.js"
14836
+ }
14837
+ }
14838
+ ]
14839
+ },
14177
14840
  {
14178
14841
  "kind": "javascript-module",
14179
14842
  "path": "dist/Wizard.js",
@@ -16711,6 +17374,49 @@
16711
17374
  }
16712
17375
  ]
16713
17376
  },
17377
+ {
17378
+ "kind": "javascript-module",
17379
+ "path": "dist/types/TimelineSortOrder.js",
17380
+ "declarations": [
17381
+ {
17382
+ "kind": "enum",
17383
+ "name": "TimelineSortOrder",
17384
+ "description": "Sort order for Timeline items.",
17385
+ "_ui5privacy": "public",
17386
+ "_ui5since": "2.22.0",
17387
+ "members": [
17388
+ {
17389
+ "kind": "field",
17390
+ "static": true,
17391
+ "privacy": "public",
17392
+ "description": "Ascending order (oldest first).",
17393
+ "default": "Ascending",
17394
+ "name": "Ascending",
17395
+ "readonly": true
17396
+ },
17397
+ {
17398
+ "kind": "field",
17399
+ "static": true,
17400
+ "privacy": "public",
17401
+ "description": "Descending order (newest first).",
17402
+ "default": "Descending",
17403
+ "name": "Descending",
17404
+ "readonly": true
17405
+ }
17406
+ ]
17407
+ }
17408
+ ],
17409
+ "exports": [
17410
+ {
17411
+ "kind": "js",
17412
+ "name": "default",
17413
+ "declaration": {
17414
+ "name": "TimelineSortOrder",
17415
+ "module": "dist/types/TimelineSortOrder.js"
17416
+ }
17417
+ }
17418
+ ]
17419
+ },
16714
17420
  {
16715
17421
  "kind": "javascript-module",
16716
17422
  "path": "dist/types/UploadCollectionDnDMode.js",