igniteui-angular 21.0.3 → 21.1.0-alpha.1

package/fesm2022/igniteui-angular-directives.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { inject, ElementRef, EventEmitter, booleanAttribute, HostListener, HostBinding, Input, Output, Directive, Renderer2, ChangeDetectorRef, DestroyRef, ViewChild, DOCUMENT, ViewContainerRef, NgZone, RendererStyleFlags2, ContentChildren, Pipe, Component, PLATFORM_ID, Injectable, TemplateRef, IterableDiffers, EnvironmentInjector, createComponent, LOCALE_ID, forwardRef, NgModule } from '@angular/core';
-import { PlatformUtil, THEME_TOKEN, getComponentTheme, EDITOR_PROVIDER, resizeObservable, getResizeObserver, compareMaps, IgxOverlayService, IgxNavigationService, AbsoluteScrollStrategy, ConnectedPositioningStrategy, VerticalAlignment, HorizontalAlignment, AutoPositionStrategy, first as first$1, DatePart, isDate, DateTimeUtil } from 'igniteui-angular/core';
+import { PlatformUtil, THEME_TOKEN, getComponentTheme, EDITOR_PROVIDER, resizeObservable, getResizeObserver, compareMaps, IgxOverlayService, IgxNavigationService, AbsoluteScrollStrategy, ConnectedPositioningStrategy, VerticalAlignment, HorizontalAlignment, AutoPositionStrategy, first as first$1, DateTimeUtil, DatePart, I18N_FORMATTER, isDate } from 'igniteui-angular/core';
+import { animationFrameScheduler, Subject, noop, fromEvent, interval, takeUntil as takeUntil$1 } from 'rxjs';
 import { NgControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
-import { Subject, noop, fromEvent, interval, animationFrameScheduler, takeUntil as takeUntil$1 } from 'rxjs';
 import { takeUntil, throttle, throttleTime, filter, first } from 'rxjs/operators';
 import * as i1 from '@angular/common';
 import { DOCUMENT as DOCUMENT$1, isPlatformBrowser, CommonModule } from '@angular/common';
@@ -86,11 +86,14 @@ class IgxButtonBaseDirective {
     ngAfterViewInit() {
         if (this._platformUtil.isBrowser && !this._viewInit) {
             this._viewInit = true;
-            requestAnimationFrame(() => {
+            this._animationScheduler = animationFrameScheduler.schedule(() => {
                 this.element.nativeElement.style.removeProperty('--_init-transition');
             });
         }
     }
+    ngOnDestroy() {
+        this._animationScheduler.unsubscribe();
+    }
     /**
      * @hidden
      * @internal
@@ -8579,7 +8582,7 @@ class IgxDateTimeEditorDirective extends IgxMaskDirective {
         this.updateDefaultFormat();
     }
     get displayFormat() {
-        return this._displayFormat || this.inputFormat;
+        return this._displayFormat || this._inputFormat || DateTimeUtil.getDefaultDisplayFormat(this.locale, this._i18nFormatter, this.defaultFormatType);
     }
     /**
      * Expected user input format (and placeholder).
@@ -8654,7 +8657,8 @@ class IgxDateTimeEditorDirective extends IgxMaskDirective {
     constructor() {
         super();
         this._document = inject(DOCUMENT);
-        this._locale = inject(LOCALE_ID);
+        this._localeID = inject(LOCALE_ID);
+        this._i18nFormatter = inject(I18N_FORMATTER);
         /**
          * Specify if the currently spun date segment should loop over.
          *
@@ -8706,7 +8710,7 @@ class IgxDateTimeEditorDirective extends IgxMaskDirective {
         this.onChangeCallback = noop;
         this._onValidatorChange = noop;
         this.document = this._document;
-        this.locale = this.locale || this._locale;
+        this.locale = this.locale || this._localeID;
     }
     onWheel(event) {
         if (!this._focused) {
@@ -8897,10 +8901,11 @@ class IgxDateTimeEditorDirective extends IgxMaskDirective {
     /** @hidden */
     setPlaceholder(_value) { }
     updateDefaultFormat() {
-        this._defaultInputFormat = DateTimeUtil.getNumericInputFormat(this.locale, this._displayFormat)
-            || DateTimeUtil.getDefaultInputFormat(this.locale, this.defaultFormatType);
+        this._defaultInputFormat = DateTimeUtil.getNumericInputFormat(this.locale, this._i18nFormatter, this._displayFormat)
+            || DateTimeUtil.getDefaultInputFormat(this.locale, this._i18nFormatter, this.defaultFormatType);
         this.setMask(this.inputFormat);
     }
+    /** @hidden @internal */
     updateMask() {
         if (this._focused) {
             // store the cursor position as it will be moved during masking
@@ -8920,7 +8925,7 @@ class IgxDateTimeEditorDirective extends IgxMaskDirective {
             }
             const format = this.displayFormat || this.inputFormat;
             if (format) {
-                this.inputValue = DateTimeUtil.formatDate(this.dateValue, format.replace('tt', 'aa'), this.locale);
+                this.inputValue = this._i18nFormatter.formatDate(this.dateValue, format.replace('tt', 'aa'), this.locale);
             }
             else {
                 this.inputValue = this.dateValue.toLocaleString();
@@ -8929,7 +8934,7 @@ class IgxDateTimeEditorDirective extends IgxMaskDirective {
     }
     setMask(inputFormat) {
         const oldFormat = this._inputDateParts?.map(p => p.format).join('');
-        this._inputDateParts = DateTimeUtil.parseDateTimeFormat(inputFormat);
+        this._inputDateParts = DateTimeUtil.parseDateTimeFormat(inputFormat, this._i18nFormatter);
         inputFormat = this._inputDateParts.map(p => p.format).join('');
         const mask = (inputFormat || this._defaultInputFormat)
             .replace(new RegExp(/(?=[^at])[\w]/, 'g'), '0');