ngx-animating-datepicker 1.2.0 → 2.0.0

package/types/ngx-animating-datepicker.d.ts

@@ -0,0 +1,551 @@
+import * as i0 from '@angular/core';
+import { OnInit, ElementRef, EventEmitter, AfterViewInit, ViewContainerRef, ComponentRef, ApplicationRef, Injector, Renderer2 } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import * as i6 from '@angular/common';
+
+interface Options {
+    selectMultiple: boolean;
+    closeOnSelect: boolean;
+    animationSpeed: number;
+    easing: string;
+    hideRestDays: boolean;
+    hideNavigation: boolean;
+    disableRestDays: boolean;
+    range: boolean;
+    currentDate: Date;
+    timeoutBeforeClosing: number;
+    weekdayFormat: string;
+    weekStart: string;
+}
+
+interface DirectiveOptions {
+    appendToBody: boolean;
+    openDirection: string;
+    closeOnBlur: boolean;
+    useAnimatePicker: boolean;
+}
+
+interface Week {
+    weekNumber?: number;
+    inRange?: boolean;
+    days: Day[];
+}
+interface Day {
+    date: Date;
+    dayNumber: number;
+    inRange?: boolean;
+    isStartRange: boolean;
+    isEndRange: boolean;
+    inDisabled?: boolean;
+    isSelected: boolean;
+    isToday: boolean;
+}
+interface Month {
+    weeks: Week[];
+}
+interface YearMonth {
+    year: number;
+    month: number;
+}
+interface NavigationItem extends YearMonth {
+    navigationTitle: string | number;
+}
+
+declare class UtilitiesService {
+    private static getScrollOffset;
+    static getPageOffset(el: HTMLElement): {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        forRight: number;
+        forBottom: number;
+    };
+    createArray(start: number, end: number): number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<UtilitiesService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UtilitiesService>;
+}
+
+declare class DatepickerComponent implements OnInit {
+    utils: UtilitiesService;
+    element: ElementRef;
+    date: Date;
+    year: number;
+    month: number;
+    today: Date;
+    months: Month[];
+    weekdays: string[];
+    totalYearMonth: YearMonth[];
+    selectedRange: string;
+    startDate: Date;
+    endDate: Date;
+    initialised: boolean;
+    private weekStartArray;
+    _options: Options;
+    set options(options: Options);
+    get options(): Options;
+    /**
+     * Set the the language manualy. A string with a BCP 47 language tag
+     * @example nl-NL
+     */
+    _language: string;
+    set language(value: string);
+    get language(): string;
+    /**
+     * Minimal Date: If set the dates before it will be disabled
+     */
+    _minDate: any;
+    set minDate(value: Date);
+    get minDate(): Date;
+    /**
+     * Maximal Date: If set the dates after it will be disabled
+     */
+    _maxDate: any;
+    set maxDate(value: Date);
+    get maxDate(): Date;
+    /**
+     * Selected Dates: handles the selected dates array. Can be set both internally and externally
+     */
+    private _selectedDates;
+    selectedDatesChange: EventEmitter<any>;
+    set selectedDates(value: Date[]);
+    get selectedDates(): Date[];
+    calendarContainer: ElementRef;
+    calendarTopContainer: ElementRef;
+    theme: string;
+    isOpen: boolean;
+    asDirective: boolean;
+    animate: boolean;
+    topPosition: number;
+    leftPosition: number;
+    bottomPosition: number;
+    rightPosition: number;
+    constructor(utils: UtilitiesService, element: ElementRef);
+    ngOnInit(): void;
+    /**
+     * Creates a day array
+     *
+     * @param year
+     * @param month
+     * @param isRestDays
+     */
+    createDayArray(year: number, month: number, isRestDays?: boolean): Day[];
+    /**
+     * Get the days from the next month
+     *
+     * @param year
+     * @param month
+     */
+    getNextRestDays(year: number, month: number): Day[];
+    /**
+     * Get the days of the previous month
+     *
+     * @param year
+     * @param month
+     */
+    getPreviousRestDays(year: number, month: number): Day[];
+    /**
+     * Merge all the day arrays together
+     *
+     * @param year
+     * @param month
+     */
+    getMergedDayArrays(year: number, month: number): Day[];
+    /**
+     * Create the calendar array from the week arrays
+     *
+     * @param year
+     * @param month
+     */
+    createCalendarArray(year: number, month: number): [{
+        weeks: Week[];
+    }];
+    /**
+     * Update value is being triggered
+     *
+     * @param date
+     */
+    updateValue(date: Date): void;
+    /**
+     * Select range method - contains the logic to select the start- and endrange
+     *
+     * @param date
+     */
+    selectRange(date: Date): void;
+    /**
+     * Reset the range if the selected dates change externally
+     */
+    resetRange(): void;
+    /**
+     * Toggle a date. One in, on out.
+     *
+     * @param date - Date to be toggled on
+     * @param toggleDate - Optional set specific date to toggle off
+     * @param unshift - Optional set to unshift in the selectedDates array. is passed to selectDate method
+     */
+    toggleDate(date: Date, toggleDate?: Date, unshift?: boolean): void;
+    /**
+     * Select a date
+     *
+     * @param date
+     * @param unshift - Optional set to unshift instead of push the date in the selectedDates array
+     */
+    selectDate(date: Date, unshift?: boolean): void;
+    /**
+     * Deselect a date
+     *
+     * @param date
+     */
+    deselectDate(date: Date): void;
+    /**
+     * Go to the next month
+     */
+    goToNextMonth(): void;
+    /**
+     * Go to the previous month
+     */
+    goToPreviousMonth(): void;
+    /**
+     * Go to a specific month. Is also used to rerender the datepicker
+     *
+     * @param date - default is the current date.
+     */
+    goToDate(date?: Date): void;
+    /**
+     * Render weekdays when options or language changes
+     */
+    renderWeekdays(): void;
+    /**
+     * Set the open state to true
+     */
+    open(): void;
+    /**
+     * Close the datepicker
+     *
+     * @param useTimeout - optional timeout
+     */
+    close(useTimeout?: boolean): void;
+    /**
+     * Select the start date - used for range functionality
+     */
+    selectStartDate(): void;
+    /**
+     * Select the end date - used for range functionality
+     */
+    selectEndDate(): void;
+    /**
+     * Check if date is the start date
+     */
+    isStartDate(date: Date): boolean;
+    /**
+     * Check if date is the end date
+     */
+    isEndDate(date: Date): boolean;
+    /**
+     * Check if date is today
+     */
+    isToday(date: Date): boolean;
+    /**
+     * Check if date is selected
+     */
+    isSelected(dateToCheck: Date): boolean;
+    /**
+     * Check if date is disabled
+     */
+    isDisabled(date: Date): boolean;
+    /**
+     * Check if date is in range
+     */
+    isInRange(date: Date): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "aa-datepicker", never, { "options": { "alias": "options"; "required": false; }; "language": { "alias": "language"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "selectedDates": { "alias": "selectedDates"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "selectedDatesChange": "selectedDatesChange"; }, never, ["*"], false, never>;
+}
+
+declare class NavigationComponent implements OnInit {
+    previousClick: EventEmitter<null>;
+    nextClick: EventEmitter<null>;
+    subNavigationClick: EventEmitter<Date>;
+    private monthFormat;
+    private set language(value);
+    private get language();
+    private _totalYearMonth;
+    set totalYearMonth(totalYearMonth: YearMonth[]);
+    transition: string;
+    translateX: number;
+    leftPosition: number;
+    hideNavigation: boolean;
+    animate: boolean;
+    private _language;
+    private initialised;
+    private formatMonth;
+    private subNavigationOpen;
+    navigationItems: NavigationItem[];
+    titles: NavigationItem[];
+    ngOnInit(): void;
+    onMonthClick(title: NavigationItem): void;
+    onYearClick(title: NavigationItem): void;
+    toggleSubNavigation(): void;
+    /**
+     * Sets the title
+     *
+     * @param totalMonthYear
+     * @param monthType
+     * @param formatMonth
+     * @returns NavigationItem[]
+     */
+    createNavigationItems(totalMonthYear: YearMonth[], monthType?: boolean, formatMonth?: any): NavigationItem[];
+    createMonthArray(navigationItem: NavigationItem): any[];
+    /**
+     * Create an array of navigation items with year as label
+     *
+     * @param navigationItem
+     * @returns NavigationItem[]
+     */
+    createYearArray(navigationItem: NavigationItem): NavigationItem[];
+    onSubNavigationClick(date: Date): void;
+    /**
+     * Emits previous click event
+     */
+    previous(): void;
+    /**
+     * Emits next click event
+     */
+    next(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "aa-navigation", never, { "monthFormat": { "alias": "monthFormat"; "required": false; }; "language": { "alias": "language"; "required": false; }; "totalYearMonth": { "alias": "totalYearMonth"; "required": false; }; "transition": { "alias": "transition"; "required": false; }; "translateX": { "alias": "translateX"; "required": false; }; "leftPosition": { "alias": "leftPosition"; "required": false; }; "hideNavigation": { "alias": "hideNavigation"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; }, { "previousClick": "previousClick"; "nextClick": "nextClick"; "subNavigationClick": "subNavigationClick"; }, never, never, false, never>;
+}
+
+declare class AnimatepickerComponent extends DatepickerComponent implements OnInit, AfterViewInit {
+    elementRef: ElementRef;
+    utilities: UtilitiesService;
+    animate: boolean;
+    initialWidth: number;
+    calendarWidth: number;
+    isAnimating: boolean;
+    leftInnerPosition: number;
+    transition: string;
+    translateX: number;
+    datepickerPosition: object;
+    initialised: boolean;
+    calendarHeight: number;
+    private _currentYearMonth;
+    set currentYearMonth(yearMonths: YearMonth[]);
+    get currentYearMonth(): YearMonth[];
+    /**
+     * Number of months: the number of months displayed
+     */
+    private _numberOfMonths;
+    set numberOfMonths(value: Number[]);
+    get numberOfMonths(): Number[];
+    navigate: EventEmitter<YearMonth[]>;
+    calendarContainer: ElementRef;
+    calendarTopContainer: ElementRef;
+    footer: ElementRef;
+    datepickerWidth: number;
+    datepickerHeight: number;
+    constructor(elementRef: ElementRef, utilities: UtilitiesService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    /**
+     * Set the height and the width properties
+     */
+    setDatePickerDimension(): void;
+    /**
+     * Go to a specific month
+     *
+     * @param date - optional
+     */
+    goToDate(date?: Date): void;
+    /**
+     * Create an array of the next year and months
+     *
+     * @param year
+     * @param month
+     */
+    getNextYearMonthArray(year: number, month: number): YearMonth[];
+    /**
+     * Create an array of the previous year and months
+     *
+     * @param year
+     * @param month
+     */
+    getPreviousYearMonthArray(year: number, month: number): YearMonth[];
+    /**
+     * Set the datepicker height, used when animating
+     *
+     * @param directionRight - Set optional when sliding to the right
+     */
+    setDatepickerHeight(directionRight?: boolean): void;
+    /**
+     * Get next month array, gets multiple months.
+     * Used when the options animate is set or multiple months are visable
+     *
+     * @return Month[]
+     */
+    getNextMonthArray(currentYearMonth: any, keepDate?: boolean, nextMonthsYearMonthArray?: any): Month[];
+    /**
+     * Gets an array of previous months.
+     * Used for animation and when more months are displayed
+     *
+     * @param currentYearMonth
+     * @param keepDate
+     */
+    getPreviousMonthArray(currentYearMonth: any, keepDate?: boolean): Month[];
+    /**
+     * Update value is being triggered
+     *
+     * @param date
+     */
+    updateValue(date: Date): void;
+    /**
+     * Go to the next month
+     */
+    goToNextMonth(): void;
+    /**
+     * Go to the previous month
+     */
+    goToPreviousMonth(): void;
+    /**
+     * Go to a specific month
+     * TODO: WIP Check if date is in current range, or if it is later or earlier
+     */
+    goToMonth(date: Date): void;
+    /**
+     * Slide to the right
+     */
+    slideRight(): void;
+    /**
+     * Slide to the left (criss cross)
+     */
+    slideLeft(): void;
+    /**
+     * Set animating state
+     */
+    setIsAnimating(): void;
+    /**
+     * Reset Style
+     *
+     * @param resetForPrevious - Optional
+     */
+    resetStyle(resetForPrevious?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnimatepickerComponent, "aa-animatepicker", never, { "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; }, { "navigate": "navigate"; }, never, ["header", "footer"], false, never>;
+}
+
+declare class DatepickerDirective {
+    viewContainerRef: ViewContainerRef;
+    private appRef;
+    private injector;
+    private renderer;
+    formControl: NgControl;
+    datepicker: any;
+    datepickerRef: ComponentRef<DatepickerComponent | AnimatepickerComponent> | null;
+    clickListener: any;
+    _options: {
+        appendToBody: boolean;
+        openDirection: string;
+        closeOnBlur: boolean;
+        useAnimatePicker: boolean;
+    };
+    set options(options: DirectiveOptions);
+    get options(): DirectiveOptions;
+    private _datepickerOptions;
+    set datepickerOptions(options: Options);
+    get datepickerOptions(): Options;
+    /**
+     * Set the the language manualy. A string with a BCP 47 language tag
+     * @example nl-NL
+     */
+    private _language;
+    set language(value: string);
+    get language(): string;
+    /**
+     * Minimal Date: If set the dates before it will be disabled
+     */
+    private _minDate;
+    set minDate(value: Date);
+    get minDate(): Date;
+    /**
+     * Maximal Date: If set the dates after it will be disabled
+     */
+    private _maxDate;
+    set maxDate(value: Date);
+    get maxDate(): Date;
+    /**
+     * Number of months: the number of months displayed
+     */
+    private _numberOfMonths;
+    set numberOfMonths(value: any);
+    get numberOfMonths(): any;
+    /**
+     * Theme string is added to the host
+     */
+    private _theme;
+    set theme(value: any);
+    get theme(): any;
+    /**
+     * The open state
+     */
+    private _isOpen;
+    set isOpen(value: any);
+    get isOpen(): any;
+    /**
+     * Selected Dates: handles the selected dates array. Can be set both internally and externally
+     */
+    private _selectedDates;
+    selectedDatesChange: EventEmitter<any>;
+    set selectedDates(value: Date[]);
+    get selectedDates(): Date[];
+    onClick(): void;
+    constructor(viewContainerRef: ViewContainerRef, appRef: ApplicationRef, injector: Injector, renderer: Renderer2, formControl: NgControl);
+    /**
+     * Add selected changes
+     */
+    subscribeToSelectedChanges(): void;
+    /**
+     * Set all the options and inputs of the datepicker
+     */
+    setDatepickerOptionsAndInputs(): void;
+    /**
+     * Handles the (faked) blur event
+     *
+     * @param event
+     */
+    onBlurHandler(event: Event): void;
+    /**
+     * Returns a create DatepickerComponent method
+     */
+    createDatepicker(): any;
+    /**
+     * Sets the position of the datepicker
+     */
+    setPosition(): void;
+    /**
+     * Appends the DatepickerComponent to the body and returns the instance
+     */
+    appendToBody(): any;
+    /**
+     * Appends the DatepickerComponent to the container and returns the instance
+     */
+    appendToContainer(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerDirective, [null, null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DatepickerDirective, "[aaDatepicker]", never, { "options": { "alias": "aaDatepicker"; "required": false; }; "datepickerOptions": { "alias": "options"; "required": false; }; "language": { "alias": "language"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "selectedDates": { "alias": "selectedDates"; "required": false; }; }, { "selectedDatesChange": "selectedDatesChange"; }, never, never, false, never>;
+}
+
+declare class SubNavigationComponent {
+    close: EventEmitter<null>;
+    subNavigationClick: EventEmitter<Date>;
+    navigationItems: NavigationItem[];
+    onItemCLick(navigationItem: NavigationItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SubNavigationComponent, "aa-sub-navigation", never, { "navigationItems": { "alias": "navigationItems"; "required": false; }; }, { "close": "close"; "subNavigationClick": "subNavigationClick"; }, never, never, false, never>;
+}
+
+declare class AaDatepickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AaDatepickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AaDatepickerModule, [typeof DatepickerComponent, typeof NavigationComponent, typeof AnimatepickerComponent, typeof DatepickerDirective, typeof SubNavigationComponent], [typeof i6.CommonModule], [typeof DatepickerComponent, typeof NavigationComponent, typeof AnimatepickerComponent, typeof DatepickerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AaDatepickerModule>;
+}
+
+export { AaDatepickerModule, AnimatepickerComponent, DatepickerComponent, DatepickerDirective, NavigationComponent };
+export type { DirectiveOptions, Options };