@fundamental-ngx/core 0.33.5-rc.13 → 0.33.5-rc.16

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 (130) hide show
  1. package/action-bar/package.json +1 -1
  2. package/action-sheet/package.json +1 -1
  3. package/alert/package.json +1 -1
  4. package/avatar/package.json +1 -1
  5. package/avatar-group/package.json +1 -1
  6. package/bar/package.json +1 -1
  7. package/breadcrumb/package.json +1 -1
  8. package/busy-indicator/package.json +1 -1
  9. package/button/package.json +1 -1
  10. package/calendar/package.json +1 -1
  11. package/card/package.json +1 -1
  12. package/carousel/package.json +1 -1
  13. package/checkbox/esm2020/checkbox/checkbox.component.mjs +2 -2
  14. package/checkbox/fesm2015/fundamental-ngx-core-checkbox.mjs +2 -2
  15. package/checkbox/fesm2020/fundamental-ngx-core-checkbox.mjs +2 -2
  16. package/checkbox/package.json +1 -1
  17. package/combobox/package.json +1 -1
  18. package/date-picker/package.json +1 -1
  19. package/datetime/package.json +1 -1
  20. package/datetime-picker/package.json +1 -1
  21. package/dialog/package.json +1 -1
  22. package/dynamic-page/package.json +1 -1
  23. package/dynamic-side-content/package.json +1 -1
  24. package/esm2020/checkbox/checkbox/checkbox.component.mjs +2 -2
  25. package/esm2020/grid-list/components/grid-list/grid-list-base.component.mjs +10 -0
  26. package/esm2020/grid-list/components/grid-list/grid-list.component.mjs +70 -16
  27. package/esm2020/grid-list/components/grid-list-item/grid-list-item.component.mjs +21 -15
  28. package/esm2020/grid-list/models/grid-list-selection.models.mjs +6 -0
  29. package/esm2020/grid-list/public_api.mjs +2 -2
  30. package/facets/package.json +1 -1
  31. package/feed-input/package.json +1 -1
  32. package/feed-list-item/package.json +1 -1
  33. package/fesm2015/fundamental-ngx-core-checkbox.mjs +2 -2
  34. package/fesm2015/fundamental-ngx-core-grid-list.mjs +98 -86
  35. package/fesm2015/fundamental-ngx-core-grid-list.mjs.map +1 -1
  36. package/fesm2020/fundamental-ngx-core-checkbox.mjs +2 -2
  37. package/fesm2020/fundamental-ngx-core-grid-list.mjs +98 -86
  38. package/fesm2020/fundamental-ngx-core-grid-list.mjs.map +1 -1
  39. package/file-uploader/package.json +1 -1
  40. package/fixed-card-layout/package.json +1 -1
  41. package/flexible-column-layout/package.json +1 -1
  42. package/form/package.json +1 -1
  43. package/formatted-text/package.json +1 -1
  44. package/grid-list/components/grid-list/grid-list-base.component.d.ts +11 -0
  45. package/grid-list/components/grid-list/grid-list.component.d.ts +14 -5
  46. package/grid-list/components/grid-list-item/grid-list-item.component.d.ts +7 -5
  47. package/grid-list/esm2020/components/grid-list/grid-list-base.component.mjs +10 -0
  48. package/grid-list/esm2020/components/grid-list/grid-list.component.mjs +70 -16
  49. package/grid-list/esm2020/components/grid-list-item/grid-list-item.component.mjs +21 -15
  50. package/grid-list/esm2020/models/grid-list-selection.models.mjs +6 -0
  51. package/grid-list/esm2020/public_api.mjs +2 -2
  52. package/grid-list/fesm2015/fundamental-ngx-core-grid-list.mjs +98 -86
  53. package/grid-list/fesm2015/fundamental-ngx-core-grid-list.mjs.map +1 -1
  54. package/grid-list/fesm2020/fundamental-ngx-core-grid-list.mjs +98 -86
  55. package/grid-list/fesm2020/fundamental-ngx-core-grid-list.mjs.map +1 -1
  56. package/grid-list/models/grid-list-selection.models.d.ts +15 -0
  57. package/grid-list/package.json +1 -1
  58. package/grid-list/public_api.d.ts +1 -1
  59. package/icon/package.json +1 -1
  60. package/illustrated-message/package.json +1 -1
  61. package/infinite-scroll/package.json +1 -1
  62. package/info-label/package.json +1 -1
  63. package/inline-help/package.json +1 -1
  64. package/input-group/package.json +1 -1
  65. package/layout-grid/package.json +1 -1
  66. package/layout-panel/package.json +1 -1
  67. package/link/package.json +1 -1
  68. package/list/package.json +1 -1
  69. package/menu/package.json +1 -1
  70. package/message-box/package.json +1 -1
  71. package/message-strip/package.json +1 -1
  72. package/message-toast/package.json +1 -1
  73. package/micro-process-flow/package.json +1 -1
  74. package/mobile-mode/package.json +1 -1
  75. package/multi-input/package.json +1 -1
  76. package/nested-list/package.json +1 -1
  77. package/notification/package.json +1 -1
  78. package/object-identifier/package.json +1 -1
  79. package/object-marker/package.json +1 -1
  80. package/object-number/package.json +1 -1
  81. package/object-status/package.json +1 -1
  82. package/package.json +1 -1
  83. package/pagination/package.json +1 -1
  84. package/panel/package.json +1 -1
  85. package/popover/package.json +1 -1
  86. package/product-switch/package.json +1 -1
  87. package/progress-indicator/package.json +1 -1
  88. package/quick-view/package.json +1 -1
  89. package/radio/package.json +1 -1
  90. package/rating-indicator/package.json +1 -1
  91. package/resizable-card-layout/package.json +1 -1
  92. package/schematics/ng-add/index.js +1 -2
  93. package/schematics/ng-add/index.js.map +1 -1
  94. package/scroll-spy/package.json +1 -1
  95. package/scrollbar/package.json +1 -1
  96. package/segmented-button/package.json +1 -1
  97. package/select/package.json +1 -1
  98. package/shared/package.json +1 -1
  99. package/shellbar/package.json +1 -1
  100. package/side-navigation/package.json +1 -1
  101. package/slider/package.json +1 -1
  102. package/split-button/package.json +1 -1
  103. package/splitter/package.json +1 -1
  104. package/status-indicator/package.json +1 -1
  105. package/step-input/package.json +1 -1
  106. package/switch/package.json +1 -1
  107. package/table/package.json +1 -1
  108. package/tabs/package.json +1 -1
  109. package/text/package.json +1 -1
  110. package/tile/package.json +1 -1
  111. package/time/package.json +1 -1
  112. package/time-picker/package.json +1 -1
  113. package/timeline/package.json +1 -1
  114. package/title/package.json +1 -1
  115. package/token/package.json +1 -1
  116. package/toolbar/package.json +1 -1
  117. package/tree/package.json +1 -1
  118. package/upload-collection/package.json +1 -1
  119. package/utils/package.json +1 -1
  120. package/vertical-navigation/package.json +1 -1
  121. package/wizard/package.json +1 -1
  122. package/esm2020/grid-list/components/grid-list/grid-list-selection-mode.mjs +0 -2
  123. package/esm2020/grid-list/helpers/index.mjs +0 -2
  124. package/esm2020/grid-list/services/grid-list-selection.service.mjs +0 -63
  125. package/grid-list/components/grid-list/grid-list-selection-mode.d.ts +0 -1
  126. package/grid-list/esm2020/components/grid-list/grid-list-selection-mode.mjs +0 -2
  127. package/grid-list/esm2020/helpers/index.mjs +0 -2
  128. package/grid-list/esm2020/services/grid-list-selection.service.mjs +0 -63
  129. package/grid-list/helpers/index.d.ts +0 -1
  130. package/grid-list/services/grid-list-selection.service.d.ts +0 -27
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/action-bar",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/action-sheet",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/alert",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/avatar",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/avatar-group",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/bar/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/bar",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/breadcrumb",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/busy-indicator",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/button",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/calendar",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
package/card/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/card",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core/carousel",
3
- "version": "0.33.5-rc.13",
3
+ "version": "0.33.5-rc.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0"
@@ -186,7 +186,7 @@ CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
186
186
  useExisting: forwardRef(() => CheckboxComponent),
187
187
  multi: true
188
188
  }
189
- ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["labelElement"], descendants: true }], ngImport: i0, template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-required]=\"required\"\n [class.fd-checkbox--compact]=\"compact\"\n [class]=\"state ? 'is-' + state : ''\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n/>\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--compact]=\"compact\"\n [class.fd-checkbox__label--required]=\"required\"\n (click)=\"_onLabelClick($event)\"\n>\n <div class=\"fd-checkbox__label-container\">\n <ng-container *ngIf=\"label\">\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!label\">\n <span class=\"fd-checkbox__text\">\n <ng-content></ng-content>\n </span>\n </ng-container>\n </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 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.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.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{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.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{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}.fd-checkbox__text:empty{margin:0}.fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
189
+ ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["labelElement"], descendants: true }], ngImport: i0, template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-required]=\"required\"\n [class.fd-checkbox--compact]=\"compact\"\n [class]=\"state ? 'is-' + state : ''\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n/>\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--compact]=\"compact\"\n [class.fd-checkbox__label--required]=\"required\"\n (click)=\"_onLabelClick($event)\"\n>\n <div class=\"fd-checkbox__label-container\">\n <ng-container *ngIf=\"label\">\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!label\">\n <span class=\"fd-checkbox__text\">\n <ng-content></ng-content>\n </span>\n </ng-container>\n </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 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.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.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{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.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{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}fd-checkbox .fd-checkbox__text:empty{margin:0}fd-checkbox .fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
190
190
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CheckboxComponent, decorators: [{
191
191
  type: Component,
192
192
  args: [{ selector: 'fd-checkbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -195,7 +195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
195
195
  useExisting: forwardRef(() => CheckboxComponent),
196
196
  multi: true
197
197
  }
198
- ], host: { '[attr.tabindex]': '-1' }, template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-required]=\"required\"\n [class.fd-checkbox--compact]=\"compact\"\n [class]=\"state ? 'is-' + state : ''\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n/>\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--compact]=\"compact\"\n [class.fd-checkbox__label--required]=\"required\"\n (click)=\"_onLabelClick($event)\"\n>\n <div class=\"fd-checkbox__label-container\">\n <ng-container *ngIf=\"label\">\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!label\">\n <span class=\"fd-checkbox__text\">\n <ng-content></ng-content>\n </span>\n </ng-container>\n </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 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.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.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{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.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{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}.fd-checkbox__text:empty{margin:0}.fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"] }]
198
+ ], host: { '[attr.tabindex]': '-1' }, template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-required]=\"required\"\n [class.fd-checkbox--compact]=\"compact\"\n [class]=\"state ? 'is-' + state : ''\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n/>\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--compact]=\"compact\"\n [class.fd-checkbox__label--required]=\"required\"\n (click)=\"_onLabelClick($event)\"\n>\n <div class=\"fd-checkbox__label-container\">\n <ng-container *ngIf=\"label\">\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!label\">\n <span class=\"fd-checkbox__text\">\n <ng-content></ng-content>\n </span>\n </ng-container>\n </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 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.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.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{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.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{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}fd-checkbox .fd-checkbox__text:empty{margin:0}fd-checkbox .fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"] }]
199
199
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
200
200
  type: Attribute,
201
201
  args: ['tabIndexValue']
@@ -188,7 +188,7 @@ CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
188
188
  useExisting: forwardRef(() => CheckboxComponent),
189
189
  multi: true
190
190
  }
191
- ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["labelElement"], descendants: true }], ngImport: i0, template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-required]=\"required\"\n [class.fd-checkbox--compact]=\"compact\"\n [class]=\"state ? 'is-' + state : ''\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n/>\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--compact]=\"compact\"\n [class.fd-checkbox__label--required]=\"required\"\n (click)=\"_onLabelClick($event)\"\n>\n <div class=\"fd-checkbox__label-container\">\n <ng-container *ngIf=\"label\">\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!label\">\n <span class=\"fd-checkbox__text\">\n <ng-content></ng-content>\n </span>\n </ng-container>\n </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 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.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.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{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.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{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}.fd-checkbox__text:empty{margin:0}.fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
191
+ ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["labelElement"], descendants: true }], ngImport: i0, template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-required]=\"required\"\n [class.fd-checkbox--compact]=\"compact\"\n [class]=\"state ? 'is-' + state : ''\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n/>\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--compact]=\"compact\"\n [class.fd-checkbox__label--required]=\"required\"\n (click)=\"_onLabelClick($event)\"\n>\n <div class=\"fd-checkbox__label-container\">\n <ng-container *ngIf=\"label\">\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!label\">\n <span class=\"fd-checkbox__text\">\n <ng-content></ng-content>\n </span>\n </ng-container>\n </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 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.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.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{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.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{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}fd-checkbox .fd-checkbox__text:empty{margin:0}fd-checkbox .fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
192
192
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CheckboxComponent, decorators: [{
193
193
  type: Component,
194
194
  args: [{ selector: 'fd-checkbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -197,7 +197,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
197
197
  useExisting: forwardRef(() => CheckboxComponent),
198
198
  multi: true
199
199
  }
200
- ], host: { '[attr.tabindex]': '-1' }, template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-required]=\"required\"\n [class.fd-checkbox--compact]=\"compact\"\n [class]=\"state ? 'is-' + state : ''\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n/>\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--compact]=\"compact\"\n [class.fd-checkbox__label--required]=\"required\"\n (click)=\"_onLabelClick($event)\"\n>\n <div class=\"fd-checkbox__label-container\">\n <ng-container *ngIf=\"label\">\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!label\">\n <span class=\"fd-checkbox__text\">\n <ng-content></ng-content>\n </span>\n </ng-container>\n </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 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.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.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{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.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{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}.fd-checkbox__text:empty{margin:0}.fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"] }]
200
+ ], host: { '[attr.tabindex]': '-1' }, template: "<input\n #inputElement\n type=\"checkbox\"\n class=\"fd-checkbox\"\n [id]=\"inputId\"\n [name]=\"name\"\n [disabled]=\"disabled\"\n [indeterminate]=\"isIndeterminate\"\n [checked]=\"isChecked\"\n [attr.tabindex]=\"tabIndexValue\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-required]=\"required\"\n [class.fd-checkbox--compact]=\"compact\"\n [class]=\"state ? 'is-' + state : ''\"\n (click)=\"_onInputClick($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n/>\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--compact]=\"compact\"\n [class.fd-checkbox__label--required]=\"required\"\n (click)=\"_onLabelClick($event)\"\n>\n <div class=\"fd-checkbox__label-container\">\n <ng-container *ngIf=\"label\">\n <span class=\"fd-checkbox__text\">\n {{ label }}\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"!label\">\n <span class=\"fd-checkbox__text\">\n <ng-content></ng-content>\n </span>\n </ng-container>\n </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 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.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.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{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.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{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}fd-checkbox .fd-checkbox__text:empty{margin:0}fd-checkbox .fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"] }]
201
201
  }], ctorParameters: function () {
202
202
  return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
203
203
  type: Attribute,