@fundamental-ngx/core 0.44.1-rc.3 → 0.45.0

package/fesm2022/fundamental-ngx-core-split-button.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive, EventEmitter, TemplateRef, ElementRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, ContentChild, ViewChild, forwardRef, NgModule } from '@angular/core';
+import { Directive, EventEmitter, TemplateRef, ElementRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, ContentChild, ViewChild, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { Subscription, tap } from 'rxjs';
@@ -7,9 +7,8 @@ import { first } from 'rxjs/operators';
 import * as i4 from '@fundamental-ngx/core/menu';
 import { MenuComponent, MenuModule } from '@fundamental-ngx/core/menu';
 import * as i1 from '@fundamental-ngx/core/content-density';
-import { contentDensityObserverProviders, DeprecatedCompactDirective, CONTENT_DENSITY_DIRECTIVE, ContentDensityModule } from '@fundamental-ngx/core/content-density';
+import { contentDensityObserverProviders, ContentDensityModule } from '@fundamental-ngx/core/content-density';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { warnOnce } from '@fundamental-ngx/cdk/utils';
 import * as i3 from '@fundamental-ngx/core/button';
 import { ButtonModule } from '@fundamental-ngx/core/button';
 import * as i5 from '@fundamental-ngx/i18n';
@@ -78,25 +77,6 @@ const splitButtonTextClasses = [splitButtonTextClass];
  * ```
  */
 class SplitButtonComponent {
-    /** @deprecated The Title for main action button. This will be deprecated as an input but will remain a property on this component. */
-    set mainActionTitle(value) {
-        warnOnce("Property mainActionTitle is deprecated. Use MenuItemComponent's title component text content instead.");
-        this._mainActionTitle = value;
-    }
-    get mainActionTitle() {
-        return this._mainActionTitle;
-    }
-    /**
-     * @deprecated use i18n capabilities instead
-     * Aria-label attribute used to describe expand button
-     */
-    set expandButtonAriaLabel(value) {
-        warnOnce("Property expandButtonAriaLabel is deprecated. Use i18n capabilities 'coreSplitButton.expandButtonAriaLabel' key instead.");
-        this._expandButtonAriaLabel = value;
-    }
-    get expandButtonAriaLabel() {
-        return this._expandButtonAriaLabel;
-    }
     /** @hidden */
     get typeClass() {
         return this.fdType ? `fd-button-split--${this.fdType}` : '';
@@ -256,21 +236,17 @@ class SplitButtonComponent {
         this.menuActionBtn?.nativeElement.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SplitButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.DestroyRef }, { token: i1.ContentDensityObserver }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-button-split\n    button\n*/.fd-button-split{--fdButtonSplit_Separator_Offset:2.125rem;-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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split.is-hover:after,.fd-button-split:hover:after{display:none}.fd-button-split[dir=rtl]:after,[dir=rtl] .fd-button-split:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.fd-button-split>button{margin:0}.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{margin-left:var(--fdButton_Menu_Offset);margin-right:0}.fd-button-split>button:first-of-type.is-focus,.fd-button-split>button:first-of-type:focus{z-index:5}.fd-button-split>button:first-of-type.is-focus:after,.fd-button-split>button:first-of-type:focus:after{border-radius:var(--fdButton_Border_Radius_Outline_Left)}.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)}.fd-button-split>button:first-of-type[dir=rtl].is-focus,.fd-button-split>button:first-of-type[dir=rtl]:focus,[dir=rtl] .fd-button-split>button:first-of-type.is-focus,[dir=rtl] .fd-button-split>button:first-of-type:focus{z-index:5}.fd-button-split>button:first-of-type[dir=rtl].is-focus:after,.fd-button-split>button:first-of-type[dir=rtl]:focus:after,[dir=rtl] .fd-button-split>button:first-of-type.is-focus:after,[dir=rtl] .fd-button-split>button:first-of-type:focus:after{border-radius:var(--fdButton_Border_Radius_Outline_Left_RTL)}.fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right)}.fd-button-split>button:nth-of-type(2).is-focus,.fd-button-split>button:nth-of-type(2):focus{z-index:5}.fd-button-split>button:nth-of-type(2).is-focus:after,.fd-button-split>button:nth-of-type(2):focus:after{border-radius:var(--fdButton_Border_Radius_Outline_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:nth-of-type(2)[dir=rtl].is-focus,.fd-button-split>button:nth-of-type(2)[dir=rtl]:focus,[dir=rtl] .fd-button-split>button:nth-of-type(2).is-focus,[dir=rtl] .fd-button-split>button:nth-of-type(2):focus{z-index:5}.fd-button-split>button:nth-of-type(2)[dir=rtl].is-focus:after,.fd-button-split>button:nth-of-type(2)[dir=rtl]:focus:after,[dir=rtl] .fd-button-split>button:nth-of-type(2).is-focus:after,[dir=rtl] .fd-button-split>button:nth-of-type(2):focus:after{border-radius:var(--fdButton_Border_Radius_Outline_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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Emphasized_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--emphasized.is-hover:after,.fd-button-split--emphasized:hover:after{display:none}.fd-button-split--emphasized[dir=rtl]:after,[dir=rtl] .fd-button-split--emphasized:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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: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);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--transparent.is-hover:after,.fd-button-split--transparent:hover:after{display:none}.fd-button-split--transparent[dir=rtl]:after,[dir=rtl] .fd-button-split--transparent:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--ghost.is-hover:after,.fd-button-split--ghost:hover:after{display:none}.fd-button-split--ghost[dir=rtl]:after,[dir=rtl] .fd-button-split--ghost:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Accept_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--positive.is-hover:after,.fd-button-split--positive:hover:after{display:none}.fd-button-split--positive[dir=rtl]:after,[dir=rtl] .fd-button-split--positive:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Reject_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--negative.is-hover:after,.fd-button-split--negative:hover:after{display:none}.fd-button-split--negative[dir=rtl]:after,[dir=rtl] .fd-button-split--negative:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Attention_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--attention.is-hover:after,.fd-button-split--attention:hover:after{display:none}.fd-button-split--attention[dir=rtl]:after,[dir=rtl] .fd-button-split--attention:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:var(--fdButtonSplit_Text_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[class*=-compact],.fd-button-split[class*=-condensed],[class*=-compact] .fd-button-split:not([class*=-cozy]),[class*=-condensed] .fd-button-split:not([class*=-cozy]){--fdButtonSplit_Text_Max_Width:9rem;--fdButtonSplit_Separator_Offset:1.875rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i4.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "pipe", type: i5.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SplitButtonComponent, selector: "fd-split-button", inputs: { glyph: "glyph", disabled: "disabled", fdType: "fdType", 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]=\"'coreSplitButton.expandButtonAriaLabel' | fdTranslate\"\n        [attr.title]=\"expandButtonTitle || 'coreSplitButton.expandButtonAriaLabel' | fdTranslate\"\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.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-button-split\n    button\n*/.fd-button-split{--fdButtonSplit_Separator_Offset:2.125rem;-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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split.is-hover:after,.fd-button-split:hover:after{display:none}.fd-button-split[dir=rtl]:after,[dir=rtl] .fd-button-split:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.fd-button-split>button{margin:0}.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{margin-left:var(--fdButton_Menu_Offset);margin-right:0}.fd-button-split>button:first-of-type.is-focus,.fd-button-split>button:first-of-type:focus{z-index:5}.fd-button-split>button:first-of-type.is-focus:after,.fd-button-split>button:first-of-type:focus:after{border-radius:var(--fdButton_Border_Radius_Outline_Left)}.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)}.fd-button-split>button:first-of-type[dir=rtl].is-focus,.fd-button-split>button:first-of-type[dir=rtl]:focus,[dir=rtl] .fd-button-split>button:first-of-type.is-focus,[dir=rtl] .fd-button-split>button:first-of-type:focus{z-index:5}.fd-button-split>button:first-of-type[dir=rtl].is-focus:after,.fd-button-split>button:first-of-type[dir=rtl]:focus:after,[dir=rtl] .fd-button-split>button:first-of-type.is-focus:after,[dir=rtl] .fd-button-split>button:first-of-type:focus:after{border-radius:var(--fdButton_Border_Radius_Outline_Left_RTL)}.fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right)}.fd-button-split>button:nth-of-type(2).is-focus,.fd-button-split>button:nth-of-type(2):focus{z-index:5}.fd-button-split>button:nth-of-type(2).is-focus:after,.fd-button-split>button:nth-of-type(2):focus:after{border-radius:var(--fdButton_Border_Radius_Outline_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:nth-of-type(2)[dir=rtl].is-focus,.fd-button-split>button:nth-of-type(2)[dir=rtl]:focus,[dir=rtl] .fd-button-split>button:nth-of-type(2).is-focus,[dir=rtl] .fd-button-split>button:nth-of-type(2):focus{z-index:5}.fd-button-split>button:nth-of-type(2)[dir=rtl].is-focus:after,.fd-button-split>button:nth-of-type(2)[dir=rtl]:focus:after,[dir=rtl] .fd-button-split>button:nth-of-type(2).is-focus:after,[dir=rtl] .fd-button-split>button:nth-of-type(2):focus:after{border-radius:var(--fdButton_Border_Radius_Outline_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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Emphasized_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--emphasized.is-hover:after,.fd-button-split--emphasized:hover:after{display:none}.fd-button-split--emphasized[dir=rtl]:after,[dir=rtl] .fd-button-split--emphasized:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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: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);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--transparent.is-hover:after,.fd-button-split--transparent:hover:after{display:none}.fd-button-split--transparent[dir=rtl]:after,[dir=rtl] .fd-button-split--transparent:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--ghost.is-hover:after,.fd-button-split--ghost:hover:after{display:none}.fd-button-split--ghost[dir=rtl]:after,[dir=rtl] .fd-button-split--ghost:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Accept_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--positive.is-hover:after,.fd-button-split--positive:hover:after{display:none}.fd-button-split--positive[dir=rtl]:after,[dir=rtl] .fd-button-split--positive:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Reject_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--negative.is-hover:after,.fd-button-split--negative:hover:after{display:none}.fd-button-split--negative[dir=rtl]:after,[dir=rtl] .fd-button-split--negative:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Attention_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--attention.is-hover:after,.fd-button-split--attention:hover:after{display:none}.fd-button-split--attention[dir=rtl]:after,[dir=rtl] .fd-button-split--attention:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:var(--fdButtonSplit_Text_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[class*=-compact],.fd-button-split[class*=-condensed],[class*=-compact] .fd-button-split:not([class*=-cozy]),[class*=-condensed] .fd-button-split:not([class*=-cozy]){--fdButtonSplit_Text_Max_Width:9rem;--fdButtonSplit_Separator_Offset:1.875rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i4.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "pipe", type: i5.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", 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.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-button-split\n    button\n*/.fd-button-split{--fdButtonSplit_Separator_Offset:2.125rem;-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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split.is-hover:after,.fd-button-split:hover:after{display:none}.fd-button-split[dir=rtl]:after,[dir=rtl] .fd-button-split:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.fd-button-split>button{margin:0}.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{margin-left:var(--fdButton_Menu_Offset);margin-right:0}.fd-button-split>button:first-of-type.is-focus,.fd-button-split>button:first-of-type:focus{z-index:5}.fd-button-split>button:first-of-type.is-focus:after,.fd-button-split>button:first-of-type:focus:after{border-radius:var(--fdButton_Border_Radius_Outline_Left)}.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)}.fd-button-split>button:first-of-type[dir=rtl].is-focus,.fd-button-split>button:first-of-type[dir=rtl]:focus,[dir=rtl] .fd-button-split>button:first-of-type.is-focus,[dir=rtl] .fd-button-split>button:first-of-type:focus{z-index:5}.fd-button-split>button:first-of-type[dir=rtl].is-focus:after,.fd-button-split>button:first-of-type[dir=rtl]:focus:after,[dir=rtl] .fd-button-split>button:first-of-type.is-focus:after,[dir=rtl] .fd-button-split>button:first-of-type:focus:after{border-radius:var(--fdButton_Border_Radius_Outline_Left_RTL)}.fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right)}.fd-button-split>button:nth-of-type(2).is-focus,.fd-button-split>button:nth-of-type(2):focus{z-index:5}.fd-button-split>button:nth-of-type(2).is-focus:after,.fd-button-split>button:nth-of-type(2):focus:after{border-radius:var(--fdButton_Border_Radius_Outline_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:nth-of-type(2)[dir=rtl].is-focus,.fd-button-split>button:nth-of-type(2)[dir=rtl]:focus,[dir=rtl] .fd-button-split>button:nth-of-type(2).is-focus,[dir=rtl] .fd-button-split>button:nth-of-type(2):focus{z-index:5}.fd-button-split>button:nth-of-type(2)[dir=rtl].is-focus:after,.fd-button-split>button:nth-of-type(2)[dir=rtl]:focus:after,[dir=rtl] .fd-button-split>button:nth-of-type(2).is-focus:after,[dir=rtl] .fd-button-split>button:nth-of-type(2):focus:after{border-radius:var(--fdButton_Border_Radius_Outline_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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Emphasized_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--emphasized.is-hover:after,.fd-button-split--emphasized:hover:after{display:none}.fd-button-split--emphasized[dir=rtl]:after,[dir=rtl] .fd-button-split--emphasized:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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: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);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--transparent.is-hover:after,.fd-button-split--transparent:hover:after{display:none}.fd-button-split--transparent[dir=rtl]:after,[dir=rtl] .fd-button-split--transparent:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--ghost.is-hover:after,.fd-button-split--ghost:hover:after{display:none}.fd-button-split--ghost[dir=rtl]:after,[dir=rtl] .fd-button-split--ghost:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Accept_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--positive.is-hover:after,.fd-button-split--positive:hover:after{display:none}.fd-button-split--positive[dir=rtl]:after,[dir=rtl] .fd-button-split--positive:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Reject_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--negative.is-hover:after,.fd-button-split--negative:hover:after{display:none}.fd-button-split--negative[dir=rtl]:after,[dir=rtl] .fd-button-split--negative:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Attention_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--attention.is-hover:after,.fd-button-split--attention:hover:after{display:none}.fd-button-split--attention[dir=rtl]:after,[dir=rtl] .fd-button-split--attention:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:var(--fdButtonSplit_Text_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[class*=-compact],.fd-button-split[class*=-condensed],[class*=-compact] .fd-button-split:not([class*=-cozy]),[class*=-condensed] .fd-button-split:not([class*=-cozy]){--fdButtonSplit_Text_Max_Width:9rem;--fdButtonSplit_Separator_Offset:1.875rem}\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]=\"'coreSplitButton.expandButtonAriaLabel' | fdTranslate\"\n        [attr.title]=\"expandButtonTitle || 'coreSplitButton.expandButtonAriaLabel' | fdTranslate\"\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.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-button-split\n    button\n*/.fd-button-split{--fdButtonSplit_Separator_Offset:2.125rem;-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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split.is-hover:after,.fd-button-split:hover:after{display:none}.fd-button-split[dir=rtl]:after,[dir=rtl] .fd-button-split:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.fd-button-split>button{margin:0}.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{margin-left:var(--fdButton_Menu_Offset);margin-right:0}.fd-button-split>button:first-of-type.is-focus,.fd-button-split>button:first-of-type:focus{z-index:5}.fd-button-split>button:first-of-type.is-focus:after,.fd-button-split>button:first-of-type:focus:after{border-radius:var(--fdButton_Border_Radius_Outline_Left)}.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)}.fd-button-split>button:first-of-type[dir=rtl].is-focus,.fd-button-split>button:first-of-type[dir=rtl]:focus,[dir=rtl] .fd-button-split>button:first-of-type.is-focus,[dir=rtl] .fd-button-split>button:first-of-type:focus{z-index:5}.fd-button-split>button:first-of-type[dir=rtl].is-focus:after,.fd-button-split>button:first-of-type[dir=rtl]:focus:after,[dir=rtl] .fd-button-split>button:first-of-type.is-focus:after,[dir=rtl] .fd-button-split>button:first-of-type:focus:after{border-radius:var(--fdButton_Border_Radius_Outline_Left_RTL)}.fd-button-split>button:nth-of-type(2){border-radius:var(--fdButton_Border_Radius_Right)}.fd-button-split>button:nth-of-type(2).is-focus,.fd-button-split>button:nth-of-type(2):focus{z-index:5}.fd-button-split>button:nth-of-type(2).is-focus:after,.fd-button-split>button:nth-of-type(2):focus:after{border-radius:var(--fdButton_Border_Radius_Outline_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:nth-of-type(2)[dir=rtl].is-focus,.fd-button-split>button:nth-of-type(2)[dir=rtl]:focus,[dir=rtl] .fd-button-split>button:nth-of-type(2).is-focus,[dir=rtl] .fd-button-split>button:nth-of-type(2):focus{z-index:5}.fd-button-split>button:nth-of-type(2)[dir=rtl].is-focus:after,.fd-button-split>button:nth-of-type(2)[dir=rtl]:focus:after,[dir=rtl] .fd-button-split>button:nth-of-type(2).is-focus:after,[dir=rtl] .fd-button-split>button:nth-of-type(2):focus:after{border-radius:var(--fdButton_Border_Radius_Outline_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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Emphasized_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--emphasized.is-hover:after,.fd-button-split--emphasized:hover:after{display:none}.fd-button-split--emphasized[dir=rtl]:after,[dir=rtl] .fd-button-split--emphasized:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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: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);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--transparent.is-hover:after,.fd-button-split--transparent:hover:after{display:none}.fd-button-split--transparent[dir=rtl]:after,[dir=rtl] .fd-button-split--transparent:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--ghost.is-hover:after,.fd-button-split--ghost:hover:after{display:none}.fd-button-split--ghost[dir=rtl]:after,[dir=rtl] .fd-button-split--ghost:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Accept_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--positive.is-hover:after,.fd-button-split--positive:hover:after{display:none}.fd-button-split--positive[dir=rtl]:after,[dir=rtl] .fd-button-split--positive:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Reject_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--negative.is-hover:after,.fd-button-split--negative:hover:after{display:none}.fd-button-split--negative[dir=rtl]:after,[dir=rtl] .fd-button-split--negative:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:after{-webkit-transform:translateY(-50%);background:var(--sapButton_Attention_TextColor);content:\"\";display:var(--fdButton_Menu_Separator_Display);height:var(--fdButton_Menu_Transparent_Separator_Height);margin:0 .125rem;position:absolute;right:var(--fdButtonSplit_Separator_Offset);top:50%;transform:translateY(-50%);width:var(--sapButton_BorderWidth);z-index:10}.fd-button-split--attention.is-hover:after,.fd-button-split--attention:hover:after{display:none}.fd-button-split--attention[dir=rtl]:after,[dir=rtl] .fd-button-split--attention:after{left:var(--fdButtonSplit_Separator_Offset);right:auto}.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:var(--fdButtonSplit_Text_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[class*=-compact],.fd-button-split[class*=-condensed],[class*=-compact] .fd-button-split:not([class*=-cozy]),[class*=-condensed] .fd-button-split:not([class*=-cozy]){--fdButtonSplit_Text_Max_Width:9rem;--fdButtonSplit_Separator_Offset:1.875rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.DestroyRef }, { type: i1.ContentDensityObserver }, { type: i0.Renderer2 }]; }, propDecorators: { glyph: [{
                 type: Input
             }], disabled: [{
                 type: Input
-            }], mainActionTitle: [{
-                type: Input
             }], fdType: [{
                 type: Input
-            }], expandButtonAriaLabel: [{
-                type: Input
             }], expandButtonTitle: [{
                 type: Input
             }], selected: [{
@@ -297,44 +273,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                 args: ['menuActionButton', { read: ElementRef }]
             }] } });
 
-class DeprecatedSplitButtonCompactDirective extends DeprecatedCompactDirective {
-    /** @hidden */
-    constructor() {
-        super('fd-split-button');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: DeprecatedSplitButtonCompactDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: DeprecatedSplitButtonCompactDirective, selector: "fd-split-button[compact]", providers: [
-            {
-                provide: CONTENT_DENSITY_DIRECTIVE,
-                useExisting: forwardRef(() => DeprecatedSplitButtonCompactDirective)
-            }
-        ], usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: DeprecatedSplitButtonCompactDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'fd-split-button[compact]',
-                    providers: [
-                        {
-                            provide: CONTENT_DENSITY_DIRECTIVE,
-                            useExisting: forwardRef(() => DeprecatedSplitButtonCompactDirective)
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return []; } });
-
 class SplitButtonModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: SplitButtonModule, declarations: [SplitButtonComponent, SplitButtonActionTitle, DeprecatedSplitButtonCompactDirective], imports: [CommonModule, ButtonModule, MenuModule, ContentDensityModule, I18nModule], exports: [SplitButtonComponent, SplitButtonActionTitle, ContentDensityModule, DeprecatedSplitButtonCompactDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: SplitButtonModule, declarations: [SplitButtonComponent, SplitButtonActionTitle], imports: [CommonModule, ButtonModule, MenuModule, ContentDensityModule, I18nModule], exports: [SplitButtonComponent, SplitButtonActionTitle, ContentDensityModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SplitButtonModule, imports: [CommonModule, ButtonModule, MenuModule, ContentDensityModule, I18nModule, ContentDensityModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SplitButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ButtonModule, MenuModule, ContentDensityModule, I18nModule],
-                    declarations: [SplitButtonComponent, SplitButtonActionTitle, DeprecatedSplitButtonCompactDirective],
-                    exports: [SplitButtonComponent, SplitButtonActionTitle, ContentDensityModule, DeprecatedSplitButtonCompactDirective]
+                    declarations: [SplitButtonComponent, SplitButtonActionTitle],
+                    exports: [SplitButtonComponent, SplitButtonActionTitle, ContentDensityModule]
                 }]
         }] });
 
@@ -342,5 +291,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DeprecatedSplitButtonCompactDirective, SplitButtonActionTitle, SplitButtonComponent, SplitButtonModule, splitButtonTextClass };
+export { SplitButtonActionTitle, SplitButtonComponent, SplitButtonModule, splitButtonTextClass };
 //# sourceMappingURL=fundamental-ngx-core-split-button.mjs.map

package/fesm2022/fundamental-ngx-core-split-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-split-button.mjs","sources":["../../../../libs/core/src/lib/split-button/split-button-utils/split-button.directives.ts","../../../../libs/core/src/lib/split-button/split-button.component.ts","../../../../libs/core/src/lib/split-button/split-button.component.html","../../../../libs/core/src/lib/split-button/deprecated-split-button-compact.directive.ts","../../../../libs/core/src/lib/split-button/split-button.module.ts","../../../../libs/core/src/lib/split-button/fundamental-ngx-core-split-button.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Directive used to identify the template which will populate the main action button.\n * Used to achieve complex buttons that require more than a string.\n *```html\n *    <fd-button-split>\n *        <ng-template fd-button-split-action-title>\n *            <p>Paragraph 1</p>\n *            <p>Paragraph 2</p>\n *        </ng-template>\n *        <fd-menu>\n *             <li fd-menu-item>\n *               <a fd-menu-interactive [routerLink]=\"'/'\">\n *                   <span fd-menu-title>option2</span>\n *               </a>\n *            </li>\n *            <li fd-menu-item>\n *               <a fd-menu-interactive [routerLink]=\"'/'\">\n *                   <span fd-menu-title>option2</span>\n *               </a>\n *            </li>\n *        </fd-menu>\n *    </fd-button-split>\n *</fd-button-split>\n *```\n */\n@Directive({\n    // TODO to be discussed\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-split-button-action-title]'\n})\n// eslint-disable-next-line @angular-eslint/directive-class-suffix\nexport class SplitButtonActionTitle {}\n","import {\n    AfterContentInit,\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    DestroyRef,\n    ElementRef,\n    EventEmitter,\n    Input,\n    OnChanges,\n    OnDestroy,\n    Output,\n    Renderer2,\n    SimpleChanges,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { Subscription, tap } from 'rxjs';\nimport { first } from 'rxjs/operators';\nimport { ButtonType } from '@fundamental-ngx/core/button';\nimport { MenuComponent, MenuItemComponent } from '@fundamental-ngx/core/menu';\n\nimport { SplitButtonActionTitle } from './split-button-utils/split-button.directives';\nimport { MainAction } from './main-action';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { warnOnce } from '@fundamental-ngx/cdk/utils';\n\nexport const splitButtonTextClass = 'fd-button-split__text';\nconst splitButtonTextClasses = [splitButtonTextClass];\n\n/**\n * Split Button component, used to enhance standard HTML button and add possibility to put some dropdown with\n * additional options.\n *\n * ```html\n * <fd-split-button>\n *   <fd-menu>\n *       <li fd-menu-item>\n *           <div fd-menu-interactive>\n *               <span fd-menu-title>Option 1</span>\n *           </div>\n *       </li>\n *       <li fd-menu-item>\n *           <div fd-menu-interactive>\n *               <span fd-menu-title>Option 2</span>\n *           </div>\n *       </li>\n *    </fd-menu>\n *</fd-split-button>\n * ```\n */\n@Component({\n    selector: 'fd-split-button',\n    templateUrl: 'split-button.component.html',\n    styleUrls: ['./split-button.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [contentDensityObserverProviders()]\n})\nexport class SplitButtonComponent implements AfterContentInit, OnChanges, OnDestroy, AfterViewInit {\n    /** The icon to include in the button. See the icon page for the list of icons. */\n    @Input()\n    glyph = 'slim-arrow-down';\n\n    /** The icon to include in the button. See the icon page for the list of icons. */\n    @Input()\n    disabled: boolean;\n\n    /** @deprecated The Title for main action button. This will be deprecated as an input but will remain a property on this component. */\n    @Input()\n    set mainActionTitle(value: string) {\n        warnOnce(\n            \"Property mainActionTitle is deprecated. Use MenuItemComponent's title component text content instead.\"\n        );\n        this._mainActionTitle = value;\n    }\n\n    get mainActionTitle(): string {\n        return this._mainActionTitle;\n    }\n\n    /** The type of the button. Types include 'standard', 'positive', 'medium', and 'negative'.\n     * Leave empty for default (Action button).'*/\n    @Input()\n    fdType: ButtonType;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Aria-label attribute used to describe expand button\n     */\n    @Input()\n    set expandButtonAriaLabel(value: string) {\n        warnOnce(\n            \"Property expandButtonAriaLabel is deprecated. Use i18n capabilities 'coreSplitButton.expandButtonAriaLabel' key instead.\"\n        );\n        this._expandButtonAriaLabel = value;\n    }\n\n    get expandButtonAriaLabel(): string {\n        return this._expandButtonAriaLabel;\n    }\n\n    /** Title attribute used to describe expand button */\n    @Input()\n    expandButtonTitle: string;\n\n    /** Selected menu item */\n    @Input()\n    selected: MenuItemComponent;\n\n    /** Whether or not the element should keep a fixed width. The width could change if the text changes length. */\n    @Input()\n    fixedWidth = true;\n\n    /**\n     * The object that contains the mainActionTitle, keepMainAction option and the callback function that should be\n     * executed when the button is clicked.\n     */\n    @Input()\n    mainAction: MainAction;\n\n    /** aria-label attribute */\n    @Input()\n    arialLabel: string;\n\n    /** Event sent when primary button is clicked */\n    @Output()\n    readonly primaryButtonClicked: EventEmitter<Event> = new EventEmitter<Event>();\n\n    /** @hidden */\n    @ContentChild(SplitButtonActionTitle, { read: TemplateRef })\n    titleTemplate: TemplateRef<any> | null;\n\n    /** @hidden */\n    @ContentChild(MenuComponent)\n    menu: MenuComponent;\n\n    /** @hidden */\n    @ViewChild('mainActionButton', { read: ElementRef })\n    mainActionBtn: ElementRef;\n\n    /** @hidden */\n    @ViewChild('menuActionButton', { read: ElementRef })\n    menuActionBtn: ElementRef;\n\n    /** @hidden */\n    mainButtonWidth: string;\n\n    /** @hidden */\n    get typeClass(): string {\n        return this.fdType ? `fd-button-split--${this.fdType}` : '';\n    }\n\n    /** @hidden */\n    private _expandButtonAriaLabel: string;\n\n    /** @hidden */\n    private _mainActionTitle: string;\n\n    /** @hidden */\n    private _menuItemSubscriptions = new Subscription();\n\n    /** @hidden */\n    private _menuSubscription = new Subscription();\n\n    /** @hidden */\n    private _contentDensitySubscription = new Subscription();\n\n    /** @hidden */\n    private _menuActivePathSubscription = new Subscription();\n\n    /** @hidden */\n    constructor(\n        private _cdRef: ChangeDetectorRef,\n        private _destroyRef: DestroyRef,\n        private _contentDensityObserver: ContentDensityObserver,\n        private _renderer: Renderer2\n    ) {}\n\n    /** @hidden Emits event when main button is clicked */\n    onMainButtonClick(event: MouseEvent): void {\n        this.primaryButtonClicked.emit(event);\n        if (this.selected) {\n            this.selected.elementRef.nativeElement.click();\n        } else if (this.mainAction && this.mainAction.callback) {\n            this.mainAction.callback();\n        }\n        event.stopPropagation();\n    }\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        this.menu._menuItems.forEach((item) => {\n            item.menuInteractive._fromSplitButton = true;\n        });\n        this._setupMenuSubscription();\n        this._setupMenuItemSubscriptions();\n        this._handleMainActionObject();\n\n        if (!this.mainActionTitle && !this.titleTemplate && !this.selected) {\n            this.selectMenuItem(this.menu._menuItems.first);\n        } else if (!this.mainActionTitle && this.selected) {\n            this.selectMenuItem(this.selected);\n        }\n\n        this._menuActivePathSubscription.add(\n            this.menu.activePath.subscribe((items) => {\n                const lastItem = items[items.length - 1];\n                if (lastItem && !lastItem.submenu) {\n                    this.menu.close();\n                    this._focusTriggerElement();\n                }\n            })\n        );\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._contentDensityObserver.isCompact$\n            .pipe(tap(this._addButtonTextClass), takeUntilDestroyed(this._destroyRef))\n            .subscribe();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('selected' in changes) {\n            this.selectMenuItem(this.selected);\n        }\n        if ('mainAction' in changes) {\n            this._handleMainActionObject();\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._menuItemSubscriptions.unsubscribe();\n        this._menuSubscription.unsubscribe();\n        this._contentDensitySubscription.unsubscribe();\n        this._menuActivePathSubscription.unsubscribe();\n    }\n\n    /** Function called to select a menu item for the split button. */\n    selectMenuItem(menuItem: MenuItemComponent): void {\n        if (menuItem && (!this.mainAction || !this.mainAction.keepMainAction)) {\n            menuItem.setSelected(true);\n        }\n    }\n\n    /**\n     * Wrapper gets focused programmatically by menu\n     * when the \"escape\" button is pressed.\n     * In this case we need to transit focus to the \"more actions\" button\n     */\n    _onGroupFocused(): void {\n        this._focusTriggerElement();\n    }\n\n    /** @hidden */\n    private _getMainButtonWidth(): void {\n        if (this.mainActionBtn && this.mainActionBtn.nativeElement) {\n            this.mainButtonWidth = this.mainActionBtn.nativeElement.getBoundingClientRect().width + 'px';\n        }\n    }\n\n    /** @hidden */\n    private _setupMenuItemSubscriptions(): void {\n        this.menu._menuItems.forEach((menuItem) => {\n            menuItem.onSelect.pipe(first()).subscribe(() => {\n                if (this.fixedWidth) {\n                    this._getMainButtonWidth();\n                }\n            });\n            this._menuItemSubscriptions.add(\n                menuItem.onSelect.subscribe(() => {\n                    this._handleMenuItemSelection(menuItem);\n                })\n            );\n        });\n    }\n\n    /** @hidden */\n    private _handleMenuItemSelection(menuItem: MenuItemComponent): void {\n        if (!this.mainAction || !this.mainAction.keepMainAction) {\n            this.selected = menuItem;\n            this.menu._menuItems.forEach((item) => {\n                item.setSelected(false, true);\n            });\n            menuItem.setSelected(true, true);\n            this.titleTemplate = null;\n            this.mainActionTitle = menuItem.menuItemTitle.title;\n            this._cdRef.detectChanges();\n        }\n    }\n\n    /** @hidden */\n    private _setupMenuSubscription(): void {\n        this._menuSubscription = this.menu._menuItems.changes.subscribe(() => {\n            this._menuItemSubscriptions.unsubscribe();\n            this._menuItemSubscriptions.closed = false;\n            this._setupMenuItemSubscriptions();\n        });\n        // call markForCheck once menu open state gets changed\n        this._menuSubscription.add(this.menu.isOpenChange.subscribe(() => this._cdRef.markForCheck()));\n    }\n\n    /** @hidden */\n    private _handleMainActionObject(): void {\n        if (this.mainAction && typeof this.mainAction.mainActionTitle === 'string') {\n            this.mainActionTitle = this.mainAction.mainActionTitle;\n        } else if (this.mainAction && this.mainAction.mainActionTitle instanceof TemplateRef) {\n            this.titleTemplate = this.mainAction.mainActionTitle;\n        }\n    }\n\n    /** @hidden */\n    private _addButtonTextClass = (compact: boolean): void => {\n        const textSpanElement = this.mainActionBtn?.nativeElement.querySelector('.fd-button__text');\n        if (!textSpanElement) {\n            return;\n        }\n        splitButtonTextClasses.forEach((_class) => this._renderer.removeClass(textSpanElement, _class));\n        this._renderer.addClass(textSpanElement, splitButtonTextClass);\n    };\n\n    /** @hidden */\n    private _focusTriggerElement(): void {\n        this.menuActionBtn?.nativeElement.focus();\n    }\n}\n","<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","import { CONTENT_DENSITY_DIRECTIVE, DeprecatedCompactDirective } from '@fundamental-ngx/core/content-density';\nimport { Directive, forwardRef } from '@angular/core';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'fd-split-button[compact]',\n    providers: [\n        {\n            provide: CONTENT_DENSITY_DIRECTIVE,\n            useExisting: forwardRef(() => DeprecatedSplitButtonCompactDirective)\n        }\n    ]\n})\nexport class DeprecatedSplitButtonCompactDirective extends DeprecatedCompactDirective {\n    /** @hidden */\n    constructor() {\n        super('fd-split-button');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { SplitButtonComponent } from './split-button.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { I18nModule } from '@fundamental-ngx/i18n';\nimport { SplitButtonActionTitle } from './split-button-utils/split-button.directives';\nimport { MenuModule } from '@fundamental-ngx/core/menu';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\nimport { DeprecatedSplitButtonCompactDirective } from './deprecated-split-button-compact.directive';\n\n@NgModule({\n    imports: [CommonModule, ButtonModule, MenuModule, ContentDensityModule, I18nModule],\n    declarations: [SplitButtonComponent, SplitButtonActionTitle, DeprecatedSplitButtonCompactDirective],\n    exports: [SplitButtonComponent, SplitButtonActionTitle, ContentDensityModule, DeprecatedSplitButtonCompactDirective]\n})\nexport class SplitButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-split-button.mjs","sources":["../../../../libs/core/src/lib/split-button/split-button-utils/split-button.directives.ts","../../../../libs/core/src/lib/split-button/split-button.component.ts","../../../../libs/core/src/lib/split-button/split-button.component.html","../../../../libs/core/src/lib/split-button/split-button.module.ts","../../../../libs/core/src/lib/split-button/fundamental-ngx-core-split-button.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Directive used to identify the template which will populate the main action button.\n * Used to achieve complex buttons that require more than a string.\n *```html\n *    <fd-button-split>\n *        <ng-template fd-button-split-action-title>\n *            <p>Paragraph 1</p>\n *            <p>Paragraph 2</p>\n *        </ng-template>\n *        <fd-menu>\n *             <li fd-menu-item>\n *               <a fd-menu-interactive [routerLink]=\"'/'\">\n *                   <span fd-menu-title>option2</span>\n *               </a>\n *            </li>\n *            <li fd-menu-item>\n *               <a fd-menu-interactive [routerLink]=\"'/'\">\n *                   <span fd-menu-title>option2</span>\n *               </a>\n *            </li>\n *        </fd-menu>\n *    </fd-button-split>\n *</fd-button-split>\n *```\n */\n@Directive({\n    // TODO to be discussed\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-split-button-action-title]'\n})\n// eslint-disable-next-line @angular-eslint/directive-class-suffix\nexport class SplitButtonActionTitle {}\n","import {\n    AfterContentInit,\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    DestroyRef,\n    ElementRef,\n    EventEmitter,\n    Input,\n    OnChanges,\n    OnDestroy,\n    Output,\n    Renderer2,\n    SimpleChanges,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { Subscription, tap } from 'rxjs';\nimport { first } from 'rxjs/operators';\nimport { ButtonType } from '@fundamental-ngx/core/button';\nimport { MenuComponent, MenuItemComponent } from '@fundamental-ngx/core/menu';\n\nimport { SplitButtonActionTitle } from './split-button-utils/split-button.directives';\nimport { MainAction } from './main-action';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nexport const splitButtonTextClass = 'fd-button-split__text';\nconst splitButtonTextClasses = [splitButtonTextClass];\n\n/**\n * Split Button component, used to enhance standard HTML button and add possibility to put some dropdown with\n * additional options.\n *\n * ```html\n * <fd-split-button>\n *   <fd-menu>\n *       <li fd-menu-item>\n *           <div fd-menu-interactive>\n *               <span fd-menu-title>Option 1</span>\n *           </div>\n *       </li>\n *       <li fd-menu-item>\n *           <div fd-menu-interactive>\n *               <span fd-menu-title>Option 2</span>\n *           </div>\n *       </li>\n *    </fd-menu>\n *</fd-split-button>\n * ```\n */\n@Component({\n    selector: 'fd-split-button',\n    templateUrl: 'split-button.component.html',\n    styleUrls: ['./split-button.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [contentDensityObserverProviders()]\n})\nexport class SplitButtonComponent implements AfterContentInit, OnChanges, OnDestroy, AfterViewInit {\n    /** The icon to include in the button. See the icon page for the list of icons. */\n    @Input()\n    glyph = 'slim-arrow-down';\n\n    /** The icon to include in the button. See the icon page for the list of icons. */\n    @Input()\n    disabled: boolean;\n\n    /** The type of the button. Types include 'standard', 'positive', 'medium', and 'negative'.\n     * Leave empty for default (Action button).'*/\n    @Input()\n    fdType: ButtonType;\n\n    /** Title attribute used to describe expand button */\n    @Input()\n    expandButtonTitle: string;\n\n    /** Selected menu item */\n    @Input()\n    selected: MenuItemComponent;\n\n    /** Whether or not the element should keep a fixed width. The width could change if the text changes length. */\n    @Input()\n    fixedWidth = true;\n\n    /**\n     * The object that contains the mainActionTitle, keepMainAction option and the callback function that should be\n     * executed when the button is clicked.\n     */\n    @Input()\n    mainAction: MainAction;\n\n    /** aria-label attribute */\n    @Input()\n    arialLabel: string;\n\n    /** Event sent when primary button is clicked */\n    @Output()\n    readonly primaryButtonClicked: EventEmitter<Event> = new EventEmitter<Event>();\n\n    /** @hidden */\n    @ContentChild(SplitButtonActionTitle, { read: TemplateRef })\n    titleTemplate: TemplateRef<any> | null;\n\n    /** @hidden */\n    @ContentChild(MenuComponent)\n    menu: MenuComponent;\n\n    /** @hidden */\n    @ViewChild('mainActionButton', { read: ElementRef })\n    mainActionBtn: ElementRef;\n\n    /** @hidden */\n    @ViewChild('menuActionButton', { read: ElementRef })\n    menuActionBtn: ElementRef;\n\n    /** The Title for main action button */\n    mainActionTitle: string;\n\n    /** @hidden */\n    mainButtonWidth: string;\n\n    /** @hidden */\n    get typeClass(): string {\n        return this.fdType ? `fd-button-split--${this.fdType}` : '';\n    }\n\n    /** @hidden */\n    private _mainActionTitle: string;\n\n    /** @hidden */\n    private _menuItemSubscriptions = new Subscription();\n\n    /** @hidden */\n    private _menuSubscription = new Subscription();\n\n    /** @hidden */\n    private _contentDensitySubscription = new Subscription();\n\n    /** @hidden */\n    private _menuActivePathSubscription = new Subscription();\n\n    /** @hidden */\n    constructor(\n        private _cdRef: ChangeDetectorRef,\n        private _destroyRef: DestroyRef,\n        private _contentDensityObserver: ContentDensityObserver,\n        private _renderer: Renderer2\n    ) {}\n\n    /** @hidden Emits event when main button is clicked */\n    onMainButtonClick(event: MouseEvent): void {\n        this.primaryButtonClicked.emit(event);\n        if (this.selected) {\n            this.selected.elementRef.nativeElement.click();\n        } else if (this.mainAction && this.mainAction.callback) {\n            this.mainAction.callback();\n        }\n        event.stopPropagation();\n    }\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        this.menu._menuItems.forEach((item) => {\n            item.menuInteractive._fromSplitButton = true;\n        });\n        this._setupMenuSubscription();\n        this._setupMenuItemSubscriptions();\n        this._handleMainActionObject();\n\n        if (!this.mainActionTitle && !this.titleTemplate && !this.selected) {\n            this.selectMenuItem(this.menu._menuItems.first);\n        } else if (!this.mainActionTitle && this.selected) {\n            this.selectMenuItem(this.selected);\n        }\n\n        this._menuActivePathSubscription.add(\n            this.menu.activePath.subscribe((items) => {\n                const lastItem = items[items.length - 1];\n                if (lastItem && !lastItem.submenu) {\n                    this.menu.close();\n                    this._focusTriggerElement();\n                }\n            })\n        );\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._contentDensityObserver.isCompact$\n            .pipe(tap(this._addButtonTextClass), takeUntilDestroyed(this._destroyRef))\n            .subscribe();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('selected' in changes) {\n            this.selectMenuItem(this.selected);\n        }\n        if ('mainAction' in changes) {\n            this._handleMainActionObject();\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._menuItemSubscriptions.unsubscribe();\n        this._menuSubscription.unsubscribe();\n        this._contentDensitySubscription.unsubscribe();\n        this._menuActivePathSubscription.unsubscribe();\n    }\n\n    /** Function called to select a menu item for the split button. */\n    selectMenuItem(menuItem: MenuItemComponent): void {\n        if (menuItem && (!this.mainAction || !this.mainAction.keepMainAction)) {\n            menuItem.setSelected(true);\n        }\n    }\n\n    /**\n     * Wrapper gets focused programmatically by menu\n     * when the \"escape\" button is pressed.\n     * In this case we need to transit focus to the \"more actions\" button\n     */\n    _onGroupFocused(): void {\n        this._focusTriggerElement();\n    }\n\n    /** @hidden */\n    private _getMainButtonWidth(): void {\n        if (this.mainActionBtn && this.mainActionBtn.nativeElement) {\n            this.mainButtonWidth = this.mainActionBtn.nativeElement.getBoundingClientRect().width + 'px';\n        }\n    }\n\n    /** @hidden */\n    private _setupMenuItemSubscriptions(): void {\n        this.menu._menuItems.forEach((menuItem) => {\n            menuItem.onSelect.pipe(first()).subscribe(() => {\n                if (this.fixedWidth) {\n                    this._getMainButtonWidth();\n                }\n            });\n            this._menuItemSubscriptions.add(\n                menuItem.onSelect.subscribe(() => {\n                    this._handleMenuItemSelection(menuItem);\n                })\n            );\n        });\n    }\n\n    /** @hidden */\n    private _handleMenuItemSelection(menuItem: MenuItemComponent): void {\n        if (!this.mainAction || !this.mainAction.keepMainAction) {\n            this.selected = menuItem;\n            this.menu._menuItems.forEach((item) => {\n                item.setSelected(false, true);\n            });\n            menuItem.setSelected(true, true);\n            this.titleTemplate = null;\n            this.mainActionTitle = menuItem.menuItemTitle.title;\n            this._cdRef.detectChanges();\n        }\n    }\n\n    /** @hidden */\n    private _setupMenuSubscription(): void {\n        this._menuSubscription = this.menu._menuItems.changes.subscribe(() => {\n            this._menuItemSubscriptions.unsubscribe();\n            this._menuItemSubscriptions.closed = false;\n            this._setupMenuItemSubscriptions();\n        });\n        // call markForCheck once menu open state gets changed\n        this._menuSubscription.add(this.menu.isOpenChange.subscribe(() => this._cdRef.markForCheck()));\n    }\n\n    /** @hidden */\n    private _handleMainActionObject(): void {\n        if (this.mainAction && typeof this.mainAction.mainActionTitle === 'string') {\n            this.mainActionTitle = this.mainAction.mainActionTitle;\n        } else if (this.mainAction && this.mainAction.mainActionTitle instanceof TemplateRef) {\n            this.titleTemplate = this.mainAction.mainActionTitle;\n        }\n    }\n\n    /** @hidden */\n    private _addButtonTextClass = (compact: boolean): void => {\n        const textSpanElement = this.mainActionBtn?.nativeElement.querySelector('.fd-button__text');\n        if (!textSpanElement) {\n            return;\n        }\n        splitButtonTextClasses.forEach((_class) => this._renderer.removeClass(textSpanElement, _class));\n        this._renderer.addClass(textSpanElement, splitButtonTextClass);\n    };\n\n    /** @hidden */\n    private _focusTriggerElement(): void {\n        this.menuActionBtn?.nativeElement.focus();\n    }\n}\n","<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]=\"'coreSplitButton.expandButtonAriaLabel' | fdTranslate\"\n        [attr.title]=\"expandButtonTitle || 'coreSplitButton.expandButtonAriaLabel' | fdTranslate\"\n        [class.is-active]=\"menu.isOpen\"\n    ></button>\n    <ng-content select=\"fd-menu\"></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { SplitButtonComponent } from './split-button.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { I18nModule } from '@fundamental-ngx/i18n';\nimport { SplitButtonActionTitle } from './split-button-utils/split-button.directives';\nimport { MenuModule } from '@fundamental-ngx/core/menu';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n    imports: [CommonModule, ButtonModule, MenuModule, ContentDensityModule, I18nModule],\n    declarations: [SplitButtonComponent, SplitButtonActionTitle],\n    exports: [SplitButtonComponent, SplitButtonActionTitle, ContentDensityModule]\n})\nexport class SplitButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-core-splitter.mjs

@@ -14,7 +14,7 @@ import { Subject, fromEvent, throttleTime, Subscription } from 'rxjs';
 import * as i1 from '@angular/cdk/scrolling';
 import { takeUntil, take, filter } from 'rxjs/operators';
 import * as i3$1 from '@fundamental-ngx/cdk/utils';
-import { warnOnce, KeyUtil } from '@fundamental-ngx/cdk/utils';
+import { KeyUtil } from '@fundamental-ngx/cdk/utils';
 import { DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';
 
 const PANE_AUTO_SIZE = 'auto';
@@ -158,17 +158,6 @@ class SplitterComponent {
     get defaultPaneId() {
         return this._defaultPaneId;
     }
-    /**
-     * @deprecated use i18n capabilities instead
-     * aria-label for the pagination item.
-     */
-    set paginationItemAriaLabel(value) {
-        warnOnce("Property paginationItemAriaLabel is deprecated. Use i18n capabilities 'coreSplitter.paginationItemAriaLabel' key instead.");
-        this._paginationItemAriaLabel = value;
-    }
-    get paginationItemAriaLabel() {
-        return this._paginationItemAriaLabel;
-    }
     /** Check whether certain pane is on canvas. */
     isPaneOnCanvas(paneId) {
         if (!this._panes.length) {
@@ -194,7 +183,7 @@ class SplitterComponent {
         paneToShow?.showOnCanvas();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-splitter{display:flex;flex-direction:row;height:100%;width:100%}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot,.fd-splitter__pane,.fd-splitter__pane-container,.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip-icon{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before,.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before,.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{-webkit-user-select:none;user-select:none}.fd-splitter__pane,.fd-splitter__pane-container{max-height:100%;max-width:100%}.fd-splitter .fd-splitter__pane-container{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.fd-splitter .fd-splitter__pane-container--horizontal{flex-direction:column}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer{border-left:none;border-right:none;cursor:row-resize;height:1rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:.0625rem;min-width:4rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(90deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(270deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:row-resize;max-height:1.5rem;max-width:2rem;min-width:2rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-top:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical{flex-direction:row}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer{border-bottom:none;border-top:none;cursor:col-resize;flex-direction:column;width:1rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{min-height:4rem;width:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(180deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(0deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:col-resize;max-height:2rem;max-width:1.5rem;min-width:1.5rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon[dir=rtl],[dir=rtl] .fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:0;margin-right:.0625rem}.fd-splitter__split-pane{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:column;flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter .fd-splitter__resizer{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SplitterComponent, selector: "fd-splitter", inputs: { defaultPaneId: "defaultPaneId" }, 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.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-splitter{display:flex;flex-direction:row;height:100%;width:100%}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot,.fd-splitter__pane,.fd-splitter__pane-container,.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip-icon{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before,.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before,.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{-webkit-user-select:none;user-select:none}.fd-splitter__pane,.fd-splitter__pane-container{max-height:100%;max-width:100%}.fd-splitter .fd-splitter__pane-container{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.fd-splitter .fd-splitter__pane-container--horizontal{flex-direction:column}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer{border-left:none;border-right:none;cursor:row-resize;height:1rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:.0625rem;min-width:4rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(90deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(270deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:row-resize;max-height:1.5rem;max-width:2rem;min-width:2rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-top:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical{flex-direction:row}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer{border-bottom:none;border-top:none;cursor:col-resize;flex-direction:column;width:1rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{min-height:4rem;width:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(180deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(0deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:col-resize;max-height:2rem;max-width:1.5rem;min-width:1.5rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon[dir=rtl],[dir=rtl] .fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:0;margin-right:.0625rem}.fd-splitter__split-pane{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:column;flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter .fd-splitter__resizer{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--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: "16.1.0", ngImport: i0, type: SplitterComponent, decorators: [{
             type: Component,
@@ -204,18 +193,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                 args: [SplitterSplitPaneComponent, { descendants: true }]
             }], defaultPaneId: [{
                 type: Input
-            }], paginationItemAriaLabel: [{
-                type: Input
             }] } });
 
 class SplitterPaginationComponent {
-    /**
-     * @hidden
-     * @deprecated use i18n capabilities instead
-     */
-    get paginationItemAriaLabel() {
-        return this._splitter.paginationItemAriaLabel;
-    }
     /** @Hidden */
     constructor(_splitter) {
         this._splitter = _splitter;
@@ -233,14 +213,14 @@ class SplitterPaginationComponent {
         this.onPageChange.emit(this.currentPage);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SplitterPaginationComponent, deps: [{ token: SplitterComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SplitterPaginationComponent, selector: "fd-splitter-pagination", inputs: { pages: "pages", currentPage: "currentPage" }, outputs: { onPageChange: "onPageChange" }, host: { properties: { "attr.role": "\"radiogroup\"" }, classAttribute: "fd-splitter__pagination" }, ngImport: i0, template: "<button\n    *ngFor=\"let page of pages\"\n    fd-button\n    fdType=\"transparent\"\n    class=\"fd-splitter__pagination-item\"\n    [class.fd-splitter__pagination-item--active]=\"page === currentPage\"\n    role=\"radio\"\n    [attr.aria-label]=\"paginationItemAriaLabel || ('coreSplitter.paginationItemAriaLabel' | fdTranslate)\"\n    [attr.aria-checked]=\"page === currentPage\"\n    (click)=\"_changePage(page)\"\n    (keydown.enter)=\"_changePage(page)\"\n>\n    <span class=\"fd-splitter__pagination-item-dot\"></span>\n</button>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i4$1.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SplitterPaginationComponent, selector: "fd-splitter-pagination", inputs: { pages: "pages", currentPage: "currentPage" }, outputs: { onPageChange: "onPageChange" }, host: { properties: { "attr.role": "\"radiogroup\"" }, classAttribute: "fd-splitter__pagination" }, ngImport: i0, template: "<button\n    *ngFor=\"let page of pages\"\n    fd-button\n    fdType=\"transparent\"\n    class=\"fd-splitter__pagination-item\"\n    [class.fd-splitter__pagination-item--active]=\"page === currentPage\"\n    role=\"radio\"\n    [attr.aria-label]=\"'coreSplitter.paginationItemAriaLabel' | fdTranslate\"\n    [attr.aria-checked]=\"page === currentPage\"\n    (click)=\"_changePage(page)\"\n    (keydown.enter)=\"_changePage(page)\"\n>\n    <span class=\"fd-splitter__pagination-item-dot\"></span>\n</button>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i4$1.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SplitterPaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-splitter-pagination', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-splitter__pagination',
                         '[attr.role]': '"radiogroup"'
-                    }, template: "<button\n    *ngFor=\"let page of pages\"\n    fd-button\n    fdType=\"transparent\"\n    class=\"fd-splitter__pagination-item\"\n    [class.fd-splitter__pagination-item--active]=\"page === currentPage\"\n    role=\"radio\"\n    [attr.aria-label]=\"paginationItemAriaLabel || ('coreSplitter.paginationItemAriaLabel' | fdTranslate)\"\n    [attr.aria-checked]=\"page === currentPage\"\n    (click)=\"_changePage(page)\"\n    (keydown.enter)=\"_changePage(page)\"\n>\n    <span class=\"fd-splitter__pagination-item-dot\"></span>\n</button>\n" }]
+                    }, template: "<button\n    *ngFor=\"let page of pages\"\n    fd-button\n    fdType=\"transparent\"\n    class=\"fd-splitter__pagination-item\"\n    [class.fd-splitter__pagination-item--active]=\"page === currentPage\"\n    role=\"radio\"\n    [attr.aria-label]=\"'coreSplitter.paginationItemAriaLabel' | fdTranslate\"\n    [attr.aria-checked]=\"page === currentPage\"\n    (click)=\"_changePage(page)\"\n    (keydown.enter)=\"_changePage(page)\"\n>\n    <span class=\"fd-splitter__pagination-item-dot\"></span>\n</button>\n" }]
         }], ctorParameters: function () { return [{ type: SplitterComponent }]; }, propDecorators: { pages: [{
                 type: Input
             }], currentPage: [{