@nanoporetech-digital/components 2.7.0 → 2.10.0

package/dist/nano-components/{p-4429caac.system.entry.js → p-0c6c2141.system.entry.js}

@@ -1,5 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function r(e){try{l(i.next(e))}catch(t){o(t)}}function s(e){try{l(i["throw"](e))}catch(t){o(t)}}function l(e){e.done?n(e.value):a(e.value).then(r,s)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,a,o,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return l([e,t])}}function l(r){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,a&&(o=r[0]&2?a["return"]:r[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,r[1])).done)return o;if(a=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;a=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){n.label=r[1];break}if(r[0]===6&&n.label<o[1]){n.label=o[1];o=r;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(r);break}if(o[2])n.ops.pop();n.trys.pop();continue}r=t.call(e,n)}catch(s){r=[6,s];a=0}finally{i=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
 /*!
  * Web Components for Nanopore digital Web Apps
- */System.register(["./p-59b3d24b.system.js","./p-d84ef175.system.js","./p-1c216ca4.system.js","./p-b370e3ef.system.js","./p-89edc042.system.js","./p-9de508a5.system.js","./p-1d13dbdf.system.js"],(function(e){"use strict";var t,n,i,a,o,r,s,l,d,c;return{setters:[function(e){t=e.r;n=e.c;i=e.h;a=e.e;o=e.g},function(e){r=e.M},function(e){s=e.r},function(e){l=e.l;d=e.u},function(e){c=e.c},function(){},function(){}],execute:function(){var u=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--border-color:var(--nano-layer-border-color, rgba(0, 0, 0, 0.1));--border-width:var(--nano-layer-border-width, 1px);--background:var(--nano-layer-bg, #fff);--tint-color:var(--nano-color-base, var(--nano-color-primary, #007495));--icon-size:2rem;--scrim-color:var(--nano-layer-overlay-dark, rgba(74, 74, 74, .5));--close-button-color:#b5aea7;display:block}:host(.nano-color){--tint-color:var(--nano-color-base, var(--nano-color-primary, #007495))}.alert{position:relative;background-color:var(--background);border:solid var(--border-width) var(--border-color);border-top-width:4px;border-top-color:var(--tint-color);border-radius:var(--border-radius);opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:var(--nano-transition-medium, 0.5s) opacity ease, var(--nano-transition-fast, 0.3s) transform ease;transition:var(--nano-transition-medium, 0.5s) opacity ease, var(--nano-transition-fast, 0.3s) transform ease}.alert:focus{outline:none}.alert:not(.alert--showing){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.alert--open{opacity:1;-webkit-transform:none;transform:none}.alert--toasty,.alert--modal{-webkit-box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2));box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2));margin:var(--nano-spacing-medium, 16px)}.alert__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.alert__modal-wrap{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:var(--nano-layer-index-alert, 800)}.alert__message{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--nano-spacing-medium, 16px);overflow:hidden;line-height:1.6}.alert__close{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.1em;padding-left:0;padding-right:var(--nano-spacing-medium, 16px);padding-top:0;padding-bottom:0;--color:var(--close-button-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.alert__close{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.alert__footer{padding:0 var(--nano-spacing-small, 8px) 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.alert__footer ::slotted(*),.alert__footer::slotted(*){-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 var(--nano-spacing-small, 8px) var(--nano-spacing-medium, 16px) !important}.alert__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--scrim-color);opacity:0;-webkit-transition:var(--nano-transition-fast, 0.3s) opacity;transition:var(--nano-transition-fast, 0.3s) opacity;z-index:var(--nano-layer-index-alert, 800);-webkit-backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px));backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px))}.alert__overlay--open{opacity:1}.alert__icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--icon-size)}.alert__icon::slotted(*){color:var(--tint-color);margin-left:var(--nano-spacing-medium, 16px)}.alert__icon ::slotted(*){color:var(--tint-color);margin-left:var(--nano-spacing-medium, 16px);margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.alert__icon ::slotted(*){margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:0;margin-inline-end:0}}";var f=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tr"});var h=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tl"});var p=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--bl"});var b=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--br"});var m=e("nano_alert",function(){function e(e){var a=this;t(this,e);this.nanoShow=n(this,"nanoShow",7);this.nanoAfterShow=n(this,"nanoAfterShow",7);this.nanoHide=n(this,"nanoHide",7);this.nanoAfterHide=n(this,"nanoAfterHide",7);this.addedTransEnd=false;this.goingToHide=false;this.goingToShow=false;this.isModal=false;this.isToast=false;this.isShowing=false;this.open=false;this.closable=false;this.duration=Infinity;this.handleMouseMove=function(){a.restartAutoHide()};this.handleCloseClick=function(){a.hide()};this.handleTransitionEnd=function(e){if(e.propertyName==="opacity"&&(e.target===a.panel||e.target===a.overlay)){a.host.hidden=!a.open;a.isShowing=a.open;a.open?a.nanoAfterShow.emit():a.nanoAfterHide.emit()}};this.handleButtonClick=function(e){if(e.defaultPrevented)return;if(e.target.tagName&&e.target.tagName.toLowerCase()==="button")a.hide()};this.restartAutoHide=function(){clearTimeout(a.autoHideTimeout);if(a.open&&a.duration<Infinity){a.autoHideTimeout=setTimeout((function(){return a.hide()}),a.duration)}};this.Panel=function(){return i("div",{ref:function(e){return a.panel=e},part:"panel",class:{alert:true,"alert--open":a.open,"alert--toasty":a.isToast,"alert--modal":!!a.isModal,"alert--showing":a.isShowing},role:!!a.isModal?"alertdialog":"alert","aria-live":"assertive","aria-atomic":"true","aria-hidden":a.open?"false":"true","aria-modal":!!a.isModal?"true":undefined,"aria-label":a.label?a.label:undefined,onMouseMove:a.handleMouseMove,tabIndex:!!a.isModal?0:undefined},i("div",{class:"alert__content"},i("div",{part:"icon",class:"alert__icon"},i("slot",{name:"icon"})),i("div",{part:"message",class:"alert__message"},i("slot",null)),a.closable&&i("div",{class:"alert__close"},i("nano-icon-button",{class:"alert__close",iconName:"light/times",label:"close menu",onClick:a.handleCloseClick}))),i("div",{class:"alert__footer"},i("slot",{name:"footer"})))}}e.prototype.handleOpenChange=function(){this.open?this.show():this.hide()};e.prototype.handleDurationChange=function(){this.restartAutoHide()};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var e;var t=this;return __generator(this,(function(n){if(this.goingToShow){return[2]}e=this.nanoShow.emit();if(e.defaultPrevented){this.open=false;return[2,false]}this.host.hidden=false;this.goingToShow=true;this.open=true;s((function(){t.isShowing=true;t.goingToShow=false}));if(this.duration<Infinity){clearTimeout(this.autoHideTimeout);this.autoHideTimeout=setTimeout((function(){return t.hide()}),this.duration)}return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var e;var t=this;return __generator(this,(function(n){if(this.goingToHide){return[2]}e=this.nanoHide.emit();if(e.defaultPrevented){this.open=true;return[2,false]}this.goingToHide=true;this.open=false;s((function(){return t.goingToHide=false}));clearTimeout(this.autoHideTimeout);return[2]}))}))};e.prototype.toast=function(e){if(e===void 0){e="tr"}return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){this.isToast=true;return[2,new Promise((function(n){var i;switch(e){case"tl":i=h;break;case"bl":i=p;break;case"br":i=b;break;default:i=f;break}if(!i.parentElement){document.body.appendChild(i)}i.appendChild(t.host);t.connectedCallback();t.show();var a=function(){t.host.remove();t.isToast=false;n();if(!i.querySelector("nano-alert")){i.remove()}};t.host.addEventListener("nanoAfterHide",a,{once:true});t.host.addEventListener("nanoafterhide",a,{once:true})}))]}))}))};e.prototype.alert=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){this.isModal=true;this.label=e;return[2,new Promise((function(e){if(!document.body.contains(t.host)){document.body.appendChild(t.host)}t.modal.activate();l(t.host);t.originalTrigger=document.activeElement;s((function(){t.show()}));var n=function(){return s((function(){return t.panel.focus({preventScroll:true})}))};var i=function(){t.modal.deactivate();t.host.remove();t.label=undefined;t.isModal=false;e();if(t.originalTrigger&&typeof t.originalTrigger.focus==="function"){setTimeout((function(){return t.originalTrigger.focus()}))}};t.host.addEventListener("nanoAfterShow",n,{once:true});t.host.addEventListener("nanoaftershow",n,{once:true});t.host.addEventListener("nanoAfterHide",i,{once:true});t.host.addEventListener("nanoafterhide",i,{once:true})}))]}))}))};e.prototype.connectedCallback=function(){this.modal=new r(this.host);this.host.addEventListener("click",this.handleButtonClick);if(this.panel){this.addedTransEnd=true;this.panel.addEventListener("transitionend",this.handleTransitionEnd)}};e.prototype.disconnectedCallback=function(){d(this.host);this.host.removeEventListener("click",this.handleButtonClick);this.addedTransEnd=false;this.panel.removeEventListener("transitionend",this.handleTransitionEnd)};e.prototype.componentDidLoad=function(){if(this.open){this.show()}if(!this.addedTransEnd){this.panel.addEventListener("transitionend",this.handleTransitionEnd)}};e.prototype.render=function(){var e=this;return i(a,{class:Object.assign({},c(this.color)),showing:this.isShowing},this.isModal&&[i("div",{part:"overlay",class:{alert__overlay:true,"alert__overlay--open":this.open},ref:function(t){return e.overlay=t}}),i("div",{class:"alert__modal-wrap"},i(this.Panel,null))],!this.isModal&&i(this.Panel,null))};Object.defineProperty(e.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["handleOpenChange"],duration:["handleDurationChange"]}},enumerable:false,configurable:true});return e}());m.style=u}}}));
-//# sourceMappingURL=p-4429caac.system.entry.js.map
+ */System.register(["./p-f48be9f5.system.js","./p-d84ef175.system.js","./p-1c216ca4.system.js","./p-b370e3ef.system.js","./p-89edc042.system.js","./p-9de508a5.system.js","./p-1d13dbdf.system.js"],(function(e){"use strict";var t,n,i,a,o,r,s,l,d,c;return{setters:[function(e){t=e.r;n=e.c;i=e.h;a=e.e;o=e.g},function(e){r=e.M},function(e){s=e.r},function(e){l=e.l;d=e.u},function(e){c=e.c},function(){},function(){}],execute:function(){var u=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--border-color:var(--nano-layer-border-color, rgba(0, 0, 0, 0.1));--border-width:var(--nano-layer-border-width, 1px);--background:var(--nano-layer-bg, #fff);--tint-color:var(--nano-color-base, var(--nano-color-primary, #007495));--icon-size:2rem;--scrim-color:var(--nano-layer-overlay-dark, rgba(74, 74, 74, .5));--close-button-color:#b5aea7;display:block}:host(.nano-color){--tint-color:var(--nano-color-base, var(--nano-color-primary, #007495))}.alert{position:relative;background-color:var(--background);border:solid var(--border-width) var(--border-color);border-top-width:4px;border-top-color:var(--tint-color);border-radius:var(--border-radius);opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:var(--nano-transition-medium, 0.5s) opacity ease, var(--nano-transition-fast, 0.3s) transform ease;transition:var(--nano-transition-medium, 0.5s) opacity ease, var(--nano-transition-fast, 0.3s) transform ease}.alert:focus{outline:none}.alert:not(.alert--showing){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.alert--open{opacity:1;-webkit-transform:none;transform:none}.alert--toasty,.alert--modal{-webkit-box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2));box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2));margin:var(--nano-spacing-medium, 16px)}.alert__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.alert__modal-wrap{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:var(--nano-layer-index-alert, 800)}.alert__message{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--nano-spacing-medium, 16px);overflow:hidden;line-height:1.6}.alert__close{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.1em;padding-left:0;padding-right:var(--nano-spacing-medium, 16px);padding-top:0;padding-bottom:0;--color:var(--close-button-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.alert__close{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.alert__footer{padding:0 var(--nano-spacing-small, 8px) 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.alert__footer ::slotted(*),.alert__footer::slotted(*){-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 var(--nano-spacing-small, 8px) var(--nano-spacing-medium, 16px) !important}.alert__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--scrim-color);opacity:0;-webkit-transition:var(--nano-transition-fast, 0.3s) opacity;transition:var(--nano-transition-fast, 0.3s) opacity;z-index:var(--nano-layer-index-alert, 800);-webkit-backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px));backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px))}.alert__overlay--open{opacity:1}.alert__icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--icon-size)}.alert__icon::slotted(*){color:var(--tint-color);margin-left:var(--nano-spacing-medium, 16px)}.alert__icon ::slotted(*){color:var(--tint-color);margin-left:var(--nano-spacing-medium, 16px);margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.alert__icon ::slotted(*){margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:0;margin-inline-end:0}}";var f=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tr"});var h=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tl"});var p=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--bl"});var b=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--br"});var m=e("nano_alert",function(){function e(e){var a=this;t(this,e);this.nanoShow=n(this,"nanoShow",7);this.nanoAfterShow=n(this,"nanoAfterShow",7);this.nanoHide=n(this,"nanoHide",7);this.nanoAfterHide=n(this,"nanoAfterHide",7);this.addedTransEnd=false;this.goingToHide=false;this.goingToShow=false;this.isModal=false;this.isToast=false;this.isShowing=false;this.open=false;this.closable=false;this.duration=Infinity;this.handleMouseMove=function(){a.restartAutoHide()};this.handleCloseClick=function(){a.hide()};this.handleTransitionEnd=function(e){if(e.propertyName==="opacity"&&(e.target===a.panel||e.target===a.overlay)){a.host.hidden=!a.open;a.isShowing=a.open;a.open?a.nanoAfterShow.emit():a.nanoAfterHide.emit()}};this.handleButtonClick=function(e){if(e.defaultPrevented)return;if(e.target.tagName&&e.target.tagName.toLowerCase()==="button")a.hide()};this.restartAutoHide=function(){clearTimeout(a.autoHideTimeout);if(a.open&&a.duration<Infinity){a.autoHideTimeout=setTimeout((function(){return a.hide()}),a.duration)}};this.Panel=function(){return i("div",{ref:function(e){return a.panel=e},part:"panel",class:{alert:true,"alert--open":a.open,"alert--toasty":a.isToast,"alert--modal":!!a.isModal,"alert--showing":a.isShowing},role:!!a.isModal?"alertdialog":"alert","aria-live":"assertive","aria-atomic":"true","aria-hidden":a.open?"false":"true","aria-modal":!!a.isModal?"true":undefined,"aria-label":a.label?a.label:undefined,onMouseMove:a.handleMouseMove,tabIndex:!!a.isModal?0:undefined},i("div",{class:"alert__content"},i("div",{part:"icon",class:"alert__icon"},i("slot",{name:"icon"})),i("div",{part:"message",class:"alert__message"},i("slot",null)),a.closable&&i("div",{class:"alert__close"},i("nano-icon-button",{class:"alert__close",iconName:"light/times",label:"close menu",onClick:a.handleCloseClick}))),i("div",{class:"alert__footer"},i("slot",{name:"footer"})))}}e.prototype.handleOpenChange=function(){this.open?this.show():this.hide()};e.prototype.handleDurationChange=function(){this.restartAutoHide()};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var e;var t=this;return __generator(this,(function(n){if(this.goingToShow){return[2]}e=this.nanoShow.emit();if(e.defaultPrevented){this.open=false;return[2,false]}this.host.hidden=false;this.goingToShow=true;this.open=true;s((function(){t.isShowing=true;t.goingToShow=false}));if(this.duration<Infinity){clearTimeout(this.autoHideTimeout);this.autoHideTimeout=setTimeout((function(){return t.hide()}),this.duration)}return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var e;var t=this;return __generator(this,(function(n){if(this.goingToHide){return[2]}e=this.nanoHide.emit();if(e.defaultPrevented){this.open=true;return[2,false]}this.goingToHide=true;this.open=false;s((function(){return t.goingToHide=false}));clearTimeout(this.autoHideTimeout);return[2]}))}))};e.prototype.toast=function(e){if(e===void 0){e="tr"}return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){this.isToast=true;return[2,new Promise((function(n){var i;switch(e){case"tl":i=h;break;case"bl":i=p;break;case"br":i=b;break;default:i=f;break}if(!i.parentElement){document.body.appendChild(i)}i.appendChild(t.host);t.connectedCallback();t.show();var a=function(){t.host.remove();t.isToast=false;n();if(!i.querySelector("nano-alert")){i.remove()}};t.host.addEventListener("nanoAfterHide",a,{once:true});t.host.addEventListener("nanoafterhide",a,{once:true})}))]}))}))};e.prototype.alert=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){this.isModal=true;this.label=e;return[2,new Promise((function(e){if(!document.body.contains(t.host)){document.body.appendChild(t.host)}t.modal.activate();l(t.host);t.originalTrigger=document.activeElement;s((function(){t.show()}));var n=function(){return s((function(){return t.panel.focus({preventScroll:true})}))};var i=function(){t.modal.deactivate();t.host.remove();t.label=undefined;t.isModal=false;e();if(t.originalTrigger&&typeof t.originalTrigger.focus==="function"){setTimeout((function(){return t.originalTrigger.focus()}))}};t.host.addEventListener("nanoAfterShow",n,{once:true});t.host.addEventListener("nanoaftershow",n,{once:true});t.host.addEventListener("nanoAfterHide",i,{once:true});t.host.addEventListener("nanoafterhide",i,{once:true})}))]}))}))};e.prototype.connectedCallback=function(){this.modal=new r(this.host);this.host.addEventListener("click",this.handleButtonClick);if(this.panel){this.addedTransEnd=true;this.panel.addEventListener("transitionend",this.handleTransitionEnd)}};e.prototype.disconnectedCallback=function(){d(this.host);this.host.removeEventListener("click",this.handleButtonClick);this.addedTransEnd=false;this.panel.removeEventListener("transitionend",this.handleTransitionEnd)};e.prototype.componentDidLoad=function(){if(this.open){this.show()}if(!this.addedTransEnd){this.panel.addEventListener("transitionend",this.handleTransitionEnd)}};e.prototype.render=function(){var e=this;return i(a,{class:Object.assign({},c(this.color)),showing:this.isShowing},this.isModal&&[i("div",{part:"overlay",class:{alert__overlay:true,"alert__overlay--open":this.open},ref:function(t){return e.overlay=t}}),i("div",{class:"alert__modal-wrap"},i(this.Panel,null))],!this.isModal&&i(this.Panel,null))};Object.defineProperty(e.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["handleOpenChange"],duration:["handleDurationChange"]}},enumerable:false,configurable:true});return e}());m.style=u}}}));
+//# sourceMappingURL=p-0c6c2141.system.entry.js.map

package/dist/nano-components/{p-7232c046.system.entry.js → p-0d0dfc06.system.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-System.register(["./p-59b3d24b.system.js"],(function(t){"use strict";var e,o;return{setters:[function(t){e=t.r;o=t.h}],execute:function(){var i=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:block}.aspect-ratio{position:relative}.aspect-ratio ::slotted(*){position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important}.aspect-ratio--cover ::slotted(embed),.aspect-ratio--cover ::slotted(iframe),.aspect-ratio--cover ::slotted(img),.aspect-ratio--cover ::slotted(video){-o-object-fit:cover !important;object-fit:cover !important}.aspect-ratio--contain ::slotted(embed),.aspect-ratio--contain ::slotted(iframe),.aspect-ratio--contain ::slotted(img),.aspect-ratio--contain ::slotted(video){-o-object-fit:contain !important;object-fit:contain !important}";var a=t("nano_aspect_ratio",function(){function t(t){var o=this;e(this,t);this.aspectRatio="16:9";this.fit="cover";this.handleSlotChange=function(){o.setAspectRatio()}}t.prototype.handleAspectRatioChange=function(){this.setAspectRatio()};t.prototype.setAspectRatio=function(){if(typeof this.aspectRatio!=="string"){console.warn("aspectRatio should be a string.");return}else if(!this.aspectRatio.match(/^([0-9]+:[0-9]+)$/)){console.warn('aspectRatio is an incorrect format. Should be e.g. "16:9"');return}var t=this.aspectRatio.split(":");var e=parseInt(t[0]);var o=parseInt(t[1]);this.base.style.paddingBottom=e&&o?o/e*100+"%":null};t.prototype.render=function(){var t=this;return o("div",{ref:function(e){return t.base=e},part:"base",class:{"aspect-ratio":true,"aspect-ratio--cover":this.fit==="cover","aspect-ratio--contain":this.fit==="contain"}},o("slot",{onSlotchange:this.handleSlotChange}))};Object.defineProperty(t,"watchers",{get:function(){return{aspectRatio:["handleAspectRatioChange"]}},enumerable:false,configurable:true});return t}());a.style=i}}}));
-//# sourceMappingURL=p-7232c046.system.entry.js.map
+System.register(["./p-f48be9f5.system.js"],(function(t){"use strict";var e,o;return{setters:[function(t){e=t.r;o=t.h}],execute:function(){var i=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:block}.aspect-ratio{position:relative}.aspect-ratio ::slotted(*){position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important}.aspect-ratio--cover ::slotted(embed),.aspect-ratio--cover ::slotted(iframe),.aspect-ratio--cover ::slotted(img),.aspect-ratio--cover ::slotted(video){-o-object-fit:cover !important;object-fit:cover !important}.aspect-ratio--contain ::slotted(embed),.aspect-ratio--contain ::slotted(iframe),.aspect-ratio--contain ::slotted(img),.aspect-ratio--contain ::slotted(video){-o-object-fit:contain !important;object-fit:contain !important}";var a=t("nano_aspect_ratio",function(){function t(t){var o=this;e(this,t);this.aspectRatio="16:9";this.fit="cover";this.handleSlotChange=function(){o.setAspectRatio()}}t.prototype.handleAspectRatioChange=function(){this.setAspectRatio()};t.prototype.setAspectRatio=function(){if(typeof this.aspectRatio!=="string"){console.warn("aspectRatio should be a string.");return}else if(!this.aspectRatio.match(/^([0-9]+:[0-9]+)$/)){console.warn('aspectRatio is an incorrect format. Should be e.g. "16:9"');return}var t=this.aspectRatio.split(":");var e=parseInt(t[0]);var o=parseInt(t[1]);this.base.style.paddingBottom=e&&o?o/e*100+"%":null};t.prototype.render=function(){var t=this;return o("div",{ref:function(e){return t.base=e},part:"base",class:{"aspect-ratio":true,"aspect-ratio--cover":this.fit==="cover","aspect-ratio--contain":this.fit==="contain"}},o("slot",{onSlotchange:this.handleSlotChange}))};Object.defineProperty(t,"watchers",{get:function(){return{aspectRatio:["handleAspectRatioChange"]}},enumerable:false,configurable:true});return t}());a.style=i}}}));
+//# sourceMappingURL=p-0d0dfc06.system.entry.js.map

package/dist/nano-components/{p-e562bffd.entry.js → p-0e2e3f4a.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import{r as o,c as s,h as t,e,g as i}from"./p-ab5813a7.js";import{c as r}from"./p-d99437a6.js";import{g as n}from"./p-b619500f.js";const a=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:block}";let l=class{constructor(t){o(this,t);this.nanoToggle=s(this,"nanoToggle",7)}onToggleHandler(o){o.stopPropagation();let s=n(this.el,"nano-details")||this.el.querySelectorAll("nano-details");s.forEach(((s,t)=>{if(s!==o.target)s.open=false;else this.itemOpened=t}));this.nanoToggle.emit()}onClosedHandler(o){o.stopPropagation();this.itemOpened=null;this.nanoToggle.emit()}render(){return t(e,{class:Object.assign(Object.assign({},r(this.color)),{[`nano-color-${this.itemOpened}`]:typeof this.itemOpened==="number"})},t("slot",null))}get el(){return i(this)}};l.style=a;export{l as nano_accordion};
-//# sourceMappingURL=p-e562bffd.entry.js.map
+import{r as o,c as s,h as t,e,g as i}from"./p-b5c33aff.js";import{c as r}from"./p-d99437a6.js";import{g as n}from"./p-b619500f.js";const a=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:block}";let l=class{constructor(t){o(this,t);this.nanoToggle=s(this,"nanoToggle",7)}onToggleHandler(o){o.stopPropagation();let s=n(this.el,"nano-details")||this.el.querySelectorAll("nano-details");s.forEach(((s,t)=>{if(s!==o.target)s.open=false;else this.itemOpened=t}));this.nanoToggle.emit()}onClosedHandler(o){o.stopPropagation();this.itemOpened=null;this.nanoToggle.emit()}render(){return t(e,{class:Object.assign(Object.assign({},r(this.color)),{[`nano-color-${this.itemOpened}`]:typeof this.itemOpened==="number"})},t("slot",null))}get el(){return i(this)}};l.style=a;export{l as nano_accordion};
+//# sourceMappingURL=p-0e2e3f4a.entry.js.map

package/dist/nano-components/{p-56ba0d63.entry.js → p-1030797a.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import{r as o,h as n}from"./p-ab5813a7.js";import{f as t}from"./p-f8f89998.js";const a=".sc-nano-icon-button-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-icon-button,*.sc-nano-icon-button::before,*.sc-nano-icon-button::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden].sc-nano-icon-button{display:none !important}.sc-nano-icon-button-h{display:inline-block;--border-radius:var(--nano-border-radius-medium, 4px);--active-color:#005c75;--hover-color:#007495;--nano-color-base:var(--color, #687576);--background:transparent;--padding:var(--nano-spacing-small, 8px)}.icon-button.sc-nano-icon-button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-radius:var(--border-radius);background:var(--background);font-size:inherit;color:var(--color);padding:var(--padding);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-transition:-webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;transition:-webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;transition:box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;transition:box-shadow var(--nano-transition-fast, 0.1s) ease-in-out, -webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out}.icon-button.sc-nano-icon-button:hover:not(.icon-button--disabled),.icon-button.sc-nano-icon-button:focus:not(.icon-button--disabled){color:var(--hover-color);--nano-color-base:var(--hover-color)}.icon-button.sc-nano-icon-button:active:not(.icon-button--disabled){color:var(--active-color);--nano-color-base:var(--active-color)}.icon-button.sc-nano-icon-button:focus{outline:none}.icon-button--disabled.sc-nano-icon-button{opacity:0.5;cursor:not-allowed;pointer-events:none}.focus-visible.icon-button.sc-nano-icon-button:focus{-webkit-box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}";let i=class{constructor(n){o(this,n);this.type="button";this.disabled=false}componentDidLoad(){t.observe(this.button)}connectedCallback(){if(this.button)t.observe(this.button)}disconnectedCallback(){t.unobserve(this.button)}render(){const o=this.href===undefined?"button":"a";return n(o,{part:"base",ref:o=>this.button=o,class:{"icon-button":true,"icon-button--disabled":this.disabled},"aria-label":this.label,name:this.name,value:this.value,href:this.href||undefined,target:this.href&&this.target?this.target:undefined,type:!this.href&&this.type?this.type:undefined},n("nano-icon",{name:this.iconName,src:this.iconSrc,"aria-hidden":"true"}))}};i.style=a;export{i as nano_icon_button};
-//# sourceMappingURL=p-56ba0d63.entry.js.map
+import{r as o,h as n}from"./p-b5c33aff.js";import{f as t}from"./p-f8f89998.js";const a=".sc-nano-icon-button-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-icon-button,*.sc-nano-icon-button::before,*.sc-nano-icon-button::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden].sc-nano-icon-button{display:none !important}.sc-nano-icon-button-h{display:inline-block;--border-radius:var(--nano-border-radius-medium, 4px);--active-color:#005c75;--hover-color:#007495;--nano-color-base:var(--color, #687576);--background:transparent;--padding:var(--nano-spacing-small, 8px)}.icon-button.sc-nano-icon-button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-radius:var(--border-radius);background:var(--background);font-size:inherit;color:var(--color);padding:var(--padding);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-transition:-webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;transition:-webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;transition:box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;transition:box-shadow var(--nano-transition-fast, 0.1s) ease-in-out, -webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out}.icon-button.sc-nano-icon-button:hover:not(.icon-button--disabled),.icon-button.sc-nano-icon-button:focus:not(.icon-button--disabled){color:var(--hover-color);--nano-color-base:var(--hover-color)}.icon-button.sc-nano-icon-button:active:not(.icon-button--disabled){color:var(--active-color);--nano-color-base:var(--active-color)}.icon-button.sc-nano-icon-button:focus{outline:none}.icon-button--disabled.sc-nano-icon-button{opacity:0.5;cursor:not-allowed;pointer-events:none}.focus-visible.icon-button.sc-nano-icon-button:focus{-webkit-box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}";let i=class{constructor(n){o(this,n);this.type="button";this.disabled=false}componentDidLoad(){t.observe(this.button)}connectedCallback(){if(this.button)t.observe(this.button)}disconnectedCallback(){t.unobserve(this.button)}render(){const o=this.href===undefined?"button":"a";return n(o,{part:"base",ref:o=>this.button=o,class:{"icon-button":true,"icon-button--disabled":this.disabled},"aria-label":this.label,name:this.name,value:this.value,href:this.href||undefined,target:this.href&&this.target?this.target:undefined,type:!this.href&&this.type?this.type:undefined},n("nano-icon",{name:this.iconName,src:this.iconSrc,"aria-hidden":"true"}))}};i.style=a;export{i as nano_icon_button};
+//# sourceMappingURL=p-1030797a.entry.js.map

package/dist/nano-components/p-11451a4b.system.entry.js

@@ -0,0 +1,5 @@
+var __awaiter=this&&this.__awaiter||function(t,e,r,n){function i(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,a){function s(t){try{u(n.next(t))}catch(e){a(e)}}function o(t){try{u(n["throw"](t))}catch(e){a(e)}}function u(t){t.done?r(t.value):i(t.value).then(s,o)}u((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return u([t,e])}}function u(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;i=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){r.label=s[1];break}if(s[0]===6&&r.label<a[1]){r.label=a[1];a=s;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(s);break}if(a[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(o){s=[6,o];i=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e){for(var r=0,n=e.length,i=t.length;r<n;r++,i++)t[i]=e[r];return t};
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */System.register(["./p-f48be9f5.system.js"],(function(t){"use strict";var e,r,n,i,a,s,o;return{setters:[function(t){e=t.k;r=t.j;n=t.r;i=t.c;a=t.h;s=t.e;o=t.g}],execute:function(){var u=function(t,e,r){var n=t.get(e);if(!n){t.set(e,[r])}else if(!n.includes(r)){n.push(r)}};var l=function(t,e){var r;return function(){var n=[];for(var i=0;i<arguments.length;i++){n[i]=arguments[i]}if(r){clearTimeout(r)}r=setTimeout((function(){r=0;t.apply(void 0,n)}),e)}};var c=function(t){return!("isConnected"in t)||t.isConnected};var f=l((function(t){for(var e=0,r=t.keys();e<r.length;e++){var n=r[e];t.set(n,t.get(n).filter(c))}}),2e3);var h=function(){if(typeof e!=="function"){return{}}var t=new Map;return{dispose:function(){return t.clear()},get:function(r){var n=e();if(n){u(t,r,n)}},set:function(e){var n=t.get(e);if(n){t.set(e,n.filter(r))}f(t)},reset:function(){t.forEach((function(t){return t.forEach(r)}));f(t)}}};var d=function(t,e){if(e===void 0){e=function(t,e){return t!==e}}var r=new Map(Object.entries(t!==null&&t!==void 0?t:{}));var n={dispose:[],get:[],set:[],reset:[]};var i=function(){r=new Map(Object.entries(t!==null&&t!==void 0?t:{}));n.reset.forEach((function(t){return t()}))};var a=function(){n.dispose.forEach((function(t){return t()}));i()};var s=function(t){n.get.forEach((function(e){return e(t)}));return r.get(t)};var o=function(t,i){var a=r.get(t);if(e(i,a,t)){r.set(t,i);n.set.forEach((function(e){return e(t,i,a)}))}};var u=typeof Proxy==="undefined"?{}:new Proxy(t,{get:function(t,e){return s(e)},ownKeys:function(t){return Array.from(r.keys())},getOwnPropertyDescriptor:function(){return{enumerable:true,configurable:true}},has:function(t,e){return r.has(e)},set:function(t,e,r){o(e,r);return true}});var l=function(t,e){n[t].push(e);return function(){v(n[t],e)}};var c=function(e,r){var n=l("set",(function(t,n){if(t===e){r(n)}}));var i=l("reset",(function(){return r(t[e])}));return function(){n();i()}};var f=function(){var t=[];for(var e=0;e<arguments.length;e++){t[e]=arguments[e]}var r=t.reduce((function(t,e){if(e.set){t.push(l("set",e.set))}if(e.get){t.push(l("get",e.get))}if(e.reset){t.push(l("reset",e.reset))}if(e.dispose){t.push(l("dispose",e.dispose))}return t}),[]);return function(){return r.forEach((function(t){return t()}))}};var h=function(t){var e=r.get(t);n.set.forEach((function(r){return r(t,e,e)}))};return{state:u,get:s,set:o,on:l,onChange:c,use:f,dispose:a,reset:i,forceUpdate:h}};var v=function(t,e){var r=t.indexOf(e);if(r>=0){t[r]=t[t.length-1];t.length--}};var p=function(t,e){var r=d(t,e);r.use(h());return r};var m=t("nano_field_validator",function(){function t(t){var e=this;n(this,t);this.nanoPayloadChange=i(this,"nanoPayloadChange",7);this.nanoSubmit=i(this,"nanoSubmit",7);this.nanoInvalid=i(this,"nanoInvalid",7);this.submitted=false;this.fields=[];this.internalValidate=false;this.validateOn="submitThenDirty";this.scrollToInvalid=true;this._dirty=false;this.handleStoreChange=function(t,r){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.validateOn==="dirty"&&this.dirty))return[3,2];this.internalValidate=true;return[4,this.validateAllFields()];case 1:t.sent();this._valid=this.activeForm.checkValidity();this.internalValidate=false;t.label=2;case 2:this.nanoPayloadChange.emit(this.store.state);return[2]}}))}))};this.handleFieldChange=function(t){e._dirty=true;e.setFieldValue([t.target])};this.handleFormInvalid=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:t.preventDefault();this._valid=false;if(this.internalValidate)return[2];if(this.validateOn==="submitThenDirty")this.validateOn="dirty";this.submitted=true;return[4,this.validateAllFields()];case 1:e.sent();if(this.validateOn==="submit"){this.internalValidate=true;this._valid=this.activeForm.checkValidity();this.internalValidate=false;if(this._valid){this.submitForm();return[2]}}this.scrollToFirstInvalid();this.nanoInvalid.emit();return[2]}}))}))};this.handleSubmit=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:t.preventDefault();if(this.validateOn==="submitThenDirty")this.validateOn="dirty";this.submitted=true;return[4,this.validateAllFields()];case 1:e.sent();this.internalValidate=true;this._valid=this.activeForm.checkValidity();this.internalValidate=false;if(!this._valid){this.scrollToFirstInvalid();return[2]}this.submitForm();return[2]}}))}))}}t.prototype.userFormChange=function(){if(!!this.userForm)this.activeForm=this.userForm};Object.defineProperty(t.prototype,"activeForm",{get:function(){return this._activeForm},set:function(t){if(this._activeForm)this._activeForm.removeEventListener("invalid",this.handleFormInvalid,true);if(t)t.addEventListener("invalid",this.handleFormInvalid,true);this._activeForm=t},enumerable:false,configurable:true});t.prototype.validateOnChange=function(){var t=this;this.fields.forEach((function(e){if(e.tagName==="NANO-CHECKBOX"){var r=e.closest("nano-checkbox-group");if(r)r.validateOn=t.validateOn}else{e.validateOn=t.validateOn}}))};Object.defineProperty(t.prototype,"dirty",{get:function(){return this._dirty},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"valid",{get:function(){return this._valid},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"payload",{get:function(){return this.store.state},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"showValidation",{get:function(){return this.validateOn==="dirty"&&this.dirty||this.submitted},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"validationState",{get:function(){var t=this;var e=[];this.fields.forEach((function(r){return __awaiter(t,void 0,void 0,(function(){var t;return __generator(this,(function(n){t=e.find((function(t){return t.name===r.name}));if(t){t.validityMessage=r.validityMessage.length?r.validityMessage:t.validityMessage;if(!t.fields.find((function(t){return t===r})))t.fields.push(r);if(t.valid&&r.invalid)t.valid=false;return[2]}e.push({fields:[r],name:r.name,valid:!r.invalid,value:this.store.state[r.name],dirty:false,validityMessage:r.validityMessage});return[2]}))}))}));return e},enumerable:false,configurable:true});t.prototype.attachSlotObserver=function(){var t=this;if(!!this.mo)return;var e=this.mo=new MutationObserver((function(e){var r=t.host.querySelector("form");if(r!==t.activeForm)t.activeForm=r;t.setupFields()}));e.observe(this.host,{childList:true,attributes:true,attributeFilter:["name"],subtree:true})};t.prototype.setupFields=function(){var t=this;var e=Array.from(this.host.querySelectorAll("\n        nano-input,\n        nano-select,\n        nano-file-upload,\n        nano-date-input,\n        nano-checkbox\n      "));e=e.filter((function(t){return!!t.name&&!!t.name.length}));if(!e.filter((function(e){return!t.fields.includes(e)})).length)return;this.fields=e;this.validateOnChange();this.setFieldValue(this.fields);this.nanoPayloadChange.emit(this.store.state)};t.prototype.setFieldValue=function(t){var e=this;t.forEach((function(t){var r=t.name;if(!r.length)return;switch(t.tagName){case"NANO-CHECKBOX":var n=t;if(n.type==="radio"||n.type==="segment"||n.type==="segment-pill"){if(n.checked)e.store.state[r]=n.value;else if(!n.checked&&n.value===e.store.state[r])e.store.state[r]=""}else if(e.fields.filter((function(t){return t.name===r&&t.tagName==="NANO-CHECKBOX"})).length>1){var i=Array.isArray(e.store.state[r])?e.store.state[r]:[];if(n.checked){if(!e.store.state[r].includes(n.value)){e.store.state[r]=__spreadArray(__spreadArray([],i),[n.value])}}else{e.store.state[r]=i.filter((function(t){return t!==n.value}))}}else e.store.state[r]=n.value;break;case"NANO-FILE-UPLOAD":e.store.state[r]=t.files;break;default:e.store.state[r]=t.value;break}}))};t.prototype.validate=function(t,e){return __awaiter(this,void 0,void 0,(function(){var r;var n=this;return __generator(this,(function(i){switch(i.label){case 0:if(!this.validation)return[2];r=this.validation(t,e,this.store.state);if(!r)return[2];return[4,Promise.all(Object.entries(r).map((function(t){var e=t[0],r=t[1];return __awaiter(n,void 0,void 0,(function(){var t,n,i;return __generator(this,(function(a){switch(a.label){case 0:t=this.fields.find((function(t){return t.name===e}));n=t;if(t.tagName==="NANO-CHECKBOX"){i=t.closest("nano-checkbox-group");n=i||t}if(!(n.validityMessage===r.msg&&r.valid))return[3,2];return[4,this.setFieldError(n,"")];case 1:a.sent();return[3,4];case 2:if(!!r.valid)return[3,4];return[4,this.setFieldError(n,r.msg)];case 3:a.sent();a.label=4;case 4:return[2]}}))}))})))];case 1:i.sent();return[2]}}))}))};t.prototype.setFieldError=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:if(!t["showError"])return[3,2];return[4,t.showError(e)];case 1:r.sent();return[3,4];case 2:return[4,t.setError(e)];case 3:r.sent();r.label=4;case 4:return[2]}}))}))};t.prototype.validateAllFields=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,Object.entries(this.store.state).reduce((function(e,r){var n=r[0],i=r[1];return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:t.sent();return[4,this.validate(n,i)];case 2:t.sent();return[2]}}))}))}),undefined)];case 1:e.sent();return[2]}}))}))};t.prototype.scrollToFirstInvalid=function(){var t=this;if(!this.scrollToInvalid)return;setTimeout((function(){var e=t.validationState.find((function(t){return!t.valid}));if(!e)return;e.fields[0].scrollIntoView({behavior:"smooth",block:"nearest"})}),200)};t.prototype.submitForm=function(){var t=this.nanoSubmit.emit();if(t.defaultPrevented)return;this.activeForm.submit()};t.prototype.connectedCallback=function(){this.userForm=this.host.querySelector("form")};t.prototype.componentDidLoad=function(){var t=this;requestAnimationFrame((function(){t.store=p({});t.setupFields();t.attachSlotObserver();t.store.on("set",(function(e,r){return t.handleStoreChange(e,r)}));t.host.addEventListener("nanoChange",t.handleFieldChange);t.host.addEventListener("submit",t.handleSubmit)}))};t.prototype.disconnectedCallback=function(){if(this.mo)this.mo.disconnect();this.store.dispose();this.host.removeEventListener("nanoChange",this.handleFieldChange);this.host.removeEventListener("submit",this.handleSubmit);if(this.activeForm)this.activeForm.removeEventListener("invalid",this.handleFormInvalid,true)};t.prototype.render=function(){var t=this;return a(s,null,this.userForm&&a("slot",null),!this.userForm&&a("form",{ref:function(e){return t.activeForm=e}},a("slot",null)))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{userForm:["userFormChange"],validateOn:["validateOnChange"]}},enumerable:false,configurable:true});return t}())}}}));
+//# sourceMappingURL=p-11451a4b.system.entry.js.map

package/dist/nano-components/p-11451a4b.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/@stencil/store/dist/index.mjs","src/components/field-validator/field-validator.tsx"],"names":["appendToMap","map","propName","value","items","get","set","includes","push","debounce","fn","ms","timeoutId","args","_i","arguments","length","clearTimeout","setTimeout","apply","isConnected","maybeElement","cleanupElements","_a","keys","key","filter","stencilSubscription","getRenderingRef","elmsToUpdate","Map","dispose","clear","elm","elements","forceUpdate","reset","forEach","elms","createObservableMap","defaultState","shouldUpdate","a","b","states","Object","entries","handlers","cb","oldValue","state","Proxy","_","ownKeys","Array","from","getOwnPropertyDescriptor","enumerable","configurable","has","on","eventName","callback","removeFromArray","onChange","unSet","newValue","unReset","use","subscriptions","unsubs","reduce","subscription","unsub","array","item","index","indexOf","createStore","FieldValidator","exports","class_1","hostRef","_this","this","submitted","fields","internalValidate","validateOn","scrollToInvalid","_dirty","handleStoreChange","_key","_newVal","__awaiter","dirty","validateAllFields","sent","_valid","activeForm","checkValidity","nanoPayloadChange","emit","store","handleFieldChange","ev","setFieldValue","target","handleFormInvalid","preventDefault","submitForm","scrollToFirstInvalid","nanoInvalid","handleSubmit","e","prototype","userFormChange","userForm","defineProperty","_activeForm","form","removeEventListener","addEventListener","validateOnChange","field","tagName","cbg","closest","validationState","found","find","v","name","validityMessage","f","valid","invalid","attachSlotObserver","mo","MutationObserver","_entries","host","querySelector","setupFields","observe","childList","attributes","attributeFilter","subtree","querySelectorAll","fieldName","cb_1","type","checked","currentArr","isArray","__spreadArray","files","validate","newVal","validation","res","Promise","all","o","validityTarget","msg","setFieldError","_b","showError","setError","memo","undefined","invalidField","scrollIntoView","behavior","block","nanoSubmit","defaultPrevented","submit","connectedCallback","componentDidLoad","requestAnimationFrame","disconnectedCallback","disconnect","render","h","Host","ref"],"mappings":"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","sourcesContent":["import { getRenderingRef, forceUpdate } from '@stencil/core';\n\nconst appendToMap = (map, propName, value) => {\n    const items = map.get(propName);\n    if (!items) {\n        map.set(propName, [value]);\n    }\n    else if (!items.includes(value)) {\n        items.push(value);\n    }\n};\nconst debounce = (fn, ms) => {\n    let timeoutId;\n    return (...args) => {\n        if (timeoutId) {\n            clearTimeout(timeoutId);\n        }\n        timeoutId = setTimeout(() => {\n            timeoutId = 0;\n            fn(...args);\n        }, ms);\n    };\n};\n\n/**\n * Check if a possible element isConnected.\n * The property might not be there, so we check for it.\n *\n * We want it to return true if isConnected is not a property,\n * otherwise we would remove these elements and would not update.\n *\n * Better leak in Edge than to be useless.\n */\nconst isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;\nconst cleanupElements = debounce((map) => {\n    for (let key of map.keys()) {\n        map.set(key, map.get(key).filter(isConnected));\n    }\n}, 2000);\nconst stencilSubscription = () => {\n    if (typeof getRenderingRef !== 'function') {\n        // If we are not in a stencil project, we do nothing.\n        // This function is not really exported by @stencil/core.\n        return {};\n    }\n    const elmsToUpdate = new Map();\n    return {\n        dispose: () => elmsToUpdate.clear(),\n        get: (propName) => {\n            const elm = getRenderingRef();\n            if (elm) {\n                appendToMap(elmsToUpdate, propName, elm);\n            }\n        },\n        set: (propName) => {\n            const elements = elmsToUpdate.get(propName);\n            if (elements) {\n                elmsToUpdate.set(propName, elements.filter(forceUpdate));\n            }\n            cleanupElements(elmsToUpdate);\n        },\n        reset: () => {\n            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));\n            cleanupElements(elmsToUpdate);\n        },\n    };\n};\n\nconst createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {\n    let states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));\n    const handlers = {\n        dispose: [],\n        get: [],\n        set: [],\n        reset: [],\n    };\n    const reset = () => {\n        states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));\n        handlers.reset.forEach((cb) => cb());\n    };\n    const dispose = () => {\n        // Call first dispose as resetting the state would\n        // cause less updates ;)\n        handlers.dispose.forEach((cb) => cb());\n        reset();\n    };\n    const get = (propName) => {\n        handlers.get.forEach((cb) => cb(propName));\n        return states.get(propName);\n    };\n    const set = (propName, value) => {\n        const oldValue = states.get(propName);\n        if (shouldUpdate(value, oldValue, propName)) {\n            states.set(propName, value);\n            handlers.set.forEach((cb) => cb(propName, value, oldValue));\n        }\n    };\n    const state = (typeof Proxy === 'undefined'\n        ? {}\n        : new Proxy(defaultState, {\n            get(_, propName) {\n                return get(propName);\n            },\n            ownKeys(_) {\n                return Array.from(states.keys());\n            },\n            getOwnPropertyDescriptor() {\n                return {\n                    enumerable: true,\n                    configurable: true,\n                };\n            },\n            has(_, propName) {\n                return states.has(propName);\n            },\n            set(_, propName, value) {\n                set(propName, value);\n                return true;\n            },\n        }));\n    const on = (eventName, callback) => {\n        handlers[eventName].push(callback);\n        return () => {\n            removeFromArray(handlers[eventName], callback);\n        };\n    };\n    const onChange = (propName, cb) => {\n        const unSet = on('set', (key, newValue) => {\n            if (key === propName) {\n                cb(newValue);\n            }\n        });\n        const unReset = on('reset', () => cb(defaultState[propName]));\n        return () => {\n            unSet();\n            unReset();\n        };\n    };\n    const use = (...subscriptions) => {\n        const unsubs = subscriptions.reduce((unsubs, subscription) => {\n            if (subscription.set) {\n                unsubs.push(on('set', subscription.set));\n            }\n            if (subscription.get) {\n                unsubs.push(on('get', subscription.get));\n            }\n            if (subscription.reset) {\n                unsubs.push(on('reset', subscription.reset));\n            }\n            if (subscription.dispose) {\n                unsubs.push(on('dispose', subscription.dispose));\n            }\n            return unsubs;\n        }, []);\n        return () => unsubs.forEach((unsub) => unsub());\n    };\n    const forceUpdate = (key) => {\n        const oldValue = states.get(key);\n        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));\n    };\n    return {\n        state,\n        get,\n        set,\n        on,\n        onChange,\n        use,\n        dispose,\n        reset,\n        forceUpdate,\n    };\n};\nconst removeFromArray = (array, item) => {\n    const index = array.indexOf(item);\n    if (index >= 0) {\n        array[index] = array[array.length - 1];\n        array.length--;\n    }\n};\n\nconst createStore = (defaultState, shouldUpdate) => {\n    const map = createObservableMap(defaultState, shouldUpdate);\n    map.use(stencilSubscription());\n    return map;\n};\n\nexport { createObservableMap, createStore };\n","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  Element,\n  ComponentInterface,\n  State,\n  Watch,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { createStore, ObservableMap } from '@stencil/store';\n\ntype NanoFormEles =\n  | HTMLNanoInputElement\n  | HTMLNanoCheckboxElement\n  | HTMLNanoSelectElement\n  | HTMLNanoDateInputElement\n  | HTMLNanoFileUploadElement;\ntype NanoEvent = CustomEvent & { target: NanoFormEles };\ninterface ValueStore {\n  [key: string]: any;\n}\n\ninterface ValidationState {\n  fields: NanoFormEles[];\n  valid: boolean;\n  validityMessage: string;\n  dirty: boolean;\n  name: string | number;\n  value: any;\n}\n\n/**\n * A toolbox for `nano-...` form fields and form validation.\n *\n * - Easy to add validation accross field dependencies - e.g. \"When Field1 contains '123' Field2 must contain '456'\"\n * - Easy access to whole form and individual field validity states\n * - Easy access to form data payload\n * - Scroll to invalid field on submit\n */\n@Component({\n  tag: 'nano-field-validator',\n})\nexport class FieldValidator implements ComponentInterface {\n  // Internal State\n\n  @Element() host: HTMLNanoFieldValidatorElement;\n  @State() store: ObservableMap<ValueStore>;\n  @State() userForm: HTMLFormElement;\n  @State() submitted = false;\n  @Watch('userForm')\n  userFormChange() {\n    if (!!this.userForm) this.activeForm = this.userForm;\n  }\n\n  private get activeForm() {\n    return this._activeForm;\n  }\n  private set activeForm(form: HTMLFormElement) {\n    if (this._activeForm)\n      this._activeForm.removeEventListener(\n        'invalid',\n        this.handleFormInvalid,\n        true\n      );\n    if (form) form.addEventListener('invalid', this.handleFormInvalid, true);\n    this._activeForm = form;\n  }\n  private _activeForm: HTMLFormElement;\n  private mo: MutationObserver;\n  private fields: NanoFormEles[] = [];\n  // annoyingly, whenever we attempt to checkValidty it fires `invalid` events.\n  // this is used to prevent infinite loops / multiple calls\n  private internalValidate = false;\n\n  // Public API\n\n  /** When should the fields perform validation. Will override / sync all nested `nano-...` controls */\n  @Prop({ mutable: true }) validateOn?: 'dirty' | 'submit' | 'submitThenDirty' =\n    'submitThenDirty';\n\n  /** Sync up validateOn with all fields */\n  @Watch('validateOn')\n  validateOnChange() {\n    this.fields.forEach((field) => {\n      if (field.tagName === 'NANO-CHECKBOX') {\n        const cbg = field.closest('nano-checkbox-group');\n        if (cbg) cbg.validateOn = this.validateOn;\n      } else {\n        (field as Exclude<NanoFormEles, HTMLNanoCheckboxElement>).validateOn =\n          this.validateOn;\n      }\n    });\n  }\n\n  /** Tries to scroll to the first invalid field on submit */\n  @Prop() scrollToInvalid = true;\n\n  /** Returns true if any nested fields have been changed @readonly */\n  @Prop({ reflect: true })\n  get dirty() {\n    return this._dirty;\n  }\n  @State() _dirty = false;\n\n  /** Returns true if all the nested fields are currently valid @readonly */\n  @Prop({ reflect: true })\n  get valid() {\n    return this._valid;\n  }\n  @State() _valid: boolean;\n\n  /** The current form payload as a reactive store. @readonly */\n  @Prop()\n  get payload() {\n    return this.store.state;\n  }\n\n  /** Returns true if validation errors will be displayed to the user */\n  @Prop()\n  get showValidation() {\n    return (this.validateOn === 'dirty' && this.dirty) || this.submitted;\n  }\n\n  /** Get the current validation state of all form fields. @readonly\n   * ```\n   {\n      fields: NanoFormEles[];\n      valid: boolean;\n      validityMessage: string;\n      dirty: boolean;\n      name: string | number;\n      value: any;\n    }[]\n  ```\n   */\n  @Prop() get validationState(): ValidationState[] {\n    const validationState: ValidationState[] = [];\n\n    this.fields.forEach(async (field) => {\n      const found = validationState.find((v) => v.name === field.name);\n\n      if (found) {\n        found.validityMessage = field.validityMessage.length\n          ? field.validityMessage\n          : found.validityMessage;\n        if (!found.fields.find((f) => f === field)) found.fields.push(field);\n        if (found.valid && field.invalid) found.valid = false;\n        return;\n      }\n\n      validationState.push({\n        fields: [field],\n        name: field.name,\n        valid: !field.invalid,\n        value: this.store.state[field.name],\n        dirty: false,\n        validityMessage: field.validityMessage,\n      });\n    });\n    return validationState;\n  }\n\n  /** A validation callback method.\n   * @param field - The field name currently being evaluated\n   * @param value - The value of the field currently being evaluated\n   * @param fields - an array of all currently observered form fields and values\n   * @returns field names mapped to an object of status message and validity e.g.\n   * ```js\n   * {field1: {msg: `This is invalid!`}, field2: {msg: `This is valid!`, valid: true}}\n   * ```\n   */\n  @Prop() validation: (\n    field: string,\n    value: string,\n    fields: ValueStore\n  ) => { [key: string]: { msg: string; valid?: boolean } };\n\n  /** Fired whenever the payload changes */\n  @Event() nanoPayloadChange: EventEmitter<ValueStore>;\n\n  /**\n   * Fired on valid form submission.\n   * Note: if you wish to prevent a form from submitting, instead\n   * of using / preventing the native `submit` event, use this event\n   * ```js\n   * ele.addEventListener('nanoSubmit', (e) => {\n   *   e.preventDefault()\n   * })\n   * ```\n   */\n  @Event() nanoSubmit: EventEmitter;\n\n  /** Fire on invalid form submission attempt */\n  @Event() nanoInvalid: EventEmitter;\n\n  // private methods\n\n  private attachSlotObserver() {\n    if (!!this.mo) return;\n    const mo = (this.mo = new MutationObserver((_entries) => {\n      const form = this.host.querySelector('form');\n      if (form !== this.activeForm) this.activeForm = form;\n      this.setupFields();\n    }));\n    mo.observe(this.host, {\n      childList: true,\n      attributes: true,\n      attributeFilter: ['name'],\n      subtree: true,\n    });\n  }\n\n  /** Checks for new `nano-...` fields and adds them to our watch array and value store */\n  private setupFields() {\n    let fields = Array.from(\n      this.host.querySelectorAll<NanoFormEles>(`\n        nano-input,\n        nano-select,\n        nano-file-upload,\n        nano-date-input,\n        nano-checkbox\n      `)\n    );\n    fields = fields.filter((f) => !!f.name && !!f.name.length);\n\n    // do we have any currently un-watched fields?\n    if (!fields.filter((f) => !this.fields.includes(f)).length) return;\n\n    // setup the initial store state / refresh on new fields\n    this.fields = fields;\n    this.validateOnChange();\n    this.setFieldValue(this.fields);\n    this.nanoPayloadChange.emit(this.store.state);\n  }\n\n  /** Loops through all `nano-...` fields and extracts their values into our store */\n  private setFieldValue(fields: NanoFormEles[]) {\n    fields.forEach((field) => {\n      const fieldName = field.name;\n      if (!fieldName.length) return;\n\n      switch (field.tagName) {\n        case 'NANO-CHECKBOX':\n          let cb = field as HTMLNanoCheckboxElement;\n          if (\n            cb.type === 'radio' ||\n            cb.type === 'segment' ||\n            cb.type === 'segment-pill'\n          ) {\n            if (cb.checked) this.store.state[fieldName] = cb.value;\n            else if (!cb.checked && cb.value === this.store.state[fieldName])\n              this.store.state[fieldName] = '';\n          } else if (\n            this.fields.filter(\n              (f) => f.name === fieldName && f.tagName === 'NANO-CHECKBOX'\n            ).length > 1\n          ) {\n            const currentArr = Array.isArray(this.store.state[fieldName])\n              ? this.store.state[fieldName]\n              : [];\n            if (cb.checked) {\n              if (!this.store.state[fieldName].includes(cb.value)) {\n                this.store.state[fieldName] = [...currentArr, cb.value];\n              }\n            } else {\n              this.store.state[fieldName] = currentArr.filter(\n                (v) => v !== cb.value\n              );\n            }\n          } else this.store.state[fieldName] = cb.value;\n          break;\n        case 'NANO-FILE-UPLOAD':\n          this.store.state[fieldName] = (\n            field as HTMLNanoFileUploadElement\n          ).files;\n          break;\n        default:\n          this.store.state[fieldName] = field.value;\n          break;\n      }\n    });\n  }\n\n  /** Checks for user defined validations */\n  private async validate(key: string | number, newVal: any) {\n    if (!this.validation) return;\n\n    const res = this.validation(key as string, newVal, this.store.state);\n\n    // no nothing - return\n    if (!res) return;\n\n    // stencil public methods are async\n    // so we must to coerce our validation\n    // collection loop into a promise\n    await Promise.all(\n      Object.entries(res).map(async ([key, o]) => {\n        // switch on/off validation messages\n        const field = this.fields.find((f) => f.name === key);\n        let validityTarget: NanoFormEles | HTMLNanoCheckboxGroupElement = field;\n\n        if (field.tagName === 'NANO-CHECKBOX') {\n          const cbg = field.closest('nano-checkbox-group');\n          validityTarget = cbg || field;\n        }\n\n        // status is now valid - clear the error\n        if (validityTarget.validityMessage === o.msg && o.valid)\n          await this.setFieldError(validityTarget, '');\n        // status is invalid. Set the error\n        else if (!o.valid) {\n          await this.setFieldError(validityTarget, o.msg);\n        }\n      })\n    );\n  }\n\n  /**\n   * Utility to smooth out setting error messages\n   * (it's a different method on `nano-checkbox` 'cos they don't show errors themselves)\n   * @param field\n   * @param msg\n   */\n  private async setFieldError(\n    field: NanoFormEles | HTMLNanoCheckboxGroupElement,\n    msg: string\n  ) {\n    if (field['showError'])\n      await (field as Exclude<NanoFormEles, HTMLNanoCheckboxElement>).showError(\n        msg\n      );\n    else await (field as HTMLNanoCheckboxElement).setError(msg);\n  }\n\n  /** Loops through all store entries and checks field validity */\n  private async validateAllFields() {\n    // This forces our loop to `await` and finish sequentially ... silly async stencil methods\n    await Object.entries(this.store.state).reduce(\n      async (memo, [key, value]) => {\n        await memo;\n        await this.validate(key, value);\n      },\n      undefined as any\n    );\n  }\n\n  private scrollToFirstInvalid() {\n    if (!this.scrollToInvalid) return;\n\n    setTimeout(() => {\n      const invalidField = this.validationState.find((f) => !f.valid);\n      if (!invalidField) return;\n      invalidField.fields[0].scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n    }, 200);\n  }\n\n  private submitForm() {\n    const nanoSubmit = this.nanoSubmit.emit();\n    if (nanoSubmit.defaultPrevented) return;\n    this.activeForm.submit();\n  }\n\n  // Event handlers\n\n  /** Fired whenever store values change and potentially checks validity */\n  private handleStoreChange = async (_key: string | number, _newVal: any) => {\n    if (this.validateOn === 'dirty' && this.dirty) {\n      this.internalValidate = true;\n      await this.validateAllFields();\n      this._valid = this.activeForm.checkValidity();\n      this.internalValidate = false;\n    }\n    this.nanoPayloadChange.emit(this.store.state);\n  };\n\n  /** Handles field value changes and passes to store */\n  private handleFieldChange = (ev: NanoEvent) => {\n    this._dirty = true;\n    this.setFieldValue([ev.target]);\n  };\n\n  /** Handles default field validation events */\n  private handleFormInvalid = async (ev: Event) => {\n    ev.preventDefault();\n    this._valid = false;\n\n    if (this.internalValidate) return;\n    if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n    this.submitted = true;\n\n    await this.validateAllFields();\n\n    // kinda insane...but if we're only validating on submit, then if the form is currently\n    // in an invalid state, when submitting, it will fire an invalid event and not\n    // submit the form. So let's test to make sure it is really invalid, and submit if not\n    if (this.validateOn === 'submit') {\n      this.internalValidate = true;\n      this._valid = this.activeForm.checkValidity();\n      this.internalValidate = false;\n\n      if (this._valid) {\n        this.submitForm();\n        return;\n      }\n    }\n\n    this.scrollToFirstInvalid();\n    this.nanoInvalid.emit();\n  };\n\n  /** stops default form submission, checks if valid, then submits manually  */\n  private handleSubmit = async (e: Event) => {\n    e.preventDefault();\n    if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n    this.submitted = true;\n    await this.validateAllFields();\n\n    this.internalValidate = true;\n    this._valid = this.activeForm.checkValidity();\n    this.internalValidate = false;\n\n    if (!this._valid) {\n      this.scrollToFirstInvalid();\n      return;\n    }\n    this.submitForm();\n  };\n\n  connectedCallback(): void {\n    this.userForm = this.host.querySelector('form');\n  }\n\n  componentDidLoad() {\n    requestAnimationFrame(() => {\n      this.store = createStore<ValueStore>({});\n\n      this.setupFields();\n      this.attachSlotObserver();\n\n      this.store.on('set', (key, value) => this.handleStoreChange(key, value));\n      this.host.addEventListener('nanoChange', this.handleFieldChange);\n      this.host.addEventListener('submit', this.handleSubmit);\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.mo) this.mo.disconnect();\n    this.store.dispose();\n    this.host.removeEventListener('nanoChange', this.handleFieldChange);\n    this.host.removeEventListener('submit', this.handleSubmit);\n    if (this.activeForm)\n      this.activeForm.removeEventListener(\n        'invalid',\n        this.handleFormInvalid,\n        true\n      );\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.userForm && <slot />}\n        {!this.userForm && (\n          <form ref={(f) => (this.activeForm = f)}>\n            <slot />\n          </form>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-129e2b4b.system.js

@@ -0,0 +1,5 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+System.register(["./p-f48be9f5.system.js","./p-9edbf25d.system.js","./p-ef053a2f.system.js"],(function(e){"use strict";var t,r,n,o;return{setters:[function(e){t=e.g},function(e){r=e.c;n=e.g},function(e){o=e.d}],execute:function(){var a=function e(){if(typeof Symbol!=="function"||typeof Object.getOwnPropertySymbols!=="function"){return false}if(typeof Symbol.iterator==="symbol"){return true}var t={};var r=Symbol("test");var n=Object(r);if(typeof r==="string"){return false}if(Object.prototype.toString.call(r)!=="[object Symbol]"){return false}if(Object.prototype.toString.call(n)!=="[object Symbol]"){return false}var o=42;t[r]=o;for(r in t){return false}if(typeof Object.keys==="function"&&Object.keys(t).length!==0){return false}if(typeof Object.getOwnPropertyNames==="function"&&Object.getOwnPropertyNames(t).length!==0){return false}var a=Object.getOwnPropertySymbols(t);if(a.length!==1||a[0]!==r){return false}if(!Object.prototype.propertyIsEnumerable.call(t,r)){return false}if(typeof Object.getOwnPropertyDescriptor==="function"){var i=Object.getOwnPropertyDescriptor(t,r);if(i.value!==o||i.enumerable!==true){return false}}return true};var i=typeof Symbol!=="undefined"&&Symbol;var f=function e(){if(typeof i!=="function"){return false}if(typeof Symbol!=="function"){return false}if(typeof i("foo")!=="symbol"){return false}if(typeof Symbol("bar")!=="symbol"){return false}return a()};var l="Function.prototype.bind called on incompatible ";var u=Array.prototype.slice;var c=Object.prototype.toString;var p="[object Function]";var s=function e(t){var r=this;if(typeof r!=="function"||c.call(r)!==p){throw new TypeError(l+r)}var n=u.call(arguments,1);var o;var a=function(){if(this instanceof o){var e=r.apply(this,n.concat(u.call(arguments)));if(Object(e)===e){return e}return this}else{return r.apply(t,n.concat(u.call(arguments)))}};var i=Math.max(0,r.length-n.length);var f=[];for(var s=0;s<i;s++){f.push("$"+s)}o=Function("binder","return function ("+f.join(",")+"){ return binder.apply(this,arguments); }")(a);if(r.prototype){var y=function e(){};y.prototype=r.prototype;o.prototype=new y;y.prototype=null}return o};var y=Function.prototype.bind||s;var v=y.call(Function.call,Object.prototype.hasOwnProperty);var d;var h=SyntaxError;var g=Function;var m=TypeError;var b=function(e){try{return g('"use strict"; return ('+e+").constructor;")()}catch(t){}};var S=Object.getOwnPropertyDescriptor;var w=function(){throw new m};var j=S?function(){try{return w}catch(e){try{return S(arguments,"callee").get}catch(t){return w}}}():w;var O=f();var A=Object.getPrototypeOf||function(e){return e.__proto__};var P={};var E=typeof Uint8Array==="undefined"?d:A(Uint8Array);var x={"%AggregateError%":typeof AggregateError==="undefined"?d:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer==="undefined"?d:ArrayBuffer,"%ArrayIteratorPrototype%":O?A([][Symbol.iterator]()):d,"%AsyncFromSyncIteratorPrototype%":d,"%AsyncFunction%":P,"%AsyncGenerator%":P,"%AsyncGeneratorFunction%":P,"%AsyncIteratorPrototype%":P,"%Atomics%":typeof Atomics==="undefined"?d:Atomics,"%BigInt%":typeof BigInt==="undefined"?d:BigInt,"%Boolean%":Boolean,"%DataView%":typeof DataView==="undefined"?d:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":typeof Float32Array==="undefined"?d:Float32Array,"%Float64Array%":typeof Float64Array==="undefined"?d:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry==="undefined"?d:FinalizationRegistry,"%Function%":g,"%GeneratorFunction%":P,"%Int8Array%":typeof Int8Array==="undefined"?d:Int8Array,"%Int16Array%":typeof Int16Array==="undefined"?d:Int16Array,"%Int32Array%":typeof Int32Array==="undefined"?d:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":O?A(A([][Symbol.iterator]())):d,"%JSON%":typeof JSON==="object"?JSON:d,"%Map%":typeof Map==="undefined"?d:Map,"%MapIteratorPrototype%":typeof Map==="undefined"||!O?d:A((new Map)[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise==="undefined"?d:Promise,"%Proxy%":typeof Proxy==="undefined"?d:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":typeof Reflect==="undefined"?d:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set==="undefined"?d:Set,"%SetIteratorPrototype%":typeof Set==="undefined"||!O?d:A((new Set)[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer==="undefined"?d:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":O?A(""[Symbol.iterator]()):d,"%Symbol%":O?Symbol:d,"%SyntaxError%":h,"%ThrowTypeError%":j,"%TypedArray%":E,"%TypeError%":m,"%Uint8Array%":typeof Uint8Array==="undefined"?d:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray==="undefined"?d:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array==="undefined"?d:Uint16Array,"%Uint32Array%":typeof Uint32Array==="undefined"?d:Uint32Array,"%URIError%":URIError,"%WeakMap%":typeof WeakMap==="undefined"?d:WeakMap,"%WeakRef%":typeof WeakRef==="undefined"?d:WeakRef,"%WeakSet%":typeof WeakSet==="undefined"?d:WeakSet};var k=function e(t){var r;if(t==="%AsyncFunction%"){r=b("async function () {}")}else if(t==="%GeneratorFunction%"){r=b("function* () {}")}else if(t==="%AsyncGeneratorFunction%"){r=b("async function* () {}")}else if(t==="%AsyncGenerator%"){var n=e("%AsyncGeneratorFunction%");if(n){r=n.prototype}}else if(t==="%AsyncIteratorPrototype%"){var o=e("%AsyncGenerator%");if(o){r=A(o.prototype)}}x[t]=r;return r};var I={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]};var F=y.call(Function.call,Array.prototype.concat);var N=y.call(Function.apply,Array.prototype.splice);var R=y.call(Function.call,String.prototype.replace);var D=y.call(Function.call,String.prototype.slice);var M=y.call(Function.call,RegExp.prototype.exec);var C=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;var U=/\\(\\)?/g;var T=function e(t){var r=D(t,0,1);var n=D(t,-1);if(r==="%"&&n!=="%"){throw new h("invalid intrinsic syntax, expected closing `%`")}else if(n==="%"&&r!=="%"){throw new h("invalid intrinsic syntax, expected opening `%`")}var o=[];R(t,C,(function(e,t,r,n){o[o.length]=r?R(n,U,"$1"):t||e}));return o};var _=function e(t,r){var n=t;var o;if(v(I,n)){o=I[n];n="%"+o[0]+"%"}if(v(x,n)){var a=x[n];if(a===P){a=k(n)}if(typeof a==="undefined"&&!r){throw new m("intrinsic "+t+" exists, but is not available. Please file an issue!")}return{alias:o,name:n,value:a}}throw new h("intrinsic "+t+" does not exist!")};var W=function e(t,r){if(typeof t!=="string"||t.length===0){throw new m("intrinsic name must be a non-empty string")}if(arguments.length>1&&typeof r!=="boolean"){throw new m('"allowMissing" argument must be a boolean')}if(M(/^%?[^%]*%?$/g,t)===null){throw new h("`%` may not be present anywhere but at the beginning and end of the intrinsic name")}var n=T(t);var o=n.length>0?n[0]:"";var a=_("%"+o+"%",r);var i=a.name;var f=a.value;var l=false;var u=a.alias;if(u){o=u[0];N(n,F([0,1],u))}for(var c=1,p=true;c<n.length;c+=1){var s=n[c];var y=D(s,0,1);var g=D(s,-1);if((y==='"'||y==="'"||y==="`"||(g==='"'||g==="'"||g==="`"))&&y!==g){throw new h("property names with quotes must have matching quotes")}if(s==="constructor"||!p){l=true}o+="."+s;i="%"+o+"%";if(v(x,i)){f=x[i]}else if(f!=null){if(!(s in f)){if(!r){throw new m("base intrinsic for "+t+" exists, but the property is not available.")}return void d}if(S&&c+1>=n.length){var b=S(f,s);p=!!b;if(p&&"get"in b&&!("originalValue"in b.get)){f=b.get}else{f=f[s]}}else{p=v(f,s);f=f[s]}if(p&&!l){x[i]=f}}}return f};var B=r((function(e){var t=W("%Function.prototype.apply%");var r=W("%Function.prototype.call%");var n=W("%Reflect.apply%",true)||y.call(r,t);var o=W("%Object.getOwnPropertyDescriptor%",true);var a=W("%Object.defineProperty%",true);var i=W("%Math.max%");if(a){try{a({},"a",{value:1})}catch(l){a=null}}e.exports=function e(t){var f=n(y,r,arguments);if(o&&a){var l=o(f,"length");if(l.configurable){a(f,"length",{value:1+i(0,t.length-(arguments.length-1))})}}return f};var f=function e(){return n(y,t,arguments)};if(a){a(e.exports,"apply",{value:f})}else{e.exports.apply=f}}));var q=B(W("String.prototype.indexOf"));var L=function e(t,r){var n=W(t,!!r);if(typeof n==="function"&&q(t,".prototype.")>-1){return B(n)}return n};var G={};var H=Object.freeze({__proto__:null,default:G});var $=n(H);var J=typeof Map==="function"&&Map.prototype;var V=Object.getOwnPropertyDescriptor&&J?Object.getOwnPropertyDescriptor(Map.prototype,"size"):null;var z=J&&V&&typeof V.get==="function"?V.get:null;var Q=J&&Map.prototype.forEach;var Y=typeof Set==="function"&&Set.prototype;var K=Object.getOwnPropertyDescriptor&&Y?Object.getOwnPropertyDescriptor(Set.prototype,"size"):null;var X=Y&&K&&typeof K.get==="function"?K.get:null;var Z=Y&&Set.prototype.forEach;var ee=typeof WeakMap==="function"&&WeakMap.prototype;var te=ee?WeakMap.prototype.has:null;var re=typeof WeakSet==="function"&&WeakSet.prototype;var ne=re?WeakSet.prototype.has:null;var oe=typeof WeakRef==="function"&&WeakRef.prototype;var ae=oe?WeakRef.prototype.deref:null;var ie=Boolean.prototype.valueOf;var fe=Object.prototype.toString;var le=Function.prototype.toString;var ue=String.prototype.match;var ce=String.prototype.slice;var pe=String.prototype.replace;var se=String.prototype.toUpperCase;var ye=String.prototype.toLowerCase;var ve=RegExp.prototype.test;var de=Array.prototype.concat;var he=Array.prototype.join;var ge=Array.prototype.slice;var me=Math.floor;var be=typeof BigInt==="function"?BigInt.prototype.valueOf:null;var Se=Object.getOwnPropertySymbols;var we=typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"?Symbol.prototype.toString:null;var je=typeof Symbol==="function"&&typeof Symbol.iterator==="object";var Oe=typeof Symbol==="function"&&Symbol.toStringTag&&(typeof Symbol.toStringTag===je?"object":"symbol")?Symbol.toStringTag:null;var Ae=Object.prototype.propertyIsEnumerable;var Pe=(typeof Reflect==="function"?Reflect.getPrototypeOf:Object.getPrototypeOf)||([].__proto__===Array.prototype?function(e){return e.__proto__}:null);function Ee(e,t){if(e===Infinity||e===-Infinity||e!==e||e&&e>-1e3&&e<1e3||ve.call(/e/,t)){return t}var r=/[0-9](?=(?:[0-9]{3})+(?![0-9]))/g;if(typeof e==="number"){var n=e<0?-me(-e):me(e);if(n!==e){var o=String(n);var a=ce.call(t,o.length+1);return pe.call(o,r,"$&_")+"."+pe.call(pe.call(a,/([0-9]{3})/g,"$&_"),/_$/,"")}}return pe.call(t,r,"$&_")}var xe=$.custom;var ke=We(xe)?xe:null;var Ie=function e(t,r,n,o){var a=r||{};if(Le(a,"quoteStyle")&&(a.quoteStyle!=="single"&&a.quoteStyle!=="double")){throw new TypeError('option "quoteStyle" must be "single" or "double"')}if(Le(a,"maxStringLength")&&(typeof a.maxStringLength==="number"?a.maxStringLength<0&&a.maxStringLength!==Infinity:a.maxStringLength!==null)){throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`')}var i=Le(a,"customInspect")?a.customInspect:true;if(typeof i!=="boolean"&&i!=="symbol"){throw new TypeError("option \"customInspect\", if provided, must be `true`, `false`, or `'symbol'`")}if(Le(a,"indent")&&a.indent!==null&&a.indent!=="\t"&&!(parseInt(a.indent,10)===a.indent&&a.indent>0)){throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`')}if(Le(a,"numericSeparator")&&typeof a.numericSeparator!=="boolean"){throw new TypeError('option "numericSeparator", if provided, must be `true` or `false`')}var f=a.numericSeparator;if(typeof t==="undefined"){return"undefined"}if(t===null){return"null"}if(typeof t==="boolean"){return t?"true":"false"}if(typeof t==="string"){return Xe(t,a)}if(typeof t==="number"){if(t===0){return Infinity/t>0?"0":"-0"}var l=String(t);return f?Ee(t,l):l}if(typeof t==="bigint"){var u=String(t)+"n";return f?Ee(t,u):u}var c=typeof a.depth==="undefined"?5:a.depth;if(typeof n==="undefined"){n=0}if(n>=c&&c>0&&typeof t==="object"){return Re(t)?"[Array]":"[Object]"}var p=ot(a,n);if(typeof o==="undefined"){o=[]}else if($e(o,t)>=0){return"[Circular]"}function s(t,r,i){if(r){o=ge.call(o);o.push(r)}if(i){var f={depth:a.depth};if(Le(a,"quoteStyle")){f.quoteStyle=a.quoteStyle}return e(t,f,n+1,o)}return e(t,a,n+1,o)}if(typeof t==="function"&&!Me(t)){var y=He(t);var v=it(t,s);return"[Function"+(y?": "+y:" (anonymous)")+"]"+(v.length>0?" { "+he.call(v,", ")+" }":"")}if(We(t)){var d=je?pe.call(String(t),/^(Symbol\(.*\))_[^)]*$/,"$1"):we.call(t);return typeof t==="object"&&!je?et(d):d}if(Ke(t)){var h="<"+ye.call(String(t.nodeName));var g=t.attributes||[];for(var m=0;m<g.length;m++){h+=" "+g[m].name+"="+Fe(Ne(g[m].value),"double",a)}h+=">";if(t.childNodes&&t.childNodes.length){h+="..."}h+="</"+ye.call(String(t.nodeName))+">";return h}if(Re(t)){if(t.length===0){return"[]"}var b=it(t,s);if(p&&!nt(b)){return"["+at(b,p)+"]"}return"[ "+he.call(b,", ")+" ]"}if(Ce(t)){var S=it(t,s);if(!("cause"in Error.prototype)&&"cause"in t&&!Ae.call(t,"cause")){return"{ ["+String(t)+"] "+he.call(de.call("[cause]: "+s(t.cause),S),", ")+" }"}if(S.length===0){return"["+String(t)+"]"}return"{ ["+String(t)+"] "+he.call(S,", ")+" }"}if(typeof t==="object"&&i){if(ke&&typeof t[ke]==="function"&&$){return $(t,{depth:c-n})}else if(i!=="symbol"&&typeof t.inspect==="function"){return t.inspect()}}if(Je(t)){var w=[];Q.call(t,(function(e,r){w.push(s(r,t,true)+" => "+s(e,t))}));return rt("Map",z.call(t),w,p)}if(Qe(t)){var j=[];Z.call(t,(function(e){j.push(s(e,t))}));return rt("Set",X.call(t),j,p)}if(Ve(t)){return tt("WeakMap")}if(Ye(t)){return tt("WeakSet")}if(ze(t)){return tt("WeakRef")}if(Te(t)){return et(s(Number(t)))}if(Be(t)){return et(s(be.call(t)))}if(_e(t)){return et(ie.call(t))}if(Ue(t)){return et(s(String(t)))}if(!De(t)&&!Me(t)){var O=it(t,s);var A=Pe?Pe(t)===Object.prototype:t instanceof Object||t.constructor===Object;var P=t instanceof Object?"":"null prototype";var E=!A&&Oe&&Object(t)===t&&Oe in t?ce.call(Ge(t),8,-1):P?"Object":"";var x=A||typeof t.constructor!=="function"?"":t.constructor.name?t.constructor.name+" ":"";var k=x+(E||P?"["+he.call(de.call([],E||[],P||[]),": ")+"] ":"");if(O.length===0){return k+"{}"}if(p){return k+"{"+at(O,p)+"}"}return k+"{ "+he.call(O,", ")+" }"}return String(t)};function Fe(e,t,r){var n=(r.quoteStyle||t)==="double"?'"':"'";return n+e+n}function Ne(e){return pe.call(String(e),/"/g,"&quot;")}function Re(e){return Ge(e)==="[object Array]"&&(!Oe||!(typeof e==="object"&&Oe in e))}function De(e){return Ge(e)==="[object Date]"&&(!Oe||!(typeof e==="object"&&Oe in e))}function Me(e){return Ge(e)==="[object RegExp]"&&(!Oe||!(typeof e==="object"&&Oe in e))}function Ce(e){return Ge(e)==="[object Error]"&&(!Oe||!(typeof e==="object"&&Oe in e))}function Ue(e){return Ge(e)==="[object String]"&&(!Oe||!(typeof e==="object"&&Oe in e))}function Te(e){return Ge(e)==="[object Number]"&&(!Oe||!(typeof e==="object"&&Oe in e))}function _e(e){return Ge(e)==="[object Boolean]"&&(!Oe||!(typeof e==="object"&&Oe in e))}function We(e){if(je){return e&&typeof e==="object"&&e instanceof Symbol}if(typeof e==="symbol"){return true}if(!e||typeof e!=="object"||!we){return false}try{we.call(e);return true}catch(t){}return false}function Be(e){if(!e||typeof e!=="object"||!be){return false}try{be.call(e);return true}catch(t){}return false}var qe=Object.prototype.hasOwnProperty||function(e){return e in this};function Le(e,t){return qe.call(e,t)}function Ge(e){return fe.call(e)}function He(e){if(e.name){return e.name}var t=ue.call(le.call(e),/^function\s*([\w$]+)/);if(t){return t[1]}return null}function $e(e,t){if(e.indexOf){return e.indexOf(t)}for(var r=0,n=e.length;r<n;r++){if(e[r]===t){return r}}return-1}function Je(e){if(!z||!e||typeof e!=="object"){return false}try{z.call(e);try{X.call(e)}catch(t){return true}return e instanceof Map}catch(r){}return false}function Ve(e){if(!te||!e||typeof e!=="object"){return false}try{te.call(e,te);try{ne.call(e,ne)}catch(t){return true}return e instanceof WeakMap}catch(r){}return false}function ze(e){if(!ae||!e||typeof e!=="object"){return false}try{ae.call(e);return true}catch(t){}return false}function Qe(e){if(!X||!e||typeof e!=="object"){return false}try{X.call(e);try{z.call(e)}catch(t){return true}return e instanceof Set}catch(r){}return false}function Ye(e){if(!ne||!e||typeof e!=="object"){return false}try{ne.call(e,ne);try{te.call(e,te)}catch(t){return true}return e instanceof WeakSet}catch(r){}return false}function Ke(e){if(!e||typeof e!=="object"){return false}if(typeof HTMLElement!=="undefined"&&e instanceof HTMLElement){return true}return typeof e.nodeName==="string"&&typeof e.getAttribute==="function"}function Xe(e,t){if(e.length>t.maxStringLength){var r=e.length-t.maxStringLength;var n="... "+r+" more character"+(r>1?"s":"");return Xe(ce.call(e,0,t.maxStringLength),t)+n}var o=pe.call(pe.call(e,/(['\\])/g,"\\$1"),/[\x00-\x1f]/g,Ze);return Fe(o,"single",t)}function Ze(e){var t=e.charCodeAt(0);var r={8:"b",9:"t",10:"n",12:"f",13:"r"}[t];if(r){return"\\"+r}return"\\x"+(t<16?"0":"")+se.call(t.toString(16))}function et(e){return"Object("+e+")"}function tt(e){return e+" { ? }"}function rt(e,t,r,n){var o=n?at(r,n):he.call(r,", ");return e+" ("+t+") {"+o+"}"}function nt(e){for(var t=0;t<e.length;t++){if($e(e[t],"\n")>=0){return false}}return true}function ot(e,t){var r;if(e.indent==="\t"){r="\t"}else if(typeof e.indent==="number"&&e.indent>0){r=he.call(Array(e.indent+1)," ")}else{return null}return{base:r,prev:he.call(Array(t+1),r)}}function at(e,t){if(e.length===0){return""}var r="\n"+t.prev+t.base;return r+he.call(e,","+r)+"\n"+t.prev}function it(e,t){var r=Re(e);var n=[];if(r){n.length=e.length;for(var o=0;o<e.length;o++){n[o]=Le(e,o)?t(e[o],e):""}}var a=typeof Se==="function"?Se(e):[];var i;if(je){i={};for(var f=0;f<a.length;f++){i["$"+a[f]]=a[f]}}for(var l in e){if(!Le(e,l)){continue}if(r&&String(Number(l))===l&&l<e.length){continue}if(je&&i["$"+l]instanceof Symbol){continue}else if(ve.call(/[^\w$]/,l)){n.push(t(l,e)+": "+t(e[l],e))}else{n.push(l+": "+t(e[l],e))}}if(typeof Se==="function"){for(var u=0;u<a.length;u++){if(Ae.call(e,a[u])){n.push("["+t(a[u])+"]: "+t(e[a[u]],e))}}}return n}var ft=W("%TypeError%");var lt=W("%WeakMap%",true);var ut=W("%Map%",true);var ct=L("WeakMap.prototype.get",true);var pt=L("WeakMap.prototype.set",true);var st=L("WeakMap.prototype.has",true);var yt=L("Map.prototype.get",true);var vt=L("Map.prototype.set",true);var dt=L("Map.prototype.has",true);var ht=function(e,t){for(var r=e,n;(n=r.next)!==null;r=n){if(n.key===t){r.next=n.next;n.next=e.next;e.next=n;return n}}};var gt=function(e,t){var r=ht(e,t);return r&&r.value};var mt=function(e,t,r){var n=ht(e,t);if(n){n.value=r}else{e.next={key:t,next:e.next,value:r}}};var bt=function(e,t){return!!ht(e,t)};var St=function e(){var t;var r;var n;var o={assert:function(e){if(!o.has(e)){throw new ft("Side channel does not contain "+Ie(e))}},get:function(e){if(lt&&e&&(typeof e==="object"||typeof e==="function")){if(t){return ct(t,e)}}else if(ut){if(r){return yt(r,e)}}else{if(n){return gt(n,e)}}},has:function(e){if(lt&&e&&(typeof e==="object"||typeof e==="function")){if(t){return st(t,e)}}else if(ut){if(r){return dt(r,e)}}else{if(n){return bt(n,e)}}return false},set:function(e,o){if(lt&&e&&(typeof e==="object"||typeof e==="function")){if(!t){t=new lt}pt(t,e,o)}else if(ut){if(!r){r=new ut}vt(r,e,o)}else{if(!n){n={key:{},next:null}}mt(n,e,o)}}};return o};var wt=String.prototype.replace;var jt=/%20/g;var Ot={RFC1738:"RFC1738",RFC3986:"RFC3986"};var At={default:Ot.RFC3986,formatters:{RFC1738:function(e){return wt.call(e,jt,"+")},RFC3986:function(e){return String(e)}},RFC1738:Ot.RFC1738,RFC3986:Ot.RFC3986};var Pt=Object.prototype.hasOwnProperty;var Et=Array.isArray;var xt=function(){var e=[];for(var t=0;t<256;++t){e.push("%"+((t<16?"0":"")+t.toString(16)).toUpperCase())}return e}();var kt=function e(t){while(t.length>1){var r=t.pop();var n=r.obj[r.prop];if(Et(n)){var o=[];for(var a=0;a<n.length;++a){if(typeof n[a]!=="undefined"){o.push(n[a])}}r.obj[r.prop]=o}}};var It=function e(t,r){var n=r&&r.plainObjects?Object.create(null):{};for(var o=0;o<t.length;++o){if(typeof t[o]!=="undefined"){n[o]=t[o]}}return n};var Ft=function e(t,r,n){if(!r){return t}if(typeof r!=="object"){if(Et(t)){t.push(r)}else if(t&&typeof t==="object"){if(n&&(n.plainObjects||n.allowPrototypes)||!Pt.call(Object.prototype,r)){t[r]=true}}else{return[t,r]}return t}if(!t||typeof t!=="object"){return[t].concat(r)}var o=t;if(Et(t)&&!Et(r)){o=It(t,n)}if(Et(t)&&Et(r)){r.forEach((function(r,o){if(Pt.call(t,o)){var a=t[o];if(a&&typeof a==="object"&&r&&typeof r==="object"){t[o]=e(a,r,n)}else{t.push(r)}}else{t[o]=r}}));return t}return Object.keys(r).reduce((function(t,o){var a=r[o];if(Pt.call(t,o)){t[o]=e(t[o],a,n)}else{t[o]=a}return t}),o)};var Nt=function e(t,r){return Object.keys(r).reduce((function(e,t){e[t]=r[t];return e}),t)};var Rt=function(e,t,r){var n=e.replace(/\+/g," ");if(r==="iso-8859-1"){return n.replace(/%[0-9a-f]{2}/gi,unescape)}try{return decodeURIComponent(n)}catch(o){return n}};var Dt=function e(t,r,n,o,a){if(t.length===0){return t}var i=t;if(typeof t==="symbol"){i=Symbol.prototype.toString.call(t)}else if(typeof t!=="string"){i=String(t)}if(n==="iso-8859-1"){return escape(i).replace(/%u[0-9a-f]{4}/gi,(function(e){return"%26%23"+parseInt(e.slice(2),16)+"%3B"}))}var f="";for(var l=0;l<i.length;++l){var u=i.charCodeAt(l);if(u===45||u===46||u===95||u===126||u>=48&&u<=57||u>=65&&u<=90||u>=97&&u<=122||a===At.RFC1738&&(u===40||u===41)){f+=i.charAt(l);continue}if(u<128){f=f+xt[u];continue}if(u<2048){f=f+(xt[192|u>>6]+xt[128|u&63]);continue}if(u<55296||u>=57344){f=f+(xt[224|u>>12]+xt[128|u>>6&63]+xt[128|u&63]);continue}l+=1;u=65536+((u&1023)<<10|i.charCodeAt(l)&1023);f+=xt[240|u>>18]+xt[128|u>>12&63]+xt[128|u>>6&63]+xt[128|u&63]}return f};var Mt=function e(t){var r=[{obj:{o:t},prop:"o"}];var n=[];for(var o=0;o<r.length;++o){var a=r[o];var i=a.obj[a.prop];var f=Object.keys(i);for(var l=0;l<f.length;++l){var u=f[l];var c=i[u];if(typeof c==="object"&&c!==null&&n.indexOf(c)===-1){r.push({obj:i,prop:u});n.push(c)}}}kt(r);return t};var Ct=function e(t){return Object.prototype.toString.call(t)==="[object RegExp]"};var Ut=function e(t){if(!t||typeof t!=="object"){return false}return!!(t.constructor&&t.constructor.isBuffer&&t.constructor.isBuffer(t))};var Tt=function e(t,r){return[].concat(t,r)};var _t=function e(t,r){if(Et(t)){var n=[];for(var o=0;o<t.length;o+=1){n.push(r(t[o]))}return n}return r(t)};var Wt={arrayToObject:It,assign:Nt,combine:Tt,compact:Mt,decode:Rt,encode:Dt,isBuffer:Ut,isRegExp:Ct,maybeMap:_t,merge:Ft};var Bt=Object.prototype.hasOwnProperty;var qt={brackets:function e(t){return t+"[]"},comma:"comma",indices:function e(t,r){return t+"["+r+"]"},repeat:function e(t){return t}};var Lt=Array.isArray;var Gt=String.prototype.split;var Ht=Array.prototype.push;var $t=function(e,t){Ht.apply(e,Lt(t)?t:[t])};var Jt=Date.prototype.toISOString;var Vt=At["default"];var zt={addQueryPrefix:false,allowDots:false,charset:"utf-8",charsetSentinel:false,delimiter:"&",encode:true,encoder:Wt.encode,encodeValuesOnly:false,format:Vt,formatter:At.formatters[Vt],indices:false,serializeDate:function e(t){return Jt.call(t)},skipNulls:false,strictNullHandling:false};var Qt=function e(t){return typeof t==="string"||typeof t==="number"||typeof t==="boolean"||typeof t==="symbol"||typeof t==="bigint"};var Yt={};var Kt=function e(t,r,n,o,a,i,f,l,u,c,p,s,y,v,d){var h=t;var g=d;var m=0;var b=false;while((g=g.get(Yt))!==void undefined&&!b){var S=g.get(t);m+=1;if(typeof S!=="undefined"){if(S===m){throw new RangeError("Cyclic object value")}else{b=true}}if(typeof g.get(Yt)==="undefined"){m=0}}if(typeof f==="function"){h=f(r,h)}else if(h instanceof Date){h=c(h)}else if(n==="comma"&&Lt(h)){h=Wt.maybeMap(h,(function(e){if(e instanceof Date){return c(e)}return e}))}if(h===null){if(o){return i&&!y?i(r,zt.encoder,v,"key",p):r}h=""}if(Qt(h)||Wt.isBuffer(h)){if(i){var w=y?r:i(r,zt.encoder,v,"key",p);if(n==="comma"&&y){var j=Gt.call(String(h),",");var O="";for(var A=0;A<j.length;++A){O+=(A===0?"":",")+s(i(j[A],zt.encoder,v,"value",p))}return[s(w)+(Lt(h)&&j.length===1?"[]":"")+"="+O]}return[s(w)+"="+s(i(h,zt.encoder,v,"value",p))]}return[s(r)+"="+s(String(h))]}var P=[];if(typeof h==="undefined"){return P}var E;if(n==="comma"&&Lt(h)){E=[{value:h.length>0?h.join(",")||null:void undefined}]}else if(Lt(f)){E=f}else{var x=Object.keys(h);E=l?x.sort(l):x}var k=n==="comma"&&Lt(h)&&h.length===1?r+"[]":r;for(var I=0;I<E.length;++I){var F=E[I];var N=typeof F==="object"&&typeof F.value!=="undefined"?F.value:h[F];if(a&&N===null){continue}var R=Lt(h)?typeof n==="function"?n(k,F):k:k+(u?"."+F:"["+F+"]");d.set(t,m);var D=St();D.set(Yt,d);$t(P,e(N,R,n,o,a,i,f,l,u,c,p,s,y,v,D))}return P};var Xt=function e(t){if(!t){return zt}if(t.encoder!==null&&typeof t.encoder!=="undefined"&&typeof t.encoder!=="function"){throw new TypeError("Encoder has to be a function.")}var r=t.charset||zt.charset;if(typeof t.charset!=="undefined"&&t.charset!=="utf-8"&&t.charset!=="iso-8859-1"){throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined")}var n=At["default"];if(typeof t.format!=="undefined"){if(!Bt.call(At.formatters,t.format)){throw new TypeError("Unknown format option provided.")}n=t.format}var o=At.formatters[n];var a=zt.filter;if(typeof t.filter==="function"||Lt(t.filter)){a=t.filter}return{addQueryPrefix:typeof t.addQueryPrefix==="boolean"?t.addQueryPrefix:zt.addQueryPrefix,allowDots:typeof t.allowDots==="undefined"?zt.allowDots:!!t.allowDots,charset:r,charsetSentinel:typeof t.charsetSentinel==="boolean"?t.charsetSentinel:zt.charsetSentinel,delimiter:typeof t.delimiter==="undefined"?zt.delimiter:t.delimiter,encode:typeof t.encode==="boolean"?t.encode:zt.encode,encoder:typeof t.encoder==="function"?t.encoder:zt.encoder,encodeValuesOnly:typeof t.encodeValuesOnly==="boolean"?t.encodeValuesOnly:zt.encodeValuesOnly,filter:a,format:n,formatter:o,serializeDate:typeof t.serializeDate==="function"?t.serializeDate:zt.serializeDate,skipNulls:typeof t.skipNulls==="boolean"?t.skipNulls:zt.skipNulls,sort:typeof t.sort==="function"?t.sort:null,strictNullHandling:typeof t.strictNullHandling==="boolean"?t.strictNullHandling:zt.strictNullHandling}};var Zt=function(e,t){var r=e;var n=Xt(t);var o;var a;if(typeof n.filter==="function"){a=n.filter;r=a("",r)}else if(Lt(n.filter)){a=n.filter;o=a}var i=[];if(typeof r!=="object"||r===null){return""}var f;if(t&&t.arrayFormat in qt){f=t.arrayFormat}else if(t&&"indices"in t){f=t.indices?"indices":"repeat"}else{f="indices"}var l=qt[f];if(!o){o=Object.keys(r)}if(n.sort){o.sort(n.sort)}var u=St();for(var c=0;c<o.length;++c){var p=o[c];if(n.skipNulls&&r[p]===null){continue}$t(i,Kt(r[p],p,l,n.strictNullHandling,n.skipNulls,n.encode?n.encoder:null,n.filter,n.sort,n.allowDots,n.serializeDate,n.format,n.formatter,n.encodeValuesOnly,n.charset,u))}var s=i.join(n.delimiter);var y=n.addQueryPrefix===true?"?":"";if(n.charsetSentinel){if(n.charset==="iso-8859-1"){y+="utf8=%26%2310003%3B&"}else{y+="utf8=%E2%9C%93&"}}return s.length>0?y+s:""};var er=Object.prototype.hasOwnProperty;var tr=Array.isArray;var rr={allowDots:false,allowPrototypes:false,allowSparse:false,arrayLimit:20,charset:"utf-8",charsetSentinel:false,comma:false,decoder:Wt.decode,delimiter:"&",depth:5,ignoreQueryPrefix:false,interpretNumericEntities:false,parameterLimit:1e3,parseArrays:true,plainObjects:false,strictNullHandling:false};var nr=function(e){return e.replace(/&#(\d+);/g,(function(e,t){return String.fromCharCode(parseInt(t,10))}))};var or=function(e,t){if(e&&typeof e==="string"&&t.comma&&e.indexOf(",")>-1){return e.split(",")}return e};var ar="utf8=%26%2310003%3B";var ir="utf8=%E2%9C%93";var fr=function e(t,r){var n={};var o=r.ignoreQueryPrefix?t.replace(/^\?/,""):t;var a=r.parameterLimit===Infinity?undefined:r.parameterLimit;var i=o.split(r.delimiter,a);var f=-1;var l;var u=r.charset;if(r.charsetSentinel){for(l=0;l<i.length;++l){if(i[l].indexOf("utf8=")===0){if(i[l]===ir){u="utf-8"}else if(i[l]===ar){u="iso-8859-1"}f=l;l=i.length}}}for(l=0;l<i.length;++l){if(l===f){continue}var c=i[l];var p=c.indexOf("]=");var s=p===-1?c.indexOf("="):p+1;var y,v;if(s===-1){y=r.decoder(c,rr.decoder,u,"key");v=r.strictNullHandling?null:""}else{y=r.decoder(c.slice(0,s),rr.decoder,u,"key");v=Wt.maybeMap(or(c.slice(s+1),r),(function(e){return r.decoder(e,rr.decoder,u,"value")}))}if(v&&r.interpretNumericEntities&&u==="iso-8859-1"){v=nr(v)}if(c.indexOf("[]=")>-1){v=tr(v)?[v]:v}if(er.call(n,y)){n[y]=Wt.combine(n[y],v)}else{n[y]=v}}return n};var lr=function(e,t,r,n){var o=n?t:or(t,r);for(var a=e.length-1;a>=0;--a){var i;var f=e[a];if(f==="[]"&&r.parseArrays){i=[].concat(o)}else{i=r.plainObjects?Object.create(null):{};var l=f.charAt(0)==="["&&f.charAt(f.length-1)==="]"?f.slice(1,-1):f;var u=parseInt(l,10);if(!r.parseArrays&&l===""){i={0:o}}else if(!isNaN(u)&&f!==l&&String(u)===l&&u>=0&&(r.parseArrays&&u<=r.arrayLimit)){i=[];i[u]=o}else if(l!=="__proto__"){i[l]=o}}o=i}return o};var ur=function e(t,r,n,o){if(!t){return}var a=n.allowDots?t.replace(/\.([^.[]+)/g,"[$1]"):t;var i=/(\[[^[\]]*])/;var f=/(\[[^[\]]*])/g;var l=n.depth>0&&i.exec(a);var u=l?a.slice(0,l.index):a;var c=[];if(u){if(!n.plainObjects&&er.call(Object.prototype,u)){if(!n.allowPrototypes){return}}c.push(u)}var p=0;while(n.depth>0&&(l=f.exec(a))!==null&&p<n.depth){p+=1;if(!n.plainObjects&&er.call(Object.prototype,l[1].slice(1,-1))){if(!n.allowPrototypes){return}}c.push(l[1])}if(l){c.push("["+a.slice(l.index)+"]")}return lr(c,r,n,o)};var cr=function e(t){if(!t){return rr}if(t.decoder!==null&&t.decoder!==undefined&&typeof t.decoder!=="function"){throw new TypeError("Decoder has to be a function.")}if(typeof t.charset!=="undefined"&&t.charset!=="utf-8"&&t.charset!=="iso-8859-1"){throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined")}var r=typeof t.charset==="undefined"?rr.charset:t.charset;return{allowDots:typeof t.allowDots==="undefined"?rr.allowDots:!!t.allowDots,allowPrototypes:typeof t.allowPrototypes==="boolean"?t.allowPrototypes:rr.allowPrototypes,allowSparse:typeof t.allowSparse==="boolean"?t.allowSparse:rr.allowSparse,arrayLimit:typeof t.arrayLimit==="number"?t.arrayLimit:rr.arrayLimit,charset:r,charsetSentinel:typeof t.charsetSentinel==="boolean"?t.charsetSentinel:rr.charsetSentinel,comma:typeof t.comma==="boolean"?t.comma:rr.comma,decoder:typeof t.decoder==="function"?t.decoder:rr.decoder,delimiter:typeof t.delimiter==="string"||Wt.isRegExp(t.delimiter)?t.delimiter:rr.delimiter,depth:typeof t.depth==="number"||t.depth===false?+t.depth:rr.depth,ignoreQueryPrefix:t.ignoreQueryPrefix===true,interpretNumericEntities:typeof t.interpretNumericEntities==="boolean"?t.interpretNumericEntities:rr.interpretNumericEntities,parameterLimit:typeof t.parameterLimit==="number"?t.parameterLimit:rr.parameterLimit,parseArrays:t.parseArrays!==false,plainObjects:typeof t.plainObjects==="boolean"?t.plainObjects:rr.plainObjects,strictNullHandling:typeof t.strictNullHandling==="boolean"?t.strictNullHandling:rr.strictNullHandling}};var pr=function(e,t){var r=cr(t);if(e===""||e===null||typeof e==="undefined"){return r.plainObjects?Object.create(null):{}}var n=typeof e==="string"?fr(e,r):e;var o=r.plainObjects?Object.create(null):{};var a=Object.keys(n);for(var i=0;i<a.length;++i){var f=a[i];var l=ur(f,n[f],r,typeof e==="string");o=Wt.merge(o,l,r)}if(r.allowSparse===true){return o}return Wt.compact(o)};var sr={formats:At,parse:pr,stringify:Zt};var yr="nano-component-store:";var vr=function(e,t){if(e===void 0){e="hash"}if(t===void 0){t=window}if(!t||!t.location)return{};if(e==="hash"&&t.location.hash)return sr.parse(t.location.hash.replace(/^\#/,""),{strictNullHandling:true});else if(e==="query"&&t.location.search)return sr.parse(t.location.search,{ignoreQueryPrefix:true});return{}};var dr=function(e,t,r,n){if(t===void 0){t="hash"}if(r===void 0){r=window}if(n===void 0){n="replace"}if(!r||!r.history)return;var o=t==="query"?r.location.search:r.location.hash;var a=t==="query"?r.location.pathname:r.location.pathname+r.location.search;var i=sr.stringify(e,{strictNullHandling:true,addQueryPrefix:false,encodeValuesOnly:true});if(!i||!i.length){if(!o||!o.length)return;if(n==="replace")r.history.replaceState(null,null,a);else r.history.pushState(null,null,a);return}if(t==="hash"&&r.location.hash==="#"+i){try{document.querySelector("#"+i).focus()}catch(f){}return}i=(t==="hash"?"#":"?")+i;if(i===o)return;if(n==="replace")r.history.replaceState(null,null,a+i);else r.history.pushState(null,null,a+i)};var hr=function(e,t,r,n,o){if(r===void 0){r="hash"}if(n===void 0){n=window}if(o===void 0){o="replace"}e=Object.keys(sr.parse(e))[0];var a={};a[e]=t;var i=vr(r,n);i=Object.assign(Object.assign({},i),a);dr(i,r,n,o)};var gr=function(e,t,r){if(t===void 0){t="hash"}if(r===void 0){r=window}e=Object.keys(sr.parse(e))[0];var n=vr(t,r);return n[e]||null};var mr=function(e,t,r){if(r===void 0){r=window}try{if(!t){r.sessionStorage.removeItem(yr+e);return}r.sessionStorage.setItem(yr+e,JSON.stringify(t))}catch(n){throw n}};var br=function(e,t){if(t===void 0){t=window}try{var r=t.sessionStorage.getItem(yr+e);return r!==null?JSON.parse(r):null}catch(n){throw n}};var Sr=function(e,t,r){if(r===void 0){r=window}try{if(!t){r.localStorage.removeItem(yr+e);return}r.localStorage.setItem(yr+e,JSON.stringify(t))}catch(n){throw n}};var wr=function(e,t){if(t===void 0){t=window}try{var r=t.localStorage.getItem(yr+e);return r!==null?JSON.parse(r):null}catch(n){throw n}};var jr=new Map;var Or=e("C",{init:function(e,r,n,o){var a=o||e.storeId||t(e).id;if(!a){console.error("No id set. You can only instantiate a new component store with an id. ");return}if(jr.get(a)){console.error("Duplicate store id usage. A store ID must be unique!",a);return}var i=r.reduce((function(t,r){if(typeof e[r]!==undefined)t[r]=e[r];return t}),{});jr.set(a,new Ar(a,e,r,i,n));var f=jr.get(a);f.dispatchToProps();var l=e.connectedCallback;e.connectedCallback=function(){jr.set(a,new Ar(a,e,r,i,n));var t=jr.get(a);if(l){l.call(e)}if(t)t.dispatchToProps()};var u=e.componentDidRender;e.componentDidRender=function(){var t=jr.get(a);if(u){u.call(e)}if(t)t.savePropsToStore()};var c=e.disconnectedCallback;e.disconnectedCallback=function(){var t=jr.get(a);if(t)t.delete();jr.delete(a);if(c){c.call(e)}}}});var Ar=function(){function e(e,t,r,n,a){var i=this;this.method="session";this.initialState={};this.updateStore=true;this.onUrlChange=function(){i.dispatchToProps(false)};this.savePropsToStore=function(){if(i.updateStore){i.save(i.getData)}else if(!i.updateStore)i.updateStore=true};this.dispatchToProps=function(e){if(e===void 0){e=true}var t=i.retrieve();if(!t&&e)return;i.updateStore=e;i.keys.forEach((function(e){i.component[e]=t?t[e]:undefined}))};this.delete=function(){if(i.method==="url-hash-push"||i.method==="url-query-push"){window.removeEventListener("popstate",i.onUrlChange)}};if(!e)throw new Error("No id set. You can only instantiate a new component store with an id");this.id=e;this.keys=r;this.component=t;if(n)this.initialState=n;if(a)this.method=a;this.savePropsToStore=o(this.savePropsToStore,500);if(this.method==="url-hash-push"||this.method==="url-query-push"){window.addEventListener("popstate",this.onUrlChange)}}e.prototype.equality=function(e,t){if(typeof e!==typeof t)return false;if(typeof e!=="object")return e===t;return JSON.stringify(e)===JSON.stringify(t)};Object.defineProperty(e.prototype,"getData",{get:function(){var e=this;var t=this.keys.reduce((function(t,r){var n=e.equality(e.component[r],e.initialState[r]);if(typeof e.component[r]!=="undefined"&&!n){t[r]=e.component[r]}else if(n)delete t[r];return t}),{});return Object.keys(t).length?t:undefined},enumerable:false,configurable:true});e.prototype.retrieve=function(){switch(this.method){case"url-hash":case"url-hash-push":return gr(this.id,"hash");case"url-query":case"url-query-push":return gr(this.id,"query");case"local":return wr(this.id);default:return br(this.id)}};e.prototype.save=function(e){switch(this.method){case"url-hash":return hr(this.id,e,"hash");case"url-query":return hr(this.id,e,"query");case"url-hash-push":return hr(this.id,e,"hash",window,"push");case"url-query-push":return hr(this.id,e,"query",window,"push");case"local":return Sr(this.id,e);default:return mr(this.id,e)}};return e}()}}}));
+//# sourceMappingURL=p-129e2b4b.system.js.map