@siemens/element-ng 47.8.0 → 48.0.0-next.1

package/ip-input/index.d.ts

@@ -1,7 +1,91 @@
+import * as _angular_forms from '@angular/forms';
+import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { ElementRef, Renderer2 } from '@angular/core';
+
+interface AddrInputEvent {
+    type?: 'insert' | 'delete' | 'paste';
+    pos: number;
+    change: string | null;
+    value?: string | null;
+    previous?: string | null;
+}
+/**
+ * Base directive for ip address input fields.
+ */
+declare abstract class SiIpInputDirective {
+    private static idCounter;
+    protected readonly elementRef: ElementRef<any>;
+    protected readonly renderer: Renderer2;
+    protected readonly inputEl: any;
+    /**
+     * @defaultValue
+     * ```
+     * `si-ip-input-${SiIpInputDirective.idCounter++}`
+     * ```
+     */
+    readonly id: i0.InputSignal<string>;
+    /**
+     * Enable CIDR (Classless Inter-Domain Routing) notation.
+     * @defaultValue false
+     */
+    readonly cidr: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the ip address input is disabled.
+     * @defaultValue false
+     */
+    readonly disabledInput: i0.InputSignal<boolean>;
+    private readonly disabledNgControl;
+    protected readonly disabled: i0.Signal<boolean>;
+    protected onTouched: () => void;
+    protected onChange: (value: any) => void;
+    protected value?: string | null;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value?: string | null): void;
+    protected onInput(e: Event): void;
+    protected blur(): void;
+    abstract maskInput(e: AddrInputEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiIpInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiIpInputDirective, "input[siIpInput]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "cidr": { "alias": "cidr"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiIp4InputDirective extends SiIpInputDirective implements ControlValueAccessor, Validator {
+    validate(control: AbstractControl): ValidationErrors | null;
+    maskInput(e: AddrInputEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiIp4InputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiIp4InputDirective, "input[siIpV4]", ["siIpV4"], {}, {}, never, never, true, never>;
+}
+
+declare class SiIp6InputDirective extends SiIpInputDirective implements ControlValueAccessor, Validator {
+    readonly validatorFn: i0.Signal<_angular_forms.ValidatorFn>;
+    validate(control: AbstractControl): ValidationErrors | null;
+    maskInput(e: AddrInputEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiIp6InputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiIp6InputDirective, "input[siIpV6]", ["siIpV6"], {}, {}, never, never, true, never>;
+}
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-ip4-input.directive';
-export * from './si-ip6-input.directive';
-export * from './address-validators';
+
+/**
+ * Validator factory for a IPV6 address.
+
+ */
+declare const ipV6Validator: (options: {
+    zeroCompression?: boolean;
+    cidr?: boolean;
+}) => ValidatorFn;
+/**
+ * Validates a IPV4 address.
+ */
+declare const ipV4Validator: ValidatorFn;
+/**
+ * Validates a IPV4 address including CIDR.
+ */
+declare const ipV4CIDRValidator: ValidatorFn;
+
+export { SiIp4InputDirective, SiIp6InputDirective, ipV4CIDRValidator, ipV4Validator, ipV6Validator };

package/landing-page/index.d.ts

@@ -1,7 +1,99 @@
+import * as _angular_core from '@angular/core';
+import { CopyrightDetails } from '@siemens/element-ng/copyright-notice';
+import { IsoLanguageValue } from '@siemens/element-ng/language-switcher';
+import { Link } from '@siemens/element-ng/link';
+import { StatusType } from '@siemens/element-ng/common';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-landing-page.module';
-export * from './si-landing-page.component';
-export * from './alert-config.model';
+
+interface AlertConfig {
+    severity: StatusType;
+    heading?: string;
+    message: string;
+    action?: Link;
+    translationParams?: {
+        [key: string]: any;
+    };
+}
+
+declare class SiLandingPageComponent {
+    /**
+     * Heading of the application.
+     */
+    readonly heading: _angular_core.InputSignal<string>;
+    /**
+     * Secondary heading of the application.
+     */
+    readonly subheading: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Short description of the application.
+     */
+    readonly subtitle: _angular_core.InputSignal<string>;
+    /**
+     * List of links (e.g. Corporate information)
+     *
+     * @defaultValue []
+     */
+    readonly links: _angular_core.InputSignal<Link[]>;
+    /**
+     * URL to custom background image
+     *
+     * @defaultValue './assets/images/landing-page-steel.webp'
+     */
+    readonly backgroundImageUrl: _angular_core.InputSignal<string>;
+    /**
+     * URL to custom brand image.
+     *
+     * @deprecated By default the logo provided in the theme will be used.
+     * For a different logo use the respective CSS variables:
+     * ```html
+     * <si-landing-page style="--landing-page-logo: url('https://example.com'); --landing-page-logo-width: 100px; --landing-page-logo-height: 100px" />
+     * ```
+     */
+    readonly logoUrl: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Input of si-language-switcher: Key for translation.
+     * If your languages are already translated, you may display them without any
+     * manipulation by passing in an empty string.
+     *
+     * @defaultValue 'LANGUAGE'
+     */
+    readonly translationKey: _angular_core.InputSignal<string>;
+    /**
+     * Input of si-language-switcher: List of all available languages in this
+     * application.
+     */
+    readonly availableLanguages: _angular_core.InputSignal<string[] | IsoLanguageValue[] | undefined>;
+    /**
+     *
+     * Config to enable/disable general alerts on landing page
+     */
+    readonly announcement: _angular_core.InputSignal<AlertConfig | undefined>;
+    /**
+     *
+     * Config to enable/disable login related error/alerts
+     */
+    readonly loginAlert: _angular_core.InputSignal<AlertConfig | undefined>;
+    /**
+     * Version of the application
+     */
+    readonly version: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Copyright information to be displayed. Alternatively, you can use the {@link SI_COPYRIGHT_DETAILS} global inject.
+     */
+    readonly copyrightDetails: _angular_core.InputSignal<CopyrightDetails | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiLandingPageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiLandingPageComponent, "si-landing-page", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "subheading": { "alias": "subheading"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": true; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; "backgroundImageUrl": { "alias": "backgroundImageUrl"; "required": false; "isSignal": true; }; "logoUrl": { "alias": "logoUrl"; "required": false; "isSignal": true; }; "translationKey": { "alias": "translationKey"; "required": false; "isSignal": true; }; "availableLanguages": { "alias": "availableLanguages"; "required": false; "isSignal": true; }; "announcement": { "alias": "announcement"; "required": false; "isSignal": true; }; "loginAlert": { "alias": "loginAlert"; "required": false; "isSignal": true; }; "version": { "alias": "version"; "required": false; "isSignal": true; }; "copyrightDetails": { "alias": "copyrightDetails"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class SiLandingPageModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiLandingPageModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiLandingPageModule, never, [typeof SiLandingPageComponent], [typeof SiLandingPageComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiLandingPageModule>;
+}
+
+export { SiLandingPageComponent, SiLandingPageModule };
+export type { AlertConfig };

package/language-switcher/index.d.ts

@@ -1,7 +1,57 @@
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
+import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as i0 from '@angular/core';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-language-switcher.component';
-export * from './si-language-switcher.module';
-export * from './iso-language-value';
+interface IsoLanguageValue {
+    /**
+     * Official ISO language code, ex "en"
+     */
+    value: string;
+    /**
+     * Language name, ex "English" or translatable string, ex "LANGUAGES.EN"
+     */
+    name: string;
+}
+
+declare class SiLanguageSwitcherComponent {
+    /**
+     * Key for translation.
+     * If the key is set to an empty string, the language of the underlying translation framework will not be switched.
+     *
+     * @defaultValue 'LANGUAGE'
+     */
+    readonly translationKey: i0.InputSignal<string>;
+    /**
+     * Text for aria label for the language selector. Needed for a11y
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_LANGUAGE_SWITCHER.LABEL:Language switcher`)
+     * ```
+     */
+    readonly languageSwitcherLabel: i0.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * List of all available languages in this application.
+     *
+     * @defaultValue null
+     */
+    readonly availableLanguages: i0.InputSignal<(string | IsoLanguageValue)[] | null>;
+    protected readonly translate: _siemens_element_translate_ng_translate.SiTranslateService;
+    protected readonly availableIsoLanguages: i0.Signal<IsoLanguageValue[]>;
+    protected switchLanguage(target: EventTarget | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLanguageSwitcherComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiLanguageSwitcherComponent, "si-language-switcher", never, { "translationKey": { "alias": "translationKey"; "required": false; "isSignal": true; }; "languageSwitcherLabel": { "alias": "languageSwitcherLabel"; "required": false; "isSignal": true; }; "availableLanguages": { "alias": "availableLanguages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiLanguageSwitcherModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLanguageSwitcherModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiLanguageSwitcherModule, never, [typeof SiLanguageSwitcherComponent], [typeof SiLanguageSwitcherComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiLanguageSwitcherModule>;
+}
+
+export { SiLanguageSwitcherComponent, SiLanguageSwitcherModule };
+export type { IsoLanguageValue };

package/link/index.d.ts

@@ -1,8 +1,131 @@
+import { NavigationExtras } from '@angular/router';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as rxjs from 'rxjs';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, DoCheck, OnChanges, OnDestroy } from '@angular/core';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './link.model';
-export * from './si-link-action.service';
-export * from './si-link.directive';
-export * from './si-link.module';
+
+interface Link {
+    /**
+     * The title of the menu item. Can be either the title to be displayed or the translation key.
+     */
+    title?: TranslatableString;
+    /**
+     * The optional tooltip of the link. Can be either the text to be displayed or the
+     * translation key.
+     */
+    tooltip?: TranslatableString;
+    /**
+     * Defines a href URI that the menu item will be linked to. Will be used to set the href attribute
+     * of the a element. Will only be used if link and function is not set.
+     */
+    href?: string;
+    /**
+     * The target attribute specifies where to open the linked document. If no target is specified,
+     * the link will open in the current tab.
+     */
+    target?: string;
+    /**
+     * Defines the link of the menu item within the application using the angular router link concept.
+     * Accepts an array of `any` as per [routerLink API definition]{@link https://angular.dev/api/router/RouterLink}.
+     */
+    link?: any[] | string;
+    /**
+     * The navigation extras provide additional routing options when using the router link.
+     */
+    navigationExtras?: NavigationExtras;
+    /**
+     * A function that will be invoked when clicking on the menu item.
+     * When passed as a string, use together with SiLinkActionService to receive events. This is
+     * meant for repetitive things in lists/tables/etc.
+     */
+    action?: ((param?: any) => void | any) | string;
+    /**
+     * A boolean that lets the link know whether it is active or not. It is useful when action() is executed instead of link route.
+     */
+    isActive?: boolean;
+    /**
+     * A boolean that lets the link know whether it is disabled or not.
+     */
+    disabled?: boolean;
+}
+/**
+ * Used in events emitted from SiLinkActionService
+ */
+interface LinkAction {
+    link: Link;
+    param: any;
+}
+
+declare class SiLinkActionService {
+    private actionSubject;
+    /**
+     * Observable which emits the link and param to run the action on.
+     *
+     * @defaultValue this.actionSubject.asObservable()
+     */
+    readonly action$: rxjs.Observable<LinkAction>;
+    /**
+     * Emit a new link and param pair to run the action on.
+     */
+    emit(link: Link, param: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiLinkActionService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SiLinkActionService>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+type AriaCurrentType = 'page' | 'step' | 'location' | 'date' | 'time' | 'true';
+
+declare const SI_LINK_DEFAULT_NAVIGATION_EXTRA: InjectionToken<NavigationExtras>;
+declare class SiLinkDirective implements DoCheck, OnChanges, OnDestroy {
+    readonly siLink: _angular_core.InputSignal<Link | undefined>;
+    readonly siLinkDefaultTarget: _angular_core.InputSignal<string | undefined>;
+    readonly actionParam: _angular_core.InputSignal<any>;
+    readonly activeClass: _angular_core.InputSignal<string | undefined>;
+    /** @defaultValue false */
+    readonly exactMatch: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Type for `aria-current` to set if routerLink is active.
+     */
+    readonly ariaCurrent: _angular_core.InputSignal<AriaCurrentType | undefined>;
+    readonly activeChange: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly href: _angular_core.WritableSignal<string | undefined>;
+    protected readonly target: _angular_core.WritableSignal<string | undefined>;
+    protected readonly title: _angular_core.WritableSignal<string | undefined>;
+    protected readonly isAriaCurrent: _angular_core.Signal<AriaCurrentType | undefined>;
+    /** @defaultValue false */
+    readonly active: _angular_core.WritableSignal<boolean>;
+    private readonly destroyer;
+    private router;
+    private activatedRoute;
+    private locationStrategy;
+    private translateService;
+    private actionService;
+    private defaultNavigationExtra;
+    private get urlTree();
+    private get navigationExtras();
+    ngOnDestroy(): void;
+    ngOnChanges(): void;
+    ngDoCheck(): void;
+    private subscribeRouter;
+    private updateActiveByRouter;
+    onClick(event: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiLinkDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiLinkDirective, "[siLink]", ["siLink"], { "siLink": { "alias": "siLink"; "required": false; "isSignal": true; }; "siLinkDefaultTarget": { "alias": "siLinkDefaultTarget"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "activeClass": { "alias": "activeClass"; "required": false; "isSignal": true; }; "exactMatch": { "alias": "exactMatch"; "required": false; "isSignal": true; }; "ariaCurrent": { "alias": "ariaCurrent"; "required": false; "isSignal": true; }; }, { "activeChange": "activeChange"; }, never, never, true, never>;
+}
+
+declare class SiLinkModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiLinkModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiLinkModule, never, [typeof SiLinkDirective], [typeof SiLinkDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiLinkModule>;
+}
+
+export { SI_LINK_DEFAULT_NAVIGATION_EXTRA, SiLinkActionService, SiLinkDirective, SiLinkModule };
+export type { Link, LinkAction };

package/list-details/index.d.ts

@@ -1,12 +1,176 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-list-details.component';
-export * from './si-list-pane/si-list-pane.component';
-export * from './si-list-pane-header/si-list-pane-header.component';
-export * from './si-list-pane-body/si-list-pane-body.component';
-export * from './si-details-pane/si-details-pane.component';
-export * from './si-details-pane-header/si-details-pane-header.component';
-export * from './si-details-pane-body/si-details-pane-body.component';
-export * from './si-details-pane-footer/si-details-pane-footer.component';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, OnDestroy, Signal, SimpleChanges } from '@angular/core';
+import { Subject, BehaviorSubject } from 'rxjs';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
+/** @experimental */
+declare class SiListDetailsComponent implements OnInit, OnChanges, OnDestroy {
+    private resizeSubs?;
+    private elementRef;
+    private resizeObserver;
+    private readonly animationsGloballyDisabled;
+    /**
+     * A numeric value defining the minimum width in px, which the component needs
+     * to be displayed in its large layout. Whenever smaller than
+     * this threshold, the small layout will be used. Default is
+     * value is BOOTSTRAP_BREAKPOINTS.mdMinimum.
+     *
+     * @defaultValue BOOTSTRAP_BREAKPOINTS.mdMinimum
+     */
+    readonly expandBreakpoint: i0.InputSignal<number>;
+    readonly hasLargeSize: Signal<boolean>;
+    /**
+     * Whether the details are currently active or not, mostly relevant in the
+     * responsive scenario when the viewport only shows either the list or the detail.
+     *
+     * @defaultValue false
+     */
+    readonly detailsActive: i0.ModelSignal<boolean>;
+    /**
+     * Whether the list and detail parts should be resizable by a splitter or not.
+     * This is only supported in the 'large' scenario (when `hasLargeSize` is `true`).
+     * Default value is `false`.
+     *
+     * @defaultValue false
+     */
+    readonly disableResizing: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The percentage width of the list view of the overall component width.
+     * Can be a number or `'default'`, which is 32%.
+     *
+     * @defaultValue 'default'
+     */
+    readonly listWidth: i0.ModelSignal<number | "default">;
+    /**
+     * Sets the minimal width of the list component in pixel.
+     *
+     * @defaultValue 300
+     */
+    readonly minListSize: i0.InputSignal<number>;
+    /**
+     * Sets the minimal width of the detail component in pixel.
+     *
+     * @defaultValue 300
+     */
+    readonly minDetailsSize: i0.InputSignal<number>;
+    /**
+     * An optional stateId to uniquely identify a component instance.
+     * Required for persistence of ui state.
+     */
+    readonly stateId: i0.InputSignal<string | undefined>;
+    private readonly actualListWidth;
+    protected readonly splitSizes: Signal<[number, number]>;
+    /**
+     * The max size to limit the list view in the static flex layout (if less than 50%), otherwise not set.
+     * @internal
+     */
+    readonly maxListSize: Signal<string>;
+    /**
+     * The max size to limit the details view in the static flex layout (if less than 50%), otherwise not set.
+     * @internal
+     */
+    readonly maxDetailsSize: Signal<string>;
+    protected readonly listStateId: Signal<string | undefined>;
+    protected readonly detailsStateId: Signal<string | undefined>;
+    protected readonly opacity: Signal<"0" | "">;
+    /** @internal */
+    readonly detailsExpandedAnimation: Signal<"collapsed" | "expanded" | "disabled">;
+    private hadLargeSizePreviously;
+    private detailsActivePreviously;
+    private previouslyFocusedElementInList;
+    /** @internal */
+    readonly transferFocusToList: Subject<HTMLElement | undefined>;
+    /**
+     * A behavior subject because the details component may only be created when details are visible.
+     * @internal
+     */
+    readonly transferFocusToDetails: BehaviorSubject<boolean>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private readonly resizeDimensions;
+    protected onSplitSizesChange(sizes: number[]): void;
+    /** @internal */
+    detailsBackClicked(): void;
+    private transferFocus;
+    /**
+     * Get the max size to limit in the static flex layout (if less than 50%), otherwise not set
+     */
+    private getMaxSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiListDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiListDetailsComponent, "si-list-details", never, { "expandBreakpoint": { "alias": "expandBreakpoint"; "required": false; "isSignal": true; }; "detailsActive": { "alias": "detailsActive"; "required": false; "isSignal": true; }; "disableResizing": { "alias": "disableResizing"; "required": false; "isSignal": true; }; "listWidth": { "alias": "listWidth"; "required": false; "isSignal": true; }; "minListSize": { "alias": "minListSize"; "required": false; "isSignal": true; }; "minDetailsSize": { "alias": "minDetailsSize"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; }, { "detailsActive": "detailsActiveChange"; "listWidth": "listWidthChange"; }, never, ["si-list-pane", "si-details-pane"], true, never>;
+}
+
+/** @experimental */
+declare class SiListPaneComponent {
+    protected parent: SiListDetailsComponent;
+    private element;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiListPaneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiListPaneComponent, "si-list-pane", never, {}, {}, never, ["*"], true, never>;
+}
+
+/** @experimental */
+declare class SiListPaneHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiListPaneHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiListPaneHeaderComponent, "si-list-pane-header", never, {}, {}, never, ["*"], true, never>;
+}
+
+/** @experimental */
+declare class SiListPaneBodyComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiListPaneBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiListPaneBodyComponent, "si-list-pane-body", never, {}, {}, never, ["*"], true, never>;
+}
+
+/** @experimental */
+declare class SiDetailsPaneComponent {
+    protected parent: SiListDetailsComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDetailsPaneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiDetailsPaneComponent, "si-details-pane", never, {}, {}, never, ["*"], true, never>;
+}
+
+/** @experimental */
+declare class SiDetailsPaneHeaderComponent {
+    private parent;
+    /**
+     * Optional title to be displayed.
+     */
+    readonly title: i0.InputSignal<TranslatableString | undefined>;
+    /**
+     * You can hide the back button in the mobile view by setting true. Required
+     * in add, edit workflows on mobile sizes. During add or edit, the back button
+     * should be hidden. Default value is `false`.
+     *
+     * @defaultValue false
+     */
+    readonly hideBackButton: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Details back button text. Required for a11y.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_LIST_DETAILS.BACK:Back`)
+     * ```
+     */
+    readonly backButtonText: i0.InputSignal<TranslatableString>;
+    private readonly backButton;
+    constructor();
+    protected get hasLargeSize(): Signal<boolean>;
+    protected backClicked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDetailsPaneHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiDetailsPaneHeaderComponent, "si-details-pane-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "hideBackButton": { "alias": "hideBackButton"; "required": false; "isSignal": true; }; "backButtonText": { "alias": "backButtonText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** @experimental */
+declare class SiDetailsPaneBodyComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDetailsPaneBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiDetailsPaneBodyComponent, "si-details-pane-body", never, {}, {}, never, ["*"], true, never>;
+}
+
+/** @experimental */
+declare class SiDetailsPaneFooterComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDetailsPaneFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiDetailsPaneFooterComponent, "si-details-pane-footer", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { SiDetailsPaneBodyComponent, SiDetailsPaneComponent, SiDetailsPaneFooterComponent, SiDetailsPaneHeaderComponent, SiListDetailsComponent, SiListPaneBodyComponent, SiListPaneComponent, SiListPaneHeaderComponent };