ecabs-components 1.0.63 → 1.0.65

package/lib/base/models/ecabs-date-picker-translations.models.d.ts

@@ -0,0 +1,15 @@
+import { Locale } from "date-fns";
+export interface EcabsDatePickerTranslations {
+    cancelLabel?: string;
+    applyLabel?: string;
+    selectDateLabel?: string;
+    selectDateRangeLabel?: string;
+    selectDateTimeLabel?: string;
+    selectDateTimeRangeLabel?: string;
+    startDatePlaceholder?: string;
+    endDatePlaceholder?: string;
+    all?: string;
+    from?: string;
+    to?: string;
+    locale?: Locale;
+}

package/lib/base/services/ecabs-date-picker-translations.service.d.ts

@@ -0,0 +1,12 @@
+import { Observable } from 'rxjs';
+import { EcabsDatePickerTranslations } from '../models/ecabs-date-picker-translations.models';
+import * as i0 from "@angular/core";
+export declare class EcabsDatePickerHeaderService {
+    private defaultTranslations;
+    private _config;
+    setConfig(config: EcabsDatePickerTranslations): void;
+    getConfig(): Observable<EcabsDatePickerTranslations>;
+    updateConfig(configUpdate: EcabsDatePickerTranslations): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatePickerHeaderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EcabsDatePickerHeaderService>;
+}

package/lib/ecabs-date-picker/components/ecabs-date-picker-header/ecabs-date-picker-header.component.d.ts

@@ -1,6 +1,9 @@
+import { EcabsDatePickerHeaderService } from '../../../base/services/ecabs-date-picker-translations.service';
 import * as i0 from "@angular/core";
 export declare class EcabsDatePickerHeaderComponent {
+    readonly ecabsDatePickerHeaderService: EcabsDatePickerHeaderService;
     selectDateLabel: string;
+    constructor(ecabsDatePickerHeaderService: EcabsDatePickerHeaderService);
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatePickerHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDatePickerHeaderComponent, "ecabs-date-picker-header", never, { "selectDateLabel": { "alias": "selectDateLabel"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/ecabs-date-picker/ecabs-date-picker.component.d.ts

@@ -1,22 +1,28 @@
-import { AfterViewInit, EventEmitter, Injector } from '@angular/core';
+import { AfterViewInit, EventEmitter, Injector, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import ElementBaseComponent from '../base/element-base';
+import { EcabsDatePickerTranslations } from '../base/models/ecabs-date-picker-translations.models';
+import { EcabsDatePickerHeaderService } from '../base/services/ecabs-date-picker-translations.service';
+import { UnsubscribeService } from '../base/services/unsubscribe.service';
 import { EcabsDatePickerHeaderComponent } from './components/ecabs-date-picker-header/ecabs-date-picker-header.component';
 import * as i0 from "@angular/core";
-export declare class EcabsDatePickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
+export declare class EcabsDatePickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnInit {
     private readonly injector;
+    private readonly ecabsDatePickerHeaderService;
+    private readonly unsubscribeService;
     minDate: Date;
     maxDate: Date;
     touchUi: boolean;
     cancelLabel: string;
     applyLabel: string;
-    selectDateLabel: string;
     onblur: EventEmitter<any>;
     val: string | number;
     header: typeof EcabsDatePickerHeaderComponent;
+    translationConfig: EcabsDatePickerTranslations;
     get value(): string | number;
     set value(val: string | number);
-    constructor(injector: Injector);
+    constructor(injector: Injector, ecabsDatePickerHeaderService: EcabsDatePickerHeaderService, unsubscribeService: UnsubscribeService);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     onChange: any;
     onTouch: any;
@@ -25,5 +31,5 @@ export declare class EcabsDatePickerComponent extends ElementBaseComponent imple
     registerOnTouched(fn: any): void;
     blurChange(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDatePickerComponent, "ecabs-date-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "selectDateLabel": { "alias": "selectDateLabel"; "required": false; }; }, { "onblur": "onblur"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDatePickerComponent, "ecabs-date-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; }, { "onblur": "onblur"; }, never, never, false, never>;
 }

package/lib/ecabs-date-range-picker/components/ecabs-date-range-picker-header/ecabs-date-range-picker-header.component.d.ts

@@ -1,6 +1,9 @@
+import { EcabsDatePickerHeaderService } from '../../../base/services/ecabs-date-picker-translations.service';
 import * as i0 from "@angular/core";
 export declare class EcabsDateRangePickerHeaderComponent {
-    selectDateLabel: string;
+    readonly ecabsDatePickerHeaderService: EcabsDatePickerHeaderService;
+    selectDateRangeLabel: string;
+    constructor(ecabsDatePickerHeaderService: EcabsDatePickerHeaderService);
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateRangePickerHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateRangePickerHeaderComponent, "ecabs-date-range-picker-header", never, { "selectDateLabel": { "alias": "selectDateLabel"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateRangePickerHeaderComponent, "ecabs-date-range-picker-header", never, { "selectDateRangeLabel": { "alias": "selectDateRangeLabel"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/ecabs-date-range-picker/ecabs-date-range-picker.component.d.ts

@@ -1,16 +1,20 @@
-import { AfterViewInit, EventEmitter, Injector } from '@angular/core';
+import { AfterViewInit, EventEmitter, Injector, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import ElementBaseComponent from '../base/element-base';
+import { EcabsDatePickerTranslations } from '../base/models/ecabs-date-picker-translations.models';
+import { EcabsDatePickerHeaderService } from '../base/services/ecabs-date-picker-translations.service';
+import { UnsubscribeService } from '../base/services/unsubscribe.service';
 import { EcabsDateRangePickerHeaderComponent } from './components/ecabs-date-range-picker-header/ecabs-date-range-picker-header.component';
 import * as i0 from "@angular/core";
-export declare class EcabsDateRangePickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
-    private injector;
+export declare class EcabsDateRangePickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnInit {
+    private readonly injector;
+    private readonly ecabsDatePickerHeaderService;
+    private readonly unsubscribeService;
     minDate: Date;
     maxDate: Date;
     touchUi: boolean;
     cancelLabel: string;
     applyLabel: string;
-    selectDateLabel: string;
     startDatePlaceholder: string;
     endDatePlaceholder: string;
     onblur: EventEmitter<any>;
@@ -21,6 +25,7 @@ export declare class EcabsDateRangePickerComponent extends ElementBaseComponent
     header: typeof EcabsDateRangePickerHeaderComponent;
     _dateFrom: string;
     _dateTo: string;
+    translationConfig: EcabsDatePickerTranslations;
     get value(): {
         dateFrom: string;
         dateTo: string;
@@ -33,7 +38,8 @@ export declare class EcabsDateRangePickerComponent extends ElementBaseComponent
     });
     set dateFrom(val: string);
     set dateTo(val: string);
-    constructor(injector: Injector);
+    constructor(injector: Injector, ecabsDatePickerHeaderService: EcabsDatePickerHeaderService, unsubscribeService: UnsubscribeService);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     onChange: any;
     onTouch: any;
@@ -43,5 +49,5 @@ export declare class EcabsDateRangePickerComponent extends ElementBaseComponent
     blurChange(e: any): void;
     onApply(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateRangePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateRangePickerComponent, "ecabs-date-range-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "selectDateLabel": { "alias": "selectDateLabel"; "required": false; }; "startDatePlaceholder": { "alias": "startDatePlaceholder"; "required": false; }; "endDatePlaceholder": { "alias": "endDatePlaceholder"; "required": false; }; }, { "onblur": "onblur"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateRangePickerComponent, "ecabs-date-range-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "startDatePlaceholder": { "alias": "startDatePlaceholder"; "required": false; }; "endDatePlaceholder": { "alias": "endDatePlaceholder"; "required": false; }; }, { "onblur": "onblur"; }, never, never, false, never>;
 }

package/lib/ecabs-date-time-picker/components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component.d.ts

@@ -1,6 +1,9 @@
+import { EcabsDatePickerHeaderService } from '../../../base/services/ecabs-date-picker-translations.service';
 import * as i0 from "@angular/core";
 export declare class EcabsDateTimePickerHeaderComponent {
-    headerLabel: string;
+    readonly ecabsDatePickerHeaderService: EcabsDatePickerHeaderService;
+    headerLabel?: string;
+    constructor(ecabsDatePickerHeaderService: EcabsDatePickerHeaderService);
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateTimePickerHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateTimePickerHeaderComponent, "ecabs-time-date-picker-header", never, { "headerLabel": { "alias": "headerLabel"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/ecabs-date-time-picker/ecabs-date-time-picker.component.d.ts

@@ -1,20 +1,24 @@
 import { DecimalPipe } from '@angular/common';
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, Injector } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, Injector, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import ElementBaseComponent from '../base/element-base';
+import { EcabsDatePickerTranslations } from '../base/models/ecabs-date-picker-translations.models';
+import { EcabsDatePickerHeaderService } from '../base/services/ecabs-date-picker-translations.service';
+import { UnsubscribeService } from '../base/services/unsubscribe.service';
 import { EcabsDateTimePickerHeaderComponent } from './components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component';
 import * as i0 from "@angular/core";
-export declare class EcabsDateTimePickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
+export declare class EcabsDateTimePickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnInit {
     private readonly injector;
     private readonly decimalPipe;
-    private cd;
+    private readonly cd;
+    private readonly ecabsDatePickerHeaderService;
+    private readonly unsubscribeService;
     minDate: Date;
     maxDate: Date;
     touchUi: boolean;
     hideSeconds: boolean;
     cancelLabel: string;
     applyLabel: string;
-    selectDateLabel: string;
     onblur: EventEmitter<any>;
     _hours: string;
     _minutes: string;
@@ -27,6 +31,7 @@ export declare class EcabsDateTimePickerComponent extends ElementBaseComponent i
     maxValueMinutesSeconds: number;
     preventCallSetterPickerValue: boolean;
     runTimeout: boolean;
+    translationConfig: EcabsDatePickerTranslations;
     get value(): Date;
     get pickerValue(): string;
     get hours(): string;
@@ -37,7 +42,8 @@ export declare class EcabsDateTimePickerComponent extends ElementBaseComponent i
     set seconds(value: string);
     set value(val: Date);
     set pickerValue(val: string);
-    constructor(injector: Injector, decimalPipe: DecimalPipe, cd: ChangeDetectorRef);
+    constructor(injector: Injector, decimalPipe: DecimalPipe, cd: ChangeDetectorRef, ecabsDatePickerHeaderService: EcabsDatePickerHeaderService, unsubscribeService: UnsubscribeService);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     onChange: any;
     onTouch: any;
@@ -51,5 +57,5 @@ export declare class EcabsDateTimePickerComponent extends ElementBaseComponent i
     private roundNumber;
     private setValues;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateTimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateTimePickerComponent, "ecabs-date-time-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "hideSeconds": { "alias": "hideSeconds"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "selectDateLabel": { "alias": "selectDateLabel"; "required": false; }; }, { "onblur": "onblur"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateTimePickerComponent, "ecabs-date-time-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "hideSeconds": { "alias": "hideSeconds"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; }, { "onblur": "onblur"; }, never, never, false, never>;
 }

package/lib/ecabs-date-time-range-picker/components/ecabs-date-time-range-picker-header/ecabs-date-time-range-picker-header.component.d.ts

@@ -1,6 +1,9 @@
+import { EcabsDatePickerHeaderService } from '../../../base/services/ecabs-date-picker-translations.service';
 import * as i0 from "@angular/core";
 export declare class EcabsDateTimeRangePickerHeaderComponent {
+    readonly ecabsDatePickerHeaderService: EcabsDatePickerHeaderService;
     headerLabel: string;
+    constructor(ecabsDatePickerHeaderService: EcabsDatePickerHeaderService);
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateTimeRangePickerHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateTimeRangePickerHeaderComponent, "ecabs-date-time-range-picker-header", never, { "headerLabel": { "alias": "headerLabel"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/ecabs-date-time-range-picker/ecabs-date-time-range-picker.component.d.ts

@@ -1,19 +1,24 @@
 import { DecimalPipe } from '@angular/common';
-import { AfterViewInit, EventEmitter, Injector } from '@angular/core';
+import { AfterViewInit, EventEmitter, Injector, OnInit } from '@angular/core';
 import { ControlValueAccessor, UntypedFormControl } from '@angular/forms';
 import ElementBaseComponent from '../base/element-base';
+import { EcabsDatePickerTranslations } from '../base/models/ecabs-date-picker-translations.models';
+import { EcabsDatePickerHeaderService } from '../base/services/ecabs-date-picker-translations.service';
+import { UnsubscribeService } from '../base/services/unsubscribe.service';
 import { EcabsDateTimeRangePickerHeaderComponent } from './components/ecabs-date-time-range-picker-header/ecabs-date-time-range-picker-header.component';
 import * as i0 from "@angular/core";
-export declare class EcabsDateTimeRangePickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
+export declare class EcabsDateTimeRangePickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnInit {
     private readonly injector;
     private readonly decimalPipe;
+    private readonly ecabsDatePickerHeaderService;
+    private readonly unsubscribeService;
     touchUi: boolean;
-    onblur: EventEmitter<any>;
     cancelLabel: string;
     applyLabel: string;
     all: string;
     from: string;
     to: string;
+    onblur: EventEmitter<any>;
     _hoursFrom: string;
     _minutesFrom: string;
     _hoursTo: string;
@@ -26,6 +31,7 @@ export declare class EcabsDateTimeRangePickerComponent extends ElementBaseCompon
     maxValueHours: number;
     maxValueMinutesSeconds: number;
     controlDate: UntypedFormControl;
+    translationConfig: EcabsDatePickerTranslations;
     get value(): string;
     get pickerValue(): string;
     get hoursFrom(): string;
@@ -33,6 +39,7 @@ export declare class EcabsDateTimeRangePickerComponent extends ElementBaseCompon
     get hoursTo(): string;
     get minutesTo(): string;
     get seconds(): string;
+    get allLabel(): string;
     set hoursFrom(value: string);
     set minutesFrom(value: string);
     set hoursTo(value: string);
@@ -40,7 +47,8 @@ export declare class EcabsDateTimeRangePickerComponent extends ElementBaseCompon
     set seconds(value: string);
     set value(val: string);
     set pickerValue(val: string);
-    constructor(injector: Injector, decimalPipe: DecimalPipe);
+    constructor(injector: Injector, decimalPipe: DecimalPipe, ecabsDatePickerHeaderService: EcabsDatePickerHeaderService, unsubscribeService: UnsubscribeService);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     onChange: any;
     onTouch: any;

package/lib/ecabs-picker-header/ecabs-picker-header.component.d.ts

@@ -1,15 +1,21 @@
-import { ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { DateAdapter } from '@angular/material/core';
 import { MatCalendar } from '@angular/material/datepicker';
+import { EcabsDatePickerHeaderService } from '../base/services/ecabs-date-picker-translations.service';
+import { UnsubscribeService } from '../base/services/unsubscribe.service';
 import * as i0 from "@angular/core";
-export declare class EcabsPickerHeaderComponent<D> implements OnDestroy {
+export declare class EcabsPickerHeaderComponent<D> implements OnDestroy, OnInit {
     private readonly calendar;
     private readonly dateAdapter;
     private readonly cdr;
+    private readonly ecabsDatePickerHeaderService;
+    private readonly unsubscribeService;
     private unsubscribe$;
     private yearsPerPage;
+    private translationConfig;
     get periodLabel(): string;
-    constructor(calendar: MatCalendar<D>, dateAdapter: DateAdapter<D>, cdr: ChangeDetectorRef);
+    constructor(calendar: MatCalendar<D>, dateAdapter: DateAdapter<D>, cdr: ChangeDetectorRef, ecabsDatePickerHeaderService: EcabsDatePickerHeaderService, unsubscribeService: UnsubscribeService);
+    ngOnInit(): void;
     ngOnDestroy(): void;
     previousClicked(): void;
     nextClicked(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecabs-components",
-  "version": "1.0.63",
+  "version": "1.0.65",
   "peerDependencies": {
     "@angular/animations": "^16.2.12",
     "@angular/common": "^16.2.12",

package/public-api.d.ts

@@ -84,3 +84,4 @@ export * from './lib/ecabs-logo/ecabs-logo.module';
 export * from './lib/ecabs-logo/ecabs-logo.component';
 export * from './lib/ecabs-place-autocomplete/ecabs-place-autocomplete.module';
 export * from './lib/ecabs-place-autocomplete/ecabs-place-autocomplete.component';
+export * from './lib/base/services/ecabs-date-picker-translations.service';

package/src/assets/styles/material/overrides/_datepicker.scss

@@ -47,6 +47,8 @@
 }
 
 .mat-calendar {
+  align-self: center;
+
   .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover {
     > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
       background-color: var(--color-brand-light2);

package/src/assets/styles/scss/modules/_map.scss

@@ -1,3 +1,5 @@
+@import "../../scss/utilities/index";
+
 div {
   .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
     background-image: url('/assets/images/map-polygon-icon.svg');
@@ -110,3 +112,29 @@ div {
     z-index: 999;
   }
 }
+
+.pac-container {
+  &.pac-logo {
+    box-shadow: $box-shadow-default;
+    border-bottom-right-radius: $border-radius-base;
+    border-bottom-left-radius: $border-radius-base;
+
+    .pac-item {
+      border-color: var(--color-gray-200);
+      padding: calc-rem(6px) calc-rem(12px);
+
+      .pac-icon.pac-icon-marker {
+        display: none;
+      }
+
+      .pac-item-query .pac-matched {
+        color: var(--color-brand-light);
+      }
+    }
+
+    &:after {
+      background-image: none !important;
+      height: 0;
+    }
+  }
+}