import * as i0 from '@angular/core';
import { Directive, input, viewChild, ViewContainerRef, contentChildren, signal, computed, inject, Renderer2, HostListener, ChangeDetectionStrategy, ViewEncapsulation, Component, booleanAttribute, NgModule } from '@angular/core';
import { RtlService, InitialFocusDirective } from '@fundamental-ngx/cdk/utils';
import { BarComponent, BarElementDirective, BarLeftDirective } from '@fundamental-ngx/core/bar';
import { ButtonComponent } from '@fundamental-ngx/core/button';
import { ListItemComponent } from '@fundamental-ngx/core/list';
import { TitleComponent } from '@fundamental-ngx/core/title';

class SettingsDetailAreaDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsDetailAreaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SettingsDetailAreaDirective, isStandalone: true, selector: "[fd-settings-detail-area]", host: { classAttribute: "fd-settings__detail-area" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsDetailAreaDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-detail-area]',
                    host: {
                        class: 'fd-settings__detail-area'
                    },
                    standalone: true
                }]
        }] });

class SettingsHeaderButtonDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsHeaderButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SettingsHeaderButtonDirective, isStandalone: true, selector: "[fd-settings-header-button]", ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsHeaderButtonDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-header-button]',
                    standalone: true
                }]
        }] });

class SettingsHeaderDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SettingsHeaderDirective, isStandalone: true, selector: "[fd-settings-header]", host: { classAttribute: "fd-settings__header" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsHeaderDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-header]',
                    host: {
                        class: 'fd-settings__header'
                    },
                    standalone: true
                }]
        }] });

var VIEW_MODE;
(function (VIEW_MODE) {
    VIEW_MODE["LG"] = "lg";
    VIEW_MODE["MD"] = "md";
    VIEW_MODE["SM"] = "sm";
})(VIEW_MODE || (VIEW_MODE = {}));
class SettingsContainerComponent {
    /** @hidden */
    constructor() {
        /**
         * Heading level for the title in the Details Area
         * Default value is 2
         * Acceptable values: number 1 | 2 | 3 | 4 | 5 | 6
         */
        this.detailsAreaTitleHeading = input(2, ...(ngDevMode ? [{ debugName: "detailsAreaTitleHeading" }] : []));
        /**
         * Heading level display size for the title in the Details Area (controls the font size)
         * Default value is 5
         * Acceptable values: number 1 | 2 | 3 | 4 | 5 | 6
         */
        this.detailsAreaTitleHeadingSize = input(5, ...(ngDevMode ? [{ debugName: "detailsAreaTitleHeadingSize" }] : []));
        /**
         * aria-label and title value for the back button
         */
        this.backBtnAriaLabel = input('', ...(ngDevMode ? [{ debugName: "backBtnAriaLabel" }] : []));
        /** @hidden */
        this.viewContainer = viewChild('container', { ...(ngDevMode ? { debugName: "viewContainer" } : {}), read: ViewContainerRef });
        /** @hidden */
        this.listItems = contentChildren(ListItemComponent, { ...(ngDevMode ? { debugName: "listItems" } : {}), descendants: true });
        /** @hidden */
        this.activeListItem = signal(null, ...(ngDevMode ? [{ debugName: "activeListItem" }] : []));
        /** @hidden */
        this.viewMode = signal(VIEW_MODE.LG, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
        /** @hidden */
        this.screenWidth = signal(window.innerWidth, ...(ngDevMode ? [{ debugName: "screenWidth" }] : []));
        /** @hidden */
        this.showListArea = signal(true, ...(ngDevMode ? [{ debugName: "showListArea" }] : []));
        /** @hidden */
        this.showDetailArea = signal(true, ...(ngDevMode ? [{ debugName: "showDetailArea" }] : []));
        /** @hidden */
        this.activeTitle = signal('', ...(ngDevMode ? [{ debugName: "activeTitle" }] : []));
        /**
         * Handle the navigation icon (arrow) of the Back button in RTL mode
         */
        this.navigationArrow = computed(() => this._rtlService?.rtl() ? 'navigation-right-arrow' : 'navigation-left-arrow', ...(ngDevMode ? [{ debugName: "navigationArrow" }] : []));
        /** @hidden */
        this._eventUnlisteners = [];
        /** @hidden */
        this._rtlService = inject(RtlService, { optional: true });
        /** @hidden */
        this._renderer = inject(Renderer2);
        this._updateViewMode();
    }
    /** @hidden */
    onWindowResize() {
        this.screenWidth.set(window.innerWidth);
        this._updateViewMode();
    }
    /** @hidden */
    ngAfterViewInit() {
        this._updateViewMode();
        this._setupListItemListeners();
        if (this.showListArea()) {
            this._focusInitialListItem();
        }
    }
    /** @hidden */
    ngOnDestroy() {
        this._eventUnlisteners.forEach((unlistener) => unlistener());
    }
    /** @hidden */
    onHeaderBackClick() {
        if (this.viewMode() !== VIEW_MODE.LG) {
            this.showListArea.set(true);
            this.showDetailArea.set(false);
            /**  The timeout is to ensure any keyboard events are fully processed before focusing the list item. This prevents the Enter key that triggered the back button from accidentally activating the newly focused list item. */
            setTimeout(() => this._focusInitialListItem(), 200);
        }
    }
    /** @hidden */
    _updateViewMode() {
        const screenWidth = this.screenWidth();
        if (screenWidth < 600) {
            this.viewMode.set(VIEW_MODE.SM);
        }
        else if (screenWidth < 1024) {
            this.viewMode.set(VIEW_MODE.MD);
        }
        else {
            this.viewMode.set(VIEW_MODE.LG);
        }
        const isLargeView = this.viewMode() === VIEW_MODE.LG;
        this.showListArea.set(true);
        this.showDetailArea.set(isLargeView);
        if (isLargeView && this.activeListItem()) {
            queueMicrotask(() => this._renderTemplate());
        }
    }
    /** @hidden */
    _setupListItemListeners() {
        this.listItems().forEach((item) => {
            if (item.selected) {
                this.activeListItem.set(item);
                this._updateActiveTitle(item);
                this._renderTemplate();
            }
            this._eventUnlisteners.push(this._renderer.listen(item.elementRef.nativeElement, 'click', () => {
                const currentActiveItem = this.activeListItem();
                if (currentActiveItem) {
                    currentActiveItem.selected = false;
                }
                this.activeListItem.set(item);
                const newActiveItem = this.activeListItem();
                if (newActiveItem) {
                    newActiveItem.selected = true;
                    this._updateActiveTitle(newActiveItem);
                }
                if (this.viewMode() !== VIEW_MODE.LG) {
                    this.showListArea.set(false);
                    this.showDetailArea.set(true);
                    setTimeout(() => this._renderTemplate());
                }
                this._renderTemplate();
            }));
        });
    }
    /** @hidden */
    _renderTemplate() {
        const template = this.activeListItem()?.settingsListTpl();
        if (this.viewContainer() && template) {
            this.viewContainer()?.clear();
            this.viewContainer()?.createEmbeddedView(template);
        }
    }
    /** @hidden */
    _updateActiveTitle(item) {
        const titleEl = item.elementRef.nativeElement.querySelector('[fd-list-title]');
        const titleText = titleEl?.textContent?.trim() || '';
        this.activeTitle.set(titleText);
    }
    /** @hidden */
    _focusInitialListItem() {
        queueMicrotask(() => {
            const items = this.listItems();
            if (!items?.length) {
                return;
            }
            const selectedItem = items.find((item) => item.selected);
            const itemToFocus = selectedItem ?? items[0];
            // setTimeout is needed so that the focus outline is displayed, o.w. the item is focussed, the tabindex is updated, but without the timeout the focus is not shown.
            setTimeout(() => {
                const el = itemToFocus.elementRef.nativeElement;
                el.focus();
            });
        });
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: SettingsContainerComponent, isStandalone: true, selector: "fd-settings-container", inputs: { detailsAreaTitleHeading: { classPropertyName: "detailsAreaTitleHeading", publicName: "detailsAreaTitleHeading", isSignal: true, isRequired: false, transformFunction: null }, detailsAreaTitleHeadingSize: { classPropertyName: "detailsAreaTitleHeadingSize", publicName: "detailsAreaTitleHeadingSize", isSignal: true, isRequired: false, transformFunction: null }, backBtnAriaLabel: { classPropertyName: "backBtnAriaLabel", publicName: "backBtnAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "class.fd-settings__container--md": "viewMode() === \"md\"", "class.fd-settings__container--sm": "viewMode() === \"sm\"" }, classAttribute: "fd-settings__container" }, queries: [{ propertyName: "listItems", predicate: ListItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "@if (this.showListArea()) {\n    <ng-content select=\"[fd-settings-list-area]\"></ng-content>\n}\n@if (this.showDetailArea()) {\n    <div fd-settings-detail-area style=\"max-width: 100%; overflow: hidden\">\n        <div fd-bar barDesign=\"header\" [clear]=\"true\" fd-settings-header>\n            <div fd-bar-left>\n                @if (viewMode() !== 'lg') {\n                    <fd-bar-element>\n                        <button\n                            fd-button\n                            fd-settings-header-button\n                            fdkInitialFocus\n                            fdType=\"transparent\"\n                            [glyph]=\"navigationArrow()\"\n                            [ariaLabel]=\"backBtnAriaLabel()\"\n                            [title]=\"backBtnAriaLabel()\"\n                            (click)=\"onHeaderBackClick()\"\n                        ></button>\n                    </fd-bar-element>\n                }\n                <fd-bar-element>\n                    <div\n                        role=\"heading\"\n                        [attr.aria-level]=\"detailsAreaTitleHeading()\"\n                        fd-title\n                        [headerSize]=\"detailsAreaTitleHeadingSize()\"\n                    >\n                        {{ activeTitle() }}\n                    </div>\n                </fd-bar-element>\n            </div>\n        </div>\n        <ng-container #container />\n    </div>\n}\n", styles: ["@charset \"UTF-8\";.fd-settings .fd-settings__dialog-content{height:var(--fdSettings_Dialog_Content_Height,42.5rem);max-height:var(--fdSettings_Dialog_Content_Max_Height,42.5rem);max-width:var(--fdSettings_Dialog_Content_Max_Width,60rem);min-height:var(--fdSettings_Dialog_Content_Min_Height,42.5rem);min-width:var(--fdSettings_Dialog_Content_Min_Width,60rem)}.fd-settings .fd-settings__dialog-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-block:0;padding-inline:0}.fd-settings .fd-settings__list:is(:first-child){overflow-y:auto}.fd-settings .fd-settings__list a:after{content:var(--fdSettings_List_Nav_Indicator_Content,none)}.fd-settings .fd-settings__list--footer{border-top:.0625rem solid var(--sapList_BorderColor)}.fd-settings .fd-settings__tab-bar{height:100%;overflow-y:hidden}.fd-settings .fd-settings__header{-webkit-margin-before:var(--fdSettings_Header_Margin_Top,1rem);margin-block-start:var(--fdSettings_Header_Margin_Top,1rem)}.fd-settings__list-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:var(--fdSettings_List_Area_Width,20rem);min-width:var(--fdSettings_List_Area_Width,20rem);width:var(--fdSettings_List_Area_Width,20rem);-webkit-border-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor));border-inline-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor))}.fd-settings__list-area:after,.fd-settings__list-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;height:100%;justify-content:space-between;overflow:hidden;position:relative}.fd-settings__list-container:after,.fd-settings__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.fd-settings__detail-area:after,.fd-settings__detail-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area:has(.fd-settings__tab-bar) .fd-settings__header{--fdBar_Shadow:none}.fd-settings__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow-y:auto;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem;width:100%}.fd-settings__content:after,.fd-settings__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__content--no-padding{padding-block:0;padding-inline:0}.fd-settings__content--no-background{background:transparent}.fd-settings__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.fd-settings__container:after,.fd-settings__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings:has(.fd-settings__container--sm){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:100%;--fdSettings_Dialog_Content_Min_Height:100%;--fdSettings_Dialog_Content_Max_Width:100%;--fdSettings_Dialog_Content_Max_Height:100%;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-content{border-radius:0;-webkit-box-shadow:none;box-shadow:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-body{border-radius:0}.fd-settings:has(.fd-settings__container--md){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:80%;--fdSettings_Dialog_Content_Min_Height:88%;--fdSettings_Dialog_Content_Max_Width:40rem;--fdSettings_Dialog_Content_Max_Height:42.5rem;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--lg),.fd-settings:has(.fd-settings__container--xl){--fdSettings_List_Area_Width:20rem;--fdSettings_Header_Margin_Top:1rem;--fdSettings_List_Nav_Indicator_Content:none;--fdSettings_Dialog_Content_Min_Width:60rem;--fdSettings_Dialog_Content_Min_Height:42.5rem;--fdSettings_Dialog_Content_Max_Width:60rem;--fdSettings_Dialog_Content_Max_Height:42.5rem}.fd-settings__detail-area{max-width:100%;overflow:hidden}.fd-settings__profile-card{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card:before,.fd-settings__profile-card:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card{width:100%;gap:.25rem;display:flex;max-width:100%;align-items:center;flex-direction:column;overflow:hidden;padding-block:2.5rem 1rem}.fd-settings__profile-card button{margin-block-start:.25rem}.fd-settings__profile-card-name{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-name:before,.fd-settings__profile-card-name:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-name{line-height:1.4rem;white-space:normal;word-break:break-all;color:var(--sapTextColor);margin-block-start:.25rem;font-size:var(--sapFontLargeSize);font-family:var(--sapFontSemiboldDuplexFamily)}.fd-settings__profile-card-subline{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-subline:before,.fd-settings__profile-card-subline:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-subline{word-break:break-all;color:var(--sapContent_LabelColor)}.fd-settings__content-container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__content-container:before,.fd-settings__content-container:after{box-sizing:inherit;font-size:inherit}@media(max-width:600px){.fd-dialog__footer.fd-bar{border-bottom-left-radius:0;border-bottom-right-radius:0}}\n/*! Bundled license information:\n\nfundamental-styles/dist/settings.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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*/\n"], dependencies: [{ kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: SettingsHeaderButtonDirective, selector: "[fd-settings-header-button]" }, { kind: "directive", type: SettingsHeaderDirective, selector: "[fd-settings-header]" }, { kind: "directive", type: SettingsDetailAreaDirective, selector: "[fd-settings-detail-area]" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsContainerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'fd-settings-container', host: {
                        class: 'fd-settings__container',
                        '[class.fd-settings__container--md]': 'viewMode() === "md"',
                        '[class.fd-settings__container--sm]': 'viewMode() === "sm"'
                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                        BarComponent,
                        BarElementDirective,
                        BarLeftDirective,
                        SettingsHeaderButtonDirective,
                        SettingsHeaderDirective,
                        SettingsDetailAreaDirective,
                        ButtonComponent,
                        TitleComponent,
                        InitialFocusDirective
                    ], template: "@if (this.showListArea()) {\n    <ng-content select=\"[fd-settings-list-area]\"></ng-content>\n}\n@if (this.showDetailArea()) {\n    <div fd-settings-detail-area style=\"max-width: 100%; overflow: hidden\">\n        <div fd-bar barDesign=\"header\" [clear]=\"true\" fd-settings-header>\n            <div fd-bar-left>\n                @if (viewMode() !== 'lg') {\n                    <fd-bar-element>\n                        <button\n                            fd-button\n                            fd-settings-header-button\n                            fdkInitialFocus\n                            fdType=\"transparent\"\n                            [glyph]=\"navigationArrow()\"\n                            [ariaLabel]=\"backBtnAriaLabel()\"\n                            [title]=\"backBtnAriaLabel()\"\n                            (click)=\"onHeaderBackClick()\"\n                        ></button>\n                    </fd-bar-element>\n                }\n                <fd-bar-element>\n                    <div\n                        role=\"heading\"\n                        [attr.aria-level]=\"detailsAreaTitleHeading()\"\n                        fd-title\n                        [headerSize]=\"detailsAreaTitleHeadingSize()\"\n                    >\n                        {{ activeTitle() }}\n                    </div>\n                </fd-bar-element>\n            </div>\n        </div>\n        <ng-container #container />\n    </div>\n}\n", styles: ["@charset \"UTF-8\";.fd-settings .fd-settings__dialog-content{height:var(--fdSettings_Dialog_Content_Height,42.5rem);max-height:var(--fdSettings_Dialog_Content_Max_Height,42.5rem);max-width:var(--fdSettings_Dialog_Content_Max_Width,60rem);min-height:var(--fdSettings_Dialog_Content_Min_Height,42.5rem);min-width:var(--fdSettings_Dialog_Content_Min_Width,60rem)}.fd-settings .fd-settings__dialog-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-block:0;padding-inline:0}.fd-settings .fd-settings__list:is(:first-child){overflow-y:auto}.fd-settings .fd-settings__list a:after{content:var(--fdSettings_List_Nav_Indicator_Content,none)}.fd-settings .fd-settings__list--footer{border-top:.0625rem solid var(--sapList_BorderColor)}.fd-settings .fd-settings__tab-bar{height:100%;overflow-y:hidden}.fd-settings .fd-settings__header{-webkit-margin-before:var(--fdSettings_Header_Margin_Top,1rem);margin-block-start:var(--fdSettings_Header_Margin_Top,1rem)}.fd-settings__list-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:var(--fdSettings_List_Area_Width,20rem);min-width:var(--fdSettings_List_Area_Width,20rem);width:var(--fdSettings_List_Area_Width,20rem);-webkit-border-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor));border-inline-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor))}.fd-settings__list-area:after,.fd-settings__list-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;height:100%;justify-content:space-between;overflow:hidden;position:relative}.fd-settings__list-container:after,.fd-settings__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.fd-settings__detail-area:after,.fd-settings__detail-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area:has(.fd-settings__tab-bar) .fd-settings__header{--fdBar_Shadow:none}.fd-settings__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow-y:auto;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem;width:100%}.fd-settings__content:after,.fd-settings__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__content--no-padding{padding-block:0;padding-inline:0}.fd-settings__content--no-background{background:transparent}.fd-settings__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.fd-settings__container:after,.fd-settings__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings:has(.fd-settings__container--sm){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:100%;--fdSettings_Dialog_Content_Min_Height:100%;--fdSettings_Dialog_Content_Max_Width:100%;--fdSettings_Dialog_Content_Max_Height:100%;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-content{border-radius:0;-webkit-box-shadow:none;box-shadow:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-body{border-radius:0}.fd-settings:has(.fd-settings__container--md){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:80%;--fdSettings_Dialog_Content_Min_Height:88%;--fdSettings_Dialog_Content_Max_Width:40rem;--fdSettings_Dialog_Content_Max_Height:42.5rem;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--lg),.fd-settings:has(.fd-settings__container--xl){--fdSettings_List_Area_Width:20rem;--fdSettings_Header_Margin_Top:1rem;--fdSettings_List_Nav_Indicator_Content:none;--fdSettings_Dialog_Content_Min_Width:60rem;--fdSettings_Dialog_Content_Min_Height:42.5rem;--fdSettings_Dialog_Content_Max_Width:60rem;--fdSettings_Dialog_Content_Max_Height:42.5rem}.fd-settings__detail-area{max-width:100%;overflow:hidden}.fd-settings__profile-card{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card:before,.fd-settings__profile-card:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card{width:100%;gap:.25rem;display:flex;max-width:100%;align-items:center;flex-direction:column;overflow:hidden;padding-block:2.5rem 1rem}.fd-settings__profile-card button{margin-block-start:.25rem}.fd-settings__profile-card-name{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-name:before,.fd-settings__profile-card-name:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-name{line-height:1.4rem;white-space:normal;word-break:break-all;color:var(--sapTextColor);margin-block-start:.25rem;font-size:var(--sapFontLargeSize);font-family:var(--sapFontSemiboldDuplexFamily)}.fd-settings__profile-card-subline{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__profile-card-subline:before,.fd-settings__profile-card-subline:after{box-sizing:inherit;font-size:inherit}.fd-settings__profile-card-subline{word-break:break-all;color:var(--sapContent_LabelColor)}.fd-settings__content-container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0}.fd-settings__content-container:before,.fd-settings__content-container:after{box-sizing:inherit;font-size:inherit}@media(max-width:600px){.fd-dialog__footer.fd-bar{border-bottom-left-radius:0;border-bottom-right-radius:0}}\n/*! Bundled license information:\n\nfundamental-styles/dist/settings.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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*/\n"] }]
        }], ctorParameters: () => [], propDecorators: { detailsAreaTitleHeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailsAreaTitleHeading", required: false }] }], detailsAreaTitleHeadingSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailsAreaTitleHeadingSize", required: false }] }], backBtnAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "backBtnAriaLabel", required: false }] }], viewContainer: [{ type: i0.ViewChild, args: ['container', { ...{ read: ViewContainerRef }, isSignal: true }] }], listItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ListItemComponent), { ...{ descendants: true }, isSignal: true }] }], onWindowResize: [{
                type: HostListener,
                args: ['window:resize']
            }] } });

class SettingsContentContainerDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsContentContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SettingsContentContainerDirective, isStandalone: true, selector: "[fd-settings-content-container]", host: { classAttribute: "fd-settings__content-container" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsContentContainerDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-content-container]',
                    host: {
                        class: 'fd-settings__content-container'
                    },
                    standalone: true
                }]
        }] });

class SettingsContentDirective {
    constructor() {
        /**
         * Whether the content should be without paddings.
         * Default value is false.
         */
        this.noPadding = input(false, { ...(ngDevMode ? { debugName: "noPadding" } : {}), transform: booleanAttribute });
        /**
         * Whether the content should be without background.
         * Default value is false.
         */
        this.noBackground = input(false, { ...(ngDevMode ? { debugName: "noBackground" } : {}), transform: booleanAttribute });
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: SettingsContentDirective, isStandalone: true, selector: "[fd-settings-content]", inputs: { noPadding: { classPropertyName: "noPadding", publicName: "noPadding", isSignal: true, isRequired: false, transformFunction: null }, noBackground: { classPropertyName: "noBackground", publicName: "noBackground", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-settings__content--no-background": "noBackground()", "class.fd-settings__content--no-padding": "noPadding()" }, classAttribute: "fd-settings__content" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsContentDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-content]',
                    host: {
                        class: 'fd-settings__content',
                        '[class.fd-settings__content--no-background]': 'noBackground()',
                        '[class.fd-settings__content--no-padding]': 'noPadding()'
                    },
                    standalone: true
                }]
        }], propDecorators: { noPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "noPadding", required: false }] }], noBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "noBackground", required: false }] }] } });

class SettingsDialogBodyDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsDialogBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SettingsDialogBodyDirective, isStandalone: true, selector: "[fd-settings-dialog-body]", host: { classAttribute: "fd-settings__dialog-body" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsDialogBodyDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-dialog-body]',
                    host: {
                        class: 'fd-settings__dialog-body'
                    },
                    standalone: true
                }]
        }] });

class SettingsDialogContentDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SettingsDialogContentDirective, isStandalone: true, selector: "[fd-settings-dialog-content]", host: { classAttribute: "fd-settings__dialog-content" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsDialogContentDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-dialog-content]',
                    host: {
                        class: 'fd-settings__dialog-content'
                    },
                    standalone: true
                }]
        }] });

class SettingsListAreaDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsListAreaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SettingsListAreaDirective, isStandalone: true, selector: "[fd-settings-list-area]", host: { classAttribute: "fd-settings__list-area" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsListAreaDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-list-area]',
                    host: {
                        class: 'fd-settings__list-area'
                    },
                    standalone: true
                }]
        }] });

class SettingsListContainerDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsListContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SettingsListContainerDirective, isStandalone: true, selector: "[fd-settings-list-container]", host: { classAttribute: "fd-settings__list-container" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsListContainerDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-list-container]',
                    host: {
                        class: 'fd-settings__list-container'
                    },
                    standalone: true
                }]
        }] });

class SettingsProfileCardNameDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsProfileCardNameDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SettingsProfileCardNameDirective, isStandalone: true, selector: "[fd-settings-profile-card-name]", host: { classAttribute: "fd-settings__profile-card-name" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsProfileCardNameDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-profile-card-name]',
                    host: {
                        class: 'fd-settings__profile-card-name'
                    },
                    standalone: true
                }]
        }] });

class SettingsProfileCardSublineDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsProfileCardSublineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SettingsProfileCardSublineDirective, isStandalone: true, selector: "[fd-settings-profile-card-subline]", host: { classAttribute: "fd-settings__profile-card-subline" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsProfileCardSublineDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-profile-card-subline]',
                    host: {
                        class: 'fd-settings__profile-card-subline'
                    },
                    standalone: true
                }]
        }] });

class SettingsProfileCardDirective {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsProfileCardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SettingsProfileCardDirective, isStandalone: true, selector: "[fd-settings-profile-card]", host: { classAttribute: "fd-settings__profile-card" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsProfileCardDirective, decorators: [{
            type: Directive,
            args: [{
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-settings-profile-card]',
                    host: {
                        class: 'fd-settings__profile-card'
                    },
                    standalone: true
                }]
        }] });

class SettingsComponent {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: SettingsComponent, isStandalone: true, selector: "[fd-settings]", host: { classAttribute: "fd-settings" }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: ["@charset \"UTF-8\";.fd-settings .fd-settings__dialog-content{height:var(--fdSettings_Dialog_Content_Height,42.5rem);max-height:var(--fdSettings_Dialog_Content_Max_Height,42.5rem);max-width:var(--fdSettings_Dialog_Content_Max_Width,60rem);min-height:var(--fdSettings_Dialog_Content_Min_Height,42.5rem);min-width:var(--fdSettings_Dialog_Content_Min_Width,60rem)}.fd-settings .fd-settings__dialog-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-block:0;padding-inline:0}.fd-settings .fd-settings__list:is(:first-child){overflow-y:auto}.fd-settings .fd-settings__list a:after{content:var(--fdSettings_List_Nav_Indicator_Content,none)}.fd-settings .fd-settings__list--footer{border-top:.0625rem solid var(--sapList_BorderColor)}.fd-settings .fd-settings__tab-bar{height:100%;overflow-y:hidden}.fd-settings .fd-settings__header{-webkit-margin-before:var(--fdSettings_Header_Margin_Top,1rem);margin-block-start:var(--fdSettings_Header_Margin_Top,1rem)}.fd-settings__list-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:var(--fdSettings_List_Area_Width,20rem);min-width:var(--fdSettings_List_Area_Width,20rem);width:var(--fdSettings_List_Area_Width,20rem);-webkit-border-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor));border-inline-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor))}.fd-settings__list-area:after,.fd-settings__list-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;height:100%;justify-content:space-between;overflow:hidden;position:relative}.fd-settings__list-container:after,.fd-settings__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.fd-settings__detail-area:after,.fd-settings__detail-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area:has(.fd-settings__tab-bar) .fd-settings__header{--fdBar_Shadow:none}.fd-settings__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow-y:auto;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem;width:100%}.fd-settings__content:after,.fd-settings__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__content--no-padding{padding-block:0;padding-inline:0}.fd-settings__content--no-background{background:transparent}.fd-settings__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.fd-settings__container:after,.fd-settings__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings:has(.fd-settings__container--sm){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:100%;--fdSettings_Dialog_Content_Min_Height:100%;--fdSettings_Dialog_Content_Max_Width:100%;--fdSettings_Dialog_Content_Max_Height:100%;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-content{border-radius:0;-webkit-box-shadow:none;box-shadow:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-body{border-radius:0}.fd-settings:has(.fd-settings__container--md){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:80%;--fdSettings_Dialog_Content_Min_Height:88%;--fdSettings_Dialog_Content_Max_Width:40rem;--fdSettings_Dialog_Content_Max_Height:42.5rem;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--lg),.fd-settings:has(.fd-settings__container--xl){--fdSettings_List_Area_Width:20rem;--fdSettings_Header_Margin_Top:1rem;--fdSettings_List_Nav_Indicator_Content:none;--fdSettings_Dialog_Content_Min_Width:60rem;--fdSettings_Dialog_Content_Min_Height:42.5rem;--fdSettings_Dialog_Content_Max_Width:60rem;--fdSettings_Dialog_Content_Max_Height:42.5rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/settings.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsComponent, decorators: [{
            type: Component,
            args: [{ selector: '[fd-settings]', template: ` <ng-content></ng-content>`, host: {
                        class: 'fd-settings'
                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: ["@charset \"UTF-8\";.fd-settings .fd-settings__dialog-content{height:var(--fdSettings_Dialog_Content_Height,42.5rem);max-height:var(--fdSettings_Dialog_Content_Max_Height,42.5rem);max-width:var(--fdSettings_Dialog_Content_Max_Width,60rem);min-height:var(--fdSettings_Dialog_Content_Min_Height,42.5rem);min-width:var(--fdSettings_Dialog_Content_Min_Width,60rem)}.fd-settings .fd-settings__dialog-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-block:0;padding-inline:0}.fd-settings .fd-settings__list:is(:first-child){overflow-y:auto}.fd-settings .fd-settings__list a:after{content:var(--fdSettings_List_Nav_Indicator_Content,none)}.fd-settings .fd-settings__list--footer{border-top:.0625rem solid var(--sapList_BorderColor)}.fd-settings .fd-settings__tab-bar{height:100%;overflow-y:hidden}.fd-settings .fd-settings__header{-webkit-margin-before:var(--fdSettings_Header_Margin_Top,1rem);margin-block-start:var(--fdSettings_Header_Margin_Top,1rem)}.fd-settings__list-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:var(--fdSettings_List_Area_Width,20rem);min-width:var(--fdSettings_List_Area_Width,20rem);width:var(--fdSettings_List_Area_Width,20rem);-webkit-border-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor));border-inline-end:var(--fdSettings_List_Area_Border,.0625rem solid var(--sapList_BorderColor))}.fd-settings__list-area:after,.fd-settings__list-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;height:100%;justify-content:space-between;overflow:hidden;position:relative}.fd-settings__list-container:after,.fd-settings__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.fd-settings__detail-area:after,.fd-settings__detail-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__detail-area:has(.fd-settings__tab-bar) .fd-settings__header{--fdBar_Shadow:none}.fd-settings__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow-y:auto;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem;width:100%}.fd-settings__content:after,.fd-settings__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings__content--no-padding{padding-block:0;padding-inline:0}.fd-settings__content--no-background{background:transparent}.fd-settings__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.fd-settings__container:after,.fd-settings__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-settings:has(.fd-settings__container--sm){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:100%;--fdSettings_Dialog_Content_Min_Height:100%;--fdSettings_Dialog_Content_Max_Width:100%;--fdSettings_Dialog_Content_Max_Height:100%;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-content{border-radius:0;-webkit-box-shadow:none;box-shadow:none}.fd-settings:has(.fd-settings__container--sm) .fd-settings__dialog-body{border-radius:0}.fd-settings:has(.fd-settings__container--md){--fdSettings_List_Area_Width:100%;--fdSettings_Header_Margin_Top:0;--fdSettings_List_Nav_Indicator_Content:\"\\e1ed\";--fdSettings_Dialog_Content_Min_Width:80%;--fdSettings_Dialog_Content_Min_Height:88%;--fdSettings_Dialog_Content_Max_Width:40rem;--fdSettings_Dialog_Content_Max_Height:42.5rem;--fdSettings_List_Area_Border:none}.fd-settings:has(.fd-settings__container--lg),.fd-settings:has(.fd-settings__container--xl){--fdSettings_List_Area_Width:20rem;--fdSettings_Header_Margin_Top:1rem;--fdSettings_List_Nav_Indicator_Content:none;--fdSettings_Dialog_Content_Min_Width:60rem;--fdSettings_Dialog_Content_Min_Height:42.5rem;--fdSettings_Dialog_Content_Max_Width:60rem;--fdSettings_Dialog_Content_Max_Height:42.5rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/settings.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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*/\n"] }]
        }] });

const components = [
    SettingsListAreaDirective,
    SettingsDetailAreaDirective,
    SettingsListContainerDirective,
    SettingsContentDirective,
    SettingsContentContainerDirective,
    SettingsProfileCardDirective,
    SettingsProfileCardNameDirective,
    SettingsProfileCardSublineDirective,
    SettingsHeaderDirective,
    SettingsHeaderButtonDirective,
    SettingsDialogContentDirective,
    SettingsDialogBodyDirective,
    SettingsContainerComponent,
    SettingsComponent
];
/**
 * @deprecated
 * Use direct imports of components and directives.
 */
class SettingsModule {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: SettingsModule, imports: [SettingsListAreaDirective,
            SettingsDetailAreaDirective,
            SettingsListContainerDirective,
            SettingsContentDirective,
            SettingsContentContainerDirective,
            SettingsProfileCardDirective,
            SettingsProfileCardNameDirective,
            SettingsProfileCardSublineDirective,
            SettingsHeaderDirective,
            SettingsHeaderButtonDirective,
            SettingsDialogContentDirective,
            SettingsDialogBodyDirective,
            SettingsContainerComponent,
            SettingsComponent], exports: [SettingsListAreaDirective,
            SettingsDetailAreaDirective,
            SettingsListContainerDirective,
            SettingsContentDirective,
            SettingsContentContainerDirective,
            SettingsProfileCardDirective,
            SettingsProfileCardNameDirective,
            SettingsProfileCardSublineDirective,
            SettingsHeaderDirective,
            SettingsHeaderButtonDirective,
            SettingsDialogContentDirective,
            SettingsDialogBodyDirective,
            SettingsContainerComponent,
            SettingsComponent] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsModule, imports: [SettingsContainerComponent] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SettingsModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [...components],
                    exports: [...components]
                }]
        }] });

/**
 * Generated bundle index. Do not edit.
 */

export { SettingsComponent, SettingsContainerComponent, SettingsContentContainerDirective, SettingsContentDirective, SettingsDetailAreaDirective, SettingsDialogBodyDirective, SettingsDialogContentDirective, SettingsHeaderButtonDirective, SettingsHeaderDirective, SettingsListAreaDirective, SettingsListContainerDirective, SettingsModule, SettingsProfileCardDirective, SettingsProfileCardNameDirective, SettingsProfileCardSublineDirective, VIEW_MODE };
//# sourceMappingURL=fundamental-ngx-core-settings.mjs.map
