@anglr/datetime 7.0.0-beta.20230815120707 → 7.0.0-beta.20230817095054

package/es2015/src/modules/dateTimePicker/components/yearPicker/yearPicker.component.js

@@ -1,126 +0,0 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
-import { DatePipesModule } from '../../../datePipes.module';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-/**
- * Component used for displaying year picker
- */
-export class YearPickerSAComponent extends DateTimePeriodPickerBase {
-    constructor() {
-        super(...arguments);
-        //######################### protected properties - template bindings #########################
-        /**
-         * Displayed decade period
-         */
-        this.period = '';
-    }
-    //######################### protected methods - template bindings #########################
-    /**
-     * Selects year as value of day time picker
-     * @param yearData - Year data that were selected
-     */
-    selectYear(yearData) {
-        var _a, _b, _c;
-        if (yearData.disabled) {
-            return;
-        }
-        //single value
-        if (!this.ranged) {
-            //no value selected yet
-            if (!((_a = this.singleValue) === null || _a === void 0 ? void 0 : _a.isValid())) {
-                this.singleValue = (_c = (_b = this.displayDate) === null || _b === void 0 ? void 0 : _b.clone()) !== null && _c !== void 0 ? _c : this.dateApi.getValue(new Date());
-            }
-            this.singleValue.year(yearData.dateObj.year());
-            this.singleValue.updateOriginal();
-        }
-        else {
-            //TODO: range
-        }
-        this.valueChangeSubject.next();
-        this.render();
-        this.changeDetector.detectChanges();
-    }
-    /**
-     * Changes displayed decade to next decade
-     */
-    nextDecade() {
-        var _a;
-        (_a = this.displayDate) === null || _a === void 0 ? void 0 : _a.addYears(10).updateOriginal();
-        this.render();
-    }
-    /**
-     * Changes displayed decade to previous decade
-     */
-    previousDecade() {
-        var _a;
-        (_a = this.displayDate) === null || _a === void 0 ? void 0 : _a.subtractYears(10).updateOriginal();
-        this.render();
-    }
-    //######################### protected methods #########################
-    /**
-     * Renders current day picker data
-     */
-    render() {
-        var _a, _b;
-        //same decade only data change
-        if (this.displayedDate && ((_a = this.displayDate) === null || _a === void 0 ? void 0 : _a.isSameDecade(this.displayedDate))) {
-            this.setActive();
-            this.updateMinMax();
-            return;
-        }
-        this.displayedDate = (_b = this.displayDate) === null || _b === void 0 ? void 0 : _b.value;
-        this.periodData = [];
-        if (!this.displayDate) {
-            return;
-        }
-        let year = this.displayDate.startOfYear().year();
-        while (year % 10 !== 0) {
-            year--;
-        }
-        this.displayDate.year(year).updateOriginal();
-        for (let x = 0; x < 10; x++) {
-            this.periodData.push({
-                active: false,
-                disabled: false,
-                date: this.displayDate.value,
-                value: year,
-                dateObj: this.displayDate.clone(),
-            });
-            year++;
-            this.displayDate.addYears(1);
-        }
-        this.displayDate.resetOriginal();
-        this.period = `${this.displayDate.year()} - ${this.displayDate.year() + 10}`;
-        this.setActive();
-        this.updateMinMax();
-    }
-    //######################### protected methods - overrides #########################
-    /**
-     * @inheritdoc
-     */
-    onRender() {
-        this.render();
-    }
-    /**
-     * 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.isSameYear(target);
-    }
-}
-YearPickerSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: YearPickerSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-YearPickerSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: YearPickerSAComponent, isStandalone: true, selector: "year-picker", host: { properties: { "class.date-time-period": "true" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousDecade()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{period}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextDecade()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div *ngFor=\"let year of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.active]=\"year.active\"\r\n         [class.disabled]=\"year.disabled\"\r\n         (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)\">{{year.value}}</div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: DatePipesModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: YearPickerSAComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'year-picker', host: {
-                        '[class.date-time-period]': 'true',
-                    }, standalone: true, imports: [
-                        CommonModule,
-                        DatePipesModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousDecade()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{period}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextDecade()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div *ngFor=\"let year of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.active]=\"year.active\"\r\n         [class.disabled]=\"year.disabled\"\r\n         (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)\">{{year.value}}</div>\r\n</div>" }]
-        }] });
-//# sourceMappingURL=yearPicker.component.js.map

package/es2015/src/modules/dateTimePicker/components/yearPicker/yearPicker.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"yearPicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/yearPicker/yearPicker.component.ts","../../../../../../src/modules/dateTimePicker/components/yearPicker/yearPicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {DateTimePicker, YearData} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {DatePipesModule} from '../../../datePipes.module';\nimport {DateApiObject} from '../../../../services';\n\n/**\n * Component used for displaying year picker\n */\n@Component(\n{\n    selector: 'year-picker',\n    templateUrl: 'yearPicker.component.html',\n    host:\n    {\n        '[class.date-time-period]': 'true',\n    },\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        DatePipesModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class YearPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<YearData<TDate>, TDate> implements DateTimePicker<TDate>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Displayed decade period\n     */\n    protected period: string = '';\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Selects year as value of day time picker\n     * @param yearData - Year data that were selected\n     */\n    protected selectYear(yearData: YearData<TDate>): void\n    {\n        if(yearData.disabled)\n        {\n            return;\n        }\n\n        //single value\n        if(!this.ranged)\n        {\n            //no value selected yet\n            if(!this.singleValue?.isValid())\n            {\n                this.singleValue = this.displayDate?.clone() ?? this.dateApi.getValue(new Date());\n            }\n\n            this.singleValue.year(yearData.dateObj.year());\n            this.singleValue.updateOriginal();\n        }\n        else\n        {\n            //TODO: range\n        }\n        \n        this.valueChangeSubject.next();\n        this.render();\n        this.changeDetector.detectChanges();\n    }\n\n    /**\n     * Changes displayed decade to next decade\n     */\n    public nextDecade(): void\n    {\n        this.displayDate?.addYears(10).updateOriginal();\n\n        this.render();\n    }\n\n    /**\n     * Changes displayed decade to previous decade\n     */\n    public previousDecade(): void\n    {\n        this.displayDate?.subtractYears(10).updateOriginal();\n\n        this.render();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Renders current day picker data\n     */\n    protected render(): void\n    {\n        //same decade only data change\n        if(this.displayedDate && this.displayDate?.isSameDecade(this.displayedDate))\n        {\n            this.setActive();\n            this.updateMinMax();\n\n            return;\n        }\n\n        this.displayedDate = this.displayDate?.value;\n        this.periodData = [];\n\n        if(!this.displayDate)\n        {\n            return;\n        }\n\n        let year = this.displayDate.startOfYear().year();\n\n        while(year % 10 !== 0)\n        {\n            year--;\n        }\n\n        this.displayDate.year(year).updateOriginal();\n\n        for(let x = 0; x < 10; x++)\n        {\n            this.periodData.push(\n            {\n                active: false,\n                disabled: false,\n                date: this.displayDate.value,\n                value: year,\n                dateObj: this.displayDate.clone(),\n            });\n\n            year++;\n            this.displayDate.addYears(1);\n        }\n\n        this.displayDate.resetOriginal();\n        this.period = `${this.displayDate.year()} - ${this.displayDate.year() + 10}`;\n\n        this.setActive();\n        this.updateMinMax();\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected onRender(): void\n    {\n        this.render();\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.isSameYear(target);\n    }\n}","<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousDecade()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{period}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextDecade()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div *ngFor=\"let year of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.active]=\"year.active\"\r\n         [class.disabled]=\"year.disabled\"\r\n         (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)\">{{year.value}}</div>\r\n</div>"]}

package/es2015/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.js

@@ -1,261 +0,0 @@
-import { __awaiter, __decorate, __metadata } from "tslib";
-import { Directive, ElementRef, Inject, Input, Optional, ViewContainerRef } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
-import { POSITION, applyPositionResult, PositionPlacement } from '@anglr/common';
-import { extend, nameof, isDescendant, BindThis } from '@jscrpt/common';
-import { Subscription } from 'rxjs';
-import { DATE_TIME_INPUT } from '../../../../misc/tokens';
-import { DateTimePickerComponent } from '../../components';
-import { DATE_TIME_PICKER_DIRECTIVE_OPTIONS } from '../../misc/tokens';
-import { DateTimeBase } from '../../../dateTime/directives';
-import * as i0 from "@angular/core";
-/**
- * Default options for date time picker directive
- */
-const defaultOptions = {
-    absolute: true,
-    alwaysVisible: false,
-    closeOnValueSelect: false,
-    closeOnBlur: true,
-    disabled: false,
-    positionOptions: PositionPlacement.BottomStart,
-    showOnFocus: true,
-    pickerCssClass: null,
-};
-/**
- * Directive that is used for displaying and attaching date time picker
- */
-export class DateTimePickerSADirective extends DateTimeBase {
-    //######################### constructor #########################
-    constructor(viewContainer, element, input, document, position, options) {
-        super();
-        this.viewContainer = viewContainer;
-        this.element = element;
-        this.input = input;
-        this.document = document;
-        this.position = position;
-        //######################### protected properties #########################
-        /**
-         * Indication whether is value changes disabled
-         */
-        this.valueChangeDisabled = false;
-        this.ɵWithPickerOptions = extend(true, {}, defaultOptions, options);
-    }
-    //######################### public properties - inputs #########################
-    /**
-     * Gets or sets options for date time picker directive
-     */
-    get withPickerOptions() {
-        return this.ɵWithPickerOptions;
-    }
-    set withPickerOptions(value) {
-        this.ɵWithPickerOptions = extend(true, {}, this.ɵWithPickerOptions, value);
-    }
-    //######################### public methods - implementation of OnInit #########################
-    /**
-     * Initialize component
-     */
-    ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.withPickerOptions.alwaysVisible) {
-                this.showPicker();
-            }
-            this.initSubscriptions.add(this.input.valueChange.subscribe(() => {
-                var _a;
-                this.setPickerValue();
-                (_a = this.componentRef) === null || _a === void 0 ? void 0 : _a.changeDetectorRef.detectChanges();
-            }));
-            this.initSubscriptions.add(this.input.focus.subscribe(() => {
-                if (this.withPickerOptions.showOnFocus) {
-                    this.showPicker();
-                }
-            }));
-            this.initSubscriptions.add(this.input.blur.subscribe(() => {
-                if (this.withPickerOptions.closeOnBlur) {
-                    this.hidePicker();
-                }
-            }));
-        });
-    }
-    //######################### public methods - implementation of OnDestroy #########################
-    /**
-     * Called when component is destroyed
-     */
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.hidePicker();
-        this.initSubscriptions.unsubscribe();
-    }
-    //######################### public methods #########################
-    /**
-     * Hides date time picker
-     */
-    showPicker() {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.withPickerOptions.disabled || this.componentRef) {
-                return;
-            }
-            this.componentRef = this.viewContainer.createComponent((DateTimePickerComponent));
-            this.componentElement = ((_a = this.componentRef) === null || _a === void 0 ? void 0 : _a.hostView).rootNodes[0];
-            this.component = this.componentRef.instance;
-            if (this.withPickerOptions.absolute) {
-                this.document.body.append(this.componentElement);
-            }
-            this.pickerChangesSubscription = new Subscription();
-            this.pickerChangesSubscription.add(this.component.valueChange.subscribe(() => {
-                if (this.component) {
-                    this.valueChangeDisabled = true;
-                    this.input.value = this.component.value;
-                    this.input.valueChange.emit();
-                    this.valueChangeDisabled = false;
-                    if (this.ɵWithPickerOptions.closeOnValueSelect) {
-                        this.hidePicker();
-                    }
-                }
-            }));
-            this.document.addEventListener('click', this.handleClickOutside);
-            this.componentElement.addEventListener('mousedown', this.handleClickInside);
-            this.componentElement.style.position = 'absolute';
-            if (this.ɵWithPickerOptions.pickerCssClass) {
-                this.componentElement.classList.add(this.ɵWithPickerOptions.pickerCssClass);
-            }
-            this.pickerChangesSubscription.add(this.positionPicker(this.componentElement, true).subscribe(result => applyPositionResult(result)));
-            this.componentRef.setInput(nameof('options'), this.pickerOptions);
-            this.componentRef.setInput(nameof('valueFormat'), this.dateTimeData.valueFormat);
-            this.componentRef.setInput(nameof('format'), this.dateTimeData.format);
-            this.componentRef.setInput(nameof('customFormat'), this.dateTimeData.customFormat);
-            this.componentRef.setInput(nameof('minDateTime'), this.dateTimeData.minDateTime);
-            this.componentRef.setInput(nameof('maxDateTime'), this.dateTimeData.maxDateTime);
-            this.setPickerValue();
-            this.componentRef.changeDetectorRef.detectChanges();
-        });
-    }
-    /**
-     * Shows date time picker
-     */
-    hidePicker() {
-        var _a, _b, _c, _d;
-        if (this.withPickerOptions.alwaysVisible) {
-            return;
-        }
-        (_a = this.componentElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('mousedown', this.handleClickInside);
-        (_b = this.pickerChangesSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
-        this.pickerChangesSubscription = null;
-        this.component = null;
-        (_c = this.componentRef) === null || _c === void 0 ? void 0 : _c.destroy();
-        this.componentRef = null;
-        (_d = this.componentElement) === null || _d === void 0 ? void 0 : _d.remove();
-        this.componentElement = null;
-        this.document.removeEventListener('click', this.handleClickOutside);
-    }
-    //######################### protected methods #########################
-    /**
-     * Sets all picker value
-     */
-    setPickerValue() {
-        if (this.valueChangeDisabled) {
-            return;
-        }
-        if (this.componentRef) {
-            this.componentRef.setInput(nameof('value'), this.input.value);
-        }
-    }
-    /**
-     * Handles clicking outside of picker
-     * @param event - Event that occured
-     */
-    handleClickOutside(event) {
-        if (!this.componentElement) {
-            return;
-        }
-        if (this.componentElement != event.target &&
-            !isDescendant(this.componentElement, event.target) &&
-            (!this.input.element || (this.input.element != event.target &&
-                !isDescendant(this.input.element, event.target)))) {
-            this.hidePicker();
-        }
-    }
-    /**
-     * Handles clicking inside of picker element
-     * @param event - Event that occured
-     */
-    handleClickInside(event) {
-        event.preventDefault();
-        event.stopPropagation();
-    }
-    /**
-     * Runs placement of picker component
-     * @param componentElement - Element to be positioned
-     * @param watch - Indication whether watch for changes and update position
-     */
-    positionPicker(componentElement, watch) {
-        return this.position.placeElement(componentElement, this.element.nativeElement, {
-            flip: true,
-            placement: this.withPickerOptions.positionOptions,
-            autoUpdate: watch,
-        });
-    }
-    //######################### protected methods - overrides #########################
-    /**
-     * @inheritdoc
-     */
-    onMaxDateTimeChange() {
-        if (!this.componentRef) {
-            return;
-        }
-        this.componentRef.setInput(nameof('maxDateTime'), this.dateTimeData.maxDateTime);
-        this.componentRef.changeDetectorRef.detectChanges();
-    }
-    /**
-     * @inheritdoc
-     */
-    onMinDateTimeChange() {
-        if (!this.componentRef) {
-            return;
-        }
-        this.componentRef.setInput(nameof('minDateTime'), this.dateTimeData.minDateTime);
-        this.componentRef.changeDetectorRef.detectChanges();
-    }
-}
-DateTimePickerSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DateTimePickerSADirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: DATE_TIME_INPUT }, { token: DOCUMENT }, { token: POSITION }, { token: DATE_TIME_PICKER_DIRECTIVE_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DateTimePickerSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: DateTimePickerSADirective, isStandalone: true, selector: "[dateTime][withPicker]", inputs: { withPickerOptions: "withPickerOptions", pickerOptions: "pickerOptions" }, exportAs: ["dateTimePicker"], usesInheritance: true, ngImport: i0 });
-__decorate([
-    BindThis,
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [MouseEvent]),
-    __metadata("design:returntype", void 0)
-], DateTimePickerSADirective.prototype, "handleClickOutside", null);
-__decorate([
-    BindThis,
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [MouseEvent]),
-    __metadata("design:returntype", void 0)
-], DateTimePickerSADirective.prototype, "handleClickInside", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DateTimePickerSADirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dateTime][withPicker]',
-                    standalone: true,
-                    exportAs: 'dateTimePicker',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DATE_TIME_INPUT]
-                }] }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [POSITION]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DATE_TIME_PICKER_DIRECTIVE_OPTIONS]
-                }, {
-                    type: Optional
-                }] }]; }, propDecorators: { withPickerOptions: [{
-                type: Input
-            }], pickerOptions: [{
-                type: Input
-            }], handleClickOutside: [], handleClickInside: [] } });
-//# sourceMappingURL=dateTimePicker.directive.js.map

package/es2015/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dateTimePicker.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {ComponentRef, Directive, ElementRef, EmbeddedViewRef, Inject, Input, OnDestroy, OnInit, Optional, ViewContainerRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {Position, POSITION, applyPositionResult, PositionPlacement, PositionResult} from '@anglr/common';\nimport {extend, nameof, isDescendant, BindThis} from '@jscrpt/common';\nimport {Observable, Subscription} from 'rxjs';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimePickerComponent} from '../../components';\nimport {DateTimePickerOptions} from '../../components/dateTimePicker/dateTimePicker.interface';\nimport {DateTimePickerDirectiveOptions} from './dateTimePicker.interface';\nimport {DATE_TIME_PICKER_DIRECTIVE_OPTIONS} from '../../misc/tokens';\nimport {DateTimeBase} from '../../../dateTime/directives';\n\n/**\n * Default options for date time picker directive\n */\nconst defaultOptions: DateTimePickerDirectiveOptions =\n{\n    absolute: true,\n    alwaysVisible: false,\n    closeOnValueSelect: false,\n    closeOnBlur: true,\n    disabled: false,\n    positionOptions: PositionPlacement.BottomStart,\n    showOnFocus: true,\n    pickerCssClass: null,\n};\n\n/**\n * Directive that is used for displaying and attaching date time picker\n */\n@Directive(\n{\n    selector: '[dateTime][withPicker]',\n    standalone: true,\n    exportAs: 'dateTimePicker',\n})\nexport class DateTimePickerSADirective<TDate = unknown> extends DateTimeBase<TDate> implements OnInit, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Indication whether is value changes disabled\n     */\n    protected valueChangeDisabled: boolean = false;\n\n    /**\n     * Options for date time picker directive\n     */\n    protected ɵWithPickerOptions: DateTimePickerDirectiveOptions;\n\n    /**\n     * Date time picker component reference\n     */\n    protected componentRef: ComponentRef<DateTimePickerComponent<TDate>>|undefined|null;\n\n    /**\n     * Instance of date time picker component\n     */\n    protected component: DateTimePickerComponent<TDate>|undefined|null;\n\n    /**\n     * Instance of date time picker element\n     */\n    protected componentElement: HTMLElement|undefined|null;\n\n    /**\n     * Subscription for changes in picker\n     */\n    protected pickerChangesSubscription: Subscription|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets options for date time picker directive\n     */\n    @Input()\n    public get withPickerOptions(): Partial<DateTimePickerDirectiveOptions>\n    {\n        return this.ɵWithPickerOptions;\n    }\n    public set withPickerOptions(value: Partial<DateTimePickerDirectiveOptions>)\n    {\n        this.ɵWithPickerOptions = extend(true, {}, this.ɵWithPickerOptions, value);\n    }\n\n    /**\n     * Options for date time picker component\n     */\n    @Input()\n    public pickerOptions: Partial<DateTimePickerOptions<TDate>>|undefined|null;\n\n    //######################### constructor #########################\n    constructor(protected viewContainer: ViewContainerRef,\n                protected element: ElementRef<HTMLElement>,\n                @Inject(DATE_TIME_INPUT) protected input: DateTimeInput<TDate>,\n                @Inject(DOCUMENT) protected document: Document,\n                @Inject(POSITION) protected position: Position,\n\n                @Inject(DATE_TIME_PICKER_DIRECTIVE_OPTIONS) @Optional() options?: DateTimePickerDirectiveOptions,)\n    {\n        super();\n\n        this.ɵWithPickerOptions = extend(true, {}, defaultOptions, options);\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public async ngOnInit(): Promise<void>\n    {\n        if(this.withPickerOptions.alwaysVisible)\n        {\n            this.showPicker();\n        }\n\n        this.initSubscriptions.add(this.input.valueChange.subscribe(() =>\n        {\n            this.setPickerValue();\n            this.componentRef?.changeDetectorRef.detectChanges();\n        }));\n\n        this.initSubscriptions.add(this.input.focus.subscribe(() =>\n        {\n            if(this.withPickerOptions.showOnFocus)\n            {\n                this.showPicker();\n            }\n        }));\n\n        this.initSubscriptions.add(this.input.blur.subscribe(() =>\n        {\n            if(this.withPickerOptions.closeOnBlur)\n            {\n                this.hidePicker();\n            }\n        }));\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy(): void\n    {\n        super.ngOnDestroy();\n\n        this.hidePicker();\n        this.initSubscriptions.unsubscribe();\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Hides date time picker\n     */\n    public async showPicker(): Promise<void>\n    {\n        if(this.withPickerOptions.disabled || this.componentRef)\n        {\n            return;\n        }\n\n        this.componentRef = this.viewContainer.createComponent(DateTimePickerComponent<TDate>);\n        this.componentElement = (this.componentRef?.hostView as EmbeddedViewRef<DateTimePickerComponent<TDate>>).rootNodes[0] as HTMLElement;\n        this.component = this.componentRef.instance;\n\n        if(this.withPickerOptions.absolute)\n        {\n            this.document.body.append(this.componentElement);\n        }\n\n        this.pickerChangesSubscription = new Subscription();\n        this.pickerChangesSubscription.add(this.component.valueChange.subscribe(() =>\n        {\n            if(this.component)\n            {\n                this.valueChangeDisabled = true;\n                this.input.value = this.component.value;\n                this.input.valueChange.emit();\n                this.valueChangeDisabled = false;\n\n                if(this.ɵWithPickerOptions.closeOnValueSelect)\n                {\n                    this.hidePicker();\n                }\n            }\n        }));\n\n        this.document.addEventListener('click', this.handleClickOutside);\n        this.componentElement.addEventListener('mousedown', this.handleClickInside);\n        this.componentElement.style.position = 'absolute';\n\n        if(this.ɵWithPickerOptions.pickerCssClass)\n        {\n            this.componentElement.classList.add(this.ɵWithPickerOptions.pickerCssClass);\n        }\n\n        this.pickerChangesSubscription.add(this.positionPicker(this.componentElement, true).subscribe(result => applyPositionResult(result)));\n\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('options'), this.pickerOptions);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('valueFormat'), this.dateTimeData.valueFormat);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('format'), this.dateTimeData.format);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('customFormat'), this.dateTimeData.customFormat);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('minDateTime'), this.dateTimeData.minDateTime);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('maxDateTime'), this.dateTimeData.maxDateTime);\n        this.setPickerValue();\n        this.componentRef.changeDetectorRef.detectChanges();\n    }\n\n    /**\n     * Shows date time picker\n     */\n    public hidePicker(): void\n    {\n        if(this.withPickerOptions.alwaysVisible)\n        {\n            return;\n        }\n\n        this.componentElement?.removeEventListener('mousedown', this.handleClickInside);\n        \n        this.pickerChangesSubscription?.unsubscribe();\n        this.pickerChangesSubscription = null;\n        \n        this.component = null;\n\n        this.componentRef?.destroy();\n        this.componentRef = null;\n\n        this.componentElement?.remove();\n        this.componentElement = null;\n\n        this.document.removeEventListener('click', this.handleClickOutside);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets all picker value\n     */\n    protected setPickerValue(): void\n    {\n        if(this.valueChangeDisabled)\n        {\n            return;\n        }\n\n        if(this.componentRef)\n        {\n            this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);\n        }\n    }\n\n    /**\n     * Handles clicking outside of picker\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleClickOutside(event: MouseEvent): void\n    {\n        if(!this.componentElement)\n        {\n            return;\n        }\n\n        if(this.componentElement != event.target &&\n           !isDescendant(this.componentElement, event.target as HTMLElement) &&\n           (!this.input.element || (this.input.element != event.target &&\n                                    !isDescendant(this.input.element, event.target as HTMLElement))))\n        {\n            this.hidePicker();\n        }\n    }\n\n    /**\n     * Handles clicking inside of picker element\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleClickInside(event: MouseEvent): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    /**\n     * Runs placement of picker component\n     * @param componentElement - Element to be positioned\n     * @param watch - Indication whether watch for changes and update position\n     */\n    protected positionPicker(componentElement: HTMLElement, watch: boolean): Observable<PositionResult<HTMLElement>>\n    {\n        return this.position.placeElement(componentElement, this.element.nativeElement,\n        {\n            flip: true,\n            placement: this.withPickerOptions.positionOptions,\n            autoUpdate: watch,\n        });\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override onMaxDateTimeChange(): void\n    {\n        if(!this.componentRef)\n        {\n            return;\n        }\n\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('maxDateTime'), this.dateTimeData.maxDateTime);\n        this.componentRef.changeDetectorRef.detectChanges();\n    }\n\n    /**\n     * @inheritdoc\n     */\n    protected override onMinDateTimeChange(): void\n    {\n        if(!this.componentRef)\n        {\n            return;\n        }\n\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('minDateTime'), this.dateTimeData.minDateTime);\n        this.componentRef.changeDetectorRef.detectChanges();\n    }\n}"]}

package/es2015/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dateTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {PositionPlacement} from '@anglr/common';\n\n/**\n * Defintion of date time picker directive options\n */\nexport interface DateTimePickerDirectiveOptions\n{\n    /**\n     * Indication whether close picker on value selection\n     */\n    closeOnValueSelect: boolean;\n\n    /**\n     * Indication whether close picker when date time input loses focus\n     */\n    closeOnBlur: boolean;\n\n    /**\n     * Indication whether display picker when date time input gets focus\n     */\n    showOnFocus: boolean;\n\n    /**\n     * Indication whether is picker always visible, mostly used for debugging\n     */\n    alwaysVisible: boolean;\n\n    /**\n     * Indication whether picker is disabled, if true, you cant display picker\n     */\n    disabled: boolean;\n\n    /**\n     * Indication whether use absolute global positioning of picker\n     */\n    absolute: boolean;\n\n    /**\n     * Position options that are used to position picker\n     */\n    positionOptions: Partial<PositionPlacement>;\n\n    /**\n     * Custom css class that is being added to picker component\n     */\n    pickerCssClass: string|undefined|null;\n}"]}