@fundamental-ngx/cx 0.40.4-rc.2 → 0.40.4-rc.4

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.
Files changed (25) hide show
  1. package/esm2020/fundamental-ngx-cx.module.mjs +4 -4
  2. package/esm2020/nested-list/nested-content/nested-list-content.directive.mjs +3 -3
  3. package/esm2020/nested-list/nested-item/nested-item.component.mjs +3 -3
  4. package/esm2020/nested-list/nested-link/nested-link.component.mjs +3 -3
  5. package/esm2020/nested-list/nested-list/nested-list.component.mjs +3 -3
  6. package/esm2020/nested-list/nested-list-directives.mjs +15 -15
  7. package/esm2020/nested-list/nested-list-keyboard.service.mjs +3 -3
  8. package/esm2020/nested-list/nested-list-popover/nested-list-popover.component.mjs +3 -3
  9. package/esm2020/nested-list/nested-list-state.service.mjs +3 -3
  10. package/esm2020/nested-list/nested-list.module.mjs +4 -4
  11. package/esm2020/nested-list/prepared-nested-list/prepared-nested-list.component.mjs +3 -3
  12. package/esm2020/side-navigation/side-navigation-button.directive.mjs +3 -3
  13. package/esm2020/side-navigation/side-navigation-main.component.mjs +3 -3
  14. package/esm2020/side-navigation/side-navigation-utility.directive.mjs +3 -3
  15. package/esm2020/side-navigation/side-navigation.component.mjs +3 -3
  16. package/esm2020/side-navigation/side-navigation.module.mjs +4 -4
  17. package/fesm2015/fundamental-ngx-cx-nested-list.mjs +43 -43
  18. package/fesm2015/fundamental-ngx-cx-side-navigation.mjs +16 -16
  19. package/fesm2015/fundamental-ngx-cx.mjs +4 -4
  20. package/fesm2020/fundamental-ngx-cx-nested-list.mjs +43 -43
  21. package/fesm2020/fundamental-ngx-cx-side-navigation.mjs +16 -16
  22. package/fesm2020/fundamental-ngx-cx.mjs +4 -4
  23. package/fundamental-ngx-cx-v0.40.4-rc.4.tgz +0 -0
  24. package/package.json +4 -4
  25. package/fundamental-ngx-cx-v0.40.4-rc.2.tgz +0 -0
package/esm2020/fundamental-ngx-cx.module.mjs CHANGED
@@ -5,10 +5,10 @@ import { CxSideNavigationModule } from '@fundamental-ngx/cx/side-navigation';
5
5
  import * as i0 from "@angular/core";
6
6
  export class FundamentalNgxCxModule {
7
7
  }
8
- FundamentalNgxCxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FundamentalNgxCxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
9
- FundamentalNgxCxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: FundamentalNgxCxModule, imports: [CommonModule], exports: [CxNestedListModule, CxSideNavigationModule] });
10
- FundamentalNgxCxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FundamentalNgxCxModule, imports: [CommonModule, CxNestedListModule, CxSideNavigationModule] });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FundamentalNgxCxModule, decorators: [{
8
+ FundamentalNgxCxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FundamentalNgxCxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
9
+ FundamentalNgxCxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: FundamentalNgxCxModule, imports: [CommonModule], exports: [CxNestedListModule, CxSideNavigationModule] });
10
+ FundamentalNgxCxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FundamentalNgxCxModule, imports: [CommonModule, CxNestedListModule, CxSideNavigationModule] });
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FundamentalNgxCxModule, decorators: [{
12
12
  type: NgModule,
13
13
  args: [{
14
14
  imports: [CommonModule],
package/esm2020/nested-list/nested-content/nested-list-content.directive.mjs CHANGED
@@ -82,9 +82,9 @@ export class NestedListContentDirective {
82
82
  }
83
83
  }
84
84
  }
85
- NestedListContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListContentDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.NestedItemService }], target: i0.ɵɵFactoryTarget.Directive });
86
- NestedListContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: NestedListContentDirective, 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($event)" }, properties: { "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 });
87
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListContentDirective, decorators: [{
85
+ NestedListContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListContentDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.NestedItemService }], target: i0.ɵɵFactoryTarget.Directive });
86
+ NestedListContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NestedListContentDirective, 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($event)" }, properties: { "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 });
87
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListContentDirective, decorators: [{
88
88
  type: Directive,
89
89
  args: [{
90
90
  selector: '[cxNestedListContent], [fdx-nested-list-content]',
package/esm2020/nested-list/nested-item/nested-item.component.mjs CHANGED
@@ -219,9 +219,9 @@ export class NestedItemComponent {
219
219
  }
220
220
  }
221
221
  }
222
- NestedItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedItemComponent, deps: [{ token: i1.NestedItemService }, { token: i2.NestedListKeyboardService }, { token: i3.NestedListStateService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
223
- NestedItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: NestedItemComponent, selector: "[cxNestedItem], [fdx-nested-list-item], li[fdx-nested-list-item]", inputs: { expanded: "expanded", fdNestedListItemClass: "fdNestedListItemClass", header: "header", display: "display" }, outputs: { expandedChange: "expandedChange", keyboardTriggered: "keyboardTriggered" }, host: { properties: { "class.fdx-nested-list__item": "this.fdNestedListItemClass", "class.fdx-nested-list__item--header": "this.header", "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", "attr.aria-hidden": "this._ariaHidden" } }, 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(function () { return NestedListComponent; }), descendants: true }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
224
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedItemComponent, decorators: [{
222
+ NestedItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedItemComponent, deps: [{ token: i1.NestedItemService }, { token: i2.NestedListKeyboardService }, { token: i3.NestedListStateService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
223
+ NestedItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NestedItemComponent, selector: "[cxNestedItem], [fdx-nested-list-item], li[fdx-nested-list-item]", inputs: { expanded: "expanded", fdNestedListItemClass: "fdNestedListItemClass", header: "header", display: "display" }, outputs: { expandedChange: "expandedChange", keyboardTriggered: "keyboardTriggered" }, host: { properties: { "class.fdx-nested-list__item": "this.fdNestedListItemClass", "class.fdx-nested-list__item--header": "this.header", "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", "attr.aria-hidden": "this._ariaHidden" } }, 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(function () { return NestedListComponent; }), descendants: true }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
224
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedItemComponent, decorators: [{
225
225
  type: Component,
226
226
  args: [{
227
227
  // eslint-disable-next-line @angular-eslint/component-selector
package/esm2020/nested-list/nested-link/nested-link.component.mjs CHANGED
@@ -67,8 +67,8 @@ export class NestedLinkComponent {
67
67
  return !this._nestedListButton && this._expandIcon;
68
68
  }
69
69
  }
70
- NestedLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedLinkComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.NestedItemService }], target: i0.ɵɵFactoryTarget.Component });
71
- NestedLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: NestedLinkComponent, 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", "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: `
70
+ NestedLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedLinkComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.NestedItemService }], target: i0.ɵɵFactoryTarget.Component });
71
+ NestedLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NestedLinkComponent, 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", "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: `
72
72
  <div *ngIf="!_nestedListButton" class="fdx-nested-list__link-container">
73
73
  <ng-container *ngTemplateOutlet="containerContent"></ng-container>
74
74
  </div>
@@ -82,7 +82,7 @@ NestedLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
82
82
  <ng-content select="[fdx-nested-list-expand-icon]"></ng-content>
83
83
  </ng-template>
84
84
  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
85
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedLinkComponent, decorators: [{
85
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedLinkComponent, decorators: [{
86
86
  type: Component,
87
87
  args: [{
88
88
  template: `
package/esm2020/nested-list/nested-list/nested-list.component.mjs CHANGED
@@ -135,9 +135,9 @@ export class NestedListComponent {
135
135
  }
136
136
  }
137
137
  }
138
- NestedListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListComponent, deps: [{ token: i1.NestedItemService, optional: true }, { token: i2.NestedListStateService }, { token: i3.NestedListKeyboardService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: FD_LANGUAGE }, { token: i4.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
139
- NestedListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: NestedListComponent, 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(function () { return NestedItemComponent; }) }, { propertyName: "_nestedLists", predicate: i0.forwardRef(function () { return NestedListComponent; }), descendants: true }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
140
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListComponent, decorators: [{
138
+ NestedListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListComponent, deps: [{ token: i1.NestedItemService, optional: true }, { token: i2.NestedListStateService }, { token: i3.NestedListKeyboardService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: FD_LANGUAGE }, { token: i4.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
139
+ NestedListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NestedListComponent, 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(function () { return NestedItemComponent; }) }, { propertyName: "_nestedLists", predicate: i0.forwardRef(function () { return NestedListComponent; }), descendants: true }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
140
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListComponent, decorators: [{
141
141
  type: Component,
142
142
  args: [{
143
143
  template: ` <ng-content></ng-content> `,
package/esm2020/nested-list/nested-list-directives.mjs CHANGED
@@ -22,9 +22,9 @@ export class NestedListHeaderDirective {
22
22
  return this._elementRef.nativeElement.textContent;
23
23
  }
24
24
  }
25
- NestedListHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListHeaderDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26
- NestedListHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: NestedListHeaderDirective, 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 });
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListHeaderDirective, decorators: [{
25
+ NestedListHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListHeaderDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26
+ NestedListHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NestedListHeaderDirective, 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 });
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListHeaderDirective, decorators: [{
28
28
  type: Directive,
29
29
  args: [{
30
30
  selector: '[cxNestedDirectivesHeader], [fdx-nested-list-header]'
@@ -47,9 +47,9 @@ export class NestedListIconComponent extends IconComponent {
47
47
  this.fdNestedListIconClass = true;
48
48
  }
49
49
  }
50
- NestedListIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
51
- NestedListIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: NestedListIconComponent, 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 });
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListIconComponent, decorators: [{
50
+ NestedListIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
51
+ NestedListIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NestedListIconComponent, 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 });
52
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListIconComponent, decorators: [{
53
53
  type: Component,
54
54
  args: [{
55
55
  // eslint-disable-next-line @angular-eslint/component-selector
@@ -77,9 +77,9 @@ export class NestedListTitleDirective {
77
77
  return this.elementRef && this.elementRef.nativeElement.textContent;
78
78
  }
79
79
  }
80
- NestedListTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
81
- NestedListTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: NestedListTitleDirective, selector: "[cxNestedDirectivesTitle], [fdx-nested-list-title]", host: { properties: { "class.fdx-nested-list__title": "this.fdNestedListTitleClass" } }, ngImport: i0 });
82
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListTitleDirective, decorators: [{
80
+ NestedListTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
81
+ NestedListTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NestedListTitleDirective, selector: "[cxNestedDirectivesTitle], [fdx-nested-list-title]", host: { properties: { "class.fdx-nested-list__title": "this.fdNestedListTitleClass" } }, ngImport: i0 });
82
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListTitleDirective, decorators: [{
83
83
  type: Directive,
84
84
  args: [{
85
85
  selector: '[cxNestedDirectivesTitle], [fdx-nested-list-title]'
@@ -134,9 +134,9 @@ export class NestedListExpandIconComponent {
134
134
  this.rtl$ = this._rtlService ? this._rtlService.rtl.pipe(map((isRtl) => isRtl)) : of(false);
135
135
  }
136
136
  }
137
- NestedListExpandIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListExpandIconComponent, deps: [{ token: i1.NestedItemService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
138
- NestedListExpandIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: NestedListExpandIconComponent, 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 });
139
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListExpandIconComponent, decorators: [{
137
+ NestedListExpandIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListExpandIconComponent, deps: [{ token: i1.NestedItemService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
138
+ NestedListExpandIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NestedListExpandIconComponent, 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 });
139
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListExpandIconComponent, decorators: [{
140
140
  type: Component,
141
141
  args: [{
142
142
  // eslint-disable-next-line @angular-eslint/component-selector
@@ -194,9 +194,9 @@ export class NestedListButtonDirective {
194
194
  }
195
195
  }
196
196
  }
197
- NestedListButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
198
- NestedListButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: NestedListButtonDirective, 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 });
199
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListButtonDirective, decorators: [{
197
+ NestedListButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
198
+ NestedListButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NestedListButtonDirective, 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 });
199
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListButtonDirective, decorators: [{
200
200
  type: Directive,
201
201
  args: [{
202
202
  selector: '[cxNestedDirectivesButton], [fdx-nested-list-button]'
package/esm2020/nested-list/nested-list-keyboard.service.mjs CHANGED
@@ -93,9 +93,9 @@ export class NestedListKeyboardService {
93
93
  });
94
94
  }
95
95
  }
96
- NestedListKeyboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListKeyboardService, deps: [{ token: MenuKeyboardService }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
97
- NestedListKeyboardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListKeyboardService });
98
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListKeyboardService, decorators: [{
96
+ NestedListKeyboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListKeyboardService, deps: [{ token: MenuKeyboardService }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
97
+ NestedListKeyboardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListKeyboardService });
98
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListKeyboardService, decorators: [{
99
99
  type: Injectable
100
100
  }], ctorParameters: function () { return [{ type: i2.MenuKeyboardService, decorators: [{
101
101
  type: Inject,
package/esm2020/nested-list/nested-list-popover/nested-list-popover.component.mjs CHANGED
@@ -65,9 +65,9 @@ export class NestedListPopoverComponent {
65
65
  : of('right-start');
66
66
  }
67
67
  }
68
- NestedListPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListPopoverComponent, deps: [{ token: i1.NestedListKeyboardService }, { token: i2.NestedItemService, optional: true }, { token: i3.RtlService, optional: true }, { token: i4.Overlay }], target: i0.ɵɵFactoryTarget.Component });
69
- NestedListPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: NestedListPopoverComponent, 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$ | async\"\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: i5.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i5.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
70
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListPopoverComponent, decorators: [{
68
+ NestedListPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListPopoverComponent, deps: [{ token: i1.NestedListKeyboardService }, { token: i2.NestedItemService, optional: true }, { token: i3.RtlService, optional: true }, { token: i4.Overlay }], target: i0.ɵɵFactoryTarget.Component });
69
+ NestedListPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NestedListPopoverComponent, 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$ | async\"\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: i5.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i5.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
70
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListPopoverComponent, decorators: [{
71
71
  type: Component,
72
72
  args: [{ selector: 'fdx-nested-list-popover', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-popover\n [placement]=\"placement$ | async\"\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"] }]
73
73
  }], ctorParameters: function () { return [{ type: i1.NestedListKeyboardService }, { type: i2.NestedItemService, decorators: [{
package/esm2020/nested-list/nested-list-state.service.mjs CHANGED
@@ -16,9 +16,9 @@ export class NestedListStateService {
16
16
  this.onSelected = new Subject();
17
17
  }
18
18
  }
19
- NestedListStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
20
- NestedListStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListStateService });
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: NestedListStateService, decorators: [{
19
+ NestedListStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
20
+ NestedListStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListStateService });
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NestedListStateService, decorators: [{
22
22
  type: Injectable
23
23
  }] });
24
24
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmVzdGVkLWxpc3Qtc3RhdGUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY3gvc3JjL2xpYi9uZXN0ZWQtbGlzdC9uZXN0ZWQtbGlzdC1zdGF0ZS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFHL0IsTUFBTSxPQUFPLHNCQUFzQjtJQURuQztRQUVJOzs7V0FHRztRQUNILGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEI7O1dBRUc7UUFDSCxlQUFVLEdBQUcsSUFBSSxDQUFDO1FBRWxCLGNBQWM7UUFDZCxlQUFVLEdBQW9CLElBQUksT0FBTyxFQUFVLENBQUM7S0FDdkQ7O21IQWRZLHNCQUFzQjt1SEFBdEIsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBRGxDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBOZXN0ZWRMaXN0U3RhdGVTZXJ2aWNlIHtcbiAgICAvKipcbiAgICAgKiBAaGlkZGVuXG4gICAgICogVGhlIGNvbmRlbnNlZCBzdGF0ZSBpcyBtb2RpZmllZCBieSB0aGUgcGFyZW50IGFuZCByZWFkIGJ5IG5lc3RlZCBsaXN0cy5cbiAgICAgKi9cbiAgICBjb25kZW5zZWQgPSBmYWxzZTtcblxuICAgIC8qKlxuICAgICAqIEBoaWRkZW5cbiAgICAgKi9cbiAgICBzZWxlY3RhYmxlID0gdHJ1ZTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgb25TZWxlY3RlZDogU3ViamVjdDxzdHJpbmc+ID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xufVxuIl19
package/esm2020/nested-list/nested-list.module.mjs CHANGED
@@ -17,8 +17,8 @@ import { ContentDensityModule } from '@fundamental-ngx/core/content-density';
17
17
  import * as i0 from "@angular/core";
18
18
  export class CxNestedListModule {
19
19
  }
20
- CxNestedListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CxNestedListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
21
- CxNestedListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: CxNestedListModule, declarations: [NestedListComponent,
20
+ CxNestedListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CxNestedListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
21
+ CxNestedListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: CxNestedListModule, declarations: [NestedListComponent,
22
22
  NestedLinkComponent,
23
23
  NestedItemComponent,
24
24
  NestedListIconComponent,
@@ -40,8 +40,8 @@ CxNestedListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
40
40
  NestedListContentDirective,
41
41
  NestedListButtonDirective,
42
42
  ContentDensityModule] });
43
- CxNestedListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CxNestedListModule, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], imports: [CommonModule, PopoverModule, RouterModule, IconModule, ContentDensityModule, ContentDensityModule] });
44
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CxNestedListModule, decorators: [{
43
+ CxNestedListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CxNestedListModule, providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService], imports: [CommonModule, PopoverModule, RouterModule, IconModule, ContentDensityModule, ContentDensityModule] });
44
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CxNestedListModule, decorators: [{
45
45
  type: NgModule,
46
46
  args: [{
47
47
  imports: [CommonModule, PopoverModule, RouterModule, IconModule, ContentDensityModule],
package/esm2020/nested-list/prepared-nested-list/prepared-nested-list.component.mjs CHANGED
@@ -35,9 +35,9 @@ export class PreparedNestedListComponent {
35
35
  item.expanded = expanded;
36
36
  }
37
37
  }
38
- PreparedNestedListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: PreparedNestedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
39
- PreparedNestedListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: { first: "first", condensed: "condensed", list: "list" }, viewQueries: [{ propertyName: "_nestedListComponent", first: true, predicate: i0.forwardRef(function () { return NestedListComponent; }), descendants: true }], ngImport: i0, template: "<ul fdx-nested-list [textOnly]=\"!!list?.textOnly\">\n <ng-container *ngFor=\"let item of list?.items\">\n <li *ngIf=\"item.headerTitle\" fdx-nested-list-header>\n {{ item.headerTitle }}\n </li>\n <li\n *ngIf=\"!item.headerTitle\"\n fdx-nested-list-item\n [expanded]=\"!!item.expanded\"\n (expandedChange)=\"_expandedChange($event, item)\"\n >\n <fdx-nested-list-popover *ngIf=\"condensed && first && item.list\" [title]=\"item.link?.title || ''\">\n <div fdx-nested-list-content [selected]=\"!!item.link?.selected\">\n <ng-container [ngTemplateOutlet]=\"link\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n <button fdx-nested-list-expand-icon></button>\n </div>\n <fdx-prepared-nested-list\n [first]=\"false\"\n *ngIf=\"item.list\"\n [list]=\"item.list\"\n ></fdx-prepared-nested-list>\n </fdx-nested-list-popover>\n\n <ng-container *ngIf=\"!item.list\">\n <ng-container [ngTemplateOutlet]=\"link\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"(!condensed || !first) && item.list\">\n <div fdx-nested-list-content>\n <ng-container [ngTemplateOutlet]=\"link\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n <button fdx-nested-list-expand-icon></button>\n </div>\n <fdx-prepared-nested-list\n [first]=\"false\"\n *ngIf=\"item.list\"\n [list]=\"item.list\"\n ></fdx-prepared-nested-list>\n </ng-container>\n\n <ng-template let-item=\"item\" #link>\n <a\n fdx-nested-list-link\n *ngIf=\"item.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 <span fdx-nested-list-icon *ngIf=\"item.link.icon\" [glyph]=\"item.link.icon\"></span>\n <span fdx-nested-list-title>{{ item.link.title }}</span>\n </a>\n </ng-template>\n </li>\n </ng-container>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.NestedListComponent, selector: "[cxNestedList], [fdx-nested-list], ul[fdx-nested-list]", inputs: ["textOnly", "ariaRoledescriptionTree", "ariaRoledescriptionMenuBar", "ariaLabelSelected"] }, { kind: "component", type: i4.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: "component", type: i5.NestedItemComponent, selector: "[cxNestedItem], [fdx-nested-list-item], li[fdx-nested-list-item]", inputs: ["expanded", "fdNestedListItemClass", "header", "display"], outputs: ["expandedChange", "keyboardTriggered"] }, { kind: "component", type: i6.NestedListIconComponent, selector: "[cxNestedDirectivesIcon], [fdx-nested-list-icon]", inputs: ["role"] }, { kind: "directive", type: i6.NestedListTitleDirective, selector: "[cxNestedDirectivesTitle], [fdx-nested-list-title]" }, { kind: "directive", type: i6.NestedListHeaderDirective, selector: "[cxNestedDirectivesHeader], [fdx-nested-list-header]", inputs: ["id"] }, { kind: "component", type: i7.NestedListPopoverComponent, selector: "fdx-nested-list-popover" }, { kind: "component", type: PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i6.NestedListExpandIconComponent, selector: "[cxNestedListExpandIcon], [fdx-nested-list-expand-icon]" }, { kind: "directive", type: i8.NestedListContentDirective, selector: "[cxNestedListContent], [fdx-nested-list-content]", inputs: ["selected"], outputs: ["selectedChange", "keyboardTriggered", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
40
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: PreparedNestedListComponent, decorators: [{
38
+ PreparedNestedListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PreparedNestedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
39
+ PreparedNestedListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: { first: "first", condensed: "condensed", list: "list" }, viewQueries: [{ propertyName: "_nestedListComponent", first: true, predicate: i0.forwardRef(function () { return NestedListComponent; }), descendants: true }], ngImport: i0, template: "<ul fdx-nested-list [textOnly]=\"!!list?.textOnly\">\n <ng-container *ngFor=\"let item of list?.items\">\n <li *ngIf=\"item.headerTitle\" fdx-nested-list-header>\n {{ item.headerTitle }}\n </li>\n <li\n *ngIf=\"!item.headerTitle\"\n fdx-nested-list-item\n [expanded]=\"!!item.expanded\"\n (expandedChange)=\"_expandedChange($event, item)\"\n >\n <fdx-nested-list-popover *ngIf=\"condensed && first && item.list\" [title]=\"item.link?.title || ''\">\n <div fdx-nested-list-content [selected]=\"!!item.link?.selected\">\n <ng-container [ngTemplateOutlet]=\"link\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n <button fdx-nested-list-expand-icon></button>\n </div>\n <fdx-prepared-nested-list\n [first]=\"false\"\n *ngIf=\"item.list\"\n [list]=\"item.list\"\n ></fdx-prepared-nested-list>\n </fdx-nested-list-popover>\n\n <ng-container *ngIf=\"!item.list\">\n <ng-container [ngTemplateOutlet]=\"link\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"(!condensed || !first) && item.list\">\n <div fdx-nested-list-content>\n <ng-container [ngTemplateOutlet]=\"link\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n <button fdx-nested-list-expand-icon></button>\n </div>\n <fdx-prepared-nested-list\n [first]=\"false\"\n *ngIf=\"item.list\"\n [list]=\"item.list\"\n ></fdx-prepared-nested-list>\n </ng-container>\n\n <ng-template let-item=\"item\" #link>\n <a\n fdx-nested-list-link\n *ngIf=\"item.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 <span fdx-nested-list-icon *ngIf=\"item.link.icon\" [glyph]=\"item.link.icon\"></span>\n <span fdx-nested-list-title>{{ item.link.title }}</span>\n </a>\n </ng-template>\n </li>\n </ng-container>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.NestedListComponent, selector: "[cxNestedList], [fdx-nested-list], ul[fdx-nested-list]", inputs: ["textOnly", "ariaRoledescriptionTree", "ariaRoledescriptionMenuBar", "ariaLabelSelected"] }, { kind: "component", type: i4.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: "component", type: i5.NestedItemComponent, selector: "[cxNestedItem], [fdx-nested-list-item], li[fdx-nested-list-item]", inputs: ["expanded", "fdNestedListItemClass", "header", "display"], outputs: ["expandedChange", "keyboardTriggered"] }, { kind: "component", type: i6.NestedListIconComponent, selector: "[cxNestedDirectivesIcon], [fdx-nested-list-icon]", inputs: ["role"] }, { kind: "directive", type: i6.NestedListTitleDirective, selector: "[cxNestedDirectivesTitle], [fdx-nested-list-title]" }, { kind: "directive", type: i6.NestedListHeaderDirective, selector: "[cxNestedDirectivesHeader], [fdx-nested-list-header]", inputs: ["id"] }, { kind: "component", type: i7.NestedListPopoverComponent, selector: "fdx-nested-list-popover" }, { kind: "component", type: PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i6.NestedListExpandIconComponent, selector: "[cxNestedListExpandIcon], [fdx-nested-list-expand-icon]" }, { kind: "directive", type: i8.NestedListContentDirective, selector: "[cxNestedListContent], [fdx-nested-list-content]", inputs: ["selected"], outputs: ["selectedChange", "keyboardTriggered", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
40
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PreparedNestedListComponent, decorators: [{
41
41
  type: Component,
42
42
  args: [{ selector: 'fdx-prepared-nested-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul fdx-nested-list [textOnly]=\"!!list?.textOnly\">\n <ng-container *ngFor=\"let item of list?.items\">\n <li *ngIf=\"item.headerTitle\" fdx-nested-list-header>\n {{ item.headerTitle }}\n </li>\n <li\n *ngIf=\"!item.headerTitle\"\n fdx-nested-list-item\n [expanded]=\"!!item.expanded\"\n (expandedChange)=\"_expandedChange($event, item)\"\n >\n <fdx-nested-list-popover *ngIf=\"condensed && first && item.list\" [title]=\"item.link?.title || ''\">\n <div fdx-nested-list-content [selected]=\"!!item.link?.selected\">\n <ng-container [ngTemplateOutlet]=\"link\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n <button fdx-nested-list-expand-icon></button>\n </div>\n <fdx-prepared-nested-list\n [first]=\"false\"\n *ngIf=\"item.list\"\n [list]=\"item.list\"\n ></fdx-prepared-nested-list>\n </fdx-nested-list-popover>\n\n <ng-container *ngIf=\"!item.list\">\n <ng-container [ngTemplateOutlet]=\"link\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"(!condensed || !first) && item.list\">\n <div fdx-nested-list-content>\n <ng-container [ngTemplateOutlet]=\"link\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n <button fdx-nested-list-expand-icon></button>\n </div>\n <fdx-prepared-nested-list\n [first]=\"false\"\n *ngIf=\"item.list\"\n [list]=\"item.list\"\n ></fdx-prepared-nested-list>\n </ng-container>\n\n <ng-template let-item=\"item\" #link>\n <a\n fdx-nested-list-link\n *ngIf=\"item.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 <span fdx-nested-list-icon *ngIf=\"item.link.icon\" [glyph]=\"item.link.icon\"></span>\n <span fdx-nested-list-title>{{ item.link.title }}</span>\n </a>\n </ng-template>\n </li>\n </ng-container>\n</ul>\n" }]
43
43
  }], propDecorators: { first: [{
package/esm2020/side-navigation/side-navigation-button.directive.mjs CHANGED
@@ -6,9 +6,9 @@ export class SideNavigationButtonDirective {
6
6
  this.fdSideNavButtonClass = true;
7
7
  }
8
8
  }
9
- SideNavigationButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SideNavigationButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
10
- SideNavigationButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: SideNavigationButtonDirective, selector: "[cxSideNavButton], [fdx-side-nav-button]", host: { properties: { "class.fdx-side-nav__button": "this.fdSideNavButtonClass" } }, ngImport: i0 });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SideNavigationButtonDirective, decorators: [{
9
+ SideNavigationButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
10
+ SideNavigationButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: SideNavigationButtonDirective, selector: "[cxSideNavButton], [fdx-side-nav-button]", host: { properties: { "class.fdx-side-nav__button": "this.fdSideNavButtonClass" } }, ngImport: i0 });
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationButtonDirective, decorators: [{
12
12
  type: Directive,
13
13
  args: [{
14
14
  selector: '[cxSideNavButton], [fdx-side-nav-button]'
package/esm2020/side-navigation/side-navigation-main.component.mjs CHANGED
@@ -21,9 +21,9 @@ export class SideNavigationMainComponent {
21
21
  });
22
22
  }
23
23
  }
24
- SideNavigationMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SideNavigationMainComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
25
- SideNavigationMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: SideNavigationMainComponent, selector: "fdx-side-nav-main, div[fdx-side-nav-main]", host: { properties: { "class.fdx-side-nav__main-navigation": "this.classSideNavMainNavigation" } }, queries: [{ propertyName: "list", first: true, predicate: NestedListComponent, descendants: true }, { propertyName: "_inputGroups", predicate: InputGroupComponent, descendants: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SideNavigationMainComponent, decorators: [{
24
+ SideNavigationMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationMainComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
25
+ SideNavigationMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: SideNavigationMainComponent, selector: "fdx-side-nav-main, div[fdx-side-nav-main]", host: { properties: { "class.fdx-side-nav__main-navigation": "this.classSideNavMainNavigation" } }, queries: [{ propertyName: "list", first: true, predicate: NestedListComponent, descendants: true }, { propertyName: "_inputGroups", predicate: InputGroupComponent, descendants: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
26
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationMainComponent, decorators: [{
27
27
  type: Component,
28
28
  args: [{
29
29
  // eslint-disable-next-line @angular-eslint/component-selector
package/esm2020/side-navigation/side-navigation-utility.directive.mjs CHANGED
@@ -7,9 +7,9 @@ export class SideNavigationUtilityDirective {
7
7
  this.classSideNavUtility = true;
8
8
  }
9
9
  }
10
- SideNavigationUtilityDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SideNavigationUtilityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
11
- SideNavigationUtilityDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: SideNavigationUtilityDirective, selector: "[cxSideNavigationUtility], [fdx-side-nav-utility]", host: { properties: { "class.fdx-side-nav__utility": "this.classSideNavUtility" } }, queries: [{ propertyName: "list", first: true, predicate: NestedListComponent, descendants: true }], ngImport: i0 });
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SideNavigationUtilityDirective, decorators: [{
10
+ SideNavigationUtilityDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationUtilityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
11
+ SideNavigationUtilityDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: SideNavigationUtilityDirective, selector: "[cxSideNavigationUtility], [fdx-side-nav-utility]", host: { properties: { "class.fdx-side-nav__utility": "this.classSideNavUtility" } }, queries: [{ propertyName: "list", first: true, predicate: NestedListComponent, descendants: true }], ngImport: i0 });
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationUtilityDirective, decorators: [{
13
13
  type: Directive,
14
14
  args: [{
15
15
  // eslint-disable-next-line @angular-eslint/directive-selector
package/esm2020/side-navigation/side-navigation.component.mjs CHANGED
@@ -142,9 +142,9 @@ export class SideNavigationComponent {
142
142
  return lists;
143
143
  }
144
144
  }
145
- SideNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SideNavigationComponent, deps: [{ token: i1.NestedListKeyboardService }, { token: i1.NestedListStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
146
- SideNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: SideNavigationComponent, selector: "fdx-side-nav", inputs: { sideNavigationConfiguration: "sideNavigationConfiguration", condensed: "condensed", dynamicWidth: "dynamicWidth", collapseWidth: "collapseWidth", narrow: "narrow", mobile: "mobile", showScrollButtons: "showScrollButtons", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fdx-side-nav--condensed": "this.condensed" } }, providers: [NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainComponent, descendants: true }], viewQueries: [{ propertyName: "_scrollDownButton", first: true, predicate: ["scrollDownButton"], descendants: true, read: ElementRef }, { propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:.25rem;--fdNestedList_Item_Spacing_Compact:.125rem;--fdNestedList_Item_Margin:.5rem 0;--fdNestedList_Item_Header_Margin_Top:.25rem;--fdNestedList_Focus_Offset:.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:.5rem;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{margin-top:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{margin-bottom:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:0;padding-right:1rem}.fdx-nested-list.level-1 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:1rem;padding-right:0}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:5rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:1rem;padding-right:5rem}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin:var(--fdNestedList_Item_Margin);padding:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:center;background:var(--sapList_Background);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:\"\";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:currentColor;display:flex;font-size:inherit;font-size:var(--sapFontSize);height:100%;justify-content:center;line-height:1;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);line-height:var(--fdNestedList_Item_Height);margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__arrow[class*=sap-icon]{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1;margin:0 1rem 0 0;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0;width:1rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);margin-left:1rem;margin-right:0;transform:scaleX(-1)}.fdx-nested-list__button{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdNestedList_Button_Margin_Left);max-width:2.75rem;min-width:2.75rem;padding:0;width:2.75rem}.fdx-nested-list__button:after,.fdx-nested-list__button:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__button[dir=rtl],[dir=rtl] .fdx-nested-list__button{margin-left:0;margin-right:var(--fdNestedList_Button_Margin_Left)}.fdx-nested-list__button [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1rem;justify-content:center;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{transform:scaleX(-1)}.fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:1rem}.fdx-nested-list--text-only .fdx-nested-list__title:first-child[dir=rtl],[dir=rtl] .fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:0;padding-right:1rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:.25rem 0;--fdNestedList_Item_Spacing:.125rem;--fdNestedList_Item_Header_Margin_Top:.125rem;--fdNestedList_Focus_Offset:.0625rem;--fdNestedList_Focus_Offset_Width:.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:.25rem}.fdx-side-nav{--fdSideNav_Padding:.25rem 0;--fdSideNav_First_Item_Margin_Top:.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:0 1rem 1rem 0;box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdSideNav_Padding);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.fdx-side-nav__main-navigation{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.fdx-side-nav__utility{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem var(--fdSideNav_Utility_Margin_Bottom) .5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding:.25rem 0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin:.25rem 0!important}.fdx-side-nav__input-group{margin:.75rem .5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding:.125rem 0;--fdSideNav_First_Item_Margin_Top:.125rem;--fdSideNav_Utility_Margin_Bottom:.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow .fdx-nested-list__title{display:none}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:rotate(180deg);align-items:center;display:flex;left:0;right:auto;transform:rotate(180deg)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:sticky;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{bottom:0;border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{top:0;border-top-right-radius:1rem}.fdx-side-nav__button-container .fdx-side-nav .fdx-side-nav__button:last-of-type{margin-top:0!important}.fdx-nested-list__item{display:block}.fdx-nested-list__item .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item .fdx-nested-list__content .fdx-nested-list__button.fd-button{background:none}.fdx-side-nav .fd-button{margin-left:.875rem!important}.fdx-side-nav .fdx-side-nav__button{min-height:2.25rem;overflow:hidden;position:sticky}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i4.ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible", "overrideTabindex"] }, { kind: "component", type: i5.SideNavigationMainComponent, selector: "fdx-side-nav-main, div[fdx-side-nav-main]" }, { kind: "directive", type: i6.SideNavigationUtilityDirective, selector: "[cxSideNavigationUtility], [fdx-side-nav-utility]" }, { kind: "directive", type: i7.SideNavigationButtonDirective, selector: "[cxSideNavButton], [fdx-side-nav-button]" }], encapsulation: i0.ViewEncapsulation.None });
147
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SideNavigationComponent, decorators: [{
145
+ SideNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationComponent, deps: [{ token: i1.NestedListKeyboardService }, { token: i1.NestedListStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
146
+ SideNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: SideNavigationComponent, selector: "fdx-side-nav", inputs: { sideNavigationConfiguration: "sideNavigationConfiguration", condensed: "condensed", dynamicWidth: "dynamicWidth", collapseWidth: "collapseWidth", narrow: "narrow", mobile: "mobile", showScrollButtons: "showScrollButtons", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fdx-side-nav--condensed": "this.condensed" } }, providers: [NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainComponent, descendants: true }], viewQueries: [{ propertyName: "_scrollDownButton", first: true, predicate: ["scrollDownButton"], descendants: true, read: ElementRef }, { propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:.25rem;--fdNestedList_Item_Spacing_Compact:.125rem;--fdNestedList_Item_Margin:.5rem 0;--fdNestedList_Item_Header_Margin_Top:.25rem;--fdNestedList_Focus_Offset:.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:.5rem;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{margin-top:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{margin-bottom:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:0;padding-right:1rem}.fdx-nested-list.level-1 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:1rem;padding-right:0}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:5rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:1rem;padding-right:5rem}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin:var(--fdNestedList_Item_Margin);padding:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:center;background:var(--sapList_Background);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:\"\";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:currentColor;display:flex;font-size:inherit;font-size:var(--sapFontSize);height:100%;justify-content:center;line-height:1;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);line-height:var(--fdNestedList_Item_Height);margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__arrow[class*=sap-icon]{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1;margin:0 1rem 0 0;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0;width:1rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);margin-left:1rem;margin-right:0;transform:scaleX(-1)}.fdx-nested-list__button{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdNestedList_Button_Margin_Left);max-width:2.75rem;min-width:2.75rem;padding:0;width:2.75rem}.fdx-nested-list__button:after,.fdx-nested-list__button:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__button[dir=rtl],[dir=rtl] .fdx-nested-list__button{margin-left:0;margin-right:var(--fdNestedList_Button_Margin_Left)}.fdx-nested-list__button [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1rem;justify-content:center;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{transform:scaleX(-1)}.fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:1rem}.fdx-nested-list--text-only .fdx-nested-list__title:first-child[dir=rtl],[dir=rtl] .fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:0;padding-right:1rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:.25rem 0;--fdNestedList_Item_Spacing:.125rem;--fdNestedList_Item_Header_Margin_Top:.125rem;--fdNestedList_Focus_Offset:.0625rem;--fdNestedList_Focus_Offset_Width:.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:.25rem}.fdx-side-nav{--fdSideNav_Padding:.25rem 0;--fdSideNav_First_Item_Margin_Top:.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:0 1rem 1rem 0;box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdSideNav_Padding);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.fdx-side-nav__main-navigation{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.fdx-side-nav__utility{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem var(--fdSideNav_Utility_Margin_Bottom) .5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding:.25rem 0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin:.25rem 0!important}.fdx-side-nav__input-group{margin:.75rem .5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding:.125rem 0;--fdSideNav_First_Item_Margin_Top:.125rem;--fdSideNav_Utility_Margin_Bottom:.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow .fdx-nested-list__title{display:none}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:rotate(180deg);align-items:center;display:flex;left:0;right:auto;transform:rotate(180deg)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:sticky;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{bottom:0;border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{top:0;border-top-right-radius:1rem}.fdx-side-nav__button-container .fdx-side-nav .fdx-side-nav__button:last-of-type{margin-top:0!important}.fdx-nested-list__item{display:block}.fdx-nested-list__item .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item .fdx-nested-list__content .fdx-nested-list__button.fd-button{background:none}.fdx-side-nav .fd-button{margin-left:.875rem!important}.fdx-side-nav .fdx-side-nav__button{min-height:2.25rem;overflow:hidden;position:sticky}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.PreparedNestedListComponent, selector: "fdx-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i4.ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible", "overrideTabindex"] }, { kind: "component", type: i5.SideNavigationMainComponent, selector: "fdx-side-nav-main, div[fdx-side-nav-main]" }, { kind: "directive", type: i6.SideNavigationUtilityDirective, selector: "[cxSideNavigationUtility], [fdx-side-nav-utility]" }, { kind: "directive", type: i7.SideNavigationButtonDirective, selector: "[cxSideNavButton], [fdx-side-nav-button]" }], encapsulation: i0.ViewEncapsulation.None });
147
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SideNavigationComponent, decorators: [{
148
148
  type: Component,
149
149
  args: [{ selector: 'fdx-side-nav', encapsulation: ViewEncapsulation.None, providers: [NestedListKeyboardService, NestedListStateService], template: "<nav\n class=\"fdx-side-nav\"\n [class.fdx-side-nav--dynamic-width]=\"dynamicWidth\"\n [class.fdx-side-nav--narrow]=\"narrow\"\n [class.fdx-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\"\n [class.fdx-side-nav--mobile]=\"mobile\"\n fd-scrollbar\n>\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <ng-content select=\"[fdx-side-nav-main]\"></ng-content>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <ng-content select=\"[fdx-side-nav-utility]\"></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <ng-container *ngTemplateOutlet=\"scrollUp\"></ng-container>\n <div fdx-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n <ng-container *ngTemplateOutlet=\"scrollDown\"></ng-container>\n <div fdx-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fdx-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fdx-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n\n<ng-template #scrollUp>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--top\" *ngIf=\"_showScrollUpButton\">\n <button\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-up-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('up')\"\n ></button>\n </div>\n</ng-template>\n\n<ng-template #scrollDown>\n <div class=\"fdx-side-nav__button-container fdx-side-nav__button-container--bottom\" *ngIf=\"_showScrollDownButton\">\n <button\n #scrollDownButton\n fd-button\n fdType=\"standard\"\n glyph=\"navigation-down-arrow\"\n fdx-side-nav-button\n (click)=\"_scrollItems('down')\"\n ></button>\n </div>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:.25rem;--fdNestedList_Item_Spacing_Compact:.125rem;--fdNestedList_Item_Margin:.5rem 0;--fdNestedList_Item_Header_Margin_Top:.25rem;--fdNestedList_Focus_Offset:.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:.5rem;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{margin-top:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{margin-bottom:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:0;padding-right:1rem}.fdx-nested-list.level-1 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list.level-1 .fdx-nested-list__title{padding-left:1rem;padding-right:0}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:5rem;padding-right:1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-left:1rem;padding-right:5rem}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin:var(--fdNestedList_Item_Margin);padding:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__link{-webkit-box-sizing:border-box;align-items:center;background:var(--sapList_Background);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:\"\";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:currentColor;display:flex;font-size:inherit;font-size:var(--sapFontSize);height:100%;justify-content:center;line-height:1;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdNestedList_Item_Height);line-height:var(--sapContent_LineHeight);line-height:var(--fdNestedList_Item_Height);margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__arrow[class*=sap-icon]{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1;margin:0 1rem 0 0;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0;width:1rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);margin-left:1rem;margin-right:0;transform:scaleX(-1)}.fdx-nested-list__button{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdNestedList_Button_Margin_Left);max-width:2.75rem;min-width:2.75rem;padding:0;width:2.75rem}.fdx-nested-list__button:after,.fdx-nested-list__button:before{box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdNestedList_Focus_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--fdNestedList_Focus_Offset_Width)}.fdx-nested-list__button[dir=rtl],[dir=rtl] .fdx-nested-list__button{margin-left:0;margin-right:var(--fdNestedList_Button_Margin_Left)}.fdx-nested-list__button [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:1rem;justify-content:center;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{transform:scaleX(-1)}.fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:1rem}.fdx-nested-list--text-only .fdx-nested-list__title:first-child[dir=rtl],[dir=rtl] .fdx-nested-list--text-only .fdx-nested-list__title:first-child{padding-left:0;padding-right:1rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:.25rem 0;--fdNestedList_Item_Spacing:.125rem;--fdNestedList_Item_Header_Margin_Top:.125rem;--fdNestedList_Focus_Offset:.0625rem;--fdNestedList_Focus_Offset_Width:.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:.25rem}.fdx-side-nav{--fdSideNav_Padding:.25rem 0;--fdSideNav_First_Item_Margin_Top:.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:0 1rem 1rem 0;box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdSideNav_Padding);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.fdx-side-nav__main-navigation{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow-x:hidden;overflow-y:scroll;padding:0}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.fdx-side-nav__utility{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem var(--fdSideNav_Utility_Margin_Bottom) .5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding:.25rem 0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-left:.5rem;margin-right:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:3rem;padding-right:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title[dir=rtl],[dir=rtl] .fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-left:1rem;padding-right:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin:.25rem 0!important}.fdx-side-nav__input-group{margin:.75rem .5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding:.125rem 0;--fdSideNav_First_Item_Margin_Top:.125rem;--fdSideNav_Utility_Margin_Bottom:.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow .fdx-nested-list__title{display:none}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{align-items:center;content:\"\\e066\";display:flex;font-family:SAP-icons;font-size:var(--sapFontSmallSize);padding-right:.25rem;position:absolute;right:0}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before{-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:rotate(180deg);align-items:center;display:flex;left:0;right:auto;transform:rotate(180deg)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav__button-container{background:var(--sapGroup_ContentBackground);position:sticky;width:100%;height:48px;z-index:1}.fdx-side-nav__button-container--bottom{bottom:0;border-bottom-right-radius:1rem}.fdx-side-nav__button-container--top{top:0;border-top-right-radius:1rem}.fdx-side-nav__button-container .fdx-side-nav .fdx-side-nav__button:last-of-type{margin-top:0!important}.fdx-nested-list__item{display:block}.fdx-nested-list__item .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item .fdx-nested-list__content .fdx-nested-list__button.fd-button{background:none}.fdx-side-nav .fd-button{margin-left:.875rem!important}.fdx-side-nav .fdx-side-nav__button{min-height:2.25rem;overflow:hidden;position:sticky}.fdx-side-nav--compact .fdx-side-nav__button{min-height:1.5rem}.fdx-side-nav__popover-body .fd-scrollbar{padding:.25rem 0!important}\n"] }]
150
150
  }], ctorParameters: function () { return [{ type: i1.NestedListKeyboardService }, { type: i1.NestedListStateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { sideNavigationConfiguration: [{
package/esm2020/side-navigation/side-navigation.module.mjs CHANGED
@@ -10,8 +10,8 @@ import { ScrollbarModule } from '@fundamental-ngx/core/scrollbar';
10
10
  import * as i0 from "@angular/core";
11
11
  export class CxSideNavigationModule {
12
12
  }
13
- CxSideNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CxSideNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
14
- CxSideNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: CxSideNavigationModule, declarations: [SideNavigationComponent,
13
+ CxSideNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CxSideNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
14
+ CxSideNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: CxSideNavigationModule, declarations: [SideNavigationComponent,
15
15
  SideNavigationMainComponent,
16
16
  SideNavigationUtilityDirective,
17
17
  SideNavigationButtonDirective], imports: [CommonModule, CxNestedListModule, ButtonModule, ScrollbarModule], exports: [SideNavigationComponent,
@@ -19,8 +19,8 @@ CxSideNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
19
19
  SideNavigationUtilityDirective,
20
20
  SideNavigationButtonDirective,
21
21
  CxNestedListModule] });
22
- CxSideNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CxSideNavigationModule, imports: [CommonModule, CxNestedListModule, ButtonModule, ScrollbarModule, CxNestedListModule] });
23
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CxSideNavigationModule, decorators: [{
22
+ CxSideNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CxSideNavigationModule, imports: [CommonModule, CxNestedListModule, ButtonModule, ScrollbarModule, CxNestedListModule] });
23
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CxSideNavigationModule, decorators: [{
24
24
  type: NgModule,
25
25
  args: [{
26
26
  imports: [CommonModule, CxNestedListModule, ButtonModule, ScrollbarModule],