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

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-D9sLGqee.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-B1zM-u4Y.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-Dq_pppel.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{c as t}from"./nano-data-table-TfPKf5LE.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/img/img.d.ts

@@ -1,6 +1,10 @@
 import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
 /**
- * Img with benefits. Lazy loading. Simple `srcSet` solution for both `<img>` and `background-image` varieties.
+ * Utilities for displaying images; standard or background.
+ *
+ * @status deprecated
+ * @version 1.0.0
+ *
  * @slot - Main slot. Only relevant with `<nano-img background>`
  */
 export declare class Img implements ComponentInterface {

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/slides/slides.d.ts

@@ -60,6 +60,7 @@ export declare class Slides implements ComponentInterface {
     /** Animation presets or your own custom animation function; called every frame during scroll */
     animation: SlideAnimation;
     animationChange(_?: any, oldAnim?: SlideAnimation): Promise<void>;
+    private updateOptions;
     /** Zero-based index of the selected cell. */
     currentSlide: number;
     currentSlideChange(): void;

package/dist/types/components.d.ts

@@ -1866,7 +1866,9 @@ export namespace Components {
         "size"?: 'regular' | 'large';
     }
     /**
-     * Img with benefits. Lazy loading. Simple `srcSet` solution for both `<img>` and `background-image` varieties.
+     * Utilities for displaying images; standard or background.
+     * @status deprecated
+     * @version 1.0.0
      */
     interface NanoImg {
         /**
@@ -2326,6 +2328,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 +2352,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
@@ -4230,7 +4240,9 @@ declare global {
         "nanoImgError": void;
     }
     /**
-     * Img with benefits. Lazy loading. Simple `srcSet` solution for both `<img>` and `background-image` varieties.
+     * Utilities for displaying images; standard or background.
+     * @status deprecated
+     * @version 1.0.0
      */
     interface HTMLNanoImgElement extends Components.NanoImg, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNanoImgElementEventMap>(type: K, listener: (this: HTMLNanoImgElement, ev: NanoImgCustomEvent<HTMLNanoImgElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -6740,7 +6752,9 @@ declare namespace LocalJSX {
         "size"?: 'regular' | 'large';
     }
     /**
-     * Img with benefits. Lazy loading. Simple `srcSet` solution for both `<img>` and `background-image` varieties.
+     * Utilities for displaying images; standard or background.
+     * @status deprecated
+     * @version 1.0.0
      */
     interface NanoImg {
         /**
@@ -8567,7 +8581,9 @@ declare module "@stencil/core" {
              */
             "nano-icon-item": LocalJSX.NanoIconItem & JSXBase.HTMLAttributes<HTMLNanoIconItemElement>;
             /**
-             * Img with benefits. Lazy loading. Simple `srcSet` solution for both `<img>` and `background-image` varieties.
+             * Utilities for displaying images; standard or background.
+             * @status deprecated
+             * @version 1.0.0
              */
             "nano-img": LocalJSX.NanoImg & JSXBase.HTMLAttributes<HTMLNanoImgElement>;
             /**

package/docs-json.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-07-11T08:36:54",
+  "timestamp": "2025-07-15T14:53:06",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.35.3-dev.1752222710.56fe6e3",
+    "version": "4.35.3-dev.1752259270.e005970",
     "typescriptVersion": "5.5.4"
   },
   "components": [
@@ -15361,8 +15361,16 @@
       "encapsulation": "shadow",
       "tag": "nano-img",
       "readme": "# nano-img\n\n\n",
-      "docs": "Img with benefits. Lazy loading. Simple `srcSet` solution for both `<img>` and `background-image` varieties.",
+      "docs": "Utilities for displaying images; standard or background.",
       "docsTags": [
+        {
+          "name": "status",
+          "text": "deprecated"
+        },
+        {
+          "name": "version",
+          "text": "1.0.0"
+        },
         {
           "name": "slot",
           "text": "- Main slot. Only relevant with `<nano-img background>`"
@@ -15576,7 +15584,7 @@
         {
           "name": "--padding",
           "annotation": "prop",
-          "docs": "padding around any content. Only relevent on `<nano-img background>`"
+          "docs": "padding around any content. Only relevant when using `background` attribute. Defaults to `0`."
         }
       ],
       "slots": [
@@ -19235,6 +19243,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": {
@@ -25669,34 +25721,34 @@
       "listeners": [],
       "styles": [
         {
-          "name": "--border-active-color. The color of the border when active. Defaults to `var(--nano-color-primary-1000)`.",
+          "name": "--border",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The border of the tab. Defaults to `2px solid var(--nano-color-neutral-300)`."
         },
         {
-          "name": "--border-hover-color. The color of the border on hover. Defaults to `var(--nano-color-primary-700)`.",
+          "name": "--border-active-color",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The color of the border when active. Defaults to `var(--nano-color-primary-1000)`."
         },
         {
-          "name": "--border. The border of the tab. Defaults to `2px solid var(--nano-color-neutral-300)`.",
+          "name": "--border-hover-color",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The color of the border on hover. Defaults to `var(--nano-color-primary-700)`."
         },
         {
-          "name": "--padding. The padding of the tab. Defaults to `var(--nano-spacing-md)`.",
+          "name": "--padding",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The padding of the tab. Defaults to `var(--nano-spacing-md)`."
         },
         {
-          "name": "--text-active-color. The color of the text when active. Defaults to `var(--nano-color-primary-1000)`.",
+          "name": "--text-active-color",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The color of the text when active. Defaults to `var(--nano-color-primary-1000)`."
         },
         {
-          "name": "--text-hover-color. The color of the text on hover. Defaults to `var(--nano-color-primary-1000)`.",
+          "name": "--text-hover-color",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The color of the text on hover. Defaults to `var(--nano-color-primary-1000)`."
         }
       ],
       "slots": [
@@ -26218,44 +26270,44 @@
       ],
       "styles": [
         {
-          "name": "--border. The border of the tab group. Defaults to `2px solid var(--nano-color-neutral-300)`.",
+          "name": "--border",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The border of the tab group. Defaults to `2px solid var(--nano-color-neutral-300)`."
         },
         {
-          "name": "--content-spacing. The spacing around the content area. Defaults to `var(--nano-spacing-l1-default)`.",
+          "name": "--content-spacing",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The spacing around the content area. Defaults to `var(--nano-spacing-l1-default)`."
         },
         {
-          "name": "--fade-transparency. The transparency of the fade effect. Defaults to `0`.",
+          "name": "--fade-transparency",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The transparency of the fade effect. Defaults to `0`."
         },
         {
-          "name": "--indicator-color. The color of the indicator. Defaults to `var(--nano-color-primary-1000)`.",
+          "name": "--indicator-color",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The color of the indicator. Defaults to `var(--nano-color-primary-1000)`."
         },
         {
-          "name": "--indicator-size. The size of the indicator. Defaults to `0`.",
+          "name": "--indicator-size",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The size of the indicator. Defaults to `0`."
         },
         {
-          "name": "--indicator-track-color. The color of the indicator track. Defaults to `var(--nano-color-neutral-300)`.",
+          "name": "--indicator-track-color",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The color of the indicator track. Defaults to `var(--nano-color-neutral-300)`."
         },
         {
-          "name": "--indicator-transition. The time it takes for the indicator to transition. Defaults to `var(--nano-transition-fast)`.",
+          "name": "--indicator-transition",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The time it takes for the indicator to transition. Defaults to `var(--nano-transition-fast)`."
         },
         {
-          "name": "--tab-spacing. The spacing between tabs. Defaults to `var(--nano-spacing-md)`.",
+          "name": "--tab-spacing",
           "annotation": "prop",
-          "docs": ""
+          "docs": "The spacing between tabs. Defaults to `var(--nano-spacing-md)`."
         }
       ],
       "slots": [

package/docs-vscode.json

@@ -2351,7 +2351,7 @@
       "name": "nano-img",
       "description": {
         "kind": "markdown",
-        "value": "Img with benefits. Lazy loading. Simple `srcSet` solution for both `<img>` and `background-image` varieties."
+        "value": "Utilities for displaying images; standard or background."
       },
       "attributes": [
         {