@nanoporetech-digital/components 8.0.0-alpha.11 → 8.0.0-alpha.12

package/dist/nano-components/nano-table.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{g as t,r as e,a as o}from"./index-CDb2_YWF.js";import{d as n}from"./throttle-C93FMm2Z.js";import{t as a,h as s}from"./renderer-CGoibSOJ.js";const i=class{get host(){return t(this)}propsReady=!1;compact="auto";handleCompactChange(){this.setupProperties()}scrollable=!0;hideCaption=!1;handleHideCaptionChange(){const t=this.caption;t&&t.classList.toggle("visually-hidden",this.hideCaption)}resizeObserver;mutationObserver;intersectionObserver;settingUp=!1;get table(){return this.host.querySelector("table")}get caption(){return this.host.querySelector("caption")||(console.error("nano-table: No caption found. For better a11y, please add a <caption> element to the table."),null)}setupProperties=()=>{const t=this.table;if(!t||this.settingUp)return;this.settingUp=!0;const e=Array.from(this.host.querySelectorAll("tr"));for(const t of e)1===this.getRowClickElements(t).length?(t.setAttribute("clickable","true"),t.addEventListener("click",this.rowClickHandler)):(t.removeAttribute("clickable"),t.removeEventListener("click",this.rowClickHandler));const o=t.querySelectorAll("thead, tbody, tfoot");let n=0;if(t.querySelector("[sticky=start], [sticky=end]")){for(const t of o)t.style.setProperty("--section-height",`${t.offsetHeight}px`);const t=Array.from(this.host.querySelectorAll("thead th, thead td"));for(const e of t)e.matches("[sticky=start]")&&(this.makeCellsSticky(e,"start",n),n>0&&e.style.setProperty("--sticky-start",`${n}px`),n+=e.offsetWidth-1);n=0;for(const e of[...t].reverse())e.matches("[sticky=end]")&&(this.makeCellsSticky(e,"end",n),n>0&&e.style.setProperty("--sticky-end",`${n}px`),n+=e.offsetWidth-1)}if(t.querySelector("[sticky=top]")){n=0;for(const t of o){const e=Array.from(t.querySelectorAll("tr[sticky]"));for(const[t,o]of e.entries())o.matches("[sticky=top]")&&n>0&&o.style.setProperty("--sticky-top",`${n}px`),t===e.length-1&&(n+=o.offsetHeight-1)}}this.settingUp=!1,this.propsReady=!0};getRowClickElements(t){const e=t.querySelectorAll("a"),o=t.querySelectorAll("button"),n=Array.from(t.querySelectorAll('input[type="checkbox"]')).filter((t=>!t.closest("nano-checkbox"))),a=Array.from(t.querySelectorAll('input[type="radio"]')).filter((t=>!t.closest("nano-checkbox")));return[...e,...o,...t.querySelectorAll("nano-checkbox"),...n,...a]}rowClickHandler=t=>{const e=t.target,o=e.closest("tr");if(!o)return;const n=this.getRowClickElements(o);1===n.length&&e.closest(n[0].tagName)!==n[0]&&n[0].click()};makeCellsSticky(t,e,o=0){const n=t.closest("table"),a=t.closest("tr"),s=Array.from(a.cells);let i=0;for(const e of s){if(e===t)break;i+=e.colSpan||1}for(const t of n.tBodies)for(const n of t.rows){let t=0;for(const a of n.cells){const n=a.colSpan||1;if(t<=i&&i<t+n){a.setAttribute("sticky",e),o>0&&a.style.setProperty("--sticky-"+e,`${o}px`);break}t+=n}}}addObservers(){this.resizeObserver=new ResizeObserver((()=>{this.setupProperties()})),this.resizeObserver.observe(this.host),this.mutationObserver=new MutationObserver((()=>{this.setupProperties()}));const t=this.table;this.mutationObserver.observe(t,{childList:!0,subtree:!0}),this.intersectionObserver=new IntersectionObserver((()=>{this.setupProperties(),this.intersectionObserver.disconnect()}),{threshold:1}),this.intersectionObserver.observe(t)}cleanUpObservers(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null)}constructor(t){e(this,t),this.setupProperties=n(this.setupProperties,100)}connectedCallback(){this.addObservers(),this.handleHideCaptionChange()}componentDidRender(){!1!==this.scrollable&&this.table&&customElements.whenDefined(a("nano-masked-overflow")).then((()=>{this.host.querySelector(".nano-table__overflow")?.appendChild(this.table)}))}disconnectedCallback(){this.cleanUpObservers()}render(){return s(o,{key:"0a9318e167bc0a0ac564aa04600212be5b862739",class:{"nano-table":!0,"nano-table--props-ready":this.propsReady}},this.scrollable&&s("nano-masked-overflow",{key:"928d2e95a991c6f46042e78c3422506b33f76382",hideScrollbars:!1,scrollControls:!1,label:this.caption?.textContent||void 0,class:"nano-table__overflow-container"},s("div",{key:"d4f47ea9d7f1c72a50d6cc0f8338ddb7c241e7e6",class:"nano-table__overflow"})),s("slot",{key:"82180d451b163fa966a470308f3aca6fdbb3dff9"}))}static get watchers(){return{compact:["handleCompactChange"],hideCaption:["handleHideCaptionChange"]}}};i.style=".sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";export{i as nano_table}
+import{g as t,r as e,a as o}from"./index-D6WdRvhp.js";import{d as n}from"./throttle-C93FMm2Z.js";import{t as a,h as s}from"./renderer-BhDJHRB-.js";const i=class{get host(){return t(this)}propsReady=!1;compact="auto";handleCompactChange(){this.setupProperties()}scrollable=!0;hideCaption=!1;handleHideCaptionChange(){const t=this.caption;t&&t.classList.toggle("visually-hidden",this.hideCaption)}resizeObserver;mutationObserver;intersectionObserver;settingUp=!1;get table(){return this.host.querySelector("table")}get caption(){return this.host.querySelector("caption")||(console.error("nano-table: No caption found. For better a11y, please add a <caption> element to the table."),null)}setupProperties=()=>{const t=this.table;if(!t||this.settingUp)return;this.settingUp=!0;const e=Array.from(this.host.querySelectorAll("tr"));for(const t of e)1===this.getRowClickElements(t).length?(t.setAttribute("clickable","true"),t.addEventListener("click",this.rowClickHandler)):(t.removeAttribute("clickable"),t.removeEventListener("click",this.rowClickHandler));const o=t.querySelectorAll("thead, tbody, tfoot");let n=0;if(t.querySelector("[sticky=start], [sticky=end]")){for(const t of o)t.style.setProperty("--section-height",`${t.offsetHeight}px`);const t=Array.from(this.host.querySelectorAll("thead th, thead td"));for(const e of t)e.matches("[sticky=start]")&&(this.makeCellsSticky(e,"start",n),n>0&&e.style.setProperty("--sticky-start",`${n}px`),n+=e.offsetWidth-1);n=0;for(const e of[...t].reverse())e.matches("[sticky=end]")&&(this.makeCellsSticky(e,"end",n),n>0&&e.style.setProperty("--sticky-end",`${n}px`),n+=e.offsetWidth-1)}if(t.querySelector("[sticky=top]")){n=0;for(const t of o){const e=Array.from(t.querySelectorAll("tr[sticky]"));for(const[t,o]of e.entries())o.matches("[sticky=top]")&&n>0&&o.style.setProperty("--sticky-top",`${n}px`),t===e.length-1&&(n+=o.offsetHeight-1)}}this.settingUp=!1,this.propsReady=!0};getRowClickElements(t){const e=t.querySelectorAll("a"),o=t.querySelectorAll("button"),n=Array.from(t.querySelectorAll('input[type="checkbox"]')).filter((t=>!t.closest("nano-checkbox"))),a=Array.from(t.querySelectorAll('input[type="radio"]')).filter((t=>!t.closest("nano-checkbox")));return[...e,...o,...t.querySelectorAll("nano-checkbox"),...n,...a]}rowClickHandler=t=>{const e=t.target,o=e.closest("tr");if(!o)return;const n=this.getRowClickElements(o);1===n.length&&e.closest(n[0].tagName)!==n[0]&&n[0].click()};makeCellsSticky(t,e,o=0){const n=t.closest("table"),a=t.closest("tr"),s=Array.from(a.cells);let i=0;for(const e of s){if(e===t)break;i+=e.colSpan||1}for(const t of n.tBodies)for(const n of t.rows){let t=0;for(const a of n.cells){const n=a.colSpan||1;if(t<=i&&i<t+n){a.setAttribute("sticky",e),o>0&&a.style.setProperty("--sticky-"+e,`${o}px`);break}t+=n}}}addObservers(){this.resizeObserver=new ResizeObserver((()=>{this.setupProperties()})),this.resizeObserver.observe(this.host),this.mutationObserver=new MutationObserver((()=>{this.setupProperties()}));const t=this.table;this.mutationObserver.observe(t,{childList:!0,subtree:!0}),this.intersectionObserver=new IntersectionObserver((()=>{this.setupProperties(),this.intersectionObserver.disconnect()}),{threshold:1}),this.intersectionObserver.observe(t)}cleanUpObservers(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null)}constructor(t){e(this,t),this.setupProperties=n(this.setupProperties,100)}connectedCallback(){this.addObservers(),this.handleHideCaptionChange()}componentDidRender(){!1!==this.scrollable&&this.table&&customElements.whenDefined(a("nano-masked-overflow")).then((()=>{this.host.querySelector(".nano-table__overflow")?.appendChild(this.table)}))}disconnectedCallback(){this.cleanUpObservers()}render(){return s(o,{key:"0a9318e167bc0a0ac564aa04600212be5b862739",class:{"nano-table":!0,"nano-table--props-ready":this.propsReady}},this.scrollable&&s("nano-masked-overflow",{key:"928d2e95a991c6f46042e78c3422506b33f76382",hideScrollbars:!1,scrollControls:!1,label:this.caption?.textContent||void 0,class:"nano-table__overflow-container"},s("div",{key:"d4f47ea9d7f1c72a50d6cc0f8338ddb7c241e7e6",class:"nano-table__overflow"})),s("slot",{key:"82180d451b163fa966a470308f3aca6fdbb3dff9"}))}static get watchers(){return{compact:["handleCompactChange"],hideCaption:["handleHideCaptionChange"]}}};i.style=".sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";export{i as nano_table}

package/dist/nano-components/{page-dots-B5aFjE5U.js → page-dots-2yJYdWP9.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{F as t,u as i,U as s}from"./nano-slides-BH9wpDRh.js";import"./index-CDb2_YWF.js";import"./renderer-CGoibSOJ.js";function h(t){this.parent=t,this.parentElement=this.parent.element.shadowRoot||this.parent.element,this._create()}(h.prototype=Object.create(s.prototype))._create=function(){this.holder=document.createElement("div"),this.holder.className="flickity-page-dots",this.holder.part.add("pagination"),this.dots=[],this.handleClick=this.onClick.bind(this),this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))},h.prototype.activate=function(){this.setDots(),this.holder.addEventListener("click",this.handleClick),this.bindStartEvent(this.holder),this.parentElement.appendChild(this.holder)},h.prototype.deactivate=function(){this.holder.removeEventListener("click",this.handleClick),this.unbindStartEvent(this.holder),this.parentElement.removeChild(this.holder)},h.prototype.setDots=function(){const t=this.parent.slides.length-this.dots.length;t>0?this.addDots(t):t<0&&this.removeDots(-t)},h.prototype.addDots=function(t){const i=document.createDocumentFragment(),s=[],h=this.dots.length,n=h+t;for(let t=h;t<n;t++){const h=document.createElement("button");h.classList.add("dot"),h.innerText=`Go to slide ${t+1}`,i.appendChild(h),s.push(h)}this.holder.appendChild(i),this.dots=this.dots.concat(s)},h.prototype.removeDots=function(t){this.dots.splice(this.dots.length-t,t).forEach((function(t){this.holder.removeChild(t)}),this)},h.prototype.updateSelected=function(){this.selectedDot&&(this.selectedDot.classList.remove("is-selected"),this.selectedDot.part.remove("pagination-item--active"),this.selectedDot.removeAttribute("aria-current")),this.dots.length&&(this.selectedDot=this.dots[this.parent.selectedIndex],this.selectedDot.classList.add("is-selected"),this.selectedDot.part.add("pagination-item--active"),this.selectedDot.setAttribute("aria-current","step"))},h.prototype.onTap=h.prototype.onClick=function(t){const i=t.target;if("BUTTON"!=i.nodeName)return;this.parent.uiChange();const s=this.dots.indexOf(i);this.parent.select(s)},h.prototype.destroy=function(){this.deactivate(),this.allOff()},t.PageDots=h,i.extend(t.defaults,{pageDots:!0}),t.createMethods.push("_createPageDots");const n=t.prototype;n._createPageDots=function(){this.options.pageDots&&(this.pageDots=new h(this),this.on("activate",this.activatePageDots),this.on("select",this.updateSelectedPageDots),this.on("cellChange",this.updatePageDots),this.on("resize",this.updatePageDots),this.on("deactivate",this.deactivatePageDots))},n.activatePageDots=function(){this.pageDots.activate()},n.updateSelectedPageDots=function(){this.pageDots.updateSelected()},n.updatePageDots=function(){this.pageDots.setDots()},n.deactivatePageDots=function(){this.pageDots.deactivate()},t.PageDots=h;
+import{F as t,u as i,U as s}from"./nano-slides-DEqstC8u.js";import"./index-D6WdRvhp.js";import"./renderer-BhDJHRB-.js";function h(t){this.parent=t,this.parentElement=this.parent.element.shadowRoot||this.parent.element,this._create()}(h.prototype=Object.create(s.prototype))._create=function(){this.holder=document.createElement("div"),this.holder.className="flickity-page-dots",this.holder.part.add("pagination"),this.dots=[],this.handleClick=this.onClick.bind(this),this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))},h.prototype.activate=function(){this.setDots(),this.holder.addEventListener("click",this.handleClick),this.bindStartEvent(this.holder),this.parentElement.appendChild(this.holder)},h.prototype.deactivate=function(){this.holder.removeEventListener("click",this.handleClick),this.unbindStartEvent(this.holder),this.parentElement.removeChild(this.holder)},h.prototype.setDots=function(){const t=this.parent.slides.length-this.dots.length;t>0?this.addDots(t):t<0&&this.removeDots(-t)},h.prototype.addDots=function(t){const i=document.createDocumentFragment(),s=[],h=this.dots.length,n=h+t;for(let t=h;t<n;t++){const h=document.createElement("button");h.classList.add("dot"),h.innerText=`Go to slide ${t+1}`,i.appendChild(h),s.push(h)}this.holder.appendChild(i),this.dots=this.dots.concat(s)},h.prototype.removeDots=function(t){this.dots.splice(this.dots.length-t,t).forEach((function(t){this.holder.removeChild(t)}),this)},h.prototype.updateSelected=function(){this.selectedDot&&(this.selectedDot.classList.remove("is-selected"),this.selectedDot.part.remove("pagination-item--active"),this.selectedDot.removeAttribute("aria-current")),this.dots.length&&(this.selectedDot=this.dots[this.parent.selectedIndex],this.selectedDot.classList.add("is-selected"),this.selectedDot.part.add("pagination-item--active"),this.selectedDot.setAttribute("aria-current","step"))},h.prototype.onTap=h.prototype.onClick=function(t){const i=t.target;if("BUTTON"!=i.nodeName)return;this.parent.uiChange();const s=this.dots.indexOf(i);this.parent.select(s)},h.prototype.destroy=function(){this.deactivate(),this.allOff()},t.PageDots=h,i.extend(t.defaults,{pageDots:!0}),t.createMethods.push("_createPageDots");const n=t.prototype;n._createPageDots=function(){this.options.pageDots&&(this.pageDots=new h(this),this.on("activate",this.activatePageDots),this.on("select",this.updateSelectedPageDots),this.on("cellChange",this.updatePageDots),this.on("resize",this.updatePageDots),this.on("deactivate",this.deactivatePageDots))},n.activatePageDots=function(){this.pageDots.activate()},n.updateSelectedPageDots=function(){this.pageDots.updateSelected()},n.updatePageDots=function(){this.pageDots.setDots()},n.deactivatePageDots=function(){this.pageDots.deactivate()},t.PageDots=h;

package/dist/nano-components/{renderer-CGoibSOJ.js → renderer-BhDJHRB-.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{h as n}from"./index-CDb2_YWF.js";const t=["nano-avatar","nano-badge","nano-card","nano-cta","nano-icon-item","nano-tag","nano-content-links"];function o(n){return r&&n.startsWith("nano-")&&!t.includes(n)?`${r}-${n}`:n}function a(...t){const a=t[0];if(!a||"string"!=typeof a||!r)return n(...t);let e=a;"string"==typeof a&&(e=o(a));const i=t.slice(2);return n(e,t[1],i)}let r="";function e(n){return r=n,o}function i(){return r}a||(a={});export{i as g,a as h,e as s,o as t}
+import{h as n}from"./index-D6WdRvhp.js";const t=["nano-avatar","nano-badge","nano-card","nano-cta","nano-icon-item","nano-tag","nano-content-links"];function o(n){return r&&n.startsWith("nano-")&&!t.includes(n)?`${r}-${n}`:n}function a(...t){const a=t[0];if(!a||"string"!=typeof a||!r)return n(...t);let e=a;"string"==typeof a&&(e=o(a));const i=t.slice(2);return n(e,t[1],i)}let r="";function e(n){return r=n,o}function i(){return r}a||(a={});export{i as g,a as h,e as s,o as t}

package/dist/nano-components/{scroll-DMVLi4kX.js → scroll-CRQg8Vf0.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{a as t}from"./dom-DpX4e3pw.js";const o=new Set;function n(t){if(o.add(t),document.documentElement.classList.contains("nano-scroll-lock"))return;const n=function(){const t=document.documentElement.clientWidth,o=Math.abs(window.innerWidth-t),{paddingRight:n,paddingInlineEnd:e}=getComputedStyle(document.body);let c=Number((e||n).replace(/px/,""));return(c||isNaN(c))&&(c=0),o+c}();let e=getComputedStyle(document.documentElement).scrollbarGutter;e&&"auto"!==e||(e="stable"),n<=0&&(e="revert"),document.documentElement.style.setProperty("--nano-scroll-lock-gutter",e),document.documentElement.classList.add("nano-scroll-lock"),document.documentElement.style.setProperty("--nano-scroll-lock-size",`${n}px`)}function e(t){o.delete(t),0===o.size&&(document.documentElement.classList.remove("nano-scroll-lock"),document.documentElement.style.removeProperty("--nano-scroll-lock-size"))}function c(t,o,n=!1){if(n)try{t.scrollTo({top:o,behavior:"smooth"})}catch(n){t.scrollTop=o}else try{t.scrollTo({left:o,behavior:"smooth"})}catch(n){t.scrollLeft=o}}function r(o,n,e="vertical",r="start"){if(!o)return;const l=t(o,n),u=l.top+n.scrollTop,a=l.left+n.scrollLeft,s=n.scrollLeft+n.offsetWidth,i=n.scrollTop,d=n.scrollTop+n.offsetHeight;"horizontal"!==e&&"both"!==e||("start"===r?a<n.scrollLeft?c(n,a):a+o.clientWidth>s&&c(n,a-n.offsetWidth+o.clientWidth):c(n,n.scrollLeft+l.left-(n.offsetWidth/2-o.offsetWidth/2))),"vertical"!==e&&"both"!==e||("start"===r?u<i?c(n,u,!0):u+o.clientHeight>d&&c(n,u-n.offsetHeight+o.clientHeight,!0):c(n,n.scrollTop+l.top-(n.offsetHeight/2-o.offsetHeight/2),!0))}function l(t){let o=getComputedStyle(t);const n="absolute"===o.position,e=/(auto|scroll)/;if("fixed"===o.position)return document.documentElement;for(let c=t;c=c.parentElement;)if(o=getComputedStyle(c),(!n||"static"!==o.position)&&e.test(o.overflow+o.overflowY+o.overflowX))return c;return document.documentElement}function u(t,o=100,n="y"){const e=t.getBoundingClientRect(),c=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth;if(!(e.bottom||e.top||e.left||e.right||e.height||e.width||e.x||e.y))return!1;let l=!0;return"y"!==n&&"both"!==n||(l=!(Math.floor(100-(e.top>=0?0:e.top)/+-e.height*100)<o||Math.floor(100-(e.bottom-c)/e.height*100)<o)),("x"===n||"both"===n&&l)&&(l=!(Math.floor(100-(e.left>=0?0:e.left)/+-e.width*100)<o||Math.floor(100-(e.right-r)/e.width*100)<o)),l}export{l as f,u as i,n as l,r as s,e as u}
+import{a as t}from"./dom-dabRzt7p.js";const o=new Set;function n(t){if(o.add(t),document.documentElement.classList.contains("nano-scroll-lock"))return;const n=function(){const t=document.documentElement.clientWidth,o=Math.abs(window.innerWidth-t),{paddingRight:n,paddingInlineEnd:e}=getComputedStyle(document.body);let c=Number((e||n).replace(/px/,""));return(c||isNaN(c))&&(c=0),o+c}();let e=getComputedStyle(document.documentElement).scrollbarGutter;e&&"auto"!==e||(e="stable"),n<=0&&(e="revert"),document.documentElement.style.setProperty("--nano-scroll-lock-gutter",e),document.documentElement.classList.add("nano-scroll-lock"),document.documentElement.style.setProperty("--nano-scroll-lock-size",`${n}px`)}function e(t){o.delete(t),0===o.size&&(document.documentElement.classList.remove("nano-scroll-lock"),document.documentElement.style.removeProperty("--nano-scroll-lock-size"))}function c(t,o,n=!1){if(n)try{t.scrollTo({top:o,behavior:"smooth"})}catch(n){t.scrollTop=o}else try{t.scrollTo({left:o,behavior:"smooth"})}catch(n){t.scrollLeft=o}}function r(o,n,e="vertical",r="start"){if(!o)return;const l=t(o,n),u=l.top+n.scrollTop,a=l.left+n.scrollLeft,s=n.scrollLeft+n.offsetWidth,i=n.scrollTop,d=n.scrollTop+n.offsetHeight;"horizontal"!==e&&"both"!==e||("start"===r?a<n.scrollLeft?c(n,a):a+o.clientWidth>s&&c(n,a-n.offsetWidth+o.clientWidth):c(n,n.scrollLeft+l.left-(n.offsetWidth/2-o.offsetWidth/2))),"vertical"!==e&&"both"!==e||("start"===r?u<i?c(n,u,!0):u+o.clientHeight>d&&c(n,u-n.offsetHeight+o.clientHeight,!0):c(n,n.scrollTop+l.top-(n.offsetHeight/2-o.offsetHeight/2),!0))}function l(t){let o=getComputedStyle(t);const n="absolute"===o.position,e=/(auto|scroll)/;if("fixed"===o.position)return document.documentElement;for(let c=t;c=c.parentElement;)if(o=getComputedStyle(c),(!n||"static"!==o.position)&&e.test(o.overflow+o.overflowY+o.overflowX))return c;return document.documentElement}function u(t,o=100,n="y"){const e=t.getBoundingClientRect(),c=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth;if(!(e.bottom||e.top||e.left||e.right||e.height||e.width||e.x||e.y))return!1;let l=!0;return"y"!==n&&"both"!==n||(l=!(Math.floor(100-(e.top>=0?0:e.top)/+-e.height*100)<o||Math.floor(100-(e.bottom-c)/e.height*100)<o)),("x"===n||"both"===n&&l)&&(l=!(Math.floor(100-(e.left>=0?0:e.left)/+-e.width*100)<o||Math.floor(100-(e.right-r)/e.width*100)<o)),l}export{l as f,u as i,n as l,r as s,e as u}

package/dist/nano-components/{slot-xEoA61Tz.js → slot-D_kg1OPh.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{g as t,j as s}from"./index-CDb2_YWF.js";function h(t){const s=t.getRootNode();return s.host?s.host.innerText:t.innerText}class o{host;slotNames=[];constructor(s,...h){this.slotNames=h;const o=s.componentWillLoad;s.componentWillLoad=()=>{this.host=t(s),o&&o.call(s)};const i=s.connectedCallback;s.connectedCallback=()=>{this.host=t(s),this.hostConnected(),i&&i.call(s)};const e=s.disconnectedCallback;s.disconnectedCallback=()=>{this.hostDisconnected(),this.host=void 0,e&&e.call(s)}}hasDefaultSlot(){return!!this.host&&[...this.host.childNodes].some((t=>t.nodeType===Node.TEXT_NODE&&""!==t.textContent.trim()||t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}hasNamedSlot(t){return!!this.host&&!!this.host.querySelector(`[slot="${t}"]`)}has(t){return"[default]"===t?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host&&this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange=t=>{const h=t.target;(this.slotNames.includes("[default]")&&!h.name||h.name&&this.slotNames.includes(h.name))&&s(this.host)}}export{o as H,h as g}
+import{g as t,j as s}from"./index-D6WdRvhp.js";function h(t){const s=t.getRootNode();return s.host?s.host.innerText:t.innerText}class o{host;slotNames=[];constructor(s,...h){this.slotNames=h;const o=s.componentWillLoad;s.componentWillLoad=()=>{this.host=t(s),o&&o.call(s)};const i=s.connectedCallback;s.connectedCallback=()=>{this.host=t(s),this.hostConnected(),i&&i.call(s)};const e=s.disconnectedCallback;s.disconnectedCallback=()=>{this.hostDisconnected(),this.host=void 0,e&&e.call(s)}}hasDefaultSlot(){return!!this.host&&[...this.host.childNodes].some((t=>t.nodeType===Node.TEXT_NODE&&""!==t.textContent.trim()||t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}hasNamedSlot(t){return!!this.host&&!!this.host.querySelector(`[slot="${t}"]`)}has(t){return"[default]"===t?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host&&this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange=t=>{const h=t.target;(this.slotNames.includes("[default]")&&!h.name||h.name&&this.slotNames.includes(h.name))&&s(this.host)}}export{o as H,h as g}

package/dist/nano-components/{tabbable-DQFS44_5.js → tabbable-kd8FQPK3.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import"./index-CDb2_YWF.js";function t(e,n=!1,r=!1,i=!1){const o=[];if(e instanceof HTMLElement){if(function(t,e=!1){const n=t.tagName.toLowerCase();if(!["button","input","select","textarea","a","audio","video","summary"].includes(n))return!1;if("-1"===t.getAttribute("tabindex"))return!1;if(t.hasAttribute("disabled"))return!1;if(t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled"))return!1;if(t.hasAttribute("tabindex"))return!0;if(t.hasAttribute("contenteditable")&&"false"!==t.getAttribute("contenteditable"))return!0;if(("audio"===n||"video"===n)&&t.hasAttribute("controls"))return!0;if("input"===n&&"radio"===t.getAttribute("type")&&!t.hasAttribute("checked"))return!1;if("a"===n&&!t.hasAttribute("href"))return!1;if(!e){if(!(t.offsetWidth||t.offsetHeight||t.getClientRects().length))return!1;if("function"==typeof t.checkVisibility&&!t.checkVisibility({opacityProperty:!0,visibilityProperty:!0}))return!1}return!0}(e,r)&&(o.push(e),n))return o;!i&&e.shadowRoot&&"open"===e.shadowRoot.mode&&t(e.shadowRoot,n,r).map((t=>{o.includes(t)||o.push(t)})),HTMLSlotElement&&e instanceof HTMLSlotElement&&e.assignedElements().map((e=>{t(e,n,r).map((t=>{o.includes(t)||o.push(t)}))}))}return Array.from(e.children).map((e=>{t(e,n,r).map((t=>{o.includes(t)||o.push(t)}))})),o}function e(e){window.getTabbableElements=t;const n=t(e,!0,!0);return n.length?n[0]:null}export{e as a,t as g}
+import"./index-D6WdRvhp.js";function t(e,n=!1,r=!1,i=!1){const o=[];if(e instanceof HTMLElement){if(function(t,e=!1){const n=t.tagName.toLowerCase();if(!["button","input","select","textarea","a","audio","video","summary"].includes(n))return!1;if("-1"===t.getAttribute("tabindex"))return!1;if(t.hasAttribute("disabled"))return!1;if(t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled"))return!1;if(t.hasAttribute("tabindex"))return!0;if(t.hasAttribute("contenteditable")&&"false"!==t.getAttribute("contenteditable"))return!0;if(("audio"===n||"video"===n)&&t.hasAttribute("controls"))return!0;if("input"===n&&"radio"===t.getAttribute("type")&&!t.hasAttribute("checked"))return!1;if("a"===n&&!t.hasAttribute("href"))return!1;if(!e){if(!(t.offsetWidth||t.offsetHeight||t.getClientRects().length))return!1;if("function"==typeof t.checkVisibility&&!t.checkVisibility({opacityProperty:!0,visibilityProperty:!0}))return!1}return!0}(e,r)&&(o.push(e),n))return o;!i&&e.shadowRoot&&"open"===e.shadowRoot.mode&&t(e.shadowRoot,n,r).map((t=>{o.includes(t)||o.push(t)})),HTMLSlotElement&&e instanceof HTMLSlotElement&&e.assignedElements().map((e=>{t(e,n,r).map((t=>{o.includes(t)||o.push(t)}))}))}return Array.from(e.children).map((e=>{t(e,n,r).map((t=>{o.includes(t)||o.push(t)}))})),o}function e(e){window.getTabbableElements=t;const n=t(e,!0,!0);return n.length?n[0]:null}export{e as a,t as g}

package/dist/nano-components/table.worker-BJVVUKdP.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{c as t}from"./nano-data-table-BqsFe2Ik.js";import"./index-D6WdRvhp.js";import"./renderer-BhDJHRB-.js";import"./math-BEqsTfVK.js";import"./throttle-C93FMm2Z.js";import"./scroll-CRQg8Vf0.js";import"./dom-dabRzt7p.js";import"./index-BC1-owN1.js";const r="table.worker",o="stencil.table.worker",e=new URL("table.worker-BTF0UXAd.js",import.meta.url).href;let s;try{s=t(e,r,o)}catch(p){const i=new Blob(['importScripts("'+e+'")'],{type:"text/javascript"}),m=URL.createObjectURL(i);s=t(m,r,o),URL.revokeObjectURL(m)}export{s as worker,o as workerMsgId,r as workerName,e as workerPath}

package/dist/types/components/nav-item/nav-item.d.ts

@@ -68,6 +68,10 @@ export declare class NavItem implements ComponentInterface {
     private toggleSecondary;
     private handleClick;
     private handleDefaultSlotChange;
+    /** Closes the secondary nav panel if it is open */
+    closeMenu(): Promise<void>;
+    /** Opens the secondary nav panel if it is not open */
+    openMenu(): Promise<void>;
     connectedCallback(): void;
     componentDidLoad(): void;
     render(): any;

package/dist/types/components.d.ts

@@ -2326,6 +2326,10 @@ export namespace Components {
           * @default false
          */
         "checkbox": boolean;
+        /**
+          * Closes the secondary nav panel if it is open
+         */
+        "closeMenu": () => Promise<void>;
         /**
           * Whether secondary menus should close on blur
           * @default true
@@ -2346,6 +2350,10 @@ export namespace Components {
           * @default false
          */
         "open": boolean;
+        /**
+          * Opens the secondary nav panel if it is not open
+         */
+        "openMenu": () => Promise<void>;
         /**
           * Whether this menu item is currently 'selected'
           * @default false

package/docs-json.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-07-11T08:36:54",
+  "timestamp": "2025-07-11T22:20:45",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.35.3-dev.1752222710.56fe6e3",
+    "version": "4.35.3-dev.1752259270.e005970",
     "typescriptVersion": "5.5.4"
   },
   "components": [
@@ -19235,6 +19235,50 @@
         }
       ],
       "methods": [
+        {
+          "name": "closeMenu",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "closeMenu() => Promise<void>",
+          "parameters": [],
+          "docs": "Closes the secondary nav panel if it is open",
+          "docsTags": []
+        },
+        {
+          "name": "openMenu",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "openMenu() => Promise<void>",
+          "parameters": [],
+          "docs": "Opens the secondary nav panel if it is not open",
+          "docsTags": []
+        },
         {
           "name": "setFocus",
           "returns": {

package/hydrate/index.js

@@ -137,7 +137,7 @@ var appGlobalScript = async () => { };
 const globalScripts = appGlobalScript;
 
 /*
- Stencil Hydrate Platform v4.35.3-dev.1752222710.56fe6e3 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.35.3-dev.1752259270.e005970 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -756,7 +756,7 @@ var convertToPrivate = (node) => {
 
 // src/runtime/client-hydrate.ts
 var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  var _a, _b;
+  var _a, _b, _c;
   const endHydrate = createTime("hydrateClient", tagName);
   const shadowRoot = hostElm.shadowRoot;
   const childRenderNodes = [];
@@ -872,6 +872,9 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
       if (!hosts[slottedItem.hostId]) continue;
       const hostEle = hosts[slottedItem.hostId];
+      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
+        hostEle.appendChild(slottedItem.node);
+      }
       if (!hostEle.shadowRoot || !shadowRoot) {
         if (!slottedItem.slot["s-cr"]) {
           slottedItem.slot["s-cr"] = hostEle["s-cr"];
@@ -882,9 +885,9 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
           }
         }
         addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
-      }
-      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
-        hostEle.appendChild(slottedItem.node);
+        if (((_c = slottedItem.node.parentElement) == null ? void 0 : _c.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
+          slottedItem.node.removeAttribute("slot");
+        }
       }
     }
   }
@@ -1128,7 +1131,7 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   if (shadowRootNodes && win.document) {
     const slot = childVNode.$elm$ = win.document.createElement(childVNode.$tag$);
     if (childVNode.$name$) {
-      slot.setAttribute("name", slotName);
+      childVNode.$elm$.setAttribute("name", slotName);
     }
     if (parentVNode.$elm$.shadowRoot && parentNodeId && parentNodeId !== childVNode.$hostId$) {
       internalCall(parentVNode.$elm$, "insertBefore")(slot, internalCall(parentVNode.$elm$, "children")[0]);
@@ -1157,16 +1160,17 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   parentVNode.$children$[childVNode.$index$] = childVNode;
 }
 var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) => {
-  var _a;
+  var _a, _b;
   let slottedNode = slotNode.nextSibling;
   slottedNodes[slotNodeId] = slottedNodes[slotNodeId] || [];
+  if (!slottedNode || ((_a = slottedNode.nodeValue) == null ? void 0 : _a.startsWith(SLOT_NODE_ID + "."))) return;
   do {
-    if (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (slottedNode.nodeType === 8 /* CommentNode */ || slottedNode.nodeType === 3 /* TextNode */))) {
+    if (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (!slottedNode["getAttribute"] || !slottedNode.getAttribute("slot")) && (slottedNode.nodeType === 8 /* CommentNode */ || slottedNode.nodeType === 3 /* TextNode */))) {
       slottedNode["s-sn"] = slotName;
       slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
     }
     slottedNode = slottedNode == null ? void 0 : slottedNode.nextSibling;
-  } while (slottedNode && !((_a = slottedNode.nodeValue) == null ? void 0 : _a.startsWith("s.")));
+  } while (slottedNode && !((_b = slottedNode.nodeValue) == null ? void 0 : _b.startsWith(SLOT_NODE_ID + ".")));
 };
 var findCorrespondingNode = (node, type) => {
   let sibling = node;
@@ -23616,6 +23620,14 @@ class NavItem {
             slottedA.remove();
         }
     };
+    /** Closes the secondary nav panel if it is open */
+    async closeMenu() {
+        this.closeSecondary();
+    }
+    /** Opens the secondary nav panel if it is not open */
+    async openMenu() {
+        this.openSecondary();
+    }
     connectedCallback() {
         this.handleDefaultSlotChange();
         this.isInMenuDrawer = !!this.host.closest(transformTag('nano-menu-drawer'));
@@ -23624,22 +23636,22 @@ class NavItem {
         this.openChange();
     }
     render() {
-        return (h(Host, { key: '815fb74d8f91f3efb7c2582439b1e8f4f4aa905d', class: {
+        return (h(Host, { key: 'b6ce27588c1ca2ac2a42d0aada06d7f554a1174a', class: {
                 'nano-menu-drawer': this.isInMenuDrawer,
                 'nano-nav-item': true,
                 disabled: this.disabled,
-            }, role: this.host.closest('[role="menu"]') ? 'menuitem' : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: '63a0f2086fd81b4cbea08c385de2e493d7c8f926', class: {
+            }, role: this.host.closest('[role="menu"]') ? 'menuitem' : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: 'e8faa3568a13feb95ef131f0bd412577120fbf84', class: {
                 navitem: true,
                 'navitem--open': this.open,
                 'navitem--active': this.selected,
-            }, part: "trigger-wrapper" }, this.href && !this.disabled && (h("a", { key: 'e50cab85eba47cba80ff30a07bcab83c00595915', part: "trigger trigger--anchor", target: this.target, ref: (a) => (this.controlElement = a), href: this.href, class: {
+            }, part: "trigger-wrapper" }, this.href && !this.disabled && (h("a", { key: '4a4da7478db63015d0dcd81ed053146f8eeac5f3', part: "trigger trigger--anchor", target: this.target, ref: (a) => (this.controlElement = a), href: this.href, class: {
                 navitem__trigger: true,
-            } }, h("slot", { key: '2fc43a8c964c8e34e045e0df85d5bf355b3e9b26', name: "icon-start" }), h("span", { key: '6aed9dea66e87ef15edb69971b1c97fd8d2fbe29', class: "navitem__label", part: "label" }, h("slot", { key: '96f26809714cbe44effe57851814e1e24a6ad851', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: 'f43de3bfdb6cdea0f93fe248d873c73062a3034b', name: "icon-end" }))), (!this.href || this.disabled) && (h("button", { key: '9db35da35c662d588729976d1be17a07ed855642', role: this.checkbox ? 'checkbox' : undefined, "aria-checked": this.checkbox ? this.selected.toString() : undefined, part: "trigger trigger--button", ref: (btn) => (this.controlElement = btn), onClick: this.handleClick, disabled: this.disabled, class: {
+            } }, h("slot", { key: '1eafb7864368850ad2539c402eb1b00877f3d55e', name: "icon-start" }), h("span", { key: '8953312d4dad64ced970d2f1120c07b6c36070f1', class: "navitem__label", part: "label" }, h("slot", { key: '390f468f8d1f5d4f0669cae53ef140e452b16b07', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: '3ecd42c2ca6c1546f48a1a5fcf7742d90ad4e1c4', name: "icon-end" }))), (!this.href || this.disabled) && (h("button", { key: '0694ce0708264ef1305e4b926a2f40f1875025a9', role: this.checkbox ? 'checkbox' : undefined, "aria-checked": this.checkbox ? this.selected.toString() : undefined, part: "trigger trigger--button", ref: (btn) => (this.controlElement = btn), onClick: this.handleClick, disabled: this.disabled, class: {
                 navitem__trigger: true,
-            } }, h("slot", { key: '394a189a9d5d8b65607bd6089c9a08cdeed8e48a', name: "icon-start" }), h("span", { key: '28b56da5d700f7654c2d42fda996babff390f92e', class: "navitem__label", part: "label" }, h("slot", { key: '13a35382772f7ee79af116c500eba5d4fd4a25ad', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: '158f3590fcf2025c3c53bd3d3f9dbeddbd2829ba', name: "icon-end" }))), this.slotCtrl.has('secondary') && !this.disabled && (h("div", { key: '44ab1a0d6930f5d60b8540157911d365821f611c', part: "modal", class: {
+            } }, h("slot", { key: 'c3cc4fcbb527f5f8ea2786243fe610d587e36190', name: "icon-start" }), h("span", { key: '385c92f1f2cc26b9c7e4f1a8601920c1f3bf2171', class: "navitem__label", part: "label" }, h("slot", { key: '4e7a75c8903081856c20206aa309c2a9855991da', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: '668b95901ba0b914ccc193d4f3cc4433d908c014', name: "icon-end" }))), this.slotCtrl.has('secondary') && !this.disabled && (h("div", { key: 'f81c9aeb6c903b25a662fd1fc615d6f95f6b8f4d', part: "modal", class: {
                 navitem__modal: true,
                 'navitem__modal--open': this.didOpen,
-            }, ref: (div) => (this.secondaryDiv = div), tabIndex: -1 }, h("div", { key: '758dc3ed99502ff459b187fb42dc6f1c83f335e8', class: "navitem__modal-content", part: `modal-content ${this.didOpen ? 'modal-content--open' : ''}` }, this.slotCtrl.has('close-button') && (h("div", { key: 'fb30657f31352b234b8f5f9f7dea697b663dc05d', part: "close-button", onClick: this.closeSecondary }, h("slot", { key: 'de6bdeb04bf0543c2200cca7a7a1d8d70032d0ed', name: "close-button" }))), h("slot", { key: '45c2c6ce36042b43c8177343e238392193a16367', name: "secondary" })), h("div", { key: 'd9ccc26e9f2675dcf5fc9000bc2759fd48247fe2', class: "navitem__modal-mask", onClick: this.closeSecondary, part: `modal-mask ${this.didOpen ? 'modal-mask--open' : ''}` }))))));
+            }, ref: (div) => (this.secondaryDiv = div), tabIndex: -1 }, h("div", { key: '70a4b002e989753c461c7dac4dd975200a92e3de', class: "navitem__modal-content", part: `modal-content ${this.didOpen ? 'modal-content--open' : ''}` }, this.slotCtrl.has('close-button') && (h("div", { key: '7b0daad80ae03a29789c9d2bef74d2473f2f1f39', part: "close-button", onClick: this.closeSecondary }, h("slot", { key: '858798062958ea0f4ee809cbf853bdb83dd4d184', name: "close-button" }))), h("slot", { key: '41583a8cc59babbfb1a9a084a3de31c61a145fbc', name: "secondary" })), h("div", { key: '5c260dca9a8fdf7951349df64a037fc7415c3c4b', class: "navitem__modal-mask", onClick: this.closeSecondary, part: `modal-mask ${this.didOpen ? 'modal-mask--open' : ''}` }))))));
     }
     static get watchers() { return {
         "open": ["openChange"],
@@ -23659,7 +23671,9 @@ class NavItem {
             "closeOnBlur": [4, "close-on-blur"],
             "didOpen": [32],
             "isInMenuDrawer": [32],
-            "setFocus": [64]
+            "setFocus": [64],
+            "closeMenu": [64],
+            "openMenu": [64]
         },
         "$listeners$": [[16, "click", "handleClose"], [16, "keyup", "handleClose"]],
         "$lazyBundleId$": "-",
@@ -32666,7 +32680,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.35.3-dev.1752222710.56fe6e3 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.35.3-dev.1752259270.e005970 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {

package/hydrate/index.mjs

@@ -135,7 +135,7 @@ var appGlobalScript = async () => { };
 const globalScripts = appGlobalScript;
 
 /*
- Stencil Hydrate Platform v4.35.3-dev.1752222710.56fe6e3 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.35.3-dev.1752259270.e005970 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -754,7 +754,7 @@ var convertToPrivate = (node) => {
 
 // src/runtime/client-hydrate.ts
 var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  var _a, _b;
+  var _a, _b, _c;
   const endHydrate = createTime("hydrateClient", tagName);
   const shadowRoot = hostElm.shadowRoot;
   const childRenderNodes = [];
@@ -870,6 +870,9 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
       if (!hosts[slottedItem.hostId]) continue;
       const hostEle = hosts[slottedItem.hostId];
+      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
+        hostEle.appendChild(slottedItem.node);
+      }
       if (!hostEle.shadowRoot || !shadowRoot) {
         if (!slottedItem.slot["s-cr"]) {
           slottedItem.slot["s-cr"] = hostEle["s-cr"];
@@ -880,9 +883,9 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
           }
         }
         addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
-      }
-      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
-        hostEle.appendChild(slottedItem.node);
+        if (((_c = slottedItem.node.parentElement) == null ? void 0 : _c.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
+          slottedItem.node.removeAttribute("slot");
+        }
       }
     }
   }
@@ -1126,7 +1129,7 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   if (shadowRootNodes && win.document) {
     const slot = childVNode.$elm$ = win.document.createElement(childVNode.$tag$);
     if (childVNode.$name$) {
-      slot.setAttribute("name", slotName);
+      childVNode.$elm$.setAttribute("name", slotName);
     }
     if (parentVNode.$elm$.shadowRoot && parentNodeId && parentNodeId !== childVNode.$hostId$) {
       internalCall(parentVNode.$elm$, "insertBefore")(slot, internalCall(parentVNode.$elm$, "children")[0]);
@@ -1155,16 +1158,17 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   parentVNode.$children$[childVNode.$index$] = childVNode;
 }
 var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) => {
-  var _a;
+  var _a, _b;
   let slottedNode = slotNode.nextSibling;
   slottedNodes[slotNodeId] = slottedNodes[slotNodeId] || [];
+  if (!slottedNode || ((_a = slottedNode.nodeValue) == null ? void 0 : _a.startsWith(SLOT_NODE_ID + "."))) return;
   do {
-    if (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (slottedNode.nodeType === 8 /* CommentNode */ || slottedNode.nodeType === 3 /* TextNode */))) {
+    if (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (!slottedNode["getAttribute"] || !slottedNode.getAttribute("slot")) && (slottedNode.nodeType === 8 /* CommentNode */ || slottedNode.nodeType === 3 /* TextNode */))) {
       slottedNode["s-sn"] = slotName;
       slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
     }
     slottedNode = slottedNode == null ? void 0 : slottedNode.nextSibling;
-  } while (slottedNode && !((_a = slottedNode.nodeValue) == null ? void 0 : _a.startsWith("s.")));
+  } while (slottedNode && !((_b = slottedNode.nodeValue) == null ? void 0 : _b.startsWith(SLOT_NODE_ID + ".")));
 };
 var findCorrespondingNode = (node, type) => {
   let sibling = node;
@@ -23614,6 +23618,14 @@ class NavItem {
             slottedA.remove();
         }
     };
+    /** Closes the secondary nav panel if it is open */
+    async closeMenu() {
+        this.closeSecondary();
+    }
+    /** Opens the secondary nav panel if it is not open */
+    async openMenu() {
+        this.openSecondary();
+    }
     connectedCallback() {
         this.handleDefaultSlotChange();
         this.isInMenuDrawer = !!this.host.closest(transformTag('nano-menu-drawer'));
@@ -23622,22 +23634,22 @@ class NavItem {
         this.openChange();
     }
     render() {
-        return (h(Host, { key: '815fb74d8f91f3efb7c2582439b1e8f4f4aa905d', class: {
+        return (h(Host, { key: 'b6ce27588c1ca2ac2a42d0aada06d7f554a1174a', class: {
                 'nano-menu-drawer': this.isInMenuDrawer,
                 'nano-nav-item': true,
                 disabled: this.disabled,
-            }, role: this.host.closest('[role="menu"]') ? 'menuitem' : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: '63a0f2086fd81b4cbea08c385de2e493d7c8f926', class: {
+            }, role: this.host.closest('[role="menu"]') ? 'menuitem' : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: 'e8faa3568a13feb95ef131f0bd412577120fbf84', class: {
                 navitem: true,
                 'navitem--open': this.open,
                 'navitem--active': this.selected,
-            }, part: "trigger-wrapper" }, this.href && !this.disabled && (h("a", { key: 'e50cab85eba47cba80ff30a07bcab83c00595915', part: "trigger trigger--anchor", target: this.target, ref: (a) => (this.controlElement = a), href: this.href, class: {
+            }, part: "trigger-wrapper" }, this.href && !this.disabled && (h("a", { key: '4a4da7478db63015d0dcd81ed053146f8eeac5f3', part: "trigger trigger--anchor", target: this.target, ref: (a) => (this.controlElement = a), href: this.href, class: {
                 navitem__trigger: true,
-            } }, h("slot", { key: '2fc43a8c964c8e34e045e0df85d5bf355b3e9b26', name: "icon-start" }), h("span", { key: '6aed9dea66e87ef15edb69971b1c97fd8d2fbe29', class: "navitem__label", part: "label" }, h("slot", { key: '96f26809714cbe44effe57851814e1e24a6ad851', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: 'f43de3bfdb6cdea0f93fe248d873c73062a3034b', name: "icon-end" }))), (!this.href || this.disabled) && (h("button", { key: '9db35da35c662d588729976d1be17a07ed855642', role: this.checkbox ? 'checkbox' : undefined, "aria-checked": this.checkbox ? this.selected.toString() : undefined, part: "trigger trigger--button", ref: (btn) => (this.controlElement = btn), onClick: this.handleClick, disabled: this.disabled, class: {
+            } }, h("slot", { key: '1eafb7864368850ad2539c402eb1b00877f3d55e', name: "icon-start" }), h("span", { key: '8953312d4dad64ced970d2f1120c07b6c36070f1', class: "navitem__label", part: "label" }, h("slot", { key: '390f468f8d1f5d4f0669cae53ef140e452b16b07', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: '3ecd42c2ca6c1546f48a1a5fcf7742d90ad4e1c4', name: "icon-end" }))), (!this.href || this.disabled) && (h("button", { key: '0694ce0708264ef1305e4b926a2f40f1875025a9', role: this.checkbox ? 'checkbox' : undefined, "aria-checked": this.checkbox ? this.selected.toString() : undefined, part: "trigger trigger--button", ref: (btn) => (this.controlElement = btn), onClick: this.handleClick, disabled: this.disabled, class: {
                 navitem__trigger: true,
-            } }, h("slot", { key: '394a189a9d5d8b65607bd6089c9a08cdeed8e48a', name: "icon-start" }), h("span", { key: '28b56da5d700f7654c2d42fda996babff390f92e', class: "navitem__label", part: "label" }, h("slot", { key: '13a35382772f7ee79af116c500eba5d4fd4a25ad', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: '158f3590fcf2025c3c53bd3d3f9dbeddbd2829ba', name: "icon-end" }))), this.slotCtrl.has('secondary') && !this.disabled && (h("div", { key: '44ab1a0d6930f5d60b8540157911d365821f611c', part: "modal", class: {
+            } }, h("slot", { key: 'c3cc4fcbb527f5f8ea2786243fe610d587e36190', name: "icon-start" }), h("span", { key: '385c92f1f2cc26b9c7e4f1a8601920c1f3bf2171', class: "navitem__label", part: "label" }, h("slot", { key: '4e7a75c8903081856c20206aa309c2a9855991da', onSlotchange: this.handleDefaultSlotChange })), h("slot", { key: '668b95901ba0b914ccc193d4f3cc4433d908c014', name: "icon-end" }))), this.slotCtrl.has('secondary') && !this.disabled && (h("div", { key: 'f81c9aeb6c903b25a662fd1fc615d6f95f6b8f4d', part: "modal", class: {
                 navitem__modal: true,
                 'navitem__modal--open': this.didOpen,
-            }, ref: (div) => (this.secondaryDiv = div), tabIndex: -1 }, h("div", { key: '758dc3ed99502ff459b187fb42dc6f1c83f335e8', class: "navitem__modal-content", part: `modal-content ${this.didOpen ? 'modal-content--open' : ''}` }, this.slotCtrl.has('close-button') && (h("div", { key: 'fb30657f31352b234b8f5f9f7dea697b663dc05d', part: "close-button", onClick: this.closeSecondary }, h("slot", { key: 'de6bdeb04bf0543c2200cca7a7a1d8d70032d0ed', name: "close-button" }))), h("slot", { key: '45c2c6ce36042b43c8177343e238392193a16367', name: "secondary" })), h("div", { key: 'd9ccc26e9f2675dcf5fc9000bc2759fd48247fe2', class: "navitem__modal-mask", onClick: this.closeSecondary, part: `modal-mask ${this.didOpen ? 'modal-mask--open' : ''}` }))))));
+            }, ref: (div) => (this.secondaryDiv = div), tabIndex: -1 }, h("div", { key: '70a4b002e989753c461c7dac4dd975200a92e3de', class: "navitem__modal-content", part: `modal-content ${this.didOpen ? 'modal-content--open' : ''}` }, this.slotCtrl.has('close-button') && (h("div", { key: '7b0daad80ae03a29789c9d2bef74d2473f2f1f39', part: "close-button", onClick: this.closeSecondary }, h("slot", { key: '858798062958ea0f4ee809cbf853bdb83dd4d184', name: "close-button" }))), h("slot", { key: '41583a8cc59babbfb1a9a084a3de31c61a145fbc', name: "secondary" })), h("div", { key: '5c260dca9a8fdf7951349df64a037fc7415c3c4b', class: "navitem__modal-mask", onClick: this.closeSecondary, part: `modal-mask ${this.didOpen ? 'modal-mask--open' : ''}` }))))));
     }
     static get watchers() { return {
         "open": ["openChange"],
@@ -23657,7 +23669,9 @@ class NavItem {
             "closeOnBlur": [4, "close-on-blur"],
             "didOpen": [32],
             "isInMenuDrawer": [32],
-            "setFocus": [64]
+            "setFocus": [64],
+            "closeMenu": [64],
+            "openMenu": [64]
         },
         "$listeners$": [[16, "click", "handleClose"], [16, "keyup", "handleClose"]],
         "$lazyBundleId$": "-",
@@ -32664,7 +32678,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.35.3-dev.1752222710.56fe6e3 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.35.3-dev.1752259270.e005970 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "8.0.0-alpha.11",
+  "version": "8.0.0-alpha.12",
   "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.0.0-alpha.11"
+    "@nanoporetech-digital/style": "8.0.0-alpha.12"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.22.1",

package/dist/nano-components/table.worker-Bt49ORjw.js

@@ -1,4 +0,0 @@
-/*!
- * Custom elements for Nanopore-Digital Web applications
- */
-import{c as t}from"./nano-data-table-bZhulcwy.js";import"./index-CDb2_YWF.js";import"./renderer-CGoibSOJ.js";import"./math-BEqsTfVK.js";import"./throttle-C93FMm2Z.js";import"./scroll-DMVLi4kX.js";import"./dom-DpX4e3pw.js";import"./index-Cb6_W06a.js";const r="table.worker",o="stencil.table.worker",e=new URL("table.worker-BTF0UXAd.js",import.meta.url).href;let i;try{i=t(e,r,o)}catch(s){const p=new Blob(['importScripts("'+e+'")'],{type:"text/javascript"}),m=URL.createObjectURL(p);i=t(m,r,o),URL.revokeObjectURL(m)}export{i as worker,o as workerMsgId,r as workerName,e as workerPath}