@fundamental-ngx/ui5-webcomponents-fiori 0.58.0-rc.62 → 0.58.0-rc.64
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 -206
- 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-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-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
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _FlexibleColumnLayout, { FCLAccessibilityAttributes, LayoutConfiguration, FlexibleColumnLayoutColumnLayout } from '@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js';
|
|
4
|
-
export { FCLAccessibilityAttributes, FlexibleColumnLayoutColumnLayout, LayoutConfiguration } from '@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js';
|
|
5
|
-
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
6
|
-
|
|
7
|
-
declare class FlexibleColumnLayout implements AfterViewInit {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the columns layout and their proportion.
|
|
10
|
-
|
|
11
|
-
**Note:** The layout also depends on the screen size - one column for screens smaller than 599px,
|
|
12
|
-
two columns between 599px and 1023px and three columns for sizes bigger than 1023px.
|
|
13
|
-
|
|
14
|
-
**For example:** layout=`TwoColumnsStartExpanded` means the layout will display up to two columns
|
|
15
|
-
in 67%/33% proportion.
|
|
16
|
-
*/
|
|
17
|
-
layout: _angular_core.InputSignal<"OneColumn" | "TwoColumnsStartExpanded" | "TwoColumnsMidExpanded" | "ThreeColumnsMidExpanded" | "ThreeColumnsEndExpanded" | "ThreeColumnsStartExpandedEndHidden" | "ThreeColumnsMidExpandedEndHidden" | "ThreeColumnsStartHiddenMidExpanded" | "ThreeColumnsStartHiddenEndExpanded" | "MidColumnFullScreen" | "EndColumnFullScreen" | undefined>;
|
|
18
|
-
/**
|
|
19
|
-
* Specifies if the user is allowed to change the columns layout by dragging the separator between the columns.
|
|
20
|
-
*/
|
|
21
|
-
disableResizing: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
22
|
-
/**
|
|
23
|
-
* Defines additional accessibility attributes on different areas of the component.
|
|
24
|
-
|
|
25
|
-
The accessibilityAttributes object has the following fields,
|
|
26
|
-
where each field is an object supporting one or more accessibility attributes:
|
|
27
|
-
|
|
28
|
-
- **startColumn**: `startColumn.role` and `startColumn.name`.
|
|
29
|
-
- **midColumn**: `midColumn.role` and `midColumn.name`.
|
|
30
|
-
- **endColumn**: `endColumn.role` and `endColumn.name`.
|
|
31
|
-
- **startSeparator**: `startSeparator.role` and `startSeparator.name`.
|
|
32
|
-
- **endSeparator**: `endSeparator.role` and `endSeparator.name`.
|
|
33
|
-
|
|
34
|
-
The accessibility attributes support the following values:
|
|
35
|
-
|
|
36
|
-
- **role**: Defines the accessible ARIA landmark role of the area.
|
|
37
|
-
Accepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.
|
|
38
|
-
|
|
39
|
-
- **name**: Defines the accessible ARIA name of the area.
|
|
40
|
-
Accepts any string.
|
|
41
|
-
*/
|
|
42
|
-
accessibilityAttributes: _angular_core.InputSignal<FCLAccessibilityAttributes | undefined>;
|
|
43
|
-
/**
|
|
44
|
-
* Allows to customize the column proportions per screen size and layout.
|
|
45
|
-
If no custom proportion provided for a specific layout, the default will be used.
|
|
46
|
-
|
|
47
|
-
**Notes:**
|
|
48
|
-
|
|
49
|
-
- The proportions should be given in percentages. For example ["30%", "40%", "30%"], ["70%", "30%", 0], etc.
|
|
50
|
-
- The proportions should add up to 100%.
|
|
51
|
-
- Hidden columns are marked as "0px", e.g. ["0px", "70%", "30%"]. Specifying 0 or "0%" for hidden columns is also valid.
|
|
52
|
-
- If the proportions do not match the layout (e.g. if provided proportions ["70%", "30%", "0px"] for "OneColumn" layout), then the default proportions will be used instead.
|
|
53
|
-
- Whenever the user drags the columns separator to resize the columns, the `layoutsConfiguration` object will be updated with the user-specified proportions for the given layout (and the `layout-configuration-change` event will be fired).
|
|
54
|
-
- No custom configuration available for the phone screen size, as the default of 100% column width is always used there.
|
|
55
|
-
*/
|
|
56
|
-
layoutsConfiguration: _angular_core.InputSignal<LayoutConfiguration | undefined>;
|
|
57
|
-
/**
|
|
58
|
-
* Returns the current column layout, based on both the `layout` property and the screen size.
|
|
59
|
-
|
|
60
|
-
**For example:** ["67%", "33%", 0], ["100%", 0, 0], ["25%", "50%", "25%"], etc,
|
|
61
|
-
where the numbers represents the width of the start, middle and end columns.
|
|
62
|
-
* @readonly This property is managed by the web component and updates reactively.
|
|
63
|
-
* Based on schema: readonly field that updates via layout-change event parameters.
|
|
64
|
-
*/
|
|
65
|
-
columnLayout: _angular_core.Signal<FlexibleColumnLayoutColumnLayout | undefined>;
|
|
66
|
-
/**
|
|
67
|
-
* Returns if the `start` column is visible.
|
|
68
|
-
* @readonly This property is managed by the web component and updates reactively.
|
|
69
|
-
* Based on schema: readonly field that updates via layout-change event parameters.
|
|
70
|
-
*/
|
|
71
|
-
startColumnVisible: _angular_core.Signal<boolean>;
|
|
72
|
-
/**
|
|
73
|
-
* Returns if the `middle` column is visible.
|
|
74
|
-
* @readonly This property is managed by the web component and updates reactively.
|
|
75
|
-
* Based on schema: readonly field that updates via layout-change event parameters.
|
|
76
|
-
*/
|
|
77
|
-
midColumnVisible: _angular_core.Signal<boolean>;
|
|
78
|
-
/**
|
|
79
|
-
* Returns if the `end` column is visible.
|
|
80
|
-
* @readonly This property is managed by the web component and updates reactively.
|
|
81
|
-
* Based on schema: readonly field that updates via layout-change event parameters.
|
|
82
|
-
*/
|
|
83
|
-
endColumnVisible: _angular_core.Signal<boolean>;
|
|
84
|
-
/**
|
|
85
|
-
* Returns the number of currently visible columns.
|
|
86
|
-
* @readonly This property is managed by the web component.
|
|
87
|
-
*/
|
|
88
|
-
get visibleColumns(): number;
|
|
89
|
-
/**
|
|
90
|
-
* Fired when the layout changes via user interaction by dragging the separators
|
|
91
|
-
or by changing the component size due to resizing.
|
|
92
|
-
*/
|
|
93
|
-
ui5LayoutChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_FlexibleColumnLayout, "layout-change">>;
|
|
94
|
-
/**
|
|
95
|
-
* Fired when the `layoutsConfiguration` changes via user interaction by dragging the separators.
|
|
96
|
-
*/
|
|
97
|
-
ui5LayoutConfigurationChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_FlexibleColumnLayout, "layout-configuration-change">>;
|
|
98
|
-
/**
|
|
99
|
-
* Available slots for content projection in this component.
|
|
100
|
-
*
|
|
101
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
102
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
103
|
-
*
|
|
104
|
-
* - **startColumn**: Defines the content in the start column.
|
|
105
|
-
* - **midColumn**: Defines the content in the middle column.
|
|
106
|
-
* - **endColumn**: Defines the content in the end column.
|
|
107
|
-
*
|
|
108
|
-
* @example
|
|
109
|
-
* ```html
|
|
110
|
-
* <ui5-flexible-column-layout>
|
|
111
|
-
* <div slot="header">Custom header content</div>
|
|
112
|
-
* <p>Default slot content</p>
|
|
113
|
-
* </ui5-flexible-column-layout>
|
|
114
|
-
* ```
|
|
115
|
-
*
|
|
116
|
-
* @readonly
|
|
117
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
118
|
-
*/
|
|
119
|
-
readonly slots: {
|
|
120
|
-
name: string;
|
|
121
|
-
description: string;
|
|
122
|
-
}[];
|
|
123
|
-
elementRef: ElementRef<_FlexibleColumnLayout>;
|
|
124
|
-
injector: Injector;
|
|
125
|
-
private _columnLayoutSignal;
|
|
126
|
-
private _startColumnVisibleSignal;
|
|
127
|
-
private _midColumnVisibleSignal;
|
|
128
|
-
private _endColumnVisibleSignal;
|
|
129
|
-
get element(): _FlexibleColumnLayout;
|
|
130
|
-
ngAfterViewInit(): void;
|
|
131
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexibleColumnLayout, never>;
|
|
132
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexibleColumnLayout, "ui5-flexible-column-layout, [ui5-flexible-column-layout]", ["ui5FlexibleColumnLayout"], { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "disableResizing": { "alias": "disableResizing"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "layoutsConfiguration": { "alias": "layoutsConfiguration"; "required": false; "isSignal": true; }; }, { "ui5LayoutChange": "ui5LayoutChange"; "ui5LayoutConfigurationChange": "ui5LayoutConfigurationChange"; }, never, ["*"], true, never>;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
export { FlexibleColumnLayout };
|
package/group-item/index.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _GroupItem from '@ui5/webcomponents-fiori/dist/GroupItem.js';
|
|
4
|
-
|
|
5
|
-
declare class GroupItem implements AfterViewInit {
|
|
6
|
-
/**
|
|
7
|
-
* Defines the text of the group item.
|
|
8
|
-
*/
|
|
9
|
-
text: _angular_core.InputSignal<string | undefined>;
|
|
10
|
-
/**
|
|
11
|
-
* Defines if the group item is selected.
|
|
12
|
-
*/
|
|
13
|
-
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
14
|
-
elementRef: ElementRef<_GroupItem>;
|
|
15
|
-
injector: Injector;
|
|
16
|
-
get element(): _GroupItem;
|
|
17
|
-
ngAfterViewInit(): void;
|
|
18
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GroupItem, never>;
|
|
19
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<GroupItem, "ui5-group-item, [ui5-group-item]", ["ui5GroupItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export { GroupItem };
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _IllustratedMessage from '@ui5/webcomponents-fiori/dist/IllustratedMessage.js';
|
|
4
|
-
|
|
5
|
-
declare class IllustratedMessage implements AfterViewInit {
|
|
6
|
-
/**
|
|
7
|
-
* Defines the illustration name that will be displayed in the component.
|
|
8
|
-
|
|
9
|
-
Example:
|
|
10
|
-
|
|
11
|
-
`name='BeforeSearch'`, `name='UnableToUpload'`, etc..
|
|
12
|
-
|
|
13
|
-
**Note:** To use the TNT illustrations,
|
|
14
|
-
you need to set the `tnt` or `Tnt` prefix in front of the icon's name.
|
|
15
|
-
|
|
16
|
-
Example:
|
|
17
|
-
|
|
18
|
-
`name='tnt/Avatar'` or `name='TntAvatar'`.
|
|
19
|
-
|
|
20
|
-
**Note:** By default the `BeforeSearch` illustration is loaded.
|
|
21
|
-
When using an illustration type, other than the default, it should be loaded in addition:
|
|
22
|
-
|
|
23
|
-
`import "@ui5/webcomponents-fiori/dist/illustrations/NoData.js";`
|
|
24
|
-
|
|
25
|
-
For TNT illustrations:
|
|
26
|
-
|
|
27
|
-
`import "@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js";`
|
|
28
|
-
*/
|
|
29
|
-
name: _angular_core.InputSignal<string | undefined>;
|
|
30
|
-
/**
|
|
31
|
-
* Determines which illustration breakpoint variant is used.
|
|
32
|
-
|
|
33
|
-
As `IllustratedMessage` adapts itself around the `Illustration`, the other
|
|
34
|
-
elements of the component are displayed differently on the different breakpoints/illustration designs.
|
|
35
|
-
*/
|
|
36
|
-
design: _angular_core.InputSignal<"Auto" | "Base" | "Dot" | "Spot" | "Dialog" | "Scene" | "ExtraSmall" | "Small" | "Medium" | "Large" | undefined>;
|
|
37
|
-
/**
|
|
38
|
-
* Defines the subtitle of the component.
|
|
39
|
-
|
|
40
|
-
**Note:** Using this property, the default subtitle text of illustration will be overwritten.
|
|
41
|
-
|
|
42
|
-
**Note:** Using `subtitle` slot, the default of this property will be overwritten.
|
|
43
|
-
*/
|
|
44
|
-
subtitleText: _angular_core.InputSignal<string | undefined>;
|
|
45
|
-
/**
|
|
46
|
-
* Defines the title of the component.
|
|
47
|
-
|
|
48
|
-
**Note:** Using this property, the default title text of illustration will be overwritten.
|
|
49
|
-
*/
|
|
50
|
-
titleText: _angular_core.InputSignal<string | undefined>;
|
|
51
|
-
/**
|
|
52
|
-
* Receives id(or many ids) of the elements that label the component.
|
|
53
|
-
*/
|
|
54
|
-
accessibleNameRef: _angular_core.InputSignal<string | undefined>;
|
|
55
|
-
/**
|
|
56
|
-
* Defines whether the illustration is decorative.
|
|
57
|
-
|
|
58
|
-
When set to `true`, the attributes `role="presentation"` and `aria-hidden="true"` are applied to the SVG element.
|
|
59
|
-
*/
|
|
60
|
-
decorative: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
61
|
-
/**
|
|
62
|
-
* Available slots for content projection in this component.
|
|
63
|
-
*
|
|
64
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
65
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
66
|
-
*
|
|
67
|
-
* - **title**: Defines the title of the component.
|
|
68
|
-
|
|
69
|
-
**Note:** Using this slot, the default title text of illustration and the value of `title` property will be overwritten.
|
|
70
|
-
* - **subtitle**: Defines the subtitle of the component.
|
|
71
|
-
|
|
72
|
-
**Note:** Using this slot, the default subtitle text of illustration and the value of `subtitleText` property will be overwritten.
|
|
73
|
-
* - **(default)**: Defines the component actions.
|
|
74
|
-
|
|
75
|
-
**Note:** Not displayed when the `design` property is set to `Base`.
|
|
76
|
-
*
|
|
77
|
-
* @example
|
|
78
|
-
* ```html
|
|
79
|
-
* <ui5-illustrated-message>
|
|
80
|
-
* <div slot="header">Custom header content</div>
|
|
81
|
-
* <p>Default slot content</p>
|
|
82
|
-
* </ui5-illustrated-message>
|
|
83
|
-
* ```
|
|
84
|
-
*
|
|
85
|
-
* @readonly
|
|
86
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
87
|
-
*/
|
|
88
|
-
readonly slots: ({
|
|
89
|
-
name: string;
|
|
90
|
-
description: string;
|
|
91
|
-
since: string;
|
|
92
|
-
} | {
|
|
93
|
-
name: string;
|
|
94
|
-
description: string;
|
|
95
|
-
since?: undefined;
|
|
96
|
-
})[];
|
|
97
|
-
elementRef: ElementRef<_IllustratedMessage>;
|
|
98
|
-
injector: Injector;
|
|
99
|
-
get element(): _IllustratedMessage;
|
|
100
|
-
ngAfterViewInit(): void;
|
|
101
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IllustratedMessage, never>;
|
|
102
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IllustratedMessage, "ui5-illustrated-message, [ui5-illustrated-message]", ["ui5IllustratedMessage"], { "name": { "alias": "name"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
export { IllustratedMessage };
|
package/media-gallery/index.d.ts
DELETED
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _MediaGallery from '@ui5/webcomponents-fiori/dist/MediaGallery.js';
|
|
4
|
-
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
-
|
|
6
|
-
declare class MediaGallery implements AfterViewInit {
|
|
7
|
-
/**
|
|
8
|
-
* If set to `true`, all thumbnails are rendered in a scrollable container.
|
|
9
|
-
If `false`, only up to five thumbnails are rendered, followed by
|
|
10
|
-
an overflow button that shows the count of the remaining thumbnails.
|
|
11
|
-
*/
|
|
12
|
-
showAllThumbnails: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
13
|
-
/**
|
|
14
|
-
* If enabled, a `display-area-click` event is fired
|
|
15
|
-
when the user clicks or taps on the display area.
|
|
16
|
-
|
|
17
|
-
The display area is the central area that contains
|
|
18
|
-
the enlarged content of the currently selected item.
|
|
19
|
-
*/
|
|
20
|
-
interactiveDisplayArea: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
21
|
-
/**
|
|
22
|
-
* Determines the layout of the component.
|
|
23
|
-
*/
|
|
24
|
-
layout: _angular_core.InputSignal<"Auto" | "Vertical" | "Horizontal" | undefined>;
|
|
25
|
-
/**
|
|
26
|
-
* Determines the horizontal alignment of the thumbnails menu
|
|
27
|
-
vs. the central display area.
|
|
28
|
-
*/
|
|
29
|
-
menuHorizontalAlign: _angular_core.InputSignal<"Left" | "Right" | undefined>;
|
|
30
|
-
/**
|
|
31
|
-
* Determines the vertical alignment of the thumbnails menu
|
|
32
|
-
vs. the central display area.
|
|
33
|
-
*/
|
|
34
|
-
menuVerticalAlign: _angular_core.InputSignal<"Top" | "Bottom" | undefined>;
|
|
35
|
-
/**
|
|
36
|
-
* Fired when selection is changed by user interaction.
|
|
37
|
-
*/
|
|
38
|
-
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_MediaGallery, "selection-change">>;
|
|
39
|
-
/**
|
|
40
|
-
* Fired when the thumbnails overflow button is clicked.
|
|
41
|
-
*/
|
|
42
|
-
ui5OverflowClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_MediaGallery, "overflow-click">>;
|
|
43
|
-
/**
|
|
44
|
-
* Fired when the display area is clicked.
|
|
45
|
-
The display area is the central area that contains
|
|
46
|
-
the enlarged content of the currently selected item.
|
|
47
|
-
*/
|
|
48
|
-
ui5DisplayAreaClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_MediaGallery, "display-area-click">>;
|
|
49
|
-
/**
|
|
50
|
-
* Available slots for content projection in this component.
|
|
51
|
-
*
|
|
52
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
53
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
54
|
-
*
|
|
55
|
-
* - **(default)**: Defines the component items.
|
|
56
|
-
|
|
57
|
-
**Note:** Only one selected item is allowed.
|
|
58
|
-
|
|
59
|
-
**Note:** Use the `ui5-media-gallery-item` component to define the desired items.
|
|
60
|
-
*
|
|
61
|
-
* @example
|
|
62
|
-
* ```html
|
|
63
|
-
* <ui5-media-gallery>
|
|
64
|
-
* <div slot="header">Custom header content</div>
|
|
65
|
-
* <p>Default slot content</p>
|
|
66
|
-
* </ui5-media-gallery>
|
|
67
|
-
* ```
|
|
68
|
-
*
|
|
69
|
-
* @readonly
|
|
70
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
71
|
-
*/
|
|
72
|
-
readonly slots: {
|
|
73
|
-
name: string;
|
|
74
|
-
description: string;
|
|
75
|
-
}[];
|
|
76
|
-
elementRef: ElementRef<_MediaGallery>;
|
|
77
|
-
injector: Injector;
|
|
78
|
-
get element(): _MediaGallery;
|
|
79
|
-
ngAfterViewInit(): void;
|
|
80
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MediaGallery, never>;
|
|
81
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MediaGallery, "ui5-media-gallery, [ui5-media-gallery]", ["ui5MediaGallery"], { "showAllThumbnails": { "alias": "showAllThumbnails"; "required": false; "isSignal": true; }; "interactiveDisplayArea": { "alias": "interactiveDisplayArea"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "menuHorizontalAlign": { "alias": "menuHorizontalAlign"; "required": false; "isSignal": true; }; "menuVerticalAlign": { "alias": "menuVerticalAlign"; "required": false; "isSignal": true; }; }, { "ui5SelectionChange": "ui5SelectionChange"; "ui5OverflowClick": "ui5OverflowClick"; "ui5DisplayAreaClick": "ui5DisplayAreaClick"; }, never, ["*"], true, never>;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
export { MediaGallery };
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _MediaGalleryItem from '@ui5/webcomponents-fiori/dist/MediaGalleryItem.js';
|
|
4
|
-
|
|
5
|
-
declare class MediaGalleryItem implements AfterViewInit {
|
|
6
|
-
/**
|
|
7
|
-
* Defines the selected state of the component.
|
|
8
|
-
*/
|
|
9
|
-
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
10
|
-
/**
|
|
11
|
-
* Defines whether the component is in disabled state.
|
|
12
|
-
*/
|
|
13
|
-
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
14
|
-
/**
|
|
15
|
-
* Determines the layout of the item container.
|
|
16
|
-
*/
|
|
17
|
-
layout: _angular_core.InputSignal<"Square" | "Wide" | undefined>;
|
|
18
|
-
/**
|
|
19
|
-
* Available slots for content projection in this component.
|
|
20
|
-
*
|
|
21
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
22
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
23
|
-
*
|
|
24
|
-
* - **(default)**: Defines the content of the component.
|
|
25
|
-
* - **thumbnail**: Defines the content of the thumbnail.
|
|
26
|
-
*
|
|
27
|
-
* @example
|
|
28
|
-
* ```html
|
|
29
|
-
* <ui5-media-gallery-item>
|
|
30
|
-
* <div slot="header">Custom header content</div>
|
|
31
|
-
* <p>Default slot content</p>
|
|
32
|
-
* </ui5-media-gallery-item>
|
|
33
|
-
* ```
|
|
34
|
-
*
|
|
35
|
-
* @readonly
|
|
36
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
37
|
-
*/
|
|
38
|
-
readonly slots: {
|
|
39
|
-
name: string;
|
|
40
|
-
description: string;
|
|
41
|
-
}[];
|
|
42
|
-
elementRef: ElementRef<_MediaGalleryItem>;
|
|
43
|
-
injector: Injector;
|
|
44
|
-
get element(): _MediaGalleryItem;
|
|
45
|
-
ngAfterViewInit(): void;
|
|
46
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MediaGalleryItem, never>;
|
|
47
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MediaGalleryItem, "ui5-media-gallery-item, [ui5-media-gallery-item]", ["ui5MediaGalleryItem"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
export { MediaGalleryItem };
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _NavigationLayout from '@ui5/webcomponents-fiori/dist/NavigationLayout.js';
|
|
4
|
-
|
|
5
|
-
declare class NavigationLayout implements AfterViewInit {
|
|
6
|
-
/**
|
|
7
|
-
* Specifies the navigation layout mode.
|
|
8
|
-
*/
|
|
9
|
-
mode: i0.InputSignal<"Auto" | "Collapsed" | "Expanded" | undefined>;
|
|
10
|
-
/**
|
|
11
|
-
* Available slots for content projection in this component.
|
|
12
|
-
*
|
|
13
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
14
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
15
|
-
*
|
|
16
|
-
* - **header**: Defines the header.
|
|
17
|
-
* - **sideContent**: Defines the side content.
|
|
18
|
-
* - **(default)**: Defines the content.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```html
|
|
22
|
-
* <ui5-navigation-layout>
|
|
23
|
-
* <div slot="header">Custom header content</div>
|
|
24
|
-
* <p>Default slot content</p>
|
|
25
|
-
* </ui5-navigation-layout>
|
|
26
|
-
* ```
|
|
27
|
-
*
|
|
28
|
-
* @readonly
|
|
29
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
30
|
-
*/
|
|
31
|
-
readonly slots: {
|
|
32
|
-
name: string;
|
|
33
|
-
description: string;
|
|
34
|
-
}[];
|
|
35
|
-
elementRef: ElementRef<_NavigationLayout>;
|
|
36
|
-
injector: Injector;
|
|
37
|
-
get element(): _NavigationLayout;
|
|
38
|
-
ngAfterViewInit(): void;
|
|
39
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationLayout, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationLayout, "ui5-navigation-layout, [ui5-navigation-layout]", ["ui5NavigationLayout"], { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
export { NavigationLayout };
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _NotificationList from '@ui5/webcomponents-fiori/dist/NotificationList.js';
|
|
4
|
-
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
-
|
|
6
|
-
declare class NotificationList implements AfterViewInit {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the text that is displayed when the component contains no items.
|
|
9
|
-
*/
|
|
10
|
-
noDataText: _angular_core.InputSignal<string | undefined>;
|
|
11
|
-
/**
|
|
12
|
-
* Fired when an item is clicked.
|
|
13
|
-
*/
|
|
14
|
-
ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationList, "item-click">>;
|
|
15
|
-
/**
|
|
16
|
-
* Fired when the `Close` button of any item is clicked.
|
|
17
|
-
*/
|
|
18
|
-
ui5ItemClose: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationList, "item-close">>;
|
|
19
|
-
/**
|
|
20
|
-
* Fired when an item is toggled.
|
|
21
|
-
*/
|
|
22
|
-
ui5ItemToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationList, "item-toggle">>;
|
|
23
|
-
/**
|
|
24
|
-
* Available slots for content projection in this component.
|
|
25
|
-
*
|
|
26
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
27
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
28
|
-
*
|
|
29
|
-
* - **(default)**: Defines the items of the component.
|
|
30
|
-
*
|
|
31
|
-
* @example
|
|
32
|
-
* ```html
|
|
33
|
-
* <ui5-notification-list>
|
|
34
|
-
* <div slot="header">Custom header content</div>
|
|
35
|
-
* <p>Default slot content</p>
|
|
36
|
-
* </ui5-notification-list>
|
|
37
|
-
* ```
|
|
38
|
-
*
|
|
39
|
-
* @readonly
|
|
40
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
41
|
-
*/
|
|
42
|
-
readonly slots: {
|
|
43
|
-
name: string;
|
|
44
|
-
description: string;
|
|
45
|
-
}[];
|
|
46
|
-
elementRef: ElementRef<_NotificationList>;
|
|
47
|
-
injector: Injector;
|
|
48
|
-
get element(): _NotificationList;
|
|
49
|
-
ngAfterViewInit(): void;
|
|
50
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationList, never>;
|
|
51
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationList, "ui5-notification-list, [ui5-notification-list]", ["ui5NotificationList"], { "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5ItemClose": "ui5ItemClose"; "ui5ItemToggle": "ui5ItemToggle"; }, never, ["*"], true, never>;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
export { NotificationList };
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import _NotificationListGroupItem from '@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js';
|
|
4
|
-
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
-
|
|
6
|
-
declare class NotificationListGroupItem implements AfterViewInit {
|
|
7
|
-
/**
|
|
8
|
-
* Defines if the group is collapsed or expanded.
|
|
9
|
-
*/
|
|
10
|
-
collapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
11
|
-
/**
|
|
12
|
-
* Defines whether the component will have growing capability by pressing a `More` button.
|
|
13
|
-
When button is pressed `load-more` event will be fired.
|
|
14
|
-
*/
|
|
15
|
-
growing: _angular_core.InputSignal<"Button" | "None" | undefined>;
|
|
16
|
-
/**
|
|
17
|
-
* Defines the `titleText` of the item.
|
|
18
|
-
*/
|
|
19
|
-
titleText: _angular_core.InputSignal<string | undefined>;
|
|
20
|
-
/**
|
|
21
|
-
* Defines if the `notification` is new or has been already read.
|
|
22
|
-
|
|
23
|
-
**Note:** if set to `false` the `titleText` has bold font,
|
|
24
|
-
if set to true - it has a normal font.
|
|
25
|
-
*/
|
|
26
|
-
read: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
27
|
-
/**
|
|
28
|
-
* Defines if a busy indicator would be displayed over the item.
|
|
29
|
-
*/
|
|
30
|
-
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
31
|
-
/**
|
|
32
|
-
* Defines the delay in milliseconds, after which the busy indicator will show up for this component.
|
|
33
|
-
*/
|
|
34
|
-
loadingDelay: _angular_core.InputSignal<number | undefined>;
|
|
35
|
-
/**
|
|
36
|
-
* Fired when the `ui5-li-notification-group` is expanded/collapsed by user interaction.
|
|
37
|
-
*/
|
|
38
|
-
ui5Toggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationListGroupItem, "toggle">>;
|
|
39
|
-
/**
|
|
40
|
-
* Fired when additional items are requested.
|
|
41
|
-
*/
|
|
42
|
-
ui5LoadMore: _angular_core.OutputEmitterRef<UI5CustomEvent<_NotificationListGroupItem, "load-more">>;
|
|
43
|
-
/**
|
|
44
|
-
* Available slots for content projection in this component.
|
|
45
|
-
*
|
|
46
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
47
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
48
|
-
*
|
|
49
|
-
* - **(default)**: Defines the items of the `ui5-li-notification-group`,
|
|
50
|
-
usually `ui5-li-notification` items.
|
|
51
|
-
*
|
|
52
|
-
* @example
|
|
53
|
-
* ```html
|
|
54
|
-
* <ui5-li-notification-group>
|
|
55
|
-
* <div slot="header">Custom header content</div>
|
|
56
|
-
* <p>Default slot content</p>
|
|
57
|
-
* </ui5-li-notification-group>
|
|
58
|
-
* ```
|
|
59
|
-
*
|
|
60
|
-
* @readonly
|
|
61
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
62
|
-
*/
|
|
63
|
-
readonly slots: {
|
|
64
|
-
name: string;
|
|
65
|
-
description: string;
|
|
66
|
-
}[];
|
|
67
|
-
elementRef: ElementRef<_NotificationListGroupItem>;
|
|
68
|
-
injector: Injector;
|
|
69
|
-
get element(): _NotificationListGroupItem;
|
|
70
|
-
ngAfterViewInit(): void;
|
|
71
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationListGroupItem, never>;
|
|
72
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationListGroupItem, "ui5-li-notification-group, [ui5-li-notification-group]", ["ui5NotificationListGroupItem"], { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "growing": { "alias": "growing"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "read": { "alias": "read"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; }, { "ui5Toggle": "ui5Toggle"; "ui5LoadMore": "ui5LoadMore"; }, never, ["*"], true, never>;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
export { NotificationListGroupItem };
|