@siemens/element-ng 47.3.0 → 47.4.0

package/date-range-filter/si-date-range-filter.component.d.ts

@@ -0,0 +1,248 @@
+import { OnChanges, PipeTransform, SimpleChanges } from '@angular/core';
+import { DatepickerConfig, DatepickerInputConfig, DateRange } from '@siemens/element-ng/datepicker';
+import { DateRangeFilter, DateRangePreset, ResolvedDateRange } from './si-date-range-filter.types';
+import * as i0 from "@angular/core";
+export declare class PresetMatchFilterPipe implements PipeTransform {
+    transform(value: string, term: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PresetMatchFilterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PresetMatchFilterPipe, "presetMatchFilter", true>;
+}
+export declare class SiDateRangeFilterComponent implements OnChanges {
+    private readonly service;
+    /** The filter range object */
+    readonly range: import("@angular/core").ModelSignal<DateRangeFilter>;
+    /** List of preset time ranges. When not present or empty, the preset section won't show */
+    readonly presetList: import("@angular/core").InputSignal<DateRangePreset[] | undefined>;
+    /**
+     * Determines if there's a search field for the preset list
+     *
+     * @defaultValue true
+     */
+    readonly presetSearch: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines if time is selectable or only dates
+     *
+     * @defaultValue false
+     */
+    readonly enableTimeSelection: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines whether to show input fields or a date-range calendar in basic mode.
+     * When time selection is enabled, this has no effect and input fields are always shown.
+     *
+     * @defaultValue 'calendar'
+     */
+    readonly basicMode: import("@angular/core").InputSignal<"input" | "calendar">;
+    /**
+     * Reverses the order of the from/to fields
+     *
+     * @defaultValue false
+     */
+    readonly reverseInputFields: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines whether to show the 'Apply' button
+     *
+     * @defaultValue false
+     */
+    readonly showApplyButton: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Hides the advanced mode if input allows
+     *
+     * @defaultValue false
+     */
+    readonly hideAdvancedMode: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * label for the "Reference point" title
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.REF_POINT:Reference point`
+     * ```
+     */
+    readonly refLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Reference point" title
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.FROM:From`
+     * ```
+     */
+    readonly fromLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Reference point" title
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.TO:To`
+     * ```
+     */
+    readonly toLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Range" title
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.RANGE:Range`
+     * ```
+     */
+    readonly rangeLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Today" checkbox
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.TODAY:Today`
+     * ```
+     */
+    readonly todayLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Now" checkbox
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.NOW:Now`
+     * ```
+     */
+    readonly nowLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for "Date" field / radio button
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.DATE:Date`
+     * ```
+     */
+    readonly dateLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Preview" title
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.PREVIEW:Preview`
+     * ```
+     */
+    readonly previewLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Placeholder for date fields
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.DATE_PLACEHOLDER:Select date`
+     * ```
+     */
+    readonly datePlaceholder: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Before" toggle
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.BEFORE:Before`
+     * ```
+     */
+    readonly beforeLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "After" toggle
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.AFTER:After`
+     * ```
+     */
+    readonly afterLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Within" toggle
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.WITHIN:Within`
+     * ```
+     */
+    readonly withinLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "value" number input
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.VALUE:Value`
+     * ```
+     */
+    readonly valueLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Unit" select
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.UNIT:Unit`
+     * ```
+     */
+    readonly unitLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "search" input
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.SEARCH:Search`
+     * ```
+     */
+    readonly searchLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "search" input
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.PRESETS:Presets`
+     * ```
+     */
+    readonly presetLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "advanced" switch
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.ADVANCED:Advanced`
+     * ```
+     */
+    readonly advancedLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "apply" switch
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.APPLY:Apply`
+     * ```
+     */
+    readonly applyLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /** Event fired when the apply button has been clicked */
+    readonly applyClicked: import("@angular/core").OutputEmitterRef<void>;
+    /** Base configuration on how the dates should be displayed, parts of it may be overwritten internally. */
+    readonly datepickerConfig: import("@angular/core").InputSignal<DatepickerInputConfig | undefined>;
+    protected advancedMode: boolean;
+    protected dateRange: DateRange;
+    protected point1Now: boolean;
+    protected point2Mode: 'duration' | 'date';
+    protected point1date: Date;
+    protected point2date: Date;
+    protected point2offset: number;
+    protected point2range: 'before' | 'after' | 'within';
+    protected readonly calculatedRange: import("@angular/core").Signal<ResolvedDateRange>;
+    protected readonly pipeFormat: import("@angular/core").Signal<string>;
+    protected readonly datepickerConfigInternal: import("@angular/core").Signal<DatepickerConfig>;
+    protected readonly dateRangeConfig: import("@angular/core").Signal<DatepickerConfig>;
+    protected readonly filteredPresetList: import("@angular/core").Signal<DateRangePreset[]>;
+    protected readonly presetFilter: import("@angular/core").WritableSignal<string>;
+    protected readonly inputMode: import("@angular/core").Signal<boolean>;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getDateNow;
+    private rangeChanged;
+    private updateFromRange;
+    private resolve;
+    protected updateDateRange(range?: DateRangeFilter): void;
+    protected updateOnModeChange(): void;
+    private updateSimpleMode;
+    protected updateFromDateRange(): void;
+    protected point1Changed(): void;
+    protected point2Changed(): void;
+    protected selectPresetItem(item: DateRangePreset): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDateRangeFilterComponent, never>;
+    static ɵcmp: i0.ɵɵ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; }; "datepickerConfig": { "alias": "datepickerConfig"; "required": false; "isSignal": true; }; }, { "range": "rangeChange"; "applyClicked": "applyClicked"; }, never, never, true, never>;
+}

package/date-range-filter/si-date-range-filter.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-date-range-filter.component";
+export declare class SiDateRangeFilterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDateRangeFilterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiDateRangeFilterModule, never, [typeof i1.SiDateRangeFilterComponent], [typeof i1.SiDateRangeFilterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiDateRangeFilterModule>;
+}

package/date-range-filter/si-date-range-filter.types.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+/**
+ * Simple DateRangeFilter preset based on offset from now
+ */
+export interface DateRangePresetOffset {
+    type?: 'offset';
+    /** translation key for label */
+    label: TranslatableString;
+    /** offset from current in milliseconds */
+    offset: number;
+}
+/**
+ * Advanced DateRageFilter preset with custom calculation
+ */
+export interface DateRangePresetCustom {
+    type: 'custom';
+    /** translation key for label */
+    label: TranslatableString;
+    /** calculation custom calculation function */
+    calculate: (self: DateRangePresetCustom, currentRange: DateRangeFilter) => DateRangeFilter;
+    /** Whether this should show only when time support is enabled */
+    timeOnly?: boolean;
+}
+export type DateRangePreset = DateRangePresetOffset | DateRangePresetCustom;
+export interface DateRangeFilter {
+    point1: Date | 'now';
+    point2: number | Date;
+    range?: 'before' | 'after' | 'within';
+}
+export interface ResolvedDateRange {
+    start: Date;
+    end: Date;
+    valid: boolean;
+}
+export declare const ONE_MINUTE: number;
+export declare const ONE_DAY: number;

package/date-range-filter/si-relative-date.component.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { SelectOption } from '@siemens/element-ng/select';
+import * as i0 from "@angular/core";
+interface OffsetOption extends SelectOption<string> {
+    offset: number;
+}
+export declare class SiRelativeDateComponent implements OnChanges {
+    /** @defaultValue 0 */
+    readonly value: import("@angular/core").InputSignal<number>;
+    /** @defaultValue false */
+    readonly enableTimeSelection: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly valueLabel: import("@angular/core").InputSignal<string>;
+    readonly unitLabel: import("@angular/core").InputSignal<string>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<number>;
+    protected readonly internalValue: import("@angular/core").WritableSignal<number>;
+    protected readonly offset: import("@angular/core").WritableSignal<number>;
+    protected readonly unit: import("@angular/core").WritableSignal<string>;
+    private readonly fullOffsetList;
+    protected readonly offsetList: import("@angular/core").Signal<OffsetOption[]>;
+    ngOnChanges(changes: SimpleChanges): void;
+    private calculateOffset;
+    protected updateValue(offset: number): void;
+    protected changeUnit(newUnit: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiRelativeDateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiRelativeDateComponent, "si-relative-date", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "enableTimeSelection": { "alias": "enableTimeSelection"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": true; "isSignal": true; }; "unitLabel": { "alias": "unitLabel"; "required": true; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+export {};

package/datepicker/components/si-calendar-body.component.d.ts

@@ -0,0 +1,137 @@
+import { CompareAdapter } from './si-compare-adapter';
+import * as i0 from "@angular/core";
+/** CSS classes that can be associated with a calendar cell. */
+export type CellCssClasses = string | string[] | Set<string> | {
+    [key: string]: any;
+};
+export interface Cell {
+    value: number;
+    /** Indicate that the cell is disabled */
+    disabled: boolean;
+    /** Cell specific aria label */
+    ariaLabel: string;
+    /** Display value */
+    displayValue: string;
+    /**
+     * Indicate that the cell is a preview, this is dedicated to the calendar month
+     * view to where a day could be part of the previous or next month
+     */
+    isPreview: boolean;
+    /**
+     * The cell corresponds to today.
+     */
+    isToday: boolean;
+    /** Raw value */
+    valueRaw: Date;
+    /** Additional CSS classes for the cell */
+    cssClasses: CellCssClasses;
+}
+/**
+ * Base interface for selections.
+ */
+declare abstract class SelectionStrategy {
+    protected compare: CompareAdapter;
+    constructor(compare: CompareAdapter);
+    /**
+     * Indicate whether the cell is selected
+     */
+    abstract isSelected(cell: Cell, start?: Date, end?: Date): boolean;
+    /**
+     * Cell is between start and end value.
+     * start \< Cell value \< end
+     */
+    abstract inRange(c: Cell, start?: Date, end?: Date): boolean;
+    /**
+     * Cell is either startValue or endValue
+     */
+    abstract isRangeSelected(cell: Cell, date?: Date): boolean;
+    /**
+     * Preview selection range on mouse hover.
+     */
+    abstract previewRangeHover(cell: Cell, hoverCell?: Cell, start?: Date): boolean;
+    /**
+     * Preview selection range on mouse hover end of range.
+     */
+    abstract previewRangeHoverEnd(cell: Cell, hoverCell?: Cell, start?: Date): boolean;
+}
+/**
+ * Strategy the handle single selection within the {@link SiCalendarBodyComponent}.
+ */
+declare class SingleSelectionStrategy extends SelectionStrategy {
+    isSelected(cell: Cell, start?: Date, end?: Date): boolean;
+    inRange(cell: Cell, start?: Date, end?: Date): boolean;
+    isRangeSelected(cell: Cell, date?: Date): boolean;
+    previewRangeHover(cell: Cell, hoverCell?: Cell, start?: Date): boolean;
+    previewRangeHoverEnd(cell: Cell, hoverCell?: Cell, start?: Date): boolean;
+}
+/**
+ * Strategy the handle range selection within the {@link SiCalendarBodyComponent}.
+ */
+declare class RangeSelectionStrategy extends SelectionStrategy {
+    isSelected(cell: Cell, start?: Date, end?: Date): boolean;
+    inRange(c: Cell, start?: Date, end?: Date): boolean;
+    isRangeSelected(cell: Cell, date?: Date): boolean;
+    previewRangeHover(cell: Cell, hoverCell?: Cell, start?: Date): boolean;
+    previewRangeHoverEnd(cell: Cell, hoverCell?: Cell, start?: Date): boolean;
+}
+export declare class SiCalendarBodyComponent {
+    /** The active date, the cell which will receive the focus. */
+    readonly focusedDate: import("@angular/core").ModelSignal<Date>;
+    /** The date which shall be indicated as currently selected. */
+    readonly startDate: import("@angular/core").InputSignal<Date | undefined>;
+    /** Selected end value which is only considered with enableRangeSelection. */
+    readonly endDate: import("@angular/core").InputSignal<Date | undefined>;
+    /**
+     * The cells to display in the table.
+     *
+     * @defaultValue []
+     */
+    readonly rows: import("@angular/core").InputSignal<Cell[][]>;
+    /**
+     * Labels for each row, which can be used to display the week number.
+     * @defaultValue undefined
+     */
+    readonly rowLabels: import("@angular/core").InputSignal<string[] | undefined>;
+    /**
+     * Additional row label CSS class(es).
+     *
+     * @defaultValue []
+     */
+    readonly rowLabelCssClasses: import("@angular/core").InputSignal<CellCssClasses>;
+    /**
+     * Choose the selection strategy between single or range selection.
+     * @defaultValue false
+     */
+    readonly enableRangeSelection: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Indicate whether a range preview shall be displayed.
+     * It's necessary since to display a preview also datepicker has a valid endDate.
+     *
+     * @defaultValue true
+     */
+    readonly previewRange: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** The cell which which has the mouse hover. */
+    readonly activeHover: import("@angular/core").ModelSignal<Cell | undefined>;
+    /**
+     * Compare date functions which are necessary to compare a the dates according the current view.
+     *
+     * @defaultValue new DayCompareAdapter()
+     */
+    readonly compareAdapter: import("@angular/core").InputSignal<CompareAdapter>;
+    /** Emits when a user select a cell via click, space or enter. */
+    readonly selectedValueChange: import("@angular/core").OutputEmitterRef<Date>;
+    private readonly calendarDateCells;
+    protected readonly selection: import("@angular/core").Signal<SingleSelectionStrategy | RangeSelectionStrategy>;
+    /**
+     * Focus calendar cell which is marked as active cell.
+     */
+    focusActiveCell(): void;
+    protected isActive(cell: Cell): boolean;
+    protected cellCss(cell: Cell): CellCssClasses;
+    protected emitActiveHover(cell: Cell): void;
+    protected emitSelectCell(selection: Cell): void;
+    protected emitActiveDateChange(cell: Cell): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiCalendarBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiCalendarBodyComponent, "[si-calendar-body]", ["siCalendarBody"], { "focusedDate": { "alias": "focusedDate"; "required": true; "isSignal": true; }; "startDate": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowLabels": { "alias": "rowLabels"; "required": false; "isSignal": true; }; "rowLabelCssClasses": { "alias": "rowLabelCssClasses"; "required": false; "isSignal": true; }; "enableRangeSelection": { "alias": "enableRangeSelection"; "required": false; "isSignal": true; }; "previewRange": { "alias": "previewRange"; "required": false; "isSignal": true; }; "activeHover": { "alias": "activeHover"; "required": false; "isSignal": true; }; "compareAdapter": { "alias": "compareAdapter"; "required": false; "isSignal": true; }; }, { "focusedDate": "focusedDateChange"; "activeHover": "activeHoverChange"; "selectedValueChange": "selectedValueChange"; }, never, never, true, never>;
+}
+export {};

package/datepicker/components/si-calendar-date-cell.directive.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { ElementRef } from '@angular/core';
+import { Cell } from './si-calendar-body.component';
+import { CompareAdapter } from './si-compare-adapter';
+import * as i0 from "@angular/core";
+export declare class SiCalendarDateCellDirective {
+    readonly cell: import("@angular/core").InputSignal<Cell>;
+    readonly compareAdapter: import("@angular/core").InputSignal<CompareAdapter>;
+    /** @defaultValue inject(ElementRef) */
+    readonly ref: ElementRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiCalendarDateCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiCalendarDateCellDirective, "[siCalendarDateCell]", never, { "cell": { "alias": "cell"; "required": true; "isSignal": true; }; "compareAdapter": { "alias": "compareAdapter"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/datepicker/components/si-calendar-direction-button.component.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export type Direction = 'left' | 'right';
+export declare class SiCalendarDirectionButtonComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    /** @defaultValue false */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly direction: import("@angular/core").InputSignal<Direction | undefined>;
+    /**
+     * Emit on button click.
+     */
+    readonly clicked: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly icon: import("@angular/core").Signal<string>;
+    protected readonly buttonClass: import("@angular/core").Signal<"previous-button" | "next-button">;
+    protected readonly icons: Record<"elementLeft2" | "elementRight2", string>;
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiCalendarDirectionButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiCalendarDirectionButtonComponent, "si-calendar-direction-button", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}

package/datepicker/components/si-compare-adapter.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Compare the dates based on the active view.
+ */
+export interface CompareAdapter {
+    isAfter(current: Date, start: Date): boolean;
+    isBetween(current: Date, from?: Date, to?: Date): boolean;
+    isEqual(current: Date, other?: Date): boolean;
+    isEqualOrBefore(current: Date, other: Date): boolean;
+    isEqualOrBetween(current: Date, from?: Date, to?: Date): boolean;
+}
+/**
+ * Compare dates in the month view.
+ */
+export declare class DayCompareAdapter implements CompareAdapter {
+    isAfter(current: Date, start: Date): boolean;
+    isBetween(current: Date, from?: Date | undefined, to?: Date | undefined): boolean;
+    isEqual(current: Date, other: Date): boolean;
+    isEqualOrBefore(current: Date, other: Date): boolean;
+    isEqualOrBetween(current: Date, from?: Date, to?: Date): boolean;
+}
+/**
+ * Compare dates in the year view.
+ */
+export declare class MonthCompareAdapter implements CompareAdapter {
+    isAfter(current: Date, start: Date): boolean;
+    isBetween(current: Date, from?: Date | undefined, to?: Date | undefined): boolean;
+    isEqual(current: Date, other: Date): boolean;
+    isEqualOrBefore(current: Date, other: Date): boolean;
+    isEqualOrBetween(current: Date, from?: Date, to?: Date): boolean;
+}
+export declare class YearCompareAdapter implements CompareAdapter {
+    isAfter(current: Date, other: Date): boolean;
+    isBetween(current: Date, from?: Date | undefined, to?: Date | undefined): boolean;
+    isEqual(current: Date, other: Date): boolean;
+    isEqualOrBefore(current: Date, other?: Date): boolean;
+    isEqualOrBetween(current: Date, from?: Date, to?: Date): boolean;
+}

package/datepicker/components/si-day-selection.component.d.ts

@@ -0,0 +1,76 @@
+import { WeekStart } from '../si-datepicker.model';
+import { Cell } from './si-calendar-body.component';
+import { DayCompareAdapter } from './si-compare-adapter';
+import { SiInitialFocusComponent } from './si-initial-focus.component';
+import * as i0 from "@angular/core";
+/**
+ * Show dates of a single month as table and handles the keyboard interactions.
+ * The focusedDate is handled according the keyboard interactions.
+ */
+export declare class SiDaySelectionComponent extends SiInitialFocusComponent {
+    /**
+     * Indicate whether the week numbers shall be hidden.
+     *
+     * @defaultValue false
+     */
+    readonly hideWeekNumbers: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the starting day of the week. Default is `monday`.
+     *
+     * @defaultValue 'monday'
+     */
+    readonly weekStartDay: import("@angular/core").InputSignal<WeekStart>;
+    /**
+     * The active date, the cell which will receive the focus.
+     * @defaultValue calendarUtils.today()
+     */
+    readonly focusedDate: import("@angular/core").ModelSignal<Date>;
+    /** Today button text */
+    readonly todayLabel: import("@angular/core").InputSignal<string | undefined>;
+    /** Aria label for calendar week column */
+    readonly calenderWeekLabel: import("@angular/core").InputSignal<string | undefined>;
+    /** Emits when the active focused date changed to another month / year, typically during keyboard navigation */
+    readonly activeMonthChange: import("@angular/core").OutputEmitterRef<Date>;
+    /** Emits when the user requests a different to show a different view */
+    readonly viewChange: import("@angular/core").OutputEmitterRef<"month" | "year">;
+    /** The translated list of week days. */
+    protected readonly days: import("@angular/core").Signal<string[]>;
+    /** The week numbers which are shown as row label */
+    protected readonly weekNumbers: import("@angular/core").Signal<string[]>;
+    /**
+     * The current visible list of calendar days.
+     * Every time the focusedDate changes to either another month or year the list will be rebuild.
+     */
+    protected readonly weeks: import("@angular/core").Signal<Cell[][]>;
+    /** Compare date based on the current view */
+    protected compareAdapter: DayCompareAdapter;
+    /** Disable today button if it is the same month */
+    protected readonly isTodayButtonDisabled: import("@angular/core").Signal<boolean>;
+    /**
+     * Indicate the previous button shall be disabled.
+     * This happens when the focusedDate is equal or before the minDate.
+     */
+    protected readonly isPreviousButtonDisabled: import("@angular/core").Signal<boolean | undefined>;
+    /**
+     * Indicate the next button shall be disabled.
+     * This happens when the focusedDate is equal or after the maxDate.
+     */
+    protected readonly isNextButtonDisabled: import("@angular/core").Signal<boolean | undefined>;
+    private readonly locale;
+    protected calendarBodyKeyDown(event: KeyboardEvent): void;
+    protected updateFocusedDateByDay(offset: number): void;
+    protected updateFocusedDateByMonth(offset: number): void;
+    protected updateFocusedDate(newDate: Date): void;
+    /**
+     * Update month of focusedDate.
+     * @param offset -1 or -1.
+     */
+    protected setMonthOffset(offset: number): void;
+    /** Change the focusedDate to today */
+    protected goToToday(): void;
+    protected emitSelectedValue(selected: Date): void;
+    protected emitActiveDate(active: Date): void;
+    protected emitViewChange(view: 'year' | 'month'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDaySelectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiDaySelectionComponent, "si-day-selection", never, { "hideWeekNumbers": { "alias": "hideWeekNumbers"; "required": false; "isSignal": true; }; "weekStartDay": { "alias": "weekStartDay"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": true; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "calenderWeekLabel": { "alias": "calenderWeekLabel"; "required": false; "isSignal": true; }; }, { "focusedDate": "focusedDateChange"; "activeMonthChange": "activeMonthChange"; "viewChange": "viewChange"; }, never, never, true, never>;
+}