@fundamental-ngx/btp 0.46.0-rc.100
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/README.md +7 -0
- package/esm2022/fundamental-ngx-btp.mjs +5 -0
- package/esm2022/index.mjs +3 -0
- package/esm2022/navigation/directives/navigation-home.directive.mjs +19 -0
- package/esm2022/navigation/directives/navigation-list-spacer.directive.mjs +24 -0
- package/esm2022/navigation/fundamental-ngx-btp-navigation.mjs +5 -0
- package/esm2022/navigation/index.mjs +11 -0
- package/esm2022/navigation/navigation-component.token.mjs +22 -0
- package/esm2022/navigation/navigation-content-end.component.mjs +62 -0
- package/esm2022/navigation/navigation-content-start.component.mjs +207 -0
- package/esm2022/navigation/navigation-content.token.mjs +3 -0
- package/esm2022/navigation/navigation-link.component.mjs +188 -0
- package/esm2022/navigation/navigation-list/navigation-list-item.component.mjs +423 -0
- package/esm2022/navigation/navigation-list/navigation-list-overflow-item.component.mjs +57 -0
- package/esm2022/navigation/navigation-list/navigation-list.component.mjs +125 -0
- package/esm2022/navigation/navigation-list-component.token.mjs +3 -0
- package/esm2022/navigation/navigation-list-item-component.token.mjs +90 -0
- package/esm2022/navigation/navigation.component.mjs +251 -0
- package/esm2022/navigation/navigation.service.mjs +14 -0
- package/esm2022/navigation/navigation.types.mjs +2 -0
- package/esm2022/navigation-menu/fundamental-ngx-btp-navigation-menu.mjs +5 -0
- package/esm2022/navigation-menu/index.mjs +6 -0
- package/esm2022/navigation-menu/lib/navigation-menu-item.component.mjs +48 -0
- package/esm2022/navigation-menu/lib/navigation-menu-popover-control.directive.mjs +19 -0
- package/esm2022/navigation-menu/lib/navigation-menu-popover.component.mjs +38 -0
- package/esm2022/navigation-menu/lib/navigation-menu.component.mjs +13 -0
- package/esm2022/navigation-menu/lib/navigation-menu.module.mjs +17 -0
- package/esm2022/search-field/fundamental-ngx-btp-search-field.mjs +5 -0
- package/esm2022/search-field/index.mjs +2 -0
- package/esm2022/search-field/search-field.component.mjs +62 -0
- package/esm2022/shared/fundamental-ngx-btp-shared.mjs +5 -0
- package/esm2022/shared/index.mjs +2 -0
- package/esm2022/tool-header/components/tool-header/tool-header.component.mjs +227 -0
- package/esm2022/tool-header/components/tool-header-product-switch.component.mjs +102 -0
- package/esm2022/tool-header/directives/tool-header-action.directive.mjs +43 -0
- package/esm2022/tool-header/directives/tool-header-actions.directive.mjs +63 -0
- package/esm2022/tool-header/directives/tool-header-auto-mode.directive.mjs +114 -0
- package/esm2022/tool-header/directives/tool-header-button.directive.mjs +51 -0
- package/esm2022/tool-header/directives/tool-header-element.directive.mjs +17 -0
- package/esm2022/tool-header/directives/tool-header-group.directive.mjs +26 -0
- package/esm2022/tool-header/directives/tool-header-logo.directive.mjs +19 -0
- package/esm2022/tool-header/directives/tool-header-user.directive.mjs +14 -0
- package/esm2022/tool-header/fundamental-ngx-btp-tool-header.mjs +5 -0
- package/esm2022/tool-header/index.mjs +10 -0
- package/esm2022/tool-header/tool-header-action-button.type.mjs +2 -0
- package/esm2022/tool-header/tool-header-component.class.mjs +74 -0
- package/esm2022/tool-header/tool-header-state.type.mjs +2 -0
- package/esm2022/tool-layout/directives/tool-layout-container.directive.mjs +17 -0
- package/esm2022/tool-layout/directives/tool-layout-content-container.directive.mjs +50 -0
- package/esm2022/tool-layout/directives/tool-layout-header-container.directive.mjs +17 -0
- package/esm2022/tool-layout/directives/tool-layout-navigation-container.directive.mjs +37 -0
- package/esm2022/tool-layout/fundamental-ngx-btp-tool-layout.mjs +5 -0
- package/esm2022/tool-layout/index.mjs +7 -0
- package/esm2022/tool-layout/tool-layout.component.mjs +43 -0
- package/esm2022/tool-layout/tool-layout.module.mjs +40 -0
- package/fesm2022/fundamental-ngx-btp-navigation-menu.mjs +130 -0
- package/fesm2022/fundamental-ngx-btp-navigation-menu.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp-navigation.mjs +1409 -0
- package/fesm2022/fundamental-ngx-btp-navigation.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp-search-field.mjs +69 -0
- package/fesm2022/fundamental-ngx-btp-search-field.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp-shared.mjs +4 -0
- package/fesm2022/fundamental-ngx-btp-shared.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp-tool-header.mjs +717 -0
- package/fesm2022/fundamental-ngx-btp-tool-header.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp-tool-layout.mjs +194 -0
- package/fesm2022/fundamental-ngx-btp-tool-layout.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-btp.mjs +7 -0
- package/fesm2022/fundamental-ngx-btp.mjs.map +1 -0
- package/fundamental-ngx-btp-v0.46.0-rc.100.tgz +0 -0
- package/index.d.ts +2 -0
- package/navigation/README.md +3 -0
- package/navigation/directives/navigation-home.directive.d.ts +10 -0
- package/navigation/directives/navigation-list-spacer.directive.d.ts +8 -0
- package/navigation/index.d.ts +10 -0
- package/navigation/navigation-component.token.d.ts +34 -0
- package/navigation/navigation-content-end.component.d.ts +23 -0
- package/navigation/navigation-content-start.component.d.ts +54 -0
- package/navigation/navigation-content.token.d.ts +11 -0
- package/navigation/navigation-link.component.d.ts +49 -0
- package/navigation/navigation-list/navigation-list-item.component.d.ts +142 -0
- package/navigation/navigation-list/navigation-list-overflow-item.component.d.ts +16 -0
- package/navigation/navigation-list/navigation-list.component.d.ts +60 -0
- package/navigation/navigation-list-component.token.d.ts +17 -0
- package/navigation/navigation-list-item-component.token.d.ts +68 -0
- package/navigation/navigation.component.d.ts +82 -0
- package/navigation/navigation.service.d.ts +8 -0
- package/navigation/navigation.types.d.ts +2 -0
- package/navigation-menu/README.md +3 -0
- package/navigation-menu/index.d.ts +5 -0
- package/navigation-menu/lib/navigation-menu-item.component.d.ts +13 -0
- package/navigation-menu/lib/navigation-menu-popover-control.directive.d.ts +10 -0
- package/navigation-menu/lib/navigation-menu-popover.component.d.ts +11 -0
- package/navigation-menu/lib/navigation-menu.component.d.ts +5 -0
- package/navigation-menu/lib/navigation-menu.module.d.ts +8 -0
- package/package.json +63 -0
- package/search-field/README.md +3 -0
- package/search-field/index.d.ts +1 -0
- package/search-field/search-field.component.d.ts +34 -0
- package/shared/README.md +3 -0
- package/shared/index.d.ts +1 -0
- package/tool-header/README.md +3 -0
- package/tool-header/components/tool-header/tool-header.component.d.ts +91 -0
- package/tool-header/components/tool-header-product-switch.component.d.ts +11 -0
- package/tool-header/directives/tool-header-action.directive.d.ts +35 -0
- package/tool-header/directives/tool-header-actions.directive.d.ts +27 -0
- package/tool-header/directives/tool-header-auto-mode.directive.d.ts +68 -0
- package/tool-header/directives/tool-header-button.directive.d.ts +22 -0
- package/tool-header/directives/tool-header-element.directive.d.ts +5 -0
- package/tool-header/directives/tool-header-group.directive.d.ts +12 -0
- package/tool-header/directives/tool-header-logo.directive.d.ts +5 -0
- package/tool-header/directives/tool-header-user.directive.d.ts +5 -0
- package/tool-header/index.d.ts +9 -0
- package/tool-header/tool-header-action-button.type.d.ts +10 -0
- package/tool-header/tool-header-component.class.d.ts +20 -0
- package/tool-header/tool-header-state.type.d.ts +14 -0
- package/tool-layout/README.md +3 -0
- package/tool-layout/directives/tool-layout-container.directive.d.ts +5 -0
- package/tool-layout/directives/tool-layout-content-container.directive.d.ts +29 -0
- package/tool-layout/directives/tool-layout-header-container.directive.d.ts +5 -0
- package/tool-layout/directives/tool-layout-navigation-container.directive.d.ts +13 -0
- package/tool-layout/index.d.ts +6 -0
- package/tool-layout/tool-layout.component.d.ts +27 -0
- package/tool-layout/tool-layout.module.d.ts +11 -0
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import { FocusableOption } from '@angular/cdk/a11y';
|
|
2
|
+
import { DomPortal } from '@angular/cdk/portal';
|
|
3
|
+
import { AfterViewInit, ElementRef, Injector, OnChanges, OnInit, Signal, TemplateRef } from '@angular/core';
|
|
4
|
+
import { RouterLink, RouterLinkActive } from '@angular/router';
|
|
5
|
+
import { CssClassBuilder, HasElementRef, Nullable } from '@fundamental-ngx/cdk/utils';
|
|
6
|
+
import { NavigationLinkComponent } from '../navigation-link.component';
|
|
7
|
+
import { FdbNavigationListComponent } from '../navigation-list-component.token';
|
|
8
|
+
import { FdbNavigationListItemComponent } from '../navigation-list-item-component.token';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
export declare class NavigationListItemComponent extends FdbNavigationListItemComponent implements OnInit, OnChanges, CssClassBuilder, HasElementRef, AfterViewInit, FocusableOption {
|
|
11
|
+
/** @hidden */
|
|
12
|
+
class: Nullable<string>;
|
|
13
|
+
/** @hidden */
|
|
14
|
+
set group(group: boolean);
|
|
15
|
+
/** @hidden */
|
|
16
|
+
set _expanded(expanded: boolean);
|
|
17
|
+
/** @hidden */
|
|
18
|
+
linkTemplate: TemplateRef<void>;
|
|
19
|
+
/** @hidden */
|
|
20
|
+
alwaysFocusable: boolean;
|
|
21
|
+
/** @hidden */
|
|
22
|
+
set _navigationListComponent(navigationListComponent: FdbNavigationListComponent);
|
|
23
|
+
/** @hidden */
|
|
24
|
+
set _routerLinkActive(routerLinkActive: RouterLinkActive);
|
|
25
|
+
/** @hidden */
|
|
26
|
+
set _routerLink(routerLink: RouterLink);
|
|
27
|
+
/** @hidden */
|
|
28
|
+
set _childrenTemplate(templateRef: TemplateRef<void>);
|
|
29
|
+
/** @hidden */
|
|
30
|
+
_navigationItem: ElementRef;
|
|
31
|
+
/** @hidden */
|
|
32
|
+
linkComponent: Nullable<NavigationLinkComponent>;
|
|
33
|
+
/** @hidden */
|
|
34
|
+
private readonly _childNavigationListItems;
|
|
35
|
+
/** @hidden */
|
|
36
|
+
private readonly _clonedMainLink;
|
|
37
|
+
/** @hidden */
|
|
38
|
+
injector: Injector;
|
|
39
|
+
/** @hidden */
|
|
40
|
+
elementRef: ElementRef<HTMLElement>;
|
|
41
|
+
/** @hidden */
|
|
42
|
+
parentListItemComponent: FdbNavigationListItemComponent | null;
|
|
43
|
+
/** @hidden */
|
|
44
|
+
noArrow: boolean;
|
|
45
|
+
/** @hidden */
|
|
46
|
+
additionalBodyClass: string;
|
|
47
|
+
/** @hidden */
|
|
48
|
+
routerLink: import("@angular/core").WritableSignal<RouterLink | null>;
|
|
49
|
+
/** @hidden */
|
|
50
|
+
routerLinkActive: import("@angular/core").WritableSignal<RouterLinkActive | null>;
|
|
51
|
+
/** @hidden */
|
|
52
|
+
isRouterLinkActive: Signal<boolean>;
|
|
53
|
+
/** @hidden */
|
|
54
|
+
childNavigationListComponent: import("@angular/core").WritableSignal<FdbNavigationListComponent | null>;
|
|
55
|
+
/** @hidden */
|
|
56
|
+
expanded: import("@angular/core").WritableSignal<boolean>;
|
|
57
|
+
/** @hidden */
|
|
58
|
+
fullPathExpanded: Signal<boolean>;
|
|
59
|
+
/** @hidden */
|
|
60
|
+
isGroup: import("@angular/core").WritableSignal<boolean>;
|
|
61
|
+
/** @hidden */
|
|
62
|
+
childrenTemplate: import("@angular/core").WritableSignal<TemplateRef<void> | null>;
|
|
63
|
+
/** @hidden */
|
|
64
|
+
childrenActive: import("@angular/core").WritableSignal<boolean>;
|
|
65
|
+
/** @hidden */
|
|
66
|
+
inPortal: Signal<boolean>;
|
|
67
|
+
/** @hidden */
|
|
68
|
+
parentInPortal: Signal<boolean>;
|
|
69
|
+
/**
|
|
70
|
+
* Used in attribute only. For actual calculation of level of nesting use `normalizedLevel`.
|
|
71
|
+
*/
|
|
72
|
+
get level(): Signal<number>;
|
|
73
|
+
/**
|
|
74
|
+
* Used for calculation of the level of inclusion. Can be different than the actual level due to ability to mix grouped lists with ungrouped.
|
|
75
|
+
* For ungrouped lists will add +1 for the first list in the hierarchy to mimic group existence.
|
|
76
|
+
*/
|
|
77
|
+
normalizedLevel: Signal<number>;
|
|
78
|
+
/** @hidden */
|
|
79
|
+
_isInPopover: Signal<boolean>;
|
|
80
|
+
/** @hidden */
|
|
81
|
+
expandedAttr: Signal<boolean>;
|
|
82
|
+
/**
|
|
83
|
+
* Icon which should be used for the toggle button.
|
|
84
|
+
**/
|
|
85
|
+
toggleIcon: Signal<"slim-arrow-down" | "slim-arrow-left" | "slim-arrow-right">;
|
|
86
|
+
/** @hidden */
|
|
87
|
+
domPortal: Nullable<DomPortal>;
|
|
88
|
+
/** @hidden */
|
|
89
|
+
private _selfInPortal;
|
|
90
|
+
/** @hidden */
|
|
91
|
+
private readonly _cdr;
|
|
92
|
+
/** @hidden */
|
|
93
|
+
private readonly _tabbableService;
|
|
94
|
+
/** @hidden */
|
|
95
|
+
private readonly _navigationComponent;
|
|
96
|
+
/** @hidden */
|
|
97
|
+
constructor();
|
|
98
|
+
/** @hidden */
|
|
99
|
+
buildComponentCssClass(): string[];
|
|
100
|
+
/** @hidden */
|
|
101
|
+
private _keydownHandler;
|
|
102
|
+
/** @hidden */
|
|
103
|
+
clonedMainLinkKeydown(event: KeyboardEvent): void;
|
|
104
|
+
/** @hidden */
|
|
105
|
+
calculateExpanded(): void;
|
|
106
|
+
/** @hidden */
|
|
107
|
+
focus(): void;
|
|
108
|
+
/** @hidden */
|
|
109
|
+
ngAfterViewInit(): void;
|
|
110
|
+
/** @hidden */
|
|
111
|
+
ngOnChanges(): void;
|
|
112
|
+
/** @hidden */
|
|
113
|
+
ngOnInit(): void;
|
|
114
|
+
/** @hidden */
|
|
115
|
+
collapse(): void;
|
|
116
|
+
/** @hidden */
|
|
117
|
+
expand(): void;
|
|
118
|
+
/** @hidden */
|
|
119
|
+
toggle(): void;
|
|
120
|
+
/** @hidden */
|
|
121
|
+
setSnappedActiveState(isActive: boolean): void;
|
|
122
|
+
/** @hidden */
|
|
123
|
+
hide(): void;
|
|
124
|
+
/** @hidden */
|
|
125
|
+
show(): void;
|
|
126
|
+
/** @hidden */
|
|
127
|
+
checkSelfHidden(): void;
|
|
128
|
+
/** @hidden */
|
|
129
|
+
focusOnClonedLink(): void;
|
|
130
|
+
/** @hidden */
|
|
131
|
+
createPortal(): DomPortal;
|
|
132
|
+
/** @hidden */
|
|
133
|
+
destroyPortal(): void;
|
|
134
|
+
/** @hidden */
|
|
135
|
+
private _isCollapseAction;
|
|
136
|
+
/** @hidden */
|
|
137
|
+
private _expandedStateKeyboardHandler;
|
|
138
|
+
/** @hidden */
|
|
139
|
+
private _snappedStateKeyboardHandler;
|
|
140
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationListItemComponent, never>;
|
|
141
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationListItemComponent, "li[fdb-navigation-list-item]", never, { "class": { "alias": "class"; "required": false; }; "group": { "alias": "group"; "required": false; }; "_expanded": { "alias": "expanded"; "required": false; }; "linkTemplate": { "alias": "linkTemplate"; "required": false; }; "alwaysFocusable": { "alias": "alwaysFocusable"; "required": false; }; }, {}, ["_navigationListComponent", "_routerLinkActive", "_routerLink", "linkComponent", "_childNavigationListItems"], ["[fdb-navigation-link]", "ul[fdb-navigation-list]"], true, never>;
|
|
142
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { FdbNavigationListItemComponent } from '../navigation-list-item-component.token';
|
|
3
|
+
import { NavigationListItemComponent } from './navigation-list-item.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class NavigationListOverflowItemComponent extends NavigationListItemComponent {
|
|
6
|
+
/** @hidden */
|
|
7
|
+
set _hiddenItems(items: FdbNavigationListItemComponent[]);
|
|
8
|
+
/** @hidden */
|
|
9
|
+
_portal: TemplateRef<any>;
|
|
10
|
+
/** @hidden */
|
|
11
|
+
additionalBodyClass: string;
|
|
12
|
+
/** @hidden */
|
|
13
|
+
constructor();
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationListOverflowItemComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationListOverflowItemComponent, "li[fdb-navigation-list-overflow-item]", never, { "_hiddenItems": { "alias": "hiddenItems"; "required": false; }; }, {}, never, ["[fdb-navigation-link]"], true, never>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { ElementRef, OnChanges, OnInit, QueryList } from '@angular/core';
|
|
2
|
+
import { CssClassBuilder, HasElementRef, Nullable } from '@fundamental-ngx/cdk/utils';
|
|
3
|
+
import { FdbNavigationComponent } from '../navigation-component.token';
|
|
4
|
+
import { NavigationContentComponent } from '../navigation-content.token';
|
|
5
|
+
import { FdbNavigationListComponent } from '../navigation-list-component.token';
|
|
6
|
+
import { FdbNavigationListItemComponent } from '../navigation-list-item-component.token';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class NavigationListComponent implements OnInit, OnChanges, CssClassBuilder, HasElementRef, FdbNavigationListComponent {
|
|
9
|
+
/** @hidden */
|
|
10
|
+
class: Nullable<string>;
|
|
11
|
+
/** @hidden */
|
|
12
|
+
showHome: boolean;
|
|
13
|
+
/** @hidden */
|
|
14
|
+
readonly listItems: QueryList<FdbNavigationListItemComponent>;
|
|
15
|
+
/** @hidden */
|
|
16
|
+
readonly homeListItem: Nullable<FdbNavigationListItemComponent>;
|
|
17
|
+
/** @hidden */
|
|
18
|
+
private readonly _homeListItemElement;
|
|
19
|
+
/** @hidden */
|
|
20
|
+
private readonly _homeListSeparator;
|
|
21
|
+
/** @hidden */
|
|
22
|
+
navigationContentComponent: NavigationContentComponent;
|
|
23
|
+
/** @hidden */
|
|
24
|
+
parentListItemComponent: FdbNavigationListItemComponent | null;
|
|
25
|
+
/** @hidden */
|
|
26
|
+
parentListComponent: FdbNavigationListComponent | null;
|
|
27
|
+
/** @hidden */
|
|
28
|
+
linkTemplate: import("@angular/core").Signal<false | import("@angular/core").TemplateRef<void> | null>;
|
|
29
|
+
/** @hidden */
|
|
30
|
+
elementRef: ElementRef<HTMLElement>;
|
|
31
|
+
/** @hidden */
|
|
32
|
+
isParentGroupChild: import("@angular/core").Signal<boolean>;
|
|
33
|
+
/** @hidden */
|
|
34
|
+
isInGroup: import("@angular/core").Signal<boolean>;
|
|
35
|
+
/** @hidden */
|
|
36
|
+
level: import("@angular/core").Signal<number>;
|
|
37
|
+
/** @hidden */
|
|
38
|
+
normalizedLevel: import("@angular/core").Signal<number>;
|
|
39
|
+
/** @hidden */
|
|
40
|
+
focused: boolean;
|
|
41
|
+
/** @hidden */
|
|
42
|
+
readonly _navigationComponent: FdbNavigationComponent;
|
|
43
|
+
/** @hidden */
|
|
44
|
+
buildComponentCssClass(): string[];
|
|
45
|
+
/** @hidden */
|
|
46
|
+
private _focusIn;
|
|
47
|
+
/** @hidden */
|
|
48
|
+
private _focusOut;
|
|
49
|
+
/** @hidden */
|
|
50
|
+
ngOnChanges(): void;
|
|
51
|
+
/** @hidden */
|
|
52
|
+
ngOnInit(): void;
|
|
53
|
+
/** @hidden */
|
|
54
|
+
getHomeElementSize(): {
|
|
55
|
+
width: number;
|
|
56
|
+
height: number;
|
|
57
|
+
};
|
|
58
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationListComponent, never>;
|
|
59
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationListComponent, "ul[fdb-navigation-list]", never, { "class": { "alias": "class"; "required": false; }; "showHome": { "alias": "showHome"; "required": false; }; }, {}, ["listItems"], ["*"], true, never>;
|
|
60
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { QueryList, Signal } from '@angular/core';
|
|
2
|
+
import { Nullable } from '@fundamental-ngx/cdk/utils';
|
|
3
|
+
import { FdbNavigationListItemComponent } from './navigation-list-item-component.token';
|
|
4
|
+
export declare abstract class FdbNavigationListComponent {
|
|
5
|
+
abstract isParentGroupChild: Signal<boolean>;
|
|
6
|
+
abstract isInGroup: Signal<boolean>;
|
|
7
|
+
abstract level: Signal<number>;
|
|
8
|
+
abstract normalizedLevel: Signal<number>;
|
|
9
|
+
abstract parentListComponent: FdbNavigationListComponent | null;
|
|
10
|
+
abstract homeListItem: Nullable<FdbNavigationListItemComponent>;
|
|
11
|
+
abstract listItems: QueryList<FdbNavigationListItemComponent>;
|
|
12
|
+
abstract focused: boolean;
|
|
13
|
+
abstract getHomeElementSize(): {
|
|
14
|
+
width: number;
|
|
15
|
+
height: number;
|
|
16
|
+
};
|
|
17
|
+
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { FocusableOption } from '@angular/cdk/a11y';
|
|
2
|
+
import { DomPortal } from '@angular/cdk/portal';
|
|
3
|
+
import { DestroyRef, ElementRef, OnDestroy, Signal, WritableSignal } from '@angular/core';
|
|
4
|
+
import { RouterLink, RouterLinkActive } from '@angular/router';
|
|
5
|
+
import { Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
|
|
6
|
+
import { BasePopoverClass, PopoverService } from '@fundamental-ngx/core/popover';
|
|
7
|
+
import { FdbNavigationComponent } from './navigation-component.token';
|
|
8
|
+
import { NavigationLinkComponent } from './navigation-link.component';
|
|
9
|
+
import { FdbNavigationListComponent } from './navigation-list-component.token';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export declare abstract class FdbNavigationListItemComponent extends BasePopoverClass implements FocusableOption, OnDestroy {
|
|
12
|
+
abstract elementRef: ElementRef<HTMLElement>;
|
|
13
|
+
abstract expanded: WritableSignal<boolean>;
|
|
14
|
+
abstract expandedAttr: Signal<boolean>;
|
|
15
|
+
abstract fullPathExpanded: Signal<boolean>;
|
|
16
|
+
abstract _isInPopover: Signal<boolean>;
|
|
17
|
+
abstract inPortal: Signal<boolean>;
|
|
18
|
+
abstract childNavigationListComponent: Signal<FdbNavigationListComponent | null>;
|
|
19
|
+
abstract isGroup: Signal<boolean>;
|
|
20
|
+
abstract level: Signal<number>;
|
|
21
|
+
abstract normalizedLevel: Signal<number>;
|
|
22
|
+
abstract routerLinkActive: WritableSignal<RouterLinkActive | null>;
|
|
23
|
+
abstract routerLink: WritableSignal<RouterLink | null>;
|
|
24
|
+
abstract parentListItemComponent: FdbNavigationListItemComponent | null;
|
|
25
|
+
abstract alwaysFocusable: boolean;
|
|
26
|
+
abstract linkComponent: Nullable<NavigationLinkComponent>;
|
|
27
|
+
abstract domPortal: Nullable<DomPortal>;
|
|
28
|
+
abstract focusOnClonedLink(): void;
|
|
29
|
+
abstract expand(): void;
|
|
30
|
+
abstract collapse(): void;
|
|
31
|
+
abstract toggle(): void;
|
|
32
|
+
abstract setSnappedActiveState(isActive: boolean): void;
|
|
33
|
+
abstract focus(): void;
|
|
34
|
+
abstract hide(): void;
|
|
35
|
+
abstract show(): void;
|
|
36
|
+
abstract calculateExpanded(): void;
|
|
37
|
+
abstract checkSelfHidden(): void;
|
|
38
|
+
abstract createPortal(): DomPortal;
|
|
39
|
+
abstract destroyPortal(): void;
|
|
40
|
+
/** @hidden */
|
|
41
|
+
_hidden: WritableSignal<boolean>;
|
|
42
|
+
/** @hidden */
|
|
43
|
+
hiddenItems: WritableSignal<FdbNavigationListItemComponent[]>;
|
|
44
|
+
/** @hidden */
|
|
45
|
+
navigationComponent: FdbNavigationComponent;
|
|
46
|
+
/** @hidden */
|
|
47
|
+
hasPortalChildren: WritableSignal<boolean>;
|
|
48
|
+
/** @hidden */
|
|
49
|
+
childFocused: WritableSignal<boolean>;
|
|
50
|
+
/** @hidden */
|
|
51
|
+
parentNavigationListComponent: FdbNavigationListComponent;
|
|
52
|
+
/** @hidden */
|
|
53
|
+
protected readonly _rtl: RtlService | null;
|
|
54
|
+
/** @hidden */
|
|
55
|
+
protected readonly _isRtl: Signal<boolean>;
|
|
56
|
+
/** @hidden */
|
|
57
|
+
protected readonly _popoverService: PopoverService;
|
|
58
|
+
/** @hidden */
|
|
59
|
+
protected readonly _destroyRef: DestroyRef;
|
|
60
|
+
/** @hidden */
|
|
61
|
+
private _listenToSnappedExpandedState;
|
|
62
|
+
/** @hidden */
|
|
63
|
+
constructor();
|
|
64
|
+
/** @hidden */
|
|
65
|
+
ngOnDestroy(): void;
|
|
66
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FdbNavigationListItemComponent, never>;
|
|
67
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FdbNavigationListItemComponent, never, never, {}, {}, never, never, false, never>;
|
|
68
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
2
|
+
import { AfterViewInit, ElementRef, OnChanges, OnInit, QueryList, TemplateRef } from '@angular/core';
|
|
3
|
+
import { FdbViewMode } from '@fundamental-ngx/btp/shared';
|
|
4
|
+
import { CssClassBuilder, HasElementRef, Nullable } from '@fundamental-ngx/cdk/utils';
|
|
5
|
+
import { NavigationHomeDirective } from './directives/navigation-home.directive';
|
|
6
|
+
import { FdbNavigationComponent } from './navigation-component.token';
|
|
7
|
+
import { FdbNavigationListComponent } from './navigation-list-component.token';
|
|
8
|
+
import { FdbNavigationListItemComponent } from './navigation-list-item-component.token';
|
|
9
|
+
import { FdbNavigationState, FdbNavigationType } from './navigation.types';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export declare class NavigationComponent extends FdbNavigationComponent implements OnChanges, OnInit, CssClassBuilder, HasElementRef, AfterViewInit {
|
|
12
|
+
/** @hidden */
|
|
13
|
+
class: string;
|
|
14
|
+
/** @hidden */
|
|
15
|
+
set _state(state: FdbNavigationState);
|
|
16
|
+
/** @hidden */
|
|
17
|
+
set _horizontal(horizontal: boolean);
|
|
18
|
+
/** @hidden */
|
|
19
|
+
set _mode(mode: FdbViewMode);
|
|
20
|
+
/** @hidden */
|
|
21
|
+
set _type(type: FdbNavigationType);
|
|
22
|
+
/** @hidden */
|
|
23
|
+
set _homeSeparator(value: BooleanInput);
|
|
24
|
+
/** @hidden */
|
|
25
|
+
set _homeDirective(homeDirective: NavigationHomeDirective);
|
|
26
|
+
/** @hidden */
|
|
27
|
+
set _defaultLinkTemplate(templateRef: TemplateRef<any>);
|
|
28
|
+
/** @hidden */
|
|
29
|
+
_navigationItems: QueryList<FdbNavigationListItemComponent>;
|
|
30
|
+
/** @hidden */
|
|
31
|
+
_navigationLists: QueryList<FdbNavigationListComponent>;
|
|
32
|
+
/** @hidden */
|
|
33
|
+
private readonly _navigationContents;
|
|
34
|
+
/** @hidden */
|
|
35
|
+
elementRef: ElementRef<HTMLElement>;
|
|
36
|
+
/**
|
|
37
|
+
* Whether to show a separator between home item and the rest of the navigation items.
|
|
38
|
+
* Default is true.
|
|
39
|
+
*/
|
|
40
|
+
homeSeparator: import("@angular/core").WritableSignal<boolean>;
|
|
41
|
+
/** @hidden */
|
|
42
|
+
mode: import("@angular/core").WritableSignal<FdbViewMode>;
|
|
43
|
+
/** @hidden */
|
|
44
|
+
state: import("@angular/core").WritableSignal<FdbNavigationState>;
|
|
45
|
+
/** @hidden */
|
|
46
|
+
type: import("@angular/core").WritableSignal<FdbNavigationType>;
|
|
47
|
+
/** @hidden */
|
|
48
|
+
homeDirective: import("@angular/core").WritableSignal<NavigationHomeDirective | null>;
|
|
49
|
+
/** @hidden */
|
|
50
|
+
defaultLinkTemplate: import("@angular/core").WritableSignal<TemplateRef<any> | null>;
|
|
51
|
+
/** @hidden */
|
|
52
|
+
homeLinkTemplate: import("@angular/core").Signal<TemplateRef<any> | null>;
|
|
53
|
+
/** @hidden */
|
|
54
|
+
private _keyboardEventsManager;
|
|
55
|
+
/** @hidden */
|
|
56
|
+
private readonly _isSnapped$;
|
|
57
|
+
/** @hidden */
|
|
58
|
+
private readonly _destroyRef;
|
|
59
|
+
/** @hidden */
|
|
60
|
+
buildComponentCssClass(): string[];
|
|
61
|
+
/** @hidden */
|
|
62
|
+
keyDownHandler(event: KeyboardEvent): void;
|
|
63
|
+
/** @hidden */
|
|
64
|
+
ngOnChanges(): void;
|
|
65
|
+
/** @hidden */
|
|
66
|
+
ngOnInit(): void;
|
|
67
|
+
/** @hidden */
|
|
68
|
+
ngAfterViewInit(): void;
|
|
69
|
+
/** @hidden */
|
|
70
|
+
setNextItemActive(): void;
|
|
71
|
+
/** @hidden */
|
|
72
|
+
setPreviousItemActive(): void;
|
|
73
|
+
/** @hidden */
|
|
74
|
+
setActiveItem(item: FdbNavigationListItemComponent): void;
|
|
75
|
+
/** @hidden */
|
|
76
|
+
focusMoreButton(): void;
|
|
77
|
+
/** @hidden */
|
|
78
|
+
getMoreButton(): Nullable<FdbNavigationListItemComponent>;
|
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponent, never>;
|
|
80
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "fdb-navigation", never, { "class": { "alias": "class"; "required": false; }; "_state": { "alias": "state"; "required": false; }; "_horizontal": { "alias": "horizontal"; "required": false; }; "_mode": { "alias": "mode"; "required": false; }; "_type": { "alias": "type"; "required": false; }; "_homeSeparator": { "alias": "homeSeparator"; "required": false; }; }, {}, ["_homeDirective", "_navigationItems", "_navigationLists", "_navigationContents"], ["*"], true, never>;
|
|
81
|
+
static ngAcceptInputType__homeSeparator: any;
|
|
82
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { WritableSignal } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class NavigationService {
|
|
4
|
+
/** @hidden */
|
|
5
|
+
hiddenItems: WritableSignal<Map<HTMLElement, boolean>>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
|
|
7
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from './lib/navigation-menu-item.component';
|
|
2
|
+
export * from './lib/navigation-menu-popover-control.directive';
|
|
3
|
+
export * from './lib/navigation-menu-popover.component';
|
|
4
|
+
export * from './lib/navigation-menu.component';
|
|
5
|
+
export * from './lib/navigation-menu.module';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class NavigationMenuItemComponent {
|
|
3
|
+
/**
|
|
4
|
+
* Name of the icon to be displayed before the text.
|
|
5
|
+
*/
|
|
6
|
+
glyph: string;
|
|
7
|
+
/**
|
|
8
|
+
* Text to be displayed.
|
|
9
|
+
*/
|
|
10
|
+
label: string;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationMenuItemComponent, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationMenuItemComponent, "fdb-navigation-menu-item, li[fdb-navigation-menu-item]", never, { "glyph": { "alias": "glyph"; "required": false; }; "label": { "alias": "label"; "required": true; }; }, {}, never, never, true, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class NavigationMenuPopoverControlDirective {
|
|
4
|
+
readonly templateRef: TemplateRef<void>;
|
|
5
|
+
private viewContainerRef;
|
|
6
|
+
/** @hidden */
|
|
7
|
+
constructor(templateRef: TemplateRef<void>, viewContainerRef: ViewContainerRef);
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationMenuPopoverControlDirective, never>;
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationMenuPopoverControlDirective, "[fdbNavigationMenuPopoverControl]", never, {}, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PopoverBodyDirective } from '@fundamental-ngx/core/popover';
|
|
2
|
+
import { NavigationMenuPopoverControlDirective } from './navigation-menu-popover-control.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class NavigationMenuPopoverComponent {
|
|
5
|
+
/** @hidden */
|
|
6
|
+
protected _control: NavigationMenuPopoverControlDirective;
|
|
7
|
+
/** @hidden */
|
|
8
|
+
protected _body: PopoverBodyDirective;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationMenuPopoverComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationMenuPopoverComponent, "fdb-navigation-menu-popover", never, {}, {}, ["_control", "_body"], never, true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class NavigationMenuComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationMenuComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationMenuComponent, "fdb-navigation-menu, ul[fdb-navigation-menu]", never, {}, {}, never, ["*"], true, never>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./navigation-menu.component";
|
|
3
|
+
import * as i2 from "./navigation-menu-item.component";
|
|
4
|
+
export declare class NavigationMenuModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationMenuModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NavigationMenuModule, never, [typeof i1.NavigationMenuComponent, typeof i2.NavigationMenuItemComponent], [typeof i1.NavigationMenuComponent, typeof i2.NavigationMenuItemComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<NavigationMenuModule>;
|
|
8
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@fundamental-ngx/btp",
|
|
3
|
+
"version": "0.46.0-rc.100",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^16.2.0",
|
|
6
|
+
"@angular/core": "^16.2.0",
|
|
7
|
+
"@fundamental-ngx/cdk": "0.46.0-rc.100",
|
|
8
|
+
"@fundamental-ngx/core": "0.46.0-rc.100"
|
|
9
|
+
},
|
|
10
|
+
"dependencies": {
|
|
11
|
+
"tslib": "^2.3.0"
|
|
12
|
+
},
|
|
13
|
+
"sideEffects": false,
|
|
14
|
+
"module": "fesm2022/fundamental-ngx-btp.mjs",
|
|
15
|
+
"typings": "index.d.ts",
|
|
16
|
+
"exports": {
|
|
17
|
+
"./package.json": {
|
|
18
|
+
"default": "./package.json"
|
|
19
|
+
},
|
|
20
|
+
".": {
|
|
21
|
+
"types": "./index.d.ts",
|
|
22
|
+
"esm2022": "./esm2022/fundamental-ngx-btp.mjs",
|
|
23
|
+
"esm": "./esm2022/fundamental-ngx-btp.mjs",
|
|
24
|
+
"default": "./fesm2022/fundamental-ngx-btp.mjs"
|
|
25
|
+
},
|
|
26
|
+
"./navigation": {
|
|
27
|
+
"types": "./navigation/index.d.ts",
|
|
28
|
+
"esm2022": "./esm2022/navigation/fundamental-ngx-btp-navigation.mjs",
|
|
29
|
+
"esm": "./esm2022/navigation/fundamental-ngx-btp-navigation.mjs",
|
|
30
|
+
"default": "./fesm2022/fundamental-ngx-btp-navigation.mjs"
|
|
31
|
+
},
|
|
32
|
+
"./navigation-menu": {
|
|
33
|
+
"types": "./navigation-menu/index.d.ts",
|
|
34
|
+
"esm2022": "./esm2022/navigation-menu/fundamental-ngx-btp-navigation-menu.mjs",
|
|
35
|
+
"esm": "./esm2022/navigation-menu/fundamental-ngx-btp-navigation-menu.mjs",
|
|
36
|
+
"default": "./fesm2022/fundamental-ngx-btp-navigation-menu.mjs"
|
|
37
|
+
},
|
|
38
|
+
"./search-field": {
|
|
39
|
+
"types": "./search-field/index.d.ts",
|
|
40
|
+
"esm2022": "./esm2022/search-field/fundamental-ngx-btp-search-field.mjs",
|
|
41
|
+
"esm": "./esm2022/search-field/fundamental-ngx-btp-search-field.mjs",
|
|
42
|
+
"default": "./fesm2022/fundamental-ngx-btp-search-field.mjs"
|
|
43
|
+
},
|
|
44
|
+
"./shared": {
|
|
45
|
+
"types": "./shared/index.d.ts",
|
|
46
|
+
"esm2022": "./esm2022/shared/fundamental-ngx-btp-shared.mjs",
|
|
47
|
+
"esm": "./esm2022/shared/fundamental-ngx-btp-shared.mjs",
|
|
48
|
+
"default": "./fesm2022/fundamental-ngx-btp-shared.mjs"
|
|
49
|
+
},
|
|
50
|
+
"./tool-header": {
|
|
51
|
+
"types": "./tool-header/index.d.ts",
|
|
52
|
+
"esm2022": "./esm2022/tool-header/fundamental-ngx-btp-tool-header.mjs",
|
|
53
|
+
"esm": "./esm2022/tool-header/fundamental-ngx-btp-tool-header.mjs",
|
|
54
|
+
"default": "./fesm2022/fundamental-ngx-btp-tool-header.mjs"
|
|
55
|
+
},
|
|
56
|
+
"./tool-layout": {
|
|
57
|
+
"types": "./tool-layout/index.d.ts",
|
|
58
|
+
"esm2022": "./esm2022/tool-layout/fundamental-ngx-btp-tool-layout.mjs",
|
|
59
|
+
"esm": "./esm2022/tool-layout/fundamental-ngx-btp-tool-layout.mjs",
|
|
60
|
+
"default": "./fesm2022/fundamental-ngx-btp-tool-layout.mjs"
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './search-field.component';
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import { HasElementRef } from '@fundamental-ngx/cdk/utils';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@fundamental-ngx/cdk/forms";
|
|
5
|
+
export declare class SearchFieldComponent implements AfterViewInit, HasElementRef {
|
|
6
|
+
/** Placeholder for the input field. */
|
|
7
|
+
placeholder: string;
|
|
8
|
+
/** Event emitted when the search button is clicked. */
|
|
9
|
+
search: EventEmitter<string>;
|
|
10
|
+
/** @hidden */
|
|
11
|
+
protected _searchInputField?: ElementRef<HTMLInputElement>;
|
|
12
|
+
/** @hidden */
|
|
13
|
+
elementRef: ElementRef<HTMLElement>;
|
|
14
|
+
/** Value of the input field. */
|
|
15
|
+
protected _value?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Whether the search field is focused
|
|
18
|
+
* @hidden */
|
|
19
|
+
protected _inputFocused: import("@angular/core").WritableSignal<boolean>;
|
|
20
|
+
/** @hidden */
|
|
21
|
+
private _cvaControl;
|
|
22
|
+
/** @hidden */
|
|
23
|
+
private _destroyRef;
|
|
24
|
+
/** @hidden */
|
|
25
|
+
focus(): void;
|
|
26
|
+
/** @hidden */
|
|
27
|
+
ngAfterViewInit(): void;
|
|
28
|
+
/** @hidden */
|
|
29
|
+
protected updateValue($event: string): void;
|
|
30
|
+
/** @hidden */
|
|
31
|
+
protected _search(): void;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SearchFieldComponent, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SearchFieldComponent, "fdb-search-field", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, { "search": "search"; }, never, never, true, [{ directive: typeof i1.CvaDirective; inputs: {}; outputs: {}; }]>;
|
|
34
|
+
}
|
package/shared/README.md
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type FdbViewMode = '' | 'tablet' | 'phone';
|