@3mo/data-grid 0.28.0 → 0.29.1
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/dist/DataGrid.d.ts +0 -2
- package/dist/DataGrid.d.ts.map +1 -1
- package/dist/DataGrid.js +0 -13
- package/dist/DataGridSidePanel.js +109 -109
- package/dist/custom-elements.json +0 -24
- package/dist/rows/DataGridDefaultRow.d.ts +0 -1
- package/dist/rows/DataGridDefaultRow.d.ts.map +1 -1
- package/dist/rows/DataGridDefaultRow.js +0 -7
- package/dist/rows/DataGridRow.d.ts.map +1 -1
- package/dist/rows/DataGridRow.js +16 -9
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -1
package/dist/DataGrid.d.ts
CHANGED
|
@@ -21,7 +21,6 @@ export declare enum DataGridEditability {
|
|
|
21
21
|
* @attr data - The data to be displayed in the DataGrid. It is an array of objects, where each object represents a row.
|
|
22
22
|
* @attr columns - The columns to be displayed in the DataGrid. It is an array of objects, where each object represents a column.
|
|
23
23
|
* @attr headerHidden - Whether the header should be hidden.
|
|
24
|
-
* @attr preventVerticalContentScroll - Whether the content should be prevented from scrolling vertically.
|
|
25
24
|
* @attr page - The current page.
|
|
26
25
|
* @attr pagination - The pagination mode. It can be either `auto` or a number.
|
|
27
26
|
* @attr sorting - The sorting mode. It is an object with `selector` and `strategy` properties.
|
|
@@ -101,7 +100,6 @@ export declare class DataGrid<TData, TDetailsElement extends Element | undefined
|
|
|
101
100
|
data: TData[];
|
|
102
101
|
columns: DataGridColumn<TData, any>[];
|
|
103
102
|
headerHidden: boolean;
|
|
104
|
-
preventVerticalContentScroll: boolean;
|
|
105
103
|
page: number;
|
|
106
104
|
pagination?: DataGridPagination;
|
|
107
105
|
sorting?: DataGridSorting<TData>;
|
package/dist/DataGrid.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../DataGrid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAA+B,KAAK,cAAc,EAAqC,KAAK,kBAAkB,EAAwD,MAAM,WAAW,CAAA;AAC9N,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,6BAA6B,EAAE,MAAM,sCAAsC,CAAA;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAIhE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,qCAAqC,EAAE,2BAA2B,EAAE,KAAK,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AACjJ,OAAO,EAAE,yBAAyB,EAAE,KAAK,4BAA4B,EAAE,KAAK,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACnI,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,KAAK,cAAc,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,KAAK,YAAY,EAA4C,KAAK,WAAW,EAA0B,6BAA6B,EAAE,gCAAgC,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACjS,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAO5C,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,MAAM,CAAA;AAEhD,oBAAY,mBAAmB;IAC9B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;CACjB;AAED
|
|
1
|
+
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../DataGrid.ts"],"names":[],"mappings":"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"}
|
package/dist/DataGrid.js
CHANGED
|
@@ -30,7 +30,6 @@ export var DataGridEditability;
|
|
|
30
30
|
* @attr data - The data to be displayed in the DataGrid. It is an array of objects, where each object represents a row.
|
|
31
31
|
* @attr columns - The columns to be displayed in the DataGrid. It is an array of objects, where each object represents a column.
|
|
32
32
|
* @attr headerHidden - Whether the header should be hidden.
|
|
33
|
-
* @attr preventVerticalContentScroll - Whether the content should be prevented from scrolling vertically.
|
|
34
33
|
* @attr page - The current page.
|
|
35
34
|
* @attr pagination - The pagination mode. It can be either `auto` or a number.
|
|
36
35
|
* @attr sorting - The sorting mode. It is an object with `selector` and `strategy` properties.
|
|
@@ -92,7 +91,6 @@ let DataGrid = class DataGrid extends Component {
|
|
|
92
91
|
this.data = new Array();
|
|
93
92
|
this.columns = new Array();
|
|
94
93
|
this.headerHidden = false;
|
|
95
|
-
this.preventVerticalContentScroll = false;
|
|
96
94
|
this.page = 1;
|
|
97
95
|
this.selectedData = new Array();
|
|
98
96
|
this.selectOnClick = false;
|
|
@@ -348,14 +346,6 @@ let DataGrid = class DataGrid extends Component {
|
|
|
348
346
|
--_content-min-height-default: 150px;
|
|
349
347
|
}
|
|
350
348
|
|
|
351
|
-
:host([preventVerticalContentScroll]) mo-scroller {
|
|
352
|
-
overflow-y: hidden;
|
|
353
|
-
|
|
354
|
-
&::part(container) {
|
|
355
|
-
position: relative;
|
|
356
|
-
}
|
|
357
|
-
}
|
|
358
|
-
|
|
359
349
|
#content {
|
|
360
350
|
width: fit-content;
|
|
361
351
|
min-width: 100%;
|
|
@@ -758,9 +748,6 @@ __decorate([
|
|
|
758
748
|
__decorate([
|
|
759
749
|
property({ type: Boolean, reflect: true })
|
|
760
750
|
], DataGrid.prototype, "headerHidden", void 0);
|
|
761
|
-
__decorate([
|
|
762
|
-
property({ type: Boolean, reflect: true })
|
|
763
|
-
], DataGrid.prototype, "preventVerticalContentScroll", void 0);
|
|
764
751
|
__decorate([
|
|
765
752
|
property({ type: Number })
|
|
766
753
|
], DataGrid.prototype, "page", void 0);
|
|
@@ -30,134 +30,134 @@ let DataGridSidePanel = class DataGridSidePanel extends Component {
|
|
|
30
30
|
this.dataGrid.requestUpdate();
|
|
31
31
|
await this.dataGrid.updateComplete;
|
|
32
32
|
};
|
|
33
|
-
return html `
|
|
34
|
-
<mo-checkbox ${style({ height: '30px' })}
|
|
35
|
-
label=${column.heading}
|
|
36
|
-
?selected=${column.hidden === false}
|
|
37
|
-
@change=${change}
|
|
38
|
-
></mo-checkbox>
|
|
33
|
+
return html `
|
|
34
|
+
<mo-checkbox ${style({ height: '30px' })}
|
|
35
|
+
label=${column.heading}
|
|
36
|
+
?selected=${column.hidden === false}
|
|
37
|
+
@change=${change}
|
|
38
|
+
></mo-checkbox>
|
|
39
39
|
`;
|
|
40
40
|
};
|
|
41
41
|
}
|
|
42
42
|
static get styles() {
|
|
43
|
-
return css `
|
|
44
|
-
:host {
|
|
45
|
-
display: inline-block !important;
|
|
46
|
-
transition: 250ms;
|
|
47
|
-
width: 100%;
|
|
48
|
-
height: 100%;
|
|
49
|
-
transform-origin: right center;
|
|
50
|
-
z-index: 10;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
:host(:not([hidden])) {
|
|
54
|
-
border-inline-start: var(--mo-data-grid-border);
|
|
55
|
-
background: var(--mo-color-transparent-gray-1);
|
|
56
|
-
opacity: 1;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
:host([hidden]) {
|
|
60
|
-
opacity: 0;
|
|
61
|
-
transform: scale(0, 1);
|
|
62
|
-
width: 0;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
#flexHeading {
|
|
66
|
-
border-top: var(--mo-data-grid-border);
|
|
67
|
-
border-bottom: var(--mo-data-grid-border);
|
|
68
|
-
height: var(--mo-data-grid-header-height);
|
|
69
|
-
padding-inline-start: 14px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
mo-scroller {
|
|
73
|
-
overflow-x: hidden;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
mo-section {
|
|
77
|
-
padding: 10px 14px 20px;
|
|
78
|
-
border-bottom: var(--mo-data-grid-border);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
mo-section::part(heading) {
|
|
82
|
-
font-size: min(1em, 14px);
|
|
83
|
-
letter-spacing: 0.15px;
|
|
84
|
-
}
|
|
43
|
+
return css `
|
|
44
|
+
:host {
|
|
45
|
+
display: inline-block !important;
|
|
46
|
+
transition: 250ms;
|
|
47
|
+
width: 100%;
|
|
48
|
+
height: 100%;
|
|
49
|
+
transform-origin: right center;
|
|
50
|
+
z-index: 10;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
:host(:not([hidden])) {
|
|
54
|
+
border-inline-start: var(--mo-data-grid-border);
|
|
55
|
+
background: var(--mo-color-transparent-gray-1);
|
|
56
|
+
opacity: 1;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
:host([hidden]) {
|
|
60
|
+
opacity: 0;
|
|
61
|
+
transform: scale(0, 1);
|
|
62
|
+
width: 0;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
#flexHeading {
|
|
66
|
+
border-top: var(--mo-data-grid-border);
|
|
67
|
+
border-bottom: var(--mo-data-grid-border);
|
|
68
|
+
height: var(--mo-data-grid-header-height);
|
|
69
|
+
padding-inline-start: 14px;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
mo-scroller {
|
|
73
|
+
overflow-x: hidden;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
mo-section {
|
|
77
|
+
padding: 10px 14px 20px;
|
|
78
|
+
border-bottom: var(--mo-data-grid-border);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
mo-section::part(heading) {
|
|
82
|
+
font-size: min(1em, 14px);
|
|
83
|
+
letter-spacing: 0.15px;
|
|
84
|
+
}
|
|
85
85
|
`;
|
|
86
86
|
}
|
|
87
87
|
get template() {
|
|
88
|
-
return html `
|
|
89
|
-
<mo-flex ${style({
|
|
90
|
-
${this.dataGrid.hasToolbar || this.dataGrid.hasFilters === false ? html.nothing : html `
|
|
91
|
-
<mo-tab-bar ${style({ height: '60px' })}
|
|
92
|
-
value=${ifDefined(this.dataGrid.sidePanelTab)}
|
|
93
|
-
@change=${(e) => this.dataGrid.navigateToSidePanelTab(e.detail ?? DataGridSidePanelTab.Settings)}
|
|
94
|
-
>
|
|
95
|
-
<mo-tab value=${DataGridSidePanelTab.Filters}>
|
|
96
|
-
<mo-icon icon='filter_list'></mo-icon>
|
|
97
|
-
${t('Extended Filters')}
|
|
98
|
-
</mo-tab>
|
|
99
|
-
<mo-tab value=${DataGridSidePanelTab.Settings}>
|
|
100
|
-
<mo-icon icon='settings'></mo-icon>
|
|
101
|
-
${t('Settings')}
|
|
102
|
-
</mo-tab>
|
|
103
|
-
</mo-tab-bar>
|
|
104
|
-
`}
|
|
105
|
-
|
|
106
|
-
${this.dataGrid.hasToolbar === false && this.dataGrid.hasFilters === true ? html.nothing : html `
|
|
107
|
-
<mo-flex id='flexHeading' direction='horizontal' alignItems='center'>
|
|
108
|
-
<mo-heading typography='heading6' ${style({ flex: '1', color: 'var(--mo-color-on-surface)' })}>${t(this.dataGrid.sidePanelTab === DataGridSidePanelTab.Filters ? 'Extended Filters' : 'Settings')}</mo-heading>
|
|
109
|
-
<mo-icon-button icon='close' dense
|
|
110
|
-
${tooltip(t('Close'))}
|
|
111
|
-
${style({ color: 'var(--mo-color-gray)' })}
|
|
112
|
-
@click=${() => this.dataGrid.navigateToSidePanelTab(undefined)}
|
|
113
|
-
></mo-icon-button>
|
|
114
|
-
</mo-flex>
|
|
115
|
-
`}
|
|
116
|
-
|
|
117
|
-
<mo-scroller ${style({ flex: '1' })}>
|
|
118
|
-
${this.dataGrid.sidePanelTab === DataGridSidePanelTab.Filters ? this.filtersTemplate : this.settingsTemplate}
|
|
119
|
-
</mo-scroller>
|
|
120
|
-
</mo-flex>
|
|
88
|
+
return html `
|
|
89
|
+
<mo-flex ${style({ position: 'absolute', inset: '0' })}>
|
|
90
|
+
${this.dataGrid.hasToolbar || this.dataGrid.hasFilters === false ? html.nothing : html `
|
|
91
|
+
<mo-tab-bar ${style({ height: '60px' })}
|
|
92
|
+
value=${ifDefined(this.dataGrid.sidePanelTab)}
|
|
93
|
+
@change=${(e) => this.dataGrid.navigateToSidePanelTab(e.detail ?? DataGridSidePanelTab.Settings)}
|
|
94
|
+
>
|
|
95
|
+
<mo-tab value=${DataGridSidePanelTab.Filters}>
|
|
96
|
+
<mo-icon icon='filter_list'></mo-icon>
|
|
97
|
+
${t('Extended Filters')}
|
|
98
|
+
</mo-tab>
|
|
99
|
+
<mo-tab value=${DataGridSidePanelTab.Settings}>
|
|
100
|
+
<mo-icon icon='settings'></mo-icon>
|
|
101
|
+
${t('Settings')}
|
|
102
|
+
</mo-tab>
|
|
103
|
+
</mo-tab-bar>
|
|
104
|
+
`}
|
|
105
|
+
|
|
106
|
+
${this.dataGrid.hasToolbar === false && this.dataGrid.hasFilters === true ? html.nothing : html `
|
|
107
|
+
<mo-flex id='flexHeading' direction='horizontal' alignItems='center'>
|
|
108
|
+
<mo-heading typography='heading6' ${style({ flex: '1', color: 'var(--mo-color-on-surface)' })}>${t(this.dataGrid.sidePanelTab === DataGridSidePanelTab.Filters ? 'Extended Filters' : 'Settings')}</mo-heading>
|
|
109
|
+
<mo-icon-button icon='close' dense
|
|
110
|
+
${tooltip(t('Close'))}
|
|
111
|
+
${style({ color: 'var(--mo-color-gray)' })}
|
|
112
|
+
@click=${() => this.dataGrid.navigateToSidePanelTab(undefined)}
|
|
113
|
+
></mo-icon-button>
|
|
114
|
+
</mo-flex>
|
|
115
|
+
`}
|
|
116
|
+
|
|
117
|
+
<mo-scroller ${style({ flex: '1' })}>
|
|
118
|
+
${this.dataGrid.sidePanelTab === DataGridSidePanelTab.Filters ? this.filtersTemplate : this.settingsTemplate}
|
|
119
|
+
</mo-scroller>
|
|
120
|
+
</mo-flex>
|
|
121
121
|
`;
|
|
122
122
|
}
|
|
123
123
|
get filtersTemplate() {
|
|
124
|
-
return html `
|
|
125
|
-
<mo-flex gap='14px' style='padding: 14px'>
|
|
126
|
-
<slot name='filter'></slot>
|
|
127
|
-
</mo-flex>
|
|
124
|
+
return html `
|
|
125
|
+
<mo-flex gap='14px' style='padding: 14px'>
|
|
126
|
+
<slot name='filter'></slot>
|
|
127
|
+
</mo-flex>
|
|
128
128
|
`;
|
|
129
129
|
}
|
|
130
130
|
get settingsTemplate() {
|
|
131
|
-
return html `
|
|
132
|
-
<mo-flex>
|
|
133
|
-
<slot name='settings'></slot>
|
|
134
|
-
|
|
135
|
-
<mo-section heading=${t('Design')}>
|
|
136
|
-
<mo-flex gap='16px'>
|
|
137
|
-
<mo-field-select label=${t('Font Size')} ${bind(this, 'dataGrid', { keyPath: 'cellFontSize' })}>
|
|
131
|
+
return html `
|
|
132
|
+
<mo-flex>
|
|
133
|
+
<slot name='settings'></slot>
|
|
134
|
+
|
|
135
|
+
<mo-section heading=${t('Design')}>
|
|
136
|
+
<mo-flex gap='16px'>
|
|
137
|
+
<mo-field-select label=${t('Font Size')} ${bind(this, 'dataGrid', { keyPath: 'cellFontSize' })}>
|
|
138
138
|
${Array.from({ length: 5 }).map((_, i) => {
|
|
139
139
|
const value = 0.8 + i * 0.1;
|
|
140
140
|
return html `<mo-option value=${value}>${(value * 100).formatAsPercent()}</mo-option>`;
|
|
141
|
-
})}
|
|
142
|
-
</mo-field-select>
|
|
143
|
-
<mo-field-select label=${t('Row Height')} ${bind(this, 'dataGrid', { keyPath: 'rowHeight' })}>
|
|
141
|
+
})}
|
|
142
|
+
</mo-field-select>
|
|
143
|
+
<mo-field-select label=${t('Row Height')} ${bind(this, 'dataGrid', { keyPath: 'rowHeight' })}>
|
|
144
144
|
${Array.from({ length: 7 }).map((_, i) => {
|
|
145
145
|
const value = 30 + i * 5;
|
|
146
146
|
return html `<mo-option value=${value}>${value.format()}px</mo-option>`;
|
|
147
|
-
})}
|
|
148
|
-
</mo-field-select>
|
|
149
|
-
</mo-flex>
|
|
150
|
-
</mo-section>
|
|
151
|
-
|
|
152
|
-
<mo-section .heading=${html `
|
|
153
|
-
${t('Columns')}
|
|
154
|
-
<span style='color: var(--mo-color-gray)'>
|
|
155
|
-
${this.dataGrid.visibleColumns.length.format()}/${this.dataGrid.columns.length.format()}
|
|
156
|
-
</span>
|
|
157
|
-
`}>
|
|
158
|
-
${this.dataGrid.columns.map(this.getColumnTemplate)}
|
|
159
|
-
</mo-section>
|
|
160
|
-
</mo-flex>
|
|
147
|
+
})}
|
|
148
|
+
</mo-field-select>
|
|
149
|
+
</mo-flex>
|
|
150
|
+
</mo-section>
|
|
151
|
+
|
|
152
|
+
<mo-section .heading=${html `
|
|
153
|
+
${t('Columns')}
|
|
154
|
+
<span style='color: var(--mo-color-gray)'>
|
|
155
|
+
${this.dataGrid.visibleColumns.length.format()}/${this.dataGrid.columns.length.format()}
|
|
156
|
+
</span>
|
|
157
|
+
`}>
|
|
158
|
+
${this.dataGrid.columns.map(this.getColumnTemplate)}
|
|
159
|
+
</mo-section>
|
|
160
|
+
</mo-flex>
|
|
161
161
|
`;
|
|
162
162
|
}
|
|
163
163
|
};
|
|
@@ -23,12 +23,6 @@
|
|
|
23
23
|
"type": "boolean",
|
|
24
24
|
"default": "false"
|
|
25
25
|
},
|
|
26
|
-
{
|
|
27
|
-
"name": "preventVerticalContentScroll",
|
|
28
|
-
"description": "Whether the content should be prevented from scrolling vertically.",
|
|
29
|
-
"type": "boolean",
|
|
30
|
-
"default": "false"
|
|
31
|
-
},
|
|
32
26
|
{
|
|
33
27
|
"name": "page",
|
|
34
28
|
"description": "The current page.",
|
|
@@ -387,13 +381,6 @@
|
|
|
387
381
|
"type": "boolean",
|
|
388
382
|
"default": "false"
|
|
389
383
|
},
|
|
390
|
-
{
|
|
391
|
-
"name": "preventVerticalContentScroll",
|
|
392
|
-
"attribute": "preventVerticalContentScroll",
|
|
393
|
-
"description": "Whether the content should be prevented from scrolling vertically.",
|
|
394
|
-
"type": "boolean",
|
|
395
|
-
"default": "false"
|
|
396
|
-
},
|
|
397
384
|
{
|
|
398
385
|
"name": "page",
|
|
399
386
|
"attribute": "page",
|
|
@@ -3509,11 +3496,6 @@
|
|
|
3509
3496
|
"description": "Whether the header should be hidden.",
|
|
3510
3497
|
"type": "boolean"
|
|
3511
3498
|
},
|
|
3512
|
-
{
|
|
3513
|
-
"name": "preventVerticalContentScroll",
|
|
3514
|
-
"description": "Whether the content should be prevented from scrolling vertically.",
|
|
3515
|
-
"type": "boolean"
|
|
3516
|
-
},
|
|
3517
3499
|
{
|
|
3518
3500
|
"name": "page",
|
|
3519
3501
|
"description": "The current page.",
|
|
@@ -3846,12 +3828,6 @@
|
|
|
3846
3828
|
"description": "Whether the header should be hidden.",
|
|
3847
3829
|
"type": "boolean"
|
|
3848
3830
|
},
|
|
3849
|
-
{
|
|
3850
|
-
"name": "preventVerticalContentScroll",
|
|
3851
|
-
"attribute": "preventVerticalContentScroll",
|
|
3852
|
-
"description": "Whether the content should be prevented from scrolling vertically.",
|
|
3853
|
-
"type": "boolean"
|
|
3854
|
-
},
|
|
3855
3831
|
{
|
|
3856
3832
|
"name": "page",
|
|
3857
3833
|
"attribute": "page",
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { DataGridRow } from './DataGridRow.js';
|
|
2
2
|
export declare class DataGridDefaultRow<TData, TDetailsElement extends Element | undefined = undefined> extends DataGridRow<TData, TDetailsElement> {
|
|
3
3
|
static get styles(): import("@a11d/lit").CSSResult;
|
|
4
|
-
updated(...parameters: Parameters<DataGridRow<TData, TDetailsElement>['updated']>): void;
|
|
5
4
|
protected get rowTemplate(): import("lit-html").HTMLTemplateResult;
|
|
6
5
|
}
|
|
7
6
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridDefaultRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridDefaultRow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"DataGridDefaultRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridDefaultRow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,qBACa,kBAAkB,CAAC,KAAK,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC;IAC1I,WAAoB,MAAM,kCAqBzB;IAED,cAAuB,WAAW,0CASjC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;KAChD;CACD"}
|
|
@@ -24,13 +24,6 @@ let DataGridDefaultRow = class DataGridDefaultRow extends DataGridRow {
|
|
|
24
24
|
}
|
|
25
25
|
`;
|
|
26
26
|
}
|
|
27
|
-
updated(...parameters) {
|
|
28
|
-
super.updated(...parameters);
|
|
29
|
-
const subDataGrid = this.renderRoot.querySelector('[instanceof*=mo-data-grid]');
|
|
30
|
-
if (subDataGrid) {
|
|
31
|
-
subDataGrid.preventVerticalContentScroll = true;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
27
|
get rowTemplate() {
|
|
35
28
|
return html `
|
|
36
29
|
${this.reorderabilityTemplate}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAyB,KAAK,kBAAkB,EAAsC,MAAM,WAAW,CAAA;AAKxI,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,KAAK,YAAY,EAAkC,KAAK,UAAU,EAAuB,MAAM,aAAa,CAAA;AAErH,8BAAsB,WAAW,CAAC,KAAK,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,SAAS;IACnF,QAAQ,CAAC,KAAK,EAAG,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IAChE,QAAQ,CAAC,OAAO,EAAG,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IACjE,QAAQ,CAAC,OAAO,EAAG,WAAW,CAAA;IAE7B,cAAc,UAAO;IAEtB,UAAU,EAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAC1D,IAAI,QAAQ,kDAAsC;IAClD,IAAI,IAAI,UAAkC;IAC1C,IAAI,KAAK,WAAmC;IAC5C,IAAI,KAAK,WAAmC;IAC5C,IAAI,QAAQ,YAAwC;IACpD,IAAI,WAAW,YAAyC;IAExD,IAAI,cAAc,IACkF,eAAe,GAAG,SAAS,CAC9H;IAED,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC;IAI5B,SAAS;cAMC,WAAW;cAKX,YAAY;IAItB,OAAO,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAShE,SAAS,KAAK,UAAU,YAEvB;IAED,WAAoB,MAAM,
|
|
1
|
+
{"version":3,"file":"DataGridRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAyB,KAAK,kBAAkB,EAAsC,MAAM,WAAW,CAAA;AAKxI,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,KAAK,YAAY,EAAkC,KAAK,UAAU,EAAuB,MAAM,aAAa,CAAA;AAErH,8BAAsB,WAAW,CAAC,KAAK,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,SAAS;IACnF,QAAQ,CAAC,KAAK,EAAG,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IAChE,QAAQ,CAAC,OAAO,EAAG,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IACjE,QAAQ,CAAC,OAAO,EAAG,WAAW,CAAA;IAE7B,cAAc,UAAO;IAEtB,UAAU,EAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAC1D,IAAI,QAAQ,kDAAsC;IAClD,IAAI,IAAI,UAAkC;IAC1C,IAAI,KAAK,WAAmC;IAC5C,IAAI,KAAK,WAAmC;IAC5C,IAAI,QAAQ,YAAwC;IACpD,IAAI,WAAW,YAAyC;IAExD,IAAI,cAAc,IACkF,eAAe,GAAG,SAAS,CAC9H;IAED,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC;IAI5B,SAAS;cAMC,WAAW;cAKX,YAAY;IAItB,OAAO,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAShE,SAAS,KAAK,UAAU,YAEvB;IAED,WAAoB,MAAM,kCAwKzB;IAED,cAAuB,QAAQ,uBAmB9B;IAED,SAAS,CAAC,QAAQ,KAAK,WAAW,IAAI,kBAAkB,CAAA;IAExD,SAAS,KAAK,sBAAsB,uBAMnC;IAED,SAAS,KAAK,uBAAuB,uBAgBpC;IAED,SAAS,KAAK,iBAAiB,uBAgB9B;IAED,SAAS,CAAC,eAAe,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC;IAYvD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAG9B;IAED,SAAS,KAAK,cAAc,uBAE3B;IAED,SAAS,KAAK,6BAA6B,uBAS1C;IAED,SAAS,KAAK,eAAe,uBAY5B;IAED,SAAS,CAAC,kBAAkB;cAYZ,wBAAwB;cAKxB,wBAAwB;YAK1B,yCAAyC;IAQjD,eAAe,CAAC,KAAK,CAAC,EAAE,YAAY;IAY1C,SAAS,CAAC,2BAA2B,CAAC,IAAI,EAAE,OAAO;IAQnD,OAAO,KAAK,mBAAmB,GAM9B;IAEK,gBAAgB;IAKtB,aAAa;CAQb;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;KACxC;CACD"}
|
package/dist/rows/DataGridRow.js
CHANGED
|
@@ -147,16 +147,23 @@ export class DataGridRow extends Component {
|
|
|
147
147
|
color: var(--mo-color-gray);
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
150
|
+
/*
|
|
151
|
+
* Don't use nested selector such as below to prevent Safari bugs
|
|
152
|
+
* :host([selected]), :host([data-context-menu-open]) {
|
|
153
|
+
* #contentContainer {...}
|
|
154
|
+
* }
|
|
155
|
+
*/
|
|
155
156
|
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
157
|
+
:host([selected]) #contentContainer,
|
|
158
|
+
:host([data-context-menu-open]) #contentContainer {
|
|
159
|
+
--mo-data-grid-sticky-part-color: color-mix(in srgb, var(--mo-color-surface), var(--mo-color-accent)) !important;
|
|
160
|
+
background: var(--mo-data-grid-selection-background) !important;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
:host([selected]) #contextMenuIconButton,
|
|
164
|
+
:host([data-context-menu-open]) #contextMenuIconButton {
|
|
165
|
+
color: currentColor;
|
|
166
|
+
opacity: 1;
|
|
160
167
|
}
|
|
161
168
|
|
|
162
169
|
#contentContainer:hover #contextMenuIconButton {
|