@siemens/element-ng 47.2.0 → 47.4.0

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>;
+}

package/datepicker/components/si-initial-focus.component.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { AfterViewInit } from '@angular/core';
+import { Cell, SiCalendarBodyComponent } from './si-calendar-body.component';
+import * as i0 from "@angular/core";
+/**
+ * Helper directive to set the initial focus to the calendar body cell.
+ */
+export declare class SiInitialFocusComponent implements AfterViewInit {
+    /** The cell which has the mouse hover. */
+    readonly activeHover: import("@angular/core").ModelSignal<Cell | undefined>;
+    /** The date which is displayed as selected. */
+    readonly startDate: import("@angular/core").InputSignal<Date | undefined>;
+    /** The date which is displayed as selected end. The value is only considered with enableRangeSelection. */
+    readonly endDate: import("@angular/core").InputSignal<Date | undefined>;
+    /**
+     * Guard to set the focus during ngAfterViewInit, we just set the focus after we first initialized the view
+     *
+     * @defaultValue true
+     */
+    readonly initialFocus: import("@angular/core").InputSignal<boolean>;
+    /** The minimum selectable date. */
+    readonly minDate: import("@angular/core").InputSignal<Date | undefined>;
+    /** The maximum selectable date. */
+    readonly maxDate: import("@angular/core").InputSignal<Date | undefined>;
+    /**
+     * 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 an earlier month the more right one.
+     */
+    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 an earlier month the more right one.
+     */
+    readonly maxMonth: import("@angular/core").InputSignal<Date | undefined>;
+    /** Aria label for the next button. Needed for a11y. */
+    readonly previousLabel: import("@angular/core").InputSignal<string>;
+    /**  Aria label for the next button. Needed for a11y. */
+    readonly nextLabel: import("@angular/core").InputSignal<string>;
+    /**
+     * Is range selection enabled, when enabled it shows a preview between the startDate and the focused date.
+     *
+     * @defaultValue false
+     */
+    readonly isRangeSelection: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicate whether a range preview shall be displayed.
+     * When enabled a preview is visible between startDate and focusedDate.
+     *
+     * @defaultValue true
+     */
+    readonly previewRange: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emits when a new value is selected. In case where the value is null to
+     * user aborted the selection by Escape.
+     */
+    readonly selectedValueChange: import("@angular/core").OutputEmitterRef<Date | null>;
+    /** The body of calendar table */
+    protected readonly calendarBody: import("@angular/core").Signal<SiCalendarBodyComponent>;
+    ngAfterViewInit(): void;
+    /**
+     * Focus calendar cell which is marked as active cell.
+     */
+    focusActiveCell(): void;
+    protected onActiveHoverChange(event?: Cell): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiInitialFocusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiInitialFocusComponent, "ng-component", never, { "activeHover": { "alias": "activeHover"; "required": false; "isSignal": true; }; "startDate": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minMonth": { "alias": "minMonth"; "required": false; "isSignal": true; }; "maxMonth": { "alias": "maxMonth"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": true; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": true; "isSignal": true; }; "isRangeSelection": { "alias": "isRangeSelection"; "required": false; "isSignal": true; }; "previewRange": { "alias": "previewRange"; "required": false; "isSignal": true; }; }, { "activeHover": "activeHoverChange"; "selectedValueChange": "selectedValueChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,62 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { Cell } from './si-calendar-body.component';
+import { MonthCompareAdapter } from './si-compare-adapter';
+import { SiInitialFocusComponent } from './si-initial-focus.component';
+import * as i0 from "@angular/core";
+/**
+ * Show months of a single year as table and handles the keyboard interactions.
+ * The focus and focusedDate is handled according the keyboard interactions.
+ */
+export declare class SiMonthSelectionComponent extends SiInitialFocusComponent implements OnChanges {
+    /**
+     * The translated list of months.
+     *
+     * @defaultValue []
+     */
+    readonly months: import("@angular/core").InputSignal<string[]>;
+    /**
+     * The active date, the cell which will receive the focus.
+     */
+    readonly focusedDate: import("@angular/core").ModelSignal<Date>;
+    /** Emits when the active focused date is 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<"year">;
+    /** Listen Escape event to switch view back */
+    triggerEsc(event: KeyboardEvent): void;
+    /**
+     * The current visible list of calendar months.
+     * Every time the focusedDate changes to another year the list will update.
+     */
+    protected monthCells: Cell[][];
+    protected compareAdapter: MonthCompareAdapter;
+    /** Number of column before the row is wrapped */
+    private readonly columnCount;
+    /**
+     * 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>;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected calendarBodyKeyDown(event: KeyboardEvent): void;
+    protected updateFocusedDate(offset: number): void;
+    /**
+     * Add offset to year and update focusedDate.
+     */
+    protected setYearOffset(offset: number): void;
+    protected emitSelectedValue(selected: Date): void;
+    protected emitFocusedDate(focused: Date): void;
+    protected emitActiveMonthChange(focus: Date, prevFocus: Date): void;
+    protected emitViewChange(): void;
+    /**
+     * Initialize view based on the focusedDate.
+     */
+    private initView;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMonthSelectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiMonthSelectionComponent, "si-month-selection", never, { "months": { "alias": "months"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": true; "isSignal": true; }; }, { "focusedDate": "focusedDateChange"; "activeMonthChange": "activeMonthChange"; "viewChange": "viewChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,65 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { Cell } from './si-calendar-body.component';
+import { YearCompareAdapter } from './si-compare-adapter';
+import { SiInitialFocusComponent } from './si-initial-focus.component';
+import * as i0 from "@angular/core";
+/**
+ * Show months of a single year as table and handles the keyboard interactions.
+ * The focus and focusedDate is handled according the keyboard interactions.
+ */
+export declare class SiYearSelectionComponent extends SiInitialFocusComponent implements OnChanges {
+    /**
+     * The active date, the cell which will receive the focus.
+     */
+    readonly focusedDate: import("@angular/core").ModelSignal<Date>;
+    /** Emits when the active focused date changed to another month / year, typically during keyboard navigation. */
+    readonly yearRangeChange: import("@angular/core").OutputEmitterRef<Date[]>;
+    /** Listen Escape event to switch view back */
+    triggerEsc(event: KeyboardEvent): void;
+    /** Number of column before the row is wrapped */
+    private readonly columnCount;
+    /** The number of years which shall be displayed, this number should be even and dividable by columnCount */
+    private readonly yearsToDisplay;
+    /** Lower windows bound for displayed year range */
+    protected readonly fromYear: import("@angular/core").WritableSignal<Date | undefined>;
+    /** Upper windows bound for displayed year range */
+    protected readonly toYear: import("@angular/core").WritableSignal<Date | undefined>;
+    /**
+     * The current visible list of calendar years.
+     * Every time the focusedDate changes to another year the list will be rebuilt.
+     */
+    protected yearCells: Cell[][];
+    protected compareAdapter: YearCompareAdapter;
+    /** Is previous button disabled based on the minDate. */
+    protected readonly isPreviousButtonDisabled: import("@angular/core").Signal<boolean>;
+    /** Is next button  disabled  based on the maxDate */
+    protected readonly isNextButtonDisabled: import("@angular/core").Signal<boolean>;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected calendarBodyKeyDown(event: KeyboardEvent): void;
+    /**
+     * Change the active date and the range of displayed years.
+     * The windowOffset control the amount of ranges the view shall move forward or backward.
+     * The number of displayed years ia controlled by yearsToDisplay.
+     */
+    protected changeVisibleYearRange(windowOffset: number): void;
+    protected emitSelectedValue(selected: Date): void;
+    /**
+     * Determine the year range start and end year.
+     * - Based on the active date this function will find the start and
+     * ending year of the current displayed range.
+     * - In case the focusedDate is either before or after the current range the
+     * start and end year will move the entire window (yearsToDisplay)
+     */
+    private initYearRange;
+    /**
+     * Initialize view based on the focusedDate.
+     */
+    private initView;
+    /**
+     * Add offset to year and update focusedDate.
+     * If the new year is outside min/max date the year will set to the closest year in range.
+     */
+    private setYearOffset;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiYearSelectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiYearSelectionComponent, "si-year-selection", never, { "focusedDate": { "alias": "focusedDate"; "required": true; "isSignal": true; }; }, { "focusedDate": "focusedDateChange"; "yearRangeChange": "yearRangeChange"; }, never, never, true, never>;
+}