saasufy-components 5.0.0 → 5.0.2

package/README.md

@@ -280,11 +280,9 @@ Can also perform basic CRUD operations such as deleting or creating records by l
 >
   <template slot="item">
     <div>
-      <div class="chat-username">
-        <b>{{Chat.username}}</b>
-      </div>
-      <div class="chat-message">{{Chat.message}}</div>
-      <div class="chat-created-at">{{date(Chat.createdAt)}}</div>
+      <div>{{Chat.username}}</div>
+      <div>{{Chat.message}}</div>
+      <div>{{date(Chat.createdAt)}}</div>
     </div>
   </template>
 
@@ -430,7 +428,7 @@ If `confirmDeleteItem()` is used, then the parent `collection-viewer` must have
 >
   <template slot="item">
     <div>
-      <div class="chat-message">{{Product.name}}</div>
+      <div>{{Product.name}}</div>
       <collection-deleter model-id="{{Product.id}}" confirm-message="Are you sure you want to delete the {{Product.name}} product?" onclick="confirmDeleteItem()">&#x2715;</collection-deleter>
     </div>
   </template>
@@ -1028,12 +1026,12 @@ A modal component to prompt the user for confirmation before performing sensitiv
 >
   <template slot="item">
     <div>
-      <div class="chat-message">{{Product.name}}</div>
+      <div>{{Product.name}}</div>
       <collection-deleter model-id="{{Product.id}}" confirm-message="Are you sure you want to delete the {{Product.name}} product?" onclick="confirmDeleteItem()">&#x2715;</collection-deleter>
     </div>
   </template>
 
-  <div slot="viewport" class="chat-viewport"></div>
+  <div slot="viewport"></div>
 
   <!-- The confirm-modal element must be specified here with slot="modal" to prompt the user for confirmation -->
   <confirm-modal slot="modal" title="Delete confirmation" message="" confirm-button-label="Delete"></confirm-modal>

package/collection-adder.js

@@ -289,6 +289,16 @@ class CollectionAdder extends SocketConsumer {
             field
           }"${extraAttributesString} />`
         );
+      } else if (inputType === 'number') {
+        items.push(
+          `<input class="collection-adder-input" type="${
+            inputType
+          }" name="${
+            field
+          }" placeholder="${
+            inputLabel
+          }" step="any"${extraAttributesString} />`
+        );
       } else {
         items.push(
           `<input class="collection-adder-input" type="${

package/input-provider.js

@@ -87,7 +87,8 @@ class InputProvider extends HTMLElement {
       }
       oldValue = this.inputElement.value;
       this.inputElement.value = newValue;
-      if (oldValue !== newValue) {
+      if (oldValue !== newValue || this.forceTriggerChange) {
+        delete this.forceTriggerChange;
         this.triggerChange();
       }
     }
@@ -169,6 +170,11 @@ class InputProvider extends HTMLElement {
       }
     }
 
+    if (type === 'select') {
+      this.forceTriggerChange = true;
+      value = this.inputElement.value;
+    }
+
     this.updateInputClassList(value);
     this.appendChild(this.inputElement);
 

package/package.json

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