@nanoporetech-digital/components 8.5.7 → 8.7.0

package/dist/types/components/card/card.d.ts

@@ -18,4 +18,6 @@ export declare class NanoCard {
     variant?: 'promo' | 'promo-aero' | 'promo-plain' | 'promo-grey' | 'product';
     /** Size of card's heading. Defaults to `large`. Has no baring on `variant="promo"` cards */
     size?: 'small' | 'large';
+    /** If true, disables the whole-card click effect. */
+    disableCardClick?: boolean;
 }

package/dist/types/components/table/table.d.ts

@@ -16,6 +16,8 @@ export declare class NanoTable {
     /** Visually hide the table's caption */
     hideCaption: boolean;
     handleHideCaptionChange(): void;
+    /** Disable the clickable rows functionality. */
+    disableClickableRows: boolean;
     private resizeObserver;
     private mutationObserver;
     private intersectionObserver;

package/dist/types/components.d.ts

@@ -419,6 +419,10 @@ export namespace Components {
      * @type CSS Only
      */
     interface NanoCard {
+        /**
+          * If true, disables the whole-card click effect.
+         */
+        "disableCardClick"?: boolean;
         /**
           * The layout of the card. `landscape` only applies when the card is large enough. Defaults to portrait.
          */
@@ -3286,6 +3290,11 @@ export namespace Components {
           * @default 'auto'
          */
         "compact": boolean | 'auto';
+        /**
+          * Disable the clickable rows functionality.
+          * @default false
+         */
+        "disableClickableRows": boolean;
         /**
           * Visually hide the table's caption
           * @default false
@@ -5403,6 +5412,10 @@ declare namespace LocalJSX {
      * @type CSS Only
      */
     interface NanoCard {
+        /**
+          * If true, disables the whole-card click effect.
+         */
+        "disableCardClick"?: boolean;
         /**
           * The layout of the card. `landscape` only applies when the card is large enough. Defaults to portrait.
          */
@@ -8374,6 +8387,11 @@ declare namespace LocalJSX {
           * @default 'auto'
          */
         "compact"?: boolean | 'auto';
+        /**
+          * Disable the clickable rows functionality.
+          * @default false
+         */
+        "disableClickableRows"?: boolean;
         /**
           * Visually hide the table's caption
           * @default false

package/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-10T13:11:19",
+  "timestamp": "2025-09-11T23:15:36",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.36.1",
@@ -3358,7 +3358,7 @@
             "references": {
               "Breadcrumb": {
                 "location": "local",
-                "path": "/builds/uSGJX_GU/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
+                "path": "/builds/-v_1b6Vq/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
                 "id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
               }
             }
@@ -3449,6 +3449,29 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "disableCardClick",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disable-card-click",
+          "reflectToAttr": true,
+          "docs": "If true, disables the whole-card click effect.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "layout",
           "type": "\"landscape\" | \"portrait\"",
@@ -26887,6 +26910,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "disableClickableRows",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disable-clickable-rows",
+          "reflectToAttr": true,
+          "docs": "Disable the clickable rows functionality.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "hideCaption",
           "type": "boolean",

package/docs-vscode.json

@@ -838,6 +838,10 @@
         "value": "Cards are used to display content in a compact and organized way."
       },
       "attributes": [
+        {
+          "name": "disable-card-click",
+          "description": "If true, disables the whole-card click effect."
+        },
         {
           "name": "layout",
           "description": "The layout of the card. `landscape` only applies when the card is large enough. Defaults to portrait.",
@@ -3702,6 +3706,10 @@
             }
           ]
         },
+        {
+          "name": "disable-clickable-rows",
+          "description": "Disable the clickable rows functionality."
+        },
         {
           "name": "hide-caption",
           "description": "Visually hide the table's caption"

package/hydrate/index.js

@@ -19090,6 +19090,8 @@ class NanoCard {
     variant;
     /** Size of card's heading. Defaults to `large`. Has no baring on `variant="promo"` cards */
     size;
+    /** If true, disables the whole-card click effect. */
+    disableCardClick;
     static get style() { return cardCss; }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -19097,11 +19099,12 @@ class NanoCard {
         "$members$": {
             "layout": [513],
             "variant": [513],
-            "size": [513]
+            "size": [513],
+            "disableCardClick": [516, "disable-card-click"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["layout", "layout"], ["variant", "variant"], ["size", "size"]]
+        "$attrsToReflect$": [["layout", "layout"], ["variant", "variant"], ["size", "size"], ["disableCardClick", "disable-card-click"]]
     }; }
 }
 
@@ -23648,6 +23651,8 @@ class NanoTable {
             return;
         caption.classList.toggle('visually-hidden', this.hideCaption);
     }
+    /** Disable the clickable rows functionality. */
+    disableClickableRows = false;
     resizeObserver;
     mutationObserver;
     intersectionObserver;
@@ -23669,15 +23674,17 @@ class NanoTable {
             return;
         this.settingUp = true;
         // Clickable rows
-        const rows = Array.from(this.host.querySelectorAll('tr'));
-        for (const row of rows) {
-            if (this.getRowClickElements(row).length === 1) {
-                row.setAttribute('clickable', 'true');
-                row.addEventListener('click', this.rowClickHandler);
-            }
-            else {
-                row.removeAttribute('clickable');
-                row.removeEventListener('click', this.rowClickHandler);
+        if (!this.disableClickableRows) {
+            const rows = Array.from(this.host.querySelectorAll('tr'));
+            for (const row of rows) {
+                if (this.getRowClickElements(row).length === 1) {
+                    row.setAttribute('clickable', 'true');
+                    row.addEventListener('click', this.rowClickHandler);
+                }
+                else {
+                    row.removeAttribute('clickable');
+                    row.removeEventListener('click', this.rowClickHandler);
+                }
             }
         }
         // Sticky columns and rows
@@ -23828,10 +23835,10 @@ class NanoTable {
         this.cleanUpObservers();
     }
     render() {
-        return (h(Host, { key: '3c45a2880bd20a771bcc682355452312340db56d', class: {
+        return (h(Host, { key: 'dfcda7c6604792e025f1ed4997395857ad786be3', class: {
                 'nano-table': true,
                 'nano-table--props-ready': this.propsReady,
-            } }, this.scrollable && (h("nano-masked-overflow", { key: '6b29ca4c8c64deae80def0d3958dc25c4d6cd1c0', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '83dce90d6e5425b0fd2a2443d0d90b7acfc9c141', class: "nano-table__overflow" }))), h("slot", { key: 'cff62841c17cf20c2ff5872944dbd38bbe438369' })));
+            } }, this.scrollable && (h("nano-masked-overflow", { key: '2ef0536af50f22134e4c0d295172817287c46196', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '1b9ba48be1ccf92ac46f9873ac08b43a51cfcabc', class: "nano-table__overflow" }))), h("slot", { key: 'ab86c4eab83b69cb4ba31b22ae18f9cb0c31033a' })));
     }
     static get watchers() { return {
         "compact": ["handleCompactChange"],
@@ -23845,11 +23852,12 @@ class NanoTable {
             "compact": [520],
             "scrollable": [516],
             "hideCaption": [516, "hide-caption"],
+            "disableClickableRows": [516, "disable-clickable-rows"],
             "propsReady": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"]]
+        "$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"], ["disableClickableRows", "disable-clickable-rows"]]
     }; }
 }
 

package/hydrate/index.mjs

@@ -19088,6 +19088,8 @@ class NanoCard {
     variant;
     /** Size of card's heading. Defaults to `large`. Has no baring on `variant="promo"` cards */
     size;
+    /** If true, disables the whole-card click effect. */
+    disableCardClick;
     static get style() { return cardCss; }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -19095,11 +19097,12 @@ class NanoCard {
         "$members$": {
             "layout": [513],
             "variant": [513],
-            "size": [513]
+            "size": [513],
+            "disableCardClick": [516, "disable-card-click"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["layout", "layout"], ["variant", "variant"], ["size", "size"]]
+        "$attrsToReflect$": [["layout", "layout"], ["variant", "variant"], ["size", "size"], ["disableCardClick", "disable-card-click"]]
     }; }
 }
 
@@ -23646,6 +23649,8 @@ class NanoTable {
             return;
         caption.classList.toggle('visually-hidden', this.hideCaption);
     }
+    /** Disable the clickable rows functionality. */
+    disableClickableRows = false;
     resizeObserver;
     mutationObserver;
     intersectionObserver;
@@ -23667,15 +23672,17 @@ class NanoTable {
             return;
         this.settingUp = true;
         // Clickable rows
-        const rows = Array.from(this.host.querySelectorAll('tr'));
-        for (const row of rows) {
-            if (this.getRowClickElements(row).length === 1) {
-                row.setAttribute('clickable', 'true');
-                row.addEventListener('click', this.rowClickHandler);
-            }
-            else {
-                row.removeAttribute('clickable');
-                row.removeEventListener('click', this.rowClickHandler);
+        if (!this.disableClickableRows) {
+            const rows = Array.from(this.host.querySelectorAll('tr'));
+            for (const row of rows) {
+                if (this.getRowClickElements(row).length === 1) {
+                    row.setAttribute('clickable', 'true');
+                    row.addEventListener('click', this.rowClickHandler);
+                }
+                else {
+                    row.removeAttribute('clickable');
+                    row.removeEventListener('click', this.rowClickHandler);
+                }
             }
         }
         // Sticky columns and rows
@@ -23826,10 +23833,10 @@ class NanoTable {
         this.cleanUpObservers();
     }
     render() {
-        return (h(Host, { key: '3c45a2880bd20a771bcc682355452312340db56d', class: {
+        return (h(Host, { key: 'dfcda7c6604792e025f1ed4997395857ad786be3', class: {
                 'nano-table': true,
                 'nano-table--props-ready': this.propsReady,
-            } }, this.scrollable && (h("nano-masked-overflow", { key: '6b29ca4c8c64deae80def0d3958dc25c4d6cd1c0', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '83dce90d6e5425b0fd2a2443d0d90b7acfc9c141', class: "nano-table__overflow" }))), h("slot", { key: 'cff62841c17cf20c2ff5872944dbd38bbe438369' })));
+            } }, this.scrollable && (h("nano-masked-overflow", { key: '2ef0536af50f22134e4c0d295172817287c46196', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '1b9ba48be1ccf92ac46f9873ac08b43a51cfcabc', class: "nano-table__overflow" }))), h("slot", { key: 'ab86c4eab83b69cb4ba31b22ae18f9cb0c31033a' })));
     }
     static get watchers() { return {
         "compact": ["handleCompactChange"],
@@ -23843,11 +23850,12 @@ class NanoTable {
             "compact": [520],
             "scrollable": [516],
             "hideCaption": [516, "hide-caption"],
+            "disableClickableRows": [516, "disable-clickable-rows"],
             "propsReady": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"]]
+        "$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"], ["disableClickableRows", "disable-clickable-rows"]]
     }; }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "8.5.7",
+  "version": "8.7.0",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -60,7 +60,7 @@
     "smart-array-filter": "^4.0.2",
     "stencil-wormhole": "3.2.1",
     "tyqs": "^0.1.3",
-    "@nanoporetech-digital/style": "8.5.7"
+    "@nanoporetech-digital/style": "8.7.0"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.22.1",