@fundamental-ngx/core 0.38.2-rc.9 → 0.38.2

package/esm2020/split-button/split-button.component.mjs

@@ -202,10 +202,10 @@ export class SplitButtonComponent {
     }
 }
 SplitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DestroyedService }, { token: i2.ContentDensityObserver }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: SplitButtonComponent, selector: "fd-split-button", inputs: { glyph: "glyph", disabled: "disabled", mainActionTitle: "mainActionTitle", fdType: "fdType", expandButtonAriaLabel: "expandButtonAriaLabel", expandButtonTitle: "expandButtonTitle", selected: "selected", fixedWidth: "fixedWidth", mainAction: "mainAction", arialLabel: "arialLabel" }, outputs: { primaryButtonClicked: "primaryButtonClicked" }, providers: [contentDensityObserverProviders()], queries: [{ propertyName: "titleTemplate", first: true, predicate: SplitButtonActionTitle, descendants: true, read: TemplateRef }, { propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }], viewQueries: [{ propertyName: "mainActionBtn", first: true, predicate: ["mainActionButton"], descendants: true, read: ElementRef }, { propertyName: "menuActionBtn", first: true, predicate: ["menuActionButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-button-split fd-has-margin-right-small\"\n    [ngClass]=\"typeClass\"\n    role=\"group\"\n    tabindex=\"-1\"\n    [attr.aria-label]=\"arialLabel || ('coreSplitButton.arialLabel' | fdTranslate)\"\n    [fdMenuTrigger]=\"menu\"\n    (focus)=\"_onGroupFocused()\"\n>\n    <button\n        fd-button\n        #mainActionButton\n        [label]=\"mainActionTitle\"\n        [style.width]=\"mainButtonWidth\"\n        [fdType]=\"fdType\"\n        [disabled]=\"disabled\"\n        (click)=\"onMainButtonClick($event)\"\n    >\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </button>\n\n    <button\n        fd-button\n        #menuActionButton\n        [glyph]=\"glyph\"\n        [fdType]=\"fdType\"\n        [disabled]=\"disabled\"\n        [ariaLabel]=\"expandButtonAriaLabel || ('coreSplitButton.expandButtonAriaLabel' | fdTranslate)\"\n        [attr.title]=\"\n            expandButtonTitle || expandButtonAriaLabel || ('coreSplitButton.expandButtonAriaLabel' | fdTranslate)\n        \"\n        [class.is-active]=\"menu.isOpen\"\n    ></button>\n    <ng-content select=\"fd-menu\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.45\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-button-split\n    button\n*/.fd-button-split{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;vertical-align:middle}.fd-button-split:after,.fd-button-split:before{box-sizing:inherit;font-size:inherit}.fd-button-split:before{background:var(--sapButton_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split>button{margin:0}.fd-button-split>button:first-of-type:hover+button:after{display:none}.fd-button-split>button:nth-of-type(2){position:relative}.fd-button-split>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split>button:nth-of-type(2).is-active:after,.fd-button-split>button:nth-of-type(2).is-hover:after,.fd-button-split>button:nth-of-type(2):active:after,.fd-button-split>button:nth-of-type(2):hover:after{display:none}.fd-button-split>button:first-of-type{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;border-radius:var(--fdButton_Border_Radius_Left);display:flex;justify-content:flex-start;margin-right:var(--fdButton_Menu_Offset)}.fd-button-split>button:first-of-type[dir=rtl],[dir=rtl] .fd-button-split>button:first-of-type{border-radius:var(--fdButton_Border_Radius_Left_RTL);margin-left:var(--fdButton_Menu_Offset);margin-right:0}.fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right)}.fd-button-split>button:nth-of-type(2)[dir=rtl],[dir=rtl] .fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right_RTL)}.fd-button-split>button.is-hover,.fd-button-split>button:hover{z-index:1}.fd-button-split--emphasized{position:relative}.fd-button-split--emphasized:before{background:var(--sapButton_Emphasized_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--emphasized>button:first-of-type:hover+button:after{display:none}.fd-button-split--emphasized>button:nth-of-type(2){position:relative}.fd-button-split--emphasized>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Emphasized_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--emphasized>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--emphasized>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--emphasized>button:nth-of-type(2).is-active:after,.fd-button-split--emphasized>button:nth-of-type(2).is-hover:after,.fd-button-split--emphasized>button:nth-of-type(2):active:after,.fd-button-split--emphasized>button:nth-of-type(2):hover:after{display:none}.fd-button-split--transparent{position:relative}.fd-button-split--transparent:before{background:var(--sapButton_Lite_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--transparent>button:first-of-type:hover+button:after{display:none}.fd-button-split--transparent>button:nth-of-type(2){position:relative}.fd-button-split--transparent>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Lite_TextColor);content:\"\";display:var(--fdButton_Menu_Transparent_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--transparent>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--transparent>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--transparent>button:nth-of-type(2).is-active:after,.fd-button-split--transparent>button:nth-of-type(2).is-hover:after,.fd-button-split--transparent>button:nth-of-type(2):active:after,.fd-button-split--transparent>button:nth-of-type(2):hover:after{display:none}.fd-button-split--ghost{position:relative}.fd-button-split--ghost:before{background:var(--fdButton_Ghost_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--ghost>button:first-of-type:hover+button:after{display:none}.fd-button-split--ghost>button:nth-of-type(2){position:relative}.fd-button-split--ghost>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--ghost>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--ghost>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--ghost>button:nth-of-type(2).is-active:after,.fd-button-split--ghost>button:nth-of-type(2).is-hover:after,.fd-button-split--ghost>button:nth-of-type(2):active:after,.fd-button-split--ghost>button:nth-of-type(2):hover:after{display:none}.fd-button-split--positive{position:relative}.fd-button-split--positive:before{background:var(--sapButton_Accept_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--positive>button:first-of-type:hover+button:after{display:none}.fd-button-split--positive>button:nth-of-type(2){position:relative}.fd-button-split--positive>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Accept_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--positive>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--positive>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--positive>button:nth-of-type(2).is-active:after,.fd-button-split--positive>button:nth-of-type(2).is-hover:after,.fd-button-split--positive>button:nth-of-type(2):active:after,.fd-button-split--positive>button:nth-of-type(2):hover:after{display:none}.fd-button-split--negative{position:relative}.fd-button-split--negative:before{background:var(--sapButton_Reject_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--negative>button:first-of-type:hover+button:after{display:none}.fd-button-split--negative>button:nth-of-type(2){position:relative}.fd-button-split--negative>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Reject_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--negative>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--negative>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--negative>button:nth-of-type(2).is-active:after,.fd-button-split--negative>button:nth-of-type(2).is-hover:after,.fd-button-split--negative>button:nth-of-type(2):active:after,.fd-button-split--negative>button:nth-of-type(2):hover:after{display:none}.fd-button-split--attention{position:relative}.fd-button-split--attention:before{background:var(--sapButton_Attention_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--attention>button:first-of-type:hover+button:after{display:none}.fd-button-split--attention>button:nth-of-type(2){position:relative}.fd-button-split--attention>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Attention_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--attention>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--attention>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--attention>button:nth-of-type(2).is-active:after,.fd-button-split--attention>button:nth-of-type(2).is-hover:after,.fd-button-split--attention>button:nth-of-type(2):active:after,.fd-button-split--attention>button:nth-of-type(2):hover:after{display:none}.fd-button-split--emphasized>button:first-of-type{margin-right:var(--fdButton_Menu_Emphasized_Margin)}.fd-button-split--emphasized>button:first-of-type[dir=rtl],[dir=rtl] .fd-button-split--emphasized>button:first-of-type{margin-left:var(--fdButton_Menu_Emphasized_Margin);margin-right:0}.fd-button-split .fd-button-split__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:8.5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-button-split .fd-button-split__text:after,.fd-button-split .fd-button-split__text:before{box-sizing:inherit;font-size:inherit}.fd-button-split .fd-button--compact .fd-button-split__text{max-width:9rem}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i5.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "pipe", type: i6.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: SplitButtonComponent, selector: "fd-split-button", inputs: { glyph: "glyph", disabled: "disabled", mainActionTitle: "mainActionTitle", fdType: "fdType", expandButtonAriaLabel: "expandButtonAriaLabel", expandButtonTitle: "expandButtonTitle", selected: "selected", fixedWidth: "fixedWidth", mainAction: "mainAction", arialLabel: "arialLabel" }, outputs: { primaryButtonClicked: "primaryButtonClicked" }, providers: [contentDensityObserverProviders()], queries: [{ propertyName: "titleTemplate", first: true, predicate: SplitButtonActionTitle, descendants: true, read: TemplateRef }, { propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }], viewQueries: [{ propertyName: "mainActionBtn", first: true, predicate: ["mainActionButton"], descendants: true, read: ElementRef }, { propertyName: "menuActionBtn", first: true, predicate: ["menuActionButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-button-split fd-has-margin-right-small\"\n    [ngClass]=\"typeClass\"\n    role=\"group\"\n    tabindex=\"-1\"\n    [attr.aria-label]=\"arialLabel || ('coreSplitButton.arialLabel' | fdTranslate)\"\n    [fdMenuTrigger]=\"menu\"\n    (focus)=\"_onGroupFocused()\"\n>\n    <button\n        fd-button\n        #mainActionButton\n        [label]=\"mainActionTitle\"\n        [style.width]=\"mainButtonWidth\"\n        [fdType]=\"fdType\"\n        [disabled]=\"disabled\"\n        (click)=\"onMainButtonClick($event)\"\n    >\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </button>\n\n    <button\n        fd-button\n        #menuActionButton\n        [glyph]=\"glyph\"\n        [fdType]=\"fdType\"\n        [disabled]=\"disabled\"\n        [ariaLabel]=\"expandButtonAriaLabel || ('coreSplitButton.expandButtonAriaLabel' | fdTranslate)\"\n        [attr.title]=\"\n            expandButtonTitle || expandButtonAriaLabel || ('coreSplitButton.expandButtonAriaLabel' | fdTranslate)\n        \"\n        [class.is-active]=\"menu.isOpen\"\n    ></button>\n    <ng-content select=\"fd-menu\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.4\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-button-split\n    button\n*/.fd-button-split{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;vertical-align:middle}.fd-button-split:after,.fd-button-split:before{box-sizing:inherit;font-size:inherit}.fd-button-split:before{background:var(--sapButton_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split>button{margin:0}.fd-button-split>button:first-of-type:hover+button:after{display:none}.fd-button-split>button:nth-of-type(2){position:relative}.fd-button-split>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split>button:nth-of-type(2).is-active:after,.fd-button-split>button:nth-of-type(2).is-hover:after,.fd-button-split>button:nth-of-type(2):active:after,.fd-button-split>button:nth-of-type(2):hover:after{display:none}.fd-button-split>button:first-of-type{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;border-radius:var(--fdButton_Border_Radius_Left);display:flex;justify-content:flex-start;margin-right:var(--fdButton_Menu_Offset)}.fd-button-split>button:first-of-type[dir=rtl],[dir=rtl] .fd-button-split>button:first-of-type{border-radius:var(--fdButton_Border_Radius_Left_RTL);margin-left:var(--fdButton_Menu_Offset);margin-right:0}.fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right)}.fd-button-split>button:nth-of-type(2)[dir=rtl],[dir=rtl] .fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right_RTL)}.fd-button-split>button.is-hover,.fd-button-split>button:hover{z-index:1}.fd-button-split--emphasized{position:relative}.fd-button-split--emphasized:before{background:var(--sapButton_Emphasized_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--emphasized>button:first-of-type:hover+button:after{display:none}.fd-button-split--emphasized>button:nth-of-type(2){position:relative}.fd-button-split--emphasized>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Emphasized_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--emphasized>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--emphasized>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--emphasized>button:nth-of-type(2).is-active:after,.fd-button-split--emphasized>button:nth-of-type(2).is-hover:after,.fd-button-split--emphasized>button:nth-of-type(2):active:after,.fd-button-split--emphasized>button:nth-of-type(2):hover:after{display:none}.fd-button-split--transparent{position:relative}.fd-button-split--transparent:before{background:var(--sapButton_Lite_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--transparent>button:first-of-type:hover+button:after{display:none}.fd-button-split--transparent>button:nth-of-type(2){position:relative}.fd-button-split--transparent>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Lite_TextColor);content:\"\";display:var(--fdButton_Menu_Transparent_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--transparent>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--transparent>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--transparent>button:nth-of-type(2).is-active:after,.fd-button-split--transparent>button:nth-of-type(2).is-hover:after,.fd-button-split--transparent>button:nth-of-type(2):active:after,.fd-button-split--transparent>button:nth-of-type(2):hover:after{display:none}.fd-button-split--ghost{position:relative}.fd-button-split--ghost:before{background:var(--fdButton_Ghost_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--ghost>button:first-of-type:hover+button:after{display:none}.fd-button-split--ghost>button:nth-of-type(2){position:relative}.fd-button-split--ghost>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--ghost>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--ghost>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--ghost>button:nth-of-type(2).is-active:after,.fd-button-split--ghost>button:nth-of-type(2).is-hover:after,.fd-button-split--ghost>button:nth-of-type(2):active:after,.fd-button-split--ghost>button:nth-of-type(2):hover:after{display:none}.fd-button-split--positive{position:relative}.fd-button-split--positive:before{background:var(--sapButton_Accept_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--positive>button:first-of-type:hover+button:after{display:none}.fd-button-split--positive>button:nth-of-type(2){position:relative}.fd-button-split--positive>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Accept_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--positive>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--positive>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--positive>button:nth-of-type(2).is-active:after,.fd-button-split--positive>button:nth-of-type(2).is-hover:after,.fd-button-split--positive>button:nth-of-type(2):active:after,.fd-button-split--positive>button:nth-of-type(2):hover:after{display:none}.fd-button-split--negative{position:relative}.fd-button-split--negative:before{background:var(--sapButton_Reject_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--negative>button:first-of-type:hover+button:after{display:none}.fd-button-split--negative>button:nth-of-type(2){position:relative}.fd-button-split--negative>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Reject_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--negative>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--negative>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--negative>button:nth-of-type(2).is-active:after,.fd-button-split--negative>button:nth-of-type(2).is-hover:after,.fd-button-split--negative>button:nth-of-type(2):active:after,.fd-button-split--negative>button:nth-of-type(2):hover:after{display:none}.fd-button-split--attention{position:relative}.fd-button-split--attention:before{background:var(--sapButton_Attention_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--attention>button:first-of-type:hover+button:after{display:none}.fd-button-split--attention>button:nth-of-type(2){position:relative}.fd-button-split--attention>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Attention_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--attention>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--attention>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--attention>button:nth-of-type(2).is-active:after,.fd-button-split--attention>button:nth-of-type(2).is-hover:after,.fd-button-split--attention>button:nth-of-type(2):active:after,.fd-button-split--attention>button:nth-of-type(2):hover:after{display:none}.fd-button-split--emphasized>button:first-of-type{margin-right:var(--fdButton_Menu_Emphasized_Margin)}.fd-button-split--emphasized>button:first-of-type[dir=rtl],[dir=rtl] .fd-button-split--emphasized>button:first-of-type{margin-left:var(--fdButton_Menu_Emphasized_Margin);margin-right:0}.fd-button-split .fd-button-split__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:8.5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-button-split .fd-button-split__text:after,.fd-button-split .fd-button-split__text:before{box-sizing:inherit;font-size:inherit}.fd-button-split .fd-button--compact .fd-button-split__text{max-width:9rem}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i5.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "pipe", type: i6.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-split-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [contentDensityObserverProviders()], template: "<div\n    class=\"fd-button-split fd-has-margin-right-small\"\n    [ngClass]=\"typeClass\"\n    role=\"group\"\n    tabindex=\"-1\"\n    [attr.aria-label]=\"arialLabel || ('coreSplitButton.arialLabel' | fdTranslate)\"\n    [fdMenuTrigger]=\"menu\"\n    (focus)=\"_onGroupFocused()\"\n>\n    <button\n        fd-button\n        #mainActionButton\n        [label]=\"mainActionTitle\"\n        [style.width]=\"mainButtonWidth\"\n        [fdType]=\"fdType\"\n        [disabled]=\"disabled\"\n        (click)=\"onMainButtonClick($event)\"\n    >\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </button>\n\n    <button\n        fd-button\n        #menuActionButton\n        [glyph]=\"glyph\"\n        [fdType]=\"fdType\"\n        [disabled]=\"disabled\"\n        [ariaLabel]=\"expandButtonAriaLabel || ('coreSplitButton.expandButtonAriaLabel' | fdTranslate)\"\n        [attr.title]=\"\n            expandButtonTitle || expandButtonAriaLabel || ('coreSplitButton.expandButtonAriaLabel' | fdTranslate)\n        \"\n        [class.is-active]=\"menu.isOpen\"\n    ></button>\n    <ng-content select=\"fd-menu\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.45\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-button-split\n    button\n*/.fd-button-split{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;vertical-align:middle}.fd-button-split:after,.fd-button-split:before{box-sizing:inherit;font-size:inherit}.fd-button-split:before{background:var(--sapButton_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split>button{margin:0}.fd-button-split>button:first-of-type:hover+button:after{display:none}.fd-button-split>button:nth-of-type(2){position:relative}.fd-button-split>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split>button:nth-of-type(2).is-active:after,.fd-button-split>button:nth-of-type(2).is-hover:after,.fd-button-split>button:nth-of-type(2):active:after,.fd-button-split>button:nth-of-type(2):hover:after{display:none}.fd-button-split>button:first-of-type{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;border-radius:var(--fdButton_Border_Radius_Left);display:flex;justify-content:flex-start;margin-right:var(--fdButton_Menu_Offset)}.fd-button-split>button:first-of-type[dir=rtl],[dir=rtl] .fd-button-split>button:first-of-type{border-radius:var(--fdButton_Border_Radius_Left_RTL);margin-left:var(--fdButton_Menu_Offset);margin-right:0}.fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right)}.fd-button-split>button:nth-of-type(2)[dir=rtl],[dir=rtl] .fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right_RTL)}.fd-button-split>button.is-hover,.fd-button-split>button:hover{z-index:1}.fd-button-split--emphasized{position:relative}.fd-button-split--emphasized:before{background:var(--sapButton_Emphasized_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--emphasized>button:first-of-type:hover+button:after{display:none}.fd-button-split--emphasized>button:nth-of-type(2){position:relative}.fd-button-split--emphasized>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Emphasized_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--emphasized>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--emphasized>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--emphasized>button:nth-of-type(2).is-active:after,.fd-button-split--emphasized>button:nth-of-type(2).is-hover:after,.fd-button-split--emphasized>button:nth-of-type(2):active:after,.fd-button-split--emphasized>button:nth-of-type(2):hover:after{display:none}.fd-button-split--transparent{position:relative}.fd-button-split--transparent:before{background:var(--sapButton_Lite_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--transparent>button:first-of-type:hover+button:after{display:none}.fd-button-split--transparent>button:nth-of-type(2){position:relative}.fd-button-split--transparent>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Lite_TextColor);content:\"\";display:var(--fdButton_Menu_Transparent_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--transparent>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--transparent>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--transparent>button:nth-of-type(2).is-active:after,.fd-button-split--transparent>button:nth-of-type(2).is-hover:after,.fd-button-split--transparent>button:nth-of-type(2):active:after,.fd-button-split--transparent>button:nth-of-type(2):hover:after{display:none}.fd-button-split--ghost{position:relative}.fd-button-split--ghost:before{background:var(--fdButton_Ghost_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--ghost>button:first-of-type:hover+button:after{display:none}.fd-button-split--ghost>button:nth-of-type(2){position:relative}.fd-button-split--ghost>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--ghost>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--ghost>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--ghost>button:nth-of-type(2).is-active:after,.fd-button-split--ghost>button:nth-of-type(2).is-hover:after,.fd-button-split--ghost>button:nth-of-type(2):active:after,.fd-button-split--ghost>button:nth-of-type(2):hover:after{display:none}.fd-button-split--positive{position:relative}.fd-button-split--positive:before{background:var(--sapButton_Accept_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--positive>button:first-of-type:hover+button:after{display:none}.fd-button-split--positive>button:nth-of-type(2){position:relative}.fd-button-split--positive>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Accept_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--positive>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--positive>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--positive>button:nth-of-type(2).is-active:after,.fd-button-split--positive>button:nth-of-type(2).is-hover:after,.fd-button-split--positive>button:nth-of-type(2):active:after,.fd-button-split--positive>button:nth-of-type(2):hover:after{display:none}.fd-button-split--negative{position:relative}.fd-button-split--negative:before{background:var(--sapButton_Reject_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--negative>button:first-of-type:hover+button:after{display:none}.fd-button-split--negative>button:nth-of-type(2){position:relative}.fd-button-split--negative>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Reject_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--negative>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--negative>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--negative>button:nth-of-type(2).is-active:after,.fd-button-split--negative>button:nth-of-type(2).is-hover:after,.fd-button-split--negative>button:nth-of-type(2):active:after,.fd-button-split--negative>button:nth-of-type(2):hover:after{display:none}.fd-button-split--attention{position:relative}.fd-button-split--attention:before{background:var(--sapButton_Attention_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--attention>button:first-of-type:hover+button:after{display:none}.fd-button-split--attention>button:nth-of-type(2){position:relative}.fd-button-split--attention>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Attention_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--attention>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--attention>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--attention>button:nth-of-type(2).is-active:after,.fd-button-split--attention>button:nth-of-type(2).is-hover:after,.fd-button-split--attention>button:nth-of-type(2):active:after,.fd-button-split--attention>button:nth-of-type(2):hover:after{display:none}.fd-button-split--emphasized>button:first-of-type{margin-right:var(--fdButton_Menu_Emphasized_Margin)}.fd-button-split--emphasized>button:first-of-type[dir=rtl],[dir=rtl] .fd-button-split--emphasized>button:first-of-type{margin-left:var(--fdButton_Menu_Emphasized_Margin);margin-right:0}.fd-button-split .fd-button-split__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:8.5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-button-split .fd-button-split__text:after,.fd-button-split .fd-button-split__text:before{box-sizing:inherit;font-size:inherit}.fd-button-split .fd-button--compact .fd-button-split__text{max-width:9rem}\n"] }]
+            args: [{ selector: 'fd-split-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [contentDensityObserverProviders()], template: "<div\n    class=\"fd-button-split fd-has-margin-right-small\"\n    [ngClass]=\"typeClass\"\n    role=\"group\"\n    tabindex=\"-1\"\n    [attr.aria-label]=\"arialLabel || ('coreSplitButton.arialLabel' | fdTranslate)\"\n    [fdMenuTrigger]=\"menu\"\n    (focus)=\"_onGroupFocused()\"\n>\n    <button\n        fd-button\n        #mainActionButton\n        [label]=\"mainActionTitle\"\n        [style.width]=\"mainButtonWidth\"\n        [fdType]=\"fdType\"\n        [disabled]=\"disabled\"\n        (click)=\"onMainButtonClick($event)\"\n    >\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </button>\n\n    <button\n        fd-button\n        #menuActionButton\n        [glyph]=\"glyph\"\n        [fdType]=\"fdType\"\n        [disabled]=\"disabled\"\n        [ariaLabel]=\"expandButtonAriaLabel || ('coreSplitButton.expandButtonAriaLabel' | fdTranslate)\"\n        [attr.title]=\"\n            expandButtonTitle || expandButtonAriaLabel || ('coreSplitButton.expandButtonAriaLabel' | fdTranslate)\n        \"\n        [class.is-active]=\"menu.isOpen\"\n    ></button>\n    <ng-content select=\"fd-menu\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.4\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-button-split\n    button\n*/.fd-button-split{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;vertical-align:middle}.fd-button-split:after,.fd-button-split:before{box-sizing:inherit;font-size:inherit}.fd-button-split:before{background:var(--sapButton_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split>button{margin:0}.fd-button-split>button:first-of-type:hover+button:after{display:none}.fd-button-split>button:nth-of-type(2){position:relative}.fd-button-split>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split>button:nth-of-type(2).is-active:after,.fd-button-split>button:nth-of-type(2).is-hover:after,.fd-button-split>button:nth-of-type(2):active:after,.fd-button-split>button:nth-of-type(2):hover:after{display:none}.fd-button-split>button:first-of-type{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;border-radius:var(--fdButton_Border_Radius_Left);display:flex;justify-content:flex-start;margin-right:var(--fdButton_Menu_Offset)}.fd-button-split>button:first-of-type[dir=rtl],[dir=rtl] .fd-button-split>button:first-of-type{border-radius:var(--fdButton_Border_Radius_Left_RTL);margin-left:var(--fdButton_Menu_Offset);margin-right:0}.fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right)}.fd-button-split>button:nth-of-type(2)[dir=rtl],[dir=rtl] .fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right_RTL)}.fd-button-split>button.is-hover,.fd-button-split>button:hover{z-index:1}.fd-button-split--emphasized{position:relative}.fd-button-split--emphasized:before{background:var(--sapButton_Emphasized_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--emphasized>button:first-of-type:hover+button:after{display:none}.fd-button-split--emphasized>button:nth-of-type(2){position:relative}.fd-button-split--emphasized>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Emphasized_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--emphasized>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--emphasized>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--emphasized>button:nth-of-type(2).is-active:after,.fd-button-split--emphasized>button:nth-of-type(2).is-hover:after,.fd-button-split--emphasized>button:nth-of-type(2):active:after,.fd-button-split--emphasized>button:nth-of-type(2):hover:after{display:none}.fd-button-split--transparent{position:relative}.fd-button-split--transparent:before{background:var(--sapButton_Lite_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--transparent>button:first-of-type:hover+button:after{display:none}.fd-button-split--transparent>button:nth-of-type(2){position:relative}.fd-button-split--transparent>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Lite_TextColor);content:\"\";display:var(--fdButton_Menu_Transparent_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--transparent>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--transparent>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--transparent>button:nth-of-type(2).is-active:after,.fd-button-split--transparent>button:nth-of-type(2).is-hover:after,.fd-button-split--transparent>button:nth-of-type(2):active:after,.fd-button-split--transparent>button:nth-of-type(2):hover:after{display:none}.fd-button-split--ghost{position:relative}.fd-button-split--ghost:before{background:var(--fdButton_Ghost_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--ghost>button:first-of-type:hover+button:after{display:none}.fd-button-split--ghost>button:nth-of-type(2){position:relative}.fd-button-split--ghost>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--ghost>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--ghost>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--ghost>button:nth-of-type(2).is-active:after,.fd-button-split--ghost>button:nth-of-type(2).is-hover:after,.fd-button-split--ghost>button:nth-of-type(2):active:after,.fd-button-split--ghost>button:nth-of-type(2):hover:after{display:none}.fd-button-split--positive{position:relative}.fd-button-split--positive:before{background:var(--sapButton_Accept_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--positive>button:first-of-type:hover+button:after{display:none}.fd-button-split--positive>button:nth-of-type(2){position:relative}.fd-button-split--positive>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Accept_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--positive>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--positive>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--positive>button:nth-of-type(2).is-active:after,.fd-button-split--positive>button:nth-of-type(2).is-hover:after,.fd-button-split--positive>button:nth-of-type(2):active:after,.fd-button-split--positive>button:nth-of-type(2):hover:after{display:none}.fd-button-split--negative{position:relative}.fd-button-split--negative:before{background:var(--sapButton_Reject_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--negative>button:first-of-type:hover+button:after{display:none}.fd-button-split--negative>button:nth-of-type(2){position:relative}.fd-button-split--negative>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Reject_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--negative>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--negative>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--negative>button:nth-of-type(2).is-active:after,.fd-button-split--negative>button:nth-of-type(2).is-hover:after,.fd-button-split--negative>button:nth-of-type(2):active:after,.fd-button-split--negative>button:nth-of-type(2):hover:after{display:none}.fd-button-split--attention{position:relative}.fd-button-split--attention:before{background:var(--sapButton_Attention_Background);border-radius:var(--sapButton_BorderCornerRadius);content:\"\";display:var(--fdButton_Segmented_Pad_Display);height:100%;left:0;position:absolute;top:0;width:100%}.fd-button-split--attention>button:first-of-type:hover+button:after{display:none}.fd-button-split--attention>button:nth-of-type(2){position:relative}.fd-button-split--attention>button:nth-of-type(2):after{-webkit-transform:translateY(-50%);background:var(--sapButton_Attention_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);left:-.0625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth)}.fd-button-split--attention>button:nth-of-type(2)[dir=rtl]:after,[dir=rtl] .fd-button-split--attention>button:nth-of-type(2):after{left:auto;right:-.0625rem}.fd-button-split--attention>button:nth-of-type(2).is-active:after,.fd-button-split--attention>button:nth-of-type(2).is-hover:after,.fd-button-split--attention>button:nth-of-type(2):active:after,.fd-button-split--attention>button:nth-of-type(2):hover:after{display:none}.fd-button-split--emphasized>button:first-of-type{margin-right:var(--fdButton_Menu_Emphasized_Margin)}.fd-button-split--emphasized>button:first-of-type[dir=rtl],[dir=rtl] .fd-button-split--emphasized>button:first-of-type{margin-left:var(--fdButton_Menu_Emphasized_Margin);margin-right:0}.fd-button-split .fd-button-split__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:8.5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-button-split .fd-button-split__text:after,.fd-button-split .fd-button-split__text:before{box-sizing:inherit;font-size:inherit}.fd-button-split .fd-button--compact .fd-button-split__text{max-width:9rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DestroyedService }, { type: i2.ContentDensityObserver }, { type: i0.Renderer2 }]; }, propDecorators: { glyph: [{
                 type: Input
             }], disabled: [{

package/esm2020/splitter/splitter.component.mjs

@@ -41,10 +41,10 @@ export class SplitterComponent {
     }
 }
 SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: SplitterComponent, selector: "fd-splitter", inputs: { defaultPaneId: "defaultPaneId", paginationItemAriaLabel: "paginationItemAriaLabel" }, host: { classAttribute: "fd-splitter" }, queries: [{ propertyName: "_panes", predicate: SplitterSplitPaneComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.45\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 */.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(--sapShell_Background);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 });
+SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: SplitterComponent, selector: "fd-splitter", inputs: { defaultPaneId: "defaultPaneId", paginationItemAriaLabel: "paginationItemAriaLabel" }, host: { classAttribute: "fd-splitter" }, queries: [{ propertyName: "_panes", predicate: SplitterSplitPaneComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.4\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 */.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(--sapShell_Background);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: "15.0.2", ngImport: i0, type: SplitterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-splitter', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'fd-splitter' }, template: "<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.45\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 */.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(--sapShell_Background);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', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'fd-splitter' }, template: "<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.4\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 */.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(--sapShell_Background);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: { defaultPaneId: [{
                 type: Input
             }], paginationItemAriaLabel: [{

package/esm2020/status-indicator/status-indicator.component.mjs

@@ -235,7 +235,7 @@ export class StatusIndicatorComponent {
     }
 }
 StatusIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: StatusIndicatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-StatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: StatusIndicatorComponent, 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.26.0-rc.45\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 */.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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+StatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: StatusIndicatorComponent, 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.26.4\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 */.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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -255,7 +255,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImpor
                         '[attr.aria-valuemin]': '0',
                         '[attr.aria-valuemax]': '100',
                         '[attr.tabindex]': 'focusable ? 0 : -1'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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.26.0-rc.45\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 */.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, 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.26.4\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 */.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: [{