@vaadin/crud 23.0.8 → 23.0.11
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 +12 -12
- package/src/vaadin-crud-dialog.js +1 -1
- package/src/vaadin-crud-edit-column.js +3 -3
- package/src/vaadin-crud-edit.js +1 -1
- package/src/vaadin-crud-form.js +1 -1
- package/src/vaadin-crud-grid.js +1 -1
- package/src/vaadin-crud-include-mixin.js +3 -3
- package/src/vaadin-crud.d.ts +2 -2
- package/src/vaadin-crud.js +29 -29
- package/theme/lumo/vaadin-crud-styles.js +4 -4
- package/theme/material/vaadin-crud-styles.js +5 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/crud",
|
|
3
|
-
"version": "23.0.
|
|
3
|
+
"version": "23.0.11",
|
|
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.
|
|
39
|
-
"@vaadin/component-base": "^23.0.
|
|
40
|
-
"@vaadin/confirm-dialog": "^23.0.
|
|
41
|
-
"@vaadin/dialog": "^23.0.
|
|
42
|
-
"@vaadin/form-layout": "^23.0.
|
|
43
|
-
"@vaadin/grid": "^23.0.
|
|
44
|
-
"@vaadin/text-field": "^23.0.
|
|
38
|
+
"@vaadin/button": "^23.0.11",
|
|
39
|
+
"@vaadin/component-base": "^23.0.11",
|
|
40
|
+
"@vaadin/confirm-dialog": "^23.0.11",
|
|
41
|
+
"@vaadin/dialog": "^23.0.11",
|
|
42
|
+
"@vaadin/form-layout": "^23.0.11",
|
|
43
|
+
"@vaadin/grid": "^23.0.11",
|
|
44
|
+
"@vaadin/text-field": "^23.0.11",
|
|
45
45
|
"@vaadin/vaadin-license-checker": "^2.1.0",
|
|
46
|
-
"@vaadin/vaadin-lumo-styles": "^23.0.
|
|
47
|
-
"@vaadin/vaadin-material-styles": "^23.0.
|
|
48
|
-
"@vaadin/vaadin-themable-mixin": "^23.0.
|
|
46
|
+
"@vaadin/vaadin-lumo-styles": "^23.0.11",
|
|
47
|
+
"@vaadin/vaadin-material-styles": "^23.0.11",
|
|
48
|
+
"@vaadin/vaadin-themable-mixin": "^23.0.11"
|
|
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": "
|
|
55
|
+
"gitHead": "10838304fe6f5c98b838ec3a90bdcf49cbf4650b"
|
|
56
56
|
}
|
|
@@ -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
|
|
package/src/vaadin-crud-edit.js
CHANGED
|
@@ -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
|
|
package/src/vaadin-crud-form.js
CHANGED
package/src/vaadin-crud-grid.js
CHANGED
|
@@ -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
|
|
package/src/vaadin-crud.d.ts
CHANGED
|
@@ -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
|
|
package/src/vaadin-crud.js
CHANGED
|
@@ -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
|
);
|