@govtechsg/sgds-web-component 3.1.0-rc.3 → 3.1.0-rc.5

package/components/Checkbox/index.umd.js

@@ -4631,6 +4631,7 @@
       constructor(host, options) {
           (this.host = host).addController(this);
           this._internals = this.host.attachInternals();
+          console.log(this._internals, "what internals");
           this.options = Object.assign({ setInvalid: (host, value) => {
                   host.invalid = value;
               }, value: (host) => {
@@ -5145,6 +5146,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,13 +5248,6 @@
           this.input.value = this.value;
           this.input.dispatchEvent(new InputEvent(eventName));
       }
-      firstUpdated(changedProperties) {
-          super.firstUpdated(changedProperties);
-          if (this.value) {
-              this._updateInputValue();
-          }
-          console.log(this.input, "adding this to check checkbox group input");
-      }
       render() {
           return html `
       <fieldset>
@@ -5303,7 +5306,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()