npm - @anglr/datetime - Versions diffs - 5.0.0-beta.20221020191430 → 5.0.0-beta.20221021074029 - Mend

@anglr/datetime 5.0.0-beta.20221020191430 → 5.0.0-beta.20221021074029

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/es2015/src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.data.js ADDED Viewed

@@ -0,0 +1,347 @@
+/**
+ * Loop scroll hours data
+ */
+export const hours = [
+    {
+        displayText: '00',
+        data: 0
+    },
+    {
+        displayText: '01',
+        data: 1
+    },
+    {
+        displayText: '02',
+        data: 2
+    },
+    {
+        displayText: '03',
+        data: 3
+    },
+    {
+        displayText: '04',
+        data: 4
+    },
+    {
+        displayText: '05',
+        data: 5
+    },
+    {
+        displayText: '06',
+        data: 6
+    },
+    {
+        displayText: '07',
+        data: 7
+    },
+    {
+        displayText: '08',
+        data: 8
+    },
+    {
+        displayText: '09',
+        data: 9
+    },
+    {
+        displayText: '10',
+        data: 10
+    },
+    {
+        displayText: '11',
+        data: 11
+    },
+    {
+        displayText: '12',
+        data: 12
+    },
+    {
+        displayText: '13',
+        data: 13
+    },
+    {
+        displayText: '14',
+        data: 14
+    },
+    {
+        displayText: '15',
+        data: 15
+    },
+    {
+        displayText: '16',
+        data: 16
+    },
+    {
+        displayText: '17',
+        data: 17
+    },
+    {
+        displayText: '18',
+        data: 18
+    },
+    {
+        displayText: '19',
+        data: 19
+    },
+    {
+        displayText: '20',
+        data: 20
+    },
+    {
+        displayText: '21',
+        data: 21
+    },
+    {
+        displayText: '22',
+        data: 22
+    },
+    {
+        displayText: '23',
+        data: 23
+    }
+];
+/**
+ * Loop scroll minutes data
+ */
+export const minutes = [
+    {
+        displayText: '00',
+        data: 0
+    },
+    {
+        displayText: '01',
+        data: 1
+    },
+    {
+        displayText: '02',
+        data: 2
+    },
+    {
+        displayText: '03',
+        data: 3
+    },
+    {
+        displayText: '04',
+        data: 4
+    },
+    {
+        displayText: '05',
+        data: 5
+    },
+    {
+        displayText: '06',
+        data: 6
+    },
+    {
+        displayText: '07',
+        data: 7
+    },
+    {
+        displayText: '08',
+        data: 8
+    },
+    {
+        displayText: '09',
+        data: 9
+    },
+    {
+        displayText: '10',
+        data: 10
+    },
+    {
+        displayText: '11',
+        data: 11
+    },
+    {
+        displayText: '12',
+        data: 12
+    },
+    {
+        displayText: '13',
+        data: 13
+    },
+    {
+        displayText: '14',
+        data: 14
+    },
+    {
+        displayText: '15',
+        data: 15
+    },
+    {
+        displayText: '16',
+        data: 16
+    },
+    {
+        displayText: '17',
+        data: 17
+    },
+    {
+        displayText: '18',
+        data: 18
+    },
+    {
+        displayText: '19',
+        data: 19
+    },
+    {
+        displayText: '20',
+        data: 20
+    },
+    {
+        displayText: '21',
+        data: 21
+    },
+    {
+        displayText: '22',
+        data: 22
+    },
+    {
+        displayText: '23',
+        data: 23
+    },
+    {
+        displayText: '24',
+        data: 24
+    },
+    {
+        displayText: '25',
+        data: 25
+    },
+    {
+        displayText: '26',
+        data: 26
+    },
+    {
+        displayText: '27',
+        data: 27
+    },
+    {
+        displayText: '28',
+        data: 28
+    },
+    {
+        displayText: '29',
+        data: 29
+    },
+    {
+        displayText: '30',
+        data: 30
+    },
+    {
+        displayText: '31',
+        data: 31
+    },
+    {
+        displayText: '32',
+        data: 32
+    },
+    {
+        displayText: '33',
+        data: 33
+    },
+    {
+        displayText: '34',
+        data: 34
+    },
+    {
+        displayText: '35',
+        data: 35
+    },
+    {
+        displayText: '36',
+        data: 36
+    },
+    {
+        displayText: '37',
+        data: 37
+    },
+    {
+        displayText: '38',
+        data: 38
+    },
+    {
+        displayText: '39',
+        data: 39
+    },
+    {
+        displayText: '40',
+        data: 40
+    },
+    {
+        displayText: '41',
+        data: 41
+    },
+    {
+        displayText: '42',
+        data: 42
+    },
+    {
+        displayText: '43',
+        data: 43
+    },
+    {
+        displayText: '44',
+        data: 44
+    },
+    {
+        displayText: '45',
+        data: 45
+    },
+    {
+        displayText: '46',
+        data: 46
+    },
+    {
+        displayText: '47',
+        data: 47
+    },
+    {
+        displayText: '48',
+        data: 48
+    },
+    {
+        displayText: '49',
+        data: 49
+    },
+    {
+        displayText: '50',
+        data: 50
+    },
+    {
+        displayText: '51',
+        data: 51
+    },
+    {
+        displayText: '52',
+        data: 52
+    },
+    {
+        displayText: '53',
+        data: 53
+    },
+    {
+        displayText: '54',
+        data: 54
+    },
+    {
+        displayText: '55',
+        data: 55
+    },
+    {
+        displayText: '56',
+        data: 56
+    },
+    {
+        displayText: '57',
+        data: 57
+    },
+    {
+        displayText: '58',
+        data: 58
+    },
+    {
+        displayText: '59',
+        data: 59
+    },
+];
+//# sourceMappingURL=rollerTimePicker.data.js.map

package/es2015/src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.data.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"rollerTimePicker.data.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.data.ts"],"names":[],"mappings":"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AAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;CACJ,CAAC","sourcesContent":["import {LoopScrollData} from '../../../../legacy/picker/directives/loopScroll/loopScroll.interface';\n\n/**\n * Loop scroll hours data\n */\nexport const hours: LoopScrollData[] =\n[\n {\n displayText: '00',\n data: 0\n },\n {\n displayText: '01',\n data: 1\n },\n {\n displayText: '02',\n data: 2\n },\n {\n displayText: '03',\n data: 3\n },\n {\n displayText: '04',\n data: 4\n },\n {\n displayText: '05',\n data: 5\n },\n {\n displayText: '06',\n data: 6\n },\n {\n displayText: '07',\n data: 7\n },\n {\n displayText: '08',\n data: 8\n },\n {\n displayText: '09',\n data: 9\n },\n {\n displayText: '10',\n data: 10\n },\n {\n displayText: '11',\n data: 11\n },\n {\n displayText: '12',\n data: 12\n },\n {\n displayText: '13',\n data: 13\n },\n {\n displayText: '14',\n data: 14\n },\n {\n displayText: '15',\n data: 15\n },\n {\n displayText: '16',\n data: 16\n },\n {\n displayText: '17',\n data: 17\n },\n {\n displayText: '18',\n data: 18\n },\n {\n displayText: '19',\n data: 19\n },\n {\n displayText: '20',\n data: 20\n },\n {\n displayText: '21',\n data: 21\n },\n {\n displayText: '22',\n data: 22\n },\n {\n displayText: '23',\n data: 23\n }\n];\n\n/**\n * Loop scroll minutes data\n */\nexport const minutes: LoopScrollData[] =\n[\n {\n displayText: '00',\n data: 0\n },\n {\n displayText: '01',\n data: 1\n },\n {\n displayText: '02',\n data: 2\n },\n {\n displayText: '03',\n data: 3\n },\n {\n displayText: '04',\n data: 4\n },\n {\n displayText: '05',\n data: 5\n },\n {\n displayText: '06',\n data: 6\n },\n {\n displayText: '07',\n data: 7\n },\n {\n displayText: '08',\n data: 8\n },\n {\n displayText: '09',\n data: 9\n },\n {\n displayText: '10',\n data: 10\n },\n {\n displayText: '11',\n data: 11\n },\n {\n displayText: '12',\n data: 12\n },\n {\n displayText: '13',\n data: 13\n },\n {\n displayText: '14',\n data: 14\n },\n {\n displayText: '15',\n data: 15\n },\n {\n displayText: '16',\n data: 16\n },\n {\n displayText: '17',\n data: 17\n },\n {\n displayText: '18',\n data: 18\n },\n {\n displayText: '19',\n data: 19\n },\n {\n displayText: '20',\n data: 20\n },\n {\n displayText: '21',\n data: 21\n },\n {\n displayText: '22',\n data: 22\n },\n {\n displayText: '23',\n data: 23\n },\n {\n displayText: '24',\n data: 24\n },\n {\n displayText: '25',\n data: 25\n },\n {\n displayText: '26',\n data: 26\n },\n {\n displayText: '27',\n data: 27\n },\n {\n displayText: '28',\n data: 28\n },\n {\n displayText: '29',\n data: 29\n },\n {\n displayText: '30',\n data: 30\n },\n {\n displayText: '31',\n data: 31\n },\n {\n displayText: '32',\n data: 32\n },\n {\n displayText: '33',\n data: 33\n },\n {\n displayText: '34',\n data: 34\n },\n {\n displayText: '35',\n data: 35\n },\n {\n displayText: '36',\n data: 36\n },\n {\n displayText: '37',\n data: 37\n },\n {\n displayText: '38',\n data: 38\n },\n {\n displayText: '39',\n data: 39\n },\n {\n displayText: '40',\n data: 40\n },\n {\n displayText: '41',\n data: 41\n },\n {\n displayText: '42',\n data: 42\n },\n {\n displayText: '43',\n data: 43\n },\n {\n displayText: '44',\n data: 44\n },\n {\n displayText: '45',\n data: 45\n },\n {\n displayText: '46',\n data: 46\n },\n {\n displayText: '47',\n data: 47\n },\n {\n displayText: '48',\n data: 48\n },\n {\n displayText: '49',\n data: 49\n },\n {\n displayText: '50',\n data: 50\n },\n {\n displayText: '51',\n data: 51\n },\n {\n displayText: '52',\n data: 52\n },\n {\n displayText: '53',\n data: 53\n },\n {\n displayText: '54',\n data: 54\n },\n {\n displayText: '55',\n data: 55\n },\n {\n displayText: '56',\n data: 56\n },\n {\n displayText: '57',\n data: 57\n },\n {\n displayText: '58',\n data: 58\n },\n {\n displayText: '59',\n data: 59\n },\n];"]}

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

@@ -3,7 +3,7 @@ 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 } from 'rxjs';
+import { Subscription } from 'rxjs';
 import { DATE_TIME_INPUT } from '../../../../misc/tokens';
 import { DateTimePickerComponent } from '../../components';
 import { DATE_TIME_PICKER_DIRECTIVE_OPTIONS } from '../../misc/tokens';
@@ -15,7 +15,7 @@ import * as i0 from "@angular/core";
 const defaultOptions = {
     absolute: true,
     alwaysVisible: false,
-    closeOnValueSelect: true,
+    closeOnValueSelect: false,
     closeOnBlur: true,
     disabled: false,
     positionOptions: PositionPlacement.BottomStart,
@@ -102,7 +102,8 @@ export class DateTimePickerDirective extends DateTimeBase {
             if (this.withPickerOptions.absolute) {
                 this.document.body.append(this.componentElement);
             }
-            this.valueChangeSubscription = this.component.valueChange.subscribe(() => {
+            this.pickerChangesSubscription = new Subscription();
+            this.pickerChangesSubscription.add(this.component.valueChange.subscribe(() => {
                 if (this.component) {
                     this.valueChangeDisabled = true;
                     this.input.value = this.component.value;
@@ -112,23 +113,21 @@ export class DateTimePickerDirective extends DateTimeBase {
                         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);
             }
-            const result = yield lastValueFrom(this.position.placeElement(this.componentElement, this.element.nativeElement, {
-                placement: this.withPickerOptions.positionOptions,
-            }));
-            applyPositionResult(result);
-            this.setPickerValue();
+            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();
         });
     }
@@ -141,8 +140,8 @@ export class DateTimePickerDirective extends DateTimeBase {
             return;
         }
         (_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;
+        (_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;
@@ -185,6 +184,18 @@ export class DateTimePickerDirective extends DateTimeBase {
         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

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

	@@ -1 +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 {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}"]}
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, 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 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 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/es2020/src/directives/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './withTime/withTime.directive';
+export * from './withToday/withToday.directive';
+//# sourceMappingURL=index.js.map

package/es2020/src/directives/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './withTime/withTime.directive';\nexport * from './withToday/withToday.directive';\n"]}

package/es2020/src/directives/withTime/withTime.directive.js ADDED Viewed

@@ -0,0 +1,32 @@
+import { Directive } from '@angular/core';
+import { RollerTimePickerSAComponent, DateTimePickerDirective, DayPickerSAComponent, MonthPickerSAComponent, YearPickerSAComponent, DateTimeDirective } from '../../modules';
+import * as i0 from "@angular/core";
+import * as i1 from "../../modules";
+/**
+ * Directive that sets up usage of date time picker to use time format and time picker
+ */
+export class WithTimeSADirective {
+    //######################### constructor #########################
+    constructor(picker, dateTime) {
+        picker.pickerOptions =
+            {
+                periodsDefinition: {
+                    'time': RollerTimePickerSAComponent,
+                    'day': DayPickerSAComponent,
+                    'month': MonthPickerSAComponent,
+                    'year': YearPickerSAComponent,
+                },
+            };
+        dateTime.format = 'dateTime';
+    }
+}
+WithTimeSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: WithTimeSADirective, deps: [{ token: i1.DateTimePickerDirective }, { token: i1.DateTimeDirective }], target: i0.ɵɵFactoryTarget.Directive });
+WithTimeSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: WithTimeSADirective, isStandalone: true, selector: "[dateTime][withPicker][withTime]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: WithTimeSADirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime][withPicker][withTime]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DateTimePickerDirective }, { type: i1.DateTimeDirective }]; } });
+//# sourceMappingURL=withTime.directive.js.map

package/es2020/src/directives/withTime/withTime.directive.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"withTime.directive.js","sourceRoot":"","sources":["../../../../src/directives/withTime/withTime.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,EAAC,2BAA2B,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;;;AAE3K;;GAEG;AAMH,MAAM,OAAO,mBAAmB;IAE5B,iEAAiE;IACjE,YAAY,MAAsC,EACtC,QAAkC;QAE1C,MAAM,CAAC,aAAa;YACpB;gBACI,iBAAiB,EACjB;oBACI,MAAM,EAAE,2BAA2B;oBACnC,KAAK,EAAE,oBAAoB;oBAC3B,OAAO,EAAE,sBAAsB;oBAC/B,MAAM,EAAE,qBAAqB;iBAChC;aACJ,CAAC;QAEF,QAAQ,CAAC,MAAM,GAAG,UAAU,CAAC;IACjC,CAAC;;gHAlBQ,mBAAmB;oGAAnB,mBAAmB;2FAAnB,mBAAmB;kBAL/B,SAAS;mBACV;oBACI,QAAQ,EAAE,kCAAkC;oBAC5C,UAAU,EAAE,IAAI;iBACnB","sourcesContent":["import {Directive} from '@angular/core';\n\nimport {RollerTimePickerSAComponent, DateTimePickerDirective, DayPickerSAComponent, MonthPickerSAComponent, YearPickerSAComponent, DateTimeDirective} from '../../modules';\n\n/**\n * Directive that sets up usage of date time picker to use time format and time picker\n */\n@Directive(\n{\n selector: '[dateTime][withPicker][withTime]',\n standalone: true,\n})\nexport class WithTimeSADirective<TDate = unknown>\n{\n //######################### constructor #########################\n constructor(picker: DateTimePickerDirective<TDate>,\n dateTime: DateTimeDirective<TDate>,)\n {\n picker.pickerOptions = \n {\n periodsDefinition:\n {\n 'time': RollerTimePickerSAComponent,\n 'day': DayPickerSAComponent,\n 'month': MonthPickerSAComponent,\n 'year': YearPickerSAComponent,\n },\n };\n\n dateTime.format = 'dateTime';\n }\n}"]}

package/es2020/src/directives/withToday/withToday.directive.js ADDED Viewed

@@ -0,0 +1,44 @@
+import { Directive, Inject } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { DATE_API } from '../../misc/tokens';
+import { DateTimeInputDirective } from '../../modules';
+import * as i0 from "@angular/core";
+import * as i1 from "../../modules";
+/**
+ * Directive that sets today as day for empty date time on focus
+ */
+export class WithTodaySADirective {
+    //######################### constructor #########################
+    constructor(input, dateApi) {
+        //######################### private fields #########################
+        /**
+         * Subscriptions created during initialization
+         */
+        this._initSubscriptions = new Subscription();
+        this._initSubscriptions.add(input.focus.subscribe(() => {
+            if (!input.value) {
+                input.value = dateApi.now().value;
+            }
+        }));
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._initSubscriptions.unsubscribe();
+    }
+}
+WithTodaySADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: WithTodaySADirective, deps: [{ token: i1.DateTimeInputDirective }, { token: DATE_API }], target: i0.ɵɵFactoryTarget.Directive });
+WithTodaySADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: WithTodaySADirective, isStandalone: true, selector: "[dateTime][withToday]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: WithTodaySADirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime][withToday]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DateTimeInputDirective }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_API]
+                }] }]; } });
+//# sourceMappingURL=withToday.directive.js.map

package/es2020/src/directives/withToday/withToday.directive.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"withToday.directive.js","sourceRoot":"","sources":["../../../../src/directives/withToday/withToday.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAY,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,sBAAsB,EAAC,MAAM,eAAe,CAAC;;;AAGrD;;GAEG;AAMH,MAAM,OAAO,oBAAoB;IAS7B,iEAAiE;IACjE,YAAY,KAAoC,EAClB,OAAuB;QATrD,oEAAoE;QAEpE;;WAEG;QACK,uBAAkB,GAAiB,IAAI,YAAY,EAAE,CAAC;QAM1D,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YAEnD,IAAG,CAAC,KAAK,CAAC,KAAK,EACf;gBACI,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;aACrC;QACL,CAAC,CAAC,CAAC,CAAC;IACR,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC;;iHA9BQ,oBAAoB,wDAWT,QAAQ;qGAXnB,oBAAoB;2FAApB,oBAAoB;kBALhC,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;iBACnB;;0BAYgB,MAAM;2BAAC,QAAQ","sourcesContent":["import {Directive, Inject, OnDestroy} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {DATE_API} from '../../misc/tokens';\nimport {DateTimeInputDirective} from '../../modules';\nimport {DateApi} from '../../services';\n\n/**\n * Directive that sets today as day for empty date time on focus\n */\n@Directive(\n{\n selector: '[dateTime][withToday]',\n standalone: true,\n})\nexport class WithTodaySADirective<TDate = unknown> implements OnDestroy\n{\n //######################### private fields #########################\n\n /**\n * Subscriptions created during initialization\n */\n private _initSubscriptions: Subscription = new Subscription();\n\n //######################### constructor #########################\n constructor(input: DateTimeInputDirective<TDate>,\n @Inject(DATE_API) dateApi: DateApi<TDate>,)\n {\n this._initSubscriptions.add(input.focus.subscribe(() =>\n {\n if(!input.value)\n {\n input.value = dateApi.now().value;\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._initSubscriptions.unsubscribe();\n }\n}"]}

package/es2020/src/index.js CHANGED Viewed

@@ -1,3 +1,4 @@
+export * from './directives';
 export * from './interfaces';
 export * from './legacy/picker/directives';
 export * from './legacy/picker/interfaces';

package/es2020/src/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gDAAgD,CAAC;AAC/D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './interfaces';\nexport * from './legacy/picker/directives';\nexport * from './legacy/picker/interfaces';\nexport * from './legacy/picker/modules/picker.module';\nexport * from './legacy/picker/types';\nexport * from './legacy/selector/interfaces';\nexport * from './legacy/selector/modules/basicSelector.module';\nexport * from './legacy/selector/modules/selector.module';\nexport * from './legacy/selector/types';\nexport * from './misc/constants';\nexport * from './misc/enums';\nexport * from './misc/tokens';\nexport * from './misc/types';\nexport * from './misc/utils';\nexport * from './misc/validators';\nexport * from './modules';\nexport * from './services';\nexport * from './pipes/dateConvert.pipe';\nexport * from './pipes/dateFormat.pipe';"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gDAAgD,CAAC;AAC/D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './directives';\nexport * from './interfaces';\nexport * from './legacy/picker/directives';\nexport * from './legacy/picker/interfaces';\nexport * from './legacy/picker/modules/picker.module';\nexport * from './legacy/picker/types';\nexport * from './legacy/selector/interfaces';\nexport * from './legacy/selector/modules/basicSelector.module';\nexport * from './legacy/selector/modules/selector.module';\nexport * from './legacy/selector/types';\nexport * from './misc/constants';\nexport * from './misc/enums';\nexport * from './misc/tokens';\nexport * from './misc/types';\nexport * from './misc/utils';\nexport * from './misc/validators';\nexport * from './modules';\nexport * from './services';\nexport * from './pipes/dateConvert.pipe';\nexport * from './pipes/dateFormat.pipe';"]}