ngx-strata 0.5.2 → 0.6.1

package/types/ngx-strata.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, OnDestroy, AfterContentInit, EnvironmentProviders, InjectionToken, Provider, PipeTransform, ElementRef, OnChanges, TemplateRef, Renderer2, AfterViewInit, AfterContentChecked, SimpleChanges, Type, ViewContainerRef, QueryList, OutputEmitterRef } from '@angular/core';
-import { Placement } from '@floating-ui/dom';
+import { Placement, ReferenceElement } from '@floating-ui/dom';
 import * as _angular_platform_browser from '@angular/platform-browser';
 import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
 import { ControlValueAccessor } from '@angular/forms';
@@ -237,12 +237,33 @@ declare class StrataActionMenuItemComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataActionMenuItemComponent, "st-action-menu-item", never, { "closeMenuOnClick": { "alias": "closeMenuOnClick"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "menuItemClicked": "menuItemClicked"; }, ["checkbox", "toggle"], ["[area='start']", "*", "[area='end']"], true, never>;
 }
 
+declare class StrataButtonDirective implements AfterContentInit, OnDestroy {
+    host: ElementRef<any>;
+    variant: _angular_core.InputSignal<ButtonVariant>;
+    size: _angular_core.InputSignal<ButtonSize>;
+    fullWidth: _angular_core.InputSignal<boolean>;
+    private iconAtStart;
+    private iconAtEnd;
+    private iconOnly;
+    private observer?;
+    get classes(): string[];
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private updateIconState;
+    nodeIsStIcon(node: Node): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataButtonDirective, "[stButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
+type ButtonSize = 'sm' | 'md' | 'lg';
+
 declare class StrataOverlayDirective implements OnChanges, OnDestroy {
     stOverlay: _angular_core.InputSignal<TemplateRef<unknown>>;
     overlayOpen: _angular_core.ModelSignal<boolean>;
     overlayPlacement: _angular_core.InputSignal<Placement>;
     overlayOffset: _angular_core.InputSignal<number>;
     overlayFitViewport: _angular_core.InputSignal<boolean>;
+    overlayTarget: _angular_core.InputSignal<ReferenceElement | null>;
     private readonly element;
     private readonly viewContainerRef;
     private readonly config;
@@ -250,13 +271,14 @@ declare class StrataOverlayDirective implements OnChanges, OnDestroy {
     private cleanup?;
     private viewRef?;
     ngOnChanges(): void;
+    private getTarget;
     private create;
     private updatePosition;
     private destroy;
     getOverlayElement(): HTMLElement | undefined;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataOverlayDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataOverlayDirective, "[stOverlay]", never, { "stOverlay": { "alias": "stOverlay"; "required": true; "isSignal": true; }; "overlayOpen": { "alias": "overlayOpen"; "required": false; "isSignal": true; }; "overlayPlacement": { "alias": "overlayPlacement"; "required": false; "isSignal": true; }; "overlayOffset": { "alias": "overlayOffset"; "required": false; "isSignal": true; }; "overlayFitViewport": { "alias": "overlayFitViewport"; "required": false; "isSignal": true; }; }, { "overlayOpen": "overlayOpenChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataOverlayDirective, "[stOverlay]", never, { "stOverlay": { "alias": "stOverlay"; "required": true; "isSignal": true; }; "overlayOpen": { "alias": "overlayOpen"; "required": false; "isSignal": true; }; "overlayPlacement": { "alias": "overlayPlacement"; "required": false; "isSignal": true; }; "overlayOffset": { "alias": "overlayOffset"; "required": false; "isSignal": true; }; "overlayFitViewport": { "alias": "overlayFitViewport"; "required": false; "isSignal": true; }; "overlayTarget": { "alias": "overlayTarget"; "required": false; "isSignal": true; }; }, { "overlayOpen": "overlayOpenChange"; }, never, never, true, never>;
 }
 
 declare class StrataActionMenuComponent {
@@ -265,13 +287,39 @@ declare class StrataActionMenuComponent {
     overlayDirective: _angular_core.Signal<StrataOverlayDirective | undefined>;
     actionMenuItems: _angular_core.Signal<readonly StrataActionMenuItemComponent[]>;
     placement: _angular_core.InputSignal<Placement>;
+    buttonSize: _angular_core.InputSignal<ButtonSize>;
     closeOnOutsideClick: _angular_core.InputSignal<boolean>;
+    trigger: _angular_core.InputSignal<boolean>;
     elementRef: ElementRef<HTMLElement>;
     renderer: Renderer2;
     menuOpen: _angular_core.WritableSignal<boolean>;
+    customTarget: _angular_core.WritableSignal<ReferenceElement | null>;
+    contextMenuPlacement: _angular_core.WritableSignal<Placement | null>;
+    effectivePlacement: _angular_core.Signal<Placement>;
     constructor();
+    open(): void;
+    close(): void;
+    toggle(): void;
+    openAt(position: {
+        x: number;
+        y: number;
+    } | MouseEvent | PointerEvent, placement?: Placement): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataActionMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataActionMenuComponent, "st-action-menu", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; }, {}, ["projectedButton", "actionMenuItems"], ["button[stButton]", "st-action-menu-item"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataActionMenuComponent, "st-action-menu", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "buttonSize": { "alias": "buttonSize"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; }, {}, ["projectedButton", "actionMenuItems"], ["button[stButton]", "st-action-menu-item"], true, never>;
+}
+
+declare class StrataContextMenuDirective implements OnInit, OnDestroy {
+    stContextMenu: _angular_core.InputSignal<StrataActionMenuComponent | null | undefined>;
+    stContextMenuDisabled: _angular_core.InputSignal<boolean>;
+    stContextMenuPlacement: _angular_core.InputSignal<Placement>;
+    contextMenuOpened: _angular_core.OutputEmitterRef<MouseEvent>;
+    private readonly elementRef;
+    private readonly renderer;
+    private unlisten?;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataContextMenuDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataContextMenuDirective, "[stContextMenu]", never, { "stContextMenu": { "alias": "stContextMenu"; "required": true; "isSignal": true; }; "stContextMenuDisabled": { "alias": "stContextMenuDisabled"; "required": false; "isSignal": true; }; "stContextMenuPlacement": { "alias": "stContextMenuPlacement"; "required": false; "isSignal": true; }; }, { "contextMenuOpened": "contextMenuOpened"; }, never, never, true, never>;
 }
 
 declare class StrataAlertComponent {
@@ -376,26 +424,6 @@ declare class StrataButtonGroupComponent {
 }
 type ButtonGroupJustification = 'start' | 'center' | 'end' | 'expand' | 'stack';
 
-declare class StrataButtonDirective implements AfterContentInit, OnDestroy {
-    host: ElementRef<any>;
-    variant: _angular_core.InputSignal<ButtonVariant>;
-    size: _angular_core.InputSignal<ButtonSize>;
-    fullWidth: _angular_core.InputSignal<boolean>;
-    private iconAtStart;
-    private iconAtEnd;
-    private iconOnly;
-    private observer?;
-    get classes(): string[];
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    private updateIconState;
-    nodeIsStIcon(node: Node): boolean;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataButtonDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataButtonDirective, "[stButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
-type ButtonSize = 'sm' | 'md' | 'lg';
-
 declare class StrataCardComponent {
     private elementRef;
     elevated: _angular_core.InputSignal<boolean>;
@@ -445,6 +473,332 @@ declare class StrataCheckboxComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataCheckboxComponent, "st-checkbox", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
+type CalendarSize = 'sm' | 'md';
+type DatePickerSize = 'sm' | 'md' | 'lg';
+type CalendarMode = 'single' | 'range';
+type CalendarView = 'days' | 'months' | 'years';
+type TimeFormat = '12h' | '24h';
+type TimePrecision = 'minute' | 'second';
+interface CalendarDayCell {
+    date: Date;
+    dayNumber: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    isInRange: boolean;
+    isRangeHover: boolean;
+}
+interface DateRangePreset {
+    label: string;
+    getRange: () => {
+        start: Date;
+        end: Date;
+    };
+}
+
+declare class StrataTimeStepperComponent implements ControlValueAccessor {
+    format: _angular_core.InputSignal<TimeFormat>;
+    showSeconds: _angular_core.InputSignal<boolean>;
+    minuteStep: _angular_core.InputSignal<number>;
+    disabled: _angular_core.InputSignal<boolean>;
+    value: _angular_core.ModelSignal<string | Date | null>;
+    hours: _angular_core.WritableSignal<number>;
+    minutes: _angular_core.WritableSignal<number>;
+    seconds: _angular_core.WritableSignal<number>;
+    private cvaDisabled;
+    effectiveDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    readonly is12h: _angular_core.Signal<boolean>;
+    readonly isPM: _angular_core.Signal<boolean>;
+    readonly meridiem: _angular_core.Signal<"PM" | "AM">;
+    readonly displayHours: _angular_core.Signal<string>;
+    readonly displayMinutes: _angular_core.Signal<string>;
+    readonly displaySeconds: _angular_core.Signal<string>;
+    constructor();
+    private syncFromValue;
+    incrementHours(): void;
+    decrementHours(): void;
+    incrementMinutes(): void;
+    decrementMinutes(): void;
+    incrementSeconds(): void;
+    decrementSeconds(): void;
+    toggleMeridiem(): void;
+    private setHours;
+    private setMinutes;
+    private setSeconds;
+    private emitChange;
+    writeValue(val: string | Date | null): void;
+    registerOnChange(fn: (val: string | Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataTimeStepperComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataTimeStepperComponent, "st-time-stepper", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class StrataTimepickerComponent implements ControlValueAccessor {
+    private readonly defaultId;
+    label: _angular_core.InputSignal<string | undefined>;
+    id: _angular_core.InputSignal<string | undefined>;
+    name: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<DatePickerSize>;
+    placement: _angular_core.InputSignal<Placement>;
+    format: _angular_core.InputSignal<TimeFormat>;
+    showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    minuteStep: _angular_core.InputSignal<number>;
+    clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    state: _angular_core.InputSignal<InputControlState | undefined>;
+    error: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    message: _angular_core.InputSignal<string | undefined>;
+    colorMessage: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    value: _angular_core.ModelSignal<string | Date | null>;
+    timeSelected: _angular_core.OutputEmitterRef<string | Date | null>;
+    open: _angular_core.WritableSignal<boolean>;
+    textInputValue: _angular_core.WritableSignal<string>;
+    private cvaDisabled;
+    effectiveDisabled: _angular_core.Signal<boolean>;
+    effectiveId: _angular_core.Signal<string>;
+    readonly effectiveState: _angular_core.Signal<InputControlState>;
+    readonly isMessageError: _angular_core.Signal<boolean>;
+    readonly isMessageSuccess: _angular_core.Signal<boolean>;
+    readonly isMessageWarning: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    private overlayDirective;
+    private elementRef;
+    private renderer;
+    private destroyRef;
+    constructor();
+    toggle(event?: Event): void;
+    onInputTextChange(value: string): void;
+    onInputBlur(): void;
+    onStepperTimeSelected(val: string | Date | null): void;
+    clear(event: Event): void;
+    private formatTimeValue;
+    private parseTimeString;
+    private updateTimeValue;
+    writeValue(val: string | Date | null): void;
+    registerOnChange(fn: (val: string | Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataTimepickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataTimepickerComponent, "st-timepicker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "timeSelected": "timeSelected"; }, never, never, true, never>;
+}
+
+interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+
+declare class StrataCalendarComponent implements ControlValueAccessor, OnInit {
+    mode: _angular_core.InputSignal<CalendarMode>;
+    size: _angular_core.InputSignal<CalendarSize>;
+    locale: _angular_core.InputSignal<string | undefined>;
+    value: _angular_core.ModelSignal<Date | null>;
+    rangeValue: _angular_core.ModelSignal<DateRange | null>;
+    viewDate: _angular_core.ModelSignal<Date>;
+    minDate: _angular_core.InputSignal<Date | null>;
+    maxDate: _angular_core.InputSignal<Date | null>;
+    disabledDates: _angular_core.InputSignal<Date[] | ((date: Date) => boolean) | null>;
+    firstDayOfWeek: _angular_core.InputSignal<number>;
+    showAdjacentMonths: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    dateSelected: _angular_core.OutputEmitterRef<Date>;
+    rangeSelected: _angular_core.OutputEmitterRef<DateRange>;
+    view: _angular_core.WritableSignal<CalendarView>;
+    hoverDate: _angular_core.WritableSignal<Date | null>;
+    focusedDate: _angular_core.WritableSignal<Date>;
+    private cvaDisabled;
+    effectiveDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    readonly weekdays: _angular_core.Signal<string[]>;
+    readonly currentMonthName: _angular_core.Signal<string>;
+    readonly currentYear: _angular_core.Signal<number>;
+    readonly yearRangeStart: _angular_core.Signal<number>;
+    readonly yearsList: _angular_core.Signal<number[]>;
+    readonly monthsList: _angular_core.Signal<string[]>;
+    readonly calendarGrid: _angular_core.Signal<CalendarDayCell[]>;
+    onPrevClick(): void;
+    onNextClick(): void;
+    toggleView(): void;
+    selectMonth(monthIndex: number): void;
+    selectYear(year: number): void;
+    onDayClick(cell: CalendarDayCell): void;
+    onDayHover(cell: CalendarDayCell): void;
+    onDayKeyDown(event: KeyboardEvent, cell: CalendarDayCell): void;
+    writeValue(val: Date | DateRange | null): void;
+    registerOnChange(fn: (val: Date | DateRange | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataCalendarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataCalendarComponent, "st-calendar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "rangeValue": { "alias": "rangeValue"; "required": false; "isSignal": true; }; "viewDate": { "alias": "viewDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "showAdjacentMonths": { "alias": "showAdjacentMonths"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "rangeValue": "rangeValueChange"; "viewDate": "viewDateChange"; "dateSelected": "dateSelected"; "rangeSelected": "rangeSelected"; }, never, never, true, never>;
+}
+
+declare class StrataDatePickerComponent implements ControlValueAccessor {
+    private readonly defaultId;
+    label: _angular_core.InputSignal<string | undefined>;
+    id: _angular_core.InputSignal<string | undefined>;
+    name: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string>;
+    format: _angular_core.InputSignal<string | undefined>;
+    size: _angular_core.InputSignal<DatePickerSize>;
+    placement: _angular_core.InputSignal<Placement>;
+    locale: _angular_core.InputSignal<string | undefined>;
+    readonly calendarSize: _angular_core.Signal<CalendarSize>;
+    clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    showTime: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    timeFormat: _angular_core.InputSignal<TimeFormat>;
+    showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    minuteStep: _angular_core.InputSignal<number>;
+    state: _angular_core.InputSignal<InputControlState | undefined>;
+    error: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    message: _angular_core.InputSignal<string | undefined>;
+    colorMessage: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    minDate: _angular_core.InputSignal<Date | null>;
+    maxDate: _angular_core.InputSignal<Date | null>;
+    disabledDates: _angular_core.InputSignal<Date[] | ((date: Date) => boolean) | null>;
+    firstDayOfWeek: _angular_core.InputSignal<number>;
+    value: _angular_core.ModelSignal<Date | null>;
+    dateSelected: _angular_core.OutputEmitterRef<Date | null>;
+    open: _angular_core.WritableSignal<boolean>;
+    textInputValue: _angular_core.WritableSignal<string>;
+    private cvaDisabled;
+    effectiveDisabled: _angular_core.Signal<boolean>;
+    effectiveId: _angular_core.Signal<string>;
+    readonly effectiveState: _angular_core.Signal<InputControlState>;
+    readonly isMessageError: _angular_core.Signal<boolean>;
+    readonly isMessageSuccess: _angular_core.Signal<boolean>;
+    readonly isMessageWarning: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    private overlayDirective;
+    private elementRef;
+    private renderer;
+    private destroyRef;
+    constructor();
+    toggle(event?: Event): void;
+    onInputTextChange(value: string): void;
+    onInputBlur(): void;
+    onCalendarDateSelected(date: Date): void;
+    onTimeSelected(val: string | Date | null): void;
+    clear(event: Event): void;
+    private effectiveFormat;
+    private updateDateValue;
+    writeValue(val: Date | string | null): void;
+    registerOnChange(fn: (val: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataDatePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataDatePickerComponent, "st-datepicker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "dateSelected": "dateSelected"; }, never, never, true, never>;
+}
+
+declare const DEFAULT_DATE_RANGE_PRESETS: DateRangePreset[];
+declare class StrataDateRangePickerComponent implements ControlValueAccessor {
+    private readonly defaultId;
+    label: _angular_core.InputSignal<string | undefined>;
+    id: _angular_core.InputSignal<string | undefined>;
+    name: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string>;
+    separator: _angular_core.InputSignal<string>;
+    format: _angular_core.InputSignal<string | undefined>;
+    size: _angular_core.InputSignal<DatePickerSize>;
+    placement: _angular_core.InputSignal<Placement>;
+    locale: _angular_core.InputSignal<string | undefined>;
+    readonly calendarSize: _angular_core.Signal<CalendarSize>;
+    numberOfMonths: _angular_core.InputSignal<number>;
+    showPresets: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    presets: _angular_core.InputSignal<DateRangePreset[]>;
+    clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    state: _angular_core.InputSignal<InputControlState | undefined>;
+    error: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    message: _angular_core.InputSignal<string | undefined>;
+    colorMessage: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    minDate: _angular_core.InputSignal<Date | null>;
+    maxDate: _angular_core.InputSignal<Date | null>;
+    disabledDates: _angular_core.InputSignal<Date[] | ((date: Date) => boolean) | null>;
+    firstDayOfWeek: _angular_core.InputSignal<number>;
+    initialViewDate: _angular_core.InputSignal<Date | null>;
+    value: _angular_core.ModelSignal<DateRange | null>;
+    rangeSelected: _angular_core.OutputEmitterRef<DateRange | null>;
+    open: _angular_core.WritableSignal<boolean>;
+    textInputValue: _angular_core.WritableSignal<string>;
+    calendarViewDate: _angular_core.WritableSignal<Date>;
+    readonly secondCalendarViewDate: _angular_core.Signal<Date>;
+    private cvaDisabled;
+    effectiveDisabled: _angular_core.Signal<boolean>;
+    effectiveId: _angular_core.Signal<string>;
+    readonly effectiveState: _angular_core.Signal<InputControlState>;
+    readonly isMessageError: _angular_core.Signal<boolean>;
+    readonly isMessageSuccess: _angular_core.Signal<boolean>;
+    readonly isMessageWarning: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    private overlayDirective;
+    private elementRef;
+    private renderer;
+    private destroyRef;
+    private get effectiveFormat();
+    constructor();
+    toggle(event?: Event): void;
+    onInputTextChange(value: string): void;
+    onInputBlur(): void;
+    onCalendarRangeSelected(range: DateRange): void;
+    onSecondCalendarViewDateChange(date: Date): void;
+    applyPreset(preset: DateRangePreset): void;
+    clear(event: Event): void;
+    private updateRangeValue;
+    writeValue(val: DateRange | null): void;
+    registerOnChange(fn: (val: DateRange | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataDateRangePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataDateRangePickerComponent, "st-date-range-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "showPresets": { "alias": "showPresets"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "initialViewDate": { "alias": "initialViewDate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "rangeSelected": "rangeSelected"; }, never, never, true, never>;
+}
+
+declare function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean;
+declare function isSameMonth(a: Date | null | undefined, b: Date | null | undefined): boolean;
+declare function isSameYear(a: Date | null | undefined, b: Date | null | undefined): boolean;
+declare function isBeforeDay(a: Date, b: Date): boolean;
+declare function isAfterDay(a: Date, b: Date): boolean;
+declare function isWithinDayRange(date: Date, start: Date | null | undefined, end: Date | null | undefined): boolean;
+declare function startOfDay(date: Date): Date;
+declare function endOfDay(date: Date): Date;
+declare function startOfMonth(date: Date): Date;
+declare function endOfMonth(date: Date): Date;
+declare function addDays(date: Date, amount: number): Date;
+declare function addMonths(date: Date, amount: number): Date;
+declare function addYears(date: Date, amount: number): Date;
+declare function getDayOfWeek(date: Date): number;
+declare function isWeekend(date: Date): boolean;
+declare function disableWeekends(date: Date): boolean;
+declare function disablePastDates(date: Date): boolean;
+declare function disableFutureDates(date: Date): boolean;
+declare function disableDaysOfWeek(days: number[]): (date: Date) => boolean;
+declare function disableDateRange(startDate: Date, endDate: Date): (date: Date) => boolean;
+declare function getDaysInMonth(year: number, month: number): number;
+declare function getLocaleDefaultDateFormat(locale?: string): string;
+declare function formatMonthTitle(date: Date, locale?: string): string;
+declare function getMonthNames(locale?: string, format?: 'long' | 'short' | 'narrow'): string[];
+declare function getWeekdayNames(locale?: string, firstDayOfWeek?: number, format?: 'long' | 'short' | 'narrow'): string[];
+declare function createCalendarGrid(viewDate: Date, firstDayOfWeek?: number): Date[];
+declare function formatDate(date: Date | null | undefined, formatStr?: string): string;
+declare function parseDate(str: string | null | undefined, formatStr?: string): Date | null;
+
 declare class StrataDividerComponent {
     label: _angular_core.InputSignal<string | undefined>;
     margin: _angular_core.InputSignal<boolean>;
@@ -455,12 +809,16 @@ declare class StrataDividerComponent {
 
 declare class StrataFileUploadComponent {
     fileInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    cameraInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     accept: _angular_core.InputSignal<string>;
     multiple: _angular_core.InputSignal<boolean>;
     maxFileSize: _angular_core.InputSignal<number | undefined>;
     disabled: _angular_core.InputSignal<boolean>;
     label: _angular_core.InputSignal<string>;
     hint: _angular_core.InputSignal<string | undefined>;
+    camera: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    choosePhotoLabel: _angular_core.InputSignal<string>;
+    takePhotoLabel: _angular_core.InputSignal<string>;
     state: _angular_core.InputSignal<InputControlState | undefined>;
     error: _angular_core.InputSignalWithTransform<boolean, unknown>;
     message: _angular_core.InputSignal<string | undefined>;
@@ -470,6 +828,8 @@ declare class StrataFileUploadComponent {
     readonly isMessageError: _angular_core.Signal<boolean>;
     readonly isMessageSuccess: _angular_core.Signal<boolean>;
     readonly isMessageWarning: _angular_core.Signal<boolean>;
+    readonly isImageAccept: _angular_core.Signal<boolean>;
+    readonly showCamera: _angular_core.Signal<boolean>;
     fileSelect: _angular_core.OutputEmitterRef<File>;
     filesSelect: _angular_core.OutputEmitterRef<File[]>;
     fileRejected: _angular_core.OutputEmitterRef<{
@@ -491,12 +851,13 @@ declare class StrataFileUploadComponent {
     onDragLeave(event: DragEvent): void;
     onDrop(event: DragEvent): void;
     onFileChange(event: Event): void;
-    browse(): void;
+    browse(event?: Event): void;
+    browseCamera(event?: Event): void;
     clear(): void;
     private processFiles;
     private matchesAccept;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataFileUploadComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataFileUploadComponent, "st-file-upload", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; }, { "fileSelect": "fileSelect"; "filesSelect": "filesSelect"; "fileRejected": "fileRejected"; }, never, ["[uploadIcon]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataFileUploadComponent, "st-file-upload", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "camera": { "alias": "camera"; "required": false; "isSignal": true; }; "choosePhotoLabel": { "alias": "choosePhotoLabel"; "required": false; "isSignal": true; }; "takePhotoLabel": { "alias": "takePhotoLabel"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; }, { "fileSelect": "fileSelect"; "filesSelect": "filesSelect"; "fileRejected": "fileRejected"; }, never, ["[uploadIcon]", "*"], true, never>;
 }
 
 declare abstract class IconLoader {
@@ -1548,5 +1909,5 @@ declare class StrataToggleComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataToggleComponent, "st-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, [{ directive: typeof StrataActivatableDirective; inputs: { "disabled": "disabled"; }; outputs: { "activated": "activated"; }; }]>;
 }
 
-export { BreakpointService, CapitalizePipe, DEFAULT_DURATION, DEFAULT_THEME, DarkmodeService, DeviceService, HotkeyService, HttpIconLoader, IconLoader, IconRegistry, IconRegistryService, ModalService, NotificationService, STRATA_CONFIG, StrataAccordionGroupComponent, StrataAccordionItemComponent, StrataActionMenuComponent, StrataActionMenuItemComponent, StrataActivatableDirective, StrataAlertComponent, StrataAlertContentComponent, StrataAutoResizeDirective, StrataAvatarComponent, StrataAvatarStackComponent, StrataBadgeComponent, StrataBreadcrumbComponent, StrataBreadcrumbItemComponent, StrataButtonDirective, StrataButtonGroupComponent, StrataCardComponent, StrataCheckboxComponent, StrataDividerComponent, StrataFileUploadComponent, StrataIconComponent, StrataImageCropperComponent, StrataInputFieldComponent, StrataItemComponent, StrataItemListComponent, StrataKbdComponent, StrataMessageStateComponent, StrataModalBodyComponent, StrataModalComponent, StrataModalContainerComponent, StrataModalFooterComponent, StrataModalHeaderComponent, StrataModalRef, StrataNativeInputRefDirective, StrataNotificationComponent, StrataNotificationContainerComponent, StrataNumberDisplayComponent, StrataNumberStepperComponent, StrataOtpComponent, StrataOverlayDirective, StrataPaginationComponent, StrataProgressLinearComponent, StrataProgressRadialComponent, StrataRadioComponent, StrataRadioGroupComponent, StrataSegmentedControlComponent, StrataSegmentedControlItemComponent, StrataSelectItemComponent, StrataSelectTriggerDirective, StrataShellComponent, StrataSidemenuComponent, StrataSidemenuItemDirective, StrataSidemenuItemGroupComponent, StrataSidemenuSectionComponent, StrataSingleSelectComponent, StrataSkeletonComponent, StrataSliderComponent, StrataSpinnerComponent, StrataStepComponent, StrataStepperComponent, StrataTabItemComponent, StrataTabsComponent, StrataTagComponent, StrataTextStackComponent, StrataThemeDirective, StrataToggleComponent, StrataTooltipDirective, getDefaultShortcutLabels, isApplePlatform, provideBaseIcons, provideIcons, provideStrata, resolveIsApple };
-export type { AccordionVariant, AlertConfiguration, AvatarSize, AvatarStackSpacing, AvatarVariant, BadgePlacement, BadgeSize, BadgeVariant, ButtonGroupJustification, ButtonSize, ButtonVariant, CardVariant, CropPosition, CropResult, CropShape, CurrentDarkmode, DarkmodeSetting, HotkeyOptions, IconConfig, IconSize, InputControlState, InputFieldSize, ModalConfiguration, ModalFooterJustification, ModalPlacement, ModalSize, ModalVariant, NotificationAction, NotificationConfiguration, NotificationsWithIds, NumberStepperLayout, NumberStepperSize, OtpSize, OtpState, OtpType, PaginationItem, ProgressLinearGrowDirection, ProgressLinearLabelFormat, ProgressRadialLabelFormat, SegmentedControlSize, SingleSelectSize, SkeletonAnimation, SkeletonSize, SkeletonVariant, SpinnerSize, StepState, StepperOrientation, StepperSize, StepperTheme, StrataBreakpoint, StrataConfig, StrataNotificationRef, StrataOS, StrataPlatform, TagSize, TextStackOverflow, Theme, TooltipPlacement };
+export { BreakpointService, CapitalizePipe, DEFAULT_DATE_RANGE_PRESETS, DEFAULT_DURATION, DEFAULT_THEME, DarkmodeService, DeviceService, HotkeyService, HttpIconLoader, IconLoader, IconRegistry, IconRegistryService, ModalService, NotificationService, STRATA_CONFIG, StrataAccordionGroupComponent, StrataAccordionItemComponent, StrataActionMenuComponent, StrataActionMenuItemComponent, StrataActivatableDirective, StrataAlertComponent, StrataAlertContentComponent, StrataAutoResizeDirective, StrataAvatarComponent, StrataAvatarStackComponent, StrataBadgeComponent, StrataBreadcrumbComponent, StrataBreadcrumbItemComponent, StrataButtonDirective, StrataButtonGroupComponent, StrataCalendarComponent, StrataCardComponent, StrataCheckboxComponent, StrataContextMenuDirective, StrataDatePickerComponent, StrataDateRangePickerComponent, StrataDividerComponent, StrataFileUploadComponent, StrataIconComponent, StrataImageCropperComponent, StrataInputFieldComponent, StrataItemComponent, StrataItemListComponent, StrataKbdComponent, StrataMessageStateComponent, StrataModalBodyComponent, StrataModalComponent, StrataModalContainerComponent, StrataModalFooterComponent, StrataModalHeaderComponent, StrataModalRef, StrataNativeInputRefDirective, StrataNotificationComponent, StrataNotificationContainerComponent, StrataNumberDisplayComponent, StrataNumberStepperComponent, StrataOtpComponent, StrataOverlayDirective, StrataPaginationComponent, StrataProgressLinearComponent, StrataProgressRadialComponent, StrataRadioComponent, StrataRadioGroupComponent, StrataSegmentedControlComponent, StrataSegmentedControlItemComponent, StrataSelectItemComponent, StrataSelectTriggerDirective, StrataShellComponent, StrataSidemenuComponent, StrataSidemenuItemDirective, StrataSidemenuItemGroupComponent, StrataSidemenuSectionComponent, StrataSingleSelectComponent, StrataSkeletonComponent, StrataSliderComponent, StrataSpinnerComponent, StrataStepComponent, StrataStepperComponent, StrataTabItemComponent, StrataTabsComponent, StrataTagComponent, StrataTextStackComponent, StrataThemeDirective, StrataTimeStepperComponent, StrataTimepickerComponent, StrataToggleComponent, StrataTooltipDirective, addDays, addMonths, addYears, createCalendarGrid, disableDateRange, disableDaysOfWeek, disableFutureDates, disablePastDates, disableWeekends, endOfDay, endOfMonth, formatDate, formatMonthTitle, getDayOfWeek, getDaysInMonth, getDefaultShortcutLabels, getLocaleDefaultDateFormat, getMonthNames, getWeekdayNames, isAfterDay, isApplePlatform, isBeforeDay, isSameDay, isSameMonth, isSameYear, isWeekend, isWithinDayRange, parseDate, provideBaseIcons, provideIcons, provideStrata, resolveIsApple, startOfDay, startOfMonth };
+export type { AccordionVariant, AlertConfiguration, AvatarSize, AvatarStackSpacing, AvatarVariant, BadgePlacement, BadgeSize, BadgeVariant, ButtonGroupJustification, ButtonSize, ButtonVariant, CalendarDayCell, CalendarMode, CalendarSize, CalendarView, CardVariant, CropPosition, CropResult, CropShape, CurrentDarkmode, DarkmodeSetting, DatePickerSize, DateRange, DateRangePreset, HotkeyOptions, IconConfig, IconSize, InputControlState, InputFieldSize, ModalConfiguration, ModalFooterJustification, ModalPlacement, ModalSize, ModalVariant, NotificationAction, NotificationConfiguration, NotificationsWithIds, NumberStepperLayout, NumberStepperSize, OtpSize, OtpState, OtpType, PaginationItem, ProgressLinearGrowDirection, ProgressLinearLabelFormat, ProgressRadialLabelFormat, SegmentedControlSize, SingleSelectSize, SkeletonAnimation, SkeletonSize, SkeletonVariant, SpinnerSize, StepState, StepperOrientation, StepperSize, StepperTheme, StrataBreakpoint, StrataConfig, StrataNotificationRef, StrataOS, StrataPlatform, TagSize, TextStackOverflow, Theme, TimeFormat, TimePrecision, TooltipPlacement };