npm - @fundamental-ngx/core - Versions diffs - 0.46.2-rc.2 → 0.46.2-rc.21 - Mend

@fundamental-ngx/core 0.46.2-rc.2 → 0.46.2-rc.21

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 (294) hide show

package/esm2022/splitter/splitter.component.mjs CHANGED Viewed

@@ -40,11 +40,11 @@ export class SplitterComponent {
         paneToShow?.showOnCanvas();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SplitterComponent, isStandalone: true, selector: "fd-splitter", inputs: { defaultPaneId: "defaultPaneId" }, host: { classAttribute: "fd-splitter" }, queries: [{ propertyName: "_panes", predicate: SplitterSplitPaneComponent, descendants: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-splitter{display:flex;flex-direction:row;height:100%;width:100%}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot,.fd-splitter__pane,.fd-splitter__pane-container,.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip-icon{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before,.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before,.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{-webkit-user-select:none;user-select:none}.fd-splitter__pane,.fd-splitter__pane-container{max-height:100%;max-width:100%}.fd-splitter .fd-splitter__pane-container{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.fd-splitter .fd-splitter__pane-container--horizontal{flex-direction:column}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer{border-left:none;border-right:none;cursor:row-resize;height:1rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:.0625rem;min-width:4rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(90deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(270deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:row-resize;max-height:1.5rem;max-width:2rem;min-width:2rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-top:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical{flex-direction:row}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer{border-bottom:none;border-top:none;cursor:col-resize;flex-direction:column;width:1rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{min-height:4rem;width:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(180deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(0deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:col-resize;max-height:2rem;max-width:1.5rem;min-width:1.5rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon[dir=rtl],[dir=rtl] .fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:0;margin-right:.0625rem}.fd-splitter__split-pane{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:column;flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter .fd-splitter__resizer{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapContent_ForegroundColor);border:var(--fdSplitter_Resizer_Border);display:flex;justify-content:center}.fd-splitter .fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__resizer:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.125rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-before{transition:all .1s ease-in}.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{background:var(--sapContent_Selected_ForegroundColor)}.fd-splitter .fd-splitter__resizer--translucent{background:var(--sapGroup_ContentBackground)}.fd-splitter .fd-splitter__resizer--transparent{background:transparent}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip{-webkit-box-shadow:none;-ms-flex-negative:0;border-width:var(--fdSplitter_Resizer_Grip_Border_Width);box-shadow:none;flex-shrink:0;outline:none}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-hover,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:hover{background:var(--sapButton_Lite_Background)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-active,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:active{background:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor)}.fd-splitter__pagination{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;align-items:center;background:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-splitter__pagination .fd-splitter__pagination-item{border-width:var(--fdSplitter_Pagination_Item_Border_Width)}.fd-splitter__pagination .fd-splitter__pagination-item.is-active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot,.fd-splitter__pagination .fd-splitter__pagination-item:active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot{background:var(--sapButton_Active_TextColor)}.fd-splitter__pagination .fd-splitter__pagination-item-dot{background:var(--sapContent_NonInteractiveIconColor);border-radius:100%;height:.25rem;width:.25rem}.fd-splitter__pagination .fd-splitter__pagination-item--active .fd-splitter__pagination-item-dot{background:var(--sapSelectedColor);height:.5rem;width:.5rem}.fd-splitter__pagination .fd-splitter__pagination-item--active.is-active,.fd-splitter__pagination .fd-splitter__pagination-item--active:active{background:var(--sapButton_Lite_Hover_Background)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SplitterComponent, isStandalone: true, selector: "fd-splitter", inputs: { defaultPaneId: "defaultPaneId" }, host: { classAttribute: "fd-splitter" }, queries: [{ propertyName: "_panes", predicate: SplitterSplitPaneComponent, descendants: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-splitter{display:flex;flex-direction:row;height:100%;width:100%}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot,.fd-splitter__pane,.fd-splitter__pane-container,.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip-icon{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before,.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before,.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{-webkit-user-select:none;user-select:none}.fd-splitter__pane,.fd-splitter__pane-container{max-height:100%;max-width:100%}.fd-splitter .fd-splitter__pane-container{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.fd-splitter .fd-splitter__pane-container--horizontal{flex-direction:column}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer{border-left:none;border-right:none;cursor:row-resize;height:1rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:.0625rem;min-width:4rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(90deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(270deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:row-resize;max-height:1.5rem;max-width:2rem;min-width:2rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-top:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical{flex-direction:row}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer{border-bottom:none;border-top:none;cursor:col-resize;flex-direction:column;width:1rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{min-height:4rem;width:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(180deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(0deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:col-resize;max-height:2rem;max-width:1.5rem;min-width:1.5rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon[dir=rtl],[dir=rtl] .fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:0;margin-right:.0625rem}.fd-splitter__split-pane{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:column;flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter .fd-splitter__resizer{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapContent_ForegroundColor);border:var(--fdSplitter_Resizer_Border);display:flex;justify-content:center}.fd-splitter .fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__resizer:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.125rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-before{transition:all .1s ease-in}.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{background:var(--sapContent_Selected_ForegroundColor)}.fd-splitter .fd-splitter__resizer--translucent{background:var(--sapGroup_ContentBackground)}.fd-splitter .fd-splitter__resizer--transparent{background:transparent}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip{-webkit-box-shadow:none;-ms-flex-negative:0;border-width:var(--fdSplitter_Resizer_Grip_Border_Width);box-shadow:none;flex-shrink:0;outline:none}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-hover,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:hover{background:var(--sapButton_Lite_Background)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-active,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:active{background:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor)}.fd-splitter__pagination{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;align-items:center;background:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-splitter__pagination .fd-splitter__pagination-item{border-width:var(--fdSplitter_Pagination_Item_Border_Width)}.fd-splitter__pagination .fd-splitter__pagination-item.is-active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot,.fd-splitter__pagination .fd-splitter__pagination-item:active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot{background:var(--sapButton_Active_TextColor)}.fd-splitter__pagination .fd-splitter__pagination-item-dot{background:var(--sapContent_NonInteractiveIconColor);border-radius:100%;height:.25rem;width:.25rem}.fd-splitter__pagination .fd-splitter__pagination-item--active .fd-splitter__pagination-item-dot{background:var(--sapSelectedColor);height:.5rem;width:.5rem}.fd-splitter__pagination .fd-splitter__pagination-item--active.is-active,.fd-splitter__pagination .fd-splitter__pagination-item--active:active{background:var(--sapButton_Lite_Hover_Background)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SplitterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-splitter', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'fd-splitter' }, standalone: true, styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-splitter{display:flex;flex-direction:row;height:100%;width:100%}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot,.fd-splitter__pane,.fd-splitter__pane-container,.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip-icon{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before,.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before,.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{-webkit-user-select:none;user-select:none}.fd-splitter__pane,.fd-splitter__pane-container{max-height:100%;max-width:100%}.fd-splitter .fd-splitter__pane-container{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.fd-splitter .fd-splitter__pane-container--horizontal{flex-direction:column}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer{border-left:none;border-right:none;cursor:row-resize;height:1rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:.0625rem;min-width:4rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(90deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(270deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:row-resize;max-height:1.5rem;max-width:2rem;min-width:2rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-top:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical{flex-direction:row}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer{border-bottom:none;border-top:none;cursor:col-resize;flex-direction:column;width:1rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{min-height:4rem;width:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(180deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(0deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:col-resize;max-height:2rem;max-width:1.5rem;min-width:1.5rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon[dir=rtl],[dir=rtl] .fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:0;margin-right:.0625rem}.fd-splitter__split-pane{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:column;flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter .fd-splitter__resizer{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapContent_ForegroundColor);border:var(--fdSplitter_Resizer_Border);display:flex;justify-content:center}.fd-splitter .fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__resizer:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.125rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-before{transition:all .1s ease-in}.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{background:var(--sapContent_Selected_ForegroundColor)}.fd-splitter .fd-splitter__resizer--translucent{background:var(--sapGroup_ContentBackground)}.fd-splitter .fd-splitter__resizer--transparent{background:transparent}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip{-webkit-box-shadow:none;-ms-flex-negative:0;border-width:var(--fdSplitter_Resizer_Grip_Border_Width);box-shadow:none;flex-shrink:0;outline:none}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-hover,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:hover{background:var(--sapButton_Lite_Background)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-active,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:active{background:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor)}.fd-splitter__pagination{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;align-items:center;background:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-splitter__pagination .fd-splitter__pagination-item{border-width:var(--fdSplitter_Pagination_Item_Border_Width)}.fd-splitter__pagination .fd-splitter__pagination-item.is-active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot,.fd-splitter__pagination .fd-splitter__pagination-item:active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot{background:var(--sapButton_Active_TextColor)}.fd-splitter__pagination .fd-splitter__pagination-item-dot{background:var(--sapContent_NonInteractiveIconColor);border-radius:100%;height:.25rem;width:.25rem}.fd-splitter__pagination .fd-splitter__pagination-item--active .fd-splitter__pagination-item-dot{background:var(--sapSelectedColor);height:.5rem;width:.5rem}.fd-splitter__pagination .fd-splitter__pagination-item--active.is-active,.fd-splitter__pagination .fd-splitter__pagination-item--active:active{background:var(--sapButton_Lite_Hover_Background)}\n"] }]
+            args: [{ selector: 'fd-splitter', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'fd-splitter' }, standalone: true, styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-splitter{display:flex;flex-direction:row;height:100%;width:100%}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot,.fd-splitter__pane,.fd-splitter__pane-container,.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip-icon{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before,.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before,.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{-webkit-user-select:none;user-select:none}.fd-splitter__pane,.fd-splitter__pane-container{max-height:100%;max-width:100%}.fd-splitter .fd-splitter__pane-container{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.fd-splitter .fd-splitter__pane-container--horizontal{flex-direction:column}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer{border-left:none;border-right:none;cursor:row-resize;height:1rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:.0625rem;min-width:4rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(90deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(270deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:row-resize;max-height:1.5rem;max-width:2rem;min-width:2rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-top:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical{flex-direction:row}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer{border-bottom:none;border-top:none;cursor:col-resize;flex-direction:column;width:1rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{min-height:4rem;width:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(180deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(0deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:col-resize;max-height:2rem;max-width:1.5rem;min-width:1.5rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon[dir=rtl],[dir=rtl] .fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:0;margin-right:.0625rem}.fd-splitter__split-pane{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:column;flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter .fd-splitter__resizer{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapContent_ForegroundColor);border:var(--fdSplitter_Resizer_Border);display:flex;justify-content:center}.fd-splitter .fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__resizer:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.125rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-before{transition:all .1s ease-in}.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{background:var(--sapContent_Selected_ForegroundColor)}.fd-splitter .fd-splitter__resizer--translucent{background:var(--sapGroup_ContentBackground)}.fd-splitter .fd-splitter__resizer--transparent{background:transparent}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip{-webkit-box-shadow:none;-ms-flex-negative:0;border-width:var(--fdSplitter_Resizer_Grip_Border_Width);box-shadow:none;flex-shrink:0;outline:none}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-hover,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:hover{background:var(--sapButton_Lite_Background)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-active,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:active{background:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor)}.fd-splitter__pagination{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;align-items:center;background:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-splitter__pagination .fd-splitter__pagination-item{border-width:var(--fdSplitter_Pagination_Item_Border_Width)}.fd-splitter__pagination .fd-splitter__pagination-item.is-active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot,.fd-splitter__pagination .fd-splitter__pagination-item:active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot{background:var(--sapButton_Active_TextColor)}.fd-splitter__pagination .fd-splitter__pagination-item-dot{background:var(--sapContent_NonInteractiveIconColor);border-radius:100%;height:.25rem;width:.25rem}.fd-splitter__pagination .fd-splitter__pagination-item--active .fd-splitter__pagination-item-dot{background:var(--sapSelectedColor);height:.5rem;width:.5rem}.fd-splitter__pagination .fd-splitter__pagination-item--active.is-active,.fd-splitter__pagination .fd-splitter__pagination-item--active:active{background:var(--sapButton_Lite_Hover_Background)}\n"] }]
         }], propDecorators: { _panes: [{
                 type: ContentChildren,
                 args: [SplitterSplitPaneComponent, { descendants: true }]

package/esm2022/status-indicator/status-indicator.component.mjs CHANGED Viewed

@@ -230,7 +230,7 @@ export class StatusIndicatorComponent {
         return points;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: StatusIndicatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: StatusIndicatorComponent, isStandalone: true, selector: "fd-status-indicator", inputs: { id: "id", size: "size", status: "status", statusLabel: "statusLabel", viewBox: "viewBox", clickable: "clickable", labelSize: "labelSize", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription", focusable: "focusable", role: "role", ariaValueText: "ariaValueText", title: "title", labelPosition: "labelPosition", path: "path", fillPercentage: "fillPercentage", fillDirection: "fillDirection", fillingType: "fillingType", angle: "angle" }, host: { properties: { "attr.aria-label": "ariaLabel", "attr.aria-roledescription": "ariaRoleDescription", "attr.focusable": "focusable", "attr.title": "title", "attr.role": "role", "attr.aria-valuetext": "ariaValueText", "attr.aria-valuenow": "fillPercentage ? fillPercentage : 0", "attr.aria-valuemin": "0", "attr.aria-valuemax": "100", "attr.tabindex": "focusable ? 0 : -1" } }, usesOnChanges: true, ngImport: i0, template: "<span\n    *ngIf=\"labelPosition === 'left' || labelPosition === 'top'\"\n    [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n    [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n    [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n    [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n    [class.fd-status-indicator__label--top]=\"labelPosition === 'top'\"\n    [class.fd-status-indicator__label--left]=\"labelPosition === 'left'\"\n    class=\"fd-status-indicator__label\"\n    >{{ statusLabel }}\n</span>\n<svg\n    [attr.id]=\"id\"\n    data-sap-ui=\"__shape0-__box21-24\"\n    version=\"1.1\"\n    [attr.viewBox]=\"viewBox\"\n    xlmns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid meet\"\n    class=\"fd-status-indicator__svg\"\n>\n    <ng-container [ngTemplateOutlet]=\"svgTemplate\"></ng-container>\n</svg>\n<span\n    *ngIf=\"labelPosition === 'right' || labelPosition === 'bottom'\"\n    [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n    [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n    [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n    [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n    [class.fd-status-indicator__label--right]=\"labelPosition === 'right'\"\n    [class.fd-status-indicator__label--bottom]=\"labelPosition === 'bottom'\"\n    class=\"fd-status-indicator__label\"\n    >{{ statusLabel }}\n</span>\n\n<ng-template #svgTemplate>\n    <svg\n        xlmns=\"http://www.w3.org/2000/svg\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        overflow=\"visible\"\n        [attr.id]=\"id + i\"\n        data-sap-ui=\"id\"\n        *ngFor=\"let path of path; let i = index\"\n    >\n        <defs>\n            <linearGradient\n                *ngIf=\"!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial'\"\n                id=\"{{ id + i }}-gradient\"\n                [attr.x1]=\"x1\"\n                [attr.y1]=\"y1\"\n                [attr.x2]=\"x2\"\n                [attr.y2]=\"y2\"\n            >\n                <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"white\">\n                    <animate\n                        attributeName=\"offset\"\n                        attr.values=\"0, {{ fillCalculator - i }}\"\n                        repeatCount=\"1\"\n                        dur=\"1s\"\n                        begin=\"0s\"\n                    />\n                </stop>\n                <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"transparent\">\n                    <animate\n                        attributeName=\"offset\"\n                        attr.values=\"0, {{ fillCalculator - i }}\"\n                        repeatCount=\"1\"\n                        dur=\"1s\"\n                        begin=\"0s\"\n                    />\n                </stop>\n            </linearGradient>\n            <mask #maskTemplate id=\"{{ id + i }}-mask\">\n                <path\n                    *ngIf=\"!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial'\"\n                    id=\"{{ id + i }}-mask-shape\"\n                    [attr.d]=\"path\"\n                    stroke-width=\"0\"\n                    stroke=\"white\"\n                    attr.fill=\"url(#{{ id + i }}-gradient)\"\n                ></path>\n                <polygon\n                    *ngIf=\"fillingType === 'radial' && fillCalculator - i > 0 && fillCalculator - i < 1\"\n                    id=\"{{ id + i }}-mask-shape\"\n                    fill=\"white\"\n                    [attr.points]=\"pointsArray[i]\"\n                ></polygon>\n            </mask>\n        </defs>\n        <path\n            id=\"{{ id + i }}-shape\"\n            [attr.d]=\"path\"\n            stroke-width=\"0\"\n            stroke=\"#89919A\"\n            attr.mask=\"url(#{{ id + i }}-mask)\"\n        ></path>\n        <path\n            id=\"{{ id + i }}-shape-border\"\n            [attr.d]=\"path\"\n            stroke-width=\"0.25\"\n            stroke=\"#89919A\"\n            fill=\"transparent\"\n        ></path>\n    </svg>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-status-indicator{stroke:var(--sapNeutralElementColor);stroke-width:.25;fill:transparent;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapContent_LabelColor);color:var(--sapTextColor);display:inline-flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-status-indicator.is-focus,.fd-status-indicator:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--sapContent_FocusWidth);z-index:5}.fd-status-indicator:after,.fd-status-indicator:before{box-sizing:inherit;font-size:inherit}.fd-status-indicator--horizontal-label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-status-indicator--horizontal-label:after,.fd-status-indicator--horizontal-label:before{box-sizing:inherit;font-size:inherit}.fd-status-indicator--link{cursor:pointer}.fd-status-indicator__label,.fd-status-indicator__label--sm{font-size:var(--sapFontSmallSize, .75rem)}.fd-status-indicator__label--sm.fd-status-indicator__label--top{margin-bottom:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--right{margin-left:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--sm.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.375rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--sm.fd-status-indicator__label--left{margin-right:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--sm.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.375rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--sm.fd-status-indicator__label--bottom{margin-top:.375rem}.fd-status-indicator__label--md{font-size:var(--sapFontSize, .875rem)}.fd-status-indicator__label--md.fd-status-indicator__label--top{margin-bottom:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--right{margin-left:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--md.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.5rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--md.fd-status-indicator__label--left{margin-right:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--md.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.5rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--md.fd-status-indicator__label--bottom{margin-top:.5rem}.fd-status-indicator__label--lg{font-size:1.125rem}.fd-status-indicator__label--lg.fd-status-indicator__label--top{margin-bottom:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--right{margin-left:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--lg.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.75rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--lg.fd-status-indicator__label--left{margin-right:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--lg.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.75rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--lg.fd-status-indicator__label--bottom{margin-top:.75rem}.fd-status-indicator__label--xl{font-size:1.875rem}.fd-status-indicator__label--xl.fd-status-indicator__label--top{margin-bottom:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--right{margin-left:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--xl.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:1rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--xl.fd-status-indicator__label--left{margin-right:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--xl.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:1rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--xl.fd-status-indicator__label--bottom{margin-top:1rem}.fd-status-indicator--positive{fill:var(--sapPositiveElementColor);color:var(--sapPositiveElementColor)}.fd-status-indicator--critical{fill:var(--sapCriticalElementColor);color:var(--sapCriticalElementColor)}.fd-status-indicator--negative{fill:var(--sapNegativeElementColor);color:var(--sapNegativeElementColor)}.fd-status-indicator--sm .fd-status-indicator__svg{height:1.375rem;width:1.875rem}.fd-status-indicator--md .fd-status-indicator__svg{height:1.875rem;width:2.8125rem}.fd-status-indicator--lg .fd-status-indicator__svg{height:3.4375rem;width:5rem}.fd-status-indicator--xl .fd-status-indicator__svg{height:6.25rem;width:9.0625rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: StatusIndicatorComponent, isStandalone: true, selector: "fd-status-indicator", inputs: { id: "id", size: "size", status: "status", statusLabel: "statusLabel", viewBox: "viewBox", clickable: "clickable", labelSize: "labelSize", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription", focusable: "focusable", role: "role", ariaValueText: "ariaValueText", title: "title", labelPosition: "labelPosition", path: "path", fillPercentage: "fillPercentage", fillDirection: "fillDirection", fillingType: "fillingType", angle: "angle" }, host: { properties: { "attr.aria-label": "ariaLabel", "attr.aria-roledescription": "ariaRoleDescription", "attr.focusable": "focusable", "attr.title": "title", "attr.role": "role", "attr.aria-valuetext": "ariaValueText", "attr.aria-valuenow": "fillPercentage ? fillPercentage : 0", "attr.aria-valuemin": "0", "attr.aria-valuemax": "100", "attr.tabindex": "focusable ? 0 : -1" } }, usesOnChanges: true, ngImport: i0, template: "<span\n    *ngIf=\"labelPosition === 'left' || labelPosition === 'top'\"\n    [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n    [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n    [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n    [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n    [class.fd-status-indicator__label--top]=\"labelPosition === 'top'\"\n    [class.fd-status-indicator__label--left]=\"labelPosition === 'left'\"\n    class=\"fd-status-indicator__label\"\n    >{{ statusLabel }}\n</span>\n<svg\n    [attr.id]=\"id\"\n    data-sap-ui=\"__shape0-__box21-24\"\n    version=\"1.1\"\n    [attr.viewBox]=\"viewBox\"\n    xlmns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid meet\"\n    class=\"fd-status-indicator__svg\"\n>\n    <ng-container [ngTemplateOutlet]=\"svgTemplate\"></ng-container>\n</svg>\n<span\n    *ngIf=\"labelPosition === 'right' || labelPosition === 'bottom'\"\n    [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n    [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n    [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n    [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n    [class.fd-status-indicator__label--right]=\"labelPosition === 'right'\"\n    [class.fd-status-indicator__label--bottom]=\"labelPosition === 'bottom'\"\n    class=\"fd-status-indicator__label\"\n    >{{ statusLabel }}\n</span>\n\n<ng-template #svgTemplate>\n    <svg\n        xlmns=\"http://www.w3.org/2000/svg\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        overflow=\"visible\"\n        [attr.id]=\"id + i\"\n        data-sap-ui=\"id\"\n        *ngFor=\"let path of path; let i = index\"\n    >\n        <defs>\n            <linearGradient\n                *ngIf=\"!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial'\"\n                id=\"{{ id + i }}-gradient\"\n                [attr.x1]=\"x1\"\n                [attr.y1]=\"y1\"\n                [attr.x2]=\"x2\"\n                [attr.y2]=\"y2\"\n            >\n                <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"white\">\n                    <animate\n                        attributeName=\"offset\"\n                        attr.values=\"0, {{ fillCalculator - i }}\"\n                        repeatCount=\"1\"\n                        dur=\"1s\"\n                        begin=\"0s\"\n                    />\n                </stop>\n                <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"transparent\">\n                    <animate\n                        attributeName=\"offset\"\n                        attr.values=\"0, {{ fillCalculator - i }}\"\n                        repeatCount=\"1\"\n                        dur=\"1s\"\n                        begin=\"0s\"\n                    />\n                </stop>\n            </linearGradient>\n            <mask #maskTemplate id=\"{{ id + i }}-mask\">\n                <path\n                    *ngIf=\"!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial'\"\n                    id=\"{{ id + i }}-mask-shape\"\n                    [attr.d]=\"path\"\n                    stroke-width=\"0\"\n                    stroke=\"white\"\n                    attr.fill=\"url(#{{ id + i }}-gradient)\"\n                ></path>\n                <polygon\n                    *ngIf=\"fillingType === 'radial' && fillCalculator - i > 0 && fillCalculator - i < 1\"\n                    id=\"{{ id + i }}-mask-shape\"\n                    fill=\"white\"\n                    [attr.points]=\"pointsArray[i]\"\n                ></polygon>\n            </mask>\n        </defs>\n        <path\n            id=\"{{ id + i }}-shape\"\n            [attr.d]=\"path\"\n            stroke-width=\"0\"\n            stroke=\"#89919A\"\n            attr.mask=\"url(#{{ id + i }}-mask)\"\n        ></path>\n        <path\n            id=\"{{ id + i }}-shape-border\"\n            [attr.d]=\"path\"\n            stroke-width=\"0.25\"\n            stroke=\"#89919A\"\n            fill=\"transparent\"\n        ></path>\n    </svg>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-status-indicator{stroke:var(--sapNeutralElementColor);stroke-width:.25;fill:transparent;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapContent_LabelColor);color:var(--sapTextColor);display:inline-flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-status-indicator.is-focus,.fd-status-indicator:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--sapContent_FocusWidth);z-index:5}.fd-status-indicator:after,.fd-status-indicator:before{box-sizing:inherit;font-size:inherit}.fd-status-indicator--horizontal-label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-status-indicator--horizontal-label:after,.fd-status-indicator--horizontal-label:before{box-sizing:inherit;font-size:inherit}.fd-status-indicator--link{cursor:pointer}.fd-status-indicator__label,.fd-status-indicator__label--sm{font-size:var(--sapFontSmallSize, .75rem)}.fd-status-indicator__label--sm.fd-status-indicator__label--top{margin-bottom:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--right{margin-left:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--sm.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.375rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--sm.fd-status-indicator__label--left{margin-right:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--sm.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.375rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--sm.fd-status-indicator__label--bottom{margin-top:.375rem}.fd-status-indicator__label--md{font-size:var(--sapFontSize, .875rem)}.fd-status-indicator__label--md.fd-status-indicator__label--top{margin-bottom:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--right{margin-left:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--md.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.5rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--md.fd-status-indicator__label--left{margin-right:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--md.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.5rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--md.fd-status-indicator__label--bottom{margin-top:.5rem}.fd-status-indicator__label--lg{font-size:1.125rem}.fd-status-indicator__label--lg.fd-status-indicator__label--top{margin-bottom:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--right{margin-left:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--lg.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.75rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--lg.fd-status-indicator__label--left{margin-right:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--lg.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.75rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--lg.fd-status-indicator__label--bottom{margin-top:.75rem}.fd-status-indicator__label--xl{font-size:1.875rem}.fd-status-indicator__label--xl.fd-status-indicator__label--top{margin-bottom:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--right{margin-left:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--xl.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:1rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--xl.fd-status-indicator__label--left{margin-right:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--xl.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:1rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--xl.fd-status-indicator__label--bottom{margin-top:1rem}.fd-status-indicator--positive{fill:var(--sapPositiveElementColor);color:var(--sapPositiveElementColor)}.fd-status-indicator--critical{fill:var(--sapCriticalElementColor);color:var(--sapCriticalElementColor)}.fd-status-indicator--negative{fill:var(--sapNegativeElementColor);color:var(--sapNegativeElementColor)}.fd-status-indicator--sm .fd-status-indicator__svg{height:1.375rem;width:1.875rem}.fd-status-indicator--md .fd-status-indicator__svg{height:1.875rem;width:2.8125rem}.fd-status-indicator--lg .fd-status-indicator__svg{height:3.4375rem;width:5rem}.fd-status-indicator--xl .fd-status-indicator__svg{height:6.25rem;width:9.0625rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -251,7 +251,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         '[attr.aria-valuemin]': '0',
                         '[attr.aria-valuemax]': '100',
                         '[attr.tabindex]': 'focusable ? 0 : -1'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgTemplateOutlet, NgFor], template: "<span\n    *ngIf=\"labelPosition === 'left' || labelPosition === 'top'\"\n    [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n    [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n    [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n    [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n    [class.fd-status-indicator__label--top]=\"labelPosition === 'top'\"\n    [class.fd-status-indicator__label--left]=\"labelPosition === 'left'\"\n    class=\"fd-status-indicator__label\"\n    >{{ statusLabel }}\n</span>\n<svg\n    [attr.id]=\"id\"\n    data-sap-ui=\"__shape0-__box21-24\"\n    version=\"1.1\"\n    [attr.viewBox]=\"viewBox\"\n    xlmns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid meet\"\n    class=\"fd-status-indicator__svg\"\n>\n    <ng-container [ngTemplateOutlet]=\"svgTemplate\"></ng-container>\n</svg>\n<span\n    *ngIf=\"labelPosition === 'right' || labelPosition === 'bottom'\"\n    [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n    [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n    [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n    [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n    [class.fd-status-indicator__label--right]=\"labelPosition === 'right'\"\n    [class.fd-status-indicator__label--bottom]=\"labelPosition === 'bottom'\"\n    class=\"fd-status-indicator__label\"\n    >{{ statusLabel }}\n</span>\n\n<ng-template #svgTemplate>\n    <svg\n        xlmns=\"http://www.w3.org/2000/svg\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        overflow=\"visible\"\n        [attr.id]=\"id + i\"\n        data-sap-ui=\"id\"\n        *ngFor=\"let path of path; let i = index\"\n    >\n        <defs>\n            <linearGradient\n                *ngIf=\"!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial'\"\n                id=\"{{ id + i }}-gradient\"\n                [attr.x1]=\"x1\"\n                [attr.y1]=\"y1\"\n                [attr.x2]=\"x2\"\n                [attr.y2]=\"y2\"\n            >\n                <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"white\">\n                    <animate\n                        attributeName=\"offset\"\n                        attr.values=\"0, {{ fillCalculator - i }}\"\n                        repeatCount=\"1\"\n                        dur=\"1s\"\n                        begin=\"0s\"\n                    />\n                </stop>\n                <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"transparent\">\n                    <animate\n                        attributeName=\"offset\"\n                        attr.values=\"0, {{ fillCalculator - i }}\"\n                        repeatCount=\"1\"\n                        dur=\"1s\"\n                        begin=\"0s\"\n                    />\n                </stop>\n            </linearGradient>\n            <mask #maskTemplate id=\"{{ id + i }}-mask\">\n                <path\n                    *ngIf=\"!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial'\"\n                    id=\"{{ id + i }}-mask-shape\"\n                    [attr.d]=\"path\"\n                    stroke-width=\"0\"\n                    stroke=\"white\"\n                    attr.fill=\"url(#{{ id + i }}-gradient)\"\n                ></path>\n                <polygon\n                    *ngIf=\"fillingType === 'radial' && fillCalculator - i > 0 && fillCalculator - i < 1\"\n                    id=\"{{ id + i }}-mask-shape\"\n                    fill=\"white\"\n                    [attr.points]=\"pointsArray[i]\"\n                ></polygon>\n            </mask>\n        </defs>\n        <path\n            id=\"{{ id + i }}-shape\"\n            [attr.d]=\"path\"\n            stroke-width=\"0\"\n            stroke=\"#89919A\"\n            attr.mask=\"url(#{{ id + i }}-mask)\"\n        ></path>\n        <path\n            id=\"{{ id + i }}-shape-border\"\n            [attr.d]=\"path\"\n            stroke-width=\"0.25\"\n            stroke=\"#89919A\"\n            fill=\"transparent\"\n        ></path>\n    </svg>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-status-indicator{stroke:var(--sapNeutralElementColor);stroke-width:.25;fill:transparent;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapContent_LabelColor);color:var(--sapTextColor);display:inline-flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-status-indicator.is-focus,.fd-status-indicator:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--sapContent_FocusWidth);z-index:5}.fd-status-indicator:after,.fd-status-indicator:before{box-sizing:inherit;font-size:inherit}.fd-status-indicator--horizontal-label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-status-indicator--horizontal-label:after,.fd-status-indicator--horizontal-label:before{box-sizing:inherit;font-size:inherit}.fd-status-indicator--link{cursor:pointer}.fd-status-indicator__label,.fd-status-indicator__label--sm{font-size:var(--sapFontSmallSize, .75rem)}.fd-status-indicator__label--sm.fd-status-indicator__label--top{margin-bottom:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--right{margin-left:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--sm.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.375rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--sm.fd-status-indicator__label--left{margin-right:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--sm.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.375rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--sm.fd-status-indicator__label--bottom{margin-top:.375rem}.fd-status-indicator__label--md{font-size:var(--sapFontSize, .875rem)}.fd-status-indicator__label--md.fd-status-indicator__label--top{margin-bottom:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--right{margin-left:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--md.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.5rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--md.fd-status-indicator__label--left{margin-right:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--md.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.5rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--md.fd-status-indicator__label--bottom{margin-top:.5rem}.fd-status-indicator__label--lg{font-size:1.125rem}.fd-status-indicator__label--lg.fd-status-indicator__label--top{margin-bottom:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--right{margin-left:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--lg.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.75rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--lg.fd-status-indicator__label--left{margin-right:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--lg.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.75rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--lg.fd-status-indicator__label--bottom{margin-top:.75rem}.fd-status-indicator__label--xl{font-size:1.875rem}.fd-status-indicator__label--xl.fd-status-indicator__label--top{margin-bottom:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--right{margin-left:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--xl.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:1rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--xl.fd-status-indicator__label--left{margin-right:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--xl.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:1rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--xl.fd-status-indicator__label--bottom{margin-top:1rem}.fd-status-indicator--positive{fill:var(--sapPositiveElementColor);color:var(--sapPositiveElementColor)}.fd-status-indicator--critical{fill:var(--sapCriticalElementColor);color:var(--sapCriticalElementColor)}.fd-status-indicator--negative{fill:var(--sapNegativeElementColor);color:var(--sapNegativeElementColor)}.fd-status-indicator--sm .fd-status-indicator__svg{height:1.375rem;width:1.875rem}.fd-status-indicator--md .fd-status-indicator__svg{height:1.875rem;width:2.8125rem}.fd-status-indicator--lg .fd-status-indicator__svg{height:3.4375rem;width:5rem}.fd-status-indicator--xl .fd-status-indicator__svg{height:6.25rem;width:9.0625rem}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgTemplateOutlet, NgFor], template: "<span\n    *ngIf=\"labelPosition === 'left' || labelPosition === 'top'\"\n    [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n    [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n    [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n    [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n    [class.fd-status-indicator__label--top]=\"labelPosition === 'top'\"\n    [class.fd-status-indicator__label--left]=\"labelPosition === 'left'\"\n    class=\"fd-status-indicator__label\"\n    >{{ statusLabel }}\n</span>\n<svg\n    [attr.id]=\"id\"\n    data-sap-ui=\"__shape0-__box21-24\"\n    version=\"1.1\"\n    [attr.viewBox]=\"viewBox\"\n    xlmns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid meet\"\n    class=\"fd-status-indicator__svg\"\n>\n    <ng-container [ngTemplateOutlet]=\"svgTemplate\"></ng-container>\n</svg>\n<span\n    *ngIf=\"labelPosition === 'right' || labelPosition === 'bottom'\"\n    [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n    [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n    [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n    [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n    [class.fd-status-indicator__label--right]=\"labelPosition === 'right'\"\n    [class.fd-status-indicator__label--bottom]=\"labelPosition === 'bottom'\"\n    class=\"fd-status-indicator__label\"\n    >{{ statusLabel }}\n</span>\n\n<ng-template #svgTemplate>\n    <svg\n        xlmns=\"http://www.w3.org/2000/svg\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        overflow=\"visible\"\n        [attr.id]=\"id + i\"\n        data-sap-ui=\"id\"\n        *ngFor=\"let path of path; let i = index\"\n    >\n        <defs>\n            <linearGradient\n                *ngIf=\"!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial'\"\n                id=\"{{ id + i }}-gradient\"\n                [attr.x1]=\"x1\"\n                [attr.y1]=\"y1\"\n                [attr.x2]=\"x2\"\n                [attr.y2]=\"y2\"\n            >\n                <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"white\">\n                    <animate\n                        attributeName=\"offset\"\n                        attr.values=\"0, {{ fillCalculator - i }}\"\n                        repeatCount=\"1\"\n                        dur=\"1s\"\n                        begin=\"0s\"\n                    />\n                </stop>\n                <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"transparent\">\n                    <animate\n                        attributeName=\"offset\"\n                        attr.values=\"0, {{ fillCalculator - i }}\"\n                        repeatCount=\"1\"\n                        dur=\"1s\"\n                        begin=\"0s\"\n                    />\n                </stop>\n            </linearGradient>\n            <mask #maskTemplate id=\"{{ id + i }}-mask\">\n                <path\n                    *ngIf=\"!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial'\"\n                    id=\"{{ id + i }}-mask-shape\"\n                    [attr.d]=\"path\"\n                    stroke-width=\"0\"\n                    stroke=\"white\"\n                    attr.fill=\"url(#{{ id + i }}-gradient)\"\n                ></path>\n                <polygon\n                    *ngIf=\"fillingType === 'radial' && fillCalculator - i > 0 && fillCalculator - i < 1\"\n                    id=\"{{ id + i }}-mask-shape\"\n                    fill=\"white\"\n                    [attr.points]=\"pointsArray[i]\"\n                ></polygon>\n            </mask>\n        </defs>\n        <path\n            id=\"{{ id + i }}-shape\"\n            [attr.d]=\"path\"\n            stroke-width=\"0\"\n            stroke=\"#89919A\"\n            attr.mask=\"url(#{{ id + i }}-mask)\"\n        ></path>\n        <path\n            id=\"{{ id + i }}-shape-border\"\n            [attr.d]=\"path\"\n            stroke-width=\"0.25\"\n            stroke=\"#89919A\"\n            fill=\"transparent\"\n        ></path>\n    </svg>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-status-indicator{stroke:var(--sapNeutralElementColor);stroke-width:.25;fill:transparent;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapContent_LabelColor);color:var(--sapTextColor);display:inline-flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-status-indicator.is-focus,.fd-status-indicator:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--sapContent_FocusWidth);z-index:5}.fd-status-indicator:after,.fd-status-indicator:before{box-sizing:inherit;font-size:inherit}.fd-status-indicator--horizontal-label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-status-indicator--horizontal-label:after,.fd-status-indicator--horizontal-label:before{box-sizing:inherit;font-size:inherit}.fd-status-indicator--link{cursor:pointer}.fd-status-indicator__label,.fd-status-indicator__label--sm{font-size:var(--sapFontSmallSize, .75rem)}.fd-status-indicator__label--sm.fd-status-indicator__label--top{margin-bottom:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--right{margin-left:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--sm.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.375rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--sm.fd-status-indicator__label--left{margin-right:.375rem}.fd-status-indicator__label--sm.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--sm.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.375rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--sm.fd-status-indicator__label--bottom{margin-top:.375rem}.fd-status-indicator__label--md{font-size:var(--sapFontSize, .875rem)}.fd-status-indicator__label--md.fd-status-indicator__label--top{margin-bottom:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--right{margin-left:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--md.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.5rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--md.fd-status-indicator__label--left{margin-right:.5rem}.fd-status-indicator__label--md.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--md.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.5rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--md.fd-status-indicator__label--bottom{margin-top:.5rem}.fd-status-indicator__label--lg{font-size:1.125rem}.fd-status-indicator__label--lg.fd-status-indicator__label--top{margin-bottom:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--right{margin-left:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--lg.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:.75rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--lg.fd-status-indicator__label--left{margin-right:.75rem}.fd-status-indicator__label--lg.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--lg.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:.75rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--lg.fd-status-indicator__label--bottom{margin-top:.75rem}.fd-status-indicator__label--xl{font-size:1.875rem}.fd-status-indicator__label--xl.fd-status-indicator__label--top{margin-bottom:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--right{margin-left:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--right[dir=rtl],[dir=rtl] .fd-status-indicator__label--xl.fd-status-indicator__label--right{-webkit-transform:matrix(1,0,0,1,22,1);margin-left:0;margin-right:1rem;transform:matrix(1,0,0,1,22,1)}.fd-status-indicator__label--xl.fd-status-indicator__label--left{margin-right:1rem}.fd-status-indicator__label--xl.fd-status-indicator__label--left[dir=rtl],[dir=rtl] .fd-status-indicator__label--xl.fd-status-indicator__label--left{-webkit-transform:matrix(1,0,0,1,-22,1);margin-left:1rem;margin-right:0;transform:matrix(1,0,0,1,-22,1)}.fd-status-indicator__label--xl.fd-status-indicator__label--bottom{margin-top:1rem}.fd-status-indicator--positive{fill:var(--sapPositiveElementColor);color:var(--sapPositiveElementColor)}.fd-status-indicator--critical{fill:var(--sapCriticalElementColor);color:var(--sapCriticalElementColor)}.fd-status-indicator--negative{fill:var(--sapNegativeElementColor);color:var(--sapNegativeElementColor)}.fd-status-indicator--sm .fd-status-indicator__svg{height:1.375rem;width:1.875rem}.fd-status-indicator--md .fd-status-indicator__svg{height:1.875rem;width:2.8125rem}.fd-status-indicator--lg .fd-status-indicator__svg{height:3.4375rem;width:5rem}.fd-status-indicator--xl .fd-status-indicator__svg{height:6.25rem;width:9.0625rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
                 type: Input
             }], size: [{