@fundamental-ngx/core 0.62.0-rc.9 → 0.62.0-rc.91

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 (190) hide show
  1. package/README.md +24 -99
  2. package/fesm2022/fundamental-ngx-core-action-bar.mjs +2 -2
  3. package/fesm2022/fundamental-ngx-core-action-bar.mjs.map +1 -1
  4. package/fesm2022/fundamental-ngx-core-action-sheet.mjs +2 -2
  5. package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
  6. package/fesm2022/fundamental-ngx-core-avatar-group.mjs +3 -3
  7. package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
  8. package/fesm2022/fundamental-ngx-core-avatar.mjs +2 -2
  9. package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
  10. package/fesm2022/fundamental-ngx-core-bar.mjs +48 -81
  11. package/fesm2022/fundamental-ngx-core-bar.mjs.map +1 -1
  12. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +124 -13
  13. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
  14. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +27 -5
  15. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
  16. package/fesm2022/fundamental-ngx-core-button.mjs +216 -63
  17. package/fesm2022/fundamental-ngx-core-button.mjs.map +1 -1
  18. package/fesm2022/fundamental-ngx-core-calendar.mjs +2 -2
  19. package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
  20. package/fesm2022/fundamental-ngx-core-card.mjs +340 -424
  21. package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
  22. package/fesm2022/fundamental-ngx-core-carousel.mjs +8 -9
  23. package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
  24. package/fesm2022/fundamental-ngx-core-checkbox.mjs +2 -2
  25. package/fesm2022/fundamental-ngx-core-combobox.mjs +2 -2
  26. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  27. package/fesm2022/fundamental-ngx-core-date-picker.mjs +1 -1
  28. package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
  29. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +1 -1
  30. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
  31. package/fesm2022/fundamental-ngx-core-dialog.mjs +69 -56
  32. package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
  33. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +43 -18
  34. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
  35. package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +2 -2
  36. package/fesm2022/fundamental-ngx-core-facets.mjs +2 -2
  37. package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
  38. package/fesm2022/fundamental-ngx-core-feed-input.mjs +2 -2
  39. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +9 -9
  40. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs.map +1 -1
  41. package/fesm2022/fundamental-ngx-core-file-uploader.mjs +2 -2
  42. package/fesm2022/fundamental-ngx-core-file-uploader.mjs.map +1 -1
  43. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +17 -9
  44. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
  45. package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +2 -2
  46. package/fesm2022/fundamental-ngx-core-form.mjs +22 -28
  47. package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
  48. package/fesm2022/fundamental-ngx-core-generic-tag.mjs +2 -2
  49. package/fesm2022/fundamental-ngx-core-generic-tag.mjs.map +1 -1
  50. package/fesm2022/fundamental-ngx-core-grid-list.mjs +4 -4
  51. package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
  52. package/fesm2022/fundamental-ngx-core-icon.mjs +2 -2
  53. package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
  54. package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
  55. package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
  56. package/fesm2022/fundamental-ngx-core-inline-help.mjs +34 -15
  57. package/fesm2022/fundamental-ngx-core-inline-help.mjs.map +1 -1
  58. package/fesm2022/fundamental-ngx-core-input-group.mjs +2 -2
  59. package/fesm2022/fundamental-ngx-core-input-group.mjs.map +1 -1
  60. package/fesm2022/fundamental-ngx-core-layout-grid.mjs +2 -2
  61. package/fesm2022/fundamental-ngx-core-layout-panel.mjs +2 -2
  62. package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
  63. package/fesm2022/fundamental-ngx-core-link.mjs +6 -6
  64. package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
  65. package/fesm2022/fundamental-ngx-core-list.mjs +54 -18
  66. package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
  67. package/fesm2022/fundamental-ngx-core-menu.mjs +74 -52
  68. package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
  69. package/fesm2022/fundamental-ngx-core-message-box.mjs +78 -42
  70. package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
  71. package/fesm2022/fundamental-ngx-core-message-page.mjs +2 -2
  72. package/fesm2022/fundamental-ngx-core-message-strip.mjs +9 -9
  73. package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
  74. package/fesm2022/fundamental-ngx-core-message-toast.mjs +2 -2
  75. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +2 -2
  76. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +81 -37
  77. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  78. package/fesm2022/fundamental-ngx-core-multi-input.mjs +2 -2
  79. package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
  80. package/fesm2022/fundamental-ngx-core-notification.mjs +8 -8
  81. package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
  82. package/fesm2022/fundamental-ngx-core-object-attribute.mjs +2 -2
  83. package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
  84. package/fesm2022/fundamental-ngx-core-object-identifier.mjs.map +1 -1
  85. package/fesm2022/fundamental-ngx-core-object-marker.mjs +2 -2
  86. package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
  87. package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
  88. package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
  89. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +8 -11
  90. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
  91. package/fesm2022/fundamental-ngx-core-pagination.mjs +2 -2
  92. package/fesm2022/fundamental-ngx-core-panel.mjs +57 -103
  93. package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
  94. package/fesm2022/fundamental-ngx-core-popover.mjs +154 -18
  95. package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
  96. package/fesm2022/fundamental-ngx-core-product-switch.mjs +25 -29
  97. package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
  98. package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +2 -2
  99. package/fesm2022/fundamental-ngx-core-quick-view.mjs +34 -20
  100. package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
  101. package/fesm2022/fundamental-ngx-core-radio.mjs +2 -2
  102. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +2 -2
  103. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
  104. package/fesm2022/fundamental-ngx-core-segmented-button.mjs +12 -18
  105. package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
  106. package/fesm2022/fundamental-ngx-core-select.mjs +14 -5
  107. package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
  108. package/fesm2022/fundamental-ngx-core-settings.mjs +4 -4
  109. package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
  110. package/fesm2022/fundamental-ngx-core-shellbar.mjs +4 -4
  111. package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
  112. package/fesm2022/fundamental-ngx-core-side-navigation.mjs +10 -4
  113. package/fesm2022/fundamental-ngx-core-side-navigation.mjs.map +1 -1
  114. package/fesm2022/fundamental-ngx-core-skeleton.mjs +2 -2
  115. package/fesm2022/fundamental-ngx-core-slider.mjs +2 -2
  116. package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
  117. package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
  118. package/fesm2022/fundamental-ngx-core-split-button.mjs.map +1 -1
  119. package/fesm2022/fundamental-ngx-core-status-indicator.mjs +2 -2
  120. package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
  121. package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
  122. package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
  123. package/fesm2022/fundamental-ngx-core-table.mjs +4 -4
  124. package/fesm2022/fundamental-ngx-core-table.mjs.map +1 -1
  125. package/fesm2022/fundamental-ngx-core-tabs.mjs +22 -28
  126. package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
  127. package/fesm2022/fundamental-ngx-core-text.mjs +2 -2
  128. package/fesm2022/fundamental-ngx-core-text.mjs.map +1 -1
  129. package/fesm2022/fundamental-ngx-core-tile.mjs +2 -2
  130. package/fesm2022/fundamental-ngx-core-time.mjs +2 -2
  131. package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
  132. package/fesm2022/fundamental-ngx-core-timeline.mjs +10 -10
  133. package/fesm2022/fundamental-ngx-core-timeline.mjs.map +1 -1
  134. package/fesm2022/fundamental-ngx-core-title.mjs +2 -2
  135. package/fesm2022/fundamental-ngx-core-title.mjs.map +1 -1
  136. package/fesm2022/fundamental-ngx-core-token.mjs +101 -113
  137. package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
  138. package/fesm2022/fundamental-ngx-core-toolbar.mjs +36 -10
  139. package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
  140. package/fesm2022/fundamental-ngx-core-tree.mjs +8 -7
  141. package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
  142. package/fesm2022/fundamental-ngx-core-upload-collection.mjs +4 -4
  143. package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
  144. package/fesm2022/fundamental-ngx-core-user-menu.mjs +7 -13
  145. package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
  146. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +4 -4
  147. package/fesm2022/fundamental-ngx-core-wizard.mjs +2 -2
  148. package/package.json +5 -6
  149. package/schematics/add-dependencies/index.d.ts +1 -1
  150. package/schematics/add-dependencies/index.js +3 -11
  151. package/schematics/add-dependencies/index.js.map +1 -1
  152. package/schematics/collection.json +0 -6
  153. package/schematics/models/schema.d.ts +0 -1
  154. package/schematics/ng-add/index.js +1 -5
  155. package/schematics/ng-add/index.js.map +1 -1
  156. package/schematics/ng-add/schema.json +0 -6
  157. package/types/fundamental-ngx-core-bar.d.ts +37 -54
  158. package/types/fundamental-ngx-core-breadcrumb.d.ts +34 -2
  159. package/types/fundamental-ngx-core-busy-indicator.d.ts +6 -1
  160. package/types/fundamental-ngx-core-button.d.ts +164 -32
  161. package/types/fundamental-ngx-core-card.d.ts +232 -291
  162. package/types/fundamental-ngx-core-carousel.d.ts +2 -3
  163. package/types/fundamental-ngx-core-dialog.d.ts +9 -10
  164. package/types/fundamental-ngx-core-dynamic-page.d.ts +7 -6
  165. package/types/fundamental-ngx-core-fixed-card-layout.d.ts +6 -3
  166. package/types/fundamental-ngx-core-form.d.ts +7 -10
  167. package/types/fundamental-ngx-core-inline-help.d.ts +20 -15
  168. package/types/fundamental-ngx-core-link.d.ts +4 -4
  169. package/types/fundamental-ngx-core-list.d.ts +14 -4
  170. package/types/fundamental-ngx-core-menu.d.ts +26 -12
  171. package/types/fundamental-ngx-core-message-box.d.ts +8 -7
  172. package/types/fundamental-ngx-core-mobile-mode.d.ts +6 -2
  173. package/types/fundamental-ngx-core-multi-combobox.d.ts +18 -1
  174. package/types/fundamental-ngx-core-overflow-layout.d.ts +2 -3
  175. package/types/fundamental-ngx-core-panel.d.ts +36 -43
  176. package/types/fundamental-ngx-core-popover.d.ts +48 -3
  177. package/types/fundamental-ngx-core-product-switch.d.ts +20 -24
  178. package/types/fundamental-ngx-core-quick-view.d.ts +18 -5
  179. package/types/fundamental-ngx-core-segmented-button.d.ts +3 -4
  180. package/types/fundamental-ngx-core-select.d.ts +5 -0
  181. package/types/fundamental-ngx-core-side-navigation.d.ts +4 -0
  182. package/types/fundamental-ngx-core-tabs.d.ts +5 -10
  183. package/types/fundamental-ngx-core-timeline.d.ts +4 -4
  184. package/types/fundamental-ngx-core-token.d.ts +42 -48
  185. package/types/fundamental-ngx-core-toolbar.d.ts +9 -1
  186. package/types/fundamental-ngx-core-user-menu.d.ts +1 -5
  187. package/schematics/add-animations/index.d.ts +0 -7
  188. package/schematics/add-animations/index.js +0 -81
  189. package/schematics/add-animations/index.js.map +0 -1
  190. package/schematics/add-animations/schema.json +0 -21
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # @Fundamental-NGX/Core
1
+ # @fundamental-ngx/core
2
2
 
3
3
  [![npm version](https://badge.fury.io/js/%40fundamental-ngx%2Fcore.svg)](//www.npmjs.com/package/@fundamental-ngx/core)
4
4
  ![Build Status](https://github.com/SAP/fundamental-ngx/actions/workflows/create-release.yml/badge.svg?branch=main)
@@ -6,120 +6,45 @@
6
6
  [![Slack](https://img.shields.io/badge/slack-ui--fundamentals-blue.svg?logo=slack)](https://ui-fundamentals.slack.com)
7
7
  [![REUSE status](https://api.reuse.software/badge/github.com/SAP/fundamental-ngx)](https://api.reuse.software/info/github.com/SAP/fundamental-ngx)
8
8
 
9
- ## Content
9
+ ## Description
10
10
 
11
- - [1. Description](#1)
12
- - [2. Requirements](#2)
13
- - [3. Versioning](#3)
14
- - [4. Getting Started](#4)
15
- - [5. Known Issues](#5)
16
- - [6. Support](#6)
17
- - [7. Contributing](#7)
18
- - [8. License](https://github.com/SAP/fundamental-ngx/blob/main/LICENSE.txt)
19
- - [9. Similar Projects](#8)
11
+ `@fundamental-ngx/core` is a set of Angular components built on the SAP Design System. It provides base UI components (button, dialog, card, calendar, table, etc.) that can be customized directly in templates.
20
12
 
21
- ## <a name="1"></a>1. Description
13
+ See the [Component Documentation](https://sap.github.io/fundamental-ngx) for examples and API details.
22
14
 
23
- The `@fundamental-ngx/core` library is a set of [Angular](https://angular.io/) components built using [Fundamental Library Styles](https://sap.github.io/fundamental-styles/).
15
+ ## Requirements
24
16
 
25
- The Fundamental Library for Angular is an SAP Design System Angular component library used to build modern product user experiences with the SAP look and feel.
17
+ Angular 21 or newer. Prior knowledge of Angular is recommended.
26
18
 
27
- See [Component Documentation](https://sap.github.io/fundamental-ngx/#/core/new-component) for examples and API details.
19
+ ## Getting Started
28
20
 
29
- ## <a name="2"></a>2. Requirements
21
+ ```bash
22
+ ng add @fundamental-ngx/core
23
+ ```
30
24
 
31
- To download and use Fundamental Library for Angular, you will first need to install the [node package manager](https://www.npmjs.com/get-npm).
25
+ Import individual components (standalone by default):
32
26
 
33
- Fundamental Library for Angular is intended for use with Angular 15 or newer.
27
+ ```typescript
28
+ import { ButtonComponent } from '@fundamental-ngx/core/button';
29
+ import { DialogModule } from '@fundamental-ngx/core/dialog';
30
+ ```
34
31
 
35
- Prior knowledge of Angular is recommended, to use the fundamental-ngx library.
32
+ ## Versioning
36
33
 
37
- ## <a name="3"></a>3. Versioning
34
+ Check the [Breaking Changes](https://github.com/SAP/fundamental-ngx/wiki#breaking-changes) for upgrade guidance.
38
35
 
39
- Check the [Breaking Changes](https://github.com/SAP/fundamental-ngx/wiki#breaking-changes) for the latest patches changes.
36
+ ## Known Issues
40
37
 
41
- ## <a name="4"></a>4. Getting Started
38
+ See [Issues](https://github.com/SAP/fundamental-ngx/issues).
42
39
 
43
- For an existing Angular CLI application,
44
-
45
- 0. **Video tutorial**
46
- [How to use the Fundamental Core Library](https://www.youtube.com/watch?v=i4VIiuzD2Fg)
47
-
48
- 1. **Install Fundamental-NGX.**
49
- `ng add @fundamental-ngx/core`
50
- For models prior to 0.10 use `fundamental-ngx`
51
-
52
- _If you do not use the Angular CLI or if this command does not work for you, please see the [full installation guide](https://github.com/SAP/fundamental-ngx/wiki/Full-Installation-Guide)._
53
-
54
- 1. **Edit your tsconfig.**
55
- Edit the `target` in your `tsconfig.json` to `es5`. The library is incompatible with later versions.
56
- 1. **Import the modules you want to use.**
57
-
58
- To add the entire library, add the following import to your main application module.
59
-
60
- ```typescript
61
- import { FundamentalNgxCoreModule } from '@fundamental-ngx/core';
62
-
63
- @NgModule({
64
- ...
65
- imports: [FundamentalNgxCoreModule],
66
- })
67
- export class DemoModule { }
68
- ```
69
-
70
- To include an individual Angular Fundamental component in your application, you only need to import the relevant module.
71
-
72
- For example, to use Switchs, add the following import to your main application module.
73
-
74
- ```typescript
75
- import { CheckboxModule } from '@fundamental-ngx/core';
76
- ```
77
-
78
- Version 0.31.0 brings new way of importing individual modules, which is prefered way.
79
-
80
- ```typescript
81
- import { CheckboxModule } from '@fundamental-ngx/core/checkbox';
82
- ```
83
-
84
- For models prior to 0.10 use `fundamental-ngx`
85
-
86
- ```typescript
87
- import { CheckboxModule } from 'fundamental-ngx';
88
-
89
- @NgModule({
90
- ...
91
- imports: [CheckboxModule],
92
- })
93
- export class DemoModule { }
94
- ```
95
-
96
- 1. **Provide the RtlService.**
97
- In your main application module, add `RtlService` to the list of providers. This service is needed to ensure proper right-to-left functionality for
98
- users with their browser set to an RTL language.
99
- 1. **Provide the ContentDensityService.**
100
- In your main application module, you will also need to add `ContentDensityService` to the list of providers if you wish to manage the content density of
101
- you application from a single point.
102
-
103
- 1. **Add the component to your HTML.**
104
-
105
- ```html
106
- <fd-checkbox label="Fundamental Ngx Checkbox"></fd-checkbox>
107
- ```
108
-
109
- ## <a name="5"></a>5. Known Issues
110
-
111
- Please see [Issues](https://github.com/SAP/fundamental-ngx/issues).
112
-
113
- ## <a name="6"></a>6. Support
40
+ ## Support
114
41
 
115
42
  If you encounter an issue, you can [create a ticket](https://github.com/SAP/fundamental-ngx/issues).
116
43
 
117
- ## <a name="7"></a>7. Contributing
118
-
119
- If you want to contribute, please check the [CONTRIBUTING.md](https://github.com/SAP/fundamental-ngx/blob/main/CONTRIBUTING.md) documentation for contribution guidelines. Please follow the [Angular commit message guidelines](https://github.com/angular/angular/blob/main/CONTRIBUTING.md#commit).
44
+ ## Contributing
120
45
 
121
- Check out the [NEW_COMPONENT.md](https://github.com/SAP/fundamental-ngx/blob/main/NEW_COMPONENT.md) guide on building a new component for the library and creating the necessary documentation for your new component.
46
+ See [CONTRIBUTING.md](https://github.com/SAP/fundamental-ngx/blob/main/CONTRIBUTING.md) for guidelines and [NEW_COMPONENT.md](https://github.com/SAP/fundamental-ngx/blob/main/NEW_COMPONENT.md) for building new components.
122
47
 
123
- ## <a name="9"></a>8. Similar Projects
48
+ ## License
124
49
 
125
- [Fundamental-react](https://github.com/SAP/fundamental-react) - React implementation of Fundamental Library Styles
50
+ See [LICENSE.txt](https://github.com/SAP/fundamental-ngx/blob/main/LICENSE.txt).
@@ -185,13 +185,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
185
185
  */
186
186
  class ActionBarComponent {
187
187
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
188
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: ActionBarComponent, isStandalone: true, selector: "[fd-action-bar]", host: { classAttribute: "fd-action-bar" }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-action-bar{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;line-height:normal;margin-block:0;margin-inline:0;max-height:4.25rem;min-height:3rem;padding-block:0;padding-inline:0;word-wrap:break-word;padding-block:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapPageHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);justify-content:space-between;padding-inline:var(--fdActionBarInlinePadding,2rem)}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:2rem}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{border:0;-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(min-width:320px){.fd-action-bar__back{display:none!important}}@media(min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__title{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;line-height:normal;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;margin-block:0;margin-inline:0;vertical-align:middle;-webkit-padding-end:.5rem;color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);padding-inline-end:.5rem;text-rendering:optimizeLegibility}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__description{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(min-width:320px){.fd-action-bar__description{display:none!important}}@media(min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.fd-action-bar__actions{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-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;height:2rem;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{--fdActionBarInlinePadding:1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{--fdActionBarInlinePadding:2rem}.fd-action-bar--xl{--fdActionBarInlinePadding:3rem}.fd-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--fdTitle_Font_Size:1rem;--fdTitle_Color:var(--sapTextColor);--fdTitle_Font_Family:var(--sapFontHeaderFamily);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdTitle_Color);font-family:var(--sapFontFamily);font-family:var(--fdTitle_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdTitle_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-title:after,.fd-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-title--h1{--fdTitle_Font_Size:var(--sapFontHeader1Size)}.fd-title--h2{--fdTitle_Font_Size:var(--sapFontHeader2Size)}.fd-title--h3{--fdTitle_Font_Size:var(--sapFontHeader3Size)}.fd-title--h4{--fdTitle_Font_Size:var(--sapFontHeader4Size)}.fd-title--h5{--fdTitle_Font_Size:var(--sapFontHeader5Size)}.fd-title--h6{--fdTitle_Font_Size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n/*! Bundled license information:\n\nfundamental-styles/dist/title.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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
188
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: ActionBarComponent, isStandalone: true, selector: "[fd-action-bar]", host: { classAttribute: "fd-action-bar" }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-action-bar{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;line-height:normal;margin-block:0;margin-inline:0;max-height:4.25rem;min-height:3rem;padding-block:0;padding-inline:0;word-wrap:break-word;padding-block:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapPageHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);justify-content:space-between;padding-inline:var(--fdActionBarInlinePadding,2rem)}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:2rem}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{border:0;-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(min-width:320px){.fd-action-bar__back{display:none!important}}@media(min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__title{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;line-height:normal;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;margin-block:0;margin-inline:0;vertical-align:middle;-webkit-padding-end:.5rem;color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);padding-inline-end:.5rem;text-rendering:optimizeLegibility}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__description{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(min-width:320px){.fd-action-bar__description{display:none!important}}@media(min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.fd-action-bar__actions{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-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;height:2rem;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{--fdActionBarInlinePadding:1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{--fdActionBarInlinePadding:2rem}.fd-action-bar--xl{--fdActionBarInlinePadding:3rem}.fd-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--fdTitle_Font_Size:1rem;--fdTitle_Color:var(--sapTextColor);--fdTitle_Font_Family:var(--sapFontHeaderFamily);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdTitle_Color);font-family:var(--sapFontFamily);font-family:var(--fdTitle_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdTitle_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-title:after,.fd-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-title--h1{--fdTitle_Font_Size:var(--sapFontHeader1Size)}.fd-title--h2{--fdTitle_Font_Size:var(--sapFontHeader2Size)}.fd-title--h3{--fdTitle_Font_Size:var(--sapFontHeader3Size)}.fd-title--h4{--fdTitle_Font_Size:var(--sapFontHeader4Size)}.fd-title--h5{--fdTitle_Font_Size:var(--sapFontHeader5Size)}.fd-title--h6{--fdTitle_Font_Size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}.fd-title--two-line-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}\n/*! Bundled license information:\n\nfundamental-styles/dist/title.css:\n (*!\n * Fundamental Library Styles v0.41.4\n * Copyright (c) 2026 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
189
189
  }
190
190
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ActionBarComponent, decorators: [{
191
191
  type: Component,
192
192
  args: [{ selector: '[fd-action-bar]', template: ` <ng-content></ng-content>`, host: {
193
193
  class: 'fd-action-bar'
194
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".fd-action-bar{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;line-height:normal;margin-block:0;margin-inline:0;max-height:4.25rem;min-height:3rem;padding-block:0;padding-inline:0;word-wrap:break-word;padding-block:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapPageHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);justify-content:space-between;padding-inline:var(--fdActionBarInlinePadding,2rem)}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:2rem}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{border:0;-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(min-width:320px){.fd-action-bar__back{display:none!important}}@media(min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__title{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;line-height:normal;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;margin-block:0;margin-inline:0;vertical-align:middle;-webkit-padding-end:.5rem;color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);padding-inline-end:.5rem;text-rendering:optimizeLegibility}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__description{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(min-width:320px){.fd-action-bar__description{display:none!important}}@media(min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.fd-action-bar__actions{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-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;height:2rem;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{--fdActionBarInlinePadding:1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{--fdActionBarInlinePadding:2rem}.fd-action-bar--xl{--fdActionBarInlinePadding:3rem}.fd-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--fdTitle_Font_Size:1rem;--fdTitle_Color:var(--sapTextColor);--fdTitle_Font_Family:var(--sapFontHeaderFamily);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdTitle_Color);font-family:var(--sapFontFamily);font-family:var(--fdTitle_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdTitle_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-title:after,.fd-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-title--h1{--fdTitle_Font_Size:var(--sapFontHeader1Size)}.fd-title--h2{--fdTitle_Font_Size:var(--sapFontHeader2Size)}.fd-title--h3{--fdTitle_Font_Size:var(--sapFontHeader3Size)}.fd-title--h4{--fdTitle_Font_Size:var(--sapFontHeader4Size)}.fd-title--h5{--fdTitle_Font_Size:var(--sapFontHeader5Size)}.fd-title--h6{--fdTitle_Font_Size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n/*! Bundled license information:\n\nfundamental-styles/dist/title.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"] }]
194
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".fd-action-bar{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;line-height:normal;margin-block:0;margin-inline:0;max-height:4.25rem;min-height:3rem;padding-block:0;padding-inline:0;word-wrap:break-word;padding-block:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapPageHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);justify-content:space-between;padding-inline:var(--fdActionBarInlinePadding,2rem)}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:2rem}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{border:0;-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(min-width:320px){.fd-action-bar__back{display:none!important}}@media(min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__title{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;line-height:normal;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;margin-block:0;margin-inline:0;vertical-align:middle;-webkit-padding-end:.5rem;color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);padding-inline-end:.5rem;text-rendering:optimizeLegibility}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__description{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(min-width:320px){.fd-action-bar__description{display:none!important}}@media(min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.fd-action-bar__actions{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-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;height:2rem;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{--fdActionBarInlinePadding:1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{--fdActionBarInlinePadding:2rem}.fd-action-bar--xl{--fdActionBarInlinePadding:3rem}.fd-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--fdTitle_Font_Size:1rem;--fdTitle_Color:var(--sapTextColor);--fdTitle_Font_Family:var(--sapFontHeaderFamily);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdTitle_Color);font-family:var(--sapFontFamily);font-family:var(--fdTitle_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdTitle_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-title:after,.fd-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-title--h1{--fdTitle_Font_Size:var(--sapFontHeader1Size)}.fd-title--h2{--fdTitle_Font_Size:var(--sapFontHeader2Size)}.fd-title--h3{--fdTitle_Font_Size:var(--sapFontHeader3Size)}.fd-title--h4{--fdTitle_Font_Size:var(--sapFontHeader4Size)}.fd-title--h5{--fdTitle_Font_Size:var(--sapFontHeader5Size)}.fd-title--h6{--fdTitle_Font_Size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}.fd-title--two-line-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}\n/*! Bundled license information:\n\nfundamental-styles/dist/title.css:\n (*!\n * Fundamental Library Styles v0.41.4\n * Copyright (c) 2026 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"] }]
195
195
  }] });
196
196
 
197
197
  const components = [
@@ -1 +1 @@
1
- {"version":3,"file":"fundamental-ngx-core-action-bar.mjs","sources":["../../../../libs/core/action-bar/action-bar-actions/action-bar-actions.directive.ts","../../../../libs/core/action-bar/action-bar-back/action-bar-back.directive.ts","../../../../libs/core/action-bar/action-bar-description/action-bar-description.directive.ts","../../../../libs/core/action-bar/action-bar-header/action-bar-header.directive.ts","../../../../libs/core/action-bar/action-bar-mobile/action-bar-mobile.directive.ts","../../../../libs/core/action-bar/action-bar-title/action-bar-title.component.ts","../../../../libs/core/action-bar/action-bar.component.ts","../../../../libs/core/action-bar/action-bar.module.ts","../../../../libs/core/action-bar/fundamental-ngx-core-action-bar.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * This component holds the right-aligned action buttons for the action bar.\n *\n * ```html\n * <div fd-action-bar>\n * <div fd-action-bar-actions>\n * <button fd-button [fdType]=\"'primary'\">Cancel</button>\n * <button fd-button [fdType]=\"'main'\">Save</button>\n * </div>\n * </div>\n * ```\n */\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-action-bar-actions]',\n host: {\n class: 'fd-action-bar__actions'\n }\n})\nexport class ActionBarActionsDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The left-aligned back button for the action bar.\n *\n * ```html\n * <div fd-action-bar>\n * <div fd-action-bar-back>\n * <button aria-label=\"back\" fd-button [fdType]=\"'transparent'\" [compact]=\"true\" [glyph]=\"'nav-back'\"></button>\n * </div>\n * </div>\n * ```\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-action-bar-back]',\n host: {\n class: 'fd-action-bar__back'\n }\n})\nexport class ActionBarBackDirective {}\n","import { Directive, input } from '@angular/core';\n\n/**\n * The action bar description.\n *\n * ```html\n * <div fd-action-bar>\n * <div fd-action-bar-header>\n * <div fd-action-bar-description>Page Description</div>\n * </div>\n * <div>\n * ```\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-action-bar-description]',\n host: {\n class: 'fd-action-bar__description',\n '[class.fd-action-bar__description--back]': 'withBackBtn()'\n }\n})\nexport class ActionBarDescriptionDirective {\n /** Whether the action bar also has a back button. */\n readonly withBackBtn = input(false);\n}\n","import { Directive } from '@angular/core';\n\n/**\n * The action bar header, which contains the action bar's title and description components.\n *\n * ```html\n * <div fd-action-bar>\n * <div fd-action-bar-header>\n * </div>\n * </div>\n * ```\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-action-bar-header]',\n host: {\n class: 'fd-action-bar__header'\n }\n})\nexport class ActionBarHeaderDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The action bar mobile component. This component should wrap all other action bar components, including the `[fd-action-bar]`.\n *\n * ```html\n * <div fd-action-bar-mobile>\n * <div fd-action-bar>\n * </div>\n * </div>\n * ```\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-action-bar-mobile]',\n host: {\n class: 'fd-action-bar__mobile'\n }\n})\nexport class ActionBarMobileDirective {}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * The action bar title component.\n *\n * ```html\n * <fd-action-bar>\n * <div fd-action-bar-header>\n * <div fd-action-bar-title>Page Title</div>\n * </div>\n * <fd-action-bar>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-action-bar-title]',\n template: `\n <h2 class=\"fd-title fd-title--h3\">\n <ng-content></ng-content>\n </h2>\n `,\n host: {\n class: 'fd-action-bar__title'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionBarTitleComponent {}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Children usage:\n * ```html\n * <div fd-action-bar-actions>\n * <div fd-action-bar-back>\n * <div fd-action-bar-description>\n * <div fd-action-bar-header>\n * <div fd-action-bar-mobile>\n * <div fd-action-bar-title>\n * ```\n */\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-action-bar]',\n template: ` <ng-content></ng-content>`,\n host: {\n class: 'fd-action-bar'\n },\n styleUrl: './action-bar.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionBarComponent {}\n","import { NgModule } from '@angular/core';\n\nimport { ActionBarActionsDirective } from './action-bar-actions/action-bar-actions.directive';\nimport { ActionBarBackDirective } from './action-bar-back/action-bar-back.directive';\nimport { ActionBarDescriptionDirective } from './action-bar-description/action-bar-description.directive';\nimport { ActionBarHeaderDirective } from './action-bar-header/action-bar-header.directive';\nimport { ActionBarMobileDirective } from './action-bar-mobile/action-bar-mobile.directive';\nimport { ActionBarTitleComponent } from './action-bar-title/action-bar-title.component';\nimport { ActionBarComponent } from './action-bar.component';\n\nconst components = [\n ActionBarComponent,\n ActionBarTitleComponent,\n ActionBarDescriptionDirective,\n ActionBarHeaderDirective,\n ActionBarActionsDirective,\n ActionBarBackDirective,\n ActionBarMobileDirective\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 ActionBarModule {}\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-action-bar.mjs","sources":["../../../../libs/core/action-bar/action-bar-actions/action-bar-actions.directive.ts","../../../../libs/core/action-bar/action-bar-back/action-bar-back.directive.ts","../../../../libs/core/action-bar/action-bar-description/action-bar-description.directive.ts","../../../../libs/core/action-bar/action-bar-header/action-bar-header.directive.ts","../../../../libs/core/action-bar/action-bar-mobile/action-bar-mobile.directive.ts","../../../../libs/core/action-bar/action-bar-title/action-bar-title.component.ts","../../../../libs/core/action-bar/action-bar.component.ts","../../../../libs/core/action-bar/action-bar.module.ts","../../../../libs/core/action-bar/fundamental-ngx-core-action-bar.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * This component holds the right-aligned action buttons for the action bar.\n *\n * ```html\n * <div fd-action-bar>\n * <div fd-action-bar-actions>\n * <button fd-button [fdType]=\"'primary'\">Cancel</button>\n * <button fd-button [fdType]=\"'main'\">Save</button>\n * </div>\n * </div>\n * ```\n */\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-action-bar-actions]',\n host: {\n class: 'fd-action-bar__actions'\n }\n})\nexport class ActionBarActionsDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The left-aligned back button for the action bar.\n *\n * ```html\n * <div fd-action-bar>\n * <div fd-action-bar-back>\n * <button aria-label=\"back\" fd-button [fdType]=\"'transparent'\" [compact]=\"true\" [glyph]=\"'nav-back'\"></button>\n * </div>\n * </div>\n * ```\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-action-bar-back]',\n host: {\n class: 'fd-action-bar__back'\n }\n})\nexport class ActionBarBackDirective {}\n","import { Directive, input } from '@angular/core';\n\n/**\n * The action bar description.\n *\n * ```html\n * <div fd-action-bar>\n * <div fd-action-bar-header>\n * <div fd-action-bar-description>Page Description</div>\n * </div>\n * <div>\n * ```\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-action-bar-description]',\n host: {\n class: 'fd-action-bar__description',\n '[class.fd-action-bar__description--back]': 'withBackBtn()'\n }\n})\nexport class ActionBarDescriptionDirective {\n /** Whether the action bar also has a back button. */\n readonly withBackBtn = input(false);\n}\n","import { Directive } from '@angular/core';\n\n/**\n * The action bar header, which contains the action bar's title and description components.\n *\n * ```html\n * <div fd-action-bar>\n * <div fd-action-bar-header>\n * </div>\n * </div>\n * ```\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-action-bar-header]',\n host: {\n class: 'fd-action-bar__header'\n }\n})\nexport class ActionBarHeaderDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The action bar mobile component. This component should wrap all other action bar components, including the `[fd-action-bar]`.\n *\n * ```html\n * <div fd-action-bar-mobile>\n * <div fd-action-bar>\n * </div>\n * </div>\n * ```\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-action-bar-mobile]',\n host: {\n class: 'fd-action-bar__mobile'\n }\n})\nexport class ActionBarMobileDirective {}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * The action bar title component.\n *\n * ```html\n * <fd-action-bar>\n * <div fd-action-bar-header>\n * <div fd-action-bar-title>Page Title</div>\n * </div>\n * <fd-action-bar>\n * ```\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-action-bar-title]',\n template: `\n <h2 class=\"fd-title fd-title--h3\">\n <ng-content></ng-content>\n </h2>\n `,\n host: {\n class: 'fd-action-bar__title'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionBarTitleComponent {}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Children usage:\n * ```html\n * <div fd-action-bar-actions>\n * <div fd-action-bar-back>\n * <div fd-action-bar-description>\n * <div fd-action-bar-header>\n * <div fd-action-bar-mobile>\n * <div fd-action-bar-title>\n * ```\n */\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-action-bar]',\n template: ` <ng-content></ng-content>`,\n host: {\n class: 'fd-action-bar'\n },\n styleUrl: './action-bar.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionBarComponent {}\n","import { NgModule } from '@angular/core';\n\nimport { ActionBarActionsDirective } from './action-bar-actions/action-bar-actions.directive';\nimport { ActionBarBackDirective } from './action-bar-back/action-bar-back.directive';\nimport { ActionBarDescriptionDirective } from './action-bar-description/action-bar-description.directive';\nimport { ActionBarHeaderDirective } from './action-bar-header/action-bar-header.directive';\nimport { ActionBarMobileDirective } from './action-bar-mobile/action-bar-mobile.directive';\nimport { ActionBarTitleComponent } from './action-bar-title/action-bar-title.component';\nimport { ActionBarComponent } from './action-bar.component';\n\nconst components = [\n ActionBarComponent,\n ActionBarTitleComponent,\n ActionBarDescriptionDirective,\n ActionBarHeaderDirective,\n ActionBarActionsDirective,\n ActionBarBackDirective,\n ActionBarMobileDirective\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 ActionBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -395,11 +395,11 @@ class ActionSheetComponent {
395
395
  });
396
396
  }
397
397
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
398
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: ActionSheetComponent, isStandalone: true, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers", controlTitle: "controlTitle", controlTitleHeading: "controlTitleHeading" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, providers: [KeyboardSupportService, DynamicComponentService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "@if (!mobile) {\n <fd-popover\n [placement]=\"placement\"\n [isOpen]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n >\n <fd-popover-control>\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template [ngTemplateOutlet]=\"actionSheetBodyTemplate\"></ng-template>\n </fd-popover-body>\n </fd-popover>\n} @else {\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n}\n<ng-template #actionSheetBodyTemplate>\n @if (mobile && controlTitle) {\n <div\n class=\"fd-bar fd-action-sheet__bar\"\n role=\"toolbar\"\n [attr.aria-label]=\"('coreActionSheet.toolbarLabel' | fdTranslate)()\"\n >\n <div class=\"fd-bar__left\">\n <div class=\"fd-bar__element\">\n <div role=\"heading\" [ariaLevel]=\"controlTitleHeading\" class=\"fd-action-sheet__title\">\n {{ controlTitle }}\n </div>\n </div>\n </div>\n </div>\n }\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: [".fd-action-sheet{--fdActionSheet_Padding_Block:.25rem;--fdActionSheet_Padding_Inline:.5rem;--fdActionSheet_Item_Padding_Block:.25rem;--fdActionSheet_Item_Padding_Inline:0;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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdActionSheet_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Padding_Inline);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{border:0;-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdActionSheet_Item_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Item_Padding_Inline);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--sapBlockLayer_Opacity)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar{border-radius:var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius) 0 0;-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2);width:calc(100% - var(--sapGroup_BorderWidth)*2);-webkit-margin-start:.0625rem;margin-inline-start:.0625rem}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar+.fd-action-sheet{border-radius:0 0 var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius)}.fd-action-sheet__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapPageHeader_TextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding_Block:.1875rem;--fdActionSheet_Padding_Inline:.375rem;--fdActionSheet_Item_Padding_Block:.1875rem;--fdActionSheet_Item_Padding_Inline:0}.fd-action-sheet--mobile{background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth)*2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}.fd-bar{--fdBar_Z_Index:1;--fdBar_Height:2.75rem;--fdBar_Padding_X:1rem;--fdBar_Padding_Top:0;--fdBar_Padding_Bottom:0;--fdBar_Border_Radius:0;--fdBar_Floating_Footer_Offset_X:.5rem;--fdBar_Floating_Footer_Offset_Y:.5rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);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;gap:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--fdBar_Background);border-radius:var(--fdBar_Border_Radius);-webkit-box-shadow:var(--fdBar_Shadow);box-shadow:var(--fdBar_Shadow);height:var(--fdBar_Height);justify-content:space-between;padding-block:var(--fdBar_Padding_Top) var(--fdBar_Padding_Bottom);padding-inline:var(--fdBar_Padding_X);z-index:var(--fdBar_Z_Index)}.fd-bar:after,.fd-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar .fd-bar__header{color:var(--sapPageHeader_TextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size)}.fd-bar__left,.fd-bar__middle,.fd-bar__right{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-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;max-width:100%;width:100%}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-bar__right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-bar__element{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdBar_Element_Text_Color,var(--sapTextColor));font-family:var(--fdBar_Element_Text_Font_Family,var(--sapFontFamily));font-size:var(--fdBar_Element_Text_Font_Size,var(--sapFontSize));max-height:100%;max-width:100%}.fd-bar__element:after,.fd-bar__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media(width<=599px){.fd-bar--responsive-paddings{padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media(width>=1024px)and (width<=1439px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media(width>=1440px){.fd-bar--responsive-paddings{padding-inline:3rem}}.fd-bar--header{--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);--fdBar_Element_Text_Color:var(sapPageHeader_TextColor);--fdBar_Element_Text_Font_Family:var(--sapFontHeaderFamily);--fdBar_Element_Text_Font_Size:var(--sapFontHeader5Size)}.fd-bar--header:has(+.fd-bar--subheader){--fdBar_Shadow:none}.fd-bar--subheader{--fdBar_Height:3rem;--fdBar_Padding_Bottom:.25rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background)}.fd-bar--header-with-subheader{--fdBar_Z_Index:2;--fdBar_Shadow:none;--fdBar_Background:var(--sapPageHeader_Background);position:relative}.fd-bar--footer{--fdBar_Shadow:none;--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);border-top:var(--sapGroup_TitleBorderWidth) solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{--fdBar_Shadow:var(--sapContent_Shadow1);--fdBar_Z_Index:map.get($fd-z-index-levels,\"top\");--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);--fdBar_Border_Radius:var(--sapElement_BorderCornerRadius);bottom:var(--fdBar_Floating_Footer_Offset_Y);left:var(--fdBar_Floating_Footer_Offset_X);opacity:1;position:absolute;right:var(--fdBar_Floating_Footer_Offset_X)}.fd-bar--growing{--fdBar_Height:auto;--fdBar_Padding_Top:.25rem;--fdBar_Padding_Bottom:.25rem;min-height:2.5rem}.fd-bar--growing.fd-bar--header{--fdBar_Padding_Top:.375rem}.fd-bar--home-page,.fd-bar--page{--fdBar_Padding_X:1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--page-s,.fd-bar--page-sm{--fdBar_Padding_X:1rem}.fd-bar--page-s.fd-bar--floating-footer,.fd-bar--page-sm.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-s,.fd-bar--home-page-sm{--fdBar_Padding_X:.5rem}.fd-bar--home-page-s.fd-bar--floating-footer,.fd-bar--home-page-sm.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-m_l,.fd-bar--home-page-md_lg,.fd-bar--page-m_l,.fd-bar--page-md_lg{--fdBar_Padding_X:2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--home-page-md_lg.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--page-md_lg.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:2rem}.fd-bar--home-page-xl,.fd-bar--page-xl{--fdBar_Padding_X:3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:3rem}.fd-bar[class*=-compact],.fd-bar[class*=-condensed],[class*=-compact] .fd-bar:not([class*=-cozy]),[class*=-condensed] .fd-bar:not([class*=-cozy]){--fdBar_Height:2.5rem}.fd-bar[class*=-compact].fd-bar--subheader,.fd-bar[class*=-condensed].fd-bar--subheader,[class*=-compact] .fd-bar:not([class*=-cozy]).fd-bar--subheader,[class*=-condensed] .fd-bar:not([class*=-cozy]).fd-bar--subheader{--fdBar_Height:2.25rem}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar+fd-action-sheet-body .fd-action-sheet.fd-action-sheet--mobile{border-radius:0 0 var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius)}\n/*! Bundled license information:\n\nfundamental-styles/dist/bar.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: PopoverComponent, selector: "fd-popover", inputs: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"], outputs: ["onClose"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
398
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: ActionSheetComponent, isStandalone: true, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers", controlTitle: "controlTitle", controlTitleHeading: "controlTitleHeading" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, providers: [KeyboardSupportService, DynamicComponentService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "@if (!mobile) {\n <fd-popover\n [placement]=\"placement\"\n [isOpen]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n >\n <fd-popover-control>\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template [ngTemplateOutlet]=\"actionSheetBodyTemplate\"></ng-template>\n </fd-popover-body>\n </fd-popover>\n} @else {\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n}\n<ng-template #actionSheetBodyTemplate>\n @if (mobile && controlTitle) {\n <div\n class=\"fd-bar fd-action-sheet__bar\"\n role=\"toolbar\"\n [attr.aria-label]=\"('coreActionSheet.toolbarLabel' | fdTranslate)()\"\n >\n <div class=\"fd-bar__left\">\n <div class=\"fd-bar__element\">\n <div role=\"heading\" [ariaLevel]=\"controlTitleHeading\" class=\"fd-action-sheet__title\">\n {{ controlTitle }}\n </div>\n </div>\n </div>\n </div>\n }\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: [".fd-action-sheet{--fdActionSheet_Padding_Block:.25rem;--fdActionSheet_Padding_Inline:.5rem;--fdActionSheet_Item_Padding_Block:.25rem;--fdActionSheet_Item_Padding_Inline:0;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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdActionSheet_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Padding_Inline);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{border:0;-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdActionSheet_Item_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Item_Padding_Inline);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--sapBlockLayer_Opacity)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar{border-radius:var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius) 0 0;-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2);width:calc(100% - var(--sapGroup_BorderWidth)*2);-webkit-margin-start:.0625rem;margin-inline-start:.0625rem}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar+.fd-action-sheet{border-radius:0 0 var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius)}.fd-action-sheet__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapPageHeader_TextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding_Block:.1875rem;--fdActionSheet_Padding_Inline:.375rem;--fdActionSheet_Item_Padding_Block:.1875rem;--fdActionSheet_Item_Padding_Inline:0}.fd-action-sheet--mobile{background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth)*2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}.fd-bar{--fdBar_Z_Index:1;--fdBar_Height:2.75rem;--fdBar_Padding_X:1rem;--fdBar_Padding_Top:0;--fdBar_Padding_Bottom:0;--fdBar_Border_Radius:0;--fdBar_Floating_Footer_Offset_X:.5rem;--fdBar_Floating_Footer_Offset_Y:.5rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);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;gap:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--fdBar_Background);border-radius:var(--fdBar_Border_Radius);-webkit-box-shadow:var(--fdBar_Shadow);box-shadow:var(--fdBar_Shadow);justify-content:space-between;min-height:var(--fdBar_Height);padding-block:var(--fdBar_Padding_Top) var(--fdBar_Padding_Bottom);padding-inline:var(--fdBar_Padding_X);z-index:var(--fdBar_Z_Index)}.fd-bar:after,.fd-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar .fd-bar__header{color:var(--sapPageHeader_TextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size)}.fd-bar__left,.fd-bar__middle,.fd-bar__right{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-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;max-width:100%;width:100%}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__left--stack-contents-vertically,.fd-bar__middle--stack-contents-vertically,.fd-bar__right--stack-contents-vertically{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-bar__middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-bar__right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-bar__element{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdBar_Element_Text_Color,var(--sapTextColor));font-family:var(--fdBar_Element_Text_Font_Family,var(--sapFontFamily));font-size:var(--fdBar_Element_Text_Font_Size,var(--sapFontSize));max-height:100%;max-width:100%;text-wrap:auto}.fd-bar__element:after,.fd-bar__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media(width<=599px){.fd-bar--responsive-paddings{padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media(width>=1024px)and (width<=1439px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media(width>=1440px){.fd-bar--responsive-paddings{padding-inline:3rem}}.fd-bar--header{--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);--fdBar_Element_Text_Color:var(sapPageHeader_TextColor);--fdBar_Element_Text_Font_Family:var(--sapFontHeaderFamily);--fdBar_Element_Text_Font_Size:var(--sapFontHeader5Size)}.fd-bar--header:has(+.fd-bar--subheader){--fdBar_Shadow:none}.fd-bar--subheader{--fdBar_Height:3rem;--fdBar_Padding_Bottom:.25rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background)}.fd-bar--header-with-subheader{--fdBar_Z_Index:2;--fdBar_Shadow:none;--fdBar_Background:var(--sapPageHeader_Background);position:relative}.fd-bar--footer{--fdBar_Shadow:none;--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);border-top:var(--sapGroup_TitleBorderWidth) solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{--fdBar_Shadow:var(--sapContent_Shadow1);--fdBar_Z_Index:map.get($fd-z-index-levels,\"top\");--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);--fdBar_Border_Radius:var(--sapElement_BorderCornerRadius);bottom:var(--fdBar_Floating_Footer_Offset_Y);left:var(--fdBar_Floating_Footer_Offset_X);opacity:1;position:absolute;right:var(--fdBar_Floating_Footer_Offset_X)}.fd-bar--growing{--fdBar_Height:auto;--fdBar_Padding_Top:.25rem;--fdBar_Padding_Bottom:.25rem;min-height:2.5rem}.fd-bar--growing.fd-bar--header{--fdBar_Padding_Top:.375rem}.fd-bar--home-page,.fd-bar--page{--fdBar_Padding_X:1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--page-s,.fd-bar--page-sm{--fdBar_Padding_X:1rem}.fd-bar--page-s.fd-bar--floating-footer,.fd-bar--page-sm.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-s,.fd-bar--home-page-sm{--fdBar_Padding_X:.5rem}.fd-bar--home-page-s.fd-bar--floating-footer,.fd-bar--home-page-sm.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-m_l,.fd-bar--home-page-md_lg,.fd-bar--page-m_l,.fd-bar--page-md_lg{--fdBar_Padding_X:2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--home-page-md_lg.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--page-md_lg.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:2rem}.fd-bar--home-page-xl,.fd-bar--page-xl{--fdBar_Padding_X:3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:3rem}.fd-bar--initial-suggestion-subline,.fd-bar--initial-suggestion-title{height:auto}.fd-bar--initial-suggestion-title{-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-bar--initial-suggestion-subline{--fdBar_Padding_Bottom:.5rem;-webkit-padding-before:.25rem;padding-block-start:.25rem}.fd-bar[class*=-compact],.fd-bar[class*=-condensed],[class*=-compact] .fd-bar:not([class*=-cozy]),[class*=-condensed] .fd-bar:not([class*=-cozy]){--fdBar_Height:2.5rem}.fd-bar[class*=-compact].fd-bar--subheader,.fd-bar[class*=-condensed].fd-bar--subheader,[class*=-compact] .fd-bar:not([class*=-cozy]).fd-bar--subheader,[class*=-condensed] .fd-bar:not([class*=-cozy]).fd-bar--subheader{--fdBar_Height:2.25rem}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar+fd-action-sheet-body .fd-action-sheet.fd-action-sheet--mobile{border-radius:0 0 var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius)}\n/*! Bundled license information:\n\nfundamental-styles/dist/bar.css:\n (*!\n * Fundamental Library Styles v0.41.4\n * Copyright (c) 2026 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: PopoverComponent, selector: "fd-popover", inputs: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"], outputs: ["onClose"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
399
399
  }
400
400
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ActionSheetComponent, decorators: [{
401
401
  type: Component,
402
- args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService, DynamicComponentService], imports: [PopoverComponent, PopoverControlComponent, NgTemplateOutlet, PopoverBodyComponent, FdTranslatePipe], template: "@if (!mobile) {\n <fd-popover\n [placement]=\"placement\"\n [isOpen]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n >\n <fd-popover-control>\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template [ngTemplateOutlet]=\"actionSheetBodyTemplate\"></ng-template>\n </fd-popover-body>\n </fd-popover>\n} @else {\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n}\n<ng-template #actionSheetBodyTemplate>\n @if (mobile && controlTitle) {\n <div\n class=\"fd-bar fd-action-sheet__bar\"\n role=\"toolbar\"\n [attr.aria-label]=\"('coreActionSheet.toolbarLabel' | fdTranslate)()\"\n >\n <div class=\"fd-bar__left\">\n <div class=\"fd-bar__element\">\n <div role=\"heading\" [ariaLevel]=\"controlTitleHeading\" class=\"fd-action-sheet__title\">\n {{ controlTitle }}\n </div>\n </div>\n </div>\n </div>\n }\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: [".fd-action-sheet{--fdActionSheet_Padding_Block:.25rem;--fdActionSheet_Padding_Inline:.5rem;--fdActionSheet_Item_Padding_Block:.25rem;--fdActionSheet_Item_Padding_Inline:0;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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdActionSheet_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Padding_Inline);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{border:0;-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdActionSheet_Item_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Item_Padding_Inline);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--sapBlockLayer_Opacity)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar{border-radius:var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius) 0 0;-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2);width:calc(100% - var(--sapGroup_BorderWidth)*2);-webkit-margin-start:.0625rem;margin-inline-start:.0625rem}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar+.fd-action-sheet{border-radius:0 0 var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius)}.fd-action-sheet__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapPageHeader_TextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding_Block:.1875rem;--fdActionSheet_Padding_Inline:.375rem;--fdActionSheet_Item_Padding_Block:.1875rem;--fdActionSheet_Item_Padding_Inline:0}.fd-action-sheet--mobile{background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth)*2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}.fd-bar{--fdBar_Z_Index:1;--fdBar_Height:2.75rem;--fdBar_Padding_X:1rem;--fdBar_Padding_Top:0;--fdBar_Padding_Bottom:0;--fdBar_Border_Radius:0;--fdBar_Floating_Footer_Offset_X:.5rem;--fdBar_Floating_Footer_Offset_Y:.5rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);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;gap:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--fdBar_Background);border-radius:var(--fdBar_Border_Radius);-webkit-box-shadow:var(--fdBar_Shadow);box-shadow:var(--fdBar_Shadow);height:var(--fdBar_Height);justify-content:space-between;padding-block:var(--fdBar_Padding_Top) var(--fdBar_Padding_Bottom);padding-inline:var(--fdBar_Padding_X);z-index:var(--fdBar_Z_Index)}.fd-bar:after,.fd-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar .fd-bar__header{color:var(--sapPageHeader_TextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size)}.fd-bar__left,.fd-bar__middle,.fd-bar__right{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-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;max-width:100%;width:100%}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-bar__right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-bar__element{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdBar_Element_Text_Color,var(--sapTextColor));font-family:var(--fdBar_Element_Text_Font_Family,var(--sapFontFamily));font-size:var(--fdBar_Element_Text_Font_Size,var(--sapFontSize));max-height:100%;max-width:100%}.fd-bar__element:after,.fd-bar__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media(width<=599px){.fd-bar--responsive-paddings{padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media(width>=1024px)and (width<=1439px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media(width>=1440px){.fd-bar--responsive-paddings{padding-inline:3rem}}.fd-bar--header{--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);--fdBar_Element_Text_Color:var(sapPageHeader_TextColor);--fdBar_Element_Text_Font_Family:var(--sapFontHeaderFamily);--fdBar_Element_Text_Font_Size:var(--sapFontHeader5Size)}.fd-bar--header:has(+.fd-bar--subheader){--fdBar_Shadow:none}.fd-bar--subheader{--fdBar_Height:3rem;--fdBar_Padding_Bottom:.25rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background)}.fd-bar--header-with-subheader{--fdBar_Z_Index:2;--fdBar_Shadow:none;--fdBar_Background:var(--sapPageHeader_Background);position:relative}.fd-bar--footer{--fdBar_Shadow:none;--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);border-top:var(--sapGroup_TitleBorderWidth) solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{--fdBar_Shadow:var(--sapContent_Shadow1);--fdBar_Z_Index:map.get($fd-z-index-levels,\"top\");--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);--fdBar_Border_Radius:var(--sapElement_BorderCornerRadius);bottom:var(--fdBar_Floating_Footer_Offset_Y);left:var(--fdBar_Floating_Footer_Offset_X);opacity:1;position:absolute;right:var(--fdBar_Floating_Footer_Offset_X)}.fd-bar--growing{--fdBar_Height:auto;--fdBar_Padding_Top:.25rem;--fdBar_Padding_Bottom:.25rem;min-height:2.5rem}.fd-bar--growing.fd-bar--header{--fdBar_Padding_Top:.375rem}.fd-bar--home-page,.fd-bar--page{--fdBar_Padding_X:1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--page-s,.fd-bar--page-sm{--fdBar_Padding_X:1rem}.fd-bar--page-s.fd-bar--floating-footer,.fd-bar--page-sm.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-s,.fd-bar--home-page-sm{--fdBar_Padding_X:.5rem}.fd-bar--home-page-s.fd-bar--floating-footer,.fd-bar--home-page-sm.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-m_l,.fd-bar--home-page-md_lg,.fd-bar--page-m_l,.fd-bar--page-md_lg{--fdBar_Padding_X:2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--home-page-md_lg.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--page-md_lg.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:2rem}.fd-bar--home-page-xl,.fd-bar--page-xl{--fdBar_Padding_X:3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:3rem}.fd-bar[class*=-compact],.fd-bar[class*=-condensed],[class*=-compact] .fd-bar:not([class*=-cozy]),[class*=-condensed] .fd-bar:not([class*=-cozy]){--fdBar_Height:2.5rem}.fd-bar[class*=-compact].fd-bar--subheader,.fd-bar[class*=-condensed].fd-bar--subheader,[class*=-compact] .fd-bar:not([class*=-cozy]).fd-bar--subheader,[class*=-condensed] .fd-bar:not([class*=-cozy]).fd-bar--subheader{--fdBar_Height:2.25rem}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar+fd-action-sheet-body .fd-action-sheet.fd-action-sheet--mobile{border-radius:0 0 var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius)}\n/*! Bundled license information:\n\nfundamental-styles/dist/bar.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"] }]
402
+ args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService, DynamicComponentService], imports: [PopoverComponent, PopoverControlComponent, NgTemplateOutlet, PopoverBodyComponent, FdTranslatePipe], template: "@if (!mobile) {\n <fd-popover\n [placement]=\"placement\"\n [isOpen]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n >\n <fd-popover-control>\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template [ngTemplateOutlet]=\"actionSheetBodyTemplate\"></ng-template>\n </fd-popover-body>\n </fd-popover>\n} @else {\n <ng-template [ngTemplateOutlet]=\"actionSheetControl\"></ng-template>\n}\n<ng-template #actionSheetBodyTemplate>\n @if (mobile && controlTitle) {\n <div\n class=\"fd-bar fd-action-sheet__bar\"\n role=\"toolbar\"\n [attr.aria-label]=\"('coreActionSheet.toolbarLabel' | fdTranslate)()\"\n >\n <div class=\"fd-bar__left\">\n <div class=\"fd-bar__element\">\n <div role=\"heading\" [ariaLevel]=\"controlTitleHeading\" class=\"fd-action-sheet__title\">\n {{ controlTitle }}\n </div>\n </div>\n </div>\n </div>\n }\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: [".fd-action-sheet{--fdActionSheet_Padding_Block:.25rem;--fdActionSheet_Padding_Inline:.5rem;--fdActionSheet_Item_Padding_Block:.25rem;--fdActionSheet_Item_Padding_Inline:0;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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdActionSheet_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Padding_Inline);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{border:0;-webkit-box-sizing:border-box;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:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdActionSheet_Item_Padding_Block);padding-inline:0;padding-inline:var(--fdActionSheet_Item_Padding_Inline);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--sapBlockLayer_Opacity)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar{border-radius:var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius) 0 0;-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2);width:calc(100% - var(--sapGroup_BorderWidth)*2);-webkit-margin-start:.0625rem;margin-inline-start:.0625rem}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar+.fd-action-sheet{border-radius:0 0 var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius)}.fd-action-sheet__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapPageHeader_TextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding_Block:.1875rem;--fdActionSheet_Padding_Inline:.375rem;--fdActionSheet_Item_Padding_Block:.1875rem;--fdActionSheet_Item_Padding_Inline:0}.fd-action-sheet--mobile{background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth)*2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}.fd-bar{--fdBar_Z_Index:1;--fdBar_Height:2.75rem;--fdBar_Padding_X:1rem;--fdBar_Padding_Top:0;--fdBar_Padding_Bottom:0;--fdBar_Border_Radius:0;--fdBar_Floating_Footer_Offset_X:.5rem;--fdBar_Floating_Footer_Offset_Y:.5rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);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;gap:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--fdBar_Background);border-radius:var(--fdBar_Border_Radius);-webkit-box-shadow:var(--fdBar_Shadow);box-shadow:var(--fdBar_Shadow);justify-content:space-between;min-height:var(--fdBar_Height);padding-block:var(--fdBar_Padding_Top) var(--fdBar_Padding_Bottom);padding-inline:var(--fdBar_Padding_X);z-index:var(--fdBar_Z_Index)}.fd-bar:after,.fd-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar .fd-bar__header{color:var(--sapPageHeader_TextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size)}.fd-bar__left,.fd-bar__middle,.fd-bar__right{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-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;max-width:100%;width:100%}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__left--stack-contents-vertically,.fd-bar__middle--stack-contents-vertically,.fd-bar__right--stack-contents-vertically{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-bar__middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-bar__right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-bar__element{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdBar_Element_Text_Color,var(--sapTextColor));font-family:var(--fdBar_Element_Text_Font_Family,var(--sapFontFamily));font-size:var(--fdBar_Element_Text_Font_Size,var(--sapFontSize));max-height:100%;max-width:100%;text-wrap:auto}.fd-bar__element:after,.fd-bar__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media(width<=599px){.fd-bar--responsive-paddings{padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media(width>=1024px)and (width<=1439px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media(width>=1440px){.fd-bar--responsive-paddings{padding-inline:3rem}}.fd-bar--header{--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);--fdBar_Element_Text_Color:var(sapPageHeader_TextColor);--fdBar_Element_Text_Font_Family:var(--sapFontHeaderFamily);--fdBar_Element_Text_Font_Size:var(--sapFontHeader5Size)}.fd-bar--header:has(+.fd-bar--subheader){--fdBar_Shadow:none}.fd-bar--subheader{--fdBar_Height:3rem;--fdBar_Padding_Bottom:.25rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background)}.fd-bar--header-with-subheader{--fdBar_Z_Index:2;--fdBar_Shadow:none;--fdBar_Background:var(--sapPageHeader_Background);position:relative}.fd-bar--footer{--fdBar_Shadow:none;--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);border-top:var(--sapGroup_TitleBorderWidth) solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{--fdBar_Shadow:var(--sapContent_Shadow1);--fdBar_Z_Index:map.get($fd-z-index-levels,\"top\");--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);--fdBar_Border_Radius:var(--sapElement_BorderCornerRadius);bottom:var(--fdBar_Floating_Footer_Offset_Y);left:var(--fdBar_Floating_Footer_Offset_X);opacity:1;position:absolute;right:var(--fdBar_Floating_Footer_Offset_X)}.fd-bar--growing{--fdBar_Height:auto;--fdBar_Padding_Top:.25rem;--fdBar_Padding_Bottom:.25rem;min-height:2.5rem}.fd-bar--growing.fd-bar--header{--fdBar_Padding_Top:.375rem}.fd-bar--home-page,.fd-bar--page{--fdBar_Padding_X:1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--page-s,.fd-bar--page-sm{--fdBar_Padding_X:1rem}.fd-bar--page-s.fd-bar--floating-footer,.fd-bar--page-sm.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-s,.fd-bar--home-page-sm{--fdBar_Padding_X:.5rem}.fd-bar--home-page-s.fd-bar--floating-footer,.fd-bar--home-page-sm.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-m_l,.fd-bar--home-page-md_lg,.fd-bar--page-m_l,.fd-bar--page-md_lg{--fdBar_Padding_X:2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--home-page-md_lg.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--page-md_lg.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:2rem}.fd-bar--home-page-xl,.fd-bar--page-xl{--fdBar_Padding_X:3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:3rem}.fd-bar--initial-suggestion-subline,.fd-bar--initial-suggestion-title{height:auto}.fd-bar--initial-suggestion-title{-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-bar--initial-suggestion-subline{--fdBar_Padding_Bottom:.5rem;-webkit-padding-before:.25rem;padding-block-start:.25rem}.fd-bar[class*=-compact],.fd-bar[class*=-condensed],[class*=-compact] .fd-bar:not([class*=-cozy]),[class*=-condensed] .fd-bar:not([class*=-cozy]){--fdBar_Height:2.5rem}.fd-bar[class*=-compact].fd-bar--subheader,.fd-bar[class*=-condensed].fd-bar--subheader,[class*=-compact] .fd-bar:not([class*=-cozy]).fd-bar--subheader,[class*=-condensed] .fd-bar:not([class*=-cozy]).fd-bar--subheader{--fdBar_Height:2.25rem}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}.fd-action-sheet__wrapper .fd-action-sheet__bar.fd-bar+fd-action-sheet-body .fd-action-sheet.fd-action-sheet--mobile{border-radius:0 0 var(--sapPopover_BorderCornerRadius) var(--sapPopover_BorderCornerRadius)}\n/*! Bundled license information:\n\nfundamental-styles/dist/bar.css:\n (*!\n * Fundamental Library Styles v0.41.4\n * Copyright (c) 2026 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"] }]
403
403
  }], ctorParameters: () => [{ type: i1.KeyboardSupportService }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i1.DynamicComponentService, decorators: [{
404
404
  type: Optional
405
405
  }] }], propDecorators: { mobile: [{