@nanoporetech-digital/components 8.9.3 → 8.10.1

package/dist/types/components/global-search-results/global-search-results.d.ts

@@ -48,7 +48,7 @@ export declare class GlobalSearchResults implements ComponentInterface {
     onDocNanoSearchResult(e: CustomEvent): void;
     onDocNanoSearchReset(e: CustomEvent): void;
     /** Manually close the search panel */
-    closeSearch(): Promise<void>;
+    closeSearch(clearHistory?: boolean): Promise<void>;
     private resultClick;
     private showFiltersClick;
     private removeFilterClick;

package/dist/types/components/input-otp/input-otp.d.ts

@@ -3,15 +3,18 @@ import type { InputOtpChangeEventDetail, InputOtpCompleteEventDetail, InputOtpIn
 /**
  * A component for entering one-time passwords (OTP) with multiple input fields.
  *
- * @version 8.7.2
+ * @version 8.8.0
  * @status new
  *
  * @slot - The default slot for the input description.
  * @slot validity-icon - A slot for a custom validity icon. If not provided, a default icon will be used.
+ *
+ * @part validity-icon - The validity icon.
  */
 export declare class InputOTP implements ComponentInterface {
     private inputRefs;
     private inputId;
+    private slotCtrl;
     /**
      * Stores the initial value of the input when it receives focus.
      * Used to determine if the value changed during the focus session

package/dist/types/components/search-result/search-result.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Displays an article preview and serves as a navigable link to the full content in the context of search results or lists of articles.
+ *
+ * @status new
+ * @version 8.10.0
+ * @type CSS Only
+ *
+ * @slot title - The title of the result. Displayed first.
+ * @slot content - Content of the result. Suitable for a short description or search snippet.
+ * @slot meta - Meta information about the result. Each item is visually separated.
+ * @slot tags - Tags associated with the result. Suitable for use with `nano-tag` components.
+ */
+export declare class NanoSearchResult {
+}

package/dist/types/components.d.ts

@@ -1643,7 +1643,7 @@ export namespace Components {
         /**
           * Manually close the search panel
          */
-        "closeSearch": () => Promise<void>;
+        "closeSearch": (clearHistory?: boolean) => Promise<void>;
     }
     /**
      * A context-aware CSS grid implementation.
@@ -2187,7 +2187,7 @@ export namespace Components {
     }
     /**
      * A component for entering one-time passwords (OTP) with multiple input fields.
-     * @version 8.7.2
+     * @version 8.8.0
      * @status new
      */
     interface NanoInputOtp {
@@ -2683,6 +2683,14 @@ export namespace Components {
          */
         "states": string;
     }
+    /**
+     * Displays an article preview and serves as a navigable link to the full content in the context of search results or lists of articles.
+     * @status new
+     * @version 8.10.0
+     * @type CSS Only
+     */
+    interface NanoSearchResult {
+    }
     /**
      * Selects allow users to choose items from a menu of options.
      * @status stable
@@ -4473,7 +4481,7 @@ declare global {
     }
     /**
      * A component for entering one-time passwords (OTP) with multiple input fields.
-     * @version 8.7.2
+     * @version 8.8.0
      * @status new
      */
     interface HTMLNanoInputOtpElement extends Components.NanoInputOtp, HTMLStencilElement {
@@ -4719,6 +4727,18 @@ declare global {
         prototype: HTMLNanoResizeObserveElement;
         new (): HTMLNanoResizeObserveElement;
     };
+    /**
+     * Displays an article preview and serves as a navigable link to the full content in the context of search results or lists of articles.
+     * @status new
+     * @version 8.10.0
+     * @type CSS Only
+     */
+    interface HTMLNanoSearchResultElement extends Components.NanoSearchResult, HTMLStencilElement {
+    }
+    var HTMLNanoSearchResultElement: {
+        prototype: HTMLNanoSearchResultElement;
+        new (): HTMLNanoSearchResultElement;
+    };
     interface HTMLNanoSelectElementEventMap {
         "nanoChange": SelectChangeEventDetail;
         "nanoBlur": void;
@@ -5111,6 +5131,7 @@ declare global {
         "nano-range": HTMLNanoRangeElement;
         "nano-rating": HTMLNanoRatingElement;
         "nano-resize-observe": HTMLNanoResizeObserveElement;
+        "nano-search-result": HTMLNanoSearchResultElement;
         "nano-select": HTMLNanoSelectElement;
         "nano-slide": HTMLNanoSlideElement;
         "nano-slides": HTMLNanoSlidesElement;
@@ -7343,7 +7364,7 @@ declare namespace LocalJSX {
     }
     /**
      * A component for entering one-time passwords (OTP) with multiple input fields.
-     * @version 8.7.2
+     * @version 8.8.0
      * @status new
      */
     interface NanoInputOtp {
@@ -7901,6 +7922,14 @@ declare namespace LocalJSX {
          */
         "states"?: string;
     }
+    /**
+     * Displays an article preview and serves as a navigable link to the full content in the context of search results or lists of articles.
+     * @status new
+     * @version 8.10.0
+     * @type CSS Only
+     */
+    interface NanoSearchResult {
+    }
     /**
      * Selects allow users to choose items from a menu of options.
      * @status stable
@@ -8757,6 +8786,7 @@ declare namespace LocalJSX {
         "nano-range": NanoRange;
         "nano-rating": NanoRating;
         "nano-resize-observe": NanoResizeObserve;
+        "nano-search-result": NanoSearchResult;
         "nano-select": NanoSelect;
         "nano-slide": NanoSlide;
         "nano-slides": NanoSlides;
@@ -9037,7 +9067,7 @@ declare module "@stencil/core" {
             "nano-input": LocalJSX.NanoInput & JSXBase.HTMLAttributes<HTMLNanoInputElement>;
             /**
              * A component for entering one-time passwords (OTP) with multiple input fields.
-             * @version 8.7.2
+             * @version 8.8.0
              * @status new
              */
             "nano-input-otp": LocalJSX.NanoInputOtp & JSXBase.HTMLAttributes<HTMLNanoInputOtpElement>;
@@ -9115,6 +9145,13 @@ declare module "@stencil/core" {
              * @version 1.0.0
              */
             "nano-resize-observe": LocalJSX.NanoResizeObserve & JSXBase.HTMLAttributes<HTMLNanoResizeObserveElement>;
+            /**
+             * Displays an article preview and serves as a navigable link to the full content in the context of search results or lists of articles.
+             * @status new
+             * @version 8.10.0
+             * @type CSS Only
+             */
+            "nano-search-result": LocalJSX.NanoSearchResult & JSXBase.HTMLAttributes<HTMLNanoSearchResultElement>;
             /**
              * Selects allow users to choose items from a menu of options.
              * @status stable

package/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-24T11:27:42",
+  "timestamp": "2025-09-25T12:25:35",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.36.1",
@@ -3358,7 +3358,7 @@
             "references": {
               "Breadcrumb": {
                 "location": "local",
-                "path": "/builds/MHdwmaDa/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
+                "path": "/builds/bsFinusk/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
                 "id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
               }
             }
@@ -13641,8 +13641,14 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
+            "signature": "(clearHistory?: boolean) => Promise<void>",
+            "parameters": [
+              {
+                "name": "clearHistory",
+                "type": "boolean",
+                "docs": ""
+              }
+            ],
             "references": {
               "Promise": {
                 "location": "global",
@@ -13651,8 +13657,14 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "closeSearch() => Promise<void>",
-          "parameters": [],
+          "signature": "closeSearch(clearHistory?: boolean) => Promise<void>",
+          "parameters": [
+            {
+              "name": "clearHistory",
+              "type": "boolean",
+              "docs": ""
+            }
+          ],
           "docs": "Manually close the search panel",
           "docsTags": []
         }
@@ -17864,7 +17876,7 @@
       "docsTags": [
         {
           "name": "version",
-          "text": "8.7.2"
+          "text": "8.8.0"
         },
         {
           "name": "status",
@@ -17877,6 +17889,10 @@
         {
           "name": "slot",
           "text": "validity-icon - A slot for a custom validity icon. If not provided, a default icon will be used."
+        },
+        {
+          "name": "part",
+          "text": "validity-icon - The validity icon."
         }
       ],
       "usage": {},
@@ -18357,50 +18373,20 @@
           "docs": "The color of the highlight on the input when valid"
         },
         {
-          "name": "--margin-bottom",
-          "annotation": "prop",
-          "docs": "Bottom margin of the input group"
-        },
-        {
-          "name": "--margin-end",
-          "annotation": "prop",
-          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the input group"
-        },
-        {
-          "name": "--margin-start",
+          "name": "--icon-size",
           "annotation": "prop",
-          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the input group"
+          "docs": "Size of the validity icon"
         },
         {
-          "name": "--margin-top",
+          "name": "--inline-padding",
           "annotation": "prop",
-          "docs": "Top margin of the input group"
+          "docs": "Horizontal padding surrounding the input boxes"
         },
         {
           "name": "--min-width",
           "annotation": "prop",
           "docs": "Minimum width of input boxes"
         },
-        {
-          "name": "--padding-bottom",
-          "annotation": "prop",
-          "docs": "Bottom padding of the input group"
-        },
-        {
-          "name": "--padding-end",
-          "annotation": "prop",
-          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the input group"
-        },
-        {
-          "name": "--padding-start",
-          "annotation": "prop",
-          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the input group"
-        },
-        {
-          "name": "--padding-top",
-          "annotation": "prop",
-          "docs": "Top padding of the input group"
-        },
         {
           "name": "--separator-border-radius",
           "annotation": "prop",
@@ -18421,6 +18407,11 @@
           "annotation": "prop",
           "docs": "Width of the separator between boxes"
         },
+        {
+          "name": "--spacing",
+          "annotation": "prop",
+          "docs": "Spacing between input boxes and description"
+        },
         {
           "name": "--width",
           "annotation": "prop",
@@ -18437,7 +18428,12 @@
           "docs": "A slot for a custom validity icon. If not provided, a default icon will be used."
         }
       ],
-      "parts": [],
+      "parts": [
+        {
+          "name": "validity-icon",
+          "docs": "The validity icon."
+        }
+      ],
       "dependents": [],
       "dependencies": [
         "nano-icon"
@@ -22098,6 +22094,71 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/search-result/search-result.ts",
+      "encapsulation": "none",
+      "tag": "nano-search-result",
+      "readme": "# search-result\n\n\n",
+      "docs": "Displays an article preview and serves as a navigable link to the full content in the context of search results or lists of articles.",
+      "docsTags": [
+        {
+          "name": "status",
+          "text": "new"
+        },
+        {
+          "name": "version",
+          "text": "8.10.0"
+        },
+        {
+          "name": "type",
+          "text": "CSS Only"
+        },
+        {
+          "name": "slot",
+          "text": "title - The title of the result. Displayed first."
+        },
+        {
+          "name": "slot",
+          "text": "content - Content of the result. Suitable for a short description or search snippet."
+        },
+        {
+          "name": "slot",
+          "text": "meta - Meta information about the result. Each item is visually separated."
+        },
+        {
+          "name": "slot",
+          "text": "tags - Tags associated with the result. Suitable for use with `nano-tag` components."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "content",
+          "docs": "Content of the result. Suitable for a short description or search snippet."
+        },
+        {
+          "name": "meta",
+          "docs": "Meta information about the result. Each item is visually separated."
+        },
+        {
+          "name": "tags",
+          "docs": "Tags associated with the result. Suitable for use with `nano-tag` components."
+        },
+        {
+          "name": "title",
+          "docs": "The title of the result. Displayed first."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/select/select.tsx",
       "encapsulation": "scoped",

package/docs-vscode.json

@@ -3211,6 +3211,14 @@
         }
       ]
     },
+    {
+      "name": "nano-search-result",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays an article preview and serves as a navigable link to the full content in the context of search results or lists of articles."
+      },
+      "attributes": []
+    },
     {
       "name": "nano-select",
       "description": {