@nanoporetech-digital/components 8.0.0-alpha.1 → 8.0.0-alpha.2

package/dist/types/components/more-less/more-less.d.ts

@@ -1,6 +1,9 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 /**
- * A simple component to show more or less elements.
+ * Show more or less from a collection of items.
+ *
+ * @version 6.0.0
+ * @status stable
  *
  * @slot less - a button displayed when all fewer are shown. When clicked will show elements
  * @slot more - a button displayed when all items are shown. When clicked will hide elements

package/dist/types/components/slides/slides-interface.d.ts

@@ -25,7 +25,7 @@ export interface Flickity
   cursorPosition: number;
 }
 
-export interface FlickityOptions extends Options {
+export type FlickityOptions = Options & {
   fullscreen?: boolean;
   fade?: boolean;
 }

package/dist/types/components.d.ts

@@ -286,6 +286,8 @@ export namespace Components {
     /**
      * Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.
      * Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
+     * @version 6.0.0
+     * @status stable
      */
     interface NanoAnimation {
         /**
@@ -1525,6 +1527,10 @@ export namespace Components {
           * @default ''
          */
         "cartUrl": string;
+        /**
+          * Manually close the overflow menu
+         */
+        "closeOverflowMenu": () => Promise<void>;
         /**
           * Url to the Nanopore contact page
           * @default 'https://nanoporetech.com/contact'
@@ -1568,6 +1574,10 @@ export namespace Components {
           * @readonly
          */
         "myAccountUser": MyAccountData['user'];
+        /**
+          * Manually open the overflow menu
+         */
+        "openOverflowMenu": () => Promise<void>;
         /**
           * Algolia search index to search within
           * @default 'All'
@@ -1586,10 +1596,6 @@ export namespace Components {
           * Send the current search term and selected index to a nested `nano-global-search-results`
          */
         "submitSearch": () => Promise<void>;
-        /**
-          * Manually toggle open or close the overflow menu
-         */
-        "toggleOverflowMenu": () => Promise<void>;
     }
     /**
      * Nanopore Global Search results component
@@ -2155,8 +2161,9 @@ export namespace Components {
         "threshold"?: string;
     }
     /**
-     * `masked-overflow` provides a responsive overflow container for any set of elements that might not fit on smaller screens or containers: it accepts any children,
-     * automatically scrolls to the active item on load, and masks additional content using subtle fade effects, plus scroll buttons to cue users that there’s more content off-screen.
+     * A container for content that can horizontally or vertically scroll
+     * @version 4.0.0
+     * @status stable
      */
     interface NanoMaskedOverflow {
         /**
@@ -2277,7 +2284,9 @@ export namespace Components {
         "saveState": boolean;
     }
     /**
-     * A simple component to show more or less elements.
+     * Show more or less from a collection of items.
+     * @version 6.0.0
+     * @status stable
      */
     interface NanoMoreLess {
         /**
@@ -3609,6 +3618,8 @@ declare global {
     /**
      * Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.
      * Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
+     * @version 6.0.0
+     * @status stable
      */
     interface HTMLNanoAnimationElement extends Components.NanoAnimation, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNanoAnimationElementEventMap>(type: K, listener: (this: HTMLNanoAnimationElement, ev: NanoAnimationCustomEvent<HTMLNanoAnimationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4270,8 +4281,9 @@ declare global {
         new (): HTMLNanoIntersectionObserveElement;
     };
     /**
-     * `masked-overflow` provides a responsive overflow container for any set of elements that might not fit on smaller screens or containers: it accepts any children,
-     * automatically scrolls to the active item on load, and masks additional content using subtle fade effects, plus scroll buttons to cue users that there’s more content off-screen.
+     * A container for content that can horizontally or vertically scroll
+     * @version 4.0.0
+     * @status stable
      */
     interface HTMLNanoMaskedOverflowElement extends Components.NanoMaskedOverflow, HTMLStencilElement {
     }
@@ -4316,7 +4328,9 @@ declare global {
         new (): HTMLNanoMenuDrawerElement;
     };
     /**
-     * A simple component to show more or less elements.
+     * Show more or less from a collection of items.
+     * @version 6.0.0
+     * @status stable
      */
     interface HTMLNanoMoreLessElement extends Components.NanoMoreLess, HTMLStencilElement {
     }
@@ -5066,6 +5080,8 @@ declare namespace LocalJSX {
     /**
      * Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.
      * Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
+     * @version 6.0.0
+     * @status stable
      */
     interface NanoAnimation {
         /**
@@ -7013,8 +7029,9 @@ declare namespace LocalJSX {
         "threshold"?: string;
     }
     /**
-     * `masked-overflow` provides a responsive overflow container for any set of elements that might not fit on smaller screens or containers: it accepts any children,
-     * automatically scrolls to the active item on load, and masks additional content using subtle fade effects, plus scroll buttons to cue users that there’s more content off-screen.
+     * A container for content that can horizontally or vertically scroll
+     * @version 4.0.0
+     * @status stable
      */
     interface NanoMaskedOverflow {
         /**
@@ -7127,7 +7144,9 @@ declare namespace LocalJSX {
         "saveState"?: boolean;
     }
     /**
-     * A simple component to show more or less elements.
+     * Show more or less from a collection of items.
+     * @version 6.0.0
+     * @status stable
      */
     interface NanoMoreLess {
         /**
@@ -8301,6 +8320,8 @@ declare module "@stencil/core" {
             /**
              * Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.
              * Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
+             * @version 6.0.0
+             * @status stable
              */
             "nano-animation": LocalJSX.NanoAnimation & JSXBase.HTMLAttributes<HTMLNanoAnimationElement>;
             /**
@@ -8515,8 +8536,9 @@ declare module "@stencil/core" {
              */
             "nano-intersection-observe": LocalJSX.NanoIntersectionObserve & JSXBase.HTMLAttributes<HTMLNanoIntersectionObserveElement>;
             /**
-             * `masked-overflow` provides a responsive overflow container for any set of elements that might not fit on smaller screens or containers: it accepts any children,
-             * automatically scrolls to the active item on load, and masks additional content using subtle fade effects, plus scroll buttons to cue users that there’s more content off-screen.
+             * A container for content that can horizontally or vertically scroll
+             * @version 4.0.0
+             * @status stable
              */
             "nano-masked-overflow": LocalJSX.NanoMaskedOverflow & JSXBase.HTMLAttributes<HTMLNanoMaskedOverflowElement>;
             /**
@@ -8533,7 +8555,9 @@ declare module "@stencil/core" {
              */
             "nano-menu-drawer": LocalJSX.NanoMenuDrawer & JSXBase.HTMLAttributes<HTMLNanoMenuDrawerElement>;
             /**
-             * A simple component to show more or less elements.
+             * Show more or less from a collection of items.
+             * @version 6.0.0
+             * @status stable
              */
             "nano-more-less": LocalJSX.NanoMoreLess & JSXBase.HTMLAttributes<HTMLNanoMoreLessElement>;
             /**

package/docs-json.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-20T12:07:14",
+  "timestamp": "2025-06-23T20:53:39",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.35.1-dev.1750418634.dcb189d",
+    "version": "4.35.1-dev.1750682262.1ce9541",
     "typescriptVersion": "5.5.4"
   },
   "components": [
@@ -2010,6 +2010,14 @@
       "readme": "# nano-animation\n\n\n",
       "docs": "Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.\nPowered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).",
       "docsTags": [
+        {
+          "name": "version",
+          "text": "6.0.0"
+        },
+        {
+          "name": "status",
+          "text": "stable"
+        },
         {
           "name": "slot",
           "text": "- The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple *nano-animation* elements."
@@ -13062,7 +13070,7 @@
       ],
       "methods": [
         {
-          "name": "submitSearch",
+          "name": "closeOverflowMenu",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
@@ -13078,13 +13086,35 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "submitSearch() => Promise<void>",
+          "signature": "closeOverflowMenu() => Promise<void>",
           "parameters": [],
-          "docs": "Send the current search term and selected index to a nested `nano-global-search-results`",
+          "docs": "Manually close the overflow menu",
+          "docsTags": []
+        },
+        {
+          "name": "openOverflowMenu",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "openOverflowMenu() => Promise<void>",
+          "parameters": [],
+          "docs": "Manually open the overflow menu",
           "docsTags": []
         },
         {
-          "name": "toggleOverflowMenu",
+          "name": "submitSearch",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
@@ -13100,9 +13130,9 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "toggleOverflowMenu() => Promise<void>",
+          "signature": "submitSearch() => Promise<void>",
           "parameters": [],
-          "docs": "Manually toggle open or close the overflow menu",
+          "docs": "Send the current search term and selected index to a nested `nano-global-search-results`",
           "docsTags": []
         }
       ],
@@ -17679,8 +17709,16 @@
       "encapsulation": "shadow",
       "tag": "nano-masked-overflow",
       "readme": "# nano-masked-overflow\n\n\n",
-      "docs": "`masked-overflow` provides a responsive overflow container for any set of elements that might not fit on smaller screens or containers: it accepts any children,\nautomatically scrolls to the active item on load, and masks additional content using subtle fade effects, plus scroll buttons to cue users that there’s more content off-screen.",
+      "docs": "A container for content that can horizontally or vertically scroll",
       "docsTags": [
+        {
+          "name": "version",
+          "text": "4.0.0"
+        },
+        {
+          "name": "status",
+          "text": "stable"
+        },
         {
           "name": "slot",
           "text": "- Default slot to place items."
@@ -18619,8 +18657,16 @@
       "encapsulation": "shadow",
       "tag": "nano-more-less",
       "readme": "# nano-more-less\n\n\n",
-      "docs": "A simple component to show more or less elements.",
+      "docs": "Show more or less from a collection of items.",
       "docsTags": [
+        {
+          "name": "version",
+          "text": "6.0.0"
+        },
+        {
+          "name": "status",
+          "text": "stable"
+        },
         {
           "name": "slot",
           "text": "less - a button displayed when all fewer are shown. When clicked will show elements"
@@ -22667,10 +22713,10 @@
         },
         {
           "name": "options",
-          "type": "FlickityOptions",
+          "type": "Options & { fullscreen?: boolean; fade?: boolean; }",
           "complexType": {
             "original": "FlickityOptions",
-            "resolved": "FlickityOptions",
+            "resolved": "Options & { fullscreen?: boolean; fade?: boolean; }",
             "references": {
               "FlickityOptions": {
                 "location": "import",
@@ -22692,7 +22738,7 @@
           "default": "{}",
           "values": [
             {
-              "type": "FlickityOptions"
+              "type": "Options & { fullscreen?: boolean; fade?: boolean; }"
             }
           ],
           "optional": false,
@@ -26162,7 +26208,7 @@
     },
     {
       "filePath": "src/components/table/table.tsx",
-      "encapsulation": "none",
+      "encapsulation": "scoped",
       "tag": "nano-table",
       "readme": "# nano-table\n\n\n",
       "docs": "Displays tabular data in rows and columns.",
@@ -27186,7 +27232,7 @@
       "path": "src/components/select/select-interface.d.ts"
     },
     "src/components/slides/slides-interface.d.ts::FlickityOptions": {
-      "declaration": "export interface FlickityOptions extends Options {\n  fullscreen?: boolean;\n  fade?: boolean;\n}",
+      "declaration": "export type FlickityOptions = Options & {\n  fullscreen?: boolean;\n  fade?: boolean;\n}",
       "docstring": "",
       "path": "src/components/slides/slides-interface.d.ts"
     },

package/docs-vscode.json

@@ -2704,7 +2704,7 @@
       "name": "nano-masked-overflow",
       "description": {
         "kind": "markdown",
-        "value": "`masked-overflow` provides a responsive overflow container for any set of elements that might not fit on smaller screens or containers: it accepts any children,\nautomatically scrolls to the active item on load, and masks additional content using subtle fade effects, plus scroll buttons to cue users that there’s more content off-screen."
+        "value": "A container for content that can horizontally or vertically scroll"
       },
       "attributes": [
         {
@@ -2810,7 +2810,7 @@
       "name": "nano-more-less",
       "description": {
         "kind": "markdown",
-        "value": "A simple component to show more or less elements."
+        "value": "Show more or less from a collection of items."
       },
       "attributes": [
         {