@fundamental-ngx/ui5-webcomponents-fiori 0.58.0-rc.89 → 0.58.0-rc.90
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/package.json +2 -210
- package/barcode-scanner-dialog/index.d.ts +0 -66
- package/dynamic-page/index.d.ts +0 -65
- package/dynamic-page-header/index.d.ts +0 -37
- package/dynamic-page-title/index.d.ts +0 -63
- package/dynamic-side-content/index.d.ts +0 -81
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-barcode-scanner-dialog.mjs +0 -131
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-barcode-scanner-dialog.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-header.mjs +0 -61
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-header.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-title.mjs +0 -115
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-title.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page.mjs +0 -139
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-side-content.mjs +0 -148
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-side-content.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item-option.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item-option.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item.mjs +0 -91
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-flexible-column-layout.mjs +0 -297
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-flexible-column-layout.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-group-item.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-group-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-illustrated-message.mjs +0 -159
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-illustrated-message.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery-item.mjs +0 -100
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery.mjs +0 -148
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-navigation-layout.mjs +0 -95
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-navigation-layout.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-group-item.mjs +0 -139
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-group-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-item.mjs +0 -174
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list.mjs +0 -114
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-page.mjs +0 -115
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-page.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch-item.mjs +0 -145
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch.mjs +0 -61
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-group.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-show-more.mjs +0 -87
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-show-more.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item.mjs +0 -143
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-message-area.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-message-area.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-scope.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-scope.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search.mjs +0 -191
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-branding.mjs +0 -135
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-branding.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-item.mjs +0 -109
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-search.mjs +0 -196
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-search.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-spacer.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-spacer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar.mjs +0 -334
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-group.mjs +0 -105
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-item.mjs +0 -195
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-sub-item.mjs +0 -165
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-sub-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation.mjs +0 -130
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-sort-item.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-sort-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-theming.mjs +0 -23
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-theming.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-group-item.mjs +0 -109
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-group-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-item.mjs +0 -136
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline.mjs +0 -135
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection-item.mjs +0 -184
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection.mjs +0 -152
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-account.mjs +0 -95
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-account.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item-group.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item.mjs +0 -63
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu.mjs +0 -174
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-account-view.mjs +0 -130
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-account-view.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-dialog.mjs +0 -138
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-dialog.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-item.mjs +0 -158
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-view.mjs +0 -96
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-view.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-view-settings-dialog.mjs +0 -150
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-view-settings-dialog.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard-step.mjs +0 -130
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard-step.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard.mjs +0 -107
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard.mjs.map +0 -1
- package/filter-item/index.d.ts +0 -46
- package/filter-item-option/index.d.ts +0 -22
- package/flexible-column-layout/index.d.ts +0 -135
- package/group-item/index.d.ts +0 -22
- package/illustrated-message/index.d.ts +0 -105
- package/media-gallery/index.d.ts +0 -84
- package/media-gallery-item/index.d.ts +0 -50
- package/navigation-layout/index.d.ts +0 -43
- package/notification-list/index.d.ts +0 -54
- package/notification-list-group-item/index.d.ts +0 -75
- package/notification-list-item/index.d.ts +0 -97
- package/page/index.d.ts +0 -60
- package/product-switch/index.d.ts +0 -37
- package/product-switch-item/index.d.ts +0 -83
- package/search/index.d.ts +0 -106
- package/search-item/index.d.ts +0 -75
- package/search-item-group/index.d.ts +0 -14
- package/search-item-show-more/index.d.ts +0 -30
- package/search-message-area/index.d.ts +0 -22
- package/search-scope/index.d.ts +0 -22
- package/shell-bar/index.d.ts +0 -218
- package/shell-bar-branding/index.d.ts +0 -71
- package/shell-bar-item/index.d.ts +0 -51
- package/shell-bar-search/index.d.ts +0 -110
- package/shell-bar-spacer/index.d.ts +0 -14
- package/side-navigation/index.d.ts +0 -67
- package/side-navigation-group/index.d.ts +0 -58
- package/side-navigation-item/index.d.ts +0 -128
- package/side-navigation-sub-item/index.d.ts +0 -101
- package/sort-item/index.d.ts +0 -22
- package/theming/index.d.ts +0 -11
- package/timeline/index.d.ts +0 -73
- package/timeline-group-item/index.d.ts +0 -50
- package/timeline-item/index.d.ts +0 -73
- package/upload-collection/index.d.ts +0 -84
- package/upload-collection-item/index.d.ts +0 -111
- package/user-menu/index.d.ts +0 -100
- package/user-menu-account/index.d.ts +0 -46
- package/user-menu-item/index.d.ts +0 -39
- package/user-menu-item-group/index.d.ts +0 -14
- package/user-settings-account-view/index.d.ts +0 -64
- package/user-settings-dialog/index.d.ts +0 -71
- package/user-settings-item/index.d.ts +0 -88
- package/user-settings-view/index.d.ts +0 -50
- package/view-settings-dialog/index.d.ts +0 -78
- package/wizard/index.d.ts +0 -49
- package/wizard-step/index.d.ts +0 -81
package/shell-bar/index.d.ts
DELETED
|
@@ -1,218 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _ShellBar, { ShellBarAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBar.js';
|
|
4
|
-
export { ShellBarAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBar.js';
|
|
5
|
-
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
6
|
-
|
|
7
|
-
declare class ShellBar implements AfterViewInit {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the visibility state of the search button.
|
|
10
|
-
|
|
11
|
-
**Note:** The `hideSearchButton` property is in an experimental state and is a subject to change.
|
|
12
|
-
*/
|
|
13
|
-
hideSearchButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
14
|
-
/**
|
|
15
|
-
* Disables the automatic search field expansion/collapse when the available space is not enough.
|
|
16
|
-
|
|
17
|
-
**Note:** The `disableSearchCollapse` property is in an experimental state and is a subject to change.
|
|
18
|
-
*/
|
|
19
|
-
disableSearchCollapse: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
20
|
-
/**
|
|
21
|
-
* Defines the `primaryTitle`.
|
|
22
|
-
|
|
23
|
-
**Note:** The `primaryTitle` would be hidden on S screen size (less than approx. 700px).
|
|
24
|
-
*/
|
|
25
|
-
primaryTitle: _angular_core.InputSignal<string | undefined>;
|
|
26
|
-
/**
|
|
27
|
-
* Defines the `secondaryTitle`.
|
|
28
|
-
|
|
29
|
-
**Note:** The `secondaryTitle` would be hidden on S and M screen sizes (less than approx. 1300px).
|
|
30
|
-
*/
|
|
31
|
-
secondaryTitle: _angular_core.InputSignal<string | undefined>;
|
|
32
|
-
/**
|
|
33
|
-
* Defines the `notificationsCount`,
|
|
34
|
-
displayed in the notification icon top-right corner.
|
|
35
|
-
*/
|
|
36
|
-
notificationsCount: _angular_core.InputSignal<string | undefined>;
|
|
37
|
-
/**
|
|
38
|
-
* Defines, if the notification icon would be displayed.
|
|
39
|
-
*/
|
|
40
|
-
showNotifications: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
41
|
-
/**
|
|
42
|
-
* Defines, if the product switch icon would be displayed.
|
|
43
|
-
*/
|
|
44
|
-
showProductSwitch: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
45
|
-
/**
|
|
46
|
-
* Defines, if the Search Field would be displayed when there is a valid `searchField` slot.
|
|
47
|
-
|
|
48
|
-
**Note:** By default the Search Field is not displayed.
|
|
49
|
-
*/
|
|
50
|
-
showSearchField: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
51
|
-
/**
|
|
52
|
-
* Defines additional accessibility attributes on different areas of the component.
|
|
53
|
-
|
|
54
|
-
The accessibilityAttributes object has the following fields,
|
|
55
|
-
where each field is an object supporting one or more accessibility attributes:
|
|
56
|
-
|
|
57
|
-
- **logo** - `logo.role` and `logo.name`.
|
|
58
|
-
- **notifications** - `notifications.expanded` and `notifications.hasPopup`.
|
|
59
|
-
- **profile** - `profile.expanded`, `profile.hasPopup` and `profile.name`.
|
|
60
|
-
- **product** - `product.expanded` and `product.hasPopup`.
|
|
61
|
-
- **search** - `search.hasPopup`.
|
|
62
|
-
- **overflow** - `overflow.expanded` and `overflow.hasPopup`.
|
|
63
|
-
- **branding** - `branding.name`.
|
|
64
|
-
|
|
65
|
-
The accessibility attributes support the following values:
|
|
66
|
-
|
|
67
|
-
- **role**: Defines the accessible ARIA role of the logo area.
|
|
68
|
-
Accepts the following string values: `button` or `link`.
|
|
69
|
-
|
|
70
|
-
- **expanded**: Indicates whether the button, or another grouping element it controls,
|
|
71
|
-
is currently expanded or collapsed.
|
|
72
|
-
Accepts the following string values: `true` or `false`.
|
|
73
|
-
|
|
74
|
-
- **hasPopup**: Indicates the availability and type of interactive popup element,
|
|
75
|
-
such as menu or dialog, that can be triggered by the button.
|
|
76
|
-
|
|
77
|
-
Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
|
|
78
|
-
- **name**: Defines the accessible ARIA name of the area.
|
|
79
|
-
Accepts any string.
|
|
80
|
-
*/
|
|
81
|
-
accessibilityAttributes: _angular_core.InputSignal<ShellBarAccessibilityAttributes | undefined>;
|
|
82
|
-
/**
|
|
83
|
-
* Returns the `logo` DOM ref.
|
|
84
|
-
* @readonly This property is managed by the web component.
|
|
85
|
-
*/
|
|
86
|
-
get logoDomRef(): HTMLElement | null;
|
|
87
|
-
/**
|
|
88
|
-
* Returns the `notifications` icon DOM ref.
|
|
89
|
-
* @readonly This property is managed by the web component.
|
|
90
|
-
*/
|
|
91
|
-
get notificationsDomRef(): HTMLElement | null;
|
|
92
|
-
/**
|
|
93
|
-
* Returns the `overflow` icon DOM ref.
|
|
94
|
-
* @readonly This property is managed by the web component.
|
|
95
|
-
*/
|
|
96
|
-
get overflowDomRef(): HTMLElement | null;
|
|
97
|
-
/**
|
|
98
|
-
* Returns the `profile` icon DOM ref.
|
|
99
|
-
* @readonly This property is managed by the web component.
|
|
100
|
-
*/
|
|
101
|
-
get profileDomRef(): HTMLElement | null;
|
|
102
|
-
/**
|
|
103
|
-
* Returns the `product-switch` icon DOM ref.
|
|
104
|
-
* @readonly This property is managed by the web component.
|
|
105
|
-
*/
|
|
106
|
-
get productSwitchDomRef(): HTMLElement | null;
|
|
107
|
-
/**
|
|
108
|
-
* Fired, when the notification icon is activated.
|
|
109
|
-
*/
|
|
110
|
-
ui5NotificationsClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "notifications-click">>;
|
|
111
|
-
/**
|
|
112
|
-
* Fired, when the profile slot is present.
|
|
113
|
-
*/
|
|
114
|
-
ui5ProfileClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "profile-click">>;
|
|
115
|
-
/**
|
|
116
|
-
* Fired, when the product switch icon is activated.
|
|
117
|
-
|
|
118
|
-
**Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
|
|
119
|
-
*/
|
|
120
|
-
ui5ProductSwitchClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "product-switch-click">>;
|
|
121
|
-
/**
|
|
122
|
-
* Fired, when the logo is activated.
|
|
123
|
-
*/
|
|
124
|
-
ui5LogoClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "logo-click">>;
|
|
125
|
-
/**
|
|
126
|
-
* Fired, when a menu item is activated
|
|
127
|
-
|
|
128
|
-
**Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
|
|
129
|
-
*/
|
|
130
|
-
ui5MenuItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "menu-item-click">>;
|
|
131
|
-
/**
|
|
132
|
-
* Fired, when the search button is activated.
|
|
133
|
-
|
|
134
|
-
**Note:** You can prevent expanding/collapsing of the search field by calling `event.preventDefault()`.
|
|
135
|
-
*/
|
|
136
|
-
ui5SearchButtonClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "search-button-click">>;
|
|
137
|
-
/**
|
|
138
|
-
* Fired, when the search field is expanded or collapsed.
|
|
139
|
-
*/
|
|
140
|
-
ui5SearchFieldToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "search-field-toggle">>;
|
|
141
|
-
/**
|
|
142
|
-
* Fired, when the search cancel button is activated.
|
|
143
|
-
|
|
144
|
-
**Note:** You can prevent the default behavior (clearing the search field value) by calling `event.preventDefault()`. The search will still be closed.
|
|
145
|
-
**Note:** The `search-field-clear` event is in an experimental state and is a subject to change.
|
|
146
|
-
*/
|
|
147
|
-
ui5SearchFieldClear: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "search-field-clear">>;
|
|
148
|
-
/**
|
|
149
|
-
* Fired, when an item from the content slot is hidden or shown.
|
|
150
|
-
**Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.
|
|
151
|
-
*/
|
|
152
|
-
ui5ContentItemVisibilityChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "content-item-visibility-change">>;
|
|
153
|
-
/**
|
|
154
|
-
* Available slots for content projection in this component.
|
|
155
|
-
*
|
|
156
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
157
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
158
|
-
*
|
|
159
|
-
* - **assistant**: Defines the assistant slot.
|
|
160
|
-
* - **branding**: Defines the branding slot.
|
|
161
|
-
The `ui5-shellbar-branding` component is intended to be placed inside this slot.
|
|
162
|
-
Content placed here takes precedence over the `primaryTitle` property and the `logo` content slot.
|
|
163
|
-
|
|
164
|
-
**Note:** The `branding` slot is in an experimental state and is a subject to change.
|
|
165
|
-
* - **(default)**: Defines the `ui5-shellbar` additional items.
|
|
166
|
-
|
|
167
|
-
**Note:**
|
|
168
|
-
You can use the `<ui5-shellbar-item></ui5-shellbar-item>`.
|
|
169
|
-
* - **profile**: You can pass `ui5-avatar` to set the profile image/icon.
|
|
170
|
-
If no profile slot is set - profile will be excluded from actions.
|
|
171
|
-
|
|
172
|
-
**Note:** We recommend not using the `size` attribute of `ui5-avatar` because
|
|
173
|
-
it should have specific size by design in the context of `ui5-shellbar` profile.
|
|
174
|
-
* - **logo**: Defines the logo of the `ui5-shellbar`.
|
|
175
|
-
For example, you can use `ui5-avatar` or `img` elements as logo.
|
|
176
|
-
* - **menuItems**: Defines the items displayed in menu after a click on a start button.
|
|
177
|
-
|
|
178
|
-
**Note:** You can use the `<ui5-li></ui5-li>` and its ancestors.
|
|
179
|
-
* - **searchField**: Defines the `ui5-input`, that will be used as a search field.
|
|
180
|
-
* - **startButton**: Defines a `ui5-button` in the bar that will be placed in the beginning.
|
|
181
|
-
We encourage this slot to be used for a menu button.
|
|
182
|
-
It gets overstyled to match ShellBar's styling.
|
|
183
|
-
* - **content**: Define the items displayed in the content area.
|
|
184
|
-
|
|
185
|
-
Use the `data-hide-order` attribute with numeric value to specify the order of the items to be hidden when the space is not enough.
|
|
186
|
-
Lower values will be hidden first.
|
|
187
|
-
|
|
188
|
-
**Note:** The `content` slot is in an experimental state and is a subject to change.
|
|
189
|
-
*
|
|
190
|
-
* @example
|
|
191
|
-
* ```html
|
|
192
|
-
* <ui5-shellbar>
|
|
193
|
-
* <div slot="header">Custom header content</div>
|
|
194
|
-
* <p>Default slot content</p>
|
|
195
|
-
* </ui5-shellbar>
|
|
196
|
-
* ```
|
|
197
|
-
*
|
|
198
|
-
* @readonly
|
|
199
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
200
|
-
*/
|
|
201
|
-
readonly slots: ({
|
|
202
|
-
name: string;
|
|
203
|
-
description: string;
|
|
204
|
-
since: string;
|
|
205
|
-
} | {
|
|
206
|
-
name: string;
|
|
207
|
-
description: string;
|
|
208
|
-
since?: undefined;
|
|
209
|
-
})[];
|
|
210
|
-
elementRef: ElementRef<_ShellBar>;
|
|
211
|
-
injector: Injector;
|
|
212
|
-
get element(): _ShellBar;
|
|
213
|
-
ngAfterViewInit(): void;
|
|
214
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBar, never>;
|
|
215
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBar, "ui5-shellbar, [ui5-shellbar]", ["ui5ShellBar"], { "hideSearchButton": { "alias": "hideSearchButton"; "required": false; "isSignal": true; }; "disableSearchCollapse": { "alias": "disableSearchCollapse"; "required": false; "isSignal": true; }; "primaryTitle": { "alias": "primaryTitle"; "required": false; "isSignal": true; }; "secondaryTitle": { "alias": "secondaryTitle"; "required": false; "isSignal": true; }; "notificationsCount": { "alias": "notificationsCount"; "required": false; "isSignal": true; }; "showNotifications": { "alias": "showNotifications"; "required": false; "isSignal": true; }; "showProductSwitch": { "alias": "showProductSwitch"; "required": false; "isSignal": true; }; "showSearchField": { "alias": "showSearchField"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; }, { "ui5NotificationsClick": "ui5NotificationsClick"; "ui5ProfileClick": "ui5ProfileClick"; "ui5ProductSwitchClick": "ui5ProductSwitchClick"; "ui5LogoClick": "ui5LogoClick"; "ui5MenuItemClick": "ui5MenuItemClick"; "ui5SearchButtonClick": "ui5SearchButtonClick"; "ui5SearchFieldToggle": "ui5SearchFieldToggle"; "ui5SearchFieldClear": "ui5SearchFieldClear"; "ui5ContentItemVisibilityChange": "ui5ContentItemVisibilityChange"; }, never, ["*"], true, never>;
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
export { ShellBar };
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _ShellBarBranding from '@ui5/webcomponents-fiori/dist/ShellBarBranding.js';
|
|
4
|
-
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
-
|
|
6
|
-
declare class ShellBarBranding implements AfterViewInit {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the component href.
|
|
9
|
-
|
|
10
|
-
**Note:** Standard hyperlink behavior is supported.
|
|
11
|
-
*/
|
|
12
|
-
href: _angular_core.InputSignal<string | undefined>;
|
|
13
|
-
/**
|
|
14
|
-
* Defines the component target.
|
|
15
|
-
|
|
16
|
-
**Notes:**
|
|
17
|
-
|
|
18
|
-
- `_self`
|
|
19
|
-
- `_top`
|
|
20
|
-
- `_blank`
|
|
21
|
-
- `_parent`
|
|
22
|
-
- `_search`
|
|
23
|
-
|
|
24
|
-
**This property must only be used when the `href` property is set.**
|
|
25
|
-
*/
|
|
26
|
-
target: _angular_core.InputSignal<string | undefined>;
|
|
27
|
-
/**
|
|
28
|
-
* Defines the text alternative of the component.
|
|
29
|
-
If not provided a default text alternative will be set, if present.
|
|
30
|
-
*/
|
|
31
|
-
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
32
|
-
/**
|
|
33
|
-
* Fired, when the logo is activated.
|
|
34
|
-
*/
|
|
35
|
-
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarBranding, "click">>;
|
|
36
|
-
/**
|
|
37
|
-
* Available slots for content projection in this component.
|
|
38
|
-
*
|
|
39
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
40
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
41
|
-
*
|
|
42
|
-
* - **(default)**: Defines the title for the ui5-shellbar-branding component.
|
|
43
|
-
|
|
44
|
-
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
45
|
-
* - **logo**: Defines the logo of the `ui5-shellbar`.
|
|
46
|
-
For example, you can use `ui5-avatar` or `img` elements as logo.
|
|
47
|
-
*
|
|
48
|
-
* @example
|
|
49
|
-
* ```html
|
|
50
|
-
* <ui5-shellbar-branding>
|
|
51
|
-
* <div slot="header">Custom header content</div>
|
|
52
|
-
* <p>Default slot content</p>
|
|
53
|
-
* </ui5-shellbar-branding>
|
|
54
|
-
* ```
|
|
55
|
-
*
|
|
56
|
-
* @readonly
|
|
57
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
58
|
-
*/
|
|
59
|
-
readonly slots: {
|
|
60
|
-
name: string;
|
|
61
|
-
description: string;
|
|
62
|
-
}[];
|
|
63
|
-
elementRef: ElementRef<_ShellBarBranding>;
|
|
64
|
-
injector: Injector;
|
|
65
|
-
get element(): _ShellBarBranding;
|
|
66
|
-
ngAfterViewInit(): void;
|
|
67
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBarBranding, never>;
|
|
68
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBarBranding, "ui5-shellbar-branding, [ui5-shellbar-branding]", ["ui5ShellBarBranding"], { "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
export { ShellBarBranding };
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _ShellBarItem, { ShellBarItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBarItem.js';
|
|
4
|
-
export { ShellBarItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBarItem.js';
|
|
5
|
-
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
6
|
-
|
|
7
|
-
declare class ShellBarItem implements AfterViewInit {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the name of the item's icon.
|
|
10
|
-
*/
|
|
11
|
-
icon: _angular_core.InputSignal<string | undefined>;
|
|
12
|
-
/**
|
|
13
|
-
* Defines the item text.
|
|
14
|
-
|
|
15
|
-
**Note:** The text is only displayed inside the overflow popover list view.
|
|
16
|
-
*/
|
|
17
|
-
text: _angular_core.InputSignal<string | undefined>;
|
|
18
|
-
/**
|
|
19
|
-
* Defines the count displayed in the top-right corner.
|
|
20
|
-
*/
|
|
21
|
-
count: _angular_core.InputSignal<string | undefined>;
|
|
22
|
-
/**
|
|
23
|
-
* Defines additional accessibility attributes on Shellbar Items.
|
|
24
|
-
|
|
25
|
-
The accessibility attributes support the following values:
|
|
26
|
-
|
|
27
|
-
- **expanded**: Indicates whether the button, or another grouping element it controls,
|
|
28
|
-
is currently expanded or collapsed.
|
|
29
|
-
Accepts the following string values: `true` or `false`.
|
|
30
|
-
|
|
31
|
-
- **hasPopup**: Indicates the availability and type of interactive popup element,
|
|
32
|
-
such as menu or dialog, that can be triggered by the button.
|
|
33
|
-
|
|
34
|
-
- **controls**: Identifies the element (or elements) whose contents
|
|
35
|
-
or presence are controlled by the component.
|
|
36
|
-
Accepts a lowercase string value, referencing the ID of the element it controls.
|
|
37
|
-
*/
|
|
38
|
-
accessibilityAttributes: _angular_core.InputSignal<ShellBarItemAccessibilityAttributes | undefined>;
|
|
39
|
-
/**
|
|
40
|
-
* Fired, when the item is pressed.
|
|
41
|
-
*/
|
|
42
|
-
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarItem, "click">>;
|
|
43
|
-
elementRef: ElementRef<_ShellBarItem>;
|
|
44
|
-
injector: Injector;
|
|
45
|
-
get element(): _ShellBarItem;
|
|
46
|
-
ngAfterViewInit(): void;
|
|
47
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBarItem, never>;
|
|
48
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBarItem, "ui5-shellbar-item, [ui5-shellbar-item]", ["ui5ShellBarItem"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
export { ShellBarItem };
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _ShellBarSearch from '@ui5/webcomponents-fiori/dist/ShellBarSearch.js';
|
|
4
|
-
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
-
|
|
6
|
-
declare class ShellBarSearch implements AfterViewInit {
|
|
7
|
-
/**
|
|
8
|
-
* Indicates whether the suggestions popover should be opened on focus.
|
|
9
|
-
*/
|
|
10
|
-
autoOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
11
|
-
/**
|
|
12
|
-
* Indicates whether a loading indicator should be shown in the popup.
|
|
13
|
-
*/
|
|
14
|
-
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
15
|
-
/**
|
|
16
|
-
* Defines whether the value will be autcompleted to match an item.
|
|
17
|
-
*/
|
|
18
|
-
noTypeahead: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
19
|
-
/**
|
|
20
|
-
* Indicates whether the items picker is open.
|
|
21
|
-
*/
|
|
22
|
-
open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
23
|
-
/**
|
|
24
|
-
* Defines whether the clear icon of the search will be shown.
|
|
25
|
-
*/
|
|
26
|
-
showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
27
|
-
/**
|
|
28
|
-
* Defines the value of the component.
|
|
29
|
-
|
|
30
|
-
**Note:** The property is updated upon typing.
|
|
31
|
-
*/
|
|
32
|
-
value: _angular_core.InputSignal<string | undefined>;
|
|
33
|
-
/**
|
|
34
|
-
* Defines a short hint intended to aid the user with data entry when the
|
|
35
|
-
component has no value.
|
|
36
|
-
*/
|
|
37
|
-
placeholder: _angular_core.InputSignal<string | undefined>;
|
|
38
|
-
/**
|
|
39
|
-
* Defines the accessible ARIA name of the component.
|
|
40
|
-
*/
|
|
41
|
-
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
42
|
-
/**
|
|
43
|
-
* Defines the accessible ARIA description of the field.
|
|
44
|
-
*/
|
|
45
|
-
accessibleDescription: _angular_core.InputSignal<string | undefined>;
|
|
46
|
-
/**
|
|
47
|
-
* Fired when the popup is opened.
|
|
48
|
-
*/
|
|
49
|
-
ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "open">>;
|
|
50
|
-
/**
|
|
51
|
-
* Fired when the popup is closed.
|
|
52
|
-
*/
|
|
53
|
-
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "close">>;
|
|
54
|
-
/**
|
|
55
|
-
* Fired when typing in input or clear icon is pressed.
|
|
56
|
-
*/
|
|
57
|
-
ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "input">>;
|
|
58
|
-
/**
|
|
59
|
-
* Fired when the scope has changed.
|
|
60
|
-
*/
|
|
61
|
-
ui5ScopeChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "scope-change">>;
|
|
62
|
-
/**
|
|
63
|
-
* Fired when the user has triggered search with Enter key or Search Button press.
|
|
64
|
-
*/
|
|
65
|
-
ui5Search: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarSearch, "search">>;
|
|
66
|
-
/**
|
|
67
|
-
* Available slots for content projection in this component.
|
|
68
|
-
*
|
|
69
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
70
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
71
|
-
*
|
|
72
|
-
* - **(default)**: Defines the Search suggestion items.
|
|
73
|
-
* - **action**: Defines the popup footer action button.
|
|
74
|
-
* - **illustration**: Defines the illustrated message to be shown in the popup.
|
|
75
|
-
* - **messageArea**: Defines the illustrated message to be shown in the popup.
|
|
76
|
-
* - **scopes**: Defines the component scope options.
|
|
77
|
-
* - **filterButton**: Defines the filter button slot, used to display an additional filtering button.
|
|
78
|
-
This slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.
|
|
79
|
-
|
|
80
|
-
**Note:** Scope button and Filter button are mutually exclusive.
|
|
81
|
-
*
|
|
82
|
-
* @example
|
|
83
|
-
* ```html
|
|
84
|
-
* <ui5-shellbar-search>
|
|
85
|
-
* <div slot="header">Custom header content</div>
|
|
86
|
-
* <p>Default slot content</p>
|
|
87
|
-
* </ui5-shellbar-search>
|
|
88
|
-
* ```
|
|
89
|
-
*
|
|
90
|
-
* @readonly
|
|
91
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
92
|
-
*/
|
|
93
|
-
readonly slots: ({
|
|
94
|
-
name: string;
|
|
95
|
-
description: string;
|
|
96
|
-
since?: undefined;
|
|
97
|
-
} | {
|
|
98
|
-
name: string;
|
|
99
|
-
description: string;
|
|
100
|
-
since: string;
|
|
101
|
-
})[];
|
|
102
|
-
elementRef: ElementRef<_ShellBarSearch>;
|
|
103
|
-
injector: Injector;
|
|
104
|
-
get element(): _ShellBarSearch;
|
|
105
|
-
ngAfterViewInit(): void;
|
|
106
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBarSearch, never>;
|
|
107
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBarSearch, "ui5-shellbar-search, [ui5-shellbar-search]", ["ui5ShellBarSearch"], { "autoOpen": { "alias": "autoOpen"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; }, { "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5ScopeChange": "ui5ScopeChange"; "ui5Search": "ui5Search"; }, never, ["*"], true, never>;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
export { ShellBarSearch };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _ShellBarSpacer from '@ui5/webcomponents-fiori/dist/ShellBarSpacer.js';
|
|
4
|
-
|
|
5
|
-
declare class ShellBarSpacer implements AfterViewInit {
|
|
6
|
-
elementRef: ElementRef<_ShellBarSpacer>;
|
|
7
|
-
injector: Injector;
|
|
8
|
-
get element(): _ShellBarSpacer;
|
|
9
|
-
ngAfterViewInit(): void;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ShellBarSpacer, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ShellBarSpacer, "ui5-shellbar-spacer, [ui5-shellbar-spacer]", ["ui5ShellBarSpacer"], {}, {}, never, ["*"], true, never>;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export { ShellBarSpacer };
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _SideNavigation from '@ui5/webcomponents-fiori/dist/SideNavigation.js';
|
|
4
|
-
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
-
|
|
6
|
-
declare class SideNavigation implements AfterViewInit {
|
|
7
|
-
/**
|
|
8
|
-
* Defines whether the `ui5-side-navigation` is expanded or collapsed.
|
|
9
|
-
|
|
10
|
-
**Note:** The collapsed mode is not supported on phones.
|
|
11
|
-
The `ui5-side-navigation` component is intended to be used within a `ui5-navigation-layout`
|
|
12
|
-
component to ensure proper responsive behavior. If you choose not to use the
|
|
13
|
-
`ui5-navigation-layout`, you will need to implement the appropriate responsive patterns yourself,
|
|
14
|
-
particularly for phones where the collapsed mode should not be used.
|
|
15
|
-
*/
|
|
16
|
-
collapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
17
|
-
/**
|
|
18
|
-
* Defines the accessible ARIA name of the component.
|
|
19
|
-
*/
|
|
20
|
-
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
21
|
-
/**
|
|
22
|
-
* Fired when the selection has changed via user interaction
|
|
23
|
-
*/
|
|
24
|
-
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_SideNavigation, "selection-change">>;
|
|
25
|
-
/**
|
|
26
|
-
* Available slots for content projection in this component.
|
|
27
|
-
*
|
|
28
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
29
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
30
|
-
*
|
|
31
|
-
* - **(default)**: Defines the main items of the component.
|
|
32
|
-
* - **fixedItems**: Defines the fixed items at the bottom of the component.
|
|
33
|
-
|
|
34
|
-
**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items "flat" (do not pass sub-items)
|
|
35
|
-
* - **header**: Defines the header of the `ui5-side-navigation`.
|
|
36
|
-
|
|
37
|
-
**Note:** The header is displayed when the component is expanded - the property `collapsed` is false;
|
|
38
|
-
*
|
|
39
|
-
* @example
|
|
40
|
-
* ```html
|
|
41
|
-
* <ui5-side-navigation>
|
|
42
|
-
* <div slot="header">Custom header content</div>
|
|
43
|
-
* <p>Default slot content</p>
|
|
44
|
-
* </ui5-side-navigation>
|
|
45
|
-
* ```
|
|
46
|
-
*
|
|
47
|
-
* @readonly
|
|
48
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
49
|
-
*/
|
|
50
|
-
readonly slots: ({
|
|
51
|
-
name: string;
|
|
52
|
-
description: string;
|
|
53
|
-
since?: undefined;
|
|
54
|
-
} | {
|
|
55
|
-
name: string;
|
|
56
|
-
description: string;
|
|
57
|
-
since: string;
|
|
58
|
-
})[];
|
|
59
|
-
elementRef: ElementRef<_SideNavigation>;
|
|
60
|
-
injector: Injector;
|
|
61
|
-
get element(): _SideNavigation;
|
|
62
|
-
ngAfterViewInit(): void;
|
|
63
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideNavigation, never>;
|
|
64
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavigation, "ui5-side-navigation, [ui5-side-navigation]", ["ui5SideNavigation"], { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; }, { "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export { SideNavigation };
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _SideNavigationGroup from '@ui5/webcomponents-fiori/dist/SideNavigationGroup.js';
|
|
4
|
-
|
|
5
|
-
declare class SideNavigationGroup implements AfterViewInit {
|
|
6
|
-
/**
|
|
7
|
-
* Defines if the item is expanded
|
|
8
|
-
*/
|
|
9
|
-
expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
10
|
-
/**
|
|
11
|
-
* Defines the text of the item.
|
|
12
|
-
*/
|
|
13
|
-
text: _angular_core.InputSignal<string | undefined>;
|
|
14
|
-
/**
|
|
15
|
-
* Defines whether the component is disabled.
|
|
16
|
-
A disabled component can't be pressed or
|
|
17
|
-
focused, and it is not in the tab chain.
|
|
18
|
-
*/
|
|
19
|
-
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
20
|
-
/**
|
|
21
|
-
* Defines the tooltip of the component.
|
|
22
|
-
|
|
23
|
-
A tooltip attribute should be provided, in order to represent meaning/function,
|
|
24
|
-
when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
|
|
25
|
-
*/
|
|
26
|
-
tooltip: _angular_core.InputSignal<string | undefined>;
|
|
27
|
-
/**
|
|
28
|
-
* Available slots for content projection in this component.
|
|
29
|
-
*
|
|
30
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
31
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
32
|
-
*
|
|
33
|
-
* - **(default)**: Defines nested items by passing `ui5-side-navigation-item` to the default slot.
|
|
34
|
-
*
|
|
35
|
-
* @example
|
|
36
|
-
* ```html
|
|
37
|
-
* <ui5-side-navigation-group>
|
|
38
|
-
* <div slot="header">Custom header content</div>
|
|
39
|
-
* <p>Default slot content</p>
|
|
40
|
-
* </ui5-side-navigation-group>
|
|
41
|
-
* ```
|
|
42
|
-
*
|
|
43
|
-
* @readonly
|
|
44
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
45
|
-
*/
|
|
46
|
-
readonly slots: {
|
|
47
|
-
name: string;
|
|
48
|
-
description: string;
|
|
49
|
-
}[];
|
|
50
|
-
elementRef: ElementRef<_SideNavigationGroup>;
|
|
51
|
-
injector: Injector;
|
|
52
|
-
get element(): _SideNavigationGroup;
|
|
53
|
-
ngAfterViewInit(): void;
|
|
54
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideNavigationGroup, never>;
|
|
55
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavigationGroup, "ui5-side-navigation-group, [ui5-side-navigation-group]", ["ui5SideNavigationGroup"], { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
export { SideNavigationGroup };
|