@fundamental-ngx/cx 0.63.2-rc.7 → 0.63.2
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 +1 -1
- package/fesm2022/fundamental-ngx-cx-nested-list.mjs +44 -45
- package/fesm2022/fundamental-ngx-cx-nested-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-cx-side-navigation.mjs +17 -18
- package/fesm2022/fundamental-ngx-cx-side-navigation.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-cx.mjs +4 -4
- package/package.json +11 -12
- package/schematics/tsconfig.json +1 -12
- package/schematics/utils/ng-module-utils.js +1 -34
- package/schematics/utils/ng-module-utils.js.map +1 -1
- package/schematics/package.json +0 -7
package/README.md
CHANGED
|
@@ -14,7 +14,7 @@ See the [Component Documentation](https://sap.github.io/fundamental-ngx) for exa
|
|
|
14
14
|
|
|
15
15
|
## Requirements
|
|
16
16
|
|
|
17
|
-
Angular
|
|
17
|
+
Angular 21 or newer. Prior knowledge of Angular is recommended.
|
|
18
18
|
|
|
19
19
|
## Getting Started
|
|
20
20
|
|
|
@@ -43,10 +43,10 @@ class NestedListHeaderDirective {
|
|
|
43
43
|
get title() {
|
|
44
44
|
return this._elementRef.nativeElement.textContent;
|
|
45
45
|
}
|
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
47
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
46
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListHeaderDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
47
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NestedListHeaderDirective, isStandalone: true, selector: "[cxNestedDirectivesHeader], [fdx-nested-list-header]", inputs: { id: "id" }, host: { properties: { "attr.id": "this.id", "class.fdx-nested-list__group-header": "this.cxNestedListHeaderClass" } }, ngImport: i0 }); }
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListHeaderDirective, decorators: [{
|
|
50
50
|
type: Directive,
|
|
51
51
|
args: [{
|
|
52
52
|
selector: '[cxNestedDirectivesHeader], [fdx-nested-list-header]',
|
|
@@ -69,10 +69,10 @@ class NestedListIconComponent extends IconComponent {
|
|
|
69
69
|
/** @hidden */
|
|
70
70
|
this.fdNestedListIconClass = true;
|
|
71
71
|
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
72
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NestedListIconComponent, isStandalone: true, selector: "[cxNestedDirectivesIcon], [fdx-nested-list-icon]", inputs: { role: "role" }, host: { properties: { "attr.role": "this.role", "class.fdx-nested-list__icon": "this.fdNestedListIconClass" } }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
|
|
74
74
|
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListIconComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
77
|
args: [{
|
|
78
78
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -99,10 +99,10 @@ class NestedListTitleDirective {
|
|
|
99
99
|
getInnerText() {
|
|
100
100
|
return this.elementRef && this.elementRef.nativeElement.textContent;
|
|
101
101
|
}
|
|
102
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
103
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
103
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NestedListTitleDirective, isStandalone: true, selector: "[cxNestedDirectivesTitle], [fdx-nested-list-title]", host: { properties: { "class.fdx-nested-list__title": "this.fdNestedListTitleClass" } }, ngImport: i0 }); }
|
|
104
104
|
}
|
|
105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListTitleDirective, decorators: [{
|
|
106
106
|
type: Directive,
|
|
107
107
|
args: [{
|
|
108
108
|
selector: '[cxNestedDirectivesTitle], [fdx-nested-list-title]'
|
|
@@ -149,10 +149,10 @@ class NestedListExpandIconComponent {
|
|
|
149
149
|
this.expanded = expanded;
|
|
150
150
|
this._changeDetRef.detectChanges();
|
|
151
151
|
}
|
|
152
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
153
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
152
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListExpandIconComponent, deps: [{ token: NestedItemService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
153
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NestedListExpandIconComponent, isStandalone: true, selector: "[cxNestedListExpandIcon], [fdx-nested-list-expand-icon]", host: { attributes: { "aria-haspopup": "true", "role": "presentation" }, listeners: { "click": "onClick($event)", "focus": "onFocus()" }, properties: { "class.fdx-nested-list__arrow": "this.fdNestedListArrowClass", "class.sap-icon--navigation-down-arrow": "this.fdNestedListDownArrowClass", "class.sap-icon--navigation-right-arrow": "this.fdNestedListRightArrowClass", "class.is-expanded": "this.expanded", "attr.aria-expanded": "this.expanded", "attr.aria-hidden": "this.ariaHidden" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
154
154
|
}
|
|
155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListExpandIconComponent, decorators: [{
|
|
156
156
|
type: Component,
|
|
157
157
|
args: [{
|
|
158
158
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -207,10 +207,10 @@ class NestedListButtonDirective {
|
|
|
207
207
|
this._expandIcon.fdNestedListArrowClass = false;
|
|
208
208
|
}
|
|
209
209
|
}
|
|
210
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
211
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
210
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
211
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NestedListButtonDirective, isStandalone: true, selector: "[cxNestedDirectivesButton], [fdx-nested-list-button]", host: { listeners: { "click": "onClick($event)", "keydown.enter": "onClick($event)", "keydown.space": "onClick($event)" }, properties: { "class.fdx-nested-list__button": "this.fdNestedListButtonClass" } }, queries: [{ propertyName: "_expandIcon", first: true, predicate: NestedListExpandIconComponent, descendants: true }], ngImport: i0 }); }
|
|
212
212
|
}
|
|
213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListButtonDirective, decorators: [{
|
|
214
214
|
type: Directive,
|
|
215
215
|
args: [{
|
|
216
216
|
selector: '[cxNestedDirectivesButton], [fdx-nested-list-button]'
|
|
@@ -294,8 +294,8 @@ class NestedLinkComponent {
|
|
|
294
294
|
get _collapseOnly() {
|
|
295
295
|
return !this._nestedListButton && this._expandIcon;
|
|
296
296
|
}
|
|
297
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
298
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
297
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedLinkComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: NestedItemService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
298
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: NestedLinkComponent, isStandalone: true, selector: "[fdx-nested-list-link], button[fdx-nested-list-link], a[fdx-nested-list-link], div[fdx-nested-list-link]", inputs: { onClickCallback: "onClickCallback", selected: "selected", ariaDescribedby: "ariaDescribedby" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick()", "focus": "onFocus()" }, properties: { "attr.tabindex": "!_nestedListButton ? 0 : -1", "attr.aria-selected": "this.selected", "class.is-selected": "this.selected", "attr.aria-label": "this._ariaLabel", "attr.aria-describedby": "this.ariaDescribedby", "class.fdx-nested-list__link": "this.cxNestedListItemClass", "attr.role": "this.role" } }, queries: [{ propertyName: "title", first: true, predicate: NestedListTitleDirective, descendants: true }, { propertyName: "_nestedListButton", first: true, predicate: NestedListButtonDirective, descendants: true }, { propertyName: "_expandIcon", first: true, predicate: NestedListExpandIconComponent, descendants: true }], ngImport: i0, template: `
|
|
299
299
|
@if (!_nestedListButton) {
|
|
300
300
|
<div class="fdx-nested-list__link-container">
|
|
301
301
|
<ng-template [ngTemplateOutlet]="containerContent"></ng-template>
|
|
@@ -314,7 +314,7 @@ class NestedLinkComponent {
|
|
|
314
314
|
</ng-template>
|
|
315
315
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
316
316
|
}
|
|
317
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedLinkComponent, decorators: [{
|
|
318
318
|
type: Component,
|
|
319
319
|
args: [{
|
|
320
320
|
template: `
|
|
@@ -459,10 +459,10 @@ class NestedListContentDirective {
|
|
|
459
459
|
this.changeDetRef.detectChanges();
|
|
460
460
|
}
|
|
461
461
|
}
|
|
462
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
463
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
462
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListContentDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: NestedItemService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
463
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NestedListContentDirective, isStandalone: true, selector: "[cxNestedListContent], [fdx-nested-list-content]", inputs: { selected: "selected" }, outputs: { selectedChange: "selectedChange", keyboardTriggered: "keyboardTriggered", clicked: "clicked" }, host: { attributes: { "tabindex": "0" }, listeners: { "keydown": "onKeyDown($event)", "click": "onClick()" }, properties: { "attr.aria-selected": "this.selected", "class.is-selected": "this.selected", "attr.role": "this.role", "attr.aria-expanded": "this.ariaExpanded", "class.fdx-nested-list__content": "this.cxNestedListContentClass", "class.has-child": "this.hasChildren" } }, queries: [{ propertyName: "nestedLink", first: true, predicate: NestedLinkComponent, descendants: true }, { propertyName: "nestedExpandIcon", first: true, predicate: NestedListExpandIconComponent, descendants: true }], ngImport: i0 }); }
|
|
464
464
|
}
|
|
465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListContentDirective, decorators: [{
|
|
466
466
|
type: Directive,
|
|
467
467
|
args: [{
|
|
468
468
|
selector: '[cxNestedListContent], [fdx-nested-list-content]',
|
|
@@ -586,10 +586,10 @@ class NestedListKeyboardService {
|
|
|
586
586
|
}
|
|
587
587
|
this.keyboardService.keyDownHandler(keyboardEvent, index, items);
|
|
588
588
|
}
|
|
589
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
590
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
589
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListKeyboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
590
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListKeyboardService }); }
|
|
591
591
|
}
|
|
592
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListKeyboardService, decorators: [{
|
|
593
593
|
type: Injectable
|
|
594
594
|
}] });
|
|
595
595
|
|
|
@@ -607,10 +607,10 @@ class NestedListStateService {
|
|
|
607
607
|
/** @hidden */
|
|
608
608
|
this.onSelected = new Subject();
|
|
609
609
|
}
|
|
610
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
611
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
610
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
611
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListStateService }); }
|
|
612
612
|
}
|
|
613
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
613
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListStateService, decorators: [{
|
|
614
614
|
type: Injectable
|
|
615
615
|
}] });
|
|
616
616
|
|
|
@@ -736,10 +736,10 @@ class NestedListComponent {
|
|
|
736
736
|
this._ariaHaspopup = 'tree';
|
|
737
737
|
}
|
|
738
738
|
}
|
|
739
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
740
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
739
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListComponent, deps: [{ token: NestedItemService, optional: true }, { token: NestedListStateService }, { token: NestedListKeyboardService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
740
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NestedListComponent, isStandalone: true, selector: "[cxNestedList], [fdx-nested-list], ul[fdx-nested-list]", inputs: { textOnly: "textOnly", ariaRoledescriptionTree: "ariaRoledescriptionTree", ariaRoledescriptionMenuBar: "ariaRoledescriptionMenuBar", ariaLabelSelected: "ariaLabelSelected" }, host: { properties: { "class.fdx-nested-list--text-only": "this.textOnly", "class.fdx-nested-list": "this.fdNestedListItemClass", "attr.aria-hidden": "this.hidden", "attr.role": "this._role", "attr.aria-roledescription": "this._ariaRoledescription", "attr.aria-haspopup": "this._ariaHaspopup", "attr.tabindex": "this._tabindex" } }, providers: [contentDensityObserverProviders()], queries: [{ propertyName: "_nestedListHeader", first: true, predicate: NestedListHeaderDirective, descendants: true }, { propertyName: "nestedItems", predicate: i0.forwardRef(() => NestedItemComponent) }, { propertyName: "_nestedLists", predicate: i0.forwardRef(() => NestedListComponent), descendants: true }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true }); }
|
|
741
741
|
}
|
|
742
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
742
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListComponent, decorators: [{
|
|
743
743
|
type: Component,
|
|
744
744
|
args: [{
|
|
745
745
|
template: ` <ng-content></ng-content> `,
|
|
@@ -1001,10 +1001,10 @@ class NestedItemComponent {
|
|
|
1001
1001
|
}
|
|
1002
1002
|
this._cdr.markForCheck();
|
|
1003
1003
|
}
|
|
1004
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1005
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
1004
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedItemComponent, deps: [{ token: NestedItemService }, { token: NestedListKeyboardService }, { token: NestedListStateService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1005
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.1.0", type: NestedItemComponent, isStandalone: true, selector: "[cxNestedItem], [fdx-nested-list-item], li[fdx-nested-list-item]", inputs: { expanded: "expanded", group: ["group", "group", booleanAttribute], fdNestedListItemClass: "fdNestedListItemClass", header: "header", display: "display", ariaHidden: "ariaHidden" }, outputs: { expandedChange: "expandedChange", keyboardTriggered: "keyboardTriggered" }, host: { attributes: { "role": "treeitem" }, properties: { "class.fdx-nested-list__item--group": "this.group", "class.fdx-nested-list__item": "this.fdNestedListItemClass", "class.fdx-nested-list__item--header": "this.header", "attr.aria-hidden": "this.ariaHidden", "attr.aria-level": "this._ariaLevel", "attr.title": "this._title", "style.display": "this._display", "attr.role": "this._role", "attr.aria-expanded": "this._ariaExpanded", "attr.aria-selected": "this._ariaSelected", "attr.aria-disabled": "this._ariaDisabled", "attr.aria-label": "this._ariaLabel" } }, providers: [NestedItemService], queries: [{ propertyName: "linkItem", first: true, predicate: NestedLinkComponent, descendants: true }, { propertyName: "contentItem", first: true, predicate: NestedListContentDirective, descendants: true }, { propertyName: "expandIcon", first: true, predicate: NestedListExpandIconComponent, descendants: true }, { propertyName: "_nestedList", first: true, predicate: i0.forwardRef(() => NestedListComponent), descendants: true }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1006
1006
|
}
|
|
1007
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1007
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedItemComponent, decorators: [{
|
|
1008
1008
|
type: Component,
|
|
1009
1009
|
args: [{
|
|
1010
1010
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -1092,8 +1092,7 @@ class NestedListPopoverComponent {
|
|
|
1092
1092
|
/** @hidden */
|
|
1093
1093
|
this.popoverClass = true;
|
|
1094
1094
|
/** @hidden */
|
|
1095
|
-
this.placement = computed(() => (this._rtlService?.rtl() ? 'left-start' : 'right-start'),
|
|
1096
|
-
...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
|
|
1095
|
+
this.placement = computed(() => (this._rtlService?.rtl() ? 'left-start' : 'right-start'), ...(ngDevMode ? [{ debugName: "placement" }] : []));
|
|
1097
1096
|
/** @hidden */
|
|
1098
1097
|
this.open = false;
|
|
1099
1098
|
/** @hidden */
|
|
@@ -1130,10 +1129,10 @@ class NestedListPopoverComponent {
|
|
|
1130
1129
|
}
|
|
1131
1130
|
});
|
|
1132
1131
|
}
|
|
1133
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1134
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1132
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListPopoverComponent, deps: [{ token: NestedListKeyboardService }, { token: NestedItemService, optional: true }, { token: i3.Overlay }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1133
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NestedListPopoverComponent, isStandalone: true, selector: "fdx-nested-list-popover", host: { properties: { "class.fdx-nested-list__popover": "this.popoverClass" } }, queries: [{ propertyName: "linkDirective", first: true, predicate: NestedLinkComponent, descendants: true }], viewQueries: [{ propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n [placement]=\"placement()\"\n [triggers]=\"['click']\"\n [noArrow]=\"false\"\n [isOpen]=\"open\"\n (isOpenChange)=\"handleOpenChange($event)\"\n [scrollStrategy]=\"_closeScrollStrategy\"\n>\n <fd-popover-control>\n <ng-content select=\"[fdx-nested-list-link]\"></ng-content>\n <ng-content select=\"[fdx-nested-list-content]\"></ng-content>\n </fd-popover-control>\n <fd-popover-body class=\"fdx-side-nav__popover-body fdx-nested-list--text-only\">\n <ng-content select=\"[fdx-nested-list]\"></ng-content>\n <ng-content select=\"fdx-prepared-nested-list\"></ng-content>\n </fd-popover-body>\n</fd-popover>\n", styles: [".fdx-side-nav--condensed .fd-popover-container-custom .fdx-nested-list__title{display:inline-flex}.fdx-side-nav--condensed .fdx-nested-list__popover-header{box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9}.fdx-side-nav--condensed .fd-popover-custom{display:block}[dir=rtl] .fdx-side-nav--condensed .fd-popover-container-custom .fdx-nested-list__link,.fdx-side-nav--condensed[dir=rtl] .fd-popover-container-custom .fdx-nested-list__link{padding-left:1rem}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "bodyAriaLabel", "bodyRole", "bodyAriaLabelledBy", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1135
1134
|
}
|
|
1136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NestedListPopoverComponent, decorators: [{
|
|
1137
1136
|
type: Component,
|
|
1138
1137
|
args: [{ selector: 'fdx-nested-list-popover', imports: [PopoverComponent, PopoverControlComponent, PopoverBodyComponent], standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-popover\n [placement]=\"placement()\"\n [triggers]=\"['click']\"\n [noArrow]=\"false\"\n [isOpen]=\"open\"\n (isOpenChange)=\"handleOpenChange($event)\"\n [scrollStrategy]=\"_closeScrollStrategy\"\n>\n <fd-popover-control>\n <ng-content select=\"[fdx-nested-list-link]\"></ng-content>\n <ng-content select=\"[fdx-nested-list-content]\"></ng-content>\n </fd-popover-control>\n <fd-popover-body class=\"fdx-side-nav__popover-body fdx-nested-list--text-only\">\n <ng-content select=\"[fdx-nested-list]\"></ng-content>\n <ng-content select=\"fdx-prepared-nested-list\"></ng-content>\n </fd-popover-body>\n</fd-popover>\n", styles: [".fdx-side-nav--condensed .fd-popover-container-custom .fdx-nested-list__title{display:inline-flex}.fdx-side-nav--condensed .fdx-nested-list__popover-header{box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9}.fdx-side-nav--condensed .fd-popover-custom{display:block}[dir=rtl] .fdx-side-nav--condensed .fd-popover-container-custom .fdx-nested-list__link,.fdx-side-nav--condensed[dir=rtl] .fd-popover-container-custom .fdx-nested-list__link{padding-left:1rem}\n"] }]
|
|
1139
1138
|
}], ctorParameters: () => [{ type: NestedListKeyboardService }, { type: NestedItemService, decorators: [{
|
|
@@ -1174,10 +1173,10 @@ class PreparedNestedListComponent {
|
|
|
1174
1173
|
_expandedChange(expanded, item) {
|
|
1175
1174
|
item.expanded = expanded;
|
|
1176
1175
|
}
|
|
1177
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1178
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1176
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PreparedNestedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1177
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: PreparedNestedListComponent, isStandalone: true, selector: "fdx-prepared-nested-list", inputs: { first: "first", condensed: "condensed", list: "list" }, viewQueries: [{ propertyName: "_nestedListComponent", first: true, predicate: i0.forwardRef(() => NestedListComponent), descendants: true }], ngImport: i0, template: "<ul fdx-nested-list [textOnly]=\"!!list?.textOnly\">\n @for (item of list?.items; track item) {\n @if (item.headerTitle) {\n <li fdx-nested-list-header>\n {{ item.headerTitle }}\n </li>\n } @else {\n <li fdx-nested-list-item [expanded]=\"!!item.expanded\" (expandedChange)=\"_expandedChange($event, item)\">\n @if (condensed && first && item.list) {\n <fdx-nested-list-popover [title]=\"item.link?.title || ''\">\n <div fdx-nested-list-content [selected]=\"!!item.link?.selected\">\n <ng-template\n [ngTemplateOutlet]=\"link\"\n [ngTemplateOutletContext]=\"{ item: item }\"\n ></ng-template>\n <button fdx-nested-list-expand-icon></button>\n </div>\n @if (item.list) {\n <fdx-prepared-nested-list [first]=\"false\" [list]=\"item.list\"></fdx-prepared-nested-list>\n }\n </fdx-nested-list-popover>\n }\n @if (!item.list) {\n <ng-template [ngTemplateOutlet]=\"link\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-template>\n }\n @if ((!condensed || !first) && item.list) {\n <div fdx-nested-list-content>\n <ng-template [ngTemplateOutlet]=\"link\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-template>\n <button fdx-nested-list-expand-icon></button>\n </div>\n @if (item.list) {\n <fdx-prepared-nested-list [first]=\"false\" [list]=\"item.list\"></fdx-prepared-nested-list>\n }\n }\n <ng-template let-item=\"item\" #link>\n @if (item.link) {\n <a\n fdx-nested-list-link\n [onClickCallback]=\"item.link.callback\"\n [selected]=\"!item.list && item.link.selected\"\n [attr.href]=\"item.link.href ? item.link.href : null\"\n [routerLink]=\"item.link.routerLink ? item.link.routerLink : []\"\n >\n @if (item.link.icon) {\n <span fdx-nested-list-icon [glyph]=\"item.link.icon\"></span>\n }\n <span fdx-nested-list-title>{{ item.link.title }}</span>\n </a>\n }\n </ng-template>\n </li>\n }\n }\n</ul>\n", dependencies: [{ kind: "component", type: PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: NestedListComponent, selector: "[cxNestedList], [fdx-nested-list], ul[fdx-nested-list]", inputs: ["textOnly", "ariaRoledescriptionTree", "ariaRoledescriptionMenuBar", "ariaLabelSelected"] }, { kind: "directive", type: NestedListHeaderDirective, selector: "[cxNestedDirectivesHeader], [fdx-nested-list-header]", inputs: ["id"] }, { kind: "component", type: NestedItemComponent, selector: "[cxNestedItem], [fdx-nested-list-item], li[fdx-nested-list-item]", inputs: ["expanded", "group", "fdNestedListItemClass", "header", "display", "ariaHidden"], outputs: ["expandedChange", "keyboardTriggered"] }, { kind: "component", type: NestedListPopoverComponent, selector: "fdx-nested-list-popover" }, { kind: "component", type: NestedLinkComponent, selector: "[fdx-nested-list-link], button[fdx-nested-list-link], a[fdx-nested-list-link], div[fdx-nested-list-link]", inputs: ["onClickCallback", "selected", "ariaDescribedby"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NestedListContentDirective, selector: "[cxNestedListContent], [fdx-nested-list-content]", inputs: ["selected"], outputs: ["selectedChange", "keyboardTriggered", "clicked"] }, { kind: "component", type: NestedListIconComponent, selector: "[cxNestedDirectivesIcon], [fdx-nested-list-icon]", inputs: ["role"] }, { kind: "directive", type: NestedListTitleDirective, selector: "[cxNestedDirectivesTitle], [fdx-nested-list-title]" }, { kind: "component", type: NestedListExpandIconComponent, selector: "[cxNestedListExpandIcon], [fdx-nested-list-expand-icon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1179
1178
|
}
|
|
1180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1179
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PreparedNestedListComponent, decorators: [{
|
|
1181
1180
|
type: Component,
|
|
1182
1181
|
args: [{ selector: 'fdx-prepared-nested-list', encapsulation: ViewEncapsulation.None, imports: [
|
|
1183
1182
|
NestedListComponent,
|
|
@@ -1207,8 +1206,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
1207
1206
|
* Use direct imports of components and directives.
|
|
1208
1207
|
*/
|
|
1209
1208
|
class CxNestedListModule {
|
|
1210
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1211
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1209
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CxNestedListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1210
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: CxNestedListModule, imports: [NestedListComponent,
|
|
1212
1211
|
NestedLinkComponent,
|
|
1213
1212
|
NestedItemComponent,
|
|
1214
1213
|
NestedListIconComponent,
|
|
@@ -1234,14 +1233,14 @@ class CxNestedListModule {
|
|
|
1234
1233
|
NestedListContentDirective,
|
|
1235
1234
|
NestedListButtonDirective,
|
|
1236
1235
|
ContentDensityModule] }); }
|
|
1237
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1236
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CxNestedListModule, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], imports: [NestedListPopoverComponent,
|
|
1238
1237
|
PreparedNestedListComponent,
|
|
1239
1238
|
PopoverModule,
|
|
1240
1239
|
RouterModule,
|
|
1241
1240
|
IconComponent,
|
|
1242
1241
|
ContentDensityModule, ContentDensityModule] }); }
|
|
1243
1242
|
}
|
|
1244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1243
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CxNestedListModule, decorators: [{
|
|
1245
1244
|
type: NgModule,
|
|
1246
1245
|
args: [{
|
|
1247
1246
|
imports: [
|