From 946bdfff1736760e43f3cfdfdfc0686d4bae6dd9 Mon Sep 17 00:00:00 2001 From: Vito Albano Date: Fri, 8 Mar 2024 20:24:03 +0000 Subject: [PATCH] [affected:*][ci:force] Upgrading material selector class --- .../content-metadata-card.component.html | 2 +- .../content-metadata-header.component.ts | 28 +-- .../content-user-info.component.html | 8 +- .../user-role-column.component.ts | 24 +- .../search-widget-chip.component.ts | 8 +- .../search-slider.component.html | 2 +- .../card-view-arrayitem.component.scss | 1 - .../card-view-boolitem.component.ts | 8 +- .../card-view-selectitem.component.scss | 2 + .../card-view-textitem.component.scss | 3 +- .../card-view/card-view.component.scss | 16 +- .../dynamic-chip-list.component.html | 4 +- .../dynamic-chip-list.component.scss | 1 + .../components/form-renderer.component.scss | 11 +- .../widgets/date-time/date-time.widget.scss | 6 +- .../form/components/widgets/form.theme.scss | 5 +- .../components/widgets/text/text.widget.scss | 2 +- .../identity-user-info.component.html | 2 +- .../info-drawer/info-drawer.component.scss | 7 +- .../lib/login/components/login.component.html | 218 ++++++++++++++++++ .../search-text-input.component.scss | 6 +- .../dynamic-column.component.ts | 1 - .../form/components/form-cloud.component.html | 2 +- .../form/components/form-cloud.component.scss | 2 + ...process-filter-dialog-cloud.component.html | 2 +- .../process-header-cloud.component.html | 2 +- .../task-filter-dialog-cloud.component.html | 2 +- .../form/start-form/start-form.component.scss | 14 +- .../attach-file-widget.component.scss | 2 + .../form/widgets/people/people.widget.scss | 1 + .../start-process.component.scss | 1 + .../start-task/start-task.component.scss | 2 + .../task-details/task-details.component.scss | 1 + .../task-form/task-form.component.scss | 1 + .../core/pages/material/material-locators.ts | 182 +++++++-------- 35 files changed, 406 insertions(+), 173 deletions(-) create mode 100644 lib/core/src/lib/login/components/login.component.html diff --git a/lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.html b/lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.html index b45511e8cb..756751988b 100644 --- a/lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.html +++ b/lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.html @@ -1,4 +1,4 @@ - + diff --git a/lib/content-services/src/lib/content-user-info/content-user-info.component.html b/lib/content-services/src/lib/content-user-info/content-user-info.component.html index 0b8ccd8ef5..fa0aa1cb89 100644 --- a/lib/content-services/src/lib/content-user-info/content-user-info.component.html +++ b/lib/content-services/src/lib/content-user-info/content-user-info.component.html @@ -40,7 +40,7 @@ - +
-
{{ecmUser | fullName}}
+
{{ecmUser | fullName}}
@@ -73,7 +73,7 @@
- +
-
{{identityUser | fullName}}
+
{{identityUser | fullName}}
diff --git a/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts b/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts index 819bc56923..f1234a3e48 100644 --- a/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts +++ b/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts @@ -42,18 +42,18 @@ import { RoleModel } from '../../models/role.model'; host: { class: 'adf-user-role-column adf-datatable-content-cell adf-expand-cell-4' }, styles: [ `.adf-role-selector-field { - width: 100%; - } - - .adf-role-selector-field .mat-mdc-form-field { - width: 100%; - max-width: 200px; - } - - .adf-readonly-role { - padding-left: 0 !important; - } - ` + width: 100%; + } + + .adf-role-selector-field .mat-mdc-form-field { + width: 100%; + max-width: 200px; + } + + .adf-readonly-role { + padding-left: 0 !important; + } + ` ] }) export class UserRoleColumnComponent { diff --git a/lib/content-services/src/lib/search/components/search-filter-chips/search-widget-chip/search-widget-chip.component.ts b/lib/content-services/src/lib/search/components/search-filter-chips/search-widget-chip/search-widget-chip.component.ts index 642c9dad44..22e0920180 100644 --- a/lib/content-services/src/lib/search/components/search-filter-chips/search-widget-chip/search-widget-chip.component.ts +++ b/lib/content-services/src/lib/search/components/search-filter-chips/search-widget-chip/search-widget-chip.component.ts @@ -26,10 +26,10 @@ import { SearchWidgetContainerComponent } from '../../search-widget-container/se templateUrl: './search-widget-chip.component.html', styles: [ ` - .adf-search-widget-extra-width { - max-width: 500px; - } - ` + .adf-search-widget-extra-width { + max-width: 500px; + } + ` ], encapsulation: ViewEncapsulation.None }) diff --git a/lib/content-services/src/lib/search/components/search-slider/search-slider.component.html b/lib/content-services/src/lib/search/components/search-slider/search-slider.component.html index b9ce21ab11..4a04aa371a 100644 --- a/lib/content-services/src/lib/search/components/search-slider/search-slider.component.html +++ b/lib/content-services/src/lib/search/components/search-slider/search-slider.component.html @@ -3,7 +3,7 @@ [max]="max" [step]="step" class="adf-search-slider" - data-automation-id="slider-range" #ngSlider> + data-automation-id="slider-range" #ngSlider> - close - + + + +
+ + + + +
+ + + +
+ +
+ + + + + + + + + +
+ {{ copyrightText }} +
+ + + + diff --git a/lib/core/src/lib/search-text/search-text-input.component.scss b/lib/core/src/lib/search-text/search-text-input.component.scss index ebce31f6fc..6202ebded2 100644 --- a/lib/core/src/lib/search-text/search-text-input.component.scss +++ b/lib/core/src/lib/search-text/search-text-input.component.scss @@ -20,13 +20,11 @@ } &-input-form-field-divider { - /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ - /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ - /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ + /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-form-field-underline { background-color: var(--adf-theme-primary-50); - /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ + /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mdc-line-ripple { background-color: var(--adf-theme-primary-50); diff --git a/lib/extensions/src/lib/components/dynamic-column/dynamic-column.component.ts b/lib/extensions/src/lib/components/dynamic-column/dynamic-column.component.ts index cb44b188cd..19af04539b 100644 --- a/lib/extensions/src/lib/components/dynamic-column/dynamic-column.component.ts +++ b/lib/extensions/src/lib/components/dynamic-column/dynamic-column.component.ts @@ -39,7 +39,6 @@ import { ExtensionService } from '../../services/extension.service'; host: { class: 'adf-dynamic-column' }, styles: [ ` - ] .adf-dynamic-column { display: flex; align-items: center; diff --git a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.html b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.html index 9de4954ea6..3e2910022b 100644 --- a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.html +++ b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.html @@ -31,7 +31,7 @@ - +
diff --git a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss index 04e84c73f7..2f2d1396fc 100644 --- a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss +++ b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss @@ -74,11 +74,13 @@ flex-direction: column; height: 100%; + /* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ mat-card-content { height: 100%; overflow: hidden auto; } + /* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ mat-card-actions { display: flex; justify-content: flex-end; diff --git a/lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog-cloud.component.html b/lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog-cloud.component.html index 05efbd300a..ab63a5d038 100644 --- a/lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog-cloud.component.html +++ b/lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog-cloud.component.html @@ -2,7 +2,7 @@ {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.DIALOG.TITLE' | translate}} - +
diff --git a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html index fa55a6cb07..3be8c2910e 100644 --- a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html +++ b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html @@ -1,4 +1,4 @@ - + diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/task-filter-dialog/task-filter-dialog-cloud.component.html b/lib/process-services-cloud/src/lib/task/task-filters/components/task-filter-dialog/task-filter-dialog-cloud.component.html index 438874f5be..5a2682ef4a 100644 --- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-filter-dialog/task-filter-dialog-cloud.component.html +++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-filter-dialog/task-filter-dialog-cloud.component.html @@ -2,7 +2,7 @@ {{ 'ADF_CLOUD_EDIT_TASK_FILTER.DIALOG.TITLE' | translate}} - + diff --git a/lib/process-services/src/lib/form/start-form/start-form.component.scss b/lib/process-services/src/lib/form/start-form/start-form.component.scss index 60373cfe08..8bf19cef05 100644 --- a/lib/process-services/src/lib/form/start-form/start-form.component.scss +++ b/lib/process-services/src/lib/form/start-form/start-form.component.scss @@ -2,12 +2,12 @@ max-width: 100%; max-height: 100%; - & .mat-card { + & .mat-mdc-card { padding: 16px 24px; overflow: hidden; } - & .mat-card-header-text { + & .mat-mdc-card-header-text { margin: 0; } @@ -15,7 +15,8 @@ overflow: hidden; } - & .mat-tab-label { + /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ + & .mdc-tab__text-label { font-size: var(--theme-subheading-2-font-size); line-height: var(--theme-headline-line-height); letter-spacing: -0.4px; @@ -28,7 +29,8 @@ height: 4px; } - & .mat-form-field-wrapper { + /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ + & .mat-mdc-text-field-wrapper { margin: 0 12px 0 0; } @@ -90,12 +92,12 @@ padding-bottom: 25px; padding-right: 25px; - & .mat-button { + & .mat-mdc-button { height: 36px; border-radius: 5px; } - & .mat-button-wrapper { + & .mdc-button__label { width: 58px; height: 20px; opacity: 0.54; diff --git a/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss b/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss index 3169fba8ef..0f5968d65f 100644 --- a/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss +++ b/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss @@ -38,6 +38,7 @@ &-attach-widget-repo-button { padding-left: 10px; + /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ .mdc-button__label { display: inline; @@ -69,6 +70,7 @@ .mat-line { margin-bottom: 0; } + /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ .mdc-list-item__primary-text { max-width: 200px; diff --git a/lib/process-services/src/lib/form/widgets/people/people.widget.scss b/lib/process-services/src/lib/form/widgets/people/people.widget.scss index bc1d1c04df..76b8aae1a9 100644 --- a/lib/process-services/src/lib/form/widgets/people/people.widget.scss +++ b/lib/process-services/src/lib/form/widgets/people/people.widget.scss @@ -1,6 +1,7 @@ .adf { &-people-widget { width: 100%; + /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-form-field-label-wrapper { top: 10px; diff --git a/lib/process-services/src/lib/process-list/components/start-process/start-process.component.scss b/lib/process-services/src/lib/process-list/components/start-process/start-process.component.scss index 5b05fb7eac..8b7384dce5 100644 --- a/lib/process-services/src/lib/process-list/components/start-process/start-process.component.scss +++ b/lib/process-services/src/lib/process-list/components/start-process/start-process.component.scss @@ -10,6 +10,7 @@ mat-form-field { width: 100%; } + /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-form-field-label { color: var(--adf-theme-mat-grey-color-a200-dark); diff --git a/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss b/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss index 53e7f1074a..d977fe845d 100644 --- a/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss +++ b/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss @@ -74,6 +74,7 @@ adf-start-task { people-widget.adf-people-widget-content { width: 100%; + /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-form-field-label-wrapper { top: -14px; @@ -134,6 +135,7 @@ adf-start-task { .adf-file { border-color: var(--theme-warn-color); } + /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-form-field-prefix { color: var(--theme-warn-color); diff --git a/lib/process-services/src/lib/task-list/components/task-details/task-details.component.scss b/lib/process-services/src/lib/task-list/components/task-details/task-details.component.scss index 0bbfff03d1..70d49cc153 100644 --- a/lib/process-services/src/lib/task-list/components/task-details/task-details.component.scss +++ b/lib/process-services/src/lib/task-list/components/task-details/task-details.component.scss @@ -87,6 +87,7 @@ adf-task-details { } } } + /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ & .mdc-tab__text-label { flex-grow: 1; diff --git a/lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss b/lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss index c9e3566743..6bc5b803cb 100644 --- a/lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss +++ b/lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss @@ -12,6 +12,7 @@ height: 36px; border-radius: 5px; } + /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ & .mdc-button__label { width: 58px; diff --git a/lib/testing/src/lib/protractor/core/pages/material/material-locators.ts b/lib/testing/src/lib/protractor/core/pages/material/material-locators.ts index ad62f1af0e..af6dcdfcfe 100644 --- a/lib/testing/src/lib/protractor/core/pages/material/material-locators.ts +++ b/lib/testing/src/lib/protractor/core/pages/material/material-locators.ts @@ -17,21 +17,21 @@ export const materialLocators = { Accent: { - class: '.mat-accent' + class: '.mat-mdc-accent' }, Accordion: { root: 'mat-accordion' }, Autocomplete: { panel: { - class: '.mat-autocomplete-panel', + class: '.mat-mdc-autocomplete-panel', root: 'mat-autocomplete-panel' } }, Button: { - class: '.mat-button', + class: '.mat-mdc-button', disabled: 'mat-button-disabled', - wrapper: '.mat-button-wrapper' + wrapper: '.mat-mdc-button-wrapper' }, Calendar: { root: 'mat-calendar', @@ -39,11 +39,11 @@ export const materialLocators = { cell: { root: 'mat-calendar-body-cell', content: { - class: '.mat-calendar-body-cell-content' + class: '.mat-mdc-calendar-body-cell-content' } }, today: { - class: '.mat-calendar-body-today' + class: '.mat-mdc-calendar-body-today' }, active: { root: 'mat-calendar-body-active' @@ -53,13 +53,13 @@ export const materialLocators = { }, Card: { root: 'mat-card', - class: '.mat-card', + class: '.mat-mdc-card', content: { - class: '.mat-card-content', + class: '.mat-mdc-card-content', root: 'mat-card-content' }, title: { - class: '.mat-card-title', + class: '.mat-mdc-card-title', root: 'mat-card-title' }, actions: 'mat-card-actions', @@ -69,14 +69,14 @@ export const materialLocators = { }, Checkbox: { root: 'mat-checkbox', - class: '.mat-checkbox', - layout: '.mat-checkbox-layout', + class: '.mat-mdc-checkbox', + layout: '.mat-mdc-checkbox-layout', label: { - class: '.mat-checkbox-label', + class: '.mat-mdc-checkbox-label', root: 'mat-checkbox-label' }, checked: { - class: '.mat-checkbox-checked', + class: '.mat-mdc-checkbox-checked', root: 'mat-checkbox-checked' }, disabled: { @@ -84,7 +84,7 @@ export const materialLocators = { }, inner: { container: { - class: '.mat-checkbox-inner-container' + class: '.mat-mdc-checkbox-inner-container' } } }, @@ -93,10 +93,10 @@ export const materialLocators = { }, Chip: { root: 'mat-chip', - class: '.mat-chip', + class: '.mat-mdc-chip', list: { root: 'mat-chip-list', - class: '.mat-chip-list' + class: '.mat-mdc-chip-list' } }, Datepicker: { @@ -105,7 +105,7 @@ export const materialLocators = { body: { cell: { content: { - class: '.mat-datepicker-calendar-body-cell-content' + class: '.mat-mdc-datepicker-calendar-body-cell-content' } } } @@ -157,108 +157,108 @@ export const materialLocators = { Dialog: { container: { root: 'mat-dialog-container', - class: '.mat-dialog-container' + class: '.mat-mdc-dialog-container' }, content: { root: 'mat-dialog-content', - class: '.mat-dialog-content' + class: '.mat-mdc-dialog-content' }, actions: { - class: `.mat-dialog-actions`, + class: `.mat-mdc-dialog-actions`, root: `mat-dialog-actions` }, - title: '.mat-dialog-title' + title: '.mat-mdc-dialog-title' }, Disabled: { root: 'mat-disabled' }, Drawer: { - class: '.mat-drawer', - end: '.mat-drawer-end' + class: '.mat-mdc-drawer', + end: '.mat-mdc-drawer-end' }, Error: { - class: '.mat-error', + class: '.mat-mdc-error', root: 'mat-error' }, Expanded: { - class: '.mat-expanded', + class: '.mat-mdc-expanded', root: 'mat-expanded' }, Expansion: { panel: { root: 'mat-expansion-panel', - class: '.mat-expansion-panel', + class: '.mat-mdc-expansion-panel', body: { - class: '.mat-expansion-panel-body' + class: '.mat-mdc-expansion-panel-body' }, content: { - class: '.mat-expansion-panel-content' + class: '.mat-mdc-expansion-panel-content' }, header: { - class: '.mat-expansion-panel-header', + class: '.mat-mdc-expansion-panel-header', root: 'mat-expansion-panel-header' }, - title: '.mat-expansion-panel-header-title' + title: '.mat-mdc-expansion-panel-header-title' }, - indicator: '.mat-expansion-indicator' + indicator: '.mat-mdc-expansion-indicator' }, Focus: { - indicator: '.mat-focus-indicator' + indicator: '.mat-mdc-focus-indicator' }, Focused: { root: 'mat-focused' }, Form: { field: { - class: '.mat-form-field', + class: '.mat-mdc-form-field', root: 'mat-form-field', label: { - wrapper: '.mat-form-field-label-wrapper' + wrapper: '.mat-mdc-form-field-label-wrapper' } }, - fieldInfix: '.mat-form-field-infix' + fieldInfix: '.mat-mdc-form-field-infix' }, Header: { - cell: '.mat-header-cell' + cell: '.mat-mdc-header-cell' }, Hint: { class: 'mat-hint' }, Icon: { root: 'mat-icon', - class: '.mat-icon', + class: '.mat-mdc-icon', button: { - class: '.mat-icon-button', + class: '.mat-mdc-icon-button', root: 'mat-icon-button' } }, Input: { - class: '.mat-input-element' + class: '.mat-mdc-input-element' }, Label: { root: 'mat-label' }, List: { - class: '.mat-list', + class: '.mat-mdc-list', root: 'mat-list', item: { root: 'mat-list-item', - class: '.mat-list-item' + class: '.mat-mdc-list-item' }, option: 'mat-list-option', text: { - class: '.mat-list-text' + class: '.mat-mdc-list-text' }, selectionList: 'mat-selection-list' }, Menu: { content: { - class: '.mat-menu-content', + class: '.mat-mdc-menu-content', root: 'mat-menu-content' }, - panel: '.mat-menu-panel', + panel: '.mat-mdc-menu-panel', item: { - class: '.mat-menu-item', + class: '.mat-mdc-menu-item', submenu: { trigger: { root: `mat-menu-item-submenu-trigger` @@ -267,85 +267,85 @@ export const materialLocators = { } }, Month: { - content: '.mat-month-content' + content: '.mat-mdc-month-content' }, Option: { root: 'mat-option', - class: '.mat-option', + class: '.mat-mdc-option', group: 'mat-optgroup', text: { - class: '.mat-option-text', + class: '.mat-mdc-option-text', root: 'mat-option-text' } }, Paginator: { - class: '.mat-paginator', + class: '.mat-mdc-paginator', range: { - label: '.mat-paginator-range-label' + label: '.mat-mdc-paginator-range-label' }, - navigation: (rangeAction: string) => `.mat-paginator-navigation-${rangeAction}` + navigation: (rangeAction: string) => `.mat-mdc-paginator-navigation-${rangeAction}` }, Panel: { title: 'mat-panel-title' }, Primary: { - class: '.mat-primary' + class: '.mat-mdc-primary' }, Progress: { bar: { root: 'mat-progress-bar', - class: '.mat-progress-bar' + class: '.mat-mdc-progress-bar' }, spinner: { root: 'mat-progress-spinner', - class: '.mat-progress-spinner' + class: '.mat-mdc-progress-spinner' } }, Radio: { root: 'mat-radio', button: { - class: '.mat-radio-button', + class: '.mat-mdc-radio-button', root: 'mat-radio-button' }, group: 'mat-radio-group', checked: 'mat-radio-checked', - label: '.mat-radio-label' + label: '.mat-mdc-radio-label' }, Ripple: { - class: '.mat-ripple', + class: '.mat-mdc-ripple', element: { - class: '.mat-ripple-element', + class: '.mat-mdc-ripple-element', root: 'mat-ripple-element' } }, Select: { root: 'mat-select', - class: '.mat-select', + class: '.mat-mdc-select', arrow: { - class: '.mat-select-arrow', + class: '.mat-mdc-select-arrow', wrapper: { - root: '.mat-select-arrow-wrapper' + root: '.mat-mdc-select-arrow-wrapper' } }, placeholder: { - class: '.mat-select-placeholder' + class: '.mat-mdc-select-placeholder' }, panel: { - class: '.mat-select-panel', - wrap: '.mat-select-panel-wrap' + class: '.mat-mdc-select-panel', + wrap: '.mat-mdc-select-panel-wrap' }, value: { - class: '.mat-select-value', - text: '.mat-select-value-text' + class: '.mat-mdc-select-value', + text: '.mat-mdc-select-value-text' }, - minLine: '.mat-select-min-line', - trigger: '.mat-select-trigger' + minLine: '.mat-mdc-select-min-line', + trigger: '.mat-mdc-select-trigger' }, Slide: { toggle: { - class: '.mat-slide-toggle', + class: '.mat-mdc-slide-toggle', root: 'mat-slide-toggle', - input: '.mat-slide-toggle-input' + input: '.mat-mdc-slide-toggle-input' } }, Selection: { @@ -358,69 +358,69 @@ export const materialLocators = { }, Snackbar: { container: { - class: '.mat-snack-bar-container' + class: '.mat-mdc-snack-bar-container' } }, Sort: { header: { - container: '.mat-sort-header-container' + container: '.mat-mdc-sort-header-container' } }, Spinner: { root: 'mat-spinner' }, Tab: { - disabled: '.mat-tab-disabled', + disabled: '.mat-mdc-tab-disabled', header: { - class: '.mat-tab-header', + class: '.mat-mdc-tab-header', pagination: { - after: '.mat-tab-header-pagination-after', - before: '.mat-tab-header-pagination-before', - chevron: '.mat-tab-header-pagination-chevron' + after: '.mat-mdc-tab-header-pagination-after', + before: '.mat-mdc-tab-header-pagination-before', + chevron: '.mat-mdc-tab-header-pagination-chevron' } }, body: { - active: '.mat-tab-body-active', - content: '.mat-tab-body-content' + active: '.mat-mdc-tab-body-active', + content: '.mat-mdc-tab-body-content' }, label: { - class: '.mat-tab-label', + class: '.mat-mdc-tab-label', root: 'mat-tab-label', active: { - class: '.mat-tab-label-active', + class: '.mat-mdc-tab-label-active', root: 'mat-tab-label-active' }, content: { - class: '.mat-tab-label-content', + class: '.mat-mdc-tab-label-content', root: 'mat-tab-label-content' } }, labels: { - class: '.mat-tab-labels' + class: '.mat-mdc-tab-labels' }, - list: '.mat-tab-list' + list: '.mat-mdc-tab-list' }, Table: { - class: '.mat-table', + class: '.mat-mdc-table', root: 'mat-table', row: { root: 'mat-row', - class: '.mat-row' + class: '.mat-mdc-row' }, cell: { - class: '.mat-cell', + class: '.mat-mdc-cell', root: 'mat-cell' }, - column: (matColumn: string) => `.mat-column-${matColumn}` + column: (matColumn: string) => `.mat-mdc-column-${matColumn}` }, Toolbar: { root: 'mat-toolbar', - class: '.mat-toolbar' + class: '.mat-mdc-toolbar' }, Tooltip: { root: 'mat-tooltip-component', - class: '.mat-tooltip', - trigger: '.mat-tooltip-trigger' + class: '.mat-mdc-tooltip', + trigger: '.mat-mdc-tooltip-trigger' }, Tree: { root: 'mat-tree',