@vaadin/crud 23.0.9 → 23.0.10

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/crud",
3
- "version": "23.0.9",
3
+ "version": "23.0.10",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -35,22 +35,22 @@
35
35
  "dependencies": {
36
36
  "@open-wc/dedupe-mixin": "^1.3.0",
37
37
  "@polymer/polymer": "^3.0.0",
38
- "@vaadin/button": "^23.0.9",
39
- "@vaadin/component-base": "^23.0.9",
40
- "@vaadin/confirm-dialog": "^23.0.9",
41
- "@vaadin/dialog": "^23.0.9",
42
- "@vaadin/form-layout": "^23.0.9",
43
- "@vaadin/grid": "^23.0.9",
44
- "@vaadin/text-field": "^23.0.9",
38
+ "@vaadin/button": "^23.0.10",
39
+ "@vaadin/component-base": "^23.0.10",
40
+ "@vaadin/confirm-dialog": "^23.0.10",
41
+ "@vaadin/dialog": "^23.0.10",
42
+ "@vaadin/form-layout": "^23.0.10",
43
+ "@vaadin/grid": "^23.0.10",
44
+ "@vaadin/text-field": "^23.0.10",
45
45
  "@vaadin/vaadin-license-checker": "^2.1.0",
46
- "@vaadin/vaadin-lumo-styles": "^23.0.9",
47
- "@vaadin/vaadin-material-styles": "^23.0.9",
48
- "@vaadin/vaadin-themable-mixin": "^23.0.9"
46
+ "@vaadin/vaadin-lumo-styles": "^23.0.10",
47
+ "@vaadin/vaadin-material-styles": "^23.0.10",
48
+ "@vaadin/vaadin-themable-mixin": "^23.0.10"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@esm-bundle/chai": "^4.3.4",
52
52
  "@vaadin/testing-helpers": "^0.3.2",
53
53
  "sinon": "^9.2.1"
54
54
  },
55
- "gitHead": "4d687bdd48ba78d55f3371a78b70818e4dfca1a3"
55
+ "gitHead": "e8402a55ce0e823ae6da5c97486998cfd931b1d3"
56
56
  }
@@ -52,7 +52,7 @@ registerStyles(
52
52
  flex: 1;
53
53
  }
54
54
  `,
55
- { moduleId: 'vaadin-crud-dialog-overlay-styles' }
55
+ { moduleId: 'vaadin-crud-dialog-overlay-styles' },
56
56
  );
57
57
 
58
58
  let memoizedTemplate;
@@ -36,7 +36,7 @@ class CrudEditColumn extends GridColumn {
36
36
  */
37
37
  width: {
38
38
  type: String,
39
- value: '4em'
39
+ value: '4em',
40
40
  },
41
41
 
42
42
  /**
@@ -45,11 +45,11 @@ class CrudEditColumn extends GridColumn {
45
45
  */
46
46
  flexGrow: {
47
47
  type: Number,
48
- value: 0
48
+ value: 0,
49
49
  },
50
50
 
51
51
  /** The arial-label for the edit button */
52
- ariaLabel: String
52
+ ariaLabel: String,
53
53
  };
54
54
  }
55
55
 
@@ -44,7 +44,7 @@ class CrudEdit extends Button {
44
44
  __onClick(e) {
45
45
  const tr = e.target.parentElement.assignedSlot.parentElement.parentElement;
46
46
  tr.dispatchEvent(
47
- new CustomEvent('edit', { detail: { item: tr._item, index: tr.index }, bubbles: true, composed: true })
47
+ new CustomEvent('edit', { detail: { item: tr._item, index: tr.index }, bubbles: true, composed: true }),
48
48
  );
49
49
  }
50
50
 
@@ -25,7 +25,7 @@ class CrudForm extends IncludedMixin(FormLayout) {
25
25
  * The item being edited.
26
26
  * @type {unknown}
27
27
  */
28
- item: Object
28
+ item: Object,
29
29
  };
30
30
  }
31
31
 
@@ -44,7 +44,7 @@ class CrudGrid extends IncludedMixin(Grid) {
44
44
  noHead: Boolean,
45
45
 
46
46
  /** @private */
47
- __hideEditColumn: Boolean
47
+ __hideEditColumn: Boolean,
48
48
  };
49
49
  }
50
50
 
@@ -22,7 +22,7 @@ export const IncludedMixin = (superClass) =>
22
22
  */
23
23
  exclude: {
24
24
  value: '^_',
25
- observer: '__onExcludeChange'
25
+ observer: '__onExcludeChange',
26
26
  },
27
27
 
28
28
  /**
@@ -33,8 +33,8 @@ export const IncludedMixin = (superClass) =>
33
33
  * @type {string | !Array<string> | undefined}
34
34
  */
35
35
  include: {
36
- observer: '__onIncludeChange'
37
- }
36
+ observer: '__onIncludeChange',
37
+ },
38
38
  };
39
39
  }
40
40
 
@@ -383,13 +383,13 @@ declare class Crud<Item> extends ControllerMixin(ElementMixin(ThemableMixin(HTML
383
383
  addEventListener<K extends keyof CrudEventMap<Item>>(
384
384
  type: K,
385
385
  listener: (this: Crud<Item>, ev: CrudEventMap<Item>[K]) => void,
386
- options?: boolean | AddEventListenerOptions
386
+ options?: boolean | AddEventListenerOptions,
387
387
  ): void;
388
388
 
389
389
  removeEventListener<K extends keyof CrudEventMap<Item>>(
390
390
  type: K,
391
391
  listener: (this: Crud<Item>, ev: CrudEventMap<Item>[K]) => void,
392
- options?: boolean | EventListenerOptions
392
+ options?: boolean | EventListenerOptions,
393
393
  ): void;
394
394
  }
395
395
 
@@ -318,7 +318,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
318
318
  */
319
319
  _grid: {
320
320
  type: HTMLElement,
321
- observer: '__gridChanged'
321
+ observer: '__gridChanged',
322
322
  },
323
323
 
324
324
  /**
@@ -327,7 +327,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
327
327
  */
328
328
  _form: {
329
329
  type: HTMLElement,
330
- observer: '__formChanged'
330
+ observer: '__formChanged',
331
331
  },
332
332
 
333
333
  /**
@@ -336,7 +336,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
336
336
  */
337
337
  _saveButton: {
338
338
  type: HTMLElement,
339
- observer: '__saveButtonChanged'
339
+ observer: '__saveButtonChanged',
340
340
  },
341
341
 
342
342
  /**
@@ -345,7 +345,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
345
345
  */
346
346
  _deleteButton: {
347
347
  type: HTMLElement,
348
- observer: '__deleteButtonChanged'
348
+ observer: '__deleteButtonChanged',
349
349
  },
350
350
 
351
351
  /**
@@ -354,7 +354,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
354
354
  */
355
355
  _cancelButton: {
356
356
  type: HTMLElement,
357
- observer: '__cancelButtonChanged'
357
+ observer: '__cancelButtonChanged',
358
358
  },
359
359
 
360
360
  /**
@@ -362,7 +362,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
362
362
  * @private
363
363
  */
364
364
  _headerNode: {
365
- type: HTMLElement
365
+ type: HTMLElement,
366
366
  },
367
367
 
368
368
  /**
@@ -372,7 +372,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
372
372
  items: {
373
373
  type: Array,
374
374
  notify: true,
375
- observer: '__itemsChanged'
375
+ observer: '__itemsChanged',
376
376
  },
377
377
 
378
378
  /**
@@ -382,7 +382,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
382
382
  editedItem: {
383
383
  type: Object,
384
384
  observer: '__editedItemChanged',
385
- notify: true
385
+ notify: true,
386
386
  },
387
387
 
388
388
  /**
@@ -399,7 +399,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
399
399
  type: String,
400
400
  value: '',
401
401
  reflectToAttribute: true,
402
- observer: '__editorPositionChanged'
402
+ observer: '__editorPositionChanged',
403
403
  },
404
404
 
405
405
  /**
@@ -410,7 +410,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
410
410
  */
411
411
  editOnClick: {
412
412
  type: Boolean,
413
- value: false
413
+ value: false,
414
414
  },
415
415
 
416
416
  /**
@@ -428,7 +428,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
428
428
  */
429
429
  dataProvider: {
430
430
  type: Function,
431
- observer: '__dataProviderChanged'
431
+ observer: '__dataProviderChanged',
432
432
  },
433
433
 
434
434
  /**
@@ -476,7 +476,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
476
476
  type: Boolean,
477
477
  reflectToAttribute: true,
478
478
  notify: true,
479
- observer: '__editorOpenedChanged'
479
+ observer: '__editorOpenedChanged',
480
480
  },
481
481
 
482
482
  /**
@@ -486,7 +486,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
486
486
  size: {
487
487
  type: Number,
488
488
  readOnly: true,
489
- notify: true
489
+ notify: true,
490
490
  },
491
491
 
492
492
  /**
@@ -497,7 +497,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
497
497
  noToolbar: {
498
498
  type: Boolean,
499
499
  value: false,
500
- reflectToAttribute: true
500
+ reflectToAttribute: true,
501
501
  },
502
502
 
503
503
  /**
@@ -555,20 +555,20 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
555
555
  content: 'Are you sure you want to delete this item? This action cannot be undone.',
556
556
  button: {
557
557
  confirm: 'Delete',
558
- dismiss: 'Cancel'
559
- }
558
+ dismiss: 'Cancel',
559
+ },
560
560
  },
561
561
  cancel: {
562
562
  title: 'Discard changes',
563
563
  content: 'There are unsaved changes to this item.',
564
564
  button: {
565
565
  confirm: 'Discard',
566
- dismiss: 'Cancel'
567
- }
568
- }
569
- }
566
+ dismiss: 'Cancel',
567
+ },
568
+ },
569
+ },
570
570
  };
571
- }
571
+ },
572
572
  },
573
573
 
574
574
  /** @private */
@@ -586,7 +586,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
586
586
  */
587
587
  _fullscreen: {
588
588
  type: Boolean,
589
- observer: '__fullscreenChanged'
589
+ observer: '__fullscreenChanged',
590
590
  },
591
591
 
592
592
  /**
@@ -594,8 +594,8 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
594
594
  * @protected
595
595
  */
596
596
  _fullscreenMediaQuery: {
597
- value: '(max-width: 600px), (max-height: 600px)'
598
- }
597
+ value: '(max-width: 600px), (max-height: 600px)',
598
+ },
599
599
  };
600
600
  }
601
601
 
@@ -607,7 +607,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
607
607
  '__editOnClickChanged(editOnClick, _grid)',
608
608
  '__saveButtonPropsChanged(_saveButton, i18n.saveItem, __isDirty)',
609
609
  '__cancelButtonPropsChanged(_cancelButton, i18n.cancel)',
610
- '__deleteButtonPropsChanged(_deleteButton, i18n.deleteItem, __isNew)'
610
+ '__deleteButtonPropsChanged(_deleteButton, i18n.deleteItem, __isNew)',
611
611
  ];
612
612
  }
613
613
 
@@ -655,7 +655,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
655
655
  button.id = 'delete';
656
656
  button.setAttribute('theme', 'tertiary error');
657
657
  return button;
658
- }
658
+ },
659
659
  };
660
660
  }
661
661
 
@@ -683,7 +683,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
683
683
  this.addController(
684
684
  new MediaQueryController(this._fullscreenMediaQuery, (matches) => {
685
685
  this._fullscreen = matches;
686
- })
686
+ }),
687
687
  );
688
688
  }
689
689
 
@@ -1125,7 +1125,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
1125
1125
  } else {
1126
1126
  console.warn(
1127
1127
  '<vaadin-crud> Unable to autoconfigure form because the data structure is unknown. ' +
1128
- 'Either specify `include` or ensure at least one item is available beforehand.'
1128
+ 'Either specify `include` or ensure at least one item is available beforehand.',
1129
1129
  );
1130
1130
  }
1131
1131
  }
@@ -1196,7 +1196,7 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
1196
1196
  this.__isDirty = false;
1197
1197
  this.__isNew = !item;
1198
1198
  const evt = this.dispatchEvent(
1199
- new CustomEvent(this.__isNew ? 'new' : 'edit', { detail: { item: item }, cancelable: true })
1199
+ new CustomEvent(this.__isNew ? 'new' : 'edit', { detail: { item: item }, cancelable: true }),
1200
1200
  );
1201
1201
  if (evt) {
1202
1202
  this.editedItem = item || {};
@@ -30,7 +30,7 @@ registerStyles(
30
30
  left: calc((var(--lumo-size-m) - var(--lumo-size-s)) / -2);
31
31
  }
32
32
  `,
33
- { moduleId: 'lumo-crud-grid-edit' }
33
+ { moduleId: 'lumo-crud-grid-edit' },
34
34
  );
35
35
 
36
36
  /**
@@ -121,11 +121,11 @@ registerStyles(
121
121
  vaadin-grid-cell-content {
122
122
  text-overflow: ellipsis;
123
123
  }
124
- `
124
+ `,
125
125
  ],
126
- { moduleId: 'lumo-crud' }
126
+ { moduleId: 'lumo-crud' },
127
127
  );
128
128
 
129
129
  registerStyles('vaadin-crud-dialog-overlay', editorStyles, {
130
- moduleId: 'lumo-crud-dialog-overlay'
130
+ moduleId: 'lumo-crud-dialog-overlay',
131
131
  });
@@ -37,7 +37,7 @@ registerStyles(
37
37
  left: 0;
38
38
  }
39
39
  `,
40
- { moduleId: 'material-crud-grid-edit' }
40
+ { moduleId: 'material-crud-grid-edit' },
41
41
  );
42
42
 
43
43
  /**
@@ -101,9 +101,9 @@ registerStyles(
101
101
  margin: 0;
102
102
  padding: 0;
103
103
  }
104
- `
104
+ `,
105
105
  ],
106
- { moduleId: 'material-crud' }
106
+ { moduleId: 'material-crud' },
107
107
  );
108
108
 
109
109
  registerStyles(
@@ -125,7 +125,7 @@ registerStyles(
125
125
  :host([closing]) {
126
126
  animation: 0.25s material-overlay-dummy-animation;
127
127
  }
128
- `
128
+ `,
129
129
  ],
130
- { moduleId: 'material-crud-dialog-overlay' }
130
+ { moduleId: 'material-crud-dialog-overlay' },
131
131
  );