@ui5/webcomponents-ngx 0.4.7-rc.1 → 0.4.7

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 (50) hide show
  1. package/fesm2022/ui5-webcomponents-ngx-fiori-illustrated-message.mjs +15 -4
  2. package/fesm2022/ui5-webcomponents-ngx-fiori-illustrated-message.mjs.map +1 -1
  3. package/fesm2022/ui5-webcomponents-ngx-fiori-search.mjs +3 -8
  4. package/fesm2022/ui5-webcomponents-ngx-fiori-search.mjs.map +1 -1
  5. package/fesm2022/ui5-webcomponents-ngx-fiori-shell-bar-item.mjs.map +1 -1
  6. package/fesm2022/ui5-webcomponents-ngx-fiori-shell-bar-search.mjs +78 -0
  7. package/fesm2022/ui5-webcomponents-ngx-fiori-shell-bar-search.mjs.map +1 -0
  8. package/fesm2022/ui5-webcomponents-ngx-fiori-shell-bar.mjs +16 -4
  9. package/fesm2022/ui5-webcomponents-ngx-fiori-shell-bar.mjs.map +1 -1
  10. package/fesm2022/ui5-webcomponents-ngx-fiori-side-navigation-group.mjs.map +1 -1
  11. package/fesm2022/ui5-webcomponents-ngx-fiori-side-navigation-item.mjs.map +1 -1
  12. package/fesm2022/ui5-webcomponents-ngx-fiori-side-navigation-sub-item.mjs.map +1 -1
  13. package/fesm2022/ui5-webcomponents-ngx-fiori.mjs +4 -0
  14. package/fesm2022/ui5-webcomponents-ngx-fiori.mjs.map +1 -1
  15. package/fesm2022/ui5-webcomponents-ngx-main-button.mjs.map +1 -1
  16. package/fesm2022/ui5-webcomponents-ngx-main-check-box.mjs.map +1 -1
  17. package/fesm2022/ui5-webcomponents-ngx-main-form-group.mjs +3 -3
  18. package/fesm2022/ui5-webcomponents-ngx-main-form-group.mjs.map +1 -1
  19. package/fesm2022/ui5-webcomponents-ngx-main-form.mjs +19 -3
  20. package/fesm2022/ui5-webcomponents-ngx-main-form.mjs.map +1 -1
  21. package/fesm2022/ui5-webcomponents-ngx-main-list-item-standard.mjs +5 -1
  22. package/fesm2022/ui5-webcomponents-ngx-main-list-item-standard.mjs.map +1 -1
  23. package/fesm2022/ui5-webcomponents-ngx-main-menu.mjs +17 -3
  24. package/fesm2022/ui5-webcomponents-ngx-main-menu.mjs.map +1 -1
  25. package/fesm2022/ui5-webcomponents-ngx-main-table-header-cell.mjs +1 -3
  26. package/fesm2022/ui5-webcomponents-ngx-main-table-header-cell.mjs.map +1 -1
  27. package/fesm2022/ui5-webcomponents-ngx-main-toggle-button.mjs.map +1 -1
  28. package/fesm2022/ui5-webcomponents-ngx.mjs +1 -0
  29. package/fesm2022/ui5-webcomponents-ngx.mjs.map +1 -1
  30. package/fiori/illustrated-message/index.d.ts +8 -1
  31. package/fiori/search/index.d.ts +3 -8
  32. package/fiori/shell-bar/index.d.ts +27 -8
  33. package/fiori/shell-bar-item/index.d.ts +2 -2
  34. package/fiori/shell-bar-search/index.d.ts +74 -0
  35. package/fiori/side-navigation-group/index.d.ts +2 -1
  36. package/fiori/side-navigation-item/index.d.ts +2 -1
  37. package/fiori/side-navigation-sub-item/index.d.ts +2 -1
  38. package/fiori/ui5-fiori.module.d.ts +22 -21
  39. package/index.d.ts +1 -0
  40. package/main/button/index.d.ts +4 -6
  41. package/main/check-box/index.d.ts +3 -0
  42. package/main/form/index.d.ts +10 -1
  43. package/main/form-group/index.d.ts +6 -1
  44. package/main/list-item-standard/index.d.ts +19 -1
  45. package/main/menu/index.d.ts +7 -3
  46. package/main/table-header-cell/index.d.ts +15 -9
  47. package/main/toggle-button/index.d.ts +4 -6
  48. package/package.json +56 -52
  49. package/ui5-webcomponents-ngx-0.4.7.tgz +0 -0
  50. package/ui5-webcomponents-ngx-0.4.7-rc.1.tgz +0 -0
@@ -1,8 +1,20 @@
1
1
  import { EventEmitter } from '@angular/core';
2
2
  import '@ui5/webcomponents-fiori/dist/ShellBar.js';
3
- import { default as ShellBar, ShellBarAccessibilityAttributes, ShellBarContentItemVisibilityChangeEventDetail, ShellBarLogoClickEventDetail, ShellBarMenuItemClickEventDetail, ShellBarNotificationsClickEventDetail, ShellBarProductSwitchClickEventDetail, ShellBarProfileClickEventDetail, ShellBarSearchButtonEventDetail } from '@ui5/webcomponents-fiori/dist/ShellBar.js';
3
+ import { default as ShellBar, ShellBarAccessibilityAttributes, ShellBarContentItemVisibilityChangeEventDetail, ShellBarLogoClickEventDetail, ShellBarMenuItemClickEventDetail, ShellBarNotificationsClickEventDetail, ShellBarProductSwitchClickEventDetail, ShellBarProfileClickEventDetail, ShellBarSearchButtonEventDetail, ShellBarSearchFieldToggleEventDetail } from '@ui5/webcomponents-fiori/dist/ShellBar.js';
4
4
  import * as i0 from "@angular/core";
5
5
  declare class ShellBarComponent {
6
+ /**
7
+ Defines the visibility state of the search button.
8
+
9
+ **Note:** The `hideSearchButton` property is in an experimental state and is a subject to change.
10
+ */
11
+ hideSearchButton: boolean;
12
+ /**
13
+ Disables the automatic search field expansion/collapse when the available space is not enough.
14
+
15
+ **Note:** The `disableSearchCollapse` property is in an experimental state and is a subject to change.
16
+ */
17
+ disableSearchCollapse: boolean;
6
18
  /**
7
19
  Defines the `primaryTitle`.
8
20
 
@@ -28,12 +40,6 @@ declare class ShellBarComponent {
28
40
  Defines, if the product switch icon would be displayed.
29
41
  */
30
42
  showProductSwitch: boolean;
31
- /**
32
- Defines, if the Search Field would be displayed when there is a valid `searchField` slot.
33
-
34
- **Note:** By default the Search Field is not displayed.
35
- */
36
- showSearchField: boolean;
37
43
  /**
38
44
  Defines additional accessibility attributes on different areas of the component.
39
45
 
@@ -46,6 +52,7 @@ declare class ShellBarComponent {
46
52
  - **product** - `product.expanded` and `product.hasPopup`.
47
53
  - **search** - `search.hasPopup`.
48
54
  - **overflow** - `overflow.expanded` and `overflow.hasPopup`.
55
+ - **branding** - `branding.name`.
49
56
 
50
57
  The accessibility attributes support the following values:
51
58
 
@@ -64,6 +71,12 @@ declare class ShellBarComponent {
64
71
  Accepts any string.
65
72
  */
66
73
  accessibilityAttributes: ShellBarAccessibilityAttributes;
74
+ /**
75
+ Defines, if the Search Field would be displayed when there is a valid `searchField` slot.
76
+
77
+ **Note:** By default the Search Field is not displayed.
78
+ */
79
+ showSearchField: boolean;
67
80
  /**
68
81
  Fired, when the notification icon is activated.
69
82
  */
@@ -94,6 +107,10 @@ declare class ShellBarComponent {
94
107
  **Note:** You can prevent expanding/collapsing of the search field by calling `event.preventDefault()`.
95
108
  */
96
109
  ui5SearchButtonClick: EventEmitter<ShellBarSearchButtonEventDetail>;
110
+ /**
111
+ Fired, when the search field is expanded or collapsed.
112
+ */
113
+ ui5SearchFieldToggle: EventEmitter<ShellBarSearchFieldToggleEventDetail>;
97
114
  /**
98
115
  Fired, when an item from the content slot is hidden or shown.
99
116
  **Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.
@@ -105,7 +122,9 @@ declare class ShellBarComponent {
105
122
  get element(): ShellBar;
106
123
  constructor();
107
124
  static ɵfac: i0.ɵɵFactoryDeclaration<ShellBarComponent, never>;
108
- static ɵcmp: i0.ɵɵComponentDeclaration<ShellBarComponent, "ui5-shellbar", ["ui5Shellbar"], { "primaryTitle": { "alias": "primaryTitle"; "required": false; }; "secondaryTitle": { "alias": "secondaryTitle"; "required": false; }; "notificationsCount": { "alias": "notificationsCount"; "required": false; }; "showNotifications": { "alias": "showNotifications"; "required": false; }; "showProductSwitch": { "alias": "showProductSwitch"; "required": false; }; "showSearchField": { "alias": "showSearchField"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; }, { "ui5NotificationsClick": "ui5NotificationsClick"; "ui5ProfileClick": "ui5ProfileClick"; "ui5ProductSwitchClick": "ui5ProductSwitchClick"; "ui5LogoClick": "ui5LogoClick"; "ui5MenuItemClick": "ui5MenuItemClick"; "ui5SearchButtonClick": "ui5SearchButtonClick"; "ui5ContentItemVisibilityChange": "ui5ContentItemVisibilityChange"; }, never, ["*"], true, never>;
125
+ static ɵcmp: i0.ɵɵComponentDeclaration<ShellBarComponent, "ui5-shellbar", ["ui5Shellbar"], { "hideSearchButton": { "alias": "hideSearchButton"; "required": false; }; "disableSearchCollapse": { "alias": "disableSearchCollapse"; "required": false; }; "primaryTitle": { "alias": "primaryTitle"; "required": false; }; "secondaryTitle": { "alias": "secondaryTitle"; "required": false; }; "notificationsCount": { "alias": "notificationsCount"; "required": false; }; "showNotifications": { "alias": "showNotifications"; "required": false; }; "showProductSwitch": { "alias": "showProductSwitch"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "showSearchField": { "alias": "showSearchField"; "required": false; }; }, { "ui5NotificationsClick": "ui5NotificationsClick"; "ui5ProfileClick": "ui5ProfileClick"; "ui5ProductSwitchClick": "ui5ProductSwitchClick"; "ui5LogoClick": "ui5LogoClick"; "ui5MenuItemClick": "ui5MenuItemClick"; "ui5SearchButtonClick": "ui5SearchButtonClick"; "ui5SearchFieldToggle": "ui5SearchFieldToggle"; "ui5ContentItemVisibilityChange": "ui5ContentItemVisibilityChange"; }, never, ["*"], true, never>;
126
+ static ngAcceptInputType_hideSearchButton: unknown;
127
+ static ngAcceptInputType_disableSearchCollapse: unknown;
109
128
  static ngAcceptInputType_showNotifications: unknown;
110
129
  static ngAcceptInputType_showProductSwitch: unknown;
111
130
  static ngAcceptInputType_showSearchField: unknown;
@@ -9,8 +9,8 @@ declare class ShellBarItemComponent {
9
9
  icon: string | undefined;
10
10
  /**
11
11
  Defines the item text.
12
-
13
- **Note:** The text is only displayed inside the overflow popover list view.
12
+
13
+ **Note:** The text is only displayed inside the overflow popover list view.
14
14
  */
15
15
  text: string | undefined;
16
16
  /**
@@ -0,0 +1,74 @@
1
+ import { EventEmitter } from '@angular/core';
2
+ import { SearchFieldScopeSelectionChangeDetails } from '@ui5/webcomponents-fiori/dist/SearchField.js';
3
+ import '@ui5/webcomponents-fiori/dist/ShellBarSearch.js';
4
+ import ShellBarSearch from '@ui5/webcomponents-fiori/dist/ShellBarSearch.js';
5
+ import * as i0 from "@angular/core";
6
+ declare class ShellBarSearchComponent {
7
+ /**
8
+ Indicates whether a loading indicator should be shown in the popup.
9
+ */
10
+ loading: boolean;
11
+ /**
12
+ Defines whether the value will be autcompleted to match an item.
13
+ */
14
+ noTypeahead: boolean;
15
+ /**
16
+ Indicates whether the items picker is open.
17
+ */
18
+ open: boolean;
19
+ /**
20
+ Defines whether the clear icon of the search will be shown.
21
+ */
22
+ showClearIcon: boolean;
23
+ /**
24
+ Defines the value of the component.
25
+
26
+ **Note:** The property is updated upon typing.
27
+ */
28
+ value: string;
29
+ /**
30
+ Defines a short hint intended to aid the user with data entry when the
31
+ component has no value.
32
+ */
33
+ placeholder: string | undefined;
34
+ /**
35
+ Defines the accessible ARIA name of the component.
36
+ */
37
+ accessibleName: string | undefined;
38
+ /**
39
+ Defines the accessible ARIA description of the field.
40
+ */
41
+ accessibleDescription: string | undefined;
42
+ /**
43
+ Fired when the popup is opened.
44
+ */
45
+ ui5Open: EventEmitter<void>;
46
+ /**
47
+ Fired when the popup is closed.
48
+ */
49
+ ui5Close: EventEmitter<void>;
50
+ /**
51
+ Fired when typing in input or clear icon is pressed.
52
+ */
53
+ ui5Input: EventEmitter<void>;
54
+ /**
55
+ Fired when the scope has changed.
56
+ */
57
+ ui5ScopeChange: EventEmitter<SearchFieldScopeSelectionChangeDetails>;
58
+ /**
59
+ Fired when the user has triggered search with Enter key or Search Button press.
60
+ */
61
+ ui5Search: EventEmitter<void>;
62
+ private elementRef;
63
+ private zone;
64
+ private cdr;
65
+ get element(): ShellBarSearch;
66
+ constructor();
67
+ static ɵfac: i0.ɵɵFactoryDeclaration<ShellBarSearchComponent, never>;
68
+ static ɵcmp: i0.ɵɵComponentDeclaration<ShellBarSearchComponent, "ui5-shellbar-search", ["ui5ShellbarSearch"], { "loading": { "alias": "loading"; "required": false; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; }; "open": { "alias": "open"; "required": false; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; }, { "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5ScopeChange": "ui5ScopeChange"; "ui5Search": "ui5Search"; }, never, ["*"], true, never>;
69
+ static ngAcceptInputType_loading: unknown;
70
+ static ngAcceptInputType_noTypeahead: unknown;
71
+ static ngAcceptInputType_open: unknown;
72
+ static ngAcceptInputType_showClearIcon: unknown;
73
+ }
74
+ export { ShellBarSearchComponent };
@@ -15,7 +15,8 @@ declare class SideNavigationGroupComponent {
15
15
  /**
16
16
  Defines the tooltip of the component.
17
17
 
18
- A tooltip attribute should be provided, in order to represent meaning/function, when the component is collapsed(icon only is visualized).
18
+ A tooltip attribute should be provided, in order to represent meaning/function,
19
+ when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
19
20
  */
20
21
  tooltip: string | undefined;
21
22
  /**
@@ -17,7 +17,8 @@ declare class SideNavigationItemComponent {
17
17
  /**
18
18
  Defines the tooltip of the component.
19
19
 
20
- A tooltip attribute should be provided, in order to represent meaning/function, when the component is collapsed(icon only is visualized).
20
+ A tooltip attribute should be provided, in order to represent meaning/function,
21
+ when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
21
22
  */
22
23
  tooltip: string | undefined;
23
24
  /**
@@ -17,7 +17,8 @@ declare class SideNavigationSubItemComponent {
17
17
  /**
18
18
  Defines the tooltip of the component.
19
19
 
20
- A tooltip attribute should be provided, in order to represent meaning/function, when the component is collapsed(icon only is visualized).
20
+ A tooltip attribute should be provided, in order to represent meaning/function,
21
+ when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
21
22
  */
22
23
  tooltip: string | undefined;
23
24
  /**
@@ -26,30 +26,31 @@ import * as i22 from "@ui5/webcomponents-ngx/fiori/search-message-area";
26
26
  import * as i23 from "@ui5/webcomponents-ngx/fiori/search-scope";
27
27
  import * as i24 from "@ui5/webcomponents-ngx/fiori/shell-bar";
28
28
  import * as i25 from "@ui5/webcomponents-ngx/fiori/shell-bar-item";
29
- import * as i26 from "@ui5/webcomponents-ngx/fiori/shell-bar-spacer";
30
- import * as i27 from "@ui5/webcomponents-ngx/fiori/side-navigation";
31
- import * as i28 from "@ui5/webcomponents-ngx/fiori/side-navigation-group";
32
- import * as i29 from "@ui5/webcomponents-ngx/fiori/side-navigation-item";
33
- import * as i30 from "@ui5/webcomponents-ngx/fiori/side-navigation-sub-item";
34
- import * as i31 from "@ui5/webcomponents-ngx/fiori/sort-item";
35
- import * as i32 from "@ui5/webcomponents-ngx/fiori/timeline";
36
- import * as i33 from "@ui5/webcomponents-ngx/fiori/timeline-group-item";
37
- import * as i34 from "@ui5/webcomponents-ngx/fiori/timeline-item";
38
- import * as i35 from "@ui5/webcomponents-ngx/fiori/upload-collection";
39
- import * as i36 from "@ui5/webcomponents-ngx/fiori/upload-collection-item";
40
- import * as i37 from "@ui5/webcomponents-ngx/fiori/user-menu";
41
- import * as i38 from "@ui5/webcomponents-ngx/fiori/user-menu-account";
42
- import * as i39 from "@ui5/webcomponents-ngx/fiori/user-menu-item";
43
- import * as i40 from "@ui5/webcomponents-ngx/fiori/user-settings-dialog";
44
- import * as i41 from "@ui5/webcomponents-ngx/fiori/user-settings-item";
45
- import * as i42 from "@ui5/webcomponents-ngx/fiori/user-settings-view";
46
- import * as i43 from "@ui5/webcomponents-ngx/fiori/view-settings-dialog";
47
- import * as i44 from "@ui5/webcomponents-ngx/fiori/wizard";
48
- import * as i45 from "@ui5/webcomponents-ngx/fiori/wizard-step";
29
+ import * as i26 from "@ui5/webcomponents-ngx/fiori/shell-bar-search";
30
+ import * as i27 from "@ui5/webcomponents-ngx/fiori/shell-bar-spacer";
31
+ import * as i28 from "@ui5/webcomponents-ngx/fiori/side-navigation";
32
+ import * as i29 from "@ui5/webcomponents-ngx/fiori/side-navigation-group";
33
+ import * as i30 from "@ui5/webcomponents-ngx/fiori/side-navigation-item";
34
+ import * as i31 from "@ui5/webcomponents-ngx/fiori/side-navigation-sub-item";
35
+ import * as i32 from "@ui5/webcomponents-ngx/fiori/sort-item";
36
+ import * as i33 from "@ui5/webcomponents-ngx/fiori/timeline";
37
+ import * as i34 from "@ui5/webcomponents-ngx/fiori/timeline-group-item";
38
+ import * as i35 from "@ui5/webcomponents-ngx/fiori/timeline-item";
39
+ import * as i36 from "@ui5/webcomponents-ngx/fiori/upload-collection";
40
+ import * as i37 from "@ui5/webcomponents-ngx/fiori/upload-collection-item";
41
+ import * as i38 from "@ui5/webcomponents-ngx/fiori/user-menu";
42
+ import * as i39 from "@ui5/webcomponents-ngx/fiori/user-menu-account";
43
+ import * as i40 from "@ui5/webcomponents-ngx/fiori/user-menu-item";
44
+ import * as i41 from "@ui5/webcomponents-ngx/fiori/user-settings-dialog";
45
+ import * as i42 from "@ui5/webcomponents-ngx/fiori/user-settings-item";
46
+ import * as i43 from "@ui5/webcomponents-ngx/fiori/user-settings-view";
47
+ import * as i44 from "@ui5/webcomponents-ngx/fiori/view-settings-dialog";
48
+ import * as i45 from "@ui5/webcomponents-ngx/fiori/wizard";
49
+ import * as i46 from "@ui5/webcomponents-ngx/fiori/wizard-step";
49
50
  declare class Ui5FioriModule {
50
51
  constructor(ui5WebcomponentsFioriThemingService: Ui5WebcomponentsFioriThemingService);
51
52
  static ɵfac: i0.ɵɵFactoryDeclaration<Ui5FioriModule, never>;
52
- static ɵmod: i0.ɵɵNgModuleDeclaration<Ui5FioriModule, never, [typeof i1.BarcodeScannerDialogComponent, typeof i2.DynamicPageComponent, typeof i3.DynamicPageHeaderComponent, typeof i4.DynamicPageTitleComponent, typeof i5.DynamicSideContentComponent, typeof i6.FilterItemComponent, typeof i7.FilterItemOptionComponent, typeof i8.FlexibleColumnLayoutComponent, typeof i9.IllustratedMessageComponent, typeof i10.MediaGalleryComponent, typeof i11.MediaGalleryItemComponent, typeof i12.NavigationLayoutComponent, typeof i13.NotificationListComponent, typeof i14.NotificationListGroupItemComponent, typeof i15.NotificationListItemComponent, typeof i16.PageComponent, typeof i17.ProductSwitchComponent, typeof i18.ProductSwitchItemComponent, typeof i19.SearchComponent, typeof i20.SearchItemComponent, typeof i21.SearchItemGroupComponent, typeof i22.SearchMessageAreaComponent, typeof i23.SearchScopeComponent, typeof i24.ShellBarComponent, typeof i25.ShellBarItemComponent, typeof i26.ShellBarSpacerComponent, typeof i27.SideNavigationComponent, typeof i28.SideNavigationGroupComponent, typeof i29.SideNavigationItemComponent, typeof i30.SideNavigationSubItemComponent, typeof i31.SortItemComponent, typeof i32.TimelineComponent, typeof i33.TimelineGroupItemComponent, typeof i34.TimelineItemComponent, typeof i35.UploadCollectionComponent, typeof i36.UploadCollectionItemComponent, typeof i37.UserMenuComponent, typeof i38.UserMenuAccountComponent, typeof i39.UserMenuItemComponent, typeof i40.UserSettingsDialogComponent, typeof i41.UserSettingsItemComponent, typeof i42.UserSettingsViewComponent, typeof i43.ViewSettingsDialogComponent, typeof i44.WizardComponent, typeof i45.WizardStepComponent], [typeof i1.BarcodeScannerDialogComponent, typeof i2.DynamicPageComponent, typeof i3.DynamicPageHeaderComponent, typeof i4.DynamicPageTitleComponent, typeof i5.DynamicSideContentComponent, typeof i6.FilterItemComponent, typeof i7.FilterItemOptionComponent, typeof i8.FlexibleColumnLayoutComponent, typeof i9.IllustratedMessageComponent, typeof i10.MediaGalleryComponent, typeof i11.MediaGalleryItemComponent, typeof i12.NavigationLayoutComponent, typeof i13.NotificationListComponent, typeof i14.NotificationListGroupItemComponent, typeof i15.NotificationListItemComponent, typeof i16.PageComponent, typeof i17.ProductSwitchComponent, typeof i18.ProductSwitchItemComponent, typeof i19.SearchComponent, typeof i20.SearchItemComponent, typeof i21.SearchItemGroupComponent, typeof i22.SearchMessageAreaComponent, typeof i23.SearchScopeComponent, typeof i24.ShellBarComponent, typeof i25.ShellBarItemComponent, typeof i26.ShellBarSpacerComponent, typeof i27.SideNavigationComponent, typeof i28.SideNavigationGroupComponent, typeof i29.SideNavigationItemComponent, typeof i30.SideNavigationSubItemComponent, typeof i31.SortItemComponent, typeof i32.TimelineComponent, typeof i33.TimelineGroupItemComponent, typeof i34.TimelineItemComponent, typeof i35.UploadCollectionComponent, typeof i36.UploadCollectionItemComponent, typeof i37.UserMenuComponent, typeof i38.UserMenuAccountComponent, typeof i39.UserMenuItemComponent, typeof i40.UserSettingsDialogComponent, typeof i41.UserSettingsItemComponent, typeof i42.UserSettingsViewComponent, typeof i43.ViewSettingsDialogComponent, typeof i44.WizardComponent, typeof i45.WizardStepComponent]>;
53
+ static ɵmod: i0.ɵɵNgModuleDeclaration<Ui5FioriModule, never, [typeof i1.BarcodeScannerDialogComponent, typeof i2.DynamicPageComponent, typeof i3.DynamicPageHeaderComponent, typeof i4.DynamicPageTitleComponent, typeof i5.DynamicSideContentComponent, typeof i6.FilterItemComponent, typeof i7.FilterItemOptionComponent, typeof i8.FlexibleColumnLayoutComponent, typeof i9.IllustratedMessageComponent, typeof i10.MediaGalleryComponent, typeof i11.MediaGalleryItemComponent, typeof i12.NavigationLayoutComponent, typeof i13.NotificationListComponent, typeof i14.NotificationListGroupItemComponent, typeof i15.NotificationListItemComponent, typeof i16.PageComponent, typeof i17.ProductSwitchComponent, typeof i18.ProductSwitchItemComponent, typeof i19.SearchComponent, typeof i20.SearchItemComponent, typeof i21.SearchItemGroupComponent, typeof i22.SearchMessageAreaComponent, typeof i23.SearchScopeComponent, typeof i24.ShellBarComponent, typeof i25.ShellBarItemComponent, typeof i26.ShellBarSearchComponent, typeof i27.ShellBarSpacerComponent, typeof i28.SideNavigationComponent, typeof i29.SideNavigationGroupComponent, typeof i30.SideNavigationItemComponent, typeof i31.SideNavigationSubItemComponent, typeof i32.SortItemComponent, typeof i33.TimelineComponent, typeof i34.TimelineGroupItemComponent, typeof i35.TimelineItemComponent, typeof i36.UploadCollectionComponent, typeof i37.UploadCollectionItemComponent, typeof i38.UserMenuComponent, typeof i39.UserMenuAccountComponent, typeof i40.UserMenuItemComponent, typeof i41.UserSettingsDialogComponent, typeof i42.UserSettingsItemComponent, typeof i43.UserSettingsViewComponent, typeof i44.ViewSettingsDialogComponent, typeof i45.WizardComponent, typeof i46.WizardStepComponent], [typeof i1.BarcodeScannerDialogComponent, typeof i2.DynamicPageComponent, typeof i3.DynamicPageHeaderComponent, typeof i4.DynamicPageTitleComponent, typeof i5.DynamicSideContentComponent, typeof i6.FilterItemComponent, typeof i7.FilterItemOptionComponent, typeof i8.FlexibleColumnLayoutComponent, typeof i9.IllustratedMessageComponent, typeof i10.MediaGalleryComponent, typeof i11.MediaGalleryItemComponent, typeof i12.NavigationLayoutComponent, typeof i13.NotificationListComponent, typeof i14.NotificationListGroupItemComponent, typeof i15.NotificationListItemComponent, typeof i16.PageComponent, typeof i17.ProductSwitchComponent, typeof i18.ProductSwitchItemComponent, typeof i19.SearchComponent, typeof i20.SearchItemComponent, typeof i21.SearchItemGroupComponent, typeof i22.SearchMessageAreaComponent, typeof i23.SearchScopeComponent, typeof i24.ShellBarComponent, typeof i25.ShellBarItemComponent, typeof i26.ShellBarSearchComponent, typeof i27.ShellBarSpacerComponent, typeof i28.SideNavigationComponent, typeof i29.SideNavigationGroupComponent, typeof i30.SideNavigationItemComponent, typeof i31.SideNavigationSubItemComponent, typeof i32.SortItemComponent, typeof i33.TimelineComponent, typeof i34.TimelineGroupItemComponent, typeof i35.TimelineItemComponent, typeof i36.UploadCollectionComponent, typeof i37.UploadCollectionItemComponent, typeof i38.UserMenuComponent, typeof i39.UserMenuAccountComponent, typeof i40.UserMenuItemComponent, typeof i41.UserSettingsDialogComponent, typeof i42.UserSettingsItemComponent, typeof i43.UserSettingsViewComponent, typeof i44.ViewSettingsDialogComponent, typeof i45.WizardComponent, typeof i46.WizardStepComponent]>;
53
54
  static ɵinj: i0.ɵɵInjectorDeclaration<Ui5FioriModule>;
54
55
  }
55
56
  export { Ui5FioriModule };
package/index.d.ts CHANGED
@@ -23,6 +23,7 @@ export { SearchMessageAreaComponent } from '@ui5/webcomponents-ngx/fiori/search-
23
23
  export { SearchScopeComponent } from '@ui5/webcomponents-ngx/fiori/search-scope';
24
24
  export { ShellBarComponent } from '@ui5/webcomponents-ngx/fiori/shell-bar';
25
25
  export { ShellBarItemComponent } from '@ui5/webcomponents-ngx/fiori/shell-bar-item';
26
+ export { ShellBarSearchComponent } from '@ui5/webcomponents-ngx/fiori/shell-bar-search';
26
27
  export { ShellBarSpacerComponent } from '@ui5/webcomponents-ngx/fiori/shell-bar-spacer';
27
28
  export { SideNavigationComponent } from '@ui5/webcomponents-ngx/fiori/side-navigation';
28
29
  export { SideNavigationGroupComponent } from '@ui5/webcomponents-ngx/fiori/side-navigation-group';
@@ -1,6 +1,6 @@
1
1
  import { EventEmitter } from '@angular/core';
2
2
  import '@ui5/webcomponents/dist/Button.js';
3
- import { default as Button, ButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/Button.js';
3
+ import { default as Button, ButtonAccessibilityAttributes, ButtonClickEventDetail } from '@ui5/webcomponents/dist/Button.js';
4
4
  import * as i0 from "@angular/core";
5
5
  declare class ButtonComponent {
6
6
  /**
@@ -85,13 +85,11 @@ declare class ButtonComponent {
85
85
  */
86
86
  accessibleRole: 'Button' | 'Link';
87
87
  /**
88
- Fired when the component is activated either with a
89
- mouse/tap or by using the Enter or Space key.
88
+ Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.
90
89
 
91
- **Note:** The event will not be fired if the `disabled`
92
- property is set to `true`.
90
+ **Note:** The event will not be fired if the `disabled` property is set to `true`.
93
91
  */
94
- ui5Click: EventEmitter<Event>;
92
+ ui5Click: EventEmitter<ButtonClickEventDetail>;
95
93
  private elementRef;
96
94
  private zone;
97
95
  private cdr;
@@ -37,6 +37,9 @@ declare class CheckBoxComponent {
37
37
  displayOnly: boolean;
38
38
  /**
39
39
  Defines whether the component is required.
40
+
41
+ **Note:** We advise against using the text property of the checkbox when there is a
42
+ label associated with it to avoid having two required asterisks.
40
43
  */
41
44
  required: boolean;
42
45
  /**
@@ -2,6 +2,10 @@ import '@ui5/webcomponents/dist/Form.js';
2
2
  import Form from '@ui5/webcomponents/dist/Form.js';
3
3
  import * as i0 from "@angular/core";
4
4
  declare class FormComponent {
5
+ /**
6
+ Defines the accessible ARIA name of the component.
7
+ */
8
+ accessibleName: string | undefined;
5
9
  /**
6
10
  Defines the number of columns to distribute the form content by breakpoint.
7
11
 
@@ -40,6 +44,11 @@ declare class FormComponent {
40
44
  **Note:** The property gets overridden by the `header` slot.
41
45
  */
42
46
  headerText: string | undefined;
47
+ /**
48
+ Defines the compoennt heading level,
49
+ set by the `headerText`.
50
+ */
51
+ headerLevel: 'H1' | 'H2' | 'H3' | 'H4' | 'H5' | 'H6';
43
52
  /**
44
53
  Defines the vertical spacing between form items.
45
54
 
@@ -54,6 +63,6 @@ declare class FormComponent {
54
63
  get element(): Form;
55
64
  constructor();
56
65
  static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
57
- static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "ui5-form", ["ui5Form"], { "layout": { "alias": "layout"; "required": false; }; "labelSpan": { "alias": "labelSpan"; "required": false; }; "emptySpan": { "alias": "emptySpan"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "itemSpacing": { "alias": "itemSpacing"; "required": false; }; }, {}, never, ["*"], true, never>;
66
+ static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "ui5-form", ["ui5Form"], { "accessibleName": { "alias": "accessibleName"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "labelSpan": { "alias": "labelSpan"; "required": false; }; "emptySpan": { "alias": "emptySpan"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "headerLevel": { "alias": "headerLevel"; "required": false; }; "itemSpacing": { "alias": "itemSpacing"; "required": false; }; }, {}, never, ["*"], true, never>;
58
67
  }
59
68
  export { FormComponent };
@@ -6,6 +6,11 @@ declare class FormGroupComponent {
6
6
  Defines header text of the component.
7
7
  */
8
8
  headerText: string | undefined;
9
+ /**
10
+ Defines the compoennt heading level,
11
+ set by the `headerText`.
12
+ */
13
+ headerLevel: 'H1' | 'H2' | 'H3' | 'H4' | 'H5' | 'H6';
9
14
  /**
10
15
  Defines column span of the component,
11
16
  e.g how many columns the group should span to.
@@ -17,6 +22,6 @@ declare class FormGroupComponent {
17
22
  get element(): FormGroup;
18
23
  constructor();
19
24
  static ɵfac: i0.ɵɵFactoryDeclaration<FormGroupComponent, never>;
20
- static ɵcmp: i0.ɵɵComponentDeclaration<FormGroupComponent, "ui5-form-group", ["ui5FormGroup"], { "headerText": { "alias": "headerText"; "required": false; }; "columnSpan": { "alias": "columnSpan"; "required": false; }; }, {}, never, ["*"], true, never>;
25
+ static ɵcmp: i0.ɵɵComponentDeclaration<FormGroupComponent, "ui5-form-group", ["ui5FormGroup"], { "headerText": { "alias": "headerText"; "required": false; }; "headerLevel": { "alias": "headerLevel"; "required": false; }; "columnSpan": { "alias": "columnSpan"; "required": false; }; }, {}, never, ["*"], true, never>;
21
26
  }
22
27
  export { FormGroupComponent };
@@ -41,6 +41,10 @@ declare class ListItemStandardComponent {
41
41
  Defines the selected state of the component.
42
42
  */
43
43
  selected: boolean;
44
+ /**
45
+ Defines the text of the component.
46
+ */
47
+ text: string | undefined;
44
48
  /**
45
49
  Defines the description displayed right under the item text, if such is present.
46
50
  */
@@ -76,6 +80,20 @@ declare class ListItemStandardComponent {
76
80
  Note: If not provided a default text alternative will be set, if present.
77
81
  */
78
82
  accessibleName: string | undefined;
83
+ /**
84
+ Defines if the text of the component should wrap when it's too long.
85
+ When set to "Normal", the content (title, description) will be wrapped
86
+ using the `ui5-expandable-text` component.<br/>
87
+
88
+ The text can wrap up to 100 characters on small screens (size S) and
89
+ up to 300 characters on larger screens (size M and above). When text exceeds
90
+ these limits, it truncates with an ellipsis followed by a text expansion trigger.
91
+
92
+ Available options are:
93
+ - `None` (default) - The text will truncate with an ellipsis.
94
+ - `Normal` - The text will wrap (without truncation).
95
+ */
96
+ wrappingType: 'None' | 'Normal';
79
97
  /**
80
98
  Fired when the user clicks on the detail button when type is `Detail`.
81
99
  */
@@ -86,7 +104,7 @@ declare class ListItemStandardComponent {
86
104
  get element(): ListItemStandard;
87
105
  constructor();
88
106
  static ɵfac: i0.ɵɵFactoryDeclaration<ListItemStandardComponent, never>;
89
- static ɵcmp: i0.ɵɵComponentDeclaration<ListItemStandardComponent, "ui5-li", ["ui5Li"], { "type": { "alias": "type"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconEnd": { "alias": "iconEnd"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; }; "movable": { "alias": "movable"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
107
+ static ɵcmp: i0.ɵɵComponentDeclaration<ListItemStandardComponent, "ui5-li", ["ui5Li"], { "type": { "alias": "type"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "text": { "alias": "text"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconEnd": { "alias": "iconEnd"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; }; "movable": { "alias": "movable"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "wrappingType": { "alias": "wrappingType"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
90
108
  static ngAcceptInputType_navigated: unknown;
91
109
  static ngAcceptInputType_selected: unknown;
92
110
  static ngAcceptInputType_iconEnd: unknown;
@@ -8,15 +8,19 @@ declare class MenuComponent {
8
8
  */
9
9
  headerText: string | undefined;
10
10
  /**
11
- Indicates if the menu is open
11
+ Indicates if the menu is open.
12
12
  */
13
13
  open: boolean;
14
+ /**
15
+ Determines the horizontal alignment of the menu relative to its opener control.
16
+ */
17
+ horizontalAlign: 'Center' | 'Start' | 'End' | 'Stretch';
14
18
  /**
15
19
  Defines if a loading indicator would be displayed inside the corresponding ui5-menu popover.
16
20
  */
17
21
  loading: boolean;
18
22
  /**
19
- Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover..
23
+ Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.
20
24
  */
21
25
  loadingDelay: number;
22
26
  /**
@@ -55,7 +59,7 @@ declare class MenuComponent {
55
59
  get element(): Menu;
56
60
  constructor();
57
61
  static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
58
- static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "ui5-menu", ["ui5Menu"], { "headerText": { "alias": "headerText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; "opener": { "alias": "opener"; "required": false; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
62
+ static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "ui5-menu", ["ui5Menu"], { "headerText": { "alias": "headerText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; "opener": { "alias": "opener"; "required": false; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
59
63
  static ngAcceptInputType_open: unknown;
60
64
  static ngAcceptInputType_loading: unknown;
61
65
  }
@@ -7,22 +7,28 @@ declare class TableHeaderCellComponent {
7
7
  */
8
8
  horizontalAlign: 'Left' | 'Start' | 'Right' | 'End' | 'Center' | undefined;
9
9
  /**
10
- Defines the width of column.
10
+ Defines the width of the column.
11
+
12
+ By default, the column will grow and shrink according to the available space.
13
+ This will distribute the space proportionally among all columns with no specific width set.
14
+
15
+ See [\<length\>](https://developer.mozilla.org/en-US/docs/Web/CSS/length) and
16
+ [\<percentage\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) for possible width values.
11
17
  */
12
- width: string;
18
+ width: string | undefined;
13
19
  /**
14
20
  Defines the minimum width of the column.
15
21
 
16
22
  If the table is in `Popin` mode and the minimum width does not fit anymore,
17
23
  the column will move into the popin.
18
24
 
19
- **Note:** If `minWidth` has the `auto` value, the table ensures that the column is wider than at least `3rem`.
20
- */
21
- minWidth: string;
22
- /**
23
- Defines the maximum width of the column.
25
+ By default, the table prevents the column from becoming too small.
26
+ Changing this value to a small value might lead to accessibility issues.
27
+
28
+ **Note:** This property only takes effect for columns with a [\<percentage\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) value
29
+ or the default width.
24
30
  */
25
- maxWidth: string;
31
+ minWidth: string | undefined;
26
32
  /**
27
33
  Defines the importance of the column.
28
34
 
@@ -52,7 +58,7 @@ declare class TableHeaderCellComponent {
52
58
  get element(): TableHeaderCell;
53
59
  constructor();
54
60
  static ɵfac: i0.ɵɵFactoryDeclaration<TableHeaderCellComponent, never>;
55
- static ɵcmp: i0.ɵɵComponentDeclaration<TableHeaderCellComponent, "ui5-table-header-cell", ["ui5TableHeaderCell"], { "horizontalAlign": { "alias": "horizontalAlign"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "importance": { "alias": "importance"; "required": false; }; "popinText": { "alias": "popinText"; "required": false; }; "sortIndicator": { "alias": "sortIndicator"; "required": false; }; "popinHidden": { "alias": "popinHidden"; "required": false; }; }, {}, never, ["*"], true, never>;
61
+ static ɵcmp: i0.ɵɵComponentDeclaration<TableHeaderCellComponent, "ui5-table-header-cell", ["ui5TableHeaderCell"], { "horizontalAlign": { "alias": "horizontalAlign"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "importance": { "alias": "importance"; "required": false; }; "popinText": { "alias": "popinText"; "required": false; }; "sortIndicator": { "alias": "sortIndicator"; "required": false; }; "popinHidden": { "alias": "popinHidden"; "required": false; }; }, {}, never, ["*"], true, never>;
56
62
  static ngAcceptInputType_popinHidden: unknown;
57
63
  }
58
64
  export { TableHeaderCellComponent };
@@ -1,5 +1,5 @@
1
1
  import { EventEmitter } from '@angular/core';
2
- import { ButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/Button.js';
2
+ import { ButtonAccessibilityAttributes, ButtonClickEventDetail } from '@ui5/webcomponents/dist/Button.js';
3
3
  import '@ui5/webcomponents/dist/ToggleButton.js';
4
4
  import ToggleButton from '@ui5/webcomponents/dist/ToggleButton.js';
5
5
  import * as i0 from "@angular/core";
@@ -90,13 +90,11 @@ declare class ToggleButtonComponent {
90
90
  */
91
91
  pressed: boolean;
92
92
  /**
93
- Fired when the component is activated either with a
94
- mouse/tap or by using the Enter or Space key.
93
+ Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.
95
94
 
96
- **Note:** The event will not be fired if the `disabled`
97
- property is set to `true`.
95
+ **Note:** The event will not be fired if the `disabled` property is set to `true`.
98
96
  */
99
- ui5Click: EventEmitter<Event>;
97
+ ui5Click: EventEmitter<ButtonClickEventDetail>;
100
98
  private elementRef;
101
99
  private zone;
102
100
  private cdr;