@nanoporetech-digital/components 5.11.1 → 5.11.2

package/dist/types/components.d.ts

@@ -1210,6 +1210,10 @@ export namespace Components {
           * Specifies which icon to use from the built-in set of icons.
          */
         "name"?: string;
+        /**
+          * Specifies the role to use for accessibility. Defaults to 'presentation' (invisible to screen-readers)
+         */
+        "role": string;
         /**
           * The size of the icon. Available options are: `"small"` and `"large"`.
          */
@@ -4508,6 +4512,10 @@ declare namespace LocalJSX {
           * Specifies which icon to use from the built-in set of icons.
          */
         "name"?: string;
+        /**
+          * Specifies the role to use for accessibility. Defaults to 'presentation' (invisible to screen-readers)
+         */
+        "role"?: string;
         /**
           * The size of the icon. Available options are: `"small"` and `"large"`.
          */

package/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-02-29T16:10:12",
+  "timestamp": "2024-02-29T17:03:38",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.23.2",
@@ -8135,6 +8135,25 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "role",
+          "type": "string",
+          "mutable": true,
+          "attr": "role",
+          "reflectToAttr": true,
+          "docs": "Specifies the role to use for accessibility. Defaults to 'presentation' (invisible to screen-readers)",
+          "docsTags": [],
+          "default": "'presentation'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "size",
           "type": "\"large\" | \"small\"",

package/docs-vscode.json

@@ -1443,6 +1443,10 @@
           "name": "name",
           "description": "Specifies which icon to use from the built-in set of icons."
         },
+        {
+          "name": "role",
+          "description": "Specifies the role to use for accessibility. Defaults to 'presentation' (invisible to screen-readers)"
+        },
         {
           "name": "size",
           "description": "The size of the icon.\nAvailable options are: `\"small\"` and `\"large\"`.",

package/hydrate/index.js

@@ -19567,6 +19567,7 @@ class Icon {
     this.isVisible = false;
     this.isLoading = true;
     this.color = undefined;
+    this.role = 'presentation';
     this.ariaLabel = undefined;
     this.flipRtl = undefined;
     this.name = undefined;
@@ -19576,7 +19577,7 @@ class Icon {
     this.lazy = true;
   }
   setAriaLabel() {
-    if (!this.ariaLabel && this.el.role && this.el.role !== 'presentation') {
+    if (!this.ariaLabel && (!this.role || this.role !== 'presentation')) {
       const label = getName(this.name, this.icon);
       // user did not provide a label
       // come up with the label based on the icon name
@@ -19620,10 +19621,11 @@ class Icon {
           this.name.indexOf('chevron') > -1) &&
         this.el.ownerDocument.dir === 'rtl' &&
         this.flipRtl !== false);
-    return (hAsync(Host, { role: this.el.role || 'presentation', class: Object.assign(Object.assign({}, createColorClasses(this.color)), { loading: this.isLoading, [`icon-${this.size}`]: !!this.size, 'flip-rtl': !!flipRtl }) }, (hAsync("div", { class: "icon-inner" }))));
+    return (hAsync(Host, { class: Object.assign(Object.assign({}, createColorClasses(this.color)), { loading: this.isLoading, [`icon-${this.size}`]: !!this.size, 'flip-rtl': !!flipRtl }) }, (hAsync("div", { class: "icon-inner" }))));
   }
   get el() { return getElement(this); }
   static get watchers() { return {
+    "role": ["setAriaLabel"],
     "name": ["loadIcon"],
     "src": ["loadIcon"],
     "icon": ["loadIcon"]
@@ -19634,6 +19636,7 @@ class Icon {
     "$tagName$": "nano-icon",
     "$members$": {
       "color": [1],
+      "role": [1537],
       "ariaLabel": [1537, "aria-label"],
       "flipRtl": [4, "flip-rtl"],
       "name": [1],
@@ -19647,7 +19650,7 @@ class Icon {
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["ariaLabel", "aria-label"]]
+    "$attrsToReflect$": [["role", "role"], ["ariaLabel", "aria-label"]]
   }; }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "5.11.1",
+  "version": "5.11.2",
   "repository": {
     "type": "git",
     "url": "https://git.oxfordnanolabs.local/Digital/nano-components"
@@ -41,7 +41,7 @@
     "prettier.test": "npm run prettier.base -- --check",
     "prettier.base": "prettier \"./{src,jest}/**/*.{ts,tsx,js,jsx}\"",
     "test": "run-p themes.prod test.all.base",
-    "test.ci": "run-p themes.prod test.all.base",
+    "test.pi": "run-p themes.prod test.all.base",
     "test.spec": "stencil test --spec --watch --config='./stencil.config.test.ts'",
     "test.e2e": "stencil test --e2e --max-workers=1 --watch --config='./stencil.config.test.ts'",
     "test.spec.debug": "npx --node-arg=\"--inspect-brk\" stencil test --spec --config='./stencil.config.test.ts'",
@@ -129,7 +129,7 @@
     "nanopore",
     "digital"
   ],
-  "gitHead": "f5780a47added7547ad386700d5f24c1ebff45c4",
+  "gitHead": "f1fa3c2da1fcee77322b48e827519f980e1cd5af",
   "volta": {
     "node": "18.14.0"
   }

package/dist/cjs/table.worker-ea98a8dd.js.map

@@ -1 +0,0 @@
-{"file":"table.worker-ea98a8dd.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/table.worker-75d6e1d2.js.map

@@ -1 +0,0 @@
-{"file":"table.worker-75d6e1d2.js","mappings":";;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/nano-components/table.worker-75d6e1d2.js

@@ -1,5 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-import{c as t}from"./nano-table-3ab8cd85.js";import"./index-9695db0a.js";import"./math-c02ddfda.js";import"./throttle-ac4fcefa.js";import"./index-3003356f.js";const o="table.worker";const r="stencil.table.worker";const e=new URL("table.worker-f258383d.js",import.meta.url).href;const s=new Blob(['importScripts("'+e+'")'],{type:"text/javascript"});const a=URL.createObjectURL(s);const c=t(a,o,r);URL.revokeObjectURL(a);export{c as worker,r as workerMsgId,o as workerName,e as workerPath};
-//# sourceMappingURL=table.worker-75d6e1d2.js.map