@nanoporetech-digital/components 7.9.1 → 8.0.0-alpha.0

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

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as i,g as s,a as e}from"./index-6cc72cd9.js";import{a as h}from"./dom-fafdec9a.js";import{d as n}from"./throttle-df960210.js";import{f as o}from"./scroll-parent-be39fbd0.js";import{t as r,h as a}from"./renderer-4bc3e2dc.js";const c=':host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--stuck-left:initial;--stuck-right:initial;--stuck-z-index:var(--nano-layer-index-menubar, 10);--top-hide:translateY(-110%);--bottom-hide:translateY(110%);display:block;max-inline-size:100%}:host([sticky]){position:sticky;transition:0.3s ease transform;will-change:min-block-size}:host([sticky][stuck]){inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index) !important}:host([sticky][hide][placed-top]){transform:var(--top-hide)}:host([sticky][hide][placed-bottom]){transform:var(--bottom-hide)}:host([sticky][index="1"]){z-index:calc(var(--stuck-z-index) + 1)}:host([sticky][index="2"]){z-index:calc(var(--stuck-z-index) + 2)}:host([sticky][index="3"]){z-index:calc(var(--stuck-z-index) + 3)}:host([sticky][index="4"]){z-index:calc(var(--stuck-z-index) + 4)}:host([sticky][index="5"]){z-index:calc(var(--stuck-z-index) + 5)}.sticker{display:inherit;max-inline-size:inherit;inline-size:100%}.sticker:not(.stuck){inline-size:auto !important}.sticker.sticky{transition:0.3s ease all;position:relative}:host([index="1"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 1)}:host([index="2"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 2)}:host([index="3"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 3)}:host([index="4"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 4)}:host([index="5"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 5)}.sticker.stuck{position:fixed;inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index);transform:translateY(0)}:host([placed-top]) .sticker.stuck{inset-block-start:0}:host([placed-bottom]) .sticker.stuck{inset-block-end:0}:host([placed-top]) .sticker.stuck.hide{transform:var(--top-hide)}:host([placed-bottom]) .sticker.stuck.hide{transform:var(--bottom-hide)}.sticker-content{display:flex;flex-wrap:wrap}';const f=c;function l(t){return t instanceof Document?window.pageYOffset:t.scrollTop}function d(t,i){const s=i instanceof Document?document.documentElement:i;return h(t,s)}const u=class{constructor(s){t(this,s);this.nanoStuck=i(this,"nanoStuck",7);this.nanoUnstuck=i(this,"nanoUnstuck",7);this.nanoHide=i(this,"nanoHide",7);this.nanoShow=i(this,"nanoShow",7)}isRtl=false;io;contentSizeObserver;parentSizeObserver;sticker;content;scrollPosCache=0;scrollPosThresholdCache=0;cacheOffset=0;slottedContent;pauseResizeWatcher=false;listenForScrollParent=false;stickToEleInitSize;positions=[];pauseHide=false;hasBootstrapped=false;get host(){return s(this)}isStuck=false;isRootSticker=true;hide=false;scrollHide=false;multiStickerHide=false;scrollingTo=false;quietModeIsOn=false;stuckCounter=0;stickerIndex=0;stickToEle;triggerPos;trigger;_offset=0;autoResize=true;isSticky=true;offset=0;position="top";quietMode={h:600,w:600};hideOnNewStickers=true;breakPointMax=null;breakPointMin=null;scrollParent;stickTo;nanoStuck;nanoUnstuck;nanoHide;nanoShow;async isHiding(){return this.hide}async isSticking(){this.shouldStick();return this.isStuck}async setTriggerPos(t){return this._offset=t}async getTriggerPos(){return this.triggerPos}async pauseHiding(t){this.pauseHide=t}updateTriggerOffset(){if(!this.trigger||!this.scrollParent||!this.listenForScrollParent)return;this.triggerPos=d(this.trigger,this.scrollParent)}stickerResizeListener(){if(!this.content||!window["ResizeObserver"])return;if(this.contentSizeObserver){this.contentSizeObserver.disconnect();this.contentSizeObserver=undefined}this.contentSizeObserver=new ResizeObserver((t=>{for(const i of t){if(this.pauseResizeWatcher)return;if(i.contentRect.height){if(this.position==="top")this.host.style.height=i.contentRect.height+"px";if(this.position==="bottom")this.host.style.minHeight=i.contentRect.height+"px"}}}));this.contentSizeObserver.observe(this.content)}quietModeChange(){if(this.quietMode==="on")requestAnimationFrame((()=>this.quietModeIsOn=true));else if(this.quietMode==="off")requestAnimationFrame((()=>this.quietModeIsOn=false))}setOffset(){if(this.trigger)this.trigger.setAttribute("style","");let t,i,s,e;const h=this.isRootSticker||this.stickToEle?this.sticker:this.host;if(!h)return;if(typeof this.offset==="object")({v:t,h:i}=this.offset);else t=i=this.offset;if(typeof this._offset==="object")({v:t=s,h:i=e}=this._offset);else s=e=this._offset;const n=s=>{const e=s.match(/(top|bottom)/)?t:i;o(s);h.style[s]=e+"px";if(e)this.host.style.setProperty("--hide-transform-amount",`(110% + ${e}px)`);else this.host.style.setProperty("--hide-transform-amount",null)};const o=h=>{const n=h.match(/(top|bottom)/)?t+s:i+e;this.trigger.style[h]=n*-1+"px";this.trigger.style.position="relative";this.trigger.style.minHeight="1px";this.trigger.style.maxHeight="1px";this.trigger.style.overflow="hidden"};if(this.positions.includes("start")&&this.isRtl||this.positions.includes("end")&&!this.isRtl)n("right");if(this.positions.includes("end")&&this.isRtl||this.positions.includes("start")&&!this.isRtl)n("left");if(this.positions.includes("top"))n("top");if(this.positions.includes("bottom"))n("bottom")}positionChange(){this.positions=this.position.split("-");this.setOffset()}async stuckChange(){if(this.isStuck){if(this.stickToEle){const t=this.host.children;this.slottedContent=Array.from(t);this.slottedContent.forEach((t=>{this.stickToEle.appendChild(t);t.style.order=this.stickerIndex+""}));this.nanoStuck.emit({sticker:this.stickToEle})}else this.nanoStuck.emit({sticker:this.host})}else{this.scrollHide=false;if(this.stickToEle){this.slottedContent.forEach((t=>{this.host.appendChild(t);t.style.order=""}));this.nanoUnstuck.emit({sticker:this.stickToEle})}else this.nanoUnstuck.emit({sticker:this.host})}}attachScrollListeners(){if(this.quietModeIsOn)this.scrollParent.addEventListener("scroll",this.onScroll,{passive:true,capture:false});else if(this.scrollParent){this.scrollParent.removeEventListener("scroll",this.onScroll);this.moveTrigger(true)}}handleParentEvents(t,i=null){if(!this.listenForScrollParent)return;if(i)this.manageListenersOnParent(false,i);if(this.scrollParent)this.manageListenersOnParent(!this.stickToEle)}stickToEleChange(t,i){if(this.stickToEle){this.stickToEle.addEventListener("nanoHide",this.onStickToDisplayEvent);this.stickToEle.addEventListener("nanoShow",this.onStickToDisplayEvent);this.stickToEle.addEventListener("nanoStuck",this.onStickToDisplayEvent);this.stickToEle.addEventListener("nanoUnstuck",this.onStickToDisplayEvent)}if(i){i.removeEventListener("nanoHide",this.onStickToDisplayEvent);i.removeEventListener("nanoShow",this.onStickToDisplayEvent);i.removeEventListener("nanoStuck",this.onStickToDisplayEvent);i.removeEventListener("nanoUnstuck",this.onStickToDisplayEvent)}}stickToChange(){if(typeof this.stickTo==="string")this.stickToEle=this.scrollParent.querySelector(this.stickTo);else if(this.stickTo)this.stickToEle=this.stickTo;else this.stickToEle=undefined}visibilityDecisionHandler(){if(this.multiStickerHide||this.scrollHide)this.hide=true;else this.hide=false}handleHideChange(){if(this.hide)this.nanoHide.emit({sticker:this.host});else this.nanoShow.emit({sticker:this.host})}setupIO(){if(this.io){this.io.disconnect();this.io=undefined}if(!this.scrollParent||!this.hasBootstrapped||!this.trigger)return;this.isRootSticker=this.scrollParent instanceof Document;let t=this.scrollParent;if(this.scrollParent instanceof Document)t=null;this.io=new window.IntersectionObserver((t=>{if(this.pauseResizeWatcher||!this.isSticky)return;this.shouldStick(t.slice(-1)[0])}),{root:t});this.io.observe(this.trigger)}setupParentResizeListener=()=>{if(!window["ResizeObserver"])return;if(this.parentSizeObserver){this.parentSizeObserver.disconnect();this.parentSizeObserver=undefined}this.parentSizeObserver=new ResizeObserver((t=>{for(const i of t){let t,s;if(i.contentRect.height)t=i.contentRect.height;if(i.contentRect.width)s=i.contentRect.width;if(typeof this.quietMode==="object"){if(s<this.quietMode.w||t<this.quietMode.h)this.quietModeIsOn=true;else this.quietModeIsOn=false}if(this.breakPointMin){if(s>this.breakPointMin)this.isSticky=true;else this.isSticky=false}if(this.breakPointMax){if(s<this.breakPointMax)this.isSticky=true;else this.isSticky=false}if(this.isRootSticker&&this.sticker&&this.autoResize)this.sticker.style.width=this.host.scrollWidth+"px"}}));const t=this.scrollParent instanceof Document?this.scrollParent.documentElement:this.scrollParent;if(t)this.parentSizeObserver.observe(t)};onStickToDisplayEvent=t=>{if(t.detail.sticker!==this.stickToEle)return;switch(t.type){case"nanoHide":this._offset=0;this.cacheOffset=this.offset;this.offset=0;if(!this.isStuck)this.moveTrigger(false);if(!this.isRootSticker&&this.quietModeIsOn){requestAnimationFrame((()=>{this.stickToEle.style.minHeight=this.stickToEleInitSize.height+(this.host.scrollHeight+(typeof this.cacheOffset==="object"?this.cacheOffset.v:this.cacheOffset))+"px";this.stickToEle.setTriggerPos(this.stickToEleInitSize.height*-1)}))}break;case"nanoShow":this._offset=this.stickToEleInitSize.height;this.offset=this.cacheOffset;this.moveTrigger(true);if(!this.isRootSticker&&this.quietModeIsOn){requestAnimationFrame((()=>{this.stickToEle.style.minHeight="";this.stickToEle.setTriggerPos(0)}))}break;case"nanoStuck":this.stickToEleInitSize=this.stickToEle.getBoundingClientRect();this._offset=this.stickToEleInitSize.height;break}};manageListenersOnParent(t,i){const s=i||this.scrollParent;if(!s)return;if(!t){try{if(this.quietModeIsOn)s.removeEventListener("scroll",this.onScroll);s.removeEventListener("nanoStuck",this.onStickEvent);s.removeEventListener("nanoUnstuck",this.onStickEvent)}catch(t){console.error("Events haven`t been added")}}else{s.addEventListener("nanoStuck",this.onStickEvent);s.addEventListener("nanoUnstuck",this.onStickEvent);if(this.quietModeIsOn)this.attachScrollListeners()}this.setupParentResizeListener()}onStickEvent=async t=>{const i=t.detail?t.detail.sticker:null;if(!i||i.position!==this.position)return;const s=await i.getTriggerPos();if(t.type==="nanoStuck"&&i!==this.host&&i.scrollParent===this.host.scrollParent){this.stickerIndex++;if(!this.hideOnNewStickers)return;if(this.positions.includes("top")&&this.triggerPos.top<s.top||this.positions.includes("bottom")&&this.triggerPos.top>s.top){this.multiStickerHide=true;this.stuckCounter++}}if(t.type==="nanoUnstuck"&&i!==this.host&&i.scrollParent===this.host.scrollParent){this.stickerIndex--;if(!this.hideOnNewStickers)return;if(this.positions.includes("top")&&this.triggerPos.top<s.top||this.positions.includes("bottom")&&this.triggerPos.top>s.top){this.stuckCounter--;if(this.stuckCounter<1)this.multiStickerHide=false}}};onScroll=()=>{const t=l(this.scrollParent);if(t<this.scrollPosCache){if(!this.positions.includes("bottom"))this.handleScrollTo();else this.handleScrollAway(t)}if(t>this.scrollPosCache){if(!this.positions.includes("bottom"))this.handleScrollAway(t);else this.handleScrollTo()}this.scrollPosCache=t};handleScrollTo(){this.scrollPosThresholdCache=null;if(!this.scrollHide)return;if(this.scrollingTo!==true){this._offset=this.cacheOffset||this._offset}this.scrollingTo=true;this.scrollHide=false}handleScrollAway(t){if(this.scrollHide)return;if(!this.isStuck)return;if(this.scrollingTo!==false){this.cacheOffset=this._offset;this._offset=0}this.scrollingTo=false;if(!this.scrollPosThresholdCache)this.scrollPosThresholdCache=t;else if(!this.pauseHide&&Math.abs(t-this.scrollPosThresholdCache)>100)this.scrollHide=true}moveTrigger(t){if(this.positions.includes("bottom")&&!t||!this.positions.includes("bottom")&&t){this.host.parentNode.insertBefore(this.trigger,this.host)}else this.host.parentNode.insertBefore(this.trigger,this.host.nextSibling)}shouldStick(t){let i;if(this.positions.includes("top")){if(!this.isRootSticker){i=d(this.trigger,this.scrollParent).top}else{i=this.trigger.getBoundingClientRect().top}this.isStuck=i<-1}else if(this.positions.includes("bottom")){i=this.trigger.getBoundingClientRect().top;const s=t&&t.rootBounds?t.rootBounds:(this.scrollParent instanceof Document?document.documentElement:this.scrollParent).getBoundingClientRect();this.isStuck=!t.isIntersecting||i>s.height+s.top}}bootstrapGurantor(){this.hasBootstrapped=true;const t=this.scrollParent||o(this.host);this.scrollParent=t===document.documentElement?document:t;this.isRootSticker=this.scrollParent instanceof Document;this.trigger=this.trigger||document.createElement("div");this.trigger.innerHTML="&nbsp;";this.trigger.classList.add("sticker-trigger");this.positionChange();this.moveTrigger(true);this.quietModeChange();this.listenForScrollParent=true;this.handleParentEvents(true);this.stickerIndex=Array.from(this.scrollParent.querySelectorAll(r("nano-sticker"))).filter((t=>t.position===this.position)).findIndex((t=>t===this.host));this.setOffset();this.stickerResizeListener();this.setupParentResizeListener();this.slottedContent=Array.from(this.host.children);this.slottedContent.forEach((t=>{t.style.order=this.stickerIndex+""}));this.updateTriggerOffset();this.stickToChange();this.setupIO();this.onStickToDisplayEvent=n(this.onStickToDisplayEvent,50)}connectedCallback(){this.isRtl=this.host.dir==="rtl"||this.host.ownerDocument.dir==="rtl";document.documentElement.addEventListener("nanoComponentsReady",(()=>{setTimeout((t=>this.bootstrapGurantor()),200)}));setTimeout((t=>{if(!this.hasBootstrapped)this.bootstrapGurantor()}),1e3)}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}if(this.parentSizeObserver){this.parentSizeObserver.disconnect();this.parentSizeObserver=undefined}this.scrollParent=null;this.hasBootstrapped=false}render(){return a(e,{key:"b282e10cddb66120a13fcade77d1f2b554a20579",sticky:!this.isRootSticker&&!this.stickToEle&&this.isSticky,hide:this.hide&&this.isStuck,siblings:this.stuckCounter,index:this.stickerIndex,stuck:this.isStuck&&this.isSticky,"placed-bottom":this.positions.includes("bottom"),"placed-top":this.positions.includes("top"),"placed-end":this.positions.includes("end"),"placed-start":this.positions.includes("start"),class:"nano-sticker"},a("div",{key:"33b8b8a569e522809bc9dd8efba10282728117a8",class:{sticker:true,sticky:this.isRootSticker&&this.isSticky,stuck:this.isStuck&&this.isRootSticker&&this.isSticky,hide:this.isRootSticker&&this.hide&&this.isStuck},ref:t=>this.sticker=t},a("div",{key:"bc0584d28222ecaa8c362817ef3a71f618fe4796",class:"sticker-content",ref:t=>this.content=t},a("slot",{key:"12f6f6dca5d58ccdc446aee97cd5bee39f3c322e"}))))}static get watchers(){return{trigger:["updateTriggerOffset"],scrollParent:["updateTriggerOffset","handleParentEvents","setupIO"],position:["stickerResizeListener","positionChange"],quietMode:["quietModeChange"],offset:["setOffset"],_offset:["setOffset"],isStuck:["stuckChange"],quietModeIsOn:["attachScrollListeners"],stickToEle:["handleParentEvents","stickToEleChange"],stickTo:["stickToChange"],multiStickerHide:["visibilityDecisionHandler"],scrollHide:["visibilityDecisionHandler"],hide:["handleHideChange"]}}};u.style=f;export{u as nano_sticker};
-//# sourceMappingURL=nano-sticker.entry.js.map
+import{r as t,c as i,a as s,d as e}from"./index-CFYZ-ZOT.js";import{a as h}from"./dom-CF0Ycs9M.js";import{d as n}from"./throttle-C93FMm2Z.js";import{f as o}from"./scroll-BRRzrkAi.js";import{t as r,h as a}from"./renderer-LJzCFyMt.js";function c(t,i){const s=i instanceof Document?document.documentElement:i;return h(t,s)}const d=class{constructor(s){t(this,s),this.nanoStuck=i(this,"nanoStuck",7),this.nanoUnstuck=i(this,"nanoUnstuck",7),this.nanoHide=i(this,"nanoHide",7),this.nanoShow=i(this,"nanoShow",7)}isRtl=!1;io;contentSizeObserver;parentSizeObserver;sticker;content;scrollPosCache=0;scrollPosThresholdCache=0;cacheOffset=0;slottedContent;pauseResizeWatcher=!1;listenForScrollParent=!1;stickToEleInitSize;positions=[];pauseHide=!1;hasBootstrapped=!1;get host(){return s(this)}isStuck=!1;isRootSticker=!0;hide=!1;scrollHide=!1;multiStickerHide=!1;scrollingTo=!1;quietModeIsOn=!1;stuckCounter=0;stickerIndex=0;stickToEle;triggerPos;trigger;_offset=0;autoResize=!0;isSticky=!0;offset=0;position="top";quietMode={h:600,w:600};hideOnNewStickers=!0;breakPointMax=null;breakPointMin=null;scrollParent;stickTo;nanoStuck;nanoUnstuck;nanoHide;nanoShow;async isHiding(){return this.hide}async isSticking(){return this.shouldStick(),this.isStuck}async setTriggerPos(t){return this._offset=t}async getTriggerPos(){return this.triggerPos}async pauseHiding(t){this.pauseHide=t}updateTriggerOffset(){this.trigger&&this.scrollParent&&this.listenForScrollParent&&(this.triggerPos=c(this.trigger,this.scrollParent))}stickerResizeListener(){this.content&&window.ResizeObserver&&(this.contentSizeObserver&&(this.contentSizeObserver.disconnect(),this.contentSizeObserver=void 0),this.contentSizeObserver=new ResizeObserver((t=>{for(const i of t){if(this.pauseResizeWatcher)return;i.contentRect.height&&("top"===this.position&&(this.host.style.height=i.contentRect.height+"px"),"bottom"===this.position&&(this.host.style.minHeight=i.contentRect.height+"px"))}})),this.contentSizeObserver.observe(this.content))}quietModeChange(){"on"===this.quietMode?requestAnimationFrame((()=>this.quietModeIsOn=!0)):"off"===this.quietMode&&requestAnimationFrame((()=>this.quietModeIsOn=!1))}setOffset(){let t,i,s,e;this.trigger&&this.trigger.setAttribute("style","");const h=this.isRootSticker||this.stickToEle?this.sticker:this.host;if(!h)return;"object"==typeof this.offset?({v:t,h:i}=this.offset):t=i=this.offset,"object"==typeof this._offset?({v:t=s,h:i=e}=this._offset):s=e=this._offset;const n=s=>{const e=s.match(/(top|bottom)/)?t:i;o(s),h.style[s]=e+"px",this.host.style.setProperty("--hide-transform-amount",e?`(110% + ${e}px)`:null)},o=h=>{const n=h.match(/(top|bottom)/)?t+s:i+e;this.trigger.style[h]=-1*n+"px",this.trigger.style.position="relative",this.trigger.style.minHeight="1px",this.trigger.style.maxHeight="1px",this.trigger.style.overflow="hidden"};(this.positions.includes("start")&&this.isRtl||this.positions.includes("end")&&!this.isRtl)&&n("right"),(this.positions.includes("end")&&this.isRtl||this.positions.includes("start")&&!this.isRtl)&&n("left"),this.positions.includes("top")&&n("top"),this.positions.includes("bottom")&&n("bottom")}positionChange(){this.positions=this.position.split("-"),this.setOffset()}async stuckChange(){this.isStuck?this.stickToEle?(this.slottedContent=Array.from(this.host.children),this.slottedContent.forEach((t=>{this.stickToEle.appendChild(t),t.style.order=this.stickerIndex+""})),this.nanoStuck.emit({sticker:this.stickToEle})):this.nanoStuck.emit({sticker:this.host}):(this.scrollHide=!1,this.stickToEle?(this.slottedContent.forEach((t=>{this.host.appendChild(t),t.style.order=""})),this.nanoUnstuck.emit({sticker:this.stickToEle})):this.nanoUnstuck.emit({sticker:this.host}))}attachScrollListeners(){this.quietModeIsOn?this.scrollParent.addEventListener("scroll",this.onScroll,{passive:!0,capture:!1}):this.scrollParent&&(this.scrollParent.removeEventListener("scroll",this.onScroll),this.moveTrigger(!0))}handleParentEvents(t,i=null){this.listenForScrollParent&&(i&&this.manageListenersOnParent(!1,i),this.scrollParent&&this.manageListenersOnParent(!this.stickToEle))}stickToEleChange(t,i){this.stickToEle&&(this.stickToEle.addEventListener("nanoHide",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoShow",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoStuck",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoUnstuck",this.onStickToDisplayEvent)),i&&(i.removeEventListener("nanoHide",this.onStickToDisplayEvent),i.removeEventListener("nanoShow",this.onStickToDisplayEvent),i.removeEventListener("nanoStuck",this.onStickToDisplayEvent),i.removeEventListener("nanoUnstuck",this.onStickToDisplayEvent))}stickToChange(){this.stickToEle="string"==typeof this.stickTo?this.scrollParent.querySelector(this.stickTo):this.stickTo?this.stickTo:void 0}visibilityDecisionHandler(){this.hide=!(!this.multiStickerHide&&!this.scrollHide)}handleHideChange(){this.hide?this.nanoHide.emit({sticker:this.host}):this.nanoShow.emit({sticker:this.host})}setupIO(){if(this.io&&(this.io.disconnect(),this.io=void 0),!this.scrollParent||!this.hasBootstrapped||!this.trigger)return;this.isRootSticker=this.scrollParent instanceof Document;let t=this.scrollParent;this.scrollParent instanceof Document&&(t=null),this.io=new window.IntersectionObserver((t=>{!this.pauseResizeWatcher&&this.isSticky&&this.shouldStick(t.slice(-1)[0])}),{root:t}),this.io.observe(this.trigger)}setupParentResizeListener=()=>{if(!window.ResizeObserver)return;this.parentSizeObserver&&(this.parentSizeObserver.disconnect(),this.parentSizeObserver=void 0),this.parentSizeObserver=new ResizeObserver((t=>{for(const i of t){let t,s;i.contentRect.height&&(t=i.contentRect.height),i.contentRect.width&&(s=i.contentRect.width),"object"==typeof this.quietMode&&(this.quietModeIsOn=s<this.quietMode.w||t<this.quietMode.h),this.breakPointMin&&(this.isSticky=s>this.breakPointMin),this.breakPointMax&&(this.isSticky=s<this.breakPointMax),this.isRootSticker&&this.sticker&&this.autoResize&&(this.sticker.style.width=this.host.scrollWidth+"px")}}));const t=this.scrollParent instanceof Document?this.scrollParent.documentElement:this.scrollParent;t&&this.parentSizeObserver.observe(t)};onStickToDisplayEvent=t=>{if(t.detail.sticker===this.stickToEle)switch(t.type){case"nanoHide":this._offset=0,this.cacheOffset=this.offset,this.offset=0,this.isStuck||this.moveTrigger(!1),!this.isRootSticker&&this.quietModeIsOn&&requestAnimationFrame((()=>{this.stickToEle.style.minHeight=this.stickToEleInitSize.height+(this.host.scrollHeight+("object"==typeof this.cacheOffset?this.cacheOffset.v:this.cacheOffset))+"px",this.stickToEle.setTriggerPos(-1*this.stickToEleInitSize.height)}));break;case"nanoShow":this._offset=this.stickToEleInitSize.height,this.offset=this.cacheOffset,this.moveTrigger(!0),!this.isRootSticker&&this.quietModeIsOn&&requestAnimationFrame((()=>{this.stickToEle.style.minHeight="",this.stickToEle.setTriggerPos(0)}));break;case"nanoStuck":this.stickToEleInitSize=this.stickToEle.getBoundingClientRect(),this._offset=this.stickToEleInitSize.height}};manageListenersOnParent(t,i){const s=i||this.scrollParent;if(s){if(t)s.addEventListener("nanoStuck",this.onStickEvent),s.addEventListener("nanoUnstuck",this.onStickEvent),this.quietModeIsOn&&this.attachScrollListeners();else try{this.quietModeIsOn&&s.removeEventListener("scroll",this.onScroll),s.removeEventListener("nanoStuck",this.onStickEvent),s.removeEventListener("nanoUnstuck",this.onStickEvent)}catch(t){console.error("Events haven`t been added")}this.setupParentResizeListener()}}onStickEvent=async t=>{const i=t.detail?t.detail.sticker:null;if(!i||i.position!==this.position)return;const s=await i.getTriggerPos();if("nanoStuck"===t.type&&i!==this.host&&i.scrollParent===this.host.scrollParent){if(this.stickerIndex++,!this.hideOnNewStickers)return;(this.positions.includes("top")&&this.triggerPos.top<s.top||this.positions.includes("bottom")&&this.triggerPos.top>s.top)&&(this.multiStickerHide=!0,this.stuckCounter++)}if("nanoUnstuck"===t.type&&i!==this.host&&i.scrollParent===this.host.scrollParent){if(this.stickerIndex--,!this.hideOnNewStickers)return;(this.positions.includes("top")&&this.triggerPos.top<s.top||this.positions.includes("bottom")&&this.triggerPos.top>s.top)&&(this.stuckCounter--,this.stuckCounter<1&&(this.multiStickerHide=!1))}};onScroll=()=>{const t=(i=this.scrollParent)instanceof Document?window.pageYOffset:i.scrollTop;var i;t<this.scrollPosCache&&(this.positions.includes("bottom")?this.handleScrollAway(t):this.handleScrollTo()),t>this.scrollPosCache&&(this.positions.includes("bottom")?this.handleScrollTo():this.handleScrollAway(t)),this.scrollPosCache=t};handleScrollTo(){this.scrollPosThresholdCache=null,this.scrollHide&&(!0!==this.scrollingTo&&(this._offset=this.cacheOffset||this._offset),this.scrollingTo=!0,this.scrollHide=!1)}handleScrollAway(t){this.scrollHide||this.isStuck&&(!1!==this.scrollingTo&&(this.cacheOffset=this._offset,this._offset=0),this.scrollingTo=!1,this.scrollPosThresholdCache?!this.pauseHide&&Math.abs(t-this.scrollPosThresholdCache)>100&&(this.scrollHide=!0):this.scrollPosThresholdCache=t)}moveTrigger(t){this.positions.includes("bottom")&&!t||!this.positions.includes("bottom")&&t?this.host.parentNode.insertBefore(this.trigger,this.host):this.host.parentNode.insertBefore(this.trigger,this.host.nextSibling)}shouldStick(t){let i;if(this.positions.includes("top"))i=this.isRootSticker?this.trigger.getBoundingClientRect().top:c(this.trigger,this.scrollParent).top,this.isStuck=i<-1;else if(this.positions.includes("bottom")){i=this.trigger.getBoundingClientRect().top;const s=t&&t.rootBounds?t.rootBounds:(this.scrollParent instanceof Document?document.documentElement:this.scrollParent).getBoundingClientRect();this.isStuck=!t.isIntersecting||i>s.height+s.top}}bootstrapGurantor(){this.hasBootstrapped=!0;const t=this.scrollParent||o(this.host);this.scrollParent=t===document.documentElement?document:t,this.isRootSticker=this.scrollParent instanceof Document,this.trigger=this.trigger||document.createElement("div"),this.trigger.innerHTML="&nbsp;",this.trigger.classList.add("sticker-trigger"),this.positionChange(),this.moveTrigger(!0),this.quietModeChange(),this.listenForScrollParent=!0,this.handleParentEvents(!0),this.stickerIndex=Array.from(this.scrollParent.querySelectorAll(r("nano-sticker"))).filter((t=>t.position===this.position)).findIndex((t=>t===this.host)),this.setOffset(),this.stickerResizeListener(),this.setupParentResizeListener(),this.slottedContent=Array.from(this.host.children),this.slottedContent.forEach((t=>{t.style.order=this.stickerIndex+""})),this.updateTriggerOffset(),this.stickToChange(),this.setupIO(),this.onStickToDisplayEvent=n(this.onStickToDisplayEvent,50)}connectedCallback(){this.isRtl="rtl"===this.host.dir||"rtl"===this.host.ownerDocument.dir,document.documentElement.addEventListener("nanoComponentsReady",(()=>{setTimeout((()=>this.bootstrapGurantor()),200)})),setTimeout((()=>{this.hasBootstrapped||this.bootstrapGurantor()}),1e3)}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0),this.parentSizeObserver&&(this.parentSizeObserver.disconnect(),this.parentSizeObserver=void 0),this.scrollParent=null,this.hasBootstrapped=!1}render(){return a(e,{key:"cdcb7fdadde75c5f860cbc5d93ef7d6f58bc499b",sticky:!this.isRootSticker&&!this.stickToEle&&this.isSticky,hide:this.hide&&this.isStuck,siblings:this.stuckCounter,index:this.stickerIndex,stuck:this.isStuck&&this.isSticky,"placed-bottom":this.positions.includes("bottom"),"placed-top":this.positions.includes("top"),"placed-end":this.positions.includes("end"),"placed-start":this.positions.includes("start"),class:"nano-sticker"},a("div",{key:"fa8b5831edde3d5e39036681cc75a0c2c0e84ccf",class:{sticker:!0,sticky:this.isRootSticker&&this.isSticky,stuck:this.isStuck&&this.isRootSticker&&this.isSticky,hide:this.isRootSticker&&this.hide&&this.isStuck},ref:t=>this.sticker=t},a("div",{key:"8ec62a7127c1823f5e2ab35b80617ec495fa4121",class:"sticker-content",ref:t=>this.content=t},a("slot",{key:"6206fa5ac74522b69e7c5a99b4147458399f3a5d"}))))}static get watchers(){return{trigger:["updateTriggerOffset"],scrollParent:["updateTriggerOffset","handleParentEvents","setupIO"],position:["stickerResizeListener","positionChange"],quietMode:["quietModeChange"],offset:["setOffset"],_offset:["setOffset"],isStuck:["stuckChange"],quietModeIsOn:["attachScrollListeners"],stickToEle:["handleParentEvents","stickToEleChange"],stickTo:["stickToChange"],multiStickerHide:["visibilityDecisionHandler"],scrollHide:["visibilityDecisionHandler"],hide:["handleHideChange"]}}};d.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--stuck-left:initial;--stuck-right:initial;--stuck-z-index:var(--nano-layer-index-menubar, 10);--top-hide:translateY(-110%);--bottom-hide:translateY(110%);display:block;max-inline-size:100%}:host([sticky]){position:sticky;transition:0.3s ease transform;will-change:min-block-size}:host([sticky][stuck]){inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index) !important}:host([sticky][hide][placed-top]){transform:var(--top-hide)}:host([sticky][hide][placed-bottom]){transform:var(--bottom-hide)}:host([sticky][index="1"]){z-index:calc(var(--stuck-z-index) + 1)}:host([sticky][index="2"]){z-index:calc(var(--stuck-z-index) + 2)}:host([sticky][index="3"]){z-index:calc(var(--stuck-z-index) + 3)}:host([sticky][index="4"]){z-index:calc(var(--stuck-z-index) + 4)}:host([sticky][index="5"]){z-index:calc(var(--stuck-z-index) + 5)}.sticker{display:inherit;max-inline-size:inherit;inline-size:100%}.sticker:not(.stuck){inline-size:auto !important}.sticker.sticky{transition:0.3s ease all;position:relative}:host([index="1"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 1)}:host([index="2"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 2)}:host([index="3"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 3)}:host([index="4"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 4)}:host([index="5"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 5)}.sticker.stuck{position:fixed;inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index);transform:translateY(0)}:host([placed-top]) .sticker.stuck{inset-block-start:0}:host([placed-bottom]) .sticker.stuck{inset-block-end:0}:host([placed-top]) .sticker.stuck.hide{transform:var(--top-hide)}:host([placed-bottom]) .sticker.stuck.hide{transform:var(--bottom-hide)}.sticker-content{display:flex;flex-wrap:wrap}';export{d as nano_sticker}

package/dist/nano-components/nano-tab-content.entry.js

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,g as a,a as e}from"./index-6cc72cd9.js";import{h as n}from"./renderer-4bc3e2dc.js";const o=":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{display:block;opacity:1;animation:opacity 0.3s ease-in-out forwards;animation-duration:0s !important}:host(.ready){animation-duration:0.3s !important}@media only screen and (width <= 768px){:host([animation-dir=left]){animation:slide-right 0.3s ease-in-out;opacity:1}:host([animation-dir=right]){animation:slide-left 0.3s ease-in-out;opacity:1}}.nano-tab-content{position:relative}@keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes slide-left{0%{transform:translate3d(-100%, 0, 0)}50%{transform:translate3d(0%) translate3d(-0.9em)}100%{transform:translate3d(0, 0, 0)}}@keyframes slide-right{0%{transform:translate3d(100%, 0, 0)}50%{transform:translateX(0%) translate3d(0.9em)}100%{transform:translate3d(0, 0, 0)}}@media (prefers-reduced-motion: reduce){*{animation:none !important}}";const r=o;let i=0;const s=class{constructor(a){t(this,a)}tabContentId=`nano-tab-content-${++i}`;ready=false;get host(){return a(this)}name="";active=false;componentDidLoad(){requestAnimationFrame((()=>this.ready=true))}render(){return n(e,{key:"08abcc599bd876200b180401e671ddbd6a9bf32f",id:this.host.id||this.tabContentId,style:{display:this.active?"block":"none"},role:"tabpanel","aria-hidden":this.active?"false":"true",class:{ready:this.ready,"nano-tab-content":true}},n("div",{key:"11c30baa5c02d8ad2d134e18ab7757482cbf64a1",part:"base",class:"nano-tab-content"},n("slot",{key:"e57eea4e5a61fdc5b57d9c745ea479055f3caa13"})))}};s.style=r;export{s as nano_tab_content};
-//# sourceMappingURL=nano-tab-content.entry.js.map
+import{r as t,a,d as e}from"./index-CFYZ-ZOT.js";import{h as n}from"./renderer-LJzCFyMt.js";let o=0;const i=class{constructor(a){t(this,a)}tabContentId="nano-tab-content-"+ ++o;ready=!1;get host(){return a(this)}name="";active=!1;componentDidLoad(){requestAnimationFrame((()=>this.ready=!0))}render(){return n(e,{key:"7afee777be86f5847c5ac4c8de6babae3199b01d",id:this.host.id||this.tabContentId,style:{display:this.active?"block":"none"},role:"tabpanel","aria-hidden":this.active?"false":"true",class:{ready:this.ready,"nano-tab-content":!0}},n("div",{key:"c316e2c15458eeb9fb6162d81060b81a1132e795",part:"base",class:"nano-tab-content"},n("slot",{key:"532eedd714e732749cfe9b303b1f4c633e89491c"})))}};i.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:block;opacity:1;animation:opacity 0.3s ease-in-out forwards;animation-duration:0s !important}:host(.ready){animation-duration:0.3s !important}@media only screen and (width <= 768px){:host([animation-dir=left]){animation:slide-right 0.3s ease-in-out;opacity:1}:host([animation-dir=right]){animation:slide-left 0.3s ease-in-out;opacity:1}}.nano-tab-content{position:relative}@keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes slide-left{0%{transform:translate3d(-100%, 0, 0)}50%{transform:translate3d(0%) translate3d(-0.9em)}100%{transform:translate3d(0, 0, 0)}}@keyframes slide-right{0%{transform:translate3d(100%, 0, 0)}50%{transform:translateX(0%) translate3d(0.9em)}100%{transform:translate3d(0, 0, 0)}}@media (prefers-reduced-motion: reduce){*{animation:none !important}}";export{i as nano_tab_content}

package/dist/nano-components/nano-tab-group.entry.js

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as a,g as o,a as n}from"./index-6cc72cd9.js";import{g as i,a as r}from"./dom-fafdec9a.js";import{s}from"./scroll-1afc6a4e.js";import{C as e}from"./component-store-199a9fd8.js";import{c}from"./theme-d553c17a.js";import{d}from"./transitions-c09bd7f6.js";import{t as l,h as b}from"./renderer-4bc3e2dc.js";import"./throttle-df960210.js";const h=':host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--indicator-transition:var(--nano-transition-fast, 0.3s);--indicator-color:#90c6e7;--indicator-track-color:#e4e6e8;--indicator-size:0;--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--background-rgb:var(--nano-layer-bg-rgb, 255 255 255);--scroll-btn-color:"currentColor";--content-padding:2rem 2.5rem;--content-bg:rgb(var(--background-rgb));--content-border-radius:var(--border-radius);--tabs-padding-start:2.5rem;--tabs-padding-end:2.5rem;--tabs-padding-top:0;--tabs-padding-bottom:0;--tabs-container-bg:"transparent";--tabs-bg-rgb:var(--background-rgb);--tab-border-radius:var(--border-radius) var(--border-radius) 0 0;--tab-text-color:#007495;--shadow-opacity:0.1;--fade-transparency:0;display:block;position:relative;z-index:var(--nano-layer-index-raised, 5)}@media only screen and (width <= 768px){:host{--tabs-padding-start:1.5rem;--tabs-padding-end:1.5rem}}:host ::slotted(.nano-tab){--tab-indicator-color:var(--indicator-color);--bg-rgb:var(--tabs-bg-rgb);--border-radius:var(--tab-border-radius);--grab-offset-x:var(--tabs-padding-start)}:host([placement=start]){--content-border-radius:0 var(--border-radius) var(--border-radius) 0;--content-padding:1rem;--tab-border-radius:0;--tabs-padding-start:0;--tabs-padding-end:0;--tabs-padding-top:0;--tabs-padding-bottom:0;--tab-text-color:#455556;--indicator-color:#007495;--indicator-size:2px}:host(.nano-color){--indicator-color:var(--nano-color-tint, var(--nano-color-primary-tint, #2689a5));--tab-text-color:rgb(var(--nano-color-base-rgb) / 70%)}:host(.nano-color) ::slotted(.nano-tab){--active-text-color:var(--nano-color-shade, var(--nano-color-primary-shade, #00637f))}.nano-tab-group{display:flex;border-radius:0;inline-size:100%;flex:inherit}.nano-tab-group__tabs{display:flex;position:relative;inline-size:100%}.nano-tab-group__active-tab-indicator{position:absolute;transition:var(--indicator-transition) transform ease, var(--indicator-transition) width ease}.nano-tab-group__body{background:var(--content-bg)}.nano-tab-group .nano-tab-group__nav-container{position:relative;display:flex;background:var(--tabs-container-bg)}.nano-tab-group button{appearance:none;background-color:transparent}.nano-tab-group__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;inset-block:0;border:unset;z-index:2;transition:var(--nano-transition-fast, 0.3s) ease opacity;opacity:0;color:var(--scroll-btn-color)}.nano-tab-group__scroll-button:focus{outline:none}.nano-tab-group__scroll-button.is-shown{opacity:1}.nano-tab-group__scroll-button:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8))) inset}.nano-tab-group__scroll-button--left{inset-inline-start:0}.nano-tab-group__scroll-button--right{inset-inline-end:0}.nano-tab-group__scroll-button .nano-icon{font-size:16px}.nano-tab-group--top{flex-direction:column}.nano-tab-group--top .nano-tab-group__nav-container::after{content:"";inline-size:86%;box-shadow:0 10px 40px 10px rgb(0 0 0/var(--shadow-opacity));block-size:10px;position:absolute;inset-inline-start:7%;inset-block-end:-10px;border-radius:10px;z-index:-1}.nano-tab-group--top .nano-tab-group__nav{scrollbar-width:none;-ms-overflow-style:none;padding-inline:var(--tabs-padding-start) var(--tabs-padding-end);padding-block:var(--tabs-padding-top) var(--tabs-padding-bottom);display:flex;overflow:auto hidden;transition:var(--nano-transition-medium, 0.5s) ease;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to left, rgb(0 0 0/var(--fade-transparency)) 0, rgb(0 0 0/var(--fade-transparency)) var(--tabs-padding-start), rgb(0, 0, 0) calc(var(--tabs-padding-start) * 2), rgb(0, 0, 0) calc(100% - var(--tabs-padding-end) * 2), rgb(0 0 0/var(--fade-transparency)) calc(100% - var(--tabs-padding-end)), rgb(0 0 0/var(--fade-transparency)));mask-image:linear-gradient(to left, rgb(0 0 0/var(--fade-transparency)) 0, rgb(0 0 0/var(--fade-transparency)) var(--tabs-padding-start), rgb(0, 0, 0) calc(var(--tabs-padding-start) * 2), rgb(0, 0, 0) calc(100% - var(--tabs-padding-end) * 2), rgb(0 0 0/var(--fade-transparency)) calc(100% - var(--tabs-padding-end)), rgb(0 0 0/var(--fade-transparency)));-webkit-mask-size:calc(100% + var(--tabs-padding-end) * 4);mask-size:calc(100% + var(--tabs-padding-end) * 4);-webkit-mask-position:calc(var(--tabs-padding-end) * -2);mask-position:calc(var(--tabs-padding-end) * -2)}.nano-tab-group--top .nano-tab-group__nav::-webkit-scrollbar{inline-size:0;block-size:0}.nano-tab-group--top .nano-tab-group__nav::after{content:" ";padding-inline:0 var(--tabs-padding-end);padding-block:var(--tabs-padding-top) var(--tabs-padding-bottom);line-height:1;flex:0 0 auto}.nano-tab-group--top.nano-tab-group--has-scroll-controls-left .nano-tab-group__nav{-webkit-mask-position:0;mask-position:0;-webkit-mask-size:calc(100% + var(--tabs-padding-end) * 2);mask-size:calc(100% + var(--tabs-padding-end) * 2)}.nano-tab-group--top.nano-tab-group--has-scroll-controls-right .nano-tab-group__nav{-webkit-mask-position:calc(var(--tabs-padding-end) * -1);mask-position:calc(var(--tabs-padding-end) * -1);-webkit-mask-size:calc(100% + var(--tabs-padding-end));mask-size:calc(100% + var(--tabs-padding-end))}.nano-tab-group--top.nano-tab-group--has-scroll-controls-left.nano-tab-group--has-scroll-controls-right .nano-tab-group__nav{-webkit-mask-size:100%;mask-size:100%;-webkit-mask-position:0;mask-position:0}.nano-tab-group--top .nano-tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row;text-align:center;color:var(--tab-text-color);inline-size:auto}.nano-tab-group--top .nano-tab-group__active-tab-indicator{inset-block-end:-2px;border-block-end:solid var(--indicator-size) var(--indicator-color)}.nano-tab-group--top .nano-tab-group__body{order:2;background:var(--content-bg);position:relative;overflow:hidden;inline-size:auto;display:flex;justify-content:center;padding:var(--content-padding);border-radius:var(--content-border-radius);flex:1 1 auto}.nano-tab-group--start{flex-direction:row}.nano-tab-group--start .nano-tab-group__nav{background:var(--content-bg)}.nano-tab-group--start .nano-tab-group__tabs{flex:0 0 auto;flex-direction:column;color:var(--tab-text-color);background:rgb(var(--tabs-bg-rgb));border-inline-start:solid var(--indicator-size) var(--indicator-track-color);text-align:start}.nano-tab-group--start .nano-tab-group__active-tab-indicator{inset-inline-start:-2px;border-inline-start:solid var(--indicator-size) var(--indicator-color)}.nano-tab-group--start .nano-tab-group__body{flex:1 1 auto;order:2;padding:var(--content-padding);overflow:hidden;border-radius:var(--content-border-radius)}';const p=h;let g=0;const u=class{constructor(o){t(this,o);this.nanoTabShow=a(this,"nanoTabShow",7);this.nanoTabHide=a(this,"nanoTabHide",7);this.nanoTabWillClose=a(this,"nanoTabWillClose",7);this.nanoTabClose=a(this,"nanoTabClose",7)}baseId=`nano-tab-group-${++g}`;activeTab;activePanel;activeTabIndicator;nav;tabs;rightBtn;leftBtn;isRtl;initialTouchX=null;initialTouchY=null;resizeObserver;mutationObservers=new WeakMap;get host(){return o(this)}hasScrollControls=false;hideControlRight=true;hideControlLeft=true;tab;placement="top";noScrollControls=false;color;storeId;storeMethod="session";disableSwipe;handleTabNameChange(){if(this.activeTab&&this.activeTab.panel===this.tab)return;const t=this.getAllActiveTabs.find((t=>t.panel===this.tab));this.setActiveTab(t)}handlePlacementChange(){this.syncActiveTabIndicator()}handleNoScrollControlsChange(){this.updateScrollControls()}hideRightBtn(){if(!this.rightBtn)return;d(this.rightBtn,{className:"is-shown",show:!this.hideControlRight})}hideLeftBtn(){if(!this.leftBtn)return;d(this.leftBtn,{className:"is-shown",show:!this.hideControlLeft})}watchScrollControls(){if(this.hasScrollControls)setTimeout((t=>this.handleTabScroll()),20);else setTimeout((t=>{this.hideControlLeft=this.hideControlRight=true}),20)}nanoTabShow;nanoTabHide;nanoTabWillClose;nanoTabClose;async show(t){if(this.activeTab&&this.activeTab.panel===t)return;const a=this.getAllActiveTabs.find((a=>a.panel===t));if(a)this.setActiveTab(a)}get getAllActiveTabs(){return this.getAllTabs.filter((t=>!t.disabled))}get getAllTabs(){return i(this.host,l("nano-tab"))}get getAllPanels(){return i(this.host,l("nano-tab-content"))}get getActiveTab(){return this.getAllActiveTabs.find((t=>t.active))}updateScrollControls=()=>{if(this.noScrollControls){this.hasScrollControls=false}else{this.hasScrollControls=["top"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth&&this.nav.scrollWidth>this.tabs.clientWidth}};setActiveTab(t,a=true){if(t&&t!==this.activeTab&&!t.disabled&&this.getAllActiveTabs.includes(t)){const o=this.activeTab;this.activeTab=t;this.tab=t.panel;this.getAllActiveTabs.map((t=>t.active=t===this.activeTab));this.getAllPanels.map((t=>{if(t.name===this.activeTab.panel){t.active=true;this.activePanel=t}else t.active=false;t.removeAttribute("animation-dir")}));this.syncActiveTabIndicator();if(this.nav&&["top"].includes(this.placement)){s(this.activeTab,this.nav,"horizontal","center")}if(a){if(o){this.nanoTabHide.emit({name:o.panel})}this.nanoTabShow.emit({name:this.activeTab.panel})}}}setAriaLabels(){const t=this.getAllActiveTabs;const a=this.getAllPanels;t.map(((t,o)=>{const n=a.find((a=>a.name===t.panel));if(n){if(!n.id)n.id=`${this.baseId}-panel-${o}`;if(!t.id)t.id=`${this.baseId}-tab-${o}`;t.setAttribute("aria-controls",n.id);n.setAttribute("aria-labelledby",t.id)}}))}syncActiveTabIndicator(){this.getAllTabs.forEach((t=>t.setAttribute("direction",this.placement==="top"?"horizontal":"vertical")));const t=this.getActiveTab;if(!t)return;const a=t.shadowRoot.querySelector(".nanotab")?.clientWidth||0;const o=t.clientHeight;const n=r(t,this.tabs);if(!this.activeTabIndicator)return;const i=n.top+this.nav.scrollTop;const s=n.left;switch(this.placement){case"top":this.activeTabIndicator.style.width=`${a}px`;this.activeTabIndicator.style.height=null;this.activeTabIndicator.style.transform=`translateX(${s}px)`;break;case"start":this.activeTabIndicator.style.width=null;this.activeTabIndicator.style.height=`${o}px`;this.activeTabIndicator.style.transform=`translateY(${i}px)`;break}}getNavWidth(){if(!this.nav)return 0;const t=getComputedStyle(this.nav);let a=this.nav.clientWidth;return a-=parseFloat(t.paddingLeft)+parseFloat(t.paddingRight)}handleTabClose(t){let a=this.getAllActiveTabs.indexOf(t.target);const o=t.target;if(a<0)return;const n=this.getAllPanels.find((t=>t.name===o.panel));if(!n)return;t.stopImmediatePropagation();const i=this.nanoTabWillClose.emit({name:o.panel});if(i.defaultPrevented)return;if(o.active){a=a===0?1:a-1;const t=this.getAllActiveTabs[a]?.panel;if(t)this.host.show(t)}o.remove();n.remove();this.nanoTabClose.emit({name:o.panel})}handleClick=t=>{const a=t.target;const o=a.closest(l("nano-tab"));if(o)this.setActiveTab(o)};handleKeyDown=t=>{const a=document.activeElement;if(!a||a.tagName.toLowerCase()!==l("nano-tab"))return;if(["Enter"," "].includes(t.key)){const a=t.target;const o=a.closest(l("nano-tab"));if(o){this.setActiveTab(o);t.preventDefault();t.stopPropagation()}}if(!["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))return;const o=this.getAllActiveTabs;let n=o.indexOf(a);if(t.key==="Home")n=0;if(t.key==="End")n=o.length-1;if(this.placement==="top"){if(this.isRtl&&t.key==="ArrowRight"||!this.isRtl&&t.key==="ArrowLeft"){n=Math.max(0,n-1)}if(this.isRtl&&t.key==="ArrowLeft"||!this.isRtl&&t.key==="ArrowRight"){n=Math.min(o.length-1,n+1)}}if(this.placement==="start"){if(t.key==="ArrowUp")n=Math.max(0,n-1);if(t.key==="ArrowDown")n=Math.min(o.length-1,n+1)}o[n].setFocus();if(this.placement==="top"){s(o[n],this.nav,"horizontal","center")}t.stopPropagation();t.preventDefault()};handleTabScroll=()=>{if(!this.hasScrollControls){this.hideControlLeft=this.hideControlRight=true;return}const t=this.isRtl?this.nav.scrollLeft===0:this.nav.scrollWidth-this.nav.scrollLeft===this.nav.clientWidth;const a=this.isRtl?this.nav.scrollWidth+this.nav.scrollLeft===this.nav.clientWidth:this.nav.scrollLeft===0;if(a){this.hideControlLeft=true;this.hideControlRight=false}else if(t){this.hideControlLeft=false;this.hideControlRight=true}else{this.hideControlRight=false;this.hideControlLeft=false}};handleBtnClick=(t=false)=>{const a=this.getNavWidth();let o;if(t)o=this.nav.scrollLeft+a-20;else o=this.nav.scrollLeft-a+20;try{this.nav.scroll({left:o,behavior:"smooth"})}catch(t){this.nav.scrollLeft=o}};handleTouchStart=t=>{if(this.disableSwipe)return;const a=t.changedTouches[0];this.initialTouchX=a.pageX;this.initialTouchY=a.pageY};handleTouchEnd=t=>{if(this.disableSwipe)return;const a=t.changedTouches[0];const o=a.pageX-this.initialTouchX;const n=70;const i=this.initialTouchX-a.clientX;const r=this.initialTouchY-a.clientY;const s=Math.abs(o)>=n&&Math.abs(r)<=50;const e=this.getAllActiveTabs;const c=e.findIndex((t=>t.active));if(s){const t=o<0&&this.placement==="top"||o>0&&this.placement!=="top"?1:-1;if(e[c+t]){this.setActiveTab(e[c+t]);if(Math.abs(i)>Math.abs(r)){if(i>0)this.activePanel.setAttribute("animation-dir","left");else this.activePanel.setAttribute("animation-dir","right")}}}this.initialTouchX=null;this.initialTouchY=null};handleContentSlotChange=()=>{setTimeout((()=>{this.setAriaLabels();this.setActiveTab(this.getActiveTab||this.getAllActiveTabs[0],false)}))};handleTabSlotChange=t=>{setTimeout((()=>{this.setAriaLabels();this.handleTabScroll();this.setActiveTab(this.getActiveTab||this.getAllActiveTabs[0],false);this.updateScrollControls()}),500);const a=t.target.assignedElements({flatten:true});a.forEach((t=>{if(!this.mutationObservers.get(t)){const a=new MutationObserver((()=>{setTimeout((()=>{this.syncActiveTabIndicator();this.handleTabScroll();this.updateScrollControls()}),500)}));this.mutationObservers.set(t,a);a.observe(t,{characterData:true,childList:true,subtree:true})}}))};componentDidLoad(){const t=new IntersectionObserver(((t,a)=>{if(t[0].intersectionRatio>0){this.setAriaLabels();this.setActiveTab(this.getActiveTab||this.getAllActiveTabs[0],false);if(this.storeId)e.init(this,["tab"],this.storeMethod,this.storeId);a.unobserve(t[0].target)}}));t.observe(this.host);requestAnimationFrame((()=>this.updateScrollControls()));if(!window["ResizeObserver"])return;this.resizeObserver=new ResizeObserver((()=>{setTimeout((()=>{this.updateScrollControls();this.syncActiveTabIndicator();s(this.activeTab,this.nav,"horizontal","center")}),500)}));this.resizeObserver.observe(this.nav)}connectedCallback(){this.isRtl=this.host.dir==="rtl"||this.host.ownerDocument.dir==="rtl"}disconnectedCallback(){if(this.resizeObserver)this.resizeObserver.unobserve(this.nav)}render(){this.isRtl=this.host.ownerDocument.dir==="rtl";return b(n,{key:"babc67784c37d7ba1c148f2b6672d1e9b2deda19",class:{...c(this.color),"nano-tab-group":true},dir:this.isRtl?"rtl":null},b("div",{key:"7e290c2c4db866dab8444904b90c1abcf1fb8c95",part:"base",class:{"nano-tab-group":true,"nano-tab-group--top":this.placement==="top","nano-tab-group--start":this.placement==="start","nano-tab-group--has-scroll-controls":this.hasScrollControls,"nano-tab-group--has-scroll-controls-left":!this.hideControlLeft,"nano-tab-group--has-scroll-controls-right":!this.hideControlRight},onClick:this.handleClick,onKeyDown:this.handleKeyDown},b("div",{key:"af7e627ddbeb08b811ec8b41e240ef1cd28ab7aa",class:"nano-tab-group__nav-container",part:"nav"},this.placement==="top"&&b("button",{key:"9b44ad15be0ec455ba92172edd98164a096f61f8",disabled:!this.hasScrollControls,class:{"nano-tab-group__scroll-button":true,"nano-tab-group__scroll-button--left":true},ref:t=>this.leftBtn=t,onClick:()=>this.handleBtnClick(false)},b("nano-icon",{key:"c649dadd477ebc80b84772e949103e52c9ef7412",name:"light/chevron-left",ariaLabel:"Scroll tabs towards the start"})),b("div",{key:"5d013ca00f3adabc6c3571b08a985ca52e8fbc7b",ref:t=>this.nav=t,class:"nano-tab-group__nav",onScroll:this.handleTabScroll},b("div",{key:"49b533c77d65eb3165dbded564c7eab9802688d8",ref:t=>this.tabs=t,part:"tabs",class:"nano-tab-group__tabs",role:"tablist","aria-orientation":this.placement==="start"?"vertical":"horizontal"},b("div",{key:"281f29351daf0deae5895e5424956ece03e86b46",ref:t=>this.activeTabIndicator=t,part:"active-tab-indicator",class:"nano-tab-group__active-tab-indicator"}),b("slot",{key:"2d3c27fe7b67b5c58368421b716cf0a29f435d78",name:"tabs",onSlotchange:this.handleTabSlotChange}))),this.placement==="top"&&b("button",{key:"883cba058e294b9516a9cd8af6c85f1c50ddaec7",disabled:!this.hasScrollControls,class:{"nano-tab-group__scroll-button":true,"nano-tab-group__scroll-button--right":true},ref:t=>this.rightBtn=t,onClick:()=>this.handleBtnClick(true)},b("nano-icon",{key:"c3d70037fe6e12370f2e0547cdd98df1e95f3004",name:"light/chevron-right",ariaLabel:"Scroll tabs towards the end"}))),b("slot",{key:"2f1239ebc94dff329eb520388cd0da59d60190ba",name:"tab-content-header"}),b("div",{key:"a13f28ad6ecc75c5702b92db8cea3be4cbe360d7",part:"body",class:"nano-tab-group__body",onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},b("slot",{key:"42e2b6133c478357b1a105af2961235bb4d0fe92",onSlotchange:this.handleContentSlotChange}))))}static get watchers(){return{tab:["handleTabNameChange"],placement:["handlePlacementChange"],noScrollControls:["handleNoScrollControlsChange"],hideControlRight:["hideRightBtn"],hideControlLeft:["hideLeftBtn"],hasScrollControls:["watchScrollControls"]}}};u.style=p;export{u as nano_tab_group};
-//# sourceMappingURL=nano-tab-group.entry.js.map
+import{r as t,c as o,a as i,k as s,d as r}from"./index-CFYZ-ZOT.js";import{g as a}from"./dom-CF0Ycs9M.js";import{C as n}from"./component-store-DqCSKpAK.js";import{t as e,h}from"./renderer-LJzCFyMt.js";import"./throttle-C93FMm2Z.js";let l=0;const p=class{constructor(i){t(this,i),this.nanoTabShow=o(this,"nanoTabShow",7),this.nanoTabHide=o(this,"nanoTabHide",7),this.nanoTabWillClose=o(this,"nanoTabWillClose",7),this.nanoTabClose=o(this,"nanoTabClose",7)}baseId="nano-tab-group-"+ ++l;activeTab;activePanel;isRtl;initialTouchX=null;initialTouchY=null;init=!0;_tab;get tab(){return this._tab}set tab(t){if(this.activeTab&&this.activeTab.panel===this._tab)return;const o=this.getAllActiveTabs.find((o=>o.panel===t));o&&(!this.init&&this.storeId&&n.update(this.storeId),this._tab=t,this.setActiveTab(o))}get host(){return i(this)}placement="top";noScrollControls=!1;equalTabSize=!1;size;storeId;storeMethod="url-hash";disableSwipe;nanoTabShow;nanoTabHide;nanoTabWillClose;nanoTabClose;async show(t){if(this.activeTab&&this.activeTab.panel===t)return;const o=this.getAllActiveTabs.find((o=>o.panel===t));o&&this.setActiveTab(o)}get getAllActiveTabs(){return this.getAllTabs.filter((t=>!t.disabled))}get getAllTabs(){return a(this.host,e("nano-tab"))}get getAllPanels(){return a(this.host,e("nano-tab-content"))}get getActiveTab(){return this.getAllActiveTabs.find((t=>t.active))}setActiveTab(t,o=!0){if(t&&t!==this.activeTab&&!t.disabled&&this.getAllActiveTabs.includes(t)){const i=this.activeTab;this.activeTab=t,this.tab=t.panel,this.getAllActiveTabs.map((t=>t.active=t===this.activeTab)),this.getAllPanels.map((t=>{t.name===this.activeTab.panel?(t.active=!0,this.activePanel=t):t.active=!1,t.removeAttribute("animation-dir")})),o&&(i&&this.nanoTabHide.emit({name:i.panel}),this.nanoTabShow.emit({name:this.activeTab.panel}))}}setAriaLabels(){const t=this.getAllPanels;this.getAllActiveTabs.map(((o,i)=>{const s=t.find((t=>t.name===o.panel));s&&(s.id||(s.id=`${this.baseId}-panel-${i}`),o.id||(o.id=`${this.baseId}-tab-${i}`),o.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",o.id))}))}handleTabClose(t){let o=this.getAllActiveTabs.indexOf(t.target);const i=t.target;if(o<0)return;const r=this.getAllPanels.find((t=>t.name===i.panel));if(r&&(t.stopImmediatePropagation(),!this.nanoTabWillClose.emit({name:i.panel}).defaultPrevented)){if(i.active){o=0===o?1:o-1;const t=this.getAllActiveTabs[o]?.panel;t&&this.host.show(t)}i.remove(),r.remove(),this.nanoTabClose.emit({name:i.panel}),s(this.host)}}handleClick=t=>{const o=t.target.closest(e("nano-tab"));o&&this.setActiveTab(o)};handleKeyDown=t=>{const o=document.activeElement;if(!o||o.tagName.toLowerCase()!==e("nano-tab"))return;if(["Enter"," "].includes(t.key)){const o=t.target.closest(e("nano-tab"));o&&(this.setActiveTab(o),t.preventDefault(),t.stopPropagation())}if(!["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))return;const i=this.getAllActiveTabs;let s=i.indexOf(o);"Home"===t.key&&(s=0),"End"===t.key&&(s=i.length-1),"top"===this.placement&&((this.isRtl&&"ArrowRight"===t.key||!this.isRtl&&"ArrowLeft"===t.key)&&(s=Math.max(0,s-1)),(this.isRtl&&"ArrowLeft"===t.key||!this.isRtl&&"ArrowRight"===t.key)&&(s=Math.min(i.length-1,s+1))),"start"===this.placement&&("ArrowUp"===t.key&&(s=Math.max(0,s-1)),"ArrowDown"===t.key&&(s=Math.min(i.length-1,s+1))),i[s].setFocus(),t.stopPropagation(),t.preventDefault()};handleTouchStart=t=>{if(this.disableSwipe)return;const o=t.changedTouches[0];this.initialTouchX=o.pageX,this.initialTouchY=o.pageY};handleTouchEnd=t=>{if(this.disableSwipe)return;const o=t.changedTouches[0],i=o.pageX-this.initialTouchX,s=this.initialTouchX-o.clientX,r=this.initialTouchY-o.clientY,a=Math.abs(i)>=70&&Math.abs(r)<=50,n=this.getAllActiveTabs,e=n.findIndex((t=>t.active));if(a){const t=i<0&&"top"===this.placement||i>0&&"top"!==this.placement?1:-1;n[e+t]&&(this.setActiveTab(n[e+t]),Math.abs(s)>Math.abs(r)&&this.activePanel.setAttribute("animation-dir",s>0?"left":"right"))}this.initialTouchX=null,this.initialTouchY=null};handleContentSlotChange=()=>{setTimeout((()=>{this.setAriaLabels(),this.setActiveTab(this.getActiveTab||this.getAllActiveTabs[0],!1)}))};handleTabSlotChange=()=>{setTimeout((()=>{this.setAriaLabels(),this.setActiveTab(this.getActiveTab||this.getAllActiveTabs[0],!1)}),500)};componentWillLoad(){this.init=!0}componentDidLoad(){new IntersectionObserver(((t,o)=>{if(t[0].intersectionRatio>0){if(this.setAriaLabels(),this.storeId){n.init(this,["tab"],this.storeMethod,this.storeId);const t=n.get(this.storeId),o=t.retrieve()?.tab;o&&o!==t.initialState?.tab&&this.getAllActiveTabs.forEach((t=>{t.active=t.panel===o}))}this.setActiveTab(this.getActiveTab||this.getAllActiveTabs[0],!1),o.unobserve(t[0].target),this.init=!1}})).observe(this.host)}connectedCallback(){this.isRtl="rtl"===this.host.dir||"rtl"===this.host.ownerDocument.dir}render(){if(this.isRtl="rtl"===this.host.ownerDocument.dir,0!==this.getAllTabs.length)return h(r,{dir:this.isRtl?"rtl":null,class:"nano-tab-group"},h("div",{part:"base",class:{group:!0,"group--top":"top"===this.placement,"group--start":"start"===this.placement},onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("nano-masked-overflow",{role:"nav",class:"group__tabs",part:"tabs__wrapper",exportparts:"items:tabs, scroll-button:tabs__scroll-button, indicator:active-tab-indicator",orientation:"top"===this.placement?"horizontal":"vertical",isActiveHandler:t=>this.activeTab===t,scrollControls:!this.noScrollControls,hideScrollbars:!0},h("slot",{name:"tabs",onSlotchange:this.handleTabSlotChange}),h("div",{class:"group__tabs-border"})),h("div",{part:"body",class:"group__body",onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h("slot",{onSlotchange:this.handleContentSlotChange}))))}};p.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-track-color:var(--nano-color-neutral-300);--indicator-size:0;--tab-spacing:var(--nano-spacing-md);--content-spacing:var(--nano-spacing-l1-default);display:block;position:relative;z-index:var(--nano-z-index-raised)}.group{display:flex;border-radius:0;inline-size:100%;flex:inherit}:host([equal-tab-size]) .group__tabs-border,.group__tabs[has-scroll-controls] .group__tabs-border{display:none}.group__tabs::part(items),.group__tabs [part~="items"]{gap:var(--tab-spacing)}.group--top{flex-direction:column}.group--top .group__tabs{--fade-size:100px}.group--top .group__tabs::part(items),.group--top .group__tabs [part~="items"]{align-items:flex-end}.group--top .group__tabs-border{flex:1;border-block-end:var(--border)}.group--top .group__body{order:2;position:relative;flex:1 1 auto;border-block-end:var(--border);padding-block:var(--content-spacing)}.group--start{flex-direction:row}:host([equal-tab-size]) .group--start .group__tabs::part(items),:host([equal-tab-size]) .group--start .group__tabs [part~="items"]{display:grid;grid-auto-rows:1fr}.group--start .group__tabs-border{flex:1;border-inline-end:var(--border)}.group--start .group__body{flex:1 1 auto;order:2;overflow:hidden;padding-inline-start:var(--content-spacing)}';export{p as nano_tab_group}

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

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as a,c as e,g as t,a as o}from"./index-6cc72cd9.js";import{h as n}from"./renderer-4bc3e2dc.js";const i=':host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));--padding-v:0.75rem;--padding-h:1rem;--bg-rgb:var(--nano-layer-bg-rgb, 255 255 255);--active-bg:rgb(var(--bg-rgb) / 100%);--inactive-bg:rgb(var(--bg-rgb) / 70%);--disabled-bg-rgb:var(--bg-rgb);--text-color:#007495;--disabled-text-color:#455556;--active-text-color:#0c5a71;--h-font-size:0.93em;--v-font-size:0.875em;--tab-spacing:0.5rem;--tab-divider-size:0;--tab-divider-color:#90c6e7;--tab-indicator-size:5px;--border-radius:inherit;display:inline-block;cursor:pointer;border-radius:var(--border-radius)}:host([direction=vertical]){--padding-v:1rem;--padding-h:1rem}:host([direction=vertical]) .nanotab{font-size:var(--v-font-size)}:host([direction=vertical]) .nanotab.nanotab--active{font-weight:600;color:var(--active-text-color)}:host(.nano-sortable__dragged){box-shadow:none}:host(.nano-sortable__dragged) .nanotab{box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2))}:host([direction=horizontal]) .nanotab{font-size:var(--h-font-size);margin-block-start:var(--tab-indicator-size);border-inline-end:solid var(--tab-divider-size) var(--tab-divider-color)}:host([direction=horizontal]) .nanotab.nanotab--active{margin-block-start:0;border-block-start:solid var(--tab-indicator-size) var(--tab-indicator-color);background:var(--active-bg);color:var(--active-text-color)}.nanotab{font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--border-radius);margin-inline-end:var(--tab-spacing);padding-block:var(--padding-v);padding-inline:var(--padding-h);display:flex;block-size:100%;inline-size:auto;background:var(--inactive-bg);-webkit-user-select:none;user-select:none;overflow:visible;white-space:nowrap;align-items:center;position:relative}.nanotab ::slotted(*){display:flex;align-items:center}.nanotab ::slotted(.nano-sortable__keyboard-handle){position:absolute;inset-inline-end:-1em;background:var(--inactive-bg);z-index:1}:host(:last-of-type) .nanotab{margin-inline-end:0}.nanotab--disabled{background:rgb(var(--disabled-bg-rgb)/100%);opacity:0.5;cursor:not-allowed;color:var(--disabled-text-color)}.nanotab--closable{padding-inline-end:0}.nanotab__tab{display:flex;border-radius:inherit}.nanotab__tab:hover:not(.tab--disabled){text-shadow:0 0 0.01px var(--text-color)}.nanotab__tab:focus{outline:none;outline-style:none;box-shadow:none;border-color:transparent}.nanotab__tab::before{content:"";position:absolute;inset:0;border-radius:inherit}.nanotab__tab:focus-visible:not(.nanotab--disabled)::before{box-shadow:var(--focus-shadow) inset}.nanotab--active .nanotab__tab:focus-visible:not(.nanotab--disabled)::before{box-shadow:var(--focus-shadow)}.nanotab__close-button{margin-inline:var(--nano-spacing-small, 8px) calc(var(--padding-h) / 2);appearance:none !important;--padding:var(--nano-spacing-xsmall, 4px) !important}';const r=i;let s=0;const b=class{constructor(t){a(this,t);this.nanoTabClose=e(this,"nanoTabClose",7)}tabId=`nano-tab-${++s}`;tab;get host(){return t(this)}panel="";active=false;disabled=false;closable=false;nanoTabClose;async setFocus(){this.tab.focus({preventScroll:true})}async removeFocus(){this.tab.blur()}handleCloseClick=()=>{this.nanoTabClose.emit()};handleCloseKeydown=a=>{if(a.key===" ")this.handleCloseClick()};render(){return n(o,{key:"9204530dd88067b2d463fb75e96094856f5b96f8",id:this.host.id||this.tabId,role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",class:"nano-tab"},n("div",{key:"13093d143297235f93f4d79bbb8c893cfff69b6c",part:"base",class:{nanotab:true,"nanotab--active":this.active,"nanotab--disabled":this.disabled,"nanotab--closable":this.closable}},n("slot",{key:"89560d0bc1eb63f654cd67859d20f6a2f7156c6c",name:"start"}),n("div",{key:"2960d4c7ecb1a69d578b46a2a3dc0fce8420cf1b",part:"tab",ref:a=>this.tab=a,tabindex:this.disabled||!this.active?"-1":"0",class:"nanotab__tab"},n("slot",{key:"8060e84517e8b156b8bec769ff3f3dade3999720"})),this.closable&&!this.disabled&&n("nano-icon-button",{key:"0ed730a6b5161e631e4750ff818d03a9144ff5b8",label:"Close this tab",iconName:"light/xmark",class:"nanotab__close-button",onClick:this.handleCloseClick,onKeyDown:this.handleCloseKeydown,part:"close-btn"}),n("slot",{key:"2dbdea7e63a88719e597bc7237f2f9fdf5ed3ee8",name:"end"})))}};b.style=r;export{b as nano_tab};
-//# sourceMappingURL=nano-tab.entry.js.map
+import{r as a,c as o,a as e,d as t}from"./index-CFYZ-ZOT.js";import{h as r}from"./renderer-LJzCFyMt.js";let n=0;const i=class{constructor(e){a(this,e),this.nanoTabClose=o(this,"nanoTabClose",7)}tabId="nano-tab-"+ ++n;tab;get host(){return e(this)}panel="";active=!1;disabled=!1;closable=!1;nanoTabClose;async setFocus(){this.tab.focus({preventScroll:!0})}async removeFocus(){this.tab.blur()}handleCloseClick=()=>{this.nanoTabClose.emit()};handleCloseKeydown=a=>{" "===a.key&&(a.preventDefault(),this.handleCloseClick())};render(){return r(t,{key:"67fe232bda16bf41bf1268a1891cfeb6483ebd02",id:this.host.id||this.tabId,role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",class:"nano-tab"},r("div",{key:"6f07d7d5a89071e094fe3deb19e88ec66a524f3d",part:`base${this.active?" base--active":""}${this.disabled?" base--disabled":""}${this.closable?" base--closable":""}`,class:{tab:!0,"tab--active":this.active,"tab--disabled":this.disabled,"tab--closable":this.closable}},r("slot",{key:"4c8dce458c8ae3ed526d4aed7332650be891510c",name:"start"}),r("div",{key:"e71cced02347ffaa432b5711af54666ac0a6cfd6",part:"label",ref:a=>this.tab=a,tabindex:this.disabled||!this.active?"-1":"0",class:"tab__label"},r("slot",{key:"382f7f77b009e3a5cf3af3d3b94b02e639bf2934"})),r("slot",{key:"82a2c81ab573d3c78b7d913f4b7ab146e7c6d5b2",name:"end"}),this.closable&&!this.disabled&&r("nano-icon-button",{key:"14e812f9acd5e081a1eba5014f6d4fe4b79371e2",label:"Close this tab",iconName:"light/xmark",class:"tab__close-button",onClick:this.handleCloseClick,onKeyDown:this.handleCloseKeydown,part:"close-button"})))}};i.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--border-hover-color:var(--nano-color-primary-700);--border-active-color:var(--nano-color-primary-1000);--text-hover-color:var(--nano-color-primary-1000);--text-active-color:var(--nano-color-primary-1000);--padding:var(--nano-spacing-md);font-size:var(--nano-font-size-small);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);display:inline-block;cursor:pointer;color:var(--nano-color-neutral-1400);border:var(--border);border-inline-end-width:0;border-inline-start-width:0;border-block-start-width:0;border-block-end:var(--border)}:host(:not([disabled]):hover){border-color:var(--border-hover-color);color:var(--text-hover-color)}:host(:not([disabled]):active),:host([active]){border-color:var(--border-active-color);color:var(--text-active-color)}:host(.nano-sortable__dragged){background:var(--nano-color-base-0);opacity:0.9 !important;box-shadow:var(--nano-shadow-l0) !important}.tab{padding:var(--padding);display:flex;white-space:nowrap;align-items:center;position:relative;gap:var(--nano-spacing-sm);justify-content:center}.tab.tab--disabled{opacity:0.5;cursor:not-allowed}.tab.tab--closable{padding-inline-end:calc(var(--padding) - var(--nano-spacing-sm))}.tab ::slotted(*),.tab::slotted(*){display:flex;align-items:center}.tab ::slotted(.nano-sortable__keyboard-handle){position:absolute;inset-inline-end:-1em;z-index:1}.tab:not(.tab--disabled):has(.tab__label:focus-visible){outline:var(--nano-focus-ring);outline-offset:-3px}.tab__label{display:flex;flex-direction:column;gap:var(--nano-spacing-sm);align-items:center}.tab__label:focus{outline:none}.tab__close-button{color:var(--nano-color-primary-1200);--hover-color:var(--nano-color-primary-700)}";export{i as nano_tab}

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

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-export{T as nano_table}from"./nano-table-3965ddd0.js";import"./index-6cc72cd9.js";import"./renderer-4bc3e2dc.js";import"./math-d160f8a6.js";import"./throttle-df960210.js";import"./scroll-parent-be39fbd0.js";import"./index-f5f7b950.js";
-//# sourceMappingURL=nano-table.entry.js.map
+import{a as t,r as e,d as o}from"./index-CFYZ-ZOT.js";import{d as s}from"./throttle-C93FMm2Z.js";import{t as i,h as n}from"./renderer-LJzCFyMt.js";const r=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 s=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",s),s>0&&e.style.setProperty("--sticky-start",`${s}px`),s+=e.offsetWidth-1);s=0;for(const e of[...t].reverse())e.matches("[sticky=end]")&&(this.makeCellsSticky(e,"end",s),s>0&&e.style.setProperty("--sticky-end",`${s}px`),s+=e.offsetWidth-1)}if(t.querySelector("[sticky=top]")){s=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]")&&s>0&&o.style.setProperty("--sticky-top",`${s}px`),t===e.length-1&&(s+=o.offsetHeight-1)}}this.settingUp=!1,this.propsReady=!0};getRowClickElements(t){const e=t.querySelectorAll("a"),o=t.querySelectorAll("button"),s=Array.from(t.querySelectorAll('input[type="checkbox"]')).filter((t=>!t.closest("nano-checkbox"))),i=Array.from(t.querySelectorAll('input[type="radio"]')).filter((t=>!t.closest("nano-checkbox")));return[...e,...o,...t.querySelectorAll("nano-checkbox"),...s,...i]}rowClickHandler=t=>{const e=t.target,o=e.closest("tr");if(!o)return;const s=this.getRowClickElements(o);1===s.length&&e.closest(s[0].tagName)!==s[0]&&s[0].click()};makeCellsSticky(t,e,o=0){const s=t.closest("table"),i=t.closest("tr"),n=Array.from(i.cells);let r=0;for(const e of n){if(e===t)break;r+=e.colSpan||1}for(const t of s.tBodies)for(const s of t.rows){let t=0;for(const i of s.cells){const s=i.colSpan||1;if(t<=r&&r<t+s){i.setAttribute("sticky",e),o>0&&i.style.setProperty("--sticky-"+e,`${o}px`);break}t+=s}}}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=s(this.setupProperties,100)}connectedCallback(){this.addObservers(),this.handleHideCaptionChange()}componentDidRender(){!1!==this.scrollable&&this.table&&customElements.whenDefined(i("nano-masked-overflow")).then((()=>{this.host.querySelector(".nano-table__overflow")?.appendChild(this.table)}))}disconnectedCallback(){this.cleanUpObservers()}render(){return n(o,{key:"61d6bc7ce049b636466f22e2ebec084752ecfd29",class:{"nano-table":!0,"nano-table--props-ready":this.propsReady}},this.scrollable&&n("nano-masked-overflow",{key:"0534fae03c985ea7f1247bce7abdb5deac889feb",hideScrollbars:!1,scrollControls:!1,label:this.caption?.textContent||void 0,class:"nano-table__overflow-container"},n("div",{key:"8e911ddbf727b07c8cd56dab2d56568b73a745b2",class:"nano-table__overflow"})),n("slot",{key:"2d57257dc468275502d1c1a1d2c07e32f8cfa881"}))}static get watchers(){return{compact:["handleCompactChange"],hideCaption:["handleHideCaptionChange"]}}};r.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";export{r as nano_table}

package/dist/nano-components/page-dots-Cq8hjoql.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{F as t,u as i,U as s}from"./nano-slides-BcyK9Szs.js";import"./index-CFYZ-ZOT.js";import"./renderer-LJzCFyMt.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/pictogram/analyse.svg

@@ -0,0 +1,10 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9427)">
+<path d="M53.7925 31.2883C53.623 25.9675 51.5554 20.9759 47.9129 17.0936L55.1307 9.87578L54.6275 9.37256C48.5834 3.32856 40.5475 0 32 0H31.2883V10.2075C25.7308 10.3845 20.5316 12.6311 16.5814 16.5814C12.6311 20.5316 10.3845 25.7308 10.2075 31.2883H0V32C0 40.5475 3.32856 48.5834 9.37256 54.6275L9.87578 55.1307L17.0936 47.9129C20.9759 51.5554 25.9675 53.623 31.2883 53.7925V64H32C40.5476 64 48.5834 60.6714 54.6274 54.6274C60.6714 48.5834 64 40.5476 64 32V31.2883H53.7925ZM17.0936 45.8999C13.8436 42.4168 11.7968 37.7981 11.6214 32.7117H20.5093C20.6711 35.3513 21.7261 37.753 23.3754 39.6181L17.0936 45.8999ZM21.9801 32C21.9801 26.475 26.475 21.9801 32 21.9801C37.525 21.9801 42.0198 26.475 42.0198 32C42.0198 37.525 37.525 42.0198 32 42.0198C26.475 42.0198 21.9801 37.525 21.9801 32ZM39.6181 23.3754C37.753 21.7261 35.3513 20.6711 32.7117 20.5093V11.6214C37.7981 11.7968 42.4168 13.8436 45.8999 17.0936L39.6181 23.3754ZM32.7117 43.4906C38.4944 43.1362 43.1362 38.4944 43.4906 32.7117H52.3787C52.0104 43.3913 43.3913 52.0104 32.7117 52.3787V43.4906ZM52.3787 31.2883H43.4906C43.3288 28.6487 42.2739 26.247 40.6245 24.3819L46.9064 18.1001C50.1564 21.5832 52.2033 26.2019 52.3787 31.2883ZM53.112 9.88149L46.9064 16.0871C43.0241 12.4446 38.0326 10.377 32.7117 10.2075V1.43136C40.3755 1.60531 47.5699 4.58534 53.112 9.88149ZM31.2883 11.6214V20.5093C25.5056 20.8638 20.8638 25.5056 20.5093 31.2883H11.6214C11.9897 20.6087 20.6087 11.9897 31.2883 11.6214ZM1.43136 32.7117H10.2075C10.377 38.0326 12.4446 43.0241 16.0871 46.9064L9.88149 53.112C4.58534 47.5699 1.60531 40.3755 1.43136 32.7117ZM18.1001 46.9064L24.3819 40.6245C26.247 42.2739 28.6487 43.3288 31.2883 43.4906V52.3787C26.2019 52.2033 21.5832 50.1564 18.1001 46.9064ZM53.621 53.621C48.0139 59.2281 40.6124 62.3893 32.7117 62.5686V53.7925C38.2693 53.6154 43.4684 51.3689 47.4186 47.4186C51.3689 43.4684 53.6154 38.2693 53.7925 32.7117H62.5686C62.3893 40.6124 59.2281 48.0139 53.621 53.621Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9427">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/nano-components/pictogram/animal-research.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M56.0114 17.4348C50.8178 17.4348 46.2518 20.9384 44.9076 25.955L39.4634 46.2731H24.5366L19.0924 25.955C17.7482 20.9384 13.1821 17.4348 7.9886 17.4348H0L0.885379 20.7391C2.22958 25.7557 6.79562 29.2593 11.9891 29.2593H15.6355V28.0533H11.9891C7.3405 28.0533 3.25351 24.9172 2.05035 20.427L1.57172 18.6408H7.9886C12.6373 18.6408 16.7242 21.7769 17.9274 26.2671L23.4267 46.7909L20.4388 51.9661C19.7085 53.2311 19.7085 54.7416 20.4388 56.0066C21.1692 57.2716 22.4772 58.0268 23.9379 58.0268H40.0555C41.5162 58.0268 42.8243 57.2716 43.5546 56.0066C44.2849 54.7416 44.2849 53.2311 43.5546 51.9661L40.5712 46.7988L46.0726 26.2671C47.2757 21.7769 51.3627 18.6408 56.0114 18.6408H62.4282L61.9496 20.427C60.7465 24.9172 56.6595 28.0533 52.0109 28.0533H48.3644V29.2593H52.0109C57.2044 29.2593 61.7704 25.7557 63.1146 20.7391L64 17.4348H56.0114ZM39.1403 47.4791L36.6372 56.8207H27.3628L24.8597 47.4791H39.1403ZM21.4833 55.4036C20.9709 54.5161 20.9709 53.4566 21.4833 52.5691L23.8682 48.4384L26.1142 56.8207H23.9379C22.9133 56.8207 21.9956 56.2909 21.4833 55.4036ZM42.5101 52.5691C43.0225 53.4566 43.0225 54.5161 42.5101 55.4036C41.9978 56.2909 41.0802 56.8207 40.0555 56.8207H37.8858L40.1298 48.4461L42.5101 52.5691Z"/>
+<path d="M18.6849 20.3014C18.8441 20.34 19.012 20.312 19.1502 20.2242C22.9977 17.7788 27.4411 16.4863 32 16.4863C36.5589 16.4863 41.0023 17.7788 44.8499 20.2242C44.9474 20.2862 45.0598 20.3183 45.1734 20.3183C45.2207 20.3183 45.2684 20.3127 45.3151 20.3014C45.4743 20.2629 45.6109 20.1614 45.6937 20.0201C48.1566 15.8164 49.4585 11.0191 49.4585 6.1469V5.97339H48.2524V6.1469C48.2524 10.5989 47.1153 14.9857 44.9589 18.8739C41.044 16.5209 36.5774 15.2802 32 15.2802C27.4226 15.2802 22.956 16.5209 19.041 18.8739C16.8846 14.9857 15.7475 10.5989 15.7475 6.1469V5.97339H14.5415V6.1469C14.5415 11.0191 15.8434 15.8164 18.3064 20.0201C18.3892 20.1614 18.5258 20.2629 18.6849 20.3014Z"/>
+</svg>

package/dist/nano-components/pictogram/assembly.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M38.5463 48.4825C38.5463 48.4777 38.5457 48.4731 38.5456 48.4683V41.23C38.5457 41.2252 38.5463 41.2206 38.5463 41.2158C38.5463 41.211 38.5457 41.2064 38.5456 41.2016V37.7744C38.5456 35.5269 37.412 33.4633 35.5141 32.2548C35.3904 32.1758 35.372 32.0604 35.3721 31.9987C35.3722 31.9377 35.3905 31.8236 35.5135 31.7456C37.412 30.5367 38.5456 28.4731 38.5456 26.2256V6.54592C38.5456 2.93648 35.6091 0 31.9997 0C28.3902 0 25.4537 2.93648 25.4537 6.54592V26.2256C25.4537 28.4714 26.5871 30.5349 28.4852 31.7451C28.609 31.8241 28.6273 31.9395 28.6272 32.0012C28.6272 32.0623 28.6088 32.1764 28.4855 32.2546C26.5871 33.4651 25.4537 35.5286 25.4537 37.7744V57.454C25.4537 61.0635 28.3902 64 31.9997 64C35.6091 64 38.5456 61.0635 38.5456 57.454V55.76C38.5457 55.7553 38.5463 55.7506 38.5463 55.7459C38.5463 55.7411 38.5457 55.7364 38.5456 55.7317V48.4967C38.5457 48.4919 38.5463 48.4873 38.5463 48.4825ZM26.9196 41.9487H37.0797V47.7496H26.9196V41.9487ZM26.9196 49.2154H37.0797V55.0129H26.9196V49.2154ZM29.2723 33.4914C29.7855 33.1656 30.0923 32.6093 30.0931 32.0031C30.0938 31.3958 29.7876 30.8375 29.2736 30.5094C27.7996 29.5695 26.9196 27.9681 26.9196 26.2256V18.8384H37.0797V26.2256C37.0797 27.9694 36.1999 29.5707 34.7271 30.5085C34.2139 30.8343 33.907 31.3906 33.9062 31.9969C33.9055 32.6042 34.2118 33.1626 34.7262 33.4908C36.1999 34.4292 37.0797 36.0305 37.0797 37.7744V40.4829H26.9196V37.7744C26.9196 36.0319 27.7996 34.4305 29.2723 33.4914ZM31.9997 62.5342C29.1985 62.5342 26.9196 60.2552 26.9196 57.454V56.4788H37.0797V57.454C37.0797 60.2552 34.8008 62.5342 31.9997 62.5342Z"/>
+</svg>

package/dist/nano-components/pictogram/biopharma.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M43.1643 10.613V7.91002C44.599 7.79739 45.7322 6.59482 45.7322 5.13169V2.78787C45.7322 1.25064 44.4816 0 42.9443 0H21.0556C19.5184 0 18.2678 1.25064 18.2678 2.78787V5.13169C18.2678 6.59484 19.401 7.79744 20.8357 7.91002L20.8357 10.613C16.676 10.9886 13.4053 14.495 13.4053 18.7508V59.4986C13.4053 61.9807 15.4246 64 17.9067 64H46.0899C48.5739 64 50.5948 61.9791 50.5948 59.4952V18.7508C50.5948 14.495 47.324 10.9886 43.1643 10.613ZM19.749 5.13169V2.78787C19.749 2.06735 20.3351 1.48113 21.0556 1.48113H42.9443C43.6649 1.48113 44.2511 2.06735 44.2511 2.78787V5.13169C44.2511 5.85221 43.6649 6.43837 42.9443 6.43837H21.0556C20.3351 6.43837 19.749 5.85221 19.749 5.13169ZM14.8864 43.7031H32V42.222H14.8864V38.0305H32V36.5493H14.8864V32.3578H32V30.8767H14.8864V23.0786H38.5422C39.4482 23.0786 40.1854 23.8158 40.1854 24.7219V49.8578C40.1854 50.764 39.4482 51.5012 38.5422 51.5012H14.8864V43.7031ZM49.1136 59.4952C49.1136 61.1624 47.7572 62.5189 46.0899 62.5189H17.9067C16.2413 62.5189 14.8864 61.164 14.8864 59.4986V52.9823H38.5422C40.265 52.9823 41.6665 51.5806 41.6665 49.8578V24.7219C41.6665 22.9991 40.265 21.5975 38.5422 21.5975H14.8864V18.7508C14.8864 15.062 17.8875 12.0609 21.5764 12.0609H22.3169V7.9195H41.6832V12.0609H42.4237C46.1125 12.0609 49.1136 15.062 49.1136 18.7508V59.4952Z"/>
+</svg>

package/dist/nano-components/pictogram/cancer-research.svg

@@ -0,0 +1,15 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M43.7058 43.4528C40.9523 43.4528 38.7122 41.2126 38.7122 38.4591C38.7122 35.7056 40.9523 33.4655 43.7058 33.4655C46.4592 33.4655 48.6994 35.7056 48.6994 38.4591C48.6994 41.2126 46.4592 43.4528 43.7058 43.4528ZM43.7058 32.0057C40.1473 32.0057 37.2524 34.9007 37.2524 38.4591C37.2524 42.0175 40.1473 44.9125 43.7058 44.9125C47.2642 44.9125 50.1592 42.0175 50.1592 38.4591C50.1592 34.9007 47.2642 32.0057 43.7058 32.0057Z"/>
+<path d="M23.7478 28.8948C22.1266 28.8948 20.8076 27.5758 20.8076 25.9545C20.8076 24.3333 22.1266 23.0143 23.7478 23.0143C25.369 23.0143 26.688 24.3333 26.688 25.9545C26.688 27.5758 25.369 28.8948 23.7478 28.8948ZM23.7478 21.5545C21.3216 21.5545 19.3478 23.5283 19.3478 25.9545C19.3478 28.3807 21.3216 30.3545 23.7478 30.3545C26.1739 30.3545 28.1477 28.3807 28.1477 25.9545C28.1477 23.5283 26.1739 21.5545 23.7478 21.5545Z"/>
+<path d="M55.7353 1.45977C57.5329 1.45977 58.9952 2.92215 58.9952 4.71968C58.9952 6.5172 57.5329 7.97958 55.7353 7.97958C53.9378 7.97958 52.4754 6.5172 52.4754 4.71968C52.4754 2.92215 53.9378 1.45977 55.7353 1.45977ZM55.7353 9.43935C58.3376 9.43935 60.4549 7.32209 60.4549 4.71968C60.4549 2.11726 58.3376 0 55.7353 0C53.1328 0 51.0156 2.11726 51.0156 4.71968C51.0156 7.32209 53.1328 9.43935 55.7353 9.43935Z"/>
+<path d="M8.26881 62.5402C6.47128 62.5402 5.00891 61.0779 5.00891 59.2803C5.00891 57.4828 6.47128 56.0204 8.26881 56.0204C10.0663 56.0204 11.5287 57.4828 11.5287 59.2803C11.5287 61.0779 10.0663 62.5402 8.26881 62.5402ZM8.26881 54.5606C5.6664 54.5606 3.54914 56.6779 3.54914 59.2803C3.54914 61.8827 5.6664 64 8.26881 64C10.8712 64 12.9885 61.8827 12.9885 59.2803C12.9885 56.6779 10.8712 54.5606 8.26881 54.5606Z"/>
+<path d="M33.8358 47.1559C33.2254 47.1559 32.7288 46.6593 32.7288 46.0488C32.7288 45.4385 33.2254 44.9419 33.8358 44.9419C34.4461 44.9419 34.9427 45.4385 34.9427 46.0488C34.9427 46.6593 34.4461 47.1559 33.8358 47.1559ZM33.8358 43.4821C32.4205 43.4821 31.2691 44.6336 31.2691 46.0488C31.2691 47.4643 32.4205 48.6156 33.8358 48.6156C35.251 48.6156 36.4025 47.4643 36.4025 46.0488C36.4025 44.6336 35.251 43.4821 33.8358 43.4821Z"/>
+<path d="M55.7352 61.3792C55.0365 61.3792 54.4682 60.811 54.4682 60.1123C54.4682 59.4137 55.0365 58.8453 55.7352 58.8453C56.4339 58.8453 57.0021 59.4137 57.0021 60.1123C57.0021 60.811 56.4339 61.3792 55.7352 61.3792ZM55.7352 57.3855C54.2316 57.3855 53.0084 58.6087 53.0084 60.1123C53.0084 61.6157 54.2316 62.839 55.7352 62.839C57.2386 62.839 58.4619 61.6157 58.4619 60.1123C58.4619 58.6087 57.2386 57.3855 55.7352 57.3855Z"/>
+<path d="M6.27186 13.7922C6.97049 13.7922 7.53883 14.3605 7.53883 15.059C7.53883 15.7576 6.97049 16.326 6.27186 16.326C5.57328 16.326 5.00494 15.7576 5.00494 15.059C5.00494 14.3605 5.57328 13.7922 6.27186 13.7922ZM6.27186 17.7858C7.77536 17.7858 8.9986 16.5626 8.9986 15.059C8.9986 13.5556 7.77536 12.3324 6.27186 12.3324C4.76835 12.3324 3.54517 13.5556 3.54517 15.059C3.54517 16.5626 4.76835 17.7858 6.27186 17.7858Z"/>
+<path d="M57.2409 29.7204C56.0862 30.5197 55.3963 31.8356 55.3959 33.24C55.3955 34.6445 56.0845 35.9607 57.2388 36.7609C58.443 37.5954 58.6062 38.884 58.3572 39.8119C58.1083 40.7396 57.3222 41.7737 55.862 41.8936C54.4622 42.0084 53.207 42.803 52.5045 44.0192C51.8018 45.2355 51.7404 46.7198 52.34 47.99C52.9656 49.3147 52.4626 50.5123 51.7831 51.1914C51.1037 51.8704 49.9058 52.3729 48.5813 51.7465C47.3114 51.1461 45.827 51.2068 44.6106 51.9087C43.394 52.6106 42.5986 53.8654 42.483 55.2652C42.3624 56.7252 41.3278 57.5109 40.4 57.7592C39.4721 58.0076 38.1834 57.8438 37.3495 56.6392C36.5501 55.4843 35.2343 54.7945 33.8298 54.7941C32.4257 54.7941 31.1089 55.4831 30.309 56.6372C29.4744 57.8413 28.1858 58.0042 27.258 57.7556C26.3302 57.5066 25.2961 56.7204 25.1763 55.2603C25.0614 53.8604 24.2667 52.6051 23.0505 51.9025C21.8343 51.2001 20.35 51.1387 19.08 51.7384C17.755 52.3639 16.5575 51.8609 15.8785 51.1814C15.1994 50.5019 14.6969 49.304 15.3233 47.9796C15.9236 46.7098 15.8631 45.2254 15.1611 44.0088C14.4592 42.7923 13.2044 41.9969 11.8047 41.8814C10.3446 41.7606 9.55905 40.7261 9.31069 39.7982C9.06234 38.8703 9.22618 37.5816 10.4308 36.7479C11.5856 35.9484 12.2754 34.6325 12.2757 33.228C12.2761 31.8235 11.5871 30.5073 10.4327 29.7073C9.22853 28.8728 9.06545 27.584 9.31431 26.6562C9.56317 25.7284 10.3494 24.6944 11.8095 24.5746C13.2094 24.4598 14.4646 23.665 15.1672 22.4489C15.8698 21.2327 15.9313 19.7484 15.3315 18.4781C14.7059 17.1535 15.209 15.9559 15.8884 15.2768C16.5678 14.5978 17.7658 14.0952 19.0903 14.7216C20.36 15.322 21.8444 15.2615 23.061 14.5595C24.2775 13.8575 25.0729 12.6029 25.1885 11.2029C25.3092 9.7429 26.3437 8.95726 27.2716 8.70891C28.1999 8.46056 29.4883 8.6245 30.322 9.82899C31.1215 10.9839 32.4373 11.6736 33.8419 11.6739C35.2458 11.6739 36.5628 10.9851 37.3625 9.83098C38.197 8.62688 39.4855 8.46366 40.4138 8.71258C41.3415 8.96148 42.3755 9.74764 42.4954 11.2077C42.6102 12.6077 43.4047 13.8629 44.6209 14.5654C45.837 15.268 47.3215 15.3296 48.5917 14.7298C49.9162 14.1042 51.1141 14.6072 51.7931 15.2867C52.4721 15.9662 52.9747 17.164 52.3484 18.4885C51.7479 19.7583 51.8084 21.2426 52.5104 22.4593C53.2122 23.6758 54.467 24.4711 55.8668 24.5868C57.3269 24.7074 58.1126 25.742 58.361 26.6699C58.6093 27.5978 58.4454 28.8864 57.2409 29.7204ZM58.0717 30.9206C59.5776 29.8783 60.2446 28.0616 59.771 26.2924C59.2975 24.5233 57.8122 23.2828 55.987 23.132C55.0506 23.0546 54.2443 22.5436 53.7748 21.7297C53.3053 20.9159 53.2664 19.962 53.668 19.1125C54.451 17.4569 54.1202 15.5501 52.8256 14.2547C51.5308 12.9595 49.6242 12.6277 47.9683 13.4098C47.1188 13.811 46.1648 13.7715 45.3512 13.3015C44.5377 12.8315 44.027 12.0248 43.9503 11.0885C43.8004 9.26315 42.5608 7.77715 40.792 7.30264C39.0233 6.82818 37.2059 7.49418 36.1628 8.99947C35.6277 9.77151 34.7824 10.2142 33.843 10.2142C32.9035 10.2139 32.0571 9.7707 31.5223 8.99815C30.4799 7.49225 28.6633 6.82508 26.8943 7.29877C25.1251 7.77226 23.8845 9.2576 23.7338 11.0828C23.6564 12.0193 23.1453 12.8256 22.3314 13.2951C21.5175 13.7646 20.5637 13.8035 19.7144 13.4019C18.0588 12.6189 16.1519 12.9497 14.8564 14.2443C13.5612 15.539 13.2295 17.4456 14.0115 19.1015C14.4128 19.9512 14.3733 20.9051 13.9032 21.7186C13.4332 22.5323 12.6266 23.0429 11.6902 23.1197C9.86489 23.2694 8.37889 24.5092 7.90438 26.278C7.42987 28.0469 8.09591 29.864 9.60121 30.9071C10.3735 31.4422 10.8162 32.2881 10.8159 33.2276C10.8157 34.1672 10.3725 35.0128 9.59999 35.5475C8.09414 36.5899 7.42707 38.4065 7.90056 40.1756C8.374 41.9448 9.85929 43.1853 11.6845 43.3362C12.6208 43.4135 13.4272 43.9245 13.8967 44.7383C14.3663 45.5522 14.4053 46.5061 14.0035 47.3556C13.2207 49.0111 13.5513 50.918 14.846 52.2132C16.1407 53.5086 18.0472 53.8403 19.7033 53.0583C20.5528 52.6571 21.5067 52.6966 22.3203 53.1666C23.1339 53.6366 23.6446 54.4432 23.7213 55.3797C23.8712 57.205 25.1109 58.6909 26.8798 59.1654C28.6488 59.6401 30.4657 58.9739 31.5088 57.4687C32.0439 56.6966 32.8893 56.2539 33.8285 56.2539C34.768 56.2541 35.6144 56.6974 36.1491 57.4701C36.9689 58.6542 38.2675 59.3196 39.6451 59.3196C40.0194 59.3196 40.3995 59.2705 40.7774 59.1693C42.5465 58.6958 43.787 57.2105 43.9379 55.3852C44.0151 54.449 44.5263 53.6426 45.3401 53.1731C46.154 52.7034 47.1079 52.6646 47.9574 53.0662C49.6129 53.849 51.5198 53.5184 52.8151 52.2239C54.1104 50.9292 54.4421 49.0227 53.6601 47.3666C53.2588 46.5171 53.2984 45.5631 53.7684 44.7495C54.2385 43.936 55.0451 43.4253 55.9815 43.3484C57.8068 43.1986 59.2926 41.9589 59.7672 40.1901C60.2417 38.4212 59.5756 36.6042 58.0704 35.5611C57.2981 35.0258 56.8553 34.18 56.8556 33.2404C56.8558 32.301 57.2991 31.4553 58.0717 30.9206Z"/>
+<path d="M20.9144 39.3228C20.8066 38.9344 20.4043 38.707 20.0158 38.8147C19.6274 38.9226 19.4 39.3249 19.5078 39.7134L20.5759 43.56C20.6655 43.8831 20.9589 44.0948 21.2787 44.0948C21.3433 44.0948 21.4091 44.0862 21.4743 44.068C21.8627 43.9602 22.0903 43.5579 21.9823 43.1694L20.9144 39.3228Z"/>
+<path d="M38.196 29.7747C38.4576 29.468 38.4212 29.0072 38.1146 28.7456L35.0776 26.1544C34.7711 25.8928 34.3103 25.9291 34.0486 26.2359C33.787 26.5426 33.8235 27.0033 34.13 27.2649L37.167 29.8561C37.3045 29.9734 37.4729 30.0307 37.6405 30.0307C37.8467 30.0307 38.0517 29.9438 38.196 29.7747Z"/>
+<path d="M36.5863 20.2648C36.6054 20.2663 36.6245 20.267 36.6435 20.267C37.0209 20.267 37.3407 19.9761 37.3703 19.5933L37.6782 15.613C37.7092 15.2111 37.4087 14.8601 37.0067 14.829C36.6058 14.7982 36.2538 15.0986 36.2227 15.5005L35.9148 19.4808C35.8839 19.8828 36.1844 20.2337 36.5863 20.2648Z"/>
+<path d="M32.5546 34.6948C32.5393 34.2919 32.1985 33.9785 31.7976 33.993L27.8083 34.1445C27.4055 34.1598 27.0913 34.4988 27.1066 34.9016C27.1215 35.295 27.4451 35.6038 27.8355 35.6038C27.8449 35.6038 27.8542 35.6036 27.8637 35.6033L31.853 35.4518C32.2558 35.4366 32.5698 35.0976 32.5546 34.6948Z"/>
+<path d="M43.1396 23.5588L46.9405 24.756C47.0135 24.7791 47.0873 24.7899 47.16 24.7899C47.4702 24.7899 47.7579 24.5907 47.856 24.2792C47.9771 23.8947 47.7635 23.4848 47.3792 23.3637L43.5783 22.1664C43.1938 22.0455 42.7839 22.2588 42.6628 22.6433C42.5417 23.0279 42.7552 23.4377 43.1396 23.5588Z"/>
+</svg>

package/dist/nano-components/pictogram/chromatin-conformation.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M49.0523 32.6381C53.0981 28.8607 56.5922 25.5985 57.3311 19.0026C58.0522 12.1861 54.7588 5.84156 48.7362 2.44506C42.7231 -0.945992 35.603 -0.483651 30.1563 3.65015C26.5808 6.34709 24.2569 10.4316 23.5682 14.7593C23.1964 12.3253 22.3255 9.95571 20.961 7.86109C18.2931 3.61204 13.3406 0.820569 7.01462 0L6.91901 0.737195V1.48733C10.3435 1.94473 16.4607 3.48418 19.7052 8.65683L19.7122 8.66782C20.5266 9.91686 21.1474 11.2727 21.5766 12.6815C20.6621 12.0716 19.5647 11.7152 18.3854 11.7152C15.2053 11.7152 12.6181 14.3024 12.6181 17.4825C12.6181 20.6627 15.2053 23.2498 18.3854 23.2498C19.5572 23.2498 20.6479 22.8977 21.5589 22.2949C21.2138 23.3888 20.7477 24.4425 20.1556 25.4285L20.1474 25.4426C18.7843 27.83 16.7948 29.6533 14.6883 31.5838C12.7532 33.3573 10.7522 35.1911 9.29615 37.4962C4.71547 44.3466 6.04561 54.2083 12.262 59.4896C15.0035 61.9299 18.5527 63.4335 22.2572 63.7241C25.9853 64.017 29.7247 63.0653 32.7874 61.0452C36.9315 58.4356 39.69 54.1289 40.3924 49.1916C40.4215 49.3737 40.4539 49.5557 40.4892 49.7373C41.2715 53.8925 43.2047 57.2547 46.2349 59.7307C49.0475 62.0289 52.6739 63.4653 57.0134 64L57.053 63.6787V62.5049C49.4365 61.5256 44.3097 57.5962 42.4126 51.3485C43.3176 51.9393 44.3971 52.2842 45.5562 52.2842C48.7363 52.2842 51.3235 49.697 51.3235 46.5169C51.3235 43.3368 48.7363 40.7495 45.5562 40.7495C44.4139 40.7495 43.3491 41.0846 42.4523 41.6598C43.2159 39.3128 44.5238 37.1127 46.3197 35.256C47.2376 34.3322 48.1601 33.471 49.0523 32.6381ZM24.4607 17.4825C24.4607 15.1221 26.3811 13.2018 28.7414 13.2018C31.1018 13.2018 33.0222 15.1221 33.0222 17.4825C33.0222 19.8429 31.1018 21.7632 28.7414 21.7632C26.3811 21.7632 24.4607 19.8429 24.4607 17.4825ZM18.3854 21.7632C16.025 21.7632 14.1047 19.8429 14.1047 17.4825C14.1047 15.1221 16.025 13.2018 18.3854 13.2018C20.7458 13.2018 22.6661 15.1221 22.6661 17.4825C22.6661 19.8429 20.7458 21.7632 18.3854 21.7632ZM31.9889 59.7912L31.9751 59.8001C29.1859 61.6418 25.7757 62.5086 22.3735 62.242C18.9878 61.9764 15.7457 60.6026 13.2444 58.3737L13.2308 58.3619C10.4889 56.0354 8.7018 52.6571 8.19876 48.8497C7.69764 45.0569 8.52801 41.3157 10.5369 38.3153L10.548 38.2982C11.8982 36.1574 13.7414 34.4681 15.6928 32.6797C17.7888 30.7588 19.9561 28.7726 21.4343 26.1869C22.5418 24.3404 23.2546 22.2807 23.5766 20.1511C23.6789 20.7637 23.817 21.372 23.9921 21.9722C24.3764 23.3276 24.936 24.6435 25.65 25.8747C27.1493 28.5432 29.3804 30.601 31.538 32.5911C32.5955 33.5664 33.6889 34.5748 34.6628 35.6292L34.6715 35.6385C36.3271 37.3708 37.543 39.4226 38.2749 41.6411C37.3841 41.0774 36.33 40.7495 35.2002 40.7495C32.02 40.7495 29.4328 43.3368 29.4328 46.5169C29.4328 49.697 32.02 52.2842 35.2002 52.2842C36.3864 52.2842 37.4899 51.9239 38.4076 51.3075C37.3511 54.8255 35.0987 57.8351 31.9889 59.7912ZM35.2002 50.7976C32.8398 50.7976 30.9194 48.8773 30.9194 46.5169C30.9194 44.1565 32.8398 42.2361 35.2002 42.2361C37.5606 42.2361 39.4809 44.1565 39.4809 46.5169C39.4809 48.8773 37.5606 50.7976 35.2002 50.7976ZM45.5562 42.2361C47.9165 42.2361 49.8368 44.1565 49.8368 46.5169C49.8368 48.8773 47.9165 50.7976 45.5562 50.7976C43.1958 50.7976 41.2755 48.8773 41.2755 46.5169C41.2755 44.1565 43.1958 42.2361 45.5562 42.2361ZM40.377 43.9781C40.3707 43.9652 40.3639 43.9527 40.3575 43.9399C39.8122 40.4624 38.2304 37.2125 35.7505 34.6158C34.7373 33.5194 33.6233 32.4919 32.546 31.4983C30.3779 29.4986 28.3301 27.6099 26.9411 25.1377C26.4265 24.2503 26.0028 23.3205 25.6736 22.3627C26.5628 22.9237 27.6145 23.2498 28.7414 23.2498C31.9216 23.2498 34.5088 20.6627 34.5088 17.4825C34.5088 14.3024 31.9216 11.7152 28.7414 11.7152C27.5777 11.7152 26.4942 12.0627 25.587 12.6579C26.5555 9.59629 28.4362 6.80973 31.0533 4.83568C36.0219 1.06473 42.5177 0.644903 48.0058 3.74C53.5036 6.84049 56.5104 12.6289 55.8532 18.8417C55.176 24.8868 51.868 27.9753 48.0378 31.5514C47.1356 32.3936 46.2028 33.2646 45.2581 34.2153C42.6037 36.9595 40.923 40.3901 40.377 43.9781Z"/>
+</svg>

package/dist/nano-components/pictogram/clinical-research.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M54.5203 35.3066C54.5203 32.2616 52.0431 29.7844 48.9982 29.7844C45.9532 29.7844 43.476 32.2616 43.476 35.3066C43.476 38.1021 45.5643 40.4174 48.2625 40.7784V53.003C48.2625 58.2555 43.9893 62.5287 38.7368 62.5287C33.4844 62.5287 29.2112 58.2555 29.2112 53.003V36.9754C34.0913 36.6472 38.621 33.0602 42.0337 26.7864C45.5403 20.34 47.4714 11.7853 47.4714 2.69797C47.4714 2.29165 47.1421 1.9623 46.7358 1.9623H41.3324C41.0121 0.829976 39.9717 0 38.7368 0C37.2468 0 36.0389 1.20792 36.0389 2.69797C36.0389 4.18801 37.2468 5.39594 38.7368 5.39594C39.9717 5.39594 41.0121 4.56596 41.3324 3.43364H45.9958C45.8952 12.0036 44.0383 20.0221 40.7412 26.0833C37.4271 32.176 33.071 35.5314 28.4755 35.5314C23.88 35.5314 19.524 32.176 16.2098 26.0833C12.9128 20.0221 11.0558 12.0036 10.9553 3.43364H16.1687C16.489 4.56596 17.5294 5.39594 18.7643 5.39594C20.2543 5.39594 21.4623 4.18801 21.4623 2.69797C21.4623 1.20792 20.2543 0 18.7643 0C17.5294 0 16.489 0.829976 16.1687 1.9623H10.2153C9.80896 1.9623 9.47961 2.29165 9.47961 2.69797C9.47961 11.7853 11.4107 20.34 14.9173 26.7864C18.3301 33.0602 22.8597 36.6472 27.7398 36.9754V53.003C27.7398 59.0668 32.6731 64 38.7368 64C44.8006 64 49.7339 59.0668 49.7339 53.003V40.7784C52.432 40.4174 54.5203 38.1021 54.5203 35.3066ZM48.9982 39.3575C46.7645 39.3575 44.9473 37.5403 44.9473 35.3066C44.9473 33.0729 46.7645 31.2557 48.9982 31.2557C51.2318 31.2557 53.049 33.0729 53.049 35.3066C53.049 37.5403 51.2318 39.3575 48.9982 39.3575Z"/>
+</svg>

package/dist/nano-components/pictogram/environmental-conservation.svg

@@ -0,0 +1,5 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M32.1752 33.3293C31.9951 33.3293 31.8264 33.4173 31.7234 33.565L28.5151 38.1627L20.5129 26.6949C20.4098 26.5472 20.2411 26.4592 20.0611 26.4592C19.881 26.4592 19.7123 26.5472 19.6092 26.6949L0 54.7963H1.34364L20.0611 27.9729L27.8433 39.1255L16.9081 54.7963H18.2518L32.1752 34.843L46.0987 54.7963H47.4423L32.627 33.565C32.524 33.4173 32.3553 33.3293 32.1752 33.3293Z"/>
+<path d="M30.1027 28.5661H46.4658C49.5246 28.5661 52.0131 26.0776 52.0131 23.0188C52.0131 20.7354 50.6359 18.7173 48.546 17.8754C48.4679 14.8843 46.0103 12.4752 43.0006 12.4752C42.1874 12.4752 41.3852 12.6543 40.653 12.9967C39.3483 11.239 37.3075 10.2039 35.0991 10.2039C31.2826 10.2039 28.1777 13.3088 28.1777 17.1252C28.1777 17.3492 28.1891 17.5759 28.2117 17.803C26.0362 18.5902 24.5554 20.6697 24.5554 23.0188C24.5554 26.0776 27.0439 28.5661 30.1027 28.5661ZM28.9601 18.7223L29.4455 18.5936L29.3622 18.0983C29.3074 17.7727 29.2796 17.4453 29.2796 17.1252C29.2796 13.9163 31.8902 11.3057 35.0991 11.3057C37.0989 11.3057 38.9353 12.3155 40.0114 14.007L40.2967 14.4554L40.7551 14.1864C41.4345 13.7878 42.211 13.577 43.0006 13.577C45.4519 13.577 47.4461 15.5712 47.4461 18.0225C47.4461 18.0881 47.4443 18.1574 47.4406 18.2341L47.4205 18.6562L47.8229 18.7851C49.6701 19.3767 50.9112 21.0782 50.9112 23.0188C50.9112 25.47 48.917 27.4642 46.4658 27.4642H30.1027C27.6515 27.4642 25.6573 25.47 25.6573 23.0188C25.6573 21.0048 27.0155 19.2379 28.9601 18.7223Z"/>
+<path d="M64 37.9612C64 35.4927 62.3894 33.3474 60.0489 32.6481C59.1704 30.6534 57.1647 29.3323 54.9701 29.3323C52.7756 29.3323 50.7698 30.6534 49.8913 32.6481C47.5508 33.3474 45.9402 35.4927 45.9402 37.9612C45.9402 38.9504 46.1997 39.9088 46.6938 40.7544C46.1997 41.6003 45.9402 42.5586 45.9402 43.5478C45.9402 46.6065 48.4287 49.095 51.4875 49.095C52.5378 49.095 53.5468 48.8023 54.4192 48.257V54.7961H55.5211V48.257C56.3934 48.8023 57.4024 49.095 58.4527 49.095C61.5115 49.095 64 46.6065 64 43.5478C64 42.5586 63.7404 41.6003 63.2464 40.7544C63.7404 39.9087 64 38.9504 64 37.9612ZM62.1394 41.0628C62.6357 41.7977 62.8981 42.6569 62.8981 43.5478C62.8981 45.999 60.9039 47.9932 58.4527 47.9932C57.2896 47.9932 56.1892 47.5459 55.3543 46.7338L54.9701 46.3601L54.586 46.7338C53.7511 47.5459 52.6507 47.9932 51.4875 47.9932C49.0363 47.9932 47.042 45.999 47.042 43.5478C47.042 42.6569 47.3044 41.7977 47.8008 41.0628L48.0091 40.7544L47.8008 40.4461C47.3044 39.7112 47.042 38.852 47.042 37.9612C47.042 35.9063 48.4347 34.1309 50.4286 33.6436L50.7103 33.5749L50.813 33.3038C51.4641 31.5874 53.1347 30.4341 54.9701 30.4341C56.8055 30.4341 58.4761 31.5874 59.1272 33.3038L59.2299 33.5749L59.5115 33.6436C61.5055 34.1309 62.8981 35.9063 62.8981 37.9612C62.8981 38.852 62.6357 39.7112 62.1394 40.4461L61.9311 40.7544L62.1394 41.0628Z"/>
+</svg>

package/dist/nano-components/pictogram/epigenetics.svg

@@ -0,0 +1,5 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M16.4667 11.6958C16.472 11.7006 16.4773 11.7053 16.4826 11.7099C19.0669 13.9259 21.9697 15.2832 25.0431 16.7201C26.4024 17.3557 27.8081 18.0129 29.1835 18.7512C29.1936 18.7566 29.2039 18.7619 29.2143 18.7668L29.6464 18.9712C31.86 20.0182 33.9702 21.0171 35.8002 22.1595H23.1932V23.5315H37.7295V23.514C39.4182 24.8667 40.7174 26.4614 41.4145 28.5272H42.8474C42.2115 26.3748 40.9749 24.5128 39.1111 22.89C36.6986 20.7892 33.558 19.3037 30.233 17.731L29.817 17.5341C28.4132 16.7813 26.9954 16.1184 25.6242 15.4773C25.1261 15.2444 24.6332 15.0135 24.1453 14.781H37.7295V13.409H21.4953V13.4427C20.0419 12.6504 18.6608 11.769 17.3838 10.6752C15.8856 9.30581 14.8361 7.73267 14.2686 6.03045H33.5083V4.65845H13.9207C13.8269 4.12524 13.7775 3.58212 13.7745 3.03092L13.7707 2.34497L12.3987 2.35248L12.4025 3.03848C12.4203 6.29182 13.8257 9.28546 16.4667 11.6958Z"/>
+<path d="M37.2959 40.5381H22.6304V41.9101H35.2333C33.5533 42.9122 31.6657 43.8189 29.696 44.7642L29.2987 44.955C29.2927 44.9578 29.2868 44.9608 29.2809 44.9638C28.071 45.5886 26.8653 46.1794 25.6992 46.7506C23.3348 47.909 21.1015 49.0032 18.8948 50.3337C14.8677 52.8136 12.5805 56.6902 12.6196 60.9694L12.6259 61.6553L13.9978 61.6427L13.9915 60.9567C13.989 60.6842 13.9986 60.4138 14.0175 60.1452H33.5083V58.7732H14.2092C14.8225 55.8646 16.7134 53.2882 19.6087 51.5053C19.8781 51.3429 20.1484 51.1838 20.4197 51.0276H37.7295V49.6556H22.9476C24.0406 49.0914 25.1559 48.5446 26.3028 47.9827C27.4724 47.4097 28.6817 46.8172 29.9014 46.1875L30.2896 46.0011C33.6117 44.4068 36.7495 42.9009 39.1568 40.7818C40.975 39.1812 42.1901 37.3565 42.826 35.2595H41.3894C40.628 37.4558 39.1757 39.1222 37.2959 40.5381Z"/>
+<path d="M64 31.2101H0V32.5821H64V31.2101Z"/>
+</svg>

package/dist/nano-components/pictogram/fusion-transcripts.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M64 31.461H48.1725V27.3866C48.1725 25.7195 46.8163 24.3633 45.1492 24.3633H18.8551C17.188 24.3633 15.8318 25.7195 15.8318 27.3866V31.461H0V32.5389H15.8318V36.6133C15.8318 38.2804 17.188 39.6366 18.8551 39.6366H45.1492C46.8163 39.6366 48.1725 38.2804 48.1725 36.6133V32.5389H64V31.461ZM47.0946 36.6133C47.0946 37.686 46.2219 38.5587 45.1492 38.5587H32.0021V25.4412H45.1492C46.2219 25.4412 47.0946 26.3139 47.0946 27.3866V36.6133Z"/>
+</svg>

package/dist/nano-components/pictogram/gene-expression.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M64 37.3209H48.1521C47.9989 34.8328 46.9574 32.5811 45.3407 30.8805C47.0384 29.9118 49.3618 27.8923 51.0867 23.7272C52.0094 21.507 52.9071 19.7236 54.2888 18.2368C55.8681 16.537 57.9627 15.4208 60.692 14.8242C60.9827 14.7606 61.1669 14.4734 61.1034 14.1826C61.0398 13.8918 60.7527 13.7073 60.4617 13.7712C57.5106 14.4162 55.2332 15.637 53.4991 17.503C52.0083 19.1074 51.0586 20.9862 50.0911 23.3142C49.3431 25.1203 47.645 28.3929 44.6763 30.0172C44.6239 30.0459 44.5785 30.0823 44.54 30.1238C43.0471 28.855 41.1887 28.0043 39.147 27.7544C41.0107 26.5885 42.2537 24.5187 42.2537 22.163C42.2537 18.5282 39.2965 15.5711 35.6618 15.5711H28.3424C24.7076 15.5711 21.7505 18.5282 21.7505 22.163C21.7505 24.5187 22.9935 26.5885 24.8572 27.7544C19.986 28.3506 16.1573 32.3667 15.8522 37.3209H0V38.3988H15.8418C16.0729 43.8652 20.5915 48.2413 26.1137 48.2413H37.8906C43.4128 48.2413 47.9315 43.8652 48.1625 38.3988H64V37.3209ZM22.8284 22.163C22.8284 19.1225 25.302 16.649 28.3424 16.649H35.6618C38.7023 16.649 41.1758 19.1225 41.1758 22.163C41.1758 25.2034 38.7023 27.6769 35.6618 27.6769H28.3424C25.302 27.6769 22.8284 25.2034 22.8284 22.163ZM26.1137 28.7554H37.8906C42.751 28.7554 46.7431 32.5426 47.0721 37.3209H16.9322C17.2613 32.5426 21.2532 28.7554 26.1137 28.7554ZM37.8906 47.1634H26.1137C21.1859 47.1634 17.1506 43.2706 16.9204 38.3988H47.0839C46.8538 43.2706 42.8184 47.1634 37.8906 47.1634Z"/>
+</svg>

package/dist/nano-components/pictogram/genome-research.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M28.4594 18.6554C29.0081 18.3879 29.5646 18.1203 30.1284 17.8497L30.5863 17.6299C30.5972 17.6246 30.6081 17.6189 30.6191 17.613C30.9901 17.411 31.3632 17.2147 31.7371 17.0229C32.2761 16.7463 32.8157 16.4812 33.3538 16.2204C33.9079 15.952 34.4602 15.6881 35.0046 15.4297C35.5683 15.1622 36.1263 14.8972 36.6783 14.6296C39.3146 13.3518 41.8092 12.0134 44.0727 10.0438C44.0784 10.0387 44.0838 10.0338 44.0893 10.0286C46.8843 7.43983 48.3715 4.22589 48.3904 0.733793L48.3942 0.00769854L46.942 0L46.9382 0.726094C46.9276 2.68 46.388 4.54006 45.3599 6.22893H18.4857C17.559 4.61082 17.0718 2.84294 17.0618 0.990073L17.0579 0.263979L15.6057 0.271677L15.6096 0.997771C15.6284 4.49007 17.1156 7.70421 19.9106 10.2925C19.9161 10.2978 19.9216 10.3027 19.9272 10.3077C22.0347 12.1418 24.3428 13.4283 26.7788 14.6283C27.2678 14.3907 27.7567 14.1557 28.2436 13.922L28.447 13.8244C25.7219 12.5175 23.1525 11.1872 20.8893 9.21981C20.3619 8.73055 19.8902 8.21581 19.4688 7.68112H44.319C43.9527 8.1214 43.5509 8.54731 43.1108 8.95563C40.7003 11.051 37.9423 12.4236 35.019 13.815L31.7355 15.3987C31.1988 15.6668 30.6613 15.9429 30.1248 16.2319C30.0635 16.2648 30.002 16.2957 29.9408 16.329L29.5 16.5405C28.5854 16.9795 27.6779 17.4156 26.7898 17.8606C20.8616 20.8311 15.8187 24.2085 15.6098 31.653C15.6096 31.6649 15.6096 31.6767 15.6098 31.6886C15.7711 39.4176 21.1815 42.8027 27.3918 45.901C27.7252 45.7346 28.0605 45.5678 28.3986 45.3997L28.4082 45.395C28.6121 45.2936 28.8185 45.1907 29.0245 45.0881C25.492 43.3572 22.2831 41.6756 20.0791 39.3088H44.1625C42.063 41.6944 38.9594 43.3856 35.5091 45.0897C34.9876 45.3472 34.4592 45.605 33.9242 45.8657L33.503 46.0707C33.4967 46.0739 33.4904 46.077 33.4842 46.0804C33.075 46.2949 32.667 46.5044 32.26 46.7118C31.7203 46.9868 31.183 47.2573 30.6521 47.5222C30.3296 47.6831 30.0092 47.8426 29.6916 48.0004C28.9169 48.3855 28.1568 48.7645 27.4053 49.146C25.7269 49.9982 24.0973 50.8649 22.4823 51.8531C18.2192 54.5172 15.7982 58.6801 15.8395 63.2739L15.846 64L17.2982 63.987L17.2917 63.2609C17.274 61.3002 17.7685 59.4252 18.71 57.7409H45.4325C46.2813 59.3566 46.725 61.1383 46.7082 62.997L46.7017 63.7231L48.1539 63.736L48.1604 63.0099C48.2017 58.4161 45.7808 54.2532 41.5117 51.5853C40.0703 50.7033 38.6156 49.9171 37.1233 49.1511C36.6922 49.3631 36.2612 49.5731 35.832 49.7822L35.489 49.9492C37.2995 50.8615 39.0425 51.7769 40.7479 52.8203C42.2885 53.7831 43.5603 54.9601 44.5284 56.2887H19.6681C20.6083 55.0689 21.8109 53.985 23.2461 53.0881C25.1185 51.9425 27.0333 50.9528 29.0303 49.9531C29.4627 49.7366 29.8974 49.5199 30.3381 49.3008C30.9702 48.9866 31.6133 48.6667 32.2632 48.3389C32.7941 48.0712 33.33 47.7969 33.8678 47.517C33.9615 47.4683 34.0548 47.4208 34.1487 47.3716L34.5599 47.1712C35.428 46.7484 36.29 46.3284 37.1347 45.9009C43.1213 42.8715 48.2333 39.4626 48.3902 31.9526C48.3904 31.9406 48.3904 31.9289 48.3902 31.9169C48.1748 24.2464 42.8276 20.8938 36.6676 17.8551C36.5259 17.9225 36.3842 17.9899 36.2428 18.0569C35.8295 18.253 35.4117 18.4523 34.9931 18.6535C38.6593 20.4256 41.9735 22.1509 44.1767 24.6609H19.6009C21.6934 22.1355 24.8867 20.3975 28.4594 18.6554ZM45.2538 37.8566H18.9217C17.9371 36.394 17.2973 34.6799 17.1151 32.5928H46.9077C46.767 34.674 46.1799 36.39 45.2538 37.8566ZM22.19 26.113H45.2617C46.1468 27.5213 46.7213 29.1627 46.8905 31.1406H17.0905C17.2215 29.1686 17.7465 27.5249 18.5779 26.113H22.19Z"/>
+</svg>

package/dist/nano-components/pictogram/human-genomics.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M44.5911 17.8481C43.6993 16.9563 42.4214 16.7021 41.2563 17.1848C40.0911 17.6674 39.3673 18.7507 39.3673 20.0119V30.974C39.3592 32.4632 38.7153 33.8444 37.505 34.969C36.2042 36.0985 34.6811 36.8211 33.0687 37.5861C32.7142 37.7544 32.3538 37.9258 31.991 38.1035C31.6282 37.9258 31.2677 37.7543 30.9131 37.5861C29.301 36.8211 27.7779 36.0984 26.4771 34.9691C25.2667 33.8444 24.6228 32.4632 24.6148 30.978V20.0119C24.6148 18.7507 23.891 17.6675 22.7258 17.1848C21.5606 16.7023 20.2828 16.9563 19.391 17.8481L4.5238 32.7153V34.8136L20.4401 18.8973C20.9892 18.3482 21.6875 18.3607 22.158 18.5556C22.6284 18.7505 23.131 19.2354 23.131 20.0119V30.982C23.1414 32.8955 23.9527 34.6533 25.4772 36.0653C25.4828 36.0705 25.4885 36.0757 25.4943 36.0807C26.9508 37.3482 28.6418 38.1506 30.2772 38.9265C30.2913 38.9332 30.3057 38.9401 30.3198 38.9468C26.8122 40.6326 23.2594 42.4291 23.1314 46.9938C23.131 47.0059 23.1309 47.018 23.1312 47.0301C23.2271 51.6229 26.8145 53.4399 30.3392 55.1577C29.1415 55.7539 28.0006 56.3308 26.8647 57.0259C24.545 58.4757 23.2276 60.7473 23.2503 63.2582L23.257 64L24.7406 63.9867L24.7339 63.2448C24.7161 61.2621 25.7793 59.454 27.6451 58.2878C28.8113 57.5742 30.0157 56.9754 31.2908 56.3415C31.5214 56.2268 31.7555 56.1101 31.991 55.9922C32.2263 56.11 32.4603 56.2266 32.6907 56.3412C33.966 56.9752 35.1705 57.5741 36.3309 58.284C38.2027 59.454 39.266 61.2621 39.248 63.2448L39.2413 63.9867L40.725 64L40.7318 63.2582C40.7544 60.7474 39.437 58.4757 37.1113 57.0222C35.981 56.3306 34.8405 55.7539 33.6429 55.1577C37.1676 53.4398 40.7549 51.6229 40.8508 47.0301C40.8511 47.018 40.851 47.0059 40.8507 46.9938C40.7227 42.4291 37.1698 40.6325 33.6622 38.9469C33.6763 38.9402 33.6906 38.9333 33.7047 38.9266C35.3401 38.1507 37.0312 37.3483 38.4877 36.0807C38.4934 36.0757 38.4991 36.0705 38.5048 36.0653C40.0293 34.6533 40.8407 32.8955 40.851 30.978V20.0119C40.851 19.2354 41.3537 18.7505 41.8241 18.5556C42.2946 18.3607 42.9929 18.3482 43.5418 18.8973L59.4762 34.8316V32.7333L44.5911 17.8481ZM39.3671 47.0171C39.2794 50.7622 36.2894 52.2183 32.8283 53.9041L32.6098 54.0106C32.6033 54.0137 32.5968 54.017 32.5904 54.0203C32.3903 54.1253 32.1904 54.228 31.991 54.3298C31.7915 54.228 31.5917 54.1253 31.3915 54.0203C31.3851 54.017 31.3787 54.0137 31.3722 54.0106L31.1536 53.9041C27.6925 52.2183 24.7026 50.7622 24.6151 47.0172C24.7297 43.2764 27.7188 41.8412 31.179 40.1801L31.4167 40.066C31.4279 40.0606 31.4391 40.0549 31.4502 40.0489C31.6294 39.9512 31.81 39.8563 31.991 39.7631C32.172 39.8563 32.3525 39.9512 32.5317 40.0489C32.5428 40.0549 32.554 40.0606 32.5653 40.066L32.803 40.1802C36.2633 41.8412 39.2524 43.2765 39.3671 47.0171Z"/>
+<path d="M31.4282 14.4473C31.62 14.4656 31.8105 14.4747 31.9998 14.4747C33.4345 14.4747 34.7883 13.9539 35.8609 12.9786C37.0586 11.8898 37.7454 10.3376 37.7454 8.71984V5.75437C37.7454 2.58139 35.164 0 31.991 0C28.8181 0 26.2367 2.58139 26.2367 5.75437V8.50446C26.2367 11.5593 28.5171 14.1697 31.4282 14.4473ZM27.7204 5.75437C27.7204 3.39954 29.6362 1.48374 31.991 1.48374C34.3458 1.48374 36.2617 3.39954 36.2617 5.75437V8.71984C36.2617 9.92047 35.7518 11.0726 34.8628 11.8808C33.9617 12.7 32.7912 13.0866 31.5691 12.9703C29.4109 12.7645 27.7204 10.8029 27.7204 8.50446V5.75437Z"/>
+</svg>

package/dist/nano-components/pictogram/infectious-disease.svg

@@ -0,0 +1,13 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9603)">
+<path d="M62.5193 25.7138V31.2597H55.8605C55.6833 25.4067 53.4088 19.9155 49.3954 15.6516L54.1038 10.9431L58.0252 14.8646L59.0723 13.8176L50.1824 4.92751L49.1352 5.97454L53.0567 9.89604L48.3483 14.6045C44.0844 10.5911 38.5932 8.31662 32.7403 8.13948V1.48074H38.2862V0H25.7138V1.48074H31.2596V8.13948C25.4067 8.31662 19.9155 10.5912 15.6516 14.6045L10.9431 9.89604L14.8646 5.97454L13.8175 4.92751L4.92755 13.8176L5.97458 14.8646L9.89608 10.9431L14.6045 15.6515C10.5912 19.9155 8.31661 25.4067 8.13946 31.2597H1.48073V25.7138H0V38.2862H1.48073V32.7404H8.13946C8.3166 38.5933 10.5911 44.0844 14.6044 48.3483L9.89597 53.0567L5.97448 49.1352L4.92745 50.1823L13.8174 59.0723L14.8645 58.0252L10.943 54.1038L15.6515 49.3954C19.9154 53.4089 25.4066 55.6834 31.2596 55.8606V62.5193H25.7138V64H38.2862V62.5193H32.7403V55.8606C38.5932 55.6834 44.0844 53.4089 48.3484 49.3955L53.0566 54.1037L49.1351 58.0252L50.1822 59.0723L59.0723 50.1823L58.0252 49.1352L54.1038 53.0566L49.3955 48.3483C53.4088 44.0844 55.6833 38.5933 55.8605 32.7404H62.5193V38.2862H64V25.7138H62.5193ZM32 54.3924C19.6528 54.3924 9.60768 44.3472 9.60768 32C9.60768 19.6529 19.6528 9.6077 32 9.6077C44.3471 9.6077 54.3923 19.6529 54.3923 32C54.3923 44.3472 44.3471 54.3924 32 54.3924Z"/>
+<path d="M25.3459 18.0485C21.7953 18.0485 18.9066 20.9371 18.9066 24.4877C18.9066 28.0384 21.7953 30.927 25.3459 30.927C28.8965 30.927 31.7851 28.0384 31.7851 24.4877C31.7851 20.9371 28.8965 18.0485 25.3459 18.0485ZM25.3459 29.4463C22.6118 29.4463 20.3874 27.2219 20.3874 24.4877C20.3874 21.7536 22.6118 19.5292 25.3459 19.5292C28.08 19.5292 30.3044 21.7536 30.3044 24.4877C30.3044 27.2219 28.08 29.4463 25.3459 29.4463Z"/>
+<path d="M42.7986 29.7161C40.3755 29.7161 38.404 31.6876 38.404 34.1108C38.404 36.534 40.3755 38.5054 42.7986 38.5054C45.2219 38.5054 47.1933 36.534 47.1933 34.1108C47.1933 31.6876 45.2219 29.7161 42.7986 29.7161ZM42.7986 37.0247C41.1919 37.0247 39.8848 35.7176 39.8848 34.1108C39.8848 32.5041 41.1919 31.1969 42.7986 31.1969C44.4054 31.1969 45.7126 32.5041 45.7126 34.1108C45.7126 35.7176 44.4054 37.0247 42.7986 37.0247Z"/>
+<path d="M27.8651 38.3342C25.7035 38.3342 23.945 40.0927 23.945 42.2543C23.945 44.4158 25.7035 46.1742 27.8651 46.1742C30.0266 46.1742 31.7851 44.4158 31.7851 42.2543C31.7851 40.0927 30.0266 38.3342 27.8651 38.3342ZM27.8651 44.6935C26.52 44.6935 25.4258 43.5993 25.4258 42.2543C25.4258 40.9092 26.52 39.8149 27.8651 39.8149C29.2101 39.8149 30.3044 40.9092 30.3044 42.2543C30.3044 43.5993 29.2101 44.6935 27.8651 44.6935Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9603">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/nano-components/pictogram/microbial-genomics.svg

@@ -0,0 +1,15 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9507)">
+<path d="M26.0583 18.8852C26.0583 16.2954 23.9512 14.1884 21.3614 14.1884C18.7715 14.1884 16.6646 16.2954 16.6646 18.8852C16.6646 21.4751 18.7715 23.5821 21.3614 23.5821C23.9512 23.5821 26.0583 21.4751 26.0583 18.8852ZM18.1136 18.8852C18.1136 17.0944 19.5705 15.6374 21.3614 15.6374C23.1522 15.6374 24.6092 17.0944 24.6092 18.8852C24.6092 20.6761 23.1522 22.1331 21.3614 22.1331C19.5705 22.1331 18.1136 20.6761 18.1136 18.8852Z"/>
+<path d="M36.2909 37.3804C33.701 37.3804 31.5941 39.4873 31.5941 42.0773C31.5941 44.6672 33.701 46.7741 36.2909 46.7741C38.8808 46.7741 40.9877 44.6672 40.9877 42.0773C40.9877 39.4873 38.8808 37.3804 36.2909 37.3804ZM36.2909 45.3251C34.5001 45.3251 33.0431 43.8681 33.0431 42.0773C33.0431 40.2864 34.5001 38.8294 36.2909 38.8294C38.0817 38.8294 39.5387 40.2864 39.5387 42.0773C39.5387 43.8681 38.0817 45.3251 36.2909 45.3251Z"/>
+<path d="M35.4498 32.6065C37.0118 32.6065 38.2826 31.3357 38.2826 29.7736C38.2826 28.2116 37.0118 26.9408 35.4498 26.9408C33.8877 26.9408 32.6169 28.2116 32.6169 29.7736C32.6169 31.3357 33.8877 32.6065 35.4498 32.6065ZM35.4498 28.3898C36.2128 28.3898 36.8335 29.0106 36.8335 29.7736C36.8335 30.5367 36.2128 31.1574 35.4498 31.1574C34.6867 31.1574 34.0659 30.5367 34.0659 29.7736C34.0659 29.0106 34.6867 28.3898 35.4498 28.3898Z"/>
+<path d="M47.4225 37.5597C45.8605 37.5597 44.5897 38.8304 44.5897 40.3925C44.5897 41.9545 45.8605 43.2254 47.4225 43.2254C48.9846 43.2254 50.2554 41.9545 50.2554 40.3925C50.2554 38.8304 48.9846 37.5597 47.4225 37.5597ZM47.4225 41.7763C46.6595 41.7763 46.0388 41.1555 46.0388 40.3925C46.0388 39.6295 46.6595 39.0087 47.4225 39.0087C48.1856 39.0087 48.8064 39.6295 48.8064 40.3925C48.8064 41.1555 48.1856 41.7763 47.4225 41.7763Z"/>
+<path d="M24.0829 27.9912C22.5208 27.9912 21.25 29.262 21.25 30.824C21.25 32.386 22.5208 33.6569 24.0829 33.6569C25.6449 33.6569 26.9157 32.386 26.9157 30.824C26.9157 29.262 25.6449 27.9912 24.0829 27.9912ZM24.0829 32.2078C23.3199 32.2078 22.6991 31.5871 22.6991 30.824C22.6991 30.061 23.3199 29.4402 24.0829 29.4402C24.8459 29.4402 25.4667 30.061 25.4667 30.824C25.4667 31.5871 24.8459 32.2078 24.0829 32.2078Z"/>
+<path d="M58.5537 41.7929C58.5537 40.7644 58.4599 39.7504 58.2785 38.7598L64 37.2544L63.6338 35.9907L57.9902 37.4757C57.3678 35.1422 56.2399 32.9716 54.6617 31.0965L58.7816 26.9766L57.8426 26.0377L53.7665 30.1138C53.7371 30.0841 53.7085 30.0537 53.6789 30.0242L47.7667 24.112L51.8418 20.0369L50.9029 19.0979L46.8278 23.173L40.827 17.1722L44.9021 13.0971L43.9631 12.1582L39.888 16.2333L33.8872 10.2325L37.9623 6.15739L37.0234 5.21842L32.9135 9.32831C31.0151 7.70048 28.8339 6.57119 26.543 5.93876L28.0093 0.366198L26.7456 0L25.2621 5.63812C22.9122 5.18509 20.483 5.24046 18.1525 5.80371L16.5046 0.200273L15.2335 0.540001L16.8872 6.16341C14.6577 6.89291 12.5533 8.10506 10.7381 9.79918L6.53178 5.59282L5.59281 6.53178L9.80364 10.7426C8.13369 12.5677 6.94426 14.6774 6.23583 16.9085L0.540001 15.2335L0.200273 16.5046L5.88808 18.1773C5.35008 20.4916 5.31107 22.8992 5.77191 25.2269L0 26.7456L0.366198 28.0093L6.07854 26.5062C6.71507 28.7678 7.83661 30.9203 9.44538 32.7964L5.21842 37.0234L6.15739 37.9623L10.3496 33.7702L16.3503 39.771L12.1582 43.9631L13.0971 44.9021L17.2893 40.7099L23.2901 46.7107L19.0979 50.9029L20.0369 51.8418L24.2291 47.6497L30.1412 53.5618C30.1708 53.5914 30.2011 53.62 30.231 53.6493L26.0377 57.8426L26.9766 58.7816L31.2142 54.544C33.0987 56.127 35.2537 57.2268 37.5147 57.8419L35.9907 63.6338L37.2544 64L38.7971 58.1368C39.8249 58.3309 40.8674 58.4287 41.9101 58.4287C43.2105 58.4287 44.5108 58.2768 45.7824 57.9747L47.4954 63.7997L48.7665 63.46L47.0494 57.621C49.2521 56.9099 51.3343 55.7281 53.1385 54.0774L57.4682 58.4072L58.4072 57.4682L54.082 53.143C55.7316 51.3769 56.956 49.3122 57.7023 47.0733L63.46 48.7665L63.7997 47.4954L58.068 45.8098C58.3883 44.5112 58.5537 43.1648 58.5537 41.7929ZM31.1658 52.5371L11.3439 32.7151C5.41956 26.7908 5.41956 17.1512 11.3439 11.2268C14.3061 8.26461 18.197 6.78352 22.088 6.78352C25.9791 6.78352 29.87 8.26461 32.8322 11.2268L52.6542 31.0488C55.5241 33.9187 57.1047 37.7344 57.1047 41.7929C57.1047 45.8516 55.5241 49.6673 52.6541 52.5371C46.73 58.4614 37.0903 58.4614 31.1658 52.5371Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9507">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/nano-components/pictogram/microbiome-metagenomics.svg

@@ -0,0 +1,16 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9531)">
+<path d="M42.145 4.91263C40.1877 4.91263 38.5952 6.50502 38.5952 8.46236C38.5952 10.4197 40.1877 12.0121 42.145 12.0121C44.1022 12.0121 45.6947 10.4197 45.6947 8.46236C45.6947 6.50502 44.1022 4.91263 42.145 4.91263ZM42.145 10.5815C40.9765 10.5815 40.0259 9.63082 40.0259 8.46236C40.0259 7.29391 40.9765 6.3433 42.145 6.3433C43.3134 6.3433 44.264 7.29391 44.264 8.46236C44.264 9.63082 43.3134 10.5815 42.145 10.5815Z"/>
+<path d="M22.2364 25.6308C22.6775 24.377 22.604 23.0264 22.0293 21.828C21.4235 20.5646 20.3501 19.6743 19.1156 19.2624C19.7894 18.6966 20.3027 17.9593 20.6024 17.1076C21.0435 15.8538 20.9699 14.5032 20.3953 13.3047C19.209 10.8307 16.231 9.78301 13.7571 10.9692C11.283 12.1555 10.2353 15.1334 11.4216 17.6074C11.9962 18.8059 13.0032 19.7089 14.257 20.15C14.2822 20.1589 14.3077 20.1665 14.333 20.175C13.6603 20.7405 13.1478 21.4771 12.8485 22.3279C12.4074 23.5817 12.4809 24.9322 13.0556 26.1307C13.0942 26.2113 13.1354 26.2899 13.1778 26.3675C12.4646 26.3767 11.7557 26.5404 11.0934 26.858C9.89493 27.4327 8.99193 28.4397 8.55084 29.6934C8.53259 29.7453 8.51657 29.7976 8.50009 29.8497C7.0485 28.3953 4.77945 27.9366 2.82426 28.8742C0.350178 30.0604 -0.697477 33.0384 0.488744 35.5124C1.34334 37.2947 3.12744 38.3366 4.98344 38.3366C5.70377 38.3366 6.43522 38.1796 7.12695 37.8478C8.41653 37.2296 9.31741 36.1241 9.71755 34.8573C10.2388 35.3816 10.8753 35.7863 11.5933 36.0388C12.1337 36.229 12.692 36.3235 13.2484 36.3235C13.983 36.3235 14.7142 36.1587 15.3961 35.8317C16.5946 35.257 17.4976 34.2501 17.9387 32.9964C18.3798 31.7425 18.3062 30.392 17.7316 29.1936C17.6925 29.112 17.651 29.0321 17.6079 28.9533C18.3096 28.9451 19.0205 28.789 19.6938 28.4662C20.8923 27.8915 21.7952 26.8845 22.2364 25.6308ZM12.7116 16.9889C11.8664 15.2262 12.6129 13.1045 14.3756 12.2593C14.8686 12.0229 15.3895 11.9111 15.9028 11.9111C17.2251 11.9111 18.4964 12.6536 19.1052 13.9233C19.9504 15.686 19.204 17.8077 17.4412 18.6529C16.5873 19.0623 15.6251 19.1148 14.7318 18.8004C13.8385 18.4861 13.121 17.8428 12.7116 16.9889ZM6.50842 36.5579C4.74568 37.403 2.62397 36.6566 1.7788 34.8939C0.933633 33.1311 1.68005 31.0094 3.4428 30.1642C3.93579 29.9279 4.45667 29.816 4.97002 29.816C6.29226 29.816 7.56356 30.5585 8.17241 31.8282C8.24872 31.9874 8.31161 32.1495 8.3624 32.3133C8.38925 32.4475 8.42266 32.5806 8.46078 32.7129C8.7461 34.2495 7.98344 35.8507 6.50842 36.5579ZM16.5891 32.5215C16.2748 33.4148 15.6315 34.1323 14.7776 34.5417C13.9236 34.9511 12.9614 35.0037 12.0681 34.6892C11.1748 34.375 10.4574 33.7316 10.048 32.8777C9.97006 32.7152 9.9059 32.5497 9.85458 32.3824C9.82889 32.2542 9.79692 32.1265 9.76068 31.9994C9.47204 30.4608 10.2349 28.8563 11.712 28.1481C12.1979 27.9151 12.7188 27.7978 13.2421 27.7978C13.6385 27.7978 14.0364 27.8651 14.4214 28.0006C15.3147 28.3149 16.0321 28.9582 16.4415 29.8121C16.851 30.666 16.9034 31.6282 16.5891 32.5215ZM14.3456 25.5122C13.9362 24.6583 13.8838 23.696 14.1981 22.8027C14.5124 21.9094 15.1557 21.1919 16.0096 20.7825C16.4955 20.5496 17.0164 20.4322 17.5398 20.4322C17.9362 20.4322 18.3341 20.4995 18.7191 20.635C19.6123 20.9493 20.3298 21.5926 20.7392 22.4465C21.1487 23.3004 21.2011 24.2627 20.8868 25.1559C20.5725 26.0493 19.9291 26.7667 19.0752 27.1761C17.3124 28.0211 15.1907 27.2748 14.3456 25.5122Z"/>
+<path d="M57.0029 19.5211L62.9883 25.5065L64 24.4949L57.4864 17.9812C57.5775 17.5143 57.6247 17.0353 57.6247 16.549C57.6247 14.5742 56.8556 12.7176 55.4593 11.3212L47.1443 3.00624C45.7479 1.60985 43.8913 0.84082 41.9165 0.84082C39.9418 0.84082 38.0852 1.60985 36.6888 3.00624C33.8063 5.88883 33.8062 10.5791 36.6887 13.4617L45.0038 21.7767C46.4001 23.1731 48.2567 23.9421 50.2315 23.9421C50.7179 23.9421 51.1969 23.8949 51.6639 23.8038L58.1774 30.3174L59.1891 29.3057L53.2037 23.3203C53.8204 23.0494 54.4009 22.6944 54.9291 22.2582L62.4347 29.7638L63.4464 28.7522L55.9408 21.2465C56.377 20.7183 56.732 20.1378 57.0029 19.5211ZM50.2315 22.5114C48.6389 22.5114 47.1416 21.8912 46.0155 20.7651L37.7005 12.45C35.3757 10.1253 35.3757 6.34265 37.7006 4.01786C38.8266 2.89167 40.3239 2.27149 41.9165 2.27149C43.5092 2.27149 45.0065 2.89172 46.1326 4.01786L54.4476 12.3328C56.6011 14.4863 56.7582 17.89 54.9221 20.2278L54.8677 20.1734L53.856 21.1851L53.9107 21.2398C52.865 22.0633 51.583 22.5114 50.2315 22.5114Z"/>
+<path d="M42.6368 41.1706C42.6368 39.7856 41.5099 38.6588 40.1249 38.6588C38.7398 38.6588 37.6129 39.7856 37.6129 41.1706C37.6129 42.5557 38.7398 43.6826 40.1249 43.6826C41.5099 43.6826 42.6368 42.5557 42.6368 41.1706ZM39.0436 41.1706C39.0436 40.5745 39.5287 40.0895 40.1249 40.0895C40.7211 40.0895 41.2062 40.5745 41.2062 41.1706C41.2062 41.7668 40.7211 42.2519 40.1249 42.2519C39.5287 42.2519 39.0436 41.7668 39.0436 41.1706Z"/>
+<path d="M42.3687 46.6522C40.9836 46.6522 39.8567 47.7791 39.8567 49.1642C39.8567 50.5492 40.9836 51.6761 42.3687 51.6761C43.7538 51.6761 44.8806 50.5492 44.8806 49.1642C44.8806 47.7791 43.7538 46.6522 42.3687 46.6522ZM42.3687 50.2455C41.7725 50.2455 41.2874 49.7603 41.2874 49.1642C41.2874 48.568 41.7725 48.0829 42.3687 48.0829C42.9649 48.0829 43.45 48.568 43.45 49.1642C43.45 49.7603 42.9649 50.2455 42.3687 50.2455Z"/>
+<path d="M33.6621 43.6352C31.6041 43.6352 29.9298 45.3096 29.9298 47.3675C29.9298 49.4255 31.6041 51.0999 33.6621 51.0999C35.7201 51.0999 37.3945 49.4255 37.3945 47.3675C37.3945 45.3096 35.7201 43.6352 33.6621 43.6352ZM33.6621 49.6692C32.393 49.6692 31.3605 48.6367 31.3605 47.3675C31.3605 46.0984 32.393 45.0659 33.6621 45.0659C34.9313 45.0659 35.9638 46.0984 35.9638 47.3675C35.9638 48.6367 34.9313 49.6692 33.6621 49.6692Z"/>
+<path d="M46.5947 38.0512L50.0223 34.6235L49.0106 33.6118L45.583 37.0394C43.5949 35.2703 41.0262 34.1407 38.2023 33.9765V29.1349H36.7717V33.9765C33.9478 34.1407 31.3791 35.2702 29.391 37.0394L25.9634 33.6117L24.9518 34.6234L28.3793 38.0511C26.6101 40.0392 25.4805 42.6079 25.3162 45.4318H20.4748V46.8625H25.3162C25.4805 49.6864 26.6101 52.2551 28.3793 54.2432L24.9517 57.6709L25.9633 58.6826L29.391 55.2549C31.3791 57.0241 33.9477 58.1536 36.7717 58.3178V63.1594H38.2023V58.3178C41.0262 58.1536 43.5949 57.024 45.583 55.2549L49.0106 58.6825L50.0223 57.6708L46.5947 54.2431C48.3639 52.2551 49.4935 49.6864 49.6577 46.8625H54.4992V45.4318H49.6577C49.4935 42.6079 48.3639 40.0392 46.5947 38.0512ZM37.487 56.9087C31.553 56.9087 26.7254 52.0811 26.7254 46.1472C26.7254 40.2132 31.553 35.3856 37.487 35.3856C43.4209 35.3856 48.2486 40.2132 48.2486 46.1472C48.2486 52.0811 43.4209 56.9087 37.487 56.9087Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9531">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/nano-components/pictogram/multiomics.svg

@@ -0,0 +1,13 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9547)">
+<path d="M32 32.8276L60.4296 16.4138L32 0L3.57043 16.4138L32 32.8276ZM6.43743 16.4138L32 1.65528L57.5626 16.4138L32 31.1724L6.43743 16.4138Z"/>
+<path d="M52.6461 23.9661L57.5626 26.8046L32 41.5631L6.43743 26.8046L11.3539 23.9661L9.92035 23.1384L3.57043 26.8046L32 43.2184L60.4296 26.8046L54.0796 23.1384L52.6461 23.9661Z"/>
+<path d="M52.6799 34.3764L57.5626 37.1954L32 51.954L6.43743 37.1954L11.3201 34.3764L9.88657 33.5488L3.57043 37.1954L32 53.6092L60.4296 37.1954L54.1134 33.5488L52.6799 34.3764Z"/>
+<path d="M52.6891 44.7725L57.5626 47.5862L32 62.3447L6.43743 47.5862L11.3109 44.7725L9.8774 43.9449L3.57043 47.5862L32 64L60.4296 47.5862L54.1226 43.9448L52.6891 44.7725Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9547">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/nano-components/pictogram/plant-research.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M63.3527 3.52246H54.4649C48.2915 3.52246 42.4875 5.92653 38.1222 10.2918C33.7568 14.6572 31.3528 20.4611 31.3528 26.6346V28.5219C30.2214 25.2912 28.3699 22.3299 25.8779 19.8379C21.5126 15.4726 15.7086 13.0685 9.53513 13.0685H0.647249C0.289763 13.0685 0 13.3583 0 13.7158V22.6037C0 28.7772 2.40407 34.5811 6.76938 38.9464C11.1347 43.3117 16.9387 45.7158 23.1121 45.7158H31.3528V60.4774H32.6473V36.1807C32.6473 36.177 32.6471 36.1734 32.6471 36.1697H40.888C47.0614 36.1697 52.8654 33.7656 57.2306 29.4003C61.5959 25.035 64 19.2311 64 13.0576V4.16971C64 3.81222 63.7102 3.52246 63.3527 3.52246ZM31.3528 43.506L14.9439 27.0971L14.0285 28.0124L20.8913 34.8752H14.0623V36.1697H22.1858L30.4374 44.4213H23.1121C17.2844 44.4213 11.8055 42.1519 7.68472 38.0311C3.56393 33.9103 1.2945 28.4314 1.2945 22.6037V14.363H9.53513C15.3629 14.363 20.8417 16.6325 24.9625 20.7533C29.0833 24.8741 31.3528 30.353 31.3528 36.1807V43.506ZM62.7055 13.0576C62.7055 18.8853 60.4361 24.3642 56.3153 28.485C52.1945 32.6058 46.7156 34.8752 40.888 34.8752H33.5626L42.1456 26.2922H42.1722V26.2656L49.9715 18.4663L49.0561 17.551L42.1722 24.4349V17.5688H40.8777V25.7294L32.6473 33.9598V26.6346C32.6473 20.8069 34.9167 15.328 39.0375 11.2072C43.1584 7.08639 48.6372 4.81696 54.4649 4.81696H62.7055V13.0576Z"/>
+</svg>

package/dist/nano-components/pictogram/population-genomics.svg

@@ -0,0 +1,6 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M22.7005 49.2315H13.8382C9.74998 49.2315 6.42395 52.5575 6.42395 56.6458V64H7.90469V56.6458C7.90469 53.374 10.5664 50.7122 13.8382 50.7122H22.7005C25.9723 50.7122 28.6341 53.374 28.6341 56.6458V64H30.1148V56.6458C30.1148 52.5575 26.7888 49.2315 22.7005 49.2315Z"/>
+<path d="M18.0872 45.48C18.1488 45.4816 18.2102 45.4824 18.2716 45.4824C20.086 45.4824 21.7931 44.7895 23.0959 43.5197C24.4433 42.2066 25.1854 40.4474 25.1854 38.5664V34.9128C25.1854 32.3206 23.7511 30.0582 21.6353 28.8741V28.6491C21.6353 25.3773 24.2971 22.7155 27.5688 22.7155H36.4311C39.7029 22.7155 42.3646 25.3773 42.3646 28.6491V28.8741C40.2488 30.0582 38.8145 32.3206 38.8145 34.9128V38.4273C38.8145 42.2206 41.8354 45.3844 45.5485 45.48C45.6101 45.4816 45.6714 45.4824 45.7327 45.4824C47.5472 45.4824 49.2542 44.7895 50.5572 43.5197C51.9046 42.2065 52.6466 40.4474 52.6466 38.5664V34.9128C52.6466 31.0992 49.5441 27.9967 45.7306 27.9967C45.0733 27.9967 44.438 28.0908 43.8353 28.2629C43.6337 24.3534 40.3898 21.2348 36.4311 21.2348H27.5688C23.6101 21.2348 20.3662 24.3534 20.1646 28.2629C19.5619 28.0908 18.9266 27.9967 18.2694 27.9967C14.4558 27.9967 11.3533 31.0992 11.3533 34.9128V38.4273C11.3533 42.2206 14.3742 45.3844 18.0872 45.48ZM51.1659 34.9128V38.5664C51.1659 40.0447 50.5827 41.4272 49.5237 42.4593C48.4652 43.4908 47.0678 44.0379 45.5866 43.9997C42.6689 43.9246 40.2952 41.4249 40.2952 38.4273V34.9128C40.2952 31.9157 42.7336 29.4774 45.7306 29.4774C48.7276 29.4774 51.1659 31.9157 51.1659 34.9128ZM12.8341 34.9128C12.8341 31.9157 15.2723 29.4774 18.2694 29.4774C21.2664 29.4774 23.7047 31.9157 23.7047 34.9128V38.5664C23.7047 40.0447 23.1214 41.4272 22.0625 42.4593C21.0039 43.4908 19.6045 44.0383 18.1254 43.9997C15.2077 43.9246 12.8341 41.4249 12.8341 38.4273V34.9128Z"/>
+<path d="M50.1617 49.2315H41.2994C37.2112 49.2315 33.8852 52.5575 33.8852 56.6458V64H35.3659V56.6458C35.3659 53.374 38.0277 50.7122 41.2994 50.7122H50.1617C53.4335 50.7122 56.0952 53.374 56.0952 56.6458V64H57.5759V56.6458C57.5759 52.5575 54.25 49.2315 50.1617 49.2315Z"/>
+<path d="M31.8179 17.4833C31.8795 17.4849 31.9407 17.4857 32.0021 17.4857C33.8165 17.4857 35.5237 16.7927 36.8266 15.523C38.174 14.2099 38.916 12.4508 38.916 10.5697V6.91601C38.916 3.10251 35.8135 0 32 0C28.1864 0 25.0839 3.10251 25.0839 6.91601V10.4306C25.0839 14.2238 28.1048 17.3877 31.8179 17.4833ZM26.5646 6.91601C26.5646 3.91901 29.0029 1.48074 32 1.48074C34.997 1.48074 37.4353 3.91901 37.4353 6.91601V10.5697C37.4353 12.048 36.8521 13.4305 35.7931 14.4625C34.7347 15.4941 33.3365 16.041 31.856 16.0031C28.9384 15.9279 26.5646 13.4281 26.5646 10.4306V6.91601Z"/>
+</svg>

package/dist/nano-components/pictogram/prepare.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M42.8159 0H21.184C20.775 0 20.4435 0.33154 20.4435 0.740567V10.5379C20.4435 10.947 20.775 11.2785 21.184 11.2785H23.5449V38.5627L27.3578 60.1074C27.757 62.363 29.7093 64 32 64C34.2906 64 36.2429 62.363 36.642 60.1074L40.455 38.5627V11.2785H42.8159C43.2249 11.2785 43.5564 10.947 43.5564 10.5379V0.740567C43.5564 0.33154 43.2249 0 42.8159 0ZM38.9739 38.4328L35.1836 59.8493C34.9098 61.3961 33.571 62.5189 32 62.5189C30.429 62.5189 29.0901 61.3961 28.8163 59.8493L25.026 38.4328V11.2785H38.9739V38.4328ZM42.0753 9.79738H21.9246V1.48113H42.0753V9.79738Z"/>
+<path d="M32.1022 59.3782C33.0139 59.3782 33.0411 58.6773 33.0411 58.6773L33.842 53.2607H30.3624L31.1634 58.6773C31.1634 58.6773 31.1906 59.3782 32.1022 59.3782Z"/>
+</svg>

package/dist/nano-components/pictogram/scalable.svg

@@ -0,0 +1,12 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9555)">
+<path d="M59.6061 0H15.6135C13.1909 0 11.2198 2.00282 11.2198 4.46472V28.7527H12.6751V4.46472C12.6751 2.81716 13.9931 1.47684 15.6135 1.47684H59.6061C61.2264 1.47684 62.5447 2.81716 62.5447 4.46472V49.1791C62.5447 50.8266 61.2264 52.1668 59.6061 52.1668H35.709V53.6437H59.6061C62.0289 53.6437 64 51.6408 64 49.1791V4.46472C64 2.00282 62.0289 0 59.6061 0Z"/>
+<path d="M16.5335 48.4935L46.1521 18.8746V33.6222H47.6021V16.3978H30.3778V17.8477H45.1253L15.5067 47.4666L16.5335 48.4935Z"/>
+<path d="M30.609 59.5964C30.609 61.2206 29.2879 62.542 27.6637 62.542H4.40387C2.77967 62.542 1.45835 61.2206 1.45835 59.5964V36.3361C1.45835 34.712 2.77967 33.3907 4.40387 33.3907H23.1567V31.9324H4.40387C1.97559 31.9324 0 33.9079 0 36.3361V59.5964C0 62.0246 1.97559 64 4.40387 64H27.6637C30.092 64 32.0676 62.0246 32.0676 59.5964V40.8434H30.609V59.5964Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9555">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/nano-components/pictogram/sequence.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M54.2678 55.9396H44.9712V38.4425H39.7889V23.8137H35.0734V31.2715H29.6523V41.7181H19.8375V8.32451H13.7353V25.5524H0V24.2882H12.4711V7.0603H21.1017V40.4538H28.3881V30.0073H33.8092V22.5495H41.0532V37.1783H46.2354V54.6754H53.0036V25.1311H64V26.3953H54.2678V55.9396Z"/>
+</svg>

package/dist/nano-components/pictogram/single-cell-spatial-transcriptions.svg

@@ -0,0 +1,12 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9619)">
+<path d="M36.8024 25.3901C35.3974 24.3693 33.7367 23.8298 32 23.8298C30.2634 23.8298 28.6027 24.3693 27.1976 25.3901C25.7926 26.411 24.7663 27.8236 24.2297 29.4753C23.693 31.127 23.693 32.873 24.2297 34.5247C24.7663 36.1765 25.7926 37.5891 27.1976 38.6099C28.6026 39.6307 30.2632 40.1703 32 40.1703C33.7368 40.1703 35.3975 39.6307 36.8024 38.6099C38.2075 37.5891 39.2337 36.1765 39.7704 34.5247C40.307 32.873 40.307 31.127 39.7704 29.4753C39.2337 27.8236 38.2075 26.4111 36.8024 25.3901ZM38.4171 34.085C37.9739 35.449 37.1263 36.6156 35.966 37.4586C34.8058 38.3017 33.4344 38.7472 32 38.7472C30.5657 38.7472 29.1943 38.3017 28.0341 37.4586C26.8738 36.6156 26.0262 35.4491 25.583 34.085C25.1398 32.721 25.1398 31.279 25.583 29.915C26.0262 28.551 26.8738 27.3844 28.0341 26.5414C29.1944 25.6984 30.5658 25.2528 32 25.2528C33.4343 25.2528 34.8057 25.6984 35.966 26.5414C37.1263 27.3845 37.9739 28.5511 38.4171 29.915C38.8602 31.279 38.8602 32.721 38.4171 34.085Z"/>
+<path d="M63.0327 27.1716L57.3576 13.4709C56.068 10.3572 53.643 7.93211 50.5292 6.64235L36.8285 0.967317C33.7149 -0.322439 30.2852 -0.322439 27.1716 0.967317L13.4708 6.64235C10.3571 7.93206 7.93203 10.3572 6.64232 13.4709L0.967281 27.1716C-0.322427 30.2852 -0.322427 33.7148 0.967281 36.8285L6.64232 50.5292C7.93208 53.6429 10.3571 56.068 13.4708 57.3576L27.1716 63.0327C28.7284 63.6776 30.3642 64 32 64C33.6359 64 35.2717 63.6776 36.8285 63.0327L50.5292 57.3576C53.643 56.068 56.068 53.6429 57.3576 50.5292L63.0327 36.8285C64.3224 33.7148 64.3224 30.2852 63.0327 27.1716ZM61.7181 36.284L56.043 49.9847C54.8987 52.7472 52.7472 54.8987 49.9847 56.043L36.284 61.7181C33.5215 62.8623 30.4787 62.8624 27.7161 61.7181L14.0154 56.043C11.2529 54.8987 9.10128 52.7472 7.95704 49.9847L2.282 36.284C1.13771 33.5214 1.13771 30.4786 2.282 27.7161L7.95704 14.0154C9.10128 11.2529 11.2528 9.10131 14.0154 7.95707L27.7161 2.28204C30.4787 1.13775 33.5213 1.13775 36.284 2.28204L49.9847 7.95707C52.7472 9.10131 54.8987 11.2529 56.043 14.0154L61.7181 27.7161C62.8623 30.4786 62.8623 33.5214 61.7181 36.284Z"/>
+<path d="M53.0467 18.3046C51.6583 14.9526 49.0476 12.3419 45.6955 10.9533L37.1981 7.43362C33.846 6.04529 30.154 6.04529 26.8019 7.43362L18.3045 10.9533C14.9525 12.3418 12.3418 14.9525 10.9533 18.3046L7.43359 26.8019C6.04516 30.154 6.04516 33.846 7.43359 37.1981L10.9533 45.6955C12.3418 49.0476 14.9526 51.6583 18.3045 53.0467L26.8019 56.5664C28.478 57.2606 30.239 57.6077 32 57.6077C33.761 57.6077 35.522 57.2606 37.1981 56.5664L45.6955 53.0467C49.0475 51.6583 51.6583 49.0475 53.0467 45.6955L56.5664 37.1981C57.9549 33.846 57.9549 30.154 56.5664 26.8019L53.0467 18.3046ZM55.2518 36.6535L51.7321 45.1509C50.489 48.1518 48.1518 50.489 45.1509 51.7321L36.6535 55.2518C33.6526 56.4947 30.3474 56.4947 27.3465 55.2518L18.8491 51.7321C15.8483 50.4891 13.5111 48.1519 12.268 45.1509L8.74831 36.6535C7.5053 33.6526 7.5053 30.3474 8.74831 27.3465L12.268 18.8491C13.511 15.8483 15.8483 13.5111 18.8491 12.2681L27.3465 8.74834C30.3473 7.50563 33.6528 7.50543 36.6535 8.74834L45.1509 12.2681C48.1519 13.5111 50.4891 15.8483 51.7321 18.8491L55.2518 27.3465C56.4947 30.3474 56.4947 33.6526 55.2518 36.6535Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9619">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/nano-components/pictogram/snvs-phasing.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M41.3567 0.726094C41.3462 2.68 40.8066 4.54006 39.7784 6.22893H12.9043C11.9776 4.61082 11.4904 2.84294 11.4803 0.990073L11.4765 0.263979L10.0243 0.271677L10.0281 0.997771C10.047 4.49007 11.5342 7.70421 14.3292 10.2925C14.3347 10.2978 14.3401 10.3027 14.3458 10.3077C16.4533 12.1418 18.7614 13.4283 21.1974 14.6283C21.6864 14.3907 22.1753 14.1557 22.6622 13.922L22.8656 13.8244C20.1405 12.5175 17.5711 11.1872 15.3079 9.21981C14.7805 8.73055 14.3087 8.21581 13.8873 7.68112H38.7376C38.3712 8.1214 37.9695 8.54731 37.5294 8.95563C35.1189 11.051 32.3609 12.4236 29.4376 13.815L26.1541 15.3987C25.6174 15.6668 25.0799 15.9429 24.5433 16.2319C24.4821 16.2648 24.4206 16.2957 24.3594 16.329L23.9185 16.5405C23.0039 16.9795 22.0965 17.4156 21.2083 17.8606C15.2802 20.8311 10.2373 24.2085 10.0283 31.653C10.0281 31.6649 10.0281 31.6767 10.0283 31.6886C10.1897 39.4176 15.6001 42.8027 21.8104 45.901C22.1438 45.7346 22.4791 45.5678 22.8171 45.3997L22.8268 45.395C23.0307 45.2936 23.2371 45.1907 23.4431 45.0881C19.9105 43.3572 16.7017 41.6756 14.4977 39.3088H38.5811C36.4815 41.6944 33.378 43.3856 29.9277 45.0897C29.4062 45.3472 28.8778 45.605 28.3428 45.8657L27.9216 46.0707C27.9153 46.0739 27.909 46.077 27.9027 46.0804C27.4936 46.2949 27.0856 46.5044 26.6786 46.7118C26.1389 46.9868 25.6016 47.2573 25.0707 47.5222C24.7482 47.6831 24.4278 47.8426 24.1102 48.0004C23.3355 48.3855 22.5753 48.7645 21.8239 49.146C20.1454 49.9982 18.5159 50.8649 16.9009 51.8531C12.6377 54.5172 10.2168 58.6801 10.2581 63.2739L10.2646 64L11.7168 63.987L11.7103 63.2609C11.6925 61.3002 12.1871 59.4252 13.1286 57.7409H39.8511C40.6998 59.3566 41.1436 61.1383 41.1268 62.997L41.1203 63.7231L42.5725 63.736L42.579 63.0099C42.6203 58.4161 40.1993 54.2532 35.9303 51.5853C34.4888 50.7033 33.0342 49.9171 31.5419 49.1511C31.1108 49.3631 30.6798 49.5731 30.2506 49.7822L29.9076 49.9492C31.7181 50.8615 33.4611 51.7769 35.1665 52.8203C36.707 53.7831 37.9789 54.9601 38.947 56.2887H14.0867C15.0269 55.0689 16.2295 53.985 17.6647 53.0881C19.5371 51.9425 21.4519 50.9528 23.4489 49.9531C23.8813 49.7366 24.316 49.5199 24.7567 49.3008C25.3888 48.9866 26.0319 48.6667 26.6818 48.3389C27.2127 48.0712 27.7486 47.7969 28.2863 47.517C28.38 47.4683 28.4733 47.4208 28.5672 47.3716L28.9785 47.1712C29.8466 46.7484 30.7085 46.3284 31.5533 45.9009C37.5399 42.8715 42.6519 39.4626 42.8087 31.9526C42.8089 31.9406 42.8089 31.9289 42.8087 31.9169C42.5934 24.2464 37.2461 20.8938 31.0862 17.8551C30.9445 17.9225 30.8028 17.9899 30.6613 18.0569C30.2481 18.253 29.8303 18.4523 29.4116 18.6535C33.0779 20.4256 36.3921 22.1509 38.5953 24.6609H14.0194C16.112 22.1355 19.3053 20.3975 22.878 18.6554C23.4266 18.3879 23.9832 18.1203 24.547 17.8497L25.0048 17.6299C25.0158 17.6246 25.0267 17.6189 25.0377 17.613C25.4087 17.411 25.7818 17.2147 26.1557 17.0229C26.6947 16.7463 27.2343 16.4812 27.7724 16.2204C28.3265 15.952 28.8787 15.6881 29.4232 15.4297C29.9869 15.1622 30.5449 14.8972 31.0969 14.6296C33.7332 13.3518 36.2278 12.0134 38.4913 10.0438C38.4969 10.0387 38.5024 10.0338 38.5079 10.0286C41.3029 7.43983 42.7901 4.22589 42.8089 0.733793L42.8128 0.00769854L41.3606 0L41.3567 0.726094ZM39.6724 37.8566H13.3402C12.3556 36.394 11.7158 34.6799 11.5337 32.5928H41.3263C41.1856 34.674 40.5984 36.39 39.6724 37.8566ZM39.6803 26.113C40.5654 27.5213 41.1399 29.1627 41.309 31.1406H11.5091C11.6401 29.1686 12.1651 27.5249 12.9964 26.113H39.6803Z"/>
+<path d="M48.2611 32.0366L53.9757 37.7512V26.3221L48.2611 32.0366Z"/>
+</svg>