@angular/material 20.1.1 → 20.2.0-next.0

package/fesm2022/timepicker.mjs

@@ -8,23 +8,23 @@ import { TAB, ESCAPE, hasModifierKey, ENTER, DOWN_ARROW, UP_ARROW } from '@angul
 import { ActiveDescendantKeyManager, _IdGenerator } from '@angular/cdk/a11y';
 import { D as DateAdapter, a as MAT_DATE_FORMATS } from './date-formats-K6TQue-Y.mjs';
 import { _ as _animationsDisabled } from './animation-DfMFjxHu.mjs';
-import { M as MatOption, c as MAT_OPTION_PARENT_COMPONENT } from './option-BzhYL_xC.mjs';
+import { M as MatOption, c as MAT_OPTION_PARENT_COMPONENT } from './option-DikEMAxk.mjs';
 import { Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
-import { h as MAT_FORM_FIELD } from './form-field-CFbrnFED.mjs';
+import { h as MAT_FORM_FIELD } from './form-field-Bp1BCQ2b.mjs';
 import { M as MAT_INPUT_VALUE_ACCESSOR } from './input-value-accessor-D1GvPuqO.mjs';
-import { M as MatIconButton } from './icon-button-DxiIc1ex.mjs';
+import { M as MatIconButton } from './icon-button-KgXJnU_D.mjs';
 import { CdkScrollableModule } from '@angular/cdk/scrolling';
 import 'rxjs';
 import '@angular/cdk/layout';
-import './ripple-BYgV4oZC.mjs';
+import './ripple-Caf80wGY.mjs';
 import '@angular/cdk/coercion';
 import '@angular/cdk/private';
-import './pseudo-checkbox-DDmgx3P4.mjs';
-import './structural-styles-CObeNzjn.mjs';
+import './pseudo-checkbox-MTYwd7sN.mjs';
+import './structural-styles-BrpNk7kf.mjs';
 import '@angular/common';
 import 'rxjs/operators';
 import '@angular/cdk/observers/private';
-import './ripple-loader-BnMiRtmT.mjs';
+import './ripple-loader-DWrwQmhi.mjs';
 
 /** Pattern that interval strings have to match. */
 const INTERVAL_PATTERN = /^(\d*\.?\d+)\s*(h|hour|hours|m|min|minute|minutes|s|second|seconds)?$/i;
@@ -125,9 +125,9 @@ class MatTimepicker {
     _dateFormats = inject(MAT_DATE_FORMATS, { optional: true });
     _scrollStrategyFactory = inject(MAT_TIMEPICKER_SCROLL_STRATEGY);
     _animationsDisabled = _animationsDisabled();
-    _isOpen = signal(false);
-    _activeDescendant = signal(null);
-    _input = signal(null);
+    _isOpen = signal(false, ...(ngDevMode ? [{ debugName: "_isOpen" }] : []));
+    _activeDescendant = signal(null, ...(ngDevMode ? [{ debugName: "_activeDescendant" }] : []));
+    _input = signal(null, ...(ngDevMode ? [{ debugName: "_input" }] : []));
     _overlayRef = null;
     _portal = null;
     _optionsCacheKey = null;
@@ -135,7 +135,7 @@ class MatTimepicker {
     _onOpenRender = null;
     _panelTemplate = viewChild.required('panelTemplate');
     _timeOptions = [];
-    _options = viewChildren(MatOption);
+    _options = viewChildren(MatOption, ...(ngDevMode ? [{ debugName: "_options" }] : []));
     _keyManager = new ActiveDescendantKeyManager(this._options, this._injector)
         .withHomeAndEnd(true)
         .withPageUpDown(true)
@@ -145,12 +145,12 @@ class MatTimepicker {
      * seconds (e.g. 90) or a number with a unit (e.g. 45m). Supported units are `s` for seconds,
      * `m` for minutes or `h` for hours.
      */
-    interval = input(parseInterval(this._defaultConfig?.interval || null), { transform: parseInterval });
+    interval = input(parseInterval(this._defaultConfig?.interval || null), ...(ngDevMode ? [{ debugName: "interval", transform: parseInterval }] : [{ transform: parseInterval }]));
     /**
      * Array of pre-defined options that the user can select from, as an alternative to using the
      * `interval` input. An error will be thrown if both `options` and `interval` are specified.
      */
-    options = input(null);
+    options = input(null, ...(ngDevMode ? [{ debugName: "options" }] : []));
     /** Whether the timepicker is open. */
     isOpen = this._isOpen.asReadonly();
     /** Emits when the user selects a time. */
@@ -164,19 +164,19 @@ class MatTimepicker {
     /** Unique ID of the timepicker's panel */
     panelId = inject(_IdGenerator).getId('mat-timepicker-panel-');
     /** Whether ripples within the timepicker should be disabled. */
-    disableRipple = input(this._defaultConfig?.disableRipple ?? false, {
-        transform: booleanAttribute,
-    });
+    disableRipple = input(this._defaultConfig?.disableRipple ?? false, ...(ngDevMode ? [{ debugName: "disableRipple", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
     /** ARIA label for the timepicker panel. */
-    ariaLabel = input(null, {
-        alias: 'aria-label',
-    });
+    ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'aria-label' }] : [{
+            alias: 'aria-label',
+        }]));
     /** ID of the label element for the timepicker panel. */
-    ariaLabelledby = input(null, {
-        alias: 'aria-labelledby',
-    });
+    ariaLabelledby = input(null, ...(ngDevMode ? [{ debugName: "ariaLabelledby", alias: 'aria-labelledby' }] : [{
+            alias: 'aria-labelledby',
+        }]));
     /** Whether the timepicker is currently disabled. */
-    disabled = computed(() => !!this._input()?.disabled());
+    disabled = computed(() => !!this._input()?.disabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     constructor() {
         if (typeof ngDevMode === 'undefined' || ngDevMode) {
             validateAdapter(this._dateAdapter, this._dateFormats);
@@ -424,15 +424,15 @@ class MatTimepicker {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatTimepicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: MatTimepicker, isStandalone: true, selector: "mat-timepicker", inputs: { interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", opened: "opened", closed: "closed" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.0", ngImport: i0, type: MatTimepicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0-next.0", type: MatTimepicker, isStandalone: true, selector: "mat-timepicker", inputs: { interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", opened: "opened", closed: "closed" }, providers: [
             {
                 provide: MAT_OPTION_PARENT_COMPONENT,
                 useExisting: MatTimepicker,
             },
         ], viewQueries: [{ propertyName: "_panelTemplate", first: true, predicate: ["panelTemplate"], descendants: true, isSignal: true }, { propertyName: "_options", predicate: MatOption, descendants: true, isSignal: true }], exportAs: ["matTimepicker"], ngImport: i0, template: "<ng-template #panelTemplate>\n  <div\n    role=\"listbox\"\n    class=\"mat-timepicker-panel\"\n    [class.mat-timepicker-panel-animations-enabled]=\"!_animationsDisabled\"\n    [class.mat-timepicker-panel-exit]=\"!isOpen()\"\n    [attr.aria-label]=\"ariaLabel() || null\"\n    [attr.aria-labelledby]=\"_getAriaLabelledby()\"\n    [id]=\"panelId\"\n    (animationend)=\"_handleAnimationEnd($event)\">\n    @for (option of _timeOptions; track option.value) {\n      <mat-option\n        [value]=\"option.value\"\n        (onSelectionChange)=\"_selectValue($event.source)\">{{option.label}}</mat-option>\n    }\n  </div>\n</ng-template>\n", styles: ["@keyframes _mat-timepicker-enter{from{opacity:0;transform:scaleY(0.8)}to{opacity:1;transform:none}}@keyframes _mat-timepicker-exit{from{opacity:1}to{opacity:0}}mat-timepicker{display:none}.mat-timepicker-panel{width:100%;max-height:256px;transform-origin:center top;overflow:auto;padding:8px 0;box-sizing:border-box;position:relative;border-bottom-left-radius:var(--mat-timepicker-container-shape, var(--mat-sys-corner-extra-small));border-bottom-right-radius:var(--mat-timepicker-container-shape, var(--mat-sys-corner-extra-small));box-shadow:var(--mat-timepicker-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));background-color:var(--mat-timepicker-container-background-color, var(--mat-sys-surface-container))}@media(forced-colors: active){.mat-timepicker-panel{outline:solid 1px}}.mat-timepicker-above .mat-timepicker-panel{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--mat-timepicker-container-shape, var(--mat-sys-corner-extra-small));border-top-right-radius:var(--mat-timepicker-container-shape, var(--mat-sys-corner-extra-small))}.mat-timepicker-panel-animations-enabled{animation:_mat-timepicker-enter 120ms cubic-bezier(0, 0, 0.2, 1)}.mat-timepicker-panel-animations-enabled.mat-timepicker-panel-exit{animation:_mat-timepicker-exit 100ms linear}.mat-timepicker-input[readonly]{cursor:pointer}@media(forced-colors: active){.mat-timepicker-toggle-default-icon{color:CanvasText}}\n"], dependencies: [{ kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatTimepicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.0", ngImport: i0, type: MatTimepicker, decorators: [{
             type: Component,
             args: [{ selector: 'mat-timepicker', exportAs: 'matTimepicker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [MatOption], providers: [
                         {
@@ -462,7 +462,7 @@ class MatTimepickerInput {
     _onTouched;
     _validatorOnChange;
     _cleanupClick;
-    _accessorDisabled = signal(false);
+    _accessorDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_accessorDisabled" }] : []));
     _localeSubscription;
     _timepickerSubscription;
     _validator;
@@ -474,55 +474,59 @@ class MatTimepickerInput {
         const isOpen = timepicker.isOpen();
         const activeDescendant = timepicker.activeDescendant();
         return isOpen && activeDescendant ? activeDescendant : null;
-    });
+    }, ...(ngDevMode ? [{ debugName: "_ariaActiveDescendant" }] : []));
     /** Value of the `aria-expanded` attribute. */
-    _ariaExpanded = computed(() => this.timepicker().isOpen() + '');
+    _ariaExpanded = computed(() => this.timepicker().isOpen() + '', ...(ngDevMode ? [{ debugName: "_ariaExpanded" }] : []));
     /** Value of the `aria-controls` attribute. */
     _ariaControls = computed(() => {
         const timepicker = this.timepicker();
         return timepicker.isOpen() ? timepicker.panelId : null;
-    });
+    }, ...(ngDevMode ? [{ debugName: "_ariaControls" }] : []));
     /** Current value of the input. */
-    value = model(null);
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
     /** Timepicker that the input is associated with. */
-    timepicker = input.required({
-        alias: 'matTimepicker',
-    });
+    timepicker = input.required(...(ngDevMode ? [{ debugName: "timepicker", alias: 'matTimepicker' }] : [{
+            alias: 'matTimepicker',
+        }]));
     /**
      * Minimum time that can be selected or typed in. Can be either
      * a date object (only time will be used) or a valid time string.
      */
-    min = input(null, {
-        alias: 'matTimepickerMin',
-        transform: (value) => this._transformDateInput(value),
-    });
+    min = input(null, ...(ngDevMode ? [{ debugName: "min", alias: 'matTimepickerMin',
+            transform: (value) => this._transformDateInput(value) }] : [{
+            alias: 'matTimepickerMin',
+            transform: (value) => this._transformDateInput(value),
+        }]));
     /**
      * Maximum time that can be selected or typed in. Can be either
      * a date object (only time will be used) or a valid time string.
      */
-    max = input(null, {
-        alias: 'matTimepickerMax',
-        transform: (value) => this._transformDateInput(value),
-    });
+    max = input(null, ...(ngDevMode ? [{ debugName: "max", alias: 'matTimepickerMax',
+            transform: (value) => this._transformDateInput(value) }] : [{
+            alias: 'matTimepickerMax',
+            transform: (value) => this._transformDateInput(value),
+        }]));
     /**
      * Whether to open the timepicker overlay when clicking on the input. Enabled by default.
      * Note that when disabling this option, you'll have to provide your own logic for opening
      * the overlay.
      */
-    openOnClick = input(true, {
-        alias: 'matTimepickerOpenOnClick',
-        transform: booleanAttribute,
-    });
+    openOnClick = input(true, ...(ngDevMode ? [{ debugName: "openOnClick", alias: 'matTimepickerOpenOnClick',
+            transform: booleanAttribute }] : [{
+            alias: 'matTimepickerOpenOnClick',
+            transform: booleanAttribute,
+        }]));
     /** Whether the input is disabled. */
-    disabled = computed(() => this.disabledInput() || this._accessorDisabled());
+    disabled = computed(() => this.disabledInput() || this._accessorDisabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     /**
      * Whether the input should be disabled through the template.
      * @docs-private
      */
-    disabledInput = input(false, {
-        transform: booleanAttribute,
-        alias: 'disabled',
-    });
+    disabledInput = input(false, ...(ngDevMode ? [{ debugName: "disabledInput", transform: booleanAttribute,
+            alias: 'disabled' }] : [{
+            transform: booleanAttribute,
+            alias: 'disabled',
+        }]));
     constructor() {
         if (typeof ngDevMode === 'undefined' || ngDevMode) {
             validateAdapter(this._dateAdapter, this._dateFormats);
@@ -764,8 +768,8 @@ class MatTimepickerInput {
             },
         ]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatTimepickerInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.0", type: MatTimepickerInput, isStandalone: true, selector: "input[matTimepicker]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, timepicker: { classPropertyName: "timepicker", publicName: "matTimepicker", isSignal: true, isRequired: true, transformFunction: null }, min: { classPropertyName: "min", publicName: "matTimepickerMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "matTimepickerMax", isSignal: true, isRequired: false, transformFunction: null }, openOnClick: { classPropertyName: "openOnClick", publicName: "matTimepickerOpenOnClick", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "combobox", "type": "text", "aria-haspopup": "listbox" }, listeners: { "blur": "_handleBlur()", "input": "_handleInput($event)", "keydown": "_handleKeydown($event)" }, properties: { "attr.aria-activedescendant": "_ariaActiveDescendant()", "attr.aria-expanded": "_ariaExpanded()", "attr.aria-controls": "_ariaControls()", "attr.mat-timepicker-id": "timepicker()?.panelId", "disabled": "disabled()" }, classAttribute: "mat-timepicker-input" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.0", ngImport: i0, type: MatTimepickerInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.0", type: MatTimepickerInput, isStandalone: true, selector: "input[matTimepicker]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, timepicker: { classPropertyName: "timepicker", publicName: "matTimepicker", isSignal: true, isRequired: true, transformFunction: null }, min: { classPropertyName: "min", publicName: "matTimepickerMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "matTimepickerMax", isSignal: true, isRequired: false, transformFunction: null }, openOnClick: { classPropertyName: "openOnClick", publicName: "matTimepickerOpenOnClick", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "combobox", "type": "text", "aria-haspopup": "listbox" }, listeners: { "blur": "_handleBlur()", "input": "_handleInput($event)", "keydown": "_handleKeydown($event)" }, properties: { "attr.aria-activedescendant": "_ariaActiveDescendant()", "attr.aria-expanded": "_ariaExpanded()", "attr.aria-controls": "_ariaControls()", "attr.mat-timepicker-id": "timepicker()?.panelId", "disabled": "disabled()" }, classAttribute: "mat-timepicker-input" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: MatTimepickerInput,
@@ -782,7 +786,7 @@ class MatTimepickerInput {
             },
         ], exportAs: ["matTimepickerInput"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatTimepickerInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.0", ngImport: i0, type: MatTimepickerInput, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[matTimepicker]',
@@ -831,30 +835,31 @@ class MatTimepickerToggle {
     _isDisabled = computed(() => {
         const timepicker = this.timepicker();
         return this.disabled() || timepicker.disabled();
-    });
+    }, ...(ngDevMode ? [{ debugName: "_isDisabled" }] : []));
     /** Timepicker instance that the button will toggle. */
-    timepicker = input.required({
-        alias: 'for',
-    });
+    timepicker = input.required(...(ngDevMode ? [{ debugName: "timepicker", alias: 'for' }] : [{
+            alias: 'for',
+        }]));
     /** Screen-reader label for the button. */
-    ariaLabel = input(undefined, {
-        alias: 'aria-label',
-    });
+    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'aria-label' }] : [{
+            alias: 'aria-label',
+        }]));
     /** Screen-reader labelled by id for the button. */
-    ariaLabelledby = input(undefined, {
-        alias: 'aria-labelledby',
-    });
+    ariaLabelledby = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelledby", alias: 'aria-labelledby' }] : [{
+            alias: 'aria-labelledby',
+        }]));
     /** Default aria-label for the toggle if none is provided. */
     _defaultAriaLabel = 'Open timepicker options';
     /** Whether the toggle button is disabled. */
-    disabled = input(false, {
-        transform: booleanAttribute,
-        alias: 'disabled',
-    });
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute,
+            alias: 'disabled' }] : [{
+            transform: booleanAttribute,
+            alias: 'disabled',
+        }]));
     /** Tabindex for the toggle. */
-    tabIndex = input(this._defaultTabIndex);
+    tabIndex = input(this._defaultTabIndex, ...(ngDevMode ? [{ debugName: "tabIndex" }] : []));
     /** Whether ripples on the toggle should be disabled. */
-    disableRipple = input(this._defaultConfig?.disableRipple ?? false, { transform: booleanAttribute });
+    disableRipple = input(this._defaultConfig?.disableRipple ?? false, ...(ngDevMode ? [{ debugName: "disableRipple", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     /** Opens the connected timepicker. */
     _open(event) {
         if (this.timepicker() && !this._isDisabled()) {
@@ -869,10 +874,10 @@ class MatTimepickerToggle {
     getAriaLabel() {
         return this.ariaLabelledby() ? null : this.ariaLabel() || this._defaultAriaLabel;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatTimepickerToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: MatTimepickerToggle, isStandalone: true, selector: "mat-timepicker-toggle", inputs: { timepicker: { classPropertyName: "timepicker", publicName: "for", isSignal: true, isRequired: true, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_open($event)" }, properties: { "attr.tabindex": "null" }, classAttribute: "mat-timepicker-toggle" }, exportAs: ["matTimepickerToggle"], ngImport: i0, template: "<button\n  matIconButton\n  type=\"button\"\n  aria-haspopup=\"listbox\"\n  [attr.aria-label]=\"getAriaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledby()\"\n  [attr.aria-expanded]=\"timepicker().isOpen()\"\n  [tabIndex]=\"_isDisabled() ? -1 : tabIndex()\"\n  [disabled]=\"_isDisabled()\"\n  [disableRipple]=\"disableRipple()\">\n\n  <ng-content select=\"[matTimepickerToggleIcon]\">\n    <svg\n      class=\"mat-timepicker-toggle-default-icon\"\n      height=\"24px\"\n      width=\"24px\"\n      viewBox=\"0 -960 960 960\"\n      fill=\"currentColor\"\n      focusable=\"false\"\n      aria-hidden=\"true\">\n      <path d=\"m612-292 56-56-148-148v-184h-80v216l172 172ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z\"/>\n    </svg>\n  </ng-content>\n</button>\n", dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.0", ngImport: i0, type: MatTimepickerToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.0-next.0", type: MatTimepickerToggle, isStandalone: true, selector: "mat-timepicker-toggle", inputs: { timepicker: { classPropertyName: "timepicker", publicName: "for", isSignal: true, isRequired: true, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_open($event)" }, properties: { "attr.tabindex": "null" }, classAttribute: "mat-timepicker-toggle" }, exportAs: ["matTimepickerToggle"], ngImport: i0, template: "<button\n  matIconButton\n  type=\"button\"\n  aria-haspopup=\"listbox\"\n  [attr.aria-label]=\"getAriaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledby()\"\n  [attr.aria-expanded]=\"timepicker().isOpen()\"\n  [tabIndex]=\"_isDisabled() ? -1 : tabIndex()\"\n  [disabled]=\"_isDisabled()\"\n  [disableRipple]=\"disableRipple()\">\n\n  <ng-content select=\"[matTimepickerToggleIcon]\">\n    <svg\n      class=\"mat-timepicker-toggle-default-icon\"\n      height=\"24px\"\n      width=\"24px\"\n      viewBox=\"0 -960 960 960\"\n      fill=\"currentColor\"\n      focusable=\"false\"\n      aria-hidden=\"true\">\n      <path d=\"m612-292 56-56-148-148v-184h-80v216l172 172ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z\"/>\n    </svg>\n  </ng-content>\n</button>\n", dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatTimepickerToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.0", ngImport: i0, type: MatTimepickerToggle, decorators: [{
             type: Component,
             args: [{ selector: 'mat-timepicker-toggle', host: {
                         'class': 'mat-timepicker-toggle',
@@ -885,11 +890,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
         }] });
 
 class MatTimepickerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: MatTimepickerModule, imports: [MatTimepicker, MatTimepickerInput, MatTimepickerToggle], exports: [CdkScrollableModule, MatTimepicker, MatTimepickerInput, MatTimepickerToggle] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatTimepickerModule, imports: [MatTimepicker, MatTimepickerToggle, CdkScrollableModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.0", ngImport: i0, type: MatTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0-next.0", ngImport: i0, type: MatTimepickerModule, imports: [MatTimepicker, MatTimepickerInput, MatTimepickerToggle], exports: [CdkScrollableModule, MatTimepicker, MatTimepickerInput, MatTimepickerToggle] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0-next.0", ngImport: i0, type: MatTimepickerModule, imports: [MatTimepicker, MatTimepickerToggle, CdkScrollableModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MatTimepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.0", ngImport: i0, type: MatTimepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [MatTimepicker, MatTimepickerInput, MatTimepickerToggle],