@fundamental-ngx/core 0.55.4 → 0.55.5

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 (171) hide show
  1. package/dialog/base/dialog-config-base.class.d.ts +2 -0
  2. package/fesm2022/fundamental-ngx-core-action-bar.mjs +2 -2
  3. package/fesm2022/fundamental-ngx-core-action-sheet.mjs +2 -2
  4. package/fesm2022/fundamental-ngx-core-avatar-group.mjs +2 -2
  5. package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
  6. package/fesm2022/fundamental-ngx-core-avatar.mjs +2 -2
  7. package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
  8. package/fesm2022/fundamental-ngx-core-bar.mjs +2 -2
  9. package/fesm2022/fundamental-ngx-core-bar.mjs.map +1 -1
  10. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +2 -2
  11. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
  12. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +2 -2
  13. package/fesm2022/fundamental-ngx-core-button.mjs +2 -2
  14. package/fesm2022/fundamental-ngx-core-button.mjs.map +1 -1
  15. package/fesm2022/fundamental-ngx-core-calendar.mjs +2 -2
  16. package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
  17. package/fesm2022/fundamental-ngx-core-card.mjs +2 -2
  18. package/fesm2022/fundamental-ngx-core-carousel.mjs +2 -2
  19. package/fesm2022/fundamental-ngx-core-checkbox.mjs +2 -2
  20. package/fesm2022/fundamental-ngx-core-checkbox.mjs.map +1 -1
  21. package/fesm2022/fundamental-ngx-core-combobox.mjs +1 -1
  22. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  23. package/fesm2022/fundamental-ngx-core-dialog.mjs +6 -4
  24. package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
  25. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +2 -2
  26. package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +2 -2
  27. package/fesm2022/fundamental-ngx-core-facets.mjs +2 -2
  28. package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
  29. package/fesm2022/fundamental-ngx-core-feed-input.mjs +2 -2
  30. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +2 -2
  31. package/fesm2022/fundamental-ngx-core-file-uploader.mjs +2 -2
  32. package/fesm2022/fundamental-ngx-core-file-uploader.mjs.map +1 -1
  33. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +2 -2
  34. package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +2 -2
  35. package/fesm2022/fundamental-ngx-core-form.mjs +14 -14
  36. package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
  37. package/fesm2022/fundamental-ngx-core-generic-tag.mjs +2 -2
  38. package/fesm2022/fundamental-ngx-core-grid-list.mjs +2 -2
  39. package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
  40. package/fesm2022/fundamental-ngx-core-icon.mjs +2 -2
  41. package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
  42. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +2 -2
  43. package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
  44. package/fesm2022/fundamental-ngx-core-input-group.mjs +2 -2
  45. package/fesm2022/fundamental-ngx-core-input-group.mjs.map +1 -1
  46. package/fesm2022/fundamental-ngx-core-layout-grid.mjs +2 -2
  47. package/fesm2022/fundamental-ngx-core-layout-panel.mjs +2 -2
  48. package/fesm2022/fundamental-ngx-core-link.mjs +2 -2
  49. package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
  50. package/fesm2022/fundamental-ngx-core-list.mjs +51 -14
  51. package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
  52. package/fesm2022/fundamental-ngx-core-menu.mjs +2 -2
  53. package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
  54. package/fesm2022/fundamental-ngx-core-message-box.mjs +2 -2
  55. package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
  56. package/fesm2022/fundamental-ngx-core-message-page.mjs +2 -2
  57. package/fesm2022/fundamental-ngx-core-message-strip.mjs +2 -2
  58. package/fesm2022/fundamental-ngx-core-message-toast.mjs +2 -2
  59. package/fesm2022/fundamental-ngx-core-message-toast.mjs.map +1 -1
  60. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +2 -2
  61. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +2 -2
  62. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  63. package/fesm2022/fundamental-ngx-core-multi-input.mjs +1 -1
  64. package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
  65. package/fesm2022/fundamental-ngx-core-notification.mjs +2 -2
  66. package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
  67. package/fesm2022/fundamental-ngx-core-object-attribute.mjs +2 -2
  68. package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
  69. package/fesm2022/fundamental-ngx-core-object-marker.mjs +2 -2
  70. package/fesm2022/fundamental-ngx-core-object-number.mjs +2 -2
  71. package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
  72. package/fesm2022/fundamental-ngx-core-pagination.mjs +2 -2
  73. package/fesm2022/fundamental-ngx-core-panel.mjs +18 -10
  74. package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
  75. package/fesm2022/fundamental-ngx-core-popover.mjs +2 -2
  76. package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
  77. package/fesm2022/fundamental-ngx-core-product-switch.mjs +2 -2
  78. package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +2 -2
  79. package/fesm2022/fundamental-ngx-core-quick-view.mjs +2 -2
  80. package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
  81. package/fesm2022/fundamental-ngx-core-radio.mjs +2 -2
  82. package/fesm2022/fundamental-ngx-core-radio.mjs.map +1 -1
  83. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +2 -2
  84. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
  85. package/fesm2022/fundamental-ngx-core-segmented-button.mjs +2 -2
  86. package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
  87. package/fesm2022/fundamental-ngx-core-select.mjs +2 -2
  88. package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
  89. package/fesm2022/fundamental-ngx-core-settings.mjs +362 -0
  90. package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -0
  91. package/fesm2022/fundamental-ngx-core-shellbar.mjs +332 -46
  92. package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
  93. package/fesm2022/fundamental-ngx-core-side-navigation.mjs +2 -2
  94. package/fesm2022/fundamental-ngx-core-side-navigation.mjs.map +1 -1
  95. package/fesm2022/fundamental-ngx-core-skeleton.mjs +2 -2
  96. package/fesm2022/fundamental-ngx-core-slider.mjs +2 -2
  97. package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
  98. package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
  99. package/fesm2022/fundamental-ngx-core-status-indicator.mjs +2 -2
  100. package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
  101. package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
  102. package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
  103. package/fesm2022/fundamental-ngx-core-table.mjs +4 -4
  104. package/fesm2022/fundamental-ngx-core-table.mjs.map +1 -1
  105. package/fesm2022/fundamental-ngx-core-tabs.mjs +4 -4
  106. package/fesm2022/fundamental-ngx-core-text.mjs +2 -2
  107. package/fesm2022/fundamental-ngx-core-tile.mjs +2 -2
  108. package/fesm2022/fundamental-ngx-core-time.mjs +2 -2
  109. package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
  110. package/fesm2022/fundamental-ngx-core-title.mjs +2 -2
  111. package/fesm2022/fundamental-ngx-core-token.mjs +4 -4
  112. package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
  113. package/fesm2022/fundamental-ngx-core-toolbar.mjs +2 -2
  114. package/fesm2022/fundamental-ngx-core-tree.mjs +2 -2
  115. package/fesm2022/fundamental-ngx-core-upload-collection.mjs +2 -2
  116. package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
  117. package/fesm2022/fundamental-ngx-core-user-menu.mjs +652 -0
  118. package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -0
  119. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +4 -4
  120. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
  121. package/fesm2022/fundamental-ngx-core-wizard.mjs +2 -2
  122. package/fesm2022/fundamental-ngx-core.mjs +8 -3
  123. package/fesm2022/fundamental-ngx-core.mjs.map +1 -1
  124. package/fundamental-ngx.module.d.ts +2 -1
  125. package/index.d.ts +1 -0
  126. package/list/directives/subline/list-subline.directive.d.ts +5 -0
  127. package/list/index.d.ts +1 -0
  128. package/list/list-item/list-item.component.d.ts +6 -2
  129. package/list/list.component.d.ts +7 -1
  130. package/list/list.module.d.ts +2 -1
  131. package/package.json +17 -9
  132. package/panel/panel-content/panel-content.directive.d.ts +5 -3
  133. package/panel/panel.component.d.ts +5 -1
  134. package/settings/index.d.ts +11 -0
  135. package/settings/settings-container/settings-container.component.d.ts +52 -0
  136. package/settings/settings-content/settings-content.directive.d.ts +15 -0
  137. package/settings/settings-detail-area/settings-detail-area.directive.d.ts +5 -0
  138. package/settings/settings-dialog-body/settings-dialog-body.directive.d.ts +5 -0
  139. package/settings/settings-dialog-content/settings-dialog-content.directive.d.ts +5 -0
  140. package/settings/settings-header/settings-header.directive.d.ts +5 -0
  141. package/settings/settings-header-button/settings-header-button.directive.d.ts +5 -0
  142. package/settings/settings-list-area/settings-list-area.directive.d.ts +5 -0
  143. package/settings/settings-list-container/settings-list-container.directive.d.ts +5 -0
  144. package/settings/settings.component.d.ts +5 -0
  145. package/settings/settings.module.d.ts +20 -0
  146. package/shellbar/index.d.ts +4 -0
  147. package/shellbar/model/shellbar.d.ts +2 -0
  148. package/shellbar/shellbar-action/shellbar-action.component.d.ts +3 -0
  149. package/shellbar/shellbar-actions/shellbar-actions.component.d.ts +12 -6
  150. package/shellbar/shellbar-actions-mobile/shellbar-actions-mobile.component.d.ts +4 -1
  151. package/shellbar/shellbar-branding/shellbar-branding.component.d.ts +20 -0
  152. package/shellbar/shellbar-context-area/shellbar-context-area.component.d.ts +30 -0
  153. package/shellbar/shellbar-hide-priority.directive.d.ts +10 -0
  154. package/shellbar/shellbar-separator/shellbar-separator.component.d.ts +8 -0
  155. package/shellbar/shellbar-subtitle/shellbar-subtitle.component.d.ts +2 -0
  156. package/shellbar/shellbar.component.d.ts +45 -9
  157. package/shellbar/shellbar.module.d.ts +7 -2
  158. package/user-menu/components/user-menu-body.component.d.ts +63 -0
  159. package/user-menu/components/user-menu-content-container.component.d.ts +5 -0
  160. package/user-menu/components/user-menu-control.component.d.ts +14 -0
  161. package/user-menu/components/user-menu-footer.component.d.ts +5 -0
  162. package/user-menu/components/user-menu-list-item.component.d.ts +61 -0
  163. package/user-menu/components/user-menu-list.component.d.ts +5 -0
  164. package/user-menu/components/user-menu-sublist.component.d.ts +25 -0
  165. package/user-menu/directives/user-menu-header-container.directive.d.ts +5 -0
  166. package/user-menu/directives/user-menu-header.directive.d.ts +5 -0
  167. package/user-menu/directives/user-menu-subline.directive.d.ts +5 -0
  168. package/user-menu/directives/user-menu-user-name.directive.d.ts +5 -0
  169. package/user-menu/index.d.ts +13 -0
  170. package/user-menu/user-menu.component.d.ts +48 -0
  171. package/user-menu/user-menu.module.d.ts +22 -0
@@ -1049,13 +1049,13 @@ class CarouselComponent {
1049
1049
  return slides;
1050
1050
  }
1051
1051
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: CarouselService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
1052
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: CarouselComponent, isStandalone: true, selector: "fd-carousel", inputs: { id: "id", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", pageIndicatorsOrientation: "pageIndicatorsOrientation", height: "height", width: "width", loop: "loop", navigation: "navigation", navigatorInPageIndicator: "navigatorInPageIndicator", numericIndicator: "numericIndicator", pageIndicatorContainer: "pageIndicatorContainer", pageIndicator: "pageIndicator", resourceStrings: "resourceStrings", slideTransitionDuration: "slideTransitionDuration", swipeEnabled: "swipeEnabled", vertical: "vertical", noPaginationContainerBorder: "noPaginationContainerBorder", contentBackground: "contentBackground", pageIndicatorBackground: "pageIndicatorBackground", visibleSlidesCount: "visibleSlidesCount" }, outputs: { slideChange: "slideChange" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)" }, properties: { "style.width": "width", "attr.id": "this.id" } }, providers: [CarouselService], queries: [{ propertyName: "slides", predicate: CarouselItemComponent, descendants: true }], viewQueries: [{ propertyName: "slideContainer", first: true, predicate: ["slideContainer"], descendants: true }, { propertyName: "carouselContainer", first: true, predicate: ["carouselContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"fd-carousel\"\n [class.fd-carousel--no-navigation]=\"!navigation\"\n data-ride=\"carousel\"\n tabindex=\"0\"\n [style.height]=\"height\"\n [style.width]=\"width\"\n [attr.dir]=\"_dir$()\"\n role=\"region\"\n #carouselContainer\n (click)=\"_focus()\"\n>\n @if (_showPageIndicatorContainer && pageIndicatorsOrientation === 'top') {\n <ng-template [ngTemplateOutlet]=\"pageIndicatorContainer\"></ng-template>\n }\n <div\n class=\"fd-carousel__content\"\n [class.fd-carousel__content--horizontal]=\"!vertical\"\n [ngClass]=\"'fd-carousel__content--' + contentBackground\"\n [style.width]=\"_contentSizePx\"\n >\n @if (_showNavigationButtonInContent) {\n <ng-template [ngTemplateOutlet]=\"buttonLeft\"></ng-template>\n }\n <div #slideContainer class=\"fd-carousel__slides\">\n <ng-content></ng-content>\n </div>\n @if (_showNavigationButtonInContent) {\n <ng-template [ngTemplateOutlet]=\"buttonRight\"></ng-template>\n }\n </div>\n @if (_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom') {\n <ng-template [ngTemplateOutlet]=\"pageIndicatorContainer\"></ng-template>\n }\n <div [style.display]=\"'none'\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n {{ screenReaderLabel }}\n </div>\n</div>\n<ng-template #pageIndicatorContainer>\n <div\n class=\"fd-carousel__page-indicator-container\"\n [class.fd-carousel__page-indicator-container--no-border]=\"noPaginationContainerBorder\"\n [ngClass]=\"'fd-carousel__page-indicator-container--' + pageIndicatorBackground\"\n >\n @if (_showNavigationButtonInPageIndicatorContainer) {\n <ng-template [ngTemplateOutlet]=\"buttonLeft\"></ng-template>\n }\n <ng-template [ngTemplateOutlet]=\"pageIndicators\"> </ng-template>\n @if (_showNavigationButtonInPageIndicatorContainer) {\n <ng-template [ngTemplateOutlet]=\"buttonRight\"></ng-template>\n }\n </div>\n</ng-template>\n<ng-template #pageIndicators>\n @if (numericIndicator) {\n <div class=\"fd-carousel__page-indicators\">\n @if (pageIndicator) {\n <div class=\"fd-carousel__text\" dir=\"ltr\">\n {{ getPageIndicatorLabel }}\n </div>\n }\n </div>\n }\n @if (!numericIndicator && _showNavigationButtonInPageIndicatorContainer) {\n <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"_dir$()\">\n @if (pageIndicator) {\n @for (item of pageIndicatorsCountArray; track item; let i = $index) {\n <li\n [attr.data-slide-to]=\"i + 1\"\n class=\"fd-carousel__page-indicator\"\n [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n ></li>\n }\n }\n </ol>\n }\n</ng-template>\n<ng-template #buttonLeft>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--left]=\"!vertical\"\n [class.fd-carousel__button--up]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-up' : 'slim-arrow-left'\"\n ></button>\n</ng-template>\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--right]=\"!vertical\"\n [class.fd-carousel__button--down]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-down' : 'slim-arrow-right'\"\n ></button>\n</ng-template>\n", styles: [".fd-carousel{--fdCarousel_Button_Display:block;--fdCarousel_Content_Background:var(--sapBackgroundColor);--fdCarousel_Page_Indicator_Margin:var(--fdCarousel_Dot_Margin);--fdCarousel_Page_Indicator_Size:var(--fdCarousel_Dot_Size);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Background);--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Border);--fdCarousel_Page_Indicator_Container_Background:var(--sapPageFooter_Background);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:100%;min-width:15.5rem;width:100%}.fd-carousel:after,.fd-carousel:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:block}.fd-carousel__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);flex-basis:100%;overflow:hidden;position:relative}.fd-carousel__content:after,.fd-carousel__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none;-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1);margin-block:0;margin-inline:0;position:absolute}.fd-carousel__content .fd-carousel__button--left,.fd-carousel__content .fd-carousel__button--right{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fd-carousel__content .fd-carousel__button--down,.fd-carousel__content .fd-carousel__button--up{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.fd-carousel__content .fd-carousel__button--down[dir=rtl]>[class*=sap-icon],.fd-carousel__content .fd-carousel__button--up[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--down>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--up>[class*=sap-icon]{-webkit-transform:rotate(0deg);transform:rotate(0)}.fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel__content .fd-carousel__button--up{top:.5rem}.fd-carousel__content .fd-carousel__button--down{bottom:.5rem}.fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel__content--horizontal .fd-carousel__slides{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;-ms-touch-action:pan-y;touch-action:pan-y;width:100%}.fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__content--solid{--fdCarousel_Content_Background:var(--sapGroup_ContentBackground)}.fd-carousel__content--transparent{--fdCarousel_Content_Background:transparent}.fd-carousel__slides{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding-block:0;padding-inline:0;-ms-touch-action:pan-x;touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fd-carousel__slides:after,.fd-carousel__slides:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;height:100%;line-height:0}.fd-carousel__item:after,.fd-carousel__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdCarousel_Page_Indicator_Container_Background);border-top:var(--fdCarousel_Pagination_Border);max-height:3.5rem;min-height:2.75rem;padding-block:.375rem;padding-inline:.5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicator-container--translucent{--fdCarousel_Page_Indicator_Container_Background:var(--sapBackgroundColor)}.fd-carousel__page-indicator-container--transparent{--fdCarousel_Page_Indicator_Container_Background:transparent}.fd-carousel__page-indicator-container--no-border{border-top-color:transparent}.fd-carousel__page-indicator-container--no-border:first-child{border-bottom-color:transparent;border-top:none}.fd-carousel__page-indicators{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:9rem;padding-block:.5rem;padding-inline:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{background-color:var(--fdCarousel_Page_Indicator_Background_Color);border:0;border:var(--fdCarousel_Page_Indicator_Border);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdCarousel_Page_Indicator_Size);line-height:normal;list-style-type:none;margin-block:0;margin-inline:0;margin-inline:var(--fdCarousel_Page_Indicator_Margin);max-height:var(--fdCarousel_Page_Indicator_Size);max-width:var(--fdCarousel_Page_Indicator_Size);min-height:var(--fdCarousel_Page_Indicator_Size);min-width:var(--fdCarousel_Page_Indicator_Size);padding-block:0;padding-inline:0;width:var(--fdCarousel_Page_Indicator_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{--fdCarousel_Page_Indicator_Size:.5rem;--fdCarousel_Page_Indicator_Margin:.25rem;--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Selected_Border);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Selected_Background)}.fd-carousel__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;display:var(--fdCarousel_Button_Display);height:2.125rem;margin-block:.25rem;margin-inline:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding-block:0;padding-inline:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-focus,.fd-carousel .fd-carousel__button:focus{z-index:5}.fd-carousel .fd-carousel__button.is-focus:after,.fd-carousel .fd-carousel__button:focus:after{--fdButton_Focus_Border_Radius:50%}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%;width:100%}\n/*! Bundled license information:\n\nfundamental-styles/dist/carousel.css:\n (*!\n * Fundamental Library Styles v0.38.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 *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1052
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: CarouselComponent, isStandalone: true, selector: "fd-carousel", inputs: { id: "id", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", pageIndicatorsOrientation: "pageIndicatorsOrientation", height: "height", width: "width", loop: "loop", navigation: "navigation", navigatorInPageIndicator: "navigatorInPageIndicator", numericIndicator: "numericIndicator", pageIndicatorContainer: "pageIndicatorContainer", pageIndicator: "pageIndicator", resourceStrings: "resourceStrings", slideTransitionDuration: "slideTransitionDuration", swipeEnabled: "swipeEnabled", vertical: "vertical", noPaginationContainerBorder: "noPaginationContainerBorder", contentBackground: "contentBackground", pageIndicatorBackground: "pageIndicatorBackground", visibleSlidesCount: "visibleSlidesCount" }, outputs: { slideChange: "slideChange" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)" }, properties: { "style.width": "width", "attr.id": "this.id" } }, providers: [CarouselService], queries: [{ propertyName: "slides", predicate: CarouselItemComponent, descendants: true }], viewQueries: [{ propertyName: "slideContainer", first: true, predicate: ["slideContainer"], descendants: true }, { propertyName: "carouselContainer", first: true, predicate: ["carouselContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"fd-carousel\"\n [class.fd-carousel--no-navigation]=\"!navigation\"\n data-ride=\"carousel\"\n tabindex=\"0\"\n [style.height]=\"height\"\n [style.width]=\"width\"\n [attr.dir]=\"_dir$()\"\n role=\"region\"\n #carouselContainer\n (click)=\"_focus()\"\n>\n @if (_showPageIndicatorContainer && pageIndicatorsOrientation === 'top') {\n <ng-template [ngTemplateOutlet]=\"pageIndicatorContainer\"></ng-template>\n }\n <div\n class=\"fd-carousel__content\"\n [class.fd-carousel__content--horizontal]=\"!vertical\"\n [ngClass]=\"'fd-carousel__content--' + contentBackground\"\n [style.width]=\"_contentSizePx\"\n >\n @if (_showNavigationButtonInContent) {\n <ng-template [ngTemplateOutlet]=\"buttonLeft\"></ng-template>\n }\n <div #slideContainer class=\"fd-carousel__slides\">\n <ng-content></ng-content>\n </div>\n @if (_showNavigationButtonInContent) {\n <ng-template [ngTemplateOutlet]=\"buttonRight\"></ng-template>\n }\n </div>\n @if (_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom') {\n <ng-template [ngTemplateOutlet]=\"pageIndicatorContainer\"></ng-template>\n }\n <div [style.display]=\"'none'\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n {{ screenReaderLabel }}\n </div>\n</div>\n<ng-template #pageIndicatorContainer>\n <div\n class=\"fd-carousel__page-indicator-container\"\n [class.fd-carousel__page-indicator-container--no-border]=\"noPaginationContainerBorder\"\n [ngClass]=\"'fd-carousel__page-indicator-container--' + pageIndicatorBackground\"\n >\n @if (_showNavigationButtonInPageIndicatorContainer) {\n <ng-template [ngTemplateOutlet]=\"buttonLeft\"></ng-template>\n }\n <ng-template [ngTemplateOutlet]=\"pageIndicators\"> </ng-template>\n @if (_showNavigationButtonInPageIndicatorContainer) {\n <ng-template [ngTemplateOutlet]=\"buttonRight\"></ng-template>\n }\n </div>\n</ng-template>\n<ng-template #pageIndicators>\n @if (numericIndicator) {\n <div class=\"fd-carousel__page-indicators\">\n @if (pageIndicator) {\n <div class=\"fd-carousel__text\" dir=\"ltr\">\n {{ getPageIndicatorLabel }}\n </div>\n }\n </div>\n }\n @if (!numericIndicator && _showNavigationButtonInPageIndicatorContainer) {\n <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"_dir$()\">\n @if (pageIndicator) {\n @for (item of pageIndicatorsCountArray; track item; let i = $index) {\n <li\n [attr.data-slide-to]=\"i + 1\"\n class=\"fd-carousel__page-indicator\"\n [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n ></li>\n }\n }\n </ol>\n }\n</ng-template>\n<ng-template #buttonLeft>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--left]=\"!vertical\"\n [class.fd-carousel__button--up]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-up' : 'slim-arrow-left'\"\n ></button>\n</ng-template>\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--right]=\"!vertical\"\n [class.fd-carousel__button--down]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-down' : 'slim-arrow-right'\"\n ></button>\n</ng-template>\n", styles: [".fd-carousel{--fdCarousel_Button_Display:block;--fdCarousel_Content_Background:var(--sapBackgroundColor);--fdCarousel_Page_Indicator_Margin:var(--fdCarousel_Dot_Margin);--fdCarousel_Page_Indicator_Size:var(--fdCarousel_Dot_Size);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Background);--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Border);--fdCarousel_Page_Indicator_Container_Background:var(--sapPageFooter_Background);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:100%;min-width:15.5rem;width:100%}.fd-carousel:after,.fd-carousel:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:block}.fd-carousel__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);flex-basis:100%;overflow:hidden;position:relative}.fd-carousel__content:after,.fd-carousel__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none;-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1);margin-block:0;margin-inline:0;position:absolute}.fd-carousel__content .fd-carousel__button--left,.fd-carousel__content .fd-carousel__button--right{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fd-carousel__content .fd-carousel__button--down,.fd-carousel__content .fd-carousel__button--up{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.fd-carousel__content .fd-carousel__button--down[dir=rtl]>[class*=sap-icon],.fd-carousel__content .fd-carousel__button--up[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--down>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--up>[class*=sap-icon]{-webkit-transform:rotate(0deg);transform:rotate(0)}.fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel__content .fd-carousel__button--up{top:.5rem}.fd-carousel__content .fd-carousel__button--down{bottom:.5rem}.fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel__content--horizontal .fd-carousel__slides{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;-ms-touch-action:pan-y;touch-action:pan-y;width:100%}.fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__content--solid{--fdCarousel_Content_Background:var(--sapGroup_ContentBackground)}.fd-carousel__content--transparent{--fdCarousel_Content_Background:transparent}.fd-carousel__slides{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding-block:0;padding-inline:0;-ms-touch-action:pan-x;touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fd-carousel__slides:after,.fd-carousel__slides:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;height:100%;line-height:0}.fd-carousel__item:after,.fd-carousel__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdCarousel_Page_Indicator_Container_Background);border-top:var(--fdCarousel_Pagination_Border);max-height:3.5rem;min-height:2.75rem;padding-block:.375rem;padding-inline:.5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicator-container--translucent{--fdCarousel_Page_Indicator_Container_Background:var(--sapBackgroundColor)}.fd-carousel__page-indicator-container--transparent{--fdCarousel_Page_Indicator_Container_Background:transparent}.fd-carousel__page-indicator-container--no-border{border-top-color:transparent}.fd-carousel__page-indicator-container--no-border:first-child{border-bottom-color:transparent;border-top:none}.fd-carousel__page-indicators{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:9rem;padding-block:.5rem;padding-inline:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{background-color:var(--fdCarousel_Page_Indicator_Background_Color);border:0;border:var(--fdCarousel_Page_Indicator_Border);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdCarousel_Page_Indicator_Size);line-height:normal;list-style-type:none;margin-block:0;margin-inline:0;margin-inline:var(--fdCarousel_Page_Indicator_Margin);max-height:var(--fdCarousel_Page_Indicator_Size);max-width:var(--fdCarousel_Page_Indicator_Size);min-height:var(--fdCarousel_Page_Indicator_Size);min-width:var(--fdCarousel_Page_Indicator_Size);padding-block:0;padding-inline:0;width:var(--fdCarousel_Page_Indicator_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{--fdCarousel_Page_Indicator_Size:.5rem;--fdCarousel_Page_Indicator_Margin:.25rem;--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Selected_Border);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Selected_Background)}.fd-carousel__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;display:var(--fdCarousel_Button_Display);height:2.125rem;margin-block:.25rem;margin-inline:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding-block:0;padding-inline:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-focus,.fd-carousel .fd-carousel__button:focus{z-index:5}.fd-carousel .fd-carousel__button.is-focus:after,.fd-carousel .fd-carousel__button:focus:after{--fdButton_Focus_Border_Radius:50%}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%;width:100%}\n/*! Bundled license information:\n\nfundamental-styles/dist/carousel.css:\n (*!\n * Fundamental Library Styles v0.39.2\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1053
1053
  }
1054
1054
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: CarouselComponent, decorators: [{
1055
1055
  type: Component,
1056
1056
  args: [{ selector: 'fd-carousel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CarouselService], host: {
1057
1057
  '[style.width]': 'width'
1058
- }, imports: [NgTemplateOutlet, NgClass, ButtonComponent, FdTranslatePipe], template: "<div\n class=\"fd-carousel\"\n [class.fd-carousel--no-navigation]=\"!navigation\"\n data-ride=\"carousel\"\n tabindex=\"0\"\n [style.height]=\"height\"\n [style.width]=\"width\"\n [attr.dir]=\"_dir$()\"\n role=\"region\"\n #carouselContainer\n (click)=\"_focus()\"\n>\n @if (_showPageIndicatorContainer && pageIndicatorsOrientation === 'top') {\n <ng-template [ngTemplateOutlet]=\"pageIndicatorContainer\"></ng-template>\n }\n <div\n class=\"fd-carousel__content\"\n [class.fd-carousel__content--horizontal]=\"!vertical\"\n [ngClass]=\"'fd-carousel__content--' + contentBackground\"\n [style.width]=\"_contentSizePx\"\n >\n @if (_showNavigationButtonInContent) {\n <ng-template [ngTemplateOutlet]=\"buttonLeft\"></ng-template>\n }\n <div #slideContainer class=\"fd-carousel__slides\">\n <ng-content></ng-content>\n </div>\n @if (_showNavigationButtonInContent) {\n <ng-template [ngTemplateOutlet]=\"buttonRight\"></ng-template>\n }\n </div>\n @if (_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom') {\n <ng-template [ngTemplateOutlet]=\"pageIndicatorContainer\"></ng-template>\n }\n <div [style.display]=\"'none'\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n {{ screenReaderLabel }}\n </div>\n</div>\n<ng-template #pageIndicatorContainer>\n <div\n class=\"fd-carousel__page-indicator-container\"\n [class.fd-carousel__page-indicator-container--no-border]=\"noPaginationContainerBorder\"\n [ngClass]=\"'fd-carousel__page-indicator-container--' + pageIndicatorBackground\"\n >\n @if (_showNavigationButtonInPageIndicatorContainer) {\n <ng-template [ngTemplateOutlet]=\"buttonLeft\"></ng-template>\n }\n <ng-template [ngTemplateOutlet]=\"pageIndicators\"> </ng-template>\n @if (_showNavigationButtonInPageIndicatorContainer) {\n <ng-template [ngTemplateOutlet]=\"buttonRight\"></ng-template>\n }\n </div>\n</ng-template>\n<ng-template #pageIndicators>\n @if (numericIndicator) {\n <div class=\"fd-carousel__page-indicators\">\n @if (pageIndicator) {\n <div class=\"fd-carousel__text\" dir=\"ltr\">\n {{ getPageIndicatorLabel }}\n </div>\n }\n </div>\n }\n @if (!numericIndicator && _showNavigationButtonInPageIndicatorContainer) {\n <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"_dir$()\">\n @if (pageIndicator) {\n @for (item of pageIndicatorsCountArray; track item; let i = $index) {\n <li\n [attr.data-slide-to]=\"i + 1\"\n class=\"fd-carousel__page-indicator\"\n [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n ></li>\n }\n }\n </ol>\n }\n</ng-template>\n<ng-template #buttonLeft>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--left]=\"!vertical\"\n [class.fd-carousel__button--up]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-up' : 'slim-arrow-left'\"\n ></button>\n</ng-template>\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--right]=\"!vertical\"\n [class.fd-carousel__button--down]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-down' : 'slim-arrow-right'\"\n ></button>\n</ng-template>\n", styles: [".fd-carousel{--fdCarousel_Button_Display:block;--fdCarousel_Content_Background:var(--sapBackgroundColor);--fdCarousel_Page_Indicator_Margin:var(--fdCarousel_Dot_Margin);--fdCarousel_Page_Indicator_Size:var(--fdCarousel_Dot_Size);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Background);--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Border);--fdCarousel_Page_Indicator_Container_Background:var(--sapPageFooter_Background);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:100%;min-width:15.5rem;width:100%}.fd-carousel:after,.fd-carousel:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:block}.fd-carousel__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);flex-basis:100%;overflow:hidden;position:relative}.fd-carousel__content:after,.fd-carousel__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none;-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1);margin-block:0;margin-inline:0;position:absolute}.fd-carousel__content .fd-carousel__button--left,.fd-carousel__content .fd-carousel__button--right{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fd-carousel__content .fd-carousel__button--down,.fd-carousel__content .fd-carousel__button--up{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.fd-carousel__content .fd-carousel__button--down[dir=rtl]>[class*=sap-icon],.fd-carousel__content .fd-carousel__button--up[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--down>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--up>[class*=sap-icon]{-webkit-transform:rotate(0deg);transform:rotate(0)}.fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel__content .fd-carousel__button--up{top:.5rem}.fd-carousel__content .fd-carousel__button--down{bottom:.5rem}.fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel__content--horizontal .fd-carousel__slides{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;-ms-touch-action:pan-y;touch-action:pan-y;width:100%}.fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__content--solid{--fdCarousel_Content_Background:var(--sapGroup_ContentBackground)}.fd-carousel__content--transparent{--fdCarousel_Content_Background:transparent}.fd-carousel__slides{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding-block:0;padding-inline:0;-ms-touch-action:pan-x;touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fd-carousel__slides:after,.fd-carousel__slides:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;height:100%;line-height:0}.fd-carousel__item:after,.fd-carousel__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdCarousel_Page_Indicator_Container_Background);border-top:var(--fdCarousel_Pagination_Border);max-height:3.5rem;min-height:2.75rem;padding-block:.375rem;padding-inline:.5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicator-container--translucent{--fdCarousel_Page_Indicator_Container_Background:var(--sapBackgroundColor)}.fd-carousel__page-indicator-container--transparent{--fdCarousel_Page_Indicator_Container_Background:transparent}.fd-carousel__page-indicator-container--no-border{border-top-color:transparent}.fd-carousel__page-indicator-container--no-border:first-child{border-bottom-color:transparent;border-top:none}.fd-carousel__page-indicators{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:9rem;padding-block:.5rem;padding-inline:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{background-color:var(--fdCarousel_Page_Indicator_Background_Color);border:0;border:var(--fdCarousel_Page_Indicator_Border);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdCarousel_Page_Indicator_Size);line-height:normal;list-style-type:none;margin-block:0;margin-inline:0;margin-inline:var(--fdCarousel_Page_Indicator_Margin);max-height:var(--fdCarousel_Page_Indicator_Size);max-width:var(--fdCarousel_Page_Indicator_Size);min-height:var(--fdCarousel_Page_Indicator_Size);min-width:var(--fdCarousel_Page_Indicator_Size);padding-block:0;padding-inline:0;width:var(--fdCarousel_Page_Indicator_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{--fdCarousel_Page_Indicator_Size:.5rem;--fdCarousel_Page_Indicator_Margin:.25rem;--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Selected_Border);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Selected_Background)}.fd-carousel__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;display:var(--fdCarousel_Button_Display);height:2.125rem;margin-block:.25rem;margin-inline:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding-block:0;padding-inline:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-focus,.fd-carousel .fd-carousel__button:focus{z-index:5}.fd-carousel .fd-carousel__button.is-focus:after,.fd-carousel .fd-carousel__button:focus:after{--fdButton_Focus_Border_Radius:50%}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%;width:100%}\n/*! Bundled license information:\n\nfundamental-styles/dist/carousel.css:\n (*!\n * Fundamental Library Styles v0.38.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 *)\n*/\n"] }]
1058
+ }, imports: [NgTemplateOutlet, NgClass, ButtonComponent, FdTranslatePipe], template: "<div\n class=\"fd-carousel\"\n [class.fd-carousel--no-navigation]=\"!navigation\"\n data-ride=\"carousel\"\n tabindex=\"0\"\n [style.height]=\"height\"\n [style.width]=\"width\"\n [attr.dir]=\"_dir$()\"\n role=\"region\"\n #carouselContainer\n (click)=\"_focus()\"\n>\n @if (_showPageIndicatorContainer && pageIndicatorsOrientation === 'top') {\n <ng-template [ngTemplateOutlet]=\"pageIndicatorContainer\"></ng-template>\n }\n <div\n class=\"fd-carousel__content\"\n [class.fd-carousel__content--horizontal]=\"!vertical\"\n [ngClass]=\"'fd-carousel__content--' + contentBackground\"\n [style.width]=\"_contentSizePx\"\n >\n @if (_showNavigationButtonInContent) {\n <ng-template [ngTemplateOutlet]=\"buttonLeft\"></ng-template>\n }\n <div #slideContainer class=\"fd-carousel__slides\">\n <ng-content></ng-content>\n </div>\n @if (_showNavigationButtonInContent) {\n <ng-template [ngTemplateOutlet]=\"buttonRight\"></ng-template>\n }\n </div>\n @if (_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom') {\n <ng-template [ngTemplateOutlet]=\"pageIndicatorContainer\"></ng-template>\n }\n <div [style.display]=\"'none'\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n {{ screenReaderLabel }}\n </div>\n</div>\n<ng-template #pageIndicatorContainer>\n <div\n class=\"fd-carousel__page-indicator-container\"\n [class.fd-carousel__page-indicator-container--no-border]=\"noPaginationContainerBorder\"\n [ngClass]=\"'fd-carousel__page-indicator-container--' + pageIndicatorBackground\"\n >\n @if (_showNavigationButtonInPageIndicatorContainer) {\n <ng-template [ngTemplateOutlet]=\"buttonLeft\"></ng-template>\n }\n <ng-template [ngTemplateOutlet]=\"pageIndicators\"> </ng-template>\n @if (_showNavigationButtonInPageIndicatorContainer) {\n <ng-template [ngTemplateOutlet]=\"buttonRight\"></ng-template>\n }\n </div>\n</ng-template>\n<ng-template #pageIndicators>\n @if (numericIndicator) {\n <div class=\"fd-carousel__page-indicators\">\n @if (pageIndicator) {\n <div class=\"fd-carousel__text\" dir=\"ltr\">\n {{ getPageIndicatorLabel }}\n </div>\n }\n </div>\n }\n @if (!numericIndicator && _showNavigationButtonInPageIndicatorContainer) {\n <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"_dir$()\">\n @if (pageIndicator) {\n @for (item of pageIndicatorsCountArray; track item; let i = $index) {\n <li\n [attr.data-slide-to]=\"i + 1\"\n class=\"fd-carousel__page-indicator\"\n [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n ></li>\n }\n }\n </ol>\n }\n</ng-template>\n<ng-template #buttonLeft>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--left]=\"!vertical\"\n [class.fd-carousel__button--up]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-up' : 'slim-arrow-left'\"\n ></button>\n</ng-template>\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--right]=\"!vertical\"\n [class.fd-carousel__button--down]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-down' : 'slim-arrow-right'\"\n ></button>\n</ng-template>\n", styles: [".fd-carousel{--fdCarousel_Button_Display:block;--fdCarousel_Content_Background:var(--sapBackgroundColor);--fdCarousel_Page_Indicator_Margin:var(--fdCarousel_Dot_Margin);--fdCarousel_Page_Indicator_Size:var(--fdCarousel_Dot_Size);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Background);--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Border);--fdCarousel_Page_Indicator_Container_Background:var(--sapPageFooter_Background);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:100%;min-width:15.5rem;width:100%}.fd-carousel:after,.fd-carousel:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:block}.fd-carousel__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);flex-basis:100%;overflow:hidden;position:relative}.fd-carousel__content:after,.fd-carousel__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none;-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1);margin-block:0;margin-inline:0;position:absolute}.fd-carousel__content .fd-carousel__button--left,.fd-carousel__content .fd-carousel__button--right{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fd-carousel__content .fd-carousel__button--down,.fd-carousel__content .fd-carousel__button--up{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.fd-carousel__content .fd-carousel__button--down[dir=rtl]>[class*=sap-icon],.fd-carousel__content .fd-carousel__button--up[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--down>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--up>[class*=sap-icon]{-webkit-transform:rotate(0deg);transform:rotate(0)}.fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel__content .fd-carousel__button--up{top:.5rem}.fd-carousel__content .fd-carousel__button--down{bottom:.5rem}.fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel__content--horizontal .fd-carousel__slides{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;-ms-touch-action:pan-y;touch-action:pan-y;width:100%}.fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__content--solid{--fdCarousel_Content_Background:var(--sapGroup_ContentBackground)}.fd-carousel__content--transparent{--fdCarousel_Content_Background:transparent}.fd-carousel__slides{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding-block:0;padding-inline:0;-ms-touch-action:pan-x;touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fd-carousel__slides:after,.fd-carousel__slides:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;height:100%;line-height:0}.fd-carousel__item:after,.fd-carousel__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdCarousel_Page_Indicator_Container_Background);border-top:var(--fdCarousel_Pagination_Border);max-height:3.5rem;min-height:2.75rem;padding-block:.375rem;padding-inline:.5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicator-container--translucent{--fdCarousel_Page_Indicator_Container_Background:var(--sapBackgroundColor)}.fd-carousel__page-indicator-container--transparent{--fdCarousel_Page_Indicator_Container_Background:transparent}.fd-carousel__page-indicator-container--no-border{border-top-color:transparent}.fd-carousel__page-indicator-container--no-border:first-child{border-bottom-color:transparent;border-top:none}.fd-carousel__page-indicators{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:9rem;padding-block:.5rem;padding-inline:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{background-color:var(--fdCarousel_Page_Indicator_Background_Color);border:0;border:var(--fdCarousel_Page_Indicator_Border);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdCarousel_Page_Indicator_Size);line-height:normal;list-style-type:none;margin-block:0;margin-inline:0;margin-inline:var(--fdCarousel_Page_Indicator_Margin);max-height:var(--fdCarousel_Page_Indicator_Size);max-width:var(--fdCarousel_Page_Indicator_Size);min-height:var(--fdCarousel_Page_Indicator_Size);min-width:var(--fdCarousel_Page_Indicator_Size);padding-block:0;padding-inline:0;width:var(--fdCarousel_Page_Indicator_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{--fdCarousel_Page_Indicator_Size:.5rem;--fdCarousel_Page_Indicator_Margin:.25rem;--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Selected_Border);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Selected_Background)}.fd-carousel__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;display:var(--fdCarousel_Button_Display);height:2.125rem;margin-block:.25rem;margin-inline:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding-block:0;padding-inline:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-focus,.fd-carousel .fd-carousel__button:focus{z-index:5}.fd-carousel .fd-carousel__button.is-focus:after,.fd-carousel .fd-carousel__button:focus:after{--fdButton_Focus_Border_Radius:50%}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%;width:100%}\n/*! Bundled license information:\n\nfundamental-styles/dist/carousel.css:\n (*!\n * Fundamental Library Styles v0.39.2\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
1059
1059
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: CarouselService }, { type: i0.NgZone }], propDecorators: { id: [{
1060
1060
  type: Input
1061
1061
  }, {
@@ -251,7 +251,7 @@ class CheckboxComponent {
251
251
  },
252
252
  registerFormItemControl(CheckboxComponent),
253
253
  contentDensityObserverProviders()
254
- ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["labelElement"], descendants: true }, { propertyName: "_domPortalContent", first: true, predicate: ["domPortal"], descendants: true }, { propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], ngImport: i0, template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled || displayOnly\"\n [readonly]=\"readonly\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.role]=\"role\"\n [attr.aria-checked]=\"isChecked ? 'true' : isIndeterminate ? 'mixed' : 'false'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-readonly]=\"readonly\"\n [attr.aria-required]=\"required\"\n [ngClass]=\"[displayOnly ? 'is-display' : disabled ? 'is-disabled' : '', state ? 'is-' + state : '']\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n/>\n<label\n class=\"fd-checkbox__label\"\n #labelElement\n [for]=\"inputId\"\n [class]=\"labelClass\"\n [attr.title]=\"title\"\n [class.fd-checkbox__label--required]=\"required\"\n [class.fd-checkbox__label--wrap]=\"wrapLabel && valignLabel === 'middle'\"\n [class.fd-checkbox__label--wrap-top-aligned]=\"wrapLabel && valignLabel === 'top'\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n (click)=\"_onLabelClick($event)\"\n>\n <span class=\"fd-checkbox__checkmark\" aria-hidden=\"true\"></span>\n @if (label || _projectedContent) {\n <div class=\"fd-checkbox__label-container\">\n @if (label) {\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n } @else {\n <span class=\"fd-checkbox__text\">\n <ng-template cdkPortalOutlet></ng-template>\n </span>\n }\n </div>\n }\n</label>\n<span [attr.hidden]=\"!_projectedContent ? true : null\" #domPortal>\n <ng-content></ng-content>\n</span>\n", styles: [".fd-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;opacity:.0001;outline:none;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox:after,.fd-checkbox:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-checkbox.is-success.is-focus,.fd-checkbox.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-checkbox.is-success.is-focus.is-hover,.fd-checkbox.is-success.is-focus:hover,.fd-checkbox.is-success:focus.is-hover,.fd-checkbox.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-success.is-expanded,.fd-checkbox.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-checkbox.is-error.is-focus.is-hover,.fd-checkbox.is-error.is-focus:hover,.fd-checkbox.is-error:focus.is-hover,.fd-checkbox.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-error.is-expanded,.fd-checkbox.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-warning.is-focus.is-hover,.fd-checkbox.is-warning.is-focus:hover,.fd-checkbox.is-warning:focus.is-hover,.fd-checkbox.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-warning.is-expanded,.fd-checkbox.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-alert.is-focus.is-hover,.fd-checkbox.is-alert.is-focus:hover,.fd-checkbox.is-alert:focus.is-hover,.fd-checkbox.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-alert.is-expanded,.fd-checkbox.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-checkbox.is-information.is-focus.is-hover,.fd-checkbox.is-information.is-focus:hover,.fd-checkbox.is-information:focus.is-hover,.fd-checkbox.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-information.is-expanded,.fd-checkbox.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox.is-readonly,.fd-checkbox.is-readonly.is-focus,.fd-checkbox.is-readonly.is-hover,.fd-checkbox.is-readonly:focus,.fd-checkbox.is-readonly:hover,.fd-checkbox[aria-readonly=true],.fd-checkbox[aria-readonly=true].is-focus,.fd-checkbox[aria-readonly=true].is-hover,.fd-checkbox[aria-readonly=true]:focus,.fd-checkbox[aria-readonly=true]:hover,.fd-checkbox[readonly],.fd-checkbox[readonly].is-focus,.fd-checkbox[readonly].is-hover,.fd-checkbox[readonly]:focus,.fd-checkbox[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-readonly.is-focus,.fd-checkbox.is-readonly:focus,.fd-checkbox[aria-readonly=true].is-focus,.fd-checkbox[aria-readonly=true]:focus,.fd-checkbox[readonly].is-focus,.fd-checkbox[readonly]:focus{z-index:5}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fdCheckbox_Padding);line-height:1rem;margin-block:0;margin-inline:0;padding-block:var(--fdCheckbox_Padding);padding-inline:var(--fdCheckbox_Padding)}.fd-checkbox__label:after,.fd-checkbox__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox__label:hover .fd-checkbox__checkmark{background-color:var(--fdCheckbox_Hover_Background_Color);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Default_Hover);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Default_Hover);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Default_Hover);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Default_Hover);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Default_Hover)}.fd-checkbox__label:focus{outline:none}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{-webkit-padding-end:.5rem;padding-inline-end:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{color:var(--sapField_RequiredColor);content:\"*\";font-size:var(--sapFontSize);font-weight:700;position:absolute;-webkit-padding-start:.125rem;padding-inline-start:.125rem}.fd-checkbox__label--wrap .fd-checkbox__label-container{height:auto;white-space:normal}.fd-checkbox__label--wrap .fd-checkbox__text{white-space:normal}.fd-checkbox__label--wrap-top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-checkbox__label--wrap-top-aligned .fd-checkbox__label-container{height:auto;white-space:normal}.fd-checkbox__label--wrap-top-aligned .fd-checkbox__text{white-space:normal}.fd-checkbox__label-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;max-width:inherit;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:inherit;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__text:after,.fd-checkbox__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__checkmark{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdCheckbox_Background_Color);border:var(--fdCheckbox_Inner_Border_Width) var(--fdCheckbox_Inner_Border_Style) var(--fdCheckbox_Inner_Border_Color);border-radius:var(--sapField_BorderCornerRadius);color:var(--fdCheckbox_Check_Mark_Color);font-family:SAP-icons;height:var(--fdCheckbox_Dimensions);min-width:var(--fdCheckbox_Dimensions);width:var(--fdCheckbox_Dimensions)}.fd-checkbox__checkmark:after,.fd-checkbox__checkmark:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__checkmark:before{content:\"\"}.fd-checkbox:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{background-color:var(--fdCheckbox_Check_Mark_Color);content:\"\";height:var(--fdCheckbox_Tristate_Size);position:absolute;width:var(--fdCheckbox_Tristate_Size)}.fd-checkbox.is-alert+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox.is-warning+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Warning);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Warning);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Warning);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Warning);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Warning);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Warning_Hover)}.fd-checkbox.is-error+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Error);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Error);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Error);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Error);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Error);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Error_Hover)}.fd-checkbox.is-success+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Success);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Success);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Success);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Success);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Success);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Success_Hover)}.fd-checkbox.is-information+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Information);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Information);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Information);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Information);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Information);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Information_Hover)}.fd-checkbox.is-readonly+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox[readonly]+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_ReadOnly);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_ReadOnly);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_ReadOnly);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_ReadOnly);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly)}.fd-checkbox.is-display+.fd-checkbox__label{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);gap:.5rem}.fd-checkbox.is-display+.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox.is-display+.fd-checkbox__label:hover .fd-checkbox__checkmark{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);--fdCheckbox_Hover_Background_Color:transparent}.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:transparent;--fdCheckbox_Dimensions:1rem;border:none}.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:\"\\e19a\";font-size:1rem;height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-checkbox.is-display:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e03f\";font-size:1rem}.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e295\";font-size:1rem}.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{content:\"\";height:0;width:0}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{border-radius:var(--fdCheckbox_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdCheckbox_Focus_Outline_Offset) - var(--fdCheckbox_Padding))}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001}.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox[class*=-compact]+.fd-checkbox__label,.fd-checkbox[class*=-condensed]+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label{--fdCheckbox_Dimensions:var(--fdCheckbox_Compact_Dimensions);--fdCheckbox_Padding:var(--fdCheckbox_Compact_Padding)}.fd-checkbox[class*=-compact]:indeterminate+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:indeterminate+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label{--fdCheckbox_Tristate_Size:var(--fdCheckbox_Tristate_Compact_Size);--fdCheckbox_Tristate_Offset:var(--fdCheckbox_Tristate_Compact_Offset)}.fd-checkbox[class*=-compact].is-focus,.fd-checkbox[class*=-compact]:focus,.fd-checkbox[class*=-condensed].is-focus,.fd-checkbox[class*=-condensed]:focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus{z-index:5}.fd-checkbox[class*=-compact].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-compact]:focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label{--fdCheckbox_Outline_Border_Radius:var(--fdCheckbox_Compact_Outline_Border_Radius)}fd-checkbox .fd-checkbox__text:empty{margin:0}fd-checkbox .fd-checkbox__label{-webkit-user-select:none;user-select:none}fd-checkbox .fd-checkbox__label-container{pointer-events:auto}fd-checkbox .fd-checkbox.is-disabled+.fd-checkbox__label .fd-checkbox__label-container,fd-checkbox .fd-checkbox.is-readonly+.fd-checkbox__label .fd-checkbox__label-container{pointer-events:none!important}fd-checkbox.fd-checkbox--standalone .fd-checkbox__label{margin:0}fd-checkbox .fd-checkbox.is-display:disabled+.fd-checkbox__label{opacity:1}fd-checkbox .fd-checkbox.is-readonly+.fd-checkbox__label{opacity:1;pointer-events:none;cursor:pointer}fd-checkbox .fd-checkbox.is-readonly:focus,fd-checkbox .fd-checkbox.is-readonly:hover{cursor:pointer}\n/*! Bundled license information:\n\nfundamental-styles/dist/checkbox.css:\n (*!\n * Fundamental Library Styles v0.38.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 *)\n*/\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ContentDensityModule }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
254
+ ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["labelElement"], descendants: true }, { propertyName: "_domPortalContent", first: true, predicate: ["domPortal"], descendants: true }, { propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], ngImport: i0, template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled || displayOnly\"\n [readonly]=\"readonly\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.role]=\"role\"\n [attr.aria-checked]=\"isChecked ? 'true' : isIndeterminate ? 'mixed' : 'false'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-readonly]=\"readonly\"\n [attr.aria-required]=\"required\"\n [ngClass]=\"[displayOnly ? 'is-display' : disabled ? 'is-disabled' : '', state ? 'is-' + state : '']\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n/>\n<label\n class=\"fd-checkbox__label\"\n #labelElement\n [for]=\"inputId\"\n [class]=\"labelClass\"\n [attr.title]=\"title\"\n [class.fd-checkbox__label--required]=\"required\"\n [class.fd-checkbox__label--wrap]=\"wrapLabel && valignLabel === 'middle'\"\n [class.fd-checkbox__label--wrap-top-aligned]=\"wrapLabel && valignLabel === 'top'\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n (click)=\"_onLabelClick($event)\"\n>\n <span class=\"fd-checkbox__checkmark\" aria-hidden=\"true\"></span>\n @if (label || _projectedContent) {\n <div class=\"fd-checkbox__label-container\">\n @if (label) {\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n } @else {\n <span class=\"fd-checkbox__text\">\n <ng-template cdkPortalOutlet></ng-template>\n </span>\n }\n </div>\n }\n</label>\n<span [attr.hidden]=\"!_projectedContent ? true : null\" #domPortal>\n <ng-content></ng-content>\n</span>\n", styles: [".fd-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;opacity:.0001;outline:none;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox:after,.fd-checkbox:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-checkbox.is-success.is-focus,.fd-checkbox.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-checkbox.is-success.is-focus.is-hover,.fd-checkbox.is-success.is-focus:hover,.fd-checkbox.is-success:focus.is-hover,.fd-checkbox.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-success.is-expanded,.fd-checkbox.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-checkbox.is-error.is-focus.is-hover,.fd-checkbox.is-error.is-focus:hover,.fd-checkbox.is-error:focus.is-hover,.fd-checkbox.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-error.is-expanded,.fd-checkbox.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-warning.is-focus.is-hover,.fd-checkbox.is-warning.is-focus:hover,.fd-checkbox.is-warning:focus.is-hover,.fd-checkbox.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-warning.is-expanded,.fd-checkbox.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-alert.is-focus.is-hover,.fd-checkbox.is-alert.is-focus:hover,.fd-checkbox.is-alert:focus.is-hover,.fd-checkbox.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-alert.is-expanded,.fd-checkbox.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-checkbox.is-information.is-focus.is-hover,.fd-checkbox.is-information.is-focus:hover,.fd-checkbox.is-information:focus.is-hover,.fd-checkbox.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-information.is-expanded,.fd-checkbox.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox.is-readonly,.fd-checkbox.is-readonly.is-hover,.fd-checkbox.is-readonly:hover,.fd-checkbox[aria-readonly=true],.fd-checkbox[aria-readonly=true].is-hover,.fd-checkbox[aria-readonly=true]:hover,.fd-checkbox[readonly],.fd-checkbox[readonly].is-hover,.fd-checkbox[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none;z-index:-1}.fd-checkbox.is-readonly.is-focus,.fd-checkbox.is-readonly:focus,.fd-checkbox[aria-readonly=true].is-focus,.fd-checkbox[aria-readonly=true]:focus,.fd-checkbox[readonly].is-focus,.fd-checkbox[readonly]:focus{z-index:5;--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none;z-index:-1}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fdCheckbox_Padding);line-height:1rem;margin-block:0;margin-inline:0;padding-block:var(--fdCheckbox_Padding);padding-inline:var(--fdCheckbox_Padding)}.fd-checkbox__label:after,.fd-checkbox__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox__label:hover .fd-checkbox__checkmark{background-color:var(--fdCheckbox_Hover_Background_Color);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Default_Hover);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Default_Hover);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Default_Hover);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Default_Hover);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Default_Hover)}.fd-checkbox__label:focus{outline:none}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{-webkit-padding-end:.5rem;padding-inline-end:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{color:var(--sapField_RequiredColor);content:\"*\"/\"\";font-size:var(--sapFontSize);font-weight:700;position:absolute;-webkit-padding-start:.125rem;padding-inline-start:.125rem}.fd-checkbox__label--wrap .fd-checkbox__label-container{height:auto;white-space:normal}.fd-checkbox__label--wrap .fd-checkbox__text{white-space:normal}.fd-checkbox__label--wrap-top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-checkbox__label--wrap-top-aligned .fd-checkbox__label-container{height:auto;white-space:normal}.fd-checkbox__label--wrap-top-aligned .fd-checkbox__text{white-space:normal}.fd-checkbox__label-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:inherit;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__text:after,.fd-checkbox__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__checkmark{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdCheckbox_Background_Color);border:var(--fdCheckbox_Inner_Border_Width) var(--fdCheckbox_Inner_Border_Style) var(--fdCheckbox_Inner_Border_Color);border-radius:var(--sapField_BorderCornerRadius);color:var(--fdCheckbox_Check_Mark_Color);font-family:SAP-icons;height:var(--fdCheckbox_Dimensions);min-width:var(--fdCheckbox_Dimensions);width:var(--fdCheckbox_Dimensions)}.fd-checkbox__checkmark:after,.fd-checkbox__checkmark:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__checkmark:before{content:\"\"}.fd-checkbox:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{background-color:var(--fdCheckbox_Check_Mark_Color);content:\"\";height:var(--fdCheckbox_Tristate_Size);position:absolute;width:var(--fdCheckbox_Tristate_Size)}.fd-checkbox.is-alert+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox.is-warning+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Warning);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Warning);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Warning);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Warning);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Warning);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Warning_Hover)}.fd-checkbox.is-error+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Error);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Error);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Error);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Error);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Error);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Error_Hover)}.fd-checkbox.is-success+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Success);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Success);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Success);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Success);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Success);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Success_Hover)}.fd-checkbox.is-information+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Information);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Information);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Information);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Information);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Information);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Information_Hover)}.fd-checkbox.is-readonly+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox[readonly]+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_ReadOnly);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_ReadOnly);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_ReadOnly);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_ReadOnly);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly)}.fd-checkbox.is-display+.fd-checkbox__label{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);gap:.5rem}.fd-checkbox.is-display+.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox.is-display+.fd-checkbox__label:hover .fd-checkbox__checkmark{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);--fdCheckbox_Hover_Background_Color:transparent}.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:transparent;--fdCheckbox_Dimensions:1rem;border:none}.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:\"\\e19a\";font-size:1rem;height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-checkbox.is-display:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e03f\";font-size:1rem}.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e295\";font-size:1rem}.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{content:\"\";height:0;width:0}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{border-radius:var(--fdCheckbox_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdCheckbox_Focus_Outline_Offset) - var(--fdCheckbox_Padding))}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001}.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox[class*=-compact]+.fd-checkbox__label,.fd-checkbox[class*=-condensed]+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label{--fdCheckbox_Dimensions:var(--fdCheckbox_Compact_Dimensions);--fdCheckbox_Padding:var(--fdCheckbox_Compact_Padding)}.fd-checkbox[class*=-compact]:indeterminate+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:indeterminate+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label{--fdCheckbox_Tristate_Size:var(--fdCheckbox_Tristate_Compact_Size);--fdCheckbox_Tristate_Offset:var(--fdCheckbox_Tristate_Compact_Offset)}.fd-checkbox[class*=-compact].is-focus,.fd-checkbox[class*=-compact]:focus,.fd-checkbox[class*=-condensed].is-focus,.fd-checkbox[class*=-condensed]:focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus{z-index:5}.fd-checkbox[class*=-compact].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-compact]:focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label{--fdCheckbox_Outline_Border_Radius:var(--fdCheckbox_Compact_Outline_Border_Radius)}fd-checkbox .fd-checkbox__text:empty{margin:0}fd-checkbox .fd-checkbox__label{-webkit-user-select:none;user-select:none}fd-checkbox .fd-checkbox__label-container{pointer-events:auto}fd-checkbox .fd-checkbox.is-disabled+.fd-checkbox__label .fd-checkbox__label-container,fd-checkbox .fd-checkbox.is-readonly+.fd-checkbox__label .fd-checkbox__label-container{pointer-events:none!important}fd-checkbox.fd-checkbox--standalone .fd-checkbox__label{margin:0}fd-checkbox .fd-checkbox.is-display:disabled+.fd-checkbox__label{opacity:1}fd-checkbox .fd-checkbox.is-readonly+.fd-checkbox__label{opacity:1;pointer-events:none;cursor:pointer}fd-checkbox .fd-checkbox.is-readonly:focus,fd-checkbox .fd-checkbox.is-readonly:hover{cursor:pointer}\n/*! Bundled license information:\n\nfundamental-styles/dist/checkbox.css:\n (*!\n * Fundamental Library Styles v0.39.2\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ContentDensityModule }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
255
255
  }
256
256
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: CheckboxComponent, decorators: [{
257
257
  type: Component,
@@ -267,7 +267,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
267
267
  },
268
268
  registerFormItemControl(CheckboxComponent),
269
269
  contentDensityObserverProviders()
270
- ], host: { '[attr.tabindex]': '-1' }, imports: [FormsModule, NgClass, ContentDensityModule, PortalModule], template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled || displayOnly\"\n [readonly]=\"readonly\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.role]=\"role\"\n [attr.aria-checked]=\"isChecked ? 'true' : isIndeterminate ? 'mixed' : 'false'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-readonly]=\"readonly\"\n [attr.aria-required]=\"required\"\n [ngClass]=\"[displayOnly ? 'is-display' : disabled ? 'is-disabled' : '', state ? 'is-' + state : '']\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n/>\n<label\n class=\"fd-checkbox__label\"\n #labelElement\n [for]=\"inputId\"\n [class]=\"labelClass\"\n [attr.title]=\"title\"\n [class.fd-checkbox__label--required]=\"required\"\n [class.fd-checkbox__label--wrap]=\"wrapLabel && valignLabel === 'middle'\"\n [class.fd-checkbox__label--wrap-top-aligned]=\"wrapLabel && valignLabel === 'top'\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n (click)=\"_onLabelClick($event)\"\n>\n <span class=\"fd-checkbox__checkmark\" aria-hidden=\"true\"></span>\n @if (label || _projectedContent) {\n <div class=\"fd-checkbox__label-container\">\n @if (label) {\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n } @else {\n <span class=\"fd-checkbox__text\">\n <ng-template cdkPortalOutlet></ng-template>\n </span>\n }\n </div>\n }\n</label>\n<span [attr.hidden]=\"!_projectedContent ? true : null\" #domPortal>\n <ng-content></ng-content>\n</span>\n", styles: [".fd-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;opacity:.0001;outline:none;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox:after,.fd-checkbox:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-checkbox.is-success.is-focus,.fd-checkbox.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-checkbox.is-success.is-focus.is-hover,.fd-checkbox.is-success.is-focus:hover,.fd-checkbox.is-success:focus.is-hover,.fd-checkbox.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-success.is-expanded,.fd-checkbox.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-checkbox.is-error.is-focus.is-hover,.fd-checkbox.is-error.is-focus:hover,.fd-checkbox.is-error:focus.is-hover,.fd-checkbox.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-error.is-expanded,.fd-checkbox.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-warning.is-focus.is-hover,.fd-checkbox.is-warning.is-focus:hover,.fd-checkbox.is-warning:focus.is-hover,.fd-checkbox.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-warning.is-expanded,.fd-checkbox.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-alert.is-focus.is-hover,.fd-checkbox.is-alert.is-focus:hover,.fd-checkbox.is-alert:focus.is-hover,.fd-checkbox.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-alert.is-expanded,.fd-checkbox.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-checkbox.is-information.is-focus.is-hover,.fd-checkbox.is-information.is-focus:hover,.fd-checkbox.is-information:focus.is-hover,.fd-checkbox.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-information.is-expanded,.fd-checkbox.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox.is-readonly,.fd-checkbox.is-readonly.is-focus,.fd-checkbox.is-readonly.is-hover,.fd-checkbox.is-readonly:focus,.fd-checkbox.is-readonly:hover,.fd-checkbox[aria-readonly=true],.fd-checkbox[aria-readonly=true].is-focus,.fd-checkbox[aria-readonly=true].is-hover,.fd-checkbox[aria-readonly=true]:focus,.fd-checkbox[aria-readonly=true]:hover,.fd-checkbox[readonly],.fd-checkbox[readonly].is-focus,.fd-checkbox[readonly].is-hover,.fd-checkbox[readonly]:focus,.fd-checkbox[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-readonly.is-focus,.fd-checkbox.is-readonly:focus,.fd-checkbox[aria-readonly=true].is-focus,.fd-checkbox[aria-readonly=true]:focus,.fd-checkbox[readonly].is-focus,.fd-checkbox[readonly]:focus{z-index:5}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fdCheckbox_Padding);line-height:1rem;margin-block:0;margin-inline:0;padding-block:var(--fdCheckbox_Padding);padding-inline:var(--fdCheckbox_Padding)}.fd-checkbox__label:after,.fd-checkbox__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox__label:hover .fd-checkbox__checkmark{background-color:var(--fdCheckbox_Hover_Background_Color);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Default_Hover);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Default_Hover);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Default_Hover);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Default_Hover);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Default_Hover)}.fd-checkbox__label:focus{outline:none}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{-webkit-padding-end:.5rem;padding-inline-end:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{color:var(--sapField_RequiredColor);content:\"*\";font-size:var(--sapFontSize);font-weight:700;position:absolute;-webkit-padding-start:.125rem;padding-inline-start:.125rem}.fd-checkbox__label--wrap .fd-checkbox__label-container{height:auto;white-space:normal}.fd-checkbox__label--wrap .fd-checkbox__text{white-space:normal}.fd-checkbox__label--wrap-top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-checkbox__label--wrap-top-aligned .fd-checkbox__label-container{height:auto;white-space:normal}.fd-checkbox__label--wrap-top-aligned .fd-checkbox__text{white-space:normal}.fd-checkbox__label-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;max-width:inherit;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:inherit;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__text:after,.fd-checkbox__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__checkmark{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdCheckbox_Background_Color);border:var(--fdCheckbox_Inner_Border_Width) var(--fdCheckbox_Inner_Border_Style) var(--fdCheckbox_Inner_Border_Color);border-radius:var(--sapField_BorderCornerRadius);color:var(--fdCheckbox_Check_Mark_Color);font-family:SAP-icons;height:var(--fdCheckbox_Dimensions);min-width:var(--fdCheckbox_Dimensions);width:var(--fdCheckbox_Dimensions)}.fd-checkbox__checkmark:after,.fd-checkbox__checkmark:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__checkmark:before{content:\"\"}.fd-checkbox:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{background-color:var(--fdCheckbox_Check_Mark_Color);content:\"\";height:var(--fdCheckbox_Tristate_Size);position:absolute;width:var(--fdCheckbox_Tristate_Size)}.fd-checkbox.is-alert+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox.is-warning+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Warning);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Warning);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Warning);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Warning);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Warning);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Warning_Hover)}.fd-checkbox.is-error+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Error);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Error);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Error);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Error);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Error);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Error_Hover)}.fd-checkbox.is-success+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Success);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Success);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Success);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Success);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Success);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Success_Hover)}.fd-checkbox.is-information+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Information);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Information);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Information);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Information);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Information);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Information_Hover)}.fd-checkbox.is-readonly+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox[readonly]+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_ReadOnly);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_ReadOnly);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_ReadOnly);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_ReadOnly);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly)}.fd-checkbox.is-display+.fd-checkbox__label{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);gap:.5rem}.fd-checkbox.is-display+.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox.is-display+.fd-checkbox__label:hover .fd-checkbox__checkmark{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);--fdCheckbox_Hover_Background_Color:transparent}.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:transparent;--fdCheckbox_Dimensions:1rem;border:none}.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:\"\\e19a\";font-size:1rem;height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-checkbox.is-display:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e03f\";font-size:1rem}.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e295\";font-size:1rem}.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{content:\"\";height:0;width:0}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{border-radius:var(--fdCheckbox_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdCheckbox_Focus_Outline_Offset) - var(--fdCheckbox_Padding))}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001}.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox[class*=-compact]+.fd-checkbox__label,.fd-checkbox[class*=-condensed]+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label{--fdCheckbox_Dimensions:var(--fdCheckbox_Compact_Dimensions);--fdCheckbox_Padding:var(--fdCheckbox_Compact_Padding)}.fd-checkbox[class*=-compact]:indeterminate+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:indeterminate+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label{--fdCheckbox_Tristate_Size:var(--fdCheckbox_Tristate_Compact_Size);--fdCheckbox_Tristate_Offset:var(--fdCheckbox_Tristate_Compact_Offset)}.fd-checkbox[class*=-compact].is-focus,.fd-checkbox[class*=-compact]:focus,.fd-checkbox[class*=-condensed].is-focus,.fd-checkbox[class*=-condensed]:focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus{z-index:5}.fd-checkbox[class*=-compact].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-compact]:focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label{--fdCheckbox_Outline_Border_Radius:var(--fdCheckbox_Compact_Outline_Border_Radius)}fd-checkbox .fd-checkbox__text:empty{margin:0}fd-checkbox .fd-checkbox__label{-webkit-user-select:none;user-select:none}fd-checkbox .fd-checkbox__label-container{pointer-events:auto}fd-checkbox .fd-checkbox.is-disabled+.fd-checkbox__label .fd-checkbox__label-container,fd-checkbox .fd-checkbox.is-readonly+.fd-checkbox__label .fd-checkbox__label-container{pointer-events:none!important}fd-checkbox.fd-checkbox--standalone .fd-checkbox__label{margin:0}fd-checkbox .fd-checkbox.is-display:disabled+.fd-checkbox__label{opacity:1}fd-checkbox .fd-checkbox.is-readonly+.fd-checkbox__label{opacity:1;pointer-events:none;cursor:pointer}fd-checkbox .fd-checkbox.is-readonly:focus,fd-checkbox .fd-checkbox.is-readonly:hover{cursor:pointer}\n/*! Bundled license information:\n\nfundamental-styles/dist/checkbox.css:\n (*!\n * Fundamental Library Styles v0.38.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 *)\n*/\n"] }]
270
+ ], host: { '[attr.tabindex]': '-1' }, imports: [FormsModule, NgClass, ContentDensityModule, PortalModule], template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled || displayOnly\"\n [readonly]=\"readonly\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.role]=\"role\"\n [attr.aria-checked]=\"isChecked ? 'true' : isIndeterminate ? 'mixed' : 'false'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-readonly]=\"readonly\"\n [attr.aria-required]=\"required\"\n [ngClass]=\"[displayOnly ? 'is-display' : disabled ? 'is-disabled' : '', state ? 'is-' + state : '']\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n/>\n<label\n class=\"fd-checkbox__label\"\n #labelElement\n [for]=\"inputId\"\n [class]=\"labelClass\"\n [attr.title]=\"title\"\n [class.fd-checkbox__label--required]=\"required\"\n [class.fd-checkbox__label--wrap]=\"wrapLabel && valignLabel === 'middle'\"\n [class.fd-checkbox__label--wrap-top-aligned]=\"wrapLabel && valignLabel === 'top'\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n (click)=\"_onLabelClick($event)\"\n>\n <span class=\"fd-checkbox__checkmark\" aria-hidden=\"true\"></span>\n @if (label || _projectedContent) {\n <div class=\"fd-checkbox__label-container\">\n @if (label) {\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n } @else {\n <span class=\"fd-checkbox__text\">\n <ng-template cdkPortalOutlet></ng-template>\n </span>\n }\n </div>\n }\n</label>\n<span [attr.hidden]=\"!_projectedContent ? true : null\" #domPortal>\n <ng-content></ng-content>\n</span>\n", styles: [".fd-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;opacity:.0001;outline:none;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox:after,.fd-checkbox:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-checkbox.is-success.is-focus,.fd-checkbox.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-checkbox.is-success.is-focus.is-hover,.fd-checkbox.is-success.is-focus:hover,.fd-checkbox.is-success:focus.is-hover,.fd-checkbox.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-success.is-expanded,.fd-checkbox.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-checkbox.is-error.is-focus.is-hover,.fd-checkbox.is-error.is-focus:hover,.fd-checkbox.is-error:focus.is-hover,.fd-checkbox.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-error.is-expanded,.fd-checkbox.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-warning.is-focus.is-hover,.fd-checkbox.is-warning.is-focus:hover,.fd-checkbox.is-warning:focus.is-hover,.fd-checkbox.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-warning.is-expanded,.fd-checkbox.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-alert.is-focus.is-hover,.fd-checkbox.is-alert.is-focus:hover,.fd-checkbox.is-alert:focus.is-hover,.fd-checkbox.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-alert.is-expanded,.fd-checkbox.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-checkbox.is-information.is-focus.is-hover,.fd-checkbox.is-information.is-focus:hover,.fd-checkbox.is-information:focus.is-hover,.fd-checkbox.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-information.is-expanded,.fd-checkbox.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox.is-readonly,.fd-checkbox.is-readonly.is-hover,.fd-checkbox.is-readonly:hover,.fd-checkbox[aria-readonly=true],.fd-checkbox[aria-readonly=true].is-hover,.fd-checkbox[aria-readonly=true]:hover,.fd-checkbox[readonly],.fd-checkbox[readonly].is-hover,.fd-checkbox[readonly]:hover{--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none;z-index:-1}.fd-checkbox.is-readonly.is-focus,.fd-checkbox.is-readonly:focus,.fd-checkbox[aria-readonly=true].is-focus,.fd-checkbox[aria-readonly=true]:focus,.fd-checkbox[readonly].is-focus,.fd-checkbox[readonly]:focus{z-index:5;--fdInput_Outline_Offset:-.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none;z-index:-1}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fdCheckbox_Padding);line-height:1rem;margin-block:0;margin-inline:0;padding-block:var(--fdCheckbox_Padding);padding-inline:var(--fdCheckbox_Padding)}.fd-checkbox__label:after,.fd-checkbox__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox__label:hover .fd-checkbox__checkmark{background-color:var(--fdCheckbox_Hover_Background_Color);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Default_Hover);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Default_Hover);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Default_Hover);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Default_Hover);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Default_Hover)}.fd-checkbox__label:focus{outline:none}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{-webkit-padding-end:.5rem;padding-inline-end:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{color:var(--sapField_RequiredColor);content:\"*\"/\"\";font-size:var(--sapFontSize);font-weight:700;position:absolute;-webkit-padding-start:.125rem;padding-inline-start:.125rem}.fd-checkbox__label--wrap .fd-checkbox__label-container{height:auto;white-space:normal}.fd-checkbox__label--wrap .fd-checkbox__text{white-space:normal}.fd-checkbox__label--wrap-top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-checkbox__label--wrap-top-aligned .fd-checkbox__label-container{height:auto;white-space:normal}.fd-checkbox__label--wrap-top-aligned .fd-checkbox__text{white-space:normal}.fd-checkbox__label-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:inherit;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__text:after,.fd-checkbox__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__checkmark{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdCheckbox_Background_Color);border:var(--fdCheckbox_Inner_Border_Width) var(--fdCheckbox_Inner_Border_Style) var(--fdCheckbox_Inner_Border_Color);border-radius:var(--sapField_BorderCornerRadius);color:var(--fdCheckbox_Check_Mark_Color);font-family:SAP-icons;height:var(--fdCheckbox_Dimensions);min-width:var(--fdCheckbox_Dimensions);width:var(--fdCheckbox_Dimensions)}.fd-checkbox__checkmark:after,.fd-checkbox__checkmark:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__checkmark:before{content:\"\"}.fd-checkbox:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{background-color:var(--fdCheckbox_Check_Mark_Color);content:\"\";height:var(--fdCheckbox_Tristate_Size);position:absolute;width:var(--fdCheckbox_Tristate_Size)}.fd-checkbox.is-alert+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox.is-warning+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Warning);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Warning);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Warning);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Warning);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Warning);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Warning_Hover)}.fd-checkbox.is-error+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Error);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Error);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Error);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Error);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Error);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Error_Hover)}.fd-checkbox.is-success+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Success);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Success);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Success);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Success);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Success);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Success_Hover)}.fd-checkbox.is-information+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Information);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Information);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Information);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Information);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Information);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Information_Hover)}.fd-checkbox.is-readonly+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox[readonly]+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_ReadOnly);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_ReadOnly);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_ReadOnly);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_ReadOnly);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly)}.fd-checkbox.is-display+.fd-checkbox__label{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);gap:.5rem}.fd-checkbox.is-display+.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox.is-display+.fd-checkbox__label:hover .fd-checkbox__checkmark{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);--fdCheckbox_Hover_Background_Color:transparent}.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:transparent;--fdCheckbox_Dimensions:1rem;border:none}.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:\"\\e19a\";font-size:1rem;height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-checkbox.is-display:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e03f\";font-size:1rem}.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:before{content:\"\\e295\";font-size:1rem}.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{content:\"\";height:0;width:0}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{border-radius:var(--fdCheckbox_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdCheckbox_Focus_Outline_Offset) - var(--fdCheckbox_Padding))}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001}.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox[class*=-compact]+.fd-checkbox__label,.fd-checkbox[class*=-condensed]+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label{--fdCheckbox_Dimensions:var(--fdCheckbox_Compact_Dimensions);--fdCheckbox_Padding:var(--fdCheckbox_Compact_Padding)}.fd-checkbox[class*=-compact]:indeterminate+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:indeterminate+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label{--fdCheckbox_Tristate_Size:var(--fdCheckbox_Tristate_Compact_Size);--fdCheckbox_Tristate_Offset:var(--fdCheckbox_Tristate_Compact_Offset)}.fd-checkbox[class*=-compact].is-focus,.fd-checkbox[class*=-compact]:focus,.fd-checkbox[class*=-condensed].is-focus,.fd-checkbox[class*=-condensed]:focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus{z-index:5}.fd-checkbox[class*=-compact].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-compact]:focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label{--fdCheckbox_Outline_Border_Radius:var(--fdCheckbox_Compact_Outline_Border_Radius)}fd-checkbox .fd-checkbox__text:empty{margin:0}fd-checkbox .fd-checkbox__label{-webkit-user-select:none;user-select:none}fd-checkbox .fd-checkbox__label-container{pointer-events:auto}fd-checkbox .fd-checkbox.is-disabled+.fd-checkbox__label .fd-checkbox__label-container,fd-checkbox .fd-checkbox.is-readonly+.fd-checkbox__label .fd-checkbox__label-container{pointer-events:none!important}fd-checkbox.fd-checkbox--standalone .fd-checkbox__label{margin:0}fd-checkbox .fd-checkbox.is-display:disabled+.fd-checkbox__label{opacity:1}fd-checkbox .fd-checkbox.is-readonly+.fd-checkbox__label{opacity:1;pointer-events:none;cursor:pointer}fd-checkbox .fd-checkbox.is-readonly:focus,fd-checkbox .fd-checkbox.is-readonly:hover{cursor:pointer}\n/*! Bundled license information:\n\nfundamental-styles/dist/checkbox.css:\n (*!\n * Fundamental Library Styles v0.39.2\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
271
271
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
272
272
  type: Attribute,
273
273
  args: ['tabIndexValue']
@@ -1 +1 @@
1
- {"version":3,"file":"fundamental-ngx-core-checkbox.mjs","sources":["../../../../libs/core/checkbox/tokens.ts","../../../../libs/core/checkbox/checkbox/fd-checkbox-values.interface.ts","../../../../libs/core/checkbox/checkbox/checkbox.component.ts","../../../../libs/core/checkbox/checkbox/checkbox.component.html","../../../../libs/core/checkbox/checkbox.module.ts","../../../../libs/core/checkbox/fundamental-ngx-core-checkbox.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const FD_CHECKBOX_COMPONENT = new InjectionToken('FdCheckboxComponent');\n","export interface FdCheckboxValues {\n trueValue?: any;\n falseValue?: any;\n thirdStateValue?: any;\n}\n\nexport const FD_CHECKBOX_VALUES_DEFAULT: Readonly<FdCheckboxValues> = {\n trueValue: true,\n falseValue: false,\n thirdStateValue: null\n};\n","import { CdkPortalOutlet, DomPortal, PortalModule } from '@angular/cdk/portal';\nimport { NgClass } from '@angular/common';\nimport {\n AfterViewInit,\n Attribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n HostBinding,\n Input,\n OnDestroy,\n Output,\n Renderer2,\n ViewChild,\n ViewEncapsulation,\n forwardRef\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { FormStates } from '@fundamental-ngx/cdk/forms';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport {\n ContentDensityModule,\n ContentDensityObserver,\n contentDensityObserverProviders\n} from '@fundamental-ngx/core/content-density';\nimport { FormItemControl, registerFormItemControl } from '@fundamental-ngx/core/form';\nimport equal from 'fast-deep-equal';\nimport { Subscription } from 'rxjs';\nimport { FD_CHECKBOX_COMPONENT } from '../tokens';\nimport { FD_CHECKBOX_VALUES_DEFAULT, FdCheckboxValues } from './fd-checkbox-values.interface';\n\nlet checkboxUniqueId = 0;\n\nexport type FdCheckboxTypes = 'checked' | 'unchecked' | 'indeterminate' | 'force-checked';\n\n@Component({\n selector: 'fd-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrl: './checkbox.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CheckboxComponent),\n multi: true\n },\n {\n provide: FD_CHECKBOX_COMPONENT,\n useExisting: CheckboxComponent\n },\n registerFormItemControl(CheckboxComponent),\n contentDensityObserverProviders()\n ],\n host: { '[attr.tabindex]': '-1' },\n imports: [FormsModule, NgClass, ContentDensityModule, PortalModule]\n})\nexport class CheckboxComponent<T = unknown> implements ControlValueAccessor, AfterViewInit, OnDestroy, FormItemControl {\n /** @hidden */\n @ViewChild('inputElement')\n inputElement: ElementRef<HTMLInputElement>;\n\n /** @hidden */\n @ViewChild('labelElement')\n labelElement: ElementRef;\n\n /** Whether input label should be wrapped */\n @Input() wrapLabel: boolean;\n\n /** Vertical position of the label compared to the checkbox box */\n @Input() valignLabel: 'top' | 'middle' = 'middle';\n\n /** Sets the `aria-label` attribute to the element. */\n @Input()\n ariaLabel: Nullable<string>;\n\n /**\n * Sets the `role` attribute to the element.\n * Default: checkbox\n */\n @Input()\n role = 'checkbox';\n\n /** Current selection state of the checkbox component */\n @Input()\n set value(value: T) {\n this.writeValue(value);\n }\n\n get value(): T {\n return this.checkboxValue;\n }\n\n /** Sets the `aria-labelledby` attribute to the element. */\n @Input()\n ariaLabelledBy: Nullable<string>;\n\n /** Sets the `aria-describedby` attribute to the element. */\n @Input()\n ariaDescribedBy: Nullable<string>;\n\n /** sets checkbox tooltip */\n @Input()\n title: Nullable<string>;\n\n /** Sets [id] property of input, binds input with input label using [for] property. */\n @Input()\n inputId = `fd-checkbox-${checkboxUniqueId++}`;\n\n /** State of control, changes visual appearance of control. */\n @Input()\n state?: FormStates;\n\n /** Sets [name] property of input. */\n @Input()\n name: string;\n\n /** Sets text of control label. */\n @Input()\n label: string;\n\n /** Allows to disable/enable control. */\n @Input()\n disabled: boolean;\n\n /** Disables editibility */\n @Input()\n readonly: boolean;\n\n /** Enables controls third state. */\n @Input()\n tristate = false;\n\n /** Allows to prevent user from manually selecting controls third state. */\n @Input()\n tristateSelectable = false;\n\n /** Assigns given class to checkbox label element */\n @Input()\n labelClass: string;\n\n /** If it is mandatory field */\n @Input()\n required = false;\n\n /** Whether the checkbox should be rendered in display-only mode. */\n @Input()\n displayOnly = false;\n\n /** Sets values returned by control. */\n @Input()\n set values(checkboxValues: FdCheckboxValues) {\n this._values = { ...FD_CHECKBOX_VALUES_DEFAULT, ...(checkboxValues ?? {}) };\n }\n\n get values(): FdCheckboxValues {\n return this._values;\n }\n\n /** Whether checkbox should be rendered standalone (without any text). */\n @HostBinding('class.fd-checkbox--standalone')\n @Input()\n standalone = false;\n\n /** @hidden */\n @HostBinding('style.position')\n readonly position = 'relative';\n\n /** @hidden */\n @HostBinding('style.outline')\n readonly outline = 'none';\n\n /** Emits event on focus change */\n @Output() focusChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /** @hidden */\n @ViewChild('domPortal')\n private readonly _domPortalContent: ElementRef<HTMLElement>;\n\n /** @hidden */\n @ViewChild(CdkPortalOutlet, { static: false })\n private readonly _portalOutlet: CdkPortalOutlet;\n\n /** Stores current checkbox value. */\n checkboxValue: T;\n /** Stores current checkbox state. */\n checkboxState: FdCheckboxTypes;\n\n /** @hidden */\n _projectedContent = false;\n\n /** @hidden Used to define if control is in 'indeterminate' state.*/\n get isIndeterminate(): boolean {\n return this.checkboxState === 'indeterminate';\n }\n\n /** @hidden Used to define if control is in 'checked' / 'unchecked' state. */\n get isChecked(): boolean {\n return this.checkboxState === 'checked' || this.checkboxState === 'force-checked';\n }\n\n /** @hidden */\n _domPortal: DomPortal<HTMLElement>;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden values returned by control. */\n private _values: FdCheckboxValues = { ...FD_CHECKBOX_VALUES_DEFAULT };\n\n /** @hidden */\n constructor(\n public elementRef: ElementRef<Element>,\n @Attribute('tabIndexValue') public tabIndexValue: number = 0,\n private _changeDetectorRef: ChangeDetectorRef,\n private renderer: Renderer2,\n readonly _contentDensityObserver: ContentDensityObserver\n ) {\n this.tabIndexValue = tabIndexValue;\n }\n\n /** @hidden Reference to callback provided by FormControl.*/\n public onTouched = (): void => {};\n /** @hidden Reference to callback provided by FormControl.*/\n public onValueChange: (value: T) => void = () => {};\n\n /** @hidden */\n ngAfterViewInit(): void {\n this._contentDensityObserver.consume(\n {\n elementRef: this.inputElement\n },\n {\n elementRef: this.labelElement\n }\n );\n\n this._domPortal = new DomPortal(this._domPortalContent);\n this._projectedContent = !!this._domPortal.element.innerHTML.trim();\n this._changeDetectorRef.detectChanges();\n this._portalOutlet?.attach(this._domPortal);\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n /**\n * @hidden ControlValueAccessor interface\n * - sets new control value\n * - updates control state\n */\n writeValue(value: T): void {\n this.checkboxValue = value;\n this._setState();\n this._detectChanges();\n }\n\n /** @hidden ControlValueAccessor interface method - sets onValueChange callback.*/\n registerOnChange(fn: (value: T) => void): void {\n this.onValueChange = fn;\n }\n\n /** @hidden ControlValueAccessor interface method - sets onTouched callback.*/\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n /** @hidden Called by FormControl - used to disable / enable control.*/\n setDisabledState(disabled: boolean): void {\n this.disabled = disabled;\n this._detectChanges();\n }\n\n /** @hidden Called by FormControl - used to disable editablity.*/\n setReadOnlyState(readonly: boolean): void {\n this.readonly = readonly;\n this._detectChanges();\n }\n\n /** @hidden */\n setStyleState(state: FormStates): void {\n this.state = state;\n this._detectChanges();\n }\n\n /**\n * @hidden\n * Based on current control state:\n * - sets next control value\n * - emits new control value\n * - updates control state based on new control value\n * */\n nextValue(previousValue?: FdCheckboxTypes): void {\n switch (previousValue || this.checkboxState) {\n case 'checked':\n this.checkboxValue = this.values.falseValue;\n break;\n case 'unchecked':\n this.checkboxValue =\n this.tristate && this.tristateSelectable ? this.values.thirdStateValue : this.values.trueValue;\n break;\n case 'indeterminate':\n case 'force-checked':\n this.checkboxValue = this.values.trueValue;\n this.renderer.setProperty(this.inputElement.nativeElement, 'checked', 'true');\n break;\n default:\n this.checkboxValue =\n this.tristate && this.tristateSelectable ? this.values.thirdStateValue : this.values.trueValue;\n break;\n }\n this._setState();\n this.onValueChange(this.checkboxValue);\n this._detectChanges();\n }\n\n /** @hidden handles blur event */\n _onBlur(): void {\n if (typeof this.onTouched === 'function') {\n this.onTouched();\n }\n this.focusChange.emit(false);\n }\n\n /** @hidden handles focus event */\n _onFocus(): void {\n this.focusChange.emit(true);\n }\n\n /** @hidden handles click on the label associated with native checkbox input */\n _onLabelClick(event: MouseEvent): void {\n // We have to stop propagation for click events on the input label.\n // By default, when a user clicks on a label element, a generated click event will be\n // dispatched on the associated input element. This will lead to duplicated \"click\" event dispatched from the component\n event.stopPropagation();\n\n // If we have display-only mode, stop any possible actions by label click event.\n this._handleDisplayAndReadOnly(event);\n }\n\n /**\n * @hidden\n * Event handler for cases when checkbox was toggled with the help of keyboard.\n * @param event\n */\n _onLabelKeydown(event: Event): void {\n // If we have display-only mode, stop any possible actions by label click event.\n this._handleDisplayAndReadOnly(event);\n }\n\n /** @hidden handles click on the native checkbox input */\n _onInputClick(event: MouseEvent): void {\n // When there's a click event dispatched from the input, we have to catch it, process and then re-dispatch it further.\n // This is needed in order to set the value to the component before any external listeners will receive it.\n // Otherwise checkbox might be out of sync.\n event.stopPropagation();\n if (this.displayOnly || this.readonly) {\n return;\n }\n this.nextValue();\n this.elementRef.nativeElement.dispatchEvent(new MouseEvent(event.type, event));\n }\n\n /** @hidden */\n private _handleDisplayAndReadOnly(event: Event): void {\n if (!this.displayOnly && !this.readonly) {\n return;\n }\n event.preventDefault();\n event.stopImmediatePropagation();\n\n if (this.readonly) {\n this.inputElement.nativeElement.focus();\n }\n }\n\n /** @hidden Based on current control value sets new control state. */\n private _setState(): void {\n if (equal(this.checkboxValue, this.values.trueValue)) {\n this.checkboxState = 'checked';\n } else if (equal(this.checkboxValue, this.values.falseValue)) {\n this.checkboxState = 'unchecked';\n } else if (this.tristate && equal(this.checkboxValue, this.values.thirdStateValue)) {\n this.checkboxState = 'indeterminate';\n } else if (!this.checkboxValue) {\n this.checkboxState = 'unchecked';\n }\n }\n\n /** Method to trigger change detection in component */\n private _detectChanges(): void {\n if (!this._changeDetectorRef['destroyed']) {\n this._changeDetectorRef.detectChanges();\n }\n }\n}\n","<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled || displayOnly\"\n [readonly]=\"readonly\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.role]=\"role\"\n [attr.aria-checked]=\"isChecked ? 'true' : isIndeterminate ? 'mixed' : 'false'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-readonly]=\"readonly\"\n [attr.aria-required]=\"required\"\n [ngClass]=\"[displayOnly ? 'is-display' : disabled ? 'is-disabled' : '', state ? 'is-' + state : '']\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n/>\n<label\n class=\"fd-checkbox__label\"\n #labelElement\n [for]=\"inputId\"\n [class]=\"labelClass\"\n [attr.title]=\"title\"\n [class.fd-checkbox__label--required]=\"required\"\n [class.fd-checkbox__label--wrap]=\"wrapLabel && valignLabel === 'middle'\"\n [class.fd-checkbox__label--wrap-top-aligned]=\"wrapLabel && valignLabel === 'top'\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n (click)=\"_onLabelClick($event)\"\n>\n <span class=\"fd-checkbox__checkmark\" aria-hidden=\"true\"></span>\n @if (label || _projectedContent) {\n <div class=\"fd-checkbox__label-container\">\n @if (label) {\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n } @else {\n <span class=\"fd-checkbox__text\">\n <ng-template cdkPortalOutlet></ng-template>\n </span>\n }\n </div>\n }\n</label>\n<span [attr.hidden]=\"!_projectedContent ? true : null\" #domPortal>\n <ng-content></ng-content>\n</span>\n","import { NgModule } from '@angular/core';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\nimport { CheckboxComponent } from './checkbox/checkbox.component';\n\n@NgModule({\n imports: [ContentDensityModule, CheckboxComponent],\n exports: [CheckboxComponent, ContentDensityModule]\n})\nexport class CheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"fundamental-ngx-core-checkbox.mjs","sources":["../../../../libs/core/checkbox/tokens.ts","../../../../libs/core/checkbox/checkbox/fd-checkbox-values.interface.ts","../../../../libs/core/checkbox/checkbox/checkbox.component.ts","../../../../libs/core/checkbox/checkbox/checkbox.component.html","../../../../libs/core/checkbox/checkbox.module.ts","../../../../libs/core/checkbox/fundamental-ngx-core-checkbox.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const FD_CHECKBOX_COMPONENT = new InjectionToken('FdCheckboxComponent');\n","export interface FdCheckboxValues {\n trueValue?: any;\n falseValue?: any;\n thirdStateValue?: any;\n}\n\nexport const FD_CHECKBOX_VALUES_DEFAULT: Readonly<FdCheckboxValues> = {\n trueValue: true,\n falseValue: false,\n thirdStateValue: null\n};\n","import { CdkPortalOutlet, DomPortal, PortalModule } from '@angular/cdk/portal';\nimport { NgClass } from '@angular/common';\nimport {\n AfterViewInit,\n Attribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n HostBinding,\n Input,\n OnDestroy,\n Output,\n Renderer2,\n ViewChild,\n ViewEncapsulation,\n forwardRef\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { FormStates } from '@fundamental-ngx/cdk/forms';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport {\n ContentDensityModule,\n ContentDensityObserver,\n contentDensityObserverProviders\n} from '@fundamental-ngx/core/content-density';\nimport { FormItemControl, registerFormItemControl } from '@fundamental-ngx/core/form';\nimport equal from 'fast-deep-equal';\nimport { Subscription } from 'rxjs';\nimport { FD_CHECKBOX_COMPONENT } from '../tokens';\nimport { FD_CHECKBOX_VALUES_DEFAULT, FdCheckboxValues } from './fd-checkbox-values.interface';\n\nlet checkboxUniqueId = 0;\n\nexport type FdCheckboxTypes = 'checked' | 'unchecked' | 'indeterminate' | 'force-checked';\n\n@Component({\n selector: 'fd-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrl: './checkbox.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CheckboxComponent),\n multi: true\n },\n {\n provide: FD_CHECKBOX_COMPONENT,\n useExisting: CheckboxComponent\n },\n registerFormItemControl(CheckboxComponent),\n contentDensityObserverProviders()\n ],\n host: { '[attr.tabindex]': '-1' },\n imports: [FormsModule, NgClass, ContentDensityModule, PortalModule]\n})\nexport class CheckboxComponent<T = unknown> implements ControlValueAccessor, AfterViewInit, OnDestroy, FormItemControl {\n /** @hidden */\n @ViewChild('inputElement')\n inputElement: ElementRef<HTMLInputElement>;\n\n /** @hidden */\n @ViewChild('labelElement')\n labelElement: ElementRef;\n\n /** Whether input label should be wrapped */\n @Input() wrapLabel: boolean;\n\n /** Vertical position of the label compared to the checkbox box */\n @Input() valignLabel: 'top' | 'middle' = 'middle';\n\n /** Sets the `aria-label` attribute to the element. */\n @Input()\n ariaLabel: Nullable<string>;\n\n /**\n * Sets the `role` attribute to the element.\n * Default: checkbox\n */\n @Input()\n role = 'checkbox';\n\n /** Current selection state of the checkbox component */\n @Input()\n set value(value: T) {\n this.writeValue(value);\n }\n\n get value(): T {\n return this.checkboxValue;\n }\n\n /** Sets the `aria-labelledby` attribute to the element. */\n @Input()\n ariaLabelledBy: Nullable<string>;\n\n /** Sets the `aria-describedby` attribute to the element. */\n @Input()\n ariaDescribedBy: Nullable<string>;\n\n /** sets checkbox tooltip */\n @Input()\n title: Nullable<string>;\n\n /** Sets [id] property of input, binds input with input label using [for] property. */\n @Input()\n inputId = `fd-checkbox-${checkboxUniqueId++}`;\n\n /** State of control, changes visual appearance of control. */\n @Input()\n state?: FormStates;\n\n /** Sets [name] property of input. */\n @Input()\n name: string;\n\n /** Sets text of control label. */\n @Input()\n label: string;\n\n /** Allows to disable/enable control. */\n @Input()\n disabled: boolean;\n\n /** Disables editibility */\n @Input()\n readonly: boolean;\n\n /** Enables controls third state. */\n @Input()\n tristate = false;\n\n /** Allows to prevent user from manually selecting controls third state. */\n @Input()\n tristateSelectable = false;\n\n /** Assigns given class to checkbox label element */\n @Input()\n labelClass: string;\n\n /** If it is mandatory field */\n @Input()\n required = false;\n\n /** Whether the checkbox should be rendered in display-only mode. */\n @Input()\n displayOnly = false;\n\n /** Sets values returned by control. */\n @Input()\n set values(checkboxValues: FdCheckboxValues) {\n this._values = { ...FD_CHECKBOX_VALUES_DEFAULT, ...(checkboxValues ?? {}) };\n }\n\n get values(): FdCheckboxValues {\n return this._values;\n }\n\n /** Whether checkbox should be rendered standalone (without any text). */\n @HostBinding('class.fd-checkbox--standalone')\n @Input()\n standalone = false;\n\n /** @hidden */\n @HostBinding('style.position')\n readonly position = 'relative';\n\n /** @hidden */\n @HostBinding('style.outline')\n readonly outline = 'none';\n\n /** Emits event on focus change */\n @Output() focusChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /** @hidden */\n @ViewChild('domPortal')\n private readonly _domPortalContent: ElementRef<HTMLElement>;\n\n /** @hidden */\n @ViewChild(CdkPortalOutlet, { static: false })\n private readonly _portalOutlet: CdkPortalOutlet;\n\n /** Stores current checkbox value. */\n checkboxValue: T;\n /** Stores current checkbox state. */\n checkboxState: FdCheckboxTypes;\n\n /** @hidden */\n _projectedContent = false;\n\n /** @hidden Used to define if control is in 'indeterminate' state.*/\n get isIndeterminate(): boolean {\n return this.checkboxState === 'indeterminate';\n }\n\n /** @hidden Used to define if control is in 'checked' / 'unchecked' state. */\n get isChecked(): boolean {\n return this.checkboxState === 'checked' || this.checkboxState === 'force-checked';\n }\n\n /** @hidden */\n _domPortal: DomPortal<HTMLElement>;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden values returned by control. */\n private _values: FdCheckboxValues = { ...FD_CHECKBOX_VALUES_DEFAULT };\n\n /** @hidden */\n constructor(\n public elementRef: ElementRef<Element>,\n @Attribute('tabIndexValue') public tabIndexValue: number = 0,\n private _changeDetectorRef: ChangeDetectorRef,\n private renderer: Renderer2,\n readonly _contentDensityObserver: ContentDensityObserver\n ) {\n this.tabIndexValue = tabIndexValue;\n }\n\n /** @hidden Reference to callback provided by FormControl.*/\n public onTouched = (): void => {};\n /** @hidden Reference to callback provided by FormControl.*/\n public onValueChange: (value: T) => void = () => {};\n\n /** @hidden */\n ngAfterViewInit(): void {\n this._contentDensityObserver.consume(\n {\n elementRef: this.inputElement\n },\n {\n elementRef: this.labelElement\n }\n );\n\n this._domPortal = new DomPortal(this._domPortalContent);\n this._projectedContent = !!this._domPortal.element.innerHTML.trim();\n this._changeDetectorRef.detectChanges();\n this._portalOutlet?.attach(this._domPortal);\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n /**\n * @hidden ControlValueAccessor interface\n * - sets new control value\n * - updates control state\n */\n writeValue(value: T): void {\n this.checkboxValue = value;\n this._setState();\n this._detectChanges();\n }\n\n /** @hidden ControlValueAccessor interface method - sets onValueChange callback.*/\n registerOnChange(fn: (value: T) => void): void {\n this.onValueChange = fn;\n }\n\n /** @hidden ControlValueAccessor interface method - sets onTouched callback.*/\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n /** @hidden Called by FormControl - used to disable / enable control.*/\n setDisabledState(disabled: boolean): void {\n this.disabled = disabled;\n this._detectChanges();\n }\n\n /** @hidden Called by FormControl - used to disable editablity.*/\n setReadOnlyState(readonly: boolean): void {\n this.readonly = readonly;\n this._detectChanges();\n }\n\n /** @hidden */\n setStyleState(state: FormStates): void {\n this.state = state;\n this._detectChanges();\n }\n\n /**\n * @hidden\n * Based on current control state:\n * - sets next control value\n * - emits new control value\n * - updates control state based on new control value\n * */\n nextValue(previousValue?: FdCheckboxTypes): void {\n switch (previousValue || this.checkboxState) {\n case 'checked':\n this.checkboxValue = this.values.falseValue;\n break;\n case 'unchecked':\n this.checkboxValue =\n this.tristate && this.tristateSelectable ? this.values.thirdStateValue : this.values.trueValue;\n break;\n case 'indeterminate':\n case 'force-checked':\n this.checkboxValue = this.values.trueValue;\n this.renderer.setProperty(this.inputElement.nativeElement, 'checked', 'true');\n break;\n default:\n this.checkboxValue =\n this.tristate && this.tristateSelectable ? this.values.thirdStateValue : this.values.trueValue;\n break;\n }\n this._setState();\n this.onValueChange(this.checkboxValue);\n this._detectChanges();\n }\n\n /** @hidden handles blur event */\n _onBlur(): void {\n if (typeof this.onTouched === 'function') {\n this.onTouched();\n }\n this.focusChange.emit(false);\n }\n\n /** @hidden handles focus event */\n _onFocus(): void {\n this.focusChange.emit(true);\n }\n\n /** @hidden handles click on the label associated with native checkbox input */\n _onLabelClick(event: MouseEvent): void {\n // We have to stop propagation for click events on the input label.\n // By default, when a user clicks on a label element, a generated click event will be\n // dispatched on the associated input element. This will lead to duplicated \"click\" event dispatched from the component\n event.stopPropagation();\n\n // If we have display-only mode, stop any possible actions by label click event.\n this._handleDisplayAndReadOnly(event);\n }\n\n /**\n * @hidden\n * Event handler for cases when checkbox was toggled with the help of keyboard.\n * @param event\n */\n _onLabelKeydown(event: Event): void {\n // If we have display-only mode, stop any possible actions by label click event.\n this._handleDisplayAndReadOnly(event);\n }\n\n /** @hidden handles click on the native checkbox input */\n _onInputClick(event: MouseEvent): void {\n // When there's a click event dispatched from the input, we have to catch it, process and then re-dispatch it further.\n // This is needed in order to set the value to the component before any external listeners will receive it.\n // Otherwise checkbox might be out of sync.\n event.stopPropagation();\n if (this.displayOnly || this.readonly) {\n return;\n }\n this.nextValue();\n this.elementRef.nativeElement.dispatchEvent(new MouseEvent(event.type, event));\n }\n\n /** @hidden */\n private _handleDisplayAndReadOnly(event: Event): void {\n if (!this.displayOnly && !this.readonly) {\n return;\n }\n event.preventDefault();\n event.stopImmediatePropagation();\n\n if (this.readonly) {\n this.inputElement.nativeElement.focus();\n }\n }\n\n /** @hidden Based on current control value sets new control state. */\n private _setState(): void {\n if (equal(this.checkboxValue, this.values.trueValue)) {\n this.checkboxState = 'checked';\n } else if (equal(this.checkboxValue, this.values.falseValue)) {\n this.checkboxState = 'unchecked';\n } else if (this.tristate && equal(this.checkboxValue, this.values.thirdStateValue)) {\n this.checkboxState = 'indeterminate';\n } else if (!this.checkboxValue) {\n this.checkboxState = 'unchecked';\n }\n }\n\n /** Method to trigger change detection in component */\n private _detectChanges(): void {\n if (!this._changeDetectorRef['destroyed']) {\n this._changeDetectorRef.detectChanges();\n }\n }\n}\n","<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled || displayOnly\"\n [readonly]=\"readonly\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.role]=\"role\"\n [attr.aria-checked]=\"isChecked ? 'true' : isIndeterminate ? 'mixed' : 'false'\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-readonly]=\"readonly\"\n [attr.aria-required]=\"required\"\n [ngClass]=\"[displayOnly ? 'is-display' : disabled ? 'is-disabled' : '', state ? 'is-' + state : '']\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n/>\n<label\n class=\"fd-checkbox__label\"\n #labelElement\n [for]=\"inputId\"\n [class]=\"labelClass\"\n [attr.title]=\"title\"\n [class.fd-checkbox__label--required]=\"required\"\n [class.fd-checkbox__label--wrap]=\"wrapLabel && valignLabel === 'middle'\"\n [class.fd-checkbox__label--wrap-top-aligned]=\"wrapLabel && valignLabel === 'top'\"\n (keyup.enter)=\"_onLabelKeydown($event)\"\n (keyup.space)=\"_onLabelKeydown($event)\"\n (click)=\"_onLabelClick($event)\"\n>\n <span class=\"fd-checkbox__checkmark\" aria-hidden=\"true\"></span>\n @if (label || _projectedContent) {\n <div class=\"fd-checkbox__label-container\">\n @if (label) {\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n } @else {\n <span class=\"fd-checkbox__text\">\n <ng-template cdkPortalOutlet></ng-template>\n </span>\n }\n </div>\n }\n</label>\n<span [attr.hidden]=\"!_projectedContent ? true : null\" #domPortal>\n <ng-content></ng-content>\n</span>\n","import { NgModule } from '@angular/core';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\nimport { CheckboxComponent } from './checkbox/checkbox.component';\n\n@NgModule({\n imports: [ContentDensityModule, CheckboxComponent],\n exports: [CheckboxComponent, ContentDensityModule]\n})\nexport class CheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}