@siemens/element-ng 47.3.0 → 47.4.0

package/datepicker/si-datepicker.component.d.ts

@@ -0,0 +1,228 @@
+import { AfterViewInit, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { Cell } from './components/si-calendar-body.component';
+import { DatepickerConfig, DateRange, WeekStart } from './si-datepicker.model';
+import * as i0 from "@angular/core";
+/**
+ * Choose which view shall be shown.
+ * @internal
+ */
+type ViewType = 'week' | 'month' | 'year' | undefined;
+export type RangeType = 'START' | 'END' | undefined;
+export declare class SiDatepickerComponent implements OnInit, OnChanges, AfterViewInit {
+    private readonly locale;
+    /**
+     * The date which is currently focused
+     * Compare to the selected date or range the calendar requires to have one element to focus.
+     */
+    readonly focusedDate: import("@angular/core").ModelSignal<Date | undefined>;
+    /**
+     * The selected date of the datepicker. Use for
+     * initialization and for bidirectional binding.
+     */
+    readonly date: import("@angular/core").ModelSignal<Date | undefined>;
+    /**
+     * The selected date range of the datepicker. Use for
+     * initialization and for bidirectional binding.
+     */
+    readonly dateRange: import("@angular/core").ModelSignal<DateRange | undefined>;
+    /** @internal */
+    readonly dateRangeRole: import("@angular/core").InputSignal<RangeType>;
+    /**
+     * Set initial focus to calendar body.
+     *
+     * @defaultValue false
+     */
+    readonly initialFocus: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Disabled the optional visible time picker.
+     *
+     * @defaultValue false
+     */
+    readonly disabledTime: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Object to configure the datepicker.
+     *
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    readonly config: import("@angular/core").ModelSignal<DatepickerConfig>;
+    /**
+     * Aria label for the previous button. Needed for a11y.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATEPICKER.PREVIOUS:Previous`
+     * ```
+     */
+    readonly previousLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Aria label for the next button. Needed for a11y.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATEPICKER.NEXT:Next`
+     * ```
+     */
+    readonly nextLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Aria label for week number column
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATEPICKER.CALENDAR_WEEK_LABEL:Calendar week`
+     * ```
+     */
+    readonly calenderWeekLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Enable/disable 12H mode in timepicker. Defaults to locale
+     *
+     * @defaultValue undefined
+     */
+    readonly time12h: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Use this to force date range operation to select either start date or end date.
+     *
+     * @defaultValue 'START'
+     */
+    readonly rangeType: import("@angular/core").ModelSignal<RangeType>;
+    /**
+     * Optional input to control the minimum month the datepicker can show and the user can navigate.
+     * The `minMonth` can be larger than the `minDate` This option enables the usage of multiple
+     * datepickers next to each other while the more left calendar always
+     * shows a earlier month the the more right one.
+     * @internal
+     */
+    readonly minMonth: import("@angular/core").InputSignal<Date | undefined>;
+    /**
+     * Optional input to control the maximum month the datepicker can show and the user can navigate.
+     * The `maxMonth` can be smaller than the `maxDate` This option enables the usage of multiple
+     * datepickers next to each other while the more left calendar always
+     * shows a earlier month the the more right one.
+     * @internal
+     */
+    readonly maxMonth: import("@angular/core").InputSignal<Date | undefined>;
+    /**
+     * Option to hide the time switch.
+     *
+     * @defaultValue false
+     */
+    readonly hideTimeToggle: import("@angular/core").InputSignal<boolean>;
+    /** @internal */
+    readonly hideCalendar: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Optional timepicker label.
+     */
+    readonly timepickerLabel: import("@angular/core").InputSignal<string | undefined>;
+    protected get startDate(): Date | undefined;
+    protected get endDate(): Date | undefined;
+    /**
+     * Returns the date object if not range selection is enabled. Otherwise, if
+     * the date range role is 'END', the date range end date is returned. If
+     * date range role is not 'END', the date range start date is returned.
+     */
+    private getRelevantDate;
+    private readonly defaultDisabledTimeText;
+    private readonly defaultEnableTimeText;
+    protected readonly includeTimeLabel: import("@angular/core").Signal<TranslatableString>;
+    protected get weekStartDay(): WeekStart;
+    protected get hideWeekNumbers(): boolean;
+    /**
+     * The active view
+     */
+    protected readonly view: import("@angular/core").WritableSignal<ViewType>;
+    /**
+     * Get the current shown view.
+     */
+    private readonly activeView;
+    protected readonly actualFocusedDate: import("@angular/core").Signal<Date>;
+    protected readonly requireFocus: import("@angular/core").WritableSignal<boolean>;
+    /** When the user switch from the year or month view via keyboard selection we force the focus. */
+    protected readonly forceFocus: import("@angular/core").Signal<boolean>;
+    protected months: string[];
+    protected switchId: string;
+    protected timepickerId: string;
+    /**
+     * Configuration which view shall be shown after year selection,
+     * when onlyMonthSelection is enabled the month view is shown otherwise the week view.
+     */
+    protected yearViewSwitchTo: 'month' | 'week';
+    protected monthViewSwitchTo: 'month' | 'week';
+    private readonly cdRef;
+    private readonly localeWeekStart;
+    /**
+     * Date object to track and change the time. Keeping time and date
+     * in separate objects to not change the date when flipping time.
+     * After change, a new date object is created with an adapted time.
+     */
+    protected time?: Date;
+    /**
+     * Used to hold the last time when setting the time to disabled.
+     * Value will be reset on enabling the time again.
+     */
+    private previousTime?;
+    private readonly timePicker;
+    /** Reference to the current day selection component. Shown when view === 'week' */
+    private readonly daySelection;
+    /** Reference to the current month selection component. Shown when view === 'month' */
+    private readonly monthSelection;
+    /** Reference to the current year selection component. Shown when view === 'year' */
+    private readonly yearSelection;
+    /**
+     * The cell which which has the mouse hover.
+     * @internal
+     */
+    readonly activeHover: import("@angular/core").ModelSignal<Cell | undefined>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    /** Initialize day and month labels */
+    private initCalendarLabels;
+    /**
+     * Validates and sets a new date to the this.date model object of this component
+     * and fires the related events. The model object shall not be updated elsewhere
+     * with a new date object. Shall only be called on simple date selection and not
+     * on date range selection.
+     *
+     * @param newDate - The new date to be set.
+     */
+    private setDate;
+    /**
+     * Validates and sets the new date range to the dateRange model
+     * object.
+     * @param newDateRange - The new range to be set.
+     * @returns True if the new range is valid and set. Otherwise false.
+     */
+    private setDateRange;
+    protected timeSelected(newTime: Date): void;
+    protected toggleDisabledTime(): void;
+    private onDisabledTimeChanged;
+    private validateTime;
+    /**
+     * Handle selection in the day view.
+     * @param selection - selected date.
+     */
+    protected selectionChange(selection: Date): void;
+    /**
+     * Handle month/year changes
+     * @param selection - the selected month or null of cancelled.
+     */
+    protected activeMonthChange(selection: Date | null): void;
+    /**
+     * Handle year changes
+     * @param selection - the selected year or null of cancelled.
+     */
+    protected activeYearChange(selection: Date | null): void;
+    /**
+     * Focus the active cell in view.
+     * The function is required to transfer the focus from input to the active date cell.
+     */
+    focusActiveCell(): void;
+    protected onActiveHoverChange(event?: Cell): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiDatepickerComponent, "si-datepicker", never, { "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "dateRange": { "alias": "dateRange"; "required": false; "isSignal": true; }; "dateRangeRole": { "alias": "dateRangeRole"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "calenderWeekLabel": { "alias": "calenderWeekLabel"; "required": false; "isSignal": true; }; "time12h": { "alias": "time12h"; "required": false; "isSignal": true; }; "rangeType": { "alias": "rangeType"; "required": false; "isSignal": true; }; "minMonth": { "alias": "minMonth"; "required": false; "isSignal": true; }; "maxMonth": { "alias": "maxMonth"; "required": false; "isSignal": true; }; "hideTimeToggle": { "alias": "hideTimeToggle"; "required": false; "isSignal": true; }; "hideCalendar": { "alias": "hideCalendar"; "required": false; "isSignal": true; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; "isSignal": true; }; "activeHover": { "alias": "activeHover"; "required": false; "isSignal": true; }; }, { "focusedDate": "focusedDateChange"; "date": "dateChange"; "dateRange": "dateRangeChange"; "disabledTime": "disabledTimeChange"; "config": "configChange"; "rangeType": "rangeTypeChange"; "activeHover": "activeHoverChange"; }, never, never, true, never>;
+}
+export {};

package/datepicker/si-datepicker.directive.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { SiDateInputDirective } from './si-date-input.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./si-datepicker-overlay.directive";
+export declare class SiDatepickerDirective extends SiDateInputDirective implements AfterViewInit {
+    /**
+     * Automatically close overlay on date selection.
+     * Do not use this behavior with config showTime = true, because it
+     * will close the overlay when the user change one of the time units.
+     *
+     * @defaultValue false
+     */
+    readonly autoClose: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @deprecated Property has no effect and will be removed without replacement.
+     *
+     * @defaultValue inject(ElementRef)
+     */
+    readonly triggeringInput: import("@angular/core").InputSignal<ElementRef<any>>;
+    /**
+     * During focus on close the datepicker will not show since we recover the focus on element.
+     * The focus on close is only relevant when the directive is configured without a calendar button.
+     */
+    private overlaySubscriptions?;
+    private externalTrigger?;
+    private readonly overlayToggle;
+    ngAfterViewInit(): void;
+    /** @internal */
+    touch(): void;
+    /**
+     * On click shall show datepicker.
+     */
+    protected onClick(): void;
+    /**
+     * Focus out shall close the datepicker except we are moving the focus to the datepicker.
+     * @param event - focus out event with the related target
+     */
+    protected onBlur(event: FocusEvent): void;
+    protected onTab(): void;
+    /**
+     * @internal
+     */
+    show(initialFocus?: boolean): void;
+    /**
+     * @internal
+     */
+    useExternalTrigger(element: ElementRef<HTMLElement>): void;
+    protected focusChange(): void;
+    private getTime12h;
+    private subscribeDateChanges;
+    /**
+     * Callback when the datepicker changes his value.
+     * @param date - updated date
+     */
+    protected onDateChanged(date?: Date): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDatepickerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiDatepickerDirective, "[siDatepicker]", ["siDatepicker"], { "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "triggeringInput": { "alias": "triggeringInput"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.SiDatepickerOverlayDirective; inputs: {}; outputs: { "siDatepickerClose": "siDatepickerClose"; }; }]>;
+}

package/datepicker/si-datepicker.model.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+export type WeekStart = 'monday' | 'saturday' | 'sunday' | undefined;
+export interface DatepickerConfig {
+    /**
+     * Text or translation key for today button title. Default is `Today`.
+     */
+    todayText?: TranslatableString;
+    /**
+     * Defines the starting day of the week. Default is `monday`.
+     */
+    weekStartDay?: WeekStart;
+    /**
+     * Configuration for hiding week numbers. Default is `false`.
+     */
+    hideWeekNumbers?: boolean;
+    /**
+     * Defines the timepicker visibility. Default is `false`.
+     */
+    showTime?: boolean;
+    /**
+     * Defines the timepicker minutes visibility. Default is `true`.
+     */
+    showMinutes?: boolean;
+    /**
+     * Defines the timepicker seconds visibility . Default is `false`.
+     */
+    showSeconds?: boolean;
+    /**
+     * Defines the timepicker milliseconds visibility . Default is `false`.
+     */
+    showMilliseconds?: boolean;
+    /**
+     * Hides disable time switch in the timepicker part and includes mandatory the
+     * time in the picker.
+     */
+    mandatoryTime?: boolean;
+    /**
+     * Defines the time is disabled when visible. Will also be updated on user change. Default is `false`.
+     */
+    disabledTime?: boolean;
+    /**
+     * Text or translation key for the `enabled` disable time. Default is `Consider time`.
+     */
+    enabledTimeText?: TranslatableString;
+    /**
+     * Text or translation key for the `disabled` disable time. Default is `Ignore time`.
+     */
+    disabledTimeText?: TranslatableString;
+    /**
+     * Minimal (earliest) selectable date.
+     */
+    minDate?: Date;
+    /**
+     * Maximal (latest) selectable date.
+     */
+    maxDate?: Date;
+    /**
+     * Options to turn on date range selection.
+     */
+    enableDateRange?: boolean;
+    /**
+     * Option to use two months view for date range picking.
+     */
+    enableTwoMonthDateRange?: boolean;
+    /**
+     * Consider time with minDate and maxDate
+     */
+    enableTimeValidation?: boolean;
+    /**
+     * Only month and year are selectable.
+     */
+    onlyMonthSelection?: boolean;
+    hoursLabel?: string;
+    minutesLabel?: string;
+    secondsLabel?: string;
+    millisecondsLabel?: string;
+    hideLabels?: boolean;
+    hoursAriaLabel?: string;
+    minutesAriaLabel?: string;
+    secondsAriaLabel?: string;
+    millisecondsAriaLabel?: string;
+    hoursPlaceholder?: string;
+    minutesPlaceholder?: string;
+    secondsPlaceholder?: string;
+    millisecondsPlaceholder?: string;
+    meridians?: string[];
+    meridiansLabel?: string;
+    meridiansAriaLabel?: string;
+    startTimeLabel?: string;
+    endTimeLabel?: string;
+}
+export interface DatepickerInputConfig extends DatepickerConfig {
+    /**
+     * A custom date/time format according the Angular date pipe (see {@link https://angular.dev/api/common/DatePipe}).
+     * Only numeric date formats are supported.
+     * The format is used to render the time of a date-time criterion. If not specified, `mediumTime` is
+     * used if the `showSeconds` flag is true, otherwise `shortTime` as default. For the date-only
+     * case, 'shortDate' is used.
+     */
+    dateTimeFormat?: string;
+    /**
+     * Similar to `dateTimeFormat`, but used when only a date is displayed
+     * (e.g. when `showTime === false` or `disabledTime === true`).
+     * Only numeric date formats are supported.
+     */
+    dateFormat?: string;
+}
+/**
+ * Returns date / datetime format to be used for rendering a date object as text
+ * to an Html input element, which has the `SiDatepickerDirective`.
+ *
+ * @see https://angular.dev/api/common/DatePipe?tab=usage-notes
+ * @param locale - The locale for which the format is returned.
+ * @param config - The config object of the datepicker.
+ * @param timeWhenDisabled - If `true`, a format with time (medium or short) is returned, even if the `disabledTime` config is `true`.
+ * @returns Either
+ *   - a custom format provided by the config,
+ *   - the localized `medium` format when time and seconds included
+ *   - the localized `short` format when time and no seconds included
+ */
+export declare const getDatepickerFormat: (locale: string, config?: DatepickerInputConfig, timeWhenDisabled?: boolean) => string;
+export type DateRange = {
+    start: Date | undefined;
+    end: Date | undefined;
+};

package/datepicker/si-datepicker.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-calendar-button.component";
+import * as i2 from "./si-date-input.directive";
+import * as i3 from "./si-datepicker.component";
+import * as i4 from "./si-datepicker.directive";
+import * as i5 from "./si-date-range.component";
+import * as i6 from "./si-timepicker.component";
+export declare class SiDatepickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDatepickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiDatepickerModule, never, [typeof i1.SiCalendarButtonComponent, typeof i2.SiDateInputDirective, typeof i3.SiDatepickerComponent, typeof i4.SiDatepickerDirective, typeof i5.SiDateRangeComponent, typeof i6.SiTimepickerComponent], [typeof i1.SiCalendarButtonComponent, typeof i2.SiDateInputDirective, typeof i3.SiDatepickerComponent, typeof i4.SiDatepickerDirective, typeof i5.SiDateRangeComponent, typeof i6.SiTimepickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiDatepickerModule>;
+}

package/datepicker/si-timepicker.component.d.ts

@@ -0,0 +1,214 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { ControlValueAccessor } from '@angular/forms';
+import { SiFormItemControl } from '@siemens/element-ng/form';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as i0 from "@angular/core";
+export declare class SiTimepickerComponent implements ControlValueAccessor, SiFormItemControl {
+    private static idCounter;
+    /** @internal */
+    invalidHours: boolean;
+    /** @internal */
+    invalidMinutes: boolean;
+    /** @internal */
+    invalidSeconds: boolean;
+    /** @internal */
+    invalidMilliseconds: boolean;
+    /**
+     * @defaultValue
+     * ```
+     * `__si-timepicker-${SiTimepickerComponent.idCounter++}`
+     * ```
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
+    readonly labelledby: string;
+    /**
+     * All input fields will be disabled if set to true.
+     *
+     * @defaultValue false
+     */
+    readonly disabledInput: import("@angular/core").InputSignal<boolean>;
+    /**
+     * @defaultValue 'hh'
+     */
+    readonly hoursLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue 'mm'
+     */
+    readonly minutesLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue 'ss'
+     */
+    readonly secondsLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue 'ms'
+     */
+    readonly millisecondsLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Hide the labels of the input fields.
+     * @defaultValue false
+     */
+    readonly hideLabels: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATEPICKER.HOURS:Hours`
+     * ```
+     */
+    readonly hoursAriaLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATEPICKER.MINUTES:Minutes`
+     * ```
+     */
+    readonly minutesAriaLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATEPICKER.SECONDS:Seconds`
+     * ```
+     */
+    readonly secondsAriaLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATEPICKER.MILLISECONDS:Milliseconds`
+     * ```
+     */
+    readonly millisecondsAriaLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue 'hh'
+     */
+    readonly hoursPlaceholder: import("@angular/core").InputSignal<string>;
+    /**
+     * @defaultValue 'mm'
+     */
+    readonly minutesPlaceholder: import("@angular/core").InputSignal<string>;
+    /**
+     * @defaultValue 'ss'
+     */
+    readonly secondsPlaceholder: import("@angular/core").InputSignal<string>;
+    /**
+     * @defaultValue 'ms'
+     */
+    readonly millisecondsPlaceholder: import("@angular/core").InputSignal<string>;
+    readonly meridians: import("@angular/core").InputSignal<string[] | undefined>;
+    /**
+     * @defaultValue 'am/pm'
+     */
+    readonly meridiansLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATEPICKER.PERIOD:Period`
+     * ```
+     */
+    readonly meridiansAriaLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /** @defaultValue true */
+    readonly showMinutes: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly showSeconds: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly showMilliseconds: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Show time in 12-hour period including the select to toggle between AM/PM.
+     */
+    readonly showMeridian: import("@angular/core").InputSignal<boolean | undefined>;
+    /**
+     * A minimum time limit. The date part of the date object will be ignored.
+     */
+    readonly min: import("@angular/core").InputSignal<Date | undefined>;
+    /**
+     * A maximum time limit. The date part of the date object will be ignored.
+     */
+    readonly max: import("@angular/core").InputSignal<Date | undefined>;
+    /** @defaultValue false */
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly isValid: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly meridianChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly inputCompleted: import("@angular/core").OutputEmitterRef<void>;
+    private readonly inputParts;
+    /** @internal */
+    readonly errormessageId: string;
+    private onChange;
+    private onTouched;
+    protected hours: string;
+    protected minutes: string;
+    protected seconds: string;
+    protected milliseconds: string;
+    protected readonly periods: import("@angular/core").Signal<string[]>;
+    protected readonly use12HourClock: import("@angular/core").Signal<boolean>;
+    protected readonly disabled: import("@angular/core").Signal<boolean>;
+    protected readonly meridian: import("@angular/core").WritableSignal<"" | "am" | "pm">;
+    private readonly disabledNgControl;
+    private readonly locale;
+    private readonly cdRef;
+    /**
+     * Holds the time as date object that is presented by this control.
+     */
+    private time?;
+    private periodDefaults;
+    constructor();
+    writeValue(obj?: Date | string): void;
+    /** @internal */
+    isPM(): boolean;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Handle Enter, Arrow up/down and Space key press events.
+     */
+    protected handleKeyPressEvent(event: KeyboardEvent): void;
+    protected toHtmlInputElement: (target?: EventTarget | null) => HTMLInputElement;
+    protected updateHours(value: number | string): void;
+    protected updateMinutes(value: number | string): void;
+    protected updateSeconds(value: number | string): void;
+    protected updateMilliseconds(value: number | string): void;
+    protected toggleMeridian(): void;
+    /**
+     * Takes the current UI values and updates the time object value
+     * accordingly, if they UI input values are valid.
+     */
+    private updateTime;
+    /**
+     * Sets a new time object as model value, updates the user interface
+     * and invokes onChange to let timepicker clients know about the update.
+     * @param time - The new time to be set.
+     */
+    private setTime;
+    /**
+     * Updates the user interface by filling the time components
+     * into the time input fields. Sets empty values if the date
+     * is undefined or invalid.
+     *
+     * @param value - The date object or string from with the time components are taken.
+     */
+    private updateUI;
+    private isValidDate;
+    private parseTime;
+    private parseHours;
+    private parseMinutes;
+    private parseSeconds;
+    private parseMilliseconds;
+    private createDateUpdate;
+    private toNumber;
+    private isInputValid;
+    private isHourInputValid;
+    private isMinuteInputValid;
+    private isSecondInputValid;
+    private isMillisecondInputValid;
+    private isValidLimit;
+    private changeTimeComponent;
+    private changeTime;
+    /**
+     * Focuses the next available input/select field or emit inputCompleted event.
+     */
+    protected focusNext(event: Event): void;
+    protected focusChange(event: FocusOrigin): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTimepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiTimepickerComponent, "si-timepicker", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "hoursLabel": { "alias": "hoursLabel"; "required": false; "isSignal": true; }; "minutesLabel": { "alias": "minutesLabel"; "required": false; "isSignal": true; }; "secondsLabel": { "alias": "secondsLabel"; "required": false; "isSignal": true; }; "millisecondsLabel": { "alias": "millisecondsLabel"; "required": false; "isSignal": true; }; "hideLabels": { "alias": "hideLabels"; "required": false; "isSignal": true; }; "hoursAriaLabel": { "alias": "hoursAriaLabel"; "required": false; "isSignal": true; }; "minutesAriaLabel": { "alias": "minutesAriaLabel"; "required": false; "isSignal": true; }; "secondsAriaLabel": { "alias": "secondsAriaLabel"; "required": false; "isSignal": true; }; "millisecondsAriaLabel": { "alias": "millisecondsAriaLabel"; "required": false; "isSignal": true; }; "hoursPlaceholder": { "alias": "hoursPlaceholder"; "required": false; "isSignal": true; }; "minutesPlaceholder": { "alias": "minutesPlaceholder"; "required": false; "isSignal": true; }; "secondsPlaceholder": { "alias": "secondsPlaceholder"; "required": false; "isSignal": true; }; "millisecondsPlaceholder": { "alias": "millisecondsPlaceholder"; "required": false; "isSignal": true; }; "meridians": { "alias": "meridians"; "required": false; "isSignal": true; }; "meridiansLabel": { "alias": "meridiansLabel"; "required": false; "isSignal": true; }; "meridiansAriaLabel": { "alias": "meridiansAriaLabel"; "required": false; "isSignal": true; }; "showMinutes": { "alias": "showMinutes"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "showMilliseconds": { "alias": "showMilliseconds"; "required": false; "isSignal": true; }; "showMeridian": { "alias": "showMeridian"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "isValid": "isValid"; "meridianChange": "meridianChange"; "inputCompleted": "inputCompleted"; }, never, never, true, never>;
+}

package/electron-titlebar/electron.helpers.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export declare const runsInElectron: () => boolean;

package/electron-titlebar/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-electron-titlebar.module';
+export * from './si-electron-titlebar.component';
+export * from './electron.helpers';

package/electron-titlebar/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-electron-titlebar.mjs"
+}