@siemens/element-ng 49.9.0 → 49.11.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@siemens/element-ng",
   "description": "Element Angular component library, implementing the Siemens Design Language",
-  "version": "49.9.0",
+  "version": "49.11.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -43,8 +43,8 @@
     "@ngx-formly/bootstrap": "^6.2.2",
     "@ngx-formly/core": "^6.2.2",
     "@siemens/element-icons": "1",
-    "@siemens/element-translate-ng": "49.9.0",
-    "@siemens/element-theme": "49.9.0",
+    "@siemens/element-translate-ng": "49.11.0",
+    "@siemens/element-theme": "49.11.0",
     "@siemens/ngx-datatable": "22 - 26",
     "ag-grid-community": "^34.3.1 || ^35.0.0",
     "flag-icons": "^7.3.2",

package/template-i18n.json

@@ -1,4 +1,5 @@
 {
+  "SI_ABOUT.LOGO_ALT": "{{appName}} logo",
   "SI_AI_MESSAGE.SECONDARY_ACTIONS": "More actions",
   "SI_ALERT_DIALOG.OK": "OK",
   "SI_APPLICATION_HEADER.LAUNCHPAD": "Launchpad",
@@ -20,6 +21,7 @@
   "SI_CHAT_INPUT.PLACEHOLDER": "Enter a message…",
   "SI_CHAT_INPUT.SECONDARY_ACTIONS": "More actions",
   "SI_CHAT_INPUT.SEND": "Send",
+  "SI_COLOR_PICKER.SELECTED_LABEL": "Selected color {{color}}",
   "SI_COLUMN_SELECTION_DIALOG.CANCEL": "Cancel",
   "SI_COLUMN_SELECTION_DIALOG.HIDDEN": "Hidden",
   "SI_COLUMN_SELECTION_DIALOG.ITEM_MOVED": "Item is now at position {{targetPosition}}",
@@ -69,6 +71,7 @@
   "SI_DATE_RANGE_FILTER.REF_POINT": "Reference point",
   "SI_DATE_RANGE_FILTER.SEARCH": "Search",
   "SI_DATE_RANGE_FILTER.SELECT_RANGE_END": "Select end date",
+  "SI_DATE_RANGE_FILTER.SELECT_RANGE_LABEL": "Select date range",
   "SI_DATE_RANGE_FILTER.TO": "To",
   "SI_DATE_RANGE_FILTER.TODAY": "Today",
   "SI_DATE_RANGE_FILTER.UNIT": "Unit",
@@ -122,20 +125,20 @@
   "SI_FORM_CONTAINER.ERROR.IPV4": "Invalid IPv4 address",
   "SI_FORM_CONTAINER.ERROR.IPV6": "Invalid IPv6 address",
   "SI_FORM_CONTAINER.ERROR.MAX": "Max. {{max}}",
-  "SI_FORM_CONTAINER.ERROR.MAX_DATE": "Date prior to {{maxString}} required",
+  "SI_FORM_CONTAINER.ERROR.MAX_DATE": "Date up to and including {{maxString}} required",
   "SI_FORM_CONTAINER.ERROR.MAX_LENGTH": "Max. {{requiredLength}} characters",
-  "SI_FORM_CONTAINER.ERROR.MAX_TIME": "Time prior to {{maxString}} required",
+  "SI_FORM_CONTAINER.ERROR.MAX_TIME": "Time up to and including {{maxString}} required",
   "SI_FORM_CONTAINER.ERROR.MILLISECONDS": "Integer between 0 and 999 required",
   "SI_FORM_CONTAINER.ERROR.MIN": "Min. {{min}}",
   "SI_FORM_CONTAINER.ERROR.MINUTES": "Integer between 0 and 59 required",
-  "SI_FORM_CONTAINER.ERROR.MIN_DATE": "Date after {{minString}} required",
+  "SI_FORM_CONTAINER.ERROR.MIN_DATE": "Date from {{minString}} required",
   "SI_FORM_CONTAINER.ERROR.MIN_LENGTH": "Min. {{requiredLength}} characters",
-  "SI_FORM_CONTAINER.ERROR.MIN_TIME": "Time after {{minString}} required",
+  "SI_FORM_CONTAINER.ERROR.MIN_TIME": "Time from {{minString}} required",
   "SI_FORM_CONTAINER.ERROR.NUMBER_FORMAT": "Number required",
   "SI_FORM_CONTAINER.ERROR.PATTERN": "The value does not match the predefined pattern.",
   "SI_FORM_CONTAINER.ERROR.PHONE_COUNTRY": "Unsupported country/region code",
-  "SI_FORM_CONTAINER.ERROR.RANGE_AFTER_MAX_DATE": "Period prior to {{maxString}} required",
-  "SI_FORM_CONTAINER.ERROR.RANGE_BEFORE_MIN_DATE": "Period after {{minString}} required",
+  "SI_FORM_CONTAINER.ERROR.RANGE_AFTER_MAX_DATE": "Period up to and including {{maxString}} required",
+  "SI_FORM_CONTAINER.ERROR.RANGE_BEFORE_MIN_DATE": "Period from {{minString}} required",
   "SI_FORM_CONTAINER.ERROR.REQUIRED": "Required",
   "SI_FORM_CONTAINER.ERROR.REQUIRED_TRUE": "Required",
   "SI_FORM_CONTAINER.ERROR.SECONDS": "Integer between 0 and 59 required",
@@ -231,6 +234,9 @@
   "SI_TREE_VIEW.EXPAND_ALL": "Expand all",
   "SI_TYPEAHEAD.AUTOCOMPLETE_LIST_LABEL": "Suggestions",
   "SI_USER_MESSAGE.SECONDARY_ACTIONS": "More actions",
+  "SI_WEATHER_WIDGET.FORECAST_LABEL": "Weather forecast",
+  "SI_WEATHER_WIDGET.ILLUSTRATION_ALT": "Weather illustration",
+  "SI_WEATHER_WIDGET.METRICS_LABEL": "Additional weather data",
   "SI_WIZARD.BACK": "Back",
   "SI_WIZARD.CANCEL": "Cancel",
   "SI_WIZARD.COMPLETED": "Wizard completed!",

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

@@ -1,6 +1,7 @@
 import * as _angular_platform_browser from '@angular/platform-browser';
 import * as _angular_core from '@angular/core';
 import { OnInit } from '@angular/core';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { CopyrightDetails } from '@siemens/element-ng/copyright-notice';
 import { Link } from '@siemens/element-ng/link';
 
@@ -58,6 +59,15 @@ interface ApiInfo {
 declare class SiAboutComponent implements OnInit {
     private http;
     private sanitizer;
+    /**
+     * Alt text for the application logo. Supports `{{appName}}` placeholder for interpolation.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_ABOUT.LOGO_ALT:{{appName}} logo`)
+     * ```
+     */
+    readonly logoAlt: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Title shown above the about information.
      */
@@ -119,7 +129,7 @@ declare class SiAboutComponent implements OnInit {
     protected toggleLoadLicenseApi(apiInfo: ApiInfo): void;
     protected toggleLoadLicenseContent(apiInfo: ApiInfo): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiAboutComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiAboutComponent, "si-about", never, { "aboutTitle": { "alias": "aboutTitle"; "required": true; "isSignal": true; }; "licenseInfo": { "alias": "licenseInfo"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "appName": { "alias": "appName"; "required": true; "isSignal": true; }; "subheading": { "alias": "subheading"; "required": false; "isSignal": true; }; "acceptableUsePolicyLink": { "alias": "acceptableUsePolicyLink"; "required": false; "isSignal": true; }; "imprintLink": { "alias": "imprintLink"; "required": false; "isSignal": true; }; "privacyLink": { "alias": "privacyLink"; "required": false; "isSignal": true; }; "cookieNoticeLink": { "alias": "cookieNoticeLink"; "required": false; "isSignal": true; }; "termsLink": { "alias": "termsLink"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; "copyrightDetails": { "alias": "copyrightDetails"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiAboutComponent, "si-about", never, { "logoAlt": { "alias": "logoAlt"; "required": false; "isSignal": true; }; "aboutTitle": { "alias": "aboutTitle"; "required": true; "isSignal": true; }; "licenseInfo": { "alias": "licenseInfo"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "appName": { "alias": "appName"; "required": true; "isSignal": true; }; "subheading": { "alias": "subheading"; "required": false; "isSignal": true; }; "acceptableUsePolicyLink": { "alias": "acceptableUsePolicyLink"; "required": false; "isSignal": true; }; "imprintLink": { "alias": "imprintLink"; "required": false; "isSignal": true; }; "privacyLink": { "alias": "privacyLink"; "required": false; "isSignal": true; }; "cookieNoticeLink": { "alias": "cookieNoticeLink"; "required": false; "isSignal": true; }; "termsLink": { "alias": "termsLink"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; "copyrightDetails": { "alias": "copyrightDetails"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SiAboutModule {

package/types/siemens-element-ng-chat-messages.d.ts

@@ -151,7 +151,7 @@ interface Attachment {
  */
 declare class SiAttachmentListComponent {
     protected modalService: SiModalService;
-    protected readonly icons: Record<"elementDelete" | "elementDocument", string>;
+    protected readonly icons: Record<"elementStateClose" | "elementDocument", string>;
     /**
      * List of attachments to display
      * @defaultValue []
@@ -324,9 +324,9 @@ interface ChatInputAttachment extends Attachment {
 declare class SiChatInputComponent implements AfterViewInit {
     private static idCounter;
     private readonly textInput;
-    private readonly projectedContent;
     private readonly fileUploadDirective;
-    protected readonly icons: Record<"elementOptionsVertical" | "elementAttachment" | "elementSendFilled" | "elementStopFilled", string>;
+    protected readonly fileInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    protected readonly icons: Record<"elementAttachment" | "elementPlus" | "elementSendFilled" | "elementStopFilled", string>;
     /**
      * Current input value
      * @defaultValue ''
@@ -486,6 +486,9 @@ declare class SiChatInputComponent implements AfterViewInit {
     protected readonly hasAttachments: _angular_core.Signal<boolean>;
     protected readonly hasActions: _angular_core.Signal<boolean>;
     protected readonly hasSecondaryActions: _angular_core.Signal<boolean>;
+    protected readonly allMenuActions: _angular_core.Signal<MenuItem[]>;
+    protected readonly hasMenuActions: _angular_core.Signal<boolean>;
+    protected triggerFileInput(): void;
     protected readonly canSend: _angular_core.Signal<boolean>;
     protected readonly showInterruptButton: _angular_core.Signal<boolean>;
     protected readonly buttonDisabled: _angular_core.Signal<boolean>;

package/types/siemens-element-ng-color-picker.d.ts

@@ -1,6 +1,6 @@
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
 declare class SiColorPickerComponent implements ControlValueAccessor {
     /**
@@ -32,8 +32,13 @@ declare class SiColorPickerComponent implements ControlValueAccessor {
     readonly disabledInput: _angular_core.InputSignal<boolean>;
     /**
      * Aria label for the color input button.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_COLOR_PICKER.SELECTED_LABEL:Selected color {{color}}`)
+     * ```
      */
-    readonly ariaLabel: _angular_core.InputSignal<TranslatableString | undefined>;
+    readonly ariaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     private onChange;
     private onTouched;
     private readonly colorInputRef;

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

@@ -221,7 +221,7 @@ declare abstract class SiWidgetBaseDirective<T> implements OnInit, OnChanges {
      */
     readonly initialLoadingIndicatorDebounceTime: _angular_core.InputSignal<number>;
     protected loadingTimer?: ReturnType<typeof setTimeout>;
-    ngOnChanges(changes: SimpleChanges<this>): void;
+    ngOnChanges(): void;
     ngOnInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWidgetBaseDirective<any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiWidgetBaseDirective<any>, never, never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disableAutoLoadingIndicator": { "alias": "disableAutoLoadingIndicator"; "required": false; "isSignal": true; }; "showLoadingIndicatorInput": { "alias": "showLoadingIndicator"; "required": false; "isSignal": true; }; "initialLoadingIndicatorDebounceTime": { "alias": "initialLoadingIndicatorDebounceTime"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -761,7 +761,7 @@ declare class SiValueWidgetComponent {
     /**
      * Alt text for a provided image.
      */
-    readonly imgAlt: _angular_core.InputSignal<string | undefined>;
+    readonly imgAlt: _angular_core.InputSignal<TranslatableString | undefined>;
     /**
      * Defines if an image is placed on top or start (left) of the card.
      *
@@ -787,5 +787,359 @@ declare class SiValueWidgetComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiValueWidgetComponent, "si-value-widget", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "disableAutoLoadingIndicator": { "alias": "disableAutoLoadingIndicator"; "required": false; "isSignal": true; }; "showLoadingIndicator": { "alias": "showLoadingIndicator"; "required": false; "isSignal": true; }; "initialLoadingIndicatorDebounceTime": { "alias": "initialLoadingIndicatorDebounceTime"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "imgSrc"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "imgDir": { "alias": "imgDir"; "required": false; "isSignal": true; }; "imgObjectFit": { "alias": "imgObjectFit"; "required": false; "isSignal": true; }; "imgObjectPosition": { "alias": "imgObjectPosition"; "required": false; "isSignal": true; }; "accentLine": { "alias": "accentLine"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { SiDashboardCardComponent, SiDashboardComponent, SiDashboardModule, SiDashboardService, SiLinkWidgetComponent, SiListWidgetBodyComponent, SiListWidgetComponent, SiListWidgetItemComponent, SiTimelineWidgetBodyComponent, SiTimelineWidgetComponent, SiTimelineWidgetItemComponent, SiValueWidgetBodyComponent, SiValueWidgetComponent };
-export type { SiListWidgetItem, SiTimelineWidgetItem, SortOrder, TimeLineWidgetLink, TimeLineWidgetRouterLink, TimelineWidgetActionBase, TimelineWidgetActionButton, TimelineWidgetItemAction, TimelineWidgetMenu };
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Visual layout of the {@link SiWeatherWidgetComponent}.
+ *
+ * - `vertical`: full vertical card layout with header, today block, optional
+ *   additional data and an optional vertical forecast table.
+ * - `horizontal`: wider card with the today block laid out side by side and a
+ *   horizontal forecast strip below.
+ * - `compact`: condensed card without a card header. Location and min/max
+ *   temperature are rendered next to the illustration. Does not show a forecast.
+ */
+type SiWeatherWidgetLayout = 'vertical' | 'horizontal' | 'compact';
+/**
+ * Built-in weather condition vocabulary. Mapped 1:1 by the library's default
+ * {@link SiWeatherIconResolver} to Element icons. Applications that need
+ * provider-specific vocabularies (Xweather, OpenWeather, …) should register
+ * their own resolver and may accept any string in their public APIs.
+ */
+type SiWeatherCondition = 'clear' | 'clouds' | 'rain' | 'storm' | 'wind' | 'unknown';
+/**
+ * Describes how a weather illustration should be resolved. Callers can either
+ * provide a direct {@link SiWeatherIcon.src} or a semantic
+ * {@link SiWeatherIcon.condition} token resolved by a
+ * {@link SiWeatherIconResolver}.
+ */
+interface SiWeatherIcon {
+    /** Semantic condition token, used by the resolver. Apps with custom resolvers may pass any string. */
+    condition?: SiWeatherCondition | string;
+    /** Direct URL/path. Wins over {@link condition}. */
+    src?: string;
+    /** Translatable alt text for accessibility. */
+    alt?: TranslatableString;
+}
+/**
+ * Today block of the weather widget.
+ */
+interface SiWeatherWidgetCurrent {
+    /** Current temperature, pre-formatted by the caller (e.g. `"26°"` or `26`). */
+    temperature: string | number;
+    /** Translatable condition label, e.g. `"Sunny"`. */
+    condition?: TranslatableString;
+    /** Weather illustration. A string is shorthand for `{ src }`. */
+    illustration?: SiWeatherIcon | string;
+    /** Optional alt text used when {@link illustration} is given as a string. */
+    illustrationAlt?: TranslatableString;
+    /** Today's minimum temperature, pre-formatted by the caller. */
+    minTemperature?: string | number;
+    /** Today's maximum temperature, pre-formatted by the caller. */
+    maxTemperature?: string | number;
+}
+/**
+ * A single metric row in the additional-data block (e.g. wind, precipitation).
+ */
+interface SiWeatherWidgetMetric {
+    /** Translatable label, e.g. `"Wind"`. */
+    label: TranslatableString;
+    /** Pre-formatted value, e.g. `"7km/h"`. */
+    value: string | number;
+}
+/**
+ * An optional forecast column shown left of the temperature column in vertical
+ * layouts. The widget supports up to five of these columns; additional columns
+ * are ignored. The temperature column is mandatory and always rendered on the
+ * right; it does not need to be modelled as a column here.
+ */
+interface SiWeatherWidgetForecastColumn {
+    /** Translatable column label, used as `aria-label` for the column. */
+    label?: TranslatableString;
+    /** element-icons icon name shown next to each row value. */
+    icon?: string;
+    /**
+     * Per-day values, aligned by index with {@link SiWeatherWidgetForecast.days}.
+     * Missing entries are rendered as empty cells.
+     */
+    values: readonly (string | number | undefined)[];
+}
+/**
+ * A single day in the forecast block.
+ */
+interface SiWeatherWidgetForecastDay {
+    /** Translatable day label, e.g. `"Mon"`. */
+    label: TranslatableString;
+    /** Weather illustration for the day. A string is shorthand for `{ src }`. */
+    illustration?: SiWeatherIcon | string;
+    /** Minimum temperature, pre-formatted by the caller. */
+    minTemperature: string | number;
+    /** Maximum temperature, pre-formatted by the caller. */
+    maxTemperature: string | number;
+}
+/**
+ * Forecast block of the weather widget.
+ *
+ * The vertical layout supports up to five optional {@link columns} in addition
+ * to the mandatory rightmost min/max temperature column. The horizontal layout
+ * ignores {@link columns} and renders only day label, illustration and min/max
+ * temperature per column. A horizontal forecast should provide at least three
+ * days for a visually balanced layout.
+ */
+interface SiWeatherWidgetForecast {
+    /** The forecast days in display order. */
+    days: readonly SiWeatherWidgetForecastDay[];
+    /** Optional extra columns (vertical layout only). At most five are rendered. */
+    columns?: readonly SiWeatherWidgetForecastColumn[];
+}
+/**
+ * Composite payload accepted by the body component. Granular widget/body inputs
+ * (`current`, `metrics`, `forecast`) take precedence when set.
+ */
+interface SiWeatherWidgetData {
+    current: SiWeatherWidgetCurrent;
+    metrics?: readonly SiWeatherWidgetMetric[];
+    forecast?: SiWeatherWidgetForecast;
+}
+
+/**
+ * Result returned by a {@link SiWeatherIconResolver}. Implementations should
+ * return either {@link icon} (rendered via `<si-icon>`) or {@link src}
+ * (rendered as a plain `<img>`). When both are present, {@link icon} wins.
+ */
+interface SiWeatherIconResolution {
+    /** Resolved Element icon name (e.g. `"element-sun"`). Rendered via `<si-icon>`. */
+    icon?: string;
+    /** Resolved image URL. Rendered as a plain `<img>`. */
+    src?: string;
+    /** Resolved alt text. The widget falls back to a sensible default. */
+    alt?: TranslatableString;
+}
+/**
+ * Maps a semantic {@link SiWeatherIcon} to a renderable illustration. The
+ * library ships a {@link SiDefaultWeatherIconResolver} that maps the built-in
+ * {@link SiWeatherCondition} vocabulary to Element icons, so the widget renders
+ * a reasonable illustration out of the box. Applications can override the
+ * mapping or add provider-specific vocabularies by registering their own
+ * resolver:
+ *
+ * @example
+ * ```ts
+ * @Injectable({ providedIn: 'root' })
+ * export class MyWeatherIconResolver extends SiWeatherIconResolver {
+ *   override resolve(icon: SiWeatherIcon): SiWeatherIconResolution | null {
+ *     // ...
+ *   }
+ * }
+ * ```
+ *
+ * Resolvers SHOULD return `null` for unknown or `'unknown'` conditions so the
+ * widget can skip the illustration.
+ */
+declare abstract class SiWeatherIconResolver {
+    abstract resolve(icon: SiWeatherIcon): SiWeatherIconResolution | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWeatherIconResolver, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SiWeatherIconResolver>;
+}
+/**
+ * Built-in resolver that maps the library's minimal
+ * {@link SiWeatherCondition} vocabulary to Element icons:
+ *
+ * - `clear` → `element-sun`
+ * - `clouds` → `element-cloudy`
+ * - `rain` → `element-rain`
+ * - `storm` → `element-storm`
+ * - `wind` → `element-wind`
+ * - `unknown` → no illustration
+ *
+ * Unknown tokens fall through to `null` so callers can register a more
+ * capable resolver without losing the built-in fallback.
+ */
+declare class SiDefaultWeatherIconResolver extends SiWeatherIconResolver {
+    resolve(icon: SiWeatherIcon): SiWeatherIconResolution | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDefaultWeatherIconResolver, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SiDefaultWeatherIconResolver>;
+}
+
+/**
+ * Marker directive that types the `let-` context of the shared range
+ * `<ng-template>` so its body gets full type checking instead of `any`.
+ *
+ *  @internal
+ */
+declare class SiWeatherRangeDefDirective {
+    static ngTemplateContextGuard(_dir: SiWeatherRangeDefDirective, ctx: unknown): ctx is {
+        $implicit: SiWeatherWidgetCurrent;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWeatherRangeDefDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiWeatherRangeDefDirective, "[siWeatherRangeDef]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Body of the `<si-weather-widget>`. Useful for compositions that do not need
+ * the surrounding `<si-card>` chrome (e.g. embedding the weather inside a
+ * custom container).
+ *
+ * Data is supplied as a composite {@link value} payload of type
+ * {@link SiWeatherWidgetData}.
+ *
+ * The body delegates illustration resolution to the injected
+ * {@link SiWeatherIconResolver}. The library ships a default resolver that
+ * maps the built-in {@link SiWeatherCondition} vocabulary to Element icons.
+ *
+ * In the `vertical` layout the forecast list responsively hides additional
+ * data columns (wind, humidity, …) via pure CSS container queries when the
+ * widget becomes too narrow. See `si-weather-widget-body.component.scss` for
+ * the thresholds.
+ */
+declare class SiWeatherWidgetBodyComponent extends SiWidgetBaseDirective<SiWeatherWidgetData> {
+    /**
+     * Visual layout. {@link SiWeatherWidgetLayout}.
+     *
+     * @defaultValue 'vertical'
+     */
+    readonly layout: _angular_core.InputSignal<SiWeatherWidgetLayout>;
+    /**
+     * Optional location label, shown inside the body in the compact layout only.
+     * The non-compact layouts render the location via the `<si-card>` heading
+     * managed by `SiWeatherWidgetComponent`.
+     */
+    readonly location: _angular_core.InputSignal<TranslatableString | undefined>;
+    /**
+     * Accessible label for the additional data list.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_WEATHER_WIDGET.METRICS_LABEL:Additional weather data`)
+     * ```
+     */
+    readonly metricsLabel: _angular_core.InputSignal<TranslatableString>;
+    /**
+     * Accessible label for the forecast section.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_WEATHER_WIDGET.FORECAST_LABEL:Weather forecast`)
+     * ```
+     */
+    readonly forecastLabel: _angular_core.InputSignal<TranslatableString>;
+    protected readonly layoutClass: _angular_core.Signal<string>;
+    protected readonly isCompact: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWeatherWidgetBodyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiWeatherWidgetBodyComponent, "si-weather-widget-body", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "location": { "alias": "location"; "required": false; "isSignal": true; }; "metricsLabel": { "alias": "metricsLabel"; "required": false; "isSignal": true; }; "forecastLabel": { "alias": "forecastLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Dashboard widget for current weather conditions, additional metrics and an
+ * optional multi-day forecast.
+ *
+ * The widget supports three layouts (see {@link SiWeatherWidgetLayout}):
+ *
+ * - `vertical` (default): full vertical card with `<si-card>` heading,
+ *   illustration, today block, optional additional data and an optional
+ *   forecast table with up to five extra columns.
+ * - `horizontal`: wider card with the today block laid out side by side and a
+ *   horizontal forecast strip below. The forecast SHOULD contain at least three
+ *   days for a visually balanced layout.
+ * - `compact`: condensed variant without a card header. The {@link location} is
+ *   rendered next to the illustration. The forecast is not shown.
+ *
+ * Data is supplied as a composite {@link value} payload of type
+ * {@link SiWeatherWidgetData}.
+ *
+ * Weather illustrations are resolved by an optional `SiWeatherIconResolver`
+ * that application developers register. Without a resolver the widget only
+ * renders illustrations when callers pass a direct `illustration.src`.
+ */
+declare class SiWeatherWidgetComponent {
+    /**
+     * Card heading text. Used as the card header in `vertical` and `horizontal`
+     * layouts. In the `compact` layout, the location is rendered inside the body
+     * instead and this input is ignored.
+     */
+    readonly heading: _angular_core.InputSignal<TranslatableString | undefined>;
+    /**
+     * Location displayed next to the illustration in the `compact` layout. Has
+     * no effect in `vertical` or `horizontal` layouts; use {@link heading} there.
+     */
+    readonly location: _angular_core.InputSignal<TranslatableString | undefined>;
+    /**
+     * Visual layout. {@link SiWeatherWidgetLayout}.
+     *
+     * @defaultValue 'vertical'
+     */
+    readonly layout: _angular_core.InputSignal<SiWeatherWidgetLayout>;
+    /**
+     * Composite weather payload of type {@link SiWeatherWidgetData}.
+     */
+    readonly value: _angular_core.InputSignal<SiWeatherWidgetData | undefined>;
+    /**
+     * Input list of primary action items. Supports up to **4** actions and omits additional ones.
+     *
+     * @defaultValue []
+     */
+    readonly primaryActions: _angular_core.InputSignal<ContentActionBarMainItem[]>;
+    /**
+     * Input list of secondary action items.
+     *
+     * @defaultValue []
+     */
+    readonly secondaryActions: _angular_core.InputSignal<MenuItem$1[]>;
+    /**
+     * Option to disable automatic start of skeleton loading indication.
+     *
+     * @defaultValue false
+     */
+    readonly disableAutoLoadingIndicator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Input to start and stop the skeleton loading indication.
+     *
+     * @defaultValue false
+     */
+    readonly showLoadingIndicator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Initial delay time in milliseconds before enabling loading indicator.
+     * Only used once initially during construction.
+     *
+     * @defaultValue 300
+     */
+    readonly initialLoadingIndicatorDebounceTime: _angular_core.InputSignal<number>;
+    /**
+     * Image source for the card.
+     */
+    readonly imgSrc: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Alt text for a provided image.
+     */
+    readonly imgAlt: _angular_core.InputSignal<TranslatableString | undefined>;
+    /**
+     * Defines if an image is placed on top or start (left) of the card.
+     *
+     * @defaultValue 'vertical'
+     */
+    readonly imgDir: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /**
+     * Sets the image [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property.
+     *
+     * @defaultValue 'scale-down'
+     */
+    readonly imgObjectFit: _angular_core.InputSignal<"fill" | "contain" | "cover" | "none" | "scale-down">;
+    /**
+     * Sets the image [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) CSS property.
+     */
+    readonly imgObjectPosition: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional accent line.
+     */
+    readonly accentLine: _angular_core.InputSignal<AccentLineType | undefined>;
+    protected readonly accentClass: _angular_core.Signal<string>;
+    protected readonly cardHeading: _angular_core.Signal<TranslatableString | undefined>;
+    protected readonly bodyLocation: _angular_core.Signal<TranslatableString | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWeatherWidgetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiWeatherWidgetComponent, "si-weather-widget", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "location": { "alias": "location"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "disableAutoLoadingIndicator": { "alias": "disableAutoLoadingIndicator"; "required": false; "isSignal": true; }; "showLoadingIndicator": { "alias": "showLoadingIndicator"; "required": false; "isSignal": true; }; "initialLoadingIndicatorDebounceTime": { "alias": "initialLoadingIndicatorDebounceTime"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "imgSrc"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "imgDir": { "alias": "imgDir"; "required": false; "isSignal": true; }; "imgObjectFit": { "alias": "imgObjectFit"; "required": false; "isSignal": true; }; "imgObjectPosition": { "alias": "imgObjectPosition"; "required": false; "isSignal": true; }; "accentLine": { "alias": "accentLine"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SiDashboardCardComponent, SiDashboardComponent, SiDashboardModule, SiDashboardService, SiDefaultWeatherIconResolver, SiLinkWidgetComponent, SiListWidgetBodyComponent, SiListWidgetComponent, SiListWidgetItemComponent, SiTimelineWidgetBodyComponent, SiTimelineWidgetComponent, SiTimelineWidgetItemComponent, SiValueWidgetBodyComponent, SiValueWidgetComponent, SiWeatherIconResolver, SiWeatherRangeDefDirective, SiWeatherWidgetBodyComponent, SiWeatherWidgetComponent };
+export type { SiListWidgetItem, SiTimelineWidgetItem, SiWeatherCondition, SiWeatherIcon, SiWeatherIconResolution, SiWeatherWidgetCurrent, SiWeatherWidgetData, SiWeatherWidgetForecast, SiWeatherWidgetForecastColumn, SiWeatherWidgetForecastDay, SiWeatherWidgetLayout, SiWeatherWidgetMetric, SortOrder, TimeLineWidgetLink, TimeLineWidgetRouterLink, TimelineWidgetActionBase, TimelineWidgetActionButton, TimelineWidgetItemAction, TimelineWidgetMenu };

package/types/siemens-element-ng-date-range-filter.d.ts

@@ -266,6 +266,15 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * ```
      */
     readonly rangeEndDateMissingLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
+    /**
+     * label when range is not defined in the preview
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_DATE_RANGE_FILTER.SELECT_RANGE_LABEL:Select date range`)
+     * ```
+     */
+    readonly selectRangeLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /** Event fired when the apply button has been clicked */
     readonly applyClicked: _angular_core.OutputEmitterRef<void>;
     /** Base configuration on how the dates should be displayed, parts of it may be overwritten internally. */
@@ -302,7 +311,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
     protected point2Changed(): void;
     protected selectPresetItem(event: Event, item: DateRangePreset): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDateRangeFilterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDateRangeFilterComponent, "si-date-range-filter", never, { "range": { "alias": "range"; "required": true; "isSignal": true; }; "presetList": { "alias": "presetList"; "required": false; "isSignal": true; }; "presetSearch": { "alias": "presetSearch"; "required": false; "isSignal": true; }; "enableTimeSelection": { "alias": "enableTimeSelection"; "required": false; "isSignal": true; }; "basicMode": { "alias": "basicMode"; "required": false; "isSignal": true; }; "reverseInputFields": { "alias": "reverseInputFields"; "required": false; "isSignal": true; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; "isSignal": true; }; "hideAdvancedMode": { "alias": "hideAdvancedMode"; "required": false; "isSignal": true; }; "refLabel": { "alias": "refLabel"; "required": false; "isSignal": true; }; "fromLabel": { "alias": "fromLabel"; "required": false; "isSignal": true; }; "toLabel": { "alias": "toLabel"; "required": false; "isSignal": true; }; "rangeLabel": { "alias": "rangeLabel"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "nowLabel": { "alias": "nowLabel"; "required": false; "isSignal": true; }; "dateLabel": { "alias": "dateLabel"; "required": false; "isSignal": true; }; "previewLabel": { "alias": "previewLabel"; "required": false; "isSignal": true; }; "datePlaceholder": { "alias": "datePlaceholder"; "required": false; "isSignal": true; }; "beforeLabel": { "alias": "beforeLabel"; "required": false; "isSignal": true; }; "afterLabel": { "alias": "afterLabel"; "required": false; "isSignal": true; }; "withinLabel": { "alias": "withinLabel"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "unitLabel": { "alias": "unitLabel"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "presetLabel": { "alias": "presetLabel"; "required": false; "isSignal": true; }; "advancedLabel": { "alias": "advancedLabel"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "rangeEndDateMissingLabel": { "alias": "rangeEndDateMissingLabel"; "required": false; "isSignal": true; }; "datepickerConfig": { "alias": "datepickerConfig"; "required": false; "isSignal": true; }; }, { "range": "rangeChange"; "applyClicked": "applyClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDateRangeFilterComponent, "si-date-range-filter", never, { "range": { "alias": "range"; "required": true; "isSignal": true; }; "presetList": { "alias": "presetList"; "required": false; "isSignal": true; }; "presetSearch": { "alias": "presetSearch"; "required": false; "isSignal": true; }; "enableTimeSelection": { "alias": "enableTimeSelection"; "required": false; "isSignal": true; }; "basicMode": { "alias": "basicMode"; "required": false; "isSignal": true; }; "reverseInputFields": { "alias": "reverseInputFields"; "required": false; "isSignal": true; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; "isSignal": true; }; "hideAdvancedMode": { "alias": "hideAdvancedMode"; "required": false; "isSignal": true; }; "refLabel": { "alias": "refLabel"; "required": false; "isSignal": true; }; "fromLabel": { "alias": "fromLabel"; "required": false; "isSignal": true; }; "toLabel": { "alias": "toLabel"; "required": false; "isSignal": true; }; "rangeLabel": { "alias": "rangeLabel"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "nowLabel": { "alias": "nowLabel"; "required": false; "isSignal": true; }; "dateLabel": { "alias": "dateLabel"; "required": false; "isSignal": true; }; "previewLabel": { "alias": "previewLabel"; "required": false; "isSignal": true; }; "datePlaceholder": { "alias": "datePlaceholder"; "required": false; "isSignal": true; }; "beforeLabel": { "alias": "beforeLabel"; "required": false; "isSignal": true; }; "afterLabel": { "alias": "afterLabel"; "required": false; "isSignal": true; }; "withinLabel": { "alias": "withinLabel"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "unitLabel": { "alias": "unitLabel"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "presetLabel": { "alias": "presetLabel"; "required": false; "isSignal": true; }; "advancedLabel": { "alias": "advancedLabel"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "rangeEndDateMissingLabel": { "alias": "rangeEndDateMissingLabel"; "required": false; "isSignal": true; }; "selectRangeLabel": { "alias": "selectRangeLabel"; "required": false; "isSignal": true; }; "datepickerConfig": { "alias": "datepickerConfig"; "required": false; "isSignal": true; }; }, { "range": "rangeChange"; "applyClicked": "applyClicked"; }, never, never, true, never>;
 }
 
 declare class SiDateRangeFilterModule {