@siemens/element-ng 51.0.0-rc.8 → 51.0.0

package/types/siemens-element-ng-select.d.ts

@@ -171,6 +171,9 @@ declare class SiSelectComponent<T> implements SiFormItemControl {
     protected readonly optionTemplate: _angular_core.Signal<TemplateRef<{
         $implicit: SelectOption<T>;
     }> | undefined>;
+    protected readonly selectedValueTemplate: _angular_core.Signal<TemplateRef<{
+        $implicit: SelectOption<T>;
+    }> | undefined>;
     protected readonly groupTemplate: _angular_core.Signal<TemplateRef<{
         $implicit: SelectGroup<T>;
     }> | undefined>;
@@ -205,7 +208,7 @@ declare class SiSelectComponent<T> implements SiFormItemControl {
     close(): void;
     protected backdropClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSelectComponent<any>, "si-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "labelledbyInput": { "alias": "labelledby"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "noResultsFoundLabel": { "alias": "noResultsFoundLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; "hasFilter": { "alias": "hasFilter"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, ["optionTemplate", "groupTemplate", "actionsTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSelectComponent<any>, "si-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "labelledbyInput": { "alias": "labelledby"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "noResultsFoundLabel": { "alias": "noResultsFoundLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; "hasFilter": { "alias": "hasFilter"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, ["optionTemplate", "selectedValueTemplate", "groupTemplate", "actionsTemplate"], never, true, never>;
 }
 
 /**
@@ -438,7 +441,8 @@ declare class SiSelectMultiValueDirective<T> extends SiSelectSelectionStrategy<T
 }
 
 /**
- * The directive allows to template/customize the value option rendering.
+ * The directive allows to template/customize the option rendering in the dropdown.
+ * It is also used for rendering selected values in the input if no input template is provided.
  * This requires using the {@link SiSelectSimpleOptionsDirective} to specify options as input.
  *
  * @example
@@ -457,6 +461,29 @@ declare class SiSelectOptionTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiSelectOptionTemplateDirective, "[siSelectOptionTemplate]", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * The directive allows to template/customize the selected value rendering in the select input.
+ * This requires using the {@link SiSelectSimpleOptionsDirective} to specify options as input.
+ *
+ * @example
+ * ```html
+ * <si-select [options]="[
+ *   { type: 'option', value: 'good', label: 'Good' },
+ *   { type: 'option', value: 'fair', label: 'Fair' }
+ * ]">
+ *   <ng-template siSelectValueTemplate let-option>{{ option.label }}</ng-template>
+ * </si-select>
+ * ```
+ */
+declare class SiSelectValueTemplateDirective {
+    /** @internal */
+    static ngTemplateContextGuard<T = any>(directive: SiSelectValueTemplateDirective, context: unknown): context is {
+        $implicit: SelectOption<T>;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSelectValueTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiSelectValueTemplateDirective, "[siSelectValueTemplate]", never, {}, {}, never, never, true, never>;
+}
+
 /**
  * The directive allows to template/customize the group option rendering.
  * This requires using the {@link SiSelectSimpleOptionsDirective} to specify options as input.
@@ -508,7 +535,7 @@ declare class SiSelectActionsDirective {
 
 declare class SiSelectModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSelectModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiSelectModule, never, [typeof SiSelectActionDirective, typeof SiSelectActionsDirective, typeof SiSelectComponent, typeof SiSelectGroupTemplateDirective, typeof SiSelectMultiValueDirective, typeof SiSelectOptionTemplateDirective, typeof SiSelectSimpleOptionsDirective, typeof SiSelectSingleValueDirective], [typeof SiSelectActionDirective, typeof SiSelectActionsDirective, typeof SiSelectComponent, typeof SiSelectGroupTemplateDirective, typeof SiSelectMultiValueDirective, typeof SiSelectOptionTemplateDirective, typeof SiSelectSimpleOptionsDirective, typeof SiSelectSingleValueDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiSelectModule, never, [typeof SiSelectActionDirective, typeof SiSelectActionsDirective, typeof SiSelectComponent, typeof SiSelectGroupTemplateDirective, typeof SiSelectMultiValueDirective, typeof SiSelectOptionTemplateDirective, typeof SiSelectValueTemplateDirective, typeof SiSelectSimpleOptionsDirective, typeof SiSelectSingleValueDirective], [typeof SiSelectActionDirective, typeof SiSelectActionsDirective, typeof SiSelectComponent, typeof SiSelectGroupTemplateDirective, typeof SiSelectMultiValueDirective, typeof SiSelectOptionTemplateDirective, typeof SiSelectValueTemplateDirective, typeof SiSelectSimpleOptionsDirective, typeof SiSelectSingleValueDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiSelectModule>;
 }
 
@@ -817,5 +844,5 @@ declare class SiSelectComboboxValueComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSelectComboboxValueComponent, "si-select-combobox-value", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "stackedIconColor": { "alias": "stackedIconColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { SiCustomSelectDirective, SiSelectActionDirective, SiSelectActionsDirective, SiSelectComboboxComponent, SiSelectComboboxValueComponent, SiSelectComponent, SiSelectDropdownDirective, SiSelectGroupTemplateDirective, SiSelectLazyOptionsDirective, SiSelectListHasFilterComponent, SiSelectModule, SiSelectMultiValueDirective, SiSelectOptionTemplateDirective, SiSelectSimpleOptionsDirective, SiSelectSingleValueDirective };
+export { SiCustomSelectDirective, SiSelectActionDirective, SiSelectActionsDirective, SiSelectComboboxComponent, SiSelectComboboxValueComponent, SiSelectComponent, SiSelectDropdownDirective, SiSelectGroupTemplateDirective, SiSelectLazyOptionsDirective, SiSelectListHasFilterComponent, SiSelectModule, SiSelectMultiValueDirective, SiSelectOptionTemplateDirective, SiSelectSimpleOptionsDirective, SiSelectSingleValueDirective, SiSelectValueTemplateDirective };
 export type { SelectGroup, SelectItem, SelectOption, SelectOptionSource, SiSelectDropdownContentType };

package/types/siemens-element-ng-side-panel.d.ts

@@ -423,7 +423,7 @@ declare class SiSidePanelContentComponent implements OnInit {
     toggleFullscreen(): void;
     protected toggleSidePanel(event?: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSidePanelContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSidePanelContentComponent, "si-side-panel-content", never, { "collapsibleInput": { "alias": "collapsible"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "statusActions": { "alias": "statusActions"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "toggleItemLabel": { "alias": "toggleItemLabel"; "required": false; "isSignal": true; }; "enterFullscreenLabel": { "alias": "enterFullscreenLabel"; "required": false; "isSignal": true; }; "exitFullscreenLabel": { "alias": "exitFullscreenLabel"; "required": false; "isSignal": true; }; "showMobileDrawerBadge": { "alias": "showMobileDrawerBadge"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "navigateConfig": { "alias": "navigateConfig"; "required": false; "isSignal": true; }; }, { "searchEvent": "searchEvent"; }, never, ["si-side-panel-actions", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSidePanelContentComponent, "si-side-panel-content", never, { "collapsibleInput": { "alias": "collapsible"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "statusActions": { "alias": "statusActions"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "toggleItemLabel": { "alias": "toggleItemLabel"; "required": false; "isSignal": true; }; "enterFullscreenLabel": { "alias": "enterFullscreenLabel"; "required": false; "isSignal": true; }; "exitFullscreenLabel": { "alias": "exitFullscreenLabel"; "required": false; "isSignal": true; }; "showMobileDrawerBadge": { "alias": "showMobileDrawerBadge"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "navigateConfig": { "alias": "navigateConfig"; "required": false; "isSignal": true; }; }, { "searchEvent": "searchEvent"; }, never, ["[siSidePanelBackButton]", "si-side-panel-actions", "*"], true, never>;
 }
 
 /**
@@ -496,11 +496,25 @@ declare class SiSidePanelActionComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSidePanelActionComponent, "button[si-side-panel-action], a[si-side-panel-action]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "stackedIconColor": { "alias": "stackedIconColor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Back button for navigating from side-panel details to the previous view.
+ *
+ * @example
+ * ```html
+ * <button type="button" siSidePanelBackButton aria-label="Back" (click)="back()"></button>
+ * ```
+ */
+declare class SiSidePanelBackButtonComponent {
+    protected readonly icons: Record<"elementLeft4", string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSidePanelBackButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSidePanelBackButtonComponent, "button[siSidePanelBackButton], a[siSidePanelBackButton]", never, {}, {}, never, ["*"], true, never>;
+}
+
 declare class SiSidePanelModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSidePanelModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiSidePanelModule, never, [typeof SiSidePanelComponent, typeof SiSidePanelContentComponent, typeof SiSidePanelActionsComponent, typeof SiSidePanelActionComponent], [typeof SiSidePanelComponent, typeof SiSidePanelContentComponent, typeof SiSidePanelActionsComponent, typeof SiSidePanelActionComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiSidePanelModule, never, [typeof SiSidePanelComponent, typeof SiSidePanelContentComponent, typeof SiSidePanelActionsComponent, typeof SiSidePanelActionComponent, typeof SiSidePanelBackButtonComponent], [typeof SiSidePanelComponent, typeof SiSidePanelContentComponent, typeof SiSidePanelActionsComponent, typeof SiSidePanelActionComponent, typeof SiSidePanelBackButtonComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiSidePanelModule>;
 }
 
-export { SiSidePanelActionComponent, SiSidePanelActionsComponent, SiSidePanelComponent, SiSidePanelContentComponent, SiSidePanelModule, SiSidePanelService };
+export { SiSidePanelActionComponent, SiSidePanelActionsComponent, SiSidePanelBackButtonComponent, SiSidePanelComponent, SiSidePanelContentComponent, SiSidePanelModule, SiSidePanelService };
 export type { SidePanelDisplayMode, SidePanelMode, SidePanelNavigateConfig, SidePanelNavigateLink, SidePanelNavigateRouterLink, SidePanelSize, StatusItem };

package/types/siemens-element-ng-split.d.ts

@@ -10,7 +10,6 @@ import { TranslatableString } from '@siemens/element-translate-ng/translate';
 type CollapseTo = 'to-start' | 'to-end';
 type SplitOrientation = 'horizontal' | 'vertical';
 type SplitUnit = 'px' | 'fr';
-type Scale = 'none' | 'auto';
 interface Action {
     iconClass: string;
     tooltip: string;
@@ -72,13 +71,6 @@ declare class SiSplitPartComponent {
      * @defaultValue false
      */
     readonly removeContentOnCollapse: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines the behavior of the split part during scaling.
-     * E.g. when set to `none`, the spit part will keep its current size even when the parent container grows or shrinks.
-     *
-     * @defaultValue 'auto'
-     */
-    readonly scale: _angular_core.InputSignal<Scale>;
     /**
      * Defines if the header of the split part is visible. Default is true.
      *
@@ -178,7 +170,7 @@ declare class SiSplitPartComponent {
     private refreshCollapsedToEnd;
     private refreshCollapseToStart;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSplitPartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSplitPartComponent, "si-split-part", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapseIconClass": { "alias": "collapseIconClass"; "required": false; "isSignal": true; }; "collapseToMinSize": { "alias": "collapseToMinSize"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "removeContentOnCollapse": { "alias": "removeContentOnCollapse"; "required": false; "isSignal": true; }; "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; "unit": { "alias": "unit"; "required": true; "isSignal": true; }; "collapseOthers": { "alias": "collapseOthers"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "collapseChanged": "collapseChanged"; "stateChange": "stateChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSplitPartComponent, "si-split-part", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapseIconClass": { "alias": "collapseIconClass"; "required": false; "isSignal": true; }; "collapseToMinSize": { "alias": "collapseToMinSize"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "removeContentOnCollapse": { "alias": "removeContentOnCollapse"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; "unit": { "alias": "unit"; "required": true; "isSignal": true; }; "collapseOthers": { "alias": "collapseOthers"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "collapseChanged": "collapseChanged"; "stateChange": "stateChange"; }, never, ["*"], true, never>;
 }
 
 interface Gutter {
@@ -226,6 +218,7 @@ declare class SiSplitComponent {
     private setupParts;
     private refreshAllPartSizes;
     protected resizeStart(gutter: Gutter, event: Event): void;
+    private emitSizesChange;
     private measureContainerSize;
     private getPosition;
     private saveUIState;
@@ -241,4 +234,4 @@ declare class SiSplitModule {
 }
 
 export { SiSplitComponent, SiSplitModule, SiSplitPartComponent };
-export type { Action, CollapseTo, PartState, Scale, SplitOrientation, SplitUnit };
+export type { Action, CollapseTo, PartState, SplitOrientation, SplitUnit };

package/types/siemens-element-ng-system-banner.d.ts

@@ -17,10 +17,10 @@ declare class SiSystemBannerComponent {
     /**
      * Message to be displayed in the system banner.
      */
-    readonly message: _angular_core.InputSignal<TranslatableString>;
+    readonly message: _angular_core.InputSignal<TranslatableString | undefined>;
     protected readonly bannerClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSystemBannerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSystemBannerComponent, "si-system-banner", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSystemBannerComponent, "si-system-banner", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { SiSystemBannerComponent };

package/types/siemens-element-ng-translate.d.ts

@@ -207,6 +207,7 @@ interface SiTranslatableKeys {
     'SI_MAP.WINDOWS_HELP'?: string;
     'SI_MAP.ZOOM_IN'?: string;
     'SI_MAP.ZOOM_OUT'?: string;
+    'SI_MAP_CLUSTER.LABEL'?: string;
     'SI_MARKDOWN.COPIED_CODE'?: string;
     'SI_MARKDOWN.COPY_CODE'?: string;
     'SI_MARKDOWN.COPY_TABLE_AS_CSV'?: string;