@govtechsg/sgds-web-component 3.20.0-rc.1 → 3.20.0-rc.3

package/custom-elements.json

@@ -5765,6 +5765,17 @@
                 "module": "src/base/dropdown-element.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the datepicker.",
+              "attribute": "noValidate",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "value",
@@ -5909,6 +5920,17 @@
               "default": "\"\"",
               "description": "Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element."
             },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the component as invalid. Replace the pseudo :invalid selector.",
+              "attribute": "invalid",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "view",
@@ -6007,6 +6029,56 @@
               "description": "Checks for validity without any native error popup message",
               "type": {}
             },
+            {
+              "kind": "method",
+              "name": "setInvalid",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "bool",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Programmatically sets the invalid state of the datepicker.\nUse together with `noValidate` (or `novalidate` on the parent `<form>`) and `invalidFeedback`\nto integrate 3rd-party or custom validation logic.",
+              "type": {}
+            },
+            {
+              "kind": "method",
+              "name": "setValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "flags",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags"
+                  }
+                },
+                {
+                  "name": "message",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "anchor",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Checks for validity without any native error popup message",
+              "type": {}
+            },
             {
               "kind": "field",
               "name": "validity",
@@ -6496,6 +6568,16 @@
               "name": "sgds-change-date",
               "reactName": "onSgdsChangeDate"
             },
+            {
+              "description": "Emitted when the combo box's invalid state is set to true.",
+              "name": "sgds-invalid",
+              "reactName": "onSgdsInvalid"
+            },
+            {
+              "description": "Emitted when the combo box's invalid state is set to false.",
+              "name": "sgds-valid",
+              "reactName": "onSgdsValid"
+            },
             {
               "description": "Emitted event when show instance is called",
               "name": "sgds-show",
@@ -6564,6 +6646,15 @@
                 "module": "src/base/dropdown-element.ts"
               }
             },
+            {
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the datepicker.",
+              "fieldName": "noValidate"
+            },
             {
               "name": "value",
               "type": {
@@ -6662,6 +6753,15 @@
               "description": "The drop position of menu relative to the toggle button",
               "fieldName": "drop"
             },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the component as invalid. Replace the pseudo :invalid selector.",
+              "fieldName": "invalid"
+            },
             {
               "name": "floatingOpts",
               "type": {
@@ -22300,7 +22400,8 @@
               },
               "default": "\"horizontal\"",
               "description": "Defines the placement of headers in the table.\nUse \"horizontal\" for top headers only, \"vertical\" for left headers only,\nor \"both\" for both row and column headers.",
-              "attribute": "headerPosition"
+              "attribute": "headerPosition",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -22310,7 +22411,8 @@
               },
               "default": "false",
               "description": "Enables background styling on horizontal header rows.\nWhen true, applies background color to header cells for better visual distinction.",
-              "attribute": "headerBackground"
+              "attribute": "headerBackground",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -22320,7 +22422,8 @@
               },
               "default": "false",
               "description": "Enables borders around table cells.\nWhen true, displays visible borders between all table cells.",
-              "attribute": "tableBorder"
+              "attribute": "tableBorder",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -22330,7 +22433,8 @@
               },
               "default": "\"auto\"",
               "description": "Controls the CSS `table-layout` algorithm.\nUse \"auto\" to let the browser size columns based on content, or \"fixed\" to distribute column widths evenly regardless of content.",
-              "attribute": "layout"
+              "attribute": "layout",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -27323,7 +27427,7 @@
   "package": {
     "name": "@govtechsg/sgds-web-component",
     "description": "",
-    "version": "3.20.0-rc.1",
+    "version": "3.20.0-rc.3",
     "author": "GovTechSG",
     "license": "MIT"
   }