@fundamental-ngx/core 0.59.1-rc.9 → 0.59.1

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 (131) hide show
  1. package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs +33 -50
  2. package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs.map +1 -1
  3. package/fesm2022/fundamental-ngx-core-avatar-group.mjs +9 -11
  4. package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
  5. package/fesm2022/fundamental-ngx-core-avatar.mjs +206 -293
  6. package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
  7. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +25 -12
  8. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
  9. package/fesm2022/fundamental-ngx-core-calendar.mjs +11 -14
  10. package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
  11. package/fesm2022/fundamental-ngx-core-card.mjs +13 -26
  12. package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
  13. package/fesm2022/fundamental-ngx-core-carousel.mjs +11 -11
  14. package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
  15. package/fesm2022/fundamental-ngx-core-combobox.mjs +33 -7
  16. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  17. package/fesm2022/fundamental-ngx-core-dialog.mjs +13 -17
  18. package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
  19. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +32 -24
  20. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
  21. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +28 -30
  22. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
  23. package/fesm2022/fundamental-ngx-core-grid-list.mjs +12 -10
  24. package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
  25. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +202 -100
  26. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
  27. package/fesm2022/fundamental-ngx-core-layout-panel.mjs +72 -231
  28. package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
  29. package/fesm2022/fundamental-ngx-core-list.mjs +12 -12
  30. package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
  31. package/fesm2022/fundamental-ngx-core-menu.mjs +28 -28
  32. package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
  33. package/fesm2022/fundamental-ngx-core-message-strip.mjs +85 -84
  34. package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
  35. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +21 -24
  36. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
  37. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +19 -12
  38. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  39. package/fesm2022/fundamental-ngx-core-multi-input.mjs +46 -39
  40. package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
  41. package/fesm2022/fundamental-ngx-core-nested-list.mjs +66 -103
  42. package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
  43. package/fesm2022/fundamental-ngx-core-notification.mjs +10 -12
  44. package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
  45. package/fesm2022/fundamental-ngx-core-object-marker.mjs +69 -59
  46. package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
  47. package/fesm2022/fundamental-ngx-core-object-status.mjs +92 -118
  48. package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
  49. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +27 -29
  50. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
  51. package/fesm2022/fundamental-ngx-core-pagination.mjs +17 -18
  52. package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
  53. package/fesm2022/fundamental-ngx-core-panel.mjs +7 -9
  54. package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
  55. package/fesm2022/fundamental-ngx-core-popover.mjs +10 -15
  56. package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
  57. package/fesm2022/fundamental-ngx-core-product-switch.mjs +12 -15
  58. package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
  59. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +18 -20
  60. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs.map +1 -1
  61. package/fesm2022/fundamental-ngx-core-segmented-button.mjs +8 -11
  62. package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
  63. package/fesm2022/fundamental-ngx-core-select.mjs +6 -8
  64. package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
  65. package/fesm2022/fundamental-ngx-core-settings.mjs +9 -12
  66. package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
  67. package/fesm2022/fundamental-ngx-core-shellbar.mjs +48 -34
  68. package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
  69. package/fesm2022/fundamental-ngx-core-slider.mjs +30 -31
  70. package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
  71. package/fesm2022/fundamental-ngx-core-status-indicator.mjs +137 -131
  72. package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map +1 -1
  73. package/fesm2022/fundamental-ngx-core-tabs.mjs +21 -17
  74. package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
  75. package/fesm2022/fundamental-ngx-core-tile.mjs +375 -631
  76. package/fesm2022/fundamental-ngx-core-tile.mjs.map +1 -1
  77. package/fesm2022/fundamental-ngx-core-time.mjs +7 -9
  78. package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
  79. package/fesm2022/fundamental-ngx-core-token.mjs +11 -13
  80. package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
  81. package/fesm2022/fundamental-ngx-core-toolbar.mjs +2 -2
  82. package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
  83. package/fesm2022/fundamental-ngx-core-tree.mjs +2 -2
  84. package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
  85. package/fesm2022/fundamental-ngx-core-user-menu.mjs +63 -21
  86. package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
  87. package/fesm2022/fundamental-ngx-core-wizard.mjs +1 -1
  88. package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
  89. package/package.json +4 -4
  90. package/types/fundamental-ngx-core-avatar-group-legacy.d.ts +15 -17
  91. package/types/fundamental-ngx-core-avatar-group.d.ts +1 -1
  92. package/types/fundamental-ngx-core-avatar.d.ts +66 -86
  93. package/types/fundamental-ngx-core-breadcrumb.d.ts +13 -5
  94. package/types/fundamental-ngx-core-calendar.d.ts +3 -4
  95. package/types/fundamental-ngx-core-card.d.ts +4 -11
  96. package/types/fundamental-ngx-core-carousel.d.ts +3 -3
  97. package/types/fundamental-ngx-core-combobox.d.ts +8 -1
  98. package/types/fundamental-ngx-core-dialog.d.ts +2 -4
  99. package/types/fundamental-ngx-core-dynamic-page.d.ts +0 -6
  100. package/types/fundamental-ngx-core-fixed-card-layout.d.ts +7 -7
  101. package/types/fundamental-ngx-core-grid-list.d.ts +6 -4
  102. package/types/fundamental-ngx-core-illustrated-message.d.ts +165 -31
  103. package/types/fundamental-ngx-core-layout-panel.d.ts +19 -131
  104. package/types/fundamental-ngx-core-list.d.ts +8 -6
  105. package/types/fundamental-ngx-core-menu.d.ts +16 -13
  106. package/types/fundamental-ngx-core-message-strip.d.ts +5 -2
  107. package/types/fundamental-ngx-core-micro-process-flow.d.ts +8 -6
  108. package/types/fundamental-ngx-core-multi-combobox.d.ts +8 -5
  109. package/types/fundamental-ngx-core-multi-input.d.ts +24 -16
  110. package/types/fundamental-ngx-core-nested-list.d.ts +19 -33
  111. package/types/fundamental-ngx-core-notification.d.ts +2 -2
  112. package/types/fundamental-ngx-core-object-marker.d.ts +47 -27
  113. package/types/fundamental-ngx-core-object-status.d.ts +49 -48
  114. package/types/fundamental-ngx-core-overflow-layout.d.ts +10 -10
  115. package/types/fundamental-ngx-core-pagination.d.ts +7 -8
  116. package/types/fundamental-ngx-core-panel.d.ts +2 -4
  117. package/types/fundamental-ngx-core-popover.d.ts +7 -5
  118. package/types/fundamental-ngx-core-product-switch.d.ts +5 -4
  119. package/types/fundamental-ngx-core-resizable-card-layout.d.ts +10 -8
  120. package/types/fundamental-ngx-core-segmented-button.d.ts +5 -4
  121. package/types/fundamental-ngx-core-select.d.ts +4 -5
  122. package/types/fundamental-ngx-core-settings.d.ts +7 -10
  123. package/types/fundamental-ngx-core-shellbar.d.ts +23 -14
  124. package/types/fundamental-ngx-core-slider.d.ts +18 -13
  125. package/types/fundamental-ngx-core-status-indicator.d.ts +42 -58
  126. package/types/fundamental-ngx-core-tabs.d.ts +9 -7
  127. package/types/fundamental-ngx-core-tile.d.ts +114 -243
  128. package/types/fundamental-ngx-core-time.d.ts +5 -4
  129. package/types/fundamental-ngx-core-token.d.ts +5 -4
  130. package/types/fundamental-ngx-core-tree.d.ts +1 -1
  131. package/types/fundamental-ngx-core-user-menu.d.ts +25 -21
@@ -1,12 +1,10 @@
1
- import { AsyncPipe } from '@angular/common';
2
1
  import * as i0 from '@angular/core';
3
- import { Directive, input, viewChild, ViewContainerRef, contentChildren, signal, inject, Renderer2, HostListener, ChangeDetectionStrategy, ViewEncapsulation, Component, booleanAttribute, NgModule } from '@angular/core';
2
+ import { Directive, input, viewChild, ViewContainerRef, contentChildren, signal, computed, inject, Renderer2, HostListener, ChangeDetectionStrategy, ViewEncapsulation, Component, booleanAttribute, NgModule } from '@angular/core';
4
3
  import { RtlService, InitialFocusDirective } from '@fundamental-ngx/cdk/utils';
5
4
  import { BarComponent, BarElementDirective, BarLeftDirective } from '@fundamental-ngx/core/bar';
6
5
  import { ButtonComponent } from '@fundamental-ngx/core/button';
7
6
  import { ListItemComponent } from '@fundamental-ngx/core/list';
8
7
  import { TitleComponent } from '@fundamental-ngx/core/title';
9
- import { map } from 'rxjs';
10
8
 
11
9
  class SettingsDetailAreaDirective {
12
10
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsDetailAreaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -94,10 +92,14 @@ class SettingsContainerComponent {
94
92
  this.showDetailArea = signal(true, ...(ngDevMode ? [{ debugName: "showDetailArea" }] : []));
95
93
  /** @hidden */
96
94
  this.activeTitle = signal('', ...(ngDevMode ? [{ debugName: "activeTitle" }] : []));
95
+ /**
96
+ * Handle the navigation icon (arrow) of the Back button in RTL mode
97
+ */
98
+ this.navigationArrow = computed(() => this._rtlService?.rtl() ? 'navigation-right-arrow' : 'navigation-left-arrow', ...(ngDevMode ? [{ debugName: "navigationArrow" }] : []));
97
99
  /** @hidden */
98
100
  this._eventUnlisteners = [];
99
101
  /** @hidden */
100
- this._rtlService = inject(RtlService);
102
+ this._rtlService = inject(RtlService, { optional: true });
101
103
  /** @hidden */
102
104
  this._renderer = inject(Renderer2);
103
105
  this._updateViewMode();
@@ -108,10 +110,6 @@ class SettingsContainerComponent {
108
110
  this._updateViewMode();
109
111
  }
110
112
  /** @hidden */
111
- ngOnInit() {
112
- this.navigationArrow$ = this._rtlService.rtl.pipe(map((isRtl) => (isRtl ? 'navigation-right-arrow' : 'navigation-left-arrow')));
113
- }
114
- /** @hidden */
115
113
  ngAfterViewInit() {
116
114
  this._updateViewMode();
117
115
  this._setupListItemListeners();
@@ -210,7 +208,7 @@ class SettingsContainerComponent {
210
208
  });
211
209
  }
212
210
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
213
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: SettingsContainerComponent, isStandalone: true, selector: "fd-settings-container", inputs: { detailsAreaTitleHeading: { classPropertyName: "detailsAreaTitleHeading", publicName: "detailsAreaTitleHeading", isSignal: true, isRequired: false, transformFunction: null }, detailsAreaTitleHeadingSize: { classPropertyName: "detailsAreaTitleHeadingSize", publicName: "detailsAreaTitleHeadingSize", isSignal: true, isRequired: false, transformFunction: null }, backBtnAriaLabel: { classPropertyName: "backBtnAriaLabel", publicName: "backBtnAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "class.fd-settings__container--md": "viewMode() === \"md\"", "class.fd-settings__container--sm": "viewMode() === \"sm\"" }, classAttribute: "fd-settings__container" }, queries: [{ propertyName: "listItems", predicate: ListItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "@if (this.showListArea()) {\n <ng-content select=\"[fd-settings-list-area]\"></ng-content>\n}\n@if (this.showDetailArea()) {\n <div fd-settings-detail-area style=\"max-width: 100%; overflow: hidden\">\n <div fd-bar barDesign=\"header\" [clear]=\"true\" fd-settings-header>\n <div fd-bar-left>\n @if (viewMode() !== 'lg') {\n <fd-bar-element>\n <button\n fd-button\n fd-settings-header-button\n fdkInitialFocus\n fdType=\"transparent\"\n [glyph]=\"navigationArrow$ | async\"\n [ariaLabel]=\"backBtnAriaLabel()\"\n [title]=\"backBtnAriaLabel()\"\n (click)=\"onHeaderBackClick()\"\n ></button>\n </fd-bar-element>\n }\n <fd-bar-element>\n <div\n role=\"heading\"\n [attr.aria-level]=\"detailsAreaTitleHeading()\"\n fd-title\n [headerSize]=\"detailsAreaTitleHeadingSize()\"\n >\n {{ activeTitle() }}\n </div>\n </fd-bar-element>\n </div>\n </div>\n <ng-container #container />\n </div>\n}\n", styles: ["@charset \"UTF-8\";.fd-settings .fd-settings__dialog-content{height:var(--fdSettings_Dialog_Content_Height,42.5rem);max-height:var(--fdSettings_Dialog_Content_Max_Height,42.5rem);max-width:var(--fdSettings_Dialog_Content_Max_Width,60rem);min-height:var(--fdSettings_Dialog_Content_Min_Height,42.5rem);min-width:var(--fdSettings_Dialog_Content_Min_Width,60rem)}.fd-settings .fd-settings__dialog-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-block:0;padding-inline:0}.fd-settings .fd-settings__list:is(:first-child){overflow-y:auto}.fd-settings .fd-settings__list a:after{content:var(--fdSettings_List_Nav_Indicator_Content,none)}.fd-settings .fd-settings__list--footer{border-top:.0625rem solid var(--sapList_BorderColor)}.fd-settings .fd-settings__tab-bar{height:100%;overflow-y:hidden}.fd-settings .fd-settings__header{-webkit-margin-before:var(--fdSettings_Header_Margin_Top,1rem);margin-block-start:var(--fdSettings_Header_Margin_Top,1rem)}.fd-settings__list-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:var(--fdSettings_List_Area_Width,20rem);min-width:var(--fdSettings_List_Area_Width,20rem);width:var(--fdSettings_List_Area_Width,20rem);-webkit-border-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor));border-inline-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor))}.fd-settings__list-area:after,.fd-settings__list-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;height:100%;justify-content:space-between;overflow:hidden;position:relative}.fd-settings__list-container:after,.fd-settings__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.fd-settings__detail-area:after,.fd-settings__detail-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area:has(.fd-settings__tab-bar) .fd-settings__header{--fdBar_Shadow:none}.fd-settings__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow-y:auto;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem;width:100%}.fd-settings__content:after,.fd-settings__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__content--no-padding{padding-block:0;padding-inline:0}.fd-settings__content--no-background{background:transparent}.fd-settings__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.fd-settings__container:after,.fd-settings__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings:has(.fd-settings__container--sm){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:100%;--fdSettings_Dialog_Content_Min_Height:100%;--fdSettings_Dialog_Content_Max_Width:100%;--fdSettings_Dialog_Content_Max_Height:100%;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-content{border-radius:0;-webkit-box-shadow:none;box-shadow:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-body{border-radius:0}.fd-settings:has(.fd-settings__container--md){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:80%;--fdSettings_Dialog_Content_Min_Height:88%;--fdSettings_Dialog_Content_Max_Width:40rem;--fdSettings_Dialog_Content_Max_Height:42.5rem;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--lg),.fd-settings:has(.fd-settings__container--xl){--fdSettings_List_Area_Width:20rem;--fdSettings_Header_Margin_Top:1rem;--fdSettings_List_Nav_Indicator_Content:none;--fdSettings_Dialog_Content_Min_Width:60rem;--fdSettings_Dialog_Content_Min_Height:42.5rem;--fdSettings_Dialog_Content_Max_Width:60rem;--fdSettings_Dialog_Content_Max_Height:42.5rem}.fd-settings__detail-area{max-width:100%;overflow:hidden}.fd-settings__profile-card{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card:before,.fd-settings__profile-card:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card{width:100%;gap:.25rem;display:flex;max-width:100%;align-items:center;flex-direction:column;overflow:hidden;padding-block:2.5rem 1rem}.fd-settings__profile-card button{margin-block-start:.25rem}.fd-settings__profile-card-name{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-name:before,.fd-settings__profile-card-name:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-name{line-height:1.4rem;white-space:normal;word-break:break-all;color:var(--sapTextColor);margin-block-start:.25rem;font-size:var(--sapFontLargeSize);font-family:var(--sapFontSemiboldDuplexFamily)}.fd-settings__profile-card-subline{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-subline:before,.fd-settings__profile-card-subline:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-subline{word-break:break-all;color:var(--sapContent_LabelColor)}.fd-settings__content-container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__content-container:before,.fd-settings__content-container:after{box-sizing:inherit;font-size:inherit}@media(max-width:600px){.fd-dialog__footer.fd-bar{border-bottom-left-radius:0;border-bottom-right-radius:0}}\n/*! Bundled license information:\n\nfundamental-styles/dist/settings.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: SettingsHeaderButtonDirective, selector: "[fd-settings-header-button]" }, { kind: "directive", type: SettingsHeaderDirective, selector: "[fd-settings-header]" }, { kind: "directive", type: SettingsDetailAreaDirective, selector: "[fd-settings-detail-area]" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
211
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: SettingsContainerComponent, isStandalone: true, selector: "fd-settings-container", inputs: { detailsAreaTitleHeading: { classPropertyName: "detailsAreaTitleHeading", publicName: "detailsAreaTitleHeading", isSignal: true, isRequired: false, transformFunction: null }, detailsAreaTitleHeadingSize: { classPropertyName: "detailsAreaTitleHeadingSize", publicName: "detailsAreaTitleHeadingSize", isSignal: true, isRequired: false, transformFunction: null }, backBtnAriaLabel: { classPropertyName: "backBtnAriaLabel", publicName: "backBtnAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "class.fd-settings__container--md": "viewMode() === \"md\"", "class.fd-settings__container--sm": "viewMode() === \"sm\"" }, classAttribute: "fd-settings__container" }, queries: [{ propertyName: "listItems", predicate: ListItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "@if (this.showListArea()) {\n <ng-content select=\"[fd-settings-list-area]\"></ng-content>\n}\n@if (this.showDetailArea()) {\n <div fd-settings-detail-area style=\"max-width: 100%; overflow: hidden\">\n <div fd-bar barDesign=\"header\" [clear]=\"true\" fd-settings-header>\n <div fd-bar-left>\n @if (viewMode() !== 'lg') {\n <fd-bar-element>\n <button\n fd-button\n fd-settings-header-button\n fdkInitialFocus\n fdType=\"transparent\"\n [glyph]=\"navigationArrow()\"\n [ariaLabel]=\"backBtnAriaLabel()\"\n [title]=\"backBtnAriaLabel()\"\n (click)=\"onHeaderBackClick()\"\n ></button>\n </fd-bar-element>\n }\n <fd-bar-element>\n <div\n role=\"heading\"\n [attr.aria-level]=\"detailsAreaTitleHeading()\"\n fd-title\n [headerSize]=\"detailsAreaTitleHeadingSize()\"\n >\n {{ activeTitle() }}\n </div>\n </fd-bar-element>\n </div>\n </div>\n <ng-container #container />\n </div>\n}\n", styles: ["@charset \"UTF-8\";.fd-settings .fd-settings__dialog-content{height:var(--fdSettings_Dialog_Content_Height,42.5rem);max-height:var(--fdSettings_Dialog_Content_Max_Height,42.5rem);max-width:var(--fdSettings_Dialog_Content_Max_Width,60rem);min-height:var(--fdSettings_Dialog_Content_Min_Height,42.5rem);min-width:var(--fdSettings_Dialog_Content_Min_Width,60rem)}.fd-settings .fd-settings__dialog-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-block:0;padding-inline:0}.fd-settings .fd-settings__list:is(:first-child){overflow-y:auto}.fd-settings .fd-settings__list a:after{content:var(--fdSettings_List_Nav_Indicator_Content,none)}.fd-settings .fd-settings__list--footer{border-top:.0625rem solid var(--sapList_BorderColor)}.fd-settings .fd-settings__tab-bar{height:100%;overflow-y:hidden}.fd-settings .fd-settings__header{-webkit-margin-before:var(--fdSettings_Header_Margin_Top,1rem);margin-block-start:var(--fdSettings_Header_Margin_Top,1rem)}.fd-settings__list-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:var(--fdSettings_List_Area_Width,20rem);min-width:var(--fdSettings_List_Area_Width,20rem);width:var(--fdSettings_List_Area_Width,20rem);-webkit-border-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor));border-inline-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor))}.fd-settings__list-area:after,.fd-settings__list-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;height:100%;justify-content:space-between;overflow:hidden;position:relative}.fd-settings__list-container:after,.fd-settings__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.fd-settings__detail-area:after,.fd-settings__detail-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area:has(.fd-settings__tab-bar) .fd-settings__header{--fdBar_Shadow:none}.fd-settings__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow-y:auto;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem;width:100%}.fd-settings__content:after,.fd-settings__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__content--no-padding{padding-block:0;padding-inline:0}.fd-settings__content--no-background{background:transparent}.fd-settings__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.fd-settings__container:after,.fd-settings__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings:has(.fd-settings__container--sm){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:100%;--fdSettings_Dialog_Content_Min_Height:100%;--fdSettings_Dialog_Content_Max_Width:100%;--fdSettings_Dialog_Content_Max_Height:100%;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-content{border-radius:0;-webkit-box-shadow:none;box-shadow:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-body{border-radius:0}.fd-settings:has(.fd-settings__container--md){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:80%;--fdSettings_Dialog_Content_Min_Height:88%;--fdSettings_Dialog_Content_Max_Width:40rem;--fdSettings_Dialog_Content_Max_Height:42.5rem;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--lg),.fd-settings:has(.fd-settings__container--xl){--fdSettings_List_Area_Width:20rem;--fdSettings_Header_Margin_Top:1rem;--fdSettings_List_Nav_Indicator_Content:none;--fdSettings_Dialog_Content_Min_Width:60rem;--fdSettings_Dialog_Content_Min_Height:42.5rem;--fdSettings_Dialog_Content_Max_Width:60rem;--fdSettings_Dialog_Content_Max_Height:42.5rem}.fd-settings__detail-area{max-width:100%;overflow:hidden}.fd-settings__profile-card{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card:before,.fd-settings__profile-card:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card{width:100%;gap:.25rem;display:flex;max-width:100%;align-items:center;flex-direction:column;overflow:hidden;padding-block:2.5rem 1rem}.fd-settings__profile-card button{margin-block-start:.25rem}.fd-settings__profile-card-name{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-name:before,.fd-settings__profile-card-name:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-name{line-height:1.4rem;white-space:normal;word-break:break-all;color:var(--sapTextColor);margin-block-start:.25rem;font-size:var(--sapFontLargeSize);font-family:var(--sapFontSemiboldDuplexFamily)}.fd-settings__profile-card-subline{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-subline:before,.fd-settings__profile-card-subline:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-subline{word-break:break-all;color:var(--sapContent_LabelColor)}.fd-settings__content-container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__content-container:before,.fd-settings__content-container:after{box-sizing:inherit;font-size:inherit}@media(max-width:600px){.fd-dialog__footer.fd-bar{border-bottom-left-radius:0;border-bottom-right-radius:0}}\n/*! Bundled license information:\n\nfundamental-styles/dist/settings.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: SettingsHeaderButtonDirective, selector: "[fd-settings-header-button]" }, { kind: "directive", type: SettingsHeaderDirective, selector: "[fd-settings-header]" }, { kind: "directive", type: SettingsDetailAreaDirective, selector: "[fd-settings-detail-area]" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
214
212
  }
215
213
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsContainerComponent, decorators: [{
216
214
  type: Component,
@@ -218,8 +216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
218
216
  class: 'fd-settings__container',
219
217
  '[class.fd-settings__container--md]': 'viewMode() === "md"',
220
218
  '[class.fd-settings__container--sm]': 'viewMode() === "sm"'
221
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
222
- AsyncPipe,
219
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
223
220
  BarComponent,
224
221
  BarElementDirective,
225
222
  BarLeftDirective,
@@ -229,7 +226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
229
226
  ButtonComponent,
230
227
  TitleComponent,
231
228
  InitialFocusDirective
232
- ], template: "@if (this.showListArea()) {\n <ng-content select=\"[fd-settings-list-area]\"></ng-content>\n}\n@if (this.showDetailArea()) {\n <div fd-settings-detail-area style=\"max-width: 100%; overflow: hidden\">\n <div fd-bar barDesign=\"header\" [clear]=\"true\" fd-settings-header>\n <div fd-bar-left>\n @if (viewMode() !== 'lg') {\n <fd-bar-element>\n <button\n fd-button\n fd-settings-header-button\n fdkInitialFocus\n fdType=\"transparent\"\n [glyph]=\"navigationArrow$ | async\"\n [ariaLabel]=\"backBtnAriaLabel()\"\n [title]=\"backBtnAriaLabel()\"\n (click)=\"onHeaderBackClick()\"\n ></button>\n </fd-bar-element>\n }\n <fd-bar-element>\n <div\n role=\"heading\"\n [attr.aria-level]=\"detailsAreaTitleHeading()\"\n fd-title\n [headerSize]=\"detailsAreaTitleHeadingSize()\"\n >\n {{ activeTitle() }}\n </div>\n </fd-bar-element>\n </div>\n </div>\n <ng-container #container />\n </div>\n}\n", styles: ["@charset \"UTF-8\";.fd-settings .fd-settings__dialog-content{height:var(--fdSettings_Dialog_Content_Height,42.5rem);max-height:var(--fdSettings_Dialog_Content_Max_Height,42.5rem);max-width:var(--fdSettings_Dialog_Content_Max_Width,60rem);min-height:var(--fdSettings_Dialog_Content_Min_Height,42.5rem);min-width:var(--fdSettings_Dialog_Content_Min_Width,60rem)}.fd-settings .fd-settings__dialog-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-block:0;padding-inline:0}.fd-settings .fd-settings__list:is(:first-child){overflow-y:auto}.fd-settings .fd-settings__list a:after{content:var(--fdSettings_List_Nav_Indicator_Content,none)}.fd-settings .fd-settings__list--footer{border-top:.0625rem solid var(--sapList_BorderColor)}.fd-settings .fd-settings__tab-bar{height:100%;overflow-y:hidden}.fd-settings .fd-settings__header{-webkit-margin-before:var(--fdSettings_Header_Margin_Top,1rem);margin-block-start:var(--fdSettings_Header_Margin_Top,1rem)}.fd-settings__list-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:var(--fdSettings_List_Area_Width,20rem);min-width:var(--fdSettings_List_Area_Width,20rem);width:var(--fdSettings_List_Area_Width,20rem);-webkit-border-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor));border-inline-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor))}.fd-settings__list-area:after,.fd-settings__list-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;height:100%;justify-content:space-between;overflow:hidden;position:relative}.fd-settings__list-container:after,.fd-settings__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.fd-settings__detail-area:after,.fd-settings__detail-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area:has(.fd-settings__tab-bar) .fd-settings__header{--fdBar_Shadow:none}.fd-settings__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow-y:auto;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem;width:100%}.fd-settings__content:after,.fd-settings__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__content--no-padding{padding-block:0;padding-inline:0}.fd-settings__content--no-background{background:transparent}.fd-settings__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.fd-settings__container:after,.fd-settings__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings:has(.fd-settings__container--sm){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:100%;--fdSettings_Dialog_Content_Min_Height:100%;--fdSettings_Dialog_Content_Max_Width:100%;--fdSettings_Dialog_Content_Max_Height:100%;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-content{border-radius:0;-webkit-box-shadow:none;box-shadow:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-body{border-radius:0}.fd-settings:has(.fd-settings__container--md){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:80%;--fdSettings_Dialog_Content_Min_Height:88%;--fdSettings_Dialog_Content_Max_Width:40rem;--fdSettings_Dialog_Content_Max_Height:42.5rem;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--lg),.fd-settings:has(.fd-settings__container--xl){--fdSettings_List_Area_Width:20rem;--fdSettings_Header_Margin_Top:1rem;--fdSettings_List_Nav_Indicator_Content:none;--fdSettings_Dialog_Content_Min_Width:60rem;--fdSettings_Dialog_Content_Min_Height:42.5rem;--fdSettings_Dialog_Content_Max_Width:60rem;--fdSettings_Dialog_Content_Max_Height:42.5rem}.fd-settings__detail-area{max-width:100%;overflow:hidden}.fd-settings__profile-card{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card:before,.fd-settings__profile-card:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card{width:100%;gap:.25rem;display:flex;max-width:100%;align-items:center;flex-direction:column;overflow:hidden;padding-block:2.5rem 1rem}.fd-settings__profile-card button{margin-block-start:.25rem}.fd-settings__profile-card-name{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-name:before,.fd-settings__profile-card-name:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-name{line-height:1.4rem;white-space:normal;word-break:break-all;color:var(--sapTextColor);margin-block-start:.25rem;font-size:var(--sapFontLargeSize);font-family:var(--sapFontSemiboldDuplexFamily)}.fd-settings__profile-card-subline{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-subline:before,.fd-settings__profile-card-subline:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-subline{word-break:break-all;color:var(--sapContent_LabelColor)}.fd-settings__content-container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__content-container:before,.fd-settings__content-container:after{box-sizing:inherit;font-size:inherit}@media(max-width:600px){.fd-dialog__footer.fd-bar{border-bottom-left-radius:0;border-bottom-right-radius:0}}\n/*! Bundled license information:\n\nfundamental-styles/dist/settings.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
229
+ ], template: "@if (this.showListArea()) {\n <ng-content select=\"[fd-settings-list-area]\"></ng-content>\n}\n@if (this.showDetailArea()) {\n <div fd-settings-detail-area style=\"max-width: 100%; overflow: hidden\">\n <div fd-bar barDesign=\"header\" [clear]=\"true\" fd-settings-header>\n <div fd-bar-left>\n @if (viewMode() !== 'lg') {\n <fd-bar-element>\n <button\n fd-button\n fd-settings-header-button\n fdkInitialFocus\n fdType=\"transparent\"\n [glyph]=\"navigationArrow()\"\n [ariaLabel]=\"backBtnAriaLabel()\"\n [title]=\"backBtnAriaLabel()\"\n (click)=\"onHeaderBackClick()\"\n ></button>\n </fd-bar-element>\n }\n <fd-bar-element>\n <div\n role=\"heading\"\n [attr.aria-level]=\"detailsAreaTitleHeading()\"\n fd-title\n [headerSize]=\"detailsAreaTitleHeadingSize()\"\n >\n {{ activeTitle() }}\n </div>\n </fd-bar-element>\n </div>\n </div>\n <ng-container #container />\n </div>\n}\n", styles: ["@charset \"UTF-8\";.fd-settings .fd-settings__dialog-content{height:var(--fdSettings_Dialog_Content_Height,42.5rem);max-height:var(--fdSettings_Dialog_Content_Max_Height,42.5rem);max-width:var(--fdSettings_Dialog_Content_Max_Width,60rem);min-height:var(--fdSettings_Dialog_Content_Min_Height,42.5rem);min-width:var(--fdSettings_Dialog_Content_Min_Width,60rem)}.fd-settings .fd-settings__dialog-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-block:0;padding-inline:0}.fd-settings .fd-settings__list:is(:first-child){overflow-y:auto}.fd-settings .fd-settings__list a:after{content:var(--fdSettings_List_Nav_Indicator_Content,none)}.fd-settings .fd-settings__list--footer{border-top:.0625rem solid var(--sapList_BorderColor)}.fd-settings .fd-settings__tab-bar{height:100%;overflow-y:hidden}.fd-settings .fd-settings__header{-webkit-margin-before:var(--fdSettings_Header_Margin_Top,1rem);margin-block-start:var(--fdSettings_Header_Margin_Top,1rem)}.fd-settings__list-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:var(--fdSettings_List_Area_Width,20rem);min-width:var(--fdSettings_List_Area_Width,20rem);width:var(--fdSettings_List_Area_Width,20rem);-webkit-border-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor));border-inline-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor))}.fd-settings__list-area:after,.fd-settings__list-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;height:100%;justify-content:space-between;overflow:hidden;position:relative}.fd-settings__list-container:after,.fd-settings__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.fd-settings__detail-area:after,.fd-settings__detail-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area:has(.fd-settings__tab-bar) .fd-settings__header{--fdBar_Shadow:none}.fd-settings__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow-y:auto;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem;width:100%}.fd-settings__content:after,.fd-settings__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__content--no-padding{padding-block:0;padding-inline:0}.fd-settings__content--no-background{background:transparent}.fd-settings__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.fd-settings__container:after,.fd-settings__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings:has(.fd-settings__container--sm){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:100%;--fdSettings_Dialog_Content_Min_Height:100%;--fdSettings_Dialog_Content_Max_Width:100%;--fdSettings_Dialog_Content_Max_Height:100%;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-content{border-radius:0;-webkit-box-shadow:none;box-shadow:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-body{border-radius:0}.fd-settings:has(.fd-settings__container--md){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:80%;--fdSettings_Dialog_Content_Min_Height:88%;--fdSettings_Dialog_Content_Max_Width:40rem;--fdSettings_Dialog_Content_Max_Height:42.5rem;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--lg),.fd-settings:has(.fd-settings__container--xl){--fdSettings_List_Area_Width:20rem;--fdSettings_Header_Margin_Top:1rem;--fdSettings_List_Nav_Indicator_Content:none;--fdSettings_Dialog_Content_Min_Width:60rem;--fdSettings_Dialog_Content_Min_Height:42.5rem;--fdSettings_Dialog_Content_Max_Width:60rem;--fdSettings_Dialog_Content_Max_Height:42.5rem}.fd-settings__detail-area{max-width:100%;overflow:hidden}.fd-settings__profile-card{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card:before,.fd-settings__profile-card:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card{width:100%;gap:.25rem;display:flex;max-width:100%;align-items:center;flex-direction:column;overflow:hidden;padding-block:2.5rem 1rem}.fd-settings__profile-card button{margin-block-start:.25rem}.fd-settings__profile-card-name{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-name:before,.fd-settings__profile-card-name:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-name{line-height:1.4rem;white-space:normal;word-break:break-all;color:var(--sapTextColor);margin-block-start:.25rem;font-size:var(--sapFontLargeSize);font-family:var(--sapFontSemiboldDuplexFamily)}.fd-settings__profile-card-subline{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-subline:before,.fd-settings__profile-card-subline:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-subline{word-break:break-all;color:var(--sapContent_LabelColor)}.fd-settings__content-container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__content-container:before,.fd-settings__content-container:after{box-sizing:inherit;font-size:inherit}@media(max-width:600px){.fd-dialog__footer.fd-bar{border-bottom-left-radius:0;border-bottom-right-radius:0}}\n/*! Bundled license information:\n\nfundamental-styles/dist/settings.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
233
230
  }], ctorParameters: () => [], propDecorators: { detailsAreaTitleHeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailsAreaTitleHeading", required: false }] }], detailsAreaTitleHeadingSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailsAreaTitleHeadingSize", required: false }] }], backBtnAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "backBtnAriaLabel", required: false }] }], viewContainer: [{ type: i0.ViewChild, args: ['container', { ...{ read: ViewContainerRef }, isSignal: true }] }], listItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ListItemComponent), { ...{ descendants: true }, isSignal: true }] }], onWindowResize: [{
234
231
  type: HostListener,
235
232
  args: ['window:resize']
@@ -1 +1 @@
1
- {"version":3,"file":"fundamental-ngx-core-settings.mjs","sources":["../../../../libs/core/settings/settings-detail-area/settings-detail-area.directive.ts","../../../../libs/core/settings/settings-header-button/settings-header-button.directive.ts","../../../../libs/core/settings/settings-header/settings-header.directive.ts","../../../../libs/core/settings/settings-container/settings-container.component.ts","../../../../libs/core/settings/settings-container/settings-container.component.html","../../../../libs/core/settings/settings-content-container/settings-content-container.directive.ts","../../../../libs/core/settings/settings-content/settings-content.directive.ts","../../../../libs/core/settings/settings-dialog-body/settings-dialog-body.directive.ts","../../../../libs/core/settings/settings-dialog-content/settings-dialog-content.directive.ts","../../../../libs/core/settings/settings-list-area/settings-list-area.directive.ts","../../../../libs/core/settings/settings-list-container/settings-list-container.directive.ts","../../../../libs/core/settings/settings-profile-card-name/settings-profile-card-name.directive.ts","../../../../libs/core/settings/settings-profile-card-subline/settings-profile-card-subline.directive.ts","../../../../libs/core/settings/settings-profile-card/settings-profile-card.directive.ts","../../../../libs/core/settings/settings.component.ts","../../../../libs/core/settings/settings.module.ts","../../../../libs/core/settings/fundamental-ngx-core-settings.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-detail-area]',\n host: {\n class: 'fd-settings__detail-area'\n },\n standalone: true\n})\nexport class SettingsDetailAreaDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-header-button]',\n standalone: true\n})\nexport class SettingsHeaderButtonDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-header]',\n host: {\n class: 'fd-settings__header'\n },\n standalone: true\n})\nexport class SettingsHeaderDirective {}\n","import { AsyncPipe } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n contentChildren,\n HostListener,\n inject,\n input,\n OnDestroy,\n OnInit,\n Renderer2,\n signal,\n viewChild,\n ViewContainerRef,\n ViewEncapsulation\n} from '@angular/core';\nimport { InitialFocusDirective, RtlService } from '@fundamental-ngx/cdk/utils';\nimport { BarComponent, BarElementDirective, BarLeftDirective } from '@fundamental-ngx/core/bar';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { ListItemComponent } from '@fundamental-ngx/core/list';\nimport { TitleComponent } from '@fundamental-ngx/core/title';\nimport { map, Observable } from 'rxjs';\nimport { SettingsDetailAreaDirective } from '../settings-detail-area/settings-detail-area.directive';\nimport { SettingsHeaderButtonDirective } from '../settings-header-button/settings-header-button.directive';\nimport { SettingsHeaderDirective } from '../settings-header/settings-header.directive';\n\nexport type SettingsViewMode = 'lg' | 'md' | 'sm';\n\nexport enum VIEW_MODE {\n LG = 'lg',\n MD = 'md',\n SM = 'sm'\n}\n\n@Component({\n selector: 'fd-settings-container',\n templateUrl: './settings-container.component.html',\n styleUrl: './settings-container.component.scss',\n host: {\n class: 'fd-settings__container',\n '[class.fd-settings__container--md]': 'viewMode() === \"md\"',\n '[class.fd-settings__container--sm]': 'viewMode() === \"sm\"'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n AsyncPipe,\n BarComponent,\n BarElementDirective,\n BarLeftDirective,\n SettingsHeaderButtonDirective,\n SettingsHeaderDirective,\n SettingsDetailAreaDirective,\n ButtonComponent,\n TitleComponent,\n InitialFocusDirective\n ]\n})\nexport class SettingsContainerComponent implements OnInit, OnDestroy, AfterViewInit {\n /**\n * Heading level for the title in the Details Area\n * Default value is 2\n * Acceptable values: number 1 | 2 | 3 | 4 | 5 | 6\n */\n readonly detailsAreaTitleHeading = input<1 | 2 | 3 | 4 | 5 | 6>(2);\n\n /**\n * Heading level display size for the title in the Details Area (controls the font size)\n * Default value is 5\n * Acceptable values: number 1 | 2 | 3 | 4 | 5 | 6\n */\n readonly detailsAreaTitleHeadingSize = input<1 | 2 | 3 | 4 | 5 | 6>(5);\n\n /**\n * aria-label and title value for the back button\n */\n readonly backBtnAriaLabel = input<string>('');\n\n /**\n * Handle the navigation icon (arrow) of the Back button in RTL mode\n */\n navigationArrow$: Observable<string>;\n\n /** @hidden */\n readonly viewContainer = viewChild('container', { read: ViewContainerRef });\n\n /** @hidden */\n readonly listItems = contentChildren(ListItemComponent, { descendants: true });\n\n /** @hidden */\n readonly activeListItem = signal<ListItemComponent | null>(null);\n\n /** @hidden */\n readonly viewMode = signal<SettingsViewMode>(VIEW_MODE.LG);\n\n /** @hidden */\n readonly screenWidth = signal<number>(window.innerWidth);\n\n /** @hidden */\n readonly showListArea = signal<boolean>(true);\n\n /** @hidden */\n readonly showDetailArea = signal<boolean>(true);\n\n /** @hidden */\n readonly activeTitle = signal<string>('');\n\n /** @hidden */\n private _eventUnlisteners: (() => void)[] = [];\n\n /** @hidden */\n private _rtlService = inject(RtlService);\n\n /** @hidden */\n private _renderer = inject(Renderer2);\n\n /** @hidden */\n constructor() {\n this._updateViewMode();\n }\n\n /** @hidden */\n @HostListener('window:resize')\n onWindowResize(): void {\n this.screenWidth.set(window.innerWidth);\n this._updateViewMode();\n }\n\n /** @hidden */\n ngOnInit(): void {\n this.navigationArrow$ = this._rtlService.rtl.pipe(\n map((isRtl) => (isRtl ? 'navigation-right-arrow' : 'navigation-left-arrow'))\n );\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n this._updateViewMode();\n this._setupListItemListeners();\n\n if (this.showListArea()) {\n this._focusInitialListItem();\n }\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._eventUnlisteners.forEach((unlistener) => unlistener());\n }\n\n /** @hidden */\n onHeaderBackClick(): void {\n if (this.viewMode() !== VIEW_MODE.LG) {\n this.showListArea.set(true);\n this.showDetailArea.set(false);\n\n /** The timeout is to ensure any keyboard events are fully processed before focusing the list item. This prevents the Enter key that triggered the back button from accidentally activating the newly focused list item. */\n\n setTimeout(() => this._focusInitialListItem(), 200);\n }\n }\n\n /** @hidden */\n private _updateViewMode(): void {\n const screenWidth = this.screenWidth();\n\n if (screenWidth < 600) {\n this.viewMode.set(VIEW_MODE.SM);\n } else if (screenWidth < 1024) {\n this.viewMode.set(VIEW_MODE.MD);\n } else {\n this.viewMode.set(VIEW_MODE.LG);\n }\n\n const isLargeView = this.viewMode() === VIEW_MODE.LG;\n\n this.showListArea.set(true);\n this.showDetailArea.set(isLargeView);\n\n if (isLargeView && this.activeListItem()) {\n queueMicrotask(() => this._renderTemplate());\n }\n }\n\n /** @hidden */\n private _setupListItemListeners(): void {\n this.listItems().forEach((item: ListItemComponent) => {\n if (item.selected) {\n this.activeListItem.set(item);\n this._updateActiveTitle(item);\n this._renderTemplate();\n }\n\n this._eventUnlisteners.push(\n this._renderer.listen(item.elementRef.nativeElement, 'click', () => {\n const currentActiveItem = this.activeListItem();\n if (currentActiveItem) {\n currentActiveItem.selected = false;\n }\n\n this.activeListItem.set(item);\n\n const newActiveItem = this.activeListItem();\n if (newActiveItem) {\n newActiveItem.selected = true;\n this._updateActiveTitle(newActiveItem);\n }\n\n if (this.viewMode() !== VIEW_MODE.LG) {\n this.showListArea.set(false);\n this.showDetailArea.set(true);\n setTimeout(() => this._renderTemplate());\n }\n\n this._renderTemplate();\n })\n );\n });\n }\n\n /** @hidden */\n private _renderTemplate(): void {\n const template = this.activeListItem()?.settingsListTpl();\n\n if (this.viewContainer() && template) {\n this.viewContainer()?.clear();\n this.viewContainer()?.createEmbeddedView(template);\n }\n }\n\n /** @hidden */\n private _updateActiveTitle(item: ListItemComponent): void {\n const titleEl = item.elementRef.nativeElement.querySelector('[fd-list-title]');\n const titleText = titleEl?.textContent?.trim() || '';\n this.activeTitle.set(titleText);\n }\n\n /** @hidden */\n private _focusInitialListItem(): void {\n queueMicrotask(() => {\n const items = this.listItems();\n if (!items?.length) {\n return;\n }\n\n const selectedItem = items.find((item) => item.selected);\n const itemToFocus = selectedItem ?? items[0];\n\n // setTimeout is needed so that the focus outline is displayed, o.w. the item is focussed, the tabindex is updated, but without the timeout the focus is not shown.\n setTimeout(() => {\n const el = itemToFocus.elementRef.nativeElement as HTMLElement;\n el.focus();\n });\n });\n }\n}\n","@if (this.showListArea()) {\n <ng-content select=\"[fd-settings-list-area]\"></ng-content>\n}\n@if (this.showDetailArea()) {\n <div fd-settings-detail-area style=\"max-width: 100%; overflow: hidden\">\n <div fd-bar barDesign=\"header\" [clear]=\"true\" fd-settings-header>\n <div fd-bar-left>\n @if (viewMode() !== 'lg') {\n <fd-bar-element>\n <button\n fd-button\n fd-settings-header-button\n fdkInitialFocus\n fdType=\"transparent\"\n [glyph]=\"navigationArrow$ | async\"\n [ariaLabel]=\"backBtnAriaLabel()\"\n [title]=\"backBtnAriaLabel()\"\n (click)=\"onHeaderBackClick()\"\n ></button>\n </fd-bar-element>\n }\n <fd-bar-element>\n <div\n role=\"heading\"\n [attr.aria-level]=\"detailsAreaTitleHeading()\"\n fd-title\n [headerSize]=\"detailsAreaTitleHeadingSize()\"\n >\n {{ activeTitle() }}\n </div>\n </fd-bar-element>\n </div>\n </div>\n <ng-container #container />\n </div>\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-content-container]',\n host: {\n class: 'fd-settings__content-container'\n },\n standalone: true\n})\nexport class SettingsContentContainerDirective {}\n","import { Directive, booleanAttribute, input } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-content]',\n host: {\n class: 'fd-settings__content',\n '[class.fd-settings__content--no-background]': 'noBackground()',\n '[class.fd-settings__content--no-padding]': 'noPadding()'\n },\n standalone: true\n})\nexport class SettingsContentDirective {\n /**\n * Whether the content should be without paddings.\n * Default value is false.\n */\n noPadding = input(false, { transform: booleanAttribute });\n\n /**\n * Whether the content should be without background.\n * Default value is false.\n */\n noBackground = input(false, { transform: booleanAttribute });\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-dialog-body]',\n host: {\n class: 'fd-settings__dialog-body'\n },\n standalone: true\n})\nexport class SettingsDialogBodyDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-dialog-content]',\n host: {\n class: 'fd-settings__dialog-content'\n },\n standalone: true\n})\nexport class SettingsDialogContentDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-list-area]',\n host: {\n class: 'fd-settings__list-area'\n },\n standalone: true\n})\nexport class SettingsListAreaDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-list-container]',\n host: {\n class: 'fd-settings__list-container'\n },\n standalone: true\n})\nexport class SettingsListContainerDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-profile-card-name]',\n host: {\n class: 'fd-settings__profile-card-name'\n },\n standalone: true\n})\nexport class SettingsProfileCardNameDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-profile-card-subline]',\n host: {\n class: 'fd-settings__profile-card-subline'\n },\n standalone: true\n})\nexport class SettingsProfileCardSublineDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-profile-card]',\n host: {\n class: 'fd-settings__profile-card'\n },\n standalone: true\n})\nexport class SettingsProfileCardDirective {}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-settings]',\n template: ` <ng-content></ng-content>`,\n host: {\n class: 'fd-settings'\n },\n styleUrl: './settings.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class SettingsComponent {}\n","import { NgModule } from '@angular/core';\n\nimport { SettingsContainerComponent } from './settings-container/settings-container.component';\nimport { SettingsContentContainerDirective } from './settings-content-container/settings-content-container.directive';\nimport { SettingsContentDirective } from './settings-content/settings-content.directive';\nimport { SettingsDetailAreaDirective } from './settings-detail-area/settings-detail-area.directive';\nimport { SettingsDialogBodyDirective } from './settings-dialog-body/settings-dialog-body.directive';\nimport { SettingsDialogContentDirective } from './settings-dialog-content/settings-dialog-content.directive';\nimport { SettingsHeaderButtonDirective } from './settings-header-button/settings-header-button.directive';\nimport { SettingsHeaderDirective } from './settings-header/settings-header.directive';\nimport { SettingsListAreaDirective } from './settings-list-area/settings-list-area.directive';\nimport { SettingsListContainerDirective } from './settings-list-container/settings-list-container.directive';\nimport { SettingsProfileCardNameDirective } from './settings-profile-card-name/settings-profile-card-name.directive';\nimport { SettingsProfileCardSublineDirective } from './settings-profile-card-subline/settings-profile-card-subline.directive';\nimport { SettingsProfileCardDirective } from './settings-profile-card/settings-profile-card.directive';\nimport { SettingsComponent } from './settings.component';\n\nconst components = [\n SettingsListAreaDirective,\n SettingsDetailAreaDirective,\n SettingsListContainerDirective,\n SettingsContentDirective,\n SettingsContentContainerDirective,\n SettingsProfileCardDirective,\n SettingsProfileCardNameDirective,\n SettingsProfileCardSublineDirective,\n SettingsHeaderDirective,\n SettingsHeaderButtonDirective,\n SettingsDialogContentDirective,\n SettingsDialogBodyDirective,\n SettingsContainerComponent,\n SettingsComponent\n];\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class SettingsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"fundamental-ngx-core-settings.mjs","sources":["../../../../libs/core/settings/settings-detail-area/settings-detail-area.directive.ts","../../../../libs/core/settings/settings-header-button/settings-header-button.directive.ts","../../../../libs/core/settings/settings-header/settings-header.directive.ts","../../../../libs/core/settings/settings-container/settings-container.component.ts","../../../../libs/core/settings/settings-container/settings-container.component.html","../../../../libs/core/settings/settings-content-container/settings-content-container.directive.ts","../../../../libs/core/settings/settings-content/settings-content.directive.ts","../../../../libs/core/settings/settings-dialog-body/settings-dialog-body.directive.ts","../../../../libs/core/settings/settings-dialog-content/settings-dialog-content.directive.ts","../../../../libs/core/settings/settings-list-area/settings-list-area.directive.ts","../../../../libs/core/settings/settings-list-container/settings-list-container.directive.ts","../../../../libs/core/settings/settings-profile-card-name/settings-profile-card-name.directive.ts","../../../../libs/core/settings/settings-profile-card-subline/settings-profile-card-subline.directive.ts","../../../../libs/core/settings/settings-profile-card/settings-profile-card.directive.ts","../../../../libs/core/settings/settings.component.ts","../../../../libs/core/settings/settings.module.ts","../../../../libs/core/settings/fundamental-ngx-core-settings.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-detail-area]',\n host: {\n class: 'fd-settings__detail-area'\n },\n standalone: true\n})\nexport class SettingsDetailAreaDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-header-button]',\n standalone: true\n})\nexport class SettingsHeaderButtonDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-header]',\n host: {\n class: 'fd-settings__header'\n },\n standalone: true\n})\nexport class SettingsHeaderDirective {}\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n HostListener,\n inject,\n input,\n OnDestroy,\n Renderer2,\n signal,\n viewChild,\n ViewContainerRef,\n ViewEncapsulation\n} from '@angular/core';\nimport { InitialFocusDirective, RtlService } from '@fundamental-ngx/cdk/utils';\nimport { BarComponent, BarElementDirective, BarLeftDirective } from '@fundamental-ngx/core/bar';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { ListItemComponent } from '@fundamental-ngx/core/list';\nimport { TitleComponent } from '@fundamental-ngx/core/title';\nimport { SettingsDetailAreaDirective } from '../settings-detail-area/settings-detail-area.directive';\nimport { SettingsHeaderButtonDirective } from '../settings-header-button/settings-header-button.directive';\nimport { SettingsHeaderDirective } from '../settings-header/settings-header.directive';\n\nexport type SettingsViewMode = 'lg' | 'md' | 'sm';\n\nexport enum VIEW_MODE {\n LG = 'lg',\n MD = 'md',\n SM = 'sm'\n}\n\n@Component({\n selector: 'fd-settings-container',\n templateUrl: './settings-container.component.html',\n styleUrl: './settings-container.component.scss',\n host: {\n class: 'fd-settings__container',\n '[class.fd-settings__container--md]': 'viewMode() === \"md\"',\n '[class.fd-settings__container--sm]': 'viewMode() === \"sm\"'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n BarComponent,\n BarElementDirective,\n BarLeftDirective,\n SettingsHeaderButtonDirective,\n SettingsHeaderDirective,\n SettingsDetailAreaDirective,\n ButtonComponent,\n TitleComponent,\n InitialFocusDirective\n ]\n})\nexport class SettingsContainerComponent implements OnDestroy, AfterViewInit {\n /**\n * Heading level for the title in the Details Area\n * Default value is 2\n * Acceptable values: number 1 | 2 | 3 | 4 | 5 | 6\n */\n readonly detailsAreaTitleHeading = input<1 | 2 | 3 | 4 | 5 | 6>(2);\n\n /**\n * Heading level display size for the title in the Details Area (controls the font size)\n * Default value is 5\n * Acceptable values: number 1 | 2 | 3 | 4 | 5 | 6\n */\n readonly detailsAreaTitleHeadingSize = input<1 | 2 | 3 | 4 | 5 | 6>(5);\n\n /**\n * aria-label and title value for the back button\n */\n readonly backBtnAriaLabel = input<string>('');\n\n /** @hidden */\n readonly viewContainer = viewChild('container', { read: ViewContainerRef });\n\n /** @hidden */\n readonly listItems = contentChildren(ListItemComponent, { descendants: true });\n\n /** @hidden */\n readonly activeListItem = signal<ListItemComponent | null>(null);\n\n /** @hidden */\n readonly viewMode = signal<SettingsViewMode>(VIEW_MODE.LG);\n\n /** @hidden */\n readonly screenWidth = signal<number>(window.innerWidth);\n\n /** @hidden */\n readonly showListArea = signal<boolean>(true);\n\n /** @hidden */\n readonly showDetailArea = signal<boolean>(true);\n\n /** @hidden */\n readonly activeTitle = signal<string>('');\n\n /**\n * Handle the navigation icon (arrow) of the Back button in RTL mode\n */\n protected readonly navigationArrow = computed(() =>\n this._rtlService?.rtl() ? 'navigation-right-arrow' : 'navigation-left-arrow'\n );\n\n /** @hidden */\n private _eventUnlisteners: (() => void)[] = [];\n\n /** @hidden */\n private readonly _rtlService = inject(RtlService, { optional: true });\n\n /** @hidden */\n private _renderer = inject(Renderer2);\n\n /** @hidden */\n constructor() {\n this._updateViewMode();\n }\n\n /** @hidden */\n @HostListener('window:resize')\n onWindowResize(): void {\n this.screenWidth.set(window.innerWidth);\n this._updateViewMode();\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n this._updateViewMode();\n this._setupListItemListeners();\n\n if (this.showListArea()) {\n this._focusInitialListItem();\n }\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._eventUnlisteners.forEach((unlistener) => unlistener());\n }\n\n /** @hidden */\n onHeaderBackClick(): void {\n if (this.viewMode() !== VIEW_MODE.LG) {\n this.showListArea.set(true);\n this.showDetailArea.set(false);\n\n /** The timeout is to ensure any keyboard events are fully processed before focusing the list item. This prevents the Enter key that triggered the back button from accidentally activating the newly focused list item. */\n\n setTimeout(() => this._focusInitialListItem(), 200);\n }\n }\n\n /** @hidden */\n private _updateViewMode(): void {\n const screenWidth = this.screenWidth();\n\n if (screenWidth < 600) {\n this.viewMode.set(VIEW_MODE.SM);\n } else if (screenWidth < 1024) {\n this.viewMode.set(VIEW_MODE.MD);\n } else {\n this.viewMode.set(VIEW_MODE.LG);\n }\n\n const isLargeView = this.viewMode() === VIEW_MODE.LG;\n\n this.showListArea.set(true);\n this.showDetailArea.set(isLargeView);\n\n if (isLargeView && this.activeListItem()) {\n queueMicrotask(() => this._renderTemplate());\n }\n }\n\n /** @hidden */\n private _setupListItemListeners(): void {\n this.listItems().forEach((item: ListItemComponent) => {\n if (item.selected) {\n this.activeListItem.set(item);\n this._updateActiveTitle(item);\n this._renderTemplate();\n }\n\n this._eventUnlisteners.push(\n this._renderer.listen(item.elementRef.nativeElement, 'click', () => {\n const currentActiveItem = this.activeListItem();\n if (currentActiveItem) {\n currentActiveItem.selected = false;\n }\n\n this.activeListItem.set(item);\n\n const newActiveItem = this.activeListItem();\n if (newActiveItem) {\n newActiveItem.selected = true;\n this._updateActiveTitle(newActiveItem);\n }\n\n if (this.viewMode() !== VIEW_MODE.LG) {\n this.showListArea.set(false);\n this.showDetailArea.set(true);\n setTimeout(() => this._renderTemplate());\n }\n\n this._renderTemplate();\n })\n );\n });\n }\n\n /** @hidden */\n private _renderTemplate(): void {\n const template = this.activeListItem()?.settingsListTpl();\n\n if (this.viewContainer() && template) {\n this.viewContainer()?.clear();\n this.viewContainer()?.createEmbeddedView(template);\n }\n }\n\n /** @hidden */\n private _updateActiveTitle(item: ListItemComponent): void {\n const titleEl = item.elementRef.nativeElement.querySelector('[fd-list-title]');\n const titleText = titleEl?.textContent?.trim() || '';\n this.activeTitle.set(titleText);\n }\n\n /** @hidden */\n private _focusInitialListItem(): void {\n queueMicrotask(() => {\n const items = this.listItems();\n if (!items?.length) {\n return;\n }\n\n const selectedItem = items.find((item) => item.selected);\n const itemToFocus = selectedItem ?? items[0];\n\n // setTimeout is needed so that the focus outline is displayed, o.w. the item is focussed, the tabindex is updated, but without the timeout the focus is not shown.\n setTimeout(() => {\n const el = itemToFocus.elementRef.nativeElement as HTMLElement;\n el.focus();\n });\n });\n }\n}\n","@if (this.showListArea()) {\n <ng-content select=\"[fd-settings-list-area]\"></ng-content>\n}\n@if (this.showDetailArea()) {\n <div fd-settings-detail-area style=\"max-width: 100%; overflow: hidden\">\n <div fd-bar barDesign=\"header\" [clear]=\"true\" fd-settings-header>\n <div fd-bar-left>\n @if (viewMode() !== 'lg') {\n <fd-bar-element>\n <button\n fd-button\n fd-settings-header-button\n fdkInitialFocus\n fdType=\"transparent\"\n [glyph]=\"navigationArrow()\"\n [ariaLabel]=\"backBtnAriaLabel()\"\n [title]=\"backBtnAriaLabel()\"\n (click)=\"onHeaderBackClick()\"\n ></button>\n </fd-bar-element>\n }\n <fd-bar-element>\n <div\n role=\"heading\"\n [attr.aria-level]=\"detailsAreaTitleHeading()\"\n fd-title\n [headerSize]=\"detailsAreaTitleHeadingSize()\"\n >\n {{ activeTitle() }}\n </div>\n </fd-bar-element>\n </div>\n </div>\n <ng-container #container />\n </div>\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-content-container]',\n host: {\n class: 'fd-settings__content-container'\n },\n standalone: true\n})\nexport class SettingsContentContainerDirective {}\n","import { Directive, booleanAttribute, input } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-content]',\n host: {\n class: 'fd-settings__content',\n '[class.fd-settings__content--no-background]': 'noBackground()',\n '[class.fd-settings__content--no-padding]': 'noPadding()'\n },\n standalone: true\n})\nexport class SettingsContentDirective {\n /**\n * Whether the content should be without paddings.\n * Default value is false.\n */\n noPadding = input(false, { transform: booleanAttribute });\n\n /**\n * Whether the content should be without background.\n * Default value is false.\n */\n noBackground = input(false, { transform: booleanAttribute });\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-dialog-body]',\n host: {\n class: 'fd-settings__dialog-body'\n },\n standalone: true\n})\nexport class SettingsDialogBodyDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-dialog-content]',\n host: {\n class: 'fd-settings__dialog-content'\n },\n standalone: true\n})\nexport class SettingsDialogContentDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-list-area]',\n host: {\n class: 'fd-settings__list-area'\n },\n standalone: true\n})\nexport class SettingsListAreaDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-list-container]',\n host: {\n class: 'fd-settings__list-container'\n },\n standalone: true\n})\nexport class SettingsListContainerDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-profile-card-name]',\n host: {\n class: 'fd-settings__profile-card-name'\n },\n standalone: true\n})\nexport class SettingsProfileCardNameDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-profile-card-subline]',\n host: {\n class: 'fd-settings__profile-card-subline'\n },\n standalone: true\n})\nexport class SettingsProfileCardSublineDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-settings-profile-card]',\n host: {\n class: 'fd-settings__profile-card'\n },\n standalone: true\n})\nexport class SettingsProfileCardDirective {}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-settings]',\n template: ` <ng-content></ng-content>`,\n host: {\n class: 'fd-settings'\n },\n styleUrl: './settings.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class SettingsComponent {}\n","import { NgModule } from '@angular/core';\n\nimport { SettingsContainerComponent } from './settings-container/settings-container.component';\nimport { SettingsContentContainerDirective } from './settings-content-container/settings-content-container.directive';\nimport { SettingsContentDirective } from './settings-content/settings-content.directive';\nimport { SettingsDetailAreaDirective } from './settings-detail-area/settings-detail-area.directive';\nimport { SettingsDialogBodyDirective } from './settings-dialog-body/settings-dialog-body.directive';\nimport { SettingsDialogContentDirective } from './settings-dialog-content/settings-dialog-content.directive';\nimport { SettingsHeaderButtonDirective } from './settings-header-button/settings-header-button.directive';\nimport { SettingsHeaderDirective } from './settings-header/settings-header.directive';\nimport { SettingsListAreaDirective } from './settings-list-area/settings-list-area.directive';\nimport { SettingsListContainerDirective } from './settings-list-container/settings-list-container.directive';\nimport { SettingsProfileCardNameDirective } from './settings-profile-card-name/settings-profile-card-name.directive';\nimport { SettingsProfileCardSublineDirective } from './settings-profile-card-subline/settings-profile-card-subline.directive';\nimport { SettingsProfileCardDirective } from './settings-profile-card/settings-profile-card.directive';\nimport { SettingsComponent } from './settings.component';\n\nconst components = [\n SettingsListAreaDirective,\n SettingsDetailAreaDirective,\n SettingsListContainerDirective,\n SettingsContentDirective,\n SettingsContentContainerDirective,\n SettingsProfileCardDirective,\n SettingsProfileCardNameDirective,\n SettingsProfileCardSublineDirective,\n SettingsHeaderDirective,\n SettingsHeaderButtonDirective,\n SettingsDialogContentDirective,\n SettingsDialogBodyDirective,\n SettingsContainerComponent,\n SettingsComponent\n];\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class SettingsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}