@fundamental-ngx/ui5-webcomponents-fiori 0.58.0-rc.54 → 0.58.0-rc.55
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/barcode-scanner-dialog/index.d.ts +66 -0
- package/dynamic-page/index.d.ts +65 -0
- package/dynamic-page-header/index.d.ts +37 -0
- package/dynamic-page-title/index.d.ts +63 -0
- package/dynamic-side-content/index.d.ts +81 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-barcode-scanner-dialog.mjs +131 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-barcode-scanner-dialog.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-header.mjs +61 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-header.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-title.mjs +115 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-title.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page.mjs +139 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-side-content.mjs +148 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-side-content.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item-option.mjs +65 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item-option.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item.mjs +91 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-flexible-column-layout.mjs +297 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-flexible-column-layout.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-group-item.mjs +65 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-group-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-illustrated-message.mjs +159 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-illustrated-message.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery-item.mjs +100 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery.mjs +148 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-navigation-layout.mjs +95 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-navigation-layout.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-group-item.mjs +139 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-group-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-item.mjs +174 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list.mjs +114 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-page.mjs +115 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-page.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch-item.mjs +145 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch.mjs +61 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-group.mjs +36 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-show-more.mjs +87 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-show-more.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item.mjs +143 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-message-area.mjs +65 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-message-area.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-scope.mjs +65 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-scope.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search.mjs +191 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-branding.mjs +135 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-branding.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-item.mjs +109 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-search.mjs +196 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-search.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-spacer.mjs +36 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-spacer.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar.mjs +334 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-group.mjs +105 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-item.mjs +195 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-sub-item.mjs +165 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-sub-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation.mjs +130 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-sort-item.mjs +65 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-sort-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-theming.mjs +23 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-theming.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-group-item.mjs +109 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-group-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-item.mjs +136 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline.mjs +135 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection-item.mjs +184 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection.mjs +152 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-account.mjs +95 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-account.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item-group.mjs +36 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item.mjs +63 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu.mjs +174 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-dialog.mjs +138 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-dialog.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-item.mjs +158 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-view.mjs +96 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-view.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-view-settings-dialog.mjs +150 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-view-settings-dialog.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard-step.mjs +130 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard-step.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard.mjs +107 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-fiori.mjs.map +1 -1
- package/filter-item/index.d.ts +46 -0
- package/filter-item-option/index.d.ts +22 -0
- package/flexible-column-layout/index.d.ts +135 -0
- package/group-item/index.d.ts +22 -0
- package/illustrated-message/index.d.ts +105 -0
- package/media-gallery/index.d.ts +84 -0
- package/media-gallery-item/index.d.ts +50 -0
- package/navigation-layout/index.d.ts +43 -0
- package/notification-list/index.d.ts +54 -0
- package/notification-list-group-item/index.d.ts +75 -0
- package/notification-list-item/index.d.ts +97 -0
- package/package.json +206 -2
- package/page/index.d.ts +60 -0
- package/product-switch/index.d.ts +37 -0
- package/product-switch-item/index.d.ts +83 -0
- package/search/index.d.ts +106 -0
- package/search-item/index.d.ts +75 -0
- package/search-item-group/index.d.ts +14 -0
- package/search-item-show-more/index.d.ts +30 -0
- package/search-message-area/index.d.ts +22 -0
- package/search-scope/index.d.ts +22 -0
- package/shell-bar/index.d.ts +218 -0
- package/shell-bar-branding/index.d.ts +71 -0
- package/shell-bar-item/index.d.ts +51 -0
- package/shell-bar-search/index.d.ts +110 -0
- package/shell-bar-spacer/index.d.ts +14 -0
- package/side-navigation/index.d.ts +67 -0
- package/side-navigation-group/index.d.ts +58 -0
- package/side-navigation-item/index.d.ts +128 -0
- package/side-navigation-sub-item/index.d.ts +101 -0
- package/sort-item/index.d.ts +22 -0
- package/theming/index.d.ts +11 -0
- package/timeline/index.d.ts +73 -0
- package/timeline-group-item/index.d.ts +50 -0
- package/timeline-item/index.d.ts +73 -0
- package/upload-collection/index.d.ts +84 -0
- package/upload-collection-item/index.d.ts +111 -0
- package/user-menu/index.d.ts +100 -0
- package/user-menu-account/index.d.ts +46 -0
- package/user-menu-item/index.d.ts +39 -0
- package/user-menu-item-group/index.d.ts +14 -0
- package/user-settings-dialog/index.d.ts +71 -0
- package/user-settings-item/index.d.ts +88 -0
- package/user-settings-view/index.d.ts +50 -0
- package/view-settings-dialog/index.d.ts +78 -0
- package/wizard/index.d.ts +49 -0
- package/wizard-step/index.d.ts +81 -0
|
@@ -0,0 +1,67 @@
|
|
|
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 };
|
|
@@ -0,0 +1,58 @@
|
|
|
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 };
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
+
import _SideNavigationItem from '@ui5/webcomponents-fiori/dist/SideNavigationItem.js';
|
|
4
|
+
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
+
import { SideNavigationItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/SideNavigationSelectableItemBase.js';
|
|
6
|
+
|
|
7
|
+
declare class SideNavigationItem implements AfterViewInit {
|
|
8
|
+
/**
|
|
9
|
+
* Defines if the item is expanded
|
|
10
|
+
*/
|
|
11
|
+
expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
12
|
+
/**
|
|
13
|
+
* Defines the icon of the item.
|
|
14
|
+
|
|
15
|
+
The SAP-icons font provides numerous options.
|
|
16
|
+
|
|
17
|
+
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
18
|
+
*/
|
|
19
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
20
|
+
/**
|
|
21
|
+
* Defines whether the item is selected.
|
|
22
|
+
|
|
23
|
+
**Note:** Items that have a set `href` and `target` set to `_blank` should not be selectable.
|
|
24
|
+
*/
|
|
25
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
26
|
+
/**
|
|
27
|
+
* Defines the link target URI. Supports standard hyperlink behavior.
|
|
28
|
+
If a JavaScript action should be triggered,
|
|
29
|
+
this should not be set, but instead an event handler
|
|
30
|
+
for the `click` event should be registered.
|
|
31
|
+
*/
|
|
32
|
+
href: _angular_core.InputSignal<string | undefined>;
|
|
33
|
+
/**
|
|
34
|
+
* Defines the component target.
|
|
35
|
+
|
|
36
|
+
Possible values:
|
|
37
|
+
|
|
38
|
+
- `_self`
|
|
39
|
+
- `_top`
|
|
40
|
+
- `_blank`
|
|
41
|
+
- `_parent`
|
|
42
|
+
- `framename`
|
|
43
|
+
|
|
44
|
+
**Note:** Items that have a defined `href` and `target`
|
|
45
|
+
attribute set to `_blank` should not be selectable.
|
|
46
|
+
*/
|
|
47
|
+
target: _angular_core.InputSignal<string | undefined>;
|
|
48
|
+
/**
|
|
49
|
+
* Item design.
|
|
50
|
+
|
|
51
|
+
**Note:** Items with "Action" design must not have sub-items.
|
|
52
|
+
*/
|
|
53
|
+
design: _angular_core.InputSignal<"Default" | "Action" | undefined>;
|
|
54
|
+
/**
|
|
55
|
+
* Indicates whether the navigation item is selectable. By default, all items are selectable unless specifically marked as unselectable.
|
|
56
|
+
|
|
57
|
+
When a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.
|
|
58
|
+
To improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
**Guidelines**:
|
|
62
|
+
- Items with an assigned `href` and a target of `_blank` should be marked as unselectable.
|
|
63
|
+
- Items that trigger actions (with design "Action") should be marked as unselectable.
|
|
64
|
+
*/
|
|
65
|
+
unselectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
66
|
+
/**
|
|
67
|
+
* Defines the additional accessibility attributes that will be applied to the component.
|
|
68
|
+
The following fields are supported:
|
|
69
|
+
|
|
70
|
+
- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
|
|
71
|
+
Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
|
|
72
|
+
|
|
73
|
+
**Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.
|
|
74
|
+
*/
|
|
75
|
+
accessibilityAttributes: _angular_core.InputSignal<SideNavigationItemAccessibilityAttributes | undefined>;
|
|
76
|
+
/**
|
|
77
|
+
* Defines the text of the item.
|
|
78
|
+
*/
|
|
79
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
80
|
+
/**
|
|
81
|
+
* Defines whether the component is disabled.
|
|
82
|
+
A disabled component can't be pressed or
|
|
83
|
+
focused, and it is not in the tab chain.
|
|
84
|
+
*/
|
|
85
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
86
|
+
/**
|
|
87
|
+
* Defines the tooltip of the component.
|
|
88
|
+
|
|
89
|
+
A tooltip attribute should be provided, in order to represent meaning/function,
|
|
90
|
+
when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
|
|
91
|
+
*/
|
|
92
|
+
tooltip: _angular_core.InputSignal<string | undefined>;
|
|
93
|
+
/**
|
|
94
|
+
* Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.
|
|
95
|
+
*/
|
|
96
|
+
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_SideNavigationItem, "click">>;
|
|
97
|
+
/**
|
|
98
|
+
* Available slots for content projection in this component.
|
|
99
|
+
*
|
|
100
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
101
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
102
|
+
*
|
|
103
|
+
* - **(default)**: Defines nested items by passing `ui5-side-navigation-sub-item` to the default slot.
|
|
104
|
+
*
|
|
105
|
+
* @example
|
|
106
|
+
* ```html
|
|
107
|
+
* <ui5-side-navigation-item>
|
|
108
|
+
* <div slot="header">Custom header content</div>
|
|
109
|
+
* <p>Default slot content</p>
|
|
110
|
+
* </ui5-side-navigation-item>
|
|
111
|
+
* ```
|
|
112
|
+
*
|
|
113
|
+
* @readonly
|
|
114
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
115
|
+
*/
|
|
116
|
+
readonly slots: {
|
|
117
|
+
name: string;
|
|
118
|
+
description: string;
|
|
119
|
+
}[];
|
|
120
|
+
elementRef: ElementRef<_SideNavigationItem>;
|
|
121
|
+
injector: Injector;
|
|
122
|
+
get element(): _SideNavigationItem;
|
|
123
|
+
ngAfterViewInit(): void;
|
|
124
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideNavigationItem, never>;
|
|
125
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavigationItem, "ui5-side-navigation-item, [ui5-side-navigation-item]", ["ui5SideNavigationItem"], { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "unselectable": { "alias": "unselectable"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "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; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
export { SideNavigationItem };
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
+
import _SideNavigationSubItem from '@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js';
|
|
4
|
+
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
+
import { SideNavigationItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/SideNavigationSelectableItemBase.js';
|
|
6
|
+
|
|
7
|
+
declare class SideNavigationSubItem implements AfterViewInit {
|
|
8
|
+
/**
|
|
9
|
+
* Defines the icon of the item.
|
|
10
|
+
|
|
11
|
+
The SAP-icons font provides numerous options.
|
|
12
|
+
|
|
13
|
+
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
14
|
+
*/
|
|
15
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
16
|
+
/**
|
|
17
|
+
* Defines whether the item is selected.
|
|
18
|
+
|
|
19
|
+
**Note:** Items that have a set `href` and `target` set to `_blank` should not be selectable.
|
|
20
|
+
*/
|
|
21
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
22
|
+
/**
|
|
23
|
+
* Defines the link target URI. Supports standard hyperlink behavior.
|
|
24
|
+
If a JavaScript action should be triggered,
|
|
25
|
+
this should not be set, but instead an event handler
|
|
26
|
+
for the `click` event should be registered.
|
|
27
|
+
*/
|
|
28
|
+
href: _angular_core.InputSignal<string | undefined>;
|
|
29
|
+
/**
|
|
30
|
+
* Defines the component target.
|
|
31
|
+
|
|
32
|
+
Possible values:
|
|
33
|
+
|
|
34
|
+
- `_self`
|
|
35
|
+
- `_top`
|
|
36
|
+
- `_blank`
|
|
37
|
+
- `_parent`
|
|
38
|
+
- `framename`
|
|
39
|
+
|
|
40
|
+
**Note:** Items that have a defined `href` and `target`
|
|
41
|
+
attribute set to `_blank` should not be selectable.
|
|
42
|
+
*/
|
|
43
|
+
target: _angular_core.InputSignal<string | undefined>;
|
|
44
|
+
/**
|
|
45
|
+
* Item design.
|
|
46
|
+
|
|
47
|
+
**Note:** Items with "Action" design must not have sub-items.
|
|
48
|
+
*/
|
|
49
|
+
design: _angular_core.InputSignal<"Default" | "Action" | undefined>;
|
|
50
|
+
/**
|
|
51
|
+
* Indicates whether the navigation item is selectable. By default, all items are selectable unless specifically marked as unselectable.
|
|
52
|
+
|
|
53
|
+
When a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.
|
|
54
|
+
To improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
**Guidelines**:
|
|
58
|
+
- Items with an assigned `href` and a target of `_blank` should be marked as unselectable.
|
|
59
|
+
- Items that trigger actions (with design "Action") should be marked as unselectable.
|
|
60
|
+
*/
|
|
61
|
+
unselectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
62
|
+
/**
|
|
63
|
+
* Defines the additional accessibility attributes that will be applied to the component.
|
|
64
|
+
The following fields are supported:
|
|
65
|
+
|
|
66
|
+
- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
|
|
67
|
+
Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
|
|
68
|
+
|
|
69
|
+
**Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.
|
|
70
|
+
*/
|
|
71
|
+
accessibilityAttributes: _angular_core.InputSignal<SideNavigationItemAccessibilityAttributes | undefined>;
|
|
72
|
+
/**
|
|
73
|
+
* Defines the text of the item.
|
|
74
|
+
*/
|
|
75
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
76
|
+
/**
|
|
77
|
+
* Defines whether the component is disabled.
|
|
78
|
+
A disabled component can't be pressed or
|
|
79
|
+
focused, and it is not in the tab chain.
|
|
80
|
+
*/
|
|
81
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
82
|
+
/**
|
|
83
|
+
* Defines the tooltip of the component.
|
|
84
|
+
|
|
85
|
+
A tooltip attribute should be provided, in order to represent meaning/function,
|
|
86
|
+
when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
|
|
87
|
+
*/
|
|
88
|
+
tooltip: _angular_core.InputSignal<string | undefined>;
|
|
89
|
+
/**
|
|
90
|
+
* Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.
|
|
91
|
+
*/
|
|
92
|
+
ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_SideNavigationSubItem, "click">>;
|
|
93
|
+
elementRef: ElementRef<_SideNavigationSubItem>;
|
|
94
|
+
injector: Injector;
|
|
95
|
+
get element(): _SideNavigationSubItem;
|
|
96
|
+
ngAfterViewInit(): void;
|
|
97
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideNavigationSubItem, never>;
|
|
98
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavigationSubItem, "ui5-side-navigation-sub-item, [ui5-side-navigation-sub-item]", ["ui5SideNavigationSubItem"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "unselectable": { "alias": "unselectable"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "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; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
export { SideNavigationSubItem };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
+
import _SortItem from '@ui5/webcomponents-fiori/dist/SortItem.js';
|
|
4
|
+
|
|
5
|
+
declare class SortItem implements AfterViewInit {
|
|
6
|
+
/**
|
|
7
|
+
* Defines the text of the sort item.
|
|
8
|
+
*/
|
|
9
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
10
|
+
/**
|
|
11
|
+
* Defines if the sort item is selected.
|
|
12
|
+
*/
|
|
13
|
+
selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
14
|
+
elementRef: ElementRef<_SortItem>;
|
|
15
|
+
injector: Injector;
|
|
16
|
+
get element(): _SortItem;
|
|
17
|
+
ngAfterViewInit(): void;
|
|
18
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortItem, never>;
|
|
19
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SortItem, "ui5-sort-item, [ui5-sort-item]", ["ui5SortItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export { SortItem };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { WebcomponentsThemingProvider } from '@fundamental-ngx/ui5-webcomponents-base/theming';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
|
|
4
|
+
declare class Ui5WebcomponentsFioriThemingService extends WebcomponentsThemingProvider {
|
|
5
|
+
name: string;
|
|
6
|
+
constructor();
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Ui5WebcomponentsFioriThemingService, never>;
|
|
8
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<Ui5WebcomponentsFioriThemingService>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { Ui5WebcomponentsFioriThemingService };
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
+
import _Timeline from '@ui5/webcomponents-fiori/dist/Timeline.js';
|
|
4
|
+
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
+
|
|
6
|
+
declare class Timeline implements AfterViewInit {
|
|
7
|
+
/**
|
|
8
|
+
* Defines the items orientation.
|
|
9
|
+
*/
|
|
10
|
+
layout: _angular_core.InputSignal<"Vertical" | "Horizontal" | undefined>;
|
|
11
|
+
/**
|
|
12
|
+
* Defines the accessible ARIA name of the component.
|
|
13
|
+
*/
|
|
14
|
+
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
15
|
+
/**
|
|
16
|
+
* Defines if the component should display a loading indicator over the Timeline.
|
|
17
|
+
*/
|
|
18
|
+
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
19
|
+
/**
|
|
20
|
+
* Defines the delay in milliseconds, after which the loading indicator will show up for this component.
|
|
21
|
+
*/
|
|
22
|
+
loadingDelay: _angular_core.InputSignal<number | undefined>;
|
|
23
|
+
/**
|
|
24
|
+
* Defines whether the Timeline will have growing capability either by pressing a "More" button,
|
|
25
|
+
or via user scroll. In both cases a `load-more` event is fired.
|
|
26
|
+
|
|
27
|
+
Available options:
|
|
28
|
+
|
|
29
|
+
`Button` - Displays a button at the end of the Timeline, which when pressed triggers the `load-more` event.
|
|
30
|
+
|
|
31
|
+
`Scroll` -Triggers the `load-more` event when the user scrolls to the end of the Timeline.
|
|
32
|
+
|
|
33
|
+
`None` (default) - The growing functionality is off.
|
|
34
|
+
*/
|
|
35
|
+
growing: _angular_core.InputSignal<"Button" | "Scroll" | "None" | undefined>;
|
|
36
|
+
/**
|
|
37
|
+
* Fired when the user presses the `More` button or scrolls to the Timeline's end.
|
|
38
|
+
|
|
39
|
+
**Note:** The event will be fired if `growing` is set to `Button` or `Scroll`.
|
|
40
|
+
*/
|
|
41
|
+
ui5LoadMore: _angular_core.OutputEmitterRef<UI5CustomEvent<_Timeline, "load-more">>;
|
|
42
|
+
/**
|
|
43
|
+
* Available slots for content projection in this component.
|
|
44
|
+
*
|
|
45
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
46
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
47
|
+
*
|
|
48
|
+
* - **(default)**: Determines the content of the `ui5-timeline`.
|
|
49
|
+
*
|
|
50
|
+
* @example
|
|
51
|
+
* ```html
|
|
52
|
+
* <ui5-timeline>
|
|
53
|
+
* <div slot="header">Custom header content</div>
|
|
54
|
+
* <p>Default slot content</p>
|
|
55
|
+
* </ui5-timeline>
|
|
56
|
+
* ```
|
|
57
|
+
*
|
|
58
|
+
* @readonly
|
|
59
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
60
|
+
*/
|
|
61
|
+
readonly slots: {
|
|
62
|
+
name: string;
|
|
63
|
+
description: string;
|
|
64
|
+
}[];
|
|
65
|
+
elementRef: ElementRef<_Timeline>;
|
|
66
|
+
injector: Injector;
|
|
67
|
+
get element(): _Timeline;
|
|
68
|
+
ngAfterViewInit(): void;
|
|
69
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Timeline, never>;
|
|
70
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Timeline, "ui5-timeline, [ui5-timeline]", ["ui5Timeline"], { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; "growing": { "alias": "growing"; "required": false; "isSignal": true; }; }, { "ui5LoadMore": "ui5LoadMore"; }, never, ["*"], true, never>;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
export { Timeline };
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
+
import _TimelineGroupItem from '@ui5/webcomponents-fiori/dist/TimelineGroupItem.js';
|
|
4
|
+
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
+
|
|
6
|
+
declare class TimelineGroupItem implements AfterViewInit {
|
|
7
|
+
/**
|
|
8
|
+
* Defines the text of the button that expands and collapses the group.
|
|
9
|
+
*/
|
|
10
|
+
groupName: _angular_core.InputSignal<string | undefined>;
|
|
11
|
+
/**
|
|
12
|
+
* Determines if the group is collapsed or expanded.
|
|
13
|
+
*/
|
|
14
|
+
collapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
15
|
+
/**
|
|
16
|
+
* Fired when the group item is expanded or collapsed.
|
|
17
|
+
*/
|
|
18
|
+
ui5Toggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_TimelineGroupItem, "toggle">>;
|
|
19
|
+
/**
|
|
20
|
+
* Available slots for content projection in this component.
|
|
21
|
+
*
|
|
22
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
23
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
24
|
+
*
|
|
25
|
+
* - **(default)**: Determines the content of the `ui5-timeline-group-item`.
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* ```html
|
|
29
|
+
* <ui5-timeline-group-item>
|
|
30
|
+
* <div slot="header">Custom header content</div>
|
|
31
|
+
* <p>Default slot content</p>
|
|
32
|
+
* </ui5-timeline-group-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<_TimelineGroupItem>;
|
|
43
|
+
injector: Injector;
|
|
44
|
+
get element(): _TimelineGroupItem;
|
|
45
|
+
ngAfterViewInit(): void;
|
|
46
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineGroupItem, never>;
|
|
47
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineGroupItem, "ui5-timeline-group-item, [ui5-timeline-group-item]", ["ui5TimelineGroupItem"], { "groupName": { "alias": "groupName"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "ui5Toggle": "ui5Toggle"; }, never, ["*"], true, never>;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export { TimelineGroupItem };
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
+
import _TimelineItem from '@ui5/webcomponents-fiori/dist/TimelineItem.js';
|
|
4
|
+
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
+
|
|
6
|
+
declare class TimelineItem implements AfterViewInit {
|
|
7
|
+
/**
|
|
8
|
+
* Defines the icon to be displayed as graphical element within the `ui5-timeline-item`.
|
|
9
|
+
SAP-icons font provides numerous options.
|
|
10
|
+
|
|
11
|
+
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
12
|
+
*/
|
|
13
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
14
|
+
/**
|
|
15
|
+
* Defines the name of the item, displayed before the `title-text`.
|
|
16
|
+
*/
|
|
17
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
18
|
+
/**
|
|
19
|
+
* Defines if the `name` is clickable.
|
|
20
|
+
*/
|
|
21
|
+
nameClickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
22
|
+
/**
|
|
23
|
+
* Defines the title text of the component.
|
|
24
|
+
*/
|
|
25
|
+
titleText: _angular_core.InputSignal<string | undefined>;
|
|
26
|
+
/**
|
|
27
|
+
* Defines the subtitle text of the component.
|
|
28
|
+
*/
|
|
29
|
+
subtitleText: _angular_core.InputSignal<string | undefined>;
|
|
30
|
+
/**
|
|
31
|
+
* Defines the state of the icon displayed in the `ui5-timeline-item`.
|
|
32
|
+
*/
|
|
33
|
+
state: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
|
|
34
|
+
/**
|
|
35
|
+
* Fired when the item name is pressed either with a
|
|
36
|
+
click/tap or by using the Enter or Space key.
|
|
37
|
+
|
|
38
|
+
**Note:** The event will not be fired if the `name-clickable`
|
|
39
|
+
attribute is not set.
|
|
40
|
+
*/
|
|
41
|
+
ui5NameClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TimelineItem, "name-click">>;
|
|
42
|
+
/**
|
|
43
|
+
* Available slots for content projection in this component.
|
|
44
|
+
*
|
|
45
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
46
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
47
|
+
*
|
|
48
|
+
* - **(default)**: Defines the content of the `ui5-timeline-item`.
|
|
49
|
+
*
|
|
50
|
+
* @example
|
|
51
|
+
* ```html
|
|
52
|
+
* <ui5-timeline-item>
|
|
53
|
+
* <div slot="header">Custom header content</div>
|
|
54
|
+
* <p>Default slot content</p>
|
|
55
|
+
* </ui5-timeline-item>
|
|
56
|
+
* ```
|
|
57
|
+
*
|
|
58
|
+
* @readonly
|
|
59
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
60
|
+
*/
|
|
61
|
+
readonly slots: {
|
|
62
|
+
name: string;
|
|
63
|
+
description: string;
|
|
64
|
+
}[];
|
|
65
|
+
elementRef: ElementRef<_TimelineItem>;
|
|
66
|
+
injector: Injector;
|
|
67
|
+
get element(): _TimelineItem;
|
|
68
|
+
ngAfterViewInit(): void;
|
|
69
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineItem, never>;
|
|
70
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineItem, "ui5-timeline-item, [ui5-timeline-item]", ["ui5TimelineItem"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "nameClickable": { "alias": "nameClickable"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "ui5NameClick": "ui5NameClick"; }, never, ["*"], true, never>;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
export { TimelineItem };
|