@angular/material 20.0.0-next.0 → 20.0.0-next.2

package/fesm2022/core.mjs

@@ -1,17 +1,32 @@
+export { _ as _MatInternalFormField } from './internal-form-field-434c4039.mjs';
 import * as i0 from '@angular/core';
-import { Version, InjectionToken, inject, NgModule, LOCALE_ID, Injectable, Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, ElementRef, ANIMATION_MODULE_TYPE, NgZone, Injector, Input, booleanAttribute, ChangeDetectorRef, EventEmitter, isSignal, Output, ViewChild, RendererFactory2 } from '@angular/core';
-import { HighContrastModeDetector, isFakeMousedownFromScreenReader, isFakeTouchstartFromScreenReader, _IdGenerator } from '@angular/cdk/a11y';
-import { BidiModule } from '@angular/cdk/bidi';
-import { Subject } from 'rxjs';
-import { startWith } from 'rxjs/operators';
-import { normalizePassiveListenerOptions, _getEventTarget, Platform, _bindEventWithOptions } from '@angular/cdk/platform';
-import { coerceElement } from '@angular/cdk/coercion';
-import { _CdkPrivateStyleLoader, _VisuallyHiddenLoader } from '@angular/cdk/private';
-import { ENTER, SPACE, hasModifierKey } from '@angular/cdk/keycodes';
-import { DOCUMENT } from '@angular/common';
+import { Version, inject, Injectable, NgModule } from '@angular/core';
+export { a as MATERIAL_SANITY_CHECKS, M as MatCommonModule } from './common-module-2d64df09.mjs';
+export { _ as _ErrorStateTracker } from './error-state-8f4ce1af.mjs';
+import { D as DateAdapter, M as MAT_DATE_LOCALE, a as MAT_DATE_FORMATS } from './date-formats-b618acb8.mjs';
+export { D as DateAdapter, a as MAT_DATE_FORMATS, M as MAT_DATE_LOCALE, b as MAT_DATE_LOCALE_FACTORY } from './date-formats-b618acb8.mjs';
+export { E as ErrorStateMatcher, S as ShowOnDirtyErrorStateMatcher } from './error-options-4a00765e.mjs';
+export { _ as _StructuralStylesLoader } from './structural-styles-d5ada3b3.mjs';
+export { M as MatLine, a as MatLineModule, s as setLines } from './line-d6afe347.mjs';
+export { b as MAT_OPTGROUP, M as MAT_OPTION_PARENT_COMPONENT, e as MatOptgroup, a as MatOption, c as MatOptionSelectionChange, _ as _countGroupLabelsBeforeOption, d as _getOptionScrollPosition } from './option-07c3c660.mjs';
+export { M as MatOptionModule } from './index-1763d3a6.mjs';
+export { M as MatRippleLoader } from './ripple-loader-f2078c66.mjs';
+export { a as MAT_RIPPLE_GLOBAL_OPTIONS, M as MatRipple, c as RippleRef, R as RippleRenderer, b as RippleState, d as defaultRippleAnimationConfig } from './ripple-9939d1f5.mjs';
+export { M as MatRippleModule } from './index-4bc1d6d3.mjs';
+export { M as MatPseudoCheckbox } from './pseudo-checkbox-af5a4ea4.mjs';
+export { M as MatPseudoCheckboxModule } from './pseudo-checkbox-module-216fae38.mjs';
+import '@angular/cdk/a11y';
+import '@angular/cdk/bidi';
+import 'rxjs';
+import 'rxjs/operators';
+import '@angular/cdk/keycodes';
+import '@angular/cdk/private';
+import '@angular/common';
+import '@angular/cdk/platform';
+import '@angular/cdk/coercion';
 
 /** Current version of Angular Material. */
-const VERSION = new Version('20.0.0-next.0');
+const VERSION = new Version('20.0.0-next.2');
 
 /**
  * @deprecated No longer used, will be removed.
@@ -35,257 +50,6 @@ class AnimationDurations {
     static EXITING = '195ms';
 }
 
-/**
- * Injection token that configures whether the Material sanity checks are enabled.
- * @deprecated No longer used and will be removed.
- * @breaking-change 21.0.0
- */
-const MATERIAL_SANITY_CHECKS = new InjectionToken('mat-sanity-checks', {
-    providedIn: 'root',
-    factory: () => true,
-});
-/**
- * Module that captures anything that should be loaded and/or run for *all* Angular Material
- * 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
- */
-class MatCommonModule {
-    constructor() {
-        // While A11yModule also does this, we repeat it here to avoid importing A11yModule
-        // in MatCommonModule.
-        inject(HighContrastModeDetector)._applyBodyHighContrastModeCssClasses();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: MatCommonModule, imports: [BidiModule], exports: [BidiModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatCommonModule, imports: [BidiModule, BidiModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatCommonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [BidiModule],
-                    exports: [BidiModule],
-                }]
-        }], ctorParameters: () => [] });
-
-/**
- * Class that tracks the error state of a component.
- * @docs-private
- */
-class _ErrorStateTracker {
-    _defaultMatcher;
-    ngControl;
-    _parentFormGroup;
-    _parentForm;
-    _stateChanges;
-    /** Whether the tracker is currently in an error state. */
-    errorState = false;
-    /** User-defined matcher for the error state. */
-    matcher;
-    constructor(_defaultMatcher, ngControl, _parentFormGroup, _parentForm, _stateChanges) {
-        this._defaultMatcher = _defaultMatcher;
-        this.ngControl = ngControl;
-        this._parentFormGroup = _parentFormGroup;
-        this._parentForm = _parentForm;
-        this._stateChanges = _stateChanges;
-    }
-    /** Updates the error state based on the provided error state matcher. */
-    updateErrorState() {
-        const oldState = this.errorState;
-        const parent = this._parentFormGroup || this._parentForm;
-        const matcher = this.matcher || this._defaultMatcher;
-        const control = this.ngControl ? this.ngControl.control : null;
-        const newState = matcher?.isErrorState(control, parent) ?? false;
-        if (newState !== oldState) {
-            this.errorState = newState;
-            this._stateChanges.next();
-        }
-    }
-}
-
-/** InjectionToken for datepicker that can be used to override default locale code. */
-const MAT_DATE_LOCALE = new InjectionToken('MAT_DATE_LOCALE', {
-    providedIn: 'root',
-    factory: MAT_DATE_LOCALE_FACTORY,
-});
-/** @docs-private */
-function MAT_DATE_LOCALE_FACTORY() {
-    return inject(LOCALE_ID);
-}
-const NOT_IMPLEMENTED = 'Method not implemented';
-/** Adapts type `D` to be usable as a date by cdk-based components that work with dates. */
-class DateAdapter {
-    /** The locale to use for all dates. */
-    locale;
-    _localeChanges = new Subject();
-    /** A stream that emits when the locale changes. */
-    localeChanges = this._localeChanges;
-    /**
-     * Sets the time of one date to the time of another.
-     * @param target Date whose time will be set.
-     * @param hours New hours to set on the date object.
-     * @param minutes New minutes to set on the date object.
-     * @param seconds New seconds to set on the date object.
-     */
-    setTime(target, hours, minutes, seconds) {
-        throw new Error(NOT_IMPLEMENTED);
-    }
-    /**
-     * Gets the hours component of the given date.
-     * @param date The date to extract the hours from.
-     */
-    getHours(date) {
-        throw new Error(NOT_IMPLEMENTED);
-    }
-    /**
-     * Gets the minutes component of the given date.
-     * @param date The date to extract the minutes from.
-     */
-    getMinutes(date) {
-        throw new Error(NOT_IMPLEMENTED);
-    }
-    /**
-     * Gets the seconds component of the given date.
-     * @param date The date to extract the seconds from.
-     */
-    getSeconds(date) {
-        throw new Error(NOT_IMPLEMENTED);
-    }
-    /**
-     * Parses a date with a specific time from a user-provided value.
-     * @param value The value to parse.
-     * @param parseFormat The expected format of the value being parsed
-     *     (type is implementation-dependent).
-     */
-    parseTime(value, parseFormat) {
-        throw new Error(NOT_IMPLEMENTED);
-    }
-    /**
-     * Adds an amount of seconds to the specified date.
-     * @param date Date to which to add the seconds.
-     * @param amount Amount of seconds to add to the date.
-     */
-    addSeconds(date, amount) {
-        throw new Error(NOT_IMPLEMENTED);
-    }
-    /**
-     * Given a potential date object, returns that same date object if it is
-     * a valid date, or `null` if it's not a valid date.
-     * @param obj The object to check.
-     * @returns A date or `null`.
-     */
-    getValidDateOrNull(obj) {
-        return this.isDateInstance(obj) && this.isValid(obj) ? obj : null;
-    }
-    /**
-     * Attempts to deserialize a value to a valid date object. This is different from parsing in that
-     * deserialize should only accept non-ambiguous, locale-independent formats (e.g. a ISO 8601
-     * string). The default implementation does not allow any deserialization, it simply checks that
-     * the given value is already a valid date object or null. The `<mat-datepicker>` will call this
-     * method on all of its `@Input()` properties that accept dates. It is therefore possible to
-     * support passing values from your backend directly to these properties by overriding this method
-     * to also deserialize the format used by your backend.
-     * @param value The value to be deserialized into a date object.
-     * @returns The deserialized date object, either a valid date, null if the value can be
-     *     deserialized into a null date (e.g. the empty string), or an invalid date.
-     */
-    deserialize(value) {
-        if (value == null || (this.isDateInstance(value) && this.isValid(value))) {
-            return value;
-        }
-        return this.invalid();
-    }
-    /**
-     * Sets the locale used for all dates.
-     * @param locale The new locale.
-     */
-    setLocale(locale) {
-        this.locale = locale;
-        this._localeChanges.next();
-    }
-    /**
-     * Compares two dates.
-     * @param first The first date to compare.
-     * @param second The second date to compare.
-     * @returns 0 if the dates are equal, a number less than 0 if the first date is earlier,
-     *     a number greater than 0 if the first date is later.
-     */
-    compareDate(first, second) {
-        return (this.getYear(first) - this.getYear(second) ||
-            this.getMonth(first) - this.getMonth(second) ||
-            this.getDate(first) - this.getDate(second));
-    }
-    /**
-     * Compares the time values of two dates.
-     * @param first First date to compare.
-     * @param second Second date to compare.
-     * @returns 0 if the times are equal, a number less than 0 if the first time is earlier,
-     *     a number greater than 0 if the first time is later.
-     */
-    compareTime(first, second) {
-        return (this.getHours(first) - this.getHours(second) ||
-            this.getMinutes(first) - this.getMinutes(second) ||
-            this.getSeconds(first) - this.getSeconds(second));
-    }
-    /**
-     * Checks if two dates are equal.
-     * @param first The first date to check.
-     * @param second The second date to check.
-     * @returns Whether the two dates are equal.
-     *     Null dates are considered equal to other null dates.
-     */
-    sameDate(first, second) {
-        if (first && second) {
-            let firstValid = this.isValid(first);
-            let secondValid = this.isValid(second);
-            if (firstValid && secondValid) {
-                return !this.compareDate(first, second);
-            }
-            return firstValid == secondValid;
-        }
-        return first == second;
-    }
-    /**
-     * Checks if the times of two dates are equal.
-     * @param first The first date to check.
-     * @param second The second date to check.
-     * @returns Whether the times of the two dates are equal.
-     *     Null dates are considered equal to other null dates.
-     */
-    sameTime(first, second) {
-        if (first && second) {
-            const firstValid = this.isValid(first);
-            const secondValid = this.isValid(second);
-            if (firstValid && secondValid) {
-                return !this.compareTime(first, second);
-            }
-            return firstValid == secondValid;
-        }
-        return first == second;
-    }
-    /**
-     * Clamp the given date between min and max dates.
-     * @param date The date to clamp.
-     * @param min The minimum value to allow. If null or omitted no min is enforced.
-     * @param max The maximum value to allow. If null or omitted no max is enforced.
-     * @returns `min` if `date` is less than `min`, `max` if date is greater than `max`,
-     *     otherwise `date`.
-     */
-    clampDate(date, min, max) {
-        if (min && this.compareDate(date, min) < 0) {
-            return min;
-        }
-        if (max && this.compareDate(date, max) > 0) {
-            return max;
-        }
-        return date;
-    }
-}
-
-const MAT_DATE_FORMATS = new InjectionToken('mat-date-formats');
-
 /**
  * Matches strings that have the form of a valid RFC 3339 string
  * (https://tools.ietf.org/html/rfc3339). Note that the string may not actually be a valid date
@@ -584,10 +348,10 @@ class NativeDateAdapter extends DateAdapter {
         }
         return null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NativeDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NativeDateAdapter });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: NativeDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: NativeDateAdapter });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NativeDateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: NativeDateAdapter, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 /** Checks whether a number is within a certain range. */
@@ -611,22 +375,22 @@ const MAT_NATIVE_DATE_FORMATS = {
 };
 
 class NativeDateModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NativeDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: NativeDateModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NativeDateModule, providers: [{ provide: DateAdapter, useClass: NativeDateAdapter }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: NativeDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0-next.1", ngImport: i0, type: NativeDateModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: NativeDateModule, providers: [{ provide: DateAdapter, useClass: NativeDateAdapter }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NativeDateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: NativeDateModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [{ provide: DateAdapter, useClass: NativeDateAdapter }],
                 }]
         }] });
 class MatNativeDateModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatNativeDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: MatNativeDateModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatNativeDateModule, providers: [provideNativeDateAdapter()] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: MatNativeDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0-next.1", ngImport: i0, type: MatNativeDateModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: MatNativeDateModule, providers: [provideNativeDateAdapter()] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatNativeDateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: MatNativeDateModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [provideNativeDateAdapter()],
@@ -639,1329 +403,5 @@ function provideNativeDateAdapter(formats = MAT_NATIVE_DATE_FORMATS) {
     ];
 }
 
-/** Error state matcher that matches when a control is invalid and dirty. */
-class ShowOnDirtyErrorStateMatcher {
-    isErrorState(control, form) {
-        return !!(control && control.invalid && (control.dirty || (form && form.submitted)));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ShowOnDirtyErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ShowOnDirtyErrorStateMatcher });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ShowOnDirtyErrorStateMatcher, decorators: [{
-            type: Injectable
-        }] });
-/** Provider that defines how form controls behave with regards to displaying error messages. */
-class ErrorStateMatcher {
-    isErrorState(control, form) {
-        return !!(control && control.invalid && (control.touched || (form && form.submitted)));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ErrorStateMatcher, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ErrorStateMatcher, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-/**
- * Component used to load structural styles for focus indicators.
- * @docs-private
- */
-class _StructuralStylesLoader {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: _StructuralStylesLoader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: _StructuralStylesLoader, isStandalone: true, selector: "structural-styles", ngImport: i0, template: '', isInline: true, styles: [".mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border-width:var(--mat-focus-indicator-border-width, 3px);border-style:var(--mat-focus-indicator-border-style, solid);border-color:var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:\"\"}@media(forced-colors: active){html{--mat-focus-indicator-display: block}}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: _StructuralStylesLoader, decorators: [{
-            type: Component,
-            args: [{ selector: 'structural-styles', encapsulation: ViewEncapsulation.None, template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [".mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border-width:var(--mat-focus-indicator-border-width, 3px);border-style:var(--mat-focus-indicator-border-style, solid);border-color:var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:\"\"}@media(forced-colors: active){html{--mat-focus-indicator-display: block}}"] }]
-        }] });
-
-/**
- * Shared directive to count lines inside a text area, such as a list item.
- * Line elements can be extracted with a @ContentChildren(MatLine) query, then
- * counted by checking the query list's length.
- */
-class MatLine {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatLine, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: MatLine, isStandalone: true, selector: "[mat-line], [matLine]", host: { classAttribute: "mat-line" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatLine, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mat-line], [matLine]',
-                    host: { 'class': 'mat-line' },
-                }]
-        }] });
-/**
- * Helper that takes a query list of lines and sets the correct class on the host.
- * @docs-private
- */
-function setLines(lines, element, prefix = 'mat') {
-    // Note: doesn't need to unsubscribe, because `changes`
-    // gets completed by Angular when the view is destroyed.
-    lines.changes.pipe(startWith(lines)).subscribe(({ length }) => {
-        setClass(element, `${prefix}-2-line`, false);
-        setClass(element, `${prefix}-3-line`, false);
-        setClass(element, `${prefix}-multi-line`, false);
-        if (length === 2 || length === 3) {
-            setClass(element, `${prefix}-${length}-line`, true);
-        }
-        else if (length > 3) {
-            setClass(element, `${prefix}-multi-line`, true);
-        }
-    });
-}
-/** Adds or removes a class from an element. */
-function setClass(element, className, isAdd) {
-    element.nativeElement.classList.toggle(className, isAdd);
-}
-class MatLineModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatLineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: MatLineModule, imports: [MatCommonModule, MatLine], exports: [MatLine, MatCommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatLineModule, imports: [MatCommonModule, MatCommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatLineModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [MatCommonModule, MatLine],
-                    exports: [MatLine, MatCommonModule],
-                }]
-        }] });
-
-/** Possible states for a ripple element. */
-var RippleState;
-(function (RippleState) {
-    RippleState[RippleState["FADING_IN"] = 0] = "FADING_IN";
-    RippleState[RippleState["VISIBLE"] = 1] = "VISIBLE";
-    RippleState[RippleState["FADING_OUT"] = 2] = "FADING_OUT";
-    RippleState[RippleState["HIDDEN"] = 3] = "HIDDEN";
-})(RippleState || (RippleState = {}));
-/**
- * Reference to a previously launched ripple element.
- */
-class RippleRef {
-    _renderer;
-    element;
-    config;
-    _animationForciblyDisabledThroughCss;
-    /** Current state of the ripple. */
-    state = RippleState.HIDDEN;
-    constructor(_renderer, 
-    /** Reference to the ripple HTML element. */
-    element, 
-    /** Ripple configuration used for the ripple. */
-    config, 
-    /* Whether animations are forcibly disabled for ripples through CSS. */
-    _animationForciblyDisabledThroughCss = false) {
-        this._renderer = _renderer;
-        this.element = element;
-        this.config = config;
-        this._animationForciblyDisabledThroughCss = _animationForciblyDisabledThroughCss;
-    }
-    /** Fades out the ripple element. */
-    fadeOut() {
-        this._renderer.fadeOutRipple(this);
-    }
-}
-
-/** Options used to bind a passive capturing event. */
-const passiveCapturingEventOptions$1 = normalizePassiveListenerOptions({
-    passive: true,
-    capture: true,
-});
-/** Manages events through delegation so that as few event handlers as possible are bound. */
-class RippleEventManager {
-    _events = new Map();
-    /** Adds an event handler. */
-    addHandler(ngZone, name, element, handler) {
-        const handlersForEvent = this._events.get(name);
-        if (handlersForEvent) {
-            const handlersForElement = handlersForEvent.get(element);
-            if (handlersForElement) {
-                handlersForElement.add(handler);
-            }
-            else {
-                handlersForEvent.set(element, new Set([handler]));
-            }
-        }
-        else {
-            this._events.set(name, new Map([[element, new Set([handler])]]));
-            ngZone.runOutsideAngular(() => {
-                document.addEventListener(name, this._delegateEventHandler, passiveCapturingEventOptions$1);
-            });
-        }
-    }
-    /** Removes an event handler. */
-    removeHandler(name, element, handler) {
-        const handlersForEvent = this._events.get(name);
-        if (!handlersForEvent) {
-            return;
-        }
-        const handlersForElement = handlersForEvent.get(element);
-        if (!handlersForElement) {
-            return;
-        }
-        handlersForElement.delete(handler);
-        if (handlersForElement.size === 0) {
-            handlersForEvent.delete(element);
-        }
-        if (handlersForEvent.size === 0) {
-            this._events.delete(name);
-            document.removeEventListener(name, this._delegateEventHandler, passiveCapturingEventOptions$1);
-        }
-    }
-    /** Event handler that is bound and which dispatches the events to the different targets. */
-    _delegateEventHandler = (event) => {
-        const target = _getEventTarget(event);
-        if (target) {
-            this._events.get(event.type)?.forEach((handlers, element) => {
-                if (element === target || element.contains(target)) {
-                    handlers.forEach(handler => handler.handleEvent(event));
-                }
-            });
-        }
-    };
-}
-
-/**
- * Default ripple animation configuration for ripples without an explicit
- * animation config specified.
- */
-const defaultRippleAnimationConfig = {
-    enterDuration: 225,
-    exitDuration: 150,
-};
-/**
- * Timeout for ignoring mouse events. Mouse events will be temporary ignored after touch
- * events to avoid synthetic mouse events.
- */
-const ignoreMouseEventsTimeout = 800;
-/** Options used to bind a passive capturing event. */
-const passiveCapturingEventOptions = normalizePassiveListenerOptions({
-    passive: true,
-    capture: true,
-});
-/** Events that signal that the pointer is down. */
-const pointerDownEvents = ['mousedown', 'touchstart'];
-/** Events that signal that the pointer is up. */
-const pointerUpEvents = ['mouseup', 'mouseleave', 'touchend', 'touchcancel'];
-class _MatRippleStylesLoader {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: _MatRippleStylesLoader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: _MatRippleStylesLoader, isStandalone: true, selector: "ng-component", host: { attributes: { "mat-ripple-style-loader": "" } }, ngImport: i0, template: '', isInline: true, styles: [".mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent))}@media(forced-colors: active){.mat-ripple-element{display:none}}.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: _MatRippleStylesLoader, decorators: [{
-            type: Component,
-            args: [{ template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { 'mat-ripple-style-loader': '' }, styles: [".mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent))}@media(forced-colors: active){.mat-ripple-element{display:none}}.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}"] }]
-        }] });
-/**
- * Helper service that performs DOM manipulations. Not intended to be used outside this module.
- * The constructor takes a reference to the ripple directive's host element and a map of DOM
- * event handlers to be installed on the element that triggers ripple animations.
- * This will eventually become a custom renderer once Angular support exists.
- * @docs-private
- */
-class RippleRenderer {
-    _target;
-    _ngZone;
-    _platform;
-    /** Element where the ripples are being added to. */
-    _containerElement;
-    /** Element which triggers the ripple elements on mouse events. */
-    _triggerElement;
-    /** Whether the pointer is currently down or not. */
-    _isPointerDown = false;
-    /**
-     * Map of currently active ripple references.
-     * The ripple reference is mapped to its element event listeners.
-     * The reason why `| null` is used is that event listeners are added only
-     * when the condition is truthy (see the `_startFadeOutTransition` method).
-     */
-    _activeRipples = new Map();
-    /** Latest non-persistent ripple that was triggered. */
-    _mostRecentTransientRipple;
-    /** Time in milliseconds when the last touchstart event happened. */
-    _lastTouchStartEvent;
-    /** Whether pointer-up event listeners have been registered. */
-    _pointerUpEventsRegistered = false;
-    /**
-     * Cached dimensions of the ripple container. Set when the first
-     * ripple is shown and cleared once no more ripples are visible.
-     */
-    _containerRect;
-    static _eventManager = new RippleEventManager();
-    constructor(_target, _ngZone, elementOrElementRef, _platform, injector) {
-        this._target = _target;
-        this._ngZone = _ngZone;
-        this._platform = _platform;
-        // Only do anything if we're on the browser.
-        if (_platform.isBrowser) {
-            this._containerElement = coerceElement(elementOrElementRef);
-        }
-        if (injector) {
-            injector.get(_CdkPrivateStyleLoader).load(_MatRippleStylesLoader);
-        }
-    }
-    /**
-     * Fades in a ripple at the given coordinates.
-     * @param x Coordinate within the element, along the X axis at which to start the ripple.
-     * @param y Coordinate within the element, along the Y axis at which to start the ripple.
-     * @param config Extra ripple options.
-     */
-    fadeInRipple(x, y, config = {}) {
-        const containerRect = (this._containerRect =
-            this._containerRect || this._containerElement.getBoundingClientRect());
-        const animationConfig = { ...defaultRippleAnimationConfig, ...config.animation };
-        if (config.centered) {
-            x = containerRect.left + containerRect.width / 2;
-            y = containerRect.top + containerRect.height / 2;
-        }
-        const radius = config.radius || distanceToFurthestCorner(x, y, containerRect);
-        const offsetX = x - containerRect.left;
-        const offsetY = y - containerRect.top;
-        const enterDuration = animationConfig.enterDuration;
-        const ripple = document.createElement('div');
-        ripple.classList.add('mat-ripple-element');
-        ripple.style.left = `${offsetX - radius}px`;
-        ripple.style.top = `${offsetY - radius}px`;
-        ripple.style.height = `${radius * 2}px`;
-        ripple.style.width = `${radius * 2}px`;
-        // If a custom color has been specified, set it as inline style. If no color is
-        // set, the default color will be applied through the ripple theme styles.
-        if (config.color != null) {
-            ripple.style.backgroundColor = config.color;
-        }
-        ripple.style.transitionDuration = `${enterDuration}ms`;
-        this._containerElement.appendChild(ripple);
-        // By default the browser does not recalculate the styles of dynamically created
-        // ripple elements. This is critical to ensure that the `scale` animates properly.
-        // We enforce a style recalculation by calling `getComputedStyle` and *accessing* a property.
-        // See: https://gist.github.com/paulirish/5d52fb081b3570c81e3a
-        const computedStyles = window.getComputedStyle(ripple);
-        const userTransitionProperty = computedStyles.transitionProperty;
-        const userTransitionDuration = computedStyles.transitionDuration;
-        // Note: We detect whether animation is forcibly disabled through CSS (e.g. through
-        // `transition: none` or `display: none`). This is technically unexpected since animations are
-        // controlled through the animation config, but this exists for backwards compatibility. This
-        // logic does not need to be super accurate since it covers some edge cases which can be easily
-        // avoided by users.
-        const animationForciblyDisabledThroughCss = userTransitionProperty === 'none' ||
-            // Note: The canonical unit for serialized CSS `<time>` properties is seconds. Additionally
-            // some browsers expand the duration for every property (in our case `opacity` and `transform`).
-            userTransitionDuration === '0s' ||
-            userTransitionDuration === '0s, 0s' ||
-            // If the container is 0x0, it's likely `display: none`.
-            (containerRect.width === 0 && containerRect.height === 0);
-        // Exposed reference to the ripple that will be returned.
-        const rippleRef = new RippleRef(this, ripple, config, animationForciblyDisabledThroughCss);
-        // Start the enter animation by setting the transform/scale to 100%. The animation will
-        // execute as part of this statement because we forced a style recalculation before.
-        // Note: We use a 3d transform here in order to avoid an issue in Safari where
-        // the ripples aren't clipped when inside the shadow DOM (see #24028).
-        ripple.style.transform = 'scale3d(1, 1, 1)';
-        rippleRef.state = RippleState.FADING_IN;
-        if (!config.persistent) {
-            this._mostRecentTransientRipple = rippleRef;
-        }
-        let eventListeners = null;
-        // Do not register the `transition` event listener if fade-in and fade-out duration
-        // are set to zero. The events won't fire anyway and we can save resources here.
-        if (!animationForciblyDisabledThroughCss && (enterDuration || animationConfig.exitDuration)) {
-            this._ngZone.runOutsideAngular(() => {
-                const onTransitionEnd = () => {
-                    // Clear the fallback timer since the transition fired correctly.
-                    if (eventListeners) {
-                        eventListeners.fallbackTimer = null;
-                    }
-                    clearTimeout(fallbackTimer);
-                    this._finishRippleTransition(rippleRef);
-                };
-                const onTransitionCancel = () => this._destroyRipple(rippleRef);
-                // In some cases where there's a higher load on the browser, it can choose not to dispatch
-                // neither `transitionend` nor `transitioncancel` (see b/227356674). This timer serves as a
-                // fallback for such cases so that the ripple doesn't become stuck. We add a 100ms buffer
-                // because timers aren't precise. Note that another approach can be to transition the ripple
-                // to the `VISIBLE` state immediately above and to `FADING_IN` afterwards inside
-                // `transitionstart`. We go with the timer because it's one less event listener and
-                // it's less likely to break existing tests.
-                const fallbackTimer = setTimeout(onTransitionCancel, enterDuration + 100);
-                ripple.addEventListener('transitionend', onTransitionEnd);
-                // If the transition is cancelled (e.g. due to DOM removal), we destroy the ripple
-                // directly as otherwise we would keep it part of the ripple container forever.
-                // https://www.w3.org/TR/css-transitions-1/#:~:text=no%20longer%20in%20the%20document.
-                ripple.addEventListener('transitioncancel', onTransitionCancel);
-                eventListeners = { onTransitionEnd, onTransitionCancel, fallbackTimer };
-            });
-        }
-        // Add the ripple reference to the list of all active ripples.
-        this._activeRipples.set(rippleRef, eventListeners);
-        // In case there is no fade-in transition duration, we need to manually call the transition
-        // end listener because `transitionend` doesn't fire if there is no transition.
-        if (animationForciblyDisabledThroughCss || !enterDuration) {
-            this._finishRippleTransition(rippleRef);
-        }
-        return rippleRef;
-    }
-    /** Fades out a ripple reference. */
-    fadeOutRipple(rippleRef) {
-        // For ripples already fading out or hidden, this should be a noop.
-        if (rippleRef.state === RippleState.FADING_OUT || rippleRef.state === RippleState.HIDDEN) {
-            return;
-        }
-        const rippleEl = rippleRef.element;
-        const animationConfig = { ...defaultRippleAnimationConfig, ...rippleRef.config.animation };
-        // This starts the fade-out transition and will fire the transition end listener that
-        // removes the ripple element from the DOM.
-        rippleEl.style.transitionDuration = `${animationConfig.exitDuration}ms`;
-        rippleEl.style.opacity = '0';
-        rippleRef.state = RippleState.FADING_OUT;
-        // In case there is no fade-out transition duration, we need to manually call the
-        // transition end listener because `transitionend` doesn't fire if there is no transition.
-        if (rippleRef._animationForciblyDisabledThroughCss || !animationConfig.exitDuration) {
-            this._finishRippleTransition(rippleRef);
-        }
-    }
-    /** Fades out all currently active ripples. */
-    fadeOutAll() {
-        this._getActiveRipples().forEach(ripple => ripple.fadeOut());
-    }
-    /** Fades out all currently active non-persistent ripples. */
-    fadeOutAllNonPersistent() {
-        this._getActiveRipples().forEach(ripple => {
-            if (!ripple.config.persistent) {
-                ripple.fadeOut();
-            }
-        });
-    }
-    /** Sets up the trigger event listeners */
-    setupTriggerEvents(elementOrElementRef) {
-        const element = coerceElement(elementOrElementRef);
-        if (!this._platform.isBrowser || !element || element === this._triggerElement) {
-            return;
-        }
-        // Remove all previously registered event listeners from the trigger element.
-        this._removeTriggerEvents();
-        this._triggerElement = element;
-        // Use event delegation for the trigger events since they're
-        // set up during creation and are performance-sensitive.
-        pointerDownEvents.forEach(type => {
-            RippleRenderer._eventManager.addHandler(this._ngZone, type, element, this);
-        });
-    }
-    /**
-     * Handles all registered events.
-     * @docs-private
-     */
-    handleEvent(event) {
-        if (event.type === 'mousedown') {
-            this._onMousedown(event);
-        }
-        else if (event.type === 'touchstart') {
-            this._onTouchStart(event);
-        }
-        else {
-            this._onPointerUp();
-        }
-        // If pointer-up events haven't been registered yet, do so now.
-        // We do this on-demand in order to reduce the total number of event listeners
-        // registered by the ripples, which speeds up the rendering time for large UIs.
-        if (!this._pointerUpEventsRegistered) {
-            // The events for hiding the ripple are bound directly on the trigger, because:
-            // 1. Some of them occur frequently (e.g. `mouseleave`) and any advantage we get from
-            // delegation will be diminished by having to look through all the data structures often.
-            // 2. They aren't as performance-sensitive, because they're bound only after the user
-            // has interacted with an element.
-            this._ngZone.runOutsideAngular(() => {
-                pointerUpEvents.forEach(type => {
-                    this._triggerElement.addEventListener(type, this, passiveCapturingEventOptions);
-                });
-            });
-            this._pointerUpEventsRegistered = true;
-        }
-    }
-    /** Method that will be called if the fade-in or fade-in transition completed. */
-    _finishRippleTransition(rippleRef) {
-        if (rippleRef.state === RippleState.FADING_IN) {
-            this._startFadeOutTransition(rippleRef);
-        }
-        else if (rippleRef.state === RippleState.FADING_OUT) {
-            this._destroyRipple(rippleRef);
-        }
-    }
-    /**
-     * Starts the fade-out transition of the given ripple if it's not persistent and the pointer
-     * is not held down anymore.
-     */
-    _startFadeOutTransition(rippleRef) {
-        const isMostRecentTransientRipple = rippleRef === this._mostRecentTransientRipple;
-        const { persistent } = rippleRef.config;
-        rippleRef.state = RippleState.VISIBLE;
-        // When the timer runs out while the user has kept their pointer down, we want to
-        // keep only the persistent ripples and the latest transient ripple. We do this,
-        // because we don't want stacked transient ripples to appear after their enter
-        // animation has finished.
-        if (!persistent && (!isMostRecentTransientRipple || !this._isPointerDown)) {
-            rippleRef.fadeOut();
-        }
-    }
-    /** Destroys the given ripple by removing it from the DOM and updating its state. */
-    _destroyRipple(rippleRef) {
-        const eventListeners = this._activeRipples.get(rippleRef) ?? null;
-        this._activeRipples.delete(rippleRef);
-        // Clear out the cached bounding rect if we have no more ripples.
-        if (!this._activeRipples.size) {
-            this._containerRect = null;
-        }
-        // If the current ref is the most recent transient ripple, unset it
-        // avoid memory leaks.
-        if (rippleRef === this._mostRecentTransientRipple) {
-            this._mostRecentTransientRipple = null;
-        }
-        rippleRef.state = RippleState.HIDDEN;
-        if (eventListeners !== null) {
-            rippleRef.element.removeEventListener('transitionend', eventListeners.onTransitionEnd);
-            rippleRef.element.removeEventListener('transitioncancel', eventListeners.onTransitionCancel);
-            if (eventListeners.fallbackTimer !== null) {
-                clearTimeout(eventListeners.fallbackTimer);
-            }
-        }
-        rippleRef.element.remove();
-    }
-    /** Function being called whenever the trigger is being pressed using mouse. */
-    _onMousedown(event) {
-        // Screen readers will fire fake mouse events for space/enter. Skip launching a
-        // ripple in this case for consistency with the non-screen-reader experience.
-        const isFakeMousedown = isFakeMousedownFromScreenReader(event);
-        const isSyntheticEvent = this._lastTouchStartEvent &&
-            Date.now() < this._lastTouchStartEvent + ignoreMouseEventsTimeout;
-        if (!this._target.rippleDisabled && !isFakeMousedown && !isSyntheticEvent) {
-            this._isPointerDown = true;
-            this.fadeInRipple(event.clientX, event.clientY, this._target.rippleConfig);
-        }
-    }
-    /** Function being called whenever the trigger is being pressed using touch. */
-    _onTouchStart(event) {
-        if (!this._target.rippleDisabled && !isFakeTouchstartFromScreenReader(event)) {
-            // Some browsers fire mouse events after a `touchstart` event. Those synthetic mouse
-            // events will launch a second ripple if we don't ignore mouse events for a specific
-            // time after a touchstart event.
-            this._lastTouchStartEvent = Date.now();
-            this._isPointerDown = true;
-            // Use `changedTouches` so we skip any touches where the user put
-            // their finger down, but used another finger to tap the element again.
-            const touches = event.changedTouches;
-            // According to the typings the touches should always be defined, but in some cases
-            // the browser appears to not assign them in tests which leads to flakes.
-            if (touches) {
-                for (let i = 0; i < touches.length; i++) {
-                    this.fadeInRipple(touches[i].clientX, touches[i].clientY, this._target.rippleConfig);
-                }
-            }
-        }
-    }
-    /** Function being called whenever the trigger is being released. */
-    _onPointerUp() {
-        if (!this._isPointerDown) {
-            return;
-        }
-        this._isPointerDown = false;
-        // Fade-out all ripples that are visible and not persistent.
-        this._getActiveRipples().forEach(ripple => {
-            // By default, only ripples that are completely visible will fade out on pointer release.
-            // If the `terminateOnPointerUp` option is set, ripples that still fade in will also fade out.
-            const isVisible = ripple.state === RippleState.VISIBLE ||
-                (ripple.config.terminateOnPointerUp && ripple.state === RippleState.FADING_IN);
-            if (!ripple.config.persistent && isVisible) {
-                ripple.fadeOut();
-            }
-        });
-    }
-    _getActiveRipples() {
-        return Array.from(this._activeRipples.keys());
-    }
-    /** Removes previously registered event listeners from the trigger element. */
-    _removeTriggerEvents() {
-        const trigger = this._triggerElement;
-        if (trigger) {
-            pointerDownEvents.forEach(type => RippleRenderer._eventManager.removeHandler(type, trigger, this));
-            if (this._pointerUpEventsRegistered) {
-                pointerUpEvents.forEach(type => trigger.removeEventListener(type, this, passiveCapturingEventOptions));
-                this._pointerUpEventsRegistered = false;
-            }
-        }
-    }
-}
-/**
- * Returns the distance from the point (x, y) to the furthest corner of a rectangle.
- */
-function distanceToFurthestCorner(x, y, rect) {
-    const distX = Math.max(Math.abs(x - rect.left), Math.abs(x - rect.right));
-    const distY = Math.max(Math.abs(y - rect.top), Math.abs(y - rect.bottom));
-    return Math.sqrt(distX * distX + distY * distY);
-}
-
-/** Injection token that can be used to specify the global ripple options. */
-const MAT_RIPPLE_GLOBAL_OPTIONS = new InjectionToken('mat-ripple-global-options');
-class MatRipple {
-    _elementRef = inject(ElementRef);
-    _animationMode = inject(ANIMATION_MODULE_TYPE, { optional: true });
-    /** Custom color for all ripples. */
-    color;
-    /** Whether the ripples should be visible outside the component's bounds. */
-    unbounded;
-    /**
-     * Whether the ripple always originates from the center of the host element's bounds, rather
-     * than originating from the location of the click event.
-     */
-    centered;
-    /**
-     * If set, the radius in pixels of foreground ripples when fully expanded. If unset, the radius
-     * will be the distance from the center of the ripple to the furthest corner of the host element's
-     * bounding rectangle.
-     */
-    radius = 0;
-    /**
-     * Configuration for the ripple animation. Allows modifying the enter and exit animation
-     * duration of the ripples. The animation durations will be overwritten if the
-     * `NoopAnimationsModule` is being used.
-     */
-    animation;
-    /**
-     * Whether click events will not trigger the ripple. Ripples can be still launched manually
-     * by using the `launch()` method.
-     */
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        if (value) {
-            this.fadeOutAllNonPersistent();
-        }
-        this._disabled = value;
-        this._setupTriggerEventsIfEnabled();
-    }
-    _disabled = false;
-    /**
-     * The element that triggers the ripple when click events are received.
-     * Defaults to the directive's host element.
-     */
-    get trigger() {
-        return this._trigger || this._elementRef.nativeElement;
-    }
-    set trigger(trigger) {
-        this._trigger = trigger;
-        this._setupTriggerEventsIfEnabled();
-    }
-    _trigger;
-    /** Renderer for the ripple DOM manipulations. */
-    _rippleRenderer;
-    /** Options that are set globally for all ripples. */
-    _globalOptions;
-    /** @docs-private Whether ripple directive is initialized and the input bindings are set. */
-    _isInitialized = false;
-    constructor() {
-        const ngZone = inject(NgZone);
-        const platform = inject(Platform);
-        const globalOptions = inject(MAT_RIPPLE_GLOBAL_OPTIONS, { optional: true });
-        const injector = inject(Injector);
-        // Note: cannot use `inject()` here, because this class
-        // gets instantiated manually in the ripple loader.
-        this._globalOptions = globalOptions || {};
-        this._rippleRenderer = new RippleRenderer(this, ngZone, this._elementRef, platform, injector);
-    }
-    ngOnInit() {
-        this._isInitialized = true;
-        this._setupTriggerEventsIfEnabled();
-    }
-    ngOnDestroy() {
-        this._rippleRenderer._removeTriggerEvents();
-    }
-    /** Fades out all currently showing ripple elements. */
-    fadeOutAll() {
-        this._rippleRenderer.fadeOutAll();
-    }
-    /** Fades out all currently showing non-persistent ripple elements. */
-    fadeOutAllNonPersistent() {
-        this._rippleRenderer.fadeOutAllNonPersistent();
-    }
-    /**
-     * Ripple configuration from the directive's input values.
-     * @docs-private Implemented as part of RippleTarget
-     */
-    get rippleConfig() {
-        return {
-            centered: this.centered,
-            radius: this.radius,
-            color: this.color,
-            animation: {
-                ...this._globalOptions.animation,
-                ...(this._animationMode === 'NoopAnimations' ? { enterDuration: 0, exitDuration: 0 } : {}),
-                ...this.animation,
-            },
-            terminateOnPointerUp: this._globalOptions.terminateOnPointerUp,
-        };
-    }
-    /**
-     * Whether ripples on pointer-down are disabled or not.
-     * @docs-private Implemented as part of RippleTarget
-     */
-    get rippleDisabled() {
-        return this.disabled || !!this._globalOptions.disabled;
-    }
-    /** Sets up the trigger event listeners if ripples are enabled. */
-    _setupTriggerEventsIfEnabled() {
-        if (!this.disabled && this._isInitialized) {
-            this._rippleRenderer.setupTriggerEvents(this.trigger);
-        }
-    }
-    /** Launches a manual ripple at the specified coordinated or just by the ripple config. */
-    launch(configOrX, y = 0, config) {
-        if (typeof configOrX === 'number') {
-            return this._rippleRenderer.fadeInRipple(configOrX, y, { ...this.rippleConfig, ...config });
-        }
-        else {
-            return this._rippleRenderer.fadeInRipple(0, 0, { ...this.rippleConfig, ...configOrX });
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatRipple, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: MatRipple, isStandalone: true, selector: "[mat-ripple], [matRipple]", inputs: { color: ["matRippleColor", "color"], unbounded: ["matRippleUnbounded", "unbounded"], centered: ["matRippleCentered", "centered"], radius: ["matRippleRadius", "radius"], animation: ["matRippleAnimation", "animation"], disabled: ["matRippleDisabled", "disabled"], trigger: ["matRippleTrigger", "trigger"] }, host: { properties: { "class.mat-ripple-unbounded": "unbounded" }, classAttribute: "mat-ripple" }, exportAs: ["matRipple"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatRipple, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mat-ripple], [matRipple]',
-                    exportAs: 'matRipple',
-                    host: {
-                        'class': 'mat-ripple',
-                        '[class.mat-ripple-unbounded]': 'unbounded',
-                    },
-                }]
-        }], ctorParameters: () => [], propDecorators: { color: [{
-                type: Input,
-                args: ['matRippleColor']
-            }], unbounded: [{
-                type: Input,
-                args: ['matRippleUnbounded']
-            }], centered: [{
-                type: Input,
-                args: ['matRippleCentered']
-            }], radius: [{
-                type: Input,
-                args: ['matRippleRadius']
-            }], animation: [{
-                type: Input,
-                args: ['matRippleAnimation']
-            }], disabled: [{
-                type: Input,
-                args: ['matRippleDisabled']
-            }], trigger: [{
-                type: Input,
-                args: ['matRippleTrigger']
-            }] } });
-
-class MatRippleModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: MatRippleModule, imports: [MatCommonModule, MatRipple], exports: [MatRipple, MatCommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatRippleModule, imports: [MatCommonModule, MatCommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatRippleModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [MatCommonModule, MatRipple],
-                    exports: [MatRipple, MatCommonModule],
-                }]
-        }] });
-
-/**
- * Component that shows a simplified checkbox without including any kind of "real" checkbox.
- * Meant to be used when the checkbox is purely decorative and a large number of them will be
- * included, such as for the options in a multi-select. Uses no SVGs or complex animations.
- * Note that theming is meant to be handled by the parent element, e.g.
- * `mat-primary .mat-pseudo-checkbox`.
- *
- * Note that this component will be completely invisible to screen-reader users. This is *not*
- * interchangeable with `<mat-checkbox>` and should *not* be used if the user would directly
- * interact with the checkbox. The pseudo-checkbox should only be used as an implementation detail
- * of more complex components that appropriately handle selected / checked state.
- * @docs-private
- */
-class MatPseudoCheckbox {
-    _animationMode = inject(ANIMATION_MODULE_TYPE, { optional: true });
-    /** Display state of the checkbox. */
-    state = 'unchecked';
-    /** Whether the checkbox is disabled. */
-    disabled = false;
-    /**
-     * Appearance of the pseudo checkbox. Default appearance of 'full' renders a checkmark/mixedmark
-     * indicator inside a square box. 'minimal' appearance only renders the checkmark/mixedmark.
-     */
-    appearance = 'full';
-    constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatPseudoCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: MatPseudoCheckbox, isStandalone: true, selector: "mat-pseudo-checkbox", inputs: { state: "state", disabled: "disabled", appearance: "appearance" }, host: { properties: { "class.mat-pseudo-checkbox-indeterminate": "state === \"indeterminate\"", "class.mat-pseudo-checkbox-checked": "state === \"checked\"", "class.mat-pseudo-checkbox-disabled": "disabled", "class.mat-pseudo-checkbox-minimal": "appearance === \"minimal\"", "class.mat-pseudo-checkbox-full": "appearance === \"full\"", "class._mat-animation-noopable": "_animationMode === \"NoopAnimations\"" }, classAttribute: "mat-pseudo-checkbox" }, ngImport: i0, template: '', isInline: true, styles: [".mat-pseudo-checkbox{border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;transition:border-color 90ms cubic-bezier(0, 0, 0.2, 0.1),background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox::after{position:absolute;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox._mat-animation-noopable{transition:none !important;animation:none !important}.mat-pseudo-checkbox._mat-animation-noopable::after{transition:none}.mat-pseudo-checkbox-disabled{cursor:default}.mat-pseudo-checkbox-indeterminate::after{left:1px;opacity:1;border-radius:2px}.mat-pseudo-checkbox-checked::after{left:1px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-minimal-pseudo-checkbox-selected-checkmark-color, var(--mat-sys-primary))}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mat-pseudo-checkbox-full{border-color:var(--mat-full-pseudo-checkbox-unselected-icon-color, var(--mat-sys-on-surface-variant));border-width:2px;border-style:solid}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{border-color:var(--mat-full-pseudo-checkbox-disabled-unselected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate{background-color:var(--mat-full-pseudo-checkbox-selected-icon-color, var(--mat-sys-primary));border-color:rgba(0,0,0,0)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-full-pseudo-checkbox-selected-checkmark-color, var(--mat-sys-on-primary))}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background-color:var(--mat-full-pseudo-checkbox-disabled-selected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-full-pseudo-checkbox-disabled-selected-checkmark-color, var(--mat-sys-surface))}.mat-pseudo-checkbox{width:18px;height:18px}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after{width:14px;height:6px;transform-origin:center;top:-4.2426406871px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{top:8px;width:16px}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after{width:10px;height:4px;transform-origin:center;top:-2.8284271247px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{top:6px;width:12px}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatPseudoCheckbox, decorators: [{
-            type: Component,
-            args: [{ encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, selector: 'mat-pseudo-checkbox', template: '', host: {
-                        'class': 'mat-pseudo-checkbox',
-                        '[class.mat-pseudo-checkbox-indeterminate]': 'state === "indeterminate"',
-                        '[class.mat-pseudo-checkbox-checked]': 'state === "checked"',
-                        '[class.mat-pseudo-checkbox-disabled]': 'disabled',
-                        '[class.mat-pseudo-checkbox-minimal]': 'appearance === "minimal"',
-                        '[class.mat-pseudo-checkbox-full]': 'appearance === "full"',
-                        '[class._mat-animation-noopable]': '_animationMode === "NoopAnimations"',
-                    }, styles: [".mat-pseudo-checkbox{border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;transition:border-color 90ms cubic-bezier(0, 0, 0.2, 0.1),background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox::after{position:absolute;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox._mat-animation-noopable{transition:none !important;animation:none !important}.mat-pseudo-checkbox._mat-animation-noopable::after{transition:none}.mat-pseudo-checkbox-disabled{cursor:default}.mat-pseudo-checkbox-indeterminate::after{left:1px;opacity:1;border-radius:2px}.mat-pseudo-checkbox-checked::after{left:1px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-minimal-pseudo-checkbox-selected-checkmark-color, var(--mat-sys-primary))}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mat-pseudo-checkbox-full{border-color:var(--mat-full-pseudo-checkbox-unselected-icon-color, var(--mat-sys-on-surface-variant));border-width:2px;border-style:solid}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{border-color:var(--mat-full-pseudo-checkbox-disabled-unselected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate{background-color:var(--mat-full-pseudo-checkbox-selected-icon-color, var(--mat-sys-primary));border-color:rgba(0,0,0,0)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-full-pseudo-checkbox-selected-checkmark-color, var(--mat-sys-on-primary))}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background-color:var(--mat-full-pseudo-checkbox-disabled-selected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-full-pseudo-checkbox-disabled-selected-checkmark-color, var(--mat-sys-surface))}.mat-pseudo-checkbox{width:18px;height:18px}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after{width:14px;height:6px;transform-origin:center;top:-4.2426406871px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{top:8px;width:16px}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after{width:10px;height:4px;transform-origin:center;top:-2.8284271247px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{top:6px;width:12px}"] }]
-        }], ctorParameters: () => [], propDecorators: { state: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], appearance: [{
-                type: Input
-            }] } });
-
-class MatPseudoCheckboxModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatPseudoCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: MatPseudoCheckboxModule, imports: [MatCommonModule, MatPseudoCheckbox], exports: [MatPseudoCheckbox] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatPseudoCheckboxModule, imports: [MatCommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatPseudoCheckboxModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [MatCommonModule, MatPseudoCheckbox],
-                    exports: [MatPseudoCheckbox],
-                }]
-        }] });
-
-/**
- * Injection token used to provide the parent component to options.
- */
-const MAT_OPTION_PARENT_COMPONENT = new InjectionToken('MAT_OPTION_PARENT_COMPONENT');
-
-// Notes on the accessibility pattern used for `mat-optgroup`.
-// The option group has two different "modes": regular and inert. The regular mode uses the
-// recommended a11y pattern which has `role="group"` on the group element with `aria-labelledby`
-// pointing to the label. This works for `mat-select`, but it seems to hit a bug for autocomplete
-// under VoiceOver where the group doesn't get read out at all. The bug appears to be that if
-// there's __any__ a11y-related attribute on the group (e.g. `role` or `aria-labelledby`),
-// VoiceOver on Safari won't read it out.
-// We've introduced the `inert` mode as a workaround. Under this mode, all a11y attributes are
-// removed from the group, and we get the screen reader to read out the group label by mirroring it
-// inside an invisible element in the option. This is sub-optimal, because the screen reader will
-// repeat the group label on each navigation, whereas the default pattern only reads the group when
-// the user enters a new group. The following alternate approaches were considered:
-// 1. Reading out the group label using the `LiveAnnouncer` solves the problem, but we can't control
-//    when the text will be read out so sometimes it comes in too late or never if the user
-//    navigates quickly.
-// 2. `<mat-option aria-describedby="groupLabel"` - This works on Safari, but VoiceOver in Chrome
-//    won't read out the description at all.
-// 3. `<mat-option aria-labelledby="optionLabel groupLabel"` - This works on Chrome, but Safari
-//     doesn't read out the text at all. Furthermore, on
-/**
- * Injection token that can be used to reference instances of `MatOptgroup`. It serves as
- * alternative token to the actual `MatOptgroup` class which could cause unnecessary
- * retention of the class and its component metadata.
- */
-const MAT_OPTGROUP = new InjectionToken('MatOptgroup');
-/**
- * Component that is used to group instances of `mat-option`.
- */
-class MatOptgroup {
-    /** Label for the option group. */
-    label;
-    /** whether the option group is disabled. */
-    disabled = false;
-    /** Unique id for the underlying label. */
-    _labelId = inject(_IdGenerator).getId('mat-optgroup-label-');
-    /** Whether the group is in inert a11y mode. */
-    _inert;
-    constructor() {
-        const parent = inject(MAT_OPTION_PARENT_COMPONENT, { optional: true });
-        this._inert = parent?.inertGroups ?? false;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatOptgroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.0", type: MatOptgroup, isStandalone: true, selector: "mat-optgroup", inputs: { label: "label", disabled: ["disabled", "disabled", booleanAttribute] }, host: { properties: { "attr.role": "_inert ? null : \"group\"", "attr.aria-disabled": "_inert ? null : disabled.toString()", "attr.aria-labelledby": "_inert ? null : _labelId" }, classAttribute: "mat-mdc-optgroup" }, providers: [{ provide: MAT_OPTGROUP, useExisting: MatOptgroup }], exportAs: ["matOptgroup"], ngImport: i0, template: "<span\n  class=\"mat-mdc-optgroup-label\"\n  role=\"presentation\"\n  [class.mdc-list-item--disabled]=\"disabled\"\n  [id]=\"_labelId\">\n  <span class=\"mdc-list-item__primary-text\">{{ label }} <ng-content></ng-content></span>\n</span>\n\n<ng-content select=\"mat-option, ng-container\"></ng-content>\n", styles: [".mat-mdc-optgroup{color:var(--mat-optgroup-label-text-color, var(--mat-sys-on-surface-variant));font-family:var(--mat-optgroup-label-text-font, var(--mat-sys-title-small-font));line-height:var(--mat-optgroup-label-text-line-height, var(--mat-sys-title-small-line-height));font-size:var(--mat-optgroup-label-text-size, var(--mat-sys-title-small-size));letter-spacing:var(--mat-optgroup-label-text-tracking, var(--mat-sys-title-small-tracking));font-weight:var(--mat-optgroup-label-text-weight, var(--mat-sys-title-small-weight))}.mat-mdc-optgroup-label{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;min-height:48px;padding:0 16px;outline:none}.mat-mdc-optgroup-label.mdc-list-item--disabled{opacity:.38}.mat-mdc-optgroup-label .mdc-list-item__primary-text{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;white-space:normal;color:inherit}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatOptgroup, decorators: [{
-            type: Component,
-            args: [{ selector: 'mat-optgroup', exportAs: 'matOptgroup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        'class': 'mat-mdc-optgroup',
-                        '[attr.role]': '_inert ? null : "group"',
-                        '[attr.aria-disabled]': '_inert ? null : disabled.toString()',
-                        '[attr.aria-labelledby]': '_inert ? null : _labelId',
-                    }, providers: [{ provide: MAT_OPTGROUP, useExisting: MatOptgroup }], template: "<span\n  class=\"mat-mdc-optgroup-label\"\n  role=\"presentation\"\n  [class.mdc-list-item--disabled]=\"disabled\"\n  [id]=\"_labelId\">\n  <span class=\"mdc-list-item__primary-text\">{{ label }} <ng-content></ng-content></span>\n</span>\n\n<ng-content select=\"mat-option, ng-container\"></ng-content>\n", styles: [".mat-mdc-optgroup{color:var(--mat-optgroup-label-text-color, var(--mat-sys-on-surface-variant));font-family:var(--mat-optgroup-label-text-font, var(--mat-sys-title-small-font));line-height:var(--mat-optgroup-label-text-line-height, var(--mat-sys-title-small-line-height));font-size:var(--mat-optgroup-label-text-size, var(--mat-sys-title-small-size));letter-spacing:var(--mat-optgroup-label-text-tracking, var(--mat-sys-title-small-tracking));font-weight:var(--mat-optgroup-label-text-weight, var(--mat-sys-title-small-weight))}.mat-mdc-optgroup-label{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;min-height:48px;padding:0 16px;outline:none}.mat-mdc-optgroup-label.mdc-list-item--disabled{opacity:.38}.mat-mdc-optgroup-label .mdc-list-item__primary-text{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;white-space:normal;color:inherit}"] }]
-        }], ctorParameters: () => [], propDecorators: { label: [{
-                type: Input
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/** Event object emitted by MatOption when selected or deselected. */
-class MatOptionSelectionChange {
-    source;
-    isUserInput;
-    constructor(
-    /** Reference to the option that emitted the event. */
-    source, 
-    /** Whether the change in the option's value was a result of a user action. */
-    isUserInput = false) {
-        this.source = source;
-        this.isUserInput = isUserInput;
-    }
-}
-/**
- * Single option inside of a `<mat-select>` element.
- */
-class MatOption {
-    _element = inject(ElementRef);
-    _changeDetectorRef = inject(ChangeDetectorRef);
-    _parent = inject(MAT_OPTION_PARENT_COMPONENT, { optional: true });
-    group = inject(MAT_OPTGROUP, { optional: true });
-    _signalDisableRipple = false;
-    _selected = false;
-    _active = false;
-    _disabled = false;
-    _mostRecentViewValue = '';
-    /** Whether the wrapping component is in multiple selection mode. */
-    get multiple() {
-        return this._parent && this._parent.multiple;
-    }
-    /** Whether or not the option is currently selected. */
-    get selected() {
-        return this._selected;
-    }
-    /** The form value of the option. */
-    value;
-    /** The unique ID of the option. */
-    id = inject(_IdGenerator).getId('mat-option-');
-    /** Whether the option is disabled. */
-    get disabled() {
-        return (this.group && this.group.disabled) || this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = value;
-    }
-    /** Whether ripples for the option are disabled. */
-    get disableRipple() {
-        return this._signalDisableRipple
-            ? this._parent.disableRipple()
-            : !!this._parent?.disableRipple;
-    }
-    /** Whether to display checkmark for single-selection. */
-    get hideSingleSelectionIndicator() {
-        return !!(this._parent && this._parent.hideSingleSelectionIndicator);
-    }
-    /** Event emitted when the option is selected or deselected. */
-    // tslint:disable-next-line:no-output-on-prefix
-    onSelectionChange = new EventEmitter();
-    /** Element containing the option's text. */
-    _text;
-    /** Emits when the state of the option changes and any parents have to be notified. */
-    _stateChanges = new Subject();
-    constructor() {
-        const styleLoader = inject(_CdkPrivateStyleLoader);
-        styleLoader.load(_StructuralStylesLoader);
-        styleLoader.load(_VisuallyHiddenLoader);
-        this._signalDisableRipple = !!this._parent && isSignal(this._parent.disableRipple);
-    }
-    /**
-     * 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
-     * focus is actually retained somewhere else. This comes in handy
-     * for components like autocomplete where focus must remain on the input.
-     */
-    get active() {
-        return this._active;
-    }
-    /**
-     * The displayed value of the option. It is necessary to show the selected option in the
-     * select's trigger.
-     */
-    get viewValue() {
-        // TODO(kara): Add input property alternative for node envs.
-        return (this._text?.nativeElement.textContent || '').trim();
-    }
-    /** Selects the option. */
-    select(emitEvent = true) {
-        if (!this._selected) {
-            this._selected = true;
-            this._changeDetectorRef.markForCheck();
-            if (emitEvent) {
-                this._emitSelectionChangeEvent();
-            }
-        }
-    }
-    /** Deselects the option. */
-    deselect(emitEvent = true) {
-        if (this._selected) {
-            this._selected = false;
-            this._changeDetectorRef.markForCheck();
-            if (emitEvent) {
-                this._emitSelectionChangeEvent();
-            }
-        }
-    }
-    /** Sets focus onto this option. */
-    focus(_origin, options) {
-        // Note that we aren't using `_origin`, but we need to keep it because some internal consumers
-        // use `MatOption` in a `FocusKeyManager` and we need it to match `FocusableOption`.
-        const element = this._getHostElement();
-        if (typeof element.focus === 'function') {
-            element.focus(options);
-        }
-    }
-    /**
-     * This method sets display styles on the option to make it appear
-     * active. This is used by the ActiveDescendantKeyManager so key
-     * events will display the proper options as active on arrow key events.
-     */
-    setActiveStyles() {
-        if (!this._active) {
-            this._active = true;
-            this._changeDetectorRef.markForCheck();
-        }
-    }
-    /**
-     * This method removes display styles on the option that made it appear
-     * active. This is used by the ActiveDescendantKeyManager so key
-     * events will display the proper options as active on arrow key events.
-     */
-    setInactiveStyles() {
-        if (this._active) {
-            this._active = false;
-            this._changeDetectorRef.markForCheck();
-        }
-    }
-    /** Gets the label to be used when determining whether the option should be focused. */
-    getLabel() {
-        return this.viewValue;
-    }
-    /** Ensures the option is selected when activated from the keyboard. */
-    _handleKeydown(event) {
-        if ((event.keyCode === ENTER || event.keyCode === SPACE) && !hasModifierKey(event)) {
-            this._selectViaInteraction();
-            // Prevent the page from scrolling down and form submits.
-            event.preventDefault();
-        }
-    }
-    /**
-     * `Selects the option while indicating the selection came from the user. Used to
-     * determine if the select's view -> model callback should be invoked.`
-     */
-    _selectViaInteraction() {
-        if (!this.disabled) {
-            this._selected = this.multiple ? !this._selected : true;
-            this._changeDetectorRef.markForCheck();
-            this._emitSelectionChangeEvent(true);
-        }
-    }
-    /** Returns the correct tabindex for the option depending on disabled state. */
-    // This method is only used by `MatLegacyOption`. Keeping it here to avoid breaking the types.
-    // That's because `MatLegacyOption` use `MatOption` type in a few places such as
-    // `MatOptionSelectionChange`. It is safe to delete this when `MatLegacyOption` is deleted.
-    _getTabIndex() {
-        return this.disabled ? '-1' : '0';
-    }
-    /** Gets the host DOM element. */
-    _getHostElement() {
-        return this._element.nativeElement;
-    }
-    ngAfterViewChecked() {
-        // Since parent components could be using the option's label to display the selected values
-        // (e.g. `mat-select`) and they don't have a way of knowing if the option's label has changed
-        // we have to check for changes in the DOM ourselves and dispatch an event. These checks are
-        // relatively cheap, however we still limit them only to selected options in order to avoid
-        // hitting the DOM too often.
-        if (this._selected) {
-            const viewValue = this.viewValue;
-            if (viewValue !== this._mostRecentViewValue) {
-                if (this._mostRecentViewValue) {
-                    this._stateChanges.next();
-                }
-                this._mostRecentViewValue = viewValue;
-            }
-        }
-    }
-    ngOnDestroy() {
-        this._stateChanges.complete();
-    }
-    /** Emits the selection change event. */
-    _emitSelectionChangeEvent(isUserInput = false) {
-        this.onSelectionChange.emit(new MatOptionSelectionChange(this, isUserInput));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatOption, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.0", type: MatOption, isStandalone: true, selector: "mat-option", inputs: { value: "value", id: "id", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { onSelectionChange: "onSelectionChange" }, host: { attributes: { "role": "option" }, listeners: { "click": "_selectViaInteraction()", "keydown": "_handleKeydown($event)" }, properties: { "class.mdc-list-item--selected": "selected", "class.mat-mdc-option-multiple": "multiple", "class.mat-mdc-option-active": "active", "class.mdc-list-item--disabled": "disabled", "id": "id", "attr.aria-selected": "selected", "attr.aria-disabled": "disabled.toString()" }, classAttribute: "mat-mdc-option mdc-list-item" }, viewQueries: [{ propertyName: "_text", first: true, predicate: ["text"], descendants: true, static: true }], exportAs: ["matOption"], ngImport: i0, template: "<!-- Set aria-hidden=\"true\" to this DOM node and other decorative nodes in this file. This might\n be contributing to issue where sometimes VoiceOver focuses on a TextNode in the a11y tree instead\n of the Option node (#23202). Most assistive technology will generally ignore non-role,\n non-text-content elements. Adding aria-hidden seems to make VoiceOver behave more consistently. -->\n@if (multiple) {\n    <mat-pseudo-checkbox\n        class=\"mat-mdc-option-pseudo-checkbox\"\n        [disabled]=\"disabled\"\n        [state]=\"selected ? 'checked' : 'unchecked'\"\n        aria-hidden=\"true\"></mat-pseudo-checkbox>\n}\n\n<ng-content select=\"mat-icon\"></ng-content>\n\n<span class=\"mdc-list-item__primary-text\" #text><ng-content></ng-content></span>\n\n<!-- Render checkmark at the end for single-selection. -->\n@if (!multiple && selected && !hideSingleSelectionIndicator) {\n    <mat-pseudo-checkbox\n        class=\"mat-mdc-option-pseudo-checkbox\"\n        [disabled]=\"disabled\"\n        state=\"checked\"\n        aria-hidden=\"true\"\n        appearance=\"minimal\"></mat-pseudo-checkbox>\n}\n\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n@if (group && group._inert) {\n    <span class=\"cdk-visually-hidden\">({{ group.label }})</span>\n}\n\n<div class=\"mat-mdc-option-ripple mat-focus-indicator\" aria-hidden=\"true\" mat-ripple\n     [matRippleTrigger]=\"_getHostElement()\" [matRippleDisabled]=\"disabled || disableRipple\">\n</div>\n", styles: [".mat-mdc-option{-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;min-height:48px;padding:0 16px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--mat-option-label-text-color, var(--mat-sys-on-surface));font-family:var(--mat-option-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-option-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-option-label-text-size, var(--mat-sys-body-large-size));letter-spacing:var(--mat-option-label-text-tracking, var(--mat-sys-label-large-tracking));font-weight:var(--mat-option-label-text-weight, var(--mat-sys-body-large-weight))}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:var(--mat-option-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent))}.mat-mdc-option:focus.mdc-list-item,.mat-mdc-option.mat-mdc-option-active.mdc-list-item{background-color:var(--mat-option-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));outline:0}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background-color:var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container))}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text{color:var(--mat-option-selected-state-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-option .mat-pseudo-checkbox{--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--mat-option-selected-state-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-option.mdc-list-item{align-items:center;background:rgba(0,0,0,0)}.mat-mdc-option.mdc-list-item--disabled{cursor:default;pointer-events:none}.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,.mat-mdc-option.mdc-list-item--disabled>mat-icon{opacity:.38}.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:32px}[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:16px;padding-right:32px}.mat-mdc-option .mat-icon,.mat-mdc-option .mat-pseudo-checkbox-full{margin-right:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-icon,[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full{margin-right:0;margin-left:16px}.mat-mdc-option .mat-pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal{margin-right:16px;margin-left:0}.mat-mdc-option .mat-mdc-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-mdc-option .mdc-list-item__primary-text{white-space:normal;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;margin-right:auto}[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text{margin-right:0;margin-left:auto}@media(forced-colors: active){.mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after{content:\"\";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:0;border-bottom:solid 10px;border-radius:10px}[dir=rtl] .mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after{right:auto;left:16px}}.mat-mdc-option-multiple{--mdc-list-list-item-selected-container-color:var(--mdc-list-list-item-container-color, transparent)}.mat-mdc-option-active .mat-focus-indicator::before{content:\"\"}"], dependencies: [{ kind: "component", type: MatPseudoCheckbox, selector: "mat-pseudo-checkbox", inputs: ["state", "disabled", "appearance"] }, { kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatOption, decorators: [{
-            type: Component,
-            args: [{ selector: 'mat-option', exportAs: 'matOption', host: {
-                        'role': 'option',
-                        '[class.mdc-list-item--selected]': 'selected',
-                        '[class.mat-mdc-option-multiple]': 'multiple',
-                        '[class.mat-mdc-option-active]': 'active',
-                        '[class.mdc-list-item--disabled]': 'disabled',
-                        '[id]': 'id',
-                        // Set aria-selected to false for non-selected items and true for selected items. Conform to
-                        // [WAI ARIA Listbox authoring practices guide](
-                        //  https://www.w3.org/WAI/ARIA/apg/patterns/listbox/), "If any options are selected, each
-                        // selected option has either aria-selected or aria-checked  set to true. All options that are
-                        // selectable but not selected have either aria-selected or aria-checked set to false." Align
-                        // aria-selected implementation of Chips and List components.
-                        //
-                        // Set `aria-selected="false"` on not-selected listbox options to fix VoiceOver announcing
-                        // every option as "selected" (#21491).
-                        '[attr.aria-selected]': 'selected',
-                        '[attr.aria-disabled]': 'disabled.toString()',
-                        '(click)': '_selectViaInteraction()',
-                        '(keydown)': '_handleKeydown($event)',
-                        'class': 'mat-mdc-option mdc-list-item',
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatPseudoCheckbox, MatRipple], template: "<!-- Set aria-hidden=\"true\" to this DOM node and other decorative nodes in this file. This might\n be contributing to issue where sometimes VoiceOver focuses on a TextNode in the a11y tree instead\n of the Option node (#23202). Most assistive technology will generally ignore non-role,\n non-text-content elements. Adding aria-hidden seems to make VoiceOver behave more consistently. -->\n@if (multiple) {\n    <mat-pseudo-checkbox\n        class=\"mat-mdc-option-pseudo-checkbox\"\n        [disabled]=\"disabled\"\n        [state]=\"selected ? 'checked' : 'unchecked'\"\n        aria-hidden=\"true\"></mat-pseudo-checkbox>\n}\n\n<ng-content select=\"mat-icon\"></ng-content>\n\n<span class=\"mdc-list-item__primary-text\" #text><ng-content></ng-content></span>\n\n<!-- Render checkmark at the end for single-selection. -->\n@if (!multiple && selected && !hideSingleSelectionIndicator) {\n    <mat-pseudo-checkbox\n        class=\"mat-mdc-option-pseudo-checkbox\"\n        [disabled]=\"disabled\"\n        state=\"checked\"\n        aria-hidden=\"true\"\n        appearance=\"minimal\"></mat-pseudo-checkbox>\n}\n\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n@if (group && group._inert) {\n    <span class=\"cdk-visually-hidden\">({{ group.label }})</span>\n}\n\n<div class=\"mat-mdc-option-ripple mat-focus-indicator\" aria-hidden=\"true\" mat-ripple\n     [matRippleTrigger]=\"_getHostElement()\" [matRippleDisabled]=\"disabled || disableRipple\">\n</div>\n", styles: [".mat-mdc-option{-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;min-height:48px;padding:0 16px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--mat-option-label-text-color, var(--mat-sys-on-surface));font-family:var(--mat-option-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-option-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-option-label-text-size, var(--mat-sys-body-large-size));letter-spacing:var(--mat-option-label-text-tracking, var(--mat-sys-label-large-tracking));font-weight:var(--mat-option-label-text-weight, var(--mat-sys-body-large-weight))}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:var(--mat-option-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent))}.mat-mdc-option:focus.mdc-list-item,.mat-mdc-option.mat-mdc-option-active.mdc-list-item{background-color:var(--mat-option-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));outline:0}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background-color:var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container))}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text{color:var(--mat-option-selected-state-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-option .mat-pseudo-checkbox{--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--mat-option-selected-state-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-option.mdc-list-item{align-items:center;background:rgba(0,0,0,0)}.mat-mdc-option.mdc-list-item--disabled{cursor:default;pointer-events:none}.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,.mat-mdc-option.mdc-list-item--disabled>mat-icon{opacity:.38}.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:32px}[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:16px;padding-right:32px}.mat-mdc-option .mat-icon,.mat-mdc-option .mat-pseudo-checkbox-full{margin-right:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-icon,[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full{margin-right:0;margin-left:16px}.mat-mdc-option .mat-pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal{margin-right:16px;margin-left:0}.mat-mdc-option .mat-mdc-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-mdc-option .mdc-list-item__primary-text{white-space:normal;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;margin-right:auto}[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text{margin-right:0;margin-left:auto}@media(forced-colors: active){.mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after{content:\"\";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:0;border-bottom:solid 10px;border-radius:10px}[dir=rtl] .mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after{right:auto;left:16px}}.mat-mdc-option-multiple{--mdc-list-list-item-selected-container-color:var(--mdc-list-list-item-container-color, transparent)}.mat-mdc-option-active .mat-focus-indicator::before{content:\"\"}"] }]
-        }], ctorParameters: () => [], propDecorators: { value: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], onSelectionChange: [{
-                type: Output
-            }], _text: [{
-                type: ViewChild,
-                args: ['text', { static: true }]
-            }] } });
-/**
- * Counts the amount of option group labels that precede the specified option.
- * @param optionIndex Index of the option at which to start counting.
- * @param options Flat list of all of the options.
- * @param optionGroups Flat list of all of the option groups.
- * @docs-private
- */
-function _countGroupLabelsBeforeOption(optionIndex, options, optionGroups) {
-    if (optionGroups.length) {
-        let optionsArray = options.toArray();
-        let groups = optionGroups.toArray();
-        let groupCounter = 0;
-        for (let i = 0; i < optionIndex + 1; i++) {
-            if (optionsArray[i].group && optionsArray[i].group === groups[groupCounter]) {
-                groupCounter++;
-            }
-        }
-        return groupCounter;
-    }
-    return 0;
-}
-/**
- * Determines the position to which to scroll a panel in order for an option to be into view.
- * @param optionOffset Offset of the option from the top of the panel.
- * @param optionHeight Height of the options.
- * @param currentScrollPosition Current scroll position of the panel.
- * @param panelHeight Height of the panel.
- * @docs-private
- */
-function _getOptionScrollPosition(optionOffset, optionHeight, currentScrollPosition, panelHeight) {
-    if (optionOffset < currentScrollPosition) {
-        return optionOffset;
-    }
-    if (optionOffset + optionHeight > currentScrollPosition + panelHeight) {
-        return Math.max(0, optionOffset - panelHeight + optionHeight);
-    }
-    return currentScrollPosition;
-}
-
-class MatOptionModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: MatOptionModule, imports: [MatRippleModule, MatCommonModule, MatPseudoCheckboxModule, MatOption, MatOptgroup], exports: [MatOption, MatOptgroup] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatOptionModule, imports: [MatRippleModule, MatCommonModule, MatPseudoCheckboxModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatOptionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [MatRippleModule, MatCommonModule, MatPseudoCheckboxModule, MatOption, MatOptgroup],
-                    exports: [MatOption, MatOptgroup],
-                }]
-        }] });
-
-/** The options for the MatRippleLoader's event listeners. */
-const eventListenerOptions = { capture: true };
-/**
- * The events that should trigger the initialization of the ripple.
- * Note that we use `mousedown`, rather than `click`, for mouse devices because
- * we can't rely on `mouseenter` in the shadow DOM and `click` happens too late.
- */
-const rippleInteractionEvents = ['focus', 'mousedown', 'mouseenter', 'touchstart'];
-/** The attribute attached to a component whose ripple has not yet been initialized. */
-const matRippleUninitialized = 'mat-ripple-loader-uninitialized';
-/** Additional classes that should be added to the ripple when it is rendered. */
-const matRippleClassName = 'mat-ripple-loader-class-name';
-/** Whether the ripple should be centered. */
-const matRippleCentered = 'mat-ripple-loader-centered';
-/** Whether the ripple should be disabled. */
-const matRippleDisabled = 'mat-ripple-loader-disabled';
-/**
- * Handles attaching ripples on demand.
- *
- * This service allows us to avoid eagerly creating & attaching MatRipples.
- * It works by creating & attaching a ripple only when a component is first interacted with.
- *
- * @docs-private
- */
-class MatRippleLoader {
-    _document = inject(DOCUMENT);
-    _animationMode = inject(ANIMATION_MODULE_TYPE, { optional: true });
-    _globalRippleOptions = inject(MAT_RIPPLE_GLOBAL_OPTIONS, { optional: true });
-    _platform = inject(Platform);
-    _ngZone = inject(NgZone);
-    _injector = inject(Injector);
-    _eventCleanups;
-    _hosts = new Map();
-    constructor() {
-        const renderer = inject(RendererFactory2).createRenderer(null, null);
-        this._eventCleanups = this._ngZone.runOutsideAngular(() => {
-            return rippleInteractionEvents.map(name => _bindEventWithOptions(renderer, this._document, name, this._onInteraction, eventListenerOptions));
-        });
-    }
-    ngOnDestroy() {
-        const hosts = this._hosts.keys();
-        for (const host of hosts) {
-            this.destroyRipple(host);
-        }
-        this._eventCleanups.forEach(cleanup => cleanup());
-    }
-    /**
-     * Configures the ripple that will be rendered by the ripple loader.
-     *
-     * Stores the given information about how the ripple should be configured on the host
-     * element so that it can later be retrived & used when the ripple is actually created.
-     */
-    configureRipple(host, config) {
-        // Indicates that the ripple has not yet been rendered for this component.
-        host.setAttribute(matRippleUninitialized, this._globalRippleOptions?.namespace ?? '');
-        // Store the additional class name(s) that should be added to the ripple element.
-        if (config.className || !host.hasAttribute(matRippleClassName)) {
-            host.setAttribute(matRippleClassName, config.className || '');
-        }
-        // Store whether the ripple should be centered.
-        if (config.centered) {
-            host.setAttribute(matRippleCentered, '');
-        }
-        if (config.disabled) {
-            host.setAttribute(matRippleDisabled, '');
-        }
-    }
-    /** Sets the disabled state on the ripple instance corresponding to the given host element. */
-    setDisabled(host, disabled) {
-        const ripple = this._hosts.get(host);
-        // If the ripple has already been instantiated, just disable it.
-        if (ripple) {
-            ripple.target.rippleDisabled = disabled;
-            if (!disabled && !ripple.hasSetUpEvents) {
-                ripple.hasSetUpEvents = true;
-                ripple.renderer.setupTriggerEvents(host);
-            }
-        }
-        else if (disabled) {
-            // Otherwise, set an attribute so we know what the
-            // disabled state should be when the ripple is initialized.
-            host.setAttribute(matRippleDisabled, '');
-        }
-        else {
-            host.removeAttribute(matRippleDisabled);
-        }
-    }
-    /**
-     * Handles creating and attaching component internals
-     * when a component is initially interacted with.
-     */
-    _onInteraction = (event) => {
-        const eventTarget = _getEventTarget(event);
-        if (eventTarget instanceof HTMLElement) {
-            // TODO(wagnermaciel): Consider batching these events to improve runtime performance.
-            const element = eventTarget.closest(`[${matRippleUninitialized}="${this._globalRippleOptions?.namespace ?? ''}"]`);
-            if (element) {
-                this._createRipple(element);
-            }
-        }
-    };
-    /** Creates a MatRipple and appends it to the given element. */
-    _createRipple(host) {
-        if (!this._document || this._hosts.has(host)) {
-            return;
-        }
-        // Create the ripple element.
-        host.querySelector('.mat-ripple')?.remove();
-        const rippleEl = this._document.createElement('span');
-        rippleEl.classList.add('mat-ripple', host.getAttribute(matRippleClassName));
-        host.append(rippleEl);
-        const isNoopAnimations = this._animationMode === 'NoopAnimations';
-        const globalOptions = this._globalRippleOptions;
-        const enterDuration = isNoopAnimations
-            ? 0
-            : globalOptions?.animation?.enterDuration ?? defaultRippleAnimationConfig.enterDuration;
-        const exitDuration = isNoopAnimations
-            ? 0
-            : globalOptions?.animation?.exitDuration ?? defaultRippleAnimationConfig.exitDuration;
-        const target = {
-            rippleDisabled: isNoopAnimations || globalOptions?.disabled || host.hasAttribute(matRippleDisabled),
-            rippleConfig: {
-                centered: host.hasAttribute(matRippleCentered),
-                terminateOnPointerUp: globalOptions?.terminateOnPointerUp,
-                animation: {
-                    enterDuration,
-                    exitDuration,
-                },
-            },
-        };
-        const renderer = new RippleRenderer(target, this._ngZone, rippleEl, this._platform, this._injector);
-        const hasSetUpEvents = !target.rippleDisabled;
-        if (hasSetUpEvents) {
-            renderer.setupTriggerEvents(host);
-        }
-        this._hosts.set(host, {
-            target,
-            renderer,
-            hasSetUpEvents,
-        });
-        host.removeAttribute(matRippleUninitialized);
-    }
-    destroyRipple(host) {
-        const ripple = this._hosts.get(host);
-        if (ripple) {
-            ripple.renderer._removeTriggerEvents();
-            this._hosts.delete(host);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatRippleLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatRippleLoader, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatRippleLoader, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
-/**
- * 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".
- * @docs-private
- */
-class _MatInternalFormField {
-    /** Position of the label relative to the content. */
-    labelPosition;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: _MatInternalFormField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: _MatInternalFormField, isStandalone: true, selector: "div[mat-internal-form-field]", inputs: { labelPosition: "labelPosition" }, host: { properties: { "class.mdc-form-field--align-end": "labelPosition === \"before\"" }, classAttribute: "mdc-form-field mat-internal-form-field" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mat-internal-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;vertical-align:middle}.mat-internal-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mat-internal-form-field>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end .mdc-form-field--align-end label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: _MatInternalFormField, decorators: [{
-            type: Component,
-            args: [{ selector: 'div[mat-internal-form-field]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        'class': 'mdc-form-field mat-internal-form-field',
-                        '[class.mdc-form-field--align-end]': 'labelPosition === "before"',
-                    }, styles: [".mat-internal-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;vertical-align:middle}.mat-internal-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mat-internal-form-field>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end .mdc-form-field--align-end label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0}"] }]
-        }], propDecorators: { labelPosition: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AnimationCurves, AnimationDurations, DateAdapter, ErrorStateMatcher, MATERIAL_SANITY_CHECKS, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY, MAT_NATIVE_DATE_FORMATS, MAT_OPTGROUP, MAT_OPTION_PARENT_COMPONENT, MAT_RIPPLE_GLOBAL_OPTIONS, MatCommonModule, MatLine, MatLineModule, MatNativeDateModule, MatOptgroup, MatOption, MatOptionModule, MatOptionSelectionChange, MatPseudoCheckbox, MatPseudoCheckboxModule, MatRipple, MatRippleLoader, MatRippleModule, NativeDateAdapter, NativeDateModule, RippleRef, RippleRenderer, RippleState, ShowOnDirtyErrorStateMatcher, VERSION, _ErrorStateTracker, _MatInternalFormField, _StructuralStylesLoader, _countGroupLabelsBeforeOption, _getOptionScrollPosition, defaultRippleAnimationConfig, provideNativeDateAdapter, setLines };
+export { AnimationCurves, AnimationDurations, MAT_NATIVE_DATE_FORMATS, MatNativeDateModule, NativeDateAdapter, NativeDateModule, VERSION, provideNativeDateAdapter };
 //# sourceMappingURL=core.mjs.map