@operato/data-grist 7.0.20 → 7.0.24

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.
@@ -57,7 +57,7 @@ export class DataGrid extends DataManipulator {
57
57
 
58
58
  div[setting] {
59
59
  position: relative;
60
- z-index: 1;
60
+ z-index: 50;
61
61
  }
62
62
 
63
63
  @media print {
package/src/data-grist.ts CHANGED
@@ -87,7 +87,7 @@ export class DataGrist extends LitElement implements DataConsumer {
87
87
  box-sizing: border-box;
88
88
  background-color: var(--grist-background-color);
89
89
 
90
- z-index: 2;
90
+ z-index: 100;
91
91
  }
92
92
  `
93
93
  ]
@@ -392,7 +392,8 @@ export class DataGrist extends LitElement implements DataConsumer {
392
392
  column =>
393
393
  column.filter &&
394
394
  'value' in (column.filter as FilterConfigObject) &&
395
- (typeof((column.filter as FilterConfigObject).value) === 'boolean' || (column.filter as FilterConfigObject).value)
395
+ (typeof (column.filter as FilterConfigObject).value === 'boolean' ||
396
+ (column.filter as FilterConfigObject).value)
396
397
  )
397
398
  .map(column => {
398
399
  const filter = column.filter as FilterConfigObject
@@ -460,6 +461,7 @@ export class DataGrist extends LitElement implements DataConsumer {
460
461
  const empty = !this._showSpinner && this._data.records.length == 0
461
462
 
462
463
  return html`
464
+ <slot name="headroom"> </slot>
463
465
  <div id="wrap" @keydown=${(e: KeyboardEvent) => this.onKeydown(e)}>
464
466
  ${this.mode == 'GRID'
465
467
  ? html`
@@ -501,8 +503,6 @@ export class DataGrist extends LitElement implements DataConsumer {
501
503
  </div>
502
504
 
503
505
  <div id="spinner" ?show=${this._showSpinner}></div>
504
-
505
- <slot name="headroom"> </slot>
506
506
  `
507
507
  }
508
508
 
@@ -209,7 +209,7 @@ const config = {
209
209
  width: 60
210
210
  },
211
211
  {
212
- type: 'string[]',
212
+ type: 'select',
213
213
  name: 'role',
214
214
  label: true,
215
215
  header: 'role',
@@ -37,6 +37,7 @@ body {
37
37
  --grid-header-filter-title-color: var(--md-sys-color-on-surface);
38
38
  --grid-header-filter-title-font: normal 12px var(--theme-font, 'Roboto');
39
39
  --grid-header-filter-title-icon-color: var(--md-sys-color-on-surface-variant);
40
+ --grid-header-text-transform: capitalize;
40
41
 
41
42
  --grid-body-bottom-border: var(--grid-header-bottom-border);
42
43