@fundamental-ngx/core 0.33.2 → 0.33.3-rc.3

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 (162) hide show
  1. package/action-bar/package.json +3 -3
  2. package/action-sheet/esm2020/action-sheet.component.mjs +2 -2
  3. package/action-sheet/fesm2015/fundamental-ngx-core-action-sheet.mjs +2 -2
  4. package/action-sheet/fesm2020/fundamental-ngx-core-action-sheet.mjs +2 -2
  5. package/action-sheet/package.json +3 -3
  6. package/alert/package.json +3 -3
  7. package/avatar/package.json +3 -3
  8. package/avatar-group/package.json +3 -3
  9. package/bar/package.json +3 -3
  10. package/breadcrumb/package.json +3 -3
  11. package/busy-indicator/package.json +3 -3
  12. package/button/package.json +3 -3
  13. package/calendar/package.json +3 -3
  14. package/card/package.json +3 -3
  15. package/carousel/package.json +3 -3
  16. package/checkbox/package.json +3 -3
  17. package/combobox/package.json +3 -3
  18. package/date-picker/package.json +3 -3
  19. package/datetime/package.json +3 -3
  20. package/datetime-picker/package.json +3 -3
  21. package/dialog/package.json +3 -3
  22. package/dynamic-page/package.json +3 -3
  23. package/dynamic-side-content/package.json +3 -3
  24. package/esm2020/action-sheet/action-sheet.component.mjs +2 -2
  25. package/esm2020/grid-list/components/grid-list/grid-list.component.mjs +2 -2
  26. package/esm2020/layout-grid/layout-grid.component.mjs +2 -2
  27. package/esm2020/list/list.component.mjs +2 -2
  28. package/esm2020/popover/popover-body/popover-body.component.mjs +2 -2
  29. package/esm2020/product-switch/product-switch-body/product-switch-body.component.mjs +2 -2
  30. package/esm2020/resizable-card-layout/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +2 -2
  31. package/esm2020/resizable-card-layout/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
  32. package/esm2020/tabs/tab-list.component.mjs +2 -2
  33. package/esm2020/tabs/tab-nav/tab-nav.component.mjs +2 -2
  34. package/esm2020/tile/tile.component.mjs +2 -2
  35. package/esm2020/timeline/timeline.component.mjs +2 -2
  36. package/esm2020/wizard/wizard.component.mjs +2 -2
  37. package/facets/package.json +3 -3
  38. package/feed-input/package.json +3 -3
  39. package/feed-list-item/package.json +3 -3
  40. package/fesm2015/fundamental-ngx-core-action-sheet.mjs +2 -2
  41. package/fesm2015/fundamental-ngx-core-grid-list.mjs +2 -2
  42. package/fesm2015/fundamental-ngx-core-layout-grid.mjs +2 -2
  43. package/fesm2015/fundamental-ngx-core-list.mjs +2 -2
  44. package/fesm2015/fundamental-ngx-core-popover.mjs +2 -2
  45. package/fesm2015/fundamental-ngx-core-product-switch.mjs +2 -2
  46. package/fesm2015/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
  47. package/fesm2015/fundamental-ngx-core-tabs.mjs +4 -4
  48. package/fesm2015/fundamental-ngx-core-tile.mjs +2 -2
  49. package/fesm2015/fundamental-ngx-core-timeline.mjs +2 -2
  50. package/fesm2015/fundamental-ngx-core-wizard.mjs +2 -2
  51. package/fesm2020/fundamental-ngx-core-action-sheet.mjs +2 -2
  52. package/fesm2020/fundamental-ngx-core-grid-list.mjs +2 -2
  53. package/fesm2020/fundamental-ngx-core-layout-grid.mjs +2 -2
  54. package/fesm2020/fundamental-ngx-core-list.mjs +2 -2
  55. package/fesm2020/fundamental-ngx-core-popover.mjs +2 -2
  56. package/fesm2020/fundamental-ngx-core-product-switch.mjs +2 -2
  57. package/fesm2020/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
  58. package/fesm2020/fundamental-ngx-core-tabs.mjs +4 -4
  59. package/fesm2020/fundamental-ngx-core-tile.mjs +2 -2
  60. package/fesm2020/fundamental-ngx-core-timeline.mjs +2 -2
  61. package/fesm2020/fundamental-ngx-core-wizard.mjs +2 -2
  62. package/file-uploader/package.json +3 -3
  63. package/fixed-card-layout/package.json +3 -3
  64. package/flexible-column-layout/package.json +3 -3
  65. package/form/package.json +3 -3
  66. package/formatted-text/package.json +3 -3
  67. package/grid-list/esm2020/components/grid-list/grid-list.component.mjs +2 -2
  68. package/grid-list/fesm2015/fundamental-ngx-core-grid-list.mjs +2 -2
  69. package/grid-list/fesm2020/fundamental-ngx-core-grid-list.mjs +2 -2
  70. package/grid-list/package.json +3 -3
  71. package/icon/package.json +3 -3
  72. package/illustrated-message/package.json +3 -3
  73. package/infinite-scroll/package.json +3 -3
  74. package/info-label/package.json +3 -3
  75. package/inline-help/package.json +3 -3
  76. package/input-group/package.json +3 -3
  77. package/layout-grid/esm2020/layout-grid.component.mjs +2 -2
  78. package/layout-grid/fesm2015/fundamental-ngx-core-layout-grid.mjs +2 -2
  79. package/layout-grid/fesm2020/fundamental-ngx-core-layout-grid.mjs +2 -2
  80. package/layout-grid/package.json +3 -3
  81. package/layout-panel/package.json +3 -3
  82. package/link/package.json +3 -3
  83. package/list/esm2020/list.component.mjs +2 -2
  84. package/list/fesm2015/fundamental-ngx-core-list.mjs +2 -2
  85. package/list/fesm2020/fundamental-ngx-core-list.mjs +2 -2
  86. package/list/package.json +3 -3
  87. package/menu/package.json +3 -3
  88. package/message-box/package.json +3 -3
  89. package/message-page/package.json +2 -2
  90. package/message-strip/package.json +3 -3
  91. package/message-toast/package.json +3 -3
  92. package/micro-process-flow/package.json +3 -3
  93. package/mobile-mode/package.json +3 -3
  94. package/multi-input/package.json +3 -3
  95. package/nested-list/package.json +3 -3
  96. package/notification/package.json +3 -3
  97. package/object-identifier/package.json +3 -3
  98. package/object-marker/package.json +3 -3
  99. package/object-number/package.json +3 -3
  100. package/object-status/package.json +3 -3
  101. package/package.json +7 -7
  102. package/pagination/package.json +3 -3
  103. package/panel/package.json +3 -3
  104. package/popover/esm2020/popover-body/popover-body.component.mjs +2 -2
  105. package/popover/fesm2015/fundamental-ngx-core-popover.mjs +2 -2
  106. package/popover/fesm2020/fundamental-ngx-core-popover.mjs +2 -2
  107. package/popover/package.json +3 -3
  108. package/product-switch/esm2020/product-switch-body/product-switch-body.component.mjs +2 -2
  109. package/product-switch/fesm2015/fundamental-ngx-core-product-switch.mjs +2 -2
  110. package/product-switch/fesm2020/fundamental-ngx-core-product-switch.mjs +2 -2
  111. package/product-switch/package.json +3 -3
  112. package/progress-indicator/package.json +1 -1
  113. package/quick-view/package.json +3 -3
  114. package/radio/package.json +3 -3
  115. package/rating-indicator/package.json +3 -3
  116. package/resizable-card-layout/esm2020/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +2 -2
  117. package/resizable-card-layout/esm2020/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
  118. package/resizable-card-layout/fesm2015/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
  119. package/resizable-card-layout/fesm2020/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
  120. package/resizable-card-layout/package.json +3 -3
  121. package/scroll-spy/package.json +3 -3
  122. package/scrollbar/package.json +3 -3
  123. package/segmented-button/package.json +3 -3
  124. package/select/package.json +3 -3
  125. package/shared/package.json +3 -3
  126. package/shellbar/package.json +3 -3
  127. package/side-navigation/package.json +3 -3
  128. package/slider/package.json +3 -3
  129. package/split-button/package.json +3 -3
  130. package/splitter/package.json +3 -3
  131. package/status-indicator/package.json +3 -3
  132. package/step-input/package.json +3 -3
  133. package/switch/package.json +3 -3
  134. package/table/package.json +3 -3
  135. package/tabs/esm2020/tab-list.component.mjs +2 -2
  136. package/tabs/esm2020/tab-nav/tab-nav.component.mjs +2 -2
  137. package/tabs/fesm2015/fundamental-ngx-core-tabs.mjs +4 -4
  138. package/tabs/fesm2020/fundamental-ngx-core-tabs.mjs +4 -4
  139. package/tabs/package.json +3 -3
  140. package/tests/package.json +2 -2
  141. package/text/package.json +3 -3
  142. package/tile/esm2020/tile.component.mjs +2 -2
  143. package/tile/fesm2015/fundamental-ngx-core-tile.mjs +2 -2
  144. package/tile/fesm2020/fundamental-ngx-core-tile.mjs +2 -2
  145. package/tile/package.json +3 -3
  146. package/time/package.json +3 -3
  147. package/time-picker/package.json +3 -3
  148. package/timeline/esm2020/timeline.component.mjs +2 -2
  149. package/timeline/fesm2015/fundamental-ngx-core-timeline.mjs +2 -2
  150. package/timeline/fesm2020/fundamental-ngx-core-timeline.mjs +2 -2
  151. package/timeline/package.json +3 -3
  152. package/title/package.json +3 -3
  153. package/token/package.json +3 -3
  154. package/toolbar/package.json +3 -3
  155. package/tree/package.json +3 -3
  156. package/upload-collection/package.json +3 -3
  157. package/utils/package.json +6 -6
  158. package/vertical-navigation/package.json +3 -3
  159. package/wizard/esm2020/wizard.component.mjs +2 -2
  160. package/wizard/fesm2015/fundamental-ngx-core-wizard.mjs +2 -2
  161. package/wizard/fesm2020/fundamental-ngx-core-wizard.mjs +2 -2
  162. package/wizard/package.json +3 -3
package/tabs/esm2020/tab-list.component.mjs CHANGED
@@ -328,12 +328,12 @@ export class TabListComponent {
328
328
  }
329
329
  }
330
330
  TabListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TabListComponent, deps: [{ token: i1.TabsService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.ContentDensityService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
331
- TabListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TabListComponent, selector: "fd-tab-list", inputs: { compact: "compact", size: "size", mode: "mode", collapseOverflow: "collapseOverflow", maxVisibleTabs: "maxVisibleTabs", stackContent: "stackContent", maxContentHeight: "maxContentHeight", collapsibleTabs: "collapsibleTabs", expandOverflowText: "expandOverflowText" }, outputs: { selectedTabChange: "selectedTabChange" }, host: { classAttribute: "fd-tabs-custom" }, providers: [TabsService], queries: [{ propertyName: "tabPanels", predicate: TabPanelComponent }], viewQueries: [{ propertyName: "overflowTrigger", first: true, predicate: TabItemExpandComponent, descendants: true, read: ElementRef }, { propertyName: "headerContainer", first: true, predicate: ["headerContainer"], descendants: true, read: ElementRef }, { propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "tabHeaderLinks", predicate: TabLinkDirective, descendants: true }, { propertyName: "tabHeaders", predicate: TabItemDirective, descendants: true }], ngImport: i0, template: "<div\n #headerContainer\n role=\"tablist\"\n class=\"fd-tabs\"\n [class]=\"(mode ? 'fd-tabs--' + mode : '') + (' fd-tabs--' + size)\"\n [class.fd-tabs--compact]=\"compact\"\n>\n <div class=\"fd-tabs__wrapper\" [class.fd-tabs__wrapper--collapsible]=\"_isCollapsed\">\n <ng-container *ngFor=\"let tab of _visualOrder.visible; let i = index; let last = last\">\n <div fd-tab-item [header]=\"tab.isHeader\" [tabItemState]=\"tab.tabState\" [attr.aria-selected]=\"tab.active\">\n <a\n fd-tab-link\n [attr.tabindex]=\"tab.active ? '0' : '-1'\"\n [attr.aria-controls]=\"tab.id\"\n [attr.aria-label]=\"tab.ariaLabel || null\"\n [attr.aria-labelledby]=\"!tab.ariaLabel && tab.ariaLabelledBy ? tab.ariaLabelledBy : null\"\n [active]=\"tab.active\"\n [disabled]=\"tab.disabled\"\n (keydown)=\"_tabHeaderKeyHandler(i, $event)\"\n (click)=\"_tabHeaderClickHandler(tab.panel)\"\n >\n <ng-container *ngTemplateOutlet=\"tab.titleTemplate || null\"></ng-container>\n\n <ng-container *ngIf=\"!tab.titleTemplate\" [ngSwitch]=\"mode\">\n <ng-container *ngSwitchCase=\"'filter'\">\n <span fd-tab-header *ngIf=\"tab.isHeader\">\n <span fd-tab-counter-header *ngIf=\"tab.count\">{{ tab.count }}</span>\n <span fd-tab-label *ngIf=\"tab.title\">{{ tab.title }}</span>\n </span>\n <ng-container *ngIf=\"!tab.isHeader\">\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n <span fd-tab-label>{{ tab.title }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'icon-only'\">\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'process'\">\n <span fd-tab-icon *ngIf=\"tab.glyph\" [icon]=\"tab.glyph\"></span>\n <div fd-tab-process>\n <span fd-tab-label *ngIf=\"tab.count\">{{ tab.count }}</span>\n <span fd-tab-label *ngIf=\"tab.title\">{{ tab.title }}</span>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <p fd-tab-count *ngIf=\"tab.count\">{{ tab.count }}</p>\n <span fd-tab-tag>{{ tab.title }}</span>\n </ng-container>\n </ng-container>\n </a>\n <div fd-tab-process-icon *ngIf=\"mode === 'process' && !last\"></div>\n </div>\n\n <div *ngIf=\"tab.isHeader\" fd-tab-separator></div>\n </ng-container>\n </div>\n\n <fd-item-expand\n *ngIf=\"_isCollapsed\"\n [fdMenuTrigger]=\"menu\"\n [label]=\"expandOverflowText\"\n (keydown)=\"_onTriggerKeydown($event, menu)\"\n >\n </fd-item-expand>\n</div>\n\n<div\n #contentContainer\n class=\"fd-tabs__content\"\n [style.maxHeight]=\"maxContentHeight\"\n fdScrollSpy\n [trackedTags]=\"['fd-tab']\"\n [scrollSpyDisabled]=\"_disableScrollSpy\"\n (spyChange)=\"_highlightActiveTab($event)\"\n>\n <ng-content></ng-content>\n</div>\n\n<fd-menu #menu>\n <li\n fd-menu-item\n *ngFor=\"let tab of _visualOrder.overflowing\"\n (onSelect)=\"_overflowingTabHeaderClickHandler(tab.panel)\"\n >\n <div fd-menu-interactive>\n <ng-container\n *ngTemplateOutlet=\"\n !tab.titleTemplate && mode === 'icon-only' ? iconOnlyTemplate : tab.titleTemplate || textTitle;\n context: { $implicit: tab }\n \"\n ></ng-container>\n </div>\n </li>\n</fd-menu>\n\n<ng-template #textTitle let-tab>\n <span fd-menu-title>{{ tab.title }}</span>\n</ng-template>\n\n<ng-template #iconOnlyTemplate let-tab>\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n</ng-template>\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-tabs+()\n .fd-tabs__item?+(([aria-selected=true]),)\n .fd-tabs__link+((.is-selected,)\n.fd-tabs__panel+([aria-expanded]|.is-expanded)\n*/.fd-tabs{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;margin:0;border:0;display:flex;align-items:center;flex-wrap:wrap;padding:0;list-style:none;box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9);background-color:#fff;background-color:var(--sapObjectHeader_Background, #fff);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);border-color:#d9d9d9;border-color:var(--sapObjectHeader_BorderColor, #d9d9d9)}.fd-tabs .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs .fd-tabs__link.is-focus .fd-tabs__tag,.fd-tabs .fd-tabs__link:focus .fd-tabs__icon,.fd-tabs .fd-tabs__link:focus .fd-tabs__tag,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__icon,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__tag,.fd-tabs__link:focus .fd-tabs .fd-tabs__icon,.fd-tabs__link:focus .fd-tabs .fd-tabs__tag{outline-offset:-.0625rem;outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000)}.fd-tabs:after,.fd-tabs:before{box-sizing:inherit;font-size:inherit}.fd-tabs__count{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;line-height:1rem;padding-bottom:.125rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-tabs__count:after,.fd-tabs__count:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link{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;cursor:pointer;transition:0s;display:block;position:relative;text-decoration:none;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);line-height:1rem;padding:.875rem .75rem}.fd-tabs__link:after,.fd-tabs__link:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link.is-selected .fd-tabs__icon,.fd-tabs__link[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-selected .fd-tabs__icon:after,.fd-tabs__link.is-selected .fd-tabs__tag:after,.fd-tabs__link[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__link[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-focus,.fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs__item{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;margin:0;border:0;position:relative;padding:0;margin:0 .25rem}.fd-tabs__item:after,.fd-tabs__item:before{box-sizing:inherit;font-size:inherit}.fd-tabs__item.is-selected .fd-tabs__tag,.fd-tabs__item[aria-selected=true] .fd-tabs__tag{color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon,.fd-tabs__item[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon:after,.fd-tabs__item.is-selected .fd-tabs__link:after,.fd-tabs__item.is-selected .fd-tabs__tag:after,.fd-tabs__item[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item--error .fd-tabs__icon{color:#b00;color:var(--sapErrorColor, #b00);border-color:#b00;border-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon:after,.fd-tabs__item--error.is-selected .fd-tabs__link:after,.fd-tabs__item--error.is-selected .fd-tabs__tag:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__tag:after{background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__icon{color:#df6e0c;color:var(--sapWarningColor, #df6e0c);border-color:#df6e0c;border-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#df6e0c;color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon:after,.fd-tabs__item--warning.is-selected .fd-tabs__link:after,.fd-tabs__item--warning.is-selected .fd-tabs__tag:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__tag:after{background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--success .fd-tabs__icon{color:#107e3e;color:var(--sapSuccessColor, #107e3e);border-color:#107e3e;border-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon:after,.fd-tabs__item--success.is-selected .fd-tabs__link:after,.fd-tabs__item--success.is-selected .fd-tabs__tag:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__tag:after{background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--information .fd-tabs__icon{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1);border-color:#0a6ed1;border-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon:after,.fd-tabs__item--information.is-selected .fd-tabs__link:after,.fd-tabs__item--information.is-selected .fd-tabs__tag:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__tag:after{background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__icon{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70);border-color:#6a6d70;border-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon:after,.fd-tabs__item--neutral.is-selected .fd-tabs__link:after,.fd-tabs__item--neutral.is-selected .fd-tabs__tag:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__tag:after{background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item:first-child{margin-left:0}.fd-tabs__item:first-child .fd-tabs__link{padding-left:0}.fd-tabs__item[dir=rtl]:first-child,[dir=rtl] .fd-tabs__item:first-child{margin-right:0;margin-left:.25rem}.fd-tabs__item[dir=rtl]:first-child .fd-tabs__link,[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:.875rem}.fd-tabs__icon{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;justify-content:center;width:2.625rem;height:2.625rem;border:.0625rem solid #0854a0;border:.0625rem solid var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));border-radius:50%;background-color:transparent;margin:0 .188rem;position:relative}.fd-tabs__icon:after,.fd-tabs__icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__icon [class*=sap-icon],.fd-tabs__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.125rem}.fd-tabs__icon:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__tag{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;position:relative;display:inline-block;line-height:1rem}.fd-tabs__tag:after,.fd-tabs__tag:before{box-sizing:inherit;font-size:inherit}.fd-tabs__tag:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__panel{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}.fd-tabs__panel:after,.fd-tabs__panel:before{box-sizing:inherit;font-size:inherit}.fd-tabs__panel[aria-expanded=false]{display:none}.fd-tabs__panel.is-expanded,.fd-tabs__panel[aria-expanded=true]{display:block}.fd-tabs__counter-header{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;font-size:1.5rem;line-height:1.5rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);padding-right:.5rem}.fd-tabs__counter-header:after,.fd-tabs__counter-header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow{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;border:0;display:flex;justify-content:center;align-items:center;margin:0 0 0 auto}.fd-tabs__overflow:after,.fd-tabs__overflow:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow [class*=sap-icon],.fd-tabs__overflow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1}.fd-tabs__process-icon{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;color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);padding:0 .5rem;display:flex;font-size:1rem;line-height:1}.fd-tabs__process-icon:after,.fd-tabs__process-icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__process-icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-tabs__process-icon:before{content:\"\\e0c7\"}.fd-tabs__label{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:block;padding-left:.125rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);max-width:100%}.fd-tabs__label:after,.fd-tabs__label:before{box-sizing:inherit;font-size:inherit}.fd-tabs__label:first-child{padding-bottom:.375rem}.fd-tabs__separator{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;height:2rem;border-right:solid #d9d9d9;border-right:solid var(--sapGroup_TitleBorderColor, #d9d9d9);border-right-width:.0625rem;line-height:2rem;margin:0 .25rem}.fd-tabs__separator:after,.fd-tabs__separator:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header{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}.fd-tabs__header:after,.fd-tabs__header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header .fd-tabs__label{max-width:4rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count,.fd-tabs--process .fd-tabs__count{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tabs--icon-only .fd-tabs__link,.fd-tabs--process .fd-tabs__link{padding-top:1rem;padding-bottom:1rem}.fd-tabs--icon-only .fd-tabs__icon:after,.fd-tabs--process .fd-tabs__icon:after{bottom:-1.0625rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count{position:absolute;left:calc(100% + 0.1875rem);top:0}.fd-tabs--filter[dir=rtl] .fd-tabs__count,.fd-tabs--icon-only[dir=rtl] .fd-tabs__count,[dir=rtl] .fd-tabs--filter .fd-tabs__count,[dir=rtl] .fd-tabs--icon-only .fd-tabs__count{left:initial;right:calc(100% + 0.1875rem)}.fd-tabs--process .fd-tabs__item{margin:0 .25rem 0 0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__link{padding-left:0;padding-right:0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__icon{margin:0 .1875rem}.fd-tabs--process .fd-tabs__label{white-space:nowrap;max-width:7.5rem;line-height:.875rem;overflow:hidden}.fd-tabs--process[dir=rtl] .fd-tabs__item,[dir=rtl] .fd-tabs--process .fd-tabs__item{margin:0 0 0 .25rem}.fd-tabs--process[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:0}.fd-tabs--filter{display:flex;align-items:center}.fd-tabs--filter .fd-tabs__item{width:5.375rem;padding:0 .25rem;margin:0}.fd-tabs--filter .fd-tabs__item[dir=rtl],[dir=rtl] .fd-tabs--filter .fd-tabs__item{margin:0}.fd-tabs--filter .fd-tabs__item--header{width:auto}.fd-tabs--filter .fd-tabs__icon{margin-bottom:.375rem}.fd-tabs--filter .fd-tabs__icon:after{content:none}.fd-tabs--filter .fd-tabs__label{line-height:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tabs--filter .fd-tabs__link{height:5.5rem;padding:.875rem .188rem .625rem;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.fd-tabs--filter .fd-tabs__link:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0;bottom:0}.fd-tabs--filter .fd-tabs__link.is-focus,.fd-tabs--filter .fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__icon{outline-offset:0;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-tabs--filter[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link{padding-right:.188rem;padding-left:.188rem}.fd-tabs--compact .fd-tabs__icon{font-size:1rem;width:1.875rem;height:1.875rem}.fd-tabs--compact .fd-tabs__icon [class*=sap-icon],.fd-tabs--compact .fd-tabs__icon[class*=sap-icon]{font-size:1rem}.fd-tabs--compact .fd-tabs__label:first-child{padding-bottom:.25rem}.fd-tabs--compact.fd-tabs--filter .fd-tabs__link{height:4.75rem}.fd-tabs--s{padding:0 1rem}.fd-tabs--l,.fd-tabs--m{padding:0 2rem}.fd-tabs--xl,.fd-tabs--xxl{padding:0 3rem}.fd-tabs[dir=rtl] .fd-tabs__process-icon,[dir=rtl] .fd-tabs .fd-tabs__process-icon{transform:rotate(180deg)}.fd-tabs[dir=rtl] .fd-tabs__counter-header,[dir=rtl] .fd-tabs .fd-tabs__counter-header{padding-right:0;padding-left:.5rem}.fd-tabs[dir=rtl] .fd-tabs__overflow,[dir=rtl] .fd-tabs .fd-tabs__overflow{margin-left:0;margin-right:auto}.fd-tabs__process{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}.fd-tabs__process:after,.fd-tabs__process:before{box-sizing:inherit;font-size:inherit}.fd-tabs-custom{display:flex;flex-direction:column}.is-disabled{pointer-events:none;opacity:.4}.fd-tabs{flex-grow:0;flex-wrap:nowrap}.fd-tabs__content{overflow-y:auto;flex-grow:1}.fd-tabs__item{flex-shrink:0}.fd-tabs__wrapper{flex-grow:1;display:flex;flex-wrap:wrap;align-items:center}.fd-tabs__wrapper--collapsible{overflow:hidden;flex-wrap:nowrap}.fd-tabs__item--success .fd-tabs__link .fd-tabs__tag{color:#107e3e;color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--error .fd-tabs__link .fd-tabs__tag{color:#b00;color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#e9730c;color:var(--sapWarningColor, #e9730c)}.fd-tabs__item--information .fd-tabs__link .fd-tabs__tag{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{border-right-color:#6a6d70;border-right-color:var(--sapNeutralBorderColor, #6a6d70)}.fd-tabs--filter .fd-tabs__link.is-selected:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}\n"], components: [{ type: i3.TabIconComponent, selector: "[fd-tab-icon]", inputs: ["class", "icon"] }, { type: i4.TabItemExpandComponent, selector: "fd-item-expand", inputs: ["label"] }, { type: i5.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "compact", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { type: i5.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.TabItemDirective, selector: "[fd-tab-item]", inputs: ["class", "tabItemState", "header", "disabled", "fdTabItemClass"] }, { type: i8.TabLinkDirective, selector: "[fd-tab-link]", inputs: ["active", "disabled"], outputs: ["keyDown"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.TabHeaderDirective, selector: "[fd-tab-header]" }, { type: i3.TabCounterHeaderDirective, selector: "[fd-tab-counter-header]" }, { type: i3.TabLabelDirective, selector: "[fd-tab-label]" }, { type: i3.TabCountDirective, selector: "[fd-tab-count]" }, { type: i3.TabProcessDirective, selector: "[fd-tab-process]" }, { type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3.TabTagDirective, selector: "[fd-tab-tag]" }, { type: i3.TabProcessIconDirective, selector: "[fd-tab-process-icon]" }, { type: i3.TabSeparatorDirective, selector: "[fd-tab-separator]" }, { type: i5.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { type: i9.ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"] }, { type: i5.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { type: i5.MenuTitleDirective, selector: "[fd-menu-title]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
331
+ TabListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TabListComponent, selector: "fd-tab-list", inputs: { compact: "compact", size: "size", mode: "mode", collapseOverflow: "collapseOverflow", maxVisibleTabs: "maxVisibleTabs", stackContent: "stackContent", maxContentHeight: "maxContentHeight", collapsibleTabs: "collapsibleTabs", expandOverflowText: "expandOverflowText" }, outputs: { selectedTabChange: "selectedTabChange" }, host: { classAttribute: "fd-tabs-custom" }, providers: [TabsService], queries: [{ propertyName: "tabPanels", predicate: TabPanelComponent }], viewQueries: [{ propertyName: "overflowTrigger", first: true, predicate: TabItemExpandComponent, descendants: true, read: ElementRef }, { propertyName: "headerContainer", first: true, predicate: ["headerContainer"], descendants: true, read: ElementRef }, { propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "tabHeaderLinks", predicate: TabLinkDirective, descendants: true }, { propertyName: "tabHeaders", predicate: TabItemDirective, descendants: true }], ngImport: i0, template: "<div\n #headerContainer\n role=\"tablist\"\n class=\"fd-tabs\"\n [class]=\"(mode ? 'fd-tabs--' + mode : '') + (' fd-tabs--' + size)\"\n [class.fd-tabs--compact]=\"compact\"\n>\n <div class=\"fd-tabs__wrapper\" [class.fd-tabs__wrapper--collapsible]=\"_isCollapsed\">\n <ng-container *ngFor=\"let tab of _visualOrder.visible; let i = index; let last = last\">\n <div fd-tab-item [header]=\"tab.isHeader\" [tabItemState]=\"tab.tabState\" [attr.aria-selected]=\"tab.active\">\n <a\n fd-tab-link\n [attr.tabindex]=\"tab.active ? '0' : '-1'\"\n [attr.aria-controls]=\"tab.id\"\n [attr.aria-label]=\"tab.ariaLabel || null\"\n [attr.aria-labelledby]=\"!tab.ariaLabel && tab.ariaLabelledBy ? tab.ariaLabelledBy : null\"\n [active]=\"tab.active\"\n [disabled]=\"tab.disabled\"\n (keydown)=\"_tabHeaderKeyHandler(i, $event)\"\n (click)=\"_tabHeaderClickHandler(tab.panel)\"\n >\n <ng-container *ngTemplateOutlet=\"tab.titleTemplate || null\"></ng-container>\n\n <ng-container *ngIf=\"!tab.titleTemplate\" [ngSwitch]=\"mode\">\n <ng-container *ngSwitchCase=\"'filter'\">\n <span fd-tab-header *ngIf=\"tab.isHeader\">\n <span fd-tab-counter-header *ngIf=\"tab.count\">{{ tab.count }}</span>\n <span fd-tab-label *ngIf=\"tab.title\">{{ tab.title }}</span>\n </span>\n <ng-container *ngIf=\"!tab.isHeader\">\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n <span fd-tab-label>{{ tab.title }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'icon-only'\">\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'process'\">\n <span fd-tab-icon *ngIf=\"tab.glyph\" [icon]=\"tab.glyph\"></span>\n <div fd-tab-process>\n <span fd-tab-label *ngIf=\"tab.count\">{{ tab.count }}</span>\n <span fd-tab-label *ngIf=\"tab.title\">{{ tab.title }}</span>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <p fd-tab-count *ngIf=\"tab.count\">{{ tab.count }}</p>\n <span fd-tab-tag>{{ tab.title }}</span>\n </ng-container>\n </ng-container>\n </a>\n <div fd-tab-process-icon *ngIf=\"mode === 'process' && !last\"></div>\n </div>\n\n <div *ngIf=\"tab.isHeader\" fd-tab-separator></div>\n </ng-container>\n </div>\n\n <fd-item-expand\n *ngIf=\"_isCollapsed\"\n [fdMenuTrigger]=\"menu\"\n [label]=\"expandOverflowText\"\n (keydown)=\"_onTriggerKeydown($event, menu)\"\n >\n </fd-item-expand>\n</div>\n\n<div\n #contentContainer\n class=\"fd-tabs__content\"\n [style.maxHeight]=\"maxContentHeight\"\n fdScrollSpy\n [trackedTags]=\"['fd-tab']\"\n [scrollSpyDisabled]=\"_disableScrollSpy\"\n (spyChange)=\"_highlightActiveTab($event)\"\n>\n <ng-content></ng-content>\n</div>\n\n<fd-menu #menu>\n <li\n fd-menu-item\n *ngFor=\"let tab of _visualOrder.overflowing\"\n (onSelect)=\"_overflowingTabHeaderClickHandler(tab.panel)\"\n >\n <div fd-menu-interactive>\n <ng-container\n *ngTemplateOutlet=\"\n !tab.titleTemplate && mode === 'icon-only' ? iconOnlyTemplate : tab.titleTemplate || textTitle;\n context: { $implicit: tab }\n \"\n ></ng-container>\n </div>\n </li>\n</fd-menu>\n\n<ng-template #textTitle let-tab>\n <span fd-menu-title>{{ tab.title }}</span>\n</ng-template>\n\n<ng-template #iconOnlyTemplate let-tab>\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n</ng-template>\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-tabs+()\n .fd-tabs__item?+(([aria-selected=true]),)\n .fd-tabs__link+((.is-selected,)\n.fd-tabs__panel+([aria-expanded]|.is-expanded)\n*/.fd-tabs{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;margin:0;border:0;display:flex;align-items:center;flex-wrap:wrap;padding:0;list-style:none;box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9);background-color:#fff;background-color:var(--sapObjectHeader_Background, #fff);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);border-color:#d9d9d9;border-color:var(--sapObjectHeader_BorderColor, #d9d9d9)}.fd-tabs .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs .fd-tabs__link.is-focus .fd-tabs__tag,.fd-tabs .fd-tabs__link:focus .fd-tabs__icon,.fd-tabs .fd-tabs__link:focus .fd-tabs__tag,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__icon,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__tag,.fd-tabs__link:focus .fd-tabs .fd-tabs__icon,.fd-tabs__link:focus .fd-tabs .fd-tabs__tag{outline-offset:-.0625rem;outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000)}.fd-tabs:after,.fd-tabs:before{box-sizing:inherit;font-size:inherit}.fd-tabs__count{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;line-height:1rem;padding-bottom:.125rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-tabs__count:after,.fd-tabs__count:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link{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;cursor:pointer;transition:0s;display:block;position:relative;text-decoration:none;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);line-height:1rem;padding:.875rem .75rem}.fd-tabs__link:after,.fd-tabs__link:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link.is-selected .fd-tabs__icon,.fd-tabs__link[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-selected .fd-tabs__icon:after,.fd-tabs__link.is-selected .fd-tabs__tag:after,.fd-tabs__link[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__link[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-focus,.fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs__item{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;margin:0;border:0;position:relative;padding:0;margin:0 .25rem}.fd-tabs__item:after,.fd-tabs__item:before{box-sizing:inherit;font-size:inherit}.fd-tabs__item.is-selected .fd-tabs__tag,.fd-tabs__item[aria-selected=true] .fd-tabs__tag{color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon,.fd-tabs__item[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon:after,.fd-tabs__item.is-selected .fd-tabs__link:after,.fd-tabs__item.is-selected .fd-tabs__tag:after,.fd-tabs__item[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item--error .fd-tabs__icon{color:#b00;color:var(--sapErrorColor, #b00);border-color:#b00;border-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon:after,.fd-tabs__item--error.is-selected .fd-tabs__link:after,.fd-tabs__item--error.is-selected .fd-tabs__tag:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__tag:after{background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__icon{color:#df6e0c;color:var(--sapWarningColor, #df6e0c);border-color:#df6e0c;border-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#df6e0c;color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon:after,.fd-tabs__item--warning.is-selected .fd-tabs__link:after,.fd-tabs__item--warning.is-selected .fd-tabs__tag:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__tag:after{background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--success .fd-tabs__icon{color:#107e3e;color:var(--sapSuccessColor, #107e3e);border-color:#107e3e;border-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon:after,.fd-tabs__item--success.is-selected .fd-tabs__link:after,.fd-tabs__item--success.is-selected .fd-tabs__tag:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__tag:after{background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--information .fd-tabs__icon{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1);border-color:#0a6ed1;border-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon:after,.fd-tabs__item--information.is-selected .fd-tabs__link:after,.fd-tabs__item--information.is-selected .fd-tabs__tag:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__tag:after{background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__icon{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70);border-color:#6a6d70;border-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon:after,.fd-tabs__item--neutral.is-selected .fd-tabs__link:after,.fd-tabs__item--neutral.is-selected .fd-tabs__tag:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__tag:after{background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item:first-child{margin-left:0}.fd-tabs__item:first-child .fd-tabs__link{padding-left:0}.fd-tabs__item[dir=rtl]:first-child,[dir=rtl] .fd-tabs__item:first-child{margin-right:0;margin-left:.25rem}.fd-tabs__item[dir=rtl]:first-child .fd-tabs__link,[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:.875rem}.fd-tabs__icon{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;justify-content:center;width:2.625rem;height:2.625rem;border:.0625rem solid #0854a0;border:.0625rem solid var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));border-radius:50%;background-color:transparent;margin:0 .188rem;position:relative}.fd-tabs__icon:after,.fd-tabs__icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__icon [class*=sap-icon],.fd-tabs__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.125rem}.fd-tabs__icon:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__tag{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;position:relative;display:inline-block;line-height:1rem}.fd-tabs__tag:after,.fd-tabs__tag:before{box-sizing:inherit;font-size:inherit}.fd-tabs__tag:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__panel{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}.fd-tabs__panel:after,.fd-tabs__panel:before{box-sizing:inherit;font-size:inherit}.fd-tabs__panel[aria-expanded=false]{display:none}.fd-tabs__panel.is-expanded,.fd-tabs__panel[aria-expanded=true]{display:block}.fd-tabs__counter-header{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;font-size:1.5rem;line-height:1.5rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);padding-right:.5rem}.fd-tabs__counter-header:after,.fd-tabs__counter-header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow{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;border:0;display:flex;justify-content:center;align-items:center;margin:0 0 0 auto}.fd-tabs__overflow:after,.fd-tabs__overflow:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow [class*=sap-icon],.fd-tabs__overflow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1}.fd-tabs__process-icon{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;color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);padding:0 .5rem;display:flex;font-size:1rem;line-height:1}.fd-tabs__process-icon:after,.fd-tabs__process-icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__process-icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-tabs__process-icon:before{content:\"\\e0c7\"}.fd-tabs__label{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:block;padding-left:.125rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);max-width:100%}.fd-tabs__label:after,.fd-tabs__label:before{box-sizing:inherit;font-size:inherit}.fd-tabs__label:first-child{padding-bottom:.375rem}.fd-tabs__separator{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;height:2rem;border-right:solid #d9d9d9;border-right:solid var(--sapGroup_TitleBorderColor, #d9d9d9);border-right-width:.0625rem;line-height:2rem;margin:0 .25rem}.fd-tabs__separator:after,.fd-tabs__separator:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header{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}.fd-tabs__header:after,.fd-tabs__header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header .fd-tabs__label{max-width:4rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count,.fd-tabs--process .fd-tabs__count{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tabs--icon-only .fd-tabs__link,.fd-tabs--process .fd-tabs__link{padding-top:1rem;padding-bottom:1rem}.fd-tabs--icon-only .fd-tabs__icon:after,.fd-tabs--process .fd-tabs__icon:after{bottom:-1.0625rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count{position:absolute;left:calc(100% + .1875rem);top:0}.fd-tabs--filter[dir=rtl] .fd-tabs__count,.fd-tabs--icon-only[dir=rtl] .fd-tabs__count,[dir=rtl] .fd-tabs--filter .fd-tabs__count,[dir=rtl] .fd-tabs--icon-only .fd-tabs__count{left:initial;right:calc(100% + .1875rem)}.fd-tabs--process .fd-tabs__item{margin:0 .25rem 0 0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__link{padding-left:0;padding-right:0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__icon{margin:0 .1875rem}.fd-tabs--process .fd-tabs__label{white-space:nowrap;max-width:7.5rem;line-height:.875rem;overflow:hidden}.fd-tabs--process[dir=rtl] .fd-tabs__item,[dir=rtl] .fd-tabs--process .fd-tabs__item{margin:0 0 0 .25rem}.fd-tabs--process[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:0}.fd-tabs--filter{display:flex;align-items:center}.fd-tabs--filter .fd-tabs__item{width:5.375rem;padding:0 .25rem;margin:0}.fd-tabs--filter .fd-tabs__item[dir=rtl],[dir=rtl] .fd-tabs--filter .fd-tabs__item{margin:0}.fd-tabs--filter .fd-tabs__item--header{width:auto}.fd-tabs--filter .fd-tabs__icon{margin-bottom:.375rem}.fd-tabs--filter .fd-tabs__icon:after{content:none}.fd-tabs--filter .fd-tabs__label{line-height:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tabs--filter .fd-tabs__link{height:5.5rem;padding:.875rem .188rem .625rem;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.fd-tabs--filter .fd-tabs__link:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0;bottom:0}.fd-tabs--filter .fd-tabs__link.is-focus,.fd-tabs--filter .fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__icon{outline-offset:0;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-tabs--filter[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link{padding-right:.188rem;padding-left:.188rem}.fd-tabs--compact .fd-tabs__icon{font-size:1rem;width:1.875rem;height:1.875rem}.fd-tabs--compact .fd-tabs__icon [class*=sap-icon],.fd-tabs--compact .fd-tabs__icon[class*=sap-icon]{font-size:1rem}.fd-tabs--compact .fd-tabs__label:first-child{padding-bottom:.25rem}.fd-tabs--compact.fd-tabs--filter .fd-tabs__link{height:4.75rem}.fd-tabs--s{padding:0 1rem}.fd-tabs--l,.fd-tabs--m{padding:0 2rem}.fd-tabs--xl,.fd-tabs--xxl{padding:0 3rem}.fd-tabs[dir=rtl] .fd-tabs__process-icon,[dir=rtl] .fd-tabs .fd-tabs__process-icon{transform:rotate(180deg)}.fd-tabs[dir=rtl] .fd-tabs__counter-header,[dir=rtl] .fd-tabs .fd-tabs__counter-header{padding-right:0;padding-left:.5rem}.fd-tabs[dir=rtl] .fd-tabs__overflow,[dir=rtl] .fd-tabs .fd-tabs__overflow{margin-left:0;margin-right:auto}.fd-tabs__process{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}.fd-tabs__process:after,.fd-tabs__process:before{box-sizing:inherit;font-size:inherit}.fd-tabs-custom{display:flex;flex-direction:column}.is-disabled{pointer-events:none;opacity:.4}.fd-tabs{flex-grow:0;flex-wrap:nowrap}.fd-tabs__content{overflow-y:auto;flex-grow:1}.fd-tabs__item{flex-shrink:0}.fd-tabs__wrapper{flex-grow:1;display:flex;flex-wrap:wrap;align-items:center}.fd-tabs__wrapper--collapsible{overflow:hidden;flex-wrap:nowrap}.fd-tabs__item--success .fd-tabs__link .fd-tabs__tag{color:#107e3e;color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--error .fd-tabs__link .fd-tabs__tag{color:#b00;color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#e9730c;color:var(--sapWarningColor, #e9730c)}.fd-tabs__item--information .fd-tabs__link .fd-tabs__tag{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{border-right-color:#6a6d70;border-right-color:var(--sapNeutralBorderColor, #6a6d70)}.fd-tabs--filter .fd-tabs__link.is-selected:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}\n"], components: [{ type: i3.TabIconComponent, selector: "[fd-tab-icon]", inputs: ["class", "icon"] }, { type: i4.TabItemExpandComponent, selector: "fd-item-expand", inputs: ["label"] }, { type: i5.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "compact", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { type: i5.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.TabItemDirective, selector: "[fd-tab-item]", inputs: ["class", "tabItemState", "header", "disabled", "fdTabItemClass"] }, { type: i8.TabLinkDirective, selector: "[fd-tab-link]", inputs: ["active", "disabled"], outputs: ["keyDown"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.TabHeaderDirective, selector: "[fd-tab-header]" }, { type: i3.TabCounterHeaderDirective, selector: "[fd-tab-counter-header]" }, { type: i3.TabLabelDirective, selector: "[fd-tab-label]" }, { type: i3.TabCountDirective, selector: "[fd-tab-count]" }, { type: i3.TabProcessDirective, selector: "[fd-tab-process]" }, { type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3.TabTagDirective, selector: "[fd-tab-tag]" }, { type: i3.TabProcessIconDirective, selector: "[fd-tab-process-icon]" }, { type: i3.TabSeparatorDirective, selector: "[fd-tab-separator]" }, { type: i5.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { type: i9.ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"] }, { type: i5.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { type: i5.MenuTitleDirective, selector: "[fd-menu-title]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
332
332
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TabListComponent, decorators: [{
333
333
  type: Component,
334
334
  args: [{ selector: 'fd-tab-list', host: {
335
335
  class: 'fd-tabs-custom'
336
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [TabsService], template: "<div\n #headerContainer\n role=\"tablist\"\n class=\"fd-tabs\"\n [class]=\"(mode ? 'fd-tabs--' + mode : '') + (' fd-tabs--' + size)\"\n [class.fd-tabs--compact]=\"compact\"\n>\n <div class=\"fd-tabs__wrapper\" [class.fd-tabs__wrapper--collapsible]=\"_isCollapsed\">\n <ng-container *ngFor=\"let tab of _visualOrder.visible; let i = index; let last = last\">\n <div fd-tab-item [header]=\"tab.isHeader\" [tabItemState]=\"tab.tabState\" [attr.aria-selected]=\"tab.active\">\n <a\n fd-tab-link\n [attr.tabindex]=\"tab.active ? '0' : '-1'\"\n [attr.aria-controls]=\"tab.id\"\n [attr.aria-label]=\"tab.ariaLabel || null\"\n [attr.aria-labelledby]=\"!tab.ariaLabel && tab.ariaLabelledBy ? tab.ariaLabelledBy : null\"\n [active]=\"tab.active\"\n [disabled]=\"tab.disabled\"\n (keydown)=\"_tabHeaderKeyHandler(i, $event)\"\n (click)=\"_tabHeaderClickHandler(tab.panel)\"\n >\n <ng-container *ngTemplateOutlet=\"tab.titleTemplate || null\"></ng-container>\n\n <ng-container *ngIf=\"!tab.titleTemplate\" [ngSwitch]=\"mode\">\n <ng-container *ngSwitchCase=\"'filter'\">\n <span fd-tab-header *ngIf=\"tab.isHeader\">\n <span fd-tab-counter-header *ngIf=\"tab.count\">{{ tab.count }}</span>\n <span fd-tab-label *ngIf=\"tab.title\">{{ tab.title }}</span>\n </span>\n <ng-container *ngIf=\"!tab.isHeader\">\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n <span fd-tab-label>{{ tab.title }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'icon-only'\">\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'process'\">\n <span fd-tab-icon *ngIf=\"tab.glyph\" [icon]=\"tab.glyph\"></span>\n <div fd-tab-process>\n <span fd-tab-label *ngIf=\"tab.count\">{{ tab.count }}</span>\n <span fd-tab-label *ngIf=\"tab.title\">{{ tab.title }}</span>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <p fd-tab-count *ngIf=\"tab.count\">{{ tab.count }}</p>\n <span fd-tab-tag>{{ tab.title }}</span>\n </ng-container>\n </ng-container>\n </a>\n <div fd-tab-process-icon *ngIf=\"mode === 'process' && !last\"></div>\n </div>\n\n <div *ngIf=\"tab.isHeader\" fd-tab-separator></div>\n </ng-container>\n </div>\n\n <fd-item-expand\n *ngIf=\"_isCollapsed\"\n [fdMenuTrigger]=\"menu\"\n [label]=\"expandOverflowText\"\n (keydown)=\"_onTriggerKeydown($event, menu)\"\n >\n </fd-item-expand>\n</div>\n\n<div\n #contentContainer\n class=\"fd-tabs__content\"\n [style.maxHeight]=\"maxContentHeight\"\n fdScrollSpy\n [trackedTags]=\"['fd-tab']\"\n [scrollSpyDisabled]=\"_disableScrollSpy\"\n (spyChange)=\"_highlightActiveTab($event)\"\n>\n <ng-content></ng-content>\n</div>\n\n<fd-menu #menu>\n <li\n fd-menu-item\n *ngFor=\"let tab of _visualOrder.overflowing\"\n (onSelect)=\"_overflowingTabHeaderClickHandler(tab.panel)\"\n >\n <div fd-menu-interactive>\n <ng-container\n *ngTemplateOutlet=\"\n !tab.titleTemplate && mode === 'icon-only' ? iconOnlyTemplate : tab.titleTemplate || textTitle;\n context: { $implicit: tab }\n \"\n ></ng-container>\n </div>\n </li>\n</fd-menu>\n\n<ng-template #textTitle let-tab>\n <span fd-menu-title>{{ tab.title }}</span>\n</ng-template>\n\n<ng-template #iconOnlyTemplate let-tab>\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n</ng-template>\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-tabs+()\n .fd-tabs__item?+(([aria-selected=true]),)\n .fd-tabs__link+((.is-selected,)\n.fd-tabs__panel+([aria-expanded]|.is-expanded)\n*/.fd-tabs{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;margin:0;border:0;display:flex;align-items:center;flex-wrap:wrap;padding:0;list-style:none;box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9);background-color:#fff;background-color:var(--sapObjectHeader_Background, #fff);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);border-color:#d9d9d9;border-color:var(--sapObjectHeader_BorderColor, #d9d9d9)}.fd-tabs .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs .fd-tabs__link.is-focus .fd-tabs__tag,.fd-tabs .fd-tabs__link:focus .fd-tabs__icon,.fd-tabs .fd-tabs__link:focus .fd-tabs__tag,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__icon,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__tag,.fd-tabs__link:focus .fd-tabs .fd-tabs__icon,.fd-tabs__link:focus .fd-tabs .fd-tabs__tag{outline-offset:-.0625rem;outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000)}.fd-tabs:after,.fd-tabs:before{box-sizing:inherit;font-size:inherit}.fd-tabs__count{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;line-height:1rem;padding-bottom:.125rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-tabs__count:after,.fd-tabs__count:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link{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;cursor:pointer;transition:0s;display:block;position:relative;text-decoration:none;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);line-height:1rem;padding:.875rem .75rem}.fd-tabs__link:after,.fd-tabs__link:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link.is-selected .fd-tabs__icon,.fd-tabs__link[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-selected .fd-tabs__icon:after,.fd-tabs__link.is-selected .fd-tabs__tag:after,.fd-tabs__link[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__link[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-focus,.fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs__item{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;margin:0;border:0;position:relative;padding:0;margin:0 .25rem}.fd-tabs__item:after,.fd-tabs__item:before{box-sizing:inherit;font-size:inherit}.fd-tabs__item.is-selected .fd-tabs__tag,.fd-tabs__item[aria-selected=true] .fd-tabs__tag{color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon,.fd-tabs__item[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon:after,.fd-tabs__item.is-selected .fd-tabs__link:after,.fd-tabs__item.is-selected .fd-tabs__tag:after,.fd-tabs__item[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item--error .fd-tabs__icon{color:#b00;color:var(--sapErrorColor, #b00);border-color:#b00;border-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon:after,.fd-tabs__item--error.is-selected .fd-tabs__link:after,.fd-tabs__item--error.is-selected .fd-tabs__tag:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__tag:after{background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__icon{color:#df6e0c;color:var(--sapWarningColor, #df6e0c);border-color:#df6e0c;border-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#df6e0c;color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon:after,.fd-tabs__item--warning.is-selected .fd-tabs__link:after,.fd-tabs__item--warning.is-selected .fd-tabs__tag:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__tag:after{background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--success .fd-tabs__icon{color:#107e3e;color:var(--sapSuccessColor, #107e3e);border-color:#107e3e;border-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon:after,.fd-tabs__item--success.is-selected .fd-tabs__link:after,.fd-tabs__item--success.is-selected .fd-tabs__tag:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__tag:after{background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--information .fd-tabs__icon{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1);border-color:#0a6ed1;border-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon:after,.fd-tabs__item--information.is-selected .fd-tabs__link:after,.fd-tabs__item--information.is-selected .fd-tabs__tag:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__tag:after{background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__icon{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70);border-color:#6a6d70;border-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon:after,.fd-tabs__item--neutral.is-selected .fd-tabs__link:after,.fd-tabs__item--neutral.is-selected .fd-tabs__tag:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__tag:after{background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item:first-child{margin-left:0}.fd-tabs__item:first-child .fd-tabs__link{padding-left:0}.fd-tabs__item[dir=rtl]:first-child,[dir=rtl] .fd-tabs__item:first-child{margin-right:0;margin-left:.25rem}.fd-tabs__item[dir=rtl]:first-child .fd-tabs__link,[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:.875rem}.fd-tabs__icon{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;justify-content:center;width:2.625rem;height:2.625rem;border:.0625rem solid #0854a0;border:.0625rem solid var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));border-radius:50%;background-color:transparent;margin:0 .188rem;position:relative}.fd-tabs__icon:after,.fd-tabs__icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__icon [class*=sap-icon],.fd-tabs__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.125rem}.fd-tabs__icon:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__tag{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;position:relative;display:inline-block;line-height:1rem}.fd-tabs__tag:after,.fd-tabs__tag:before{box-sizing:inherit;font-size:inherit}.fd-tabs__tag:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__panel{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}.fd-tabs__panel:after,.fd-tabs__panel:before{box-sizing:inherit;font-size:inherit}.fd-tabs__panel[aria-expanded=false]{display:none}.fd-tabs__panel.is-expanded,.fd-tabs__panel[aria-expanded=true]{display:block}.fd-tabs__counter-header{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;font-size:1.5rem;line-height:1.5rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);padding-right:.5rem}.fd-tabs__counter-header:after,.fd-tabs__counter-header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow{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;border:0;display:flex;justify-content:center;align-items:center;margin:0 0 0 auto}.fd-tabs__overflow:after,.fd-tabs__overflow:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow [class*=sap-icon],.fd-tabs__overflow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1}.fd-tabs__process-icon{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;color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);padding:0 .5rem;display:flex;font-size:1rem;line-height:1}.fd-tabs__process-icon:after,.fd-tabs__process-icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__process-icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-tabs__process-icon:before{content:\"\\e0c7\"}.fd-tabs__label{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:block;padding-left:.125rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);max-width:100%}.fd-tabs__label:after,.fd-tabs__label:before{box-sizing:inherit;font-size:inherit}.fd-tabs__label:first-child{padding-bottom:.375rem}.fd-tabs__separator{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;height:2rem;border-right:solid #d9d9d9;border-right:solid var(--sapGroup_TitleBorderColor, #d9d9d9);border-right-width:.0625rem;line-height:2rem;margin:0 .25rem}.fd-tabs__separator:after,.fd-tabs__separator:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header{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}.fd-tabs__header:after,.fd-tabs__header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header .fd-tabs__label{max-width:4rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count,.fd-tabs--process .fd-tabs__count{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tabs--icon-only .fd-tabs__link,.fd-tabs--process .fd-tabs__link{padding-top:1rem;padding-bottom:1rem}.fd-tabs--icon-only .fd-tabs__icon:after,.fd-tabs--process .fd-tabs__icon:after{bottom:-1.0625rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count{position:absolute;left:calc(100% + 0.1875rem);top:0}.fd-tabs--filter[dir=rtl] .fd-tabs__count,.fd-tabs--icon-only[dir=rtl] .fd-tabs__count,[dir=rtl] .fd-tabs--filter .fd-tabs__count,[dir=rtl] .fd-tabs--icon-only .fd-tabs__count{left:initial;right:calc(100% + 0.1875rem)}.fd-tabs--process .fd-tabs__item{margin:0 .25rem 0 0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__link{padding-left:0;padding-right:0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__icon{margin:0 .1875rem}.fd-tabs--process .fd-tabs__label{white-space:nowrap;max-width:7.5rem;line-height:.875rem;overflow:hidden}.fd-tabs--process[dir=rtl] .fd-tabs__item,[dir=rtl] .fd-tabs--process .fd-tabs__item{margin:0 0 0 .25rem}.fd-tabs--process[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:0}.fd-tabs--filter{display:flex;align-items:center}.fd-tabs--filter .fd-tabs__item{width:5.375rem;padding:0 .25rem;margin:0}.fd-tabs--filter .fd-tabs__item[dir=rtl],[dir=rtl] .fd-tabs--filter .fd-tabs__item{margin:0}.fd-tabs--filter .fd-tabs__item--header{width:auto}.fd-tabs--filter .fd-tabs__icon{margin-bottom:.375rem}.fd-tabs--filter .fd-tabs__icon:after{content:none}.fd-tabs--filter .fd-tabs__label{line-height:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tabs--filter .fd-tabs__link{height:5.5rem;padding:.875rem .188rem .625rem;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.fd-tabs--filter .fd-tabs__link:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0;bottom:0}.fd-tabs--filter .fd-tabs__link.is-focus,.fd-tabs--filter .fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__icon{outline-offset:0;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-tabs--filter[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link{padding-right:.188rem;padding-left:.188rem}.fd-tabs--compact .fd-tabs__icon{font-size:1rem;width:1.875rem;height:1.875rem}.fd-tabs--compact .fd-tabs__icon [class*=sap-icon],.fd-tabs--compact .fd-tabs__icon[class*=sap-icon]{font-size:1rem}.fd-tabs--compact .fd-tabs__label:first-child{padding-bottom:.25rem}.fd-tabs--compact.fd-tabs--filter .fd-tabs__link{height:4.75rem}.fd-tabs--s{padding:0 1rem}.fd-tabs--l,.fd-tabs--m{padding:0 2rem}.fd-tabs--xl,.fd-tabs--xxl{padding:0 3rem}.fd-tabs[dir=rtl] .fd-tabs__process-icon,[dir=rtl] .fd-tabs .fd-tabs__process-icon{transform:rotate(180deg)}.fd-tabs[dir=rtl] .fd-tabs__counter-header,[dir=rtl] .fd-tabs .fd-tabs__counter-header{padding-right:0;padding-left:.5rem}.fd-tabs[dir=rtl] .fd-tabs__overflow,[dir=rtl] .fd-tabs .fd-tabs__overflow{margin-left:0;margin-right:auto}.fd-tabs__process{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}.fd-tabs__process:after,.fd-tabs__process:before{box-sizing:inherit;font-size:inherit}.fd-tabs-custom{display:flex;flex-direction:column}.is-disabled{pointer-events:none;opacity:.4}.fd-tabs{flex-grow:0;flex-wrap:nowrap}.fd-tabs__content{overflow-y:auto;flex-grow:1}.fd-tabs__item{flex-shrink:0}.fd-tabs__wrapper{flex-grow:1;display:flex;flex-wrap:wrap;align-items:center}.fd-tabs__wrapper--collapsible{overflow:hidden;flex-wrap:nowrap}.fd-tabs__item--success .fd-tabs__link .fd-tabs__tag{color:#107e3e;color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--error .fd-tabs__link .fd-tabs__tag{color:#b00;color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#e9730c;color:var(--sapWarningColor, #e9730c)}.fd-tabs__item--information .fd-tabs__link .fd-tabs__tag{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{border-right-color:#6a6d70;border-right-color:var(--sapNeutralBorderColor, #6a6d70)}.fd-tabs--filter .fd-tabs__link.is-selected:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}\n"] }]
336
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [TabsService], template: "<div\n #headerContainer\n role=\"tablist\"\n class=\"fd-tabs\"\n [class]=\"(mode ? 'fd-tabs--' + mode : '') + (' fd-tabs--' + size)\"\n [class.fd-tabs--compact]=\"compact\"\n>\n <div class=\"fd-tabs__wrapper\" [class.fd-tabs__wrapper--collapsible]=\"_isCollapsed\">\n <ng-container *ngFor=\"let tab of _visualOrder.visible; let i = index; let last = last\">\n <div fd-tab-item [header]=\"tab.isHeader\" [tabItemState]=\"tab.tabState\" [attr.aria-selected]=\"tab.active\">\n <a\n fd-tab-link\n [attr.tabindex]=\"tab.active ? '0' : '-1'\"\n [attr.aria-controls]=\"tab.id\"\n [attr.aria-label]=\"tab.ariaLabel || null\"\n [attr.aria-labelledby]=\"!tab.ariaLabel && tab.ariaLabelledBy ? tab.ariaLabelledBy : null\"\n [active]=\"tab.active\"\n [disabled]=\"tab.disabled\"\n (keydown)=\"_tabHeaderKeyHandler(i, $event)\"\n (click)=\"_tabHeaderClickHandler(tab.panel)\"\n >\n <ng-container *ngTemplateOutlet=\"tab.titleTemplate || null\"></ng-container>\n\n <ng-container *ngIf=\"!tab.titleTemplate\" [ngSwitch]=\"mode\">\n <ng-container *ngSwitchCase=\"'filter'\">\n <span fd-tab-header *ngIf=\"tab.isHeader\">\n <span fd-tab-counter-header *ngIf=\"tab.count\">{{ tab.count }}</span>\n <span fd-tab-label *ngIf=\"tab.title\">{{ tab.title }}</span>\n </span>\n <ng-container *ngIf=\"!tab.isHeader\">\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n <span fd-tab-label>{{ tab.title }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'icon-only'\">\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'process'\">\n <span fd-tab-icon *ngIf=\"tab.glyph\" [icon]=\"tab.glyph\"></span>\n <div fd-tab-process>\n <span fd-tab-label *ngIf=\"tab.count\">{{ tab.count }}</span>\n <span fd-tab-label *ngIf=\"tab.title\">{{ tab.title }}</span>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <p fd-tab-count *ngIf=\"tab.count\">{{ tab.count }}</p>\n <span fd-tab-tag>{{ tab.title }}</span>\n </ng-container>\n </ng-container>\n </a>\n <div fd-tab-process-icon *ngIf=\"mode === 'process' && !last\"></div>\n </div>\n\n <div *ngIf=\"tab.isHeader\" fd-tab-separator></div>\n </ng-container>\n </div>\n\n <fd-item-expand\n *ngIf=\"_isCollapsed\"\n [fdMenuTrigger]=\"menu\"\n [label]=\"expandOverflowText\"\n (keydown)=\"_onTriggerKeydown($event, menu)\"\n >\n </fd-item-expand>\n</div>\n\n<div\n #contentContainer\n class=\"fd-tabs__content\"\n [style.maxHeight]=\"maxContentHeight\"\n fdScrollSpy\n [trackedTags]=\"['fd-tab']\"\n [scrollSpyDisabled]=\"_disableScrollSpy\"\n (spyChange)=\"_highlightActiveTab($event)\"\n>\n <ng-content></ng-content>\n</div>\n\n<fd-menu #menu>\n <li\n fd-menu-item\n *ngFor=\"let tab of _visualOrder.overflowing\"\n (onSelect)=\"_overflowingTabHeaderClickHandler(tab.panel)\"\n >\n <div fd-menu-interactive>\n <ng-container\n *ngTemplateOutlet=\"\n !tab.titleTemplate && mode === 'icon-only' ? iconOnlyTemplate : tab.titleTemplate || textTitle;\n context: { $implicit: tab }\n \"\n ></ng-container>\n </div>\n </li>\n</fd-menu>\n\n<ng-template #textTitle let-tab>\n <span fd-menu-title>{{ tab.title }}</span>\n</ng-template>\n\n<ng-template #iconOnlyTemplate let-tab>\n <span fd-tab-icon [icon]=\"tab.glyph\">\n <p fd-tab-count>{{ tab.count }}</p>\n </span>\n</ng-template>\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-tabs+()\n .fd-tabs__item?+(([aria-selected=true]),)\n .fd-tabs__link+((.is-selected,)\n.fd-tabs__panel+([aria-expanded]|.is-expanded)\n*/.fd-tabs{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;margin:0;border:0;display:flex;align-items:center;flex-wrap:wrap;padding:0;list-style:none;box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9);background-color:#fff;background-color:var(--sapObjectHeader_Background, #fff);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);border-color:#d9d9d9;border-color:var(--sapObjectHeader_BorderColor, #d9d9d9)}.fd-tabs .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs .fd-tabs__link.is-focus .fd-tabs__tag,.fd-tabs .fd-tabs__link:focus .fd-tabs__icon,.fd-tabs .fd-tabs__link:focus .fd-tabs__tag,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__icon,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__tag,.fd-tabs__link:focus .fd-tabs .fd-tabs__icon,.fd-tabs__link:focus .fd-tabs .fd-tabs__tag{outline-offset:-.0625rem;outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000)}.fd-tabs:after,.fd-tabs:before{box-sizing:inherit;font-size:inherit}.fd-tabs__count{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;line-height:1rem;padding-bottom:.125rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-tabs__count:after,.fd-tabs__count:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link{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;cursor:pointer;transition:0s;display:block;position:relative;text-decoration:none;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);line-height:1rem;padding:.875rem .75rem}.fd-tabs__link:after,.fd-tabs__link:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link.is-selected .fd-tabs__icon,.fd-tabs__link[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-selected .fd-tabs__icon:after,.fd-tabs__link.is-selected .fd-tabs__tag:after,.fd-tabs__link[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__link[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-focus,.fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs__item{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;margin:0;border:0;position:relative;padding:0;margin:0 .25rem}.fd-tabs__item:after,.fd-tabs__item:before{box-sizing:inherit;font-size:inherit}.fd-tabs__item.is-selected .fd-tabs__tag,.fd-tabs__item[aria-selected=true] .fd-tabs__tag{color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon,.fd-tabs__item[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon:after,.fd-tabs__item.is-selected .fd-tabs__link:after,.fd-tabs__item.is-selected .fd-tabs__tag:after,.fd-tabs__item[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item--error .fd-tabs__icon{color:#b00;color:var(--sapErrorColor, #b00);border-color:#b00;border-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon:after,.fd-tabs__item--error.is-selected .fd-tabs__link:after,.fd-tabs__item--error.is-selected .fd-tabs__tag:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__tag:after{background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__icon{color:#df6e0c;color:var(--sapWarningColor, #df6e0c);border-color:#df6e0c;border-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#df6e0c;color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon:after,.fd-tabs__item--warning.is-selected .fd-tabs__link:after,.fd-tabs__item--warning.is-selected .fd-tabs__tag:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__tag:after{background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--success .fd-tabs__icon{color:#107e3e;color:var(--sapSuccessColor, #107e3e);border-color:#107e3e;border-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon:after,.fd-tabs__item--success.is-selected .fd-tabs__link:after,.fd-tabs__item--success.is-selected .fd-tabs__tag:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__tag:after{background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--information .fd-tabs__icon{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1);border-color:#0a6ed1;border-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon:after,.fd-tabs__item--information.is-selected .fd-tabs__link:after,.fd-tabs__item--information.is-selected .fd-tabs__tag:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__tag:after{background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__icon{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70);border-color:#6a6d70;border-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon:after,.fd-tabs__item--neutral.is-selected .fd-tabs__link:after,.fd-tabs__item--neutral.is-selected .fd-tabs__tag:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__tag:after{background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item:first-child{margin-left:0}.fd-tabs__item:first-child .fd-tabs__link{padding-left:0}.fd-tabs__item[dir=rtl]:first-child,[dir=rtl] .fd-tabs__item:first-child{margin-right:0;margin-left:.25rem}.fd-tabs__item[dir=rtl]:first-child .fd-tabs__link,[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:.875rem}.fd-tabs__icon{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;justify-content:center;width:2.625rem;height:2.625rem;border:.0625rem solid #0854a0;border:.0625rem solid var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));border-radius:50%;background-color:transparent;margin:0 .188rem;position:relative}.fd-tabs__icon:after,.fd-tabs__icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__icon [class*=sap-icon],.fd-tabs__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.125rem}.fd-tabs__icon:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__tag{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;position:relative;display:inline-block;line-height:1rem}.fd-tabs__tag:after,.fd-tabs__tag:before{box-sizing:inherit;font-size:inherit}.fd-tabs__tag:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__panel{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}.fd-tabs__panel:after,.fd-tabs__panel:before{box-sizing:inherit;font-size:inherit}.fd-tabs__panel[aria-expanded=false]{display:none}.fd-tabs__panel.is-expanded,.fd-tabs__panel[aria-expanded=true]{display:block}.fd-tabs__counter-header{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;font-size:1.5rem;line-height:1.5rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);padding-right:.5rem}.fd-tabs__counter-header:after,.fd-tabs__counter-header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow{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;border:0;display:flex;justify-content:center;align-items:center;margin:0 0 0 auto}.fd-tabs__overflow:after,.fd-tabs__overflow:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow [class*=sap-icon],.fd-tabs__overflow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1}.fd-tabs__process-icon{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;color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);padding:0 .5rem;display:flex;font-size:1rem;line-height:1}.fd-tabs__process-icon:after,.fd-tabs__process-icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__process-icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-tabs__process-icon:before{content:\"\\e0c7\"}.fd-tabs__label{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:block;padding-left:.125rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);max-width:100%}.fd-tabs__label:after,.fd-tabs__label:before{box-sizing:inherit;font-size:inherit}.fd-tabs__label:first-child{padding-bottom:.375rem}.fd-tabs__separator{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;height:2rem;border-right:solid #d9d9d9;border-right:solid var(--sapGroup_TitleBorderColor, #d9d9d9);border-right-width:.0625rem;line-height:2rem;margin:0 .25rem}.fd-tabs__separator:after,.fd-tabs__separator:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header{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}.fd-tabs__header:after,.fd-tabs__header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header .fd-tabs__label{max-width:4rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count,.fd-tabs--process .fd-tabs__count{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tabs--icon-only .fd-tabs__link,.fd-tabs--process .fd-tabs__link{padding-top:1rem;padding-bottom:1rem}.fd-tabs--icon-only .fd-tabs__icon:after,.fd-tabs--process .fd-tabs__icon:after{bottom:-1.0625rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count{position:absolute;left:calc(100% + .1875rem);top:0}.fd-tabs--filter[dir=rtl] .fd-tabs__count,.fd-tabs--icon-only[dir=rtl] .fd-tabs__count,[dir=rtl] .fd-tabs--filter .fd-tabs__count,[dir=rtl] .fd-tabs--icon-only .fd-tabs__count{left:initial;right:calc(100% + .1875rem)}.fd-tabs--process .fd-tabs__item{margin:0 .25rem 0 0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__link{padding-left:0;padding-right:0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__icon{margin:0 .1875rem}.fd-tabs--process .fd-tabs__label{white-space:nowrap;max-width:7.5rem;line-height:.875rem;overflow:hidden}.fd-tabs--process[dir=rtl] .fd-tabs__item,[dir=rtl] .fd-tabs--process .fd-tabs__item{margin:0 0 0 .25rem}.fd-tabs--process[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:0}.fd-tabs--filter{display:flex;align-items:center}.fd-tabs--filter .fd-tabs__item{width:5.375rem;padding:0 .25rem;margin:0}.fd-tabs--filter .fd-tabs__item[dir=rtl],[dir=rtl] .fd-tabs--filter .fd-tabs__item{margin:0}.fd-tabs--filter .fd-tabs__item--header{width:auto}.fd-tabs--filter .fd-tabs__icon{margin-bottom:.375rem}.fd-tabs--filter .fd-tabs__icon:after{content:none}.fd-tabs--filter .fd-tabs__label{line-height:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tabs--filter .fd-tabs__link{height:5.5rem;padding:.875rem .188rem .625rem;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.fd-tabs--filter .fd-tabs__link:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0;bottom:0}.fd-tabs--filter .fd-tabs__link.is-focus,.fd-tabs--filter .fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__icon{outline-offset:0;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-tabs--filter[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link{padding-right:.188rem;padding-left:.188rem}.fd-tabs--compact .fd-tabs__icon{font-size:1rem;width:1.875rem;height:1.875rem}.fd-tabs--compact .fd-tabs__icon [class*=sap-icon],.fd-tabs--compact .fd-tabs__icon[class*=sap-icon]{font-size:1rem}.fd-tabs--compact .fd-tabs__label:first-child{padding-bottom:.25rem}.fd-tabs--compact.fd-tabs--filter .fd-tabs__link{height:4.75rem}.fd-tabs--s{padding:0 1rem}.fd-tabs--l,.fd-tabs--m{padding:0 2rem}.fd-tabs--xl,.fd-tabs--xxl{padding:0 3rem}.fd-tabs[dir=rtl] .fd-tabs__process-icon,[dir=rtl] .fd-tabs .fd-tabs__process-icon{transform:rotate(180deg)}.fd-tabs[dir=rtl] .fd-tabs__counter-header,[dir=rtl] .fd-tabs .fd-tabs__counter-header{padding-right:0;padding-left:.5rem}.fd-tabs[dir=rtl] .fd-tabs__overflow,[dir=rtl] .fd-tabs .fd-tabs__overflow{margin-left:0;margin-right:auto}.fd-tabs__process{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}.fd-tabs__process:after,.fd-tabs__process:before{box-sizing:inherit;font-size:inherit}.fd-tabs-custom{display:flex;flex-direction:column}.is-disabled{pointer-events:none;opacity:.4}.fd-tabs{flex-grow:0;flex-wrap:nowrap}.fd-tabs__content{overflow-y:auto;flex-grow:1}.fd-tabs__item{flex-shrink:0}.fd-tabs__wrapper{flex-grow:1;display:flex;flex-wrap:wrap;align-items:center}.fd-tabs__wrapper--collapsible{overflow:hidden;flex-wrap:nowrap}.fd-tabs__item--success .fd-tabs__link .fd-tabs__tag{color:#107e3e;color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--error .fd-tabs__link .fd-tabs__tag{color:#b00;color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#e9730c;color:var(--sapWarningColor, #e9730c)}.fd-tabs__item--information .fd-tabs__link .fd-tabs__tag{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{border-right-color:#6a6d70;border-right-color:var(--sapNeutralBorderColor, #6a6d70)}.fd-tabs--filter .fd-tabs__link.is-selected:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}\n"] }]
337
337
  }], ctorParameters: function () { return [{ type: i1.TabsService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i2.ContentDensityService, decorators: [{
338
338
  type: Optional
339
339
  }] }]; }, propDecorators: { compact: [{
package/tabs/esm2020/tab-nav/tab-nav.component.mjs CHANGED
@@ -116,7 +116,7 @@ export class TabNavComponent {
116
116
  }
117
117
  }
118
118
  TabNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TabNavComponent, deps: [{ token: i1.TabsService }, { token: i0.ElementRef }, { token: i2.ContentDensityService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
119
- TabNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TabNavComponent, selector: "[fd-tab-nav]", inputs: { class: "class", mode: "mode", size: "size", compact: "compact" }, providers: [TabsService], queries: [{ propertyName: "links", predicate: TabLinkDirective }, { propertyName: "items", predicate: TabItemDirective }], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, 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-tabs+()\n .fd-tabs__item?+(([aria-selected=true]),)\n .fd-tabs__link+((.is-selected,)\n.fd-tabs__panel+([aria-expanded]|.is-expanded)\n*/.fd-tabs{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;margin:0;border:0;display:flex;align-items:center;flex-wrap:wrap;padding:0;list-style:none;box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9);background-color:#fff;background-color:var(--sapObjectHeader_Background, #fff);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);border-color:#d9d9d9;border-color:var(--sapObjectHeader_BorderColor, #d9d9d9)}.fd-tabs .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs .fd-tabs__link.is-focus .fd-tabs__tag,.fd-tabs .fd-tabs__link:focus .fd-tabs__icon,.fd-tabs .fd-tabs__link:focus .fd-tabs__tag,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__icon,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__tag,.fd-tabs__link:focus .fd-tabs .fd-tabs__icon,.fd-tabs__link:focus .fd-tabs .fd-tabs__tag{outline-offset:-.0625rem;outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000)}.fd-tabs:after,.fd-tabs:before{box-sizing:inherit;font-size:inherit}.fd-tabs__count{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;line-height:1rem;padding-bottom:.125rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-tabs__count:after,.fd-tabs__count:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link{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;cursor:pointer;transition:0s;display:block;position:relative;text-decoration:none;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);line-height:1rem;padding:.875rem .75rem}.fd-tabs__link:after,.fd-tabs__link:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link.is-selected .fd-tabs__icon,.fd-tabs__link[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-selected .fd-tabs__icon:after,.fd-tabs__link.is-selected .fd-tabs__tag:after,.fd-tabs__link[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__link[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-focus,.fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs__item{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;margin:0;border:0;position:relative;padding:0;margin:0 .25rem}.fd-tabs__item:after,.fd-tabs__item:before{box-sizing:inherit;font-size:inherit}.fd-tabs__item.is-selected .fd-tabs__tag,.fd-tabs__item[aria-selected=true] .fd-tabs__tag{color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon,.fd-tabs__item[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon:after,.fd-tabs__item.is-selected .fd-tabs__link:after,.fd-tabs__item.is-selected .fd-tabs__tag:after,.fd-tabs__item[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item--error .fd-tabs__icon{color:#b00;color:var(--sapErrorColor, #b00);border-color:#b00;border-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error .fd-tabs__link .fd-tabs__tag{color:#b00;color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon:after,.fd-tabs__item--error.is-selected .fd-tabs__link:after,.fd-tabs__item--error.is-selected .fd-tabs__tag:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__tag:after{background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__icon{color:#df6e0c;color:var(--sapWarningColor, #df6e0c);border-color:#df6e0c;border-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#df6e0c;color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon:after,.fd-tabs__item--warning.is-selected .fd-tabs__link:after,.fd-tabs__item--warning.is-selected .fd-tabs__tag:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__tag:after{background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--success .fd-tabs__icon{color:#107e3e;color:var(--sapSuccessColor, #107e3e);border-color:#107e3e;border-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success .fd-tabs__link .fd-tabs__tag{color:#107e3e;color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon:after,.fd-tabs__item--success.is-selected .fd-tabs__link:after,.fd-tabs__item--success.is-selected .fd-tabs__tag:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__tag:after{background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--information .fd-tabs__icon{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1);border-color:#0a6ed1;border-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information .fd-tabs__link .fd-tabs__tag{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon:after,.fd-tabs__item--information.is-selected .fd-tabs__link:after,.fd-tabs__item--information.is-selected .fd-tabs__tag:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__tag:after{background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__icon{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70);border-color:#6a6d70;border-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon:after,.fd-tabs__item--neutral.is-selected .fd-tabs__link:after,.fd-tabs__item--neutral.is-selected .fd-tabs__tag:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__tag:after{background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item:first-child{margin-left:0}.fd-tabs__item:first-child .fd-tabs__link{padding-left:0}.fd-tabs__item[dir=rtl]:first-child,[dir=rtl] .fd-tabs__item:first-child{margin-right:0;margin-left:.25rem}.fd-tabs__item[dir=rtl]:first-child .fd-tabs__link,[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:.875rem}.fd-tabs__icon{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;justify-content:center;width:2.625rem;height:2.625rem;border:.0625rem solid #0854a0;border:.0625rem solid var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));border-radius:50%;background-color:transparent;margin:0 .188rem;position:relative}.fd-tabs__icon:after,.fd-tabs__icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__icon [class*=sap-icon],.fd-tabs__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.125rem}.fd-tabs__icon:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__tag{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;position:relative;display:inline-block;line-height:1rem}.fd-tabs__tag:after,.fd-tabs__tag:before{box-sizing:inherit;font-size:inherit}.fd-tabs__tag:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__panel{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}.fd-tabs__panel:after,.fd-tabs__panel:before{box-sizing:inherit;font-size:inherit}.fd-tabs__panel[aria-expanded=false]{display:none}.fd-tabs__panel.is-expanded,.fd-tabs__panel[aria-expanded=true]{display:block}.fd-tabs__counter-header{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;font-size:1.5rem;line-height:1.5rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);padding-right:.5rem}.fd-tabs__counter-header:after,.fd-tabs__counter-header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow{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;border:0;display:flex;justify-content:center;align-items:center;margin:0 0 0 auto}.fd-tabs__overflow:after,.fd-tabs__overflow:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow [class*=sap-icon],.fd-tabs__overflow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1}.fd-tabs__process-icon{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;color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);padding:0 .5rem;display:flex;font-size:1rem;line-height:1}.fd-tabs__process-icon:after,.fd-tabs__process-icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__process-icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-tabs__process-icon:before{content:\"\\e0c7\"}.fd-tabs__label{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:block;padding-left:.125rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);max-width:100%}.fd-tabs__label:after,.fd-tabs__label:before{box-sizing:inherit;font-size:inherit}.fd-tabs__label:first-child{padding-bottom:.375rem}.fd-tabs__separator{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;height:2rem;border-right:solid #d9d9d9;border-right:solid var(--sapGroup_TitleBorderColor, #d9d9d9);border-right-width:.0625rem;line-height:2rem;margin:0 .25rem}.fd-tabs__separator:after,.fd-tabs__separator:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header{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}.fd-tabs__header:after,.fd-tabs__header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header .fd-tabs__label{max-width:4rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count,.fd-tabs--process .fd-tabs__count{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tabs--icon-only .fd-tabs__link,.fd-tabs--process .fd-tabs__link{padding-top:1rem;padding-bottom:1rem}.fd-tabs--icon-only .fd-tabs__icon:after,.fd-tabs--process .fd-tabs__icon:after{bottom:-1.0625rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count{position:absolute;left:calc(100% + 0.1875rem);top:0}.fd-tabs--filter[dir=rtl] .fd-tabs__count,.fd-tabs--icon-only[dir=rtl] .fd-tabs__count,[dir=rtl] .fd-tabs--filter .fd-tabs__count,[dir=rtl] .fd-tabs--icon-only .fd-tabs__count{left:initial;right:calc(100% + 0.1875rem)}.fd-tabs--process .fd-tabs__item{margin:0 .25rem 0 0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__link{padding-left:0;padding-right:0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__icon{margin:0 .1875rem}.fd-tabs--process .fd-tabs__label{white-space:nowrap;max-width:7.5rem;line-height:.875rem;overflow:hidden}.fd-tabs--process[dir=rtl] .fd-tabs__item,[dir=rtl] .fd-tabs--process .fd-tabs__item{margin:0 0 0 .25rem}.fd-tabs--process[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:0}.fd-tabs--filter{display:flex;align-items:center}.fd-tabs--filter .fd-tabs__item{width:5.375rem;padding:0 .25rem;margin:0}.fd-tabs--filter .fd-tabs__item[dir=rtl],[dir=rtl] .fd-tabs--filter .fd-tabs__item{margin:0}.fd-tabs--filter .fd-tabs__item--header{width:auto}.fd-tabs--filter .fd-tabs__icon{margin-bottom:.375rem}.fd-tabs--filter .fd-tabs__icon:after{content:none}.fd-tabs--filter .fd-tabs__label{line-height:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tabs--filter .fd-tabs__link{height:5.5rem;padding:.875rem .188rem .625rem;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.fd-tabs--filter .fd-tabs__link:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0;bottom:0}.fd-tabs--filter .fd-tabs__link.is-focus,.fd-tabs--filter .fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__icon{outline-offset:0;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-tabs--filter[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link{padding-right:.188rem;padding-left:.188rem}.fd-tabs--compact .fd-tabs__icon{font-size:1rem;width:1.875rem;height:1.875rem}.fd-tabs--compact .fd-tabs__icon [class*=sap-icon],.fd-tabs--compact .fd-tabs__icon[class*=sap-icon]{font-size:1rem}.fd-tabs--compact .fd-tabs__label:first-child{padding-bottom:.25rem}.fd-tabs--compact.fd-tabs--filter .fd-tabs__link{height:4.75rem}.fd-tabs--s{padding:0 1rem}.fd-tabs--l,.fd-tabs--m{padding:0 2rem}.fd-tabs--xl,.fd-tabs--xxl{padding:0 3rem}.fd-tabs[dir=rtl] .fd-tabs__process-icon,[dir=rtl] .fd-tabs .fd-tabs__process-icon{transform:rotate(180deg)}.fd-tabs[dir=rtl] .fd-tabs__counter-header,[dir=rtl] .fd-tabs .fd-tabs__counter-header{padding-right:0;padding-left:.5rem}.fd-tabs[dir=rtl] .fd-tabs__overflow,[dir=rtl] .fd-tabs .fd-tabs__overflow{margin-left:0;margin-right:auto}.fd-tabs__process{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}.fd-tabs__process:after,.fd-tabs__process:before{box-sizing:inherit;font-size:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
119
+ TabNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TabNavComponent, selector: "[fd-tab-nav]", inputs: { class: "class", mode: "mode", size: "size", compact: "compact" }, providers: [TabsService], queries: [{ propertyName: "links", predicate: TabLinkDirective }, { propertyName: "items", predicate: TabItemDirective }], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, 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-tabs+()\n .fd-tabs__item?+(([aria-selected=true]),)\n .fd-tabs__link+((.is-selected,)\n.fd-tabs__panel+([aria-expanded]|.is-expanded)\n*/.fd-tabs{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;margin:0;border:0;display:flex;align-items:center;flex-wrap:wrap;padding:0;list-style:none;box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9);background-color:#fff;background-color:var(--sapObjectHeader_Background, #fff);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);border-color:#d9d9d9;border-color:var(--sapObjectHeader_BorderColor, #d9d9d9)}.fd-tabs .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs .fd-tabs__link.is-focus .fd-tabs__tag,.fd-tabs .fd-tabs__link:focus .fd-tabs__icon,.fd-tabs .fd-tabs__link:focus .fd-tabs__tag,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__icon,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__tag,.fd-tabs__link:focus .fd-tabs .fd-tabs__icon,.fd-tabs__link:focus .fd-tabs .fd-tabs__tag{outline-offset:-.0625rem;outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000)}.fd-tabs:after,.fd-tabs:before{box-sizing:inherit;font-size:inherit}.fd-tabs__count{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;line-height:1rem;padding-bottom:.125rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-tabs__count:after,.fd-tabs__count:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link{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;cursor:pointer;transition:0s;display:block;position:relative;text-decoration:none;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);line-height:1rem;padding:.875rem .75rem}.fd-tabs__link:after,.fd-tabs__link:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link.is-selected .fd-tabs__icon,.fd-tabs__link[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-selected .fd-tabs__icon:after,.fd-tabs__link.is-selected .fd-tabs__tag:after,.fd-tabs__link[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__link[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-focus,.fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs__item{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;margin:0;border:0;position:relative;padding:0;margin:0 .25rem}.fd-tabs__item:after,.fd-tabs__item:before{box-sizing:inherit;font-size:inherit}.fd-tabs__item.is-selected .fd-tabs__tag,.fd-tabs__item[aria-selected=true] .fd-tabs__tag{color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon,.fd-tabs__item[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon:after,.fd-tabs__item.is-selected .fd-tabs__link:after,.fd-tabs__item.is-selected .fd-tabs__tag:after,.fd-tabs__item[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item--error .fd-tabs__icon{color:#b00;color:var(--sapErrorColor, #b00);border-color:#b00;border-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error .fd-tabs__link .fd-tabs__tag{color:#b00;color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon:after,.fd-tabs__item--error.is-selected .fd-tabs__link:after,.fd-tabs__item--error.is-selected .fd-tabs__tag:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__tag:after{background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__icon{color:#df6e0c;color:var(--sapWarningColor, #df6e0c);border-color:#df6e0c;border-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#df6e0c;color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon:after,.fd-tabs__item--warning.is-selected .fd-tabs__link:after,.fd-tabs__item--warning.is-selected .fd-tabs__tag:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__tag:after{background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--success .fd-tabs__icon{color:#107e3e;color:var(--sapSuccessColor, #107e3e);border-color:#107e3e;border-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success .fd-tabs__link .fd-tabs__tag{color:#107e3e;color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon:after,.fd-tabs__item--success.is-selected .fd-tabs__link:after,.fd-tabs__item--success.is-selected .fd-tabs__tag:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__tag:after{background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--information .fd-tabs__icon{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1);border-color:#0a6ed1;border-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information .fd-tabs__link .fd-tabs__tag{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon:after,.fd-tabs__item--information.is-selected .fd-tabs__link:after,.fd-tabs__item--information.is-selected .fd-tabs__tag:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__tag:after{background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__icon{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70);border-color:#6a6d70;border-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon:after,.fd-tabs__item--neutral.is-selected .fd-tabs__link:after,.fd-tabs__item--neutral.is-selected .fd-tabs__tag:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__tag:after{background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item:first-child{margin-left:0}.fd-tabs__item:first-child .fd-tabs__link{padding-left:0}.fd-tabs__item[dir=rtl]:first-child,[dir=rtl] .fd-tabs__item:first-child{margin-right:0;margin-left:.25rem}.fd-tabs__item[dir=rtl]:first-child .fd-tabs__link,[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:.875rem}.fd-tabs__icon{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;justify-content:center;width:2.625rem;height:2.625rem;border:.0625rem solid #0854a0;border:.0625rem solid var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));border-radius:50%;background-color:transparent;margin:0 .188rem;position:relative}.fd-tabs__icon:after,.fd-tabs__icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__icon [class*=sap-icon],.fd-tabs__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.125rem}.fd-tabs__icon:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__tag{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;position:relative;display:inline-block;line-height:1rem}.fd-tabs__tag:after,.fd-tabs__tag:before{box-sizing:inherit;font-size:inherit}.fd-tabs__tag:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__panel{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}.fd-tabs__panel:after,.fd-tabs__panel:before{box-sizing:inherit;font-size:inherit}.fd-tabs__panel[aria-expanded=false]{display:none}.fd-tabs__panel.is-expanded,.fd-tabs__panel[aria-expanded=true]{display:block}.fd-tabs__counter-header{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;font-size:1.5rem;line-height:1.5rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);padding-right:.5rem}.fd-tabs__counter-header:after,.fd-tabs__counter-header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow{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;border:0;display:flex;justify-content:center;align-items:center;margin:0 0 0 auto}.fd-tabs__overflow:after,.fd-tabs__overflow:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow [class*=sap-icon],.fd-tabs__overflow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1}.fd-tabs__process-icon{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;color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);padding:0 .5rem;display:flex;font-size:1rem;line-height:1}.fd-tabs__process-icon:after,.fd-tabs__process-icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__process-icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-tabs__process-icon:before{content:\"\\e0c7\"}.fd-tabs__label{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:block;padding-left:.125rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);max-width:100%}.fd-tabs__label:after,.fd-tabs__label:before{box-sizing:inherit;font-size:inherit}.fd-tabs__label:first-child{padding-bottom:.375rem}.fd-tabs__separator{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;height:2rem;border-right:solid #d9d9d9;border-right:solid var(--sapGroup_TitleBorderColor, #d9d9d9);border-right-width:.0625rem;line-height:2rem;margin:0 .25rem}.fd-tabs__separator:after,.fd-tabs__separator:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header{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}.fd-tabs__header:after,.fd-tabs__header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header .fd-tabs__label{max-width:4rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count,.fd-tabs--process .fd-tabs__count{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tabs--icon-only .fd-tabs__link,.fd-tabs--process .fd-tabs__link{padding-top:1rem;padding-bottom:1rem}.fd-tabs--icon-only .fd-tabs__icon:after,.fd-tabs--process .fd-tabs__icon:after{bottom:-1.0625rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count{position:absolute;left:calc(100% + .1875rem);top:0}.fd-tabs--filter[dir=rtl] .fd-tabs__count,.fd-tabs--icon-only[dir=rtl] .fd-tabs__count,[dir=rtl] .fd-tabs--filter .fd-tabs__count,[dir=rtl] .fd-tabs--icon-only .fd-tabs__count{left:initial;right:calc(100% + .1875rem)}.fd-tabs--process .fd-tabs__item{margin:0 .25rem 0 0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__link{padding-left:0;padding-right:0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__icon{margin:0 .1875rem}.fd-tabs--process .fd-tabs__label{white-space:nowrap;max-width:7.5rem;line-height:.875rem;overflow:hidden}.fd-tabs--process[dir=rtl] .fd-tabs__item,[dir=rtl] .fd-tabs--process .fd-tabs__item{margin:0 0 0 .25rem}.fd-tabs--process[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:0}.fd-tabs--filter{display:flex;align-items:center}.fd-tabs--filter .fd-tabs__item{width:5.375rem;padding:0 .25rem;margin:0}.fd-tabs--filter .fd-tabs__item[dir=rtl],[dir=rtl] .fd-tabs--filter .fd-tabs__item{margin:0}.fd-tabs--filter .fd-tabs__item--header{width:auto}.fd-tabs--filter .fd-tabs__icon{margin-bottom:.375rem}.fd-tabs--filter .fd-tabs__icon:after{content:none}.fd-tabs--filter .fd-tabs__label{line-height:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tabs--filter .fd-tabs__link{height:5.5rem;padding:.875rem .188rem .625rem;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.fd-tabs--filter .fd-tabs__link:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0;bottom:0}.fd-tabs--filter .fd-tabs__link.is-focus,.fd-tabs--filter .fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__icon{outline-offset:0;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-tabs--filter[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link{padding-right:.188rem;padding-left:.188rem}.fd-tabs--compact .fd-tabs__icon{font-size:1rem;width:1.875rem;height:1.875rem}.fd-tabs--compact .fd-tabs__icon [class*=sap-icon],.fd-tabs--compact .fd-tabs__icon[class*=sap-icon]{font-size:1rem}.fd-tabs--compact .fd-tabs__label:first-child{padding-bottom:.25rem}.fd-tabs--compact.fd-tabs--filter .fd-tabs__link{height:4.75rem}.fd-tabs--s{padding:0 1rem}.fd-tabs--l,.fd-tabs--m{padding:0 2rem}.fd-tabs--xl,.fd-tabs--xxl{padding:0 3rem}.fd-tabs[dir=rtl] .fd-tabs__process-icon,[dir=rtl] .fd-tabs .fd-tabs__process-icon{transform:rotate(180deg)}.fd-tabs[dir=rtl] .fd-tabs__counter-header,[dir=rtl] .fd-tabs .fd-tabs__counter-header{padding-right:0;padding-left:.5rem}.fd-tabs[dir=rtl] .fd-tabs__overflow,[dir=rtl] .fd-tabs .fd-tabs__overflow{margin-left:0;margin-right:auto}.fd-tabs__process{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}.fd-tabs__process:after,.fd-tabs__process:before{box-sizing:inherit;font-size:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
120
120
  __decorate([
121
121
  applyCssClass,
122
122
  __metadata("design:type", Function),
@@ -125,7 +125,7 @@ __decorate([
125
125
  ], TabNavComponent.prototype, "buildComponentCssClass", null);
126
126
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TabNavComponent, decorators: [{
127
127
  type: Component,
128
- args: [{ selector: '[fd-tab-nav]', template: `<ng-content></ng-content>`, providers: [TabsService], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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-tabs+()\n .fd-tabs__item?+(([aria-selected=true]),)\n .fd-tabs__link+((.is-selected,)\n.fd-tabs__panel+([aria-expanded]|.is-expanded)\n*/.fd-tabs{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;margin:0;border:0;display:flex;align-items:center;flex-wrap:wrap;padding:0;list-style:none;box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9);background-color:#fff;background-color:var(--sapObjectHeader_Background, #fff);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);border-color:#d9d9d9;border-color:var(--sapObjectHeader_BorderColor, #d9d9d9)}.fd-tabs .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs .fd-tabs__link.is-focus .fd-tabs__tag,.fd-tabs .fd-tabs__link:focus .fd-tabs__icon,.fd-tabs .fd-tabs__link:focus .fd-tabs__tag,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__icon,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__tag,.fd-tabs__link:focus .fd-tabs .fd-tabs__icon,.fd-tabs__link:focus .fd-tabs .fd-tabs__tag{outline-offset:-.0625rem;outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000)}.fd-tabs:after,.fd-tabs:before{box-sizing:inherit;font-size:inherit}.fd-tabs__count{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;line-height:1rem;padding-bottom:.125rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-tabs__count:after,.fd-tabs__count:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link{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;cursor:pointer;transition:0s;display:block;position:relative;text-decoration:none;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);line-height:1rem;padding:.875rem .75rem}.fd-tabs__link:after,.fd-tabs__link:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link.is-selected .fd-tabs__icon,.fd-tabs__link[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-selected .fd-tabs__icon:after,.fd-tabs__link.is-selected .fd-tabs__tag:after,.fd-tabs__link[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__link[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-focus,.fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs__item{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;margin:0;border:0;position:relative;padding:0;margin:0 .25rem}.fd-tabs__item:after,.fd-tabs__item:before{box-sizing:inherit;font-size:inherit}.fd-tabs__item.is-selected .fd-tabs__tag,.fd-tabs__item[aria-selected=true] .fd-tabs__tag{color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon,.fd-tabs__item[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon:after,.fd-tabs__item.is-selected .fd-tabs__link:after,.fd-tabs__item.is-selected .fd-tabs__tag:after,.fd-tabs__item[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item--error .fd-tabs__icon{color:#b00;color:var(--sapErrorColor, #b00);border-color:#b00;border-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error .fd-tabs__link .fd-tabs__tag{color:#b00;color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon:after,.fd-tabs__item--error.is-selected .fd-tabs__link:after,.fd-tabs__item--error.is-selected .fd-tabs__tag:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__tag:after{background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__icon{color:#df6e0c;color:var(--sapWarningColor, #df6e0c);border-color:#df6e0c;border-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#df6e0c;color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon:after,.fd-tabs__item--warning.is-selected .fd-tabs__link:after,.fd-tabs__item--warning.is-selected .fd-tabs__tag:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__tag:after{background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--success .fd-tabs__icon{color:#107e3e;color:var(--sapSuccessColor, #107e3e);border-color:#107e3e;border-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success .fd-tabs__link .fd-tabs__tag{color:#107e3e;color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon:after,.fd-tabs__item--success.is-selected .fd-tabs__link:after,.fd-tabs__item--success.is-selected .fd-tabs__tag:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__tag:after{background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--information .fd-tabs__icon{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1);border-color:#0a6ed1;border-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information .fd-tabs__link .fd-tabs__tag{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon:after,.fd-tabs__item--information.is-selected .fd-tabs__link:after,.fd-tabs__item--information.is-selected .fd-tabs__tag:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__tag:after{background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__icon{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70);border-color:#6a6d70;border-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon:after,.fd-tabs__item--neutral.is-selected .fd-tabs__link:after,.fd-tabs__item--neutral.is-selected .fd-tabs__tag:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__tag:after{background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item:first-child{margin-left:0}.fd-tabs__item:first-child .fd-tabs__link{padding-left:0}.fd-tabs__item[dir=rtl]:first-child,[dir=rtl] .fd-tabs__item:first-child{margin-right:0;margin-left:.25rem}.fd-tabs__item[dir=rtl]:first-child .fd-tabs__link,[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:.875rem}.fd-tabs__icon{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;justify-content:center;width:2.625rem;height:2.625rem;border:.0625rem solid #0854a0;border:.0625rem solid var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));border-radius:50%;background-color:transparent;margin:0 .188rem;position:relative}.fd-tabs__icon:after,.fd-tabs__icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__icon [class*=sap-icon],.fd-tabs__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.125rem}.fd-tabs__icon:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__tag{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;position:relative;display:inline-block;line-height:1rem}.fd-tabs__tag:after,.fd-tabs__tag:before{box-sizing:inherit;font-size:inherit}.fd-tabs__tag:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__panel{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}.fd-tabs__panel:after,.fd-tabs__panel:before{box-sizing:inherit;font-size:inherit}.fd-tabs__panel[aria-expanded=false]{display:none}.fd-tabs__panel.is-expanded,.fd-tabs__panel[aria-expanded=true]{display:block}.fd-tabs__counter-header{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;font-size:1.5rem;line-height:1.5rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);padding-right:.5rem}.fd-tabs__counter-header:after,.fd-tabs__counter-header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow{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;border:0;display:flex;justify-content:center;align-items:center;margin:0 0 0 auto}.fd-tabs__overflow:after,.fd-tabs__overflow:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow [class*=sap-icon],.fd-tabs__overflow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1}.fd-tabs__process-icon{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;color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);padding:0 .5rem;display:flex;font-size:1rem;line-height:1}.fd-tabs__process-icon:after,.fd-tabs__process-icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__process-icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-tabs__process-icon:before{content:\"\\e0c7\"}.fd-tabs__label{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:block;padding-left:.125rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);max-width:100%}.fd-tabs__label:after,.fd-tabs__label:before{box-sizing:inherit;font-size:inherit}.fd-tabs__label:first-child{padding-bottom:.375rem}.fd-tabs__separator{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;height:2rem;border-right:solid #d9d9d9;border-right:solid var(--sapGroup_TitleBorderColor, #d9d9d9);border-right-width:.0625rem;line-height:2rem;margin:0 .25rem}.fd-tabs__separator:after,.fd-tabs__separator:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header{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}.fd-tabs__header:after,.fd-tabs__header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header .fd-tabs__label{max-width:4rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count,.fd-tabs--process .fd-tabs__count{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tabs--icon-only .fd-tabs__link,.fd-tabs--process .fd-tabs__link{padding-top:1rem;padding-bottom:1rem}.fd-tabs--icon-only .fd-tabs__icon:after,.fd-tabs--process .fd-tabs__icon:after{bottom:-1.0625rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count{position:absolute;left:calc(100% + 0.1875rem);top:0}.fd-tabs--filter[dir=rtl] .fd-tabs__count,.fd-tabs--icon-only[dir=rtl] .fd-tabs__count,[dir=rtl] .fd-tabs--filter .fd-tabs__count,[dir=rtl] .fd-tabs--icon-only .fd-tabs__count{left:initial;right:calc(100% + 0.1875rem)}.fd-tabs--process .fd-tabs__item{margin:0 .25rem 0 0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__link{padding-left:0;padding-right:0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__icon{margin:0 .1875rem}.fd-tabs--process .fd-tabs__label{white-space:nowrap;max-width:7.5rem;line-height:.875rem;overflow:hidden}.fd-tabs--process[dir=rtl] .fd-tabs__item,[dir=rtl] .fd-tabs--process .fd-tabs__item{margin:0 0 0 .25rem}.fd-tabs--process[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:0}.fd-tabs--filter{display:flex;align-items:center}.fd-tabs--filter .fd-tabs__item{width:5.375rem;padding:0 .25rem;margin:0}.fd-tabs--filter .fd-tabs__item[dir=rtl],[dir=rtl] .fd-tabs--filter .fd-tabs__item{margin:0}.fd-tabs--filter .fd-tabs__item--header{width:auto}.fd-tabs--filter .fd-tabs__icon{margin-bottom:.375rem}.fd-tabs--filter .fd-tabs__icon:after{content:none}.fd-tabs--filter .fd-tabs__label{line-height:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tabs--filter .fd-tabs__link{height:5.5rem;padding:.875rem .188rem .625rem;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.fd-tabs--filter .fd-tabs__link:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + 0.375rem);border-radius:.125rem .125rem 0 0;bottom:0}.fd-tabs--filter .fd-tabs__link.is-focus,.fd-tabs--filter .fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__icon{outline-offset:0;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-tabs--filter[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link{padding-right:.188rem;padding-left:.188rem}.fd-tabs--compact .fd-tabs__icon{font-size:1rem;width:1.875rem;height:1.875rem}.fd-tabs--compact .fd-tabs__icon [class*=sap-icon],.fd-tabs--compact .fd-tabs__icon[class*=sap-icon]{font-size:1rem}.fd-tabs--compact .fd-tabs__label:first-child{padding-bottom:.25rem}.fd-tabs--compact.fd-tabs--filter .fd-tabs__link{height:4.75rem}.fd-tabs--s{padding:0 1rem}.fd-tabs--l,.fd-tabs--m{padding:0 2rem}.fd-tabs--xl,.fd-tabs--xxl{padding:0 3rem}.fd-tabs[dir=rtl] .fd-tabs__process-icon,[dir=rtl] .fd-tabs .fd-tabs__process-icon{transform:rotate(180deg)}.fd-tabs[dir=rtl] .fd-tabs__counter-header,[dir=rtl] .fd-tabs .fd-tabs__counter-header{padding-right:0;padding-left:.5rem}.fd-tabs[dir=rtl] .fd-tabs__overflow,[dir=rtl] .fd-tabs .fd-tabs__overflow{margin-left:0;margin-right:auto}.fd-tabs__process{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}.fd-tabs__process:after,.fd-tabs__process:before{box-sizing:inherit;font-size:inherit}\n"] }]
128
+ args: [{ selector: '[fd-tab-nav]', template: `<ng-content></ng-content>`, providers: [TabsService], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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-tabs+()\n .fd-tabs__item?+(([aria-selected=true]),)\n .fd-tabs__link+((.is-selected,)\n.fd-tabs__panel+([aria-expanded]|.is-expanded)\n*/.fd-tabs{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;margin:0;border:0;display:flex;align-items:center;flex-wrap:wrap;padding:0;list-style:none;box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9;box-shadow:var(--sapContent_HeaderShadow, 0 0 .25rem 0 rgba(0, 0, 0, .15), inset 0 -.0625rem 0 0 #d9d9d9);background-color:#fff;background-color:var(--sapObjectHeader_Background, #fff);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);border-color:#d9d9d9;border-color:var(--sapObjectHeader_BorderColor, #d9d9d9)}.fd-tabs .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs .fd-tabs__link.is-focus .fd-tabs__tag,.fd-tabs .fd-tabs__link:focus .fd-tabs__icon,.fd-tabs .fd-tabs__link:focus .fd-tabs__tag,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__icon,.fd-tabs__link.is-focus .fd-tabs .fd-tabs__tag,.fd-tabs__link:focus .fd-tabs .fd-tabs__icon,.fd-tabs__link:focus .fd-tabs .fd-tabs__tag{outline-offset:-.0625rem;outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted);outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000)}.fd-tabs:after,.fd-tabs:before{box-sizing:inherit;font-size:inherit}.fd-tabs__count{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;line-height:1rem;padding-bottom:.125rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-tabs__count:after,.fd-tabs__count:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link{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;cursor:pointer;transition:0s;display:block;position:relative;text-decoration:none;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);line-height:1rem;padding:.875rem .75rem}.fd-tabs__link:after,.fd-tabs__link:before{box-sizing:inherit;font-size:inherit}.fd-tabs__link.is-selected .fd-tabs__icon,.fd-tabs__link[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-selected .fd-tabs__icon:after,.fd-tabs__link.is-selected .fd-tabs__tag:after,.fd-tabs__link[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__link[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__link.is-focus,.fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs__item{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;margin:0;border:0;position:relative;padding:0;margin:0 .25rem}.fd-tabs__item:after,.fd-tabs__item:before{box-sizing:inherit;font-size:inherit}.fd-tabs__item.is-selected .fd-tabs__tag,.fd-tabs__item[aria-selected=true] .fd-tabs__tag{color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon,.fd-tabs__item[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--fdTabs_Selected_Icon_Color, var(--sapContent_ContrastIconColor, #fff));background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item.is-selected .fd-tabs__icon:after,.fd-tabs__item.is-selected .fd-tabs__link:after,.fd-tabs__item.is-selected .fd-tabs__tag:after,.fd-tabs__item[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item[aria-selected=true] .fd-tabs__tag:after{background-color:#0854a0;background-color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0))}.fd-tabs__item--error .fd-tabs__icon{color:#b00;color:var(--sapErrorColor, #b00);border-color:#b00;border-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error .fd-tabs__link .fd-tabs__tag{color:#b00;color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--error.is-selected .fd-tabs__icon:after,.fd-tabs__item--error.is-selected .fd-tabs__link:after,.fd-tabs__item--error.is-selected .fd-tabs__tag:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__tag:after{background-color:#b00;background-color:var(--sapErrorColor, #b00)}.fd-tabs__item--warning .fd-tabs__icon{color:#df6e0c;color:var(--sapWarningColor, #df6e0c);border-color:#df6e0c;border-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:#df6e0c;color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--warning.is-selected .fd-tabs__icon:after,.fd-tabs__item--warning.is-selected .fd-tabs__link:after,.fd-tabs__item--warning.is-selected .fd-tabs__tag:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__tag:after{background-color:#df6e0c;background-color:var(--sapWarningColor, #df6e0c)}.fd-tabs__item--success .fd-tabs__icon{color:#107e3e;color:var(--sapSuccessColor, #107e3e);border-color:#107e3e;border-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success .fd-tabs__link .fd-tabs__tag{color:#107e3e;color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--success.is-selected .fd-tabs__icon:after,.fd-tabs__item--success.is-selected .fd-tabs__link:after,.fd-tabs__item--success.is-selected .fd-tabs__tag:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__tag:after{background-color:#107e3e;background-color:var(--sapSuccessColor, #107e3e)}.fd-tabs__item--information .fd-tabs__icon{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1);border-color:#0a6ed1;border-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information .fd-tabs__link .fd-tabs__tag{color:#0a6ed1;color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--information.is-selected .fd-tabs__icon:after,.fd-tabs__item--information.is-selected .fd-tabs__link:after,.fd-tabs__item--information.is-selected .fd-tabs__tag:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__tag:after{background-color:#0a6ed1;background-color:var(--sapInformationColor, #0a6ed1)}.fd-tabs__item--neutral .fd-tabs__icon{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70);border-color:#6a6d70;border-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{color:#6a6d70;color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon{color:#fff;color:var(--sapContent_ContrastIconColor, #fff);background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon:after,.fd-tabs__item--neutral.is-selected .fd-tabs__link:after,.fd-tabs__item--neutral.is-selected .fd-tabs__tag:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__tag:after{background-color:#6a6d70;background-color:var(--sapNeutralColor, #6a6d70)}.fd-tabs__item:first-child{margin-left:0}.fd-tabs__item:first-child .fd-tabs__link{padding-left:0}.fd-tabs__item[dir=rtl]:first-child,[dir=rtl] .fd-tabs__item:first-child{margin-right:0;margin-left:.25rem}.fd-tabs__item[dir=rtl]:first-child .fd-tabs__link,[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:.875rem}.fd-tabs__icon{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;justify-content:center;width:2.625rem;height:2.625rem;border:.0625rem solid #0854a0;border:.0625rem solid var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));color:#0854a0;color:var(--fdTabs_Selected_Color, var(--sapSelectedColor, #0854a0));border-radius:50%;background-color:transparent;margin:0 .188rem;position:relative}.fd-tabs__icon:after,.fd-tabs__icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__icon [class*=sap-icon],.fd-tabs__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.125rem}.fd-tabs__icon:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__tag{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;position:relative;display:inline-block;line-height:1rem}.fd-tabs__tag:after,.fd-tabs__tag:before{box-sizing:inherit;font-size:inherit}.fd-tabs__tag:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0}.fd-tabs__panel{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}.fd-tabs__panel:after,.fd-tabs__panel:before{box-sizing:inherit;font-size:inherit}.fd-tabs__panel[aria-expanded=false]{display:none}.fd-tabs__panel.is-expanded,.fd-tabs__panel[aria-expanded=true]{display:block}.fd-tabs__counter-header{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;font-size:1.5rem;line-height:1.5rem;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);padding-right:.5rem}.fd-tabs__counter-header:after,.fd-tabs__counter-header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow{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;border:0;display:flex;justify-content:center;align-items:center;margin:0 0 0 auto}.fd-tabs__overflow:after,.fd-tabs__overflow:before{box-sizing:inherit;font-size:inherit}.fd-tabs__overflow [class*=sap-icon],.fd-tabs__overflow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1}.fd-tabs__process-icon{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;color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70);padding:0 .5rem;display:flex;font-size:1rem;line-height:1}.fd-tabs__process-icon:after,.fd-tabs__process-icon:before{box-sizing:inherit;font-size:inherit}.fd-tabs__process-icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-tabs__process-icon:before{content:\"\\e0c7\"}.fd-tabs__label{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:block;padding-left:.125rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);max-width:100%}.fd-tabs__label:after,.fd-tabs__label:before{box-sizing:inherit;font-size:inherit}.fd-tabs__label:first-child{padding-bottom:.375rem}.fd-tabs__separator{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;height:2rem;border-right:solid #d9d9d9;border-right:solid var(--sapGroup_TitleBorderColor, #d9d9d9);border-right-width:.0625rem;line-height:2rem;margin:0 .25rem}.fd-tabs__separator:after,.fd-tabs__separator:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header{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}.fd-tabs__header:after,.fd-tabs__header:before{box-sizing:inherit;font-size:inherit}.fd-tabs__header .fd-tabs__label{max-width:4rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count,.fd-tabs--process .fd-tabs__count{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tabs--icon-only .fd-tabs__link,.fd-tabs--process .fd-tabs__link{padding-top:1rem;padding-bottom:1rem}.fd-tabs--icon-only .fd-tabs__icon:after,.fd-tabs--process .fd-tabs__icon:after{bottom:-1.0625rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count{position:absolute;left:calc(100% + .1875rem);top:0}.fd-tabs--filter[dir=rtl] .fd-tabs__count,.fd-tabs--icon-only[dir=rtl] .fd-tabs__count,[dir=rtl] .fd-tabs--filter .fd-tabs__count,[dir=rtl] .fd-tabs--icon-only .fd-tabs__count{left:initial;right:calc(100% + .1875rem)}.fd-tabs--process .fd-tabs__item{margin:0 .25rem 0 0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__link{padding-left:0;padding-right:0;display:flex;align-items:center}.fd-tabs--process .fd-tabs__icon{margin:0 .1875rem}.fd-tabs--process .fd-tabs__label{white-space:nowrap;max-width:7.5rem;line-height:.875rem;overflow:hidden}.fd-tabs--process[dir=rtl] .fd-tabs__item,[dir=rtl] .fd-tabs--process .fd-tabs__item{margin:0 0 0 .25rem}.fd-tabs--process[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{padding-right:0;padding-left:0}.fd-tabs--filter{display:flex;align-items:center}.fd-tabs--filter .fd-tabs__item{width:5.375rem;padding:0 .25rem;margin:0}.fd-tabs--filter .fd-tabs__item[dir=rtl],[dir=rtl] .fd-tabs--filter .fd-tabs__item{margin:0}.fd-tabs--filter .fd-tabs__item--header{width:auto}.fd-tabs--filter .fd-tabs__icon{margin-bottom:.375rem}.fd-tabs--filter .fd-tabs__icon:after{content:none}.fd-tabs--filter .fd-tabs__label{line-height:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tabs--filter .fd-tabs__link{height:5.5rem;padding:.875rem .188rem .625rem;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.fd-tabs--filter .fd-tabs__link:after{transition:all 125ms ease-in;content:\"\";position:absolute;bottom:-.875rem;left:-.1875rem;display:inline-block;height:.1875rem;width:calc(100% + .375rem);border-radius:.125rem .125rem 0 0;bottom:0}.fd-tabs--filter .fd-tabs__link.is-focus,.fd-tabs--filter .fd-tabs__link:focus{z-index:5;box-shadow:none;outline:0}.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__icon,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__header,.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__icon{outline-offset:0;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-tabs--filter[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link{padding-right:.188rem;padding-left:.188rem}.fd-tabs--compact .fd-tabs__icon{font-size:1rem;width:1.875rem;height:1.875rem}.fd-tabs--compact .fd-tabs__icon [class*=sap-icon],.fd-tabs--compact .fd-tabs__icon[class*=sap-icon]{font-size:1rem}.fd-tabs--compact .fd-tabs__label:first-child{padding-bottom:.25rem}.fd-tabs--compact.fd-tabs--filter .fd-tabs__link{height:4.75rem}.fd-tabs--s{padding:0 1rem}.fd-tabs--l,.fd-tabs--m{padding:0 2rem}.fd-tabs--xl,.fd-tabs--xxl{padding:0 3rem}.fd-tabs[dir=rtl] .fd-tabs__process-icon,[dir=rtl] .fd-tabs .fd-tabs__process-icon{transform:rotate(180deg)}.fd-tabs[dir=rtl] .fd-tabs__counter-header,[dir=rtl] .fd-tabs .fd-tabs__counter-header{padding-right:0;padding-left:.5rem}.fd-tabs[dir=rtl] .fd-tabs__overflow,[dir=rtl] .fd-tabs .fd-tabs__overflow{margin-left:0;margin-right:auto}.fd-tabs__process{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}.fd-tabs__process:after,.fd-tabs__process:before{box-sizing:inherit;font-size:inherit}\n"] }]
129
129
  }], ctorParameters: function () { return [{ type: i1.TabsService }, { type: i0.ElementRef }, { type: i2.ContentDensityService, decorators: [{
130
130
  type: Optional
131
131
  }] }]; }, propDecorators: { class: [{