saasufy-components 6.0.0 → 6.0.2

package/README.md

@@ -692,7 +692,7 @@ This component can be configured to provide its data to multiple components (con
 - `autocapitalize`: Can be `on` or `off` - It will set the auto-capitalize attribute on the inner input element. This is useful for mobile devices to enable or disable auto-capitalization of the first character which is typed into the input element.
 - `autocorrect`: Can be `on` or `off` - It will set the auto-correct attribute on the inner input element. This is useful for mobile devices to enable or disable auto-correct.
 - `input-props`: Can be used to set additional attributes on the inner `input` element. Must be in the format `attr1=value1,attr2=value2`.
-- `force-init-change`: This attribute can be used to ensure that an `input-provider` of type `select` will trigger a change when initialized with a default (non-empty option). By default, the `input-provider` does not trigger a change when initialized with a default value.
+- `skip-init-change`: This attribute can be used to prevent an `input-provider` of type `select` from triggering a change when initialized with a default option. By default, the `input-provider` will trigger a change when initialized with a default value.
 
 ### input-combiner
 

package/collection-reducer.js

@@ -138,6 +138,7 @@ class CollectionReducer extends SocketConsumer {
 
   renderReduction() {
     let viewportSlot = this.shadowRoot.querySelector('slot[name="viewport"]');
+    if (!viewportSlot) return;
 
     let viewportNode = viewportSlot.assignedNodes()[0];
     if (!viewportNode) return;
@@ -176,11 +177,19 @@ class CollectionReducer extends SocketConsumer {
   }
 
   render() {
+    if (
+      !this.hasAttribute('collection-type') ||
+      !this.hasAttribute('collection-fields') ||
+      !this.hasAttribute('collection-view') ||
+      !this.getAttribute('collection-view-params')
+    ) {
+      return;
+    };
     let collectionType = this.getAttribute('collection-type');
     let collectionFields = this.getAttribute('collection-fields') || '';
-    let collectionView = this.getAttribute('collection-view');
-    let collectionPageSize = this.getAttribute('collection-page-size');
+    let collectionView = this.getAttribute('collection-view') || 'defaultView';
     let collectionViewParams = this.getAttribute('collection-view-params') || '';
+    let collectionPageSize = this.getAttribute('collection-page-size');
     let collectionPageOffset = this.getAttribute('collection-page-offset');
     let collectionGetCount = this.hasAttribute('collection-get-count');
     let hideErrorLogs = this.hasAttribute('hide-error-logs');

package/collection-viewer.js

@@ -201,6 +201,7 @@ class CollectionViewer extends SocketConsumer {
 
   renderList() {
     let viewportSlot = this.shadowRoot.querySelector('slot[name="viewport"]');
+    if (!viewportSlot) return;
 
     let viewportNode = viewportSlot.assignedNodes()[0];
     if (!viewportNode) return;
@@ -271,12 +272,20 @@ class CollectionViewer extends SocketConsumer {
   }
 
   render() {
+    if (
+      !this.hasAttribute('collection-type') ||
+      !this.hasAttribute('collection-fields') ||
+      !this.hasAttribute('collection-view') ||
+      !this.getAttribute('collection-view-params')
+    ) {
+      return;
+    };
     let collectionType = this.getAttribute('collection-type');
     let collectionFields = this.getAttribute('collection-fields') || '';
     let collectionView = this.getAttribute('collection-view') || 'defaultView';
-    let collectionPageSize = this.getAttribute('collection-page-size');
     let collectionViewParams = this.getAttribute('collection-view-params') || '';
     let collectionViewPrimaryFields = this.getAttribute('collection-view-primary-fields');
+    let collectionPageSize = this.getAttribute('collection-page-size');
     let collectionPageOffset = this.getAttribute('collection-page-offset');
     let collectionGetCount = this.hasAttribute('collection-get-count');
     let hideErrorLogs = this.hasAttribute('hide-error-logs');

package/input-provider.js

@@ -194,7 +194,7 @@ class InputProvider extends HTMLElement {
     let destroyHandlers = this.updateConsumerElementsOnEdit();
 
     if (value) {
-      if (this.hasAttribute('force-init-change')) {
+      if (type === 'select' && !this.hasAttribute('skip-init-change')) {
         this.forceTriggerChange = true;
       }
       this.value = value;

package/model-input.js

@@ -105,6 +105,13 @@ class ModelInput extends SocketConsumer {
   }
 
   render() {
+    if (
+      !this.hasAttribute('model-type') ||
+      !this.hasAttribute('model-id') ||
+      !this.hasAttribute('model-field')
+    ) {
+      return;
+    };
     this.innerHTML = '';
     let socketInstanceProperty = this.getAttribute('socket-instance-property');
     let showErrorMessage = this.hasAttribute('show-error-message');

package/model-text.js

@@ -47,6 +47,13 @@ class ModelText extends SocketConsumer {
   }
 
   render() {
+    if (
+      !this.hasAttribute('model-type') ||
+      !this.hasAttribute('model-id') ||
+      !this.hasAttribute('model-field')
+    ) {
+      return;
+    };
     this.innerHTML = '';
     let socketInstanceProperty = this.getAttribute('socket-instance-property');
     let modelType = this.getAttribute('model-type');

package/model-viewer.js

@@ -54,6 +54,7 @@ class ModelViewer extends SocketConsumer {
 
   renderItem() {
     let viewportSlot = this.shadowRoot.querySelector('slot[name="viewport"]');
+    if (!viewportSlot) return;
 
     let viewportNode = viewportSlot.assignedNodes()[0];
     if (!viewportNode) return;
@@ -89,6 +90,13 @@ class ModelViewer extends SocketConsumer {
   }
 
   render() {
+    if (
+      !this.hasAttribute('model-type') ||
+      !this.hasAttribute('model-id') ||
+      !this.hasAttribute('model-fields')
+    ) {
+      return;
+    };
     let socketInstanceProperty = this.getAttribute('socket-instance-property');
     let modelType = this.getAttribute('model-type');
     let modelId = this.getAttribute('model-id');

package/package.json

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