mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-26 17:24:56 +00:00
Updated calendar selector
This commit is contained in:
Ehsan Rezaei
VitoAlbano
parent
8496845d3f
commit
74d0624a26
@ -16,435 +16,436 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
export const materialLocators = {
|
export const materialLocators = {
|
||||||
Accent: {
|
Accent: {
|
||||||
class: '.mat-mdc-accent'
|
class: '.mat-mdc-accent'
|
||||||
},
|
},
|
||||||
Accordion: {
|
Accordion: {
|
||||||
root: 'mat-accordion'
|
root: 'mat-accordion'
|
||||||
},
|
},
|
||||||
Autocomplete: {
|
Autocomplete: {
|
||||||
panel: {
|
panel: {
|
||||||
class: '.mat-mdc-autocomplete-panel',
|
class: '.mat-mdc-autocomplete-panel',
|
||||||
root: 'mat-autocomplete-panel'
|
root: 'mat-autocomplete-panel'
|
||||||
}
|
|
||||||
},
|
|
||||||
Button: {
|
|
||||||
class: '.mat-mdc-button',
|
|
||||||
disabled: 'mat-button-disabled',
|
|
||||||
label: '.mdc-button__label'
|
|
||||||
},
|
|
||||||
Calendar: {
|
|
||||||
root: 'mat-calendar',
|
|
||||||
body: {
|
|
||||||
cell: {
|
|
||||||
root: 'mat-calendar-body-cell',
|
|
||||||
content: {
|
|
||||||
class: '.mat-mdc-calendar-body-cell-content'
|
|
||||||
}
|
}
|
||||||
},
|
|
||||||
today: {
|
|
||||||
class: '.mat-mdc-calendar-body-today'
|
|
||||||
},
|
|
||||||
active: {
|
|
||||||
root: 'mat-calendar-body-active'
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
button: (navigation: 'next' | 'previous' | 'period') => `mat-calendar-${navigation}-button`
|
Button: {
|
||||||
},
|
class: '.mat-mdc-button',
|
||||||
Card: {
|
disabled: 'mat-button-disabled',
|
||||||
root: 'mat-card',
|
label: '.mdc-button__label'
|
||||||
class: '.mat-mdc-card',
|
|
||||||
content: {
|
|
||||||
class: '.mat-mdc-card-content',
|
|
||||||
root: 'mat-card-content'
|
|
||||||
},
|
},
|
||||||
title: {
|
Calendar: {
|
||||||
class: '.mat-mdc-card-title',
|
root: 'mat-calendar',
|
||||||
root: 'mat-card-title'
|
body: {
|
||||||
},
|
cell: {
|
||||||
actions: 'mat-card-actions',
|
root: 'mat-calendar-body-cell',
|
||||||
subtitle: {
|
content: {
|
||||||
root: 'mat-card-subtitle'
|
class: '.mat-mdc-calendar-body-cell-content'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
Checkbox: {
|
today: {
|
||||||
root: 'mat-checkbox',
|
class: '.mat-calendar-body-today'
|
||||||
class: '.mat-mdc-checkbox',
|
},
|
||||||
layout: '.mat-mdc-checkbox-layout',
|
active: {
|
||||||
label: {
|
root: 'mat-calendar-body-active'
|
||||||
class: '.mat-mdc-checkbox-label',
|
}
|
||||||
root: 'mat-checkbox-label'
|
},
|
||||||
},
|
button: (navigation: 'next' | 'previous' | 'period') => `mat-calendar-${navigation}-button`
|
||||||
checked: {
|
},
|
||||||
class: '.mat-mdc-checkbox-checked',
|
Card: {
|
||||||
root: 'mat-checkbox-checked'
|
root: 'mat-card',
|
||||||
},
|
class: '.mat-mdc-card',
|
||||||
disabled: {
|
content: {
|
||||||
root: 'mat-checkbox-disabled'
|
class: '.mat-mdc-card-content',
|
||||||
},
|
root: 'mat-card-content'
|
||||||
inner: {
|
},
|
||||||
container: {
|
title: {
|
||||||
class: '.mat-mdc-checkbox-inner-container'
|
class: '.mat-mdc-card-title',
|
||||||
}
|
root: 'mat-card-title'
|
||||||
}
|
},
|
||||||
},
|
actions: 'mat-card-actions',
|
||||||
Checked: {
|
subtitle: {
|
||||||
root: 'mdc-switch--checked'
|
root: 'mat-card-subtitle'
|
||||||
},
|
}
|
||||||
Chip: {
|
},
|
||||||
root: 'mat-chip',
|
Checkbox: {
|
||||||
class: '.mat-mdc-chip',
|
root: 'mat-checkbox',
|
||||||
list: {
|
class: '.mat-mdc-checkbox',
|
||||||
root: 'mat-chip-listbox',
|
layout: '.mat-mdc-checkbox-layout',
|
||||||
class: '.mat-mdc-chip-list',
|
label: {
|
||||||
option: {
|
class: '.mat-mdc-checkbox-label',
|
||||||
class: 'mat-chip-option',
|
root: 'mat-checkbox-label'
|
||||||
value: '.mat-mdc-chip-action-label'
|
},
|
||||||
}
|
checked: {
|
||||||
},
|
class: '.mat-mdc-checkbox-checked',
|
||||||
grid: {
|
root: 'mat-checkbox-checked'
|
||||||
root: 'mat-chip-grid',
|
},
|
||||||
class: '.mat-mdc-chip-grid',
|
disabled: {
|
||||||
row: {
|
root: 'mat-checkbox-disabled'
|
||||||
root: 'mat-chip-row',
|
},
|
||||||
class: '.mat-mdc-chip-row'
|
inner: {
|
||||||
}
|
container: {
|
||||||
}
|
class: '.mat-mdc-checkbox-inner-container'
|
||||||
},
|
}
|
||||||
Datepicker: {
|
}
|
||||||
root: 'mat-datepicker',
|
},
|
||||||
calendar: {
|
Checked: {
|
||||||
body: {
|
root: 'mdc-switch--checked'
|
||||||
cell: {
|
},
|
||||||
content: {
|
Chip: {
|
||||||
class: '.mat-mdc-datepicker-calendar-body-cell-content'
|
root: 'mat-chip',
|
||||||
}
|
class: '.mat-mdc-chip',
|
||||||
}
|
list: {
|
||||||
}
|
root: 'mat-chip-listbox',
|
||||||
},
|
class: '.mat-mdc-chip-list',
|
||||||
toggle: {
|
option: {
|
||||||
root: 'mat-datepicker-toggle',
|
class: 'mat-chip-option',
|
||||||
class: '.mat-datepicker-toggle'
|
value: '.mat-mdc-chip-action-label'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
DatetimePicker: {
|
grid: {
|
||||||
root: 'mat-datetimepicker-content',
|
root: 'mat-chip-grid',
|
||||||
popup: '.mat-datetimepicker-popup',
|
class: '.mat-mdc-chip-grid',
|
||||||
calendar: {
|
row: {
|
||||||
header: {
|
root: 'mat-chip-row',
|
||||||
date: {
|
class: '.mat-mdc-chip-row'
|
||||||
class: '.mat-datetimepicker-calendar-header-date',
|
}
|
||||||
time: '.mat-datetimepicker-calendar-header-date-time'
|
}
|
||||||
|
},
|
||||||
|
Datepicker: {
|
||||||
|
root: 'mat-datepicker',
|
||||||
|
calendar: {
|
||||||
|
body: {
|
||||||
|
cell: {
|
||||||
|
content: {
|
||||||
|
class: '.mat-mdc-datepicker-calendar-body-cell-content'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
toggle: {
|
||||||
|
root: 'mat-datepicker-toggle',
|
||||||
|
class: '.mat-datepicker-toggle'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
DatetimePicker: {
|
||||||
|
root: 'mat-datetimepicker-content',
|
||||||
|
popup: '.mat-datetimepicker-popup',
|
||||||
|
calendar: {
|
||||||
|
header: {
|
||||||
|
date: {
|
||||||
|
class: '.mat-datetimepicker-calendar-header-date',
|
||||||
|
time: '.mat-datetimepicker-calendar-header-date-time'
|
||||||
|
},
|
||||||
|
year: '.mat-datetimepicker-calendar-header-year'
|
||||||
|
},
|
||||||
|
body: {
|
||||||
|
active: '.mat-datetimepicker-calendar-body-active',
|
||||||
|
cell: {
|
||||||
|
class: '.mat-datetimepicker-calendar-body-cell-content',
|
||||||
|
root: 'mat-datetimepicker-calendar-body-cell-content'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
content: '.mat-datetimepicker-calendar-content',
|
||||||
|
nextButton: '.mat-datetimepicker-calendar-next-button'
|
||||||
|
},
|
||||||
|
clock: {
|
||||||
|
class: '.mat-datetimepicker-clock',
|
||||||
|
hours: {
|
||||||
|
class: '.mat-datetimepicker-clock-hours'
|
||||||
|
},
|
||||||
|
minutes: {
|
||||||
|
class: '.mat-datetimepicker-clock-minutes'
|
||||||
|
},
|
||||||
|
cell: (attribute?: 'selected' | 'disabled') =>
|
||||||
|
attribute ? `mat-datetimepicker-clock-cell-${attribute}` : 'mat-datetimepicker-clock-cell'
|
||||||
|
},
|
||||||
|
month: {
|
||||||
|
view: 'mat-datetimepicker-month-view'
|
||||||
|
},
|
||||||
|
toggle: {
|
||||||
|
root: 'mat-datetimepicker-toggle',
|
||||||
|
class: '.mat-datetimepicker-toggle'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Dialog: {
|
||||||
|
container: {
|
||||||
|
root: 'mat-dialog-container',
|
||||||
|
class: '.mat-mdc-dialog-container'
|
||||||
|
},
|
||||||
|
content: {
|
||||||
|
root: 'mat-dialog-content',
|
||||||
|
class: '.mat-mdc-dialog-content'
|
||||||
|
},
|
||||||
|
actions: {
|
||||||
|
class: `.mat-mdc-dialog-actions`,
|
||||||
|
root: `mat-dialog-actions`
|
||||||
|
},
|
||||||
|
title: '.mat-mdc-dialog-title'
|
||||||
|
},
|
||||||
|
Disabled: {
|
||||||
|
root: 'mat-disabled'
|
||||||
|
},
|
||||||
|
Drawer: {
|
||||||
|
class: '.mat-mdc-drawer',
|
||||||
|
end: '.mat-mdc-drawer-end'
|
||||||
|
},
|
||||||
|
Error: {
|
||||||
|
class: '.mat-mdc-error',
|
||||||
|
root: 'mat-error'
|
||||||
|
},
|
||||||
|
Expanded: {
|
||||||
|
class: '.mat-expanded',
|
||||||
|
root: 'mat-expanded'
|
||||||
|
},
|
||||||
|
Expansion: {
|
||||||
|
panel: {
|
||||||
|
root: 'mat-expansion-panel',
|
||||||
|
class: '.mat-expansion-panel',
|
||||||
|
body: {
|
||||||
|
class: '.mat-mdc-expansion-panel-body'
|
||||||
|
},
|
||||||
|
content: {
|
||||||
|
class: '.mat-expansion-panel-content'
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
class: '.mat-expansion-panel-header',
|
||||||
|
root: 'mat-expansion-panel-header'
|
||||||
|
},
|
||||||
|
title: '.mat-expansion-panel-header-title'
|
||||||
|
},
|
||||||
|
indicator: '.mat-expansion-indicator'
|
||||||
|
},
|
||||||
|
Focus: {
|
||||||
|
indicator: '.mat-mdc-focus-indicator'
|
||||||
|
},
|
||||||
|
Focused: {
|
||||||
|
root: 'mat-focused'
|
||||||
|
},
|
||||||
|
Form: {
|
||||||
|
field: {
|
||||||
|
class: '.mat-mdc-form-field',
|
||||||
|
root: 'mat-form-field',
|
||||||
|
label: {
|
||||||
|
wrapper: '.mat-mdc-form-field-label-wrapper'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fieldInfix: '.mat-mdc-form-field-infix'
|
||||||
|
},
|
||||||
|
Header: {
|
||||||
|
cell: '.mat-mdc-header-cell'
|
||||||
|
},
|
||||||
|
Hint: {
|
||||||
|
class: 'mat-hint'
|
||||||
|
},
|
||||||
|
Icon: {
|
||||||
|
root: 'mat-icon',
|
||||||
|
class: '.mat-mdc-icon',
|
||||||
|
button: {
|
||||||
|
class: '.mat-mdc-icon-button',
|
||||||
|
root: 'mat-icon-button'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Input: {
|
||||||
|
class: '.mat-mdc-input-element'
|
||||||
|
},
|
||||||
|
Label: {
|
||||||
|
root: 'mat-label'
|
||||||
|
},
|
||||||
|
List: {
|
||||||
|
class: '.mat-mdc-list',
|
||||||
|
root: 'mat-list',
|
||||||
|
item: {
|
||||||
|
root: 'mat-list-item',
|
||||||
|
class: '.mat-mdc-list-item'
|
||||||
|
},
|
||||||
|
option: 'mat-list-option',
|
||||||
|
text: {
|
||||||
|
class: '.mat-mdc-list-text'
|
||||||
|
},
|
||||||
|
content: {
|
||||||
|
class: '.mdc-list-item__content'
|
||||||
|
},
|
||||||
|
selectionList: 'mat-selection-list'
|
||||||
|
},
|
||||||
|
Menu: {
|
||||||
|
content: {
|
||||||
|
class: '.mat-mdc-menu-content',
|
||||||
|
root: 'mat-mdc-menu-content'
|
||||||
|
},
|
||||||
|
panel: '.mat-mdc-menu-panel',
|
||||||
|
item: {
|
||||||
|
class: '.mat-mdc-menu-item',
|
||||||
|
submenu: {
|
||||||
|
trigger: {
|
||||||
|
root: `mat-menu-item-submenu-trigger`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Month: {
|
||||||
|
content: '.mat-mdc-month-content'
|
||||||
|
},
|
||||||
|
Option: {
|
||||||
|
root: 'mat-option',
|
||||||
|
class: '.mat-mdc-option',
|
||||||
|
group: 'mat-optgroup',
|
||||||
|
text: {
|
||||||
|
class: '.mdc-list-item__primary-text',
|
||||||
|
root: 'span'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Paginator: {
|
||||||
|
class: '.mat-mdc-paginator',
|
||||||
|
range: {
|
||||||
|
label: '.mat-mdc-paginator-range-label'
|
||||||
|
},
|
||||||
|
navigation: (rangeAction: string) => `.mat-mdc-paginator-navigation-${rangeAction}`
|
||||||
|
},
|
||||||
|
Panel: {
|
||||||
|
title: 'mat-panel-title'
|
||||||
|
},
|
||||||
|
Primary: {
|
||||||
|
class: '.mat-mdc-primary'
|
||||||
|
},
|
||||||
|
Progress: {
|
||||||
|
bar: {
|
||||||
|
root: 'mat-progress-bar',
|
||||||
|
class: '.mat-mdc-progress-bar'
|
||||||
|
},
|
||||||
|
spinner: {
|
||||||
|
root: 'mat-progress-spinner',
|
||||||
|
class: '.mat-mdc-progress-spinner'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Radio: {
|
||||||
|
root: 'mat-radio',
|
||||||
|
button: {
|
||||||
|
class: '.mat-mdc-radio-button',
|
||||||
|
root: 'mat-radio-button'
|
||||||
|
},
|
||||||
|
group: 'mat-radio-group',
|
||||||
|
checked: 'mat-radio-checked',
|
||||||
|
label: '.mat-mdc-radio-label'
|
||||||
|
},
|
||||||
|
Ripple: {
|
||||||
|
class: '.mat-mdc-ripple',
|
||||||
|
element: {
|
||||||
|
class: '.mat-mdc-ripple-element',
|
||||||
|
root: 'mat-ripple-element'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Select: {
|
||||||
|
root: 'mat-select',
|
||||||
|
class: '.mat-mdc-select',
|
||||||
|
arrow: {
|
||||||
|
class: '.mat-mdc-select-arrow',
|
||||||
|
wrapper: {
|
||||||
|
root: '.mat-mdc-select-arrow-wrapper'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
placeholder: {
|
||||||
|
class: '.mat-mdc-select-placeholder'
|
||||||
|
},
|
||||||
|
panel: {
|
||||||
|
class: '.mat-mdc-select-panel',
|
||||||
|
wrap: '.mat-mdc-select-panel-wrap'
|
||||||
|
},
|
||||||
|
value: {
|
||||||
|
class: '.mat-mdc-select-value',
|
||||||
|
text: '.mat-mdc-select-value-text'
|
||||||
|
},
|
||||||
|
minLine: '.mat-mdc-select-min-line',
|
||||||
|
trigger: '.mat-mdc-select-trigger'
|
||||||
|
},
|
||||||
|
Slide: {
|
||||||
|
toggle: {
|
||||||
|
class: '.mat-mdc-slide-toggle',
|
||||||
|
root: 'mat-slide-toggle',
|
||||||
|
input: '.mat-mdc-slide-toggle-input',
|
||||||
|
checked: 'mat-mdc-slide-toggle-checked'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Selection: {
|
||||||
|
list: {
|
||||||
|
root: 'mat-selection-list'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Sidenav: {
|
||||||
|
root: 'mat-sidenav'
|
||||||
|
},
|
||||||
|
Snackbar: {
|
||||||
|
container: {
|
||||||
|
class: '.mat-mdc-snack-bar-container'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Sort: {
|
||||||
|
header: {
|
||||||
|
container: '.mat-mdc-sort-header-container'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Spinner: {
|
||||||
|
root: 'mat-spinner'
|
||||||
|
},
|
||||||
|
Tab: {
|
||||||
|
disabled: '.mat-mdc-tab-disabled',
|
||||||
|
header: {
|
||||||
|
class: '.mat-mdc-tab-header',
|
||||||
|
pagination: {
|
||||||
|
after: '.mat-mdc-tab-header-pagination-after',
|
||||||
|
before: '.mat-mdc-tab-header-pagination-before',
|
||||||
|
chevron: '.mat-mdc-tab-header-pagination-chevron'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
body: {
|
||||||
|
active: '.mat-mdc-tab-body-active',
|
||||||
|
content: '.mat-mdc-tab-body-content'
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
class: '.mdc-tab',
|
||||||
|
root: 'mat-tab-label',
|
||||||
|
active: {
|
||||||
|
class: '.mdc-tab--active',
|
||||||
|
root: 'mat-tab-label-active'
|
||||||
|
},
|
||||||
|
content: {
|
||||||
|
class: '.mdc-tab__content',
|
||||||
|
root: 'mat-tab-label-content'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
labels: {
|
||||||
|
class: '.mdc-tab__text-label',
|
||||||
|
container: {
|
||||||
|
class: '.mat-mdc-tab-labels'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
list: '.mat-mdc-tab-list'
|
||||||
|
},
|
||||||
|
Table: {
|
||||||
|
class: '.mat-mdc-table',
|
||||||
|
root: 'mat-table',
|
||||||
|
row: {
|
||||||
|
root: 'mat-row',
|
||||||
|
class: '.mat-mdc-row'
|
||||||
},
|
},
|
||||||
year: '.mat-datetimepicker-calendar-header-year'
|
|
||||||
},
|
|
||||||
body: {
|
|
||||||
active: '.mat-datetimepicker-calendar-body-active',
|
|
||||||
cell: {
|
cell: {
|
||||||
class: '.mat-datetimepicker-calendar-body-cell-content',
|
class: '.mat-mdc-cell',
|
||||||
root: 'mat-datetimepicker-calendar-body-cell-content'
|
root: 'mat-cell'
|
||||||
|
},
|
||||||
|
column: (matColumn: string) => `.mat-mdc-column-${matColumn}`
|
||||||
|
},
|
||||||
|
Toolbar: {
|
||||||
|
root: 'mat-toolbar',
|
||||||
|
class: '.mat-mdc-toolbar'
|
||||||
|
},
|
||||||
|
Tooltip: {
|
||||||
|
root: 'mat-tooltip-component',
|
||||||
|
class: '.mat-mdc-tooltip',
|
||||||
|
trigger: '.mat-mdc-tooltip-trigger'
|
||||||
|
},
|
||||||
|
Tree: {
|
||||||
|
root: 'mat-tree',
|
||||||
|
node: {
|
||||||
|
root: 'mat-tree-node'
|
||||||
}
|
}
|
||||||
},
|
|
||||||
content: '.mat-datetimepicker-calendar-content',
|
|
||||||
nextButton: '.mat-datetimepicker-calendar-next-button'
|
|
||||||
},
|
|
||||||
clock: {
|
|
||||||
class: '.mat-datetimepicker-clock',
|
|
||||||
hours: {
|
|
||||||
class: '.mat-datetimepicker-clock-hours'
|
|
||||||
},
|
|
||||||
minutes: {
|
|
||||||
class: '.mat-datetimepicker-clock-minutes'
|
|
||||||
},
|
|
||||||
cell: (attribute?: 'selected' | 'disabled') => attribute ? `mat-datetimepicker-clock-cell-${attribute}` : 'mat-datetimepicker-clock-cell'
|
|
||||||
},
|
|
||||||
month: {
|
|
||||||
view: 'mat-datetimepicker-month-view'
|
|
||||||
},
|
|
||||||
toggle: {
|
|
||||||
root: 'mat-datetimepicker-toggle',
|
|
||||||
class: '.mat-datetimepicker-toggle'
|
|
||||||
}
|
}
|
||||||
},
|
|
||||||
Dialog: {
|
|
||||||
container: {
|
|
||||||
root: 'mat-dialog-container',
|
|
||||||
class: '.mat-mdc-dialog-container'
|
|
||||||
},
|
|
||||||
content: {
|
|
||||||
root: 'mat-dialog-content',
|
|
||||||
class: '.mat-mdc-dialog-content'
|
|
||||||
},
|
|
||||||
actions: {
|
|
||||||
class: `.mat-mdc-dialog-actions`,
|
|
||||||
root: `mat-dialog-actions`
|
|
||||||
},
|
|
||||||
title: '.mat-mdc-dialog-title'
|
|
||||||
},
|
|
||||||
Disabled: {
|
|
||||||
root: 'mat-disabled'
|
|
||||||
},
|
|
||||||
Drawer: {
|
|
||||||
class: '.mat-mdc-drawer',
|
|
||||||
end: '.mat-mdc-drawer-end'
|
|
||||||
},
|
|
||||||
Error: {
|
|
||||||
class: '.mat-mdc-error',
|
|
||||||
root: 'mat-error'
|
|
||||||
},
|
|
||||||
Expanded: {
|
|
||||||
class: '.mat-expanded',
|
|
||||||
root: 'mat-expanded'
|
|
||||||
},
|
|
||||||
Expansion: {
|
|
||||||
panel: {
|
|
||||||
root: 'mat-expansion-panel',
|
|
||||||
class: '.mat-expansion-panel',
|
|
||||||
body: {
|
|
||||||
class: '.mat-mdc-expansion-panel-body'
|
|
||||||
},
|
|
||||||
content: {
|
|
||||||
class: '.mat-expansion-panel-content'
|
|
||||||
},
|
|
||||||
header: {
|
|
||||||
class: '.mat-expansion-panel-header',
|
|
||||||
root: 'mat-expansion-panel-header'
|
|
||||||
},
|
|
||||||
title: '.mat-expansion-panel-header-title'
|
|
||||||
},
|
|
||||||
indicator: '.mat-expansion-indicator'
|
|
||||||
},
|
|
||||||
Focus: {
|
|
||||||
indicator: '.mat-mdc-focus-indicator'
|
|
||||||
},
|
|
||||||
Focused: {
|
|
||||||
root: 'mat-focused'
|
|
||||||
},
|
|
||||||
Form: {
|
|
||||||
field: {
|
|
||||||
class: '.mat-mdc-form-field',
|
|
||||||
root: 'mat-form-field',
|
|
||||||
label: {
|
|
||||||
wrapper: '.mat-mdc-form-field-label-wrapper'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fieldInfix: '.mat-mdc-form-field-infix'
|
|
||||||
},
|
|
||||||
Header: {
|
|
||||||
cell: '.mat-mdc-header-cell'
|
|
||||||
},
|
|
||||||
Hint: {
|
|
||||||
class: 'mat-hint'
|
|
||||||
},
|
|
||||||
Icon: {
|
|
||||||
root: 'mat-icon',
|
|
||||||
class: '.mat-mdc-icon',
|
|
||||||
button: {
|
|
||||||
class: '.mat-mdc-icon-button',
|
|
||||||
root: 'mat-icon-button'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
Input: {
|
|
||||||
class: '.mat-mdc-input-element'
|
|
||||||
},
|
|
||||||
Label: {
|
|
||||||
root: 'mat-label'
|
|
||||||
},
|
|
||||||
List: {
|
|
||||||
class: '.mat-mdc-list',
|
|
||||||
root: 'mat-list',
|
|
||||||
item: {
|
|
||||||
root: 'mat-list-item',
|
|
||||||
class: '.mat-mdc-list-item'
|
|
||||||
},
|
|
||||||
option: 'mat-list-option',
|
|
||||||
text: {
|
|
||||||
class: '.mat-mdc-list-text'
|
|
||||||
},
|
|
||||||
content: {
|
|
||||||
class: '.mdc-list-item__content'
|
|
||||||
},
|
|
||||||
selectionList: 'mat-selection-list'
|
|
||||||
},
|
|
||||||
Menu: {
|
|
||||||
content: {
|
|
||||||
class: '.mat-mdc-menu-content',
|
|
||||||
root: 'mat-mdc-menu-content'
|
|
||||||
},
|
|
||||||
panel: '.mat-mdc-menu-panel',
|
|
||||||
item: {
|
|
||||||
class: '.mat-mdc-menu-item',
|
|
||||||
submenu: {
|
|
||||||
trigger: {
|
|
||||||
root: `mat-menu-item-submenu-trigger`
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
Month: {
|
|
||||||
content: '.mat-mdc-month-content'
|
|
||||||
},
|
|
||||||
Option: {
|
|
||||||
root: 'mat-option',
|
|
||||||
class: '.mat-mdc-option',
|
|
||||||
group: 'mat-optgroup',
|
|
||||||
text: {
|
|
||||||
class: '.mdc-list-item__primary-text',
|
|
||||||
root: 'span'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
Paginator: {
|
|
||||||
class: '.mat-mdc-paginator',
|
|
||||||
range: {
|
|
||||||
label: '.mat-mdc-paginator-range-label'
|
|
||||||
},
|
|
||||||
navigation: (rangeAction: string) => `.mat-mdc-paginator-navigation-${rangeAction}`
|
|
||||||
},
|
|
||||||
Panel: {
|
|
||||||
title: 'mat-panel-title'
|
|
||||||
},
|
|
||||||
Primary: {
|
|
||||||
class: '.mat-mdc-primary'
|
|
||||||
},
|
|
||||||
Progress: {
|
|
||||||
bar: {
|
|
||||||
root: 'mat-progress-bar',
|
|
||||||
class: '.mat-mdc-progress-bar'
|
|
||||||
},
|
|
||||||
spinner: {
|
|
||||||
root: 'mat-progress-spinner',
|
|
||||||
class: '.mat-mdc-progress-spinner'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
Radio: {
|
|
||||||
root: 'mat-radio',
|
|
||||||
button: {
|
|
||||||
class: '.mat-mdc-radio-button',
|
|
||||||
root: 'mat-radio-button'
|
|
||||||
},
|
|
||||||
group: 'mat-radio-group',
|
|
||||||
checked: 'mat-radio-checked',
|
|
||||||
label: '.mat-mdc-radio-label'
|
|
||||||
},
|
|
||||||
Ripple: {
|
|
||||||
class: '.mat-mdc-ripple',
|
|
||||||
element: {
|
|
||||||
class: '.mat-mdc-ripple-element',
|
|
||||||
root: 'mat-ripple-element'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
Select: {
|
|
||||||
root: 'mat-select',
|
|
||||||
class: '.mat-mdc-select',
|
|
||||||
arrow: {
|
|
||||||
class: '.mat-mdc-select-arrow',
|
|
||||||
wrapper: {
|
|
||||||
root: '.mat-mdc-select-arrow-wrapper'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
placeholder: {
|
|
||||||
class: '.mat-mdc-select-placeholder'
|
|
||||||
},
|
|
||||||
panel: {
|
|
||||||
class: '.mat-mdc-select-panel',
|
|
||||||
wrap: '.mat-mdc-select-panel-wrap'
|
|
||||||
},
|
|
||||||
value: {
|
|
||||||
class: '.mat-mdc-select-value',
|
|
||||||
text: '.mat-mdc-select-value-text'
|
|
||||||
},
|
|
||||||
minLine: '.mat-mdc-select-min-line',
|
|
||||||
trigger: '.mat-mdc-select-trigger'
|
|
||||||
},
|
|
||||||
Slide: {
|
|
||||||
toggle: {
|
|
||||||
class: '.mat-mdc-slide-toggle',
|
|
||||||
root: 'mat-slide-toggle',
|
|
||||||
input: '.mat-mdc-slide-toggle-input',
|
|
||||||
checked: 'mat-mdc-slide-toggle-checked'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
Selection: {
|
|
||||||
list: {
|
|
||||||
root: 'mat-selection-list'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
Sidenav: {
|
|
||||||
root: 'mat-sidenav'
|
|
||||||
},
|
|
||||||
Snackbar: {
|
|
||||||
container: {
|
|
||||||
class: '.mat-mdc-snack-bar-container'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
Sort: {
|
|
||||||
header: {
|
|
||||||
container: '.mat-mdc-sort-header-container'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
Spinner: {
|
|
||||||
root: 'mat-spinner'
|
|
||||||
},
|
|
||||||
Tab: {
|
|
||||||
disabled: '.mat-mdc-tab-disabled',
|
|
||||||
header: {
|
|
||||||
class: '.mat-mdc-tab-header',
|
|
||||||
pagination: {
|
|
||||||
after: '.mat-mdc-tab-header-pagination-after',
|
|
||||||
before: '.mat-mdc-tab-header-pagination-before',
|
|
||||||
chevron: '.mat-mdc-tab-header-pagination-chevron'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
body: {
|
|
||||||
active: '.mat-mdc-tab-body-active',
|
|
||||||
content: '.mat-mdc-tab-body-content'
|
|
||||||
},
|
|
||||||
label: {
|
|
||||||
class: '.mdc-tab',
|
|
||||||
root: 'mat-tab-label',
|
|
||||||
active: {
|
|
||||||
class: '.mdc-tab--active',
|
|
||||||
root: 'mat-tab-label-active'
|
|
||||||
},
|
|
||||||
content: {
|
|
||||||
class: '.mdc-tab__content',
|
|
||||||
root: 'mat-tab-label-content'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
labels: {
|
|
||||||
class: '.mdc-tab__text-label',
|
|
||||||
container: {
|
|
||||||
class: '.mat-mdc-tab-labels'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
list: '.mat-mdc-tab-list'
|
|
||||||
},
|
|
||||||
Table: {
|
|
||||||
class: '.mat-mdc-table',
|
|
||||||
root: 'mat-table',
|
|
||||||
row: {
|
|
||||||
root: 'mat-row',
|
|
||||||
class: '.mat-mdc-row'
|
|
||||||
},
|
|
||||||
cell: {
|
|
||||||
class: '.mat-mdc-cell',
|
|
||||||
root: 'mat-cell'
|
|
||||||
},
|
|
||||||
column: (matColumn: string) => `.mat-mdc-column-${matColumn}`
|
|
||||||
},
|
|
||||||
Toolbar: {
|
|
||||||
root: 'mat-toolbar',
|
|
||||||
class: '.mat-mdc-toolbar'
|
|
||||||
},
|
|
||||||
Tooltip: {
|
|
||||||
root: 'mat-tooltip-component',
|
|
||||||
class: '.mat-mdc-tooltip',
|
|
||||||
trigger: '.mat-mdc-tooltip-trigger'
|
|
||||||
},
|
|
||||||
Tree: {
|
|
||||||
root: 'mat-tree',
|
|
||||||
node: {
|
|
||||||
root: 'mat-tree-node'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user