@fundamental-ngx/core 0.50.1-rc.9 → 0.50.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/esm2022/action-bar/action-bar.component.mjs +2 -2
  2. package/esm2022/action-sheet/action-sheet.component.mjs +2 -2
  3. package/esm2022/avatar/avatar.component.mjs +2 -2
  4. package/esm2022/avatar-group/avatar-group.component.mjs +2 -2
  5. package/esm2022/bar/bar.component.mjs +2 -2
  6. package/esm2022/breadcrumb/breadcrumb.component.mjs +2 -2
  7. package/esm2022/busy-indicator/busy-indicator.component.mjs +2 -2
  8. package/esm2022/button/button.component.mjs +2 -2
  9. package/esm2022/calendar/calendar.component.mjs +2 -2
  10. package/esm2022/card/card.component.mjs +2 -2
  11. package/esm2022/carousel/carousel.component.mjs +2 -2
  12. package/esm2022/checkbox/checkbox/checkbox.component.mjs +2 -2
  13. package/esm2022/combobox/combobox.component.mjs +8 -2
  14. package/esm2022/dialog/dialog.component.mjs +2 -2
  15. package/esm2022/dynamic-page/dynamic-page.component.mjs +2 -2
  16. package/esm2022/dynamic-side-content/dynamic-side-content.component.mjs +2 -2
  17. package/esm2022/facets/facet/facet.component.mjs +2 -2
  18. package/esm2022/feed-input/feed-input.component.mjs +2 -2
  19. package/esm2022/feed-list-item/components/list/feed-list.component.mjs +2 -2
  20. package/esm2022/file-uploader/file-uploader.component.mjs +2 -2
  21. package/esm2022/fixed-card-layout/fixed-card-layout.component.mjs +2 -2
  22. package/esm2022/flexible-column-layout/flexible-column-layout.component.mjs +2 -2
  23. package/esm2022/form/fieldset/fieldset.component.mjs +2 -2
  24. package/esm2022/form/form-control/form-control.component.mjs +2 -2
  25. package/esm2022/form/form-group/form-group.component.mjs +2 -2
  26. package/esm2022/form/form-header/form-header.component.mjs +2 -2
  27. package/esm2022/form/form-item/form-item.component.mjs +2 -2
  28. package/esm2022/form/form-label/form-label.component.mjs +2 -2
  29. package/esm2022/form/form-message/form-message.component.mjs +2 -2
  30. package/esm2022/fundamental-ngx.module.mjs +8 -4
  31. package/esm2022/generic-tag/generic-tag.component.mjs +2 -2
  32. package/esm2022/grid-list/components/grid-list/grid-list.component.mjs +2 -2
  33. package/esm2022/icon/icon.component.mjs +2 -2
  34. package/esm2022/illustrated-message/illustrated-message.component.mjs +2 -2
  35. package/esm2022/info-label/info-label.component.mjs +2 -2
  36. package/esm2022/input-group/input-group.component.mjs +2 -2
  37. package/esm2022/layout-grid/layout-grid.component.mjs +2 -2
  38. package/esm2022/layout-panel/layout-panel.component.mjs +2 -2
  39. package/esm2022/link/link.component.mjs +2 -2
  40. package/esm2022/list/list-navigation-item/list-navigation-item.component.mjs +2 -2
  41. package/esm2022/list/list.component.mjs +2 -2
  42. package/esm2022/menu/menu.component.mjs +2 -2
  43. package/esm2022/message-box/message-box.component.mjs +2 -2
  44. package/esm2022/message-page/message-page.component.mjs +2 -2
  45. package/esm2022/message-strip/message-strip.component.mjs +2 -2
  46. package/esm2022/message-toast/message-toast.component.mjs +2 -2
  47. package/esm2022/micro-process-flow/components/micro-process-flow/micro-process-flow.component.mjs +2 -2
  48. package/esm2022/multi-combobox/multi-combobox.component.mjs +4 -3
  49. package/esm2022/notification/notification/notification.component.mjs +2 -2
  50. package/esm2022/object-attribute/object-attribute.component.mjs +2 -2
  51. package/esm2022/object-identifier/object-identifier.component.mjs +2 -2
  52. package/esm2022/object-marker/object-marker.component.mjs +2 -2
  53. package/esm2022/object-number/object-number.component.mjs +2 -2
  54. package/esm2022/object-status/object-status.component.mjs +2 -2
  55. package/esm2022/pagination/pagination.component.mjs +2 -2
  56. package/esm2022/panel/panel.component.mjs +2 -2
  57. package/esm2022/popover/popover-body/popover-body.component.mjs +2 -2
  58. package/esm2022/product-switch/product-switch-body/product-switch-body.component.mjs +2 -2
  59. package/esm2022/progress-indicator/progress-indicator.component.mjs +2 -2
  60. package/esm2022/quick-view/quick-view/quick-view.component.mjs +2 -2
  61. package/esm2022/radio/radio-button/radio-button.component.mjs +2 -2
  62. package/esm2022/rating-indicator/components/rating-indicator.component.mjs +2 -2
  63. package/esm2022/resizable-card-layout/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +2 -2
  64. package/esm2022/resizable-card-layout/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
  65. package/esm2022/segmented-button/segmented-button.component.mjs +2 -2
  66. package/esm2022/select/select.component.mjs +2 -2
  67. package/esm2022/shellbar/shellbar.component.mjs +2 -2
  68. package/esm2022/side-navigation/side-navigation.component.mjs +2 -2
  69. package/esm2022/skeleton/components/skeleton.component.mjs +2 -2
  70. package/esm2022/slider/slider.component.mjs +2 -2
  71. package/esm2022/split-button/split-button.component.mjs +2 -2
  72. package/esm2022/status-indicator/status-indicator.component.mjs +2 -2
  73. package/esm2022/step-input/step-input.component.mjs +2 -2
  74. package/esm2022/switch/switch.component.mjs +2 -2
  75. package/esm2022/table/table-wrapper.component.mjs +2 -2
  76. package/esm2022/table/table.component.mjs +2 -2
  77. package/esm2022/tabs/tab-list.component.mjs +2 -2
  78. package/esm2022/tabs/tab-nav/tab-nav.component.mjs +2 -2
  79. package/esm2022/text/text.component.mjs +2 -2
  80. package/esm2022/theming/standard-themes.mjs +6 -1
  81. package/esm2022/tile/tile.component.mjs +2 -2
  82. package/esm2022/time/time.component.mjs +2 -2
  83. package/esm2022/title/title.component.mjs +2 -2
  84. package/esm2022/token/token.component.mjs +2 -2
  85. package/esm2022/token/tokenizer.component.mjs +2 -2
  86. package/esm2022/toolbar/toolbar.component.mjs +2 -2
  87. package/esm2022/tree/tree.component.mjs +2 -2
  88. package/esm2022/upload-collection/upload-collection.component.mjs +2 -2
  89. package/esm2022/vertical-navigation/vertical-navigation-main-navigation.component.mjs +2 -2
  90. package/esm2022/vertical-navigation/vertical-navigation.component.mjs +2 -2
  91. package/esm2022/wizard/wizard.component.mjs +2 -2
  92. package/fesm2022/fundamental-ngx-core-action-bar.mjs +2 -2
  93. package/fesm2022/fundamental-ngx-core-action-sheet.mjs +2 -2
  94. package/fesm2022/fundamental-ngx-core-avatar-group.mjs +2 -2
  95. package/fesm2022/fundamental-ngx-core-avatar.mjs +2 -2
  96. package/fesm2022/fundamental-ngx-core-bar.mjs +2 -2
  97. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +2 -2
  98. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +2 -2
  99. package/fesm2022/fundamental-ngx-core-button.mjs +2 -2
  100. package/fesm2022/fundamental-ngx-core-calendar.mjs +2 -2
  101. package/fesm2022/fundamental-ngx-core-card.mjs +2 -2
  102. package/fesm2022/fundamental-ngx-core-carousel.mjs +2 -2
  103. package/fesm2022/fundamental-ngx-core-checkbox.mjs +2 -2
  104. package/fesm2022/fundamental-ngx-core-combobox.mjs +7 -1
  105. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  106. package/fesm2022/fundamental-ngx-core-dialog.mjs +2 -2
  107. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +2 -2
  108. package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +2 -2
  109. package/fesm2022/fundamental-ngx-core-facets.mjs +2 -2
  110. package/fesm2022/fundamental-ngx-core-feed-input.mjs +2 -2
  111. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +2 -2
  112. package/fesm2022/fundamental-ngx-core-file-uploader.mjs +2 -2
  113. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +2 -2
  114. package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +2 -2
  115. package/fesm2022/fundamental-ngx-core-form.mjs +14 -14
  116. package/fesm2022/fundamental-ngx-core-generic-tag.mjs +2 -2
  117. package/fesm2022/fundamental-ngx-core-grid-list.mjs +2 -2
  118. package/fesm2022/fundamental-ngx-core-icon.mjs +2 -2
  119. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +2 -2
  120. package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
  121. package/fesm2022/fundamental-ngx-core-input-group.mjs +2 -2
  122. package/fesm2022/fundamental-ngx-core-layout-grid.mjs +2 -2
  123. package/fesm2022/fundamental-ngx-core-layout-panel.mjs +2 -2
  124. package/fesm2022/fundamental-ngx-core-link.mjs +2 -2
  125. package/fesm2022/fundamental-ngx-core-list.mjs +4 -4
  126. package/fesm2022/fundamental-ngx-core-menu.mjs +2 -2
  127. package/fesm2022/fundamental-ngx-core-message-box.mjs +2 -2
  128. package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
  129. package/fesm2022/fundamental-ngx-core-message-page.mjs +2 -2
  130. package/fesm2022/fundamental-ngx-core-message-strip.mjs +2 -2
  131. package/fesm2022/fundamental-ngx-core-message-toast.mjs +2 -2
  132. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +2 -2
  133. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +3 -2
  134. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  135. package/fesm2022/fundamental-ngx-core-notification.mjs +2 -2
  136. package/fesm2022/fundamental-ngx-core-object-attribute.mjs +2 -2
  137. package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
  138. package/fesm2022/fundamental-ngx-core-object-marker.mjs +2 -2
  139. package/fesm2022/fundamental-ngx-core-object-number.mjs +2 -2
  140. package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
  141. package/fesm2022/fundamental-ngx-core-pagination.mjs +2 -2
  142. package/fesm2022/fundamental-ngx-core-panel.mjs +2 -2
  143. package/fesm2022/fundamental-ngx-core-popover.mjs +2 -2
  144. package/fesm2022/fundamental-ngx-core-product-switch.mjs +2 -2
  145. package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +2 -2
  146. package/fesm2022/fundamental-ngx-core-quick-view.mjs +2 -2
  147. package/fesm2022/fundamental-ngx-core-radio.mjs +2 -2
  148. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +2 -2
  149. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
  150. package/fesm2022/fundamental-ngx-core-segmented-button.mjs +2 -2
  151. package/fesm2022/fundamental-ngx-core-select.mjs +2 -2
  152. package/fesm2022/fundamental-ngx-core-shellbar.mjs +2 -2
  153. package/fesm2022/fundamental-ngx-core-side-navigation.mjs +2 -2
  154. package/fesm2022/fundamental-ngx-core-skeleton.mjs +2 -2
  155. package/fesm2022/fundamental-ngx-core-slider.mjs +2 -2
  156. package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
  157. package/fesm2022/fundamental-ngx-core-status-indicator.mjs +2 -2
  158. package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
  159. package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
  160. package/fesm2022/fundamental-ngx-core-table.mjs +4 -4
  161. package/fesm2022/fundamental-ngx-core-tabs.mjs +4 -4
  162. package/fesm2022/fundamental-ngx-core-text.mjs +2 -2
  163. package/fesm2022/fundamental-ngx-core-theming.mjs +5 -0
  164. package/fesm2022/fundamental-ngx-core-theming.mjs.map +1 -1
  165. package/fesm2022/fundamental-ngx-core-tile.mjs +2 -2
  166. package/fesm2022/fundamental-ngx-core-time.mjs +2 -2
  167. package/fesm2022/fundamental-ngx-core-title.mjs +2 -2
  168. package/fesm2022/fundamental-ngx-core-token.mjs +4 -4
  169. package/fesm2022/fundamental-ngx-core-toolbar.mjs +2 -2
  170. package/fesm2022/fundamental-ngx-core-tree.mjs +2 -2
  171. package/fesm2022/fundamental-ngx-core-upload-collection.mjs +2 -2
  172. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +4 -4
  173. package/fesm2022/fundamental-ngx-core-wizard.mjs +2 -2
  174. package/fesm2022/fundamental-ngx-core.mjs +7 -3
  175. package/fesm2022/fundamental-ngx-core.mjs.map +1 -1
  176. package/fundamental-ngx.module.d.ts +2 -1
  177. package/package.json +4 -4
  178. package/schematics/add-dependencies/index.js +1 -1
  179. package/schematics/add-dependencies/index.js.map +1 -1
  180. package/schematics/ng-add/index.js +9 -1
  181. package/schematics/ng-add/index.js.map +1 -1
@@ -21,12 +21,12 @@ export class ActionBarComponent {
21
21
  warnOnce('ActionBarComponent is deprecated since version 0.40.0 and will be removed in future release.');
22
22
  }
23
23
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
24
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:normal;margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:normal;margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{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__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;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:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{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{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:normal;margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{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{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.37.0\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-title{--fdTitle_Font_Size:1rem;--fdTitle_Color:var(--sapTextColor);--fdTitle_Font_Family:var(--sapFontHeaderFamily);-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdTitle_Color);font-family:var(--sapFontFamily);font-family:var(--fdTitle_Font_Family);font-size:1rem;font-size:var(--sapFontSize);font-size:var(--fdTitle_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
24
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:normal;margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:normal;margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{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__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;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:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{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{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:normal;margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{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{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.37.1\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-title{--fdTitle_Font_Size:1rem;--fdTitle_Color:var(--sapTextColor);--fdTitle_Font_Family:var(--sapFontHeaderFamily);-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdTitle_Color);font-family:var(--sapFontFamily);font-family:var(--fdTitle_Font_Family);font-size:1rem;font-size:var(--sapFontSize);font-size:var(--fdTitle_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
25
25
  }
26
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ActionBarComponent, decorators: [{
27
27
  type: Component,
28
28
  args: [{ selector: '[fd-action-bar]', template: ` <ng-content></ng-content>`, host: {
29
29
  class: 'fd-action-bar'
30
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:normal;margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:normal;margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{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__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;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:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{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{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:normal;margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{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{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.37.0\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-title{--fdTitle_Font_Size:1rem;--fdTitle_Color:var(--sapTextColor);--fdTitle_Font_Family:var(--sapFontHeaderFamily);-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdTitle_Color);font-family:var(--sapFontFamily);font-family:var(--fdTitle_Font_Family);font-size:1rem;font-size:var(--sapFontSize);font-size:var(--fdTitle_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{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"] }]
30
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:normal;margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:normal;margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{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__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;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:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{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{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:normal;margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{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{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.37.1\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-title{--fdTitle_Font_Size:1rem;--fdTitle_Color:var(--sapTextColor);--fdTitle_Font_Family:var(--sapFontHeaderFamily);-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdTitle_Color);font-family:var(--sapFontFamily);font-family:var(--fdTitle_Font_Family);font-size:1rem;font-size:var(--sapFontSize);font-size:var(--fdTitle_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{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"] }]
31
31
  }], ctorParameters: () => [] });
32
32
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvYWN0aW9uLWJhci9hY3Rpb24tYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFFdkQ7Ozs7Ozs7Ozs7Ozs7R0FhRztBQWNILE1BQU0sT0FBTyxrQkFBa0I7SUFDM0IsY0FBYztJQUNkO1FBQ0ksUUFBUSxDQUFDLDhGQUE4RixDQUFDLENBQUM7SUFDN0csQ0FBQzs4R0FKUSxrQkFBa0I7a0dBQWxCLGtCQUFrQixzSEFUakIsNEJBQTRCOzsyRkFTN0Isa0JBQWtCO2tCQVo5QixTQUFTOytCQUVJLGlCQUFpQixZQUNqQiw0QkFBNEIsUUFDaEM7d0JBQ0YsS0FBSyxFQUFFLGVBQWU7cUJBQ3pCLGlCQUVjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB3YXJuT25jZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS91dGlscyc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqIEFjdGlvbiBCYXIgY29tcG9uZW50IGlzIGRlcHJlY2F0ZWQgc2luY2UgdmVyc2lvbiAwLjQwLjBcbiAqXG4gKiBDaGlsZHJlbiB1c2FnZTpcbiAqIGBgYGh0bWxcbiAqIDxkaXYgZmQtYWN0aW9uLWJhci1hY3Rpb25zPlxuICogPGRpdiBmZC1hY3Rpb24tYmFyLWJhY2s+XG4gKiA8ZGl2IGZkLWFjdGlvbi1iYXItZGVzY3JpcHRpb24+XG4gKiA8ZGl2IGZkLWFjdGlvbi1iYXItaGVhZGVyPlxuICogPGRpdiBmZC1hY3Rpb24tYmFyLW1vYmlsZT5cbiAqIDxkaXYgZmQtYWN0aW9uLWJhci10aXRsZT5cbiAqIGBgYFxuICovXG5cbkBDb21wb25lbnQoe1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gICAgc2VsZWN0b3I6ICdbZmQtYWN0aW9uLWJhcl0nLFxuICAgIHRlbXBsYXRlOiBgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdmZC1hY3Rpb24tYmFyJ1xuICAgIH0sXG4gICAgc3R5bGVVcmw6ICcuL2FjdGlvbi1iYXIuY29tcG9uZW50LnNjc3MnLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBBY3Rpb25CYXJDb21wb25lbnQge1xuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHdhcm5PbmNlKCdBY3Rpb25CYXJDb21wb25lbnQgaXMgZGVwcmVjYXRlZCBzaW5jZSB2ZXJzaW9uIDAuNDAuMCBhbmQgd2lsbCBiZSByZW1vdmVkIGluIGZ1dHVyZSByZWxlYXNlLicpO1xuICAgIH1cbn1cbiJdfQ==
@@ -129,11 +129,11 @@ export class ActionSheetComponent {
129
129
  });
130
130
  }
131
131
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
132
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ActionSheetComponent, isStandalone: true, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, 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 <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: ["/*!\n * Fundamental Library Styles v0.37.0\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{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(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{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:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);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-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
132
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ActionSheetComponent, isStandalone: true, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, 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 <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: ["/*!\n * Fundamental Library Styles v0.37.1\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{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(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{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:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);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-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
133
133
  }
134
134
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ActionSheetComponent, decorators: [{
135
135
  type: Component,
136
- args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService, DynamicComponentService], standalone: true, imports: [PopoverComponent, PopoverControlComponent, NgTemplateOutlet, PopoverBodyComponent], 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 <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: ["/*!\n * Fundamental Library Styles v0.37.0\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{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(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{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:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);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-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"] }]
136
+ args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService, DynamicComponentService], standalone: true, imports: [PopoverComponent, PopoverControlComponent, NgTemplateOutlet, PopoverBodyComponent], 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 <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: ["/*!\n * Fundamental Library Styles v0.37.1\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{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(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{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:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);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-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"] }]
137
137
  }], ctorParameters: () => [{ type: i1.KeyboardSupportService }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i1.DynamicComponentService, decorators: [{
138
138
  type: Optional
139
139
  }] }], propDecorators: { mobile: [{
@@ -280,7 +280,7 @@ export class AvatarComponent {
280
280
  provide: FD_AVATAR_COMPONENT,
281
281
  useExisting: AvatarComponent
282
282
  }
283
- ], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (abbreviate) {\n {{ abbreviate }}\n}\n@if (zoomGlyph || valueState) {\n <i\n role=\"presentation\"\n class=\"fd-avatar__zoom-icon\"\n [class]=\"valueState | fdAvatarIcon: zoomGlyph\"\n (mousedown)=\"zoomClicked($event)\"\n >\n </i>\n}\n@if (glyph || showDefault) {\n <fd-icon\n class=\"fd-avatar__icon\"\n role=\"presentation\"\n [font]=\"font\"\n [glyph]=\"glyph || 'person-placeholder'\"\n ></fd-icon>\n}\n<div #content [style.display]=\"'none'\">\n <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.37.0\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:normal;margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--interactive.is-active.is-hover,.fd-avatar--interactive.is-active:hover,.fd-avatar--interactive:active.is-hover,.fd-avatar--interactive:active:hover,.fd-avatar[role=button].is-active.is-hover,.fd-avatar[role=button].is-active:hover,.fd-avatar[role=button]:active.is-hover,.fd-avatar[role=button]:active:hover,.fd-avatar[tabindex=\"0\"].is-active.is-hover,.fd-avatar[tabindex=\"0\"].is-active:hover,.fd-avatar[tabindex=\"0\"]:active.is-hover,.fd-avatar[tabindex=\"0\"]:active:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled,.fd-avatar[role=button].is-toggled,.fd-avatar[tabindex=\"0\"].is-toggled{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--sm{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--sm .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--sm .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--md{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--md .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--md .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--lg{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--lg .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--lg .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--lg,.fd-avatar--m,.fd-avatar--md,.fd-avatar--s,.fd-avatar--sm,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--lg:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--md:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--sm:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}\n"], dependencies: [{ kind: "pipe", type: AvatarIconPipe, name: "fdAvatarIcon" }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
283
+ ], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (abbreviate) {\n {{ abbreviate }}\n}\n@if (zoomGlyph || valueState) {\n <i\n role=\"presentation\"\n class=\"fd-avatar__zoom-icon\"\n [class]=\"valueState | fdAvatarIcon: zoomGlyph\"\n (mousedown)=\"zoomClicked($event)\"\n >\n </i>\n}\n@if (glyph || showDefault) {\n <fd-icon\n class=\"fd-avatar__icon\"\n role=\"presentation\"\n [font]=\"font\"\n [glyph]=\"glyph || 'person-placeholder'\"\n ></fd-icon>\n}\n<div #content [style.display]=\"'none'\">\n <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.37.1\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:normal;margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--interactive.is-active.is-hover,.fd-avatar--interactive.is-active:hover,.fd-avatar--interactive:active.is-hover,.fd-avatar--interactive:active:hover,.fd-avatar[role=button].is-active.is-hover,.fd-avatar[role=button].is-active:hover,.fd-avatar[role=button]:active.is-hover,.fd-avatar[role=button]:active:hover,.fd-avatar[tabindex=\"0\"].is-active.is-hover,.fd-avatar[tabindex=\"0\"].is-active:hover,.fd-avatar[tabindex=\"0\"]:active.is-hover,.fd-avatar[tabindex=\"0\"]:active:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled,.fd-avatar[role=button].is-toggled,.fd-avatar[tabindex=\"0\"].is-toggled{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--sm{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--sm .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--sm .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--md{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--md .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--md .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--lg{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--lg .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--lg .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--lg,.fd-avatar--m,.fd-avatar--md,.fd-avatar--s,.fd-avatar--sm,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--lg:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--md:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--sm:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}\n"], dependencies: [{ kind: "pipe", type: AvatarIconPipe, name: "fdAvatarIcon" }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
284
284
  }
285
285
  __decorate([
286
286
  applyCssClass,
@@ -297,7 +297,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
297
297
  }
298
298
  ], host: {
299
299
  '[attr.tabindex]': '_tabindex'
300
- }, standalone: true, imports: [AvatarIconPipe, IconComponent], template: "@if (abbreviate) {\n {{ abbreviate }}\n}\n@if (zoomGlyph || valueState) {\n <i\n role=\"presentation\"\n class=\"fd-avatar__zoom-icon\"\n [class]=\"valueState | fdAvatarIcon: zoomGlyph\"\n (mousedown)=\"zoomClicked($event)\"\n >\n </i>\n}\n@if (glyph || showDefault) {\n <fd-icon\n class=\"fd-avatar__icon\"\n role=\"presentation\"\n [font]=\"font\"\n [glyph]=\"glyph || 'person-placeholder'\"\n ></fd-icon>\n}\n<div #content [style.display]=\"'none'\">\n <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.37.0\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:normal;margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--interactive.is-active.is-hover,.fd-avatar--interactive.is-active:hover,.fd-avatar--interactive:active.is-hover,.fd-avatar--interactive:active:hover,.fd-avatar[role=button].is-active.is-hover,.fd-avatar[role=button].is-active:hover,.fd-avatar[role=button]:active.is-hover,.fd-avatar[role=button]:active:hover,.fd-avatar[tabindex=\"0\"].is-active.is-hover,.fd-avatar[tabindex=\"0\"].is-active:hover,.fd-avatar[tabindex=\"0\"]:active.is-hover,.fd-avatar[tabindex=\"0\"]:active:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled,.fd-avatar[role=button].is-toggled,.fd-avatar[tabindex=\"0\"].is-toggled{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--sm{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--sm .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--sm .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--md{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--md .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--md .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--lg{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--lg .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--lg .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--lg,.fd-avatar--m,.fd-avatar--md,.fd-avatar--s,.fd-avatar--sm,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--lg:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--md:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--sm:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}\n"] }]
300
+ }, standalone: true, imports: [AvatarIconPipe, IconComponent], template: "@if (abbreviate) {\n {{ abbreviate }}\n}\n@if (zoomGlyph || valueState) {\n <i\n role=\"presentation\"\n class=\"fd-avatar__zoom-icon\"\n [class]=\"valueState | fdAvatarIcon: zoomGlyph\"\n (mousedown)=\"zoomClicked($event)\"\n >\n </i>\n}\n@if (glyph || showDefault) {\n <fd-icon\n class=\"fd-avatar__icon\"\n role=\"presentation\"\n [font]=\"font\"\n [glyph]=\"glyph || 'person-placeholder'\"\n ></fd-icon>\n}\n<div #content [style.display]=\"'none'\">\n <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.37.1\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:normal;margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--interactive.is-active.is-hover,.fd-avatar--interactive.is-active:hover,.fd-avatar--interactive:active.is-hover,.fd-avatar--interactive:active:hover,.fd-avatar[role=button].is-active.is-hover,.fd-avatar[role=button].is-active:hover,.fd-avatar[role=button]:active.is-hover,.fd-avatar[role=button]:active:hover,.fd-avatar[tabindex=\"0\"].is-active.is-hover,.fd-avatar[tabindex=\"0\"].is-active:hover,.fd-avatar[tabindex=\"0\"]:active.is-hover,.fd-avatar[tabindex=\"0\"]:active:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled,.fd-avatar[role=button].is-toggled,.fd-avatar[tabindex=\"0\"].is-toggled{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--sm{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--sm .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--sm .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--md{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--md .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--md .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--lg{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--lg .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--lg .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--lg,.fd-avatar--m,.fd-avatar--md,.fd-avatar--s,.fd-avatar--sm,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--lg:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--md:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--sm:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}\n"] }]
301
301
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
302
302
  type: Attribute,
303
303
  args: ['tabindex']