@nanoporetech-digital/components 8.3.2 → 8.4.1

package/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-08-19T09:43:06",
+  "timestamp": "2025-08-21T14:59:25",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.36.1",
@@ -23,16 +23,46 @@
         }
       ],
       "usage": {},
-      "props": [],
+      "props": [
+        {
+          "name": "alwaysOpen",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "always-open",
+          "reflectToAttr": false,
+          "docs": "Force one details element to always be open",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
       "methods": [],
       "events": [
         {
           "event": "nanoToggle",
-          "detail": "HTMLNanoDetailsElement",
+          "detail": "{ element: HTMLNanoDetailsElement; index: number; }",
           "bubbles": true,
           "complexType": {
-            "original": "HTMLNanoDetailsElement",
-            "resolved": "HTMLNanoDetailsElement",
+            "original": "{\n    element: HTMLNanoDetailsElement;\n    index: number;\n  }",
+            "resolved": "{ element: HTMLNanoDetailsElement; index: number; }",
             "references": {
               "HTMLNanoDetailsElement": {
                 "location": "global",
@@ -61,9 +91,15 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "nano-step-accordion"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "nano-step-accordion": [
+          "nano-accordion"
+        ]
+      }
     },
     {
       "filePath": "src/components/alert/alert.tsx",
@@ -3322,7 +3358,7 @@
             "references": {
               "Breadcrumb": {
                 "location": "local",
-                "path": "/builds/x6knoJK1/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
+                "path": "/builds/QrfEi4pt/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
                 "id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
               }
             }
@@ -8779,11 +8815,15 @@
         },
         {
           "name": "part",
-          "text": "body - the wrapper around content"
+          "text": "body - the main body block"
+        },
+        {
+          "name": "part",
+          "text": "content-wrapper - the wrapper around the content"
         },
         {
           "name": "part",
-          "text": "content - the main content wrapper"
+          "text": "content - the main content"
         }
       ],
       "usage": {},
@@ -9039,11 +9079,15 @@
         },
         {
           "name": "body",
-          "docs": "the wrapper around content"
+          "docs": "the main body block"
         },
         {
           "name": "content",
-          "docs": "the main content wrapper"
+          "docs": "the main content"
+        },
+        {
+          "name": "content-wrapper",
+          "docs": "the wrapper around the content"
         },
         {
           "name": "header",
@@ -9067,7 +9111,8 @@
         }
       ],
       "dependents": [
-        "nano-in-page-nav"
+        "nano-in-page-nav",
+        "nano-step-accordion"
       ],
       "dependencies": [
         "nano-icon"
@@ -9078,6 +9123,9 @@
         ],
         "nano-in-page-nav": [
           "nano-details"
+        ],
+        "nano-step-accordion": [
+          "nano-details"
         ]
       }
     },
@@ -10974,7 +11022,8 @@
         "nano-datalist",
         "nano-date-input",
         "nano-global-nav",
-        "nano-input"
+        "nano-input",
+        "nano-step-breadcrumb"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -10992,6 +11041,9 @@
         ],
         "nano-input": [
           "nano-dropdown"
+        ],
+        "nano-step-breadcrumb": [
+          "nano-dropdown"
         ]
       }
     },
@@ -12592,6 +12644,10 @@
           "name": "slot",
           "text": "top-end_content - The content for the top right (links) section."
         },
+        {
+          "name": "slot",
+          "text": "middle-centre - The content for the middle centre (socials) section."
+        },
         {
           "name": "slot",
           "text": "middle-end - The content for the middle end (certifications) section."
@@ -12632,6 +12688,10 @@
           "name": "bottom-start",
           "docs": "The content for the bottom left section (copyright notice - optional)."
         },
+        {
+          "name": "middle-centre",
+          "docs": "The content for the middle centre (socials) section."
+        },
         {
           "name": "middle-end",
           "docs": "The content for the middle end (certifications) section."
@@ -13008,7 +13068,7 @@
           "mutable": true,
           "attr": "my-account-data",
           "reflectToAttr": false,
-          "docs": "MyAccount data automatically set via `myAccountUrl`.\nAlternatively you can directly provide a JSON object which is useful for SSR\n(ref https://myaccount.nanoporetech.com/nav_bar_data.json)",
+          "docs": "MyAccount data is automatically set via `myAccountUrl`.\nAlternatively you can directly provide a JSON object which is useful for SSR\n(ref https://myaccount.nanoporetech.com/nav_bar_data.json)",
           "docsTags": [],
           "values": [
             {
@@ -14736,7 +14796,8 @@
         "nano-menu-drawer",
         "nano-option",
         "nano-select",
-        "nano-split-pane"
+        "nano-split-pane",
+        "nano-step-breadcrumb"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -14784,6 +14845,9 @@
         ],
         "nano-split-pane": [
           "nano-icon"
+        ],
+        "nano-step-breadcrumb": [
+          "nano-icon"
         ]
       }
     },
@@ -18619,7 +18683,8 @@
       ],
       "dependents": [
         "nano-breadcrumb",
-        "nano-datalist"
+        "nano-datalist",
+        "nano-step-breadcrumb"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -18628,6 +18693,9 @@
         ],
         "nano-datalist": [
           "nano-menu"
+        ],
+        "nano-step-breadcrumb": [
+          "nano-menu"
         ]
       }
     },
@@ -19525,12 +19593,16 @@
         }
       ],
       "dependents": [
-        "nano-breadcrumb"
+        "nano-breadcrumb",
+        "nano-step-breadcrumb"
       ],
       "dependencies": [],
       "dependencyGraph": {
         "nano-breadcrumb": [
           "nano-nav-item"
+        ],
+        "nano-step-breadcrumb": [
+          "nano-nav-item"
         ]
       }
     },
@@ -25078,6 +25150,268 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/step-accordion/step-accordion.tsx",
+      "encapsulation": "shadow",
+      "tag": "nano-step-accordion",
+      "readme": "# nano-step-accordion\n\n\n",
+      "docs": "Presents an accordion interface for a multi-step process,\nallowing users to see their progress and navigate back to completed steps.",
+      "docsTags": [
+        {
+          "name": "version",
+          "text": "8.4.0"
+        },
+        {
+          "name": "status",
+          "text": "new"
+        },
+        {
+          "name": "slot",
+          "text": "- Dynamic slots. Use `slot=\"step-0\"`, `slot=\"step-1\"`, etc. for each step."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "activeStep",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "active-step",
+          "reflectToAttr": false,
+          "docs": "The currently active step, zero-based index",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "steps",
+          "type": "Step[]",
+          "complexType": {
+            "original": "Step[]",
+            "resolved": "Step[]",
+            "references": {
+              "Step": {
+                "location": "global",
+                "id": "global::Step"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "steps",
+          "reflectToAttr": false,
+          "docs": "An array of steps, each with a title, completion status, and enabled state",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "Step[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": true,
+          "setter": true
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "nanoStepActive",
+          "detail": "{ index: number; step: Step; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ index: number; step: Step }",
+            "resolved": "{ index: number; step: Step; }",
+            "references": {
+              "Step": {
+                "location": "global",
+                "id": "global::Step"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the active step changes. Prevent default to cancel the change",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "Dynamic slots. Use `slot=\"step-0\"`, `slot=\"step-1\"`, etc. for each step."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "nano-accordion",
+        "nano-details"
+      ],
+      "dependencyGraph": {
+        "nano-step-accordion": [
+          "nano-accordion",
+          "nano-details"
+        ],
+        "nano-details": [
+          "nano-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/step-breadcrumb/step-breadcrumb.tsx",
+      "encapsulation": "shadow",
+      "tag": "nano-step-breadcrumb",
+      "readme": "# nano-step-breadcrumb\n\n\n",
+      "docs": "Presents a breadcrumb navigation for steps in a process, allowing users to see their progress and navigate back to completed steps.",
+      "docsTags": [
+        {
+          "name": "version",
+          "text": "8.4.0"
+        },
+        {
+          "name": "status",
+          "text": "new"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "activeStep",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "active-step",
+          "reflectToAttr": false,
+          "docs": "The currently active step, zero-based index",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "steps",
+          "type": "Step[]",
+          "complexType": {
+            "original": "Step[]",
+            "resolved": "Step[]",
+            "references": {
+              "Step": {
+                "location": "global",
+                "id": "global::Step"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "steps",
+          "reflectToAttr": false,
+          "docs": "An array of steps, each with a title, completion status, and enabled state",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "Step[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": true,
+          "setter": true
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "nanoStepActive",
+          "detail": "{ step: Step; index: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{\n    step: Step;\n    index: number;\n  }",
+            "resolved": "{ step: Step; index: number; }",
+            "references": {
+              "Step": {
+                "location": "global",
+                "id": "global::Step"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the active step changes. Prevent default to cancel the change",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [
+        {
+          "name": "--background",
+          "annotation": "prop",
+          "docs": "the background color of the step breadcrumb. Defaults to var(--nano-color-base-0)."
+        }
+      ],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "nano-dropdown",
+        "nano-icon",
+        "nano-menu",
+        "nano-nav-item"
+      ],
+      "dependencyGraph": {
+        "nano-step-breadcrumb": [
+          "nano-dropdown",
+          "nano-icon",
+          "nano-menu",
+          "nano-nav-item"
+        ]
+      }
+    },
     {
       "filePath": "src/components/sticker/sticker.tsx",
       "encapsulation": "shadow",

package/docs-vscode.json

@@ -7,7 +7,12 @@
         "kind": "markdown",
         "value": "Groups multiple details elements together, allowing only one to be open at a time."
       },
-      "attributes": []
+      "attributes": [
+        {
+          "name": "always-open",
+          "description": "Force one details element to always be open"
+        }
+      ]
     },
     {
       "name": "nano-alert",
@@ -2022,7 +2027,7 @@
         },
         {
           "name": "my-account-data",
-          "description": "MyAccount data automatically set via `myAccountUrl`.\nAlternatively you can directly provide a JSON object which is useful for SSR\n(ref https://myaccount.nanoporetech.com/nav_bar_data.json)"
+          "description": "MyAccount data is automatically set via `myAccountUrl`.\nAlternatively you can directly provide a JSON object which is useful for SSR\n(ref https://myaccount.nanoporetech.com/nav_bar_data.json)"
         },
         {
           "name": "my-account-url",
@@ -3458,6 +3463,40 @@
         }
       ]
     },
+    {
+      "name": "nano-step-accordion",
+      "description": {
+        "kind": "markdown",
+        "value": "Presents an accordion interface for a multi-step process,\nallowing users to see their progress and navigate back to completed steps."
+      },
+      "attributes": [
+        {
+          "name": "active-step",
+          "description": "The currently active step, zero-based index"
+        },
+        {
+          "name": "steps",
+          "description": "An array of steps, each with a title, completion status, and enabled state"
+        }
+      ]
+    },
+    {
+      "name": "nano-step-breadcrumb",
+      "description": {
+        "kind": "markdown",
+        "value": "Presents a breadcrumb navigation for steps in a process, allowing users to see their progress and navigate back to completed steps."
+      },
+      "attributes": [
+        {
+          "name": "active-step",
+          "description": "The currently active step, zero-based index"
+        },
+        {
+          "name": "steps",
+          "description": "An array of steps, each with a title, completion status, and enabled state"
+        }
+      ]
+    },
     {
       "name": "nano-sticker",
       "description": {