@angular/material-experimental 13.0.0-next.3 → 13.0.0-next.7
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/bundles/material-experimental-column-resize.umd.js +1 -1
- package/bundles/material-experimental-column-resize.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-autocomplete-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-autocomplete-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-autocomplete.umd.js +1 -1
- package/bundles/material-experimental-mdc-autocomplete.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-button-testing.umd.js +2 -10
- package/bundles/material-experimental-mdc-button-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-button.umd.js +9 -9
- package/bundles/material-experimental-mdc-button.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-card-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-card-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-checkbox-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-checkbox-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-checkbox.umd.js +1 -1
- package/bundles/material-experimental-mdc-checkbox.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-chips-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-chips-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-chips.umd.js +12 -10
- package/bundles/material-experimental-mdc-chips.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-core-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-core-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-core.umd.js +2 -2
- package/bundles/material-experimental-mdc-core.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-dialog-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-dialog-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-dialog.umd.js +2 -2
- package/bundles/material-experimental-mdc-dialog.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-form-field-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-form-field-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-form-field.umd.js +14 -7
- package/bundles/material-experimental-mdc-form-field.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-input.umd.js +5 -32
- package/bundles/material-experimental-mdc-input.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-list-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-list-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-list.umd.js +5 -5
- package/bundles/material-experimental-mdc-list.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-menu-testing.umd.js +2 -2
- package/bundles/material-experimental-mdc-menu-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-menu.umd.js +45 -23
- package/bundles/material-experimental-mdc-menu.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-paginator-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-paginator-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-paginator.umd.js +1 -1
- package/bundles/material-experimental-mdc-paginator.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-progress-bar-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-progress-bar-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-progress-bar.umd.js +1 -1
- package/bundles/material-experimental-mdc-progress-bar.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-progress-spinner-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-progress-spinner-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-progress-spinner.umd.js +1 -1
- package/bundles/material-experimental-mdc-progress-spinner.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-radio-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-radio-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-radio.umd.js +1 -1
- package/bundles/material-experimental-mdc-radio.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-select-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-select-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-select.umd.js +2 -2
- package/bundles/material-experimental-mdc-select.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-slide-toggle-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-slide-toggle-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-slide-toggle.umd.js +1 -1
- package/bundles/material-experimental-mdc-slider-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-slider-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-slider.umd.js +9 -1
- package/bundles/material-experimental-mdc-slider.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-snack-bar-testing.umd.js +8 -4
- package/bundles/material-experimental-mdc-snack-bar-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-snack-bar.umd.js +2 -3
- package/bundles/material-experimental-mdc-snack-bar.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-table-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-table-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-table.umd.js +2 -2
- package/bundles/material-experimental-mdc-table.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-tabs-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-tabs-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-tabs.umd.js +11 -4
- package/bundles/material-experimental-mdc-tabs.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-tooltip-testing.umd.js +1 -1
- package/bundles/material-experimental-mdc-tooltip-testing.umd.js.map +1 -1
- package/bundles/material-experimental-mdc-tooltip.umd.js +2 -2
- package/bundles/material-experimental-mdc-tooltip.umd.js.map +1 -1
- package/bundles/material-experimental-menubar.umd.js +1 -1
- package/bundles/material-experimental-menubar.umd.js.map +1 -1
- package/bundles/material-experimental-popover-edit.umd.js +1 -1
- package/bundles/material-experimental-popover-edit.umd.js.map +1 -1
- package/bundles/material-experimental-selection.umd.js +1 -1
- package/bundles/material-experimental-selection.umd.js.map +1 -1
- package/bundles/material-experimental.umd.js +1 -1
- package/bundles/material-experimental.umd.js.map +1 -1
- package/esm2015/mdc-button/button.js +2 -2
- package/esm2015/mdc-button/fab.js +4 -4
- package/esm2015/mdc-button/icon-button.js +2 -2
- package/esm2015/mdc-button/testing/button-harness.js +3 -10
- package/esm2015/mdc-chips/chip-grid.js +7 -5
- package/esm2015/mdc-chips/chip-icons.js +1 -1
- package/esm2015/mdc-chips/chip-input.js +2 -2
- package/esm2015/mdc-chips/chip-listbox.js +1 -1
- package/esm2015/mdc-chips/chip-option.js +1 -1
- package/esm2015/mdc-chips/chip-row.js +1 -1
- package/esm2015/mdc-chips/chip-set.js +2 -2
- package/esm2015/mdc-chips/chip.js +1 -1
- package/esm2015/mdc-core/option/option.js +1 -1
- package/esm2015/mdc-core/public-api.js +1 -1
- package/esm2015/mdc-dialog/dialog-container.js +1 -1
- package/esm2015/mdc-form-field/form-field.js +14 -7
- package/esm2015/mdc-input/input.js +3 -3
- package/esm2015/mdc-input/module.js +3 -4
- package/esm2015/mdc-input/public-api.js +1 -2
- package/esm2015/mdc-list/action-list.js +1 -1
- package/esm2015/mdc-list/list.js +1 -1
- package/esm2015/mdc-list/nav-list.js +1 -1
- package/esm2015/mdc-list/selection-list.js +1 -1
- package/esm2015/mdc-menu/directives.js +31 -0
- package/esm2015/mdc-menu/menu.js +1 -1
- package/esm2015/mdc-menu/module.js +12 -6
- package/esm2015/mdc-menu/public-api.js +3 -2
- package/esm2015/mdc-menu/testing/menu-harness.js +2 -2
- package/esm2015/mdc-select/select.js +1 -1
- package/esm2015/mdc-slide-toggle/slide-toggle.js +1 -1
- package/esm2015/mdc-slider/global-change-and-input-listener.js +1 -1
- package/esm2015/mdc-slider/slider.js +9 -1
- package/esm2015/mdc-snack-bar/snack-bar-container.js +2 -3
- package/esm2015/mdc-snack-bar/testing/snack-bar-harness.js +7 -4
- package/esm2015/mdc-table/table.js +1 -1
- package/esm2015/mdc-tabs/public-api.js +2 -2
- package/esm2015/mdc-tabs/tab-header.js +1 -1
- package/esm2015/mdc-tabs/tab-nav-bar/tab-nav-bar.js +1 -1
- package/esm2015/mdc-tabs/tab.js +4 -3
- package/esm2015/mdc-tooltip/tooltip.js +1 -1
- package/esm2015/version.js +1 -1
- package/fesm2015/material-experimental.js +1 -1
- package/fesm2015/material-experimental.js.map +1 -1
- package/fesm2015/mdc-button/testing.js +2 -9
- package/fesm2015/mdc-button/testing.js.map +1 -1
- package/fesm2015/mdc-button.js +8 -8
- package/fesm2015/mdc-chips.js +12 -10
- package/fesm2015/mdc-chips.js.map +1 -1
- package/fesm2015/mdc-core.js +1 -1
- package/fesm2015/mdc-core.js.map +1 -1
- package/fesm2015/mdc-dialog.js +1 -1
- package/fesm2015/mdc-form-field.js +13 -6
- package/fesm2015/mdc-form-field.js.map +1 -1
- package/fesm2015/mdc-input.js +6 -34
- package/fesm2015/mdc-input.js.map +1 -1
- package/fesm2015/mdc-list.js +4 -4
- package/fesm2015/mdc-menu/testing.js +1 -1
- package/fesm2015/mdc-menu/testing.js.map +1 -1
- package/fesm2015/mdc-menu.js +43 -8
- package/fesm2015/mdc-menu.js.map +1 -1
- package/fesm2015/mdc-select.js +1 -1
- package/fesm2015/mdc-slide-toggle.js +1 -1
- package/fesm2015/mdc-slider.js +8 -0
- package/fesm2015/mdc-slider.js.map +1 -1
- package/fesm2015/mdc-snack-bar/testing.js +6 -3
- package/fesm2015/mdc-snack-bar/testing.js.map +1 -1
- package/fesm2015/mdc-snack-bar.js +1 -2
- package/fesm2015/mdc-snack-bar.js.map +1 -1
- package/fesm2015/mdc-table.js +1 -1
- package/fesm2015/mdc-tabs.js +6 -5
- package/fesm2015/mdc-tabs.js.map +1 -1
- package/fesm2015/mdc-tooltip.js +1 -1
- package/mdc-button/index.metadata.json +1 -1
- package/mdc-chips/chip-grid.d.ts +3 -3
- package/mdc-chips/chip-icons.d.ts +2 -2
- package/mdc-chips/chip-set.d.ts +2 -2
- package/mdc-chips/index.metadata.json +1 -1
- package/mdc-core/index.metadata.json +1 -1
- package/mdc-core/public-api.d.ts +1 -1
- package/mdc-dialog/index.metadata.json +1 -1
- package/mdc-form-field/_form-field-native-select.scss +3 -28
- package/mdc-form-field/_form-field-sizing.scss +0 -4
- package/mdc-form-field/_form-field-subscript.scss +4 -12
- package/mdc-form-field/_form-field-theme.scss +23 -7
- package/mdc-form-field/_mdc-text-field-structure-overrides.scss +16 -9
- package/mdc-form-field/_mdc-text-field-textarea-overrides.scss +9 -1
- package/mdc-form-field/index.metadata.json +1 -1
- package/mdc-input/index.metadata.json +1 -1
- package/mdc-input/public-api.d.ts +0 -1
- package/mdc-list/index.metadata.json +1 -1
- package/mdc-menu/_menu-theme.scss +1 -1
- package/mdc-menu/directives.d.ts +14 -0
- package/mdc-menu/index.metadata.json +1 -1
- package/mdc-menu/public-api.d.ts +2 -1
- package/mdc-select/index.metadata.json +1 -1
- package/mdc-slide-toggle/index.metadata.json +1 -1
- package/mdc-slider/global-change-and-input-listener.d.ts +1 -1
- package/mdc-slider/index.metadata.json +1 -1
- package/mdc-slider/slider.d.ts +2 -0
- package/mdc-snack-bar/testing/snack-bar-harness.d.ts +1 -1
- package/mdc-table/_table-theme.scss +0 -9
- package/mdc-table/index.metadata.json +1 -1
- package/mdc-tabs/index.metadata.json +1 -1
- package/mdc-tabs/public-api.d.ts +1 -1
- package/mdc-theming/prebuilt/indigo-pink.css +1 -1
- package/mdc-tooltip/index.metadata.json +1 -1
- package/package.json +3 -3
- package/esm2015/mdc-input/autosize.js +0 -30
- package/mdc-input/autosize.d.ts +0 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"MatOptionSelectionChange","as":"MatOptionSelectionChange"},{"name":"MatOptionParentComponent","as":"MatOptionParentComponent"},{"name":"MAT_OPTION_PARENT_COMPONENT","as":"MAT_OPTION_PARENT_COMPONENT"},{"name":"_countGroupLabelsBeforeOption","as":"_countGroupLabelsBeforeOption"},{"name":"_getOptionScrollPosition","as":"_getOptionScrollPosition"},{"name":"AnimationCurves","as":"AnimationCurves"},{"name":"AnimationDurations","as":"AnimationDurations"},{"name":"CanColor","as":"CanColor"},{"name":"CanColorCtor","as":"CanColorCtor"},{"name":"CanDisable","as":"CanDisable"},{"name":"CanDisableCtor","as":"CanDisableCtor"},{"name":"CanDisableRipple","as":"CanDisableRipple"},{"name":"CanDisableRippleCtor","as":"CanDisableRippleCtor"},{"name":"CanUpdateErrorState","as":"CanUpdateErrorState"},{"name":"CanUpdateErrorStateCtor","as":"CanUpdateErrorStateCtor"},{"name":"DateAdapter","as":"DateAdapter"},{"name":"defaultRippleAnimationConfig","as":"defaultRippleAnimationConfig"},{"name":"ErrorStateMatcher","as":"ErrorStateMatcher"},{"name":"GranularSanityChecks","as":"GranularSanityChecks"},{"name":"HasInitialized","as":"HasInitialized"},{"name":"HasInitializedCtor","as":"HasInitializedCtor"},{"name":"HasTabIndex","as":"HasTabIndex"},{"name":"HasTabIndexCtor","as":"HasTabIndexCtor"},{"name":"MAT_DATE_FORMATS","as":"MAT_DATE_FORMATS"},{"name":"MAT_DATE_LOCALE","as":"MAT_DATE_LOCALE"},{"name":"MAT_DATE_LOCALE_FACTORY","as":"MAT_DATE_LOCALE_FACTORY"},{"name":"MAT_NATIVE_DATE_FORMATS","as":"MAT_NATIVE_DATE_FORMATS"},{"name":"MAT_OPTGROUP","as":"MAT_OPTGROUP"},{"name":"MAT_RIPPLE_GLOBAL_OPTIONS","as":"MAT_RIPPLE_GLOBAL_OPTIONS"},{"name":"MatCommonModule","as":"MatCommonModule"},{"name":"MatDateFormats","as":"MatDateFormats"},{"name":"MATERIAL_SANITY_CHECKS","as":"MATERIAL_SANITY_CHECKS"},{"name":"MatLine","as":"MatLine"},{"name":"MatLineModule","as":"MatLineModule"},{"name":"MatNativeDateModule","as":"MatNativeDateModule"},{"name":"MatPseudoCheckbox","as":"MatPseudoCheckbox"},{"name":"MatPseudoCheckboxModule","as":"MatPseudoCheckboxModule"},{"name":"MatPseudoCheckboxState","as":"MatPseudoCheckboxState"},{"name":"MatRipple","as":"MatRipple"},{"name":"MatRippleModule","as":"MatRippleModule"},{"name":"mixinColor","as":"mixinColor"},{"name":"mixinDisabled","as":"mixinDisabled"},{"name":"mixinDisableRipple","as":"mixinDisableRipple"},{"name":"mixinErrorState","as":"mixinErrorState"},{"name":"mixinInitialized","as":"mixinInitialized"},{"name":"mixinTabIndex","as":"mixinTabIndex"},{"name":"NativeDateAdapter","as":"NativeDateAdapter"},{"name":"NativeDateModule","as":"NativeDateModule"},{"name":"RippleAnimationConfig","as":"RippleAnimationConfig"},{"name":"RippleConfig","as":"RippleConfig"},{"name":"RippleGlobalOptions","as":"RippleGlobalOptions"},{"name":"RippleRef","as":"RippleRef"},{"name":"RippleRenderer","as":"RippleRenderer"},{"name":"RippleState","as":"RippleState"},{"name":"RippleTarget","as":"RippleTarget"},{"name":"SanityChecks","as":"SanityChecks"},{"name":"setLines","as":"setLines"},{"name":"ShowOnDirtyErrorStateMatcher","as":"ShowOnDirtyErrorStateMatcher"},{"name":"ThemePalette","as":"ThemePalette"},{"name":"VERSION","as":"VERSION"}],"from":"@angular/material/core"}],"metadata":{"MatOptionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":16,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":29},{"__symbolic":"reference","module":"@angular/material/core","name":"MatPseudoCheckboxModule","line":16,"character":43}],"exports":[{"__symbolic":"reference","name":"MatOption"},{"__symbolic":"reference","name":"MatOptgroup"}],"declarations":[{"__symbolic":"reference","name":"MatOption"},{"__symbolic":"reference","name":"MatOptgroup"}]}]}],"members":{}},"MatOption":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material/core","name":"_MatOptionBase","line":50,"character":31},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"mat-option","exportAs":"matOption","host":{"role":"option","[attr.tabindex]":"_getTabIndex()","[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]":"_getAriaSelected()","[attr.aria-disabled]":"disabled.toString()","(click)":"_selectViaInteraction()","(keydown)":"_handleKeydown($event)","class":"mat-mdc-option mat-mdc-focus-indicator","$quoted$":["role","[attr.tabindex]","[class.mdc-list-item--selected]","[class.mat-mdc-option-multiple]","[class.mat-mdc-option-active]","[class.mdc-list-item--disabled]","[id]","[attr.aria-selected]","[attr.aria-disabled]","(click)","(keydown)","class"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":48,"character":19},"member":"OnPush"},"template":"<mat-pseudo-checkbox *ngIf=\"multiple\" class=\"mat-mdc-option-pseudo-checkbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\" [disabled]=\"disabled\"></mat-pseudo-checkbox>\n\n<span class=\"mdc-list-item__primary-text\"><ng-content></ng-content></span>\n\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n<span class=\"cdk-visually-hidden\" *ngIf=\"group && group._inert\">({{ group.label }})</span>\n\n<div class=\"mat-mdc-option-ripple\" mat-ripple\n [matRippleTrigger]=\"_getHostElement()\"\n [matRippleDisabled]=\"disabled || disableRipple\">\n</div>\n","styles":[".mat-mdc-option{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;min-height:48px}.mat-mdc-option:focus{outline:none}[dir=rtl] .mat-mdc-option,.mat-mdc-option[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-option::after{display:inline-block;min-height:inherit;content:\"\"}.mat-mdc-option.mdc-list-item--disabled{opacity:.38;cursor:default}.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-pseudo-checkbox{margin-right:16px}[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox{margin-right:0;margin-left:16px}.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}.cdk-high-contrast-active .mat-mdc-option-active::before{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;border:solid 1px currentColor}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":54,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTION_PARENT_COMPONENT","line":54,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTGROUP","line":55,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":52,"character":24,"context":{"typeName":"HTMLElement"},"module":"./option/option"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":53,"character":23},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionParentComponent","line":54,"character":61},{"__symbolic":"reference","name":"MatOptgroup"}]}]}},"MatOptgroup":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material/core","name":"_MatOptgroupBase","line":52,"character":33},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"mat-optgroup","exportAs":"matOptgroup","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":38,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":39,"character":19},"member":"OnPush"},"inputs":["disabled"],"host":{"class":"mat-mdc-optgroup","[attr.role]":"_inert ? null : \"group\"","[attr.aria-disabled]":"_inert ? null : disabled.toString()","[attr.aria-labelledby]":"_inert ? null : _labelId","$quoted$":["class","[attr.role]","[attr.aria-disabled]","[attr.aria-labelledby]"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTGROUP","line":49,"character":14},"useExisting":{"__symbolic":"reference","name":"MatOptgroup"}}],"template":"<span\n class=\"mat-mdc-optgroup-label\"\n aria-hidden=\"true\"\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-label{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;min-height:48px}.mat-mdc-optgroup-label:focus{outline:none}[dir=rtl] .mat-mdc-optgroup-label,.mat-mdc-optgroup-label[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-optgroup-label.mdc-list-item--disabled{opacity:.38}.mat-mdc-optgroup-label .mdc-list-item__primary-text{white-space:normal}\n"]}]}],"members":{}}},"origins":{"MatOptionModule":"./option/index","MatOption":"./option/option","MatOptgroup":"./option/optgroup"},"importAs":"@angular/material-experimental/mdc-core"}
|
|
1
|
+
{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"MatOptionSelectionChange","as":"MatOptionSelectionChange"},{"name":"MatOptionParentComponent","as":"MatOptionParentComponent"},{"name":"MAT_OPTION_PARENT_COMPONENT","as":"MAT_OPTION_PARENT_COMPONENT"},{"name":"_countGroupLabelsBeforeOption","as":"_countGroupLabelsBeforeOption"},{"name":"_getOptionScrollPosition","as":"_getOptionScrollPosition"},{"name":"AnimationCurves","as":"AnimationCurves"},{"name":"AnimationDurations","as":"AnimationDurations"},{"name":"CanColor","as":"CanColor"},{"name":"CanDisable","as":"CanDisable"},{"name":"CanDisableRipple","as":"CanDisableRipple"},{"name":"CanUpdateErrorState","as":"CanUpdateErrorState"},{"name":"DateAdapter","as":"DateAdapter"},{"name":"defaultRippleAnimationConfig","as":"defaultRippleAnimationConfig"},{"name":"ErrorStateMatcher","as":"ErrorStateMatcher"},{"name":"GranularSanityChecks","as":"GranularSanityChecks"},{"name":"HasInitialized","as":"HasInitialized"},{"name":"HasTabIndex","as":"HasTabIndex"},{"name":"MAT_DATE_FORMATS","as":"MAT_DATE_FORMATS"},{"name":"MAT_DATE_LOCALE","as":"MAT_DATE_LOCALE"},{"name":"MAT_DATE_LOCALE_FACTORY","as":"MAT_DATE_LOCALE_FACTORY"},{"name":"MAT_NATIVE_DATE_FORMATS","as":"MAT_NATIVE_DATE_FORMATS"},{"name":"MAT_OPTGROUP","as":"MAT_OPTGROUP"},{"name":"MAT_RIPPLE_GLOBAL_OPTIONS","as":"MAT_RIPPLE_GLOBAL_OPTIONS"},{"name":"MatCommonModule","as":"MatCommonModule"},{"name":"MatDateFormats","as":"MatDateFormats"},{"name":"MATERIAL_SANITY_CHECKS","as":"MATERIAL_SANITY_CHECKS"},{"name":"MatLine","as":"MatLine"},{"name":"MatLineModule","as":"MatLineModule"},{"name":"MatNativeDateModule","as":"MatNativeDateModule"},{"name":"MatPseudoCheckbox","as":"MatPseudoCheckbox"},{"name":"MatPseudoCheckboxModule","as":"MatPseudoCheckboxModule"},{"name":"MatPseudoCheckboxState","as":"MatPseudoCheckboxState"},{"name":"MatRipple","as":"MatRipple"},{"name":"MatRippleModule","as":"MatRippleModule"},{"name":"mixinColor","as":"mixinColor"},{"name":"mixinDisabled","as":"mixinDisabled"},{"name":"mixinDisableRipple","as":"mixinDisableRipple"},{"name":"mixinErrorState","as":"mixinErrorState"},{"name":"mixinInitialized","as":"mixinInitialized"},{"name":"mixinTabIndex","as":"mixinTabIndex"},{"name":"NativeDateAdapter","as":"NativeDateAdapter"},{"name":"NativeDateModule","as":"NativeDateModule"},{"name":"RippleAnimationConfig","as":"RippleAnimationConfig"},{"name":"RippleConfig","as":"RippleConfig"},{"name":"RippleGlobalOptions","as":"RippleGlobalOptions"},{"name":"RippleRef","as":"RippleRef"},{"name":"RippleRenderer","as":"RippleRenderer"},{"name":"RippleState","as":"RippleState"},{"name":"RippleTarget","as":"RippleTarget"},{"name":"SanityChecks","as":"SanityChecks"},{"name":"setLines","as":"setLines"},{"name":"ShowOnDirtyErrorStateMatcher","as":"ShowOnDirtyErrorStateMatcher"},{"name":"ThemePalette","as":"ThemePalette"},{"name":"VERSION","as":"VERSION"}],"from":"@angular/material/core"}],"metadata":{"MatOptionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":16,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":29},{"__symbolic":"reference","module":"@angular/material/core","name":"MatPseudoCheckboxModule","line":16,"character":43}],"exports":[{"__symbolic":"reference","name":"MatOption"},{"__symbolic":"reference","name":"MatOptgroup"}],"declarations":[{"__symbolic":"reference","name":"MatOption"},{"__symbolic":"reference","name":"MatOptgroup"}]}]}],"members":{}},"MatOption":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material/core","name":"_MatOptionBase","line":50,"character":31},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"mat-option","exportAs":"matOption","host":{"role":"option","[attr.tabindex]":"_getTabIndex()","[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]":"_getAriaSelected()","[attr.aria-disabled]":"disabled.toString()","(click)":"_selectViaInteraction()","(keydown)":"_handleKeydown($event)","class":"mat-mdc-option mat-mdc-focus-indicator","$quoted$":["role","[attr.tabindex]","[class.mdc-list-item--selected]","[class.mat-mdc-option-multiple]","[class.mat-mdc-option-active]","[class.mdc-list-item--disabled]","[id]","[attr.aria-selected]","[attr.aria-disabled]","(click)","(keydown)","class"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":48,"character":19},"member":"OnPush"},"template":"<mat-pseudo-checkbox *ngIf=\"multiple\" class=\"mat-mdc-option-pseudo-checkbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\" [disabled]=\"disabled\"></mat-pseudo-checkbox>\n\n<span class=\"mdc-list-item__primary-text\"><ng-content></ng-content></span>\n\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n<span class=\"cdk-visually-hidden\" *ngIf=\"group && group._inert\">({{ group.label }})</span>\n\n<div class=\"mat-mdc-option-ripple\" mat-ripple\n [matRippleTrigger]=\"_getHostElement()\"\n [matRippleDisabled]=\"disabled || disableRipple\">\n</div>\n","styles":[".mat-mdc-option{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;min-height:48px}.mat-mdc-option:focus{outline:none}[dir=rtl] .mat-mdc-option,.mat-mdc-option[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-option::after{display:inline-block;min-height:inherit;content:\"\"}.mat-mdc-option.mdc-list-item--disabled{opacity:.38;cursor:default}.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-pseudo-checkbox{margin-right:16px}[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox{margin-right:0;margin-left:16px}.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}.cdk-high-contrast-active .mat-mdc-option-active::before{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;border:solid 1px currentColor}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":54,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTION_PARENT_COMPONENT","line":54,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTGROUP","line":55,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":52,"character":24,"context":{"typeName":"HTMLElement"},"module":"./option/option"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":53,"character":23},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionParentComponent","line":54,"character":61},{"__symbolic":"reference","name":"MatOptgroup"}]}]}},"MatOptgroup":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material/core","name":"_MatOptgroupBase","line":52,"character":33},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"mat-optgroup","exportAs":"matOptgroup","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":38,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":39,"character":19},"member":"OnPush"},"inputs":["disabled"],"host":{"class":"mat-mdc-optgroup","[attr.role]":"_inert ? null : \"group\"","[attr.aria-disabled]":"_inert ? null : disabled.toString()","[attr.aria-labelledby]":"_inert ? null : _labelId","$quoted$":["class","[attr.role]","[attr.aria-disabled]","[attr.aria-labelledby]"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_OPTGROUP","line":49,"character":14},"useExisting":{"__symbolic":"reference","name":"MatOptgroup"}}],"template":"<span\n class=\"mat-mdc-optgroup-label\"\n aria-hidden=\"true\"\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-label{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;min-height:48px}.mat-mdc-optgroup-label:focus{outline:none}[dir=rtl] .mat-mdc-optgroup-label,.mat-mdc-optgroup-label[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-optgroup-label.mdc-list-item--disabled{opacity:.38}.mat-mdc-optgroup-label .mdc-list-item__primary-text{white-space:normal}\n"]}]}],"members":{}}},"origins":{"MatOptionModule":"./option/index","MatOption":"./option/option","MatOptgroup":"./option/optgroup"},"importAs":"@angular/material-experimental/mdc-core"}
|
package/mdc-core/public-api.d.ts
CHANGED
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
* found in the LICENSE file at https://angular.io/license
|
|
7
7
|
*/
|
|
8
8
|
export * from './option/index';
|
|
9
|
-
export { AnimationCurves, AnimationDurations, CanColor,
|
|
9
|
+
export { AnimationCurves, AnimationDurations, CanColor, CanDisable, CanDisableRipple, CanUpdateErrorState, DateAdapter, defaultRippleAnimationConfig, ErrorStateMatcher, GranularSanityChecks, HasInitialized, HasTabIndex, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY, MAT_NATIVE_DATE_FORMATS, MAT_OPTGROUP, MAT_RIPPLE_GLOBAL_OPTIONS, MatCommonModule, MatDateFormats, MATERIAL_SANITY_CHECKS, MatLine, MatLineModule, MatNativeDateModule, MatPseudoCheckbox, MatPseudoCheckboxModule, MatPseudoCheckboxState, MatRipple, MatRippleModule, mixinColor, mixinDisabled, mixinDisableRipple, mixinErrorState, mixinInitialized, mixinTabIndex, NativeDateAdapter, NativeDateModule, RippleAnimationConfig, RippleConfig, RippleGlobalOptions, RippleRef, RippleRenderer, RippleState, RippleTarget, SanityChecks, setLines, ShowOnDirtyErrorStateMatcher, ThemePalette, VERSION } from '@angular/material/core';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"AutoFocusTarget","as":"AutoFocusTarget"},{"name":"MatDialogState","as":"MatDialogState"},{"name":"MatDialogConfig","as":"MatDialogConfig"},{"name":"matDialogAnimations","as":"matDialogAnimations"},{"name":"throwMatDialogContentAlreadyAttachedError","as":"throwMatDialogContentAlreadyAttachedError"},{"name":"DialogRole","as":"DialogRole"},{"name":"DialogPosition","as":"DialogPosition"},{"name":"MAT_DIALOG_SCROLL_STRATEGY_FACTORY","as":"MAT_DIALOG_SCROLL_STRATEGY_FACTORY"}],"from":"@angular/material/dialog"}],"metadata":{"MAT_DIALOG_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":17,"character":35},"arguments":["MatMdcDialogData"]},"MAT_DIALOG_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":21,"character":8},"arguments":["mat-mdc-dialog-default-options"]},"MAT_DIALOG_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":25,"character":8},"arguments":["mat-mdc-dialog-scroll-strategy"]},"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":30,"character":9,"module":"./dialog"}},"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":36,"character":9}],"useFactory":{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY"}},"MatDialog":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material/dialog","name":"_MatDialogBase","line":44,"character":31},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":43,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":52,"character":7}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":19},"arguments":[{"__symbolic":"reference","name":"MAT_DIALOG_DEFAULT_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":7},"arguments":[{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":55,"character":19}}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":56,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":56,"character":26}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":46,"character":15},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":47,"character":16},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":52,"character":28},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogConfig","line":53,"character":70},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialog"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayContainer","line":55,"character":73},{"__symbolic":"error","message":"Expression form not supported","line":56,"character":65,"module":"./dialog"}]}]}},"MatDialogRef":{"__symbolic":"class","arity":2,"extends":{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogRef","line":18,"character":46},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":20,"character":18},{"__symbolic":"reference","name":"MatDialogContainer"},{"__symbolic":"reference","name":"string"}]}]}},"MatDialogClose":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":28,"character":1},"arguments":[{"selector":"[mat-dialog-close], [matDialogClose]","exportAs":"matDialogClose","host":{"(click)":"_onButtonClick($event)","[attr.aria-label]":"ariaLabel || null","[attr.type]":"type","$quoted$":["(click)","[attr.aria-label]","[attr.type]"]}}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["aria-label"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"dialogResult":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3},"arguments":["mat-dialog-close"]}]}],"_matDialogClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3},"arguments":["matDialogClose"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":52,"character":7}}],null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":103,"character":38,"context":{"typeName":"HTMLElement"},"module":"./dialog-content-directives"}]},{"__symbolic":"reference","name":"MatDialog"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_onButtonClick":[{"__symbolic":"method"}]}},"MatDialogTitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":88,"character":1},"arguments":[{"selector":"[mat-dialog-title], [matDialogTitle]","exportAs":"matDialogTitle","host":{"class":"mat-mdc-dialog-title mdc-dialog__title","[id]":"id","$quoted$":["class","[id]"]}}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":102,"character":7}}],null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":103,"character":38,"context":{"typeName":"HTMLElement"},"module":"./dialog-content-directives"}]},{"__symbolic":"reference","name":"MatDialog"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"MatDialogContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":127,"character":1},"arguments":[{"selector":"[mat-dialog-content], mat-dialog-content, [matDialogContent]","host":{"class":"mat-mdc-dialog-content mdc-dialog__content","$quoted$":["class"]}}]}],"members":{}},"MatDialogActions":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":139,"character":1},"arguments":[{"selector":"[mat-dialog-actions], mat-dialog-actions, [matDialogActions]","host":{"class":"mat-mdc-dialog-actions mdc-dialog__actions","$quoted$":["class"]}}]}],"members":{}},"MatDialogContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material/dialog","name":"_MatDialogContainerBase","line":47,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"mat-dialog-container","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":33,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":34,"character":19},"member":"OnPush"},"host":{"class":"mat-mdc-dialog-container mdc-dialog","tabindex":"-1","aria-modal":"true","[id]":"_id","[attr.role]":"_config.role","[attr.aria-labelledby]":"_config.ariaLabel ? null : _ariaLabelledBy","[attr.aria-label]":"_config.ariaLabel","[attr.aria-describedby]":"_config.ariaDescribedBy || null","[class._mat-animation-noopable]":"!_animationsEnabled","$quoted$":["class","tabindex","aria-modal","[id]","[attr.role]","[attr.aria-labelledby]","[attr.aria-label]","[attr.aria-describedby]","[class._mat-animation-noopable]"]},"template":"<div class=\"mdc-dialog__container\">\n <div class=\"mat-mdc-dialog-surface mdc-dialog__surface\">\n <ng-template cdkPortalOutlet></ng-template>\n </div>\n</div>\n","styles":[".mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms}.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms}.mdc-dialog .mdc-dialog__surface{border-radius:4px;border-radius:var(--mdc-shape-medium, 4px)}.mdc-dialog__title{display:block;margin-top:0;line-height:normal}.mdc-dialog__title::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-dialog,.mdc-dialog__scrim{position:fixed;top:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%}.mdc-dialog{display:none;z-index:7;z-index:var(--mdc-dialog-z-index, 7)}.mdc-dialog .mdc-dialog__content{padding:20px 24px 20px 24px}.mdc-dialog .mdc-dialog__surface{min-width:280px}@media(max-width: 592px){.mdc-dialog .mdc-dialog__surface{max-width:calc(100vw - 32px)}}@media(min-width: 592px){.mdc-dialog .mdc-dialog__surface{max-width:560px}}.mdc-dialog .mdc-dialog__surface{max-height:calc(100% - 32px)}@media(max-width: 960px)and (max-height: 1440px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:560px;max-width:560px}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}@media(max-width: 720px)and (max-height: 1023px)and (max-width: 672px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-width:calc(100vw - 112px)}}@media(max-width: 720px)and (max-height: 1023px)and (min-width: 672px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-width:560px}}@media(max-width: 720px)and (max-height: 1023px)and (max-height: 720px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:calc(100vh - 160px)}}@media(max-width: 720px)and (max-height: 1023px)and (min-height: 720px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:560px}}@media(max-width: 720px)and (max-height: 1023px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}@media(max-width: 720px)and (max-height: 400px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{height:100%;max-height:100vh;max-width:100vw;width:100%;border-radius:0}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{order:-1;left:-12px}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header{padding:0 16px 9px;justify-content:flex-start}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title{margin-left:calc(16px - 2 * 12px)}}@media(max-width: 600px)and (max-height: 960px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{height:100%;max-height:100vh;max-width:100vw;width:100vw;border-radius:0}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{order:-1;left:-12px}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header{padding:0 16px 9px;justify-content:flex-start}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title{margin-left:calc(16px - 2 * 12px)}}@media(min-width: 960px)and (min-height: 1440px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-width:calc(100vw - 400px)}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}.mdc-dialog.mdc-dialog__scrim--hidden .mdc-dialog__scrim{opacity:0}.mdc-dialog__scrim{opacity:0;z-index:-1}.mdc-dialog__container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;box-sizing:border-box;height:100%;transform:scale(0.8);opacity:0;pointer-events:none}.mdc-dialog__surface{position:relative;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box;max-width:100%;max-height:100%;pointer-events:auto;overflow-y:auto}.mdc-dialog__surface .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}[dir=rtl] .mdc-dialog__surface,.mdc-dialog__surface[dir=rtl]{text-align:right}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-dialog__surface{outline:2px solid windowText}}.mdc-dialog__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:2px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.mdc-dialog__surface::before{content:none}}.mdc-dialog__title{position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}[dir=rtl] .mdc-dialog__title,.mdc-dialog__title[dir=rtl]{text-align:right}.mdc-dialog--scrollable .mdc-dialog__title{margin-bottom:1px;padding-bottom:15px}.mdc-dialog--fullscreen .mdc-dialog__header{align-items:baseline;border-bottom:1px solid transparent;display:inline-flex;justify-content:space-between;padding:0 24px 9px;z-index:1}.mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close{right:-12px}.mdc-dialog--fullscreen .mdc-dialog__title{margin-bottom:0;padding:0;border-bottom:0}.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__title{border-bottom:0;margin-bottom:0}.mdc-dialog--fullscreen .mdc-dialog__close{top:5px}.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions{border-top:1px solid transparent}.mdc-dialog__content{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;-webkit-overflow-scrolling:touch}.mdc-dialog__content>:first-child{margin-top:0}.mdc-dialog__content>:last-child{margin-bottom:0}.mdc-dialog__title+.mdc-dialog__content,.mdc-dialog__header+.mdc-dialog__content{padding-top:0}.mdc-dialog--scrollable .mdc-dialog__title+.mdc-dialog__content{padding-top:8px;padding-bottom:8px}.mdc-dialog__content .mdc-deprecated-list:first-child:last-child{padding:6px 0 0}.mdc-dialog--scrollable .mdc-dialog__content .mdc-deprecated-list:first-child:last-child{padding:0}.mdc-dialog__actions{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid transparent}.mdc-dialog--stacked .mdc-dialog__actions{flex-direction:column;align-items:flex-end}.mdc-dialog__button{margin-left:8px;margin-right:0;max-width:100%;text-align:right}[dir=rtl] .mdc-dialog__button,.mdc-dialog__button[dir=rtl]{margin-left:0;margin-right:8px}.mdc-dialog__button:first-child{margin-left:0;margin-right:0}[dir=rtl] .mdc-dialog__button:first-child,.mdc-dialog__button:first-child[dir=rtl]{margin-left:0;margin-right:0}[dir=rtl] .mdc-dialog__button,.mdc-dialog__button[dir=rtl]{text-align:left}.mdc-dialog--stacked .mdc-dialog__button:not(:first-child){margin-top:12px}.mdc-dialog--open,.mdc-dialog--opening,.mdc-dialog--closing{display:flex}.mdc-dialog--opening .mdc-dialog__scrim{transition:opacity 150ms linear}.mdc-dialog--opening .mdc-dialog__container{transition:opacity 75ms linear,transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-dialog--closing .mdc-dialog__scrim,.mdc-dialog--closing .mdc-dialog__container{transition:opacity 75ms linear}.mdc-dialog--closing .mdc-dialog__container{transform:none}.mdc-dialog--open .mdc-dialog__scrim{opacity:1}.mdc-dialog--open .mdc-dialog__container{transform:none;opacity:1}.mdc-dialog--open.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim{opacity:1;z-index:1}.mdc-dialog--open.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim{transition:opacity 75ms linear}.mdc-dialog--open.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim{transition:opacity 150ms linear}.mdc-dialog__surface-scrim{display:none;opacity:0;position:absolute;width:100%;height:100%}.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim,.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim,.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim{display:block}.mdc-dialog-scroll-lock{overflow:hidden}.mat-mdc-dialog-content{max-height:65vh}.mat-mdc-dialog-container{position:static;display:block}.mat-mdc-dialog-container,.mat-mdc-dialog-container .mdc-dialog__container,.mat-mdc-dialog-container .mdc-dialog__surface{max-height:inherit;min-height:inherit;min-width:inherit;max-width:inherit}.mat-mdc-dialog-container .mdc-dialog__surface{display:block;width:100%;height:100%}.mat-mdc-dialog-container{outline:0}.cdk-high-contrast-active .mat-mdc-dialog-container{outline:solid 1px}.mat-mdc-dialog-content{display:block}.mat-mdc-dialog-actions{justify-content:start}.mat-mdc-dialog-actions[align=end]{justify-content:flex-end}.mat-mdc-dialog-actions[align=center]{justify-content:center}.mat-mdc-dialog-actions .mat-button-base+.mat-button-base,.mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .mat-mdc-dialog-actions .mat-button-base+.mat-button-base,[dir=rtl] .mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}.mat-mdc-dialog-container._mat-animation-noopable .mdc-dialog__container{transition:none}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":66,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":66,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":66,"character":26}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":70,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":70,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":70,"character":26}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":63,"character":18},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory","line":64,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":65,"character":25},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogConfig","line":67,"character":14},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"InteractivityChecker","line":68,"character":15},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":69,"character":14},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":71,"character":21}]}],"_initializeWithAttachedContent":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startOpenAnimation":[{"__symbolic":"method"}],"_startExitAnimation":[{"__symbolic":"method"}],"_clearAnimationClasses":[{"__symbolic":"method"}],"_waitForAnimationToComplete":[{"__symbolic":"method"}]}},"MatDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material-experimental/mdc-core","name":"MatCommonModule","line":25,"character":4}],"exports":[{"__symbolic":"reference","name":"MatDialogContainer"},{"__symbolic":"reference","name":"MatDialogClose"},{"__symbolic":"reference","name":"MatDialogTitle"},{"__symbolic":"reference","name":"MatDialogContent"},{"__symbolic":"reference","name":"MatDialogActions"},{"__symbolic":"reference","module":"@angular/material-experimental/mdc-core","name":"MatCommonModule","line":33,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatDialogContainer"},{"__symbolic":"reference","name":"MatDialogClose"},{"__symbolic":"reference","name":"MatDialogTitle"},{"__symbolic":"reference","name":"MatDialogActions"},{"__symbolic":"reference","name":"MatDialogContent"}],"providers":[{"__symbolic":"reference","name":"MatDialog"},{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER"}],"entryComponents":[{"__symbolic":"reference","name":"MatDialogContainer"}]}]}],"members":{}}},"origins":{"MAT_DIALOG_DATA":"./dialog","MAT_DIALOG_DEFAULT_OPTIONS":"./dialog","MAT_DIALOG_SCROLL_STRATEGY":"./dialog","MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY":"./dialog","MAT_DIALOG_SCROLL_STRATEGY_PROVIDER":"./dialog","MatDialog":"./dialog","MatDialogRef":"./dialog-ref","MatDialogClose":"./dialog-content-directives","MatDialogTitle":"./dialog-content-directives","MatDialogContent":"./dialog-content-directives","MatDialogActions":"./dialog-content-directives","MatDialogContainer":"./dialog-container","MatDialogModule":"./module"},"importAs":"@angular/material-experimental/mdc-dialog"}
|
|
1
|
+
{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"AutoFocusTarget","as":"AutoFocusTarget"},{"name":"MatDialogState","as":"MatDialogState"},{"name":"MatDialogConfig","as":"MatDialogConfig"},{"name":"matDialogAnimations","as":"matDialogAnimations"},{"name":"throwMatDialogContentAlreadyAttachedError","as":"throwMatDialogContentAlreadyAttachedError"},{"name":"DialogRole","as":"DialogRole"},{"name":"DialogPosition","as":"DialogPosition"},{"name":"MAT_DIALOG_SCROLL_STRATEGY_FACTORY","as":"MAT_DIALOG_SCROLL_STRATEGY_FACTORY"}],"from":"@angular/material/dialog"}],"metadata":{"MAT_DIALOG_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":17,"character":35},"arguments":["MatMdcDialogData"]},"MAT_DIALOG_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":21,"character":8},"arguments":["mat-mdc-dialog-default-options"]},"MAT_DIALOG_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":25,"character":8},"arguments":["mat-mdc-dialog-scroll-strategy"]},"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":30,"character":9,"module":"./dialog"}},"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":36,"character":9}],"useFactory":{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY"}},"MatDialog":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material/dialog","name":"_MatDialogBase","line":44,"character":31},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":43,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":52,"character":7}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":19},"arguments":[{"__symbolic":"reference","name":"MAT_DIALOG_DEFAULT_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":7},"arguments":[{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":55,"character":19}}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":56,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":56,"character":26}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":46,"character":15},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":47,"character":16},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":52,"character":28},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogConfig","line":53,"character":70},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialog"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayContainer","line":55,"character":73},{"__symbolic":"error","message":"Expression form not supported","line":56,"character":65,"module":"./dialog"}]}]}},"MatDialogRef":{"__symbolic":"class","arity":2,"extends":{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogRef","line":18,"character":46},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":20,"character":18},{"__symbolic":"reference","name":"MatDialogContainer"},{"__symbolic":"reference","name":"string"}]}]}},"MatDialogClose":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":28,"character":1},"arguments":[{"selector":"[mat-dialog-close], [matDialogClose]","exportAs":"matDialogClose","host":{"(click)":"_onButtonClick($event)","[attr.aria-label]":"ariaLabel || null","[attr.type]":"type","$quoted$":["(click)","[attr.aria-label]","[attr.type]"]}}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["aria-label"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"dialogResult":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3},"arguments":["mat-dialog-close"]}]}],"_matDialogClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3},"arguments":["matDialogClose"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":52,"character":7}}],null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":103,"character":38,"context":{"typeName":"HTMLElement"},"module":"./dialog-content-directives"}]},{"__symbolic":"reference","name":"MatDialog"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_onButtonClick":[{"__symbolic":"method"}]}},"MatDialogTitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":88,"character":1},"arguments":[{"selector":"[mat-dialog-title], [matDialogTitle]","exportAs":"matDialogTitle","host":{"class":"mat-mdc-dialog-title mdc-dialog__title","[id]":"id","$quoted$":["class","[id]"]}}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":102,"character":7}}],null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":103,"character":38,"context":{"typeName":"HTMLElement"},"module":"./dialog-content-directives"}]},{"__symbolic":"reference","name":"MatDialog"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"MatDialogContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":127,"character":1},"arguments":[{"selector":"[mat-dialog-content], mat-dialog-content, [matDialogContent]","host":{"class":"mat-mdc-dialog-content mdc-dialog__content","$quoted$":["class"]}}]}],"members":{}},"MatDialogActions":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":139,"character":1},"arguments":[{"selector":"[mat-dialog-actions], mat-dialog-actions, [matDialogActions]","host":{"class":"mat-mdc-dialog-actions mdc-dialog__actions","$quoted$":["class"]}}]}],"members":{}},"MatDialogContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material/dialog","name":"_MatDialogContainerBase","line":47,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"mat-dialog-container","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":33,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":34,"character":19},"member":"OnPush"},"host":{"class":"mat-mdc-dialog-container mdc-dialog","tabindex":"-1","aria-modal":"true","[id]":"_id","[attr.role]":"_config.role","[attr.aria-labelledby]":"_config.ariaLabel ? null : _ariaLabelledBy","[attr.aria-label]":"_config.ariaLabel","[attr.aria-describedby]":"_config.ariaDescribedBy || null","[class._mat-animation-noopable]":"!_animationsEnabled","$quoted$":["class","tabindex","aria-modal","[id]","[attr.role]","[attr.aria-labelledby]","[attr.aria-label]","[attr.aria-describedby]","[class._mat-animation-noopable]"]},"template":"<div class=\"mdc-dialog__container\">\n <div class=\"mat-mdc-dialog-surface mdc-dialog__surface\">\n <ng-template cdkPortalOutlet></ng-template>\n </div>\n</div>\n","styles":[".mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms}.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms}.mdc-dialog .mdc-dialog__surface{border-radius:4px;border-radius:var(--mdc-shape-medium, 4px)}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-dialog,.mdc-dialog__scrim{position:fixed;top:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%}.mdc-dialog{display:none;z-index:7;z-index:var(--mdc-dialog-z-index, 7)}.mdc-dialog .mdc-dialog__content{padding:20px 24px 20px 24px}.mdc-dialog .mdc-dialog__surface{min-width:280px}@media(max-width: 592px){.mdc-dialog .mdc-dialog__surface{max-width:calc(100vw - 32px)}}@media(min-width: 592px){.mdc-dialog .mdc-dialog__surface{max-width:560px}}.mdc-dialog .mdc-dialog__surface{max-height:calc(100% - 32px)}@media(max-width: 960px)and (max-height: 1440px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:560px;max-width:560px}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}@media(max-width: 720px)and (max-height: 1023px)and (max-width: 672px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-width:calc(100vw - 112px)}}@media(max-width: 720px)and (max-height: 1023px)and (min-width: 672px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-width:560px}}@media(max-width: 720px)and (max-height: 1023px)and (max-height: 720px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:calc(100vh - 160px)}}@media(max-width: 720px)and (max-height: 1023px)and (min-height: 720px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-height:560px}}@media(max-width: 720px)and (max-height: 1023px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}@media(max-width: 720px)and (max-height: 400px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{height:100%;max-height:100vh;max-width:100vw;width:100%;border-radius:0}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{order:-1;left:-12px}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header{padding:0 16px 9px;justify-content:flex-start}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title{margin-left:calc(16px - 2 * 12px)}}@media(max-width: 600px)and (max-height: 960px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{height:100%;max-height:100vh;max-width:100vw;width:100vw;border-radius:0}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{order:-1;left:-12px}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header{padding:0 16px 9px;justify-content:flex-start}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title{margin-left:calc(16px - 2 * 12px)}}@media(min-width: 960px)and (min-height: 1440px){.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface{max-width:calc(100vw - 400px)}.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close{right:-12px}}.mdc-dialog.mdc-dialog__scrim--hidden .mdc-dialog__scrim{opacity:0}.mdc-dialog__scrim{opacity:0;z-index:-1}.mdc-dialog__container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;box-sizing:border-box;height:100%;transform:scale(0.8);opacity:0;pointer-events:none}.mdc-dialog__surface{position:relative;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box;max-width:100%;max-height:100%;pointer-events:auto;overflow-y:auto}.mdc-dialog__surface .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}[dir=rtl] .mdc-dialog__surface,.mdc-dialog__surface[dir=rtl]{text-align:right}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-dialog__surface{outline:2px solid windowText}}.mdc-dialog__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:2px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.mdc-dialog__surface::before{content:none}}.mdc-dialog__title{display:block;margin-top:0;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.mdc-dialog__title::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}[dir=rtl] .mdc-dialog__title,.mdc-dialog__title[dir=rtl]{text-align:right}.mdc-dialog--scrollable .mdc-dialog__title{margin-bottom:1px;padding-bottom:15px}.mdc-dialog--fullscreen .mdc-dialog__header{align-items:baseline;border-bottom:1px solid transparent;display:inline-flex;justify-content:space-between;padding:0 24px 9px;z-index:1}.mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close{right:-12px}.mdc-dialog--fullscreen .mdc-dialog__title{margin-bottom:0;padding:0;border-bottom:0}.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__title{border-bottom:0;margin-bottom:0}.mdc-dialog--fullscreen .mdc-dialog__close{top:5px}.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions{border-top:1px solid transparent}.mdc-dialog__content{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;-webkit-overflow-scrolling:touch}.mdc-dialog__content>:first-child{margin-top:0}.mdc-dialog__content>:last-child{margin-bottom:0}.mdc-dialog__title+.mdc-dialog__content,.mdc-dialog__header+.mdc-dialog__content{padding-top:0}.mdc-dialog--scrollable .mdc-dialog__title+.mdc-dialog__content{padding-top:8px;padding-bottom:8px}.mdc-dialog__content .mdc-deprecated-list:first-child:last-child{padding:6px 0 0}.mdc-dialog--scrollable .mdc-dialog__content .mdc-deprecated-list:first-child:last-child{padding:0}.mdc-dialog__actions{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid transparent}.mdc-dialog--stacked .mdc-dialog__actions{flex-direction:column;align-items:flex-end}.mdc-dialog__button{margin-left:8px;margin-right:0;max-width:100%;text-align:right}[dir=rtl] .mdc-dialog__button,.mdc-dialog__button[dir=rtl]{margin-left:0;margin-right:8px}.mdc-dialog__button:first-child{margin-left:0;margin-right:0}[dir=rtl] .mdc-dialog__button:first-child,.mdc-dialog__button:first-child[dir=rtl]{margin-left:0;margin-right:0}[dir=rtl] .mdc-dialog__button,.mdc-dialog__button[dir=rtl]{text-align:left}.mdc-dialog--stacked .mdc-dialog__button:not(:first-child){margin-top:12px}.mdc-dialog--open,.mdc-dialog--opening,.mdc-dialog--closing{display:flex}.mdc-dialog--opening .mdc-dialog__scrim{transition:opacity 150ms linear}.mdc-dialog--opening .mdc-dialog__container{transition:opacity 75ms linear,transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-dialog--closing .mdc-dialog__scrim,.mdc-dialog--closing .mdc-dialog__container{transition:opacity 75ms linear}.mdc-dialog--closing .mdc-dialog__container{transform:none}.mdc-dialog--open .mdc-dialog__scrim{opacity:1}.mdc-dialog--open .mdc-dialog__container{transform:none;opacity:1}.mdc-dialog--open.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim{opacity:1;z-index:1}.mdc-dialog--open.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim{transition:opacity 75ms linear}.mdc-dialog--open.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim{transition:opacity 150ms linear}.mdc-dialog__surface-scrim{display:none;opacity:0;position:absolute;width:100%;height:100%}.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim,.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim,.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim{display:block}.mdc-dialog-scroll-lock{overflow:hidden}.mat-mdc-dialog-content{max-height:65vh}.mat-mdc-dialog-container{position:static;display:block}.mat-mdc-dialog-container,.mat-mdc-dialog-container .mdc-dialog__container,.mat-mdc-dialog-container .mdc-dialog__surface{max-height:inherit;min-height:inherit;min-width:inherit;max-width:inherit}.mat-mdc-dialog-container .mdc-dialog__surface{display:block;width:100%;height:100%}.mat-mdc-dialog-container{outline:0}.cdk-high-contrast-active .mat-mdc-dialog-container{outline:solid 1px}.mat-mdc-dialog-content{display:block}.mat-mdc-dialog-actions{justify-content:start}.mat-mdc-dialog-actions[align=end]{justify-content:flex-end}.mat-mdc-dialog-actions[align=center]{justify-content:center}.mat-mdc-dialog-actions .mat-button-base+.mat-button-base,.mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .mat-mdc-dialog-actions .mat-button-base+.mat-button-base,[dir=rtl] .mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}.mat-mdc-dialog-container._mat-animation-noopable .mdc-dialog__container{transition:none}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":66,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":66,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":66,"character":26}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":70,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":70,"character":19},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":70,"character":26}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":63,"character":18},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory","line":64,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":65,"character":25},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogConfig","line":67,"character":14},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"InteractivityChecker","line":68,"character":15},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":69,"character":14},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":71,"character":21}]}],"_initializeWithAttachedContent":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startOpenAnimation":[{"__symbolic":"method"}],"_startExitAnimation":[{"__symbolic":"method"}],"_clearAnimationClasses":[{"__symbolic":"method"}],"_waitForAnimationToComplete":[{"__symbolic":"method"}]}},"MatDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material-experimental/mdc-core","name":"MatCommonModule","line":25,"character":4}],"exports":[{"__symbolic":"reference","name":"MatDialogContainer"},{"__symbolic":"reference","name":"MatDialogClose"},{"__symbolic":"reference","name":"MatDialogTitle"},{"__symbolic":"reference","name":"MatDialogContent"},{"__symbolic":"reference","name":"MatDialogActions"},{"__symbolic":"reference","module":"@angular/material-experimental/mdc-core","name":"MatCommonModule","line":33,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatDialogContainer"},{"__symbolic":"reference","name":"MatDialogClose"},{"__symbolic":"reference","name":"MatDialogTitle"},{"__symbolic":"reference","name":"MatDialogActions"},{"__symbolic":"reference","name":"MatDialogContent"}],"providers":[{"__symbolic":"reference","name":"MatDialog"},{"__symbolic":"reference","name":"MAT_DIALOG_SCROLL_STRATEGY_PROVIDER"}],"entryComponents":[{"__symbolic":"reference","name":"MatDialogContainer"}]}]}],"members":{}}},"origins":{"MAT_DIALOG_DATA":"./dialog","MAT_DIALOG_DEFAULT_OPTIONS":"./dialog","MAT_DIALOG_SCROLL_STRATEGY":"./dialog","MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY":"./dialog","MAT_DIALOG_SCROLL_STRATEGY_PROVIDER":"./dialog","MatDialog":"./dialog","MatDialogRef":"./dialog-ref","MatDialogClose":"./dialog-content-directives","MatDialogTitle":"./dialog-content-directives","MatDialogContent":"./dialog-content-directives","MatDialogActions":"./dialog-content-directives","MatDialogContainer":"./dialog-container","MatDialogModule":"./module"},"importAs":"@angular/material-experimental/mdc-dialog"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use 'sass:math';
|
|
3
3
|
@use '../mdc-helpers/mdc-helpers';
|
|
4
|
-
@use '../../cdk/a11y';
|
|
5
4
|
@use '../../material/core/theming/palette';
|
|
6
5
|
@use '@material/theme/theme-color' as mdc-theme-color;
|
|
7
6
|
|
|
@@ -18,43 +17,19 @@ $mat-form-field-select-horizontal-end-padding: $mat-form-field-select-arrow-widt
|
|
|
18
17
|
// Remove the native select down arrow and ensure that the native appearance
|
|
19
18
|
// does not conflict with the form-field. e.g. Focus indication of the native
|
|
20
19
|
// select is undesired since we handle focus as part of the form-field.
|
|
21
|
-
select.mat-mdc-form-field-control {
|
|
20
|
+
select.mat-mdc-form-field-input-control {
|
|
22
21
|
-moz-appearance: none;
|
|
23
22
|
-webkit-appearance: none;
|
|
24
23
|
background-color: transparent;
|
|
25
24
|
display: inline-flex;
|
|
26
25
|
box-sizing: border-box;
|
|
27
26
|
|
|
28
|
-
// Hides the default arrow native selects.
|
|
29
|
-
&::-ms-expand {
|
|
30
|
-
display: none;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
27
|
// By default the cursor does not change when hovering over a select. We want to
|
|
34
28
|
// change this for non-disabled select elements so that it's more obvious that the
|
|
35
29
|
// control can be clicked.
|
|
36
30
|
&:not(:disabled) {
|
|
37
31
|
cursor: pointer;
|
|
38
32
|
}
|
|
39
|
-
|
|
40
|
-
// As a part of its user agent styling, IE11 has a blue box inside each focused `select`
|
|
41
|
-
// element which we have to reset. Note that this needs to be in its own selector, because
|
|
42
|
-
// having it together with another one will cause other browsers to ignore it.
|
|
43
|
-
&::-ms-value {
|
|
44
|
-
// We need to reset the `color` as well, because IE sets it to white.
|
|
45
|
-
color: inherit;
|
|
46
|
-
background: none;
|
|
47
|
-
|
|
48
|
-
// IE and Edge in high contrast mode reset the color for a focused select to the same color
|
|
49
|
-
// as the background, however this causes it blend in because we've reset the `background`
|
|
50
|
-
// above. We have to add a more specific selector in order to ensure that it gets the
|
|
51
|
-
// `color` from our theme instead.
|
|
52
|
-
@include a11y.high-contrast(active, off) {
|
|
53
|
-
.mat-focused & {
|
|
54
|
-
color: inherit;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
33
|
}
|
|
59
34
|
|
|
60
35
|
// Native select elements with the `matInput` directive should have Material Design
|
|
@@ -83,7 +58,7 @@ $mat-form-field-select-horizontal-end-padding: $mat-form-field-select-arrow-widt
|
|
|
83
58
|
|
|
84
59
|
// Add padding on the end of the native select so that the content does not
|
|
85
60
|
// overlap with the Material Design arrow.
|
|
86
|
-
.mat-mdc-form-field-control {
|
|
61
|
+
.mat-mdc-form-field-input-control {
|
|
87
62
|
padding-right: $mat-form-field-select-horizontal-end-padding;
|
|
88
63
|
[dir='rtl'] & {
|
|
89
64
|
padding-right: 0;
|
|
@@ -105,7 +80,7 @@ $mat-form-field-select-horizontal-end-padding: $mat-form-field-select-arrow-widt
|
|
|
105
80
|
$dropdown-icon-color: rgba(mdc-theme-color.prop-value(on-surface), 0.54);
|
|
106
81
|
$disabled-dropdown-icon-color: rgba(mdc-theme-color.prop-value(on-surface), 0.38);
|
|
107
82
|
|
|
108
|
-
select.mat-mdc-form-field-control {
|
|
83
|
+
select.mat-mdc-form-field-input-control {
|
|
109
84
|
// On dark themes we set the native `select` color to some shade of white,
|
|
110
85
|
// however the color propagates to all of the `option` elements, which are
|
|
111
86
|
// always on a white background inside the dropdown, causing them to blend in.
|
|
@@ -38,7 +38,3 @@ $mat-form-field-no-label-padding-top: 16px;
|
|
|
38
38
|
// The amount of padding between the icon prefix/suffix and the infix.
|
|
39
39
|
// This assumes that the icon will be a 24px square with 12px padding.
|
|
40
40
|
$mat-form-field-icon-prefix-infix-padding: 4px;
|
|
41
|
-
|
|
42
|
-
// The amount of padding between the end of the form-field and the infix for a form-field with no
|
|
43
|
-
// icons.
|
|
44
|
-
$mat-form-field-end-padding: 16px;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@use '@material/textfield' as mdc-textfield;
|
|
2
2
|
@use '@material/theme/theme' as mdc-theme;
|
|
3
3
|
@use '@material/typography' as mdc-typography;
|
|
4
|
+
@use '@material/textfield/variables' as mdc-textfield-variables;
|
|
4
5
|
@use 'form-field-sizing';
|
|
5
6
|
@use '../mdc-helpers/mdc-helpers';
|
|
6
7
|
@use '../../material/core/theming/theming';
|
|
@@ -13,16 +14,13 @@
|
|
|
13
14
|
position: relative;
|
|
14
15
|
}
|
|
15
16
|
|
|
16
|
-
// The horizontal padding between the edge of the text box and the start of the subscript text.
|
|
17
|
-
$subscript-horizontal-padding: 16px;
|
|
18
|
-
|
|
19
17
|
.mat-mdc-form-field-hint-wrapper,
|
|
20
18
|
.mat-mdc-form-field-error-wrapper {
|
|
21
19
|
position: absolute;
|
|
22
20
|
top: 0;
|
|
23
21
|
left: 0;
|
|
24
22
|
right: 0;
|
|
25
|
-
padding: 0
|
|
23
|
+
padding: 0 mdc-textfield-variables.$padding-horizontal;
|
|
26
24
|
}
|
|
27
25
|
|
|
28
26
|
.mat-mdc-form-field-bottom-align::before {
|
|
@@ -31,14 +29,8 @@
|
|
|
31
29
|
height: 16px;
|
|
32
30
|
}
|
|
33
31
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
.mat-mdc-form-field label {
|
|
37
|
-
.mat-icon {
|
|
38
|
-
width: 1em;
|
|
39
|
-
height: 1em;
|
|
40
|
-
font-size: inherit;
|
|
41
|
-
}
|
|
32
|
+
.mat-mdc-form-field-hint-end {
|
|
33
|
+
order: 1;
|
|
42
34
|
}
|
|
43
35
|
|
|
44
36
|
// Clears the floats on the hints. This is necessary for the hint animation to work.
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
@use '@material/notched-outline' as mdc-notched-outline;
|
|
4
4
|
@use '@material/line-ripple' as mdc-line-ripple;
|
|
5
5
|
@use '@material/theme/theme-color' as mdc-theme-color;
|
|
6
|
-
@use '@material/typography' as mdc-typography;
|
|
6
|
+
@use '@material/typography/typography' as mdc-typography;
|
|
7
7
|
@use '../mdc-helpers/mdc-helpers';
|
|
8
8
|
@use '../../material/core/typography/typography';
|
|
9
9
|
@use 'form-field-density';
|
|
@@ -72,14 +72,30 @@
|
|
|
72
72
|
@include mdc-line-ripple.core-styles($query: mdc-helpers.$mat-typography-styles-query);
|
|
73
73
|
@include form-field-subscript.private-form-field-subscript-typography($config);
|
|
74
74
|
|
|
75
|
-
// MDC uses
|
|
76
|
-
// the
|
|
77
|
-
|
|
78
|
-
.mat-mdc-form-field
|
|
79
|
-
.mat-mdc-form-field-
|
|
80
|
-
.mat-mdc-form-field-text-suffix {
|
|
75
|
+
// MDC uses `subtitle1` for the input value, placeholder and floating label. The spec
|
|
76
|
+
// shows `body1` for text fields though, so we manually override the typography.
|
|
77
|
+
// Note: Form controls inherit the typography from the parent form field.
|
|
78
|
+
.mat-mdc-form-field,
|
|
79
|
+
.mat-mdc-form-field .mdc-floating-label {
|
|
81
80
|
@include mdc-typography.typography(body1, $query: mdc-helpers.$mat-typography-styles-query);
|
|
82
81
|
}
|
|
82
|
+
|
|
83
|
+
// Above, we updated the floating label to use the `body1` typography level. The MDC notched
|
|
84
|
+
// outline overrides this accidentally (only when the label floats) to a `rem`-based value.
|
|
85
|
+
// This results in different label widths when floated/docked and ultimately breaks the notch
|
|
86
|
+
// width as it has been measured in the docked state (where `body1` is applied). We try to
|
|
87
|
+
// unset these styles set by the `mdc-notched-outline`:
|
|
88
|
+
// https://github.com/material-components/material-components-web/blob/master/packages/mdc-notched-outline/_mixins.scss#L272-L292.
|
|
89
|
+
.mat-mdc-form-field .mdc-text-field--outlined {
|
|
90
|
+
// For the non-upgraded notch label (i.e. when rendered on the server), also
|
|
91
|
+
// use the correct `body1` typography level.
|
|
92
|
+
.mdc-floating-label--float-above {
|
|
93
|
+
font-size: mdc-typography.get-size(body1) * 0.75;
|
|
94
|
+
}
|
|
95
|
+
.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
|
|
96
|
+
font-size: mdc-typography.get-size(body1);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
83
99
|
}
|
|
84
100
|
}
|
|
85
101
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use '
|
|
1
|
+
@use '@material/textfield/variables' as mdc-textfield-variables;
|
|
2
2
|
|
|
3
3
|
// Mixin that can be included to override the default MDC text-field
|
|
4
4
|
// styles to fit our needs. See individual comments for context on why
|
|
@@ -6,15 +6,21 @@
|
|
|
6
6
|
@mixin private-text-field-structure-overrides() {
|
|
7
7
|
// Unset the border set by MDC. We move the border (which serves as the Material Design
|
|
8
8
|
// text-field bottom line) into its own element. This is necessary because we want the
|
|
9
|
-
// bottom-line to span across the whole form-field (including prefixes and suffixes).
|
|
10
|
-
.
|
|
9
|
+
// bottom-line to span across the whole form-field (including prefixes and suffixes). Also
|
|
10
|
+
// we ensure that font styles are inherited for input elements. We do this because inputs by
|
|
11
|
+
// default have explicit font styles from the user agent, and we set the desired font styles
|
|
12
|
+
// in the parent `mat-form-field` element (for better custom form-field control support).
|
|
13
|
+
// Note: We increase specificity here because the MDC textfield seems to override this,
|
|
14
|
+
// depending on the CSS order, with an affix selector joint with the input.
|
|
15
|
+
.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
|
|
16
|
+
font: inherit;
|
|
11
17
|
border: none;
|
|
12
18
|
}
|
|
13
19
|
|
|
14
20
|
// In order to ensure proper alignment of the floating label, we reset its line-height.
|
|
15
21
|
// The line-height is not important as the element is absolutely positioned and only has one line
|
|
16
22
|
// of text.
|
|
17
|
-
.mat-mdc-form-field .mdc-floating-label {
|
|
23
|
+
.mat-mdc-form-field .mdc-floating-label.mdc-floating-label {
|
|
18
24
|
line-height: normal;
|
|
19
25
|
}
|
|
20
26
|
|
|
@@ -24,15 +30,16 @@
|
|
|
24
30
|
// not work for us since we support arbitrary form field controls which don't necessarily
|
|
25
31
|
// use an `input` element. We organize the vertical spacing on the infix container.
|
|
26
32
|
.mdc-text-field--no-label:not(.mdc-text-field--textarea)
|
|
27
|
-
|
|
28
|
-
.mat-mdc-text-field-wrapper .mat-mdc-form-field-control {
|
|
33
|
+
.mat-mdc-form-field-input-control.mdc-text-field__input,
|
|
34
|
+
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
|
|
29
35
|
height: auto;
|
|
30
36
|
}
|
|
31
37
|
|
|
32
38
|
// Color inputs are a special case, because setting their height to
|
|
33
39
|
// `auto` will collapse them. The height value is an arbitrary number
|
|
34
40
|
// which was extracted from the user agent styles of Chrome and Firefox.
|
|
35
|
-
.mat-mdc-text-field-wrapper
|
|
41
|
+
.mat-mdc-text-field-wrapper
|
|
42
|
+
.mat-mdc-form-field-input-control.mdc-text-field__input[type='color'] {
|
|
36
43
|
height: 23px;
|
|
37
44
|
}
|
|
38
45
|
|
|
@@ -57,8 +64,8 @@
|
|
|
57
64
|
[dir='rtl'] {
|
|
58
65
|
// Undo the above padding removals which only apply in LTR languages.
|
|
59
66
|
.mat-mdc-text-field-wrapper {
|
|
60
|
-
padding-left:
|
|
61
|
-
padding-right:
|
|
67
|
+
padding-left: mdc-textfield-variables.$padding-horizontal;
|
|
68
|
+
padding-right: mdc-textfield-variables.$padding-horizontal;
|
|
62
69
|
}
|
|
63
70
|
// ...and apply the correct padding resets for RTL languages.
|
|
64
71
|
.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
|
|
@@ -10,7 +10,15 @@
|
|
|
10
10
|
@mixin private-text-field-textarea-overrides() {
|
|
11
11
|
// Ensures that textarea elements inside of the form-field have proper vertical spacing
|
|
12
12
|
// to account for the floating label. Also ensures that there is no vertical text overflow.
|
|
13
|
-
|
|
13
|
+
// **Note**: Before changing this selector, make sure the `cdk-textarea-autosize` class is
|
|
14
|
+
// still able to override the `resize` property to `none`.
|
|
15
|
+
.mat-mdc-form-field-textarea-control {
|
|
16
|
+
// Set the vertical alignment for textareas inside form fields to be the middle. This
|
|
17
|
+
// ensures that textareas do not stretch the infix container vertically without having
|
|
18
|
+
// multiple rows of text. See: https://github.com/angular/components/pull/22089.
|
|
19
|
+
vertical-align: middle;
|
|
20
|
+
// Textareas by default also allow users to resize the textarea horizontally. This
|
|
21
|
+
// causes the textarea to overflow the form-field. We only allow vertical resizing.
|
|
14
22
|
resize: vertical;
|
|
15
23
|
box-sizing: border-box;
|
|
16
24
|
height: auto;
|