npm - @nanoporetech-digital/components - Versions diffs - 1.13.22 → 1.15.1 - Mend

@nanoporetech-digital/components 1.13.22 → 1.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (707) hide show

package/dist/nano-components/{p-f5f76780.entry.js → p-9ccd832b.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as i,h as r,e as t,g as d,c as o}from"./p-f55560d3.js";import{i as s}from"./p-6a284815.js";const n=["col-span","col-start","row-span","row-start"],g=!!document.head.attachShadow;let h=class{constructor(r){i(this,r),this.generalClasses=[""],this.gridClass=null,this.isSizes=[null],this.ready=!1,this.isSmall=!1,this.isMedium=!1,this.isLarge=!1,this.isXL=!1,this.isXXL=!1,this.sSize=300,this.mSize=550,this.lSize=800,this.xlSize=1e3,this.showHelper=!1,this.contentPanel=!1,this.fullHeight=!1}propChanged(){this.applySizeClasses()}applySizeClasses(){let i=this.currentWidth;this.isSmall=!1,this.isMedium=!1,this.isLarge=!1,this.isXL=!1,this.isXXL=!1,this.generalClasses=[],this.gridClass=null,this.isSizes=[null],this.isSmall=!0,this.generalClasses.push("is-small"),this.sCols&&(this.gridClass=`nano-grid-${this.sCols}`),this.isSizes.push({size:"s",active:!0}),i>this.sSize&&(this.isMedium=!0,this.generalClasses.push("is-medium"),this.mCols&&(this.gridClass=`nano-grid-${this.mCols}`),this.isSizes.push({size:"m",active:!0})),i>this.mSize&&(this.isLarge=!0,this.generalClasses.push("is-large"),this.lCols&&(this.gridClass=`nano-grid-${this.lCols}`),this.isSizes.push({size:"l",active:!0})),i>this.lSize&&(this.isXL=!0,this.generalClasses.push("is-xl"),this.xlCols&&(this.gridClass=`nano-grid-${this.xlCols}`),this.isSizes.push({size:"xl",active:!0})),i>this.xlSize&&(this.isXXL=!0,this.generalClasses.push("is-xxl"),this.xxlCols&&(this.gridClass=`nano-grid-${this.xxlCols}`),this.isSizes.push({size:"xxl",active:!0})),this.el.style.setProperty("--current-grid-size",`'grid size: ${this.isSizes.slice().pop().size}'`),this.applyChildrenClasses(),setTimeout((()=>this.ready=!0),0)}applyChildrenClasses(){let i=this.el.querySelectorAll("nano-grid-item");if(i.length)return void i.forEach((i=>{i.changeBP(this.isSizes)}));let r,t,d,o,s=[""],h="";o=g?this.el:this.el.querySelector(".grid")||this.el,[].map.call(o.children,(i=>{i.hasAttribute("grid-states")&&(d=i.className.split(" ").filter((i=>!i.startsWith("nano-grid-"))),i.className=d.join(" ").trim(),t=i.getAttribute("grid-states").split(" "),n.forEach((o=>{r=!1,this.isSizes.slice().reverse().forEach((function(n){!r&&n&&(r=t.find((i=>0===i.indexOf(`${n.size}-${o}`))),r&&(d=i.className.split(" ").filter((i=>!i.includes("nano-grid-${stateOpt}"))),i.className=d.join(" ").trim(),s=r.split("-"),s.shift(),h=s.join("-"),i.classList.add(`nano-grid-${h}`)))}))})))}))}connectedCallback(){}componentWillLoad(){let i,r;r=g?this.el:this.el.querySelector(".grid")||this.el,[].map.call(r.children,(r=>{if(g)"NANO-GRID-ITEM"!==r.nodeName&&r.classList.add("nano-griditem");else{if(r.classList.contains("nano-griditem")||"NANO-GRID-ITEM"===r.nodeName)return;i=document.createElement("div"),r.hasAttribute("grid-states")&&(i.setAttribute("grid-states",r.getAttribute("grid-states")),r.removeAttribute("grid-states")),this.el.insertBefore(i,r),i.appendChild(r),i.classList.add("nano-griditem")}}))}componentDidLoad(){this.ro=new s((i=>{for(const r of i){if(!r.contentRect.width)return;this.currentWidth=r.contentRect.width,this.applySizeClasses()}})),this.ro.observe(this.el)}disconnectedCallback(){this.ro&&this.ro.disconnect()}render(){return r(t,{class:{[this.generalClasses.join(" ")]:!0,"has-grid":!!this.gridClass,ready:this.ready,[this.gridClass]:!0},"is-legacy":!g||void 0},r("div",{class:{grid:!0}},r("slot",null)))}get el(){return d(this)}static get watchers(){return{sSize:["propChanged"],mSize:["propChanged"],lSize:["propChanged"],xlSize:["propChanged"],sCols:["propChanged"],mCols:["propChanged"],lCols:["propChanged"],xlCols:["propChanged"],xxlCols:["propChanged"]}}};h.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--current-grid-size:"\'grid size: sm\'";display:block;opacity:0;-webkit-transition:0.2s ease opacity;transition:0.2s ease opacity}:host .grid{display:grid;grid-gap:var(--grid-row-gap) var(--grid-col-gap);height:inherit;min-height:inherit}:host .grid::slotted(*){border:0 solid transparent;background-clip:padding-box;border-width:var(--grid-row-gap) calc(var(--grid-col-gap) / 2)}:host(.ready){opacity:1}:host(.has-grid) .grid{display:-ms-grid;display:grid}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-1),:host(.has-grid) .grid::slotted(.nano-grid-col-start-1){-ms-grid-column:1 !important;grid-column-start:1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-1),:host(.has-grid) .grid::slotted(.nano-grid-row-start-1){-ms-grid-row:1 !important;grid-row-start:1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-1),:host(.has-grid) .grid::slotted(.nano-grid-col-span-1){-ms-grid-column-span:1 !important;grid-column-end:span 1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-1),:host(.has-grid) .grid::slotted(.nano-grid-row-span-1){-ms-grid-row-span:1 !important;grid-row-end:span 1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-2),:host(.has-grid) .grid::slotted(.nano-grid-col-start-2){-ms-grid-column:2 !important;grid-column-start:2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-2),:host(.has-grid) .grid::slotted(.nano-grid-row-start-2){-ms-grid-row:2 !important;grid-row-start:2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-2),:host(.has-grid) .grid::slotted(.nano-grid-col-span-2){-ms-grid-column-span:2 !important;grid-column-end:span 2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-2),:host(.has-grid) .grid::slotted(.nano-grid-row-span-2){-ms-grid-row-span:2 !important;grid-row-end:span 2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-3),:host(.has-grid) .grid::slotted(.nano-grid-col-start-3){-ms-grid-column:3 !important;grid-column-start:3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-3),:host(.has-grid) .grid::slotted(.nano-grid-row-start-3){-ms-grid-row:3 !important;grid-row-start:3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-3),:host(.has-grid) .grid::slotted(.nano-grid-col-span-3){-ms-grid-column-span:3 !important;grid-column-end:span 3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-3),:host(.has-grid) .grid::slotted(.nano-grid-row-span-3){-ms-grid-row-span:3 !important;grid-row-end:span 3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-4),:host(.has-grid) .grid::slotted(.nano-grid-col-start-4){-ms-grid-column:4 !important;grid-column-start:4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-4),:host(.has-grid) .grid::slotted(.nano-grid-row-start-4){-ms-grid-row:4 !important;grid-row-start:4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-4),:host(.has-grid) .grid::slotted(.nano-grid-col-span-4){-ms-grid-column-span:4 !important;grid-column-end:span 4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-4),:host(.has-grid) .grid::slotted(.nano-grid-row-span-4){-ms-grid-row-span:4 !important;grid-row-end:span 4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-5),:host(.has-grid) .grid::slotted(.nano-grid-col-start-5){-ms-grid-column:5 !important;grid-column-start:5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-5),:host(.has-grid) .grid::slotted(.nano-grid-row-start-5){-ms-grid-row:5 !important;grid-row-start:5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-5),:host(.has-grid) .grid::slotted(.nano-grid-col-span-5){-ms-grid-column-span:5 !important;grid-column-end:span 5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-5),:host(.has-grid) .grid::slotted(.nano-grid-row-span-5){-ms-grid-row-span:5 !important;grid-row-end:span 5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-6),:host(.has-grid) .grid::slotted(.nano-grid-col-start-6){-ms-grid-column:6 !important;grid-column-start:6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-6),:host(.has-grid) .grid::slotted(.nano-grid-row-start-6){-ms-grid-row:6 !important;grid-row-start:6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-6),:host(.has-grid) .grid::slotted(.nano-grid-col-span-6){-ms-grid-column-span:6 !important;grid-column-end:span 6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-6),:host(.has-grid) .grid::slotted(.nano-grid-row-span-6){-ms-grid-row-span:6 !important;grid-row-end:span 6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-7),:host(.has-grid) .grid::slotted(.nano-grid-col-start-7){-ms-grid-column:7 !important;grid-column-start:7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-7),:host(.has-grid) .grid::slotted(.nano-grid-row-start-7){-ms-grid-row:7 !important;grid-row-start:7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-7),:host(.has-grid) .grid::slotted(.nano-grid-col-span-7){-ms-grid-column-span:7 !important;grid-column-end:span 7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-7),:host(.has-grid) .grid::slotted(.nano-grid-row-span-7){-ms-grid-row-span:7 !important;grid-row-end:span 7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-8),:host(.has-grid) .grid::slotted(.nano-grid-col-start-8){-ms-grid-column:8 !important;grid-column-start:8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-8),:host(.has-grid) .grid::slotted(.nano-grid-row-start-8){-ms-grid-row:8 !important;grid-row-start:8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-8),:host(.has-grid) .grid::slotted(.nano-grid-col-span-8){-ms-grid-column-span:8 !important;grid-column-end:span 8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-8),:host(.has-grid) .grid::slotted(.nano-grid-row-span-8){-ms-grid-row-span:8 !important;grid-row-end:span 8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-9),:host(.has-grid) .grid::slotted(.nano-grid-col-start-9){-ms-grid-column:9 !important;grid-column-start:9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-9),:host(.has-grid) .grid::slotted(.nano-grid-row-start-9){-ms-grid-row:9 !important;grid-row-start:9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-9),:host(.has-grid) .grid::slotted(.nano-grid-col-span-9){-ms-grid-column-span:9 !important;grid-column-end:span 9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-9),:host(.has-grid) .grid::slotted(.nano-grid-row-span-9){-ms-grid-row-span:9 !important;grid-row-end:span 9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-10),:host(.has-grid) .grid::slotted(.nano-grid-col-start-10){-ms-grid-column:10 !important;grid-column-start:10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-10),:host(.has-grid) .grid::slotted(.nano-grid-row-start-10){-ms-grid-row:10 !important;grid-row-start:10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-10),:host(.has-grid) .grid::slotted(.nano-grid-col-span-10){-ms-grid-column-span:10 !important;grid-column-end:span 10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-10),:host(.has-grid) .grid::slotted(.nano-grid-row-span-10){-ms-grid-row-span:10 !important;grid-row-end:span 10 !important}:host(.has-grid) .grid::slotted(*){border-width:calc(var(--grid-row-gap) / 2) calc(var(--grid-col-gap) / 2)}:host([is-legacy]){overflow:hidden}:host([is-legacy]) .grid{margin-bottom:calc(var(--grid-row-gap) * -0.5);margin-top:calc(var(--grid-row-gap) * -0.5);margin-left:calc(var(--grid-col-gap) * -0.5);margin-right:calc(var(--grid-col-gap) * -0.5)}nano-grid :host-context[is-legacy]{overflow:visible}nano-grid :host-context[is-legacy] .grid::slotted(:first-child){border-top-width:calc(var(--grid-row-gap) / 2)}nano-grid :host-context[is-legacy] .grid::slotted(:last-child){border-bottom-width:calc(var(--grid-row-gap) / 2)}:host([content-panel]:not([content-panel=false])){display:-ms-flexbox;-ms-flex-direction:column}:host([content-panel]:not([content-panel=false])) .grid{-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr}:host([full-height]:not([full-height=false])){height:100%}:host([full-height]:not([full-height=false])) .grid{-ms-grid-rows:1fr;grid-template-rows:1fr}:host([full-height]:not([full-height=false])) .grid::slotted(*){min-height:100%}:host([show-helper]:not([show-helper=false])) .grid{position:relative}:host([show-helper]:not([show-helper=false])) .grid::after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;pointer-events:none;background-image:repeating-linear-gradient(to right, rgba(126, 195, 241, 0.25), rgba(126, 195, 241, 0.25) var(--col-width), transparent var(--col-width), transparent var(--repeat-width));background-size:calc(100% + var(--grid-col-gap)) 100%;z-index:100}:host([show-helper]:not([show-helper=false])) .grid::before{content:var(--current-grid-size);font-size:30px;position:absolute;width:100%;left:0;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host(.nano-grid-1){--current-grid-size:"grid size: 1";--col-width:calc(100% - var(--grid-col-gap));--repeat-width:calc(100% / 1)}:host(.nano-grid-1) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[1];grid-template-columns:repeat(1, minmax(var(--col-width), 1fr))}:host(.nano-grid-1) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(2)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(3)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(4)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(5)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(6)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(7)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(8)){-ms-grid-row:8;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(9)){-ms-grid-row:9;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(10)){-ms-grid-row:10;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(11)){-ms-grid-row:11;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(12)){-ms-grid-row:12;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(13)){-ms-grid-row:13;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(14)){-ms-grid-row:14;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(15)){-ms-grid-row:15;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(16)){-ms-grid-row:16;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(17)){-ms-grid-row:17;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(18)){-ms-grid-row:18;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(19)){-ms-grid-row:19;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(20)){-ms-grid-row:20;-ms-grid-column:1}:host(.nano-grid-2){--current-grid-size:"grid size: 2";--col-width:calc(50% - var(--grid-col-gap));--repeat-width:calc(100% / 2)}:host(.nano-grid-2) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[2];grid-template-columns:repeat(2, minmax(var(--col-width), 1fr))}:host(.nano-grid-2) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(3)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(4)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(5)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(6)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(7)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(8)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(9)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(10)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(11)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(12)){-ms-grid-row:6;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(13)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(14)){-ms-grid-row:7;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(15)){-ms-grid-row:8;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(16)){-ms-grid-row:8;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(17)){-ms-grid-row:9;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(18)){-ms-grid-row:9;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(19)){-ms-grid-row:10;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(20)){-ms-grid-row:10;-ms-grid-column:2}:host(.nano-grid-3){--current-grid-size:"grid size: 3";--col-width:calc(33.3333333333% - var(--grid-col-gap));--repeat-width:calc(100% / 3)}:host(.nano-grid-3) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[3];grid-template-columns:repeat(3, minmax(var(--col-width), 1fr))}:host(.nano-grid-3) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(4)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(5)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(7)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(8)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(9)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(10)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(11)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(12)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(13)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(14)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(15)){-ms-grid-row:5;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(16)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(17)){-ms-grid-row:6;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(18)){-ms-grid-row:6;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(19)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(20)){-ms-grid-row:7;-ms-grid-column:2}:host(.nano-grid-4){--current-grid-size:"grid size: 4";--col-width:calc(25% - var(--grid-col-gap));--repeat-width:calc(100% / 4)}:host(.nano-grid-4) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[4];grid-template-columns:repeat(4, minmax(var(--col-width), 1fr))}:host(.nano-grid-4) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(5)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(9)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(10)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(11)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(12)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(13)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(14)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(15)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(16)){-ms-grid-row:4;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(17)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(18)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(19)){-ms-grid-row:5;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(20)){-ms-grid-row:5;-ms-grid-column:4}:host(.nano-grid-5){--current-grid-size:"grid size: 5";--col-width:calc(20% - var(--grid-col-gap));--repeat-width:calc(100% / 5)}:host(.nano-grid-5) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[5];grid-template-columns:repeat(5, minmax(var(--col-width), 1fr))}:host(.nano-grid-5) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(11)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(12)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(13)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(14)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(16)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(17)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(18)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(19)){-ms-grid-row:4;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(20)){-ms-grid-row:4;-ms-grid-column:5}:host(.nano-grid-6){--current-grid-size:"grid size: 6";--col-width:calc(16.6666666667% - var(--grid-col-gap));--repeat-width:calc(100% / 6)}:host(.nano-grid-6) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[6];grid-template-columns:repeat(6, minmax(var(--col-width), 1fr))}:host(.nano-grid-6) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(13)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(14)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(16)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(19)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(20)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-7){--current-grid-size:"grid size: 7";--col-width:calc(14.2857142857% - var(--grid-col-gap));--repeat-width:calc(100% / 7)}:host(.nano-grid-7) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[7];grid-template-columns:repeat(7, minmax(var(--col-width), 1fr))}:host(.nano-grid-7) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-7) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-7) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-7) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-7) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(16)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:6}:host(.nano-grid-8){--current-grid-size:"grid size: 8";--col-width:calc(12.5% - var(--grid-col-gap));--repeat-width:calc(100% / 8)}:host(.nano-grid-8) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[8];grid-template-columns:repeat(8, minmax(var(--col-width), 1fr))}:host(.nano-grid-8) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-8) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-8) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-8) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-8) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-8) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-8) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-8) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-8) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-8) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-8) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-9){--current-grid-size:"grid size: 9";--col-width:calc(11.1111111111% - var(--grid-col-gap));--repeat-width:calc(100% / 9)}:host(.nano-grid-9) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[9];grid-template-columns:repeat(9, minmax(var(--col-width), 1fr))}:host(.nano-grid-9) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-9) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-9) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-9) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-9) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-9) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-9) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-9) .grid::slotted(:nth-child(9)){-ms-grid-row:1;-ms-grid-column:9}:host(.nano-grid-9) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-9) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-9) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-9) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-9) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-9) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-9) .grid::slotted(:nth-child(17)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-9) .grid::slotted(:nth-child(18)){-ms-grid-row:2;-ms-grid-column:9}:host(.nano-grid-9) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-10){--current-grid-size:"grid size: 10";--col-width:calc(10% - var(--grid-col-gap));--repeat-width:calc(100% / 10)}:host(.nano-grid-10) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[10];grid-template-columns:repeat(10, minmax(var(--col-width), 1fr))}:host(.nano-grid-10) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-10) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-10) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-10) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-10) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-10) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-10) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-10) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-10) .grid::slotted(:nth-child(9)){-ms-grid-row:1;-ms-grid-column:9}:host(.nano-grid-10) .grid::slotted(:nth-child(10)){-ms-grid-row:1;-ms-grid-column:10}:host(.nano-grid-10) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-10) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-10) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-10) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-10) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-10) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-10) .grid::slotted(:nth-child(17)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-10) .grid::slotted(:nth-child(18)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-10) .grid::slotted(:nth-child(19)){-ms-grid-row:2;-ms-grid-column:9}:host(.nano-grid-10) .grid::slotted(:nth-child(20)){-ms-grid-row:2;-ms-grid-column:10}';const l=["col-span","col-start","row-span","row-start"];let a=class{constructor(r){i(this,r),this.currGridSizes=[null],this.gridStates=""}updateGridClasses(){this.applyChildrenClasses()}async changeBP(i){this.currGridSizes!==i&&(this.currGridSizes=i,this.gridStates.length&&this.applyChildrenClasses())}applyChildrenClasses(){let i,r,t,d=[""],o="";t=this.el.className.split(" ").filter((i=>!i.startsWith("nano-grid-"))),this.el.className=t.join(" ").trim(),r=this.gridStates.split(" "),l.forEach((s=>{i=!1,this.currGridSizes.slice().reverse().forEach((n=>{!i&&n&&(i=r.find((i=>0===i.indexOf(`${n.size}-${s}`))),i&&(t=this.el.className.split(" ").filter((i=>!i.includes("nano-grid-${stateOpt}"))),this.el.className=t.join(" ").trim(),d=i.split("-"),d.shift(),o=d.join("-"),this.el.classList.add(`nano-grid-${o}`)))}))}))}render(){return r("slot",null)}get el(){return d(this)}static get watchers(){return{gridStates:["updateGridClasses"]}}};a.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}";let m=class{constructor(r){i(this,r),this.nanoImgWillLoad=o(this,"nanoImgWillLoad",7),this.nanoImgDidLoad=o(this,"nanoImgDidLoad",7),this.nanoImgError=o(this,"nanoImgError",7),this._srcSet={},this.hasLoaded=!1,this.imgStates=null,this.lazy=!0,this.autoHeight="content",this.onLoad=()=>{this.nanoImgDidLoad.emit(),setTimeout((()=>this.hasLoaded=!0),50)},this.onError=()=>{this.nanoImgError.emit()},this.onResize=i=>{Object.entries(i.detail).forEach((([i,r])=>{this._srcSet[i].active=r}));const r=[];Object.keys(this._srcSet).sort().forEach((i=>{this._srcSet[i].active&&r.push(this._srcSet[i].src)})),this._src=r.length?r.slice(-1)[0]:this.src}}_srcChanged(){this.hasLoaded=!1,this.addIO()}srcChanged(){this._src=this.src}srcSetChanged(){this.srcSet&&(delete this._srcSet,this._srcSet={},this.imgStates=this.srcSet.split(",").map((i=>{const[r,t]=i.split(" ").filter((i=>i.length));return this._srcSet[r]={src:t,active:!1},r})).join(", "))}lazyChanged(){this.lazy||this.load()}addIO(){this._src&&!this.hasLoaded&&(this.lazy?"undefined"!=typeof window&&"IntersectionObserver"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype?(this.removeIO(),this.io=new IntersectionObserver((i=>{i[0].isIntersecting&&(this.load(),this.removeIO())})),this.io.observe(this.host)):setTimeout((()=>this.load()),200):this.load())}load(){this.loadError=this.onError,this.loadSrc=this._src,this.nanoImgWillLoad.emit()}removeIO(){this.io&&(this.io.disconnect(),this.io=void 0)}connectedCallback(){this.srcChanged(),this.srcSetChanged(),this.lazyChanged()}componentDidLoad(){this.addIO()}disconnectedCallback(){this.removeIO()}render(){const i=this.loadSrc?{"background-image":`url(${this.loadSrc})`}:{};return r("div",{class:"img"},r("nano-skeleton",{class:"img__loader"}),!!this.background&&r("div",{class:{loaded:this.hasLoaded,img__bg:!0,"no-height":"image"===this.autoHeight},style:i},r("slot",null)),r("img",{class:{img__image:!0,loaded:this.hasLoaded,hide:this.background,"no-height":"content"===this.autoHeight},decoding:"async",src:this.loadSrc,alt:this.alt,onLoad:this.onLoad,onError:this.loadError}),r("nano-resize-observe",{class:"img__observer",onNanoResizeStateChange:this.onResize,states:this.imgStates}))}get host(){return d(this)}static get watchers(){return{_src:["_srcChanged"],src:["srcChanged"],srcSet:["srcSetChanged"],lazy:["lazyChanged"]}}};m.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--padding:0;display:inline-block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background-size:cover;background-position:center}:host *{border-radius:inherit}:host([background]:not([background=false])){display:block}.img{position:relative;min-height:inherit;height:100%;display:block;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit;background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit}.img__loader,.img__observer{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;z-index:-1}.img__image,.img__bg{border-radius:inherit;display:block;opacity:0;-webkit-transition:0.5s ease opacity, 0.3s ease filter 0.4s;transition:0.5s ease opacity, 0.3s ease filter 0.4s;-webkit-filter:blur(5px);filter:blur(5px)}.img__image.loaded,.img__bg.loaded{opacity:1;-webkit-filter:blur(0.1px);filter:blur(0.1px)}@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm){@supports (-webkit-appearance: none){.img__image.loaded,.img__bg.loaded{-webkit-filter:blur(0);filter:blur(0)}}}.img__image{-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit;max-width:100%;height:auto}.img__image.hide{visibility:hidden}.img__image.hide.no-height{height:1px;position:absolute;z-index:-1}.img__bg{background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit;overflow:auto;padding:var(--padding)}.img__bg.no-height{position:absolute;top:0;left:0;right:0;bottom:0}";export{h as nano_grid,a as nano_grid_item,m as nano_img}
-//# sourceMappingURL=p-f5f76780.entry.js.map
+import{r as i,h as r,e as t,g as d,c as o}from"./p-bb0619e6.js";import{i as s}from"./p-6a284815.js";const n=["col-span","col-start","row-span","row-start"],g=!!document.head.attachShadow;let h=class{constructor(r){i(this,r),this.generalClasses=[""],this.gridClass=null,this.isSizes=[null],this.ready=!1,this.isSmall=!1,this.isMedium=!1,this.isLarge=!1,this.isXL=!1,this.isXXL=!1,this.sSize=300,this.mSize=550,this.lSize=800,this.xlSize=1e3,this.showHelper=!1,this.contentPanel=!1,this.fullHeight=!1}propChanged(){this.applySizeClasses()}applySizeClasses(){let i=this.currentWidth;this.isSmall=!1,this.isMedium=!1,this.isLarge=!1,this.isXL=!1,this.isXXL=!1,this.generalClasses=[],this.gridClass=null,this.isSizes=[null],this.isSmall=!0,this.generalClasses.push("is-small"),this.sCols&&(this.gridClass=`nano-grid-${this.sCols}`),this.isSizes.push({size:"s",active:!0}),i>this.sSize&&(this.isMedium=!0,this.generalClasses.push("is-medium"),this.mCols&&(this.gridClass=`nano-grid-${this.mCols}`),this.isSizes.push({size:"m",active:!0})),i>this.mSize&&(this.isLarge=!0,this.generalClasses.push("is-large"),this.lCols&&(this.gridClass=`nano-grid-${this.lCols}`),this.isSizes.push({size:"l",active:!0})),i>this.lSize&&(this.isXL=!0,this.generalClasses.push("is-xl"),this.xlCols&&(this.gridClass=`nano-grid-${this.xlCols}`),this.isSizes.push({size:"xl",active:!0})),i>this.xlSize&&(this.isXXL=!0,this.generalClasses.push("is-xxl"),this.xxlCols&&(this.gridClass=`nano-grid-${this.xxlCols}`),this.isSizes.push({size:"xxl",active:!0})),this.el.style.setProperty("--current-grid-size",`'grid size: ${this.isSizes.slice().pop().size}'`),this.applyChildrenClasses(),setTimeout((()=>this.ready=!0),0)}applyChildrenClasses(){let i=this.el.querySelectorAll("nano-grid-item");if(i.length)return void i.forEach((i=>{i.changeBP(this.isSizes)}));let r,t,d,o,s=[""],h="";o=g?this.el:this.el.querySelector(".grid")||this.el,[].map.call(o.children,(i=>{i.hasAttribute("grid-states")&&(d=i.className.split(" ").filter((i=>!i.startsWith("nano-grid-"))),i.className=d.join(" ").trim(),t=i.getAttribute("grid-states").split(" "),n.forEach((o=>{r=!1,this.isSizes.slice().reverse().forEach((function(n){!r&&n&&(r=t.find((i=>0===i.indexOf(`${n.size}-${o}`))),r&&(d=i.className.split(" ").filter((i=>!i.includes("nano-grid-${stateOpt}"))),i.className=d.join(" ").trim(),s=r.split("-"),s.shift(),h=s.join("-"),i.classList.add(`nano-grid-${h}`)))}))})))}))}connectedCallback(){}componentWillLoad(){let i,r;r=g?this.el:this.el.querySelector(".grid")||this.el,[].map.call(r.children,(r=>{if(g)"NANO-GRID-ITEM"!==r.nodeName&&r.classList.add("nano-griditem");else{if(r.classList.contains("nano-griditem")||"NANO-GRID-ITEM"===r.nodeName)return;i=document.createElement("div"),r.hasAttribute("grid-states")&&(i.setAttribute("grid-states",r.getAttribute("grid-states")),r.removeAttribute("grid-states")),this.el.insertBefore(i,r),i.appendChild(r),i.classList.add("nano-griditem")}}))}componentDidLoad(){this.ro=new s((i=>{for(const r of i){if(!r.contentRect.width)return;this.currentWidth=r.contentRect.width,this.applySizeClasses()}})),this.ro.observe(this.el)}disconnectedCallback(){this.ro&&this.ro.disconnect()}render(){return r(t,{class:{[this.generalClasses.join(" ")]:!0,"has-grid":!!this.gridClass,ready:this.ready,[this.gridClass]:!0},"is-legacy":!g||void 0},r("div",{class:{grid:!0}},r("slot",null)))}get el(){return d(this)}static get watchers(){return{sSize:["propChanged"],mSize:["propChanged"],lSize:["propChanged"],xlSize:["propChanged"],sCols:["propChanged"],mCols:["propChanged"],lCols:["propChanged"],xlCols:["propChanged"],xxlCols:["propChanged"]}}};h.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--current-grid-size:"\'grid size: sm\'";display:block;opacity:0;-webkit-transition:0.2s ease opacity;transition:0.2s ease opacity}:host .grid{display:grid;grid-gap:var(--grid-row-gap) var(--grid-col-gap);height:inherit;min-height:inherit}:host .grid::slotted(*){border:0 solid transparent;background-clip:padding-box;border-width:var(--grid-row-gap) calc(var(--grid-col-gap) / 2)}:host(.ready){opacity:1}:host(.has-grid) .grid{display:-ms-grid;display:grid}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-1),:host(.has-grid) .grid::slotted(.nano-grid-col-start-1){-ms-grid-column:1 !important;grid-column-start:1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-1),:host(.has-grid) .grid::slotted(.nano-grid-row-start-1){-ms-grid-row:1 !important;grid-row-start:1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-1),:host(.has-grid) .grid::slotted(.nano-grid-col-span-1){-ms-grid-column-span:1 !important;grid-column-end:span 1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-1),:host(.has-grid) .grid::slotted(.nano-grid-row-span-1){-ms-grid-row-span:1 !important;grid-row-end:span 1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-2),:host(.has-grid) .grid::slotted(.nano-grid-col-start-2){-ms-grid-column:2 !important;grid-column-start:2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-2),:host(.has-grid) .grid::slotted(.nano-grid-row-start-2){-ms-grid-row:2 !important;grid-row-start:2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-2),:host(.has-grid) .grid::slotted(.nano-grid-col-span-2){-ms-grid-column-span:2 !important;grid-column-end:span 2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-2),:host(.has-grid) .grid::slotted(.nano-grid-row-span-2){-ms-grid-row-span:2 !important;grid-row-end:span 2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-3),:host(.has-grid) .grid::slotted(.nano-grid-col-start-3){-ms-grid-column:3 !important;grid-column-start:3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-3),:host(.has-grid) .grid::slotted(.nano-grid-row-start-3){-ms-grid-row:3 !important;grid-row-start:3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-3),:host(.has-grid) .grid::slotted(.nano-grid-col-span-3){-ms-grid-column-span:3 !important;grid-column-end:span 3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-3),:host(.has-grid) .grid::slotted(.nano-grid-row-span-3){-ms-grid-row-span:3 !important;grid-row-end:span 3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-4),:host(.has-grid) .grid::slotted(.nano-grid-col-start-4){-ms-grid-column:4 !important;grid-column-start:4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-4),:host(.has-grid) .grid::slotted(.nano-grid-row-start-4){-ms-grid-row:4 !important;grid-row-start:4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-4),:host(.has-grid) .grid::slotted(.nano-grid-col-span-4){-ms-grid-column-span:4 !important;grid-column-end:span 4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-4),:host(.has-grid) .grid::slotted(.nano-grid-row-span-4){-ms-grid-row-span:4 !important;grid-row-end:span 4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-5),:host(.has-grid) .grid::slotted(.nano-grid-col-start-5){-ms-grid-column:5 !important;grid-column-start:5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-5),:host(.has-grid) .grid::slotted(.nano-grid-row-start-5){-ms-grid-row:5 !important;grid-row-start:5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-5),:host(.has-grid) .grid::slotted(.nano-grid-col-span-5){-ms-grid-column-span:5 !important;grid-column-end:span 5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-5),:host(.has-grid) .grid::slotted(.nano-grid-row-span-5){-ms-grid-row-span:5 !important;grid-row-end:span 5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-6),:host(.has-grid) .grid::slotted(.nano-grid-col-start-6){-ms-grid-column:6 !important;grid-column-start:6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-6),:host(.has-grid) .grid::slotted(.nano-grid-row-start-6){-ms-grid-row:6 !important;grid-row-start:6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-6),:host(.has-grid) .grid::slotted(.nano-grid-col-span-6){-ms-grid-column-span:6 !important;grid-column-end:span 6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-6),:host(.has-grid) .grid::slotted(.nano-grid-row-span-6){-ms-grid-row-span:6 !important;grid-row-end:span 6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-7),:host(.has-grid) .grid::slotted(.nano-grid-col-start-7){-ms-grid-column:7 !important;grid-column-start:7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-7),:host(.has-grid) .grid::slotted(.nano-grid-row-start-7){-ms-grid-row:7 !important;grid-row-start:7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-7),:host(.has-grid) .grid::slotted(.nano-grid-col-span-7){-ms-grid-column-span:7 !important;grid-column-end:span 7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-7),:host(.has-grid) .grid::slotted(.nano-grid-row-span-7){-ms-grid-row-span:7 !important;grid-row-end:span 7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-8),:host(.has-grid) .grid::slotted(.nano-grid-col-start-8){-ms-grid-column:8 !important;grid-column-start:8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-8),:host(.has-grid) .grid::slotted(.nano-grid-row-start-8){-ms-grid-row:8 !important;grid-row-start:8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-8),:host(.has-grid) .grid::slotted(.nano-grid-col-span-8){-ms-grid-column-span:8 !important;grid-column-end:span 8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-8),:host(.has-grid) .grid::slotted(.nano-grid-row-span-8){-ms-grid-row-span:8 !important;grid-row-end:span 8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-9),:host(.has-grid) .grid::slotted(.nano-grid-col-start-9){-ms-grid-column:9 !important;grid-column-start:9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-9),:host(.has-grid) .grid::slotted(.nano-grid-row-start-9){-ms-grid-row:9 !important;grid-row-start:9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-9),:host(.has-grid) .grid::slotted(.nano-grid-col-span-9){-ms-grid-column-span:9 !important;grid-column-end:span 9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-9),:host(.has-grid) .grid::slotted(.nano-grid-row-span-9){-ms-grid-row-span:9 !important;grid-row-end:span 9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-10),:host(.has-grid) .grid::slotted(.nano-grid-col-start-10){-ms-grid-column:10 !important;grid-column-start:10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-10),:host(.has-grid) .grid::slotted(.nano-grid-row-start-10){-ms-grid-row:10 !important;grid-row-start:10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-10),:host(.has-grid) .grid::slotted(.nano-grid-col-span-10){-ms-grid-column-span:10 !important;grid-column-end:span 10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-10),:host(.has-grid) .grid::slotted(.nano-grid-row-span-10){-ms-grid-row-span:10 !important;grid-row-end:span 10 !important}:host(.has-grid) .grid::slotted(*){border-width:calc(var(--grid-row-gap) / 2) calc(var(--grid-col-gap) / 2)}:host([is-legacy]){overflow:hidden}:host([is-legacy]) .grid{margin-bottom:calc(var(--grid-row-gap) * -0.5);margin-top:calc(var(--grid-row-gap) * -0.5);margin-left:calc(var(--grid-col-gap) * -0.5);margin-right:calc(var(--grid-col-gap) * -0.5)}nano-grid :host-context[is-legacy]{overflow:visible}nano-grid :host-context[is-legacy] .grid::slotted(:first-child){border-top-width:calc(var(--grid-row-gap) / 2)}nano-grid :host-context[is-legacy] .grid::slotted(:last-child){border-bottom-width:calc(var(--grid-row-gap) / 2)}:host([content-panel]:not([content-panel=false])){display:-ms-flexbox;-ms-flex-direction:column}:host([content-panel]:not([content-panel=false])) .grid{-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr}:host([full-height]:not([full-height=false])){height:100%}:host([full-height]:not([full-height=false])) .grid{-ms-grid-rows:1fr;grid-template-rows:1fr}:host([full-height]:not([full-height=false])) .grid::slotted(*){min-height:100%}:host([show-helper]:not([show-helper=false])) .grid{position:relative}:host([show-helper]:not([show-helper=false])) .grid::after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;pointer-events:none;background-image:repeating-linear-gradient(to right, rgba(126, 195, 241, 0.25), rgba(126, 195, 241, 0.25) var(--col-width), transparent var(--col-width), transparent var(--repeat-width));background-size:calc(100% + var(--grid-col-gap)) 100%;z-index:100}:host([show-helper]:not([show-helper=false])) .grid::before{content:var(--current-grid-size);font-size:30px;position:absolute;width:100%;left:0;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host(.nano-grid-1){--current-grid-size:"grid size: 1";--col-width:calc(100% - var(--grid-col-gap));--repeat-width:calc(100% / 1)}:host(.nano-grid-1) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[1];grid-template-columns:repeat(1, minmax(var(--col-width), 1fr))}:host(.nano-grid-1) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(2)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(3)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(4)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(5)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(6)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(7)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(8)){-ms-grid-row:8;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(9)){-ms-grid-row:9;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(10)){-ms-grid-row:10;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(11)){-ms-grid-row:11;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(12)){-ms-grid-row:12;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(13)){-ms-grid-row:13;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(14)){-ms-grid-row:14;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(15)){-ms-grid-row:15;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(16)){-ms-grid-row:16;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(17)){-ms-grid-row:17;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(18)){-ms-grid-row:18;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(19)){-ms-grid-row:19;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(20)){-ms-grid-row:20;-ms-grid-column:1}:host(.nano-grid-2){--current-grid-size:"grid size: 2";--col-width:calc(50% - var(--grid-col-gap));--repeat-width:calc(100% / 2)}:host(.nano-grid-2) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[2];grid-template-columns:repeat(2, minmax(var(--col-width), 1fr))}:host(.nano-grid-2) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(3)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(4)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(5)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(6)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(7)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(8)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(9)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(10)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(11)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(12)){-ms-grid-row:6;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(13)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(14)){-ms-grid-row:7;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(15)){-ms-grid-row:8;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(16)){-ms-grid-row:8;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(17)){-ms-grid-row:9;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(18)){-ms-grid-row:9;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(19)){-ms-grid-row:10;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(20)){-ms-grid-row:10;-ms-grid-column:2}:host(.nano-grid-3){--current-grid-size:"grid size: 3";--col-width:calc(33.3333333333% - var(--grid-col-gap));--repeat-width:calc(100% / 3)}:host(.nano-grid-3) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[3];grid-template-columns:repeat(3, minmax(var(--col-width), 1fr))}:host(.nano-grid-3) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(4)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(5)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(7)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(8)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(9)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(10)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(11)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(12)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(13)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(14)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(15)){-ms-grid-row:5;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(16)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(17)){-ms-grid-row:6;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(18)){-ms-grid-row:6;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(19)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(20)){-ms-grid-row:7;-ms-grid-column:2}:host(.nano-grid-4){--current-grid-size:"grid size: 4";--col-width:calc(25% - var(--grid-col-gap));--repeat-width:calc(100% / 4)}:host(.nano-grid-4) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[4];grid-template-columns:repeat(4, minmax(var(--col-width), 1fr))}:host(.nano-grid-4) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(5)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(9)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(10)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(11)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(12)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(13)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(14)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(15)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(16)){-ms-grid-row:4;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(17)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(18)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(19)){-ms-grid-row:5;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(20)){-ms-grid-row:5;-ms-grid-column:4}:host(.nano-grid-5){--current-grid-size:"grid size: 5";--col-width:calc(20% - var(--grid-col-gap));--repeat-width:calc(100% / 5)}:host(.nano-grid-5) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[5];grid-template-columns:repeat(5, minmax(var(--col-width), 1fr))}:host(.nano-grid-5) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(11)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(12)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(13)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(14)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(16)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(17)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(18)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(19)){-ms-grid-row:4;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(20)){-ms-grid-row:4;-ms-grid-column:5}:host(.nano-grid-6){--current-grid-size:"grid size: 6";--col-width:calc(16.6666666667% - var(--grid-col-gap));--repeat-width:calc(100% / 6)}:host(.nano-grid-6) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[6];grid-template-columns:repeat(6, minmax(var(--col-width), 1fr))}:host(.nano-grid-6) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(13)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(14)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(16)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(19)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(20)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-7){--current-grid-size:"grid size: 7";--col-width:calc(14.2857142857% - var(--grid-col-gap));--repeat-width:calc(100% / 7)}:host(.nano-grid-7) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[7];grid-template-columns:repeat(7, minmax(var(--col-width), 1fr))}:host(.nano-grid-7) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-7) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-7) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-7) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-7) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(16)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:6}:host(.nano-grid-8){--current-grid-size:"grid size: 8";--col-width:calc(12.5% - var(--grid-col-gap));--repeat-width:calc(100% / 8)}:host(.nano-grid-8) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[8];grid-template-columns:repeat(8, minmax(var(--col-width), 1fr))}:host(.nano-grid-8) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-8) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-8) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-8) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-8) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-8) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-8) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-8) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-8) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-8) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-8) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-9){--current-grid-size:"grid size: 9";--col-width:calc(11.1111111111% - var(--grid-col-gap));--repeat-width:calc(100% / 9)}:host(.nano-grid-9) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[9];grid-template-columns:repeat(9, minmax(var(--col-width), 1fr))}:host(.nano-grid-9) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-9) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-9) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-9) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-9) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-9) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-9) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-9) .grid::slotted(:nth-child(9)){-ms-grid-row:1;-ms-grid-column:9}:host(.nano-grid-9) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-9) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-9) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-9) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-9) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-9) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-9) .grid::slotted(:nth-child(17)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-9) .grid::slotted(:nth-child(18)){-ms-grid-row:2;-ms-grid-column:9}:host(.nano-grid-9) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-10){--current-grid-size:"grid size: 10";--col-width:calc(10% - var(--grid-col-gap));--repeat-width:calc(100% / 10)}:host(.nano-grid-10) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[10];grid-template-columns:repeat(10, minmax(var(--col-width), 1fr))}:host(.nano-grid-10) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-10) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-10) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-10) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-10) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-10) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-10) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-10) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-10) .grid::slotted(:nth-child(9)){-ms-grid-row:1;-ms-grid-column:9}:host(.nano-grid-10) .grid::slotted(:nth-child(10)){-ms-grid-row:1;-ms-grid-column:10}:host(.nano-grid-10) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-10) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-10) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-10) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-10) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-10) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-10) .grid::slotted(:nth-child(17)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-10) .grid::slotted(:nth-child(18)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-10) .grid::slotted(:nth-child(19)){-ms-grid-row:2;-ms-grid-column:9}:host(.nano-grid-10) .grid::slotted(:nth-child(20)){-ms-grid-row:2;-ms-grid-column:10}';const l=["col-span","col-start","row-span","row-start"];let a=class{constructor(r){i(this,r),this.currGridSizes=[null],this.gridStates=""}updateGridClasses(){this.applyChildrenClasses()}async changeBP(i){this.currGridSizes!==i&&(this.currGridSizes=i,this.gridStates.length&&this.applyChildrenClasses())}applyChildrenClasses(){let i,r,t,d=[""],o="";t=this.el.className.split(" ").filter((i=>!i.startsWith("nano-grid-"))),this.el.className=t.join(" ").trim(),r=this.gridStates.split(" "),l.forEach((s=>{i=!1,this.currGridSizes.slice().reverse().forEach((n=>{!i&&n&&(i=r.find((i=>0===i.indexOf(`${n.size}-${s}`))),i&&(t=this.el.className.split(" ").filter((i=>!i.includes("nano-grid-${stateOpt}"))),this.el.className=t.join(" ").trim(),d=i.split("-"),d.shift(),o=d.join("-"),this.el.classList.add(`nano-grid-${o}`)))}))}))}render(){return r("slot",null)}get el(){return d(this)}static get watchers(){return{gridStates:["updateGridClasses"]}}};a.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}";let m=class{constructor(r){i(this,r),this.nanoImgWillLoad=o(this,"nanoImgWillLoad",7),this.nanoImgDidLoad=o(this,"nanoImgDidLoad",7),this.nanoImgError=o(this,"nanoImgError",7),this._srcSet={},this.hasLoaded=!1,this.imgStates=null,this.lazy=!0,this.autoHeight="content",this.onLoad=()=>{this.nanoImgDidLoad.emit(),setTimeout((()=>this.hasLoaded=!0),50)},this.onError=()=>{this.nanoImgError.emit()},this.onResize=i=>{Object.entries(i.detail).forEach((([i,r])=>{this._srcSet[i].active=r}));const r=[];Object.keys(this._srcSet).sort().forEach((i=>{this._srcSet[i].active&&r.push(this._srcSet[i].src)})),this._src=r.length?r.slice(-1)[0]:this.src}}_srcChanged(){this.hasLoaded=!1,this.addIO()}srcChanged(){this._src=this.src}srcSetChanged(){this.srcSet&&(delete this._srcSet,this._srcSet={},this.imgStates=this.srcSet.split(",").map((i=>{const[r,t]=i.split(" ").filter((i=>i.length));return this._srcSet[r]={src:t,active:!1},r})).join(", "))}lazyChanged(){this.lazy||this.load()}addIO(){this._src&&!this.hasLoaded&&(this.lazy?"undefined"!=typeof window&&"IntersectionObserver"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype?(this.removeIO(),this.io=new IntersectionObserver((i=>{i[0].isIntersecting&&(this.load(),this.removeIO())})),this.io.observe(this.host)):setTimeout((()=>this.load()),200):this.load())}load(){this.loadError=this.onError,this.loadSrc=this._src,this.nanoImgWillLoad.emit()}removeIO(){this.io&&(this.io.disconnect(),this.io=void 0)}connectedCallback(){this.srcChanged(),this.srcSetChanged(),this.lazyChanged()}componentDidLoad(){this.addIO()}disconnectedCallback(){this.removeIO()}render(){const i=this.loadSrc?{"background-image":`url(${this.loadSrc})`}:{};return r("div",{class:"img"},r("nano-skeleton",{class:"img__loader"}),!!this.background&&r("div",{class:{loaded:this.hasLoaded,img__bg:!0,"no-height":"image"===this.autoHeight},style:i},r("slot",null)),r("img",{class:{img__image:!0,loaded:this.hasLoaded,hide:this.background,"no-height":"content"===this.autoHeight},decoding:"async",src:this.loadSrc,alt:this.alt,onLoad:this.onLoad,onError:this.loadError}),r("nano-resize-observe",{class:"img__observer",onNanoResizeStateChange:this.onResize,states:this.imgStates}))}get host(){return d(this)}static get watchers(){return{_src:["_srcChanged"],src:["srcChanged"],srcSet:["srcSetChanged"],lazy:["lazyChanged"]}}};m.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--padding:0;display:inline-block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background-size:cover;background-position:center}:host *{border-radius:inherit}:host([background]:not([background=false])){display:block}.img{position:relative;min-height:inherit;height:100%;display:block;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit;background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit}.img__loader,.img__observer{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;z-index:-1}.img__image,.img__bg{border-radius:inherit;display:block;opacity:0;-webkit-transition:0.5s ease opacity, 0.3s ease filter 0.4s;transition:0.5s ease opacity, 0.3s ease filter 0.4s;-webkit-filter:blur(5px);filter:blur(5px)}.img__image.loaded,.img__bg.loaded{opacity:1;-webkit-filter:blur(0.1px);filter:blur(0.1px)}@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm){@supports (-webkit-appearance: none){.img__image.loaded,.img__bg.loaded{-webkit-filter:blur(0);filter:blur(0)}}}.img__image{-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit;max-width:100%;height:auto}.img__image.hide{visibility:hidden}.img__image.hide.no-height{height:1px;position:absolute;z-index:-1}.img__bg{background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit;overflow:auto;padding:var(--padding)}.img__bg.no-height{position:absolute;top:0;left:0;right:0;bottom:0}";export{h as nano_grid,a as nano_grid_item,m as nano_img}
+//# sourceMappingURL=p-9ccd832b.entry.js.map

package/dist/nano-components/p-9ccd832b.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["src/components/grid/grid.scss?tag=nano-grid&encapsulation=shadow","src/components/grid/grid.tsx","src/components/grid/grid-item.scss?tag=nano-grid-item&encapsulation=shadow","src/components/grid/grid-item.tsx","src/components/img/img.tsx","src/components/img/img.scss?tag=nano-img&encapsulation=shadow"],"names":["STATEOPTS","CANSHADOW","document","head","attachShadow","Grid","[object Object]","hostRef","this","generalClasses","gridClass","isSizes","ready","isSmall","isMedium","isLarge","isXL","isXXL","sSize","mSize","lSize","xlSize","showHelper","contentPanel","fullHeight","applySizeClasses","size","currentWidth","push","sCols","active","mCols","lCols","xlCols","xxlCols","el","style","setProperty","slice","pop","applyChildrenClasses","setTimeout","gridItems","querySelectorAll","length","forEach","gridItem","changeBP","found","itemStates","classes","ctx","stateArr","itemState","querySelector","map","call","children","gItem","hasAttribute","className","split","filter","c","startsWith","join","trim","getAttribute","stateOpt","reverse","find","state","indexOf","includes","shift","classList","add","wrapper","ele","nodeName","contains","createElement","setAttribute","removeAttribute","insertBefore","appendChild","ro","ResizeObserver","entries","entry","contentRect","width","observe","disconnect","h","Host","class","has-grid","is-legacy","undefined","grid","GridItem","currGridSizes","gridStates","newGridSizes","Img","_srcSet","hasLoaded","imgStates","lazy","autoHeight","onLoad","nanoImgDidLoad","emit","onError","nanoImgError","onResize","e","Object","detail","bp","srcOpts","keys","sort","src","_src","addIO","srcSet","bpSrc","load","window","IntersectionObserverEntry","prototype","removeIO","io","IntersectionObserver","data","isIntersecting","host","loadError","loadSrc","nanoImgWillLoad","srcChanged","srcSetChanged","lazyChanged","bgStyle","background-image","background","loaded","img__bg","no-height","img__image","hide","decoding","alt","onNanoResizeStateChange","states"],"mappings":"oGAAA,MCKMA,EAAY,CAAC,WAAY,YAAa,WAAY,aAClDC,IAAcC,SAASC,KAAKC,iBAWrBC,EAAI,MALjBC,YAAAC,aAQUC,KAAAC,eAAgC,CAAC,IACjCD,KAAAE,UAAoB,KACpBF,KAAAG,QAAuB,CAAC,MAGvBH,KAAAI,OAAiB,EACjBJ,KAAAK,SAAU,EACVL,KAAAM,UAAW,EACXN,KAAAO,SAAU,EACVP,KAAAQ,MAAO,EACPR,KAAAS,OAAQ,EAKTT,KAAAU,MAAgB,IAKhBV,KAAAW,MAAgB,IAKhBX,KAAAY,MAAgB,IAKhBZ,KAAAa,OAAiB,IA8BAb,KAAAc,YAAsB,EAKtBd,KAAAe,cAAwB,EAKxBf,KAAAgB,YAAsB,EAW/ClB,cACEE,KAAKiB,mBAGCnB,mBACN,IAAIoB,EAAOlB,KAAKmB,aAEhBnB,KAAKK,SAAU,EACfL,KAAKM,UAAW,EAChBN,KAAKO,SAAU,EACfP,KAAKQ,MAAO,EACZR,KAAKS,OAAQ,EAEbT,KAAKC,eAAiB,GACtBD,KAAKE,UAAY,KACjBF,KAAKG,QAAU,CAAC,MAEhBH,KAAKK,SAAU,EACfL,KAAKC,eAAemB,KAAK,YACrBpB,KAAKqB,QAAOrB,KAAKE,UAAY,aAAaF,KAAKqB,SACnDrB,KAAKG,QAAQiB,KAAK,CAAEF,KAAM,IAAKI,QAAQ,IAEnCJ,EAAOlB,KAAKU,QACdV,KAAKM,UAAW,EAChBN,KAAKC,eAAemB,KAAK,aACrBpB,KAAKuB,QAAOvB,KAAKE,UAAY,aAAaF,KAAKuB,SACnDvB,KAAKG,QAAQiB,KAAK,CAAEF,KAAM,IAAKI,QAAQ,KAGrCJ,EAAOlB,KAAKW,QACdX,KAAKO,SAAU,EACfP,KAAKC,eAAemB,KAAK,YACrBpB,KAAKwB,QAAOxB,KAAKE,UAAY,aAAaF,KAAKwB,SACnDxB,KAAKG,QAAQiB,KAAK,CAAEF,KAAM,IAAKI,QAAQ,KAGrCJ,EAAOlB,KAAKY,QACdZ,KAAKQ,MAAO,EACZR,KAAKC,eAAemB,KAAK,SACrBpB,KAAKyB,SAAQzB,KAAKE,UAAY,aAAaF,KAAKyB,UACpDzB,KAAKG,QAAQiB,KAAK,CAAEF,KAAM,KAAMI,QAAQ,KAGtCJ,EAAOlB,KAAKa,SACdb,KAAKS,OAAQ,EACbT,KAAKC,eAAemB,KAAK,UACrBpB,KAAK0B,UAAS1B,KAAKE,UAAY,aAAaF,KAAK0B,WACrD1B,KAAKG,QAAQiB,KAAK,CAAEF,KAAM,MAAOI,QAAQ,KAG3CtB,KAAK2B,GAAGC,MAAMC,YACZ,sBACA,eAAe7B,KAAKG,QAAQ2B,QAAQC,MAAMb,SAE5ClB,KAAKgC,uBACLC,YAAW,IAAOjC,KAAKI,OAAQ,GAAO,GAGhCN,uBACN,IAAIoC,EAAYlC,KAAK2B,GAAGQ,iBAAiB,kBACzC,GAAID,EAAUE,OAIZ,YAHAF,EAAUG,SAASC,IACjBA,EAASC,SAASvC,KAAKG,YAM3B,IAEEqC,EACAC,EACAC,EACAC,EALEC,EAA0B,CAAC,IAC7BC,EAAoB,GAOjBF,EADAlD,EACMO,KAAK2B,GADM3B,KAAK2B,GAAGmB,cAAc,UAAY9C,KAAK2B,GAU7D,GAAGoB,IAAIC,KAAKL,EAAIM,UAAWC,IACpBA,EAAMC,aAAa,iBAKxBT,EAAUQ,EAAME,UACbC,MAAM,KACNC,QAAQC,IAAOA,EAAEC,WAAW,gBAC/BN,EAAME,UAAYV,EAAQe,KAAK,KAAKC,OAGpCjB,EAAaS,EAAMS,aAAa,eAAeN,MAAM,KAGrD7D,EAAU6C,SAASuB,IAEjBpB,GAAQ,EAIRxC,KAAKG,QACF2B,QACA+B,UACAxB,SAAQ,SAAUnB,IACbsB,GAAUtB,IACdsB,EAAQC,EAAWqB,MAChBC,GAAwD,IAA9CA,EAAMC,QAAQ,GAAG9C,EAAKA,QAAQ0C,OAIvCpB,IAEFE,EAAUQ,EAAME,UACbC,MAAM,KACNC,QAAQC,IAAOA,EAAEU,SAAS,2BAC7Bf,EAAME,UAAYV,EAAQe,KAAK,KAAKC,OAEpCd,EAAWJ,EAAMa,MAAM,KAGvBT,EAASsB,QACTrB,EAAYD,EAASa,KAAK,KAG1BP,EAAMiB,UAAUC,IAAI,aAAavB,iBAO7C/C,qBAIAA,oBACE,IAAIuE,EAAsB1B,EAGrBA,EADAlD,EACMO,KAAK2B,GADM3B,KAAK2B,GAAGmB,cAAc,UAAY9C,KAAK2B,GAG7D,GAAGoB,IAAIC,KAAKL,EAAIM,UAAWqB,IACzB,GAAK7E,EAgBuB,mBAAjB6E,EAAIC,UACbD,EAAIH,UAAUC,IAAI,qBAjBJ,CACd,GACEE,EAAIH,UAAUK,SAAS,kBACN,mBAAjBF,EAAIC,SAEJ,OAEFF,EAAU3E,SAAS+E,cAAc,OAC7BH,EAAInB,aAAa,iBACnBkB,EAAQK,aAAa,cAAeJ,EAAIX,aAAa,gBACrDW,EAAIK,gBAAgB,gBAGtB3E,KAAK2B,GAAGiD,aAAaP,EAASC,GAC9BD,EAAQQ,YAAYP,GACpBD,EAAQF,UAAUC,IAAI,qBAM5BtE,mBACEE,KAAK8E,GAAK,IAAIC,GAAgBC,IAC5B,IAAK,MAAMC,KAASD,EAAS,CAC3B,IAAKC,EAAMC,YAAYC,MAAO,OAC9BnF,KAAKmB,aAAe8D,EAAMC,YAAYC,MACtCnF,KAAKiB,uBAGTjB,KAAK8E,GAAGM,QAAQpF,KAAK2B,IAGvB7B,uBACME,KAAK8E,IAAI9E,KAAK8E,GAAGO,aAGvBvF,SAEE,OACEwF,EAACC,EAAI,CACHC,MAAO,CACL1F,CAACE,KAAKC,eAAewD,KAAK,OAAO,EACjCgC,aAAczF,KAAKE,UACnBE,MAAOJ,KAAKI,MACZN,CAACE,KAAKE,YAAY,GACnBwF,aACWjG,QAAmBkG,GAE/BL,EAAA,MAAA,CACEE,MAAO,CACLI,MAAM,IAGRN,EAAA,OAAA,kRD9SM,iy4BEAhB,MCGM9F,EAAY,CAAC,WAAY,YAAa,WAAY,iBAU3CqG,EAAQ,MALrB/F,YAAAC,aAMUC,KAAA8F,cAA6B,CAAC,MAU9B9F,KAAA+F,WAAqB,GAG7BjG,oBACEE,KAAKgC,uBAQPlC,eAAekG,GACThG,KAAK8F,gBAAkBE,IAC3BhG,KAAK8F,cAAgBE,EAEhBhG,KAAK+F,WAAW3D,QACrBpC,KAAKgC,wBAGClC,uBACN,IAEE0C,EACAC,EACAC,EAJEE,EAA0B,CAAC,IAC7BC,EAAoB,GAYtBH,EAAU1C,KAAK2B,GAAGyB,UACfC,MAAM,KACNC,QAAQC,IAAOA,EAAEC,WAAW,gBAC/BxD,KAAK2B,GAAGyB,UAAYV,EAAQe,KAAK,KAAKC,OAGtCjB,EAAazC,KAAK+F,WAAW1C,MAAM,KAGnC7D,EAAU6C,SAASuB,IAEjBpB,GAAQ,EAIRxC,KAAK8F,cACFhE,QACA+B,UACAxB,SAASnB,KACJsB,GAAUtB,IACdsB,EAAQC,EAAWqB,MAChBC,GAAwD,IAA9CA,EAAMC,QAAQ,GAAG9C,EAAKA,QAAQ0C,OAIvCpB,IAEFE,EAAU1C,KAAK2B,GAAGyB,UACfC,MAAM,KACNC,QAAQC,IAAOA,EAAEU,SAAS,2BAC7BjE,KAAK2B,GAAGyB,UAAYV,EAAQe,KAAK,KAAKC,OAEtCd,EAAWJ,EAAMa,MAAM,KAGvBT,EAASsB,QACTrB,EAAYD,EAASa,KAAK,KAG1BzD,KAAK2B,GAAGwC,UAAUC,IAAI,aAAavB,aAM7C/C,SACE,OAAOwF,EAAA,OAAA,uGDxGS,8JEsBPW,EAAG,MALhBnG,YAAAC,wJAOUC,KAAAkG,QAA+D,GAM9DlG,KAAAmG,WAAqB,EACrBnG,KAAAoG,UAAoB,KAwCrBpG,KAAAqG,MAAgB,EAWhBrG,KAAAsG,WAAkC,UAwClCtG,KAAAuG,OAAS,KACfvG,KAAKwG,eAAeC,OACpBxE,YAAW,IAAOjC,KAAKmG,WAAY,GAAO,KAGpCnG,KAAA0G,QAAU,KAChB1G,KAAK2G,aAAaF,QAGZzG,KAAA4G,SAAYC,IAClBC,OAAO9B,QAAQ6B,EAAEE,QAAQ1E,SAAQ,EAAE2E,EAAI1F,MACrCtB,KAAKkG,QAAQc,GAAI1F,OAASA,KAI5B,MAAM2F,EAAU,GAChBH,OAAOI,KAAKlH,KAAKkG,SACdiB,OACA9E,SAAS2E,IACJhH,KAAKkG,QAAQc,GAAI1F,QAAQ2F,EAAQ7F,KAAKpB,KAAKkG,QAAQc,GAAII,QAG3CpH,KAAKqH,KAArBJ,EAAQ7E,OAAoB6E,EAAQnF,OAAO,GAAG,GAEjC9B,KAAKoH,KAhHxBtH,cACEE,KAAKmG,WAAY,EACjBnG,KAAKsH,QAUPxH,aACEE,KAAKqH,KAAOrH,KAAKoH,IAOnBtH,gBACOE,KAAKuH,gBAEHvH,KAAKkG,QACZlG,KAAKkG,QAAU,GAEflG,KAAKoG,UAAYpG,KAAKuH,OACnBlE,MAAM,KACNN,KAAKyE,IACJ,MAAOR,EAAII,GAAOI,EAAMnE,MAAM,KAAKC,QAAQ0D,GAAOA,EAAG5E,SAErD,OADApC,KAAKkG,QAAQc,GAAM,CAAEI,IAAKA,EAAK9F,QAAQ,GAChC0F,KAERvD,KAAK,OAMV3D,cACOE,KAAKqG,MAAMrG,KAAKyH,OAmBf3H,QACDE,KAAKqH,OAAQrH,KAAKmG,YAClBnG,KAAKqG,KAKmB,oBAAnBqB,QACR,yBAA0BA,QAC1B,mBAAoBA,OAAOC,0BAA0BC,WAErD5H,KAAK6H,WACL7H,KAAK8H,GAAK,IAAIC,sBAAsBC,IAC9BA,EAAK,GAAGC,iBACVjI,KAAKyH,OACLzH,KAAK6H,eAIT7H,KAAK8H,GAAG1C,QAAQpF,KAAKkI,OAChBjG,YAAW,IAAMjC,KAAKyH,QAAQ,KAjBnCzH,KAAKyH,QAoBD3H,OACNE,KAAKmI,UAAYnI,KAAK0G,QACtB1G,KAAKoI,QAAUpI,KAAKqH,KACpBrH,KAAKqI,gBAAgB5B,OA8Bf3G,WACFE,KAAK8H,KACP9H,KAAK8H,GAAGzC,aACRrF,KAAK8H,QAAKnC,GAId7F,oBACEE,KAAKsI,aACLtI,KAAKuI,gBACLvI,KAAKwI,cAGP1I,mBACEE,KAAKsH,QAGPxH,uBACEE,KAAK6H,WAGP/H,SACE,MAAM2I,EAAYzI,KAAKoI,QACnB,CAAEM,mBAAoB,OAAO1I,KAAKoI,YAClC,GACJ,OACE9C,EAAA,MAAA,CAAKE,MAAM,OACTF,EAAA,gBAAA,CAAeE,MAAM,kBAClBxF,KAAK2I,YACNrD,EAAA,MAAA,CACEE,MAAO,CACLoD,OAAQ5I,KAAKmG,UACb0C,SAAS,EACTC,YAAiC,UAApB9I,KAAKsG,YAEpB1E,MAAO6G,GAEPnD,EAAA,OAAA,OAGJA,EAAA,MAAA,CACEE,MAAO,CACLuD,YAAY,EACZH,OAAQ5I,KAAKmG,UACb6C,KAAMhJ,KAAK2I,WACXG,YAAiC,YAApB9I,KAAKsG,YAEpB2C,SAAS,QACT7B,IAAKpH,KAAKoI,QACVc,IAAKlJ,KAAKkJ,IACV3C,OAAQvG,KAAKuG,OACbG,QAAS1G,KAAKmI,YAEhB7C,EAAA,sBAAA,CACEE,MAAM,gBACN2D,wBAAyBnJ,KAAK4G,SAC9BwC,OAAQpJ,KAAKoG,qKC7MR","sourcesContent":["// we use &::slotted selectors to target ie ... this is a due to a bug with how stencil makes css scoping for browsers without shadow-dom. Need to be mindful incase they ever fix this!\n\n@import '../../global/style/nano-theme/base';\n\n// ie 11 fixes ... maximum numbers we can place on the grid ... upping this number decreases performance a lot.\n$max-grid-cols: 10;\n\n@mixin grid($size: 1) {\n @at-root :host(.nano-grid-#{$size}) {\n --current-grid-size: 'grid size: #{$size}';\n --col-width: calc(#{100 / $size}% - var(--grid-col-gap));\n --repeat-width: calc(100% / #{$size});\n\n .grid {\n grid-template-columns: repeat(#{$size}, minmax(var(--col-width), 1fr));\n\n $current-column: 1;\n $current-row: 1;\n\n @for $i from 1 through ($max-grid-cols * 2) {\n @if $current-column > $size {\n $current-column: 1;\n $current-row: $current-row + 1;\n }\n\n &::slotted(:nth-child(#{$i})) {\n -ms-grid-row: $current-row;\n -ms-grid-column: $current-column;\n // use margin because there's no grid gap.\n }\n $current-column: $current-column + 1;\n }\n }\n }\n}\n\n@mixin grid-spans {\n @for $i from 1 through $max-grid-cols {\n ::slotted(.nano-grid-col-start-#{$i}),\n &::slotted(.nano-grid-col-start-#{$i}) {\n grid-column-start: #{$i} !important;\n }\n\n ::slotted(.nano-grid-row-start-#{$i}),\n &::slotted(.nano-grid-row-start-#{$i}) {\n grid-row-start: #{$i} !important;\n }\n\n ::slotted(.nano-grid-col-span-#{$i}),\n &::slotted(.nano-grid-col-span-#{$i}) {\n grid-column-end: span #{$i} !important;\n }\n\n ::slotted(.nano-grid-row-span-#{$i}),\n &::slotted(.nano-grid-row-span-#{$i}) {\n grid-row-end: span #{$i} !important;\n }\n }\n}\n\n:host {\n /**\n * @prop --grid-col-gap: gap between all columns. Defaults to theme's global padding\n * @prop --grid-row-gap: gap between all rows. Defaults to theme's global padding\n */\n\n --grid-col-gap: #{$spacing-medium};\n --grid-row-gap: #{$spacing-medium};\n --current-grid-size: \"'grid size: sm'\";\n\n display: block;\n opacity: 0;\n transition: 0.2s ease opacity;\n\n .grid {\n /* autoprefixer: ignore next */\n display: grid;\n\n /* autoprefixer: ignore next */\n grid-gap: var(--grid-row-gap) var(--grid-col-gap);\n height: inherit;\n min-height: inherit;\n\n &::slotted(*) {\n border: 0 solid transparent;\n background-clip: padding-box;\n border-width: var(--grid-row-gap) calc(var(--grid-col-gap) / 2);\n }\n }\n}\n\n:host(.ready) {\n opacity: 1;\n}\n\n:host(.has-grid) {\n .grid {\n display: grid;\n\n @include grid-spans;\n\n // ie 'grid gap'. use border because there's no grid gap.\n &::slotted(*) {\n border-width: calc(var(--grid-row-gap) / 2) calc(var(--grid-col-gap) / 2);\n }\n }\n}\n\n// All sorts of IE fuckery to recreate grid-gap when nested etc\n:host([is-legacy]) {\n overflow: hidden;\n\n .grid {\n margin-bottom: calc(var(--grid-row-gap) * -0.5);\n margin-top: calc(var(--grid-row-gap) * -0.5);\n margin-left: calc(var(--grid-col-gap) * -0.5);\n margin-right: calc(var(--grid-col-gap) * -0.5);\n }\n}\n\n// nested\nnano-grid :host-context[is-legacy] {\n overflow: visible;\n\n .grid {\n &::slotted(:first-child) {\n border-top-width: calc(var(--grid-row-gap) / 2);\n }\n\n &::slotted(:last-child) {\n border-bottom-width: calc(var(--grid-row-gap) / 2);\n }\n }\n}\n\n:host([content-panel]:not([content-panel='false'])) {\n display: -ms-flexbox;\n -ms-flex-direction: column;\n\n .grid {\n grid-template-rows: auto 1fr;\n }\n}\n\n:host([full-height]:not([full-height='false'])) {\n height: 100%;\n\n .grid {\n grid-template-rows: 1fr;\n\n &::slotted(*) {\n min-height: 100%;\n }\n }\n}\n\n:host([show-helper]:not([show-helper='false'])) {\n .grid {\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n pointer-events: none;\n background-image:\n repeating-linear-gradient(\n to right,\n hsla(204, 80%, 72%, 0.25),\n hsla(204, 80%, 72%, 0.25) var(--col-width),\n transparent var(--col-width),\n transparent var(--repeat-width)\n );\n background-size: calc(100% + var(--grid-col-gap)) 100%;\n z-index: 100;\n }\n\n &::before {\n content: var(--current-grid-size);\n font-size: 30px;\n position: absolute;\n width: 100%;\n left: 0;\n text-align: center;\n top: 50%;\n transform: translateY(-50%);\n color: rgba(0, 0, 0, 0.2);\n text-transform: uppercase;\n z-index: 99;\n pointer-events: none;\n }\n }\n}\n\n@for $i from 1 through $max-grid-cols {\n @include grid($i);\n}\n","import { Component, h, Prop, Element, Host, State, Watch } from '@stencil/core';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { GridSizes } from '../../interface';\nimport { testLegacyStyle } from '../../utils';\n\nconst STATEOPTS = ['col-span', 'col-start', 'row-span', 'row-start'];\nconst CANSHADOW = !!document.head.attachShadow;\n\n/**\n * A context-aware CSS grid implementation.\n * Uses it's own width to choose column number - not screen width.\n */\n@Component({\n tag: 'nano-grid',\n styleUrl: 'grid.scss',\n shadow: true,\n})\nexport class Grid {\n @Element() private el: HTMLNanoGridElement;\n private ro: ResizeObserver;\n private generalClasses: Array<string> = [''];\n private gridClass: string = null;\n private isSizes: GridSizes[] = [null];\n private currentWidth: number;\n\n @State() ready: boolean = false;\n @State() isSmall = false;\n @State() isMedium = false;\n @State() isLarge = false;\n @State() isXL = false;\n @State() isXXL = false;\n\n /**\n * the component's small breakpoint. Note - all breakpoints are based on component width, not screen width.\n */\n @Prop() sSize: number = 300;\n\n /**\n * the component's medium breakpoint. Note - all breakpoints are based on component width, not screen width.\n */\n @Prop() mSize: number = 550;\n\n /**\n * the component's large breakpoint. Note - all breakpoints are based on component width, not screen width.\n */\n @Prop() lSize: number = 800;\n\n /**\n * the component's xl breakpoint. Note - all breakpoints are based on component width, not screen width.\n */\n @Prop() xlSize: number = 1000;\n\n /**\n * the number of columns the grid has at the small breakpoint.\n */\n @Prop() sCols: number;\n\n /**\n * the number of columns the grid has at the medium breakpoint.\n */\n @Prop() mCols: number;\n\n /**\n * the number of columns the grid has at the large breakpoint.\n */\n @Prop() lCols: number;\n\n /**\n * the number of columns the grid has at the xl breakpoint.\n */\n @Prop() xlCols: number;\n\n /**\n * the number of columns the grid has at the xxl breakpoint (anything greater than the xl breakpoint)\n */\n @Prop() xxlCols: number;\n\n /**\n * shows a grid helper to visualise where columns are\n */\n @Prop({ reflect: true }) showHelper: boolean = false;\n\n /**\n * shortcut for a traditional website like grid (requires more than one row). The second row will auto expand to fill the grid height. The first row and > 2nd row will be the size of their content. e.g. header, body and footer.\n */\n @Prop({ reflect: true }) contentPanel: boolean = false;\n\n /**\n * Helper to make grid items expand to full height in IE11\n */\n @Prop({ reflect: true }) fullHeight: boolean = false;\n\n @Watch('sSize')\n @Watch('mSize')\n @Watch('lSize')\n @Watch('xlSize')\n @Watch('sCols')\n @Watch('mCols')\n @Watch('lCols')\n @Watch('xlCols')\n @Watch('xxlCols')\n propChanged() {\n this.applySizeClasses();\n }\n\n private applySizeClasses() {\n let size = this.currentWidth;\n\n this.isSmall = false;\n this.isMedium = false;\n this.isLarge = false;\n this.isXL = false;\n this.isXXL = false;\n\n this.generalClasses = [];\n this.gridClass = null;\n this.isSizes = [null];\n\n this.isSmall = true;\n this.generalClasses.push('is-small');\n if (this.sCols) this.gridClass = `nano-grid-${this.sCols}`;\n this.isSizes.push({ size: 's', active: true });\n\n if (size > this.sSize) {\n this.isMedium = true;\n this.generalClasses.push('is-medium');\n if (this.mCols) this.gridClass = `nano-grid-${this.mCols}`;\n this.isSizes.push({ size: 'm', active: true });\n }\n\n if (size > this.mSize) {\n this.isLarge = true;\n this.generalClasses.push('is-large');\n if (this.lCols) this.gridClass = `nano-grid-${this.lCols}`;\n this.isSizes.push({ size: 'l', active: true });\n }\n\n if (size > this.lSize) {\n this.isXL = true;\n this.generalClasses.push('is-xl');\n if (this.xlCols) this.gridClass = `nano-grid-${this.xlCols}`;\n this.isSizes.push({ size: 'xl', active: true });\n }\n\n if (size > this.xlSize) {\n this.isXXL = true;\n this.generalClasses.push('is-xxl');\n if (this.xxlCols) this.gridClass = `nano-grid-${this.xxlCols}`;\n this.isSizes.push({ size: 'xxl', active: true });\n }\n\n this.el.style.setProperty(\n '--current-grid-size',\n `'grid size: ${this.isSizes.slice().pop().size}'`\n );\n this.applyChildrenClasses();\n setTimeout(() => (this.ready = true), 0);\n }\n\n private applyChildrenClasses() {\n let gridItems = this.el.querySelectorAll('nano-grid-item');\n if (gridItems.length) {\n gridItems.forEach((gridItem: HTMLNanoGridItemElement) => {\n gridItem.changeBP(this.isSizes);\n });\n return;\n }\n\n // this logic has been put into grid-item. Keep here for legacy for now\n let stateArr: Array<string> = [''],\n itemState: string = '',\n found: any,\n itemStates: Array<string>,\n classes: Array<string>,\n ctx: HTMLElement;\n\n if (!CANSHADOW) ctx = this.el.querySelector('.grid') || this.el;\n else ctx = this.el;\n\n // item states come in 4 possible flavours at every breakpoint. E.g.\n // xl-col-span-2\n // xl-col-start-2\n // xl-row-span-2\n // xl-row-start-2\n\n // loop through all grid items with states.\n [].map.call(ctx.children, (gItem: HTMLElement) => {\n if (!gItem.hasAttribute('grid-states')) return;\n\n // gridItems.forEach(gItem => {\n\n // clear all previous grid state classnames\n classes = gItem.className\n .split(' ')\n .filter((c) => !c.startsWith('nano-grid-'));\n gItem.className = classes.join(' ').trim();\n\n // get all potential states this element can have\n itemStates = gItem.getAttribute('grid-states').split(' ');\n\n // loop through all potential state options: col & row span & start\n STATEOPTS.forEach((stateOpt) => {\n // reset found flag\n found = false;\n\n // loop through all the current valid breakpoints / sizes backwards because\n // we only care about the item's state at the largest current breakpoint.\n this.isSizes\n .slice()\n .reverse()\n .forEach(function (size) {\n if (found || !size) return;\n found = itemStates.find(\n (state) => state.indexOf(`${size.size}-${stateOpt}`) === 0\n );\n\n // found a state at this current size. apply class.\n if (found) {\n // clear previous grid state classname\n classes = gItem.className\n .split(' ')\n .filter((c) => !c.includes('nano-grid-${stateOpt}'));\n gItem.className = classes.join(' ').trim();\n\n stateArr = found.split('-');\n\n // remove the size of the state\n stateArr.shift();\n itemState = stateArr.join('-');\n\n // add new class\n gItem.classList.add(`nano-grid-${itemState}`);\n }\n });\n });\n });\n }\n\n connectedCallback() {\n testLegacyStyle(this.el);\n }\n\n componentWillLoad() {\n let wrapper: HTMLElement, ctx;\n\n if (!CANSHADOW) ctx = this.el.querySelector('.grid') || this.el;\n else ctx = this.el;\n\n [].map.call(ctx.children, (ele: HTMLElement) => {\n if (!CANSHADOW) {\n if (\n ele.classList.contains('nano-griditem') ||\n ele.nodeName === 'NANO-GRID-ITEM'\n )\n return;\n\n wrapper = document.createElement('div');\n if (ele.hasAttribute('grid-states')) {\n wrapper.setAttribute('grid-states', ele.getAttribute('grid-states'));\n ele.removeAttribute('grid-states');\n }\n\n this.el.insertBefore(wrapper, ele);\n wrapper.appendChild(ele);\n wrapper.classList.add('nano-griditem');\n } else if (ele.nodeName !== 'NANO-GRID-ITEM')\n ele.classList.add('nano-griditem');\n });\n }\n\n componentDidLoad() {\n this.ro = new ResizeObserver((entries) => {\n for (const entry of entries) {\n if (!entry.contentRect.width) return;\n this.currentWidth = entry.contentRect.width;\n this.applySizeClasses();\n }\n });\n this.ro.observe(this.el);\n }\n\n disconnectedCallback() {\n if (this.ro) this.ro.disconnect();\n }\n\n render() {\n // console.log(this.currentWidth, this.generalClasses.join(' '), this.gridClass, this.showHelper, this.gridClass)\n return (\n <Host\n class={{\n [this.generalClasses.join(' ')]: true,\n 'has-grid': !!this.gridClass,\n ready: this.ready,\n [this.gridClass]: true,\n }}\n is-legacy={!CANSHADOW ? true : undefined}\n >\n <div\n class={{\n grid: true,\n }}\n >\n <slot />\n </div>\n </Host>\n );\n }\n}\n\n// <Host class={{\n// [this.generalClasses.join(' ')]: true,\n// [this.gridClass]: true,\n// 'helper': this.showHelper,\n// 'has-grid': !!this.gridClass,\n// 'legacy': !CANSHADOW,\n// 'content-panel': this.contentPanel,\n// 'full-height': this.fullHeight,\n// 'ready': this.ready\n// }}></Host>\n",":host {\n display: block;\n}\n","import { Component, h, Prop, Element, Method, Watch } from '@stencil/core';\nimport { GridSizes } from '../../interface';\n\nconst STATEOPTS = ['col-span', 'col-start', 'row-span', 'row-start'];\n\n/**\n * Grid items to be used with [grid](/story/nano-components-grid) elements\n */\n@Component({\n tag: 'nano-grid-item',\n styleUrl: 'grid-item.scss',\n shadow: true,\n})\nexport class GridItem {\n private currGridSizes: GridSizes[] = [null];\n\n @Element() private el: HTMLNanoGridItemElement;\n /**\n * How to position this item within it's parent grid at different break points. Examples:\n * xl-col-span-2\n * l-col-start-2\n * xxl-row-span-2\n * m-row-start-2\n */\n @Prop() gridStates: string = '';\n\n @Watch('gridStates')\n updateGridClasses() {\n this.applyChildrenClasses();\n }\n\n /**\n * Called by parent grid to trigger new classes\n * @internal\n */\n @Method()\n async changeBP(newGridSizes: GridSizes[]) {\n if (this.currGridSizes === newGridSizes) return;\n this.currGridSizes = newGridSizes;\n\n if (!this.gridStates.length) return;\n this.applyChildrenClasses();\n }\n\n private applyChildrenClasses() {\n let stateArr: Array<string> = [''],\n itemState: string = '',\n found: any,\n itemStates: Array<string>,\n classes: Array<string>;\n\n // item states come in 4 possible flavours at every breakpoint. E.g.\n // xl-col-span-2\n // xl-col-start-2\n // xl-row-span-2\n // xl-row-start-2\n\n // clear all previous grid state classnames\n classes = this.el.className\n .split(' ')\n .filter((c) => !c.startsWith('nano-grid-'));\n this.el.className = classes.join(' ').trim();\n\n // get all potential states this element can have\n itemStates = this.gridStates.split(' ');\n\n // loop through all potential state options: col & row span & start\n STATEOPTS.forEach((stateOpt) => {\n // reset found flag\n found = false;\n\n // loop through all the current valid breakpoints / sizes backwards because\n // we only care about the item's state at the largest current breakpoint.\n this.currGridSizes\n .slice()\n .reverse()\n .forEach((size) => {\n if (found || !size) return;\n found = itemStates.find(\n (state) => state.indexOf(`${size.size}-${stateOpt}`) === 0\n );\n\n // found a state at this current size. apply class.\n if (found) {\n // clear previous grid state classname\n classes = this.el.className\n .split(' ')\n .filter((c) => !c.includes('nano-grid-${stateOpt}'));\n this.el.className = classes.join(' ').trim();\n\n stateArr = found.split('-');\n\n // remove the size of the state\n stateArr.shift();\n itemState = stateArr.join('-');\n\n // add new class\n this.el.classList.add(`nano-grid-${itemState}`);\n }\n });\n });\n }\n\n render() {\n return <slot />;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n State,\n Prop,\n Watch,\n h,\n ComponentInterface,\n} from '@stencil/core';\nimport { ResizeStateChangeEventDetail } from '../../interface';\n\n/**\n * Img with benefits. Lazy loading. Simple `srcSet` solution for both `<img>` and `background-image` varieties.\n * @slot - Main slot. Only relevant with `<nano-img background>`\n */\n@Component({\n tag: 'nano-img',\n styleUrl: 'img.scss',\n shadow: true,\n})\nexport class Img implements ComponentInterface {\n private io?: IntersectionObserver;\n private _srcSet: { [key: string]: { src: string; active: boolean } } = {};\n\n @Element() host!: HTMLNanoImgElement;\n\n @State() loadSrc?: string;\n @State() loadError?: () => void;\n @State() hasLoaded: boolean = false;\n @State() imgStates: string = null;\n @State() _src: string;\n @Watch('_src')\n _srcChanged() {\n this.hasLoaded = false;\n this.addIO();\n }\n\n /** This attribute defines the alternative text describing the image.\n * Users will see this text displayed if the image URL is wrong, or if the image is not yet downloaded. */\n @Prop() alt?: string;\n\n /** The image URL. This attribute is mandatory for the `<img>` element. */\n @Prop() src!: string;\n @Watch('src')\n srcChanged() {\n this._src = this.src;\n }\n\n /** Optional list string providing media sizes with corresponding image srcs.\n * i.e. show img-x at 300px wide. Format `srcSet=\"200w src/imgSmall.jpg, 500h src/imgMed.png\"` */\n @Prop() srcSet?: string;\n @Watch('srcSet')\n srcSetChanged() {\n if (!this.srcSet) return;\n\n delete this._srcSet;\n this._srcSet = {};\n\n this.imgStates = this.srcSet\n .split(',')\n .map((bpSrc) => {\n const [bp, src] = bpSrc.split(' ').filter((bp) => bp.length);\n this._srcSet[bp] = { src: src, active: false };\n return bp;\n })\n .join(', ');\n }\n\n /** Render image lazily, when it comes into the browser viewport **/\n @Prop() lazy: boolean = true;\n @Watch('lazy')\n lazyChanged() {\n if (!this.lazy) this.load();\n }\n\n /** Render the image as a background image **/\n @Prop() background?: boolean;\n\n /** When the image is rendered as a background, and there is no preset dimensions of the component,\n * you can set how the component height will be set. Via image size or via the content **/\n @Prop() autoHeight: 'content' | 'image' = 'content';\n\n /** Emitted when the img src has been set */\n @Event() nanoImgWillLoad!: EventEmitter<void>;\n\n /** Emitted when the image has finished loading */\n @Event() nanoImgDidLoad!: EventEmitter<void>;\n\n /** Emitted when the img fails to load */\n @Event() nanoImgError!: EventEmitter<void>;\n\n private addIO() {\n if (!this._src || this.hasLoaded) return;\n if (!this.lazy) {\n this.load();\n return;\n }\n if (\n typeof (window as any) !== 'undefined' &&\n 'IntersectionObserver' in window &&\n 'isIntersecting' in window.IntersectionObserverEntry.prototype\n ) {\n this.removeIO();\n this.io = new IntersectionObserver((data) => {\n if (data[0].isIntersecting) {\n this.load();\n this.removeIO();\n }\n });\n\n this.io.observe(this.host);\n } else setTimeout(() => this.load(), 200);\n }\n\n private load() {\n this.loadError = this.onError;\n this.loadSrc = this._src;\n this.nanoImgWillLoad.emit();\n }\n\n private onLoad = () => {\n this.nanoImgDidLoad.emit();\n setTimeout(() => (this.hasLoaded = true), 50);\n };\n\n private onError = () => {\n this.nanoImgError.emit();\n };\n\n private onResize = (e: { detail: ResizeStateChangeEventDetail }) => {\n Object.entries(e.detail).forEach(([bp, active]) => {\n this._srcSet[bp].active = active;\n });\n\n // sort and find the highest sized matching image.\n const srcOpts = [];\n Object.keys(this._srcSet)\n .sort()\n .forEach((bp) => {\n if (this._srcSet[bp].active) srcOpts.push(this._srcSet[bp].src);\n });\n\n if (srcOpts.length) this._src = srcOpts.slice(-1)[0];\n // no matching image? Set back to default\n else this._src = this.src;\n };\n\n private removeIO() {\n if (this.io) {\n this.io.disconnect();\n this.io = undefined;\n }\n }\n\n connectedCallback() {\n this.srcChanged();\n this.srcSetChanged();\n this.lazyChanged();\n }\n\n componentDidLoad() {\n this.addIO();\n }\n\n disconnectedCallback() {\n this.removeIO();\n }\n\n render() {\n const bgStyle = !!this.loadSrc\n ? { 'background-image': `url(${this.loadSrc})` }\n : {};\n return (\n <div class=\"img\">\n <nano-skeleton class=\"img__loader\"></nano-skeleton>\n {!!this.background && (\n <div\n class={{\n loaded: this.hasLoaded,\n img__bg: true,\n 'no-height': this.autoHeight === 'image',\n }}\n style={bgStyle}\n >\n <slot />\n </div>\n )}\n <img\n class={{\n img__image: true,\n loaded: this.hasLoaded,\n hide: this.background,\n 'no-height': this.autoHeight === 'content',\n }}\n decoding=\"async\"\n src={this.loadSrc}\n alt={this.alt}\n onLoad={this.onLoad}\n onError={this.loadError}\n />\n <nano-resize-observe\n class=\"img__observer\"\n onNanoResizeStateChange={this.onResize}\n states={this.imgStates}\n />\n </div>\n );\n }\n}\n",":host {\n /**\n * @prop --padding: padding around any content. Only relevent on `<nano-img background>`\n */\n --padding: 0;\n\n display: inline-block;\n object-fit: cover;\n object-position: center;\n background-size: cover;\n background-position: center;\n\n * {\n border-radius: inherit;\n }\n}\n\n:host([background]:not([background='false'])) {\n display: block;\n}\n\n.img {\n position: relative;\n min-height: inherit;\n height: 100%;\n display: block;\n object-fit: inherit;\n object-position: inherit;\n background-color: inherit;\n background-position: inherit;\n background-size: inherit;\n background-origin: inherit;\n background-attachment: inherit;\n background-repeat: inherit;\n}\n\n.img__loader,\n.img__observer {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n height: 100%;\n width: 100%;\n z-index: -1;\n}\n\n.img__image,\n.img__bg {\n border-radius: inherit;\n display: block;\n opacity: 0;\n transition: 0.5s ease opacity, 0.3s ease filter 0.4s;\n filter: blur(5px);\n\n &.loaded {\n opacity: 1;\n filter: blur(0.1px);\n\n @media not all and (min-resolution: 0.001dpcm) {\n @supports (-webkit-appearance: none) {\n filter: blur(0);\n }\n }\n }\n}\n\n.img__image {\n object-fit: inherit;\n object-position: inherit;\n max-width: 100%;\n height: auto;\n\n &.hide {\n visibility: hidden;\n\n &.no-height {\n height: 1px;\n position: absolute;\n z-index: -1;\n }\n }\n}\n\n.img__bg {\n background-color: inherit;\n background-position: inherit;\n background-size: inherit;\n background-origin: inherit;\n background-attachment: inherit;\n background-repeat: inherit;\n overflow: auto;\n padding: var(--padding);\n\n &.no-height {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n}\n"]}

package/dist/nano-components/{p-e1fd68eb.js → p-a1680208.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{g as t}from"./p-f55560d3.js";import{c as e,g as r}from"./p-dfe5a97d.js";import{d as n}from"./p-0e826935.js";var o="undefined"!=typeof Symbol&&Symbol,i="Function.prototype.bind called on incompatible ",a=Array.prototype.slice,u=Object.prototype.toString,f=Function.prototype.bind||function(t){var e=this;if("function"!=typeof e||"[object Function]"!==u.call(e))throw new TypeError(i+e);for(var r,n=a.call(arguments,1),o=function(){if(this instanceof r){var o=e.apply(this,n.concat(a.call(arguments)));return Object(o)===o?o:this}return e.apply(t,n.concat(a.call(arguments)))},f=Math.max(0,e.length-n.length),c=[],y=0;y<f;y++)c.push("$"+y);if(r=Function("binder","return function ("+c.join(",")+"){ return binder.apply(this,arguments); }")(o),e.prototype){var p=function(){};p.prototype=e.prototype,r.prototype=new p,p.prototype=null}return r},c=f.call(Function.call,Object.prototype.hasOwnProperty),y=SyntaxError,p=Function,l=TypeError,s=function(t){try{return p('"use strict"; return ('+t+").constructor;")()}catch(e){}},d=Object.getOwnPropertyDescriptor,b=function(){throw new l},h=d?function(){try{return b}catch(t){try{return d(arguments,"callee").get}catch(e){return b}}}():b,v="function"==typeof o&&"function"==typeof Symbol&&"symbol"==typeof o("foo")&&"symbol"==typeof Symbol("bar")&&function(){if("function"!=typeof Symbol||"function"!=typeof Object.getOwnPropertySymbols)return!1;if("symbol"==typeof Symbol.iterator)return!0;var t={},e=Symbol("test"),r=Object(e);if("string"==typeof e)return!1;if("[object Symbol]"!==Object.prototype.toString.call(e))return!1;if("[object Symbol]"!==Object.prototype.toString.call(r))return!1;for(e in t[e]=42,t)return!1;if("function"==typeof Object.keys&&0!==Object.keys(t).length)return!1;if("function"==typeof Object.getOwnPropertyNames&&0!==Object.getOwnPropertyNames(t).length)return!1;var n=Object.getOwnPropertySymbols(t);if(1!==n.length||n[0]!==e)return!1;if(!Object.prototype.propertyIsEnumerable.call(t,e))return!1;if("function"==typeof Object.getOwnPropertyDescriptor){var o=Object.getOwnPropertyDescriptor(t,e);if(42!==o.value||!0!==o.enumerable)return!1}return!0}(),m=Object.getPrototypeOf||function(t){return t.__proto__},g={},j="undefined"==typeof Uint8Array?void 0:m(Uint8Array),S={"%AggregateError%":"undefined"==typeof AggregateError?void 0:AggregateError,"%Array%":Array,"%ArrayBuffer%":"undefined"==typeof ArrayBuffer?void 0:ArrayBuffer,"%ArrayIteratorPrototype%":v?m([][Symbol.iterator]()):void 0,"%AsyncFromSyncIteratorPrototype%":void 0,"%AsyncFunction%":g,"%AsyncGenerator%":g,"%AsyncGeneratorFunction%":g,"%AsyncIteratorPrototype%":g,"%Atomics%":"undefined"==typeof Atomics?void 0:Atomics,"%BigInt%":"undefined"==typeof BigInt?void 0:BigInt,"%Boolean%":Boolean,"%DataView%":"undefined"==typeof DataView?void 0:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":"undefined"==typeof Float32Array?void 0:Float32Array,"%Float64Array%":"undefined"==typeof Float64Array?void 0:Float64Array,"%FinalizationRegistry%":"undefined"==typeof FinalizationRegistry?void 0:FinalizationRegistry,"%Function%":p,"%GeneratorFunction%":g,"%Int8Array%":"undefined"==typeof Int8Array?void 0:Int8Array,"%Int16Array%":"undefined"==typeof Int16Array?void 0:Int16Array,"%Int32Array%":"undefined"==typeof Int32Array?void 0:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":v?m(m([][Symbol.iterator]())):void 0,"%JSON%":"object"==typeof JSON?JSON:void 0,"%Map%":"undefined"==typeof Map?void 0:Map,"%MapIteratorPrototype%":"undefined"!=typeof Map&&v?m((new Map)[Symbol.iterator]()):void 0,"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":"undefined"==typeof Promise?void 0:Promise,"%Proxy%":"undefined"==typeof Proxy?void 0:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":"undefined"==typeof Reflect?void 0:Reflect,"%RegExp%":RegExp,"%Set%":"undefined"==typeof Set?void 0:Set,"%SetIteratorPrototype%":"undefined"!=typeof Set&&v?m((new Set)[Symbol.iterator]()):void 0,"%SharedArrayBuffer%":"undefined"==typeof SharedArrayBuffer?void 0:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":v?m(""[Symbol.iterator]()):void 0,"%Symbol%":v?Symbol:void 0,"%SyntaxError%":y,"%ThrowTypeError%":h,"%TypedArray%":j,"%TypeError%":l,"%Uint8Array%":"undefined"==typeof Uint8Array?void 0:Uint8Array,"%Uint8ClampedArray%":"undefined"==typeof Uint8ClampedArray?void 0:Uint8ClampedArray,"%Uint16Array%":"undefined"==typeof Uint16Array?void 0:Uint16Array,"%Uint32Array%":"undefined"==typeof Uint32Array?void 0:Uint32Array,"%URIError%":URIError,"%WeakMap%":"undefined"==typeof WeakMap?void 0:WeakMap,"%WeakRef%":"undefined"==typeof WeakRef?void 0:WeakRef,"%WeakSet%":"undefined"==typeof WeakSet?void 0:WeakSet},A=function t(e){var r;if("%AsyncFunction%"===e)r=s("async function () {}");else if("%GeneratorFunction%"===e)r=s("function* () {}");else if("%AsyncGeneratorFunction%"===e)r=s("async function* () {}");else if("%AsyncGenerator%"===e){var n=t("%AsyncGeneratorFunction%");n&&(r=n.prototype)}else if("%AsyncIteratorPrototype%"===e){var o=t("%AsyncGenerator%");o&&(r=m(o.prototype))}return S[e]=r,r},w={"%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"]},O=f.call(Function.call,Array.prototype.concat),P=f.call(Function.apply,Array.prototype.splice),E=f.call(Function.call,String.prototype.replace),F=f.call(Function.call,String.prototype.slice),R=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,I=/\\(\\)?/g,k=function(t){var e=F(t,0,1),r=F(t,-1);if("%"===e&&"%"!==r)throw new y("invalid intrinsic syntax, expected closing `%`");if("%"===r&&"%"!==e)throw new y("invalid intrinsic syntax, expected opening `%`");var n=[];return E(t,R,(function(t,e,r,o){n[n.length]=r?E(o,I,"$1"):e||t})),n},M=function(t,e){var r,n=t;if(c(w,n)&&(n="%"+(r=w[n])[0]+"%"),c(S,n)){var o=S[n];if(o===g&&(o=A(n)),void 0===o&&!e)throw new l("intrinsic "+t+" exists, but is not available. Please file an issue!");return{alias:r,name:n,value:o}}throw new y("intrinsic "+t+" does not exist!")},N=function(t,e){if("string"!=typeof t||0===t.length)throw new l("intrinsic name must be a non-empty string");if(arguments.length>1&&"boolean"!=typeof e)throw new l('"allowMissing" argument must be a boolean');var r=k(t),n=r.length>0?r[0]:"",o=M("%"+n+"%",e),i=o.name,a=o.value,u=!1,f=o.alias;f&&(n=f[0],P(r,O([0,1],f)));for(var p=1,s=!0;p<r.length;p+=1){var b=r[p],h=F(b,0,1),v=F(b,-1);if(('"'===h||"'"===h||"`"===h||'"'===v||"'"===v||"`"===v)&&h!==v)throw new y("property names with quotes must have matching quotes");if("constructor"!==b&&s||(u=!0),c(S,i="%"+(n+="."+b)+"%"))a=S[i];else if(null!=a){if(!(b in a)){if(!e)throw new l("base intrinsic for "+t+" exists, but the property is not available.");return}if(d&&p+1>=r.length){var m=d(a,b);a=(s=!!m)&&"get"in m&&!("originalValue"in m.get)?m.get:a[b]}else s=c(a,b),a=a[b];s&&!u&&(S[i]=a)}}return a},x=e((function(t){var e=N("%Function.prototype.apply%"),r=N("%Function.prototype.call%"),n=N("%Reflect.apply%",!0)||f.call(r,e),o=N("%Object.getOwnPropertyDescriptor%",!0),i=N("%Object.defineProperty%",!0),a=N("%Math.max%");if(i)try{i({},"a",{value:1})}catch(c){i=null}t.exports=function(t){var e=n(f,r,arguments);if(o&&i){var u=o(e,"length");u.configurable&&i(e,"length",{value:1+a(0,t.length-(arguments.length-1))})}return e};var u=function(){return n(f,e,arguments)};i?i(t.exports,"apply",{value:u}):t.exports.apply=u})),U=x(N("String.prototype.indexOf")),W=function(t,e){var r=N(t,!!e);return"function"==typeof r&&U(t,".prototype.")>-1?x(r):r};const B=r(Object.freeze({__proto__:null,default:{}}));var T="function"==typeof Map&&Map.prototype,D=Object.getOwnPropertyDescriptor&&T?Object.getOwnPropertyDescriptor(Map.prototype,"size"):null,C=T&&D&&"function"==typeof D.get?D.get:null,q=T&&Map.prototype.forEach,G="function"==typeof Set&&Set.prototype,_=Object.getOwnPropertyDescriptor&&G?Object.getOwnPropertyDescriptor(Set.prototype,"size"):null,J=G&&_&&"function"==typeof _.get?_.get:null,$=G&&Set.prototype.forEach,V="function"==typeof WeakMap&&WeakMap.prototype?WeakMap.prototype.has:null,H="function"==typeof WeakSet&&WeakSet.prototype?WeakSet.prototype.has:null,L="function"==typeof WeakRef&&WeakRef.prototype?WeakRef.prototype.deref:null,z=Boolean.prototype.valueOf,Q=Object.prototype.toString,Y=Function.prototype.toString,K=String.prototype.match,X="function"==typeof BigInt?BigInt.prototype.valueOf:null,Z=Object.getOwnPropertySymbols,tt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?Symbol.prototype.toString:null,et="function"==typeof Symbol&&"object"==typeof Symbol.iterator,rt=Object.prototype.propertyIsEnumerable,nt=("function"==typeof Reflect?Reflect.getPrototypeOf:Object.getPrototypeOf)||([].__proto__===Array.prototype?function(t){return t.__proto__}:null),ot=B.custom,it=ot&&pt(ot)?ot:null,at="function"==typeof Symbol&&void 0!==Symbol.toStringTag?Symbol.toStringTag:null,ut=function t(e,r,n,o){var i=r||{};if(st(i,"quoteStyle")&&"single"!==i.quoteStyle&&"double"!==i.quoteStyle)throw new TypeError('option "quoteStyle" must be "single" or "double"');if(st(i,"maxStringLength")&&("number"==typeof i.maxStringLength?i.maxStringLength<0&&i.maxStringLength!==1/0:null!==i.maxStringLength))throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');var a=!st(i,"customInspect")||i.customInspect;if("boolean"!=typeof a&&"symbol"!==a)throw new TypeError("option \"customInspect\", if provided, must be `true`, `false`, or `'symbol'`");if(st(i,"indent")&&null!==i.indent&&"\t"!==i.indent&&!(parseInt(i.indent,10)===i.indent&&i.indent>0))throw new TypeError('options "indent" must be "\\t", an integer > 0, or `null`');if(void 0===e)return"undefined";if(null===e)return"null";if("boolean"==typeof e)return e?"true":"false";if("string"==typeof e)return ht(e,i);if("number"==typeof e)return 0===e?1/0/e>0?"0":"-0":String(e);if("bigint"==typeof e)return String(e)+"n";var u=void 0===i.depth?5:i.depth;if(void 0===n&&(n=0),n>=u&&u>0&&"object"==typeof e)return yt(e)?"[Array]":"[Object]";var f,c=function(t,e){var r;if("\t"===t.indent)r="\t";else{if(!("number"==typeof t.indent&&t.indent>0))return null;r=Array(t.indent+1).join(" ")}return{base:r,prev:Array(e+1).join(r)}}(i,n);if(void 0===o)o=[];else if(bt(o,e)>=0)return"[Circular]";function y(e,r,a){if(r&&(o=o.slice()).push(r),a){var u={depth:i.depth};return st(i,"quoteStyle")&&(u.quoteStyle=i.quoteStyle),t(e,u,n+1,o)}return t(e,i,n+1,o)}if("function"==typeof e){var p=function(t){if(t.name)return t.name;var e=K.call(Y.call(t),/^function\s*([\w$]+)/);return e?e[1]:null}(e),l=At(e,y);return"[Function"+(p?": "+p:" (anonymous)")+"]"+(l.length>0?" { "+l.join(", ")+" }":"")}if(pt(e)){var s=et?String(e).replace(/^(Symbol\(.*\))_[^)]*$/,"$1"):tt.call(e);return"object"!=typeof e||et?s:mt(s)}if((f=e)&&"object"==typeof f&&("undefined"!=typeof HTMLElement&&f instanceof HTMLElement||"string"==typeof f.nodeName&&"function"==typeof f.getAttribute)){for(var d="<"+String(e.nodeName).toLowerCase(),b=e.attributes||[],h=0;h<b.length;h++)d+=" "+b[h].name+"="+ft(ct(b[h].value),"double",i);return d+=">",e.childNodes&&e.childNodes.length&&(d+="..."),d+"</"+String(e.nodeName).toLowerCase()+">"}if(yt(e)){if(0===e.length)return"[]";var v=At(e,y);return c&&!function(t){for(var e=0;e<t.length;e++)if(bt(t[e],"\n")>=0)return!1;return!0}(v)?"["+St(v,c)+"]":"[ "+v.join(", ")+" ]"}if(function(t){return!("[object Error]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e)){var m=At(e,y);return 0===m.length?"["+String(e)+"]":"{ ["+String(e)+"] "+m.join(", ")+" }"}if("object"==typeof e&&a){if(it&&"function"==typeof e[it])return e[it]();if("symbol"!==a&&"function"==typeof e.inspect)return e.inspect()}if(function(t){if(!C||!t||"object"!=typeof t)return!1;try{C.call(t);try{J.call(t)}catch(d){return!0}return t instanceof Map}catch(e){}return!1}(e)){var g=[];return q.call(e,(function(t,r){g.push(y(r,e,!0)+" => "+y(t,e))})),jt("Map",C.call(e),g,c)}if(function(t){if(!J||!t||"object"!=typeof t)return!1;try{J.call(t);try{C.call(t)}catch(e){return!0}return t instanceof Set}catch(r){}return!1}(e)){var j=[];return $.call(e,(function(t){j.push(y(t,e))})),jt("Set",J.call(e),j,c)}if(function(t){if(!V||!t||"object"!=typeof t)return!1;try{V.call(t,V);try{H.call(t,H)}catch(d){return!0}return t instanceof WeakMap}catch(e){}return!1}(e))return gt("WeakMap");if(function(t){if(!H||!t||"object"!=typeof t)return!1;try{H.call(t,H);try{V.call(t,V)}catch(d){return!0}return t instanceof WeakSet}catch(e){}return!1}(e))return gt("WeakSet");if(function(t){if(!L||!t||"object"!=typeof t)return!1;try{return L.call(t),!0}catch(e){}return!1}(e))return gt("WeakRef");if(function(t){return!("[object Number]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e))return mt(y(Number(e)));if(function(t){if(!t||"object"!=typeof t||!X)return!1;try{return X.call(t),!0}catch(e){}return!1}(e))return mt(y(X.call(e)));if(function(t){return!("[object Boolean]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e))return mt(z.call(e));if(function(t){return!("[object String]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e))return mt(y(String(e)));if(!function(t){return!("[object Date]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e)&&!function(t){return!("[object RegExp]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e)){var S=At(e,y),A=nt?nt(e)===Object.prototype:e instanceof Object||e.constructor===Object,w=e instanceof Object?"":"null prototype",O=!A&&at&&Object(e)===e&&at in e?dt(e).slice(8,-1):w?"Object":"",P=(A||"function"!=typeof e.constructor?"":e.constructor.name?e.constructor.name+" ":"")+(O||w?"["+[].concat(O||[],w||[]).join(": ")+"] ":"");return 0===S.length?P+"{}":c?P+"{"+St(S,c)+"}":P+"{ "+S.join(", ")+" }"}return String(e)};function ft(t,e,r){var n="double"===(r.quoteStyle||e)?'"':"'";return n+t+n}function ct(t){return String(t).replace(/"/g,"&quot;")}function yt(t){return!("[object Array]"!==dt(t)||at&&"object"==typeof t&&at in t)}function pt(t){if(et)return t&&"object"==typeof t&&t instanceof Symbol;if("symbol"==typeof t)return!0;if(!t||"object"!=typeof t||!tt)return!1;try{return tt.call(t),!0}catch(e){}return!1}var lt=Object.prototype.hasOwnProperty||function(t){return t in this};function st(t,e){return lt.call(t,e)}function dt(t){return Q.call(t)}function bt(t,e){if(t.indexOf)return t.indexOf(e);for(var r=0,n=t.length;r<n;r++)if(t[r]===e)return r;return-1}function ht(t,e){if(t.length>e.maxStringLength){var r=t.length-e.maxStringLength,n="... "+r+" more character"+(r>1?"s":"");return ht(t.slice(0,e.maxStringLength),e)+n}return ft(t.replace(/(['\\])/g,"\\$1").replace(/[\x00-\x1f]/g,vt),"single",e)}function vt(t){var e=t.charCodeAt(0),r={8:"b",9:"t",10:"n",12:"f",13:"r"}[e];return r?"\\"+r:"\\x"+(e<16?"0":"")+e.toString(16).toUpperCase()}function mt(t){return"Object("+t+")"}function gt(t){return t+" { ? }"}function jt(t,e,r,n){return t+" ("+e+") {"+(n?St(r,n):r.join(", "))+"}"}function St(t,e){if(0===t.length)return"";var r="\n"+e.prev+e.base;return r+t.join(","+r)+"\n"+e.prev}function At(t,e){var r=yt(t),n=[];if(r){n.length=t.length;for(var o=0;o<t.length;o++)n[o]=st(t,o)?e(t[o],t):""}var i,a="function"==typeof Z?Z(t):[];if(et){i={};for(var u=0;u<a.length;u++)i["$"+a[u]]=a[u]}for(var f in t)st(t,f)&&(r&&String(Number(f))===f&&f<t.length||et&&i["$"+f]instanceof Symbol||(/[^\w$]/.test(f)?n.push(e(f,t)+": "+e(t[f],t)):n.push(f+": "+e(t[f],t))));if("function"==typeof Z)for(var c=0;c<a.length;c++)rt.call(t,a[c])&&n.push("["+e(a[c])+"]: "+e(t[a[c]],t));return n}var wt=N("%TypeError%"),Ot=N("%WeakMap%",!0),Pt=N("%Map%",!0),Et=W("WeakMap.prototype.get",!0),Ft=W("WeakMap.prototype.set",!0),Rt=W("WeakMap.prototype.has",!0),It=W("Map.prototype.get",!0),kt=W("Map.prototype.set",!0),Mt=W("Map.prototype.has",!0),Nt=function(t,e){for(var r,n=t;null!==(r=n.next);n=r)if(r.key===e)return n.next=r.next,r.next=t.next,t.next=r,r},xt=function(){var t,e,r,n={assert:function(t){if(!n.has(t))throw new wt("Side channel does not contain "+ut(t))},get:function(n){if(Ot&&n&&("object"==typeof n||"function"==typeof n)){if(t)return Et(t,n)}else if(Pt){if(e)return It(e,n)}else if(r)return function(t,e){var r=Nt(t,e);return r&&r.value}(r,n)},has:function(n){if(Ot&&n&&("object"==typeof n||"function"==typeof n)){if(t)return Rt(t,n)}else if(Pt){if(e)return Mt(e,n)}else if(r)return function(t,e){return!!Nt(t,e)}(r,n);return!1},set:function(n,o){Ot&&n&&("object"==typeof n||"function"==typeof n)?(t||(t=new Ot),Ft(t,n,o)):Pt?(e||(e=new Pt),kt(e,n,o)):(r||(r={key:{},next:null}),function(t,e,r){var n=Nt(t,e);n?n.value=r:t.next={key:e,next:t.next,value:r}}(r,n,o))}};return n},Ut=String.prototype.replace,Wt=/%20/g,Bt={default:"RFC3986",formatters:{RFC1738:function(t){return Ut.call(t,Wt,"+")},RFC3986:function(t){return String(t)}},RFC1738:"RFC1738",RFC3986:"RFC3986"},Tt=Object.prototype.hasOwnProperty,Dt=Array.isArray,Ct=function(){for(var t=[],e=0;e<256;++e)t.push("%"+((e<16?"0":"")+e.toString(16)).toUpperCase());return t}(),qt=function(t,e){for(var r=e&&e.plainObjects?Object.create(null):{},n=0;n<t.length;++n)void 0!==t[n]&&(r[n]=t[n]);return r},Gt={arrayToObject:qt,assign:function(t,e){return Object.keys(e).reduce((function(t,r){return t[r]=e[r],t}),t)},combine:function(t,e){return[].concat(t,e)},compact:function(t){for(var e=[{obj:{o:t},prop:"o"}],r=[],n=0;n<e.length;++n)for(var o=e[n],i=o.obj[o.prop],a=Object.keys(i),u=0;u<a.length;++u){var f=a[u],c=i[f];"object"==typeof c&&null!==c&&-1===r.indexOf(c)&&(e.push({obj:i,prop:f}),r.push(c))}return function(t){for(;t.length>1;){var e=t.pop(),r=e.obj[e.prop];if(Dt(r)){for(var n=[],o=0;o<r.length;++o)void 0!==r[o]&&n.push(r[o]);e.obj[e.prop]=n}}}(e),t},decode:function(t,e,r){var n=t.replace(/\+/g," ");if("iso-8859-1"===r)return n.replace(/%[0-9a-f]{2}/gi,unescape);try{return decodeURIComponent(n)}catch(o){return n}},encode:function(t,e,r,n,o){if(0===t.length)return t;var i=t;if("symbol"==typeof t?i=Symbol.prototype.toString.call(t):"string"!=typeof t&&(i=String(t)),"iso-8859-1"===r)return escape(i).replace(/%u[0-9a-f]{4}/gi,(function(t){return"%26%23"+parseInt(t.slice(2),16)+"%3B"}));for(var a="",u=0;u<i.length;++u){var f=i.charCodeAt(u);45===f||46===f||95===f||126===f||f>=48&&f<=57||f>=65&&f<=90||f>=97&&f<=122||o===Bt.RFC1738&&(40===f||41===f)?a+=i.charAt(u):f<128?a+=Ct[f]:f<2048?a+=Ct[192|f>>6]+Ct[128|63&f]:f<55296||f>=57344?a+=Ct[224|f>>12]+Ct[128|f>>6&63]+Ct[128|63&f]:(f=65536+((1023&f)<<10|1023&i.charCodeAt(u+=1)),a+=Ct[240|f>>18]+Ct[128|f>>12&63]+Ct[128|f>>6&63]+Ct[128|63&f])}return a},isBuffer:function(t){return!(!t||"object"!=typeof t||!(t.constructor&&t.constructor.isBuffer&&t.constructor.isBuffer(t)))},isRegExp:function(t){return"[object RegExp]"===Object.prototype.toString.call(t)},maybeMap:function(t,e){if(Dt(t)){for(var r=[],n=0;n<t.length;n+=1)r.push(e(t[n]));return r}return e(t)},merge:function t(e,r,n){if(!r)return e;if("object"!=typeof r){if(Dt(e))e.push(r);else{if(!e||"object"!=typeof e)return[e,r];(n&&(n.plainObjects||n.allowPrototypes)||!Tt.call(Object.prototype,r))&&(e[r]=!0)}return e}if(!e||"object"!=typeof e)return[e].concat(r);var o=e;return Dt(e)&&!Dt(r)&&(o=qt(e,n)),Dt(e)&&Dt(r)?(r.forEach((function(r,o){if(Tt.call(e,o)){var i=e[o];i&&"object"==typeof i&&r&&"object"==typeof r?e[o]=t(i,r,n):e.push(r)}else e[o]=r})),e):Object.keys(r).reduce((function(e,o){var i=r[o];return e[o]=Tt.call(e,o)?t(e[o],i,n):i,e}),o)}},_t=Object.prototype.hasOwnProperty,Jt={brackets:function(t){return t+"[]"},comma:"comma",indices:function(t,e){return t+"["+e+"]"},repeat:function(t){return t}},$t=Array.isArray,Vt=Array.prototype.push,Ht=function(t,e){Vt.apply(t,$t(e)?e:[e])},Lt=Date.prototype.toISOString,zt=Bt.default,Qt={addQueryPrefix:!1,allowDots:!1,charset:"utf-8",charsetSentinel:!1,delimiter:"&",encode:!0,encoder:Gt.encode,encodeValuesOnly:!1,format:zt,formatter:Bt.formatters[zt],indices:!1,serializeDate:function(t){return Lt.call(t)},skipNulls:!1,strictNullHandling:!1},Yt=function t(e,r,n,o,i,a,u,f,c,y,p,l,s,d,b){var h,v=e;if(b.has(e))throw new RangeError("Cyclic object value");if("function"==typeof u?v=u(r,v):v instanceof Date?v=y(v):"comma"===n&&$t(v)&&(v=Gt.maybeMap(v,(function(t){return t instanceof Date?y(t):t}))),null===v){if(o)return a&&!s?a(r,Qt.encoder,d,"key",p):r;v=""}if("string"==typeof(h=v)||"number"==typeof h||"boolean"==typeof h||"symbol"==typeof h||"bigint"==typeof h||Gt.isBuffer(v))return a?[l(s?r:a(r,Qt.encoder,d,"key",p))+"="+l(a(v,Qt.encoder,d,"value",p))]:[l(r)+"="+l(String(v))];var m,g=[];if(void 0===v)return g;if("comma"===n&&$t(v))m=[{value:v.length>0?v.join(",")||null:void 0}];else if($t(u))m=u;else{var j=Object.keys(v);m=f?j.sort(f):j}for(var S=0;S<m.length;++S){var A=m[S],w="object"==typeof A&&void 0!==A.value?A.value:v[A];if(!i||null!==w){var O=$t(v)?"function"==typeof n?n(r,A):r:r+(c?"."+A:"["+A+"]");b.set(e,!0);var P=xt();Ht(g,t(w,O,n,o,i,a,u,f,c,y,p,l,s,d,P))}}return g},Kt=Object.prototype.hasOwnProperty,Xt=Array.isArray,Zt={allowDots:!1,allowPrototypes:!1,allowSparse:!1,arrayLimit:20,charset:"utf-8",charsetSentinel:!1,comma:!1,decoder:Gt.decode,delimiter:"&",depth:5,ignoreQueryPrefix:!1,interpretNumericEntities:!1,parameterLimit:1e3,parseArrays:!0,plainObjects:!1,strictNullHandling:!1},te=function(t){return t.replace(/&#(\d+);/g,(function(t,e){return String.fromCharCode(parseInt(e,10))}))},ee=function(t,e){return t&&"string"==typeof t&&e.comma&&t.indexOf(",")>-1?t.split(","):t},re=function(t,e,r,n){if(t){var o=r.allowDots?t.replace(/\.([^.[]+)/g,"[$1]"):t,i=/(\[[^[\]]*])/g,a=r.depth>0&&/(\[[^[\]]*])/.exec(o),u=a?o.slice(0,a.index):o,f=[];if(u){if(!r.plainObjects&&Kt.call(Object.prototype,u)&&!r.allowPrototypes)return;f.push(u)}for(var c=0;r.depth>0&&null!==(a=i.exec(o))&&c<r.depth;){if(c+=1,!r.plainObjects&&Kt.call(Object.prototype,a[1].slice(1,-1))&&!r.allowPrototypes)return;f.push(a[1])}return a&&f.push("["+o.slice(a.index)+"]"),function(t,e,r,n){for(var o=n?e:ee(e,r),i=t.length-1;i>=0;--i){var a,u=t[i];if("[]"===u&&r.parseArrays)a=[].concat(o);else{a=r.plainObjects?Object.create(null):{};var f="["===u.charAt(0)&&"]"===u.charAt(u.length-1)?u.slice(1,-1):u,c=parseInt(f,10);r.parseArrays||""!==f?!isNaN(c)&&u!==f&&String(c)===f&&c>=0&&r.parseArrays&&c<=r.arrayLimit?(a=[])[c]=o:a[f]=o:a={0:o}}o=a}return o}(f,e,r,n)}},ne=function(t,e){var r=function(t){if(!t)return Zt;if(null!=t.decoder&&"function"!=typeof t.decoder)throw new TypeError("Decoder has to be a function.");if(void 0!==t.charset&&"utf-8"!==t.charset&&"iso-8859-1"!==t.charset)throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");return{allowDots:void 0===t.allowDots?Zt.allowDots:!!t.allowDots,allowPrototypes:"boolean"==typeof t.allowPrototypes?t.allowPrototypes:Zt.allowPrototypes,allowSparse:"boolean"==typeof t.allowSparse?t.allowSparse:Zt.allowSparse,arrayLimit:"number"==typeof t.arrayLimit?t.arrayLimit:Zt.arrayLimit,charset:void 0===t.charset?Zt.charset:t.charset,charsetSentinel:"boolean"==typeof t.charsetSentinel?t.charsetSentinel:Zt.charsetSentinel,comma:"boolean"==typeof t.comma?t.comma:Zt.comma,decoder:"function"==typeof t.decoder?t.decoder:Zt.decoder,delimiter:"string"==typeof t.delimiter||Gt.isRegExp(t.delimiter)?t.delimiter:Zt.delimiter,depth:"number"==typeof t.depth||!1===t.depth?+t.depth:Zt.depth,ignoreQueryPrefix:!0===t.ignoreQueryPrefix,interpretNumericEntities:"boolean"==typeof t.interpretNumericEntities?t.interpretNumericEntities:Zt.interpretNumericEntities,parameterLimit:"number"==typeof t.parameterLimit?t.parameterLimit:Zt.parameterLimit,parseArrays:!1!==t.parseArrays,plainObjects:"boolean"==typeof t.plainObjects?t.plainObjects:Zt.plainObjects,strictNullHandling:"boolean"==typeof t.strictNullHandling?t.strictNullHandling:Zt.strictNullHandling}}(e);if(""===t||null==t)return r.plainObjects?Object.create(null):{};for(var n="string"==typeof t?function(t,e){var r,n={},o=(e.ignoreQueryPrefix?t.replace(/^\?/,""):t).split(e.delimiter,e.parameterLimit===1/0?void 0:e.parameterLimit),i=-1,a=e.charset;if(e.charsetSentinel)for(r=0;r<o.length;++r)0===o[r].indexOf("utf8=")&&("utf8=%E2%9C%93"===o[r]?a="utf-8":"utf8=%26%2310003%3B"===o[r]&&(a="iso-8859-1"),i=r,r=o.length);for(r=0;r<o.length;++r)if(r!==i){var u,f,c=o[r],y=c.indexOf("]="),p=-1===y?c.indexOf("="):y+1;-1===p?(u=e.decoder(c,Zt.decoder,a,"key"),f=e.strictNullHandling?null:""):(u=e.decoder(c.slice(0,p),Zt.decoder,a,"key"),f=Gt.maybeMap(ee(c.slice(p+1),e),(function(t){return e.decoder(t,Zt.decoder,a,"value")}))),f&&e.interpretNumericEntities&&"iso-8859-1"===a&&(f=te(f)),c.indexOf("[]=")>-1&&(f=Xt(f)?[f]:f),n[u]=Kt.call(n,u)?Gt.combine(n[u],f):f}return n}(t,r):t,o=r.plainObjects?Object.create(null):{},i=Object.keys(n),a=0;a<i.length;++a){var u=i[a],f=re(u,n[u],r,"string"==typeof t);o=Gt.merge(o,f,r)}return!0===r.allowSparse?o:Gt.compact(o)};const oe=(t="hash",e=window)=>e&&e.location?"hash"===t&&e.location.hash?ne(e.location.hash.replace(/^\#/,""),{strictNullHandling:!0}):"query"===t&&e.location.search?ne(e.location.search,{ignoreQueryPrefix:!0}):{}:{},ie=(t,e="hash",r=window,n="replace")=>{let o=oe(e,r);o=Object.assign(Object.assign({},o),t),((t,e="hash",r=window,n="replace")=>{if(!r||!r.history)return;const o="query"===e?r.location.search:r.location.hash;let i="query"===e?r.location.pathname:r.location.pathname+r.location.search,a=function(t,e){var r,n=t,o=function(t){if(!t)return Qt;if(null!=t.encoder&&"function"!=typeof t.encoder)throw new TypeError("Encoder has to be a function.");var e=t.charset||Qt.charset;if(void 0!==t.charset&&"utf-8"!==t.charset&&"iso-8859-1"!==t.charset)throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var r=Bt.default;if(void 0!==t.format){if(!_t.call(Bt.formatters,t.format))throw new TypeError("Unknown format option provided.");r=t.format}var n=Bt.formatters[r],o=Qt.filter;return("function"==typeof t.filter||$t(t.filter))&&(o=t.filter),{addQueryPrefix:"boolean"==typeof t.addQueryPrefix?t.addQueryPrefix:Qt.addQueryPrefix,allowDots:void 0===t.allowDots?Qt.allowDots:!!t.allowDots,charset:e,charsetSentinel:"boolean"==typeof t.charsetSentinel?t.charsetSentinel:Qt.charsetSentinel,delimiter:void 0===t.delimiter?Qt.delimiter:t.delimiter,encode:"boolean"==typeof t.encode?t.encode:Qt.encode,encoder:"function"==typeof t.encoder?t.encoder:Qt.encoder,encodeValuesOnly:"boolean"==typeof t.encodeValuesOnly?t.encodeValuesOnly:Qt.encodeValuesOnly,filter:o,format:r,formatter:n,serializeDate:"function"==typeof t.serializeDate?t.serializeDate:Qt.serializeDate,skipNulls:"boolean"==typeof t.skipNulls?t.skipNulls:Qt.skipNulls,sort:"function"==typeof t.sort?t.sort:null,strictNullHandling:"boolean"==typeof t.strictNullHandling?t.strictNullHandling:Qt.strictNullHandling}}(e);"function"==typeof o.filter?n=(0,o.filter)("",n):$t(o.filter)&&(r=o.filter);var i=[];if("object"!=typeof n||null===n)return"";var a=Jt[e&&e.arrayFormat in Jt?e.arrayFormat:e&&"indices"in e?e.indices?"indices":"repeat":"indices"];r||(r=Object.keys(n)),o.sort&&r.sort(o.sort);for(var u=xt(),f=0;f<r.length;++f){var c=r[f];o.skipNulls&&null===n[c]||Ht(i,Yt(n[c],c,a,o.strictNullHandling,o.skipNulls,o.encode?o.encoder:null,o.filter,o.sort,o.allowDots,o.serializeDate,o.format,o.formatter,o.encodeValuesOnly,o.charset,u))}var y=i.join(o.delimiter),p=!0===o.addQueryPrefix?"?":"";return o.charsetSentinel&&(p+="iso-8859-1"===o.charset?"utf8=%26%2310003%3B&":"utf8=%E2%9C%93&"),y.length>0?p+y:""}(t,{strictNullHandling:!0,addQueryPrefix:!1,encodeValuesOnly:!0});if(a&&a.length)if("hash"!==e||r.location.hash!=="#"+a)a=("hash"===e?"#":"?")+a,a!==o&&("replace"===n?r.history.replaceState(null,null,i+a):r.history.pushState(null,null,i+a));else try{document.querySelector("#"+a).focus()}catch(u){}else{if(!o||!o.length)return;"replace"===n?r.history.replaceState(null,null,i):r.history.pushState(null,null,i)}})(o,e,r,n)},ae=(t,e="hash",r=window)=>oe(e,r)[t]||null,ue=new Map,fe={init(e,r,n,o){const i=o||e.storeId||t(e).id;if(!i)return void console.error("No id set. You can only instantiate a new component store with an id. ");if(ue.get(i))return void console.error("Duplicate store id usage. A store ID must be unique!",i);const a=r.reduce(((t,r)=>(void 0!==typeof e[r]&&(t[r]=e[r]),t)),{});ue.set(i,new ce(i,e,r,a,n)),ue.get(i).dispatchToProps();const u=e.connectedCallback;e.connectedCallback=function(){ue.set(i,new ce(i,e,r,a,n));let t=ue.get(i);u&&u.call(e),t&&t.dispatchToProps()};const f=e.componentDidRender;e.componentDidRender=function(){let t=ue.get(i);f&&f.call(e),t&&t.savePropsToStore()};const c=e.disconnectedCallback;e.disconnectedCallback=function(){let t=ue.get(i);t&&t.delete(),ue.delete(i),c&&c.call(e)}}};class ce{constructor(t,e,r,o,i){if(this.method="session",this.initialState={},this.updateStore=!0,this.onUrlChange=()=>{this.dispatchToProps(!1)},this.savePropsToStore=()=>{this.updateStore?this.save(this.getData):this.updateStore||(this.updateStore=!0)},this.dispatchToProps=(t=!0)=>{let e=this.retrieve();!e&&t||(this.updateStore=t,this.keys.forEach((t=>{this.component[t]=e?e[t]:void 0})))},this.delete=()=>{"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.removeEventListener("popstate",this.onUrlChange)},!t)throw new Error("No id set. You can only instantiate a new component store with an id");this.id=t,this.keys=r,this.component=e,o&&(this.initialState=o),i&&(this.method=i),this.savePropsToStore=n(this.savePropsToStore,500),"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.addEventListener("popstate",this.onUrlChange)}equality(t,e){return typeof t==typeof e&&("object"!=typeof t?t===e:JSON.stringify(t)===JSON.stringify(e))}get getData(){const t=this.keys.reduce(((t,e)=>{let r=this.equality(this.component[e],this.initialState[e]);return void 0===this.component[e]||r?r&&delete t[e]:t[e]=this.component[e],t}),{});return Object.keys(t).length?t:void 0}retrieve(){switch(this.method){case"url-hash":case"url-hash-push":return ae(this.id,"hash");case"url-query":case"url-query-push":return ae(this.id,"query");case"local":return((t,e=window)=>{try{const r=e.localStorage.getItem("nano-component-store:"+t);return null!==r?JSON.parse(r):null}catch(r){throw r}})(this.id);default:return((t,e=window)=>{try{const r=e.sessionStorage.getItem("nano-component-store:"+t);return null!==r?JSON.parse(r):null}catch(r){throw r}})(this.id)}}save(t){let e={};switch(this.method){case"url-hash":return e[this.id]=t,ie(e,"hash");case"url-query":return e[this.id]=t,ie(e,"query");case"url-hash-push":return e[this.id]=t,ie(e,"hash",window,"push");case"url-query-push":return e[this.id]=t,ie(e,"query",window,"push");case"local":if(!t)return;return((t,e,r=window)=>{try{r.localStorage.setItem("nano-component-store:"+t,JSON.stringify(e))}catch(n){throw n}})(this.id,t);default:if(!t)return;return((t,e,r=window)=>{try{r.sessionStorage.setItem("nano-component-store:"+t,JSON.stringify(e))}catch(n){throw n}})(this.id,t)}}}export{fe as C}
-//# sourceMappingURL=p-e1fd68eb.js.map
+import{g as t}from"./p-bb0619e6.js";import{c as e,g as r}from"./p-dfe5a97d.js";import{d as n}from"./p-0e826935.js";var o="undefined"!=typeof Symbol&&Symbol,i="Function.prototype.bind called on incompatible ",a=Array.prototype.slice,u=Object.prototype.toString,f=Function.prototype.bind||function(t){var e=this;if("function"!=typeof e||"[object Function]"!==u.call(e))throw new TypeError(i+e);for(var r,n=a.call(arguments,1),o=function(){if(this instanceof r){var o=e.apply(this,n.concat(a.call(arguments)));return Object(o)===o?o:this}return e.apply(t,n.concat(a.call(arguments)))},f=Math.max(0,e.length-n.length),c=[],y=0;y<f;y++)c.push("$"+y);if(r=Function("binder","return function ("+c.join(",")+"){ return binder.apply(this,arguments); }")(o),e.prototype){var p=function(){};p.prototype=e.prototype,r.prototype=new p,p.prototype=null}return r},c=f.call(Function.call,Object.prototype.hasOwnProperty),y=SyntaxError,p=Function,l=TypeError,s=function(t){try{return p('"use strict"; return ('+t+").constructor;")()}catch(e){}},d=Object.getOwnPropertyDescriptor,b=function(){throw new l},h=d?function(){try{return b}catch(t){try{return d(arguments,"callee").get}catch(e){return b}}}():b,v="function"==typeof o&&"function"==typeof Symbol&&"symbol"==typeof o("foo")&&"symbol"==typeof Symbol("bar")&&function(){if("function"!=typeof Symbol||"function"!=typeof Object.getOwnPropertySymbols)return!1;if("symbol"==typeof Symbol.iterator)return!0;var t={},e=Symbol("test"),r=Object(e);if("string"==typeof e)return!1;if("[object Symbol]"!==Object.prototype.toString.call(e))return!1;if("[object Symbol]"!==Object.prototype.toString.call(r))return!1;for(e in t[e]=42,t)return!1;if("function"==typeof Object.keys&&0!==Object.keys(t).length)return!1;if("function"==typeof Object.getOwnPropertyNames&&0!==Object.getOwnPropertyNames(t).length)return!1;var n=Object.getOwnPropertySymbols(t);if(1!==n.length||n[0]!==e)return!1;if(!Object.prototype.propertyIsEnumerable.call(t,e))return!1;if("function"==typeof Object.getOwnPropertyDescriptor){var o=Object.getOwnPropertyDescriptor(t,e);if(42!==o.value||!0!==o.enumerable)return!1}return!0}(),m=Object.getPrototypeOf||function(t){return t.__proto__},g={},j="undefined"==typeof Uint8Array?void 0:m(Uint8Array),S={"%AggregateError%":"undefined"==typeof AggregateError?void 0:AggregateError,"%Array%":Array,"%ArrayBuffer%":"undefined"==typeof ArrayBuffer?void 0:ArrayBuffer,"%ArrayIteratorPrototype%":v?m([][Symbol.iterator]()):void 0,"%AsyncFromSyncIteratorPrototype%":void 0,"%AsyncFunction%":g,"%AsyncGenerator%":g,"%AsyncGeneratorFunction%":g,"%AsyncIteratorPrototype%":g,"%Atomics%":"undefined"==typeof Atomics?void 0:Atomics,"%BigInt%":"undefined"==typeof BigInt?void 0:BigInt,"%Boolean%":Boolean,"%DataView%":"undefined"==typeof DataView?void 0:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":"undefined"==typeof Float32Array?void 0:Float32Array,"%Float64Array%":"undefined"==typeof Float64Array?void 0:Float64Array,"%FinalizationRegistry%":"undefined"==typeof FinalizationRegistry?void 0:FinalizationRegistry,"%Function%":p,"%GeneratorFunction%":g,"%Int8Array%":"undefined"==typeof Int8Array?void 0:Int8Array,"%Int16Array%":"undefined"==typeof Int16Array?void 0:Int16Array,"%Int32Array%":"undefined"==typeof Int32Array?void 0:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":v?m(m([][Symbol.iterator]())):void 0,"%JSON%":"object"==typeof JSON?JSON:void 0,"%Map%":"undefined"==typeof Map?void 0:Map,"%MapIteratorPrototype%":"undefined"!=typeof Map&&v?m((new Map)[Symbol.iterator]()):void 0,"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":"undefined"==typeof Promise?void 0:Promise,"%Proxy%":"undefined"==typeof Proxy?void 0:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":"undefined"==typeof Reflect?void 0:Reflect,"%RegExp%":RegExp,"%Set%":"undefined"==typeof Set?void 0:Set,"%SetIteratorPrototype%":"undefined"!=typeof Set&&v?m((new Set)[Symbol.iterator]()):void 0,"%SharedArrayBuffer%":"undefined"==typeof SharedArrayBuffer?void 0:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":v?m(""[Symbol.iterator]()):void 0,"%Symbol%":v?Symbol:void 0,"%SyntaxError%":y,"%ThrowTypeError%":h,"%TypedArray%":j,"%TypeError%":l,"%Uint8Array%":"undefined"==typeof Uint8Array?void 0:Uint8Array,"%Uint8ClampedArray%":"undefined"==typeof Uint8ClampedArray?void 0:Uint8ClampedArray,"%Uint16Array%":"undefined"==typeof Uint16Array?void 0:Uint16Array,"%Uint32Array%":"undefined"==typeof Uint32Array?void 0:Uint32Array,"%URIError%":URIError,"%WeakMap%":"undefined"==typeof WeakMap?void 0:WeakMap,"%WeakRef%":"undefined"==typeof WeakRef?void 0:WeakRef,"%WeakSet%":"undefined"==typeof WeakSet?void 0:WeakSet},A=function t(e){var r;if("%AsyncFunction%"===e)r=s("async function () {}");else if("%GeneratorFunction%"===e)r=s("function* () {}");else if("%AsyncGeneratorFunction%"===e)r=s("async function* () {}");else if("%AsyncGenerator%"===e){var n=t("%AsyncGeneratorFunction%");n&&(r=n.prototype)}else if("%AsyncIteratorPrototype%"===e){var o=t("%AsyncGenerator%");o&&(r=m(o.prototype))}return S[e]=r,r},w={"%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"]},O=f.call(Function.call,Array.prototype.concat),P=f.call(Function.apply,Array.prototype.splice),E=f.call(Function.call,String.prototype.replace),F=f.call(Function.call,String.prototype.slice),R=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,I=/\\(\\)?/g,k=function(t){var e=F(t,0,1),r=F(t,-1);if("%"===e&&"%"!==r)throw new y("invalid intrinsic syntax, expected closing `%`");if("%"===r&&"%"!==e)throw new y("invalid intrinsic syntax, expected opening `%`");var n=[];return E(t,R,(function(t,e,r,o){n[n.length]=r?E(o,I,"$1"):e||t})),n},M=function(t,e){var r,n=t;if(c(w,n)&&(n="%"+(r=w[n])[0]+"%"),c(S,n)){var o=S[n];if(o===g&&(o=A(n)),void 0===o&&!e)throw new l("intrinsic "+t+" exists, but is not available. Please file an issue!");return{alias:r,name:n,value:o}}throw new y("intrinsic "+t+" does not exist!")},N=function(t,e){if("string"!=typeof t||0===t.length)throw new l("intrinsic name must be a non-empty string");if(arguments.length>1&&"boolean"!=typeof e)throw new l('"allowMissing" argument must be a boolean');var r=k(t),n=r.length>0?r[0]:"",o=M("%"+n+"%",e),i=o.name,a=o.value,u=!1,f=o.alias;f&&(n=f[0],P(r,O([0,1],f)));for(var p=1,s=!0;p<r.length;p+=1){var b=r[p],h=F(b,0,1),v=F(b,-1);if(('"'===h||"'"===h||"`"===h||'"'===v||"'"===v||"`"===v)&&h!==v)throw new y("property names with quotes must have matching quotes");if("constructor"!==b&&s||(u=!0),c(S,i="%"+(n+="."+b)+"%"))a=S[i];else if(null!=a){if(!(b in a)){if(!e)throw new l("base intrinsic for "+t+" exists, but the property is not available.");return}if(d&&p+1>=r.length){var m=d(a,b);a=(s=!!m)&&"get"in m&&!("originalValue"in m.get)?m.get:a[b]}else s=c(a,b),a=a[b];s&&!u&&(S[i]=a)}}return a},x=e((function(t){var e=N("%Function.prototype.apply%"),r=N("%Function.prototype.call%"),n=N("%Reflect.apply%",!0)||f.call(r,e),o=N("%Object.getOwnPropertyDescriptor%",!0),i=N("%Object.defineProperty%",!0),a=N("%Math.max%");if(i)try{i({},"a",{value:1})}catch(c){i=null}t.exports=function(t){var e=n(f,r,arguments);if(o&&i){var u=o(e,"length");u.configurable&&i(e,"length",{value:1+a(0,t.length-(arguments.length-1))})}return e};var u=function(){return n(f,e,arguments)};i?i(t.exports,"apply",{value:u}):t.exports.apply=u})),U=x(N("String.prototype.indexOf")),W=function(t,e){var r=N(t,!!e);return"function"==typeof r&&U(t,".prototype.")>-1?x(r):r};const B=r(Object.freeze({__proto__:null,default:{}}));var T="function"==typeof Map&&Map.prototype,D=Object.getOwnPropertyDescriptor&&T?Object.getOwnPropertyDescriptor(Map.prototype,"size"):null,C=T&&D&&"function"==typeof D.get?D.get:null,q=T&&Map.prototype.forEach,G="function"==typeof Set&&Set.prototype,_=Object.getOwnPropertyDescriptor&&G?Object.getOwnPropertyDescriptor(Set.prototype,"size"):null,J=G&&_&&"function"==typeof _.get?_.get:null,$=G&&Set.prototype.forEach,V="function"==typeof WeakMap&&WeakMap.prototype?WeakMap.prototype.has:null,H="function"==typeof WeakSet&&WeakSet.prototype?WeakSet.prototype.has:null,L="function"==typeof WeakRef&&WeakRef.prototype?WeakRef.prototype.deref:null,z=Boolean.prototype.valueOf,Q=Object.prototype.toString,Y=Function.prototype.toString,K=String.prototype.match,X="function"==typeof BigInt?BigInt.prototype.valueOf:null,Z=Object.getOwnPropertySymbols,tt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?Symbol.prototype.toString:null,et="function"==typeof Symbol&&"object"==typeof Symbol.iterator,rt=Object.prototype.propertyIsEnumerable,nt=("function"==typeof Reflect?Reflect.getPrototypeOf:Object.getPrototypeOf)||([].__proto__===Array.prototype?function(t){return t.__proto__}:null),ot=B.custom,it=ot&&pt(ot)?ot:null,at="function"==typeof Symbol&&void 0!==Symbol.toStringTag?Symbol.toStringTag:null,ut=function t(e,r,n,o){var i=r||{};if(st(i,"quoteStyle")&&"single"!==i.quoteStyle&&"double"!==i.quoteStyle)throw new TypeError('option "quoteStyle" must be "single" or "double"');if(st(i,"maxStringLength")&&("number"==typeof i.maxStringLength?i.maxStringLength<0&&i.maxStringLength!==1/0:null!==i.maxStringLength))throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');var a=!st(i,"customInspect")||i.customInspect;if("boolean"!=typeof a&&"symbol"!==a)throw new TypeError("option \"customInspect\", if provided, must be `true`, `false`, or `'symbol'`");if(st(i,"indent")&&null!==i.indent&&"\t"!==i.indent&&!(parseInt(i.indent,10)===i.indent&&i.indent>0))throw new TypeError('options "indent" must be "\\t", an integer > 0, or `null`');if(void 0===e)return"undefined";if(null===e)return"null";if("boolean"==typeof e)return e?"true":"false";if("string"==typeof e)return ht(e,i);if("number"==typeof e)return 0===e?1/0/e>0?"0":"-0":String(e);if("bigint"==typeof e)return String(e)+"n";var u=void 0===i.depth?5:i.depth;if(void 0===n&&(n=0),n>=u&&u>0&&"object"==typeof e)return yt(e)?"[Array]":"[Object]";var f,c=function(t,e){var r;if("\t"===t.indent)r="\t";else{if(!("number"==typeof t.indent&&t.indent>0))return null;r=Array(t.indent+1).join(" ")}return{base:r,prev:Array(e+1).join(r)}}(i,n);if(void 0===o)o=[];else if(bt(o,e)>=0)return"[Circular]";function y(e,r,a){if(r&&(o=o.slice()).push(r),a){var u={depth:i.depth};return st(i,"quoteStyle")&&(u.quoteStyle=i.quoteStyle),t(e,u,n+1,o)}return t(e,i,n+1,o)}if("function"==typeof e){var p=function(t){if(t.name)return t.name;var e=K.call(Y.call(t),/^function\s*([\w$]+)/);return e?e[1]:null}(e),l=At(e,y);return"[Function"+(p?": "+p:" (anonymous)")+"]"+(l.length>0?" { "+l.join(", ")+" }":"")}if(pt(e)){var s=et?String(e).replace(/^(Symbol\(.*\))_[^)]*$/,"$1"):tt.call(e);return"object"!=typeof e||et?s:mt(s)}if((f=e)&&"object"==typeof f&&("undefined"!=typeof HTMLElement&&f instanceof HTMLElement||"string"==typeof f.nodeName&&"function"==typeof f.getAttribute)){for(var d="<"+String(e.nodeName).toLowerCase(),b=e.attributes||[],h=0;h<b.length;h++)d+=" "+b[h].name+"="+ft(ct(b[h].value),"double",i);return d+=">",e.childNodes&&e.childNodes.length&&(d+="..."),d+"</"+String(e.nodeName).toLowerCase()+">"}if(yt(e)){if(0===e.length)return"[]";var v=At(e,y);return c&&!function(t){for(var e=0;e<t.length;e++)if(bt(t[e],"\n")>=0)return!1;return!0}(v)?"["+St(v,c)+"]":"[ "+v.join(", ")+" ]"}if(function(t){return!("[object Error]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e)){var m=At(e,y);return 0===m.length?"["+String(e)+"]":"{ ["+String(e)+"] "+m.join(", ")+" }"}if("object"==typeof e&&a){if(it&&"function"==typeof e[it])return e[it]();if("symbol"!==a&&"function"==typeof e.inspect)return e.inspect()}if(function(t){if(!C||!t||"object"!=typeof t)return!1;try{C.call(t);try{J.call(t)}catch(d){return!0}return t instanceof Map}catch(e){}return!1}(e)){var g=[];return q.call(e,(function(t,r){g.push(y(r,e,!0)+" => "+y(t,e))})),jt("Map",C.call(e),g,c)}if(function(t){if(!J||!t||"object"!=typeof t)return!1;try{J.call(t);try{C.call(t)}catch(e){return!0}return t instanceof Set}catch(r){}return!1}(e)){var j=[];return $.call(e,(function(t){j.push(y(t,e))})),jt("Set",J.call(e),j,c)}if(function(t){if(!V||!t||"object"!=typeof t)return!1;try{V.call(t,V);try{H.call(t,H)}catch(d){return!0}return t instanceof WeakMap}catch(e){}return!1}(e))return gt("WeakMap");if(function(t){if(!H||!t||"object"!=typeof t)return!1;try{H.call(t,H);try{V.call(t,V)}catch(d){return!0}return t instanceof WeakSet}catch(e){}return!1}(e))return gt("WeakSet");if(function(t){if(!L||!t||"object"!=typeof t)return!1;try{return L.call(t),!0}catch(e){}return!1}(e))return gt("WeakRef");if(function(t){return!("[object Number]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e))return mt(y(Number(e)));if(function(t){if(!t||"object"!=typeof t||!X)return!1;try{return X.call(t),!0}catch(e){}return!1}(e))return mt(y(X.call(e)));if(function(t){return!("[object Boolean]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e))return mt(z.call(e));if(function(t){return!("[object String]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e))return mt(y(String(e)));if(!function(t){return!("[object Date]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e)&&!function(t){return!("[object RegExp]"!==dt(t)||at&&"object"==typeof t&&at in t)}(e)){var S=At(e,y),A=nt?nt(e)===Object.prototype:e instanceof Object||e.constructor===Object,w=e instanceof Object?"":"null prototype",O=!A&&at&&Object(e)===e&&at in e?dt(e).slice(8,-1):w?"Object":"",P=(A||"function"!=typeof e.constructor?"":e.constructor.name?e.constructor.name+" ":"")+(O||w?"["+[].concat(O||[],w||[]).join(": ")+"] ":"");return 0===S.length?P+"{}":c?P+"{"+St(S,c)+"}":P+"{ "+S.join(", ")+" }"}return String(e)};function ft(t,e,r){var n="double"===(r.quoteStyle||e)?'"':"'";return n+t+n}function ct(t){return String(t).replace(/"/g,"&quot;")}function yt(t){return!("[object Array]"!==dt(t)||at&&"object"==typeof t&&at in t)}function pt(t){if(et)return t&&"object"==typeof t&&t instanceof Symbol;if("symbol"==typeof t)return!0;if(!t||"object"!=typeof t||!tt)return!1;try{return tt.call(t),!0}catch(e){}return!1}var lt=Object.prototype.hasOwnProperty||function(t){return t in this};function st(t,e){return lt.call(t,e)}function dt(t){return Q.call(t)}function bt(t,e){if(t.indexOf)return t.indexOf(e);for(var r=0,n=t.length;r<n;r++)if(t[r]===e)return r;return-1}function ht(t,e){if(t.length>e.maxStringLength){var r=t.length-e.maxStringLength,n="... "+r+" more character"+(r>1?"s":"");return ht(t.slice(0,e.maxStringLength),e)+n}return ft(t.replace(/(['\\])/g,"\\$1").replace(/[\x00-\x1f]/g,vt),"single",e)}function vt(t){var e=t.charCodeAt(0),r={8:"b",9:"t",10:"n",12:"f",13:"r"}[e];return r?"\\"+r:"\\x"+(e<16?"0":"")+e.toString(16).toUpperCase()}function mt(t){return"Object("+t+")"}function gt(t){return t+" { ? }"}function jt(t,e,r,n){return t+" ("+e+") {"+(n?St(r,n):r.join(", "))+"}"}function St(t,e){if(0===t.length)return"";var r="\n"+e.prev+e.base;return r+t.join(","+r)+"\n"+e.prev}function At(t,e){var r=yt(t),n=[];if(r){n.length=t.length;for(var o=0;o<t.length;o++)n[o]=st(t,o)?e(t[o],t):""}var i,a="function"==typeof Z?Z(t):[];if(et){i={};for(var u=0;u<a.length;u++)i["$"+a[u]]=a[u]}for(var f in t)st(t,f)&&(r&&String(Number(f))===f&&f<t.length||et&&i["$"+f]instanceof Symbol||(/[^\w$]/.test(f)?n.push(e(f,t)+": "+e(t[f],t)):n.push(f+": "+e(t[f],t))));if("function"==typeof Z)for(var c=0;c<a.length;c++)rt.call(t,a[c])&&n.push("["+e(a[c])+"]: "+e(t[a[c]],t));return n}var wt=N("%TypeError%"),Ot=N("%WeakMap%",!0),Pt=N("%Map%",!0),Et=W("WeakMap.prototype.get",!0),Ft=W("WeakMap.prototype.set",!0),Rt=W("WeakMap.prototype.has",!0),It=W("Map.prototype.get",!0),kt=W("Map.prototype.set",!0),Mt=W("Map.prototype.has",!0),Nt=function(t,e){for(var r,n=t;null!==(r=n.next);n=r)if(r.key===e)return n.next=r.next,r.next=t.next,t.next=r,r},xt=function(){var t,e,r,n={assert:function(t){if(!n.has(t))throw new wt("Side channel does not contain "+ut(t))},get:function(n){if(Ot&&n&&("object"==typeof n||"function"==typeof n)){if(t)return Et(t,n)}else if(Pt){if(e)return It(e,n)}else if(r)return function(t,e){var r=Nt(t,e);return r&&r.value}(r,n)},has:function(n){if(Ot&&n&&("object"==typeof n||"function"==typeof n)){if(t)return Rt(t,n)}else if(Pt){if(e)return Mt(e,n)}else if(r)return function(t,e){return!!Nt(t,e)}(r,n);return!1},set:function(n,o){Ot&&n&&("object"==typeof n||"function"==typeof n)?(t||(t=new Ot),Ft(t,n,o)):Pt?(e||(e=new Pt),kt(e,n,o)):(r||(r={key:{},next:null}),function(t,e,r){var n=Nt(t,e);n?n.value=r:t.next={key:e,next:t.next,value:r}}(r,n,o))}};return n},Ut=String.prototype.replace,Wt=/%20/g,Bt={default:"RFC3986",formatters:{RFC1738:function(t){return Ut.call(t,Wt,"+")},RFC3986:function(t){return String(t)}},RFC1738:"RFC1738",RFC3986:"RFC3986"},Tt=Object.prototype.hasOwnProperty,Dt=Array.isArray,Ct=function(){for(var t=[],e=0;e<256;++e)t.push("%"+((e<16?"0":"")+e.toString(16)).toUpperCase());return t}(),qt=function(t,e){for(var r=e&&e.plainObjects?Object.create(null):{},n=0;n<t.length;++n)void 0!==t[n]&&(r[n]=t[n]);return r},Gt={arrayToObject:qt,assign:function(t,e){return Object.keys(e).reduce((function(t,r){return t[r]=e[r],t}),t)},combine:function(t,e){return[].concat(t,e)},compact:function(t){for(var e=[{obj:{o:t},prop:"o"}],r=[],n=0;n<e.length;++n)for(var o=e[n],i=o.obj[o.prop],a=Object.keys(i),u=0;u<a.length;++u){var f=a[u],c=i[f];"object"==typeof c&&null!==c&&-1===r.indexOf(c)&&(e.push({obj:i,prop:f}),r.push(c))}return function(t){for(;t.length>1;){var e=t.pop(),r=e.obj[e.prop];if(Dt(r)){for(var n=[],o=0;o<r.length;++o)void 0!==r[o]&&n.push(r[o]);e.obj[e.prop]=n}}}(e),t},decode:function(t,e,r){var n=t.replace(/\+/g," ");if("iso-8859-1"===r)return n.replace(/%[0-9a-f]{2}/gi,unescape);try{return decodeURIComponent(n)}catch(o){return n}},encode:function(t,e,r,n,o){if(0===t.length)return t;var i=t;if("symbol"==typeof t?i=Symbol.prototype.toString.call(t):"string"!=typeof t&&(i=String(t)),"iso-8859-1"===r)return escape(i).replace(/%u[0-9a-f]{4}/gi,(function(t){return"%26%23"+parseInt(t.slice(2),16)+"%3B"}));for(var a="",u=0;u<i.length;++u){var f=i.charCodeAt(u);45===f||46===f||95===f||126===f||f>=48&&f<=57||f>=65&&f<=90||f>=97&&f<=122||o===Bt.RFC1738&&(40===f||41===f)?a+=i.charAt(u):f<128?a+=Ct[f]:f<2048?a+=Ct[192|f>>6]+Ct[128|63&f]:f<55296||f>=57344?a+=Ct[224|f>>12]+Ct[128|f>>6&63]+Ct[128|63&f]:(f=65536+((1023&f)<<10|1023&i.charCodeAt(u+=1)),a+=Ct[240|f>>18]+Ct[128|f>>12&63]+Ct[128|f>>6&63]+Ct[128|63&f])}return a},isBuffer:function(t){return!(!t||"object"!=typeof t||!(t.constructor&&t.constructor.isBuffer&&t.constructor.isBuffer(t)))},isRegExp:function(t){return"[object RegExp]"===Object.prototype.toString.call(t)},maybeMap:function(t,e){if(Dt(t)){for(var r=[],n=0;n<t.length;n+=1)r.push(e(t[n]));return r}return e(t)},merge:function t(e,r,n){if(!r)return e;if("object"!=typeof r){if(Dt(e))e.push(r);else{if(!e||"object"!=typeof e)return[e,r];(n&&(n.plainObjects||n.allowPrototypes)||!Tt.call(Object.prototype,r))&&(e[r]=!0)}return e}if(!e||"object"!=typeof e)return[e].concat(r);var o=e;return Dt(e)&&!Dt(r)&&(o=qt(e,n)),Dt(e)&&Dt(r)?(r.forEach((function(r,o){if(Tt.call(e,o)){var i=e[o];i&&"object"==typeof i&&r&&"object"==typeof r?e[o]=t(i,r,n):e.push(r)}else e[o]=r})),e):Object.keys(r).reduce((function(e,o){var i=r[o];return e[o]=Tt.call(e,o)?t(e[o],i,n):i,e}),o)}},_t=Object.prototype.hasOwnProperty,Jt={brackets:function(t){return t+"[]"},comma:"comma",indices:function(t,e){return t+"["+e+"]"},repeat:function(t){return t}},$t=Array.isArray,Vt=Array.prototype.push,Ht=function(t,e){Vt.apply(t,$t(e)?e:[e])},Lt=Date.prototype.toISOString,zt=Bt.default,Qt={addQueryPrefix:!1,allowDots:!1,charset:"utf-8",charsetSentinel:!1,delimiter:"&",encode:!0,encoder:Gt.encode,encodeValuesOnly:!1,format:zt,formatter:Bt.formatters[zt],indices:!1,serializeDate:function(t){return Lt.call(t)},skipNulls:!1,strictNullHandling:!1},Yt=function t(e,r,n,o,i,a,u,f,c,y,p,l,s,d,b){var h,v=e;if(b.has(e))throw new RangeError("Cyclic object value");if("function"==typeof u?v=u(r,v):v instanceof Date?v=y(v):"comma"===n&&$t(v)&&(v=Gt.maybeMap(v,(function(t){return t instanceof Date?y(t):t}))),null===v){if(o)return a&&!s?a(r,Qt.encoder,d,"key",p):r;v=""}if("string"==typeof(h=v)||"number"==typeof h||"boolean"==typeof h||"symbol"==typeof h||"bigint"==typeof h||Gt.isBuffer(v))return a?[l(s?r:a(r,Qt.encoder,d,"key",p))+"="+l(a(v,Qt.encoder,d,"value",p))]:[l(r)+"="+l(String(v))];var m,g=[];if(void 0===v)return g;if("comma"===n&&$t(v))m=[{value:v.length>0?v.join(",")||null:void 0}];else if($t(u))m=u;else{var j=Object.keys(v);m=f?j.sort(f):j}for(var S=0;S<m.length;++S){var A=m[S],w="object"==typeof A&&void 0!==A.value?A.value:v[A];if(!i||null!==w){var O=$t(v)?"function"==typeof n?n(r,A):r:r+(c?"."+A:"["+A+"]");b.set(e,!0);var P=xt();Ht(g,t(w,O,n,o,i,a,u,f,c,y,p,l,s,d,P))}}return g},Kt=Object.prototype.hasOwnProperty,Xt=Array.isArray,Zt={allowDots:!1,allowPrototypes:!1,allowSparse:!1,arrayLimit:20,charset:"utf-8",charsetSentinel:!1,comma:!1,decoder:Gt.decode,delimiter:"&",depth:5,ignoreQueryPrefix:!1,interpretNumericEntities:!1,parameterLimit:1e3,parseArrays:!0,plainObjects:!1,strictNullHandling:!1},te=function(t){return t.replace(/&#(\d+);/g,(function(t,e){return String.fromCharCode(parseInt(e,10))}))},ee=function(t,e){return t&&"string"==typeof t&&e.comma&&t.indexOf(",")>-1?t.split(","):t},re=function(t,e,r,n){if(t){var o=r.allowDots?t.replace(/\.([^.[]+)/g,"[$1]"):t,i=/(\[[^[\]]*])/g,a=r.depth>0&&/(\[[^[\]]*])/.exec(o),u=a?o.slice(0,a.index):o,f=[];if(u){if(!r.plainObjects&&Kt.call(Object.prototype,u)&&!r.allowPrototypes)return;f.push(u)}for(var c=0;r.depth>0&&null!==(a=i.exec(o))&&c<r.depth;){if(c+=1,!r.plainObjects&&Kt.call(Object.prototype,a[1].slice(1,-1))&&!r.allowPrototypes)return;f.push(a[1])}return a&&f.push("["+o.slice(a.index)+"]"),function(t,e,r,n){for(var o=n?e:ee(e,r),i=t.length-1;i>=0;--i){var a,u=t[i];if("[]"===u&&r.parseArrays)a=[].concat(o);else{a=r.plainObjects?Object.create(null):{};var f="["===u.charAt(0)&&"]"===u.charAt(u.length-1)?u.slice(1,-1):u,c=parseInt(f,10);r.parseArrays||""!==f?!isNaN(c)&&u!==f&&String(c)===f&&c>=0&&r.parseArrays&&c<=r.arrayLimit?(a=[])[c]=o:a[f]=o:a={0:o}}o=a}return o}(f,e,r,n)}},ne=function(t,e){var r=function(t){if(!t)return Zt;if(null!=t.decoder&&"function"!=typeof t.decoder)throw new TypeError("Decoder has to be a function.");if(void 0!==t.charset&&"utf-8"!==t.charset&&"iso-8859-1"!==t.charset)throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");return{allowDots:void 0===t.allowDots?Zt.allowDots:!!t.allowDots,allowPrototypes:"boolean"==typeof t.allowPrototypes?t.allowPrototypes:Zt.allowPrototypes,allowSparse:"boolean"==typeof t.allowSparse?t.allowSparse:Zt.allowSparse,arrayLimit:"number"==typeof t.arrayLimit?t.arrayLimit:Zt.arrayLimit,charset:void 0===t.charset?Zt.charset:t.charset,charsetSentinel:"boolean"==typeof t.charsetSentinel?t.charsetSentinel:Zt.charsetSentinel,comma:"boolean"==typeof t.comma?t.comma:Zt.comma,decoder:"function"==typeof t.decoder?t.decoder:Zt.decoder,delimiter:"string"==typeof t.delimiter||Gt.isRegExp(t.delimiter)?t.delimiter:Zt.delimiter,depth:"number"==typeof t.depth||!1===t.depth?+t.depth:Zt.depth,ignoreQueryPrefix:!0===t.ignoreQueryPrefix,interpretNumericEntities:"boolean"==typeof t.interpretNumericEntities?t.interpretNumericEntities:Zt.interpretNumericEntities,parameterLimit:"number"==typeof t.parameterLimit?t.parameterLimit:Zt.parameterLimit,parseArrays:!1!==t.parseArrays,plainObjects:"boolean"==typeof t.plainObjects?t.plainObjects:Zt.plainObjects,strictNullHandling:"boolean"==typeof t.strictNullHandling?t.strictNullHandling:Zt.strictNullHandling}}(e);if(""===t||null==t)return r.plainObjects?Object.create(null):{};for(var n="string"==typeof t?function(t,e){var r,n={},o=(e.ignoreQueryPrefix?t.replace(/^\?/,""):t).split(e.delimiter,e.parameterLimit===1/0?void 0:e.parameterLimit),i=-1,a=e.charset;if(e.charsetSentinel)for(r=0;r<o.length;++r)0===o[r].indexOf("utf8=")&&("utf8=%E2%9C%93"===o[r]?a="utf-8":"utf8=%26%2310003%3B"===o[r]&&(a="iso-8859-1"),i=r,r=o.length);for(r=0;r<o.length;++r)if(r!==i){var u,f,c=o[r],y=c.indexOf("]="),p=-1===y?c.indexOf("="):y+1;-1===p?(u=e.decoder(c,Zt.decoder,a,"key"),f=e.strictNullHandling?null:""):(u=e.decoder(c.slice(0,p),Zt.decoder,a,"key"),f=Gt.maybeMap(ee(c.slice(p+1),e),(function(t){return e.decoder(t,Zt.decoder,a,"value")}))),f&&e.interpretNumericEntities&&"iso-8859-1"===a&&(f=te(f)),c.indexOf("[]=")>-1&&(f=Xt(f)?[f]:f),n[u]=Kt.call(n,u)?Gt.combine(n[u],f):f}return n}(t,r):t,o=r.plainObjects?Object.create(null):{},i=Object.keys(n),a=0;a<i.length;++a){var u=i[a],f=re(u,n[u],r,"string"==typeof t);o=Gt.merge(o,f,r)}return!0===r.allowSparse?o:Gt.compact(o)};const oe=(t="hash",e=window)=>e&&e.location?"hash"===t&&e.location.hash?ne(e.location.hash.replace(/^\#/,""),{strictNullHandling:!0}):"query"===t&&e.location.search?ne(e.location.search,{ignoreQueryPrefix:!0}):{}:{},ie=(t,e="hash",r=window,n="replace")=>{let o=oe(e,r);o=Object.assign(Object.assign({},o),t),((t,e="hash",r=window,n="replace")=>{if(!r||!r.history)return;const o="query"===e?r.location.search:r.location.hash;let i="query"===e?r.location.pathname:r.location.pathname+r.location.search,a=function(t,e){var r,n=t,o=function(t){if(!t)return Qt;if(null!=t.encoder&&"function"!=typeof t.encoder)throw new TypeError("Encoder has to be a function.");var e=t.charset||Qt.charset;if(void 0!==t.charset&&"utf-8"!==t.charset&&"iso-8859-1"!==t.charset)throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var r=Bt.default;if(void 0!==t.format){if(!_t.call(Bt.formatters,t.format))throw new TypeError("Unknown format option provided.");r=t.format}var n=Bt.formatters[r],o=Qt.filter;return("function"==typeof t.filter||$t(t.filter))&&(o=t.filter),{addQueryPrefix:"boolean"==typeof t.addQueryPrefix?t.addQueryPrefix:Qt.addQueryPrefix,allowDots:void 0===t.allowDots?Qt.allowDots:!!t.allowDots,charset:e,charsetSentinel:"boolean"==typeof t.charsetSentinel?t.charsetSentinel:Qt.charsetSentinel,delimiter:void 0===t.delimiter?Qt.delimiter:t.delimiter,encode:"boolean"==typeof t.encode?t.encode:Qt.encode,encoder:"function"==typeof t.encoder?t.encoder:Qt.encoder,encodeValuesOnly:"boolean"==typeof t.encodeValuesOnly?t.encodeValuesOnly:Qt.encodeValuesOnly,filter:o,format:r,formatter:n,serializeDate:"function"==typeof t.serializeDate?t.serializeDate:Qt.serializeDate,skipNulls:"boolean"==typeof t.skipNulls?t.skipNulls:Qt.skipNulls,sort:"function"==typeof t.sort?t.sort:null,strictNullHandling:"boolean"==typeof t.strictNullHandling?t.strictNullHandling:Qt.strictNullHandling}}(e);"function"==typeof o.filter?n=(0,o.filter)("",n):$t(o.filter)&&(r=o.filter);var i=[];if("object"!=typeof n||null===n)return"";var a=Jt[e&&e.arrayFormat in Jt?e.arrayFormat:e&&"indices"in e?e.indices?"indices":"repeat":"indices"];r||(r=Object.keys(n)),o.sort&&r.sort(o.sort);for(var u=xt(),f=0;f<r.length;++f){var c=r[f];o.skipNulls&&null===n[c]||Ht(i,Yt(n[c],c,a,o.strictNullHandling,o.skipNulls,o.encode?o.encoder:null,o.filter,o.sort,o.allowDots,o.serializeDate,o.format,o.formatter,o.encodeValuesOnly,o.charset,u))}var y=i.join(o.delimiter),p=!0===o.addQueryPrefix?"?":"";return o.charsetSentinel&&(p+="iso-8859-1"===o.charset?"utf8=%26%2310003%3B&":"utf8=%E2%9C%93&"),y.length>0?p+y:""}(t,{strictNullHandling:!0,addQueryPrefix:!1,encodeValuesOnly:!0});if(a&&a.length)if("hash"!==e||r.location.hash!=="#"+a)a=("hash"===e?"#":"?")+a,a!==o&&("replace"===n?r.history.replaceState(null,null,i+a):r.history.pushState(null,null,i+a));else try{document.querySelector("#"+a).focus()}catch(u){}else{if(!o||!o.length)return;"replace"===n?r.history.replaceState(null,null,i):r.history.pushState(null,null,i)}})(o,e,r,n)},ae=(t,e="hash",r=window)=>oe(e,r)[t]||null,ue=new Map,fe={init(e,r,n,o){const i=o||e.storeId||t(e).id;if(!i)return void console.error("No id set. You can only instantiate a new component store with an id. ");if(ue.get(i))return void console.error("Duplicate store id usage. A store ID must be unique!",i);const a=r.reduce(((t,r)=>(void 0!==typeof e[r]&&(t[r]=e[r]),t)),{});ue.set(i,new ce(i,e,r,a,n)),ue.get(i).dispatchToProps();const u=e.connectedCallback;e.connectedCallback=function(){ue.set(i,new ce(i,e,r,a,n));let t=ue.get(i);u&&u.call(e),t&&t.dispatchToProps()};const f=e.componentDidRender;e.componentDidRender=function(){let t=ue.get(i);f&&f.call(e),t&&t.savePropsToStore()};const c=e.disconnectedCallback;e.disconnectedCallback=function(){let t=ue.get(i);t&&t.delete(),ue.delete(i),c&&c.call(e)}}};class ce{constructor(t,e,r,o,i){if(this.method="session",this.initialState={},this.updateStore=!0,this.onUrlChange=()=>{this.dispatchToProps(!1)},this.savePropsToStore=()=>{this.updateStore?this.save(this.getData):this.updateStore||(this.updateStore=!0)},this.dispatchToProps=(t=!0)=>{let e=this.retrieve();!e&&t||(this.updateStore=t,this.keys.forEach((t=>{this.component[t]=e?e[t]:void 0})))},this.delete=()=>{"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.removeEventListener("popstate",this.onUrlChange)},!t)throw new Error("No id set. You can only instantiate a new component store with an id");this.id=t,this.keys=r,this.component=e,o&&(this.initialState=o),i&&(this.method=i),this.savePropsToStore=n(this.savePropsToStore,500),"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.addEventListener("popstate",this.onUrlChange)}equality(t,e){return typeof t==typeof e&&("object"!=typeof t?t===e:JSON.stringify(t)===JSON.stringify(e))}get getData(){const t=this.keys.reduce(((t,e)=>{let r=this.equality(this.component[e],this.initialState[e]);return void 0===this.component[e]||r?r&&delete t[e]:t[e]=this.component[e],t}),{});return Object.keys(t).length?t:void 0}retrieve(){switch(this.method){case"url-hash":case"url-hash-push":return ae(this.id,"hash");case"url-query":case"url-query-push":return ae(this.id,"query");case"local":return((t,e=window)=>{try{const r=e.localStorage.getItem("nano-component-store:"+t);return null!==r?JSON.parse(r):null}catch(r){throw r}})(this.id);default:return((t,e=window)=>{try{const r=e.sessionStorage.getItem("nano-component-store:"+t);return null!==r?JSON.parse(r):null}catch(r){throw r}})(this.id)}}save(t){let e={};switch(this.method){case"url-hash":return e[this.id]=t,ie(e,"hash");case"url-query":return e[this.id]=t,ie(e,"query");case"url-hash-push":return e[this.id]=t,ie(e,"hash",window,"push");case"url-query-push":return e[this.id]=t,ie(e,"query",window,"push");case"local":if(!t)return;return((t,e,r=window)=>{try{r.localStorage.setItem("nano-component-store:"+t,JSON.stringify(e))}catch(n){throw n}})(this.id,t);default:if(!t)return;return((t,e,r=window)=>{try{r.sessionStorage.setItem("nano-component-store:"+t,JSON.stringify(e))}catch(n){throw n}})(this.id,t)}}}export{fe as C}
+//# sourceMappingURL=p-a1680208.js.map