ecabs-components 1.1.72 → 1.1.74

package/fesm2022/ecabs-components.mjs

@@ -7917,7 +7917,7 @@ class EcabsPlaceAutocompleteComponent extends EcabsElementBaseComponent {
         const autocomplete = new google.maps.places.Autocomplete(this.getElement(), {
             types: [],
             componentRestrictions: { country: [this.countryCode] },
-            fields: ['address_components', 'geometry.location'],
+            fields: ['address_components', 'geometry.location', 'place_id'],
         });
         this.listener = autocomplete.addListener('place_changed', () => {
             this.ngZone.run(() => {
@@ -7999,6 +7999,7 @@ class EcabsPlaceAutocompleteV2Component extends EcabsElementBaseComponent {
     countryCode = 'MT';
     googleLoaded;
     waypointType;
+    debounceTime = 240;
     placeResult = new EventEmitter();
     deleteItem = new EventEmitter();
     queryChanged = new EventEmitter();
@@ -8007,21 +8008,20 @@ class EcabsPlaceAutocompleteV2Component extends EcabsElementBaseComponent {
     waypointSuggestions$;
     selectedIndex = -1;
     displayedSuggestions = [];
-    val;
-    listener;
+    _value = '';
     mapAutocompleteService;
     placesService;
     sessionToken;
     get value() {
-        return this.val;
+        return this._value;
     }
-    set value(val) {
-        if (this.val !== val) {
-            this.val = val;
-            this.value$.next(val);
-            this.onChange(val);
-            this.onTouch(val);
+    set value(value) {
+        if (this._value === value) {
+            return;
         }
+        this._value = value;
+        this.value$.next(value);
+        this.onChange(value);
     }
     constructor(ngZone, injector) {
         super();
@@ -8042,7 +8042,7 @@ class EcabsPlaceAutocompleteV2Component extends EcabsElementBaseComponent {
         this.waypointSuggestions$ = combineLatest([
             this.isFocused$,
             this.value$,
-        ]).pipe(debounceTime(500), switchMap(([isFocused, value]) => {
+        ]).pipe(debounceTime(this.debounceTime), switchMap(([isFocused, value]) => {
             if (!isFocused) {
                 return of([]);
             }
@@ -8056,8 +8056,13 @@ class EcabsPlaceAutocompleteV2Component extends EcabsElementBaseComponent {
             return results;
         }));
     }
+    onChange = () => { };
+    onTouch = () => { };
     getWaypointResults(query) {
-        this.queryChanged.emit({ waypoint_type: this.waypointType, query });
+        this.queryChanged.emit({
+            waypoint_type: this.waypointType,
+            place_name: query,
+        });
         return combineLatest([
             of(this.waypointsHistory),
             this.getPlacesResults(query),
@@ -8073,35 +8078,41 @@ class EcabsPlaceAutocompleteV2Component extends EcabsElementBaseComponent {
                 componentRestrictions: { country: this.countryCode },
                 sessionToken: this.sessionToken,
             }, (predictions) => {
-                observer.next((predictions ?? []).map((prediction) => {
-                    return {
-                        additional_info: prediction.description,
-                        place_id: prediction.place_id,
-                        source: 'google',
-                        prediction_term: prediction.terms,
-                    };
-                }));
-                observer.complete();
+                this.ngZone.run(() => {
+                    observer.next(this.toWaypointSuggestions(predictions));
+                    observer.complete();
+                });
             });
         });
     }
+    toWaypointSuggestions(predictions) {
+        return (predictions ?? []).map((prediction) => ({
+            additional_info: prediction.description,
+            place_id: prediction.place_id,
+            source: 'google',
+            prediction_term: prediction.terms,
+        }));
+    }
     onSelectSuggestion(suggestion) {
         const { additional_info, place_id } = suggestion ?? {};
         this.value = additional_info;
         this.placesService.getDetails({
             placeId: place_id,
             sessionToken: this.sessionToken,
-            fields: ['address_components', 'geometry.location'],
+            fields: ['address_components', 'geometry.location', 'place_id'],
         }, (place, status) => {
-            if (status === google.maps.places.PlacesServiceStatus.OK && place) {
-                this.ngZone.run(() => {
+            this.ngZone.run(() => {
+                if (status === google.maps.places.PlacesServiceStatus.OK && place) {
                     this.placeResult.emit({
                         place,
                         text: additional_info,
                     });
-                });
-            }
-            this.resetSessionToken();
+                }
+                else {
+                    console.warn('Place details lookup failed', { status, place_id });
+                }
+                this.resetSessionToken();
+            });
         });
     }
     onKeyDown(event) {
@@ -8132,25 +8143,22 @@ class EcabsPlaceAutocompleteV2Component extends EcabsElementBaseComponent {
                 break;
         }
     }
-    ngOnDestroy() {
-        if (this.listener) {
-            this.listener.remove();
-        }
-    }
-    onChange = () => { };
-    onTouch = () => { };
     onBlur() {
         this.isFocused$.next(false);
-        this.onTouch;
+        this.onTouch();
     }
     onFocus() {
-        this.isFocused$.next(true);
         if (!this.value) {
             this.resetSessionToken();
         }
+        setTimeout(() => this.ngZone.run(() => this.isFocused$.next(true)));
     }
-    writeValue(value) {
-        this.value = value;
+    writeValue(nextValue = '') {
+        if (this._value === nextValue) {
+            return;
+        }
+        this._value = nextValue;
+        this.value$.next(nextValue);
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -8174,7 +8182,7 @@ class EcabsPlaceAutocompleteV2Component extends EcabsElementBaseComponent {
         this.sessionToken = new google.maps.places.AutocompleteSessionToken();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsPlaceAutocompleteV2Component, deps: [{ token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsPlaceAutocompleteV2Component, selector: "ecabs-place-autocomplete-v2", inputs: { showDeleteItem: "showDeleteItem", waypointsHistory: "waypointsHistory", showSuffix: "showSuffix", countryCode: "countryCode", googleLoaded: "googleLoaded", waypointType: "waypointType" }, outputs: { placeResult: "placeResult", deleteItem: "deleteItem", queryChanged: "queryChanged" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsPlaceAutocompleteV2Component, selector: "ecabs-place-autocomplete-v2", inputs: { showDeleteItem: "showDeleteItem", waypointsHistory: "waypointsHistory", showSuffix: "showSuffix", countryCode: "countryCode", googleLoaded: "googleLoaded", waypointType: "waypointType", debounceTime: "debounceTime" }, outputs: { placeResult: "placeResult", deleteItem: "deleteItem", queryChanged: "queryChanged" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: EcabsPlaceAutocompleteV2Component,
@@ -8206,6 +8214,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], waypointType: [{
                 type: Input
+            }], debounceTime: [{
+                type: Input
             }], placeResult: [{
                 type: Output
             }], deleteItem: [{
@@ -9202,7 +9212,6 @@ class EcabsDateRangePickerComponentV2 extends EcabsElementBaseComponent {
     excludeWeekends;
     specificDates;
     holidayOptions;
-    dateToOptional = false;
     onblur = new EventEmitter();
     val;
     pickerTo;
@@ -9243,7 +9252,7 @@ class EcabsDateRangePickerComponentV2 extends EcabsElementBaseComponent {
         if (val && isValid(new Date(val))) {
             this._dateFrom = val;
             this.minDateTo = new Date(val);
-            if (!this.dateTo && !this.dateToOptional) {
+            if (!this.dateTo) {
                 this.pickerTo?.open();
             }
         }
@@ -9365,32 +9374,22 @@ class EcabsDateRangePickerComponentV2 extends EcabsElementBaseComponent {
         return true;
     }
     dateRangeValidator(control) {
-        const required = control?.hasValidator(Validators.required);
         if (!control.value) {
-            if (required) {
-                control.setErrors({ required: true });
-            }
             return;
         }
         const { dateFrom, dateTo } = control.value;
-        control.setErrors(null);
-        if (required &&
-            (!dateFrom || dateFrom?.length === 0) &&
-            (!dateTo || dateTo?.length === 0)) {
-            control.setErrors({ required: true });
-        }
-        else if (!dateFrom && dateTo) {
-            control.setErrors({ rangeFrom: true });
-        }
-        else if (dateFrom && !dateTo && !this.dateToOptional) {
-            control.setErrors({ rangeTo: true });
-        }
-        else if (dateFrom && dateTo && new Date(dateFrom) > new Date(dateTo)) {
+        const from = new Date(dateFrom);
+        const to = new Date(dateTo);
+        if (dateFrom && dateTo && from > to) {
             control.setErrors({ rangeOrder: true });
         }
+        else if (control.hasError('rangeOrder')) {
+            const { rangeOrder: _, ...rest } = control.errors ?? {};
+            control.setErrors(Object.keys(rest).length ? rest : null);
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsDateRangePickerComponentV2, deps: [{ token: i0.Injector }, { token: EcabsDatePickerHeaderService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsDateRangePickerComponentV2, selector: "ecabs-date-range-picker-v2", inputs: { minDate: "minDate", maxDate: "maxDate", touchUi: "touchUi", cancelLabel: "cancelLabel", applyLabel: "applyLabel", startDatePlaceholder: "startDatePlaceholder", endDatePlaceholder: "endDatePlaceholder", separatorLabel: "separatorLabel", excludeHolidays: "excludeHolidays", excludeWeekends: "excludeWeekends", specificDates: "specificDates", holidayOptions: "holidayOptions", dateToOptional: "dateToOptional" }, outputs: { onblur: "onblur" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsDateRangePickerComponentV2, selector: "ecabs-date-range-picker-v2", inputs: { minDate: "minDate", maxDate: "maxDate", touchUi: "touchUi", cancelLabel: "cancelLabel", applyLabel: "applyLabel", startDatePlaceholder: "startDatePlaceholder", endDatePlaceholder: "endDatePlaceholder", separatorLabel: "separatorLabel", excludeHolidays: "excludeHolidays", excludeWeekends: "excludeWeekends", specificDates: "specificDates", holidayOptions: "holidayOptions" }, outputs: { onblur: "onblur" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: EcabsDateRangePickerComponentV2,
@@ -9431,8 +9430,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], holidayOptions: [{
                 type: Input
-            }], dateToOptional: [{
-                type: Input
             }], onblur: [{
                 type: Output
             }], pickerTo: [{