@govtechsg/sgds-web-component 3.1.0-rc.2 → 3.1.0-rc.4

package/components/Checkbox/index.umd.js

@@ -5145,6 +5145,15 @@
               this._isTouched = true;
           });
       }
+      firstUpdated(changedProperties) {
+          super.firstUpdated(changedProperties);
+          if (this.value) {
+              this._updateInputValue();
+          }
+          console.log(this.input, "adding this to check checkbox group input");
+          console.log(this.input.validity, "adding this to check checkbox group input");
+          console.log(this.inputValidationController, "inputValidtionController");
+      }
       _renderHintText() {
           const hintTextTemplate = html ` <div class="form-text">${this.hintText}</div> `;
           return this.hintText && hintTextTemplate;
@@ -5238,12 +5247,6 @@
           this.input.value = this.value;
           this.input.dispatchEvent(new InputEvent(eventName));
       }
-      firstUpdated(changedProperties) {
-          super.firstUpdated(changedProperties);
-          if (this.value) {
-              this._updateInputValue();
-          }
-      }
       render() {
           return html `
       <fieldset>
@@ -5256,9 +5259,7 @@
         </div>
         <input
           type="text"
-          class="checkbox-group-validation-input ${classMap({
-            "is-invalid": this.hasFeedback && this.invalid
-        })}"
+          class="checkbox-group-validation-input"
           ?required=${this.required}
           tabindex="-1"
           @change=${(e) => {
@@ -5278,7 +5279,7 @@
                   </svg>
                 </slot>
                 <div id="checkbox-feedback" tabindex="0" class="invalid-feedback">
-                  ${this.invalidFeedback ? this.invalidFeedback : this.validationMessage}
+                  ${this.invalidFeedback ? this.invalidFeedback : this.input.validationMessage}
                 </div>
               </div>
             `
@@ -5288,12 +5289,6 @@
       }
   }
   SgdsCheckboxGroup.styles = [...SgdsElement.styles, css_248z$6, css_248z$4, css_248z, css_248z$5];
-  __decorate([
-      queryAssignedElements({ flatten: true })
-  ], SgdsCheckboxGroup.prototype, "checkboxes", void 0);
-  __decorate([
-      queryAsync("slot")
-  ], SgdsCheckboxGroup.prototype, "checkboxesAsync", void 0);
   __decorate([
       property({ reflect: true })
   ], SgdsCheckboxGroup.prototype, "label", void 0);
@@ -5310,7 +5305,7 @@
       property({ type: Boolean, reflect: true })
   ], SgdsCheckboxGroup.prototype, "required", void 0);
   __decorate([
-      property({ type: String, reflect: true })
+      property({ reflect: true })
   ], SgdsCheckboxGroup.prototype, "value", void 0);
   __decorate([
       state()