@vaadin/crud 22.0.13 → 22.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/crud",
-  "version": "22.0.13",
+  "version": "22.0.16",
   "publishConfig": {
     "access": "public"
   },
@@ -35,23 +35,23 @@
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/iron-media-query": "^3.0.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "^22.0.13",
-    "@vaadin/component-base": "^22.0.13",
-    "@vaadin/confirm-dialog": "^22.0.13",
-    "@vaadin/dialog": "^22.0.13",
-    "@vaadin/form-layout": "^22.0.13",
-    "@vaadin/grid": "^22.0.13",
-    "@vaadin/text-field": "^22.0.13",
+    "@vaadin/button": "^22.0.16",
+    "@vaadin/component-base": "^22.0.16",
+    "@vaadin/confirm-dialog": "^22.0.16",
+    "@vaadin/dialog": "^22.0.16",
+    "@vaadin/form-layout": "^22.0.16",
+    "@vaadin/grid": "^22.0.16",
+    "@vaadin/text-field": "^22.0.16",
     "@vaadin/vaadin-license-checker": "^2.1.0",
-    "@vaadin/vaadin-lumo-styles": "^22.0.13",
-    "@vaadin/vaadin-material-styles": "^22.0.13",
-    "@vaadin/vaadin-themable-mixin": "^22.0.13"
+    "@vaadin/vaadin-lumo-styles": "^22.0.16",
+    "@vaadin/vaadin-material-styles": "^22.0.16",
+    "@vaadin/vaadin-themable-mixin": "^22.0.16"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/polymer-legacy-adapter": "^22.0.13",
+    "@vaadin/polymer-legacy-adapter": "^22.0.16",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.1"
   },
-  "gitHead": "0ef3a237a2db4255710aa878debb169eb52a1715"
+  "gitHead": "dac6f243594ea700bb796d3b41d7b17736d90be8"
 }

package/src/vaadin-crud-edit-column.js

@@ -36,7 +36,7 @@ class CrudEditColumn extends GridColumn {
        */
       width: {
         type: String,
-        value: '4em'
+        value: '4em',
       },
 
       /**
@@ -45,11 +45,11 @@ class CrudEditColumn extends GridColumn {
        */
       flexGrow: {
         type: Number,
-        value: 0
+        value: 0,
       },
 
       /** The arial-label for the edit button */
-      ariaLabel: String
+      ariaLabel: String,
     };
   }
 

package/src/vaadin-crud-edit.js

@@ -44,7 +44,7 @@ class CrudEdit extends ThemableMixin(PolymerElement) {
   __onClick(e) {
     const tr = e.target.parentElement.assignedSlot.parentElement.parentElement;
     tr.dispatchEvent(
-      new CustomEvent('edit', { detail: { item: tr._item, index: tr.index }, bubbles: true, composed: true })
+      new CustomEvent('edit', { detail: { item: tr._item, index: tr.index }, bubbles: true, composed: true }),
     );
   }
 

package/src/vaadin-crud-form.js

@@ -25,7 +25,7 @@ class CrudForm extends IncludedMixin(FormLayout) {
        * The item being edited.
        * @type {unknown}
        */
-      item: Object
+      item: Object,
     };
   }
 

package/src/vaadin-crud-grid.js

@@ -44,7 +44,7 @@ class CrudGrid extends IncludedMixin(Grid) {
       noHead: Boolean,
 
       /** @private */
-      __hideEditColumn: Boolean
+      __hideEditColumn: Boolean,
     };
   }
 

package/src/vaadin-crud-include-mixin.js

@@ -22,7 +22,7 @@ export const IncludedMixin = (superClass) =>
          */
         exclude: {
           value: '^_',
-          observer: '__onExcludeChange'
+          observer: '__onExcludeChange',
         },
 
         /**
@@ -33,8 +33,8 @@ export const IncludedMixin = (superClass) =>
          * @type {string | !Array<string> | undefined}
          */
         include: {
-          observer: '__onIncludeChange'
-        }
+          observer: '__onIncludeChange',
+        },
       };
     }
 

package/src/vaadin-crud.d.ts

@@ -382,13 +382,13 @@ declare class Crud<Item> extends ElementMixin(ThemableMixin(HTMLElement)) {
   addEventListener<K extends keyof CrudEventMap<Item>>(
     type: K,
     listener: (this: Crud<Item>, ev: CrudEventMap<Item>[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof CrudEventMap<Item>>(
     type: K,
     listener: (this: Crud<Item>, ev: CrudEventMap<Item>[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/src/vaadin-crud.js

@@ -20,7 +20,7 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
 const HOST_PROPS = {
   save: [{ attr: 'disabled', prop: '__isDirty', parseProp: '__isSaveBtnDisabled' }, { prop: 'i18n.saveItem' }],
   cancel: [{ prop: 'i18n.cancel' }],
-  delete: [{ attr: 'hidden', prop: '__isNew', parseProp: (prop) => prop }, { prop: 'i18n.deleteItem' }]
+  delete: [{ attr: 'hidden', prop: '__isNew', parseProp: (prop) => prop }, { prop: 'i18n.deleteItem' }],
 };
 
 /**
@@ -302,7 +302,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       _grid: {
         type: HTMLElement,
-        observer: '__onGridChange'
+        observer: '__onGridChange',
       },
 
       /**
@@ -311,7 +311,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       _form: {
         type: HTMLElement,
-        observer: '__onFormChange'
+        observer: '__onFormChange',
       },
 
       /**
@@ -320,7 +320,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       _saveButton: {
         type: HTMLElement,
-        observer: '__onSaveButtonChange'
+        observer: '__onSaveButtonChange',
       },
 
       /**
@@ -329,7 +329,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       _deleteButton: {
         type: HTMLElement,
-        observer: '__onDeleteButtonChange'
+        observer: '__onDeleteButtonChange',
       },
 
       /**
@@ -338,7 +338,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       _cancelButton: {
         type: HTMLElement,
-        observer: '__onCancelButtonChange'
+        observer: '__onCancelButtonChange',
       },
 
       /**
@@ -348,7 +348,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
       items: {
         type: Array,
         notify: true,
-        observer: '__onItemsChange'
+        observer: '__onItemsChange',
       },
 
       /**
@@ -358,7 +358,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
       editedItem: {
         type: Object,
         observer: '__onItemChange',
-        notify: true
+        notify: true,
       },
 
       /**
@@ -375,7 +375,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
         type: String,
         value: '',
         reflectToAttribute: true,
-        observer: '__onEditorPositionChange'
+        observer: '__onEditorPositionChange',
       },
 
       /**
@@ -386,7 +386,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       editOnClick: {
         type: Boolean,
-        value: false
+        value: false,
       },
 
       /**
@@ -404,7 +404,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       dataProvider: {
         type: Function,
-        observer: '__onDataProviderChange'
+        observer: '__onDataProviderChange',
       },
 
       /**
@@ -451,7 +451,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
       editorOpened: {
         type: Boolean,
         notify: true,
-        observer: '__onOpenedChanged'
+        observer: '__onOpenedChanged',
       },
 
       /**
@@ -461,7 +461,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
       size: {
         type: Number,
         readOnly: true,
-        notify: true
+        notify: true,
       },
 
       /**
@@ -472,7 +472,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
       noToolbar: {
         type: Boolean,
         value: false,
-        reflectToAttribute: true
+        reflectToAttribute: true,
       },
 
       /**
@@ -530,20 +530,20 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
                 content: 'Are you sure you want to delete this item? This action cannot be undone.',
                 button: {
                   confirm: 'Delete',
-                  dismiss: 'Cancel'
-                }
+                  dismiss: 'Cancel',
+                },
               },
               cancel: {
                 title: 'Discard changes',
                 content: 'There are unsaved changes to this item.',
                 button: {
                   confirm: 'Discard',
-                  dismiss: 'Cancel'
-                }
-              }
-            }
+                  dismiss: 'Cancel',
+                },
+              },
+            },
           };
-        }
+        },
       },
 
       /** @private */
@@ -554,14 +554,14 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
 
       /** @private */
       __mobileMediaQuery: {
-        value: '(max-width: 600px), (max-height: 600px)'
+        value: '(max-width: 600px), (max-height: 600px)',
       },
 
       /** @private */
       __mobile: {
         type: Boolean,
-        observer: '__mobileChanged'
-      }
+        observer: '__mobileChanged',
+      },
     };
   }
 
@@ -575,7 +575,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
         HOST_PROPS.cancel.map(({ prop }) => prop).join(',') +
         ',' +
         HOST_PROPS.delete.map(({ prop }) => prop).join(',') +
-        ')'
+        ')',
     ];
   }
 
@@ -934,7 +934,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
         } else {
           console.warn(
             '<vaadin-crud> Unable to autoconfigure form because the data structure is unknown. ' +
-              'Either specify `include` or ensure at least one item is available beforehand.'
+              'Either specify `include` or ensure at least one item is available beforehand.',
           );
         }
       }
@@ -1005,7 +1005,7 @@ class Crud extends ElementMixin(ThemableMixin(PolymerElement)) {
     this.__isDirty = false;
     this.__isNew = !item;
     const evt = this.dispatchEvent(
-      new CustomEvent(this.__isNew ? 'new' : 'edit', { detail: { item: item }, cancelable: true })
+      new CustomEvent(this.__isNew ? 'new' : 'edit', { detail: { item: item }, cancelable: true }),
     );
     if (evt) {
       this.editedItem = item || {};

package/src/vaadin-dialog-layout.js

@@ -108,12 +108,12 @@ class DialogLayout extends ElementMixin(ThemableMixin(PolymerElement)) {
         value: false,
         notify: true,
         reflectToAttribute: true,
-        observer: '_openedChanged'
+        observer: '_openedChanged',
       },
 
       editorPosition: {
         type: String,
-        reflectToAttribute: true
+        reflectToAttribute: true,
       },
 
       /** Theme to use */
@@ -140,10 +140,10 @@ class DialogLayout extends ElementMixin(ThemableMixin(PolymerElement)) {
       mobile: {
         type: Boolean,
         observer: '__mobileChanged',
-        reflectToAttribute: true
+        reflectToAttribute: true,
       },
 
-      __ariaLabel: String
+      __ariaLabel: String,
     };
   }
 

package/theme/lumo/vaadin-crud-styles.js

@@ -54,7 +54,7 @@ registerStyles(
       opacity: 0.12;
     }
   `,
-  { moduleId: 'lumo-crud-grid-edit' }
+  { moduleId: 'lumo-crud-grid-edit' },
 );
 
 registerStyles(
@@ -87,7 +87,7 @@ registerStyles(
       text-overflow: ellipsis;
     }
   `,
-  { moduleId: 'lumo-crud' }
+  { moduleId: 'lumo-crud' },
 );
 
 registerStyles(
@@ -137,5 +137,5 @@ registerStyles(
       border-right: 0;
     }
   `,
-  { moduleId: 'lumo-dialog-layout' }
+  { moduleId: 'lumo-dialog-layout' },
 );

package/theme/material/vaadin-crud-styles.js

@@ -48,7 +48,7 @@ registerStyles(
       opacity: 0.12;
     }
   `,
-  { moduleId: 'material-crud-grid-edit' }
+  { moduleId: 'material-crud-grid-edit' },
 );
 
 registerStyles(
@@ -78,7 +78,7 @@ registerStyles(
       padding: 0;
     }
   `,
-  { moduleId: 'material-crud' }
+  { moduleId: 'material-crud' },
 );
 
 registerStyles(
@@ -103,7 +103,7 @@ registerStyles(
       margin-right: 4px;
     }
   `,
-  { moduleId: 'material-dialog-layout' }
+  { moduleId: 'material-dialog-layout' },
 );
 
 registerStyles(
@@ -124,5 +124,5 @@ registerStyles(
       animation: 0.25s material-overlay-dummy-animation;
     }
   `,
-  { moduleId: 'material-crud-dialog-overlay' }
+  { moduleId: 'material-crud-dialog-overlay' },
 );

package/theme/vaadin-dialog-layout-overlay-styles.js

@@ -41,5 +41,5 @@ registerStyles(
       }
     }
   `,
-  { moduleId: 'vaadin-dialog-layout-overlay' }
+  { moduleId: 'vaadin-dialog-layout-overlay' },
 );