@fundamental-ngx/core 0.63.0-rc.10 → 0.63.0-rc.12

package/fesm2022/fundamental-ngx-core-calendar.mjs

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
-import { Attribute, Directive, inject, Injectable, EventEmitter, DestroyRef, ElementRef, ViewChild, Output, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, signal, input, computed, Inject, model, effect, forwardRef, HostListener, HostBinding, Optional, NgModule } from '@angular/core';
+import { Attribute, Directive, inject, Injectable, EventEmitter, effect, ElementRef, ViewChild, Output, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, signal, input, computed, DestroyRef, Inject, model, forwardRef, HostListener, HostBinding, Optional, NgModule } from '@angular/core';
 import { resolveTranslationSignal, FdTranslatePipe, resolveTranslationSignalFn, FD_LANGUAGE_ENGLISH, FD_LANGUAGE_SIGNAL } from '@fundamental-ngx/i18n';
 import * as i2 from '@fundamental-ngx/core/datetime';
 import { DATE_TIME_FORMATS } from '@fundamental-ngx/core/datetime';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ButtonComponent } from '@fundamental-ngx/core/button';
-import { Subject, Subscription } from 'rxjs';
+import { Subject } from 'rxjs';
 import { RtlService, FocusableListDirective, FocusableItemDirective } from '@fundamental-ngx/cdk/utils';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { NgClass } from '@angular/common';
 import { shallowEqual } from 'fast-equals';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
@@ -312,12 +312,20 @@ class CalendarHeaderComponent {
         this.previousClicked = new EventEmitter();
         /** Event emitted when the next button is clicked. */
         this.nextClicked = new EventEmitter();
-        /** @hidden  */
-        this._destroyRef = inject(DestroyRef);
         /** Month names */
         this._monthNames = [];
         /** Get information about amount of years displayed at once on year view  */
         this._amountOfYearsPerPeriod = 1;
+        /** @hidden */
+        this._initiated = false;
+        effect(() => {
+            this._dateTimeAdapter.locale();
+            if (this._initiated) {
+                this._calculateMonthNames();
+                this._calculateLabels();
+                this._changeDetRef.markForCheck();
+            }
+        });
     }
     /** @hidden */
     ngOnChanges(changes) {
@@ -328,10 +336,10 @@ class CalendarHeaderComponent {
     }
     /** @hidden */
     ngOnInit() {
+        this._initiated = true;
         this._calendarService.leftArrowId = this._prevButtonId;
         this._calculateMonthNames();
         this._calculateLabels();
-        this._listenToLocaleChanges();
     }
     /**
      * Focus on focusable control within the header
@@ -348,14 +356,6 @@ class CalendarHeaderComponent {
         this.activeViewChange.emit(this.activeView);
     }
     /** @hidden */
-    _listenToLocaleChanges() {
-        this._dateTimeAdapter.localeChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
-            this._calculateMonthNames();
-            this._calculateLabels();
-            this._changeDetRef.markForCheck();
-        });
-    }
-    /** @hidden */
     _calculateLabels() {
         this._calculateSelectMonthLabel();
         this._calculateSelectYearLabel();
@@ -713,6 +713,13 @@ class CalendarAggregatedYearViewComponent {
         this._initiated = false;
         // default values
         this._currentYear = _dateTimeAdapter.getYear(_dateTimeAdapter.today());
+        effect(() => {
+            this._dateTimeAdapter.locale();
+            if (this._initiated) {
+                this._constructYearsGrid();
+                this._changeDetectorRef.markForCheck();
+            }
+        });
     }
     /** @hidden */
     ngOnInit() {
@@ -720,10 +727,6 @@ class CalendarAggregatedYearViewComponent {
         this._setupKeyboardService();
         this._firstYearInList = this.yearSelected - this._yearsInOnePeriod();
         this._constructYearsGrid();
-        this._dateTimeAdapter.localeChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
-            this._constructYearsGrid();
-            this._changeDetectorRef.markForCheck();
-        });
     }
     /** @hidden */
     ngOnChanges(changes) {
@@ -1186,6 +1189,15 @@ class CalendarDayViewComponent {
                 this._updateLegendFocusState(focusedNumber);
             }
         });
+        // Effect to react to locale changes
+        effect(() => {
+            this._dateTimeAdapter.locale();
+            if (this._isInitiated) {
+                this._refreshShortWeekDays();
+                this._buildDayViewGrid();
+                this.changeDetRef.markForCheck();
+            }
+        });
     }
     /** @hidden */
     ngOnInit() {
@@ -1194,11 +1206,6 @@ class CalendarDayViewComponent {
         this._refreshShortWeekDays();
         this._buildDayViewGrid();
         this._computeWeekHeaderClasses();
-        this._dateTimeAdapter.localeChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
-            this._refreshShortWeekDays();
-            this._buildDayViewGrid();
-            this.changeDetRef.markForCheck();
-        });
     }
     /** @hidden */
     ngOnChanges(changes) {
@@ -2308,16 +2315,19 @@ class CalendarMonthViewComponent {
         /** @hidden */
         this._initiated = false;
         this._isOnRangePick = false;
+        effect(() => {
+            this._dateTimeAdapter.locale();
+            if (this._initiated) {
+                this._constructMonthGrid();
+                this._changeDetectorRef.markForCheck();
+            }
+        });
     }
     /** @hidden */
     ngOnInit() {
         this._initiated = true;
         this._setupKeyboardService();
         this._constructMonthGrid();
-        this._dateTimeAdapter.localeChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
-            this._constructMonthGrid();
-            this._changeDetectorRef.markForCheck();
-        });
     }
     /** @hidden */
     ngOnChanges(changes) {
@@ -2721,6 +2731,13 @@ class CalendarYearViewComponent {
         // default values
         this._currentYear = _dateTimeAdapter.getYear(_dateTimeAdapter.today());
         this._firstYearInList = this._currentYear;
+        effect(() => {
+            this._dateTimeAdapter.locale();
+            if (this._initiated) {
+                this._constructYearGrid();
+                this._changeDetectorRef.markForCheck();
+            }
+        });
     }
     /** @hidden */
     ngOnInit() {
@@ -2728,10 +2745,6 @@ class CalendarYearViewComponent {
         this._setupKeyboardService();
         this._firstYearInList = this.yearSelected;
         this._constructYearGrid();
-        this._dateTimeAdapter.localeChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
-            this._constructYearGrid();
-            this._changeDetectorRef.markForCheck();
-        });
     }
     /** @hidden */
     ngOnChanges(changes) {
@@ -3308,9 +3321,8 @@ class CalendarComponent {
          */
         this.legendCol = false;
         /** @hidden */
-        this.calendarRoleDescription = resolveTranslationSignal('coreCalendar.calendarRoleDescription');
         /** @hidden */
-        this._subscriptions = new Subscription();
+        this.calendarRoleDescription = resolveTranslationSignal('coreCalendar.calendarRoleDescription');
         /** That allows to define function that should happen, when focus should normally escape of component */
         this.escapeFocusFunction = (event) => {
             event?.preventDefault();
@@ -3343,7 +3355,11 @@ class CalendarComponent {
         this._adapterStartingDayOfWeek = (this._dateTimeAdapter.getFirstDayOfWeek() + 1);
         this.selectedDate = this._dateTimeAdapter.today();
         this._changeDetectorRef.markForCheck();
-        this._listenToLocaleChanges();
+        effect(() => {
+            this._dateTimeAdapter.locale();
+            this._adapterStartingDayOfWeek = (this._dateTimeAdapter.getFirstDayOfWeek() + 1);
+            this._changeDetectorRef.markForCheck();
+        });
     }
     /** @hidden */
     focusOut(event) {
@@ -3367,10 +3383,6 @@ class CalendarComponent {
     getWeekStartDay() {
         return this.startingDayOfWeek === undefined ? this._adapterStartingDayOfWeek : this.startingDayOfWeek;
     }
-    /** @hidden */
-    ngOnDestroy() {
-        this._subscriptions.unsubscribe();
-    }
     /**
      * @hidden
      * Function that provides support for ControlValueAccessor that allows to use [(ngModel)] or forms.
@@ -3708,13 +3720,6 @@ class CalendarComponent {
     isDateRangeYearFormat() {
         return this.dateRangeFormat === 'year';
     }
-    /** @hidden */
-    _listenToLocaleChanges() {
-        this._subscriptions.add(this._dateTimeAdapter.localeChanges.subscribe(() => {
-            this._adapterStartingDayOfWeek = (this._dateTimeAdapter.getFirstDayOfWeek() + 1);
-            this._changeDetectorRef.markForCheck();
-        }));
-    }
     /**
      * @hidden
      * Method that sets up the currently displayed variables, like shown month and year.