adb-shared 3.0.6 → 3.0.9

package/fesm2020/adb-shared.mjs

@@ -9,8 +9,8 @@ import * as i1 from '@angular/common/http';
 import { HttpClientModule } from '@angular/common/http';
 import * as i1$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import { isValid, parseISO, startOfDay, subYears, endOfDay, addYears, getMonth, subMonths, addMonths, isSameYear, startOfMonth, endOfMonth, eachWeekOfInterval, getISOWeek, addDays, eachDayOfInterval, getHours, getMinutes, isSameDay, isSameMonth, isWithinInterval } from 'date-fns';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { startOfDay, subYears, endOfDay, addYears, getMonth, subMonths, addMonths, isSameYear, startOfMonth, endOfMonth, eachWeekOfInterval, getISOWeek, addDays, eachDayOfInterval, getHours, getMinutes, isSameDay, isSameMonth, isWithinInterval, isValid, parseISO } from 'date-fns';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import { delay } from 'rxjs/operators';
 
 class EnvironmentService {
@@ -504,202 +504,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                 }]
         }] });
 
-class AdbDatePickerService {
-}
-/** @nocollapse */ AdbDatePickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDatePickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ AdbDatePickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDatePickerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDatePickerService, decorators: [{
-            type: Injectable
-        }] });
-
-class AdbDatePickerDirective {
-    constructor(viewContainerRef, renderer, elementRef, adbDatePickerService, translate) {
-        this.viewContainerRef = viewContainerRef;
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.adbDatePickerService = adbDatePickerService;
-        this.translate = translate;
-        this.autocomplete = 'off';
-        this.subscriptions = new Subscription();
-        this.format = 'yyyy-MM-dd';
-        this.settings = null;
-        this.pickOnly = true;
-        //ControlValueAccessor
-        this.onChange = () => { };
-        this.onTouched = () => { };
-    }
-    ngOnInit() {
-        if (!this.pickOnly) {
-            this.elementRef.nativeElement.setAttribute("placeholder", this.format);
-        }
-    }
-    onClick() {
-        if (this.adbDatePickerService.viewRef) {
-            this.adbDatePickerService.viewRef.destroy();
-        }
-        const viewRef = this.viewContainerRef.createComponent(AdbDatePickerComponent);
-        viewRef.instance.settings = this.settings;
-        viewRef.instance.toLeft = this.toLeft;
-        viewRef.instance.initialDate = this.initialDate;
-        this.id = this.getId();
-        viewRef.instance.id = this.id;
-        viewRef.instance.selectDate.subscribe((date) => {
-            this.elementRef.nativeElement.classList.remove('ng-invalid');
-            this.renderer.setProperty(this.elementRef.nativeElement, 'value', formatDate(date, this.format, this.translate.currentLang));
-            this.onChange(date);
-            this.initialDate = date;
-            this.onHide();
-        });
-        viewRef.instance.hide.subscribe(() => {
-            this.onHide();
-        });
-        this.adbDatePickerService.viewRef = viewRef;
-    }
-    onKeyup(event) {
-        const date = AdbDatePickerDirective.tryParse(event.target.value, this.format);
-        if (date) {
-            this.onChange(date);
-            this.initialDate = date;
-        }
-    }
-    onHide() {
-        this.adbDatePickerService.viewRef = null;
-        this.viewContainerRef.detach();
-        this.viewContainerRef.clear();
-    }
-    onBlur() {
-        const value = this.elementRef.nativeElement.value;
-        if (value?.trim() === "") {
-            this.elementRef.nativeElement.classList.remove('ng-invalid');
-            this.onChange(null);
-        }
-        else {
-            const date = AdbDatePickerDirective.tryParse(value, this.format);
-            if (!date) {
-                this.elementRef.nativeElement.classList.add('ng-invalid');
-                this.subscriptions.add(this.translate.get('INVALID_DATE').subscribe(trans => {
-                    this.renderer.setProperty(this.elementRef.nativeElement, 'value', trans);
-                }));
-            }
-            else {
-                this.elementRef.nativeElement.classList.remove('ng-invalid');
-            }
-        }
-    }
-    handleKeyboardEvent(event) {
-        if (event.key === 'Tab') {
-            this.onHide();
-        }
-        else if (this.pickOnly) {
-            event.preventDefault();
-        }
-    }
-    onCheckOutSideClick(target) {
-        const nativeElement = this.adbDatePickerService.viewRef?.instance.elementRef.nativeElement ?? null;
-        if (nativeElement) {
-            if (nativeElement.id === this.id) {
-                if (!target.hasAttribute('adbdatepicker')) {
-                    const clickedInside = nativeElement.contains(target);
-                    if (!clickedInside) {
-                        this.onHide();
-                    }
-                }
-            }
-        }
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    writeValue(value) {
-        if (value) {
-            this.initialDate = AdbDatePickerDirective.parseDate(value);
-            if (this.initialDate) {
-                this.renderer.setProperty(this.elementRef.nativeElement, 'value', formatDate(this.initialDate, this.format, this.translate.currentLang));
-            }
-        }
-        else {
-            this.initialDate = null;
-            this.renderer.setProperty(this.elementRef.nativeElement, 'value', '');
-        }
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.viewContainerRef.clear();
-    }
-    static parseDate(value) {
-        if (typeof value === 'string') {
-            if (isValid(parseISO(value))) {
-                return parseISO(value);
-            }
-            else {
-                return null;
-            }
-        }
-        else if (value instanceof Date) {
-            return value;
-        }
-        else {
-            return null;
-        }
-    }
-    static tryParse(dateString, format) {
-        const parsed = parseISO(dateString);
-        return isValid(parsed) && dateString?.length === 10 ? parsed : null;
-    }
-    getId() {
-        return '' + Math.floor(Math.random() * Date.now());
-    }
-}
-/** @nocollapse */ AdbDatePickerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDatePickerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: AdbDatePickerService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ AdbDatePickerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: AdbDatePickerDirective, selector: "input[adbDatepicker]", inputs: { format: "format", toLeft: "toLeft", settings: "settings", pickOnly: "pickOnly" }, host: { listeners: { "click": "onClick()", "keyup": "onKeyup($event)", "keyup.esc": "onHide()", "blur": "onBlur()", "keydown": "handleKeyboardEvent($event)", "document:click": "onCheckOutSideClick($event.target)" }, properties: { "autocomplete": "this.autocomplete" } }, providers: [{
-            provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbDatePickerDirective)),
-            multi: true
-        }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDatePickerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `input[adbDatepicker]`,
-                    providers: [{
-                            provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbDatePickerDirective)),
-                            multi: true
-                        }]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: AdbDatePickerService }, { type: i1$1.TranslateService }]; }, propDecorators: { autocomplete: [{
-                type: HostBinding,
-                args: ['autocomplete']
-            }], format: [{
-                type: Input
-            }], toLeft: [{
-                type: Input
-            }], settings: [{
-                type: Input
-            }], pickOnly: [{
-                type: Input
-            }], onClick: [{
-                type: HostListener,
-                args: ['click']
-            }], onKeyup: [{
-                type: HostListener,
-                args: ['keyup', ['$event']]
-            }], onHide: [{
-                type: HostListener,
-                args: ['keyup.esc']
-            }], onBlur: [{
-                type: HostListener,
-                args: ['blur']
-            }], handleKeyboardEvent: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }], onCheckOutSideClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event.target']]
-            }] } });
-
 class AdbDatePickerComponent {
     constructor(elementRef, translate) {
         this.elementRef = elementRef;
@@ -716,8 +520,8 @@ class AdbDatePickerComponent {
     ngOnInit() {
         if (this.settings) {
             if (this.settings?.minDate || this.settings?.maxDate) {
-                const minDate = AdbDatePickerDirective.parseDate(this.settings.minDate);
-                const maxDate = AdbDatePickerDirective.parseDate(this.settings.maxDate);
+                const minDate = AdbDatePickerComponent.parseDate(this.settings.minDate);
+                const maxDate = AdbDatePickerComponent.parseDate(this.settings.maxDate);
                 this.range = {
                     start: minDate ? startOfDay(minDate) : subYears(new Date(), 1000),
                     end: maxDate ? endOfDay(maxDate) : addYears(new Date(), 1000)
@@ -831,6 +635,22 @@ class AdbDatePickerComponent {
         }
         this.weeks = weeks;
     }
+    static parseDate(value) {
+        if (typeof value === 'string') {
+            if (isValid(parseISO(value))) {
+                return parseISO(value);
+            }
+            else {
+                return null;
+            }
+        }
+        else if (value instanceof Date) {
+            return value;
+        }
+        else {
+            return null;
+        }
+    }
 }
 AdbDatePickerComponent.MONTHS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
 AdbDatePickerComponent.WEEK_DAYS = ['1', '2', '3', '4', '5', '6', '7'];
@@ -857,6 +677,197 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                 type: Output
             }] } });
 
+class AdbDatePickerService {
+}
+/** @nocollapse */ AdbDatePickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDatePickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ AdbDatePickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDatePickerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDatePickerService, decorators: [{
+            type: Injectable
+        }] });
+
+class AdbDatePickerDirective {
+    constructor(viewContainerRef, renderer, elementRef, adbDatePickerService, translate) {
+        this.viewContainerRef = viewContainerRef;
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.adbDatePickerService = adbDatePickerService;
+        this.translate = translate;
+        this.autocomplete = 'off';
+        this.subscriptions = new Subscription();
+        this.format = 'yyyy-MM-dd';
+        this.settings = null;
+        this.pickOnly = true;
+        this.onValidationChange = () => { };
+        //ControlValueAccessor
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    ngOnInit() {
+        if (!this.pickOnly) {
+            this.elementRef.nativeElement.setAttribute("placeholder", this.format);
+        }
+    }
+    onClick() {
+        if (this.adbDatePickerService.viewRef) {
+            this.adbDatePickerService.viewRef.destroy();
+        }
+        const viewRef = this.viewContainerRef.createComponent(AdbDatePickerComponent);
+        viewRef.instance.settings = this.settings;
+        viewRef.instance.toLeft = this.toLeft;
+        viewRef.instance.initialDate = this.initialDate;
+        this.id = this.getId();
+        viewRef.instance.id = this.id;
+        viewRef.instance.selectDate.subscribe((date) => {
+            this.elementRef.nativeElement.classList.remove('ng-invalid');
+            this.renderer.setProperty(this.elementRef.nativeElement, 'value', formatDate(date, this.format, this.translate.currentLang));
+            this.onChange(date);
+            this.initialDate = date;
+            this.onHide();
+        });
+        viewRef.instance.hide.subscribe(() => {
+            this.onHide();
+        });
+        this.adbDatePickerService.viewRef = viewRef;
+    }
+    onKeyup(event) {
+        if (!this.pickOnly) {
+            this.onChange(event.target.value);
+        }
+    }
+    onHide() {
+        this.adbDatePickerService.viewRef = null;
+        this.viewContainerRef.detach();
+        this.viewContainerRef.clear();
+    }
+    handleKeyboardEvent(event) {
+        if (event.key === 'Tab') {
+            this.onHide();
+        }
+        else if (this.pickOnly) {
+            event.preventDefault();
+        }
+    }
+    onCheckOutSideClick(target) {
+        const nativeElement = this.adbDatePickerService.viewRef?.instance.elementRef.nativeElement ?? null;
+        if (nativeElement) {
+            if (nativeElement.id === this.id) {
+                if (!target.hasAttribute('adbdatepicker')) {
+                    const clickedInside = nativeElement.contains(target);
+                    if (!clickedInside) {
+                        this.onHide();
+                    }
+                }
+            }
+        }
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    //Validator
+    validate(control) {
+        const value = control.value;
+        if (value instanceof Date) {
+            return null;
+        }
+        if (typeof value === 'string' || value instanceof String) {
+            const date = AdbDatePickerDirective.tryParse(value);
+            if (!date) {
+                return { date: true };
+            }
+        }
+        return null;
+    }
+    registerOnValidatorChange(fn) {
+        this.onValidationChange = fn;
+    }
+    writeValue(value) {
+        if (value) {
+            if (typeof value === 'string' || value instanceof String) {
+                const date = AdbDatePickerDirective.tryParse(value);
+                if (!date) {
+                    this.renderer.setProperty(this.elementRef.nativeElement, 'value', value);
+                    return;
+                }
+            }
+            if (value instanceof Date) {
+                this.initialDate = value;
+                this.renderer.setProperty(this.elementRef.nativeElement, 'value', formatDate(this.initialDate, this.format, this.translate.currentLang));
+            }
+        }
+        else {
+            this.initialDate = null;
+            this.renderer.setProperty(this.elementRef.nativeElement, 'value', '');
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.viewContainerRef.clear();
+    }
+    static tryParse(dateString) {
+        const parsed = parseISO(dateString);
+        return isValid(parsed) ? parsed : null;
+    }
+    getId() {
+        return '' + Math.floor(Math.random() * Date.now());
+    }
+}
+/** @nocollapse */ AdbDatePickerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDatePickerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: AdbDatePickerService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ AdbDatePickerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: AdbDatePickerDirective, selector: "input[adbDatepicker]", inputs: { format: "format", toLeft: "toLeft", settings: "settings", pickOnly: "pickOnly" }, host: { listeners: { "click": "onClick()", "keyup": "onKeyup($event)", "keyup.esc": "onHide()", "keydown": "handleKeyboardEvent($event)", "document:click": "onCheckOutSideClick($event.target)" }, properties: { "autocomplete": "this.autocomplete" } }, providers: [{
+            provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbDatePickerDirective)),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: AdbDatePickerDirective,
+            multi: true,
+        },], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDatePickerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `input[adbDatepicker]`,
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbDatePickerDirective)),
+                            multi: true
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: AdbDatePickerDirective,
+                            multi: true,
+                        },]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: AdbDatePickerService }, { type: i1$1.TranslateService }]; }, propDecorators: { autocomplete: [{
+                type: HostBinding,
+                args: ['autocomplete']
+            }], format: [{
+                type: Input
+            }], toLeft: [{
+                type: Input
+            }], settings: [{
+                type: Input
+            }], pickOnly: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onKeyup: [{
+                type: HostListener,
+                args: ['keyup', ['$event']]
+            }], onHide: [{
+                type: HostListener,
+                args: ['keyup.esc']
+            }], handleKeyboardEvent: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onCheckOutSideClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event.target']]
+            }] } });
+
 class AdbDatePickerModule {
 }
 /** @nocollapse */ AdbDatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });