@fundamental-ngx/core 0.37.2-rc.0 → 0.37.2

package/fesm2015/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    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, takeUntil, 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 { DestroyedService } from '@fundamental-ngx/core/utils';\n\nexport const splitButtonTextClass = 'fd-button-split__text';\nexport const splitButtonTextCompactClass = 'fd-button-split__text--compact';\nconst splitButtonTextClasses = [splitButtonTextClass, splitButtonTextCompactClass];\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    mainActionTitle: string;\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    expandButtonAriaLabel: string;\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 _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 _destroy$: DestroyedService,\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), takeUntil(this._destroy$))\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        if (compact) {\n            this._renderer.addClass(textSpanElement, splitButtonTextCompactClass);\n        } else {\n            this._renderer.addClass(textSpanElement, splitButtonTextClass);\n        }\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 './public_api';\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/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    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, takeUntil, 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 { DestroyedService } from '@fundamental-ngx/core/utils';\n\nexport const splitButtonTextClass = 'fd-button-split__text';\nexport const splitButtonTextCompactClass = 'fd-button-split__text--compact';\nconst splitButtonTextClasses = [splitButtonTextClass, splitButtonTextCompactClass];\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    mainActionTitle: string;\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    expandButtonAriaLabel: string;\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 _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 _destroy$: DestroyedService,\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), takeUntil(this._destroy$))\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        if (compact) {\n            this._renderer.addClass(textSpanElement, splitButtonTextCompactClass);\n        } else {\n            this._renderer.addClass(textSpanElement, splitButtonTextClass);\n        }\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 './public_api';\n"],"names":[],"mappings":"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"}

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

@@ -121,9 +121,9 @@ class SplitterSplitPaneComponent {
         }
     }
 }
-SplitterSplitPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterSplitPaneComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.ViewportRuler }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SplitterSplitPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: SplitterSplitPaneComponent, selector: "fd-splitter-split-pane", inputs: { size: "size", id: "id", requiredParentWidth: "requiredParentWidth", demandPane: "demandPane" }, outputs: { toggleOnCanvas: "toggleOnCanvas" }, viewQueries: [{ propertyName: "_templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template>\n    <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterSplitPaneComponent, decorators: [{
+SplitterSplitPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterSplitPaneComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.ViewportRuler }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SplitterSplitPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: SplitterSplitPaneComponent, selector: "fd-splitter-split-pane", inputs: { size: "size", id: "id", requiredParentWidth: "requiredParentWidth", demandPane: "demandPane" }, outputs: { toggleOnCanvas: "toggleOnCanvas" }, viewQueries: [{ propertyName: "_templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template>\n    <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterSplitPaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-splitter-split-pane', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n    <ng-content></ng-content>\n</ng-template>\n" }]
         }], ctorParameters: function () {
@@ -186,11 +186,11 @@ class SplitterComponent {
         paneToShow === null || paneToShow === void 0 ? void 0 : paneToShow.showOnCanvas();
     }
 }
-SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: SplitterComponent, selector: "fd-splitter", inputs: { defaultPaneId: "defaultPaneId", paginationItemAriaLabel: "paginationItemAriaLabel" }, host: { classAttribute: "fd-splitter" }, queries: [{ propertyName: "_panes", predicate: SplitterSplitPaneComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@import\"~fundamental-styles/dist/splitter.css\";\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterComponent, decorators: [{
+SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: SplitterComponent, selector: "fd-splitter", inputs: { defaultPaneId: "defaultPaneId", paginationItemAriaLabel: "paginationItemAriaLabel" }, host: { classAttribute: "fd-splitter" }, queries: [{ propertyName: "_panes", predicate: SplitterSplitPaneComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-splitter{display:flex;flex-direction:row;height:100%;width:100%}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot,.fd-splitter__pane,.fd-splitter__pane-container,.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip-icon{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;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: "14.1.3", ngImport: i0, type: SplitterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-splitter', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'fd-splitter' }, template: "<ng-content></ng-content>\n", styles: ["@import\"~fundamental-styles/dist/splitter.css\";\n"] }]
+            args: [{ selector: 'fd-splitter', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'fd-splitter' }, template: "<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-splitter{display:flex;flex-direction:row;height:100%;width:100%}.fd-splitter,.fd-splitter__pagination,.fd-splitter__pagination-item-dot,.fd-splitter__pane,.fd-splitter__pane-container,.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip-icon{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-splitter:after,.fd-splitter:before,.fd-splitter__pagination-item-dot:after,.fd-splitter__pagination-item-dot:before,.fd-splitter__pagination:after,.fd-splitter__pagination:before,.fd-splitter__pane-container:after,.fd-splitter__pane-container:before,.fd-splitter__pane:after,.fd-splitter__pane:before,.fd-splitter__resizer-decoration-after:after,.fd-splitter__resizer-decoration-after:before,.fd-splitter__resizer-decoration-before:after,.fd-splitter__resizer-decoration-before:before,.fd-splitter__resizer-grip-icon:after,.fd-splitter__resizer-grip-icon:before,.fd-splitter__resizer:after,.fd-splitter__resizer:before{box-sizing:inherit;font-size:inherit}.fd-splitter__resizer,.fd-splitter__resizer-decoration-after,.fd-splitter__resizer-decoration-before,.fd-splitter__resizer-grip,.fd-splitter__resizer-grip-icon{-webkit-user-select:none;user-select:none}.fd-splitter__pane,.fd-splitter__pane-container{max-height:100%;max-width:100%}.fd-splitter .fd-splitter__pane-container{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.fd-splitter .fd-splitter__pane-container--horizontal{flex-direction:column}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer{border-left:none;border-right:none;cursor:row-resize;height:1rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{width:100%}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{height:.0625rem;min-width:4rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(90deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(270deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:row-resize;max-height:1.5rem;max-width:2rem;min-width:2rem}.fd-splitter .fd-splitter__pane-container--horizontal>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-top:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical{flex-direction:row}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer{border-bottom:none;border-top:none;cursor:col-resize;flex-direction:column;width:1rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-hover .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:hover .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus{z-index:5}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer.is-focus .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer:focus .fd-splitter__resizer-decoration-before{height:100%}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{min-height:4rem;width:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-before{background:linear-gradient(180deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-decoration-after{background:linear-gradient(0deg,transparent,var(--fdSplitter_Resizer_Decoration_Background))}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip{cursor:col-resize;max-height:2rem;max-width:1.5rem;min-width:1.5rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:.0625rem}.fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon[dir=rtl],[dir=rtl] .fd-splitter .fd-splitter__pane-container--vertical>.fd-splitter__resizer .fd-splitter__resizer-grip-icon{margin-left:0;margin-right:.0625rem}.fd-splitter__split-pane{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:column;flex-grow:1;overflow:auto;text-overflow:ellipsis}.fd-splitter .fd-splitter__resizer{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapShell_Background);border:var(--fdSplitter_Resizer_Border);display:flex;justify-content:center}.fd-splitter .fd-splitter__resizer.is-focus,.fd-splitter .fd-splitter__resizer:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.125rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-decoration-before{transition:all .1s ease-in}.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer.is-active .fd-splitter__resizer-decoration-before,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-after,.fd-splitter .fd-splitter__resizer:active .fd-splitter__resizer-decoration-before{background:var(--sapContent_Selected_ForegroundColor)}.fd-splitter .fd-splitter__resizer--translucent{background:var(--sapGroup_ContentBackground)}.fd-splitter .fd-splitter__resizer--transparent{background:transparent}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip{-webkit-box-shadow:none;-ms-flex-negative:0;border-width:var(--fdSplitter_Resizer_Grip_Border_Width);box-shadow:none;flex-shrink:0;outline:none}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-hover,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:hover{background:var(--sapButton_Lite_Background)}.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip.is-active,.fd-splitter .fd-splitter__resizer .fd-splitter__resizer-grip:active{background:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor)}.fd-splitter__pagination{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;align-items:center;background:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-splitter__pagination .fd-splitter__pagination-item{border-width:var(--fdSplitter_Pagination_Item_Border_Width)}.fd-splitter__pagination .fd-splitter__pagination-item.is-active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot,.fd-splitter__pagination .fd-splitter__pagination-item:active:not(.fd-splitter__pagination-item--active) .fd-splitter__pagination-item-dot{background:var(--sapButton_Active_TextColor)}.fd-splitter__pagination .fd-splitter__pagination-item-dot{background:var(--sapContent_NonInteractiveIconColor);border-radius:100%;height:.25rem;width:.25rem}.fd-splitter__pagination .fd-splitter__pagination-item--active .fd-splitter__pagination-item-dot{background:var(--sapSelectedColor);height:.5rem;width:.5rem}.fd-splitter__pagination .fd-splitter__pagination-item--active.is-active,.fd-splitter__pagination .fd-splitter__pagination-item--active:active{background:var(--sapButton_Lite_Hover_Background)}\n"] }]
         }], propDecorators: { defaultPaneId: [{
                 type: Input
             }], paginationItemAriaLabel: [{
@@ -226,9 +226,9 @@ class SplitterPaginationComponent {
         this.onPageChange.emit(this.currentPage);
     }
 }
-SplitterPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterPaginationComponent, deps: [{ token: SplitterComponent }], target: i0.ɵɵFactoryTarget.Component });
-SplitterPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", 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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterPaginationComponent, decorators: [{
+SplitterPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterPaginationComponent, deps: [{ token: SplitterComponent }], target: i0.ɵɵFactoryTarget.Component });
+SplitterPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterPaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-splitter-pagination', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-splitter__pagination',
@@ -391,9 +391,9 @@ class SplitterResizerComponent {
         }
     }
 }
-SplitterResizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterResizerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SplitterResizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: SplitterResizerComponent, selector: "fd-splitter-resizer", inputs: { orientation: "orientation" }, outputs: { startResize: "startResize", endResize: "endResize", resize: "resize" }, host: { listeners: { "mousedown": "_onMouseDown($event)", "keydown": "_onKeydown($event)", "focus": "_onFocus()", "blur": "_onBlur()" }, properties: { "class.is-active": "_start != null || _isInFocus", "tabindex": "0", "attr.role": "this._role", "attr.aria-orientation": "this._ariaOrientation" }, classAttribute: "fd-splitter__resizer" }, ngImport: i0, template: "<div class=\"fd-splitter__resizer-decoration-before\"></div>\n\n<button fd-button fdType=\"transparent\" tabindex=\"-1\" class=\"fd-splitter__resizer-grip\">\n    <fd-icon\n        class=\"fd-splitter__resizer-grip-icon\"\n        [glyph]=\"(_isVertical && 'vertical-grip') || (_isHorizontal && 'horizontal-grip')\"\n    ></fd-icon>\n</button>\n\n<div class=\"fd-splitter__resizer-decoration-after\"></div>\n", dependencies: [{ kind: "component", type: i1$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterResizerComponent, decorators: [{
+SplitterResizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterResizerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SplitterResizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: SplitterResizerComponent, selector: "fd-splitter-resizer", inputs: { orientation: "orientation" }, outputs: { startResize: "startResize", endResize: "endResize", resize: "resize" }, host: { listeners: { "mousedown": "_onMouseDown($event)", "keydown": "_onKeydown($event)", "focus": "_onFocus()", "blur": "_onBlur()" }, properties: { "class.is-active": "_start != null || _isInFocus", "tabindex": "0", "attr.role": "this._role", "attr.aria-orientation": "this._ariaOrientation" }, classAttribute: "fd-splitter__resizer" }, ngImport: i0, template: "<div class=\"fd-splitter__resizer-decoration-before\"></div>\n\n<button fd-button fdType=\"transparent\" tabindex=\"-1\" class=\"fd-splitter__resizer-grip\">\n    <fd-icon\n        class=\"fd-splitter__resizer-grip-icon\"\n        [glyph]=\"(_isVertical && 'vertical-grip') || (_isHorizontal && 'horizontal-grip')\"\n    ></fd-icon>\n</button>\n\n<div class=\"fd-splitter__resizer-decoration-after\"></div>\n", dependencies: [{ kind: "component", type: i1$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterResizerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-splitter-resizer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-splitter__resizer',
@@ -716,9 +716,9 @@ class SplitterPaneContainerComponent {
         return this._elementRef.nativeElement.querySelector(`#${paneId}`);
     }
 }
-SplitterPaneContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterPaneContainerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: SplitterComponent }, { token: i1.ViewportRuler }, { token: i3$1.RtlService, optional: true }, { token: SplitterPaneContainerComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-SplitterPaneContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: SplitterPaneContainerComponent, selector: "fd-splitter-pane-container", inputs: { orientation: "orientation" }, outputs: { resize: "resize" }, host: { properties: { "class.fd-splitter__pane-container--horizontal": "!_isRootContainer && _isHorizontal", "class.fd-splitter__pane-container--vertical": "_isRootContainer || _isVertical" }, classAttribute: "fd-splitter__pane-container" }, queries: [{ propertyName: "_panes", predicate: SplitterSplitPaneComponent, descendants: true }, { propertyName: "_directPanes", predicate: SplitterSplitPaneComponent }], ngImport: i0, template: "<ng-container *ngIf=\"_isRootContainer; else panesOnCanvasTemplate\">\n    <ng-container *ngIf=\"_defaultPane?.isOnCanvas && _activePanes.length > 1\">\n        <ng-container\n            *ngTemplateOutlet=\"panesTemplate; context: { panes: [_defaultPane], showResizer: true }\"\n        ></ng-container>\n    </ng-container>\n\n    <div class=\"fd-splitter__split-pane\">\n        <div\n            class=\"fd-splitter__pane-container\"\n            [class.fd-splitter__pane-container--horizontal]=\"!_isRootContainer && _isHorizontal\"\n            [class.fd-splitter__pane-container--vertical]=\"_isRootContainer || _isVertical\"\n        >\n            <ng-container\n                *ngTemplateOutlet=\"\n                    panesTemplate;\n                    context: {\n                        panes: _activePanes | noDefaultPane: _defaultPane?.isOnCanvas && _activePanes.length > 1\n                    }\n                \"\n            ></ng-container>\n        </div>\n\n        <fd-splitter-pagination\n            *ngIf=\"_pages.length\"\n            [pages]=\"_pages\"\n            [currentPage]=\"_currentPage\"\n            (onPageChange)=\"_onPageChange($event)\"\n        ></fd-splitter-pagination>\n    </div>\n</ng-container>\n\n<ng-template #panesOnCanvasTemplate>\n    <ng-container *ngTemplateOutlet=\"panesTemplate; context: { panes: _panesOnCanvas }\"></ng-container>\n</ng-template>\n\n<!-- IDE won't recognize types properly below -->\n\n<ng-template #panesTemplate let-panes=\"panes\" let-showResizer=\"showResizer\">\n    <ng-container *ngFor=\"let pane of panes; let last = last\">\n        <section [id]=\"pane.id\" class=\"fd-splitter__split-pane\" [style]=\"_getPaneStyles(pane)\">\n            <ng-template [cdkPortalOutlet]=\"pane._content\"></ng-template>\n        </section>\n\n        <fd-splitter-resizer\n            *ngIf=\"!last || showResizer\"\n            [orientation]=\"orientation\"\n            (startResize)=\"_startResize()\"\n            (endResize)=\"_endResize()\"\n            (resize)=\"_onResize(pane.id, $event)\"\n        ></fd-splitter-resizer>\n    </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i4.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.CdkPortalOutlet; }), selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i0.forwardRef(function () { return SplitterResizerComponent; }), selector: "fd-splitter-resizer", inputs: ["orientation"], outputs: ["startResize", "endResize", "resize"] }, { kind: "component", type: i0.forwardRef(function () { return SplitterPaginationComponent; }), selector: "fd-splitter-pagination", inputs: ["pages", "currentPage"], outputs: ["onPageChange"] }, { kind: "pipe", type: i0.forwardRef(function () { return NoDefaultPanePipe; }), name: "noDefaultPane" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterPaneContainerComponent, decorators: [{
+SplitterPaneContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterPaneContainerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: SplitterComponent }, { token: i1.ViewportRuler }, { token: i3$1.RtlService, optional: true }, { token: SplitterPaneContainerComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+SplitterPaneContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: SplitterPaneContainerComponent, selector: "fd-splitter-pane-container", inputs: { orientation: "orientation" }, outputs: { resize: "resize" }, host: { properties: { "class.fd-splitter__pane-container--horizontal": "!_isRootContainer && _isHorizontal", "class.fd-splitter__pane-container--vertical": "_isRootContainer || _isVertical" }, classAttribute: "fd-splitter__pane-container" }, queries: [{ propertyName: "_panes", predicate: SplitterSplitPaneComponent, descendants: true }, { propertyName: "_directPanes", predicate: SplitterSplitPaneComponent }], ngImport: i0, template: "<ng-container *ngIf=\"_isRootContainer; else panesOnCanvasTemplate\">\n    <ng-container *ngIf=\"_defaultPane?.isOnCanvas && _activePanes.length > 1\">\n        <ng-container\n            *ngTemplateOutlet=\"panesTemplate; context: { panes: [_defaultPane], showResizer: true }\"\n        ></ng-container>\n    </ng-container>\n\n    <div class=\"fd-splitter__split-pane\">\n        <div\n            class=\"fd-splitter__pane-container\"\n            [class.fd-splitter__pane-container--horizontal]=\"!_isRootContainer && _isHorizontal\"\n            [class.fd-splitter__pane-container--vertical]=\"_isRootContainer || _isVertical\"\n        >\n            <ng-container\n                *ngTemplateOutlet=\"\n                    panesTemplate;\n                    context: {\n                        panes: _activePanes | noDefaultPane: _defaultPane?.isOnCanvas && _activePanes.length > 1\n                    }\n                \"\n            ></ng-container>\n        </div>\n\n        <fd-splitter-pagination\n            *ngIf=\"_pages.length\"\n            [pages]=\"_pages\"\n            [currentPage]=\"_currentPage\"\n            (onPageChange)=\"_onPageChange($event)\"\n        ></fd-splitter-pagination>\n    </div>\n</ng-container>\n\n<ng-template #panesOnCanvasTemplate>\n    <ng-container *ngTemplateOutlet=\"panesTemplate; context: { panes: _panesOnCanvas }\"></ng-container>\n</ng-template>\n\n<!-- IDE won't recognize types properly below -->\n\n<ng-template #panesTemplate let-panes=\"panes\" let-showResizer=\"showResizer\">\n    <ng-container *ngFor=\"let pane of panes; let last = last\">\n        <section [id]=\"pane.id\" class=\"fd-splitter__split-pane\" [style]=\"_getPaneStyles(pane)\">\n            <ng-template [cdkPortalOutlet]=\"pane._content\"></ng-template>\n        </section>\n\n        <fd-splitter-resizer\n            *ngIf=\"!last || showResizer\"\n            [orientation]=\"orientation\"\n            (startResize)=\"_startResize()\"\n            (endResize)=\"_endResize()\"\n            (resize)=\"_onResize(pane.id, $event)\"\n        ></fd-splitter-resizer>\n    </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i4.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.CdkPortalOutlet; }), selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i0.forwardRef(function () { return SplitterResizerComponent; }), selector: "fd-splitter-resizer", inputs: ["orientation"], outputs: ["startResize", "endResize", "resize"] }, { kind: "component", type: i0.forwardRef(function () { return SplitterPaginationComponent; }), selector: "fd-splitter-pagination", inputs: ["pages", "currentPage"], outputs: ["onPageChange"] }, { kind: "pipe", type: i0.forwardRef(function () { return NoDefaultPanePipe; }), name: "noDefaultPane" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterPaneContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-splitter-pane-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-splitter__pane-container',
@@ -757,17 +757,17 @@ class NoDefaultPanePipe {
         return value.filter((pane) => { var _a; return pane.id !== ((_a = this._splitterPaneContainer._defaultPane) === null || _a === void 0 ? void 0 : _a.id); });
     }
 }
-NoDefaultPanePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NoDefaultPanePipe, deps: [{ token: SplitterPaneContainerComponent }], target: i0.ɵɵFactoryTarget.Pipe });
-NoDefaultPanePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: NoDefaultPanePipe, name: "noDefaultPane" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NoDefaultPanePipe, decorators: [{
+NoDefaultPanePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NoDefaultPanePipe, deps: [{ token: SplitterPaneContainerComponent }], target: i0.ɵɵFactoryTarget.Pipe });
+NoDefaultPanePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: NoDefaultPanePipe, name: "noDefaultPane" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NoDefaultPanePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'noDefaultPane' }]
         }], ctorParameters: function () { return [{ type: SplitterPaneContainerComponent }]; } });
 
 class SplitterModule {
 }
-SplitterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SplitterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: SplitterModule, declarations: [SplitterComponent,
+SplitterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SplitterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: SplitterModule, declarations: [SplitterComponent,
         SplitterPaneContainerComponent,
         SplitterSplitPaneComponent,
         SplitterResizerComponent,
@@ -778,8 +778,8 @@ SplitterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         SplitterResizerComponent,
         SplitterPaginationComponent,
         NoDefaultPanePipe] });
-SplitterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterModule, imports: [CommonModule, IconModule, ButtonModule, PortalModule, I18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SplitterModule, decorators: [{
+SplitterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterModule, imports: [CommonModule, IconModule, ButtonModule, PortalModule, I18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SplitterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [