@vaadin/crud 23.1.13 → 23.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/crud",
-  "version": "23.1.13",
+  "version": "23.1.15",
   "publishConfig": {
     "access": "public"
   },
@@ -36,22 +36,22 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "~23.1.13",
-    "@vaadin/component-base": "~23.1.13",
-    "@vaadin/confirm-dialog": "~23.1.13",
-    "@vaadin/dialog": "~23.1.13",
-    "@vaadin/form-layout": "~23.1.13",
-    "@vaadin/grid": "~23.1.13",
-    "@vaadin/text-field": "~23.1.13",
+    "@vaadin/button": "~23.1.15",
+    "@vaadin/component-base": "~23.1.15",
+    "@vaadin/confirm-dialog": "~23.1.15",
+    "@vaadin/dialog": "~23.1.15",
+    "@vaadin/form-layout": "~23.1.15",
+    "@vaadin/grid": "~23.1.15",
+    "@vaadin/text-field": "~23.1.15",
     "@vaadin/vaadin-license-checker": "^2.1.0",
-    "@vaadin/vaadin-lumo-styles": "~23.1.13",
-    "@vaadin/vaadin-material-styles": "~23.1.13",
-    "@vaadin/vaadin-themable-mixin": "~23.1.13"
+    "@vaadin/vaadin-lumo-styles": "~23.1.15",
+    "@vaadin/vaadin-material-styles": "~23.1.15",
+    "@vaadin/vaadin-themable-mixin": "~23.1.15"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "f1000c776f3644ed1968b7095ad59a65b1e306ff"
+  "gitHead": "7fa99efa093589baee54b78c615a67ac949699af"
 }

package/src/vaadin-crud.d.ts

@@ -153,11 +153,14 @@ export type CrudEventMap<T> = CrudCustomEventMap<T> & HTMLElementEventMap;
  *
  * Alternatively you can fully configure the component by using `slot` names.
  *
- * Slot name | Description
- * ----------------|----------------
- * `grid` | To replace the auto-generated grid with a custom one.
- * `form` | To replace the auto-generated form.
- * `toolbar` | To replace the toolbar content. Add an element with the attribute `new-button` for the new item action.
+ * Slot name      | Description
+ * ---------------|----------------
+ * `grid`         | To replace the auto-generated grid with a custom one.
+ * `form`         | To replace the auto-generated form.
+ * `save-button`  | To replace the "Save" button.
+ * `cancel-button`| To replace the "Cancel" button.
+ * `delete-button`| To replace the "Delete" button.
+ * `toolbar`      | To replace the toolbar content. Add an element with the attribute `new-button` for the new item action.
  *
  * #### Example:
  *
@@ -182,6 +185,10 @@ export type CrudEventMap<T> = CrudCustomEventMap<T> & HTMLElementEventMap;
  *     Total singers: [[size]]
  *     <button new-button>New singer</button>
  *   </div>
+ *
+ *   <button slot="save-button">Save changes</button>
+ *   <button slot="cancel-button">Discard changes</button>
+ *   <button slot="delete-button">Delete singer</button>
  * </vaadin-crud>
  * ```
  * ```js

package/src/vaadin-crud.js

@@ -57,11 +57,14 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
  *
  * Alternatively you can fully configure the component by using `slot` names.
  *
- * Slot name | Description
- * ----------------|----------------
- * `grid` | To replace the auto-generated grid with a custom one.
- * `form` | To replace the auto-generated form.
- * `toolbar` | To replace the toolbar content. Add an element with the attribute `new-button` for the new item action.
+ * Slot name      | Description
+ * ---------------|----------------
+ * `grid`         | To replace the auto-generated grid with a custom one.
+ * `form`         | To replace the auto-generated form.
+ * `save-button`  | To replace the "Save" button.
+ * `cancel-button`| To replace the "Cancel" button.
+ * `delete-button`| To replace the "Delete" button.
+ * `toolbar`      | To replace the toolbar content. Add an element with the attribute `new-button` for the new item action.
  *
  * #### Example:
  *
@@ -86,6 +89,10 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
  *     Total singers: [[size]]
  *     <button new-button>New singer</button>
  *   </div>
+ *
+ *   <button slot="save-button">Save changes</button>
+ *   <button slot="cancel-button">Discard changes</button>
+ *   <button slot="delete-button">Delete singer</button>
  * </vaadin-crud>
  * ```
  * ```js
@@ -940,7 +947,12 @@ class Crud extends SlotMixin(ControllerMixin(ElementMixin(ThemableMixin(PolymerE
     if (form) {
       form.include = include;
       form.exclude = exclude;
-      form.setAttribute('theme', theme);
+
+      if (theme) {
+        form.setAttribute('theme', theme);
+      } else {
+        form.removeAttribute('theme');
+      }
     }
   }