@angular/material 19.0.0-next.6 → 19.0.0-next.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_index.scss +2 -0
- package/chips/index.d.ts +5 -1
- package/core/_core-theme.scss +11 -3
- package/core/_core.scss +16 -10
- package/core/index.d.ts +78 -1
- package/core/theming/_all-theme.scss +3 -0
- package/core/tokens/_density.scss +1 -0
- package/core/tokens/m2/_index.scss +2 -0
- package/core/tokens/m2/mat/_timepicker.scss +44 -0
- package/core/tokens/m3/_index.scss +2 -0
- package/core/tokens/m3/mat/_timepicker.scss +22 -0
- package/core/typography/_all-typography.scss +2 -0
- package/dialog/index.d.ts +6 -3
- package/fesm2022/autocomplete.mjs +13 -13
- package/fesm2022/badge.mjs +10 -10
- package/fesm2022/bottom-sheet.mjs +10 -10
- package/fesm2022/button-toggle.mjs +13 -11
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +37 -35
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card.mjs +46 -46
- package/fesm2022/checkbox.mjs +17 -15
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips.mjs +73 -59
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core.mjs +273 -66
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +85 -83
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog.mjs +25 -25
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider.mjs +7 -7
- package/fesm2022/expansion.mjs +28 -26
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field.mjs +34 -34
- package/fesm2022/grid-list.mjs +22 -22
- package/fesm2022/icon/testing.mjs +7 -7
- package/fesm2022/icon.mjs +11 -11
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/input.mjs +38 -14
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list.mjs +52 -50
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu.mjs +21 -20
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator/testing.mjs +2 -2
- package/fesm2022/paginator/testing.mjs.map +1 -1
- package/fesm2022/paginator.mjs +11 -11
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +7 -7
- package/fesm2022/progress-spinner.mjs +7 -7
- package/fesm2022/radio.mjs +13 -11
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select.mjs +10 -10
- package/fesm2022/sidenav.mjs +22 -22
- package/fesm2022/slide-toggle.mjs +17 -15
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider.mjs +19 -17
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +22 -22
- package/fesm2022/sort.mjs +16 -14
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper.mjs +34 -32
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table.mjs +55 -55
- package/fesm2022/tabs.mjs +57 -50
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/timepicker/testing.mjs +196 -0
- package/fesm2022/timepicker/testing.mjs.map +1 -0
- package/fesm2022/timepicker.mjs +843 -0
- package/fesm2022/timepicker.mjs.map +1 -0
- package/fesm2022/toolbar.mjs +10 -10
- package/fesm2022/tooltip.mjs +10 -10
- package/fesm2022/tree.mjs +25 -25
- package/icon/index.d.ts +1 -1
- package/input/index.d.ts +3 -1
- package/menu/index.d.ts +0 -1
- package/package.json +10 -2
- package/prebuilt-themes/azure-blue.css +1 -1
- package/prebuilt-themes/cyan-orange.css +1 -1
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/magenta-violet.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/prebuilt-themes/rose-red.css +1 -1
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/tabs/index.d.ts +5 -1
- package/timepicker/_timepicker-theme.scss +111 -0
- package/timepicker/index.d.ts +297 -0
- package/timepicker/testing/index.d.ts +113 -0
package/fesm2022/core.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Version, InjectionToken, inject, NgModule, LOCALE_ID, Injectable,
|
|
2
|
+
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 } from '@angular/core';
|
|
3
3
|
import { HighContrastModeDetector, isFakeMousedownFromScreenReader, isFakeTouchstartFromScreenReader } from '@angular/cdk/a11y';
|
|
4
4
|
import { BidiModule } from '@angular/cdk/bidi';
|
|
5
5
|
import { Subject } from 'rxjs';
|
|
@@ -11,7 +11,7 @@ import { ENTER, SPACE, hasModifierKey } from '@angular/cdk/keycodes';
|
|
|
11
11
|
import { DOCUMENT } from '@angular/common';
|
|
12
12
|
|
|
13
13
|
/** Current version of Angular Material. */
|
|
14
|
-
const VERSION = new Version('19.0.0-next.
|
|
14
|
+
const VERSION = new Version('19.0.0-next.8');
|
|
15
15
|
|
|
16
16
|
/** @docs-private */
|
|
17
17
|
class AnimationCurves {
|
|
@@ -50,11 +50,11 @@ class MatCommonModule {
|
|
|
50
50
|
// in MatCommonModule.
|
|
51
51
|
inject(HighContrastModeDetector)._applyBodyHighContrastModeCssClasses();
|
|
52
52
|
}
|
|
53
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
54
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
55
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
53
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
54
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatCommonModule, imports: [BidiModule], exports: [BidiModule] }); }
|
|
55
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatCommonModule, imports: [BidiModule, BidiModule] }); }
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatCommonModule, decorators: [{
|
|
58
58
|
type: NgModule,
|
|
59
59
|
args: [{
|
|
60
60
|
imports: [BidiModule],
|
|
@@ -99,6 +99,7 @@ const MAT_DATE_LOCALE = new InjectionToken('MAT_DATE_LOCALE', {
|
|
|
99
99
|
function MAT_DATE_LOCALE_FACTORY() {
|
|
100
100
|
return inject(LOCALE_ID);
|
|
101
101
|
}
|
|
102
|
+
const NOT_IMPLEMENTED = 'Method not implemented';
|
|
102
103
|
/** Adapts type `D` to be usable as a date by cdk-based components that work with dates. */
|
|
103
104
|
class DateAdapter {
|
|
104
105
|
constructor() {
|
|
@@ -106,6 +107,54 @@ class DateAdapter {
|
|
|
106
107
|
/** A stream that emits when the locale changes. */
|
|
107
108
|
this.localeChanges = this._localeChanges;
|
|
108
109
|
}
|
|
110
|
+
/**
|
|
111
|
+
* Sets the time of one date to the time of another.
|
|
112
|
+
* @param target Date whose time will be set.
|
|
113
|
+
* @param hours New hours to set on the date object.
|
|
114
|
+
* @param minutes New minutes to set on the date object.
|
|
115
|
+
* @param seconds New seconds to set on the date object.
|
|
116
|
+
*/
|
|
117
|
+
setTime(target, hours, minutes, seconds) {
|
|
118
|
+
throw new Error(NOT_IMPLEMENTED);
|
|
119
|
+
}
|
|
120
|
+
/**
|
|
121
|
+
* Gets the hours component of the given date.
|
|
122
|
+
* @param date The date to extract the hours from.
|
|
123
|
+
*/
|
|
124
|
+
getHours(date) {
|
|
125
|
+
throw new Error(NOT_IMPLEMENTED);
|
|
126
|
+
}
|
|
127
|
+
/**
|
|
128
|
+
* Gets the minutes component of the given date.
|
|
129
|
+
* @param date The date to extract the minutes from.
|
|
130
|
+
*/
|
|
131
|
+
getMinutes(date) {
|
|
132
|
+
throw new Error(NOT_IMPLEMENTED);
|
|
133
|
+
}
|
|
134
|
+
/**
|
|
135
|
+
* Gets the seconds component of the given date.
|
|
136
|
+
* @param date The date to extract the seconds from.
|
|
137
|
+
*/
|
|
138
|
+
getSeconds(date) {
|
|
139
|
+
throw new Error(NOT_IMPLEMENTED);
|
|
140
|
+
}
|
|
141
|
+
/**
|
|
142
|
+
* Parses a date with a specific time from a user-provided value.
|
|
143
|
+
* @param value The value to parse.
|
|
144
|
+
* @param parseFormat The expected format of the value being parsed
|
|
145
|
+
* (type is implementation-dependent).
|
|
146
|
+
*/
|
|
147
|
+
parseTime(value, parseFormat) {
|
|
148
|
+
throw new Error(NOT_IMPLEMENTED);
|
|
149
|
+
}
|
|
150
|
+
/**
|
|
151
|
+
* Adds an amount of seconds to the specified date.
|
|
152
|
+
* @param date Date to which to add the seconds.
|
|
153
|
+
* @param amount Amount of seconds to add to the date.
|
|
154
|
+
*/
|
|
155
|
+
addSeconds(date, amount) {
|
|
156
|
+
throw new Error(NOT_IMPLEMENTED);
|
|
157
|
+
}
|
|
109
158
|
/**
|
|
110
159
|
* Given a potential date object, returns that same date object if it is
|
|
111
160
|
* a valid date, or `null` if it's not a valid date.
|
|
@@ -153,6 +202,18 @@ class DateAdapter {
|
|
|
153
202
|
this.getMonth(first) - this.getMonth(second) ||
|
|
154
203
|
this.getDate(first) - this.getDate(second));
|
|
155
204
|
}
|
|
205
|
+
/**
|
|
206
|
+
* Compares the time values of two dates.
|
|
207
|
+
* @param first First date to compare.
|
|
208
|
+
* @param second Second date to compare.
|
|
209
|
+
* @returns 0 if the times are equal, a number less than 0 if the first time is earlier,
|
|
210
|
+
* a number greater than 0 if the first time is later.
|
|
211
|
+
*/
|
|
212
|
+
compareTime(first, second) {
|
|
213
|
+
return (this.getHours(first) - this.getHours(second) ||
|
|
214
|
+
this.getMinutes(first) - this.getMinutes(second) ||
|
|
215
|
+
this.getSeconds(first) - this.getSeconds(second));
|
|
216
|
+
}
|
|
156
217
|
/**
|
|
157
218
|
* Checks if two dates are equal.
|
|
158
219
|
* @param first The first date to check.
|
|
@@ -171,6 +232,24 @@ class DateAdapter {
|
|
|
171
232
|
}
|
|
172
233
|
return first == second;
|
|
173
234
|
}
|
|
235
|
+
/**
|
|
236
|
+
* Checks if the times of two dates are equal.
|
|
237
|
+
* @param first The first date to check.
|
|
238
|
+
* @param second The second date to check.
|
|
239
|
+
* @returns Whether the times of the two dates are equal.
|
|
240
|
+
* Null dates are considered equal to other null dates.
|
|
241
|
+
*/
|
|
242
|
+
sameTime(first, second) {
|
|
243
|
+
if (first && second) {
|
|
244
|
+
const firstValid = this.isValid(first);
|
|
245
|
+
const secondValid = this.isValid(second);
|
|
246
|
+
if (firstValid && secondValid) {
|
|
247
|
+
return !this.compareTime(first, second);
|
|
248
|
+
}
|
|
249
|
+
return firstValid == secondValid;
|
|
250
|
+
}
|
|
251
|
+
return first == second;
|
|
252
|
+
}
|
|
174
253
|
/**
|
|
175
254
|
* Clamp the given date between min and max dates.
|
|
176
255
|
* @param date The date to clamp.
|
|
@@ -198,6 +277,18 @@ const MAT_DATE_FORMATS = new InjectionToken('mat-date-formats');
|
|
|
198
277
|
* because the regex will match strings with an out of bounds month, date, etc.
|
|
199
278
|
*/
|
|
200
279
|
const ISO_8601_REGEX = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/;
|
|
280
|
+
/**
|
|
281
|
+
* Matches a time string. Supported formats:
|
|
282
|
+
* - {{hours}}:{{minutes}}
|
|
283
|
+
* - {{hours}}:{{minutes}}:{{seconds}}
|
|
284
|
+
* - {{hours}}:{{minutes}} AM/PM
|
|
285
|
+
* - {{hours}}:{{minutes}}:{{seconds}} AM/PM
|
|
286
|
+
* - {{hours}}.{{minutes}}
|
|
287
|
+
* - {{hours}}.{{minutes}}.{{seconds}}
|
|
288
|
+
* - {{hours}}.{{minutes}} AM/PM
|
|
289
|
+
* - {{hours}}.{{minutes}}.{{seconds}} AM/PM
|
|
290
|
+
*/
|
|
291
|
+
const TIME_REGEX = /^(\d?\d)[:.](\d?\d)(?:[:.](\d?\d))?\s*(AM|PM)?$/i;
|
|
201
292
|
/** Creates an array and fills it with values. */
|
|
202
293
|
function range(length, valueFunction) {
|
|
203
294
|
const valuesArray = Array(length);
|
|
@@ -252,7 +343,18 @@ class NativeDateAdapter extends DateAdapter {
|
|
|
252
343
|
return this._format(dtf, date);
|
|
253
344
|
}
|
|
254
345
|
getFirstDayOfWeek() {
|
|
255
|
-
//
|
|
346
|
+
// At the time of writing `Intl.Locale` isn't available
|
|
347
|
+
// in the internal types so we need to cast to `any`.
|
|
348
|
+
if (typeof Intl !== 'undefined' && Intl.Locale) {
|
|
349
|
+
const locale = new Intl.Locale(this.locale);
|
|
350
|
+
// Some browsers implement a `getWeekInfo` method while others have a `weekInfo` getter.
|
|
351
|
+
// Note that this isn't supported in all browsers so we need to null check it.
|
|
352
|
+
const firstDay = (locale.getWeekInfo?.() || locale.weekInfo)?.firstDay ?? 0;
|
|
353
|
+
// `weekInfo.firstDay` is a number between 1 and 7 where, starting from Monday,
|
|
354
|
+
// whereas our representation is 0 to 6 where 0 is Sunday so we need to normalize it.
|
|
355
|
+
return firstDay === 7 ? 0 : firstDay;
|
|
356
|
+
}
|
|
357
|
+
// Default to Sunday if the browser doesn't provide the week information.
|
|
256
358
|
return 0;
|
|
257
359
|
}
|
|
258
360
|
getNumDaysInMonth(date) {
|
|
@@ -351,6 +453,54 @@ class NativeDateAdapter extends DateAdapter {
|
|
|
351
453
|
invalid() {
|
|
352
454
|
return new Date(NaN);
|
|
353
455
|
}
|
|
456
|
+
setTime(target, hours, minutes, seconds) {
|
|
457
|
+
if (typeof ngDevMode === 'undefined' || ngDevMode) {
|
|
458
|
+
if (!inRange(hours, 0, 23)) {
|
|
459
|
+
throw Error(`Invalid hours "${hours}". Hours value must be between 0 and 23.`);
|
|
460
|
+
}
|
|
461
|
+
if (!inRange(minutes, 0, 59)) {
|
|
462
|
+
throw Error(`Invalid minutes "${minutes}". Minutes value must be between 0 and 59.`);
|
|
463
|
+
}
|
|
464
|
+
if (!inRange(seconds, 0, 59)) {
|
|
465
|
+
throw Error(`Invalid seconds "${seconds}". Seconds value must be between 0 and 59.`);
|
|
466
|
+
}
|
|
467
|
+
}
|
|
468
|
+
const clone = this.clone(target);
|
|
469
|
+
clone.setHours(hours, minutes, seconds, 0);
|
|
470
|
+
return clone;
|
|
471
|
+
}
|
|
472
|
+
getHours(date) {
|
|
473
|
+
return date.getHours();
|
|
474
|
+
}
|
|
475
|
+
getMinutes(date) {
|
|
476
|
+
return date.getMinutes();
|
|
477
|
+
}
|
|
478
|
+
getSeconds(date) {
|
|
479
|
+
return date.getSeconds();
|
|
480
|
+
}
|
|
481
|
+
parseTime(userValue, parseFormat) {
|
|
482
|
+
if (typeof userValue !== 'string') {
|
|
483
|
+
return userValue instanceof Date ? new Date(userValue.getTime()) : null;
|
|
484
|
+
}
|
|
485
|
+
const value = userValue.trim();
|
|
486
|
+
if (value.length === 0) {
|
|
487
|
+
return null;
|
|
488
|
+
}
|
|
489
|
+
// Attempt to parse the value directly.
|
|
490
|
+
let result = this._parseTimeString(value);
|
|
491
|
+
// Some locales add extra characters around the time, but are otherwise parseable
|
|
492
|
+
// (e.g. `00:05 ч.` in bg-BG). Try replacing all non-number and non-colon characters.
|
|
493
|
+
if (result === null) {
|
|
494
|
+
const withoutExtras = value.replace(/[^0-9:(AM|PM)]/gi, '').trim();
|
|
495
|
+
if (withoutExtras.length > 0) {
|
|
496
|
+
result = this._parseTimeString(withoutExtras);
|
|
497
|
+
}
|
|
498
|
+
}
|
|
499
|
+
return result || this.invalid();
|
|
500
|
+
}
|
|
501
|
+
addSeconds(date, amount) {
|
|
502
|
+
return new Date(date.getTime() + amount * 1000);
|
|
503
|
+
}
|
|
354
504
|
/** Creates a date but allows the month and date to overflow. */
|
|
355
505
|
_createDateWithOverflow(year, month, date) {
|
|
356
506
|
// Passing the year to the constructor causes year numbers <100 to be converted to 19xx.
|
|
@@ -387,42 +537,81 @@ class NativeDateAdapter extends DateAdapter {
|
|
|
387
537
|
d.setUTCHours(date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
|
|
388
538
|
return dtf.format(d);
|
|
389
539
|
}
|
|
390
|
-
|
|
391
|
-
|
|
540
|
+
/**
|
|
541
|
+
* Attempts to parse a time string into a date object. Returns null if it cannot be parsed.
|
|
542
|
+
* @param value Time string to parse.
|
|
543
|
+
*/
|
|
544
|
+
_parseTimeString(value) {
|
|
545
|
+
// Note: we can technically rely on the browser for the time parsing by generating
|
|
546
|
+
// an ISO string and appending the string to the end of it. We don't do it, because
|
|
547
|
+
// browsers aren't consistent in what they support. Some examples:
|
|
548
|
+
// - Safari doesn't support AM/PM.
|
|
549
|
+
// - Firefox produces a valid date object if the time string has overflows (e.g. 12:75) while
|
|
550
|
+
// other browsers produce an invalid date.
|
|
551
|
+
// - Safari doesn't allow padded numbers.
|
|
552
|
+
const parsed = value.toUpperCase().match(TIME_REGEX);
|
|
553
|
+
if (parsed) {
|
|
554
|
+
let hours = parseInt(parsed[1]);
|
|
555
|
+
const minutes = parseInt(parsed[2]);
|
|
556
|
+
let seconds = parsed[3] == null ? undefined : parseInt(parsed[3]);
|
|
557
|
+
const amPm = parsed[4];
|
|
558
|
+
if (hours === 12) {
|
|
559
|
+
hours = amPm === 'AM' ? 0 : hours;
|
|
560
|
+
}
|
|
561
|
+
else if (amPm === 'PM') {
|
|
562
|
+
hours += 12;
|
|
563
|
+
}
|
|
564
|
+
if (inRange(hours, 0, 23) &&
|
|
565
|
+
inRange(minutes, 0, 59) &&
|
|
566
|
+
(seconds == null || inRange(seconds, 0, 59))) {
|
|
567
|
+
return this.setTime(this.today(), hours, minutes, seconds || 0);
|
|
568
|
+
}
|
|
569
|
+
}
|
|
570
|
+
return null;
|
|
571
|
+
}
|
|
572
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: NativeDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
573
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: NativeDateAdapter }); }
|
|
392
574
|
}
|
|
393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
575
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: NativeDateAdapter, decorators: [{
|
|
394
576
|
type: Injectable
|
|
395
577
|
}], ctorParameters: () => [] });
|
|
578
|
+
/** Checks whether a number is within a certain range. */
|
|
579
|
+
function inRange(value, min, max) {
|
|
580
|
+
return !isNaN(value) && value >= min && value <= max;
|
|
581
|
+
}
|
|
396
582
|
|
|
397
583
|
const MAT_NATIVE_DATE_FORMATS = {
|
|
398
584
|
parse: {
|
|
399
585
|
dateInput: null,
|
|
586
|
+
timeInput: null,
|
|
400
587
|
},
|
|
401
588
|
display: {
|
|
402
589
|
dateInput: { year: 'numeric', month: 'numeric', day: 'numeric' },
|
|
590
|
+
timeInput: { hour: 'numeric', minute: 'numeric' },
|
|
403
591
|
monthYearLabel: { year: 'numeric', month: 'short' },
|
|
404
592
|
dateA11yLabel: { year: 'numeric', month: 'long', day: 'numeric' },
|
|
405
593
|
monthYearA11yLabel: { year: 'numeric', month: 'long' },
|
|
594
|
+
timeOptionLabel: { hour: 'numeric', minute: 'numeric' },
|
|
406
595
|
},
|
|
407
596
|
};
|
|
408
597
|
|
|
409
598
|
class NativeDateModule {
|
|
410
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
411
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
412
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
599
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: NativeDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
600
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.8", ngImport: i0, type: NativeDateModule }); }
|
|
601
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: NativeDateModule, providers: [{ provide: DateAdapter, useClass: NativeDateAdapter }] }); }
|
|
413
602
|
}
|
|
414
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
603
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: NativeDateModule, decorators: [{
|
|
415
604
|
type: NgModule,
|
|
416
605
|
args: [{
|
|
417
606
|
providers: [{ provide: DateAdapter, useClass: NativeDateAdapter }],
|
|
418
607
|
}]
|
|
419
608
|
}] });
|
|
420
609
|
class MatNativeDateModule {
|
|
421
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
422
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
423
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
610
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatNativeDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
611
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatNativeDateModule }); }
|
|
612
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatNativeDateModule, providers: [provideNativeDateAdapter()] }); }
|
|
424
613
|
}
|
|
425
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatNativeDateModule, decorators: [{
|
|
426
615
|
type: NgModule,
|
|
427
616
|
args: [{
|
|
428
617
|
providers: [provideNativeDateAdapter()],
|
|
@@ -440,10 +629,10 @@ class ShowOnDirtyErrorStateMatcher {
|
|
|
440
629
|
isErrorState(control, form) {
|
|
441
630
|
return !!(control && control.invalid && (control.dirty || (form && form.submitted)));
|
|
442
631
|
}
|
|
443
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
444
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
632
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: ShowOnDirtyErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
633
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: ShowOnDirtyErrorStateMatcher }); }
|
|
445
634
|
}
|
|
446
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
635
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: ShowOnDirtyErrorStateMatcher, decorators: [{
|
|
447
636
|
type: Injectable
|
|
448
637
|
}] });
|
|
449
638
|
/** Provider that defines how form controls behave with regards to displaying error messages. */
|
|
@@ -451,24 +640,37 @@ class ErrorStateMatcher {
|
|
|
451
640
|
isErrorState(control, form) {
|
|
452
641
|
return !!(control && control.invalid && (control.touched || (form && form.submitted)));
|
|
453
642
|
}
|
|
454
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
455
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
643
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: ErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
644
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: ErrorStateMatcher, providedIn: 'root' }); }
|
|
456
645
|
}
|
|
457
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
646
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: ErrorStateMatcher, decorators: [{
|
|
458
647
|
type: Injectable,
|
|
459
648
|
args: [{ providedIn: 'root' }]
|
|
460
649
|
}] });
|
|
461
650
|
|
|
651
|
+
/**
|
|
652
|
+
* Component used to load structural styles for focus indicators.
|
|
653
|
+
* @docs-private
|
|
654
|
+
*/
|
|
655
|
+
class _StructuralStylesLoader {
|
|
656
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: _StructuralStylesLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
657
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-next.8", 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 }); }
|
|
658
|
+
}
|
|
659
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: _StructuralStylesLoader, decorators: [{
|
|
660
|
+
type: Component,
|
|
661
|
+
args: [{ standalone: true, 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}}"] }]
|
|
662
|
+
}] });
|
|
663
|
+
|
|
462
664
|
/**
|
|
463
665
|
* Shared directive to count lines inside a text area, such as a list item.
|
|
464
666
|
* Line elements can be extracted with a @ContentChildren(MatLine) query, then
|
|
465
667
|
* counted by checking the query list's length.
|
|
466
668
|
*/
|
|
467
669
|
class MatLine {
|
|
468
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
469
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
670
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatLine, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
671
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.8", type: MatLine, isStandalone: true, selector: "[mat-line], [matLine]", host: { classAttribute: "mat-line" }, ngImport: i0 }); }
|
|
470
672
|
}
|
|
471
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
673
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatLine, decorators: [{
|
|
472
674
|
type: Directive,
|
|
473
675
|
args: [{
|
|
474
676
|
selector: '[mat-line], [matLine]',
|
|
@@ -500,11 +702,11 @@ function setClass(element, className, isAdd) {
|
|
|
500
702
|
element.nativeElement.classList.toggle(className, isAdd);
|
|
501
703
|
}
|
|
502
704
|
class MatLineModule {
|
|
503
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
504
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
505
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
705
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatLineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
706
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatLineModule, imports: [MatCommonModule, MatLine], exports: [MatLine, MatCommonModule] }); }
|
|
707
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatLineModule, imports: [MatCommonModule, MatCommonModule] }); }
|
|
506
708
|
}
|
|
507
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
709
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatLineModule, decorators: [{
|
|
508
710
|
type: NgModule,
|
|
509
711
|
args: [{
|
|
510
712
|
imports: [MatCommonModule, MatLine],
|
|
@@ -628,10 +830,10 @@ const pointerDownEvents = ['mousedown', 'touchstart'];
|
|
|
628
830
|
/** Events that signal that the pointer is up. */
|
|
629
831
|
const pointerUpEvents = ['mouseup', 'mouseleave', 'touchend', 'touchcancel'];
|
|
630
832
|
class _MatRippleStylesLoader {
|
|
631
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
632
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
833
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: _MatRippleStylesLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
834
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-next.8", 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-app-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 }); }
|
|
633
835
|
}
|
|
634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
836
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: _MatRippleStylesLoader, decorators: [{
|
|
635
837
|
type: Component,
|
|
636
838
|
args: [{ template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, 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-app-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}"] }]
|
|
637
839
|
}] });
|
|
@@ -1068,10 +1270,10 @@ class MatRipple {
|
|
|
1068
1270
|
return this._rippleRenderer.fadeInRipple(0, 0, { ...this.rippleConfig, ...configOrX });
|
|
1069
1271
|
}
|
|
1070
1272
|
}
|
|
1071
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1072
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
1273
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatRipple, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1274
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.8", 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 }); }
|
|
1073
1275
|
}
|
|
1074
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatRipple, decorators: [{
|
|
1075
1277
|
type: Directive,
|
|
1076
1278
|
args: [{
|
|
1077
1279
|
selector: '[mat-ripple], [matRipple]',
|
|
@@ -1106,11 +1308,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.3",
|
|
|
1106
1308
|
}] } });
|
|
1107
1309
|
|
|
1108
1310
|
class MatRippleModule {
|
|
1109
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1110
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
1111
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1311
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1312
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatRippleModule, imports: [MatCommonModule, MatRipple], exports: [MatRipple, MatCommonModule] }); }
|
|
1313
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatRippleModule, imports: [MatCommonModule, MatCommonModule] }); }
|
|
1112
1314
|
}
|
|
1113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatRippleModule, decorators: [{
|
|
1114
1316
|
type: NgModule,
|
|
1115
1317
|
args: [{
|
|
1116
1318
|
imports: [MatCommonModule, MatRipple],
|
|
@@ -1144,10 +1346,10 @@ class MatPseudoCheckbox {
|
|
|
1144
1346
|
*/
|
|
1145
1347
|
this.appearance = 'full';
|
|
1146
1348
|
}
|
|
1147
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1148
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
1349
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatPseudoCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1350
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-next.8", 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-app-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-app-on-surface) 38%, transparent))}.mat-pseudo-checkbox-full{border-color:var(--mat-full-pseudo-checkbox-unselected-icon-color, var(--mat-app-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-app-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-app-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-app-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-app-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-app-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 }); }
|
|
1149
1351
|
}
|
|
1150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1352
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatPseudoCheckbox, decorators: [{
|
|
1151
1353
|
type: Component,
|
|
1152
1354
|
args: [{ encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, selector: 'mat-pseudo-checkbox', template: '', host: {
|
|
1153
1355
|
'class': 'mat-pseudo-checkbox',
|
|
@@ -1167,11 +1369,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.3",
|
|
|
1167
1369
|
}] } });
|
|
1168
1370
|
|
|
1169
1371
|
class MatPseudoCheckboxModule {
|
|
1170
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1171
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
1172
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1372
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatPseudoCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1373
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatPseudoCheckboxModule, imports: [MatCommonModule, MatPseudoCheckbox], exports: [MatPseudoCheckbox] }); }
|
|
1374
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatPseudoCheckboxModule, imports: [MatCommonModule] }); }
|
|
1173
1375
|
}
|
|
1174
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatPseudoCheckboxModule, decorators: [{
|
|
1175
1377
|
type: NgModule,
|
|
1176
1378
|
args: [{
|
|
1177
1379
|
imports: [MatCommonModule, MatPseudoCheckbox],
|
|
@@ -1223,10 +1425,10 @@ class MatOptgroup {
|
|
|
1223
1425
|
const parent = inject(MAT_OPTION_PARENT_COMPONENT, { optional: true });
|
|
1224
1426
|
this._inert = parent?.inertGroups ?? false;
|
|
1225
1427
|
}
|
|
1226
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1227
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-next.
|
|
1428
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatOptgroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1429
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-next.8", 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-app-on-surface-variant));font-family:var(--mat-optgroup-label-text-font, var(--mat-app-title-small-font));line-height:var(--mat-optgroup-label-text-line-height, var(--mat-app-title-small-line-height));font-size:var(--mat-optgroup-label-text-size, var(--mat-app-title-small-size));letter-spacing:var(--mat-optgroup-label-text-tracking, var(--mat-app-title-small-tracking));font-weight:var(--mat-optgroup-label-text-weight, var(--mat-app-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}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1228
1430
|
}
|
|
1229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatOptgroup, decorators: [{
|
|
1230
1432
|
type: Component,
|
|
1231
1433
|
args: [{ selector: 'mat-optgroup', exportAs: 'matOptgroup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1232
1434
|
'class': 'mat-mdc-optgroup',
|
|
@@ -1278,7 +1480,9 @@ class MatOption {
|
|
|
1278
1480
|
}
|
|
1279
1481
|
/** Whether ripples for the option are disabled. */
|
|
1280
1482
|
get disableRipple() {
|
|
1281
|
-
return
|
|
1483
|
+
return this._signalDisableRipple
|
|
1484
|
+
? this._parent.disableRipple()
|
|
1485
|
+
: !!this._parent?.disableRipple;
|
|
1282
1486
|
}
|
|
1283
1487
|
/** Whether to display checkmark for single-selection. */
|
|
1284
1488
|
get hideSingleSelectionIndicator() {
|
|
@@ -1289,6 +1493,7 @@ class MatOption {
|
|
|
1289
1493
|
this._changeDetectorRef = inject(ChangeDetectorRef);
|
|
1290
1494
|
this._parent = inject(MAT_OPTION_PARENT_COMPONENT, { optional: true });
|
|
1291
1495
|
this.group = inject(MAT_OPTGROUP, { optional: true });
|
|
1496
|
+
this._signalDisableRipple = false;
|
|
1292
1497
|
this._selected = false;
|
|
1293
1498
|
this._active = false;
|
|
1294
1499
|
this._disabled = false;
|
|
@@ -1300,6 +1505,8 @@ class MatOption {
|
|
|
1300
1505
|
this.onSelectionChange = new EventEmitter();
|
|
1301
1506
|
/** Emits when the state of the option changes and any parents have to be notified. */
|
|
1302
1507
|
this._stateChanges = new Subject();
|
|
1508
|
+
inject(_CdkPrivateStyleLoader).load(_StructuralStylesLoader);
|
|
1509
|
+
this._signalDisableRipple = !!this._parent && isSignal(this._parent.disableRipple);
|
|
1303
1510
|
}
|
|
1304
1511
|
/**
|
|
1305
1512
|
* Whether or not the option is currently active and ready to be selected.
|
|
@@ -1426,10 +1633,10 @@ class MatOption {
|
|
|
1426
1633
|
_emitSelectionChangeEvent(isUserInput = false) {
|
|
1427
1634
|
this.onSelectionChange.emit(new MatOptionSelectionChange(this, isUserInput));
|
|
1428
1635
|
}
|
|
1429
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1430
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0-next.
|
|
1636
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatOption, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1637
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0-next.8", 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-app-on-surface));font-family:var(--mat-option-label-text-font, var(--mat-app-label-large-font));line-height:var(--mat-option-label-text-line-height, var(--mat-app-label-large-line-height));font-size:var(--mat-option-label-text-size, var(--mat-app-body-large-size));letter-spacing:var(--mat-option-label-text-tracking, var(--mat-app-label-large-tracking));font-weight:var(--mat-option-label-text-weight, var(--mat-app-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-app-on-surface) calc(var(--mat-app-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-app-on-surface) calc(var(--mat-app-focus-state-layer-opacity) * 100%), transparent));outline:0}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mat-option-selected-state-label-text-color, var(--mat-app-on-secondary-container))}.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-app-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-app-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 }); }
|
|
1431
1638
|
}
|
|
1432
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1639
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatOption, decorators: [{
|
|
1433
1640
|
type: Component,
|
|
1434
1641
|
args: [{ selector: 'mat-option', exportAs: 'matOption', host: {
|
|
1435
1642
|
'role': 'option',
|
|
@@ -1506,11 +1713,11 @@ function _getOptionScrollPosition(optionOffset, optionHeight, currentScrollPosit
|
|
|
1506
1713
|
}
|
|
1507
1714
|
|
|
1508
1715
|
class MatOptionModule {
|
|
1509
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1510
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
1511
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1716
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1717
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatOptionModule, imports: [MatRippleModule, MatCommonModule, MatPseudoCheckboxModule, MatOption, MatOptgroup], exports: [MatOption, MatOptgroup] }); }
|
|
1718
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatOptionModule, imports: [MatRippleModule, MatCommonModule, MatPseudoCheckboxModule] }); }
|
|
1512
1719
|
}
|
|
1513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1720
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatOptionModule, decorators: [{
|
|
1514
1721
|
type: NgModule,
|
|
1515
1722
|
args: [{
|
|
1516
1723
|
imports: [MatRippleModule, MatCommonModule, MatPseudoCheckboxModule, MatOption, MatOptgroup],
|
|
@@ -1669,10 +1876,10 @@ class MatRippleLoader {
|
|
|
1669
1876
|
this._hosts.delete(host);
|
|
1670
1877
|
}
|
|
1671
1878
|
}
|
|
1672
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1673
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1879
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatRippleLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1880
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatRippleLoader, providedIn: 'root' }); }
|
|
1674
1881
|
}
|
|
1675
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1882
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: MatRippleLoader, decorators: [{
|
|
1676
1883
|
type: Injectable,
|
|
1677
1884
|
args: [{ providedIn: 'root' }]
|
|
1678
1885
|
}], ctorParameters: () => [] });
|
|
@@ -1683,10 +1890,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.3",
|
|
|
1683
1890
|
* @docs-private
|
|
1684
1891
|
*/
|
|
1685
1892
|
class _MatInternalFormField {
|
|
1686
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1687
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-next.
|
|
1893
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: _MatInternalFormField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1894
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-next.8", 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 }); }
|
|
1688
1895
|
}
|
|
1689
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
1896
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: _MatInternalFormField, decorators: [{
|
|
1690
1897
|
type: Component,
|
|
1691
1898
|
args: [{ selector: 'div[mat-internal-form-field]', standalone: true, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1692
1899
|
'class': 'mdc-form-field mat-internal-form-field',
|
|
@@ -1701,5 +1908,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.3",
|
|
|
1701
1908
|
* Generated bundle index. Do not edit.
|
|
1702
1909
|
*/
|
|
1703
1910
|
|
|
1704
|
-
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, _countGroupLabelsBeforeOption, _getOptionScrollPosition, defaultRippleAnimationConfig, provideNativeDateAdapter, setLines };
|
|
1911
|
+
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 };
|
|
1705
1912
|
//# sourceMappingURL=core.mjs.map
|