@siemens/element-ng 49.14.0 → 49.15.0

package/types/siemens-element-ng-application-header.d.ts

@@ -5,7 +5,7 @@ import { OnDestroy, TemplateRef, Injector, OnInit, OnChanges, Signal, ElementRef
 import { HeaderWithDropdowns, SiHeaderDropdownTriggerDirective } from '@siemens/element-ng/header-dropdown';
 import { Subject } from 'rxjs';
 import * as _siemens_element_ng_application_header from '@siemens/element-ng/application-header';
-import { NavigationExtras, IsActiveMatchOptions, ActivatedRoute } from '@angular/router';
+import { NavigationExtras, IsActiveMatchOptions } from '@angular/router';
 
 /** Root component for the application header. */
 declare class SiApplicationHeaderComponent implements HeaderWithDropdowns, OnDestroy {
@@ -16,8 +16,11 @@ declare class SiApplicationHeaderComponent implements HeaderWithDropdowns, OnDes
      * @defaultValue 'sm'
      */
     readonly expandBreakpoint: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "xxl" | "never">;
+    /** Template reference for the launchpad content rendered inside the header. */
     readonly launchpad: _angular_core.InputSignal<TemplateRef<void> | undefined>;
     /**
+     * Accessible label for the launchpad toggle button.
+     *
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_APPLICATION_HEADER.LAUNCHPAD:Launchpad`)
@@ -125,10 +128,10 @@ declare class SiHeaderCollapsibleActionsComponent implements OnDestroy {
 
 declare abstract class SiHeaderActionItemBase implements OnInit {
     /** @internal */
-    dropdownTrigger: SiHeaderDropdownTriggerDirective | null;
-    protected collapsibleActions: SiHeaderCollapsibleActionsComponent | null;
+    readonly dropdownTrigger: SiHeaderDropdownTriggerDirective | null;
+    protected readonly collapsibleActions: SiHeaderCollapsibleActionsComponent | null;
     protected readonly icons: Record<"elementDown2", string>;
-    private header;
+    private readonly header;
     ngOnInit(): void;
     protected click(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderActionItemBase, never>;
@@ -298,11 +301,11 @@ interface AppBase {
     external?: boolean;
 }
 type App = AppLink | AppRouterLink;
-
 interface FavoriteChangeEvent {
     app: App;
     favorite: boolean;
 }
+
 declare class SiLaunchpadFactoryComponent {
     /**
      * Text to close the launchpad. Needed for a11y.
@@ -318,7 +321,7 @@ declare class SiLaunchpadFactoryComponent {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Switch applications`)
+     * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Switch app`)
      * ```
      */
     readonly titleText: _angular_core.InputSignal<TranslatableString>;
@@ -368,13 +371,11 @@ declare class SiLaunchpadFactoryComponent {
     protected readonly favorites: _angular_core.Signal<(_siemens_element_ng_application_header.AppLink | _siemens_element_ng_application_header.AppRouterLink)[]>;
     protected readonly hasFavorites: _angular_core.Signal<boolean>;
     protected readonly icons: Record<"elementDown2" | "elementCancel", string>;
-    protected readonly activatedRoute: ActivatedRoute | null;
     private header;
     protected closeLaunchpad(): void;
-    protected toggleFavorite(app: App, favorite: boolean): void;
+    protected toggleFavorite(event: FavoriteChangeEvent): void;
     protected escape(): void;
     protected isCategories(items: App[] | AppCategory[]): items is AppCategory[];
-    protected isFavoriteToggleDisabled(app: App): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiLaunchpadFactoryComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiLaunchpadFactoryComponent, "si-launchpad-factory", never, { "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "apps": { "alias": "apps"; "required": true; "isSignal": true; }; "enableFavorites": { "alias": "enableFavorites"; "required": false; "isSignal": true; }; "favoriteAppsText": { "alias": "favoriteAppsText"; "required": false; "isSignal": true; }; "showMoreAppsText": { "alias": "showMoreAppsText"; "required": false; "isSignal": true; }; "showLessAppsText": { "alias": "showLessAppsText"; "required": false; "isSignal": true; }; }, { "favoriteChange": "favoriteChange"; }, never, never, true, never>;
 }

package/types/siemens-element-ng-auto-collapsable-list.d.ts

@@ -54,7 +54,12 @@ declare class SiAutoCollapsableListDirective implements AfterViewInit, OnChanges
     readonly items: i0.Signal<readonly SiAutoCollapsableListItemDirective[]>;
     private readonly overflowItem;
     private readonly additionalContent;
-    /** @defaultValue true */
+    /**
+     * Enables the auto-collapsing behavior. When `true`, items that overflow the container
+     * are hidden and an overflow indicator item is shown instead.
+     *
+     * @defaultValue true
+     */
     readonly siAutoCollapsableList: i0.InputSignalWithTransform<boolean, unknown>;
     /**
      * The (flex) gap in pixels, will automatically be set if a pixel value is used in CSS.

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

@@ -13,10 +13,18 @@ declare class SiAutocompleteOptionDirective<T = unknown> implements Highlightabl
      * ```
      */
     readonly id: _angular_core.InputSignal<string>;
-    /** @defaultValue false */
+    /**
+     * When `true`, the option cannot be selected and is rendered in a disabled state.
+     *
+     * @defaultValue false
+     */
     readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
     get disabled(): boolean;
-    /** @defaultValue undefined */
+    /**
+     * The value emitted when this option is selected or activated.
+     *
+     * @defaultValue undefined
+     */
     readonly value: _angular_core.InputSignal<T | undefined>;
     protected readonly active: _angular_core.WritableSignal<boolean>;
     protected click(): void;
@@ -48,8 +56,14 @@ declare class SiAutocompleteListboxDirective<T> implements OnInit {
      * ```
      */
     readonly id: _angular_core.InputSignal<string>;
+    /** The `SiAutocompleteDirective` instance this listbox is attached to. */
     readonly autocomplete: _angular_core.InputSignal<SiAutocompleteDirective<T>>;
-    /** @defaultValue 0 */
+    /**
+     * Index of the option that is pre-selected when the listbox opens.
+     * Pass `-1` to start with no active item.
+     *
+     * @defaultValue 0
+     */
     readonly siAutocompleteDefaultIndex: _angular_core.InputSignal<number>;
     readonly siAutocompleteOptionSubmitted: _angular_core.OutputEmitterRef<T | undefined>;
     private injector;

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

@@ -94,18 +94,35 @@ declare class SiCardComponent extends SiCardBaseDirective {
  * @internal
  */
 declare class SiCardHeaderComponent {
+    /** The primary title text displayed in the card header. */
     readonly heading: _angular_core.InputSignal<TranslatableString | undefined>;
+    /** The secondary title text displayed below the main heading. */
     readonly subHeading: _angular_core.InputSignal<TranslatableString | undefined>;
+    /** HTML `id` applied to the heading element, used to associate `aria-labelledby` attributes. */
     readonly headingId: _angular_core.InputSignal<string | undefined>;
+    /** HTML `id` applied to the sub-heading element, used to associate `aria-labelledby` attributes. */
     readonly subHeadingId: _angular_core.InputSignal<string | undefined>;
-    /** @defaultValue [] */
+    /**
+     * Primary action items rendered as buttons in the content action bar.
+     * @defaultValue []
+     */
     readonly primaryActions: _angular_core.InputSignal<(MenuItem | ContentActionBarMainItem)[]>;
-    /** @defaultValue [] */
+    /**
+     * Secondary action items rendered in the content action bar overflow menu.
+     * @defaultValue []
+     */
     readonly secondaryActions: _angular_core.InputSignal<(MenuItem | MenuItem$1)[]>;
+    /** Optional parameter passed to action item callbacks when an action is triggered. */
     readonly actionParam: _angular_core.InputSignal<unknown>;
-    /** @defaultValue 'collapsible' */
+    /**
+     * Controls how the content action bar renders its actions.
+     * @defaultValue 'collapsible'
+     */
     readonly actionBarViewType: _angular_core.InputSignal<ViewType>;
-    /** @defaultValue '' */
+    /**
+     * Accessible title for the content action bar, used as an `aria-label`.
+     * @defaultValue ''
+     */
     readonly actionBarTitle: _angular_core.InputSignal<TranslatableString>;
     readonly displayContentActionBar: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiCardHeaderComponent, never>;

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

@@ -1,4 +1,5 @@
 import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import * as _angular_core from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
@@ -24,6 +25,12 @@ declare class SiColorPickerComponent implements ControlValueAccessor {
      * @defaultValue false
      */
     readonly autoClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Optional CDK scroll strategy used for the color picker overlay.
+     *
+     * @defaultValue defaultConnectedOverlayScrollStrategy()
+     */
+    readonly scrollStrategy: _angular_core.InputSignal<_angular_cdk_overlay.ScrollStrategy>;
     /**
      * Specifies whether the color picker component is disabled.
      *
@@ -64,7 +71,7 @@ declare class SiColorPickerComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiColorPickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiColorPickerComponent, "si-color-picker", never, { "colorPalette": { "alias": "colorPalette"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiColorPickerComponent, "si-color-picker", never, { "colorPalette": { "alias": "colorPalette"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; }, never, never, true, never>;
 }
 
 export { SiColorPickerComponent };

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

@@ -3,7 +3,7 @@ import * as i0 from '@angular/core';
 import { InjectionToken, Type, Provider, ElementRef } from '@angular/core';
 import { Link } from '@siemens/element-ng/link';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
-import { ConnectionPositionPair, ConnectedOverlayPositionChange, Overlay, ScrollStrategy, OverlayRef, FlexibleConnectedPositionStrategy, PositionStrategy } from '@angular/cdk/overlay';
+import { ConnectionPositionPair, ConnectedOverlayPositionChange, ScrollStrategy, Overlay, OverlayRef, FlexibleConnectedPositionStrategy, PositionStrategy } from '@angular/cdk/overlay';
 
 /**
  * A global blink pulse generator for synchronized blinking patterns across an entire application.
@@ -381,6 +381,16 @@ declare const listenGlobal: (eventName: string, handler: (e: any) => void, activ
  */
 
 declare function makePositionStrategy(elementRef: ElementRef<any> | undefined, overlay: Overlay, placement: keyof typeof positions | ConnectionPositionPair[], constrain?: boolean, center?: boolean): PositionStrategy;
+/**
+ * Returns the configured connected-overlay scroll strategy or the CDK reposition fallback.
+ * Must be called in an Angular injection context.
+ */
+declare function defaultConnectedOverlayScrollStrategy(): ScrollStrategy;
+/**
+ * Returns a factory that creates a connected-overlay scroll strategy on demand.
+ * Must be called in an Angular injection context.
+ */
+declare function defaultConnectedOverlayScrollStrategyFactory(): () => ScrollStrategy;
 declare function makeOverlay(positionStrategy: PositionStrategy, overlay: Overlay, hasBackdrop: boolean, scrollStrategy?: ScrollStrategy): OverlayRef;
 declare function getOverlay(elementRef: ElementRef<any>, overlay: Overlay, hasBackdrop: boolean, placement: keyof typeof positions | ConnectionPositionPair[], constrain?: boolean, center?: boolean, scrollStrategy?: ScrollStrategy): OverlayRef;
 declare function getPositionStrategy(overlayref: OverlayRef): FlexibleConnectedPositionStrategy | undefined;
@@ -405,5 +415,5 @@ declare function calculateOverlayArrowPosition(change: ConnectedOverlayPositionC
 
 declare function WebComponentContentChildren<T>(host: Type<T>): (...args: any) => void;
 
-export { AXIS_X, AXIS_Y, BOUNDING_RECT_WINDOW, BlinkService, SI_UI_STATE_SERVICE, STATUS_ICON, ScrollbarHelper, SiUIStateService, TextMeasureService, WebComponentContentChildren, areAnimationsDisabled, calculateOverlayArrowPosition, correctKeyRTL, getContentPositionString, getOverlay, getOverlayPositions, getPositionStrategy, hasTrigger, isRTL, listenGlobal, makeOverlay, makePositionStrategy, positionBottomCenter, positionBottomEnd, positionBottomStart, positionTopCenter, positionTopEnd, positionTopStart, positions, provideSiUiState, resolveReference, responsivelyCheckDirection };
+export { AXIS_X, AXIS_Y, BOUNDING_RECT_WINDOW, BlinkService, SI_UI_STATE_SERVICE, STATUS_ICON, ScrollbarHelper, SiUIStateService, TextMeasureService, WebComponentContentChildren, areAnimationsDisabled, calculateOverlayArrowPosition, correctKeyRTL, defaultConnectedOverlayScrollStrategy, defaultConnectedOverlayScrollStrategyFactory, getContentPositionString, getOverlay, getOverlayPositions, getPositionStrategy, hasTrigger, isRTL, listenGlobal, makeOverlay, makePositionStrategy, positionBottomCenter, positionBottomEnd, positionBottomStart, positionTopCenter, positionTopEnd, positionTopStart, positions, provideSiUiState, resolveReference, responsivelyCheckDirection };
 export type { AccentLineType, Align, BackgroundColorVariant, Direction, EntityStatusType, ExtendedStatusType, FontStyleOverride, MenuItem, NavbarItem, OverlayArrowPosition, Placement, PlacementBasic, PlacementBasicVertical, StatusIcon, StatusType, UIStateStorage };

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

@@ -374,6 +374,11 @@ declare class SiListWidgetBodyComponent extends SiWidgetBaseDirective<SiListWidg
     private readonly translatedItems;
     /** Holds the list items that are displayed. May be filtered and sorted. */
     protected readonly filteredListWidgetItems: _angular_core.Signal<SiListWidgetItem[] | undefined>;
+    /**
+     * Current search term used to filter the displayed list items.
+     *
+     * @defaultValue ''
+     */
     protected readonly searchText: _angular_core.ModelSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiListWidgetBodyComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiListWidgetBodyComponent, "si-list-widget-body", never, { "link": { "alias": "link"; "required": false; "isSignal": true; }; "searchPlaceholderLabel": { "alias": "searchPlaceholderLabel"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "compareFn": { "alias": "compareFn"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "numberOfLinks": { "alias": "numberOfLinks"; "required": false; "isSignal": true; }; "searchText": { "alias": "searchText"; "required": false; "isSignal": true; }; }, { "searchText": "searchTextChange"; }, never, ["[empty-state]"], true, never>;

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

@@ -1,5 +1,6 @@
 import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import * as _angular_core from '@angular/core';
 import { PipeTransform, OnChanges, SimpleChanges } from '@angular/core';
 import { DatepickerInputConfig, DateRange, DatepickerConfig } from '@siemens/element-ng/datepicker';
@@ -83,6 +84,12 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * @defaultValue false
      */
     readonly reverseInputFields: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Optional CDK scroll strategy used for the preset overlay.
+     *
+     * @defaultValue defaultConnectedOverlayScrollStrategy()
+     */
+    readonly scrollStrategy: _angular_core.InputSignal<_angular_cdk_overlay.ScrollStrategy>;
     /**
      * Determines whether to show the 'Apply' button
      *
@@ -282,6 +289,10 @@ declare class SiDateRangeFilterComponent implements OnChanges {
     protected readonly icons: Record<"elementDown2", string>;
     protected readonly advancedMode: _angular_core.WritableSignal<boolean>;
     protected readonly dateRange: _angular_core.WritableSignal<DateRange>;
+    protected readonly safeDateRange: _angular_core.Signal<{
+        start: Date | undefined;
+        end: Date | undefined;
+    }>;
     protected readonly point1Now: _angular_core.WritableSignal<boolean>;
     protected readonly point2Mode: _angular_core.WritableSignal<"duration" | "date">;
     protected readonly point1date: _angular_core.WritableSignal<Date>;
@@ -310,8 +321,9 @@ declare class SiDateRangeFilterComponent implements OnChanges {
     protected point1Changed(): void;
     protected point2Changed(): void;
     protected selectPresetItem(label: string): void;
+    private isValidDate;
     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; }; "selectRangeLabel": { "alias": "selectRangeLabel"; "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; }; "scrollStrategy": { "alias": "scrollStrategy"; "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 {

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

@@ -5,6 +5,7 @@ import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors, For
 import * as _angular_core from '@angular/core';
 import { OnChanges, SimpleChanges, OnInit, AfterViewInit, OnDestroy, ComponentRef, ElementRef, AfterContentInit } from '@angular/core';
 import { SiFormItemControl } from '@siemens/element-ng/form';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { FocusOrigin } from '@angular/cdk/a11y';
 
@@ -293,7 +294,11 @@ declare class SiDatepickerComponent implements OnInit, OnChanges, AfterViewInit
      * initialization and for bidirectional binding.
      */
     readonly dateRange: _angular_core.ModelSignal<DateRange | undefined>;
-    /** @internal */
+    /**
+     * Role of this calendar when a date range is displayed across two calendars.
+     *
+     * @internal
+     */
     readonly dateRangeRole: _angular_core.InputSignal<RangeType>;
     /**
      * Set initial focus to calendar body.
@@ -388,7 +393,11 @@ declare class SiDatepickerComponent implements OnInit, OnChanges, AfterViewInit
      * @defaultValue false
      */
     readonly hideTimeToggle: _angular_core.InputSignal<boolean>;
-    /** @internal */
+    /**
+     * Whether the calendar is hidden while retaining the optional timepicker.
+     *
+     * @internal
+     */
     readonly hideCalendar: _angular_core.InputSignal<boolean>;
     /**
      * Optional timepicker label.
@@ -602,6 +611,12 @@ declare class SiDatepickerOverlayDirective implements OnDestroy {
      * @internal
      */
     readonly placement: _angular_core.WritableSignal<ConnectionPositionPair[]>;
+    /**
+     * Optional CDK scroll strategy used for the datepicker overlay.
+     *
+     * @defaultValue defaultConnectedOverlayScrollStrategy()
+     */
+    readonly scrollStrategy: _angular_core.InputSignal<_angular_cdk_overlay.ScrollStrategy>;
     /**
      * Output event on closing datepicker e.g. by clicking backdrop or escape key.
      */
@@ -660,7 +675,7 @@ declare class SiDatepickerOverlayDirective implements OnDestroy {
      */
     private closeStream;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDatepickerOverlayDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiDatepickerOverlayDirective, "[siDatepickerOverlay]", ["siDatepickerOverlay"], {}, { "siDatepickerClose": "siDatepickerClose"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiDatepickerOverlayDirective, "[siDatepickerOverlay]", ["siDatepickerOverlay"], { "scrollStrategy": { "alias": "siDatepickerScrollStrategy"; "required": false; "isSignal": true; }; }, { "siDatepickerClose": "siDatepickerClose"; }, never, never, true, never>;
 }
 
 declare class SiDatepickerDirective extends SiDateInputDirective implements AfterViewInit {
@@ -708,7 +723,7 @@ declare class SiDatepickerDirective extends SiDateInputDirective implements Afte
      */
     protected onDateChanged(date?: Date): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDatepickerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiDatepickerDirective, "[siDatepicker]", ["siDatepicker"], { "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof SiDatepickerOverlayDirective; inputs: {}; outputs: { "siDatepickerClose": "siDatepickerClose"; }; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiDatepickerDirective, "[siDatepicker]", ["siDatepicker"], { "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof SiDatepickerOverlayDirective; inputs: { "siDatepickerScrollStrategy": "siDatepickerScrollStrategy"; }; outputs: { "siDatepickerClose": "siDatepickerClose"; }; }]>;
 }
 
 interface Value<T = string> {
@@ -745,18 +760,26 @@ declare class SiTimepickerComponent implements ControlValueAccessor, Validator,
      */
     readonly disabledInput: _angular_core.InputSignal<boolean>;
     /**
+     * Visible label for the hours input.
+     *
      * @defaultValue 'hh'
      */
     readonly hoursLabel: _angular_core.InputSignal<TranslatableString>;
     /**
+     * Visible label for the minutes input.
+     *
      * @defaultValue 'mm'
      */
     readonly minutesLabel: _angular_core.InputSignal<TranslatableString>;
     /**
+     * Visible label for the seconds input.
+     *
      * @defaultValue 'ss'
      */
     readonly secondsLabel: _angular_core.InputSignal<TranslatableString>;
     /**
+     * Visible label for the milliseconds input.
+     *
      * @defaultValue 'ms'
      */
     readonly millisecondsLabel: _angular_core.InputSignal<TranslatableString>;
@@ -794,23 +817,34 @@ declare class SiTimepickerComponent implements ControlValueAccessor, Validator,
      */
     readonly millisecondsAriaLabel: _angular_core.InputSignal<TranslatableString>;
     /**
+     * Placeholder for the hours input.
+     *
      * @defaultValue 'hh'
      */
     readonly hoursPlaceholder: _angular_core.InputSignal<string>;
     /**
+     * Placeholder for the minutes input.
+     *
      * @defaultValue 'mm'
      */
     readonly minutesPlaceholder: _angular_core.InputSignal<string>;
     /**
+     * Placeholder for the seconds input.
+     *
      * @defaultValue 'ss'
      */
     readonly secondsPlaceholder: _angular_core.InputSignal<string>;
     /**
+     * Placeholder for the milliseconds input.
+     *
      * @defaultValue 'ms'
      */
     readonly millisecondsPlaceholder: _angular_core.InputSignal<string>;
+    /** Custom labels for the AM and PM options. */
     readonly meridians: _angular_core.InputSignal<string[] | undefined>;
     /**
+     * Visible label for the AM/PM selector.
+     *
      * @defaultValue 'am/pm'
      */
     readonly meridiansLabel: _angular_core.InputSignal<TranslatableString>;
@@ -821,11 +855,23 @@ declare class SiTimepickerComponent implements ControlValueAccessor, Validator,
      * ```
      */
     readonly meridiansAriaLabel: _angular_core.InputSignal<TranslatableString>;
-    /** @defaultValue true */
+    /**
+     * Whether the minutes input is displayed.
+     *
+     * @defaultValue true
+     */
     readonly showMinutes: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** @defaultValue false */
+    /**
+     * Whether the seconds input is displayed.
+     *
+     * @defaultValue false
+     */
     readonly showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** @defaultValue false */
+    /**
+     * Whether the milliseconds input is displayed.
+     *
+     * @defaultValue false
+     */
     readonly showMilliseconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Show time in 12-hour period including the select to toggle between AM/PM.
@@ -839,10 +885,17 @@ declare class SiTimepickerComponent implements ControlValueAccessor, Validator,
      * A maximum time limit. The date part of the date object will be ignored.
      */
     readonly max: _angular_core.InputSignal<Date | undefined>;
-    /** @defaultValue false */
+    /**
+     * Whether the time inputs are read-only.
+     *
+     * @defaultValue false
+     */
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Emits whether the entered time components form a valid time. */
     readonly isValid: _angular_core.OutputEmitterRef<boolean>;
+    /** Emits the selected meridian when it changes. */
     readonly meridianChange: _angular_core.OutputEmitterRef<string>;
+    /** Emits when the user presses Enter in the final time input. */
     readonly inputCompleted: _angular_core.OutputEmitterRef<void>;
     private readonly inputParts;
     /**
@@ -1076,7 +1129,7 @@ declare class SiDateRangeComponent implements ControlValueAccessor, Validator, A
     private readErrorsFromInnerControl;
     private updateValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDateRangeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDateRangeComponent, "si-date-range", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "siDatepickerConfig": { "alias": "siDatepickerConfig"; "required": false; "isSignal": true; }; "startDatePlaceholder": { "alias": "startDatePlaceholder"; "required": false; "isSignal": true; }; "endDatePlaceholder": { "alias": "endDatePlaceholder"; "required": false; "isSignal": true; }; "ariaLabelCalendarButton": { "alias": "ariaLabelCalendarButton"; "required": false; "isSignal": true; }; "startTimeLabel": { "alias": "startTimeLabel"; "required": false; "isSignal": true; }; "endTimeLabel": { "alias": "endTimeLabel"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; }, { "siDatepickerConfig": "siDatepickerConfigChange"; "siDatepickerRangeChange": "siDatepickerRangeChange"; "disabledTimeChange": "disabledTimeChange"; "value": "valueChange"; }, never, never, true, [{ directive: typeof SiDatepickerOverlayDirective; inputs: {}; outputs: { "siDatepickerClose": "siDatepickerClose"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDateRangeComponent, "si-date-range", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "siDatepickerConfig": { "alias": "siDatepickerConfig"; "required": false; "isSignal": true; }; "startDatePlaceholder": { "alias": "startDatePlaceholder"; "required": false; "isSignal": true; }; "endDatePlaceholder": { "alias": "endDatePlaceholder"; "required": false; "isSignal": true; }; "ariaLabelCalendarButton": { "alias": "ariaLabelCalendarButton"; "required": false; "isSignal": true; }; "startTimeLabel": { "alias": "startTimeLabel"; "required": false; "isSignal": true; }; "endTimeLabel": { "alias": "endTimeLabel"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; }, { "siDatepickerConfig": "siDatepickerConfigChange"; "siDatepickerRangeChange": "siDatepickerRangeChange"; "disabledTimeChange": "disabledTimeChange"; "value": "valueChange"; }, never, never, true, [{ directive: typeof SiDatepickerOverlayDirective; inputs: { "siDatepickerScrollStrategy": "scrollStrategy"; }; outputs: { "siDatepickerClose": "siDatepickerClose"; }; }]>;
 }
 
 /**

package/types/siemens-element-ng-filter-bar.d.ts

@@ -113,13 +113,20 @@ declare class SiFilterPillComponent {
      * Settings of the filter pill.
      */
     readonly filter: _angular_core.InputSignal<Filter>;
-    /** @defaultValue false */
+    /**
+     * Whether the pill's delete button is disabled.
+     *
+     * @defaultValue false
+     */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** @defaultValue 0 */
+    /**
+     * Total number of filter pills currently displayed.
+     *
+     * @defaultValue 0
+     */
     readonly totalPills: _angular_core.InputSignal<number>;
     /**
-     * Output callback event which will provide you the name of the deleted filter
-     * pill if a filter was deleted.
+     * Emits the filter when its delete button is clicked.
      */
     readonly deleteFilters: _angular_core.OutputEmitterRef<Filter>;
     protected deleteClicked(): void;

package/types/siemens-element-ng-filtered-search.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { BackgroundColorVariant } from '@siemens/element-ng/common';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import { Observable } from 'rxjs';
@@ -146,6 +147,12 @@ interface InternalCriterionDefinition extends CriterionDefinition {
 }
 
 declare class SiFilteredSearchComponent implements OnInit, OnChanges {
+    /**
+     * Factory for CDK scroll strategies used by filtered-search overlays.
+     *
+     * @defaultValue defaultConnectedOverlayScrollStrategyFactory()
+     */
+    readonly scrollStrategy: _angular_core.InputSignal<() => _angular_cdk_overlay.ScrollStrategy>;
     /**
      * Output callback event that provides an object describing the
      * selected criteria and additional filter text.
@@ -444,7 +451,7 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
     private emitChangeEvent;
     protected createFreeTextPill(query: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiFilteredSearchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFilteredSearchComponent, "si-filtered-search", never, { "doSearchOnInputChange": { "alias": "doSearchOnInputChange"; "required": false; "isSignal": true; }; "lazyCriterionProvider": { "alias": "lazyCriterionProvider"; "required": false; "isSignal": true; }; "lazyValueProvider": { "alias": "lazyValueProvider"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "strictCriterion": { "alias": "strictCriterion"; "required": false; "isSignal": true; }; "strictValue": { "alias": "strictValue"; "required": false; "isSignal": true; }; "onlySelectValue": { "alias": "onlySelectValue"; "required": false; "isSignal": true; }; "lazyLoadingDebounceTime": { "alias": "lazyLoadingDebounceTime"; "required": false; "isSignal": true; }; "searchDebounceTime": { "alias": "searchDebounceTime"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "optionsInScrollableView": { "alias": "optionsInScrollableView"; "required": false; "isSignal": true; }; "searchCriteria": { "alias": "searchCriteria"; "required": false; "isSignal": true; }; "criteria": { "alias": "criteria"; "required": false; "isSignal": true; }; "exclusiveCriteria": { "alias": "exclusiveCriteria"; "required": false; "isSignal": true; }; "maxCriteria": { "alias": "maxCriteria"; "required": false; "isSignal": true; }; "maxCriteriaOptions": { "alias": "maxCriteriaOptions"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "clearButtonLabel": { "alias": "clearButtonLabel"; "required": false; "isSignal": true; }; "submitButtonLabel": { "alias": "submitButtonLabel"; "required": false; "isSignal": true; }; "itemCountText": { "alias": "itemCountText"; "required": false; "isSignal": true; }; "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; "disableFreeTextSearch": { "alias": "disableFreeTextSearch"; "required": false; "isSignal": true; }; "typeaheadOptionsLimit": { "alias": "typeaheadOptionsLimit"; "required": false; "isSignal": true; }; "disableSelectionByColonAndSemicolon": { "alias": "disableSelectionByColonAndSemicolon"; "required": false; "isSignal": true; }; "freeTextCriterion": { "alias": "freeTextCriterion"; "required": false; "isSignal": true; }; "searchForFreeTextLabel": { "alias": "searchForFreeTextLabel"; "required": false; "isSignal": true; }; }, { "doSearch": "doSearch"; "searchCriteria": "searchCriteriaChange"; "interceptDisplayedCriteria": "interceptDisplayedCriteria"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiFilteredSearchComponent, "si-filtered-search", never, { "scrollStrategy": { "alias": "scrollStrategy"; "required": false; "isSignal": true; }; "doSearchOnInputChange": { "alias": "doSearchOnInputChange"; "required": false; "isSignal": true; }; "lazyCriterionProvider": { "alias": "lazyCriterionProvider"; "required": false; "isSignal": true; }; "lazyValueProvider": { "alias": "lazyValueProvider"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "strictCriterion": { "alias": "strictCriterion"; "required": false; "isSignal": true; }; "strictValue": { "alias": "strictValue"; "required": false; "isSignal": true; }; "onlySelectValue": { "alias": "onlySelectValue"; "required": false; "isSignal": true; }; "lazyLoadingDebounceTime": { "alias": "lazyLoadingDebounceTime"; "required": false; "isSignal": true; }; "searchDebounceTime": { "alias": "searchDebounceTime"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "optionsInScrollableView": { "alias": "optionsInScrollableView"; "required": false; "isSignal": true; }; "searchCriteria": { "alias": "searchCriteria"; "required": false; "isSignal": true; }; "criteria": { "alias": "criteria"; "required": false; "isSignal": true; }; "exclusiveCriteria": { "alias": "exclusiveCriteria"; "required": false; "isSignal": true; }; "maxCriteria": { "alias": "maxCriteria"; "required": false; "isSignal": true; }; "maxCriteriaOptions": { "alias": "maxCriteriaOptions"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "clearButtonLabel": { "alias": "clearButtonLabel"; "required": false; "isSignal": true; }; "submitButtonLabel": { "alias": "submitButtonLabel"; "required": false; "isSignal": true; }; "itemCountText": { "alias": "itemCountText"; "required": false; "isSignal": true; }; "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; "disableFreeTextSearch": { "alias": "disableFreeTextSearch"; "required": false; "isSignal": true; }; "typeaheadOptionsLimit": { "alias": "typeaheadOptionsLimit"; "required": false; "isSignal": true; }; "disableSelectionByColonAndSemicolon": { "alias": "disableSelectionByColonAndSemicolon"; "required": false; "isSignal": true; }; "freeTextCriterion": { "alias": "freeTextCriterion"; "required": false; "isSignal": true; }; "searchForFreeTextLabel": { "alias": "searchForFreeTextLabel"; "required": false; "isSignal": true; }; }, { "doSearch": "doSearch"; "searchCriteria": "searchCriteriaChange"; "interceptDisplayedCriteria": "interceptDisplayedCriteria"; }, never, never, true, never>;
 }
 
 declare class SiFilteredSearchModule {

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

@@ -298,6 +298,7 @@ declare class SiFormItemComponent implements AfterContentInit, AfterContentCheck
      * @defaultValue false
      */
     readonly disableErrorPrinting: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Maps validation errors of the contained control to custom messages. */
     readonly formErrorMapper: _angular_core.InputSignal<SiFormValidationErrorMapper | undefined>;
     /**
      * Defines that this form item is required for the overall form to be valid.
@@ -358,6 +359,7 @@ declare class SiFormValidationTooltipDirective implements OnDestroy, DoCheck {
     private tooltipService;
     private formValidationService;
     private formContainer;
+    /** Maps validation errors of the associated form control to custom tooltip messages. */
     readonly formErrorMapper: _angular_core.InputSignal<SiFormValidationErrorMapper | undefined>;
     private ngControl;
     private elementRef;

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

@@ -16,6 +16,7 @@ declare class SiFormlyComponent<TControl extends {
      * Formly main container to provide modelChange subscriptions.
      */
     readonly formlyForm: i0.Signal<FormlyForm | undefined>;
+    /** Reactive form used by Formly. A form is created when none is provided. */
     readonly form: i0.ModelSignal<FormGroup<TControl> | undefined>;
     /**
      * Mapping of field name and its value.
@@ -47,10 +48,11 @@ declare class SiFormlyComponent<TControl extends {
     readonly fields: i0.InputSignal<FormlyFieldConfig<_ngx_formly_core.FormlyFieldProps & {
         [additionalProperties: string]: any;
     }>[]>;
+    /** Emits the effective field configuration, including configuration generated from `schema`. */
     readonly fieldsChange: i0.OutputEmitterRef<FormlyFieldConfig<_ngx_formly_core.FormlyFieldProps & {
         [additionalProperties: string]: any;
     }>[]>;
-    /** Define width for field labels in pixel */
+    /** Width in pixels applied to field labels. */
     readonly labelWidth: i0.InputSignal<number | undefined>;
     protected readonly fieldConfig: i0.Signal<FormlyFieldConfig<_ngx_formly_core.FormlyFieldProps & {
         [additionalProperties: string]: any;

package/types/siemens-element-ng-header-dropdown.d.ts

@@ -12,9 +12,9 @@ import { ConnectedPosition } from '@angular/cdk/overlay';
  */
 declare class SiHeaderDropdownTriggerDirective implements OnChanges, OnInit, OnDestroy {
     private static idCounter;
-    /** Template that be rendered inside the dropdown. */
+    /** Template rendered inside the dropdown. */
     readonly dropdown: _angular_core.InputSignal<TemplateRef<unknown>>;
-    /** Data that should be passed as template context to the dropdown. */
+    /** Context data passed to the dropdown template. */
     readonly dropdownData: _angular_core.InputSignal<unknown>;
     /** Emits whenever a dropdown is opened or closed. */
     readonly openChange: _angular_core.OutputEmitterRef<boolean>;
@@ -46,7 +46,7 @@ declare class SiHeaderDropdownTriggerDirective implements OnChanges, OnInit, OnD
     readonly ariaControls: string;
     private headerAnchorComponentRef?;
     constructor();
-    /** Whether the dropdown is open. */
+    /** Whether the dropdown is currently open. */
     get isOpen(): boolean;
     /** @internal */
     get isOverlay(): boolean;
@@ -114,7 +114,9 @@ declare class SiHeaderDropdownItemComponent {
  * @internal
  */
 declare class SiHeaderDropdownItemsFactoryComponent {
+    /** Menu items rendered by this factory. */
     readonly items: _angular_core.InputSignal<MenuItem[]>;
+    /** Emits whether a generated dropdown item is active. */
     readonly activeChange: _angular_core.OutputEmitterRef<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderDropdownItemsFactoryComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiHeaderDropdownItemsFactoryComponent, "si-header-dropdown-items-factory", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "activeChange": "activeChange"; }, never, never, true, never>;