Skip to content

Commit 96af668

Browse files
committed
main - 6c9678e perf(material/form-field): set notch outline variable only on relevant element (#30955)
1 parent c93fffc commit 96af668

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+124
-114
lines changed

fesm2022/autocomplete.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import { TemplatePortal } from '@angular/cdk/portal';
1515
import { coerceArray } from '@angular/cdk/coercion';
1616
import { NG_VALUE_ACCESSOR } from '@angular/forms';
1717
import { filter, map, startWith, switchMap, tap, delay, take } from 'rxjs/operators';
18-
import { h as MAT_FORM_FIELD } from './form-field-DpN-CJrJ.mjs';
18+
import { h as MAT_FORM_FIELD } from './form-field-BZd6Vhww.mjs';
1919
import { M as MatOptionModule } from './index-BHJ4tVIe.mjs';
2020
import { M as MatCommonModule } from './common-module-DZl8g1kc.mjs';
2121
import './ripple-CuyVtN3V.mjs';

fesm2022/chips.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import { Directionality } from '@angular/cdk/bidi';
1313
import { NG_VALUE_ACCESSOR, NgControl, Validators, NgForm, FormGroupDirective } from '@angular/forms';
1414
import { E as ErrorStateMatcher } from './error-options-BWOa3B4G.mjs';
1515
import { _ as _ErrorStateTracker } from './error-state-Dtb1IHM-.mjs';
16-
import { k as MatFormFieldControl, h as MAT_FORM_FIELD } from './form-field-DpN-CJrJ.mjs';
16+
import { k as MatFormFieldControl, h as MAT_FORM_FIELD } from './form-field-BZd6Vhww.mjs';
1717
import { M as MatCommonModule } from './common-module-DZl8g1kc.mjs';
1818
import { M as MatRippleModule } from './index-D2rZ0V78.mjs';
1919
import '@angular/cdk/platform';

fesm2022/datepicker.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ import { M as MatIconButton } from './icon-button-4VvBKIK4.mjs';
1818
import { _ as _animationsDisabled } from './animation-DfMFjxHu.mjs';
1919
import { NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators, ControlContainer, NgForm, FormGroupDirective, NgControl } from '@angular/forms';
2020
import { M as MAT_INPUT_VALUE_ACCESSOR } from './input-value-accessor-D1GvPuqO.mjs';
21-
import { h as MAT_FORM_FIELD, k as MatFormFieldControl } from './form-field-DpN-CJrJ.mjs';
21+
import { h as MAT_FORM_FIELD, k as MatFormFieldControl } from './form-field-BZd6Vhww.mjs';
2222
import { E as ErrorStateMatcher } from './error-options-BWOa3B4G.mjs';
2323
import { _ as _ErrorStateTracker } from './error-state-Dtb1IHM-.mjs';
2424
import { CdkScrollableModule } from '@angular/cdk/scrolling';

fesm2022/form-field-DpN-CJrJ.mjs renamed to fesm2022/form-field-BZd6Vhww.mjs

+16-11
Large diffs are not rendered by default.

fesm2022/form-field-BZd6Vhww.mjs.map

+1
Large diffs are not rendered by default.

fesm2022/form-field-DpN-CJrJ.mjs.map

-1
This file was deleted.

fesm2022/form-field.mjs

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
export { a as MAT_ERROR, h as MAT_FORM_FIELD, i as MAT_FORM_FIELD_DEFAULT_OPTIONS, d as MAT_PREFIX, f as MAT_SUFFIX, b as MatError, j as MatFormField, k as MatFormFieldControl, c as MatHint, M as MatLabel, e as MatPrefix, g as MatSuffix, m as getMatFormFieldDuplicatedHintError, n as getMatFormFieldMissingControlError, l as getMatFormFieldPlaceholderConflictError } from './form-field-DpN-CJrJ.mjs';
2-
export { M as MatFormFieldModule } from './module-B9shZJo7.mjs';
1+
export { a as MAT_ERROR, h as MAT_FORM_FIELD, i as MAT_FORM_FIELD_DEFAULT_OPTIONS, d as MAT_PREFIX, f as MAT_SUFFIX, b as MatError, j as MatFormField, k as MatFormFieldControl, c as MatHint, M as MatLabel, e as MatPrefix, g as MatSuffix, m as getMatFormFieldDuplicatedHintError, n as getMatFormFieldMissingControlError, l as getMatFormFieldPlaceholderConflictError } from './form-field-BZd6Vhww.mjs';
2+
export { M as MatFormFieldModule } from './module-CTd5xD2i.mjs';
33
import '@angular/cdk/a11y';
44
import '@angular/cdk/bidi';
55
import '@angular/cdk/coercion';

fesm2022/input.mjs

+3-3
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,11 @@ import { _IdGenerator } from '@angular/cdk/a11y';
77
import { NgControl, Validators, NgForm, FormGroupDirective } from '@angular/forms';
88
import { Subject } from 'rxjs';
99
import { M as MAT_INPUT_VALUE_ACCESSOR } from './input-value-accessor-D1GvPuqO.mjs';
10-
import { h as MAT_FORM_FIELD, k as MatFormFieldControl } from './form-field-DpN-CJrJ.mjs';
11-
export { b as MatError, j as MatFormField, c as MatHint, M as MatLabel, e as MatPrefix, g as MatSuffix } from './form-field-DpN-CJrJ.mjs';
10+
import { h as MAT_FORM_FIELD, k as MatFormFieldControl } from './form-field-BZd6Vhww.mjs';
11+
export { b as MatError, j as MatFormField, c as MatHint, M as MatLabel, e as MatPrefix, g as MatSuffix } from './form-field-BZd6Vhww.mjs';
1212
import { E as ErrorStateMatcher } from './error-options-BWOa3B4G.mjs';
1313
import { _ as _ErrorStateTracker } from './error-state-Dtb1IHM-.mjs';
14-
import { M as MatFormFieldModule } from './module-B9shZJo7.mjs';
14+
import { M as MatFormFieldModule } from './module-CTd5xD2i.mjs';
1515
import { M as MatCommonModule } from './common-module-DZl8g1kc.mjs';
1616
import '@angular/cdk/bidi';
1717
import '@angular/common';

fesm2022/module-B9shZJo7.mjs renamed to fesm2022/module-CTd5xD2i.mjs

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { ObserversModule } from '@angular/cdk/observers';
22
import * as i0 from '@angular/core';
33
import { NgModule } from '@angular/core';
4-
import { j as MatFormField, M as MatLabel, b as MatError, c as MatHint, e as MatPrefix, g as MatSuffix } from './form-field-DpN-CJrJ.mjs';
4+
import { j as MatFormField, M as MatLabel, b as MatError, c as MatHint, e as MatPrefix, g as MatSuffix } from './form-field-BZd6Vhww.mjs';
55
import { M as MatCommonModule } from './common-module-DZl8g1kc.mjs';
66

77
class MatFormFieldModule {
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5",
3636
}] });
3737

3838
export { MatFormFieldModule as M };
39-
//# sourceMappingURL=module-B9shZJo7.mjs.map
39+
//# sourceMappingURL=module-CTd5xD2i.mjs.map

fesm2022/module-B9shZJo7.mjs.map renamed to fesm2022/module-CTd5xD2i.mjs.map

+1-1
Original file line numberDiff line numberDiff line change

npm_package/fesm2022/module-B72NhPw9.mjs renamed to fesm2022/module-DJPDzShf.mjs

+3-3
Original file line numberDiff line numberDiff line change
@@ -10,14 +10,14 @@ import { NgControl, Validators, NgForm, FormGroupDirective } from '@angular/form
1010
import { Subject, defer, merge } from 'rxjs';
1111
import { startWith, switchMap, filter, map, takeUntil, take } from 'rxjs/operators';
1212
import { NgClass } from '@angular/common';
13-
import { h as MAT_FORM_FIELD, k as MatFormFieldControl } from './form-field-DpN-CJrJ.mjs';
13+
import { h as MAT_FORM_FIELD, k as MatFormFieldControl } from './form-field-BZd6Vhww.mjs';
1414
import { _ as _animationsDisabled } from './animation-DfMFjxHu.mjs';
1515
import { _ as _countGroupLabelsBeforeOption, b as _getOptionScrollPosition, c as MAT_OPTION_PARENT_COMPONENT, M as MatOption, d as MAT_OPTGROUP } from './option-MOeehkAg.mjs';
1616
import { E as ErrorStateMatcher } from './error-options-BWOa3B4G.mjs';
1717
import { _ as _ErrorStateTracker } from './error-state-Dtb1IHM-.mjs';
1818
import { M as MatOptionModule } from './index-BHJ4tVIe.mjs';
1919
import { M as MatCommonModule } from './common-module-DZl8g1kc.mjs';
20-
import { M as MatFormFieldModule } from './module-B9shZJo7.mjs';
20+
import { M as MatFormFieldModule } from './module-CTd5xD2i.mjs';
2121

2222
// Note that these have been copied over verbatim from
2323
// `material/select` so that we don't have to expose them publicly.
@@ -1309,4 +1309,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5",
13091309
}] });
13101310

13111311
export { MatSelectModule as M, MAT_SELECT_SCROLL_STRATEGY as a, MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY as b, MAT_SELECT_CONFIG as c, MAT_SELECT_SCROLL_STRATEGY_PROVIDER as d, MAT_SELECT_TRIGGER as e, MatSelectChange as f, MatSelect as g, MatSelectTrigger as h };
1312-
//# sourceMappingURL=module-B72NhPw9.mjs.map
1312+
//# sourceMappingURL=module-DJPDzShf.mjs.map

npm_package/fesm2022/module-B72NhPw9.mjs.map renamed to fesm2022/module-DJPDzShf.mjs.map

+1-1
Large diffs are not rendered by default.

fesm2022/paginator.mjs

+3-3
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
22
import { Injectable, Optional, SkipSelf, InjectionToken, inject, ChangeDetectorRef, numberAttribute, EventEmitter, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, NgModule } from '@angular/core';
33
import { Subject, ReplaySubject } from 'rxjs';
44
import { _IdGenerator } from '@angular/cdk/a11y';
5-
import { j as MatFormField } from './form-field-DpN-CJrJ.mjs';
6-
import { g as MatSelect, M as MatSelectModule } from './module-B72NhPw9.mjs';
5+
import { j as MatFormField } from './form-field-BZd6Vhww.mjs';
6+
import { g as MatSelect, M as MatSelectModule } from './module-DJPDzShf.mjs';
77
import { e as MatTooltip, h as MatTooltipModule } from './module-X29xYsIk.mjs';
88
import { M as MatOption } from './option-MOeehkAg.mjs';
99
import { M as MatIconButton } from './icon-button-4VvBKIK4.mjs';
@@ -30,7 +30,7 @@ import './ripple-CuyVtN3V.mjs';
3030
import '@angular/cdk/private';
3131
import './pseudo-checkbox-module-Dxth-mPi.mjs';
3232
import './pseudo-checkbox-BFGIaGxz.mjs';
33-
import './module-B9shZJo7.mjs';
33+
import './module-CTd5xD2i.mjs';
3434
import '@angular/cdk/observers';
3535
import '@angular/cdk/portal';
3636
import './structural-styles-CasigI3l.mjs';

fesm2022/select.mjs

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
export { a as MatOptgroup, M as MatOption } from './option-MOeehkAg.mjs';
2-
export { b as MatError, j as MatFormField, c as MatHint, M as MatLabel, e as MatPrefix, g as MatSuffix } from './form-field-DpN-CJrJ.mjs';
3-
export { c as MAT_SELECT_CONFIG, a as MAT_SELECT_SCROLL_STRATEGY, d as MAT_SELECT_SCROLL_STRATEGY_PROVIDER, b as MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY, e as MAT_SELECT_TRIGGER, g as MatSelect, f as MatSelectChange, M as MatSelectModule, h as MatSelectTrigger } from './module-B72NhPw9.mjs';
2+
export { b as MatError, j as MatFormField, c as MatHint, M as MatLabel, e as MatPrefix, g as MatSuffix } from './form-field-BZd6Vhww.mjs';
3+
export { c as MAT_SELECT_CONFIG, a as MAT_SELECT_SCROLL_STRATEGY, d as MAT_SELECT_SCROLL_STRATEGY_PROVIDER, b as MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY, e as MAT_SELECT_TRIGGER, g as MatSelect, f as MatSelectChange, M as MatSelectModule, h as MatSelectTrigger } from './module-DJPDzShf.mjs';
44
import '@angular/cdk/a11y';
55
import '@angular/cdk/keycodes';
66
import '@angular/core';
@@ -27,7 +27,7 @@ import './index-BHJ4tVIe.mjs';
2727
import './index-D2rZ0V78.mjs';
2828
import './common-module-DZl8g1kc.mjs';
2929
import './pseudo-checkbox-module-Dxth-mPi.mjs';
30-
import './module-B9shZJo7.mjs';
30+
import './module-CTd5xD2i.mjs';
3131
import '@angular/cdk/observers';
3232

3333
/**

fesm2022/table.mjs.map

+1-1
Large diffs are not rendered by default.

fesm2022/timepicker.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import { D as DateAdapter, a as MAT_DATE_FORMATS } from './date-formats-K6TQue-Y
1010
import { _ as _animationsDisabled } from './animation-DfMFjxHu.mjs';
1111
import { M as MatOption, c as MAT_OPTION_PARENT_COMPONENT } from './option-MOeehkAg.mjs';
1212
import { Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
13-
import { h as MAT_FORM_FIELD } from './form-field-DpN-CJrJ.mjs';
13+
import { h as MAT_FORM_FIELD } from './form-field-BZd6Vhww.mjs';
1414
import { M as MAT_INPUT_VALUE_ACCESSOR } from './input-value-accessor-D1GvPuqO.mjs';
1515
import { M as MatIconButton } from './icon-button-4VvBKIK4.mjs';
1616
import { CdkScrollableModule } from '@angular/cdk/scrolling';

form-field.d-BPtgp_nJ.d.ts renamed to form-field.d-b9aHrR4I.d.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -137,10 +137,10 @@ declare class MatFormFieldNotchedOutline implements AfterViewInit {
137137
private _ngZone;
138138
/** Whether the notch should be opened. */
139139
open: boolean;
140-
_notch: ElementRef;
141-
constructor(...args: unknown[]);
140+
_notch: ElementRef<HTMLElement>;
142141
ngAfterViewInit(): void;
143142
_setNotchWidth(labelWidth: number): void;
143+
_setMaxWidth(prefixAndSuffixWidth: number): void;
144144
static ɵfac: i0.ɵɵFactoryDeclaration<MatFormFieldNotchedOutline, never>;
145145
static ɵcmp: i0.ɵɵComponentDeclaration<MatFormFieldNotchedOutline, "div[matFormFieldNotchedOutline]", never, { "open": { "alias": "matFormFieldNotchedOutlineOpen"; "required": false; }; }, {}, never, ["*"], true, never>;
146146
}

form-field/index.d.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
export { a as MatFormFieldModule, M as MatLabel } from '../module.d-DgVhly5v.js';
2-
export { F as FloatLabelType, e as MAT_ERROR, j as MAT_FORM_FIELD, k as MAT_FORM_FIELD_DEFAULT_OPTIONS, f as MAT_PREFIX, g as MAT_SUFFIX, b as MatError, M as MatFormField, h as MatFormFieldAppearance, i as MatFormFieldDefaultOptions, a as MatHint, c as MatPrefix, d as MatSuffix, S as SubscriptSizing } from '../form-field.d-BPtgp_nJ.js';
1+
export { a as MatFormFieldModule, M as MatLabel } from '../module.d-BGzxQfCs.js';
2+
export { F as FloatLabelType, e as MAT_ERROR, j as MAT_FORM_FIELD, k as MAT_FORM_FIELD_DEFAULT_OPTIONS, f as MAT_PREFIX, g as MAT_SUFFIX, b as MatError, M as MatFormField, h as MatFormFieldAppearance, i as MatFormFieldDefaultOptions, a as MatHint, c as MatPrefix, d as MatSuffix, S as SubscriptSizing } from '../form-field.d-b9aHrR4I.js';
33
export { M as MatFormFieldControl } from '../form-field-control.d-DvB4ZVlf.js';
44
import '@angular/core';
55
import '../common-module.d-C8xzHJDr.js';

input/index.d.ts

+4-4
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,12 @@ import { InjectionToken, OnChanges, OnDestroy, AfterViewInit, DoCheck, ElementRe
55
import { NgControl } from '@angular/forms';
66
import { Subject } from 'rxjs';
77
import { E as ErrorStateMatcher } from '../error-options.d-CGdTZUYk.js';
8-
import { M as MatFormField } from '../form-field.d-BPtgp_nJ.js';
9-
export { b as MatError, a as MatHint, c as MatPrefix, d as MatSuffix } from '../form-field.d-BPtgp_nJ.js';
8+
import { M as MatFormField } from '../form-field.d-b9aHrR4I.js';
9+
export { b as MatError, a as MatHint, c as MatPrefix, d as MatSuffix } from '../form-field.d-b9aHrR4I.js';
1010
import { M as MatFormFieldControl } from '../form-field-control.d-DvB4ZVlf.js';
1111
import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
12-
import { a as MatFormFieldModule } from '../module.d-DgVhly5v.js';
13-
export { M as MatLabel } from '../module.d-DgVhly5v.js';
12+
import { a as MatFormFieldModule } from '../module.d-BGzxQfCs.js';
13+
export { M as MatLabel } from '../module.d-BGzxQfCs.js';
1414
import * as i4 from '@angular/cdk/text-field';
1515
import '../palette.d-BSSFKjO6.js';
1616
import '@angular/cdk/bidi';

module.d-DgVhly5v.d.ts renamed to module.d-BGzxQfCs.d.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import * as i0 from '@angular/core';
22
import { M as MatCommonModule } from './common-module.d-C8xzHJDr.js';
33
import * as i2 from '@angular/cdk/observers';
4-
import { M as MatFormField, b as MatError, a as MatHint, c as MatPrefix, d as MatSuffix } from './form-field.d-BPtgp_nJ.js';
4+
import { M as MatFormField, b as MatError, a as MatHint, c as MatPrefix, d as MatSuffix } from './form-field.d-b9aHrR4I.js';
55

66
/** The floating label for a `mat-form-field`. */
77
declare class MatLabel {

module.d-FPKVQAuE.d.ts renamed to module.d-CH_8jCsD.d.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@ import { ControlValueAccessor, NgControl } from '@angular/forms';
1212
import { Subject, Observable } from 'rxjs';
1313
import { E as ErrorStateMatcher } from './error-options.d-CGdTZUYk.js';
1414
import { M as MatOption, a as MatOptgroup, b as MatOptionSelectionChange } from './option.d-BVGX3edu.js';
15-
import { M as MatFormField } from './form-field.d-BPtgp_nJ.js';
15+
import { M as MatFormField } from './form-field.d-b9aHrR4I.js';
1616
import { M as MatFormFieldControl } from './form-field-control.d-DvB4ZVlf.js';
17-
import { a as MatFormFieldModule } from './module.d-DgVhly5v.js';
17+
import { a as MatFormFieldModule } from './module.d-BGzxQfCs.js';
1818

1919
/** Injection token that determines the scroll handling while a select is open. */
2020
declare const MAT_SELECT_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;

npm_package/fesm2022/autocomplete.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import { TemplatePortal } from '@angular/cdk/portal';
1515
import { coerceArray } from '@angular/cdk/coercion';
1616
import { NG_VALUE_ACCESSOR } from '@angular/forms';
1717
import { filter, map, startWith, switchMap, tap, delay, take } from 'rxjs/operators';
18-
import { h as MAT_FORM_FIELD } from './form-field-DpN-CJrJ.mjs';
18+
import { h as MAT_FORM_FIELD } from './form-field-BZd6Vhww.mjs';
1919
import { M as MatOptionModule } from './index-BHJ4tVIe.mjs';
2020
import { M as MatCommonModule } from './common-module-DZl8g1kc.mjs';
2121
import './ripple-CuyVtN3V.mjs';

npm_package/fesm2022/chips.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import { Directionality } from '@angular/cdk/bidi';
1313
import { NG_VALUE_ACCESSOR, NgControl, Validators, NgForm, FormGroupDirective } from '@angular/forms';
1414
import { E as ErrorStateMatcher } from './error-options-BWOa3B4G.mjs';
1515
import { _ as _ErrorStateTracker } from './error-state-Dtb1IHM-.mjs';
16-
import { k as MatFormFieldControl, h as MAT_FORM_FIELD } from './form-field-DpN-CJrJ.mjs';
16+
import { k as MatFormFieldControl, h as MAT_FORM_FIELD } from './form-field-BZd6Vhww.mjs';
1717
import { M as MatCommonModule } from './common-module-DZl8g1kc.mjs';
1818
import { M as MatRippleModule } from './index-D2rZ0V78.mjs';
1919
import '@angular/cdk/platform';

npm_package/fesm2022/datepicker.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ import { M as MatIconButton } from './icon-button-4VvBKIK4.mjs';
1818
import { _ as _animationsDisabled } from './animation-DfMFjxHu.mjs';
1919
import { NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators, ControlContainer, NgForm, FormGroupDirective, NgControl } from '@angular/forms';
2020
import { M as MAT_INPUT_VALUE_ACCESSOR } from './input-value-accessor-D1GvPuqO.mjs';
21-
import { h as MAT_FORM_FIELD, k as MatFormFieldControl } from './form-field-DpN-CJrJ.mjs';
21+
import { h as MAT_FORM_FIELD, k as MatFormFieldControl } from './form-field-BZd6Vhww.mjs';
2222
import { E as ErrorStateMatcher } from './error-options-BWOa3B4G.mjs';
2323
import { _ as _ErrorStateTracker } from './error-state-Dtb1IHM-.mjs';
2424
import { CdkScrollableModule } from '@angular/cdk/scrolling';

0 commit comments

Comments
 (0)