saasufy-components 1.6.0 → 1.7.1

package/collection-browser.js

@@ -155,12 +155,19 @@ class CollectionBrowser extends SocketConsumer {
 
     let itemTemplate = this.shadowRoot.querySelector('slot[name="item"]').assignedNodes()[0];
     let noItemTemplate = this.shadowRoot.querySelector('slot[name="no-item"]').assignedNodes()[0];
+    let firstItemTemplate = this.shadowRoot.querySelector('slot[name="first-item"]').assignedNodes()[0];
+    let lastItemTemplate = this.shadowRoot.querySelector('slot[name="last-item"]').assignedNodes()[0];
 
+    let items = [];
+
+    if (firstItemTemplate) {
+      items.push(firstItemTemplate.innerHTML);
+    }
     if (noItemTemplate && !this.collection.value.length) {
-      viewportNode.innerHTML = noItemTemplate.innerHTML;
+      items.push(noItemTemplate.innerHTML);
     } else if (itemTemplate) {
       let type = this.getAttribute('type-alias') || this.collection.type;
-      let items = [];
+
       for (let modelItem of this.collection.value) {
         let itemString = renderTemplate(
           itemTemplate.innerHTML,
@@ -168,8 +175,11 @@ class CollectionBrowser extends SocketConsumer {
         );
         items.push(itemString);
       }
-      viewportNode.innerHTML = items.join('');
     }
+    if (lastItemTemplate) {
+      items.push(lastItemTemplate.innerHTML);
+    }
+    viewportNode.innerHTML = items.join('');
   }
 
   render() {
@@ -204,6 +214,8 @@ class CollectionBrowser extends SocketConsumer {
     this.shadowRoot.innerHTML = `
       <slot name="item"></slot>
       <slot name="no-item"></slot>
+      <slot name="first-item"></slot>
+      <slot name="last-item"></slot>
       <slot name="viewport"></slot>
       <slot name="previous-page"></slot>
       <slot name="page-number"></slot>

package/model-input.js

@@ -171,7 +171,8 @@ class ModelInput extends SocketConsumer {
       if (inputElement.type === 'checkbox') {
         inputElement.checked = !!fieldValue;
       } else {
-        inputElement.value = fieldValue == null ? '' : fieldValue;
+        let defaultValue = this.getAttribute('default-value') || '';
+        inputElement.value = fieldValue == null ? defaultValue : fieldValue;
       }
     }
     let stopSaving = this.saveInputElementOnEdit(inputElement, model, fieldName, messageContainerElement);
@@ -181,9 +182,10 @@ class ModelInput extends SocketConsumer {
         if (event.resourceField !== fieldName || !event.isRemote) continue;
         let fieldValue = model.value[fieldName];
         if (inputElement.type === 'checkbox') {
-          inputElement.checked = fieldValue;
+          inputElement.checked = !!fieldValue;
         } else {
-          inputElement.value = fieldValue == null ? '' : fieldValue;
+          let defaultValue = this.getAttribute('default-value') || '';
+          inputElement.value = fieldValue == null ? defaultValue : fieldValue;
         }
       }
     })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "saasufy-components",
-  "version": "1.6.0",
+  "version": "1.7.1",
   "description": "Components for Saasufy.",
   "main": "index.js",
   "scripts": {