@nanoporetech-digital/components 2.14.0 → 2.14.2

package/dist/custom-elements/index.js

@@ -13266,9 +13266,16 @@ let FieldValidator = class extends H {
       // field update has come programmatically (not from ui),
       // so let's update the underlying ui field
       if (found &&
+        (found.tagName === 'NANO-CHECKBOX' ||
+          ['radio', 'checkbox'].includes(found.type))) {
+        // it's a cb - always change
+        this.storeToFields([found]);
+      }
+      else if (found &&
         ((found.tagName === 'NANO-FILE-UPLOAD' &&
           !this.fileStateEqual(key, found)) ||
           (found.tagName !== 'NANO-FILE-UPLOAD' && found.value !== newVal))) {
+        // not a cb. Only change if value is different
         this.storeToFields([found]);
       }
       if (this.validateOn === 'dirty' && this.dirty) {
@@ -13478,9 +13485,7 @@ let FieldValidator = class extends H {
    */
   async setStore(state) {
     Object.entries(state).forEach(([key, val]) => {
-      const found = this.allFields.find((field) => this.getName(field) === key);
-      if (found)
-        this.store.state[key] = val;
+      this.store.state[key] = val;
     });
   }
   /**
@@ -13554,29 +13559,35 @@ let FieldValidator = class extends H {
         return;
       if (field.tagName === 'NANO-CHECKBOX' ||
         ['radio', 'checkbox'].includes(field.type)) {
-        let cb = field;
-        if (cb.type === 'radio' ||
-          cb.type === 'segment' ||
-          cb.type === 'segment-pill') {
+        let cbs = this.allFields.filter((f) => this.getName(field) === this.getName(f));
+        if (cbs[0].type === 'radio' ||
+          cbs[0].type === 'segment' ||
+          cbs[0].type === 'segment-pill') {
           // single radio type control
-          if (this._store.state[fieldName] === cb.value)
-            cb.checked = true;
-          else
-            cb.checked = false;
+          cbs.forEach((cb) => {
+            if (this._store.state[fieldName] === cb.value)
+              cb.checked = true;
+            else
+              cb.checked = false;
+          });
         }
         else if (Array.isArray(this._store.state[fieldName])) {
           // multiple checkbox like controls
-          if (this._store.state[fieldName].includes(cb.value))
-            cb.checked = true;
-          else
-            cb.checked = false;
+          cbs.forEach((cb) => {
+            if (this._store.state[fieldName].includes(cb.value))
+              cb.checked = true;
+            else
+              cb.checked = false;
+          });
         }
         else {
           // single checkbox like control
-          if (this._store.state[fieldName] === cb.value)
-            cb.checked = true;
-          else
-            cb.checked = false;
+          cbs.forEach((cb) => {
+            if (this._store.state[fieldName] === cb.value)
+              cb.checked = true;
+            else
+              cb.checked = false;
+          });
         }
         return;
       }
@@ -18763,6 +18774,8 @@ let Select = class extends H {
     /** nano-dropdown config options you can pass to the nested dropdown component */
     this.dropDownConfig = {};
     this.customValidate = () => {
+      if (!this.nativeSelect)
+        return;
       this.nativeSelect.setCustomValidity('');
       // add custom validations 'cos html5 validations are a bit rubbish on selects
       if (this.required && !this.valArray.length) {