@anglr/datetime 6.0.0-beta.20221222085135 → 6.0.0-beta.20221223105933

package/styles/core/_mixins.scss

@@ -3,6 +3,7 @@
 
 @use 'misc';
 @use '../components/date-time-picker' as dateTimePicker;
+@use '../components/month-calendar' as monthCalendar;
 
 @mixin buildThemeColors($theme)
 {
@@ -19,6 +20,8 @@
         --datetime-date-time-picker-disabled-background: #{map.get(map.get(map.get($theme, 'dateTimePicker'), 'disabled'), 'background')};
         --datetime-date-time-picker-today-border: #{map.get(map.get(map.get($theme, 'dateTimePicker'), 'today'), 'border')};
         --datetime-day-picker-weekend-foreground: #{map.get(map.get(map.get($theme, 'dayPicker'), 'weekend'), 'foreground')};
+        --datetime-month-calendar-weekend-foreground: #{map.get(map.get(map.get($theme, 'monthCalendar'), 'weekend'), 'foreground')};
+        --datetime-month-calendar-other-month-background: #{map.get(map.get(map.get($theme, 'monthCalendar'), 'otherMonth'), 'background')};
     }
 }
 
@@ -28,6 +31,7 @@
     @include misc.generate-margin-padding('margin', (none: 0, extra-small: 4px, small: 10px, medium: 15px, big: 20px));
     // @include misc.thin-scrollbar('--dynamic-thin-scrollbar');
     @include dateTimePicker.css;
+    @include monthCalendar.css;
 }
 
 @mixin buildTheme($theme)

package/styles/core/_theme.scss

@@ -38,4 +38,15 @@ $defaultTheme:
             foreground: #850000,
         ),
     ),
+    monthCalendar:
+    (
+        weekend:
+        (
+            foreground: #ff0000,
+        ),
+        otherMonth:
+        (
+            background: #00000033,
+        ),
+    ),
 );

package/version.bak

@@ -1 +1 @@
-6.0.0-beta.20221222085135 
+6.0.0-beta.20221223105933 

package/es2015/src/legacy/picker/components/clockTimePicker/clockTimePicker.component.js

@@ -1,14 +0,0 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Component used for displaying clock time picker
- */
-export class ClockTimePickerComponent {
-}
-ClockTimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClockTimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ClockTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: ClockTimePickerComponent, selector: "date-time-clock-time-picker", ngImport: i0, template: "", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClockTimePickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'date-time-clock-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "" }]
-        }] });
-//# sourceMappingURL=clockTimePicker.component.js.map

package/es2015/src/legacy/picker/components/clockTimePicker/clockTimePicker.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clockTimePicker.component.js","sourceRoot":"","sources":["../../../../../../src/legacy/picker/components/clockTimePicker/clockTimePicker.component.ts","../../../../../../src/legacy/picker/components/clockTimePicker/clockTimePicker.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,eAAe,CAAC;;AAEjE;;GAEG;AAQH,MAAM,OAAO,wBAAwB;;qHAAxB,wBAAwB;yGAAxB,wBAAwB,mECZrC,EAAA;2FDYa,wBAAwB;kBAPpC,SAAS;+BAEI,6BAA6B,mBAGtB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\n\n/**\n * Component used for displaying clock time picker\n */\n@Component(\n{\n    selector: 'date-time-clock-time-picker',\n    templateUrl: 'clockTimePicker.component.html',\n    styleUrls: ['clockTimePicker.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ClockTimePickerComponent\n{\n}",""]}

package/es2015/src/legacy/picker/components/clockTimePicker/clockTimePicker.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=clockTimePicker.interface.js.map

package/es2015/src/legacy/picker/components/clockTimePicker/clockTimePicker.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clockTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/legacy/picker/components/clockTimePicker/clockTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Specific css classes for clock time picker\n */\nexport interface ClockTimePickerCssClasses\n{\n}"]}

package/es2015/src/legacy/picker/components/dayPicker/dayPicker.component.js

@@ -1,214 +0,0 @@
-import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef } from '@angular/core';
-import { extend } from '@jscrpt/common';
-import { DATE_API } from '../../../../misc/tokens';
-import { PickerBaseComponent } from '../pickerBase.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@anglr/common";
-import * as i3 from "../../../../pipes/dateFormat.pipe";
-/**
- * Default styles for picker
- */
-const defaultStyles = {
-    periodSelection: 'period',
-    previousPeriod: 'fas fa-angle-left clickable',
-    nextPeriod: 'fas fa-angle-right clickable',
-    periodValue: 'period-value',
-    periodData: 'period-data',
-    periodDatum: 'period-datum clickable',
-    weekdayName: 'weekday',
-    clickable: 'clickable'
-};
-/**
- * Component used for displaying day picker
- */
-export class DateTimeDayPickerComponent extends PickerBaseComponent {
-    //######################### constructor #########################
-    constructor(dateApi, changeDetector) {
-        super(dateApi, changeDetector);
-        //######################### protected fields #########################
-        /**
-         * Stored this picker month data
-         */
-        this._thisMonthData = [];
-        //######################### public properties - template bindings #########################
-        /**
-         * Names of days
-         * @internal
-         */
-        this.weekdays = [];
-        this.cssClasses = extend(true, {}, defaultStyles);
-        this.weekdays = this._dateApi.weekdaysShort();
-    }
-    /**
-     * Value used for displaying time
-     */
-    get timeValue() {
-        return this._value;
-    }
-    //######################### public methods - template bindings #########################
-    /**
-     * Changes displayed period to "lower" period
-     * @param event - Event that occured
-     * @internal
-     */
-    goDown(event) {
-        event.preventDefault();
-        if (!this.canGoDown) {
-            return;
-        }
-        if (this.displayDate) {
-            this._scaleDown.next(this.displayDate.value);
-        }
-    }
-    /**
-     * Changes displayed month to next month
-     * @param event - Event that occured
-     * @internal
-     */
-    nextMonth(event) {
-        event.preventDefault();
-        this.displayDate.addMonths(1);
-        this.display(this.displayDate);
-    }
-    /**
-     * Changes displayed month to previous month
-     * @param event - Event that occured
-     * @internal
-     */
-    previousMonth(event) {
-        event.preventDefault();
-        this.displayDate.subtractMonths(1);
-        this.display(this.displayDate);
-    }
-    /**
-     * Selects day
-     * @param event - Event that occured
-     * @param day - Selects day
-     * @internal
-     */
-    select(event, day) {
-        event.preventDefault();
-        if (day.disabled) {
-            return;
-        }
-        this._setPeriod(day);
-        //when time picker is enabled
-        if (this.canGoDown) {
-            const from = this._dateApi
-                .getValue(day.date)
-                .hour(this._originalHour)
-                .minute(this._originalMinute);
-            const to = this._dateApi
-                .getValue(this._endOfPeriod(day))
-                .hour(this._originalHour)
-                .minute(this._originalMinute);
-            this._value =
-                {
-                    from: from.value,
-                    to: to.value
-                };
-        }
-        //no time picker
-        else {
-            this._value =
-                {
-                    from: day.date,
-                    to: this._endOfPeriod(day)
-                };
-        }
-        this._valueChange.next();
-        if (day.otherMonth) {
-            this.display(this._dateApi.getValue(day.date));
-        }
-    }
-    //######################### public methods - implementation of DateTimePicker #########################
-    /**
-     * Set displays date to be displayed
-     * @param value - Value that identifies period that is going to be displayed
-     */
-    display(value) {
-        this.displayDate = value;
-        this.periodData = [];
-        this._thisMonthData = [];
-        const currentMonthDate = this.displayDate.value;
-        const today = this._dateApi.now().value;
-        this.displayDate
-            .startOfMonth()
-            .updateOriginal()
-            .startOfWeek();
-        do {
-            for (let x = 0; x < 7; x++) {
-                const day = this.displayDate.dayOfMonth();
-                const otherMonth = !this.displayDate.isSameMonth(currentMonthDate);
-                const data = {
-                    active: false,
-                    disabled: false,
-                    date: this.displayDate.value,
-                    otherMonth: otherMonth,
-                    today: this.displayDate.isSameDay(today),
-                    weekend: this.displayDate.isWeekend(),
-                    day: day,
-                    dateObj: this.displayDate.clone(),
-                };
-                this.periodData.push(data);
-                if (!otherMonth) {
-                    this._thisMonthData.push(data);
-                }
-                this.displayDate.addDays(1);
-            }
-        } while (this.displayDate.isSameMonth(currentMonthDate));
-        this.displayDate.resetOriginal();
-        //can go down set minutes and hours
-        if (this.canGoDown) {
-            this.displayDate
-                .minute(this._originalMinute)
-                .hour(this._originalHour);
-        }
-        this._updateMinMax();
-        //set value if exists
-        if (this._value && (this.displayDate.isSameMonth(this._value.from) || this.displayDate.isSameMonth(this._value.to))) {
-            this.setValue(this._value);
-        }
-    }
-    //######################### protected methods #########################
-    /**
-     * Obtains end of period
-     * @param period - Period for which should be end obtained
-     */
-    _endOfPeriod(period) {
-        return this._dateApi.getValue(period.date).endOfDay().value;
-    }
-    /**
-     * Tests whether provided value is in same period as displayed picker
-     * @param val - Tested value for same period as displayed picker
-     */
-    _isSamePeriodAsDisplayed(val) {
-        return val.isSameMonth(this.displayDate.value);
-    }
-    /**
-     * Tests whether provided value is in same period target value
-     * @param val - Tested value
-     * @param target - Target value to be tested against
-     */
-    _isSamePeriod(val, target) {
-        return val.isSameDay(target);
-    }
-    /**
-     * Gets period data for specified value
-     * @param val - Value for which is period data obtained
-     */
-    _getPeriodData(val) {
-        return this._thisMonthData[val.dayOfMonth() - 1];
-    }
-}
-DateTimeDayPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeDayPickerComponent, deps: [{ token: DATE_API }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DateTimeDayPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeDayPickerComponent, selector: "date-time-day-picker", usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"cssClasses.periodSelection | asRequired\">\r\n    <div [ngClass]=\"cssClasses.previousPeriod | asRequired\" (mousedown)=\"previousMonth($event)\"></div>\r\n    <div [ngClass]=\"cssClasses.periodValue | asRequired | mergeCssClasses: [{'clickable': canGoUp}]\" (mousedown)=\"goUp($event)\">{{displayDate?.format('MMMM yyyy')}}</div>\r\n    <div [ngClass]=\"cssClasses.nextPeriod | asRequired\" (mousedown)=\"nextMonth($event)\"></div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses.periodData | asRequired\">\r\n    <div [ngClass]=\"cssClasses.weekdayName | asRequired\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         [ngClass]=\"cssClasses.periodDatum | asRequired\"\r\n         [class.other-month]=\"day.otherMonth\"\r\n         [class.today]=\"day.today\"\r\n         [class.weekend]=\"day.weekend\"\r\n         [class.active]=\"day.active\"\r\n         [class.disabled]=\"day.disabled\"\r\n         (mousedown)=\"select($event, day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"flex-row\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canGoDown\">\r\n    <div [class.clickable]=\"canGoDown\" (mousedown)=\"goDown($event)\">{{timeValue?.from | dateFormat: 'time'}}</div>\r\n</div>", styles: [".period-data\r\n{\r\n    grid-template-columns: repeat(7, 1fr);\r\n}\r\n\r\n.weekday\r\n{\r\n    text-align: center;\r\n    font-weight: bold;\r\n    opacity: 0.7;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.period-datum:not(.other-month)\r\n{\r\n    font-weight: bold;\r\n}\r\n\r\n.other-month\r\n{\r\n    opacity: 0.5;\r\n}"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.MergeCssClassesPipe, name: "mergeCssClasses" }, { kind: "pipe", type: i3.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i2.AsRequiredTypePipe, name: "asRequired" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeDayPickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'date-time-day-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"cssClasses.periodSelection | asRequired\">\r\n    <div [ngClass]=\"cssClasses.previousPeriod | asRequired\" (mousedown)=\"previousMonth($event)\"></div>\r\n    <div [ngClass]=\"cssClasses.periodValue | asRequired | mergeCssClasses: [{'clickable': canGoUp}]\" (mousedown)=\"goUp($event)\">{{displayDate?.format('MMMM yyyy')}}</div>\r\n    <div [ngClass]=\"cssClasses.nextPeriod | asRequired\" (mousedown)=\"nextMonth($event)\"></div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses.periodData | asRequired\">\r\n    <div [ngClass]=\"cssClasses.weekdayName | asRequired\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         [ngClass]=\"cssClasses.periodDatum | asRequired\"\r\n         [class.other-month]=\"day.otherMonth\"\r\n         [class.today]=\"day.today\"\r\n         [class.weekend]=\"day.weekend\"\r\n         [class.active]=\"day.active\"\r\n         [class.disabled]=\"day.disabled\"\r\n         (mousedown)=\"select($event, day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"flex-row\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canGoDown\">\r\n    <div [class.clickable]=\"canGoDown\" (mousedown)=\"goDown($event)\">{{timeValue?.from | dateFormat: 'time'}}</div>\r\n</div>", styles: [".period-data\r\n{\r\n    grid-template-columns: repeat(7, 1fr);\r\n}\r\n\r\n.weekday\r\n{\r\n    text-align: center;\r\n    font-weight: bold;\r\n    opacity: 0.7;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.period-datum:not(.other-month)\r\n{\r\n    font-weight: bold;\r\n}\r\n\r\n.other-month\r\n{\r\n    opacity: 0.5;\r\n}"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DATE_API]
-                }] }, { type: i0.ChangeDetectorRef }]; } });
-//# sourceMappingURL=dayPicker.component.js.map

package/es2015/src/legacy/picker/components/dayPicker/dayPicker.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dayPicker.component.js","sourceRoot":"","sources":["../../../../../../src/legacy/picker/components/dayPicker/dayPicker.component.ts","../../../../../../src/legacy/picker/components/dayPicker/dayPicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef} from '@angular/core';\nimport {extend} from '@jscrpt/common';\n\nimport {DateTimeValue} from '../../../../interfaces/dateTime/datetime.interface';\nimport {DATE_API} from '../../../../misc/tokens';\nimport {DateApi, DateApiObject} from '../../../../services/dateApi/dateApi.interface';\nimport {DateTimeLegacyPicker, DayData, PeriodData} from '../../misc/datetimePicker.interface';\nimport {PickerBaseComponent} from '../pickerBase.component';\nimport {DayPickerCssClasses} from './dayPicker.interfaces';\n\n/**\n * Default styles for picker\n */\nconst defaultStyles: DayPickerCssClasses =\n{\n    periodSelection: 'period',\n    previousPeriod: 'fas fa-angle-left clickable',\n    nextPeriod: 'fas fa-angle-right clickable',\n    periodValue: 'period-value',\n    periodData: 'period-data',\n    periodDatum: 'period-datum clickable',\n    weekdayName: 'weekday',\n    clickable: 'clickable'\n};\n\n/**\n * Component used for displaying day picker\n */\n@Component(\n{\n    selector: 'date-time-day-picker',\n    templateUrl: 'dayPicker.component.html',\n    styleUrls: ['dayPicker.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DateTimeDayPickerComponent<TDate = any> extends PickerBaseComponent<TDate, DayData<TDate>, DayPickerCssClasses> implements DateTimeLegacyPicker<TDate, DayPickerCssClasses>\n{\n    //######################### protected fields #########################\n\n    /**\n     * Stored this picker month data\n     */\n    protected _thisMonthData: DayData<TDate>[] = [];\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Names of days\n     * @internal\n     */\n    public weekdays: string[] = [];\n\n    /**\n     * Value used for displaying time\n     */\n    public get timeValue(): DateTimeValue<TDate> | null\n    {\n        return this._value;\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(DATE_API) dateApi: DateApi<TDate>,\n                changeDetector: ChangeDetectorRef)\n    {\n        super(dateApi, changeDetector);\n\n        this.cssClasses = extend(true, {}, defaultStyles);\n        this.weekdays = this._dateApi.weekdaysShort();\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Changes displayed period to \"lower\" period\n     * @param event - Event that occured\n     * @internal\n     */\n    public goDown(event: Event): void\n    {\n        event.preventDefault();\n\n        if(!this.canGoDown)\n        {\n            return;\n        }\n\n        if(this.displayDate)\n        {\n            this._scaleDown.next(this.displayDate.value);\n        }\n    }\n\n    /**\n     * Changes displayed month to next month\n     * @param event - Event that occured\n     * @internal\n     */\n    public nextMonth(event: Event): void\n    {\n        event.preventDefault();\n        this.displayDate!.addMonths(1);\n\n        this.display(this.displayDate!);\n    }\n\n    /**\n     * Changes displayed month to previous month\n     * @param event - Event that occured\n     * @internal\n     */\n    public previousMonth(event: Event): void\n    {\n        event.preventDefault();\n        this.displayDate!.subtractMonths(1);\n\n        this.display(this.displayDate!);\n    }\n\n    /**\n     * Selects day\n     * @param event - Event that occured\n     * @param day - Selects day \n     * @internal\n     */\n    public override select(event: Event, day: DayData<TDate>): void\n    {\n        event.preventDefault();\n\n        if(day.disabled)\n        {\n            return;\n        }\n\n        this._setPeriod(day);\n\n        //when time picker is enabled\n        if(this.canGoDown)\n        {\n            const from = this._dateApi\n                .getValue(day.date)\n                .hour(this._originalHour)\n                .minute(this._originalMinute);\n\n            const to = this._dateApi\n                .getValue(this._endOfPeriod(day))\n                .hour(this._originalHour)\n                .minute(this._originalMinute);\n\n            this._value =\n            {\n                from: from.value,\n                to: to.value\n            };\n        }\n        //no time picker\n        else\n        {\n            this._value =\n            {\n                from: day.date,\n                to: this._endOfPeriod(day)\n            };\n        }\n        \n        this._valueChange.next();\n\n        if(day.otherMonth)\n        {\n            this.display(this._dateApi.getValue(day.date));\n        }\n    }\n\n    //######################### public methods - implementation of DateTimePicker #########################\n\n    /**\n     * Set displays date to be displayed\n     * @param value - Value that identifies period that is going to be displayed\n     */\n    public display(value: DateApiObject<TDate>): void\n    {\n        this.displayDate = value;\n        this.periodData = [];\n        this._thisMonthData = [];\n        const currentMonthDate = this.displayDate.value;\n        const today = this._dateApi.now().value;\n\n        this.displayDate\n            .startOfMonth()\n            .updateOriginal()\n            .startOfWeek();\n\n        do\n        {\n            for(let x = 0; x < 7; x++)\n            {\n                const day = this.displayDate.dayOfMonth();\n                const otherMonth = !this.displayDate.isSameMonth(currentMonthDate);\n                const data = \n                {\n                    active: false,\n                    disabled: false,\n                    date: this.displayDate.value,\n                    otherMonth: otherMonth,\n                    today: this.displayDate.isSameDay(today),\n                    weekend: this.displayDate.isWeekend(),\n                    day: day,\n                    dateObj: this.displayDate.clone(),\n                };\n\n                this.periodData.push(data);\n\n                if(!otherMonth)\n                {\n                    this._thisMonthData.push(data);\n                }\n\n                this.displayDate.addDays(1);\n            }\n        }\n        while(this.displayDate.isSameMonth(currentMonthDate));\n\n        this.displayDate.resetOriginal();\n\n        //can go down set minutes and hours\n        if(this.canGoDown)\n        {\n            this.displayDate\n                .minute(this._originalMinute)\n                .hour(this._originalHour);\n        }\n\n        this._updateMinMax();\n\n        //set value if exists\n        if(this._value && (this.displayDate.isSameMonth(this._value.from!) || this.displayDate.isSameMonth(this._value.to!)))\n        {\n            this.setValue(this._value);\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Obtains end of period\n     * @param period - Period for which should be end obtained\n     */\n    protected _endOfPeriod(period: PeriodData<TDate>): TDate\n    {\n        return this._dateApi.getValue(period.date).endOfDay().value;\n    }\n\n    /**\n     * Tests whether provided value is in same period as displayed picker\n     * @param val - Tested value for same period as displayed picker\n     */\n    protected _isSamePeriodAsDisplayed(val: DateApiObject<TDate>): boolean\n    {\n        return val.isSameMonth(this.displayDate!.value);\n    }\n\n    /**\n     * Tests whether provided value is in same period target value\n     * @param val - Tested value\n     * @param target - Target value to be tested against\n     */\n    protected _isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean\n    {\n        return val.isSameDay(target);\n    }\n\n    /**\n     * Gets period data for specified value\n     * @param val - Value for which is period data obtained\n     */\n    protected _getPeriodData(val: DateApiObject<TDate>): PeriodData<TDate>\n    {\n        return this._thisMonthData[val.dayOfMonth() - 1];\n    }\n}","<div [ngClass]=\"cssClasses.periodSelection | asRequired\">\r\n    <div [ngClass]=\"cssClasses.previousPeriod | asRequired\" (mousedown)=\"previousMonth($event)\"></div>\r\n    <div [ngClass]=\"cssClasses.periodValue | asRequired | mergeCssClasses: [{'clickable': canGoUp}]\" (mousedown)=\"goUp($event)\">{{displayDate?.format('MMMM yyyy')}}</div>\r\n    <div [ngClass]=\"cssClasses.nextPeriod | asRequired\" (mousedown)=\"nextMonth($event)\"></div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses.periodData | asRequired\">\r\n    <div [ngClass]=\"cssClasses.weekdayName | asRequired\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         [ngClass]=\"cssClasses.periodDatum | asRequired\"\r\n         [class.other-month]=\"day.otherMonth\"\r\n         [class.today]=\"day.today\"\r\n         [class.weekend]=\"day.weekend\"\r\n         [class.active]=\"day.active\"\r\n         [class.disabled]=\"day.disabled\"\r\n         (mousedown)=\"select($event, day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"flex-row\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canGoDown\">\r\n    <div [class.clickable]=\"canGoDown\" (mousedown)=\"goDown($event)\">{{timeValue?.from | dateFormat: 'time'}}</div>\r\n</div>"]}

package/es2015/src/legacy/picker/components/dayPicker/dayPicker.interfaces.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=dayPicker.interfaces.js.map

package/es2015/src/legacy/picker/components/dayPicker/dayPicker.interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dayPicker.interfaces.js","sourceRoot":"","sources":["../../../../../../src/legacy/picker/components/dayPicker/dayPicker.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["import {CommonPickerCssClasses} from '../../misc/datetimePicker.interface';\n\n/**\n * Specific css classes for day picker\n */\nexport interface DayPickerCssClasses extends CommonPickerCssClasses\n{\n    /**\n     * Element displaying weekday name\n     */\n    weekdayName?: string;\n}"]}

package/es2015/src/legacy/picker/components/monthPicker/monthPicker.component.js

@@ -1,116 +0,0 @@
-import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef } from '@angular/core';
-import { extend } from '@jscrpt/common';
-import { DATE_API } from '../../../../misc/tokens';
-import { PickerBaseComponent } from '../pickerBase.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@anglr/common";
-/**
- * Default styles for picker
- */
-const defaultStyles = {
-    periodSelection: 'period',
-    previousPeriod: 'fas fa-angle-left clickable',
-    nextPeriod: 'fas fa-angle-right clickable',
-    periodValue: 'period-value',
-    periodData: 'period-data',
-    periodDatum: 'period-datum clickable',
-    clickable: 'clickable'
-};
-/**
- * Component used for displaying month picker
- */
-export class DateTimeMonthPickerComponent extends PickerBaseComponent {
-    //######################### constructor #########################
-    constructor(dateApi, changeDetector) {
-        super(dateApi, changeDetector);
-        this.cssClasses = extend(true, {}, defaultStyles);
-    }
-    //######################### public methods - template bindings #########################
-    /**
-     * Changes displayed year to next year
-     * @param event - Event that occured
-     * @internal
-     */
-    nextYear(event) {
-        event.preventDefault();
-        this.displayDate.addYears(1);
-        this.display(this.displayDate);
-    }
-    /**
-     * Changes displayed year to previous year
-     * @param event - Event that occured
-     * @internal
-     */
-    previousYear(event) {
-        event.preventDefault();
-        this.displayDate.subtractYears(1);
-        this.display(this.displayDate);
-    }
-    //######################### public methods - implementation of DateTimePicker #########################
-    /**
-     * Set displays date to be displayed
-     * @param value - Value that identifies period that is going to be displayed
-     */
-    display(value) {
-        this.displayDate = value;
-        const monthOfYear = this.displayDate.startOfYear().updateOriginal();
-        this.periodData = [];
-        for (let x = 0; x < 12; x++) {
-            this.periodData.push({
-                active: false,
-                disabled: false,
-                date: monthOfYear.value,
-                name: monthOfYear.format('MMM'),
-                dateObj: monthOfYear.clone(),
-            });
-            monthOfYear.addMonths(1);
-        }
-        this.displayDate.resetOriginal();
-        this._updateMinMax();
-        //set value if exists
-        if (this._value && (this.displayDate.isSameYear(this._value.from) || this.displayDate.isSameYear(this._value.to))) {
-            this.setValue(this._value);
-        }
-    }
-    //######################### protected methods #########################
-    /**
-     * Obtains end of period
-     * @param period - Period for which should be end obtained
-     */
-    _endOfPeriod(period) {
-        return this._dateApi.getValue(period.date).endOfMonth().value;
-    }
-    /**
-     * Tests whether provided value is in same period as displayed picker
-     * @param val - Tested value for same period as displayed picker
-     */
-    _isSamePeriodAsDisplayed(val) {
-        return val.isSameYear(this.displayDate.value);
-    }
-    /**
-     * Tests whether provided value is in same period target value
-     * @param val - Tested value
-     * @param target - Target value to be tested against
-     */
-    _isSamePeriod(val, target) {
-        return val.isSameMonth(target);
-    }
-    /**
-     * Gets period data for specified value
-     * @param val - Value for which is period data obtained
-     */
-    _getPeriodData(val) {
-        return this.periodData[val.month()];
-    }
-}
-DateTimeMonthPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeMonthPickerComponent, deps: [{ token: DATE_API }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DateTimeMonthPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeMonthPickerComponent, selector: "date-time-month-picker", usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"cssClasses.periodSelection | asRequired\">\r\n    <div [ngClass]=\"cssClasses.previousPeriod | asRequired\" (mousedown)=\"previousYear($event)\"></div>\r\n    <div [ngClass]=\"cssClasses.periodValue | asRequired\" [class.clickable]=\"canGoUp\" (mousedown)=\"goUp($event)\">{{displayDate?.format('yyyy')}}</div>\r\n    <div [ngClass]=\"cssClasses.nextPeriod | asRequired\" (mousedown)=\"nextYear($event)\"></div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses.periodData | asRequired\">\r\n    <div *ngFor=\"let month of periodData\"\r\n         [ngClass]=\"cssClasses.periodDatum | asRequired\"\r\n         [class.active]=\"month.active\"\r\n         [class.disabled]=\"month.disabled\"\r\n         (mousedown)=\"select($event, month)\">{{month.name}}</div>\r\n</div>", styles: [".period-data\r\n{\r\n    grid-template-columns: repeat(4, 1fr);\r\n}"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i2.AsRequiredTypePipe, name: "asRequired" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeMonthPickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'date-time-month-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"cssClasses.periodSelection | asRequired\">\r\n    <div [ngClass]=\"cssClasses.previousPeriod | asRequired\" (mousedown)=\"previousYear($event)\"></div>\r\n    <div [ngClass]=\"cssClasses.periodValue | asRequired\" [class.clickable]=\"canGoUp\" (mousedown)=\"goUp($event)\">{{displayDate?.format('yyyy')}}</div>\r\n    <div [ngClass]=\"cssClasses.nextPeriod | asRequired\" (mousedown)=\"nextYear($event)\"></div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses.periodData | asRequired\">\r\n    <div *ngFor=\"let month of periodData\"\r\n         [ngClass]=\"cssClasses.periodDatum | asRequired\"\r\n         [class.active]=\"month.active\"\r\n         [class.disabled]=\"month.disabled\"\r\n         (mousedown)=\"select($event, month)\">{{month.name}}</div>\r\n</div>", styles: [".period-data\r\n{\r\n    grid-template-columns: repeat(4, 1fr);\r\n}"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DATE_API]
-                }] }, { type: i0.ChangeDetectorRef }]; } });
-//# sourceMappingURL=monthPicker.component.js.map

package/es2015/src/legacy/picker/components/monthPicker/monthPicker.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"monthPicker.component.js","sourceRoot":"","sources":["../../../../../../src/legacy/picker/components/monthPicker/monthPicker.component.ts","../../../../../../src/legacy/picker/components/monthPicker/monthPicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef} from '@angular/core';\nimport {extend} from '@jscrpt/common';\n\nimport {DATE_API} from '../../../../misc/tokens';\nimport {DateApi, DateApiObject} from '../../../../services/dateApi/dateApi.interface';\nimport {DateTimeLegacyPicker, MonthData, PeriodData} from '../../misc/datetimePicker.interface';\nimport {PickerBaseComponent} from '../pickerBase.component';\nimport {MonthPickerCssClasses} from './monthPicker.interfaces';\n\n/**\n * Default styles for picker\n */\nconst defaultStyles: MonthPickerCssClasses =\n{\n    periodSelection: 'period',\n    previousPeriod: 'fas fa-angle-left clickable',\n    nextPeriod: 'fas fa-angle-right clickable',\n    periodValue: 'period-value',\n    periodData: 'period-data',\n    periodDatum: 'period-datum clickable',\n    clickable: 'clickable'\n};\n\n/**\n * Component used for displaying month picker\n */\n@Component(\n{\n    selector: 'date-time-month-picker',\n    templateUrl: 'monthPicker.component.html',\n    styleUrls: ['monthPicker.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DateTimeMonthPickerComponent<TDate = any> extends PickerBaseComponent<TDate, MonthData<TDate>, MonthPickerCssClasses> implements DateTimeLegacyPicker<TDate, MonthPickerCssClasses>\n{\n    //######################### constructor #########################\n    constructor(@Inject(DATE_API) dateApi: DateApi<TDate>,\n                changeDetector: ChangeDetectorRef)\n    {\n        super(dateApi, changeDetector);\n\n        this.cssClasses = extend(true, {}, defaultStyles);\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Changes displayed year to next year\n     * @param event - Event that occured\n     * @internal\n     */\n    public nextYear(event: Event)\n    {\n        event.preventDefault();\n        this.displayDate!.addYears(1);\n\n        this.display(this.displayDate!);\n    }\n\n    /**\n     * Changes displayed year to previous year\n     * @param event - Event that occured\n     * @internal\n     */\n    public previousYear(event: Event)\n    {\n        event.preventDefault();\n        this.displayDate!.subtractYears(1);\n\n        this.display(this.displayDate!);\n    }\n\n    //######################### public methods - implementation of DateTimePicker #########################\n\n    /**\n     * Set displays date to be displayed\n     * @param value - Value that identifies period that is going to be displayed\n     */\n    public display(value: DateApiObject<TDate>): void\n    {\n        this.displayDate = value;\n\n        const monthOfYear = this.displayDate.startOfYear().updateOriginal();\n        this.periodData = [];\n\n        for(let x = 0; x < 12; x++)\n        {\n            this.periodData.push(\n            {\n                active: false,\n                disabled: false,\n                date: monthOfYear.value,\n                name: monthOfYear.format('MMM'),\n                dateObj: monthOfYear.clone(),\n            });\n\n            monthOfYear.addMonths(1);\n        }\n\n        this.displayDate.resetOriginal();\n        this._updateMinMax();\n\n        //set value if exists\n        if(this._value && (this.displayDate.isSameYear(this._value.from!) || this.displayDate.isSameYear(this._value.to!)))\n        {\n            this.setValue(this._value);\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Obtains end of period\n     * @param period - Period for which should be end obtained\n     */\n    protected _endOfPeriod(period: PeriodData<TDate>): TDate\n    {\n        return this._dateApi.getValue(period.date).endOfMonth().value;\n    }\n\n    /**\n     * Tests whether provided value is in same period as displayed picker\n     * @param val - Tested value for same period as displayed picker\n     */\n    protected _isSamePeriodAsDisplayed(val: DateApiObject<TDate>): boolean\n    {\n        return val.isSameYear(this.displayDate!.value);\n    }\n\n    /**\n     * Tests whether provided value is in same period target value\n     * @param val - Tested value\n     * @param target - Target value to be tested against\n     */\n    protected _isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean\n    {\n        return val.isSameMonth(target);\n    }\n\n    /**\n     * Gets period data for specified value\n     * @param val - Value for which is period data obtained\n     */\n    protected _getPeriodData(val: DateApiObject<TDate>): PeriodData<TDate>\n    {\n        return this.periodData[val.month()];\n    }\n}","<div [ngClass]=\"cssClasses.periodSelection | asRequired\">\r\n    <div [ngClass]=\"cssClasses.previousPeriod | asRequired\" (mousedown)=\"previousYear($event)\"></div>\r\n    <div [ngClass]=\"cssClasses.periodValue | asRequired\" [class.clickable]=\"canGoUp\" (mousedown)=\"goUp($event)\">{{displayDate?.format('yyyy')}}</div>\r\n    <div [ngClass]=\"cssClasses.nextPeriod | asRequired\" (mousedown)=\"nextYear($event)\"></div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses.periodData | asRequired\">\r\n    <div *ngFor=\"let month of periodData\"\r\n         [ngClass]=\"cssClasses.periodDatum | asRequired\"\r\n         [class.active]=\"month.active\"\r\n         [class.disabled]=\"month.disabled\"\r\n         (mousedown)=\"select($event, month)\">{{month.name}}</div>\r\n</div>"]}

package/es2015/src/legacy/picker/components/monthPicker/monthPicker.interfaces.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=monthPicker.interfaces.js.map

package/es2015/src/legacy/picker/components/monthPicker/monthPicker.interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"monthPicker.interfaces.js","sourceRoot":"","sources":["../../../../../../src/legacy/picker/components/monthPicker/monthPicker.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["import {CommonPickerCssClasses} from '../../misc/datetimePicker.interface';\n\n/**\n * Specific css classes for month picker\n */\nexport interface MonthPickerCssClasses extends CommonPickerCssClasses\n{\n}"]}