@anglr/datetime 5.0.0-beta.20221020045240 → 5.0.0-beta.20221020100553

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

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.ts","../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,SAAS,EAAE,gBAAgB,EAAQ,YAAY,EAAE,MAAM,EAAE,KAAK,EAA4B,MAAM,EAAE,QAAQ,EAA0B,MAAM,eAAe,CAAC;AACtM,OAAO,EAAW,QAAQ,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAIlC,OAAO,EAAC,wBAAwB,EAAC,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AAGtE,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;;AAE/D;;GAEG;AACH,MAAM,qBAAqB,GAAG,uDAAuD,CAAC;AAEtF;;GAEG;AACH,MAAM,cAAc,GACpB;IACI,aAAa,EAAE,KAAK;IACpB,iBAAiB,EACjB;QACI,KAAK,EAAE,oBAAoB;KAC9B;CACJ,CAAC;AAEF;;GAEG;AAOH,MAAM,OAAO,uBAAyC,SAAQ,iBAAwB;IAuElF,iEAAiE;IACjE,YAAwC,QAAkB,EACA,OAAsC;QAE5F,KAAK,EAAE,CAAC;QAH4B,aAAQ,GAAR,QAAQ,CAAU;QAT1D,iFAAiF;QAEjF;;WAEG;QAEI,gBAAW,GAAuB,IAAI,YAAY,EAAQ,CAAC;QAQ9D,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;QAE1D,IAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,EAC7B;YACI,IAAI,CAAC,QAAQ,CAAC,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC;SAC/D;QAED,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;QACvD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAErF,IAAG,CAAC,IAAI,CAAC,mBAAmB,EAC5B;YACI,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;SAC1C;IACL,CAAC;IA9CD;;OAEG;IACH,IACW,OAAO;QAEd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAW,OAAO,CAAC,KAA4C;QAE3D,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;QAExD,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,EAC3B;YACI,IAAI,CAAC,QAAQ,CAAC,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC;SAC7D;IACL,CAAC;IAgCD,kGAAkG;IAElG;;OAEG;IACI,WAAW,CAAC,OAAsB;QAErC,IAAG,MAAM,CAA0B,OAAO,CAAC,IAAI,OAAO,EACtD;YACI,sBAAsB;YACtB,IAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EACtB;gBACI,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;gBAE/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;gBAErD,OAAO;aACV;SAEJ;IACL,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACa,WAAW;;QAEvB,KAAK,CAAC,WAAW,EAAE,CAAC;QAEpB,MAAA,IAAI,CAAC,SAAS,0CAAE,OAAO,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAEtB,MAAA,IAAI,CAAC,yBAAyB,0CAAE,WAAW,EAAE,CAAC;QAC9C,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;IAC1C,CAAC;IAED,uEAAuE;IAEvE;;;;OAIG;IACO,UAAU,CAAC,IAAiC,EAAE,WAAkB;;QAEtE,IAAG,CAAC,IAAI,CAAC,eAAe,EACxB;YACI,OAAO;SACV;QAED,+CAA+C;QAC/C,IAAG,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,IAAI,CAAC,mBAAmB,CAAC,EAC1E;YACI,MAAA,IAAI,CAAC,yBAAyB,0CAAE,WAAW,EAAE,CAAC;YAC9C,IAAI,CAAC,yBAAyB,GAAG,IAAI,YAAY,EAAE,CAAC;YACpD,MAAA,IAAI,CAAC,SAAS,0CAAE,OAAO,EAAE,CAAC;YAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAE5D,IAAI,CAAC,yBAAyB,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE;;gBAElF,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,SAAS,0CAAE,QAAQ,CAAC;gBAE3C,IAAG,CAAC,SAAS,EACb;oBACI,OAAO;iBACV;gBAED,IAAI,CAAC,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,KAAK,EAAE,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;gBACrF,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YAC5B,CAAC,CAAC,CAAC,CAAC;YAEJ,IAAI,CAAC,yBAAyB,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;YAClI,IAAI,CAAC,yBAAyB,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;SACvI;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;QAE1C,SAAS,CAAC,YAAY,GAAG,KAAK;YAC9B,SAAS,CAAC,UAAU,GAAG,KAAK,CAAC;QAC7B,SAAS,CAAC,OAAO,GAAG,WAAW,CAAC;QAChC,oBAAoB;QACpB,qCAAqC;QACrC,SAAS,CAAC,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC1E,CAAC;IAED;;OAEG;IACO,YAAY;QAElB,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;QAC7D,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAExD,IAAG,KAAK,GAAG,CAAC,EACZ;YACI,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;SAC1C;QAED,IAAG,KAAK,IAAI,OAAO,CAAC,MAAM,EAC1B;YACI,OAAO,IAAI,CAAC,mBAAmB,CAAC;SACnC;QAED,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAC9C,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAErF,OAAO,IAAI,CAAC,mBAAmB,CAAC;IACpC,CAAC;IAED;;OAEG;IACO,YAAY;QAElB,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;QAC7D,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAExD,IAAG,KAAK,GAAG,CAAC,EACZ;YACI,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;SAC1C;QAED,IAAG,KAAK,IAAI,CAAC,EACb;YACI,OAAO,IAAI,CAAC,mBAAmB,CAAC;SACnC;QAED,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAC9C,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAErF,OAAO,IAAI,CAAC,mBAAmB,CAAC;IACpC,CAAC;;oHAlOQ,uBAAuB,kBAwEZ,QAAQ,aACR,wBAAwB;wGAzEnC,uBAAuB,0OAkCD,gBAAgB,uFC3EnD,0CAAwC;2FDyC3B,uBAAuB;kBANnC,SAAS;+BAEI,kBAAkB,mBAEX,uBAAuB,CAAC,MAAM;;0BA0ElC,MAAM;2BAAC,QAAQ;;0BACf,MAAM;2BAAC,wBAAwB;;0BAAG,QAAQ;4CAtC7C,eAAe;sBADxB,SAAS;uBAAC,WAAW,EAAE,EAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAC;gBASvD,KAAK;sBADX,KAAK;gBAOK,OAAO;sBADjB,KAAK;gBAqBC,WAAW;sBADjB,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ViewChild, ViewContainerRef, Type, EventEmitter, Output, Input, OnChanges, SimpleChanges, Inject, Optional, OnDestroy, ComponentRef} from '@angular/core';\nimport {Position, POSITION} from '@anglr/common';\nimport {extend, isBlank, nameof} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {DateTimeInputValue} from '../../../../interfaces';\nimport {DateTimeInputOutputValue} from '../../../../misc/types';\nimport {DATE_TIME_PICKER_OPTIONS} from '../../misc/tokens';\nimport {DayPickerSAComponent} from '../dayPicker/dayPicker.component';\nimport {DateTimePickerOptions} from './dateTimePicker.interface';\nimport {DateTimePicker} from '../../interfaces';\nimport {formatDateTime, parseDateTime} from '../../../../misc/utils';\nimport {DateTimeValueFormat} from '../../../../misc/enums';\nimport {DateTimeDirective} from '../../../dateTime/directives';\n\n/**\n * Text to be displayed when configuration, options are corrupted\n */\nconst CORRUPTED_CONFIG_TEXT = 'DateTime: Corrupted configuration for DateTimePicker!';\n\n/**\n * Default options for date time picker\n */\nconst defaultOptions: DateTimePickerOptions = \n{\n    defaultPeriod: 'day',\n    periodsDefinition:\n    {\n        'day': DayPickerSAComponent,\n    },\n};\n\n/**\n * Component used for displaying date time picker\n */\n@Component(\n{\n    selector: 'date-time-picker',\n    templateUrl: 'dateTimePicker.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DateTimePickerComponent<TDate = unknown> extends DateTimeDirective<TDate> implements DateTimeInputValue<TDate>, OnChanges, OnDestroy\n{\n    //######################### protected properties #########################\n    \n    /**\n     * Subscription for changes in date time period picker\n     */\n    protected periodChangesSubscription: Subscription|undefined|null;\n\n    /**\n     * Options for date time picker\n     */\n    protected ɵOptions: DateTimePickerOptions<TDate>;\n\n    /**\n     * Currently displayed period type\n     */\n    protected displayedPeriodType: Type<DateTimePicker<TDate>>;\n\n    /**\n     * Name of period which is currently displayed\n     */\n    protected displayedPeriodName: string;\n\n    /**\n     * Instance of created date time period picker\n     */\n    protected component: ComponentRef<DateTimePicker<TDate>>|undefined|null;\n    \n    //######################### protected properties - children #########################\n\n    /**\n     * Container used for displaying pickers for specific date time part\n     */\n    @ViewChild('container', {read: ViewContainerRef, static: true})\n    protected pickerContainer: ViewContainerRef|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Input()\n    public value: DateTimeInputOutputValue<TDate>|undefined|null;\n\n    /**\n     * Options for date time picker\n     */\n    @Input()\n    public get options(): Partial<DateTimePickerOptions<TDate>>\n    {\n        return this.ɵOptions;\n    }\n    public set options(value: Partial<DateTimePickerOptions<TDate>>)\n    {\n        this.ɵOptions = extend(true, {}, defaultOptions, value);\n\n        if(value?.periodsDefinition)\n        {\n            this.ɵOptions.periodsDefinition = value.periodsDefinition;\n        }\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Output()\n    public valueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor(@Inject(POSITION) protected position: Position,\n                @Inject(DATE_TIME_PICKER_OPTIONS) @Optional() options?: DateTimePickerOptions<TDate>,)\n    {\n        super();\n\n        this.ɵOptions = extend(true, {}, defaultOptions, options);\n        \n        if(options?.periodsDefinition)\n        {\n            this.ɵOptions.periodsDefinition = options.periodsDefinition;\n        }\n\n        this.displayedPeriodName = this.ɵOptions.defaultPeriod;\n        this.displayedPeriodType = this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n\n        if(!this.displayedPeriodType)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    \n    /**\n     * Called when input value changes\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(nameof<DateTimePickerComponent>('value') in changes)\n        {\n            //empty value show now\n            if(isBlank(this.value))\n            {\n                const now = this.dateApi.now();\n\n                this.showPicker(this.displayedPeriodType, now.value);\n\n                return;\n            }\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.component?.destroy();\n        this.component = null;\n\n        this.periodChangesSubscription?.unsubscribe();\n        this.periodChangesSubscription = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Shows picker\n     * @param type - Type of period that should be displayed\n     * @param displayDate - Display date to be shown\n     */\n    protected showPicker(type: Type<DateTimePicker<TDate>>, displayDate: TDate): void\n    {\n        if(!this.pickerContainer)\n        {\n            return;\n        }\n\n        //create new component and destroy previous one\n        if(!this.component || (this.component && type != this.displayedPeriodType))\n        {\n            this.periodChangesSubscription?.unsubscribe();\n            this.periodChangesSubscription = new Subscription();\n            this.component?.destroy();\n            this.component = this.pickerContainer.createComponent(type);\n\n            this.periodChangesSubscription.add(this.component.instance.valueChange.subscribe(() =>\n            {\n                const component = this.component?.instance;\n\n                if(!component)\n                {\n                    return;\n                }\n\n                this.value = formatDateTime(component.value, DateTimeValueFormat.DateInstance, null);\n                this.valueChange.emit();\n            }));\n\n            this.periodChangesSubscription.add(this.component.instance.scaleUp.subscribe(date => this.showPicker(this.getUpperType(), date)));\n            this.periodChangesSubscription.add(this.component.instance.scaleDown.subscribe(date => this.showPicker(this.getLowerType(), date)));\n        }\n\n        const component = this.component.instance;\n\n        component.canScaleDown = false,\n        component.canScaleUp = false;\n        component.display = displayDate;\n        // component.options\n        //TODO: maybe add support for format!\n        component.value = parseDateTime(this.value, this.dateApi, null, null);\n    }\n\n    /**\n     * Gets type that is above current period picker\n     */\n    protected getUpperType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index >= periods.length)\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index + 1];\n        this.displayedPeriodType = this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n\n        return this.displayedPeriodType;\n    }\n\n    /**\n     * Gets type that is below current period picker\n     */\n    protected getLowerType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index <= 0)\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index - 1];\n        this.displayedPeriodType = this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n\n        return this.displayedPeriodType;\n    }\n}","<ng-container #container></ng-container>"]}
+{"version":3,"file":"dateTimePicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.ts","../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, ViewChild, ViewContainerRef, Type, EventEmitter, Output, Input, OnChanges, SimpleChanges, Inject, Optional, OnDestroy, ComponentRef, OnInit} from '@angular/core';\nimport {Position, POSITION} from '@anglr/common';\nimport {extend, isBlank, nameof} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {DateTimeInputValue} from '../../../../interfaces';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {DATE_TIME_PICKER_OPTIONS} from '../../misc/tokens';\nimport {DayPickerSAComponent} from '../dayPicker/dayPicker.component';\nimport {DateTimePickerOptions} from './dateTimePicker.interface';\nimport {DateTimePicker} from '../../interfaces';\nimport {formatDateTime, parseDateTime} from '../../../../misc/utils';\nimport {DateTimeDirective} from '../../../dateTime/directives';\nimport {DateValueProvider} from '../../../../services';\n\n//TODO: use mixin for set internal\n\n/**\n * Text to be displayed when configuration, options are corrupted\n */\nconst CORRUPTED_CONFIG_TEXT = 'DateTime: Corrupted configuration for DateTimePicker!';\n\n/**\n * Default options for date time picker\n */\nconst defaultOptions: DateTimePickerOptions = \n{\n    defaultPeriod: 'day',\n    periodsDefinition:\n    {\n        'day': DayPickerSAComponent,\n    },\n};\n\n/**\n * Component used for displaying date time picker\n */\n@Component(\n{\n    selector: 'date-time-picker',\n    templateUrl: 'dateTimePicker.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DateTimePickerComponent<TDate = unknown> extends DateTimeDirective<TDate> implements DateTimeInputValue<TDate>, OnInit, OnChanges, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValue\n     */\n    protected ɵValue: DateTimeInputOutputValue<TDate>|undefined|null;\n\n    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n    \n    /**\n     * Subscription for changes in date time period picker\n     */\n    protected periodChangesSubscription: Subscription|undefined|null;\n\n    /**\n     * Options for date time picker\n     */\n    protected ɵOptions: DateTimePickerOptions<TDate>;\n\n    /**\n     * Currently displayed period type\n     */\n    protected displayedPeriodType: Type<DateTimePicker<TDate>>;\n\n    /**\n     * Name of period which is currently displayed\n     */\n    protected displayedPeriodName: string;\n\n    /**\n     * Instance of created date time period picker\n     */\n    protected component: ComponentRef<DateTimePicker<TDate>>|undefined|null;\n    \n    //######################### protected properties - children #########################\n\n    /**\n     * Container used for displaying pickers for specific date time part\n     */\n    @ViewChild('container', {read: ViewContainerRef, static: true})\n    protected pickerContainer: ViewContainerRef|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Input()\n    public get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        //accepts all available formats\n        this.setInternalValue(value);\n        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);\n    }\n\n    /**\n     * Options for date time picker\n     */\n    @Input()\n    public get options(): Partial<DateTimePickerOptions<TDate>>\n    {\n        return this.ɵOptions;\n    }\n    public set options(value: Partial<DateTimePickerOptions<TDate>>)\n    {\n        this.ɵOptions = extend(true, {}, defaultOptions, value);\n\n        if(value?.periodsDefinition)\n        {\n            this.ɵOptions.periodsDefinition = value.periodsDefinition;\n        }\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Output()\n    public valueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor(@Inject(POSITION) protected position: Position,\n                protected valueProvider: DateValueProvider<TDate>,\n                @Inject(DATE_TIME_PICKER_OPTIONS) @Optional() options?: DateTimePickerOptions<TDate>,)\n    {\n        super();\n\n        this.ɵOptions = extend(true, {}, defaultOptions, options);\n        \n        if(options?.periodsDefinition)\n        {\n            this.ɵOptions.periodsDefinition = options.periodsDefinition;\n        }\n\n        this.displayedPeriodName = this.ɵOptions.defaultPeriod;\n        this.displayedPeriodType = this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n\n        if(!this.displayedPeriodType)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        //empty value show now\n        if(isBlank(this.value))\n        {\n            const now = this.dateApi.now();\n\n            this.showPicker(this.displayedPeriodType, now.value);\n        }\n        else\n        {\n            const val = (Array.isArray(this.internalValue) ? this.internalValue[0] : this.internalValue) ?? this.dateApi.now();\n\n            this.showPicker(this.displayedPeriodType, val.value);\n        }\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    \n    /**\n     * Called when input value changes\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(!this.component)\n        {\n            return;\n        }\n\n        const component = this.component.instance;\n        let invalidate: boolean = false;\n\n        if(nameof<DateTimePickerComponent>('maxDateTime') in changes)\n        {\n            component.maxDate = this.maxDateTime;\n            invalidate = true;\n        }\n\n        if(nameof<DateTimePickerComponent>('minDateTime') in changes)\n        {\n            component.minDate = this.minDateTime;\n            invalidate = true;\n        }\n\n        if(nameof<DateTimePickerComponent>('value') in changes)\n        {\n            const val = (Array.isArray(this.internalValue) ? this.internalValue[0] : this.internalValue) ?? this.dateApi.now();\n\n            component.display = val.isValid() ? val.value : this.dateApi.now().value;\n            component.value = this.internalValue;\n            invalidate = true;\n        }\n\n        if(this.component && invalidate)\n        {\n            this.component.instance.invalidateVisuals();\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.component?.destroy();\n        this.component = null;\n\n        this.periodChangesSubscription?.unsubscribe();\n        this.periodChangesSubscription = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets internal value and fix lowest time difference\n     * @param value - Value to be set\n     */\n    protected setInternalValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.internalValue = parseDateTime(value, this.dateApi, null, this.customFormat);\n\n        if(isBlank(this.internalValue))\n        {\n            return;\n        }\n\n        //ranged value\n        if(Array.isArray(this.internalValue))\n        {\n            const [from, to] = this.internalValue;\n\n            if(from)\n            {\n                const val = this.valueProvider.getValue(from.value, this.customFormat).from;\n\n                if(val)\n                {\n                    this.internalValue[0] = this.dateApi.getValue(val, this.customFormat);\n                }\n            }\n\n            if(to)\n            {\n                const val = this.valueProvider.getValue(to.value, this.customFormat).to;\n\n                if(val)\n                {\n                    this.internalValue[1] = this.dateApi.getValue(val, this.customFormat);\n                }\n            }\n        }\n        else\n        {\n            const val = this.valueProvider.getValue(this.internalValue.value, this.customFormat).from;\n\n            if(val)\n            {\n                this.internalValue = this.dateApi.getValue(val, this.customFormat);\n            }\n        }\n    }\n\n    /**\n     * Shows picker\n     * @param type - Type of period that should be displayed\n     * @param displayDate - Display date to be shown\n     */\n    protected showPicker(type: Type<DateTimePicker<TDate>>, displayDate: TDate): void\n    {\n        if(!this.pickerContainer)\n        {\n            return;\n        }\n\n        //create new component and destroy previous one\n        if(!this.component || (this.component && type != this.displayedPeriodType))\n        {\n            this.periodChangesSubscription?.unsubscribe();\n            this.periodChangesSubscription = new Subscription();\n            this.component?.destroy();\n            this.component = this.pickerContainer.createComponent(type);\n\n            this.periodChangesSubscription.add(this.component.instance.valueChange.subscribe(() =>\n            {\n                const component = this.component?.instance;\n\n                if(!component)\n                {\n                    return;\n                }\n\n                if(!Array.isArray(component.value))\n                {\n                    this.setInternalValue(component.value?.value);\n                }\n                else\n                {\n                    //TODO: handle ranges\n                }\n\n                this.value = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);\n                this.valueChange.emit();\n            }));\n\n            this.periodChangesSubscription.add(this.component.instance.scaleUp.subscribe(date => this.showPicker(this.getUpperType(), date)));\n            this.periodChangesSubscription.add(this.component.instance.scaleDown.subscribe(date => this.showPicker(this.getLowerType(), date)));\n        }\n\n        const component = this.component.instance;\n\n        component.canScaleDown = false,\n        component.canScaleUp = false;\n        component.display = displayDate;\n        // component.options\n        component.maxDate = this.maxDateTime;\n        component.minDate = this.minDateTime;\n        component.value = this.internalValue;\n        component.invalidateVisuals();\n    }\n\n    /**\n     * Gets type that is above current period picker\n     */\n    protected getUpperType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index >= periods.length)\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index + 1];\n        this.displayedPeriodType = this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n\n        return this.displayedPeriodType;\n    }\n\n    /**\n     * Gets type that is below current period picker\n     */\n    protected getLowerType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index <= 0)\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index - 1];\n        this.displayedPeriodType = this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n\n        return this.displayedPeriodType;\n    }\n}","<ng-container #container></ng-container>"]}

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

@@ -1,8 +1,7 @@
-import { Component, ChangeDetectionStrategy, Inject } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
 import { DatePipesModule } from '../../../datePipes.module';
-import { DATE_API } from '../../../../misc/tokens';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../../../pipes/dateFormat.pipe";
@@ -11,58 +10,153 @@ import * as i2 from "../../../../pipes/dateFormat.pipe";
  */
 export class DayPickerSAComponent extends DateTimePeriodPickerBase {
     //######################### constructor #########################
-    constructor(dateApi) {
+    constructor() {
         super();
-        this.dateApi = dateApi;
+        //######################### protected properties #########################
+        /**
+         * Stored this picker month data
+         */
+        this.thisMonthData = [];
         //######################### protected properties - template bindings #########################
         /**
          * Names of days
          */
         this.weekdays = [];
-        /**
-         * Array of period data to be displayed
-         * @internal
-         */
-        this.periodData = [];
+        this.weekdays = this.dateApi.weekdaysShort();
     }
     //######################### protected methods - template bindings #########################
+    /**
+     *
+     * @param dayData - Day data that were selected
+     */
     selectDay(dayData) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
+        if (dayData.disabled) {
+            return;
+        }
         if (!this.value) {
             this.value = (_b = (_a = this.displayDate) === null || _a === void 0 ? void 0 : _a.clone()) !== null && _b !== void 0 ? _b : this.dateApi.getValue((_c = this.display) !== null && _c !== void 0 ? _c : new Date());
         }
         //single value
         if (!Array.isArray(this.value)) {
             this.value.dayOfMonth(dayData.day);
+            //other month was selected
+            if (dayData.otherMonth) {
+                this.value.month(dayData.dateObj.month());
+                (_d = this.displayDate) === null || _d === void 0 ? void 0 : _d.month(dayData.dateObj.month());
+            }
             this.value.updateOriginal();
             this.valueChangeSubject.next();
         }
+        else {
+            //TODO: range
+        }
+        this.render();
+        this.changeDetector.detectChanges();
     }
     /**
      * Changes displayed month to next month
-     * @param event - Event that occured
      */
-    nextMonth(event) {
+    nextMonth() {
         var _a;
-        event.preventDefault();
-        event.stopPropagation();
-        (_a = this.displayDate) === null || _a === void 0 ? void 0 : _a.addMonths(1);
-        // this.display(this.displayDate);
+        (_a = this.displayDate) === null || _a === void 0 ? void 0 : _a.addMonths(1).updateOriginal();
+        this.render();
     }
     /**
      * Changes displayed month to previous month
-     * @param event - Event that occured
      */
-    previousMonth(event) {
+    previousMonth() {
         var _a;
-        event.preventDefault();
-        event.stopPropagation();
-        (_a = this.displayDate) === null || _a === void 0 ? void 0 : _a.subtractMonths(1);
-        // this.display(this.displayDate!);
+        (_a = this.displayDate) === null || _a === void 0 ? void 0 : _a.subtractMonths(1).updateOriginal();
+        this.render();
+    }
+    //######################### protected methods #########################
+    /**
+     * Renders current day picker data
+     */
+    render() {
+        var _a;
+        //same month only data change
+        if (this.displayedMonth && ((_a = this.displayDate) === null || _a === void 0 ? void 0 : _a.isSameMonth(this.displayedMonth))) {
+            this.setActive();
+            this.updateMinMax();
+            return;
+        }
+        this.periodData = [];
+        this.thisMonthData = [];
+        if (!this.displayDate) {
+            return;
+        }
+        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();
+        this.setActive();
+        this.updateMinMax();
+    }
+    /**
+     * Sets active date
+     */
+    setActive() {
+        this.periodData.forEach(itm => itm.active = false);
+        if (!this.value) {
+            return;
+        }
+        if (!Array.isArray(this.value)) {
+            if (this.value) {
+                const value = this.value;
+                const day = this.periodData.find(itm => itm.dateObj.isSameDay(value.value));
+                if (day) {
+                    day.active = true;
+                }
+            }
+        }
+        else {
+            //TODO: support range
+        }
+    }
+    //######################### 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.isSameDay(target);
     }
 }
-DayPickerSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DayPickerSAComponent, deps: [{ token: DATE_API }], target: i0.ɵɵFactoryTarget.Component });
-DayPickerSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: DayPickerSAComponent, isStandalone: true, selector: "day-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)=\"previousMonth($event)\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"$event.stopPropagation(); $event.preventDefault(); displayDate ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth($event)\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\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         (click)=\"$event.stopPropagation(); $event.preventDefault(); selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canScaleDown\">\r\n    <!-- <div [class.clickable]=\"canScaleDown\" (mousedown)=\"$event.stopPropagation(); $event.preventDefault(); displayDate ? goDownSubject.next(displayDate.value) : undefined\">{{timeValue?.from | dateFormat: 'time'}}</div> -->\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DatePipesModule }, { kind: "pipe", type: i2.DateFormatPipe, name: "dateFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DayPickerSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DayPickerSAComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DayPickerSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: DayPickerSAComponent, isStandalone: true, selector: "day-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)=\"previousMonth()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\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)=\"selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canScaleDown\">\r\n    <!-- <div [class.clickable]=\"canScaleDown\" (mousedown)=\"displayDate ? goDownSubject.next(displayDate.value) : undefined\">{{timeValue?.from | dateFormat: 'time'}}</div> -->\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DatePipesModule }, { kind: "pipe", type: i2.DateFormatPipe, name: "dateFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DayPickerSAComponent, decorators: [{
             type: Component,
             args: [{ selector: 'day-picker', host: {
@@ -70,9 +164,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                     }, standalone: true, imports: [
                         CommonModule,
                         DatePipesModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth($event)\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"$event.stopPropagation(); $event.preventDefault(); displayDate ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth($event)\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\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         (click)=\"$event.stopPropagation(); $event.preventDefault(); selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canScaleDown\">\r\n    <!-- <div [class.clickable]=\"canScaleDown\" (mousedown)=\"$event.stopPropagation(); $event.preventDefault(); displayDate ? goDownSubject.next(displayDate.value) : undefined\">{{timeValue?.from | dateFormat: 'time'}}</div> -->\r\n</div>" }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DATE_API]
-                }] }]; } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\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)=\"selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canScaleDown\">\r\n    <!-- <div [class.clickable]=\"canScaleDown\" (mousedown)=\"displayDate ? goDownSubject.next(displayDate.value) : undefined\">{{timeValue?.from | dateFormat: 'time'}}</div> -->\r\n</div>" }]
+        }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=dayPicker.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dayPicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.component.ts","../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAG7C,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;;;;AAGjD;;GAEG;AAiBH,MAAM,OAAO,oBAAsC,SAAQ,wBAA+B;IAetF,iEAAiE;IACjE,YAAwC,OAAuB;QAE3D,KAAK,EAAE,CAAC;QAF4B,YAAO,GAAP,OAAO,CAAgB;QAd/D,8FAA8F;QAE9F;;WAEG;QACO,aAAQ,GAAa,EAAE,CAAC;QAElC;;;WAGG;QACI,eAAU,GAAqB,EAAE,CAAC;IAMzC,CAAC;IAED,2FAA2F;IAEjF,SAAS,CAAC,OAAgB;;QAEhC,IAAG,CAAC,IAAI,CAAC,KAAK,EACd;YACI,IAAI,CAAC,KAAK,GAAG,MAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,KAAK,EAAE,mCAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAA,IAAI,CAAC,OAAO,mCAAI,IAAI,IAAI,EAAE,CAAC,CAAC;SAC/F;QAED,cAAc;QACd,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAC7B;YACI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAE5B,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;SAClC;IACL,CAAC;IAED;;;OAGG;IACO,SAAS,CAAC,KAAY;;QAE5B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,MAAA,IAAI,CAAC,WAAW,0CAAE,SAAS,CAAC,CAAC,CAAC,CAAC;QAE/B,kCAAkC;IACtC,CAAC;IAED;;;OAGG;IACO,aAAa,CAAC,KAAY;;QAEhC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,MAAA,IAAI,CAAC,WAAW,0CAAE,cAAc,CAAC,CAAC,CAAC,CAAC;QAEpC,mCAAmC;IACvC,CAAC;;iHAhEQ,oBAAoB,kBAgBT,QAAQ;qGAhBnB,oBAAoB,yJC7BjC,65CAoBM,2CDIE,YAAY,+PACZ,eAAe;2FAIV,oBAAoB;kBAhBhC,SAAS;+BAEI,YAAY,QAGtB;wBACI,0BAA0B,EAAE,MAAM;qBACrC,cACW,IAAI,WAEhB;wBACI,YAAY;wBACZ,eAAe;qBAClB,mBACgB,uBAAuB,CAAC,MAAM;;0BAkBlC,MAAM;2BAAC,QAAQ","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {DateTimePicker} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {DatePipesModule} from '../../../datePipes.module';\nimport {DayData} from '../../../../legacy/picker/interfaces';\nimport {DATE_API} from '../../../../misc/tokens';\nimport {DateApi} from '../../../../services';\n\n/**\n * Component used for displaying day picker\n */\n@Component(\n{\n    selector: 'day-picker',\n    templateUrl: 'dayPicker.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 DayPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<TDate> implements DateTimePicker<TDate>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Names of days\n     */\n    protected weekdays: string[] = [];\n\n    /**\n     * Array of period data to be displayed\n     * @internal\n     */\n    public periodData: DayData<TDate>[] = [];\n\n    //######################### constructor #########################\n    constructor(@Inject(DATE_API) protected dateApi: DateApi<TDate>,)\n    {\n        super();\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    protected selectDay(dayData: DayData): void\n    {\n        if(!this.value)\n        {\n            this.value = this.displayDate?.clone() ?? this.dateApi.getValue(this.display ?? new Date());\n        }\n\n        //single value\n        if(!Array.isArray(this.value))\n        {\n            this.value.dayOfMonth(dayData.day);\n            this.value.updateOriginal();\n\n            this.valueChangeSubject.next();\n        }\n    }\n\n    /**\n     * Changes displayed month to next month\n     * @param event - Event that occured\n     */\n    protected nextMonth(event: Event): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\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     */\n    protected previousMonth(event: Event): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n        this.displayDate?.subtractMonths(1);\n\n        // this.display(this.displayDate!);\n    }\n}","<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth($event)\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"$event.stopPropagation(); $event.preventDefault(); displayDate ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth($event)\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\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         (click)=\"$event.stopPropagation(); $event.preventDefault(); selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canScaleDown\">\r\n    <!-- <div [class.clickable]=\"canScaleDown\" (mousedown)=\"$event.stopPropagation(); $event.preventDefault(); displayDate ? goDownSubject.next(displayDate.value) : undefined\">{{timeValue?.from | dateFormat: 'time'}}</div> -->\r\n</div>"]}
+{"version":3,"file":"dayPicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.component.ts","../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {DateTimePicker} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {DatePipesModule} from '../../../datePipes.module';\nimport {DayData} from '../../../../legacy/picker/interfaces';\nimport {DateApiObject} from '../../../../services';\n\n/**\n * Component used for displaying day picker\n */\n@Component(\n{\n    selector: 'day-picker',\n    templateUrl: 'dayPicker.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 DayPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<DayData<TDate>, TDate> implements DateTimePicker<TDate>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Stored this picker month data\n     */\n    protected thisMonthData: DayData<TDate>[] = [];\n\n    /**\n     * Currently displayed month\n     */\n    protected displayedMonth: TDate|undefined|null;\n\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Names of days\n     */\n    protected weekdays: string[] = [];\n\n    //######################### constructor #########################\n    constructor()\n    {\n        super();\n\n        this.weekdays = this.dateApi.weekdaysShort();\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * \n     * @param dayData - Day data that were selected\n     */\n    protected selectDay(dayData: DayData): void\n    {\n        if(dayData.disabled)\n        {\n            return;\n        }\n\n        if(!this.value)\n        {\n            this.value = this.displayDate?.clone() ?? this.dateApi.getValue(this.display ?? new Date());\n        }\n\n        //single value\n        if(!Array.isArray(this.value))\n        {\n            this.value.dayOfMonth(dayData.day);\n\n            //other month was selected\n            if(dayData.otherMonth)\n            {\n                this.value.month(dayData.dateObj.month());\n                this.displayDate?.month(dayData.dateObj.month());\n            }\n\n            this.value.updateOriginal();\n\n            this.valueChangeSubject.next();\n        }\n        else\n        {\n            //TODO: range\n        }\n\n        this.render();\n        this.changeDetector.detectChanges();\n    }\n\n    /**\n     * Changes displayed month to next month\n     */\n    protected nextMonth(): void\n    {\n        this.displayDate?.addMonths(1).updateOriginal();\n\n        this.render();\n    }\n\n    /**\n     * Changes displayed month to previous month\n     */\n    protected previousMonth(): void\n    {\n        this.displayDate?.subtractMonths(1).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 month only data change\n        if(this.displayedMonth && this.displayDate?.isSameMonth(this.displayedMonth))\n        {\n            this.setActive();\n            this.updateMinMax();\n\n            return;\n        }\n\n        this.periodData = [];\n        this.thisMonthData = [];\n\n        if(!this.displayDate)\n        {\n            return;\n        }\n\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\n                const data: DayData<TDate> = \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        this.setActive();\n        this.updateMinMax();\n    }\n\n    /**\n     * Sets active date\n     */\n    protected setActive(): void\n    {\n        this.periodData.forEach(itm => itm.active = false);\n\n        if(!this.value)\n        {\n            return;\n        }\n\n        \n        if(!Array.isArray(this.value))\n        {\n            if(this.value)\n            {\n                const value = this.value;\n                const day = this.periodData.find(itm => itm.dateObj.isSameDay(value.value));\n\n                if(day)\n                {\n                    day.active = true;\n                }\n            }\n        }\n        else\n        {\n            //TODO: support range\n        }\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.isSameDay(target);\n    }\n}","<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\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)=\"selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canScaleDown\">\r\n    <!-- <div [class.clickable]=\"canScaleDown\" (mousedown)=\"displayDate ? goDownSubject.next(displayDate.value) : undefined\">{{timeValue?.from | dateFormat: 'time'}}</div> -->\r\n</div>"]}

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

@@ -3,10 +3,11 @@ import { Directive, ElementRef, Inject, Input, Optional, ViewContainerRef } from
 import { DOCUMENT } from '@angular/common';
 import { POSITION, applyPositionResult, PositionPlacement } from '@anglr/common';
 import { extend, nameof, isDescendant, BindThis } from '@jscrpt/common';
-import { lastValueFrom, Subscription } from 'rxjs';
+import { lastValueFrom } 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
@@ -15,16 +16,19 @@ const defaultOptions = {
     absolute: true,
     alwaysVisible: false,
     closeOnValueSelect: true,
+    closeOnBlur: true,
     disabled: false,
     positionOptions: PositionPlacement.BottomStart,
     showOnFocus: true,
+    pickerCssClass: null,
 };
 /**
  * Directive that is used for displaying and attaching date time picker
  */
-export class DateTimePickerDirective {
+export class DateTimePickerDirective extends DateTimeBase {
     //######################### constructor #########################
     constructor(viewContainer, element, input, document, position, options) {
+        super();
         this.viewContainer = viewContainer;
         this.element = element;
         this.input = input;
@@ -35,10 +39,6 @@ export class DateTimePickerDirective {
          * Indication whether is value changes disabled
          */
         this.valueChangeDisabled = false;
-        /**
-         * Subscriptions created during initialization
-         */
-        this.initSubscriptions = new Subscription();
         this.ɵWithPickerOptions = extend(true, {}, defaultOptions, options);
     }
     //######################### public properties - inputs #########################
@@ -70,6 +70,11 @@ export class DateTimePickerDirective {
                     this.showPicker();
                 }
             }));
+            this.initSubscriptions.add(this.input.blur.subscribe(() => {
+                if (this.withPickerOptions.closeOnBlur) {
+                    this.hidePicker();
+                }
+            }));
         });
     }
     //######################### public methods - implementation of OnDestroy #########################
@@ -77,6 +82,7 @@ export class DateTimePickerDirective {
      * Called when component is destroyed
      */
     ngOnDestroy() {
+        super.ngOnDestroy();
         this.hidePicker();
         this.initSubscriptions.unsubscribe();
     }
@@ -102,17 +108,27 @@ export class DateTimePickerDirective {
                     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);
+            if (this.ɵWithPickerOptions.pickerCssClass) {
+                this.componentElement.classList.add(this.ɵWithPickerOptions.pickerCssClass);
+            }
             const result = yield lastValueFrom(this.position.placeElement(this.componentElement, this.element.nativeElement, {
                 placement: this.withPickerOptions.positionOptions,
             }));
             applyPositionResult(result);
             this.setPickerValue();
-            // this.componentRef.setInput(nameof<DateTimePickerComponent>('valueFormat'), this.input.);
-            // this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);
-            // this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);
+            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.componentRef.changeDetectorRef.detectChanges();
         });
     }
@@ -120,16 +136,17 @@ export class DateTimePickerDirective {
      * Shows date time picker
      */
     hidePicker() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (this.withPickerOptions.alwaysVisible) {
             return;
         }
-        (_a = this.valueChangeSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        (_a = this.componentElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('mousedown', this.handleClickInside);
+        (_b = this.valueChangeSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
         this.valueChangeSubscription = null;
         this.component = null;
-        (_b = this.componentRef) === null || _b === void 0 ? void 0 : _b.destroy();
+        (_c = this.componentRef) === null || _c === void 0 ? void 0 : _c.destroy();
         this.componentRef = null;
-        (_c = this.componentElement) === null || _c === void 0 ? void 0 : _c.remove();
+        (_d = this.componentElement) === null || _d === void 0 ? void 0 : _d.remove();
         this.componentElement = null;
         this.document.removeEventListener('click', this.handleClickOutside);
     }
@@ -160,15 +177,50 @@ export class DateTimePickerDirective {
             this.hidePicker();
         }
     }
+    /**
+     * Handles clicking inside of picker element
+     * @param event - Event that occured
+     */
+    handleClickInside(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+    //######################### 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();
+    }
 }
 DateTimePickerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimePickerDirective, 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 });
-DateTimePickerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimePickerDirective, selector: "[dateTime][withPicker]", inputs: { withPickerOptions: "withPickerOptions" }, exportAs: ["dateTimePicker"], ngImport: i0 });
+DateTimePickerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimePickerDirective, 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)
 ], DateTimePickerDirective.prototype, "handleClickOutside", null);
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [MouseEvent]),
+    __metadata("design:returntype", void 0)
+], DateTimePickerDirective.prototype, "handleClickInside", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimePickerDirective, decorators: [{
             type: Directive,
             args: [{
@@ -191,5 +243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                     type: Optional
                 }] }]; }, propDecorators: { withPickerOptions: [{
                 type: Input
-            }], handleClickOutside: [] } });
+            }], pickerOptions: [{
+                type: Input
+            }], handleClickOutside: [], handleClickInside: [] } });
 //# sourceMappingURL=dateTimePicker.directive.js.map

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

@@ -1 +1 @@
-{"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} from '@anglr/common';\nimport {extend, nameof, isDescendant, BindThis} from '@jscrpt/common';\nimport {lastValueFrom, Subscription} from 'rxjs';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimePickerComponent} from '../../components';\nimport {DateTimePickerDirectiveOptions} from './dateTimePicker.interface';\nimport {DATE_TIME_PICKER_DIRECTIVE_OPTIONS} from '../../misc/tokens';\n\n/**\n * Default options for date time picker directive\n */\nconst defaultOptions: DateTimePickerDirectiveOptions =\n{\n    absolute: true,\n    alwaysVisible: false,\n    closeOnValueSelect: true,\n    disabled: false,\n    positionOptions: PositionPlacement.BottomStart,\n    showOnFocus: true,\n};\n\n/**\n * Directive that is used for displaying and attaching date time picker\n */\n@Directive(\n{\n    selector: '[dateTime][withPicker]',\n    exportAs: 'dateTimePicker'\n})\nexport class DateTimePickerDirective<TDate = unknown> 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     * Subscriptions created during initialization\n     */\n    protected initSubscriptions: Subscription = new Subscription();\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 value changes in picker\n     */\n    protected valueChangeSubscription: 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    //######################### 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                @Inject(DATE_TIME_PICKER_DIRECTIVE_OPTIONS) @Optional() options?: DateTimePickerDirectiveOptions,)\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\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\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.valueChangeSubscription = 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        });\n\n        this.document.addEventListener('click', this.handleClickOutside);\n\n        const result = await lastValueFrom(this.position.placeElement(this.componentElement, this.element.nativeElement,\n        {\n            placement: this.withPickerOptions.positionOptions,\n        }));\n\n        applyPositionResult(result);\n        this.setPickerValue();\n        // this.componentRef.setInput(nameof<DateTimePickerComponent>('valueFormat'), this.input.);\n        // this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);\n        // this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);\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.valueChangeSubscription?.unsubscribe();\n        this.valueChangeSubscription = 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}"]}
+{"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} from '@anglr/common';\nimport {extend, nameof, isDescendant, BindThis} from '@jscrpt/common';\nimport {lastValueFrom, 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: true,\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    exportAs: 'dateTimePicker'\n})\nexport class DateTimePickerDirective<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 value changes in picker\n     */\n    protected valueChangeSubscription: 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.valueChangeSubscription = 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\n        if(this.ɵWithPickerOptions.pickerCssClass)\n        {\n            this.componentElement.classList.add(this.ɵWithPickerOptions.pickerCssClass);\n        }\n\n        const result = await lastValueFrom(this.position.placeElement(this.componentElement, this.element.nativeElement,\n        {\n            placement: this.withPickerOptions.positionOptions,\n        }));\n\n        applyPositionResult(result);\n        this.setPickerValue();\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.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.valueChangeSubscription?.unsubscribe();\n        this.valueChangeSubscription = 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    //######################### 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 +1 @@
-{"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 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}"]}
+{"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}"]}

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

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Observable} from 'rxjs';\n\nimport {DateTimeObjectValue} from '../../../../misc/types';\n\n/**\n * Describes date time picker API for each date time period\n */\nexport interface DateTimePicker<TDate = unknown, TOptions = unknown>\n{\n    /**\n     * Value of date time picker\n     */\n    value: DateTimeObjectValue<TDate>|undefined|null;\n\n    /**\n     * Options for date time picker period\n     */\n    options: TOptions|undefined|null;\n\n    /**\n     * Date that describes which date should be displayed\n     */\n    display: TDate|undefined|null;\n\n    /**\n     * Max allowed date\n     */\n    maxDate: TDate|undefined|null;\n\n    /**\n     * Min allowed date to be selected\n     */\n    minDate: TDate|undefined|null;\n\n    /**\n     * Indication whether picker can display scale date time period up\n     */\n    canScaleUp: boolean;\n\n    /**\n     * Indication whether picker can display scale date time period down\n     */\n    canScaleDown: boolean;\n\n    /**\n     * Occurs when date time picker value changes\n     */\n    readonly valueChange: Observable<void>;    \n\n    /**\n     * Occurs when period should be scaled up\n     */\n    readonly scaleUp: Observable<TDate>;\n\n    /**\n     * Occurs when period should be scaled down\n     */\n    readonly scaleDown: Observable<TDate>;\n}"]}
+{"version":3,"file":"dateTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Invalidatable} from '@jscrpt/common';\nimport {Observable} from 'rxjs';\n\nimport {DateTimeObjectValue} from '../../../../misc/types';\n\n/**\n * Describes date time picker API for each date time period\n */\nexport interface DateTimePicker<TDate = unknown, TOptions = unknown> extends Invalidatable\n{\n    /**\n     * Value of date time picker\n     */\n    value: DateTimeObjectValue<TDate>|undefined|null;\n\n    /**\n     * Options for date time picker period\n     */\n    options: TOptions|undefined|null;\n\n    /**\n     * Date that describes which date should be displayed\n     */\n    display: TDate|undefined|null;\n\n    /**\n     * Max allowed date\n     */\n    maxDate: TDate|undefined|null;\n\n    /**\n     * Min allowed date to be selected\n     */\n    minDate: TDate|undefined|null;\n\n    /**\n     * Indication whether picker can display scale date time period up\n     */\n    canScaleUp: boolean;\n\n    /**\n     * Indication whether picker can display scale date time period down\n     */\n    canScaleDown: boolean;\n\n    /**\n     * Occurs when date time picker value changes\n     */\n    readonly valueChange: Observable<void>;    \n\n    /**\n     * Occurs when period should be scaled up\n     */\n    readonly scaleUp: Observable<TDate>;\n\n    /**\n     * Occurs when period should be scaled down\n     */\n    readonly scaleDown: Observable<TDate>;\n}"]}