@angular/material 19.0.0-next.3 → 19.0.0-next.5

package/core/_core-theme.scss

@@ -15,22 +15,6 @@
 @use './tokens/m2/mat/full-pseudo-checkbox' as tokens-mat-full-pseudo-checkbox;
 @use './tokens/m2/mat/minimal-pseudo-checkbox' as tokens-mat-minimal-pseudo-checkbox;
 
-$_has-inserted-loaded-marker: false;
-
-@mixin _theme-loaded-marker {
-  @if not $_has-inserted-loaded-marker {
-    $_has-inserted-loaded-marker: true !global;
-
-    // Marker that is used to determine whether the user has added a theme to their page.
-    // Needs to be generated at the root, because themes may be nested inside classes.
-    @at-root {
-      .mat-theme-loaded-marker {
-        display: none;
-      }
-    }
-  }
-}
-
 @mixin base($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
@@ -45,9 +29,6 @@ $_has-inserted-loaded-marker: false;
         tokens-mat-app.get-unthemable-tokens());
     }
   }
-
-  // The marker is a concrete style no matter which Material version we're targeting.
-  @include _theme-loaded-marker;
 }
 
 @mixin color($theme) {
@@ -129,9 +110,6 @@ $_has-inserted-loaded-marker: false;
       }
     }
   }
-
-  // The marker is a concrete style no matter which Material version we're targeting.
-  @include _theme-loaded-marker;
 }
 
 @mixin _theme-from-tokens($tokens, $options...) {

package/core/index.d.ts

@@ -6,7 +6,6 @@ import { EventEmitter } from '@angular/core';
 import { FocusableOption } from '@angular/cdk/a11y';
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { FormGroupDirective } from '@angular/forms';
-import { HighContrastModeDetector } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/cdk/bidi';
 import { InjectionToken } from '@angular/core';
@@ -299,7 +298,11 @@ export declare class _ErrorStateTracker {
  */
 export declare function _getOptionScrollPosition(optionOffset: number, optionHeight: number, currentScrollPosition: number, panelHeight: number): number;
 
-/** Object that can be used to configure the sanity checks granularly. */
+/**
+ * Object that can be used to configure the sanity checks granularly.
+ * @deprecated No longer used and will be removed.
+ * @breaking-change 21.0.0
+ */
 export declare interface GranularSanityChecks {
     doctype: boolean;
     theme: boolean;
@@ -308,7 +311,6 @@ export declare interface GranularSanityChecks {
 
 declare namespace i1_2 {
     export {
-        MATERIAL_SANITY_CHECKS_FACTORY,
         MATERIAL_SANITY_CHECKS,
         SanityChecks,
         GranularSanityChecks,
@@ -399,16 +401,12 @@ export declare const MAT_RIPPLE_GLOBAL_OPTIONS: InjectionToken<RippleGlobalOptio
  * components. This includes Bidi, etc.
  *
  * This module should be imported to each top-level component module (e.g., MatTabsModule).
+ * @deprecated No longer used and will be removed.
+ * @breaking-change 21.0.0
  */
 export declare class MatCommonModule {
-    private _sanityChecks;
-    private _document;
-    /** Whether we've done the global sanity checks (e.g. a theme is loaded, there is a doctype). */
-    private _hasDoneGlobalChecks;
-    constructor(highContrastModeDetector: HighContrastModeDetector, _sanityChecks: SanityChecks, _document: Document);
-    /** Gets whether a specific sanity check is enabled. */
-    private _checkIsEnabled;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatCommonModule, [null, { optional: true; }, null]>;
+    constructor(...args: any[]);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCommonModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatCommonModule, never, [typeof i1.BidiModule], [typeof i1.BidiModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatCommonModule>;
 }
@@ -426,12 +424,13 @@ export declare type MatDateFormats = {
     };
 };
 
-/** Injection token that configures whether the Material sanity checks are enabled. */
+/**
+ * Injection token that configures whether the Material sanity checks are enabled.
+ * @deprecated No longer used and will be removed.
+ * @breaking-change 21.0.0
+ */
 export declare const MATERIAL_SANITY_CHECKS: InjectionToken<SanityChecks>;
 
-/** @docs-private */
-declare function MATERIAL_SANITY_CHECKS_FACTORY(): SanityChecks;
-
 /**
  * Internal shared component used as a container in form field controls.
  * Not to be confused with `mat-form-field` which MDC calls a "text field".
@@ -478,8 +477,8 @@ export declare class MatOptgroup {
     _labelId: string;
     /** Whether the group is in inert a11y mode. */
     _inert: boolean;
-    constructor(parent?: MatOptionParentComponent);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatOptgroup, [{ optional: true; }]>;
+    constructor(...args: unknown[]);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatOptgroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatOptgroup, "mat-optgroup", ["matOptgroup"], { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*", "mat-option, ng-container"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
@@ -491,13 +490,13 @@ export declare class MatOption<T = any> implements FocusableOption, AfterViewChe
     private _element;
     _changeDetectorRef: ChangeDetectorRef;
     private _parent;
-    group: MatOptgroup;
+    group: MatOptgroup | null;
     private _selected;
     private _active;
     private _disabled;
     private _mostRecentViewValue;
     /** Whether the wrapping component is in multiple selection mode. */
-    get multiple(): boolean | undefined;
+    get multiple(): boolean | null | undefined;
     /** Whether or not the option is currently selected. */
     get selected(): boolean;
     /** The form value of the option. */
@@ -517,7 +516,7 @@ export declare class MatOption<T = any> implements FocusableOption, AfterViewChe
     _text: ElementRef<HTMLElement> | undefined;
     /** Emits when the state of the option changes and any parents have to be notified. */
     readonly _stateChanges: Subject<void>;
-    constructor(_element: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _parent: MatOptionParentComponent, group: MatOptgroup);
+    constructor(...args: unknown[]);
     /**
      * Whether or not the option is currently active and ready to be selected.
      * An active option displays styles as if it is focused, but the
@@ -565,7 +564,7 @@ export declare class MatOption<T = any> implements FocusableOption, AfterViewChe
     ngOnDestroy(): void;
     /** Emits the selection change event. */
     private _emitSelectionChangeEvent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatOption<any>, [null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatOption<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatOption<any>, "mat-option", ["matOption"], { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["mat-icon", "*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
@@ -615,7 +614,7 @@ export declare class MatOptionSelectionChange<T = any> {
  * @docs-private
  */
 export declare class MatPseudoCheckbox {
-    _animationMode?: string | undefined;
+    _animationMode?: "NoopAnimations" | "BrowserAnimations" | null | undefined;
     /** Display state of the checkbox. */
     state: MatPseudoCheckboxState;
     /** Whether the checkbox is disabled. */
@@ -625,8 +624,8 @@ export declare class MatPseudoCheckbox {
      * indicator inside a square box. 'minimal' appearance only renders the checkmark/mixedmark.
      */
     appearance: 'minimal' | 'full';
-    constructor(_animationMode?: string | undefined);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatPseudoCheckbox, [{ optional: true; }]>;
+    constructor(...args: unknown[]);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatPseudoCheckbox, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatPseudoCheckbox, "mat-pseudo-checkbox", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, never, true, never>;
 }
 
@@ -644,7 +643,7 @@ export declare type MatPseudoCheckboxState = 'unchecked' | 'checked' | 'indeterm
 
 export declare class MatRipple implements OnInit, OnDestroy, RippleTarget {
     private _elementRef;
-    private _animationMode?;
+    private _animationMode;
     /** Custom color for all ripples. */
     color: string;
     /** Whether the ripples should be visible outside the component's bounds. */
@@ -686,7 +685,7 @@ export declare class MatRipple implements OnInit, OnDestroy, RippleTarget {
     private _globalOptions;
     /** @docs-private Whether ripple directive is initialized and the input bindings are set. */
     _isInitialized: boolean;
-    constructor(_elementRef: ElementRef<HTMLElement>, ngZone: NgZone, platform: Platform, globalOptions?: RippleGlobalOptions, _animationMode?: string | undefined, injector?: Injector);
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     ngOnDestroy(): void;
     /** Fades out all currently showing ripple elements. */
@@ -719,7 +718,7 @@ export declare class MatRipple implements OnInit, OnDestroy, RippleTarget {
      * @param config Optional ripple configuration for the manual ripple.
      */
     launch(x: number, y: number, config?: RippleConfig): RippleRef;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatRipple, [null, null, null, { optional: true; }, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatRipple, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatRipple, "[mat-ripple], [matRipple]", ["matRipple"], { "color": { "alias": "matRippleColor"; "required": false; }; "unbounded": { "alias": "matRippleUnbounded"; "required": false; }; "centered": { "alias": "matRippleCentered"; "required": false; }; "radius": { "alias": "matRippleRadius"; "required": false; }; "animation": { "alias": "matRippleAnimation"; "required": false; }; "disabled": { "alias": "matRippleDisabled"; "required": false; }; "trigger": { "alias": "matRippleTrigger"; "required": false; }; }, {}, never, never, true, never>;
 }
 
@@ -781,12 +780,7 @@ export declare class NativeDateAdapter extends DateAdapter<Date> {
     useUtcForDisplay: boolean;
     /** The injected locale. */
     private readonly _matDateLocale;
-    constructor(
-    /**
-     * @deprecated Now injected via inject(), param to be removed.
-     * @breaking-change 18.0.0
-     */
-    matDateLocale?: string);
+    constructor(...args: unknown[]);
     getYear(date: Date): number;
     getMonth(date: Date): number;
     getDate(date: Date): number;
@@ -835,7 +829,7 @@ export declare class NativeDateAdapter extends DateAdapter<Date> {
      * @returns A Date object with its UTC representation based on the passed in date info
      */
     private _format;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NativeDateAdapter, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NativeDateAdapter, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NativeDateAdapter>;
 }
 
@@ -1015,6 +1009,8 @@ export declare interface RippleTarget {
 /**
  * Possible sanity checks that can be enabled. If set to
  * true/false, all checks will be enabled/disabled.
+ * @deprecated No longer used and will be removed.
+ * @breaking-change 21.0.0
  */
 export declare type SanityChecks = boolean | GranularSanityChecks;
 

package/core/tokens/m3/mat/_badge.scss

@@ -25,8 +25,8 @@ $prefix: (mat, badge);
     small-size-text-size: token-definition.hardcode(0, $exclude-hardcoded),
     container-shape: map.get($systems, md-sys-shape, corner-full),
     container-size: token-definition.hardcode(16px, $exclude-hardcoded),
-    legacy-container-size: token-definition.hardcode(unset, $exclude-hardcoded),
-    legacy-small-size-container-size: token-definition.hardcode(unset, $exclude-hardcoded),
+    legacy-container-size: token-definition.hardcode(16px, $exclude-hardcoded),
+    legacy-small-size-container-size: token-definition.hardcode(16px, $exclude-hardcoded),
     small-size-container-size: token-definition.hardcode(6px, $exclude-hardcoded),
     container-padding: token-definition.hardcode(0 4px, $exclude-hardcoded),
     small-size-container-padding: token-definition.hardcode(0, $exclude-hardcoded),
@@ -41,7 +41,7 @@ $prefix: (mat, badge);
     large-size-container-overlap-offset: token-definition.hardcode(-12px, $exclude-hardcoded),
     large-size-text-size: map.get($systems, md-sys-typescale, label-small-size),
     large-size-container-padding: token-definition.hardcode(0 4px, $exclude-hardcoded),
-    legacy-large-size-container-size: token-definition.hardcode(unset, $exclude-hardcoded),
+    legacy-large-size-container-size: token-definition.hardcode(16px, $exclude-hardcoded),
   ), (
     primary: (
       background-color: map.get($systems, md-sys-color, primary),