@fundamental-ngx/core 0.64.2-rc.48 → 0.64.2-rc.49

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

@@ -1,11 +1,11 @@
 import * as i0 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 { Attribute, Directive, inject, Injectable, EventEmitter, ElementRef, ViewChild, Output, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, signal, input, computed, DestroyRef, Inject, model, effect, forwardRef, HostListener, HostBinding, Optional, NgModule } from '@angular/core';
 import { resolveTranslationSignal, FdTranslatePipe, resolveTranslationSignalFn, FD_LANGUAGE_ENGLISH, FD_LANGUAGE_SIGNAL } from '@fundamental-ngx/i18n';
+import { RtlService, onLocaleChange, FocusableListDirective, FocusableItemDirective } from '@fundamental-ngx/cdk/utils';
 import * as i2 from '@fundamental-ngx/core/datetime';
 import { DATE_TIME_FORMATS } from '@fundamental-ngx/core/datetime';
 import { ButtonComponent } from '@fundamental-ngx/core/button';
 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';
@@ -316,15 +316,10 @@ class CalendarHeaderComponent {
         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();
-            }
+        onLocaleChange(this._dateTimeAdapter, () => {
+            this._calculateMonthNames();
+            this._calculateLabels();
+            this._changeDetRef.markForCheck();
         });
     }
     /** @hidden */
@@ -336,7 +331,6 @@ class CalendarHeaderComponent {
     }
     /** @hidden */
     ngOnInit() {
-        this._initiated = true;
         this._calendarService.leftArrowId = this._prevButtonId;
         this._calculateMonthNames();
         this._calculateLabels();
@@ -725,12 +719,9 @@ 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();
-            }
+        onLocaleChange(this._dateTimeAdapter, () => {
+            this._constructYearsGrid();
+            this._changeDetectorRef.markForCheck();
         });
     }
     /** @hidden */
@@ -1219,13 +1210,10 @@ class CalendarDayViewComponent {
             }
         });
         // Effect to react to locale changes
-        effect(() => {
-            this._dateTimeAdapter.locale();
-            if (this._isInitiated) {
-                this._refreshShortWeekDays();
-                this._buildDayViewGrid();
-                this.changeDetRef.markForCheck();
-            }
+        onLocaleChange(this._dateTimeAdapter, () => {
+            this._refreshShortWeekDays();
+            this._buildDayViewGrid();
+            this.changeDetRef.markForCheck();
         });
     }
     /** @hidden */
@@ -2343,12 +2331,9 @@ class CalendarMonthViewComponent {
         /** @hidden */
         this._initiated = false;
         this._isOnRangePick = false;
-        effect(() => {
-            this._dateTimeAdapter.locale();
-            if (this._initiated) {
-                this._constructMonthGrid();
-                this._changeDetectorRef.markForCheck();
-            }
+        onLocaleChange(this._dateTimeAdapter, () => {
+            this._constructMonthGrid();
+            this._changeDetectorRef.markForCheck();
         });
     }
     /** @hidden */
@@ -2759,12 +2744,9 @@ 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();
-            }
+        onLocaleChange(this._dateTimeAdapter, () => {
+            this._constructYearGrid();
+            this._changeDetectorRef.markForCheck();
         });
     }
     /** @hidden */
@@ -3385,8 +3367,7 @@ class CalendarComponent {
         this._adapterStartingDayOfWeek = (this._dateTimeAdapter.getFirstDayOfWeek() + 1);
         this.selectedDate = this._dateTimeAdapter.today();
         this._changeDetectorRef.markForCheck();
-        effect(() => {
-            this._dateTimeAdapter.locale();
+        onLocaleChange(this._dateTimeAdapter, () => {
             this._adapterStartingDayOfWeek = (this._dateTimeAdapter.getFirstDayOfWeek() + 1);
             this._changeDetectorRef.markForCheck();
         });