@angular/material 20.0.0-next.7 → 20.0.0-next.9

package/fesm2022/datepicker.mjs

@@ -1,31 +1,31 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, ElementRef, NgZone, EventEmitter, Injector, Renderer2, afterNextRender, Output, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, Optional, SkipSelf, InjectionToken, ChangeDetectorRef, ViewChild, ViewContainerRef, booleanAttribute, Directive, forwardRef, signal, HostAttributeToken, ContentChild, TemplateRef, NgModule } from '@angular/core';
+import { Injectable, inject, ElementRef, NgZone, EventEmitter, Injector, Renderer2, afterNextRender, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, Optional, SkipSelf, InjectionToken, ChangeDetectorRef, ViewChild, ViewContainerRef, DOCUMENT, booleanAttribute, Directive, forwardRef, signal, HostAttributeToken, ContentChild, TemplateRef, NgModule } from '@angular/core';
 import { Subject, Subscription, merge, of } from 'rxjs';
-import { DateAdapter, MAT_DATE_FORMATS } from './date-formats-BQbO9F6H.mjs';
+import { D as DateAdapter, a as MAT_DATE_FORMATS } from './date-formats-K6TQue-Y.mjs';
 import { _IdGenerator, CdkMonitorFocus, CdkTrapFocus, A11yModule } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { coerceStringArray } from '@angular/cdk/coercion';
 import { ESCAPE, hasModifierKey, SPACE, ENTER, PAGE_DOWN, PAGE_UP, END, HOME, DOWN_ARROW, UP_ARROW, RIGHT_ARROW, LEFT_ARROW, BACKSPACE } from '@angular/cdk/keycodes';
-import { Overlay, FlexibleConnectedPositionStrategy, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
+import { createRepositionScrollStrategy, FlexibleConnectedPositionStrategy, createOverlayRef, OverlayConfig, createBlockScrollStrategy, createGlobalPositionStrategy, createFlexibleConnectedPositionStrategy, OverlayModule } from '@angular/cdk/overlay';
 import { Platform, _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';
 import { ComponentPortal, CdkPortalOutlet, TemplatePortal, PortalModule } from '@angular/cdk/portal';
-import { NgClass, DOCUMENT } from '@angular/common';
 import { startWith, take, filter } from 'rxjs/operators';
+import { NgClass } from '@angular/common';
 import { _CdkPrivateStyleLoader, _VisuallyHiddenLoader } from '@angular/cdk/private';
-import { _StructuralStylesLoader } from './structural-styles-BcST1BXh.mjs';
+import { _ as _StructuralStylesLoader } from './structural-styles-CasigI3l.mjs';
 import { MatButton, MatButtonModule } from './button.mjs';
-import { MatIconButton } from './icon-button-SnLX2J-J.mjs';
-import { _animationsDisabled } from './animation-DYWs964N.mjs';
+import { M as MatIconButton } from './icon-button-4VvBKIK4.mjs';
+import { _ as _animationsDisabled } from './animation-DfMFjxHu.mjs';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators, ControlContainer, NgForm, FormGroupDirective, NgControl } from '@angular/forms';
-import { MAT_INPUT_VALUE_ACCESSOR } from './input-value-accessor-cp3A3zMa.mjs';
-import { MAT_FORM_FIELD, MatFormFieldControl } from './form-field-DXXhIBX2.mjs';
-import { ErrorStateMatcher } from './error-options-f2L_D2TV.mjs';
-import { _ErrorStateTracker } from './error-state-DAicm3pw.mjs';
+import { M as MAT_INPUT_VALUE_ACCESSOR } from './input-value-accessor-D1GvPuqO.mjs';
+import { h as MAT_FORM_FIELD, k as MatFormFieldControl } from './form-field-BZd6Vhww.mjs';
+import { E as ErrorStateMatcher } from './error-options-BWOa3B4G.mjs';
+import { _ as _ErrorStateTracker } from './error-state-Dtb1IHM-.mjs';
 import { CdkScrollableModule } from '@angular/cdk/scrolling';
-import { MatCommonModule } from './common-module-BTLyTce6.mjs';
-import './index-D7tf-UtR.mjs';
-import './ripple-t-kasrhF.mjs';
-import './ripple-loader-R9v4tIlx.mjs';
+import { M as MatCommonModule } from './common-module-DZl8g1kc.mjs';
+import './index-D2rZ0V78.mjs';
+import './ripple-CuyVtN3V.mjs';
+import './ripple-loader-pOctSZby.mjs';
 import '@angular/cdk/layout';
 import '@angular/cdk/observers/private';
 
@@ -1559,7 +1559,7 @@ class MatMultiYearView {
                 this.activeDate = this._dateAdapter.addCalendarYears(this._activeDate, isRtl ? -1 : 1);
                 break;
             case UP_ARROW:
-                this.activeDate = this._dateAdapter.addCalendarYears(this._activeDate, -4);
+                this.activeDate = this._dateAdapter.addCalendarYears(this._activeDate, -yearsPerRow);
                 break;
             case DOWN_ARROW:
                 this.activeDate = this._dateAdapter.addCalendarYears(this._activeDate, yearsPerRow);
@@ -1573,7 +1573,7 @@ class MatMultiYearView {
                     1);
                 break;
             case PAGE_UP:
-                this.activeDate = this._dateAdapter.addCalendarYears(this._activeDate, event.altKey ? -24 * 10 : -24);
+                this.activeDate = this._dateAdapter.addCalendarYears(this._activeDate, event.altKey ? -yearsPerPage * 10 : -yearsPerPage);
                 break;
             case PAGE_DOWN:
                 this.activeDate = this._dateAdapter.addCalendarYears(this._activeDate, event.altKey ? yearsPerPage * 10 : yearsPerPage);
@@ -2124,7 +2124,7 @@ class MatCalendarHeader {
         this.calendar.activeDate =
             this.calendar.currentView == 'month'
                 ? this._dateAdapter.addCalendarMonths(this.calendar.activeDate, -1)
-                : this._dateAdapter.addCalendarYears(this.calendar.activeDate, this.calendar.currentView == 'year' ? -1 : -24);
+                : this._dateAdapter.addCalendarYears(this.calendar.activeDate, this.calendar.currentView == 'year' ? -1 : -yearsPerPage);
     }
     /** Handles user clicks on the next button. */
     nextClicked() {
@@ -2476,8 +2476,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5",
 const MAT_DATEPICKER_SCROLL_STRATEGY = new InjectionToken('mat-datepicker-scroll-strategy', {
     providedIn: 'root',
     factory: () => {
-        const overlay = inject(Overlay);
-        return () => overlay.scrollStrategies.reposition();
+        const injector = inject(Injector);
+        return () => createRepositionScrollStrategy(injector);
     },
 });
 /**
@@ -2485,8 +2485,9 @@ const MAT_DATEPICKER_SCROLL_STRATEGY = new InjectionToken('mat-datepicker-scroll
  * @deprecated No longer used, will be removed.
  * @breaking-change 21.0.0
  */
-function MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY(overlay) {
-    return () => overlay.scrollStrategies.reposition();
+function MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY(_overlay) {
+    const injector = inject(Injector);
+    return () => createRepositionScrollStrategy(injector);
 }
 /**
  * @docs-private
@@ -2495,7 +2496,7 @@ function MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY(overlay) {
  */
 const MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER = {
     provide: MAT_DATEPICKER_SCROLL_STRATEGY,
-    deps: [Overlay],
+    deps: [],
     useFactory: MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY,
 };
 /**
@@ -2675,7 +2676,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5",
             }] } });
 /** Base class for a datepicker. */
 class MatDatepickerBase {
-    _overlay = inject(Overlay);
+    _injector = inject(Injector);
     _viewContainerRef = inject(ViewContainerRef);
     _dateAdapter = inject(DateAdapter, { optional: true });
     _dir = inject(Directionality, { optional: true });
@@ -2808,7 +2809,6 @@ class MatDatepickerBase {
     datepickerInput;
     /** Emits when the datepicker's state changes. */
     stateChanges = new Subject();
-    _injector = inject(Injector);
     _changeDetectorRef = inject(ChangeDetectorRef);
     constructor() {
         if (!this._dateAdapter && (typeof ngDevMode === 'undefined' || ngDevMode)) {
@@ -2966,7 +2966,7 @@ class MatDatepickerBase {
         this._destroyOverlay();
         const isDialog = this.touchUi;
         const portal = new ComponentPortal(MatDatepickerContent, this._viewContainerRef);
-        const overlayRef = (this._overlayRef = this._overlay.create(new OverlayConfig({
+        const overlayRef = (this._overlayRef = createOverlayRef(this._injector, new OverlayConfig({
             positionStrategy: isDialog ? this._getDialogStrategy() : this._getDropdownStrategy(),
             hasBackdrop: true,
             backdropClass: [
@@ -2974,7 +2974,9 @@ class MatDatepickerBase {
                 this._backdropHarnessClass,
             ],
             direction: this._dir || 'ltr',
-            scrollStrategy: isDialog ? this._overlay.scrollStrategies.block() : this._scrollStrategy(),
+            scrollStrategy: isDialog
+                ? createBlockScrollStrategy(this._injector)
+                : this._scrollStrategy(),
             panelClass: `mat-datepicker-${isDialog ? 'dialog' : 'popup'}`,
             disableAnimations: this._animationsDisabled,
         })));
@@ -3017,13 +3019,11 @@ class MatDatepickerBase {
     }
     /** Gets a position strategy that will open the calendar as a dropdown. */
     _getDialogStrategy() {
-        return this._overlay.position().global().centerHorizontally().centerVertically();
+        return createGlobalPositionStrategy(this._injector).centerHorizontally().centerVertically();
     }
     /** Gets a position strategy that will open the calendar as a dropdown. */
     _getDropdownStrategy() {
-        const strategy = this._overlay
-            .position()
-            .flexibleConnectedTo(this.datepickerInput.getConnectedOverlayOrigin())
+        const strategy = createFlexibleConnectedPositionStrategy(this._injector, this.datepickerInput.getConnectedOverlayOrigin())
             .withTransformOriginOn('.mat-datepicker-content')
             .withFlexibleDimensions(false)
             .withViewportMargin(8)