@nanoporetech-digital/components 8.0.0-alpha.0 → 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-18T09:03:19",
+  "timestamp": "2025-06-23T20:53:39",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.35.1",
+    "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."
@@ -6768,7 +6776,7 @@
           },
           "mutable": true,
           "attr": "open",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Force datalist open",
           "docsTags": [
             {
@@ -11154,7 +11162,7 @@
               "ObservableMap": {
                 "location": "import",
                 "path": "@stencil/store",
-                "id": "../../node_modules/.pnpm/@stencil+store@2.1.2_@stencil+core@4.35.1/node_modules/@stencil/store/dist/index.d.ts::ObservableMap"
+                "id": "../../node_modules/.pnpm/@stencil+store@2.1.2_@stencil+core@stenciljs/node_modules/@stencil/store/dist/index.d.ts::ObservableMap"
               },
               "ValidatorValueStore": {
                 "location": "import",
@@ -13062,7 +13070,7 @@
       ],
       "methods": [
         {
-          "name": "submitSearch",
+          "name": "closeOverflowMenu",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
@@ -13078,13 +13086,13 @@
             },
             "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": "toggleOverflowMenu",
+          "name": "openOverflowMenu",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
@@ -13100,9 +13108,31 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "toggleOverflowMenu() => Promise<void>",
+          "signature": "openOverflowMenu() => Promise<void>",
           "parameters": [],
-          "docs": "Manually toggle open or close the overflow menu",
+          "docs": "Manually open the overflow menu",
+          "docsTags": []
+        },
+        {
+          "name": "submitSearch",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "submitSearch() => Promise<void>",
+          "parameters": [],
+          "docs": "Send the current search term and selected index to a nested `nano-global-search-results`",
           "docsTags": []
         }
       ],
@@ -13849,6 +13879,11 @@
       "events": [],
       "listeners": [],
       "styles": [
+        {
+          "name": "--grid-align-items",
+          "annotation": "prop",
+          "docs": "alignment of items in the grid. Defaults to start"
+        },
         {
           "name": "--grid-col-gap",
           "annotation": "prop",
@@ -17674,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."
@@ -18614,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"
@@ -22662,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",
@@ -22687,7 +22738,7 @@
           "default": "{}",
           "values": [
             {
-              "type": "FlickityOptions"
+              "type": "Options & { fullscreen?: boolean; fade?: boolean; }"
             }
           ],
           "optional": false,
@@ -23557,7 +23608,7 @@
               "Element": {
                 "location": "import",
                 "path": "@stencil/core",
-                "id": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                "id": "../../../stenciljs/internal/stencil-core/index.d.ts::Element"
               },
               "HTMLElement": {
                 "location": "global",
@@ -23666,7 +23717,7 @@
               "Element": {
                 "location": "import",
                 "path": "@stencil/core",
-                "id": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                "id": "../../../stenciljs/internal/stencil-core/index.d.ts::Element"
               }
             }
           },
@@ -23761,7 +23812,7 @@
               "Element": {
                 "location": "import",
                 "path": "@stencil/core",
-                "id": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                "id": "../../../stenciljs/internal/stencil-core/index.d.ts::Element"
               }
             }
           },
@@ -23885,7 +23936,7 @@
               "Element": {
                 "location": "import",
                 "path": "@stencil/core",
-                "id": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                "id": "../../../stenciljs/internal/stencil-core/index.d.ts::Element"
               }
             }
           },
@@ -24014,7 +24065,7 @@
               "Element": {
                 "location": "import",
                 "path": "@stencil/core",
-                "id": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                "id": "../../../stenciljs/internal/stencil-core/index.d.ts::Element"
               }
             }
           },
@@ -26157,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.",
@@ -26975,10 +27026,10 @@
       "docstring": "",
       "path": "src/utils/popover.ts"
     },
-    "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::EventEmitter": {
+    "../../../stenciljs/internal/stencil-core/index.d.ts::EventEmitter": {
       "declaration": "any",
       "docstring": "",
-      "path": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts"
+      "path": "../../../stenciljs/internal/stencil-core/index.d.ts"
     },
     "src/utils/date-utils.ts::DaysOfWeek": {
       "declaration": "export enum DaysOfWeek {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}",
@@ -27105,10 +27156,10 @@
       "docstring": "",
       "path": "src/components/nav-item/nav-item-interface.d.ts"
     },
-    "../../node_modules/.pnpm/@stencil+store@2.1.2_@stencil+core@4.35.1/node_modules/@stencil/store/dist/index.d.ts::ObservableMap": {
+    "../../node_modules/.pnpm/@stencil+store@2.1.2_@stencil+core@stenciljs/node_modules/@stencil/store/dist/index.d.ts::ObservableMap": {
       "declaration": "any",
       "docstring": "",
-      "path": "../../node_modules/.pnpm/@stencil+store@2.1.2_@stencil+core@4.35.1/node_modules/@stencil/store/dist/index.d.ts"
+      "path": "../../node_modules/.pnpm/@stencil+store@2.1.2_@stencil+core@stenciljs/node_modules/@stencil/store/dist/index.d.ts"
     },
     "src/components/field-validator/field-validator-interface.d.ts::ValidatorValueStore": {
       "declaration": "export interface ValidatorValueStore {\n  [key: string]: any;\n}",
@@ -27181,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"
     },
@@ -27200,10 +27251,10 @@
       "docstring": "",
       "path": "src/components/slides/slides-interface.d.ts"
     },
-    "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element": {
+    "../../../stenciljs/internal/stencil-core/index.d.ts::Element": {
       "declaration": "any",
       "docstring": "",
-      "path": "../../node_modules/.pnpm/@stencil+core@4.35.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts"
+      "path": "../../../stenciljs/internal/stencil-core/index.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": [
         {