ngx-animating-datepicker 1.2.0 → 2.0.0

package/lib/components/navigation/navigation.component.d.ts

@@ -1,52 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { YearMonth, NavigationItem } from '../../models/datepicker.model';
-export declare class NavigationComponent implements OnInit {
-    previousClick: EventEmitter<null>;
-    nextClick: EventEmitter<null>;
-    subNavigationClick: EventEmitter<Date>;
-    private monthFormat;
-    private language;
-    private _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;
-}

package/lib/components/sub-navigation/sub-navigation.component.d.ts

@@ -1,8 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { NavigationItem } from '../../models/datepicker.model';
-export declare class SubNavigationComponent {
-    close: EventEmitter<null>;
-    subNavigationClick: EventEmitter<Date>;
-    navigationItems: NavigationItem[];
-    onItemCLick(navigationItem: NavigationItem): void;
-}

package/lib/models/datepicker-options.model.d.ts

@@ -1,14 +0,0 @@
-export 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;
-}

package/lib/models/datepicker.model.d.ts

@@ -1,29 +0,0 @@
-export interface Week {
-    weekNumber?: number;
-    inRange?: boolean;
-    days: Day[];
-}
-export interface Day {
-    date: Date;
-    dayNumber: number;
-    inRange?: boolean;
-    isStartRange: boolean;
-    isEndRange: boolean;
-    inDisabled?: boolean;
-    isSelected: boolean;
-    isToday: boolean;
-}
-export interface Month {
-    weeks: Week[];
-}
-export interface YearMonth {
-    year: number;
-    month: number;
-}
-export interface NavigationItem extends YearMonth {
-    navigationTitle: string | number;
-}
-export interface Range {
-    startDate: any;
-    endDate: any;
-}

package/lib/models/directive-options.model.d.ts

@@ -1,6 +0,0 @@
-export interface DirectiveOptions {
-    appendToBody: boolean;
-    openDirection: string;
-    closeOnBlur: boolean;
-    useAnimatePicker: boolean;
-}

package/lib/ngx-animating-datepicker.module.d.ts

@@ -1,2 +0,0 @@
-export declare class AaDatepickerModule {
-}

package/lib/services/datepicker.service.d.ts

@@ -1,77 +0,0 @@
-import { Day, Week } from '../models/datepicker.model';
-export declare class DatepickerService {
-    /**
-     * Get the formatted weekdays
-     *
-     * @param language
-     * @param format
-     * @param start
-     */
-    static getWeekDays(language: string, format: string, start: string): string[];
-    /**
-     * Checks if is a value iso code
-     *
-     * @param isoCode
-     */
-    static isValidIsoCode(isoCode: string): boolean;
-    /**
-     * Create a week array from the merged day arrays
-     *
-     * @param dayArray
-     */
-    static createWeekArray(dayArray: Day[]): Week[];
-    static getDaysInMonth(year: number, month: number): number;
-    static isValidDate(value: any): boolean;
-    /**
-     * Check if year is a leap year
-     *
-     * @param year
-     */
-    static isLeapYear(year: number): boolean;
-    /**
-     * Checks to see if value is a valid date
-     *
-     * @param value
-     */
-    static isDate(value: Date): boolean;
-    /**
-     * Get the year of the next month
-     *
-     * @param year
-     * @param month
-     */
-    static getYearOfNextMonth(year: number, month: number): number;
-    /**
-     * Get the next month
-     *
-     * @param month
-     */
-    static getNextMonth(month: number): number;
-    /**
-     * Get the year of the previous month
-     *
-     * @param year
-     * @param month
-     */
-    static getYearOfPreviousMonth(year: number, month: number): number;
-    /**
-     * Get previous motnh
-     *
-     * @param month
-     */
-    static getPreviousMonth(month: number): number;
-    /**
-     * Check if a date is later
-     *
-     * @param date
-     * @param compareDate
-     */
-    static isLater(date: Date, compareDate: Date): boolean;
-    /**
-     * Check if a date is ealrier
-     *
-     * @param date
-     * @param compareDate
-     */
-    static isEarlier(date: Date, compareDate: Date): boolean;
-}

package/lib/services/utilities.service.d.ts

@@ -1,12 +0,0 @@
-export 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[];
-}

package/ngx-animating-datepicker.d.ts

@@ -1,8 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public_api';
-export { DatepickerDirective as ɵc } from './lib/components/datepicker/datepicker.directive';
-export { NavigationComponent as ɵb } from './lib/components/navigation/navigation.component';
-export { SubNavigationComponent as ɵd } from './lib/components/sub-navigation/sub-navigation.component';
-export { UtilitiesService as ɵa } from './lib/services/utilities.service';

package/ngx-animating-datepicker.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"Options":{"__symbolic":"interface"},"DirectiveOptions":{"__symbolic":"interface"},"AaDatepickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DatepickerComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"AnimatepickerComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":11}],"providers":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"DatepickerComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"AnimatepickerComponent"},{"__symbolic":"reference","name":"ɵc"}],"entryComponents":[{"__symbolic":"reference","name":"DatepickerComponent"},{"__symbolic":"reference","name":"AnimatepickerComponent"}]}]}],"members":{}},"DatepickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aa-datepicker","template":"<div class=\"datepicker__wrapper\">\n\t<div>\n\t\t<aa-navigation\n\t\t\t\t[hideNavigation]=\"options.hideNavigation\"\n                (previousClick)=\"goToPreviousMonth()\"\n\t\t\t\t(nextClick)=\"goToNextMonth()\"\n\t\t\t\t[language]=\"language\"\n\t\t\t\t[totalYearMonth]=\"totalYearMonth\"></aa-navigation>\n\t\t<div class=\"datepicker__weekdays-wrapper\">\n\t\t\t<div class=\"datepicker__weekdays-container\">\n\t\t\t\t<table class=\"datepicker__weekdays\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t<td class=\"datepicker__weekday\" *ngFor=\"let weekday of weekdays; index as i\">{{weekday}}</td>\n\t\t\t\t\t</thead>\n\t\t\t\t</table>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<div class=\"datepicker__calendar-wrapper\">\n\t\t<div *ngFor=\"let month of months;\" class=\"datepicker__calendar-container\">\n\t\t\t<table class=\"datepicker__calendar\">\n\t\t\t\t<tbody>\n\t\t\t\t<tr *ngFor=\"let week of month.weeks; index as i\">\n\t\t\t\t\t<td class=\"datepicker__day\" *ngFor=\"let day of week.days; index as i\" [ngClass]=\"{\n\t\t\t'is-first': day.isFirst,\n\t\t\t'is-last': day.isLast,\n\t\t\t'is-hidden': day.isHidden,\n\t\t\t'is-disabled': day.isDisabled,\n\t\t\t'is-today': day.isToday,\n\t\t\t'is-selected': day.isSelected,\n\t\t\t'is-in-range': day.isInRange,\n\t\t\t'is-start-date': day.isStartDate,\n\t\t\t'is-end-date': day.isEndDate,\n\t\t\t'is-rest': day.isRest\n\t\t\t}\">\n\t\t\t\t\t\t<button class=\"datepicker__button\" [disabled]=\"day.isDisabled || day.isHidden\"\n\t\t\t\t\t\t\t\t(click)=\"updateValue(day.date)\">{{day.dayNumber}}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t</div>\n\t<ng-content></ng-content>\n</div>","styles":[":host{font-family:Arial,Helvetica,sans-serif;border:1px solid #d9d9d8;width:300px;position:relative;display:inline-block;z-index:2;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.15);overflow:hidden;background-color:#fff;box-sizing:border-box;visibility:hidden}:host *{box-sizing:border-box}:host .datepicker__calendar-container{padding:0 10px 10px}:host table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse}:host td{padding:0}:host .datepicker__weekdays-wrapper::after,:host .datepicker__weekdays-wrapper::before{content:' ';display:table}:host .datepicker__weekdays-wrapper::after{clear:both}:host .datepicker__weekdays-container{padding:10px 10px 0;float:left}:host .datepicker__weekdays{table-layout:fixed;width:100%}:host .datepicker__weekday{color:grey;font-size:12px;height:20px;text-align:center}:host .datepicker__day{position:relative;text-align:center;height:40px;width:auto;border:1px solid #d9d9d8}:host .datepicker__day.is-rest{border:none}:host .datepicker__button{padding:0;background-color:transparent;border:none;outline:0;font-style:inherit;cursor:pointer;color:#8e8d8a;width:100%;height:100%}:host .datepicker__button:hover{border:1px solid transparent;background-color:#f2f2f2;color:#8e8d8a}:host .is-hidden{opacity:0;display:table-cell}:host .is-rest{border:none}:host .is-rest .datepicker__button{color:#c0c0be}:host .is-today .datepicker__button{background-color:#eae7dc}:host .is-in-range .datepicker__button{background-color:#e98074;color:#fff}:host .is-in-range .datepicker__button:hover{background-color:#e66c5e}:host .is-selected .datepicker__button{background-color:#e85a4f;color:#fff;font-weight:700}:host .is-selected .datepicker__button:hover{background-color:#e23022}:host .is-start-date .datepicker__button{background-color:#e85a4f;color:#fff}:host .is-end-date .datepicker__button{background-color:#e85a4f;color:#fff}:host .is-disabled .datepicker__button{color:#d9d9d8;cursor:default}:host .is-disabled .datepicker__button:hover{background-color:transparent}:host.is-directive{visibility:hidden;position:absolute}:host.is-open{visibility:visible}:host.is-animate{transition:height .2s ease-in;width:300px}:host.is-animate .datepicker__calendar-wrapper{position:absolute;width:200%;left:0}:host.is-animate .datepicker__calendar{float:left;width:100%}:host.is-animate .datepicker__calendar-container{float:left}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":2},"arguments":["options"]}]}],"language":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":2}}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":2}}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":2}}]}],"selectedDatesChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":161,"character":2}}]}],"selectedDates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":2}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":187,"character":2},"arguments":["calendarContainer"]}]}],"calendarTopContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":188,"character":2},"arguments":["calendarTopContainer"]}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":189,"character":2},"arguments":["class"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":2}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":192,"character":2},"arguments":["class.is-open"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":2}}]}],"asDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":195,"character":2},"arguments":["class.is-directive"]}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":196,"character":2},"arguments":["class.is-animate"]}]}],"topPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":197,"character":2},"arguments":["style.top.px"]}]}],"leftPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":198,"character":2},"arguments":["style.left.px"]}]}],"bottomPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":199,"character":2},"arguments":["style.bottom.px"]}]}],"rightPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":200,"character":2},"arguments":["style.right.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":202,"character":61}]}],"ngOnInit":[{"__symbolic":"method"}],"createDayArray":[{"__symbolic":"method"}],"getNextRestDays":[{"__symbolic":"method"}],"getPreviousRestDays":[{"__symbolic":"method"}],"getMergedDayArrays":[{"__symbolic":"method"}],"createCalendarArray":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"selectRange":[{"__symbolic":"method"}],"resetRange":[{"__symbolic":"method"}],"toggleDate":[{"__symbolic":"method"}],"selectDate":[{"__symbolic":"method"}],"deselectDate":[{"__symbolic":"method"}],"goToNextMonth":[{"__symbolic":"method"}],"goToPreviousMonth":[{"__symbolic":"method"}],"goToDate":[{"__symbolic":"method"}],"renderWeekdays":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"selectStartDate":[{"__symbolic":"method"}],"selectEndDate":[{"__symbolic":"method"}],"isStartDate":[{"__symbolic":"method"}],"isEndDate":[{"__symbolic":"method"}],"isToday":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"isDisabled":[{"__symbolic":"method"}],"isInRange":[{"__symbolic":"method"}]}},"AnimatepickerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DatepickerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"aa-animatepicker","template":"<div class=\"datepicker__wrapper\" [ngStyle]=\"datepickerPosition\">\n\t<div #calendarTopContainer>\n\t\t<aa-navigation\n\t\t\t\t(previousClick)=\"goToPreviousMonth()\"\n\t\t\t\t(nextClick)=\"goToNextMonth()\"\n\t\t\t\t(subNavigationClick)=\"goToDate($event)\"\n\t\t\t\t[language]=\"language\"\n\t\t\t\t[animate]=\"animate\"\n\t\t\t\t[translateX]=\"translateX\"\n\t\t\t\t[transition]=\"transition\"\n\t\t\t\t[leftPosition]=\"leftInnerPosition\"\n\t\t\t\t[hideNavigation]=\"options.hideNavigation\"\n\t\t\t\t[totalYearMonth]=\"totalYearMonth\"\n\t\t></aa-navigation>\n\n\t\t<div class=\"datepicker__weekdays-wrapper\">\n\t\t\t<div \t*ngFor=\"let month of numberOfMonths\"\n\t\t\t\t\t[ngStyle]=\"{\n\t\t\t\t'width.%': (100 / numberOfMonths.length)\n\t\t\t\t}\"\n\t\t\t\t\tclass=\"datepicker__weekdays-container\">\n\t\t\t\t<table class=\"datepicker__weekdays\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t<td class=\"datepicker__weekday\" *ngFor=\"let weekday of weekdays; index as i\">{{weekday}}</td>\n\t\t\t\t\t</thead>\n\t\t\t\t</table>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<div class=\"datepicker__calendar-wrapper\" #calendarContainer [ngStyle]=\"{\n\t\t\t\t'transform': 'translateX(' + translateX + '%)',\n\t\t\t\t'transition': transition,\n\t\t\t\t'left.%': leftInnerPosition\n\t\t\t\t}\"\n\t>\n\t\t<div\n\t\t\t\t*ngFor=\"let month of months;\"\n\t\t\t\tclass=\"datepicker__calendar-container\"\n\t\t\t\t[ngStyle]=\"{'width.%': calendarWidth}\"\n\t\t>\n\t\t\t<table class=\"datepicker__calendar\">\n\t\t\t\t<tbody>\n\t\t\t\t<tr *ngFor=\"let week of month.weeks; index as i\" class=\"datepicker__week\">\n\t\t\t\t\t<td class=\"datepicker__day\" *ngFor=\"let day of week.days; index as i\"\n\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'is-first': day.isFirst,\n\t\t\t\t\t'is-last': day.isLast,\n\t\t\t\t\t'is-hidden': day.isHidden,\n\t\t\t\t\t'is-disabled': day.isDisabled,\n\t\t\t\t\t'is-today': day.isToday,\n\t\t\t\t\t'is-selected': day.isSelected,\n\t\t\t\t\t'is-in-range': day.isInRange,\n\t\t\t\t\t'is-start-date': day.isStartDate,\n\t\t\t\t\t'is-end-date': day.isEndDate,\n\t\t\t\t\t'is-rest': day.isRest\n\t\t\t\t\t}\">\n\t\t\t\t\t\t<button class=\"datepicker__button\" [disabled]=\"day.isDisabled || day.isHidden\"\n\t\t\t\t\t\t\t\t(click)=\"updateValue(day.date)\">{{day.dayNumber}}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t</div>\n\t<ng-content></ng-content>\n</div>\n\t\t","styles":[":host{font-family:Arial,Helvetica,sans-serif;border:1px solid #d9d9d8;width:300px;position:relative;display:inline-block;z-index:2;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.15);overflow:hidden;background-color:#fff;box-sizing:border-box;visibility:hidden}:host *{box-sizing:border-box}:host .datepicker__calendar-container{padding:0 10px 10px}:host table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse}:host td{padding:0}:host .datepicker__weekdays-wrapper::after,:host .datepicker__weekdays-wrapper::before{content:' ';display:table}:host .datepicker__weekdays-wrapper::after{clear:both}:host .datepicker__weekdays-container{padding:10px 10px 0;float:left}:host .datepicker__weekdays{table-layout:fixed;width:100%}:host .datepicker__weekday{color:grey;font-size:12px;height:20px;text-align:center}:host .datepicker__day{position:relative;text-align:center;height:40px;width:auto;border:1px solid #d9d9d8}:host .datepicker__day.is-rest{border:none}:host .datepicker__button{padding:0;background-color:transparent;border:none;outline:0;font-style:inherit;cursor:pointer;color:#8e8d8a;width:100%;height:100%}:host .datepicker__button:hover{border:1px solid transparent;background-color:#f2f2f2;color:#8e8d8a}:host .is-hidden{opacity:0;display:table-cell}:host .is-rest{border:none}:host .is-rest .datepicker__button{color:#c0c0be}:host .is-today .datepicker__button{background-color:#eae7dc}:host .is-in-range .datepicker__button{background-color:#e98074;color:#fff}:host .is-in-range .datepicker__button:hover{background-color:#e66c5e}:host .is-selected .datepicker__button{background-color:#e85a4f;color:#fff;font-weight:700}:host .is-selected .datepicker__button:hover{background-color:#e23022}:host .is-start-date .datepicker__button{background-color:#e85a4f;color:#fff}:host .is-end-date .datepicker__button{background-color:#e85a4f;color:#fff}:host .is-disabled .datepicker__button{color:#d9d9d8;cursor:default}:host .is-disabled .datepicker__button:hover{background-color:transparent}:host.is-directive{visibility:hidden;position:absolute}:host.is-open{visibility:visible}:host.is-animate{transition:height .2s ease-in;width:300px}:host.is-animate .datepicker__calendar-wrapper{position:absolute;width:200%;left:0}:host.is-animate .datepicker__calendar{float:left;width:100%}:host.is-animate .datepicker__calendar-container{float:left}"]}]}],"members":{"numberOfMonths":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":2}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":129,"character":2},"arguments":["calendarContainer"]}]}],"calendarTopContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":130,"character":2},"arguments":["calendarTopContainer"]}]}],"datepickerWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":131,"character":2},"arguments":["style.width.px"]}]}],"datepickerHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":132,"character":2},"arguments":["style.height.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":134,"character":32},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setDatePickerDimension":[{"__symbolic":"method"}],"goToDate":[{"__symbolic":"method"}],"getNextYearMonthArray":[{"__symbolic":"method"}],"getPreviousYearMonthArray":[{"__symbolic":"method"}],"setDatepickerHeight":[{"__symbolic":"method"}],"getNextMonthArray":[{"__symbolic":"method"}],"getPreviousMonthArray":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"goToNextMonth":[{"__symbolic":"method"}],"goToPreviousMonth":[{"__symbolic":"method"}],"goToMonth":[{"__symbolic":"method"}],"slideRight":[{"__symbolic":"method"}],"slideLeft":[{"__symbolic":"method"}],"setIsAnimating":[{"__symbolic":"method"}],"resetStyle":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"createArray":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"aa-navigation","template":"<button *ngIf=\"!hideNavigation\" class=\"navigation__button is-previous\" (click)=\"previous()\"></button>\n<div class=\"navigation__title-wrapper\" [ngStyle]=\"{\n  'transform': 'translateX(' + translateX + '%)',\n  'transition': transition,\n  'left.%': leftPosition\n}\">\n    <div *ngFor=\"let title of titles\"\n         class=\"navigation__title\"\n         [ngStyle]=\"{\n          'width.%': (100 / titles.length)\n        }\"\n    ><span (click)=\"onMonthClick(title)\">{{title.navigationTitle}}</span>&nbsp;<span (click)=\"onYearClick(title)\">{{title.year}}</span></div>\n</div>\n<button *ngIf=\"!hideNavigation\" class=\"navigation__button is-next\" (click)=\"next()\"></button>","styles":[":host{display:block;padding:10px;height:52px}:host::after,:host::before{content:' ';display:table}:host::after{clear:both}:host .navigation__title-wrapper{position:absolute;left:0;width:100%}:host .navigation__title{width:100%;font-weight:700;text-align:center;float:left;line-height:2.2rem}:host .navigation__button{padding:0;border:1px solid #c0c0be;outline:0;font-style:inherit;cursor:pointer;position:relative;z-index:1;background-color:#fff;text-align:center;width:32px;height:32px;border-radius:4px}:host .navigation__button:hover{border-color:#8e8d8a}:host .navigation__button.is-previous{float:left}:host .navigation__button.is-previous::after{content:'<'}:host .navigation__button.is-next{float:right}:host .navigation__button.is-next::before{content:'>'}:host.is-animate .navigation__title-wrapper{width:200%}"]}]}],"members":{"previousClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":2}}]}],"nextClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":2}}]}],"subNavigationClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":2}}]}],"monthFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":2}}]}],"language":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":2}}]}],"totalYearMonth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":2}}]}],"transition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":2}}]}],"translateX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":2}}]}],"leftPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":2}}]}],"hideNavigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":2}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":53,"character":2},"arguments":["class.is-animate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":2}}]}],"ngOnInit":[{"__symbolic":"method"}],"onMonthClick":[{"__symbolic":"method"}],"onYearClick":[{"__symbolic":"method"}],"toggleSubNavigation":[{"__symbolic":"method"}],"createNavigationItems":[{"__symbolic":"method"}],"createMonthArray":[{"__symbolic":"method"}],"createYearArray":[{"__symbolic":"method"}],"onSubNavigationClick":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":22,"character":1},"arguments":[{"selector":"[aaDatepicker]"}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":2},"arguments":["aaDatepicker"]}]}],"datepickerOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":2},"arguments":["options"]}]}],"language":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":2}}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":2}}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":2}}]}],"numberOfMonths":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":2}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":2}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":2}}]}],"selectedDatesChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":163,"character":2}}]}],"selectedDates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":2}}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":178,"character":2},"arguments":["click",["$event.target"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":208,"character":3}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":203,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":204,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":205,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":206,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":207,"character":20},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":208,"character":34}]}],"subscribeToSelectedChanges":[{"__symbolic":"method"}],"setDatepickerOptionsAndInputs":[{"__symbolic":"method"}],"onBlurHandler":[{"__symbolic":"method"}],"createDatepicker":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"appendToBody":[{"__symbolic":"method"}],"appendToContainer":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"aa-sub-navigation","template":"<span (click)=\"close.emit()\">Close</span>\n<div class=\"sub-navigation__items-container\">\n  <div class=\"sub-navigation__item\" *ngFor=\"let item of navigationItems;\" (click)=\"onItemCLick(item)\">\n    <span class=\"sub-navigation__label\">{{item.navigationTitle}}</span>\n  </div>\n</div>\n","styles":[":host{position:absolute;z-index:4;top:0;left:0;width:100%;height:100%;display:block;background-color:#fff}:host .sub-navigation__items-container{display:flex;align-items:center;flex-wrap:wrap}:host .sub-navigation__item{border:1px solid #8e8d8a;height:40px;width:40px}"]}]}],"members":{"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":2}}]}],"subNavigationClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":2}}]}],"navigationItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":2}}]}],"onItemCLick":[{"__symbolic":"method"}]}}},"origins":{"Options":"./lib/models/datepicker-options.model","DirectiveOptions":"./lib/models/directive-options.model","AaDatepickerModule":"./lib/ngx-animating-datepicker.module","DatepickerComponent":"./lib/components/datepicker/datepicker.component","AnimatepickerComponent":"./lib/components/animatepicker/animatepicker.component","ɵa":"./lib/services/utilities.service","ɵb":"./lib/components/navigation/navigation.component","ɵc":"./lib/components/datepicker/datepicker.directive","ɵd":"./lib/components/sub-navigation/sub-navigation.component"},"importAs":"ngx-animating-datepicker"}

package/public_api.d.ts

@@ -1,5 +0,0 @@
-export { Options } from './lib/models/datepicker-options.model';
-export { DirectiveOptions } from './lib/models/directive-options.model';
-export { AaDatepickerModule } from './lib/ngx-animating-datepicker.module';
-export { DatepickerComponent } from './lib/components/datepicker/datepicker.component';
-export { AnimatepickerComponent } from './lib/components/animatepicker/animatepicker.component';