@nanoporetech-digital/components 2.9.0 → 2.11.0

package/docs-vscode.json

@@ -407,6 +407,10 @@
           "name": "disabled",
           "description": "If `true`, the user cannot interact with the checkbox."
         },
+        {
+          "name": "form",
+          "description": "The form element to associate the input with (its form owner). Must be the id of a form."
+        },
         {
           "name": "indeterminate",
           "description": "If `true`, the checkbox will visually appear as indeterminate (only relevant for type=\"checkbox\")"
@@ -448,6 +452,10 @@
             }
           ]
         },
+        {
+          "name": "validity-message",
+          "description": "Current validation message - if any. @readonly"
+        },
         {
           "name": "value",
           "description": "The value of a checkbox is analogous to the value of an `<input type='checkbox'>`,\nit's only present when `checked` is true."
@@ -499,6 +507,10 @@
               "name": "submitThenDirty"
             }
           ]
+        },
+        {
+          "name": "validity-message",
+          "description": "Current validation message - if any. @readonly"
         }
       ]
     },
@@ -703,6 +715,10 @@
             }
           ]
         },
+        {
+          "name": "validity-message",
+          "description": "Current validation message - if any. @readonly"
+        },
         {
           "name": "value",
           "description": "Current value. Must be in IS0-8601 format: YYYY-MM-DD."
@@ -836,6 +852,10 @@
         "value": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention."
       },
       "attributes": [
+        {
+          "name": "hoist",
+          "description": "Relocate the dialog to the root of the DOM. Useful for elements bound via css `transform: ...`"
+        },
         {
           "name": "label",
           "description": "The dialog's label as displayed in the header. You should always include a relevant\nlabel even when using `no-header`, as it is required for proper accessibility."
@@ -1043,6 +1063,46 @@
         }
       ]
     },
+    {
+      "name": "nano-field-validator",
+      "description": {
+        "kind": "markdown",
+        "value": "A toolbox for `nano-...` form fields and form validation.\n\n- Easy to add validation accross field dependencies - e.g. \"When Field1 contains '123' Field2 must contain '456'\"\n- Easy access to whole form and individual field validity states\n- Easy access to form data payload\n- Scroll to invalid field on submit"
+      },
+      "attributes": [
+        {
+          "name": "dirty",
+          "description": "Returns true if any nested fields have been changed @readonly"
+        },
+        {
+          "name": "scroll-to-invalid",
+          "description": "Tries to scroll to the first invalid field on submit"
+        },
+        {
+          "name": "show-validation",
+          "description": "Returns true if validation errors will be displayed to the user"
+        },
+        {
+          "name": "valid",
+          "description": "Returns true if all the nested fields are currently valid @readonly"
+        },
+        {
+          "name": "validate-on",
+          "description": "When should the fields perform validation. Will override / sync all nested `nano-...` controls",
+          "values": [
+            {
+              "name": "dirty"
+            },
+            {
+              "name": "submit"
+            },
+            {
+              "name": "submitThenDirty"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "nano-file-upload",
       "description": {
@@ -1074,6 +1134,10 @@
           "name": "disabled",
           "description": "If `true`, the user cannot interact with the select."
         },
+        {
+          "name": "form",
+          "description": "The form element to associate with this input (its form owner). Must be the id of a form."
+        },
         {
           "name": "hide-label",
           "description": "Visually hide the label - but make it accessible."
@@ -1125,6 +1189,10 @@
             }
           ]
         },
+        {
+          "name": "validity-message",
+          "description": "Current validation message - if any. @readonly"
+        },
         {
           "name": "value",
           "description": "A file input's value attribute contains a DOMString that represents the path to the selected file(s).\nIf the user selected multiple files, the value represents the first file in the list of files they selected.\nYou can reset the file-upload control by setting the value to an emptry string e.g. `var input.value = ''`"
@@ -1624,7 +1692,7 @@
         },
         {
           "name": "form",
-          "description": "The form element to associate the select with (its form owner). Must be the id of a form."
+          "description": "The form element to associate the input with (its form owner). Must be the id of a form."
         },
         {
           "name": "hide-label",
@@ -1798,6 +1866,10 @@
             }
           ]
         },
+        {
+          "name": "validity-message",
+          "description": "Current validation message - if any. @readonly"
+        },
         {
           "name": "value",
           "description": "The value of the input."
@@ -2213,6 +2285,10 @@
             }
           ]
         },
+        {
+          "name": "validity-message",
+          "description": "Current validation message - if any. @readonly"
+        },
         {
           "name": "value",
           "description": "The value of the select."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "2.9.0",
+  "version": "2.11.0",
   "repository": {
     "type": "git",
     "url": "https://git.oxfordnanolabs.local/Digital/nano-components"
@@ -58,13 +58,12 @@
     "@fortawesome/fontawesome-pro": "^5.12.0",
     "@popperjs/core": "^2.4.4",
     "@stencil/core": "npm:@johnjenkins/stencil-community@^2.12.2",
+    "@stencil/store": "^1.5.0",
     "@types/flickity": "^2.2.4",
     "algoliasearch": "^4.1.0",
     "flickity": "^2.2.1",
     "focus-options-polyfill": "^1.4.0",
-    "intersection-observer": "^0.10.0",
     "qs": "^6.9.4",
-    "resize-observer-polyfill": "^1.5.1",
     "scroll-behavior-polyfill": "^2.0.13",
     "squirrelly": "8",
     "stencil-wormhole": "3.2.1"
@@ -127,5 +126,5 @@
   "peerDependencies": {
     "@stencil/core": "^2.5.0"
   },
-  "gitHead": "ff0616c4082cdbbd535e243c43d9fa2ce82e39da"
+  "gitHead": "b60b712f2283dc438a9304db1c94d546fca37806"
 }