npm - @pod-os/elements - Versions diffs - 0.26.1-rc.e49d800.0 → 0.27.0 - Mend

@pod-os/elements 0.26.1-rc.e49d800.0 → 0.27.0

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 (151) hide show

package/dist/elements/p-74bdf05f.entry.js ADDED Viewed

@@ -0,0 +1,652 @@
+import{d as t,r as e,h as n,H as i,e as s,f as o,w as r,i as a,j as c,k as l}from"./p-97889672.js";import{c as d,g as h,r as u}from"./p-3f316fc4.js";import{c as f,h as p,g as b}from"./p-669fab6c.js";import{c as m,g}from"./p-ebe1c8ca.js";import{E as v,s as w}from"./p-46b6ae86.js";import{c as y}from"./p-3a4d289f.js";import{p as x}from"./p-d6769f21.js";import{O as k,c as z,a as S,i as _,p as C,s as $,b as A,d as I,e as E,f as M,G as T,t as j}from"./p-01adc2b7.js";import{c as L}from"./p-b110cb49.js";import{w as O}from"./p-7efd6867.js";import{createGesture as D}from"./p-b943833e.js";import{c as P,s as B,B as R}from"./p-93f5c8ec.js";import{P as U,N,L as X}from"./p-b5ef6f04.js";import{s as W}from"./p-f6671856.js";import"./p-98c00bd2.js";import{s as H}from"./p-182f722d.js";import"./p-bde7428a.js";import"./p-30cd90ec.js";let F;const Y=()=>{if(typeof window==="undefined"){return new Map}else{if(!F){const t=window;t.Ionicons=t.Ionicons||{};F=t.Ionicons.map=t.Ionicons.map||new Map}return F}};const V=t=>{let e=G(t.src);if(e){return e}e=Z(t.name,t.icon,t.mode,t.ios,t.md);if(e){return q(e,t)}if(t.icon){e=G(t.icon);if(e){return e}e=G(t.icon[t.mode]);if(e){return e}}return null};const q=(e,n)=>{const i=Y().get(e);if(i){return i}try{return t(`svg/${e}.svg`)}catch(t){console.warn(`[Ionicons Warning]: Could not load icon with name "${e}". Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to the icon component.`,n)}};const Z=(t,e,n,i,s)=>{n=(n&&Q(n))==="ios"?"ios":"md";if(i&&n==="ios"){t=Q(i)}else if(s&&n==="md"){t=Q(s)}else{if(!t&&e&&!K(e)){t=e}if(J(t)){t=Q(t)}}if(!J(t)||t.trim()===""){return null}const o=t.replace(/[a-z]|-|\d/gi,"");if(o!==""){return null}return t};const G=t=>{if(J(t)){t=t.trim();if(K(t)){return t}}return null};const K=t=>t.length>0&&/(\/|\.)/.test(t);const J=t=>typeof t==="string";const Q=t=>t.toLowerCase();const tt=(t,e=[])=>{const n={};e.forEach((e=>{if(t.hasAttribute(e)){const i=t.getAttribute(e);if(i!==null){n[e]=t.getAttribute(e)}t.removeAttribute(e)}}));return n};const et=t=>{if(t){if(t.dir!==""){return t.dir.toLowerCase()==="rtl"}}return(document===null||document===void 0?void 0:document.dir.toLowerCase())==="rtl"};const nt=t=>{const e=document.createElement("div");e.innerHTML=t;for(let t=e.childNodes.length-1;t>=0;t--){if(e.childNodes[t].nodeName.toLowerCase()!=="svg"){e.removeChild(e.childNodes[t])}}const n=e.firstElementChild;if(n&&n.nodeName.toLowerCase()==="svg"){const t=n.getAttribute("class")||"";n.setAttribute("class",(t+" s-ion-icon").trim());if(it(n)){return e.innerHTML}}return""};const it=t=>{if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(let e=0;e<t.attributes.length;e++){const n=t.attributes[e].name;if(J(n)&&n.toLowerCase().indexOf("on")===0){return false}}for(let e=0;e<t.childNodes.length;e++){if(!it(t.childNodes[e])){return false}}}return true};const st=t=>t.startsWith("data:image/svg+xml");const ot=t=>t.indexOf(";utf8,")!==-1;const rt=new Map;const at=new Map;let ct;const lt=(t,e)=>{let n=at.get(t);if(!n){if(typeof fetch!=="undefined"&&typeof document!=="undefined"){if(st(t)&&ot(t)){if(!ct){ct=new DOMParser}const e=ct.parseFromString(t,"text/html");const n=e.querySelector("svg");if(n){rt.set(t,n.outerHTML)}return Promise.resolve()}else{n=fetch(t).then((n=>{if(n.ok){return n.text().then((n=>{if(n&&e!==false){n=nt(n)}rt.set(t,n||"")}))}rt.set(t,"")}));at.set(t,n)}}else{rt.set(t,"");return Promise.resolve()}}return n};const dt=":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;box-sizing:content-box !important}:host .ionicon{stroke:currentColor}.ionicon-fill-none{fill:none}.ionicon-stroke-width{stroke-width:32px;stroke-width:var(--ionicon-stroke-width, 32px)}.icon-inner,.ionicon,svg{display:block;height:100%;width:100%}@supports (background: -webkit-named-image(i)){:host(.icon-rtl) .icon-inner{transform:scaleX(-1)}}@supports not selector(:dir(rtl)) and selector(:host-context([dir='rtl'])){:host(.icon-rtl) .icon-inner{transform:scaleX(-1)}}:host(.flip-rtl):host-context([dir='rtl']) .icon-inner{transform:scaleX(-1)}@supports selector(:dir(rtl)){:host(.flip-rtl:dir(rtl)) .icon-inner{transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{transform:scaleX(1)}}:host(.icon-small){font-size:1.125rem !important}:host(.icon-large){font-size:2rem !important}:host(.ion-color){color:var(--ion-color-base) !important}:host(.ion-color-primary){--ion-color-base:var(--ion-color-primary, #3880ff)}:host(.ion-color-secondary){--ion-color-base:var(--ion-color-secondary, #0cd1e8)}:host(.ion-color-tertiary){--ion-color-base:var(--ion-color-tertiary, #f4a942)}:host(.ion-color-success){--ion-color-base:var(--ion-color-success, #10dc60)}:host(.ion-color-warning){--ion-color-base:var(--ion-color-warning, #ffce00)}:host(.ion-color-danger){--ion-color-base:var(--ion-color-danger, #f14141)}:host(.ion-color-light){--ion-color-base:var(--ion-color-light, #f4f5f8)}:host(.ion-color-medium){--ion-color-base:var(--ion-color-medium, #989aa2)}:host(.ion-color-dark){--ion-color-base:var(--ion-color-dark, #222428)}";const ht=dt;const ut=class{constructor(t){e(this,t);this.iconName=null;this.inheritedAttributes={};this.didLoadIcon=false;this.svgContent=undefined;this.isVisible=false;this.mode=ft();this.color=undefined;this.ios=undefined;this.md=undefined;this.flipRtl=undefined;this.name=undefined;this.src=undefined;this.icon=undefined;this.size=undefined;this.lazy=false;this.sanitize=true}componentWillLoad(){this.inheritedAttributes=tt(this.el,["aria-label"])}connectedCallback(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=true;this.loadIcon()}))}componentDidLoad(){if(!this.didLoadIcon){this.loadIcon()}}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}}waitUntilVisible(t,e,n){if(this.lazy&&typeof window!=="undefined"&&window.IntersectionObserver){const i=this.io=new window.IntersectionObserver((t=>{if(t[0].isIntersecting){i.disconnect();this.io=undefined;n()}}),{rootMargin:e});i.observe(t)}else{n()}}loadIcon(){if(this.isVisible){const t=V(this);if(t){if(rt.has(t)){this.svgContent=rt.get(t)}else{lt(t,this.sanitize).then((()=>this.svgContent=rt.get(t)))}this.didLoadIcon=true}}this.iconName=Z(this.name,this.icon,this.mode,this.ios,this.md)}render(){const{flipRtl:t,iconName:e,inheritedAttributes:s,el:o}=this;const r=this.mode||"md";const a=e?(e.includes("arrow")||e.includes("chevron"))&&t!==false:false;const c=t||a;return n(i,Object.assign({role:"img",class:Object.assign(Object.assign({[r]:true},pt(this.color)),{[`icon-${this.size}`]:!!this.size,"flip-rtl":c,"icon-rtl":c&&et(o)})},s),this.svgContent?n("div",{class:"icon-inner",innerHTML:this.svgContent}):n("div",{class:"icon-inner"}))}static get assetsDirs(){return["svg"]}get el(){return s(this)}static get watchers(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"],ios:["loadIcon"],md:["loadIcon"]}}};const ft=()=>typeof document!=="undefined"&&document.documentElement.getAttribute("mode")||"md";const pt=t=>t?{"ion-color":true,[`ion-color-${t}`]:true}:null;ut.style=ht;const bt=":host{--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.3);--progress-background:var(--ion-color-primary, #3880ff);--buffer-background:var(--background);display:block;position:relative;width:100%;contain:strict;direction:ltr;overflow:hidden}.progress,.progress-indeterminate,.indeterminate-bar-primary,.indeterminate-bar-secondary,.progress-buffer-bar{left:0;right:0;top:0;bottom:0;position:absolute;width:100%;height:100%}.buffer-circles-container,.buffer-circles{left:0;right:0;top:0;bottom:0;position:absolute}.buffer-circles{right:-10px;left:-10px;}.progress,.progress-buffer-bar,.buffer-circles-container{transform-origin:left top;transition:transform 150ms linear}.progress,.progress-indeterminate{background:var(--progress-background);z-index:2}.progress-buffer-bar{background:var(--buffer-background);z-index:1}.buffer-circles-container{overflow:hidden}.indeterminate-bar-primary{top:0;right:0;bottom:0;left:-145.166611%;animation:primary-indeterminate-translate 2s infinite linear}.indeterminate-bar-primary .progress-indeterminate{animation:primary-indeterminate-scale 2s infinite linear;animation-play-state:inherit}.indeterminate-bar-secondary{top:0;right:0;bottom:0;left:-54.888891%;animation:secondary-indeterminate-translate 2s infinite linear}.indeterminate-bar-secondary .progress-indeterminate{animation:secondary-indeterminate-scale 2s infinite linear;animation-play-state:inherit}.buffer-circles{background-image:radial-gradient(ellipse at center, var(--buffer-background) 0%, var(--buffer-background) 30%, transparent 30%);background-repeat:repeat-x;background-position:5px center;background-size:10px 10px;z-index:0;animation:buffering 450ms infinite linear}:host(.progress-bar-reversed){transform:scaleX(-1)}:host(.progress-paused) .indeterminate-bar-secondary,:host(.progress-paused) .indeterminate-bar-primary,:host(.progress-paused) .buffer-circles{animation-play-state:paused}:host(.ion-color) .progress-buffer-bar{background:rgba(var(--ion-color-base-rgb), 0.3)}:host(.ion-color) .buffer-circles{background-image:radial-gradient(ellipse at center, rgba(var(--ion-color-base-rgb), 0.3) 0%, rgba(var(--ion-color-base-rgb), 0.3) 30%, transparent 30%)}:host(.ion-color) .progress,:host(.ion-color) .progress-indeterminate{background:var(--ion-color-base)}@keyframes primary-indeterminate-translate{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(83.67142%)}100%{transform:translateX(200.611057%)}}@keyframes primary-indeterminate-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.661479)}100%{transform:scaleX(0.08)}}@keyframes secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(37.651913%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(84.386165%)}100%{transform:translateX(160.277782%)}}@keyframes secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);transform:scaleX(0.457104)}44.15%{animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);transform:scaleX(0.72796)}100%{transform:scaleX(0.08)}}@keyframes buffering{to{transform:translateX(-10px)}}:host{height:3px}";const mt=bt;const gt=":host{--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.3);--progress-background:var(--ion-color-primary, #3880ff);--buffer-background:var(--background);display:block;position:relative;width:100%;contain:strict;direction:ltr;overflow:hidden}.progress,.progress-indeterminate,.indeterminate-bar-primary,.indeterminate-bar-secondary,.progress-buffer-bar{left:0;right:0;top:0;bottom:0;position:absolute;width:100%;height:100%}.buffer-circles-container,.buffer-circles{left:0;right:0;top:0;bottom:0;position:absolute}.buffer-circles{right:-10px;left:-10px;}.progress,.progress-buffer-bar,.buffer-circles-container{transform-origin:left top;transition:transform 150ms linear}.progress,.progress-indeterminate{background:var(--progress-background);z-index:2}.progress-buffer-bar{background:var(--buffer-background);z-index:1}.buffer-circles-container{overflow:hidden}.indeterminate-bar-primary{top:0;right:0;bottom:0;left:-145.166611%;animation:primary-indeterminate-translate 2s infinite linear}.indeterminate-bar-primary .progress-indeterminate{animation:primary-indeterminate-scale 2s infinite linear;animation-play-state:inherit}.indeterminate-bar-secondary{top:0;right:0;bottom:0;left:-54.888891%;animation:secondary-indeterminate-translate 2s infinite linear}.indeterminate-bar-secondary .progress-indeterminate{animation:secondary-indeterminate-scale 2s infinite linear;animation-play-state:inherit}.buffer-circles{background-image:radial-gradient(ellipse at center, var(--buffer-background) 0%, var(--buffer-background) 30%, transparent 30%);background-repeat:repeat-x;background-position:5px center;background-size:10px 10px;z-index:0;animation:buffering 450ms infinite linear}:host(.progress-bar-reversed){transform:scaleX(-1)}:host(.progress-paused) .indeterminate-bar-secondary,:host(.progress-paused) .indeterminate-bar-primary,:host(.progress-paused) .buffer-circles{animation-play-state:paused}:host(.ion-color) .progress-buffer-bar{background:rgba(var(--ion-color-base-rgb), 0.3)}:host(.ion-color) .buffer-circles{background-image:radial-gradient(ellipse at center, rgba(var(--ion-color-base-rgb), 0.3) 0%, rgba(var(--ion-color-base-rgb), 0.3) 30%, transparent 30%)}:host(.ion-color) .progress,:host(.ion-color) .progress-indeterminate{background:var(--ion-color-base)}@keyframes primary-indeterminate-translate{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(83.67142%)}100%{transform:translateX(200.611057%)}}@keyframes primary-indeterminate-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.661479)}100%{transform:scaleX(0.08)}}@keyframes secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(37.651913%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(84.386165%)}100%{transform:translateX(160.277782%)}}@keyframes secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);transform:scaleX(0.457104)}44.15%{animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);transform:scaleX(0.72796)}100%{transform:scaleX(0.08)}}@keyframes buffering{to{transform:translateX(-10px)}}:host{height:4px}";const vt=gt;const wt=class{constructor(t){e(this,t);this.type="determinate";this.reversed=false;this.value=0;this.buffer=1;this.color=undefined}render(){const{color:t,type:e,reversed:s,value:o,buffer:r}=this;const a=m.getBoolean("_testing");const c=g(this);return n(i,{key:"944b79ed6fce1b2c0ed48681cd8517a5abbddd80",role:"progressbar","aria-valuenow":e==="determinate"?o:null,"aria-valuemin":"0","aria-valuemax":"1",class:f(t,{[c]:true,[`progress-bar-${e}`]:true,"progress-paused":a,"progress-bar-reversed":document.dir==="rtl"?!s:s})},e==="indeterminate"?yt():xt(o,r))}};const yt=()=>n("div",{part:"track",class:"progress-buffer-bar"},n("div",{class:"indeterminate-bar-primary"},n("span",{part:"progress",class:"progress-indeterminate"})),n("div",{class:"indeterminate-bar-secondary"},n("span",{part:"progress",class:"progress-indeterminate"})));const xt=(t,e)=>{const i=d(0,t,1);const s=d(0,e,1);return[n("div",{part:"progress",class:"progress",style:{transform:`scaleX(${i})`}}),n("div",{class:{"buffer-circles-container":true,"ion-hide":s===1},style:{transform:`translateX(${s*100}%)`}},n("div",{class:"buffer-circles-container",style:{transform:`translateX(-${s*100}%)`}},n("div",{part:"stream",class:"buffer-circles"}))),n("div",{part:"track",class:"progress-buffer-bar",style:{transform:`scaleX(${s})`}})]};wt.style={ios:mt,md:vt};const kt=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:strict;pointer-events:none}:host(.unbounded){contain:layout size style}.ripple-effect{border-radius:50%;position:absolute;background-color:currentColor;color:inherit;contain:strict;opacity:0;animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;will-change:transform, opacity;pointer-events:none}.fade-out{transform:translate(var(--translate-end)) scale(var(--final-scale, 1));animation:150ms fadeOutAnimation forwards}@keyframes rippleAnimation{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(1)}to{transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@keyframes fadeInAnimation{from{animation-timing-function:linear;opacity:0}to{opacity:0.16}}@keyframes fadeOutAnimation{from{animation-timing-function:linear;opacity:0.16}to{opacity:0}}";const zt=kt;const St=class{constructor(t){e(this,t);this.type="bounded"}async addRipple(t,e){return new Promise((n=>{o((()=>{const i=this.el.getBoundingClientRect();const s=i.width;const o=i.height;const a=Math.sqrt(s*s+o*o);const c=Math.max(o,s);const l=this.unbounded?c:a+Ct;const d=Math.floor(c*$t);const h=l/d;let u=t-i.left;let f=e-i.top;if(this.unbounded){u=s*.5;f=o*.5}const p=u-d*.5;const b=f-d*.5;const m=s*.5-u;const g=o*.5-f;r((()=>{const t=document.createElement("div");t.classList.add("ripple-effect");const e=t.style;e.top=b+"px";e.left=p+"px";e.width=e.height=d+"px";e.setProperty("--final-scale",`${h}`);e.setProperty("--translate-end",`${m}px, ${g}px`);const i=this.el.shadowRoot||this.el;i.appendChild(t);setTimeout((()=>{n((()=>{_t(t)}))}),225+100)}))}))}))}get unbounded(){return this.type==="unbounded"}render(){const t=g(this);return n(i,{key:"f1129019a6d556b008c754aeb79618c69baea9f8",role:"presentation",class:{[t]:true,unbounded:this.unbounded}})}get el(){return s(this)}};const _t=t=>{t.classList.add("fade-out");setTimeout((()=>{t.remove()}),200)};const Ct=10;const $t=.5;St.style=zt;const At=":host{--background:rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065);border-radius:var(--border-radius, inherit);display:block;width:100%;height:inherit;margin-top:4px;margin-bottom:4px;background:var(--background);line-height:10px;user-select:none;pointer-events:none}span{display:inline-block}:host(.in-media){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;height:100%}:host(.skeleton-text-animated){position:relative;background:linear-gradient(to right, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 8%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.135) 18%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 33%);background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear}@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}";const It=At;const Et=class{constructor(t){e(this,t);this.ionStyle=a(this,"ionStyle",7);this.animated=false}componentWillLoad(){this.emitStyle()}emitStyle(){const t={"skeleton-text":true};this.ionStyle.emit(t)}render(){const t=this.animated&&m.getBoolean("animated",true);const e=p("ion-avatar",this.el)||p("ion-thumbnail",this.el);const s=g(this);return n(i,{key:"4dab0fd2de666de12ad8f6dc6ed1e1de0be67ddd",class:{[s]:true,"skeleton-text-animated":t,"in-media":e}},n("span",{key:"f8f908ec24d65e63b14d9a54640a5f18f0fa8fa5"}," "))}get el(){return s(this)}};Et.style=It;
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */function Mt(t,e,n,i){let s;if(n==="md"){s=t==="top"?8:-8}else{s=t==="top"?10:-10}if(e&&O){Tt(e,i);const n=e.getBoundingClientRect();if(t==="top"){s+=n.bottom}else if(t==="bottom"){s-=O.innerHeight-n.top}return{top:`${s}px`,bottom:`${s}px`}}else{return{top:`calc(${s}px + var(--ion-safe-area-top, 0px))`,bottom:`calc(${s}px - var(--ion-safe-area-bottom, 0px))`}}}function Tt(t,e){if(t.offsetParent===null){x("The positionAnchor element for ion-toast was found in the DOM, but appears to be hidden. This may lead to unexpected positioning of the toast.",e)}}const jt=(t,e)=>Math.floor(t/2-e/2);
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const Lt=(t,e)=>{const n=L();const i=L();const{position:s,top:o,bottom:r}=e;const a=h(t);const c=a.querySelector(".toast-wrapper");i.addElement(c);switch(s){case"top":i.fromTo("transform","translateY(-100%)",`translateY(${o})`);break;case"middle":const e=jt(t.clientHeight,c.clientHeight);c.style.top=`${e}px`;i.fromTo("opacity",.01,1);break;default:i.fromTo("transform","translateY(100%)",`translateY(${r})`);break}return n.easing("cubic-bezier(.155,1.105,.295,1.12)").duration(400).addAnimation(i)};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const Ot=(t,e)=>{const n=L();const i=L();const{position:s,top:o,bottom:r}=e;const a=h(t);const c=a.querySelector(".toast-wrapper");i.addElement(c);switch(s){case"top":i.fromTo("transform",`translateY(${o})`,"translateY(-100%)");break;case"middle":i.fromTo("opacity",.99,0);break;default:i.fromTo("transform",`translateY(${r})`,"translateY(100%)");break}return n.easing("cubic-bezier(.36,.66,.04,1)").duration(300).addAnimation(i)};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const Dt=(t,e)=>{const n=L();const i=L();const{position:s,top:o,bottom:r}=e;const a=h(t);const c=a.querySelector(".toast-wrapper");i.addElement(c);switch(s){case"top":c.style.setProperty("transform",`translateY(${o})`);i.fromTo("opacity",.01,1);break;case"middle":const e=jt(t.clientHeight,c.clientHeight);c.style.top=`${e}px`;i.fromTo("opacity",.01,1);break;default:c.style.setProperty("transform",`translateY(${r})`);i.fromTo("opacity",.01,1);break}return n.easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation(i)};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const Pt=t=>{const e=L();const n=L();const i=h(t);const s=i.querySelector(".toast-wrapper");n.addElement(s).fromTo("opacity",.99,0);return e.easing("cubic-bezier(.36,.66,.04,1)").duration(300).addAnimation(n)};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const Bt=(t,e,n)=>{const i=h(t).querySelector(".toast-wrapper");const s=t.clientHeight;const o=i.getBoundingClientRect();let r=0;const a=.5;const c=t.position==="middle"?.5:0;const l=t.position==="top"?-1:1;const d=jt(s,o.height);const u=[{offset:0,transform:`translateY(-${d+o.height}px)`},{offset:.5,transform:`translateY(0px)`},{offset:1,transform:`translateY(${d+o.height}px)`}];const f=L("toast-swipe-to-dismiss-animation").addElement(i).duration(100);switch(t.position){case"middle":r=s+o.height;f.keyframes(u);f.progressStart(true,.5);break;case"top":r=o.bottom;f.keyframes([{offset:0,transform:`translateY(${e.top})`},{offset:1,transform:"translateY(-100%)"}]);f.progressStart(true,0);break;case"bottom":default:r=s-o.top;f.keyframes([{offset:0,transform:`translateY(${e.bottom})`},{offset:1,transform:"translateY(100%)"}]);f.progressStart(true,0);break}const p=t=>t*l/r;const b=t=>{const e=c+p(t.deltaY);f.progressStep(e)};const m=e=>{const s=e.velocityY;const o=(e.deltaY+s*1e3)/r*l;g.enable(false);let c=true;let h=1;let b=0;let m=0;if(t.position==="middle"){c=o>=a/2||o<=-a/2;h=1;b=0;const t=i.getBoundingClientRect();const n=t.top-d;const s=`${n}px`;const r=e.deltaY<=0?-1:1;const l=(d+t.height)*r;const u=c?`${l}px`:"0px";const p=[{offset:0,transform:`translateY(${s})`},{offset:1,transform:`translateY(${u})`}];f.keyframes(p);m=l-n}else{c=o>=a;h=c?1:0;b=p(e.deltaY);const t=c?1-b:b;m=t*r}const v=Math.min(Math.abs(m)/Math.abs(s),200);f.onFinish((()=>{if(c){n();f.destroy()}else{if(t.position==="middle"){f.keyframes(u).progressStart(true,.5)}else{f.progressStart(true,0)}g.enable(true)}}),{oneTimeCallback:true}).progressEnd(h,b,v)};const g=D({el:i,gestureName:"toast-swipe-to-dismiss",gesturePriority:k,direction:"y",onMove:b,onEnd:m});return g};const Rt=":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);contain:strict;z-index:1001;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)){left:unset;right:unset;right:0}}}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);box-shadow:var(--box-shadow)}@supports (inset-inline-start: 0){.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}}@supports not (inset-inline-start: 0){.toast-wrapper{left:var(--start);right:var(--end)}:host-context([dir=rtl]) .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}[dir=rtl] .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}@supports selector(:dir(rtl)){.toast-wrapper:dir(rtl){left:unset;right:unset;left:var(--end);right:var(--start)}}}.toast-wrapper.toast-top{transform:translate3d(0,  -100%,  0);top:0}.toast-wrapper.toast-bottom{transform:translate3d(0,  100%,  0);bottom:0}.toast-container{display:flex;align-items:center;pointer-events:auto;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{flex-wrap:wrap}.toast-layout-baseline .toast-content{display:flex;flex:1;flex-direction:column;justify-content:center}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-content{min-width:0}.toast-message{flex:1;white-space:var(--white-space)}.toast-button-group{display:flex}.toast-layout-stacked .toast-button-group{justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-icon,.toast-button-icon{font-size:1.4em}.toast-button-inner{display:flex;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-50, #f2f2f2);--border-radius:14px;--button-color:var(--ion-color-primary, #3880ff);--color:var(--ion-color-step-850, #262626);--max-width:700px;--max-height:478px;--start:10px;--end:10px;font-size:clamp(14px, 0.875rem, 43.4px)}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;z-index:10}@supports (backdrop-filter: blur(0)){:host(.toast-translucent) .toast-wrapper{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);backdrop-filter:saturate(180%) blur(20px)}:host(.ion-color.toast-translucent) .toast-wrapper{background:rgba(var(--ion-color-base-rgb), 0.8)}}.toast-wrapper.toast-middle{opacity:0.01}.toast-content{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:15px;padding-bottom:15px}.toast-header{margin-bottom:2px;font-weight:500}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;min-height:44px;transition:background-color, opacity 100ms linear;border:0;background-color:transparent;font-family:var(--ion-font-family);font-size:clamp(17px, 1.0625rem, 21.998px);font-weight:500;overflow:hidden}.toast-button.ion-activated{opacity:0.4}@media (any-hover: hover){.toast-button:hover{opacity:0.6}}";const Ut=Rt;const Nt=":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);contain:strict;z-index:1001;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)){left:unset;right:unset;right:0}}}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);box-shadow:var(--box-shadow)}@supports (inset-inline-start: 0){.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}}@supports not (inset-inline-start: 0){.toast-wrapper{left:var(--start);right:var(--end)}:host-context([dir=rtl]) .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}[dir=rtl] .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}@supports selector(:dir(rtl)){.toast-wrapper:dir(rtl){left:unset;right:unset;left:var(--end);right:var(--start)}}}.toast-wrapper.toast-top{transform:translate3d(0,  -100%,  0);top:0}.toast-wrapper.toast-bottom{transform:translate3d(0,  100%,  0);bottom:0}.toast-container{display:flex;align-items:center;pointer-events:auto;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{flex-wrap:wrap}.toast-layout-baseline .toast-content{display:flex;flex:1;flex-direction:column;justify-content:center}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-content{min-width:0}.toast-message{flex:1;white-space:var(--white-space)}.toast-button-group{display:flex}.toast-layout-stacked .toast-button-group{justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-icon,.toast-button-icon{font-size:1.4em}.toast-button-inner{display:flex;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-800, #333333);--border-radius:4px;--box-shadow:0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);--button-color:var(--ion-color-primary, #3880ff);--color:var(--ion-color-step-50, #f2f2f2);--max-width:700px;--start:8px;--end:8px;font-size:0.875rem}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;opacity:0.01;z-index:10}.toast-content{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:14px;padding-bottom:14px}.toast-header{margin-bottom:2px;font-weight:500;line-height:1.25rem}.toast-message{line-height:1.25rem}.toast-layout-baseline .toast-button-group-start{-webkit-margin-start:8px;margin-inline-start:8px}.toast-layout-stacked .toast-button-group-start{-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px}.toast-layout-baseline .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px}.toast-layout-stacked .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px;margin-bottom:8px}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;font-family:var(--ion-font-family);font-size:0.875rem;font-weight:500;letter-spacing:0.84px;text-transform:uppercase;overflow:hidden}.toast-button-cancel{color:var(--ion-color-step-100, #e6e6e6)}.toast-button-icon-only{border-radius:50%;-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:9px;padding-bottom:9px;width:36px;height:36px}@media (any-hover: hover){.toast-button:hover{background-color:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08)}.toast-button-cancel:hover{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.08)}}";const Xt=Nt;const Wt=class{constructor(t){e(this,t);this.didPresent=a(this,"ionToastDidPresent",7);this.willPresent=a(this,"ionToastWillPresent",7);this.willDismiss=a(this,"ionToastWillDismiss",7);this.didDismiss=a(this,"ionToastDidDismiss",7);this.didPresentShorthand=a(this,"didPresent",7);this.willPresentShorthand=a(this,"willPresent",7);this.willDismissShorthand=a(this,"willDismiss",7);this.didDismissShorthand=a(this,"didDismiss",7);this.delegateController=z(this);this.lockController=y();this.triggerController=S();this.customHTMLEnabled=m.get("innerHTMLTemplatesEnabled",v);this.presented=false;this.dispatchCancelHandler=t=>{const e=t.detail.role;if(_(e)){const t=this.getButtons().find((t=>t.role==="cancel"));this.callButtonHandler(t)}};this.createSwipeGesture=t=>{const e=this.gesture=Bt(this.el,t,(()=>{this.dismiss(undefined,T)}));e.enable(true)};this.destroySwipeGesture=()=>{const{gesture:t}=this;if(t===undefined){return}t.destroy();this.gesture=undefined};this.prefersSwipeGesture=()=>{const{swipeGesture:t}=this;return t==="vertical"};this.revealContentToScreenReader=false;this.overlayIndex=undefined;this.delegate=undefined;this.hasController=false;this.color=undefined;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.cssClass=undefined;this.duration=m.getNumber("toastDuration",0);this.header=undefined;this.layout="baseline";this.message=undefined;this.keyboardClose=false;this.position="bottom";this.positionAnchor=undefined;this.buttons=undefined;this.translucent=false;this.animated=true;this.icon=undefined;this.htmlAttributes=undefined;this.swipeGesture=undefined;this.isOpen=false;this.trigger=undefined}swipeGestureChanged(){this.destroySwipeGesture();if(this.presented&&this.prefersSwipeGesture()){this.createSwipeGesture(this.lastPresentedPosition)}}onIsOpenChange(t,e){if(t===true&&e===false){this.present()}else if(t===false&&e===true){this.dismiss()}}triggerChanged(){const{trigger:t,el:e,triggerController:n}=this;if(t){n.addClickListener(e,t)}}connectedCallback(){C(this.el);this.triggerChanged()}disconnectedCallback(){this.triggerController.removeClickListener()}componentWillLoad(){$(this.el)}componentDidLoad(){if(this.isOpen===true){u((()=>this.present()))}this.triggerChanged()}async present(){const t=await this.lockController.lock();await this.delegateController.attachViewToDom();const{el:e,position:n}=this;const i=this.getAnchorElement();const s=Mt(n,i,g(this),e);this.lastPresentedPosition=s;await A(this,"toastEnter",Lt,Dt,{position:n,top:s.top,bottom:s.bottom});this.revealContentToScreenReader=true;if(this.duration>0){this.durationTimeout=setTimeout((()=>this.dismiss(undefined,"timeout")),this.duration)}if(this.prefersSwipeGesture()){this.createSwipeGesture(s)}t()}async dismiss(t,e){var n,i;const s=await this.lockController.lock();const{durationTimeout:o,position:r,lastPresentedPosition:a}=this;if(o){clearTimeout(o)}const c=await I(this,t,e,"toastLeave",Ot,Pt,{position:r,top:(n=a===null||a===void 0?void 0:a.top)!==null&&n!==void 0?n:"",bottom:(i=a===null||a===void 0?void 0:a.bottom)!==null&&i!==void 0?i:""});if(c){this.delegateController.removeViewFromDom();this.revealContentToScreenReader=false}this.lastPresentedPosition=undefined;this.destroySwipeGesture();s();return c}onDidDismiss(){return E(this.el,"ionToastDidDismiss")}onWillDismiss(){return E(this.el,"ionToastWillDismiss")}getButtons(){const t=this.buttons?this.buttons.map((t=>typeof t==="string"?{text:t}:t)):[];return t}getAnchorElement(){const{position:t,positionAnchor:e,el:n}=this;if(e===undefined){return}if(t==="middle"&&e!==undefined){x('The positionAnchor property is ignored when using position="middle".',this.el);return undefined}if(typeof e==="string"){const t=document.getElementById(e);if(t===null){x(`An anchor element with an ID of "${e}" was not found in the DOM.`,n);return undefined}return t}if(e instanceof HTMLElement){return e}x("Invalid positionAnchor value:",e,n);return undefined}async buttonClick(t){const e=t.role;if(_(e)){return this.dismiss(undefined,e)}const n=await this.callButtonHandler(t);if(n){return this.dismiss(undefined,e)}return Promise.resolve()}async callButtonHandler(t){if(t===null||t===void 0?void 0:t.handler){try{const e=await M(t.handler);if(e===false){return false}}catch(t){console.error(t)}}return true}renderButtons(t,e){if(t.length===0){return}const i=g(this);const s={"toast-button-group":true,[`toast-button-group-${e}`]:true};return n("div",{class:s},t.map((t=>n("button",Object.assign({},t.htmlAttributes,{type:"button",class:Ht(t),tabIndex:0,onClick:()=>this.buttonClick(t),part:Ft(t)}),n("div",{class:"toast-button-inner"},t.icon&&n("ion-icon",{"aria-hidden":"true",icon:t.icon,slot:t.text===undefined?"icon-only":undefined,class:"toast-button-icon"}),t.text),i==="md"&&n("ion-ripple-effect",{type:t.icon!==undefined&&t.text===undefined?"unbounded":"bounded"})))))}renderToastMessage(t,e=null){const{customHTMLEnabled:i,message:s}=this;if(i){return n("div",{key:t,"aria-hidden":e,class:"toast-message",part:"message",innerHTML:w(s)})}return n("div",{key:t,"aria-hidden":e,class:"toast-message",part:"message"},s)}renderHeader(t,e=null){return n("div",{key:t,class:"toast-header","aria-hidden":e,part:"header"},this.header)}render(){const{layout:t,el:e,revealContentToScreenReader:s,header:o,message:r}=this;const a=this.getButtons();const c=a.filter((t=>t.side==="start"));const l=a.filter((t=>t.side!=="start"));const d=g(this);const h={"toast-wrapper":true,[`toast-${this.position}`]:true,[`toast-layout-${t}`]:true};if(t==="stacked"&&c.length>0&&l.length>0){x("This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.",e)}return n(i,Object.assign({key:"23803334fb668f6ce7044d3a321cb84bc753bd16",tabindex:"-1"},this.htmlAttributes,{style:{zIndex:`${6e4+this.overlayIndex}`},class:f(this.color,Object.assign(Object.assign({[d]:true},b(this.cssClass)),{"overlay-hidden":true,"toast-translucent":this.translucent})),onIonToastWillDismiss:this.dispatchCancelHandler}),n("div",{key:"7cd7138ba079fccf97f318b91e9986491ab4214d",class:h},n("div",{key:"93b78fa64e24435adeb77a04c1d1d53d2f093864",class:"toast-container",part:"container"},this.renderButtons(c,"start"),this.icon!==undefined&&n("ion-icon",{key:"9a3c71b164ebcfba2540acb7568beffa76b62f47",class:"toast-icon",part:"icon",icon:this.icon,lazy:false,"aria-hidden":"true"}),n("div",{key:"feb9268102d844f1314205f7440de7066cf0620e",class:"toast-content",role:"status","aria-atomic":"true","aria-live":"polite"},!s&&o!==undefined&&this.renderHeader("oldHeader","true"),!s&&r!==undefined&&this.renderToastMessage("oldMessage","true"),s&&o!==undefined&&this.renderHeader("header"),s&&r!==undefined&&this.renderToastMessage("header")),this.renderButtons(l,"end"))))}get el(){return s(this)}static get watchers(){return{swipeGesture:["swipeGestureChanged"],isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}}};const Ht=t=>Object.assign({"toast-button":true,"toast-button-icon-only":t.icon!==undefined&&t.text===undefined,[`toast-button-${t.role}`]:t.role!==undefined,"ion-focusable":true,"ion-activatable":true},b(t.cssClass));const Ft=t=>_(t.role)?"button cancel":"button";Wt.style={ios:Ut,md:Xt};const Yt=":host{font-family:var(--font-sans);display:block}button#new{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;width:var(--size-10);height:var(--size-10);background-color:var(--pos-primary-color);color:var(--pos-primary-text-color);font-size:var(--scale-6);border-radius:var(--radius-xs)}button#new:hover,button#new:focus{outline:none;filter:brightness(110%);box-shadow:var(--shadow-sm)}pos-new-thing-form{margin:var(--scale-3)}";const Vt=Yt;const qt=class{constructor(t){e(this,t)}openDialog(){this.dialog.showModal()}render(){return n(i,{key:"6142a141ef03ca93a362a6b00ebe8d515c3a677a"},n("button",{key:"72ecf353cd3a7d2d68f9ef28eb1bbe7fdb88b700",id:"new",title:"Add a new thing",onClick:()=>this.openDialog()},n("ion-icon",{key:"bd05d75c42c10de6df519575787fc66eafb22930",name:"add-circle-outline"})),n("pos-dialog",{key:"23cf0118149704dfca16758970e4f4658e87e946",ref:t=>this.dialog=t},n("span",{key:"5af7b7f618cc20684c39134b5ea295400e651cb6",slot:"title"},"Add a new thing"),n("pos-new-thing-form",{key:"895496c2f6ede3c8677d9d918e0b13582090baed",slot:"content",referenceUri:this.referenceUri})))}};qt.style=Vt;const Zt=localStorage.getItem("settings");const Gt=Zt?JSON.parse(Zt):{offlineCache:false};const Kt=P(Gt);Jt();Qt();function Jt(){Kt.on("set",(()=>{const t=JSON.stringify(Kt.state);localStorage.setItem("settings",t)}))}function Qt(){window.addEventListener("storage",(t=>{if(t.key==="settings"&&t.newValue){const e=JSON.parse(t.newValue);Kt.state.offlineCache=e.offlineCache}}))}const te=(t,e)=>e.some((e=>t instanceof e));let ee;let ne;function ie(){return ee||(ee=[IDBDatabase,IDBObjectStore,IDBIndex,IDBCursor,IDBTransaction])}function se(){return ne||(ne=[IDBCursor.prototype.advance,IDBCursor.prototype.continue,IDBCursor.prototype.continuePrimaryKey])}const oe=new WeakMap;const re=new WeakMap;const ae=new WeakMap;function ce(t){const e=new Promise(((e,n)=>{const i=()=>{t.removeEventListener("success",s);t.removeEventListener("error",o)};const s=()=>{e(pe(t.result));i()};const o=()=>{n(t.error);i()};t.addEventListener("success",s);t.addEventListener("error",o)}));ae.set(e,t);return e}function le(t){if(oe.has(t))return;const e=new Promise(((e,n)=>{const i=()=>{t.removeEventListener("complete",s);t.removeEventListener("error",o);t.removeEventListener("abort",o)};const s=()=>{e();i()};const o=()=>{n(t.error||new DOMException("AbortError","AbortError"));i()};t.addEventListener("complete",s);t.addEventListener("error",o);t.addEventListener("abort",o)}));oe.set(t,e)}let de={get(t,e,n){if(t instanceof IDBTransaction){if(e==="done")return oe.get(t);if(e==="store"){return n.objectStoreNames[1]?undefined:n.objectStore(n.objectStoreNames[0])}}return pe(t[e])},set(t,e,n){t[e]=n;return true},has(t,e){if(t instanceof IDBTransaction&&(e==="done"||e==="store")){return true}return e in t}};function he(t){de=t(de)}function ue(t){if(se().includes(t)){return function(...e){t.apply(be(this),e);return pe(this.request)}}return function(...e){return pe(t.apply(be(this),e))}}function fe(t){if(typeof t==="function")return ue(t);if(t instanceof IDBTransaction)le(t);if(te(t,ie()))return new Proxy(t,de);return t}function pe(t){if(t instanceof IDBRequest)return ce(t);if(re.has(t))return re.get(t);const e=fe(t);if(e!==t){re.set(t,e);ae.set(e,t)}return e}const be=t=>ae.get(t);function me(t,e,{blocked:n,upgrade:i,blocking:s,terminated:o}={}){const r=indexedDB.open(t,e);const a=pe(r);if(i){r.addEventListener("upgradeneeded",(t=>{i(pe(r.result),t.oldVersion,t.newVersion,pe(r.transaction),t)}))}if(n){r.addEventListener("blocked",(t=>n(t.oldVersion,t.newVersion,t)))}a.then((t=>{if(o)t.addEventListener("close",(()=>o()));if(s){t.addEventListener("versionchange",(t=>s(t.oldVersion,t.newVersion,t)))}})).catch((()=>{}));return a}const ge=["get","getKey","getAll","getAllKeys","count"];const ve=["put","add","delete","clear"];const we=new Map;function ye(t,e){if(!(t instanceof IDBDatabase&&!(e in t)&&typeof e==="string")){return}if(we.get(e))return we.get(e);const n=e.replace(/FromIndex$/,"");const i=e!==n;const s=ve.includes(n);if(!(n in(i?IDBIndex:IDBObjectStore).prototype)||!(s||ge.includes(n))){return}const o=async function(t,...e){const o=this.transaction(t,s?"readwrite":"readonly");let r=o.store;if(i)r=r.index(e.shift());return(await Promise.all([r[n](...e),s&&o.done]))[0]};we.set(e,o);return o}he((t=>({...t,get:(e,n,i)=>ye(e,n)||t.get(e,n,i),has:(e,n)=>!!ye(e,n)||t.has(e,n)})));const xe=["continue","continuePrimaryKey","advance"];const ke={};const ze=new WeakMap;const Se=new WeakMap;const _e={get(t,e){if(!xe.includes(e))return t[e];let n=ke[e];if(!n){n=ke[e]=function(...t){ze.set(this,Se.get(this)[e](...t))}}return n}};async function*Ce(...t){let e=this;if(!(e instanceof IDBCursor)){e=await e.openCursor(...t)}if(!e)return;e=e;const n=new Proxy(e,_e);Se.set(n,e);ae.set(n,be(e));while(e){yield n;e=await(ze.get(n)||e.continue());ze.delete(n)}}function $e(t,e){return e===Symbol.asyncIterator&&te(t,[IDBIndex,IDBObjectStore,IDBCursor])||e==="iterate"&&te(t,[IDBIndex,IDBObjectStore])}he((t=>({...t,get(e,n,i){if($e(e,n))return Ce;return t.get(e,n,i)},has(e,n){return $e(e,n)||t.has(e,n)}})));class Ae{constructor(){this.dbPromise=me("OfflineCacheDB",1,{upgrade(t){if(!t.objectStoreNames.contains("documents")){const e=t.createObjectStore("documents",{keyPath:"url"});e.createIndex("url-revision",["url","revision"])}}})}async clear(){const t=await this.dbPromise;return t.clear("documents")}async get(t){const e=await this.dbPromise;return await e.get("documents",t)}async put(t){const e=await this.dbPromise;const n=await e.getFromIndex("documents","url-revision",[t.url,t.revision]);if(n){return}await e.put("documents",t)}}class Ie{isOnline(){return navigator.onLine}}const Ee=t=>new U({offlineCache:t.offlineCache?new Ae:new N,onlineStatus:new Ie});function Me(t){return typeof t==="function"}function Te(t){const e=t=>{Error.call(t);t.stack=(new Error).stack};const n=t(e);n.prototype=Object.create(Error.prototype);n.prototype.constructor=n;return n}const je=Te((t=>function e(n){t(this);this.message=n?`${n.length} errors occurred during unsubscription:\n${n.map(((t,e)=>`${e+1}) ${t.toString()}`)).join("\n  ")}`:"";this.name="UnsubscriptionError";this.errors=n}));function Le(t,e){if(t){const n=t.indexOf(e);0<=n&&t.splice(n,1)}}class Oe{constructor(t){this.initialTeardown=t;this.closed=false;this._parentage=null;this._finalizers=null}unsubscribe(){let t;if(!this.closed){this.closed=true;const{_parentage:e}=this;if(e){this._parentage=null;if(Array.isArray(e)){for(const t of e){t.remove(this)}}else{e.remove(this)}}const{initialTeardown:n}=this;if(Me(n)){try{n()}catch(e){t=e instanceof je?e.errors:[e]}}const{_finalizers:i}=this;if(i){this._finalizers=null;for(const e of i){try{Be(e)}catch(e){t=t!==null&&t!==void 0?t:[];if(e instanceof je){t=[...t,...e.errors]}else{t.push(e)}}}}if(t){throw new je(t)}}}add(t){var e;if(t&&t!==this){if(this.closed){Be(t)}else{if(t instanceof Oe){if(t.closed||t._hasParent(this)){return}t._addParent(this)}(this._finalizers=(e=this._finalizers)!==null&&e!==void 0?e:[]).push(t)}}}_hasParent(t){const{_parentage:e}=this;return e===t||Array.isArray(e)&&e.includes(t)}_addParent(t){const{_parentage:e}=this;this._parentage=Array.isArray(e)?(e.push(t),e):e?[e,t]:t}_removeParent(t){const{_parentage:e}=this;if(e===t){this._parentage=null}else if(Array.isArray(e)){Le(e,t)}}remove(t){const{_finalizers:e}=this;e&&Le(e,t);if(t instanceof Oe){t._removeParent(this)}}}Oe.EMPTY=(()=>{const t=new Oe;t.closed=true;return t})();const De=Oe.EMPTY;function Pe(t){return t instanceof Oe||t&&"closed"in t&&Me(t.remove)&&Me(t.add)&&Me(t.unsubscribe)}function Be(t){if(Me(t)){t()}else{t.unsubscribe()}}const Re={onUnhandledError:null,onStoppedNotification:null,Promise:undefined,useDeprecatedSynchronousErrorHandling:false,useDeprecatedNextContext:false};const Ue={setTimeout(t,e,...n){const{delegate:i}=Ue;if(i===null||i===void 0?void 0:i.setTimeout){return i.setTimeout(t,e,...n)}return setTimeout(t,e,...n)},clearTimeout(t){const{delegate:e}=Ue;return((e===null||e===void 0?void 0:e.clearTimeout)||clearTimeout)(t)},delegate:undefined};function Ne(t){Ue.setTimeout((()=>{const{onUnhandledError:e}=Re;if(e){e(t)}else{throw t}}))}function Xe(){}const We=(()=>Ye("C",undefined,undefined))();function He(t){return Ye("E",undefined,t)}function Fe(t){return Ye("N",t,undefined)}function Ye(t,e,n){return{kind:t,value:e,error:n}}let Ve=null;function qe(t){if(Re.useDeprecatedSynchronousErrorHandling){const e=!Ve;if(e){Ve={errorThrown:false,error:null}}t();if(e){const{errorThrown:t,error:e}=Ve;Ve=null;if(t){throw e}}}else{t()}}class Ze extends Oe{constructor(t){super();this.isStopped=false;if(t){this.destination=t;if(Pe(t)){t.add(this)}}else{this.destination=sn}}static create(t,e,n){return new Qe(t,e,n)}next(t){if(this.isStopped){nn(Fe(t),this)}else{this._next(t)}}error(t){if(this.isStopped){nn(He(t),this)}else{this.isStopped=true;this._error(t)}}complete(){if(this.isStopped){nn(We,this)}else{this.isStopped=true;this._complete()}}unsubscribe(){if(!this.closed){this.isStopped=true;super.unsubscribe();this.destination=null}}_next(t){this.destination.next(t)}_error(t){try{this.destination.error(t)}finally{this.unsubscribe()}}_complete(){try{this.destination.complete()}finally{this.unsubscribe()}}}const Ge=Function.prototype.bind;function Ke(t,e){return Ge.call(t,e)}class Je{constructor(t){this.partialObserver=t}next(t){const{partialObserver:e}=this;if(e.next){try{e.next(t)}catch(t){tn(t)}}}error(t){const{partialObserver:e}=this;if(e.error){try{e.error(t)}catch(t){tn(t)}}else{tn(t)}}complete(){const{partialObserver:t}=this;if(t.complete){try{t.complete()}catch(t){tn(t)}}}}class Qe extends Ze{constructor(t,e,n){super();let i;if(Me(t)||!t){i={next:t!==null&&t!==void 0?t:undefined,error:e!==null&&e!==void 0?e:undefined,complete:n!==null&&n!==void 0?n:undefined}}else{let e;if(this&&Re.useDeprecatedNextContext){e=Object.create(t);e.unsubscribe=()=>this.unsubscribe();i={next:t.next&&Ke(t.next,e),error:t.error&&Ke(t.error,e),complete:t.complete&&Ke(t.complete,e)}}else{i=t}}this.destination=new Je(i)}}function tn(t){{Ne(t)}}function en(t){throw t}function nn(t,e){const{onStoppedNotification:n}=Re;n&&Ue.setTimeout((()=>n(t,e)))}const sn={closed:true,next:Xe,error:en,complete:Xe};const on=(()=>typeof Symbol==="function"&&Symbol.observable||"@@observable")();function rn(t){return t}function an(t){if(t.length===0){return rn}if(t.length===1){return t[0]}return function e(n){return t.reduce(((t,e)=>e(t)),n)}}class cn{constructor(t){if(t){this._subscribe=t}}lift(t){const e=new cn;e.source=this;e.operator=t;return e}subscribe(t,e,n){const i=hn(t)?t:new Qe(t,e,n);qe((()=>{const{operator:t,source:e}=this;i.add(t?t.call(i,e):e?this._subscribe(i):this._trySubscribe(i))}));return i}_trySubscribe(t){try{return this._subscribe(t)}catch(e){t.error(e)}}forEach(t,e){e=ln(e);return new e(((e,n)=>{const i=new Qe({next:e=>{try{t(e)}catch(t){n(t);i.unsubscribe()}},error:n,complete:e});this.subscribe(i)}))}_subscribe(t){var e;return(e=this.source)===null||e===void 0?void 0:e.subscribe(t)}[on](){return this}pipe(...t){return an(t)(this)}toPromise(t){t=ln(t);return new t(((t,e)=>{let n;this.subscribe((t=>n=t),(t=>e(t)),(()=>t(n)))}))}}cn.create=t=>new cn(t);function ln(t){var e;return(e=t!==null&&t!==void 0?t:Re.Promise)!==null&&e!==void 0?e:Promise}function dn(t){return t&&Me(t.next)&&Me(t.error)&&Me(t.complete)}function hn(t){return t&&t instanceof Ze||dn(t)&&Pe(t)}function un(t){return Me(t===null||t===void 0?void 0:t.lift)}function fn(t){return e=>{if(un(e)){return e.lift((function(e){try{return t(e,this)}catch(t){this.error(t)}}))}throw new TypeError("Unable to lift unknown Observable type")}}function pn(t,e,n,i,s){return new bn(t,e,n,i,s)}class bn extends Ze{constructor(t,e,n,i,s,o){super(t);this.onFinalize=s;this.shouldUnsubscribe=o;this._next=e?function(n){try{e(n)}catch(e){t.error(e)}}:super._next;this._error=i?function(e){try{i(e)}catch(e){t.error(e)}finally{this.unsubscribe()}}:super._error;this._complete=n?function(){try{n()}catch(e){t.error(e)}finally{this.unsubscribe()}}:super._complete}unsubscribe(){var t;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){const{closed:e}=this;super.unsubscribe();!e&&((t=this.onFinalize)===null||t===void 0?void 0:t.call(this))}}}const mn=Te((t=>function e(){t(this);this.name="ObjectUnsubscribedError";this.message="object unsubscribed"}));class gn extends cn{constructor(){super();this.closed=false;this.currentObservers=null;this.observers=[];this.isStopped=false;this.hasError=false;this.thrownError=null}lift(t){const e=new vn(this,this);e.operator=t;return e}_throwIfClosed(){if(this.closed){throw new mn}}next(t){qe((()=>{this._throwIfClosed();if(!this.isStopped){if(!this.currentObservers){this.currentObservers=Array.from(this.observers)}for(const e of this.currentObservers){e.next(t)}}}))}error(t){qe((()=>{this._throwIfClosed();if(!this.isStopped){this.hasError=this.isStopped=true;this.thrownError=t;const{observers:e}=this;while(e.length){e.shift().error(t)}}}))}complete(){qe((()=>{this._throwIfClosed();if(!this.isStopped){this.isStopped=true;const{observers:t}=this;while(t.length){t.shift().complete()}}}))}unsubscribe(){this.isStopped=this.closed=true;this.observers=this.currentObservers=null}get observed(){var t;return((t=this.observers)===null||t===void 0?void 0:t.length)>0}_trySubscribe(t){this._throwIfClosed();return super._trySubscribe(t)}_subscribe(t){this._throwIfClosed();this._checkFinalizedStatuses(t);return this._innerSubscribe(t)}_innerSubscribe(t){const{hasError:e,isStopped:n,observers:i}=this;if(e||n){return De}this.currentObservers=null;i.push(t);return new Oe((()=>{this.currentObservers=null;Le(i,t)}))}_checkFinalizedStatuses(t){const{hasError:e,thrownError:n,isStopped:i}=this;if(e){t.error(n)}else if(i){t.complete()}}asObservable(){const t=new cn;t.source=this;return t}}gn.create=(t,e)=>new vn(t,e);class vn extends gn{constructor(t,e){super();this.destination=t;this.source=e}next(t){var e,n;(n=(e=this.destination)===null||e===void 0?void 0:e.next)===null||n===void 0?void 0:n.call(e,t)}error(t){var e,n;(n=(e=this.destination)===null||e===void 0?void 0:e.error)===null||n===void 0?void 0:n.call(e,t)}complete(){var t,e;(e=(t=this.destination)===null||t===void 0?void 0:t.complete)===null||e===void 0?void 0:e.call(t)}_subscribe(t){var e,n;return(n=(e=this.source)===null||e===void 0?void 0:e.subscribe(t))!==null&&n!==void 0?n:De}}const wn={now(){return(wn.delegate||Date).now()},delegate:undefined};class yn extends Oe{constructor(t,e){super()}schedule(t,e=0){return this}}const xn={setInterval(t,e,...n){const{delegate:i}=xn;if(i===null||i===void 0?void 0:i.setInterval){return i.setInterval(t,e,...n)}return setInterval(t,e,...n)},clearInterval(t){const{delegate:e}=xn;return((e===null||e===void 0?void 0:e.clearInterval)||clearInterval)(t)},delegate:undefined};class kn extends yn{constructor(t,e){super(t,e);this.scheduler=t;this.work=e;this.pending=false}schedule(t,e=0){var n;if(this.closed){return this}this.state=t;const i=this.id;const s=this.scheduler;if(i!=null){this.id=this.recycleAsyncId(s,i,e)}this.pending=true;this.delay=e;this.id=(n=this.id)!==null&&n!==void 0?n:this.requestAsyncId(s,this.id,e);return this}requestAsyncId(t,e,n=0){return xn.setInterval(t.flush.bind(t,this),n)}recycleAsyncId(t,e,n=0){if(n!=null&&this.delay===n&&this.pending===false){return e}if(e!=null){xn.clearInterval(e)}return undefined}execute(t,e){if(this.closed){return new Error("executing a cancelled action")}this.pending=false;const n=this._execute(t,e);if(n){return n}else if(this.pending===false&&this.id!=null){this.id=this.recycleAsyncId(this.scheduler,this.id,null)}}_execute(t,e){let n=false;let i;try{this.work(t)}catch(t){n=true;i=t?t:new Error("Scheduled action threw falsy error")}if(n){this.unsubscribe();return i}}unsubscribe(){if(!this.closed){const{id:t,scheduler:e}=this;const{actions:n}=e;this.work=this.state=this.scheduler=null;this.pending=false;Le(n,this);if(t!=null){this.id=this.recycleAsyncId(e,t,null)}this.delay=null;super.unsubscribe()}}}class zn{constructor(t,e=zn.now){this.schedulerActionCtor=t;this.now=e}schedule(t,e=0,n){return new this.schedulerActionCtor(this,t).schedule(n,e)}}zn.now=wn.now;class Sn extends zn{constructor(t,e=zn.now){super(t,e);this.actions=[];this._active=false}flush(t){const{actions:e}=this;if(this._active){e.push(t);return}let n;this._active=true;do{if(n=t.execute(t.state,t.delay)){break}}while(t=e.shift());this._active=false;if(n){while(t=e.shift()){t.unsubscribe()}throw n}}}const _n=new Sn(kn);function Cn(t,e,n,i){function s(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function r(t){try{c(i.next(t))}catch(t){o(t)}}function a(t){try{c(i["throw"](t))}catch(t){o(t)}}function c(t){t.done?n(t.value):s(t.value).then(r,a)}c((i=i.apply(t,e||[])).next())}))}function $n(t){var e=typeof Symbol==="function"&&Symbol.iterator,n=e&&t[e],i=0;if(n)return n.call(t);if(t&&typeof t.length==="number")return{next:function(){if(t&&i>=t.length)t=void 0;return{value:t&&t[i++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function An(t){return this instanceof An?(this.v=t,this):new An(t)}function In(t,e,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var i=n.apply(t,e||[]),s,o=[];return s={},r("next"),r("throw"),r("return"),s[Symbol.asyncIterator]=function(){return this},s;function r(t){if(i[t])s[t]=function(e){return new Promise((function(n,i){o.push([t,e,n,i])>1||a(t,e)}))}}function a(t,e){try{c(i[t](e))}catch(t){h(o[0][3],t)}}function c(t){t.value instanceof An?Promise.resolve(t.value.v).then(l,d):h(o[0][2],t)}function l(t){a("next",t)}function d(t){a("throw",t)}function h(t,e){if(t(e),o.shift(),o.length)a(o[0][0],o[0][1])}}function En(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e=t[Symbol.asyncIterator],n;return e?e.call(t):(t=typeof $n==="function"?$n(t):t[Symbol.iterator](),n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n);function i(e){n[e]=t[e]&&function(n){return new Promise((function(i,o){n=t[e](n),s(i,o,n.done,n.value)}))}}function s(t,e,n,i){Promise.resolve(i).then((function(e){t({value:e,done:n})}),e)}}typeof SuppressedError==="function"?SuppressedError:function(t,e,n){var i=new Error(n);return i.name="SuppressedError",i.error=t,i.suppressed=e,i};const Mn=t=>t&&typeof t.length==="number"&&typeof t!=="function";function Tn(t){return Me(t===null||t===void 0?void 0:t.then)}function jn(t){return Me(t[on])}function Ln(t){return Symbol.asyncIterator&&Me(t===null||t===void 0?void 0:t[Symbol.asyncIterator])}function On(t){return new TypeError(`You provided ${t!==null&&typeof t==="object"?"an invalid object":`'${t}'`} where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`)}function Dn(){if(typeof Symbol!=="function"||!Symbol.iterator){return"@@iterator"}return Symbol.iterator}const Pn=Dn();function Bn(t){return Me(t===null||t===void 0?void 0:t[Pn])}function Rn(t){return In(this,arguments,(function*e(){const n=t.getReader();try{while(true){const{value:t,done:e}=yield An(n.read());if(e){return yield An(void 0)}yield yield An(t)}}finally{n.releaseLock()}}))}function Un(t){return Me(t===null||t===void 0?void 0:t.getReader)}function Nn(t){if(t instanceof cn){return t}if(t!=null){if(jn(t)){return Xn(t)}if(Mn(t)){return Wn(t)}if(Tn(t)){return Hn(t)}if(Ln(t)){return Yn(t)}if(Bn(t)){return Fn(t)}if(Un(t)){return Vn(t)}}throw On(t)}function Xn(t){return new cn((e=>{const n=t[on]();if(Me(n.subscribe)){return n.subscribe(e)}throw new TypeError("Provided object does not correctly implement Symbol.observable")}))}function Wn(t){return new cn((e=>{for(let n=0;n<t.length&&!e.closed;n++){e.next(t[n])}e.complete()}))}function Hn(t){return new cn((e=>{t.then((t=>{if(!e.closed){e.next(t);e.complete()}}),(t=>e.error(t))).then(null,Ne)}))}function Fn(t){return new cn((e=>{for(const n of t){e.next(n);if(e.closed){return}}e.complete()}))}function Yn(t){return new cn((e=>{qn(t,e).catch((t=>e.error(t)))}))}function Vn(t){return Yn(Rn(t))}function qn(t,e){var n,i;var s,o;return Cn(this,void 0,void 0,(function*(){try{for(n=En(t);i=yield n.next(),!i.done;){const t=i.value;e.next(t);if(e.closed){return}}}catch(t){s={error:t}}finally{try{if(i&&!i.done&&(o=n.return))yield o.call(n)}finally{if(s)throw s.error}}e.complete()}))}function Zn(t,e=_n){return fn(((n,i)=>{let s=null;let o=null;let r=null;const a=()=>{if(s){s.unsubscribe();s=null;const t=o;o=null;i.next(t)}};function c(){const n=r+t;const o=e.now();if(o<n){s=this.schedule(undefined,n-o);i.add(s);return}a()}n.subscribe(pn(i,(n=>{o=n;r=e.now();if(!s){s=e.schedule(c,t);i.add(s)}}),(()=>{a();i.complete()}),undefined,(()=>{o=s=null})))}))}function Gn(t){return fn(((e,n)=>{Nn(t).subscribe(pn(n,(()=>n.complete()),Xe));!n.closed&&e.subscribe(n)}))}const Kn=class{constructor(t){e(this,t);this.sessionRestoredEmitter=a(this,"pod-os:session-restored",7);this.restorePreviousSession=false;this.disconnected$=new gn}componentWillLoad(){this.unsubscribeSettings=Kt.on("set",(()=>{this.os=Ee(Kt.state)}));this.os=Ee(Kt.state);this.os.onSessionRestore((t=>{this.sessionRestoredEmitter.emit({url:t})}));this.os.handleIncomingRedirect(this.restorePreviousSession);this.os.observeSession().pipe(Gn(this.disconnected$)).subscribe((async t=>{B.state.webId=t.webId;if(t.isLoggedIn){const e=await this.os.fetchProfile(t.webId);B.state.profile=e}B.state.isLoggedIn=t.isLoggedIn}))}disconnectedCallback(){this.unsubscribeSettings();this.disconnected$.next();this.disconnected$.unsubscribe()}async initializeOs(t){t.stopPropagation();t.detail(this.os)}async loadModule(t){t.stopPropagation();if(t.detail.module==="contacts"){const e=await this.os.loadContactsModule();t.detail.receiver(e)}else{throw Error(`Unknown module "${t.detail.module}"`)}}render(){return n("slot",{key:"988c393af75e8bd0f4ff2b4c04fe33b1ed686fa7"})}};const Jn="pos-router {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\npos-navigation {\n  max-width: var(--width-lg);\n  margin: 0;\n  min-width: var(--size-32);\n  flex-shrink: 1; /* Ensure navigation can shrink */\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto;\n  flex-shrink: 0; /* Ensure those items don't shrink */\n}\n\nheader,\nfooter {\n  display: flex;\n  gap: var(--size-1);\n  height: auto;\n  justify-content: center;\n  align-items: center;\n  padding: var(--size-1);\n}\n\nfooter svg {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\nfooter {\n  font-size: var(--scale-fluid-000);\n\n  .settings {\n    padding: 0 var(--size-1);\n    text-decoration: none;\n    background-color: var(--pos-background-color);\n    border: 1px solid var(--pos-secondary-border-color);\n    color: var(--pos-secondary-border-color);\n    border-radius: var(--radius-xs);\n\n    &:hover {\n      background-color: var(--pos-secondary-border-color);\n      color: var(--pos-background-color);\n    }\n  }\n}\n\nheader {\n  flex-wrap: nowrap;\n  padding: var(--size-1) var(--size-8);\n}\n\nmain {\n  flex: 1;\n  max-height: 100vh;\n  overflow: auto;\n}\n\n@media (max-width: 640px) {\n  header {\n    padding: var(--size-1);\n    justify-content: space-between;\n  }\n}\n";const Qn=Jn;const ti=class{constructor(t){e(this,t);this.restorePreviousSession=false;this.mode="standalone";this.uri=""}render(){return n(i,{key:"08b186d2f354d6c07df02707eb4ada81aef7dec3"},n("pos-app",{key:"54c372343e916ab5d77584381b3965c925ae0cd0",restorePreviousSession:this.restorePreviousSession},n("pos-error-toast",{key:"ab63e18121ca16670f81da141219a782dde0694b"},n("pos-router",{key:"69b6f3bf8ce3720c6c39cdb4be69e640e27ccc5b",mode:this.mode,"onPod-os:route-changed":t=>this.uri=t.detail},n("header",{key:"5cd3412caf13b6d99da517ae7e6f5877234e65d7"},n("pos-add-new-thing",{key:"9b83b3cf03b7038303975386176df539b35ff547",referenceUri:this.uri}),n("pos-navigation",{key:"26bfed9b1c8dd1be018babc6ef40ae42808a5c42",uri:this.uri==="pod-os:dashboard"?"":this.uri}),n("pos-login",{key:"e29f18dcde866d8ac1e317fcd7b71ef584e69034"},n("pos-user-menu",{key:"be796f0914649eb4e8525a9d8acdfd535626303c",webId:B.state.webId,slot:"if-logged-in"}))),n("main",{key:"f99dfb2d43e949528bc767b94801c99bf04a7eea"},this.mainContent()),n("footer",{key:"64744d1246356fa00da9c6b561785e2b794a7907"},n(ei,{key:"a648f7f88e12c79348bda33152f2759d2b93e738"}),n("span",{key:"f22e2f9904ba517fc2e579a05018704b5ade6302"},"PodOS Browser"))))))}mainContent(){if(this.uri===""){return null}if(this.uri.startsWith("pod-os:")){return n("pos-internal-router",{uri:this.uri})}return n("pos-resource",{key:this.uri,uri:this.uri},n("pos-type-router",null))}};const ei=()=>n("svg",{viewBox:"0 0 400 400",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M50 350 L50 100 L200 50 L350 100 L350 350 Z",style:{fill:"#008BF8",stroke:"#008BF8","stroke-width":"70"},"stroke-linejoin":"round"}),n("path",{d:"M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z",style:{fill:"white",stroke:"white","stroke-width":"45"},"stroke-linejoin":"round"}),n("path",{d:"M150 250 L150 200 L200 180 L250 200 L250 250 Z",style:{fill:"#DC0073",stroke:"#DC0073","stroke-width":"20"},"stroke-linejoin":"round"}));ti.style=Qn;const ni=":host{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--size-12), var(--size-96)));gap:var(--size-4);padding:var(--size-2);justify-content:center;align-items:start;justify-items:stretch}";const ii=ni;const si=class{constructor(t){e(this,t)}render(){return n(i,{key:"18dc165b7be1c796136804a2ba7643b2a6fffc73"},n("pos-getting-started",{key:"e3f7a22641e4c24168a36f96463515cd1a89ca5e"}),n("pos-example-resources",{key:"1044dd873049118e165ff6d38449c85695f63a50"}))}};si.style=ii;const oi=":host{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--size-12), var(--size-96)));gap:var(--size-4);padding:var(--size-2);justify-content:center;align-items:start;justify-items:stretch}";const ri=oi;const ai=class{constructor(t){e(this,t)}render(){return n("pos-setting-offline-cache",{key:"f065206f6291089773a19045243f04b6ce35eeb9"})}};ai.style=ri;const ci=class{constructor(t){e(this,t);this.subscribeResource=a(this,"pod-os:resource",7);this.receiveResource=t=>{this.resource=t}}componentWillLoad(){W(this)}render(){return this.resource?this.resource.description():null}};const li="dialog{background-color:var(--pos-background-color);color:var(--pos-normal-text-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:var(--width-xs);animation:slideIn 0.2s ease-out}dialog::backdrop{background:rgba(0, 0, 0, 0.5);backdrop-filter:var(--blur-sm);animation:fadeIn 0.2s ease-out}@media (prefers-color-scheme: dark){dialog::backdrop{background:rgb(100, 100, 100, 0.5)}}dialog header>:first-child{flex-grow:1;font-weight:var(--weight-light);font-size:var(--scale-2);font-family:var(--font-sans);margin:0}dialog header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--scale-0);border-bottom-style:inset;padding:0 0 var(--scale-0) 0}dialog>:last-child{display:block;margin-top:var(--scale-3)}button#close{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:var(--scale-3);color:var(--color-grey-500)}button#close:hover{color:var(--pos-secondary-border-color)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}";const di=li;const hi=class{constructor(t){e(this,t)}async showModal(){this.dialog.showModal()}async close(){this.dialog.close()}render(){return n(i,{key:"168dc7d1cf3feabd5f9b2b3f9add6b04467b36ef"},n("dialog",{key:"8bbfb245d9ff066d111c116c1715be25b0907403",ref:t=>this.dialog=t},n("header",{key:"94e28eb2b8147cb6b2aedda0d8e6a5158117788e"},n("slot",{key:"a40c2d397b9f54056d4fd8089fdfcc1e446b6d61",name:"title"}),n("button",{key:"f0f64f5aaafc331f9e3d0fb6201c453600157db1",tabindex:-1,id:"close",title:"Close",onClick:()=>this.close()},n("ion-icon",{key:"d94a0cf3d19d7caa3717690004101e3ff4748760",name:"close-outline"}))),n("slot",{key:"3181fafe55869add4a587bf4726226055e98588d",name:"content"})))}};hi.style=di;const ui=class{constructor(t){e(this,t)}async unhandledRejection(t){t.stopPropagation();console.error("unhandled promise rejection",t);await this.showToast(t.reason.toString())}async catchError(t){t.stopPropagation();console.error(t.detail);await this.showToast(t.detail.message)}async showToast(t){const e=await j.create({message:t,duration:1e4,position:"top",color:"danger",buttons:[{text:"Dismiss",role:"cancel"}]});await e.present()}render(){return n(i,{key:"c1ee5f8a19177c79a3fe377fa27e4a32ffa9db9f"},n("ion-toast",{key:"8759a3436a5caa16a11a2900a5f67d0dd205d097",trigger:"never",message:"Workarround to preload ion-toast and ion-ripple-effect to be able to show errors while offline",duration:0},n("ion-ripple-effect",{key:"990aa24f2a18750ec5307498acda539b784c86c4"})),n("slot",{key:"bea0650cc211dc2a161e7c634825adc045647d84"}))}};const fi=":host{border:var(--size-px) solid var(--pos-border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--size-8);max-width:var(--size-96);background:var(--pos-card-background)}.links{display:flex;flex-direction:column;gap:var(--size-3);max-width:80vw}";const pi=fi;const bi=class{constructor(t){e(this,t)}render(){return n(i,{key:"42e8ecc30fa26eb7750efff9a65048bb42b4c71d"},n("div",{key:"1df80385f1f6c44f7fe4255ecb93f6183df61727"},n("h2",{key:"9b249d38f00d1b00863226799bdcd13e4f78a4a9"},"Try these... 💡"),n("p",{key:"c33157b085b1ad3397e38bf5f4b1c601b0e40b6a"},"No idea where to start? Try these example resources, and follow your nose 👃"),n("div",{key:"f0f35cc2ec1f7fbf8a306e718e1f2aaffcbe84e0",class:"links"},n("pos-rich-link",{key:"999b7dc0aa587b1964838820f17a02257b051c0e",uri:"https://pod-os.solidcommunity.net/profile/card#me"}),n("pos-rich-link",{key:"67ca02160d0bdaa73bcfb188fcf40b058a584bf8",uri:"https://angelo.veltens.org/profile/card#me"}),n("pos-rich-link",{key:"800829fb68c96b0caa0ad2372b02e08b7842b704",uri:"https://angelo.veltens.org/public/bookmarks"}),n("pos-rich-link",{key:"680e29b8bf0437d6adba15052339b91ffd41b9a4",uri:"https://solidos.solidcommunity.net/profile/card#me"}))))}};bi.style=pi;const mi=":host{border:var(--size-px) solid var(--pos-border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--size-8);max-width:var(--size-96);background:var(--pos-card-background)}.question{font-weight:var(--weight-semibold)}a{font-weight:var(--weight-bold);color:var(--pos-primary-color)}button.login{background:none;color:var(--pos-primary-color);display:inline;text-decoration:underline;border:none;padding:0;margin:0;cursor:pointer;font-size:unset}";const gi=mi;const vi=class{constructor(t){e(this,t);this.login=a(this,"pod-os:login",7)}render(){return n(i,{key:"23a14b5ee10d585cc8cf3166ce041072b68cabb2"},n("div",{key:"964e46223d77516aaed40c7c55371716cfccf40a"},n("h2",{key:"5eaf56d6b0751d8511632d05570a05d5deba88c0"},"Getting started 🚀"),n("p",{key:"f41d858112a0337bcf2be9a39986cacac6921210"},"🔎 Enter a URL into the above navigation bar to browse through the web of data. "),n("p",{key:"8d40de32d86b871343687b402122b0dcc843daf9"},"🔐"," ",n("button",{key:"225091e03c1cf175362dc9530cf1eb5238e50d65",class:"login",onClick:()=>this.login.emit()},"Sign in")," ","to access private resources on your Solid Pod or those of your friends or coworkers.")),n("div",{key:"92924f3a67ac70cd333932f0658f9f73dd7474c9"},n("p",{key:"365d7c78aee4bb9396ac7d55c42c9e26b47fe87a",class:"question"},"New to Solid?"),n("p",{key:"42190c0f401faff3cf43fe8f3c69f4afc380f819"},n("a",{key:"d7de0d55a657c8a54a389efc50aa89bc4d48c5e6",href:"https://solidproject.org/for-developers#hosted-pod-services"},"Get a Pod →"))),n("div",{key:"8ad728231a1f2af613a462982af6bf129956ab1c"},n("p",{key:"c960fa49ff9789fe881cadc4f37d315c7727115a",class:"question"},"Want to dig deeper into PodOS?"),n("p",{key:"7991e91dbfdfc0447a2e08850e3634086f3f12ee"},n("a",{key:"a35d336eb2ca5947e66abb9e37526ee035c0a700",href:"http://pod-os.org"},"Learn more →"))))}};vi.style=gi;const wi=":host{display:flex;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:inherit}img,ion-skeleton-text,div.error{border-radius:var(--border-radius);width:var(--width);height:var(--height);max-width:var(--max-width);max-height:var(--max-height);object-fit:var(--object-fit)}img{backdrop-filter:var(--blur-xl)}.error{display:flex;opacity:0.8;background:repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error ion-icon{color:#282828;--ionicon-stroke-width:calc(var(--width) / 5);font-size:calc(var(--width) / 2)}a.error{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}";const yi=wi;const xi=class{constructor(t){e(this,t);this.initializeOsEmitter=a(this,"pod-os:init",7);this.resourceLoadedEmitter=a(this,"pod-os:resource-loaded",7);this.blurredBackground=false;this.loading=true;this.setOs=async t=>{this.os=t}}componentWillLoad(){B.onChange("isLoggedIn",(()=>this.fetchBlob()));this.initializeOsEmitter.emit(this.setOs)}async fetchBlob(){try{this.loading=true;this.imageError=null;this.networkError=null;this.brokenFile=null;const t=await this.os.fetchFile(this.src);this.resourceLoadedEmitter.emit(this.src);if(t.blob()){this.dataUri=URL.createObjectURL(t.blob())}else{this.brokenFile=t}}catch(t){this.networkError=t}finally{this.loading=false}}onImageError(t){this.networkError=null;this.imageError=t}render(){if(this.loading){return n("ion-skeleton-text",{animated:true})}if(this.networkError){return n("img",{alt:this.alt,src:this.src,onError:t=>this.onImageError(t)})}if(this.brokenFile){return n(R,{file:this.brokenFile})}if(this.imageError){return n("div",{class:"error"},n("a",{href:this.src},this.src))}return n(i,{style:{backgroundImage:this.blurredBackground?`url('${this.dataUri}')`:null}},n("img",{src:this.dataUri,alt:this.alt}))}static get watchers(){return{os:["fetchBlob"],src:["fetchBlob"]}}};xi.style=yi;const ki=class{constructor(t){e(this,t);this.uri="pod-os:dashboard"}render(){return this.uri==="pod-os:settings"?n("pos-app-settings",null):n("pos-app-dashboard",null)}};const zi=class{constructor(t){e(this,t);this.subscribeResource=a(this,"pod-os:resource",7);this.receiveResource=t=>{this.resource=t}}componentWillLoad(){W(this)}render(){return this.resource?this.resource.label():null}};const Si=".container{display:flex;align-items:center;gap:var(--size-2)}.user-data{align-items:center;display:inline-flex;gap:10px}.user-data pos-picture{--width:40px;--height:40px;--border-radius:50%}pos-login-form{margin:var(--size-2)}dialog{margin-top:var(--size-10)}button#login,button#logout{outline:none;font-weight:var(--weight-bold);letter-spacing:var(--letter-xl);border:none;box-sizing:border-box;border-radius:var(--radius-xs);padding:var(--size-2);box-shadow:var(--shadow-sm);color:var(--pos-primary-text-color);background-color:var(--pos-primary-color)}button#login:focus-within,button#logout:focus-within{outline:var(--pos-input-focus-outline)}button#login:focus,button#login:hover,button#logout:focus,button#logout:hover{filter:brightness(110%);box-shadow:var(--shadow-md)}";const _i=Si;const Ci=class{constructor(t){e(this,t);this.initializeOsEmitter=a(this,"pod-os:init",7);this.customLoggedInComponent=false;this.setOs=async t=>{this.os=t}}componentWillLoad(){this.customLoggedInComponent=!!this.host.querySelector('[slot="if-logged-in"]');this.initializeOsEmitter.emit(this.setOs)}login(t){const e=t.detail;this.os.login(e)}logout(){this.os.logout()}onLogin(){this.openDialog()}openDialog(){this.dialog.showModal()}render(){return n(i,{key:"dded3af9b4a95f30b9eda0414ff90ef77503f730"},n("div",{key:"d97326a13eb116bf47e7bd2c0887cfca59b792ad",class:"container"},!B.state.isLoggedIn?n("button",{id:"login",onClick:()=>this.openDialog()},"Login"):this.loggedInComponents()),n("pos-dialog",{key:"fd361fd4961fb96d74e402c4f41288a191c56bd5",ref:t=>this.dialog=t},n("span",{key:"2254d45b88f06dab5b3c5ce593c01fb3b35bd935",slot:"title"},"Sign in to your Pod"),n("pos-login-form",{key:"70a0080686c1f8064887b918273451c65c9a7813","onPod-os:idp-url-selected":t=>this.login(t),slot:"content"})))}loggedInComponents(){return this.customLoggedInComponent?n("slot",{name:"if-logged-in"}):this.defaultLoggedInComponents()}defaultLoggedInComponents(){return[n("pos-resource",{uri:B.state.webId},n("span",{class:"user-data"},n("pos-picture",null),n("pos-label",null))),n("button",{id:"logout",onClick:()=>this.logout()},"Logout")]}get host(){return s(this)}};Ci.style=_i;const $i=":host{display:block;margin:0}form{display:flex;flex-direction:column;gap:var(--size-4)}input{outline:var(--pos-input-outline);padding:var(--scale-000);border:none;border-radius:var(--radius-xs);width:var(--size-full);box-sizing:border-box;background:var(--pos-input-background-color);color:var(--pos-normal-text-color)}input:focus-within{outline:var(--pos-input-focus-outline)}input#login{outline:none;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--pos-primary-text-color);background-color:var(--pos-primary-color)}input#login:disabled{cursor:default;color:var(--pos-disabled-text-color);background-color:var(--pos-disabled-color);box-shadow:none}input#login:hover:not(:disabled),input#login:focus{filter:brightness(110%);box-shadow:var(--shadow-md)}";const Ai=$i;const Ii=class{constructor(t){e(this,t);this.idpUrlSelected=a(this,"pod-os:idp-url-selected",7);this.idpUrl="";this.canSubmit=false}validate(){this.canSubmit=Boolean(this.idpUrl)}render(){return n("form",{key:"30eab981894b50a2681e10a68606c87e0d07a235",method:"dialog",onSubmit:()=>this.handleSubmit()},n("label",{key:"97ceb026754eba3f7b2d14b2dc47f842d601f8c0",htmlFor:"idpUrl"},"Please enter your Identity Provider"),n("input",{key:"2c5c709ab36bbf017291e37991e3da93c150ad8a",id:"idpUrl",type:"url",value:this.idpUrl,required:true,onInput:t=>this.handleChange(t),list:"suggestedIssuers",placeholder:"Type to search..."}),n("datalist",{key:"0baa3fada6f2dbb7c11cadaa52430628710fcc20",id:"suggestedIssuers"},n("option",{key:"b69926e6ad5e0c2d71a18ae95ef68e8ec1c1ffaa",value:"https://solidcommunity.net"},"solidcommunity.net"),n("option",{key:"551d5bb9df7fe416e10a64f072020e1c4fdcb407",value:"https://solidweb.org"},"solidweb.org"),n("option",{key:"5461e8bbe8c8e1a33d4cae2bb8c82e51bd78fde2",value:"https://solidweb.me"},"solidweb.me"),n("option",{key:"8a46f5b818ca408db889abd68f6087a56db3788d",value:"https://inrupt.net"},"inrupt.net"),n("option",{key:"533935f58b3230a223bd0f8e38a4800d6e357017",value:"https://login.inrupt.com"},"Inrupt PodSpaces"),n("option",{key:"2e47e0832aaa3786283d4ca667efe4af246e8b0c",value:"https://trinpod.us"},"trinpod.us"),n("option",{key:"259af90ed0e39da4ea3148643dde06125ee8e349",value:"https://use.id"},"use.id"),n("option",{key:"2259f1ca0e0fa91ffbaa8aeddc7336bb94eed05b",value:"https://solid.redpencil.io"},"redpencil.io"),n("option",{key:"29244565c8f61e38d7bc15039a6ec990ca8765c0",value:"https://datapod.grant.io"},"Data Pod (grant.io)"),n("option",{key:"6be3b3c1171669fe3a9405d68623208dafc41439",value:"https://teamid.live"},"teamid.live")),n("input",{key:"4b967c6bb05a87a007eebf4ef3495d6b342da784",id:"login",type:"submit",value:"Login",disabled:!this.canSubmit}))}handleChange(t){this.validate();this.idpUrl=t.target.value}async handleSubmit(){this.idpUrlSelected.emit(this.idpUrl)}static get delegatesFocus(){return true}static get watchers(){return{idpUrl:["validate"]}}};Ii.style=Ai;
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Ei=globalThis,Mi=Ei.ShadowRoot&&(void 0===Ei.ShadyCSS||Ei.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ti=Symbol(),ji=new WeakMap;class Li{constructor(t,e,n){if(this._$cssResult$=!0,n!==Ti)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(Mi&&void 0===t){const n=void 0!==e&&1===e.length;n&&(t=ji.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&ji.set(e,t))}return t}toString(){return this.cssText}}const Oi=t=>new Li("string"==typeof t?t:t+"",void 0,Ti),Di=(t,...e)=>{const n=1===t.length?t[0]:e.reduce(((e,n,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+t[i+1]),t[0]);return new Li(n,t,Ti)},Pi=(t,e)=>{if(Mi)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const n of e){const e=document.createElement("style"),i=Ei.litNonce;void 0!==i&&e.setAttribute("nonce",i),e.textContent=n.cssText,t.appendChild(e)}},Bi=Mi?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return Oi(e)})(t):t
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */;const{is:Ri,defineProperty:Ui,getOwnPropertyDescriptor:Ni,getOwnPropertyNames:Xi,getOwnPropertySymbols:Wi,getPrototypeOf:Hi}=Object,Fi=globalThis,Yi=Fi.trustedTypes,Vi=Yi?Yi.emptyScript:"",qi=Fi.reactiveElementPolyfillSupport,Zi=(t,e)=>t,Gi={toAttribute(t,e){switch(e){case Boolean:t=t?Vi:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let n=t;switch(e){case Boolean:n=null!==t;break;case Number:n=null===t?null:Number(t);break;case Object:case Array:try{n=JSON.parse(t)}catch(t){n=null}}return n}},Ki=(t,e)=>!Ri(t,e),Ji={attribute:!0,type:String,converter:Gi,reflect:!1,useDefault:!1,hasChanged:Ki};Symbol.metadata??=Symbol("metadata"),Fi.litPropertyMetadata??=new WeakMap;class Qi extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Ji){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(t,n,e);void 0!==i&&Ui(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:s}=Ni(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:i,set(e){const o=i?.call(this);s?.call(this,e),this.requestUpdate(t,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Ji}static _$Ei(){if(this.hasOwnProperty(Zi("elementProperties")))return;const t=Hi(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(Zi("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Zi("properties"))){const t=this.properties,e=[...Xi(t),...Wi(t)];for(const n of e)this.createProperty(n,t[n])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,n]of e)this.elementProperties.set(t,n)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const n=this._$Eu(t,e);void 0!==n&&this._$Eh.set(n,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const t of n)e.unshift(Bi(t))}else void 0!==t&&e.push(Bi(t));return e}static _$Eu(t,e){const n=e.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Pi(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:Gi).toAttribute(e,n.type);this._$Em=t,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){const n=this.constructor,i=n._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=n.getPropertyOptions(i),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:Gi;this._$Em=i;const o=s.fromAttribute(e,t.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(t,e,n){if(void 0!==t){const i=this.constructor,s=this[t];if(n??=i.getPropertyOptions(t),!((n.hasChanged??Ki)(s,e)||n.useDefault&&n.reflect&&s===this._$Ej?.get(t)&&!this.hasAttribute(i._$Eu(t,n))))return;this.C(t,e,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),!0!==s||void 0!==o)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),!0===i&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,n]of t){const{wrapped:t}=n,i=this[e];!0!==t||this._$AL.has(e)||void 0===i||this.C(e,void 0,n,i)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}Qi.elementStyles=[],Qi.shadowRootOptions={mode:"open"},Qi[Zi("elementProperties")]=new Map,Qi[Zi("finalized")]=new Map,qi?.({ReactiveElement:Qi}),(Fi.reactiveElementVersions??=[]).push("2.1.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const ts=globalThis,es=ts.trustedTypes,ns=es?es.createPolicy("lit-html",{createHTML:t=>t}):void 0,is="$lit$",ss=`lit$${Math.random().toFixed(9).slice(2)}$`,os="?"+ss,rs=`<${os}>`,as=document,cs=()=>as.createComment(""),ls=t=>null===t||"object"!=typeof t&&"function"!=typeof t,ds=Array.isArray,hs=t=>ds(t)||"function"==typeof t?.[Symbol.iterator],us="[ \t\n\f\r]",fs=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ps=/-->/g,bs=/>/g,ms=RegExp(`>|${us}(?:([^\\s"'>=/]+)(${us}*=${us}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),gs=/'/g,vs=/"/g,ws=/^(?:script|style|textarea|title)$/i,ys=t=>(e,...n)=>({_$litType$:t,strings:e,values:n}),xs=ys(1),ks=Symbol.for("lit-noChange"),zs=Symbol.for("lit-nothing"),Ss=new WeakMap,_s=as.createTreeWalker(as,129);function Cs(t,e){if(!ds(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==ns?ns.createHTML(e):e}const $s=(t,e)=>{const n=t.length-1,i=[];let s,o=2===e?"<svg>":3===e?"<math>":"",r=fs;for(let e=0;e<n;e++){const n=t[e];let a,c,l=-1,d=0;for(;d<n.length&&(r.lastIndex=d,c=r.exec(n),null!==c);)d=r.lastIndex,r===fs?"!--"===c[1]?r=ps:void 0!==c[1]?r=bs:void 0!==c[2]?(ws.test(c[2])&&(s=RegExp("</"+c[2],"g")),r=ms):void 0!==c[3]&&(r=ms):r===ms?">"===c[0]?(r=s??fs,l=-1):void 0===c[1]?l=-2:(l=r.lastIndex-c[2].length,a=c[1],r=void 0===c[3]?ms:'"'===c[3]?vs:gs):r===vs||r===gs?r=ms:r===ps||r===bs?r=fs:(r=ms,s=void 0);const h=r===ms&&t[e+1].startsWith("/>")?" ":"";o+=r===fs?n+rs:l>=0?(i.push(a),n.slice(0,l)+is+n.slice(l)+ss+h):n+ss+(-2===l?e:h)}return[Cs(t,o+(t[n]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class As{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let s=0,o=0;const r=t.length-1,a=this.parts,[c,l]=$s(t,e);if(this.el=As.createElement(c,n),_s.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=_s.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(is)){const e=l[o++],n=i.getAttribute(t).split(ss),r=/([.?@])?(.*)/.exec(e);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?js:"?"===r[1]?Ls:"@"===r[1]?Os:Ts}),i.removeAttribute(t)}else t.startsWith(ss)&&(a.push({type:6,index:s}),i.removeAttribute(t));if(ws.test(i.tagName)){const t=i.textContent.split(ss),e=t.length-1;if(e>0){i.textContent=es?es.emptyScript:"";for(let n=0;n<e;n++)i.append(t[n],cs()),_s.nextNode(),a.push({type:2,index:++s});i.append(t[e],cs())}}}else if(8===i.nodeType)if(i.data===os)a.push({type:2,index:s});else{let t=-1;for(;-1!==(t=i.data.indexOf(ss,t+1));)a.push({type:7,index:s}),t+=ss.length-1}s++}}static createElement(t,e){const n=as.createElement("template");return n.innerHTML=t,n}}function Is(t,e,n=t,i){if(e===ks)return e;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=ls(e)?void 0:e._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(t),s._$AT(t,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(e=Is(t,s._$AS(t,e.values),s,i)),e}class Es{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:n}=this._$AD,i=(t?.creationScope??as).importNode(e,!0);_s.currentNode=i;let s=_s.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let e;2===a.type?e=new Ms(s,s.nextSibling,this,t):1===a.type?e=new a.ctor(s,a.name,a.strings,this,t):6===a.type&&(e=new Ds(s,this,t)),this._$AV.push(e),a=n[++r]}o!==a?.index&&(s=_s.nextNode(),o++)}return _s.currentNode=as,i}p(t){let e=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class Ms{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=zs,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Is(this,t,e),ls(t)?t===zs||null==t||""===t?(this._$AH!==zs&&this._$AR(),this._$AH=zs):t!==this._$AH&&t!==ks&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):hs(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==zs&&ls(this._$AH)?this._$AA.nextSibling.data=t:this.T(as.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:n}=t,i="number"==typeof n?this._$AC(t):(void 0===n.el&&(n.el=As.createElement(Cs(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new Es(i,this),n=t.u(this.options);t.p(e),this.T(n),this._$AH=t}}_$AC(t){let e=Ss.get(t.strings);return void 0===e&&Ss.set(t.strings,e=new As(t)),e}k(t){ds(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const s of t)i===e.length?e.push(n=new Ms(this.O(cs()),this.O(cs()),this,this.options)):n=e[i],n._$AI(s),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class Ts{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,s){this.type=1,this._$AH=zs,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=zs}_$AI(t,e=this,n,i){const s=this.strings;let o=!1;if(void 0===s)t=Is(this,t,e,0),o=!ls(t)||t!==this._$AH&&t!==ks,o&&(this._$AH=t);else{const i=t;let r,a;for(t=s[0],r=0;r<s.length-1;r++)a=Is(this,i[n+r],e,r),a===ks&&(a=this._$AH[r]),o||=!ls(a)||a!==this._$AH[r],a===zs?t=zs:t!==zs&&(t+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(t)}j(t){t===zs?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class js extends Ts{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===zs?void 0:t}}class Ls extends Ts{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==zs)}}class Os extends Ts{constructor(t,e,n,i,s){super(t,e,n,i,s),this.type=5}_$AI(t,e=this){if((t=Is(this,t,e,0)??zs)===ks)return;const n=this._$AH,i=t===zs&&n!==zs||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==zs&&(n===zs||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Ds{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){Is(this,t)}}const Ps=ts.litHtmlPolyfillSupport;Ps?.(As,Ms),(ts.litHtmlVersions??=[]).push("3.3.1");const Bs=(t,e,n)=>{const i=n?.renderBefore??e;let s=i._$litPart$;if(void 0===s){const t=n?.renderBefore??null;i._$litPart$=s=new Ms(e.insertBefore(cs(),t),t,void 0,n??{})}return s._$AI(t),s
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */};const Rs=globalThis;class Us extends Qi{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Bs(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ks}}Us._$litElement$=!0,Us["finalized"]=!0,Rs.litElementHydrateSupport?.({LitElement:Us});const Ns=Rs.litElementPolyfillSupport;Ns?.({LitElement:Us});(Rs.litElementVersions??=[]).push("4.2.1");var Xs=Di`
+  :host {
+    display: inline-block;
+  }
+  .dropdown::part(popup) {
+    z-index: var(--sl-z-index-dropdown);
+  }
+  .dropdown[data-current-placement^='top']::part(popup) {
+    transform-origin: bottom;
+  }
+  .dropdown[data-current-placement^='bottom']::part(popup) {
+    transform-origin: top;
+  }
+  .dropdown[data-current-placement^='left']::part(popup) {
+    transform-origin: right;
+  }
+  .dropdown[data-current-placement^='right']::part(popup) {
+    transform-origin: left;
+  }
+  .dropdown__trigger {
+    display: block;
+  }
+  .dropdown__panel {
+    font-family: var(--sl-font-sans);
+    font-size: var(--sl-font-size-medium);
+    font-weight: var(--sl-font-weight-normal);
+    box-shadow: var(--sl-shadow-large);
+    border-radius: var(--sl-border-radius-medium);
+    pointer-events: none;
+  }
+  .dropdown--open .dropdown__panel {
+    display: block;
+    pointer-events: all;
+  }
+  /* When users slot a menu, make sure it conforms to the popup's auto-size */
+  ::slotted(sl-menu) {
+    max-width: var(--auto-size-available-width) !important;
+    max-height: var(--auto-size-available-height) !important;
+  }
+`;var Ws=Object.defineProperty;var Hs=Object.defineProperties;var Fs=Object.getOwnPropertyDescriptor;var Ys=Object.getOwnPropertyDescriptors;var Vs=Object.getOwnPropertySymbols;var qs=Object.prototype.hasOwnProperty;var Zs=Object.prototype.propertyIsEnumerable;var Gs=(t,e)=>(e=Symbol[t])?e:Symbol.for("Symbol."+t);var Ks=t=>{throw TypeError(t)};var Js=(t,e,n)=>e in t?Ws(t,e,{enumerable:true,configurable:true,writable:true,value:n}):t[e]=n;var Qs=(t,e)=>{for(var n in e||(e={}))if(qs.call(e,n))Js(t,n,e[n]);if(Vs)for(var n of Vs(e)){if(Zs.call(e,n))Js(t,n,e[n])}return t};var to=(t,e)=>Hs(t,Ys(e));var eo=(t,e,n,i)=>{var s=i>1?void 0:i?Fs(e,n):e;for(var o=t.length-1,r;o>=0;o--)if(r=t[o])s=(i?r(e,n,s):r(s))||s;if(i&&s)Ws(e,n,s);return s};var no=(t,e,n)=>e.has(t)||Ks("Cannot "+n);var io=(t,e,n)=>(no(t,e,"read from private field"),n?n.call(t):e.get(t));var so=(t,e,n)=>e.has(t)?Ks("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,n);var oo=(t,e,n,i)=>(no(t,e,"write to private field"),i?i.call(t,n):e.set(t,n),n);var ro=function(t,e){this[0]=t;this[1]=e};var ao=t=>{var e=t[Gs("asyncIterator")],n=false,i,s={};if(e==null){e=t[Gs("iterator")]();i=t=>s[t]=n=>e[t](n)}else{e=e.call(t);i=t=>s[t]=i=>{if(n){n=false;if(t==="throw")throw i;return i}n=true;return{done:false,value:new ro(new Promise((n=>{var s=e[t](i);if(!(s instanceof Object))Ks("Object expected");n(s)})),1)}}}return s[Gs("iterator")]=()=>s,i("next"),"throw"in e?i("throw"):s.throw=t=>{throw t},"return"in e&&i("return"),s};function*co(t=document.activeElement){if(t===null||t===void 0)return;yield t;if("shadowRoot"in t&&t.shadowRoot&&t.shadowRoot.mode!=="closed"){yield*ao(co(t.shadowRoot.activeElement))}}function lo(){return[...co()].pop()}var ho=new WeakMap;function uo(t){let e=ho.get(t);if(!e){e=window.getComputedStyle(t,null);ho.set(t,e)}return e}function fo(t){if(typeof t.checkVisibility==="function"){return t.checkVisibility({checkOpacity:false,checkVisibilityCSS:true})}const e=uo(t);return e.visibility!=="hidden"&&e.display!=="none"}function po(t){const e=uo(t);const{overflowY:n,overflowX:i}=e;if(n==="scroll"||i==="scroll"){return true}if(n!=="auto"||i!=="auto"){return false}const s=t.scrollHeight>t.clientHeight;if(s&&n==="auto"){return true}const o=t.scrollWidth>t.clientWidth;if(o&&i==="auto"){return true}return false}function bo(t){const e=t.tagName.toLowerCase();const n=Number(t.getAttribute("tabindex"));const i=t.hasAttribute("tabindex");if(i&&(isNaN(n)||n<=-1)){return false}if(t.hasAttribute("disabled")){return false}if(t.closest("[inert]")){return false}if(e==="input"&&t.getAttribute("type")==="radio"){const e=t.getRootNode();const n=`input[type='radio'][name="${t.getAttribute("name")}"]`;const i=e.querySelector(`${n}:checked`);if(i){return i===t}const s=e.querySelector(n);return s===t}if(!fo(t)){return false}if((e==="audio"||e==="video")&&t.hasAttribute("controls")){return true}if(t.hasAttribute("tabindex")){return true}if(t.hasAttribute("contenteditable")&&t.getAttribute("contenteditable")!=="false"){return true}const s=["button","input","select","textarea","a","audio","video","summary","iframe"].includes(e);if(s){return true}return po(t)}function mo(t){var e,n;const i=vo(t);const s=(e=i[0])!=null?e:null;const o=(n=i[i.length-1])!=null?n:null;return{start:s,end:o}}function go(t,e){var n;return((n=t.getRootNode({composed:true}))==null?void 0:n.host)!==e}function vo(t){const e=new WeakMap;const n=[];function i(s){if(s instanceof Element){if(s.hasAttribute("inert")||s.closest("[inert]")){return}if(e.has(s)){return}e.set(s,true);if(!n.includes(s)&&bo(s)){n.push(s)}if(s instanceof HTMLSlotElement&&go(s,t)){s.assignedElements({flatten:true}).forEach((t=>{i(t)}))}if(s.shadowRoot!==null&&s.shadowRoot.mode==="open"){i(s.shadowRoot)}}for(const t of s.children){i(t)}}i(t);return n.sort(((t,e)=>{const n=Number(t.getAttribute("tabindex"))||0;const i=Number(e.getAttribute("tabindex"))||0;return i-n}))}var wo=Di`
+  :host {
+    --arrow-color: var(--sl-color-neutral-1000);
+    --arrow-size: 6px;
+    /*
+     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
+     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
+     */
+    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
+    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));
+    display: contents;
+  }
+  .popup {
+    position: absolute;
+    isolation: isolate;
+    max-width: var(--auto-size-available-width, none);
+    max-height: var(--auto-size-available-height, none);
+  }
+  .popup--fixed {
+    position: fixed;
+  }
+  .popup:not(.popup--active) {
+    display: none;
+  }
+  .popup__arrow {
+    position: absolute;
+    width: calc(var(--arrow-size-diagonal) * 2);
+    height: calc(var(--arrow-size-diagonal) * 2);
+    rotate: 45deg;
+    background: var(--arrow-color);
+    z-index: -1;
+  }
+  /* Hover bridge */
+  .popup-hover-bridge:not(.popup-hover-bridge--visible) {
+    display: none;
+  }
+  .popup-hover-bridge {
+    position: fixed;
+    z-index: calc(var(--sl-z-index-dropdown) - 1);
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    clip-path: polygon(
+      var(--hover-bridge-top-left-x, 0) var(--hover-bridge-top-left-y, 0),
+      var(--hover-bridge-top-right-x, 0) var(--hover-bridge-top-right-y, 0),
+      var(--hover-bridge-bottom-right-x, 0) var(--hover-bridge-bottom-right-y, 0),
+      var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0)
+    );
+  }
+`;const yo=new Set;const xo=new Map;let ko;let zo="ltr";let So="en";const _o=typeof MutationObserver!=="undefined"&&typeof document!=="undefined"&&typeof document.documentElement!=="undefined";if(_o){const t=new MutationObserver($o);zo=document.documentElement.dir||"ltr";So=document.documentElement.lang||navigator.language;t.observe(document.documentElement,{attributes:true,attributeFilter:["dir","lang"]})}function Co(...t){t.map((t=>{const e=t.$code.toLowerCase();if(xo.has(e)){xo.set(e,Object.assign(Object.assign({},xo.get(e)),t))}else{xo.set(e,t)}if(!ko){ko=t}}));$o()}function $o(){if(_o){zo=document.documentElement.dir||"ltr";So=document.documentElement.lang||navigator.language}[...yo.keys()].map((t=>{if(typeof t.requestUpdate==="function"){t.requestUpdate()}}))}class Ao{constructor(t){this.host=t;this.host.addController(this)}hostConnected(){yo.add(this.host)}hostDisconnected(){yo.delete(this.host)}dir(){return`${this.host.dir||zo}`.toLowerCase()}lang(){return`${this.host.lang||So}`.toLowerCase()}getTranslationData(t){var e,n;const i=new Intl.Locale(t.replace(/_/g,"-"));const s=i===null||i===void 0?void 0:i.language.toLowerCase();const o=(n=(e=i===null||i===void 0?void 0:i.region)===null||e===void 0?void 0:e.toLowerCase())!==null&&n!==void 0?n:"";const r=xo.get(`${s}-${o}`);const a=xo.get(s);return{locale:i,language:s,region:o,primary:r,secondary:a}}exists(t,e){var n;const{primary:i,secondary:s}=this.getTranslationData((n=e.lang)!==null&&n!==void 0?n:this.lang());e=Object.assign({includeFallback:false},e);if(i&&i[t]||s&&s[t]||e.includeFallback&&ko&&ko[t]){return true}return false}term(t,...e){const{primary:n,secondary:i}=this.getTranslationData(this.lang());let s;if(n&&n[t]){s=n[t]}else if(i&&i[t]){s=i[t]}else if(ko&&ko[t]){s=ko[t]}else{console.error(`No translation found for: ${String(t)}`);return String(t)}if(typeof s==="function"){return s(...e)}return s}date(t,e){t=new Date(t);return new Intl.DateTimeFormat(this.lang(),e).format(t)}number(t,e){t=Number(t);return isNaN(t)?"":new Intl.NumberFormat(this.lang(),e).format(t)}relativeTime(t,e,n){return new Intl.RelativeTimeFormat(this.lang(),n).format(t,e)}}var Io={$code:"en",$name:"English",$dir:"ltr",carousel:"Carousel",clearEntry:"Clear entry",close:"Close",copied:"Copied",copy:"Copy",currentValue:"Current value",error:"Error",goToSlide:(t,e)=>`Go to slide ${t} of ${e}`,hidePassword:"Hide password",loading:"Loading",nextSlide:"Next slide",numOptionsSelected:t=>{if(t===0)return"No options selected";if(t===1)return"1 option selected";return`${t} options selected`},previousSlide:"Previous slide",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",slideNum:t=>`Slide ${t}`,toggleColorFormat:"Toggle color format"};Co(Io);var Eo=Io;var Mo=class extends Ao{};Co(Eo);var To=Di`
+  :host {
+    box-sizing: border-box;
+  }
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+  [hidden] {
+    display: none !important;
+  }
+`
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */;const jo={attribute:!0,type:String,converter:Gi,reflect:!1,hasChanged:Ki},Lo=(t=jo,e,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((t=Object.create(t)).wrapped=!0),o.set(n.name,t),"accessor"===i){const{name:i}=n;return{set(n){const s=e.get.call(this);e.set.call(this,n),this.requestUpdate(i,s,t)},init(e){return void 0!==e&&this.C(i,void 0,t,e),e}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];e.call(this,n),this.requestUpdate(i,s,t)}}throw Error("Unsupported decorator location: "+i)};function Oo(t){return(e,n)=>"object"==typeof n?Lo(t,e,n):((t,e,n)=>{const i=e.hasOwnProperty(n);return e.constructor.createProperty(n,t),i?Object.getOwnPropertyDescriptor(e,n):void 0})(t,e,n)
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */}function Do(t){return Oo({...t,state:!0,attribute:!1})}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Po=(t,e,n)=>(n.configurable=!0,n.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,n),n)
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */;function Bo(t,e){return(n,i,s)=>{const o=e=>e.renderRoot?.querySelector(t)??null;if(e){const{get:t,set:e}="object"==typeof i?n:s??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return Po(n,i,{get(){let n=t.call(this);return void 0===n&&(n=o(this),(null!==n||this.hasUpdated)&&e.call(this,n)),n}})}return Po(n,i,{get(){return o(this)}})}}var Ro;var Uo=class extends Us{constructor(){super();so(this,Ro,false);this.initialReflectedProperties=new Map;Object.entries(this.constructor.dependencies).forEach((([t,e])=>{this.constructor.define(t,e)}))}emit(t,e){const n=new CustomEvent(t,Qs({bubbles:true,cancelable:false,composed:true,detail:{}},e));this.dispatchEvent(n);return n}static define(t,e=this,n={}){const i=customElements.get(t);if(!i){try{customElements.define(t,e,n)}catch(i){customElements.define(t,class extends e{},n)}return}let s=" (unknown version)";let o=s;if("version"in e&&e.version){s=" v"+e.version}if("version"in i&&i.version){o=" v"+i.version}if(s&&o&&s===o){return}console.warn(`Attempted to register <${t}>${s}, but <${t}>${o} has already been registered.`)}attributeChangedCallback(t,e,n){if(!io(this,Ro)){this.constructor.elementProperties.forEach(((t,e)=>{if(t.reflect&&this[e]!=null){this.initialReflectedProperties.set(e,this[e])}}));oo(this,Ro,true)}super.attributeChangedCallback(t,e,n)}willUpdate(t){super.willUpdate(t);this.initialReflectedProperties.forEach(((e,n)=>{if(t.has(n)&&this[n]==null){this[n]=e}}))}};Ro=new WeakMap;Uo.version="2.20.1";Uo.dependencies={};eo([Oo()],Uo.prototype,"dir",2);eo([Oo()],Uo.prototype,"lang",2);const No=["top","right","bottom","left"];const Xo=["start","end"];const Wo=No.reduce(((t,e)=>t.concat(e,e+"-"+Xo[0],e+"-"+Xo[1])),[]);const Ho=Math.min;const Fo=Math.max;const Yo=Math.round;const Vo=Math.floor;const qo=t=>({x:t,y:t});const Zo={left:"right",right:"left",bottom:"top",top:"bottom"};const Go={start:"end",end:"start"};function Ko(t,e,n){return Fo(t,Ho(e,n))}function Jo(t,e){return typeof t==="function"?t(e):t}function Qo(t){return t.split("-")[0]}function tr(t){return t.split("-")[1]}function er(t){return t==="x"?"y":"x"}function nr(t){return t==="y"?"height":"width"}const ir=new Set(["top","bottom"]);function sr(t){return ir.has(Qo(t))?"y":"x"}function or(t){return er(sr(t))}function rr(t,e,n){if(n===void 0){n=false}const i=tr(t);const s=or(t);const o=nr(s);let r=s==="x"?i===(n?"end":"start")?"right":"left":i==="start"?"bottom":"top";if(e.reference[o]>e.floating[o]){r=br(r)}return[r,br(r)]}function ar(t){const e=br(t);return[cr(t),e,cr(e)]}function cr(t){return t.replace(/start|end/g,(t=>Go[t]))}const lr=["left","right"];const dr=["right","left"];const hr=["top","bottom"];const ur=["bottom","top"];function fr(t,e,n){switch(t){case"top":case"bottom":if(n)return e?dr:lr;return e?lr:dr;case"left":case"right":return e?hr:ur;default:return[]}}function pr(t,e,n,i){const s=tr(t);let o=fr(Qo(t),n==="start",i);if(s){o=o.map((t=>t+"-"+s));if(e){o=o.concat(o.map(cr))}}return o}function br(t){return t.replace(/left|right|bottom|top/g,(t=>Zo[t]))}function mr(t){return{top:0,right:0,bottom:0,left:0,...t}}function gr(t){return typeof t!=="number"?mr(t):{top:t,right:t,bottom:t,left:t}}function vr(t){const{x:e,y:n,width:i,height:s}=t;return{width:i,height:s,top:n,left:e,right:e+i,bottom:n+s,x:e,y:n}}function wr(t,e,n){let{reference:i,floating:s}=t;const o=sr(e);const r=or(e);const a=nr(r);const c=Qo(e);const l=o==="y";const d=i.x+i.width/2-s.width/2;const h=i.y+i.height/2-s.height/2;const u=i[a]/2-s[a]/2;let f;switch(c){case"top":f={x:d,y:i.y-s.height};break;case"bottom":f={x:d,y:i.y+i.height};break;case"right":f={x:i.x+i.width,y:h};break;case"left":f={x:i.x-s.width,y:h};break;default:f={x:i.x,y:i.y}}switch(tr(e)){case"start":f[r]-=u*(n&&l?-1:1);break;case"end":f[r]+=u*(n&&l?-1:1);break}return f}const yr=async(t,e,n)=>{const{placement:i="bottom",strategy:s="absolute",middleware:o=[],platform:r}=n;const a=o.filter(Boolean);const c=await(r.isRTL==null?void 0:r.isRTL(e));let l=await r.getElementRects({reference:t,floating:e,strategy:s});let{x:d,y:h}=wr(l,i,c);let u=i;let f={};let p=0;for(let n=0;n<a.length;n++){const{name:o,fn:b}=a[n];const{x:m,y:g,data:v,reset:w}=await b({x:d,y:h,initialPlacement:i,placement:u,strategy:s,middlewareData:f,rects:l,platform:r,elements:{reference:t,floating:e}});d=m!=null?m:d;h=g!=null?g:h;f={...f,[o]:{...f[o],...v}};if(w&&p<=50){p++;if(typeof w==="object"){if(w.placement){u=w.placement}if(w.rects){l=w.rects===true?await r.getElementRects({reference:t,floating:e,strategy:s}):w.rects}({x:d,y:h}=wr(l,u,c))}n=-1}}return{x:d,y:h,placement:u,strategy:s,middlewareData:f}};async function xr(t,e){var n;if(e===void 0){e={}}const{x:i,y:s,platform:o,rects:r,elements:a,strategy:c}=t;const{boundary:l="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:u=false,padding:f=0}=Jo(e,t);const p=gr(f);const b=h==="floating"?"reference":"floating";const m=a[u?b:h];const g=vr(await o.getClippingRect({element:((n=await(o.isElement==null?void 0:o.isElement(m)))!=null?n:true)?m:m.contextElement||await(o.getDocumentElement==null?void 0:o.getDocumentElement(a.floating)),boundary:l,rootBoundary:d,strategy:c}));const v=h==="floating"?{x:i,y:s,width:r.floating.width,height:r.floating.height}:r.reference;const w=await(o.getOffsetParent==null?void 0:o.getOffsetParent(a.floating));const y=await(o.isElement==null?void 0:o.isElement(w))?await(o.getScale==null?void 0:o.getScale(w))||{x:1,y:1}:{x:1,y:1};const x=vr(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:v,offsetParent:w,strategy:c}):v);return{top:(g.top-x.top+p.top)/y.y,bottom:(x.bottom-g.bottom+p.bottom)/y.y,left:(g.left-x.left+p.left)/y.x,right:(x.right-g.right+p.right)/y.x}}const kr=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:i,placement:s,rects:o,platform:r,elements:a,middlewareData:c}=e;const{element:l,padding:d=0}=Jo(t,e)||{};if(l==null){return{}}const h=gr(d);const u={x:n,y:i};const f=or(s);const p=nr(f);const b=await r.getDimensions(l);const m=f==="y";const g=m?"top":"left";const v=m?"bottom":"right";const w=m?"clientHeight":"clientWidth";const y=o.reference[p]+o.reference[f]-u[f]-o.floating[p];const x=u[f]-o.reference[f];const k=await(r.getOffsetParent==null?void 0:r.getOffsetParent(l));let z=k?k[w]:0;if(!z||!await(r.isElement==null?void 0:r.isElement(k))){z=a.floating[w]||o.floating[p]}const S=y/2-x/2;const _=z/2-b[p]/2-1;const C=Ho(h[g],_);const $=Ho(h[v],_);const A=C;const I=z-b[p]-$;const E=z/2-b[p]/2+S;const M=Ko(A,E,I);const T=!c.arrow&&tr(s)!=null&&E!==M&&o.reference[p]/2-(E<A?C:$)-b[p]/2<0;const j=T?E<A?E-A:E-I:0;return{[f]:u[f]+j,data:{[f]:M,centerOffset:E-M-j,...T&&{alignmentOffset:j}},reset:T}}});function zr(t,e,n){const i=t?[...n.filter((e=>tr(e)===t)),...n.filter((e=>tr(e)!==t))]:n.filter((t=>Qo(t)===t));return i.filter((n=>{if(t){return tr(n)===t||(e?cr(n)!==n:false)}return true}))}const Sr=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,async fn(e){var n,i,s;const{rects:o,middlewareData:r,placement:a,platform:c,elements:l}=e;const{crossAxis:d=false,alignment:h,allowedPlacements:u=Wo,autoAlignment:f=true,...p}=Jo(t,e);const b=h!==undefined||u===Wo?zr(h||null,f,u):u;const m=await xr(e,p);const g=((n=r.autoPlacement)==null?void 0:n.index)||0;const v=b[g];if(v==null){return{}}const w=rr(v,o,await(c.isRTL==null?void 0:c.isRTL(l.floating)));if(a!==v){return{reset:{placement:b[0]}}}const y=[m[Qo(v)],m[w[0]],m[w[1]]];const x=[...((i=r.autoPlacement)==null?void 0:i.overflows)||[],{placement:v,overflows:y}];const k=b[g+1];if(k){return{data:{index:g+1,overflows:x},reset:{placement:k}}}const z=x.map((t=>{const e=tr(t.placement);return[t.placement,e&&d?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1]));const S=z.filter((t=>t[2].slice(0,tr(t[0])?2:3).every((t=>t<=0))));const _=((s=S[0])==null?void 0:s[0])||z[0][0];if(_!==a){return{data:{index:g+1,overflows:x},reset:{placement:_}}}return{}}}};const _r=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(e){var n,i;const{placement:s,middlewareData:o,rects:r,initialPlacement:a,platform:c,elements:l}=e;const{mainAxis:d=true,crossAxis:h=true,fallbackPlacements:u,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:b=true,...m}=Jo(t,e);if((n=o.arrow)!=null&&n.alignmentOffset){return{}}const g=Qo(s);const v=sr(a);const w=Qo(a)===a;const y=await(c.isRTL==null?void 0:c.isRTL(l.floating));const x=u||(w||!b?[br(a)]:ar(a));const k=p!=="none";if(!u&&k){x.push(...pr(a,b,p,y))}const z=[a,...x];const S=await xr(e,m);const _=[];let C=((i=o.flip)==null?void 0:i.overflows)||[];if(d){_.push(S[g])}if(h){const t=rr(s,r,y);_.push(S[t[0]],S[t[1]])}C=[...C,{placement:s,overflows:_}];if(!_.every((t=>t<=0))){var $,A;const t=((($=o.flip)==null?void 0:$.index)||0)+1;const e=z[t];if(e){const n=h==="alignment"?v!==sr(e):false;if(!n||C.every((t=>t.overflows[0]>0&&sr(t.placement)===v))){return{data:{index:t,overflows:C},reset:{placement:e}}}}let n=(A=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])==null?void 0:A.placement;if(!n){switch(f){case"bestFit":{var I;const t=(I=C.filter((t=>{if(k){const e=sr(t.placement);return e===v||e==="y"}return true})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])==null?void 0:I[0];if(t){n=t}break}case"initialPlacement":n=a;break}}if(s!==n){return{reset:{placement:n}}}}return{}}}};function Cr(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function $r(t){return No.some((e=>t[e]>=0))}const Ar=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(e){const{rects:n}=e;const{strategy:i="referenceHidden",...s}=Jo(t,e);switch(i){case"referenceHidden":{const t=await xr(e,{...s,elementContext:"reference"});const i=Cr(t,n.reference);return{data:{referenceHiddenOffsets:i,referenceHidden:$r(i)}}}case"escaped":{const t=await xr(e,{...s,altBoundary:true});const i=Cr(t,n.floating);return{data:{escapedOffsets:i,escaped:$r(i)}}}default:{return{}}}}}};function Ir(t){const e=Ho(...t.map((t=>t.left)));const n=Ho(...t.map((t=>t.top)));const i=Fo(...t.map((t=>t.right)));const s=Fo(...t.map((t=>t.bottom)));return{x:e,y:n,width:i-e,height:s-n}}function Er(t){const e=t.slice().sort(((t,e)=>t.y-e.y));const n=[];let i=null;for(let t=0;t<e.length;t++){const s=e[t];if(!i||s.y-i.y>i.height/2){n.push([s])}else{n[n.length-1].push(s)}i=s}return n.map((t=>vr(Ir(t))))}const Mr=function(t){if(t===void 0){t={}}return{name:"inline",options:t,async fn(e){const{placement:n,elements:i,rects:s,platform:o,strategy:r}=e;const{padding:a=2,x:c,y:l}=Jo(t,e);const d=Array.from(await(o.getClientRects==null?void 0:o.getClientRects(i.reference))||[]);const h=Er(d);const u=vr(Ir(d));const f=gr(a);function p(){if(h.length===2&&h[0].left>h[1].right&&c!=null&&l!=null){return h.find((t=>c>t.left-f.left&&c<t.right+f.right&&l>t.top-f.top&&l<t.bottom+f.bottom))||u}if(h.length>=2){if(sr(n)==="y"){const t=h[0];const e=h[h.length-1];const i=Qo(n)==="top";const s=t.top;const o=e.bottom;const r=i?t.left:e.left;const a=i?t.right:e.right;const c=a-r;const l=o-s;return{top:s,bottom:o,left:r,right:a,width:c,height:l,x:r,y:s}}const t=Qo(n)==="left";const e=Fo(...h.map((t=>t.right)));const i=Ho(...h.map((t=>t.left)));const s=h.filter((n=>t?n.left===i:n.right===e));const o=s[0].top;const r=s[s.length-1].bottom;const a=i;const c=e;const l=c-a;const d=r-o;return{top:o,bottom:r,left:a,right:c,width:l,height:d,x:a,y:o}}return u}const b=await o.getElementRects({reference:{getBoundingClientRect:p},floating:i.floating,strategy:r});if(s.reference.x!==b.reference.x||s.reference.y!==b.reference.y||s.reference.width!==b.reference.width||s.reference.height!==b.reference.height){return{reset:{rects:b}}}return{}}}};const Tr=new Set(["left","top"]);async function jr(t,e){const{placement:n,platform:i,elements:s}=t;const o=await(i.isRTL==null?void 0:i.isRTL(s.floating));const r=Qo(n);const a=tr(n);const c=sr(n)==="y";const l=Tr.has(r)?-1:1;const d=o&&c?-1:1;const h=Jo(e,t);let{mainAxis:u,crossAxis:f,alignmentAxis:p}=typeof h==="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};if(a&&typeof p==="number"){f=a==="end"?p*-1:p}return c?{x:f*d,y:u*l}:{x:u*l,y:f*d}}const Lr=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(e){var n,i;const{x:s,y:o,placement:r,middlewareData:a}=e;const c=await jr(e,t);if(r===((n=a.offset)==null?void 0:n.placement)&&(i=a.arrow)!=null&&i.alignmentOffset){return{}}return{x:s+c.x,y:o+c.y,data:{...c,placement:r}}}}};const Or=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(e){const{x:n,y:i,placement:s}=e;const{mainAxis:o=true,crossAxis:r=false,limiter:a={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...c}=Jo(t,e);const l={x:n,y:i};const d=await xr(e,c);const h=sr(Qo(s));const u=er(h);let f=l[u];let p=l[h];if(o){const t=u==="y"?"top":"left";const e=u==="y"?"bottom":"right";const n=f+d[t];const i=f-d[e];f=Ko(n,f,i)}if(r){const t=h==="y"?"top":"left";const e=h==="y"?"bottom":"right";const n=p+d[t];const i=p-d[e];p=Ko(n,p,i)}const b=a.fn({...e,[u]:f,[h]:p});return{...b,data:{x:b.x-n,y:b.y-i,enabled:{[u]:o,[h]:r}}}}}};const Dr=function(t){if(t===void 0){t={}}return{options:t,fn(e){const{x:n,y:i,placement:s,rects:o,middlewareData:r}=e;const{offset:a=0,mainAxis:c=true,crossAxis:l=true}=Jo(t,e);const d={x:n,y:i};const h=sr(s);const u=er(h);let f=d[u];let p=d[h];const b=Jo(a,e);const m=typeof b==="number"?{mainAxis:b,crossAxis:0}:{mainAxis:0,crossAxis:0,...b};if(c){const t=u==="y"?"height":"width";const e=o.reference[u]-o.floating[t]+m.mainAxis;const n=o.reference[u]+o.reference[t]-m.mainAxis;if(f<e){f=e}else if(f>n){f=n}}if(l){var g,v;const t=u==="y"?"width":"height";const e=Tr.has(Qo(s));const n=o.reference[h]-o.floating[t]+(e?((g=r.offset)==null?void 0:g[h])||0:0)+(e?0:m.crossAxis);const i=o.reference[h]+o.reference[t]+(e?0:((v=r.offset)==null?void 0:v[h])||0)-(e?m.crossAxis:0);if(p<n){p=n}else if(p>i){p=i}}return{[u]:f,[h]:p}}}};const Pr=function(t){if(t===void 0){t={}}return{name:"size",options:t,async fn(e){var n,i;const{placement:s,rects:o,platform:r,elements:a}=e;const{apply:c=(()=>{}),...l}=Jo(t,e);const d=await xr(e,l);const h=Qo(s);const u=tr(s);const f=sr(s)==="y";const{width:p,height:b}=o.floating;let m;let g;if(h==="top"||h==="bottom"){m=h;g=u===(await(r.isRTL==null?void 0:r.isRTL(a.floating))?"start":"end")?"left":"right"}else{g=h;m=u==="end"?"top":"bottom"}const v=b-d.top-d.bottom;const w=p-d.left-d.right;const y=Ho(b-d[m],v);const x=Ho(p-d[g],w);const k=!e.middlewareData.shift;let z=y;let S=x;if((n=e.middlewareData.shift)!=null&&n.enabled.x){S=w}if((i=e.middlewareData.shift)!=null&&i.enabled.y){z=v}if(k&&!u){const t=Fo(d.left,0);const e=Fo(d.right,0);const n=Fo(d.top,0);const i=Fo(d.bottom,0);if(f){S=p-2*(t!==0||e!==0?t+e:Fo(d.left,d.right))}else{z=b-2*(n!==0||i!==0?n+i:Fo(d.top,d.bottom))}}await c({...e,availableWidth:S,availableHeight:z});const _=await r.getDimensions(a.floating);if(p!==_.width||b!==_.height){return{reset:{rects:true}}}return{}}}};function Br(){return typeof window!=="undefined"}function Rr(t){if(Xr(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function Ur(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function Nr(t){var e;return(e=(Xr(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Xr(t){if(!Br()){return false}return t instanceof Node||t instanceof Ur(t).Node}function Wr(t){if(!Br()){return false}return t instanceof Element||t instanceof Ur(t).Element}function Hr(t){if(!Br()){return false}return t instanceof HTMLElement||t instanceof Ur(t).HTMLElement}function Fr(t){if(!Br()||typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof Ur(t).ShadowRoot}const Yr=new Set(["inline","contents"]);function Vr(t){const{overflow:e,overflowX:n,overflowY:i,display:s}=ra(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!Yr.has(s)}const qr=new Set(["table","td","th"]);function Zr(t){return qr.has(Rr(t))}const Gr=[":popover-open",":modal"];function Kr(t){return Gr.some((e=>{try{return t.matches(e)}catch(t){return false}}))}const Jr=["transform","translate","scale","rotate","perspective"];const Qr=["transform","translate","scale","rotate","perspective","filter"];const ta=["paint","layout","strict","content"];function ea(t){const e=ia();const n=Wr(t)?ra(t):t;return Jr.some((t=>n[t]?n[t]!=="none":false))||(n.containerType?n.containerType!=="normal":false)||!e&&(n.backdropFilter?n.backdropFilter!=="none":false)||!e&&(n.filter?n.filter!=="none":false)||Qr.some((t=>(n.willChange||"").includes(t)))||ta.some((t=>(n.contain||"").includes(t)))}function na(t){let e=ca(t);while(Hr(e)&&!oa(e)){if(ea(e)){return e}else if(Kr(e)){return null}e=ca(e)}return null}function ia(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}const sa=new Set(["html","body","#document"]);function oa(t){return sa.has(Rr(t))}function ra(t){return Ur(t).getComputedStyle(t)}function aa(t){if(Wr(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function ca(t){if(Rr(t)==="html"){return t}const e=t.assignedSlot||t.parentNode||Fr(t)&&t.host||Nr(t);return Fr(e)?e.host:e}function la(t){const e=ca(t);if(oa(e)){return t.ownerDocument?t.ownerDocument.body:t.body}if(Hr(e)&&Vr(e)){return e}return la(e)}function da(t,e,n){var i;if(e===void 0){e=[]}if(n===void 0){n=true}const s=la(t);const o=s===((i=t.ownerDocument)==null?void 0:i.body);const r=Ur(s);if(o){const t=ha(r);return e.concat(r,r.visualViewport||[],Vr(s)?s:[],t&&n?da(t):[])}return e.concat(s,da(s,[],n))}function ha(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function ua(t){const e=ra(t);let n=parseFloat(e.width)||0;let i=parseFloat(e.height)||0;const s=Hr(t);const o=s?t.offsetWidth:n;const r=s?t.offsetHeight:i;const a=Yo(n)!==o||Yo(i)!==r;if(a){n=o;i=r}return{width:n,height:i,$:a}}function fa(t){return!Wr(t)?t.contextElement:t}function pa(t){const e=fa(t);if(!Hr(e)){return qo(1)}const n=e.getBoundingClientRect();const{width:i,height:s,$:o}=ua(e);let r=(o?Yo(n.width):n.width)/i;let a=(o?Yo(n.height):n.height)/s;if(!r||!Number.isFinite(r)){r=1}if(!a||!Number.isFinite(a)){a=1}return{x:r,y:a}}const ba=qo(0);function ma(t){const e=Ur(t);if(!ia()||!e.visualViewport){return ba}return{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function ga(t,e,n){if(e===void 0){e=false}if(!n||e&&n!==Ur(t)){return false}return e}function va(t,e,n,i){if(e===void 0){e=false}if(n===void 0){n=false}const s=t.getBoundingClientRect();const o=fa(t);let r=qo(1);if(e){if(i){if(Wr(i)){r=pa(i)}}else{r=pa(t)}}const a=ga(o,n,i)?ma(o):qo(0);let c=(s.left+a.x)/r.x;let l=(s.top+a.y)/r.y;let d=s.width/r.x;let h=s.height/r.y;if(o){const t=Ur(o);const e=i&&Wr(i)?Ur(i):i;let n=t;let s=ha(n);while(s&&i&&e!==n){const t=pa(s);const e=s.getBoundingClientRect();const i=ra(s);const o=e.left+(s.clientLeft+parseFloat(i.paddingLeft))*t.x;const r=e.top+(s.clientTop+parseFloat(i.paddingTop))*t.y;c*=t.x;l*=t.y;d*=t.x;h*=t.y;c+=o;l+=r;n=Ur(s);s=ha(n)}}return vr({width:d,height:h,x:c,y:l})}function wa(t,e){const n=aa(t).scrollLeft;if(!e){return va(Nr(t)).left+n}return e.left+n}function ya(t,e,n){if(n===void 0){n=false}const i=t.getBoundingClientRect();const s=i.left+e.scrollLeft-(n?0:wa(t,i));const o=i.top+e.scrollTop;return{x:s,y:o}}function xa(t){let{elements:e,rect:n,offsetParent:i,strategy:s}=t;const o=s==="fixed";const r=Nr(i);const a=e?Kr(e.floating):false;if(i===r||a&&o){return n}let c={scrollLeft:0,scrollTop:0};let l=qo(1);const d=qo(0);const h=Hr(i);if(h||!h&&!o){if(Rr(i)!=="body"||Vr(r)){c=aa(i)}if(Hr(i)){const t=va(i);l=pa(i);d.x=t.x+i.clientLeft;d.y=t.y+i.clientTop}}const u=r&&!h&&!o?ya(r,c,true):qo(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-c.scrollLeft*l.x+d.x+u.x,y:n.y*l.y-c.scrollTop*l.y+d.y+u.y}}function ka(t){return Array.from(t.getClientRects())}function za(t){const e=Nr(t);const n=aa(t);const i=t.ownerDocument.body;const s=Fo(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth);const o=Fo(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let r=-n.scrollLeft+wa(t);const a=-n.scrollTop;if(ra(i).direction==="rtl"){r+=Fo(e.clientWidth,i.clientWidth)-s}return{width:s,height:o,x:r,y:a}}function Sa(t,e){const n=Ur(t);const i=Nr(t);const s=n.visualViewport;let o=i.clientWidth;let r=i.clientHeight;let a=0;let c=0;if(s){o=s.width;r=s.height;const t=ia();if(!t||t&&e==="fixed"){a=s.offsetLeft;c=s.offsetTop}}return{width:o,height:r,x:a,y:c}}const _a=new Set(["absolute","fixed"]);function Ca(t,e){const n=va(t,true,e==="fixed");const i=n.top+t.clientTop;const s=n.left+t.clientLeft;const o=Hr(t)?pa(t):qo(1);const r=t.clientWidth*o.x;const a=t.clientHeight*o.y;const c=s*o.x;const l=i*o.y;return{width:r,height:a,x:c,y:l}}function $a(t,e,n){let i;if(e==="viewport"){i=Sa(t,n)}else if(e==="document"){i=za(Nr(t))}else if(Wr(e)){i=Ca(e,n)}else{const n=ma(t);i={x:e.x-n.x,y:e.y-n.y,width:e.width,height:e.height}}return vr(i)}function Aa(t,e){const n=ca(t);if(n===e||!Wr(n)||oa(n)){return false}return ra(n).position==="fixed"||Aa(n,e)}function Ia(t,e){const n=e.get(t);if(n){return n}let i=da(t,[],false).filter((t=>Wr(t)&&Rr(t)!=="body"));let s=null;const o=ra(t).position==="fixed";let r=o?ca(t):t;while(Wr(r)&&!oa(r)){const e=ra(r);const n=ea(r);if(!n&&e.position==="fixed"){s=null}const a=o?!n&&!s:!n&&e.position==="static"&&!!s&&_a.has(s.position)||Vr(r)&&!n&&Aa(t,r);if(a){i=i.filter((t=>t!==r))}else{s=e}r=ca(r)}e.set(t,i);return i}function Ea(t){let{element:e,boundary:n,rootBoundary:i,strategy:s}=t;const o=n==="clippingAncestors"?Kr(e)?[]:Ia(e,this._c):[].concat(n);const r=[...o,i];const a=r[0];const c=r.reduce(((t,n)=>{const i=$a(e,n,s);t.top=Fo(i.top,t.top);t.right=Ho(i.right,t.right);t.bottom=Ho(i.bottom,t.bottom);t.left=Fo(i.left,t.left);return t}),$a(e,a,s));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function Ma(t){const{width:e,height:n}=ua(t);return{width:e,height:n}}function Ta(t,e,n){const i=Hr(e);const s=Nr(e);const o=n==="fixed";const r=va(t,true,o,e);let a={scrollLeft:0,scrollTop:0};const c=qo(0);function l(){c.x=wa(s)}if(i||!i&&!o){if(Rr(e)!=="body"||Vr(s)){a=aa(e)}if(i){const t=va(e,true,o,e);c.x=t.x+e.clientLeft;c.y=t.y+e.clientTop}else if(s){l()}}if(o&&!i&&s){l()}const d=s&&!i&&!o?ya(s,a):qo(0);const h=r.left+a.scrollLeft-c.x-d.x;const u=r.top+a.scrollTop-c.y-d.y;return{x:h,y:u,width:r.width,height:r.height}}function ja(t){return ra(t).position==="static"}function La(t,e){if(!Hr(t)||ra(t).position==="fixed"){return null}if(e){return e(t)}let n=t.offsetParent;if(Nr(t)===n){n=n.ownerDocument.body}return n}function Oa(t,e){const n=Ur(t);if(Kr(t)){return n}if(!Hr(t)){let e=ca(t);while(e&&!oa(e)){if(Wr(e)&&!ja(e)){return e}e=ca(e)}return n}let i=La(t,e);while(i&&Zr(i)&&ja(i)){i=La(i,e)}if(i&&oa(i)&&ja(i)&&!ea(i)){return n}return i||na(t)||n}const Da=async function(t){const e=this.getOffsetParent||Oa;const n=this.getDimensions;const i=await n(t.floating);return{reference:Ta(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}};function Pa(t){return ra(t).direction==="rtl"}const Ba={convertOffsetParentRelativeRectToViewportRelativeRect:xa,getDocumentElement:Nr,getClippingRect:Ea,getOffsetParent:Oa,getElementRects:Da,getClientRects:ka,getDimensions:Ma,getScale:pa,isElement:Wr,isRTL:Pa};function Ra(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Ua(t,e){let n=null;let i;const s=Nr(t);function o(){var t;clearTimeout(i);(t=n)==null||t.disconnect();n=null}function r(a,c){if(a===void 0){a=false}if(c===void 0){c=1}o();const l=t.getBoundingClientRect();const{left:d,top:h,width:u,height:f}=l;if(!a){e()}if(!u||!f){return}const p=Vo(h);const b=Vo(s.clientWidth-(d+u));const m=Vo(s.clientHeight-(h+f));const g=Vo(d);const v=-p+"px "+-b+"px "+-m+"px "+-g+"px";const w={rootMargin:v,threshold:Fo(0,Ho(1,c))||1};let y=true;function x(e){const n=e[0].intersectionRatio;if(n!==c){if(!y){return r()}if(!n){i=setTimeout((()=>{r(false,1e-7)}),1e3)}else{r(false,n)}}if(n===1&&!Ra(l,t.getBoundingClientRect())){r()}y=false}try{n=new IntersectionObserver(x,{...w,root:s.ownerDocument})}catch(t){n=new IntersectionObserver(x,w)}n.observe(t)}r(true);return o}function Na(t,e,n,i){if(i===void 0){i={}}const{ancestorScroll:s=true,ancestorResize:o=true,elementResize:r=typeof ResizeObserver==="function",layoutShift:a=typeof IntersectionObserver==="function",animationFrame:c=false}=i;const l=fa(t);const d=s||o?[...l?da(l):[],...da(e)]:[];d.forEach((t=>{s&&t.addEventListener("scroll",n,{passive:true});o&&t.addEventListener("resize",n)}));const h=l&&a?Ua(l,n):null;let u=-1;let f=null;if(r){f=new ResizeObserver((t=>{let[i]=t;if(i&&i.target===l&&f){f.unobserve(e);cancelAnimationFrame(u);u=requestAnimationFrame((()=>{var t;(t=f)==null||t.observe(e)}))}n()}));if(l&&!c){f.observe(l)}f.observe(e)}let p;let b=c?va(t):null;if(c){m()}function m(){const e=va(t);if(b&&!Ra(b,e)){n()}b=e;p=requestAnimationFrame(m)}n();return()=>{var t;d.forEach((t=>{s&&t.removeEventListener("scroll",n);o&&t.removeEventListener("resize",n)}));h==null||h();(t=f)==null||t.disconnect();f=null;if(c){cancelAnimationFrame(p)}}}const Xa=Lr;Sr;const Wa=Or;const Ha=_r;const Fa=Pr;Ar;const Ya=kr;Mr;Dr;const Va=(t,e,n)=>{const i=new Map;const s={platform:Ba,...n};const o={...s.platform,_c:i};return yr(t,e,{...s,platform:o})};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const qa={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Za=t=>(...e)=>({_$litDirective$:t,values:e});class Ga{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,n){this._$Ct=t,this._$AM=e,this._$Ci=n}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Ka=Za(class extends Ga{constructor(t){if(super(t),t.type!==qa.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const n=t.element.classList;for(const t of this.st)t in e||(n.remove(t),this.st.delete(t));for(const t in e){const i=!!e[t];i===this.st.has(t)||this.nt?.has(t)||(i?(n.add(t),this.st.add(t)):(n.remove(t),this.st.delete(t)))}return ks}});function Ja(t){return tc(t)}function Qa(t){if(t.assignedSlot){return t.assignedSlot}if(t.parentNode instanceof ShadowRoot){return t.parentNode.host}return t.parentNode}function tc(t){for(let e=t;e;e=Qa(e)){if(!(e instanceof Element)){continue}if(getComputedStyle(e).display==="none"){return null}}for(let e=Qa(t);e;e=Qa(e)){if(!(e instanceof Element)){continue}const t=getComputedStyle(e);if(t.display==="contents"){continue}if(t.position!=="static"||ea(t)){return e}if(e.tagName==="BODY"){return e}}return null}function ec(t){return t!==null&&typeof t==="object"&&"getBoundingClientRect"in t&&("contextElement"in t?t.contextElement instanceof Element:true)}var nc=class extends Uo{constructor(){super(...arguments);this.localize=new Mo(this);this.active=false;this.placement="top";this.strategy="absolute";this.distance=0;this.skidding=0;this.arrow=false;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=false;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=false;this.shiftPadding=0;this.autoSizePadding=0;this.hoverBridge=false;this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){const t=this.anchorEl.getBoundingClientRect();const e=this.popup.getBoundingClientRect();const n=this.placement.includes("top")||this.placement.includes("bottom");let i=0;let s=0;let o=0;let r=0;let a=0;let c=0;let l=0;let d=0;if(n){if(t.top<e.top){i=t.left;s=t.bottom;o=t.right;r=t.bottom;a=e.left;c=e.top;l=e.right;d=e.top}else{i=e.left;s=e.bottom;o=e.right;r=e.bottom;a=t.left;c=t.top;l=t.right;d=t.top}}else{if(t.left<e.left){i=t.right;s=t.top;o=e.left;r=e.top;a=t.right;c=t.bottom;l=e.left;d=e.bottom}else{i=e.right;s=e.top;o=t.left;r=t.top;a=e.right;c=e.bottom;l=t.left;d=t.bottom}}this.style.setProperty("--hover-bridge-top-left-x",`${i}px`);this.style.setProperty("--hover-bridge-top-left-y",`${s}px`);this.style.setProperty("--hover-bridge-top-right-x",`${o}px`);this.style.setProperty("--hover-bridge-top-right-y",`${r}px`);this.style.setProperty("--hover-bridge-bottom-left-x",`${a}px`);this.style.setProperty("--hover-bridge-bottom-left-y",`${c}px`);this.style.setProperty("--hover-bridge-bottom-right-x",`${l}px`);this.style.setProperty("--hover-bridge-bottom-right-y",`${d}px`)}}}async connectedCallback(){super.connectedCallback();await this.updateComplete;this.start()}disconnectedCallback(){super.disconnectedCallback();this.stop()}async updated(t){super.updated(t);if(t.has("active")){if(this.active){this.start()}else{this.stop()}}if(t.has("anchor")){this.handleAnchorChange()}if(this.active){await this.updateComplete;this.reposition()}}async handleAnchorChange(){await this.stop();if(this.anchor&&typeof this.anchor==="string"){const t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else if(this.anchor instanceof Element||ec(this.anchor)){this.anchorEl=this.anchor}else{this.anchorEl=this.querySelector('[slot="anchor"]')}if(this.anchorEl instanceof HTMLSlotElement){this.anchorEl=this.anchorEl.assignedElements({flatten:true})[0]}if(this.anchorEl&&this.active){this.start()}}start(){if(!this.anchorEl||!this.active){return}this.cleanup=Na(this.anchorEl,this.popup,(()=>{this.reposition()}))}async stop(){return new Promise((t=>{if(this.cleanup){this.cleanup();this.cleanup=void 0;this.removeAttribute("data-current-placement");this.style.removeProperty("--auto-size-available-width");this.style.removeProperty("--auto-size-available-height");requestAnimationFrame((()=>t()))}else{t()}}))}reposition(){if(!this.active||!this.anchorEl){return}const t=[Xa({mainAxis:this.distance,crossAxis:this.skidding})];if(this.sync){t.push(Fa({apply:({rects:t})=>{const e=this.sync==="width"||this.sync==="both";const n=this.sync==="height"||this.sync==="both";this.popup.style.width=e?`${t.reference.width}px`:"";this.popup.style.height=n?`${t.reference.height}px`:""}}))}else{this.popup.style.width="";this.popup.style.height=""}if(this.flip){t.push(Ha({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding}))}if(this.shift){t.push(Wa({boundary:this.shiftBoundary,padding:this.shiftPadding}))}if(this.autoSize){t.push(Fa({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:t,availableHeight:e})=>{if(this.autoSize==="vertical"||this.autoSize==="both"){this.style.setProperty("--auto-size-available-height",`${e}px`)}else{this.style.removeProperty("--auto-size-available-height")}if(this.autoSize==="horizontal"||this.autoSize==="both"){this.style.setProperty("--auto-size-available-width",`${t}px`)}else{this.style.removeProperty("--auto-size-available-width")}}}))}else{this.style.removeProperty("--auto-size-available-width");this.style.removeProperty("--auto-size-available-height")}if(this.arrow){t.push(Ya({element:this.arrowEl,padding:this.arrowPadding}))}const e=this.strategy==="absolute"?t=>Ba.getOffsetParent(t,Ja):Ba.getOffsetParent;Va(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:to(Qs({},Ba),{getOffsetParent:e})}).then((({x:t,y:e,middlewareData:n,placement:i})=>{const s=this.localize.dir()==="rtl";const o={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];this.setAttribute("data-current-placement",i);Object.assign(this.popup.style,{left:`${t}px`,top:`${e}px`});if(this.arrow){const t=n.arrow.x;const e=n.arrow.y;let i="";let r="";let a="";let c="";if(this.arrowPlacement==="start"){const n=typeof t==="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";i=typeof e==="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";r=s?n:"";c=s?"":n}else if(this.arrowPlacement==="end"){const n=typeof t==="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";r=s?"":n;c=s?n:"";a=typeof e==="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else if(this.arrowPlacement==="center"){c=typeof t==="number"?`calc(50% - var(--arrow-size-diagonal))`:"";i=typeof e==="number"?`calc(50% - var(--arrow-size-diagonal))`:""}else{c=typeof t==="number"?`${t}px`:"";i=typeof e==="number"?`${e}px`:""}Object.assign(this.arrowEl.style,{top:i,right:r,bottom:a,left:c,[o]:"calc(var(--arrow-size-diagonal) * -1)"})}}));requestAnimationFrame((()=>this.updateHoverBridge()));this.emit("sl-reposition")}render(){return xs`
+      <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
+      <span
+        part="hover-bridge"
+        class=${Ka({"popup-hover-bridge":true,"popup-hover-bridge--visible":this.hoverBridge&&this.active})}
+      ></span>
+      <div
+        part="popup"
+        class=${Ka({popup:true,"popup--active":this.active,"popup--fixed":this.strategy==="fixed","popup--has-arrow":this.arrow})}
+      >
+        <slot></slot>
+        ${this.arrow?xs`<div part="arrow" class="popup__arrow" role="presentation"></div>`:""}
+      </div>
+    `}};nc.styles=[To,wo];eo([Bo(".popup")],nc.prototype,"popup",2);eo([Bo(".popup__arrow")],nc.prototype,"arrowEl",2);eo([Oo()],nc.prototype,"anchor",2);eo([Oo({type:Boolean,reflect:true})],nc.prototype,"active",2);eo([Oo({reflect:true})],nc.prototype,"placement",2);eo([Oo({reflect:true})],nc.prototype,"strategy",2);eo([Oo({type:Number})],nc.prototype,"distance",2);eo([Oo({type:Number})],nc.prototype,"skidding",2);eo([Oo({type:Boolean})],nc.prototype,"arrow",2);eo([Oo({attribute:"arrow-placement"})],nc.prototype,"arrowPlacement",2);eo([Oo({attribute:"arrow-padding",type:Number})],nc.prototype,"arrowPadding",2);eo([Oo({type:Boolean})],nc.prototype,"flip",2);eo([Oo({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map((t=>t.trim())).filter((t=>t!=="")),toAttribute:t=>t.join(" ")}})],nc.prototype,"flipFallbackPlacements",2);eo([Oo({attribute:"flip-fallback-strategy"})],nc.prototype,"flipFallbackStrategy",2);eo([Oo({type:Object})],nc.prototype,"flipBoundary",2);eo([Oo({attribute:"flip-padding",type:Number})],nc.prototype,"flipPadding",2);eo([Oo({type:Boolean})],nc.prototype,"shift",2);eo([Oo({type:Object})],nc.prototype,"shiftBoundary",2);eo([Oo({attribute:"shift-padding",type:Number})],nc.prototype,"shiftPadding",2);eo([Oo({attribute:"auto-size"})],nc.prototype,"autoSize",2);eo([Oo()],nc.prototype,"sync",2);eo([Oo({type:Object})],nc.prototype,"autoSizeBoundary",2);eo([Oo({attribute:"auto-size-padding",type:Number})],nc.prototype,"autoSizePadding",2);eo([Oo({attribute:"hover-bridge",type:Boolean})],nc.prototype,"hoverBridge",2);var ic=new Map;var sc=new WeakMap;function oc(t){return t!=null?t:{keyframes:[],options:{duration:0}}}function rc(t,e){if(e.toLowerCase()==="rtl"){return{keyframes:t.rtlKeyframes||t.keyframes,options:t.options}}return t}function ac(t,e){ic.set(t,oc(e))}function cc(t,e,n){const i=sc.get(t);if(i==null?void 0:i[e]){return rc(i[e],n.dir)}const s=ic.get(e);if(s){return rc(s,n.dir)}return{keyframes:[],options:{duration:0}}}function lc(t,e){return new Promise((n=>{function i(s){if(s.target===t){t.removeEventListener(e,i);n()}}t.addEventListener(e,i)}))}function dc(t,e,n){return new Promise((i=>{if((n==null?void 0:n.duration)===Infinity){throw new Error("Promise-based animations must be finite.")}const s=t.animate(e,to(Qs({},n),{duration:hc()?0:n.duration}));s.addEventListener("cancel",i,{once:true});s.addEventListener("finish",i,{once:true})}))}function hc(){const t=window.matchMedia("(prefers-reduced-motion: reduce)");return t.matches}function uc(t){return Promise.all(t.getAnimations().map((t=>new Promise((e=>{t.cancel();requestAnimationFrame(e)})))))}function fc(t,e){const n=Qs({waitUntilFirstUpdate:false},e);return(e,i)=>{const{update:s}=e;const o=Array.isArray(t)?t:[t];e.update=function(t){o.forEach((e=>{const s=e;if(t.has(s)){const e=t.get(s);const o=this[s];if(e!==o){if(!n.waitUntilFirstUpdate||this.hasUpdated){this[i](e,o)}}}}));s.call(this,t)}}}
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const pc=t=>t??zs;var bc=class extends Uo{constructor(){super(...arguments);this.localize=new Mo(this);this.open=false;this.placement="bottom-start";this.disabled=false;this.stayOpenOnSelect=false;this.distance=0;this.skidding=0;this.hoist=false;this.sync=void 0;this.handleKeyDown=t=>{if(this.open&&t.key==="Escape"){t.stopPropagation();this.hide();this.focusOnTrigger()}};this.handleDocumentKeyDown=t=>{var e;if(t.key==="Escape"&&this.open&&!this.closeWatcher){t.stopPropagation();this.focusOnTrigger();this.hide();return}if(t.key==="Tab"){if(this.open&&((e=document.activeElement)==null?void 0:e.tagName.toLowerCase())==="sl-menu-item"){t.preventDefault();this.hide();this.focusOnTrigger();return}const n=(t,e)=>{if(!t)return null;const i=t.closest(e);if(i)return i;const s=t.getRootNode();if(s instanceof ShadowRoot){return n(s.host,e)}return null};setTimeout((()=>{var t;const e=((t=this.containingElement)==null?void 0:t.getRootNode())instanceof ShadowRoot?lo():document.activeElement;if(!this.containingElement||n(e,this.containingElement.tagName.toLowerCase())!==this.containingElement){this.hide()}}))}};this.handleDocumentMouseDown=t=>{const e=t.composedPath();if(this.containingElement&&!e.includes(this.containingElement)){this.hide()}};this.handlePanelSelect=t=>{const e=t.target;if(!this.stayOpenOnSelect&&e.tagName.toLowerCase()==="sl-menu"){this.hide();this.focusOnTrigger()}}}connectedCallback(){super.connectedCallback();if(!this.containingElement){this.containingElement=this}}firstUpdated(){this.panel.hidden=!this.open;if(this.open){this.addOpenListeners();this.popup.active=true}}disconnectedCallback(){super.disconnectedCallback();this.removeOpenListeners();this.hide()}focusOnTrigger(){const t=this.trigger.assignedElements({flatten:true})[0];if(typeof(t==null?void 0:t.focus)==="function"){t.focus()}}getMenu(){return this.panel.assignedElements({flatten:true}).find((t=>t.tagName.toLowerCase()==="sl-menu"))}handleTriggerClick(){if(this.open){this.hide()}else{this.show();this.focusOnTrigger()}}async handleTriggerKeyDown(t){if([" ","Enter"].includes(t.key)){t.preventDefault();this.handleTriggerClick();return}const e=this.getMenu();if(e){const n=e.getAllItems();const i=n[0];const s=n[n.length-1];if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){t.preventDefault();if(!this.open){this.show();await this.updateComplete}if(n.length>0){this.updateComplete.then((()=>{if(t.key==="ArrowDown"||t.key==="Home"){e.setCurrentItem(i);i.focus()}if(t.key==="ArrowUp"||t.key==="End"){e.setCurrentItem(s);s.focus()}}))}}}}handleTriggerKeyUp(t){if(t.key===" "){t.preventDefault()}}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){const t=this.trigger.assignedElements({flatten:true});const e=t.find((t=>mo(t).start));let n;if(e){switch(e.tagName.toLowerCase()){case"sl-button":case"sl-icon-button":n=e.button;break;default:n=e}n.setAttribute("aria-haspopup","true");n.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(this.open){return void 0}this.open=true;return lc(this,"sl-after-show")}async hide(){if(!this.open){return void 0}this.open=false;return lc(this,"sl-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var t;this.panel.addEventListener("sl-select",this.handlePanelSelect);if("CloseWatcher"in window){(t=this.closeWatcher)==null?void 0:t.destroy();this.closeWatcher=new CloseWatcher;this.closeWatcher.onclose=()=>{this.hide();this.focusOnTrigger()}}else{this.panel.addEventListener("keydown",this.handleKeyDown)}document.addEventListener("keydown",this.handleDocumentKeyDown);document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var t;if(this.panel){this.panel.removeEventListener("sl-select",this.handlePanelSelect);this.panel.removeEventListener("keydown",this.handleKeyDown)}document.removeEventListener("keydown",this.handleDocumentKeyDown);document.removeEventListener("mousedown",this.handleDocumentMouseDown);(t=this.closeWatcher)==null?void 0:t.destroy()}async handleOpenChange(){if(this.disabled){this.open=false;return}this.updateAccessibleTrigger();if(this.open){this.emit("sl-show");this.addOpenListeners();await uc(this);this.panel.hidden=false;this.popup.active=true;const{keyframes:t,options:e}=cc(this,"dropdown.show",{dir:this.localize.dir()});await dc(this.popup.popup,t,e);this.emit("sl-after-show")}else{this.emit("sl-hide");this.removeOpenListeners();await uc(this);const{keyframes:t,options:e}=cc(this,"dropdown.hide",{dir:this.localize.dir()});await dc(this.popup.popup,t,e);this.panel.hidden=true;this.popup.active=false;this.emit("sl-after-hide")}}render(){return xs`
+      <sl-popup
+        part="base"
+        exportparts="popup:base__popup"
+        id="dropdown"
+        placement=${this.placement}
+        distance=${this.distance}
+        skidding=${this.skidding}
+        strategy=${this.hoist?"fixed":"absolute"}
+        flip
+        shift
+        auto-size="vertical"
+        auto-size-padding="10"
+        sync=${pc(this.sync?this.sync:void 0)}
+        class=${Ka({dropdown:true,"dropdown--open":this.open})}
+      >
+        <slot
+          name="trigger"
+          slot="anchor"
+          part="trigger"
+          class="dropdown__trigger"
+          @click=${this.handleTriggerClick}
+          @keydown=${this.handleTriggerKeyDown}
+          @keyup=${this.handleTriggerKeyUp}
+          @slotchange=${this.handleTriggerSlotChange}
+        ></slot>
+        <div aria-hidden=${this.open?"false":"true"} aria-labelledby="dropdown">
+          <slot part="panel" class="dropdown__panel"></slot>
+        </div>
+      </sl-popup>
+    `}};bc.styles=[To,Xs];bc.dependencies={"sl-popup":nc};eo([Bo(".dropdown")],bc.prototype,"popup",2);eo([Bo(".dropdown__trigger")],bc.prototype,"trigger",2);eo([Bo(".dropdown__panel")],bc.prototype,"panel",2);eo([Oo({type:Boolean,reflect:true})],bc.prototype,"open",2);eo([Oo({reflect:true})],bc.prototype,"placement",2);eo([Oo({type:Boolean,reflect:true})],bc.prototype,"disabled",2);eo([Oo({attribute:"stay-open-on-select",type:Boolean,reflect:true})],bc.prototype,"stayOpenOnSelect",2);eo([Oo({attribute:false})],bc.prototype,"containingElement",2);eo([Oo({type:Number})],bc.prototype,"distance",2);eo([Oo({type:Number})],bc.prototype,"skidding",2);eo([Oo({type:Boolean})],bc.prototype,"hoist",2);eo([Oo({reflect:true})],bc.prototype,"sync",2);eo([fc("open",{waitUntilFirstUpdate:true})],bc.prototype,"handleOpenChange",1);ac("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});ac("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});bc.define("sl-dropdown");var mc=Di`
+  :host {
+    display: block;
+    position: relative;
+    background: var(--sl-panel-background-color);
+    border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
+    border-radius: var(--sl-border-radius-medium);
+    padding: var(--sl-spacing-x-small) 0;
+    overflow: auto;
+    overscroll-behavior: none;
+  }
+  ::slotted(sl-divider) {
+    --spacing: var(--sl-spacing-x-small);
+  }
+`;var gc=class extends Uo{connectedCallback(){super.connectedCallback();this.setAttribute("role","menu")}handleClick(t){const e=["menuitem","menuitemcheckbox"];const n=t.composedPath();const i=n.find((t=>{var n;return e.includes(((n=t==null?void 0:t.getAttribute)==null?void 0:n.call(t,"role"))||"")}));if(!i)return;const s=n.find((t=>{var e;return((e=t==null?void 0:t.getAttribute)==null?void 0:e.call(t,"role"))==="menu"}));const o=s!==this;if(o)return;const r=i;if(r.type==="checkbox"){r.checked=!r.checked}this.emit("sl-select",{detail:{item:r}})}handleKeyDown(t){if(t.key==="Enter"||t.key===" "){const e=this.getCurrentItem();t.preventDefault();t.stopPropagation();e==null?void 0:e.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){const e=this.getAllItems();const n=this.getCurrentItem();let i=n?e.indexOf(n):0;if(e.length>0){t.preventDefault();t.stopPropagation();if(t.key==="ArrowDown"){i++}else if(t.key==="ArrowUp"){i--}else if(t.key==="Home"){i=0}else if(t.key==="End"){i=e.length-1}if(i<0){i=e.length-1}if(i>e.length-1){i=0}this.setCurrentItem(e[i]);e[i].focus()}}}handleMouseDown(t){const e=t.target;if(this.isMenuItem(e)){this.setCurrentItem(e)}}handleSlotChange(){const t=this.getAllItems();if(t.length>0){this.setCurrentItem(t[0])}}isMenuItem(t){var e;return t.tagName.toLowerCase()==="sl-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((e=t.getAttribute("role"))!=null?e:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:true})].filter((t=>{if(t.inert||!this.isMenuItem(t)){return false}return true}))}getCurrentItem(){return this.getAllItems().find((t=>t.getAttribute("tabindex")==="0"))}setCurrentItem(t){const e=this.getAllItems();e.forEach((e=>{e.setAttribute("tabindex",e===t?"0":"-1")}))}render(){return xs`
+      <slot
+        @slotchange=${this.handleSlotChange}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleMouseDown}
+      ></slot>
+    `}};gc.styles=[To,mc];eo([Bo("slot")],gc.prototype,"defaultSlot",2);gc.define("sl-menu");var vc=Di`
+  :host {
+    --submenu-offset: -2px;
+    display: block;
+  }
+  :host([inert]) {
+    display: none;
+  }
+  .menu-item {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    font-family: var(--sl-font-sans);
+    font-size: var(--sl-font-size-medium);
+    font-weight: var(--sl-font-weight-normal);
+    line-height: var(--sl-line-height-normal);
+    letter-spacing: var(--sl-letter-spacing-normal);
+    color: var(--sl-color-neutral-700);
+    padding: var(--sl-spacing-2x-small) var(--sl-spacing-2x-small);
+    transition: var(--sl-transition-fast) fill;
+    user-select: none;
+    -webkit-user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+  }
+  .menu-item.menu-item--disabled {
+    outline: none;
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  .menu-item.menu-item--loading {
+    outline: none;
+    cursor: wait;
+  }
+  .menu-item.menu-item--loading *:not(sl-spinner) {
+    opacity: 0.5;
+  }
+  .menu-item--loading sl-spinner {
+    --indicator-color: currentColor;
+    --track-width: 1px;
+    position: absolute;
+    font-size: 0.75em;
+    top: calc(50% - 0.5em);
+    left: 0.65rem;
+    opacity: 1;
+  }
+  .menu-item .menu-item__label {
+    flex: 1 1 auto;
+    display: inline-block;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+  .menu-item .menu-item__prefix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+  .menu-item .menu-item__prefix::slotted(*) {
+    margin-inline-end: var(--sl-spacing-x-small);
+  }
+  .menu-item .menu-item__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+  .menu-item .menu-item__suffix::slotted(*) {
+    margin-inline-start: var(--sl-spacing-x-small);
+  }
+  /* Safe triangle */
+  .menu-item--submenu-expanded::after {
+    content: '';
+    position: fixed;
+    z-index: calc(var(--sl-z-index-dropdown) - 1);
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    clip-path: polygon(
+      var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0),
+      var(--safe-triangle-submenu-start-x, 0) var(--safe-triangle-submenu-start-y, 0),
+      var(--safe-triangle-submenu-end-x, 0) var(--safe-triangle-submenu-end-y, 0)
+    );
+  }
+  :host(:focus-visible) {
+    outline: none;
+  }
+  :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item,
+  .menu-item--submenu-expanded {
+    background-color: var(--sl-color-neutral-100);
+    color: var(--sl-color-neutral-1000);
+  }
+  :host(:focus-visible) .menu-item {
+    outline: none;
+    background-color: var(--sl-color-primary-600);
+    color: var(--sl-color-neutral-0);
+    opacity: 1;
+  }
+  .menu-item .menu-item__check,
+  .menu-item .menu-item__chevron {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5em;
+    visibility: hidden;
+  }
+  .menu-item--checked .menu-item__check,
+  .menu-item--has-submenu .menu-item__chevron {
+    visibility: visible;
+  }
+  /* Add elevation and z-index to submenus */
+  sl-popup::part(popup) {
+    box-shadow: var(--sl-shadow-large);
+    z-index: var(--sl-z-index-dropdown);
+    margin-left: var(--submenu-offset);
+  }
+  .menu-item--rtl sl-popup::part(popup) {
+    margin-left: calc(-1 * var(--submenu-offset));
+  }
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) .menu-item,
+    :host(:focus-visible) .menu-item {
+      outline: dashed 1px SelectedItem;
+      outline-offset: -1px;
+    }
+  }
+  ::slotted(sl-menu) {
+    max-width: var(--auto-size-available-width) !important;
+    max-height: var(--auto-size-available-height) !important;
+  }
+`
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */;const wc=(t,e)=>void 0===e?void 0!==t?._$litType$:t?._$litType$===e,yc=t=>void 0===t.strings
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */;const xc=(t,e)=>{const n=t._$AN;if(void 0===n)return!1;for(const t of n)t._$AO?.(e,!1),xc(t,e);return!0},kc=t=>{let e,n;do{if(void 0===(e=t._$AM))break;n=e._$AN,n.delete(t),t=e}while(0===n?.size)},zc=t=>{for(let e;e=t._$AM;t=e){let n=e._$AN;if(void 0===n)e._$AN=n=new Set;else if(n.has(t))break;n.add(t),Cc(e)}};function Sc(t){void 0!==this._$AN?(kc(this),this._$AM=t,zc(this)):this._$AM=t}function _c(t,e=!1,n=0){const i=this._$AH,s=this._$AN;if(void 0!==s&&0!==s.size)if(e)if(Array.isArray(i))for(let t=n;t<i.length;t++)xc(i[t],!1),kc(i[t]);else null!=i&&(xc(i,!1),kc(i));else xc(this,t)}const Cc=t=>{t.type==qa.CHILD&&(t._$AP??=_c,t._$AQ??=Sc)};class $c extends Ga{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),zc(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(xc(this,t),kc(this))}setValue(t){if(yc(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Ac=()=>new Ic;class Ic{}const Ec=new WeakMap,Mc=Za(class extends $c{render(t){return zs}update(t,[e]){const n=e!==this.G;return n&&void 0!==this.G&&this.rt(void 0),(n||this.lt!==this.ct)&&(this.G=e,this.ht=t.options?.host,this.rt(this.ct=t.element)),zs}rt(t){if(this.isConnected||(t=void 0),"function"==typeof this.G){const e=this.ht??globalThis;let n=Ec.get(e);void 0===n&&(n=new WeakMap,Ec.set(e,n)),void 0!==n.get(this.G)&&this.G.call(this.ht,void 0),n.set(this.G,t),void 0!==t&&this.G.call(this.ht,t)}else this.G.value=t}get lt(){return"function"==typeof this.G?Ec.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var Tc=class{constructor(t,e){this.popupRef=Ac();this.enableSubmenuTimer=-1;this.isConnected=false;this.isPopupConnected=false;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=t=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${t.clientX}px`);this.host.style.setProperty("--safe-triangle-cursor-y",`${t.clientY}px`)};this.handleMouseOver=()=>{if(this.hasSlotController.test("submenu")){this.enableSubmenu()}};this.handleKeyDown=t=>{switch(t.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":if(t.target!==this.host){t.preventDefault();t.stopPropagation();this.host.focus();this.disableSubmenu()}break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(t);break}};this.handleClick=t=>{var e;if(t.target===this.host){t.preventDefault();t.stopPropagation()}else if(t.target instanceof Element&&(t.target.tagName==="sl-menu-item"||((e=t.target.role)==null?void 0:e.startsWith("menuitem")))){this.disableSubmenu()}};this.handleFocusOut=t=>{if(t.relatedTarget&&t.relatedTarget instanceof Element&&this.host.contains(t.relatedTarget)){return}this.disableSubmenu()};this.handlePopupMouseover=t=>{t.stopPropagation()};this.handlePopupReposition=()=>{const t=this.host.renderRoot.querySelector("slot[name='submenu']");const e=t==null?void 0:t.assignedElements({flatten:true}).filter((t=>t.localName==="sl-menu"))[0];const n=getComputedStyle(this.host).direction==="rtl";if(!e){return}const{left:i,top:s,width:o,height:r}=e.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${n?i+o:i}px`);this.host.style.setProperty("--safe-triangle-submenu-start-y",`${s}px`);this.host.style.setProperty("--safe-triangle-submenu-end-x",`${n?i+o:i}px`);this.host.style.setProperty("--safe-triangle-submenu-end-y",`${s+r}px`)};(this.host=t).addController(this);this.hasSlotController=e}hostConnected(){if(this.hasSlotController.test("submenu")&&!this.host.disabled){this.addListeners()}}hostDisconnected(){this.removeListeners()}hostUpdated(){if(this.hasSlotController.test("submenu")&&!this.host.disabled){this.addListeners();this.updateSkidding()}else{this.removeListeners()}}addListeners(){if(!this.isConnected){this.host.addEventListener("mousemove",this.handleMouseMove);this.host.addEventListener("mouseover",this.handleMouseOver);this.host.addEventListener("keydown",this.handleKeyDown);this.host.addEventListener("click",this.handleClick);this.host.addEventListener("focusout",this.handleFocusOut);this.isConnected=true}if(!this.isPopupConnected){if(this.popupRef.value){this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover);this.popupRef.value.addEventListener("sl-reposition",this.handlePopupReposition);this.isPopupConnected=true}}}removeListeners(){if(this.isConnected){this.host.removeEventListener("mousemove",this.handleMouseMove);this.host.removeEventListener("mouseover",this.handleMouseOver);this.host.removeEventListener("keydown",this.handleKeyDown);this.host.removeEventListener("click",this.handleClick);this.host.removeEventListener("focusout",this.handleFocusOut);this.isConnected=false}if(this.isPopupConnected){if(this.popupRef.value){this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover);this.popupRef.value.removeEventListener("sl-reposition",this.handlePopupReposition);this.isPopupConnected=false}}}handleSubmenuEntry(t){const e=this.host.renderRoot.querySelector("slot[name='submenu']");if(!e){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let n=null;for(const t of e.assignedElements()){n=t.querySelectorAll("sl-menu-item, [role^='menuitem']");if(n.length!==0){break}}if(!n||n.length===0){return}n[0].setAttribute("tabindex","0");for(let t=1;t!==n.length;++t){n[t].setAttribute("tabindex","-1")}if(this.popupRef.value){t.preventDefault();t.stopPropagation();if(this.popupRef.value.active){if(n[0]instanceof HTMLElement){n[0].focus()}}else{this.enableSubmenu(false);this.host.updateComplete.then((()=>{if(n[0]instanceof HTMLElement){n[0].focus()}}));this.host.requestUpdate()}}}setSubmenuState(t){if(this.popupRef.value){if(this.popupRef.value.active!==t){this.popupRef.value.active=t;this.host.requestUpdate()}}}enableSubmenu(t=true){if(t){window.clearTimeout(this.enableSubmenuTimer);this.enableSubmenuTimer=window.setTimeout((()=>{this.setSubmenuState(true)}),this.submenuOpenDelay)}else{this.setSubmenuState(true)}}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer);this.setSubmenuState(false)}updateSkidding(){var t;if(!((t=this.host.parentElement)==null?void 0:t.computedStyleMap)){return}const e=this.host.parentElement.computedStyleMap();const n=["padding-top","border-top-width","margin-top"];const i=n.reduce(((t,n)=>{var i;const s=(i=e.get(n))!=null?i:new CSSUnitValue(0,"px");const o=s instanceof CSSUnitValue?s:new CSSUnitValue(0,"px");const r=o.to("px");return t-r.value}),0);this.skidding=i}isExpanded(){return this.popupRef.value?this.popupRef.value.active:false}renderSubmenu(){const t=getComputedStyle(this.host).direction==="rtl";if(!this.isConnected){return xs` <slot name="submenu" hidden></slot> `}return xs`
+      <sl-popup
+        ${Mc(this.popupRef)}
+        placement=${t?"left-start":"right-start"}
+        anchor="anchor"
+        flip
+        flip-fallback-strategy="best-fit"
+        skidding="${this.skidding}"
+        strategy="fixed"
+        auto-size="vertical"
+        auto-size-padding="10"
+      >
+        <slot name="submenu"></slot>
+      </sl-popup>
+    `}};var jc=Di`
+  :host {
+    --track-width: 2px;
+    --track-color: rgb(128 128 128 / 25%);
+    --indicator-color: var(--sl-color-primary-600);
+    --speed: 2s;
+    display: inline-flex;
+    width: 1em;
+    height: 1em;
+    flex: none;
+  }
+  .spinner {
+    flex: 1 1 auto;
+    height: 100%;
+    width: 100%;
+  }
+  .spinner__track,
+  .spinner__indicator {
+    fill: none;
+    stroke-width: var(--track-width);
+    r: calc(0.5em - var(--track-width) / 2);
+    cx: 0.5em;
+    cy: 0.5em;
+    transform-origin: 50% 50%;
+  }
+  .spinner__track {
+    stroke: var(--track-color);
+    transform-origin: 0% 0%;
+  }
+  .spinner__indicator {
+    stroke: var(--indicator-color);
+    stroke-linecap: round;
+    stroke-dasharray: 150% 75%;
+    animation: spin var(--speed) linear infinite;
+  }
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+      stroke-dasharray: 0.05em, 3em;
+    }
+    50% {
+      transform: rotate(450deg);
+      stroke-dasharray: 1.375em, 1.375em;
+    }
+    100% {
+      transform: rotate(1080deg);
+      stroke-dasharray: 0.05em, 3em;
+    }
+  }
+`;var Lc=class extends Uo{constructor(){super(...arguments);this.localize=new Mo(this)}render(){return xs`
+      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
+        <circle class="spinner__track"></circle>
+        <circle class="spinner__indicator"></circle>
+      </svg>
+    `}};Lc.styles=[To,jc];var Oc=class{constructor(t,...e){this.slotNames=[];this.handleSlotChange=t=>{const e=t.target;if(this.slotNames.includes("[default]")&&!e.name||e.name&&this.slotNames.includes(e.name)){this.host.requestUpdate()}};(this.host=t).addController(this);this.slotNames=e}hasDefaultSlot(){return[...this.host.childNodes].some((t=>{if(t.nodeType===t.TEXT_NODE&&t.textContent.trim()!==""){return true}if(t.nodeType===t.ELEMENT_NODE){const e=t;const n=e.tagName.toLowerCase();if(n==="sl-visually-hidden"){return false}if(!e.hasAttribute("slot")){return true}}return false}))}hasNamedSlot(t){return this.host.querySelector(`:scope > [slot="${t}"]`)!==null}test(t){return t==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};function Dc(t){if(!t){return""}const e=t.assignedNodes({flatten:true});let n="";[...e].forEach((t=>{if(t.nodeType===Node.TEXT_NODE){n+=t.textContent}}));return n}var Pc="";function Bc(t){Pc=t}function Rc(t=""){if(!Pc){const t=[...document.getElementsByTagName("script")];const e=t.find((t=>t.hasAttribute("data-shoelace")));if(e){Bc(e.getAttribute("data-shoelace"))}else{const e=t.find((t=>/shoelace(\.min)?\.js($|\?)/.test(t.src)||/shoelace-autoloader(\.min)?\.js($|\?)/.test(t.src)));let n="";if(e){n=e.getAttribute("src")}Bc(n.split("/").slice(0,-1).join("/"))}}return Pc.replace(/\/$/,"")+(t?`/${t.replace(/^\//,"")}`:``)}var Uc={name:"default",resolver:t=>Rc(`assets/icons/${t}.svg`)};var Nc=Uc;var Xc={caret:`\n    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n      <polyline points="6 9 12 15 18 9"></polyline>\n    </svg>\n  `,check:`\n    <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">\n      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n        <g stroke="currentColor">\n          <g transform="translate(3.428571, 3.428571)">\n            <path d="M0,5.71428571 L3.42857143,9.14285714"></path>\n            <path d="M9.14285714,0 L3.42857143,9.14285714"></path>\n          </g>\n        </g>\n      </g>\n    </svg>\n  `,"chevron-down":`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">\n      <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>\n    </svg>\n  `,"chevron-left":`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">\n      <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>\n    </svg>\n  `,"chevron-right":`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">\n      <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>\n    </svg>\n  `,copy:`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">\n      <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>\n    </svg>\n  `,eye:`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">\n      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>\n      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>\n    </svg>\n  `,"eye-slash":`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">\n      <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>\n      <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>\n      <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>\n    </svg>\n  `,eyedropper:`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">\n      <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>\n    </svg>\n  `,"grip-vertical":`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">\n      <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>\n    </svg>\n  `,indeterminate:`\n    <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">\n      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n        <g stroke="currentColor" stroke-width="2">\n          <g transform="translate(2.285714, 6.857143)">\n            <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>\n          </g>\n        </g>\n      </g>\n    </svg>\n  `,"person-fill":`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">\n      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>\n    </svg>\n  `,"play-fill":`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">\n      <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>\n    </svg>\n  `,"pause-fill":`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">\n      <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>\n    </svg>\n  `,radio:`\n    <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">\n      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <g fill="currentColor">\n          <circle cx="8" cy="8" r="3.42857143"></circle>\n        </g>\n      </g>\n    </svg>\n  `,"star-fill":`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">\n      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>\n    </svg>\n  `,"x-lg":`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">\n      <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>\n    </svg>\n  `,"x-circle-fill":`\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">\n      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>\n    </svg>\n  `};var Wc={name:"system",resolver:t=>{if(t in Xc){return`data:image/svg+xml,${encodeURIComponent(Xc[t])}`}return""}};var Hc=Wc;var Fc=[Nc,Hc];var Yc=[];function Vc(t){Yc.push(t)}function qc(t){Yc=Yc.filter((e=>e!==t))}function Zc(t){return Fc.find((e=>e.name===t))}var Gc=Di`
+  :host {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    box-sizing: content-box !important;
+  }
+  svg {
+    display: block;
+    height: 100%;
+    width: 100%;
+  }
+`;var Kc=Symbol();var Jc=Symbol();var Qc;var tl=new Map;var el=class extends Uo{constructor(){super(...arguments);this.initialRender=false;this.svg=null;this.label="";this.library="default"}async resolveIcon(t,e){var n;let i;if(e==null?void 0:e.spriteSheet){this.svg=xs`<svg part="svg">
+        <use part="use" href="${t}"></use>
+      </svg>`;return this.svg}try{i=await fetch(t,{mode:"cors"});if(!i.ok)return i.status===410?Kc:Jc}catch(t){return Jc}try{const t=document.createElement("div");t.innerHTML=await i.text();const e=t.firstElementChild;if(((n=e==null?void 0:e.tagName)==null?void 0:n.toLowerCase())!=="svg")return Kc;if(!Qc)Qc=new DOMParser;const s=Qc.parseFromString(e.outerHTML,"text/html");const o=s.body.querySelector("svg");if(!o)return Kc;o.part.add("svg");return document.adoptNode(o)}catch(t){return Kc}}connectedCallback(){super.connectedCallback();Vc(this)}firstUpdated(){this.initialRender=true;this.setIcon()}disconnectedCallback(){super.disconnectedCallback();qc(this)}getIconSource(){const t=Zc(this.library);if(this.name&&t){return{url:t.resolver(this.name),fromLibrary:true}}return{url:this.src,fromLibrary:false}}handleLabelChange(){const t=typeof this.label==="string"&&this.label.length>0;if(t){this.setAttribute("role","img");this.setAttribute("aria-label",this.label);this.removeAttribute("aria-hidden")}else{this.removeAttribute("role");this.removeAttribute("aria-label");this.setAttribute("aria-hidden","true")}}async setIcon(){var t;const{url:e,fromLibrary:n}=this.getIconSource();const i=n?Zc(this.library):void 0;if(!e){this.svg=null;return}let s=tl.get(e);if(!s){s=this.resolveIcon(e,i);tl.set(e,s)}if(!this.initialRender){return}const o=await s;if(o===Jc){tl.delete(e)}if(e!==this.getIconSource().url){return}if(wc(o)){this.svg=o;if(i){await this.updateComplete;const t=this.shadowRoot.querySelector("[part='svg']");if(typeof i.mutator==="function"&&t){i.mutator(t)}}return}switch(o){case Jc:case Kc:this.svg=null;this.emit("sl-error");break;default:this.svg=o.cloneNode(true);(t=i==null?void 0:i.mutator)==null?void 0:t.call(i,this.svg);this.emit("sl-load")}}render(){return this.svg}};el.styles=[To,Gc];eo([Do()],el.prototype,"svg",2);eo([Oo({reflect:true})],el.prototype,"name",2);eo([Oo()],el.prototype,"src",2);eo([Oo()],el.prototype,"label",2);eo([Oo({reflect:true})],el.prototype,"library",2);eo([fc("label")],el.prototype,"handleLabelChange",1);eo([fc(["name","src","library"])],el.prototype,"setIcon",1);var nl=class extends Uo{constructor(){super(...arguments);this.localize=new Mo(this);this.type="normal";this.checked=false;this.value="";this.loading=false;this.disabled=false;this.hasSlotController=new Oc(this,"submenu");this.submenuController=new Tc(this,this.hasSlotController);this.handleHostClick=t=>{if(this.disabled){t.preventDefault();t.stopImmediatePropagation()}};this.handleMouseOver=t=>{this.focus();t.stopPropagation()}}connectedCallback(){super.connectedCallback();this.addEventListener("click",this.handleHostClick);this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback();this.removeEventListener("click",this.handleHostClick);this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){const t=this.getTextLabel();if(typeof this.cachedTextLabel==="undefined"){this.cachedTextLabel=t;return}if(t!==this.cachedTextLabel){this.cachedTextLabel=t;this.emit("slotchange",{bubbles:true,composed:false,cancelable:false})}}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=false;console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}if(this.type==="checkbox"){this.setAttribute("aria-checked",this.checked?"true":"false")}else{this.removeAttribute("aria-checked")}}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){if(this.type==="checkbox"){this.setAttribute("role","menuitemcheckbox");this.setAttribute("aria-checked",this.checked?"true":"false")}else{this.setAttribute("role","menuitem");this.removeAttribute("aria-checked")}}getTextLabel(){return Dc(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){const t=this.localize.dir()==="rtl";const e=this.submenuController.isExpanded();return xs`
+      <div
+        id="anchor"
+        part="base"
+        class=${Ka({"menu-item":true,"menu-item--rtl":t,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--loading":this.loading,"menu-item--has-submenu":this.isSubmenu(),"menu-item--submenu-expanded":e})}
+        ?aria-haspopup="${this.isSubmenu()}"
+        ?aria-expanded="${e?true:false}"
+      >
+        <span part="checked-icon" class="menu-item__check">
+          <sl-icon name="check" library="system" aria-hidden="true"></sl-icon>
+        </span>
+        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
+        <span part="submenu-icon" class="menu-item__chevron">
+          <sl-icon name=${t?"chevron-left":"chevron-right"} library="system" aria-hidden="true"></sl-icon>
+        </span>
+        ${this.submenuController.renderSubmenu()}
+        ${this.loading?xs` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> `:""}
+      </div>
+    `}};nl.styles=[To,vc];nl.dependencies={"sl-icon":el,"sl-popup":nc,"sl-spinner":Lc};eo([Bo("slot:not([name])")],nl.prototype,"defaultSlot",2);eo([Bo(".menu-item")],nl.prototype,"menuItem",2);eo([Oo()],nl.prototype,"type",2);eo([Oo({type:Boolean,reflect:true})],nl.prototype,"checked",2);eo([Oo()],nl.prototype,"value",2);eo([Oo({type:Boolean,reflect:true})],nl.prototype,"loading",2);eo([Oo({type:Boolean,reflect:true})],nl.prototype,"disabled",2);eo([fc("checked")],nl.prototype,"handleCheckedChange",1);eo([fc("disabled")],nl.prototype,"handleDisabledChange",1);eo([fc("type")],nl.prototype,"handleTypeChange",1);nl.define("sl-menu-item");const il="button.main {\n  display: flex;\n  transition:\n    width 200ms,\n    background-color 500ms,\n    color 500ms,\n    border-color 500ms;\n  max-width: var(--size-40);\n  flex-direction: row;\n  overflow: hidden;\n  height: var(--pos-navigation-bar-height);\n  width: var(--pos-navigation-bar-height);\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-md);\n  color: var(--pos-subtle-text-color);\n  border: var(--size-px) dashed var(--pos-subtle-text-color);\n  background-color: var(--pos-background-color);\n\n  p {\n    padding: 0;\n    margin: 0;\n    display: none;\n    white-space: nowrap;\n  }\n\n  &.success {\n    color: var(--color-green-700);\n    border-color: var(--color-green-700);\n    border-style: solid;\n    background-color: var(--color-green-100);\n  }\n\n  &:active {\n    transform: scale(0.99);\n    filter: brightness(90%);\n  }\n  &:focus {\n    outline: var(--pos-input-focus-outline);\n  }\n}\n\nsvg {\n  display: inline-block;\n  height: var(--size-6);\n  flex-shrink: 0;\n  flex-grow: 0;\n  width: var(--size-6);\n}\n\nbutton.main:hover,\nsl-dropdown[open] button {\n  &.success {\n    background: var(--color-green-200);\n    color: var(--color-green-700);\n  }\n  width: var(--size-full);\n  height: var(--pos-navigation-bar-height);\n  background: var(--pos-background-color);\n  color: var(--pos-normal-text-color);\n\n  p {\n    display: inline-block;\n  }\n}\n";const sl=il;const ol=class{constructor(t){e(this,t);this.subscribePodOs=a(this,"pod-os:init",7);this.errorEmitter=a(this,"pod-os:error",7);this.indexUpdatedEmitter=a(this,"pod-os:search:index-updated",7);this.indexCreatedEmitter=a(this,"pod-os:search:index-created",7);this.indexes=[];this.showOptions=false;this.isIndexed=false;this.receivePodOs=async t=>{this.os=t;this.thing=this.os.store.get(this.uri);this.getLabelIndexes(B.state.profile);this.unsubscribeSessionChange=B.onChange("profile",(t=>{this.getLabelIndexes(t)}))}}componentWillLoad(){H(this)}disconnectedCallback(){this.unsubscribeSessionChange&&this.unsubscribeSessionChange()}updateUri(t){this.thing=this.os.store.get(t);this.isIndexed=this.checkIfIndexed(t)}checkIfIndexed(t){return this.indexes.some((e=>e.contains(t)))}getLabelIndexes(t){if(t){this.indexes=t.getPrivateLabelIndexes().map((t=>this.os.store.get(t).assume(X)));this.showOptions=this.indexes.length>1;this.isIndexed=this.checkIfIndexed(this.uri)}}async onClick(t){t.preventDefault();if(this.indexes.length===1){const t=this.indexes[0];await this.addToLabelIndex(t);this.indexUpdatedEmitter.emit(t)}else if(this.indexes.length===0){const t=await this.createDefaultLabelIndex();await this.addToLabelIndex(t);this.indexCreatedEmitter.emit(t)}}async addToLabelIndex(t){try{await this.os.addToLabelIndex(this.thing,t);this.isIndexed=true}catch(t){this.errorEmitter.emit(t)}}async createDefaultLabelIndex(){try{return await this.os.createDefaultLabelIndex(B.state.profile)}catch(t){this.errorEmitter.emit(t)}}render(){if(!B.state.isLoggedIn||!this.uri){return null}const t="Make this findable";const e=n("button",{type:"button",slot:"trigger","aria-label":t,class:{main:true,success:this.isIndexed},onClick:t=>this.onClick(t),title:""},this.isIndexed?n(al,null):n(rl,null),n("p",null,t));if(this.showOptions){return n(i,null,n("sl-dropdown",null,e,n("sl-menu",{role:"listbox"},this.indexes.map((t=>n("sl-menu-item",{role:"option",value:t,type:"checkbox",checked:t.contains(this.uri)},n("pos-resource",{uri:t.uri,lazy:true},n("pos-label",null))))))))}else{return e}}async onSelect(t){const e=t.detail.item.value;t.preventDefault();await this.addToLabelIndex(e);this.indexUpdatedEmitter.emit(e)}get el(){return s(this)}static get watchers(){return{uri:["updateUri"]}}};const rl=()=>n("svg",{role:"presentation",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"},n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm3.75 11.625a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"}));const al=()=>n("svg",{role:"presentation",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"},n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M10.125 2.25h-4.5c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125v-9M10.125 2.25h.375a9 9 0 0 1 9 9v.375M10.125 2.25A3.375 3.375 0 0 1 13.5 5.625v1.5c0 .621.504 1.125 1.125 1.125h1.5a3.375 3.375 0 0 1 3.375 3.375M9 15l2.25 2.25L15 12"}));ol.style=sl;const cl=":host {\n  --pos-navigation-bar-height: var(--size-10);\n}\n\nsearch {\n  position: relative;\n}\n\n.suggestions ol {\n  border: 1px solid var(--pos-border-color);\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n\n.suggestions {\n  width: 100%;\n  overflow-y: auto;\n  max-height: 90dvh;\n  li {\n    padding: 1rem;\n    background-color: var(--pos-background-color);\n    pos-rich-link {\n      --background-color: inherit;\n    }\n    &[aria-selected='true'] {\n      background-color: var(--pos-primary-color);\n      &:hover {\n        background-color: var(--pos-primary-color);\n      }\n    }\n    &:hover {\n      background-color: var(--pos-border-color);\n    }\n  }\n}\n\n.suggestions li.selected pos-rich-link {\n  --label-color: white;\n  --description-color: var(--pos-border-color);\n  --uri-color: var(--pos-subtle-text-color);\n}\n\ndialog {\n  position: absolute;\n  margin-top: calc(-1 * var(--pos-navigation-bar-height));\n  padding: 0;\n  width: 100%;\n  max-width: 100%;\n  min-width: 100%;\n  overflow: hidden;\n  max-height: 100dvh;\n  background-color: var(--pos-background-color);\n  color: var(--pos-normal-text-color);\n  border: var(--pos-border-color);\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-md);\n  form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    align-items: center;\n    input {\n      display: flex;\n      font-size: var(--scale-1);\n      height: var(--pos-navigation-bar-height);\n      border-top-left-radius: var(--radius-md);\n      border-top-right-radius: var(--radius-md);\n      padding-left: var(--size-2);\n      width: 100%;\n      border: none;\n      outline: none;\n      color: var(--pos-normal-text-color);\n      background-color: var(--pos-input-background-color);\n      box-sizing: border-box;\n    }\n  }\n}\n\ndialog[open] {\n  display: flex;\n  z-index: var(--layer-top);\n  animation: slideIn 100ms ease-out;\n}\n\n@media (max-width: 640px) {\n  search {\n    position: unset;\n  }\n  dialog {\n    margin-top: var(--size-1);\n    top: 0;\n    width: 95dvw;\n    max-width: unset;\n    min-width: unset;\n    form {\n      input {\n        height: var(--size-12);\n        font-size: var(--scale-fluid-3);\n      }\n    }\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n";const ll=cl;const dl=class{constructor(t){e(this,t);this.subscribePodOs=a(this,"pod-os:init",7);this.linkEmitter=a(this,"pod-os:link",7);this.uri="";this.inputValue=this.uri;this.searchIndex=undefined;this.suggestions=[];this.selectedIndex=-1;this.resource=null;this.changeEvents=new gn;this.debouncedSearch=null;this.receivePodOs=async t=>{this.os=t}}updateResource(){var t;try{this.resource=this.uri?(t=this.os)===null||t===void 0?void 0:t.store.get(this.uri):null}catch(t){this.resource=null}}componentWillLoad(){H(this);this.updateResource();B.onChange("isLoggedIn",(async t=>{if(t){await this.buildSearchIndex()}else{this.clearSearchIndex()}}));this.debouncedSearch=this.changeEvents.pipe(Zn(300)).subscribe((()=>this.search()))}disconnectedCallback(){var t;(t=this.debouncedSearch)===null||t===void 0?void 0:t.unsubscribe()}async buildSearchIndex(){this.searchIndex=await this.os.buildSearchIndex(B.state.profile)}rebuildSearchIndex(){this.searchIndex.rebuild()}openNavigationDialog(t){var e,n;this.resource=t.detail;if(t.detail){this.inputValue=t.detail.uri;this.search()}(e=this.inputRef)===null||e===void 0?void 0:e.select();(n=this.dialogRef)===null||n===void 0?void 0:n.show()}clearSearchIndex(){var t;(t=this.searchIndex)===null||t===void 0?void 0:t.clear()}onChange(t){this.inputValue=t.target.value;this.changeEvents.next()}closeDialog(){var t;(t=this.dialogRef)===null||t===void 0?void 0:t.close();this.selectedIndex=-1}clearSuggestions(){var t;this.suggestions=[];(t=this.dialogRef)===null||t===void 0?void 0:t.close();this.selectedIndex=-1}onClickSelf(t){t.stopPropagation()}handleKeyDown(t){if(t.key==="Escape"){this.closeDialog()}else if(t.key==="ArrowDown"){t.preventDefault();this.selectedIndex=Math.min(this.selectedIndex+1,this.suggestions.length-1)}else if(t.key==="ArrowUp"){t.preventDefault();this.selectedIndex=Math.max(this.selectedIndex-1,0)}}search(){if(this.searchIndex){this.suggestions=this.inputValue?this.searchIndex.search(this.inputValue):[]}}onSubmit(){if(this.suggestions&&this.selectedIndex>-1){this.linkEmitter.emit(this.suggestions[this.selectedIndex].ref)}else{this.linkEmitter.emit(this.inputValue)}}render(){return n("nav",{key:"c6f9915d7778a332aa0e2f3b19b733da63b55d3a"},n("search",{key:"2911efe53775a82d6c87ba823adfd2f37d196994"},n("pos-navigation-bar",{key:"ce9d62d0fdc81df2f6c7f7750b5c4fc98e2b0240",searchIndexReady:this.searchIndex!==undefined,current:this.resource}),n("dialog",{key:"cab1f4261e43e8318582d6b37096301a7ef987cc",ref:t=>this.dialogRef=t},n("form",{key:"3caed872d467ef70c3b097da4f337f492bafdc9f",method:"dialog",onSubmit:()=>this.onSubmit()},n("input",{key:"72ba8d15816608dab944f7d8541713bbf177c1c2",ref:t=>this.inputRef=t,enterkeyhint:"search","aria-label":"Search or enter URI",placeholder:"Search or enter URI",value:this.uri,onChange:t=>this.onChange(t),onInput:t=>this.onChange(t),role:"combobox","aria-autocomplete":"list","aria-expanded":this.suggestions.length>0,"aria-controls":"suggestions-list","aria-activedescendant":this.selectedIndex>=0?`option-${this.selectedIndex}`:null}),this.suggestions.length>0?n("div",{class:"suggestions"},n("ol",{id:"suggestions-list",role:"listbox","aria-label":"Search results"},this.suggestions.map(((t,e)=>n("li",{id:`option-${e}`,role:"option","aria-selected":e===this.selectedIndex?"true":"false"},n("pos-rich-link",{uri:t.ref})))))):null))))}static get watchers(){return{uri:["updateResource"],os:["updateResource"]}}};dl.style=ll;const hl="section.current {\n  display: flex;\n  height: var(--pos-navigation-bar-height);\n  flex-grow: 1;\n  gap: 0;\n  background-color: var(--pos-input-background-color);\n  border-radius: var(--radius-md);\n  width: 100%;\n  &:focus-within {\n    outline: var(--pos-input-focus-outline);\n  }\n}\n\nsection.current button {\n  cursor: pointer;\n  font-size: var(--scale-1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n  background: none;\n  color: var(--pos-normal-text-color);\n  outline: none;\n  border: none;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  &:focus {\n    text-decoration: underline;\n  }\n  :first-child {\n    flex-grow: 1;\n  }\n  svg {\n    width: var(--size-6);\n    color: var(--pos-subtle-text-color);\n  }\n}\n";const ul=hl;const fl=class{constructor(t){e(this,t);this.navigate=a(this,"pod-os:navigate",7)}onClick(){this.navigate.emit(this.current)}activate(t){if((t.ctrlKey||t.metaKey)&&t.key==="k"){t.preventDefault();this.navigate.emit(this.current)}}render(){const t=this.current?`${this.current.label()} (Click to search or enter URI)`:"Search or enter URI";return n("section",{key:"4b942ac9ddb8c7ec9325197dc0906c8e236586d9",class:"current"},this.current&&this.searchIndexReady&&n("pos-make-findable",{key:"4202379b075353cf6c0214fbc5a00b892ad948e1",uri:this.current.uri}),n("button",{key:"e59f5644299d8eee98d3fd179a1796aa837bb0cc","aria-label":t,onClick:()=>this.onClick()},n("div",{key:"4a4df2d898be9c916b3fa31b00bd9bf2b3beabd1"},this.current?this.current.label():"Search or enter URI"),this.icon()))}icon(){return n("svg",{"aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"},n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"}))}};fl.style=ul;const pl=":host{display:block}form{display:grid;grid-template-columns:var(--size-16) 1fr;grid-gap:var(--scale-0)}label{grid-column:1 / 2;display:flex;align-items:center;justify-content:flex-end}input,pos-select-term,button{grid-column:2 / 3}input,pos-select-term::part(input){outline:var(--pos-input-outline);padding:var(--scale-000);border:none;border-radius:var(--radius-xs);width:var(--size-full);box-sizing:border-box;background:var(--pos-input-background-color);color:var(--pos-normal-text-color)}input:focus-within,pos-select-term::part(input):focus-within{outline:var(--pos-input-focus-outline)}#new-uri{grid-column:1/3;cursor:default;word-break:break-all;color:var(--pos-normal-text-color);font-weight:var(--weight-light);background:var(--pos-disabled-color);padding:var(--scale-000);border-radius:var(--radius-xs)}input#create{outline:none;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--pos-primary-text-color);background-color:var(--pos-primary-color)}input#create:disabled{cursor:default;color:var(--pos-disabled-text-color);background-color:var(--pos-disabled-color);box-shadow:none}input#create:hover:not(:disabled),input#create:focus{filter:brightness(110%);box-shadow:var(--shadow-md)}";const bl=pl;const ml=class{constructor(t){e(this,t);this.linkEmitter=a(this,"pod-os:link",7);this.errorEmitter=a(this,"pod-os:error",7);this.subscribePodOs=a(this,"pod-os:init",7);this.canSubmit=false;this.receivePodOs=async t=>{this.os=t}}validate(){this.canSubmit=Boolean(this.name&&this.selectedTypeUri)}componentWillLoad(){H(this)}render(){return n("form",{key:"947421a1e826b4cc59a5d92cf83d25726257c871",method:"dialog",onSubmit:t=>this.handleSubmit(t)},n("label",{key:"fd239a8b7c9d7b6f833acc794c4ce44d884d240f",htmlFor:"type"},"Type"),n("pos-select-term",{key:"04b2e4bfdb8590bcb4bc4c822780bffd126488fa",id:"type",placeholder:"",value:this.selectedTypeUri,"onPod-os:term-selected":t=>this.onTermSelected(t)}),n("label",{key:"fa363e0adf2d73c0f22ce90588504ec3b8b6cb6f",htmlFor:"name"},"Name"),n("input",{key:"b3c9ff73ea9b1e1e1c059287f3876935fc845699",id:"name",type:"text",value:this.name,onInput:t=>this.handleChange(t)}),this.newUri?n("div",{id:"new-uri",title:"This will be the URI of the new thing"},this.newUri):null,n("input",{key:"a804450dd5c59ee847f736861e0eeb6616476081",id:"create",type:"submit",value:"Create",disabled:!this.canSubmit}))}handleChange(t){this.name=t.target.value;this.newUri=this.os.proposeUriForNewThing(this.referenceUri,this.name)}onTermSelected(t){this.selectedTypeUri=t.detail.uri}async handleSubmit(t){try{await this.os.addNewThing(this.newUri,this.name,this.selectedTypeUri);this.linkEmitter.emit(this.newUri);this.reset()}catch(e){t.preventDefault();this.errorEmitter.emit(e)}}reset(){this.name="";this.newUri="";this.selectedTypeUri=""}static get delegatesFocus(){return true}static get watchers(){return{name:["validate"],selectedTypeUri:["validate"]}}};ml.style=bl;const gl=":host{--width:300px;--height:300px;--border-radius:var(--border-radius, 0);--object-fit:var(--object-fit, cover)}";const vl=gl;const wl=class{constructor(t){e(this,t);this.subscribeResource=a(this,"pod-os:resource",7);this.blurredBackground=false;this.receiveResource=t=>{this.resource=t}}componentWillLoad(){W(this)}render(){const t=this.resource?this.resource.picture():null;if(!t)return n("slot",null);return n("pos-image",{blurredBackground:this.blurredBackground,src:t.url,alt:this.resource.label()})}};wl.style=vl;const yl="details.error {\n  margin: var(--size-2);\n  background-color: var(--pos-error-background-color);\n  border: var(--size-px) solid var(--pos-error-border-color);\n  padding: var(--size-2);\n  border-radius: var(--radius-md);\n\n  a {\n    color: var(--pos-normal-text-color);\n  }\n}\n";const xl=yl;const kl=class{constructor(t){e(this,t);this.subscribePodOs=a(this,"pod-os:init",7);this.resourceLoadedEmitter=a(this,"pod-os:resource-loaded",7);this.consumers=[];this.lazy=false;this.loading=true;this.receivePodOs=async t=>{this.os=t}}componentWillLoad(){B.onChange("isLoggedIn",(()=>this.loadResource()));H(this)}async provideResource(t){t.stopPropagation();if(this.resource){t.detail(this.resource)}this.consumers.push(t)}async loadResource(){await this.getResource(!this.lazy)}async fetch(){await this.getResource(true)}async getResource(t=false){try{if(t){this.loading=true;await this.os.fetch(this.uri);this.resourceLoadedEmitter.emit(this.uri)}this.resource=this.os.store.get(this.uri);this.error=null;this.consumers.forEach((t=>{t.detail(this.resource)}))}catch(t){this.error=t}finally{this.loading=false}}render(){if(this.loading){return n("ion-progress-bar",{type:"indeterminate"})}if(this.error){return n("details",{class:"error"},n("summary",{title:"Click to expand"},"⚠ Sorry, something went wrong"),n("p",null,"Status:",this.error.status),n("p",null,this.error.message),n("p",null,"You can try to open the link outside PodOS: ",n("a",{href:this.uri},this.uri)))}return n("slot",null)}static get watchers(){return{os:["loadResource"],uri:["loadResource"]}}};kl.style=xl;const zl=":host {\n  --background-color: inherit;\n  --label-color: var(--pos-normal-text-color);\n  --description-color: var(--pos-normal-text-color);\n  --uri-color: var(--pos-subtle-text-color);\n  --font-family: var(--font-sans);\n}\n\np.content {\n  background-color: var(--background-color);\n  line-height: var(--line-xs);\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: baseline;\n  gap: var(--size-1);\n\n  .url {\n    font-size: var(--scale-fluid-1);\n    color: var(--pos-subtle-text-color);\n  }\n}\n\na {\n  color: var(--label-color);\n  max-width: min(100%, var(--prose-lg));\n  text-decoration: underline;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-decoration-thickness: var(--size-px);\n}\n\npos-label {\n  color: var(--label-color);\n  font-size: var(--scale-fluid-2);\n  margin-bottom: var(--size-1);\n}\n\npos-description {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  font-weight: var(--weight-light);\n  color: var(--description-color);\n  font-size: var(--scale-fluid-2);\n}\n\n@media (min-width: 640px) {\n  pos-label {\n    font-size: var(--scale-fluid-0);\n  }\n  pos-description {\n    font-size: var(--scale-fluid-1);\n  }\n\n  p.content {\n    .url {\n      font-size: var(--scale-fluid-000);\n    }\n  }\n}\n";const Sl=zl;const _l=class{constructor(t){e(this,t);this.linkEmitter=a(this,"pod-os:link",7)}render(){return n("pos-resource",{key:"f41ba8c5430e96e47d176b4e85633bad4ee9b0a7",lazy:true,uri:this.uri},n("p",{key:"0a92fa1df51d78c0e8d1f6d47af078cb0cbe264a",class:"content"},n("a",{key:"27c623707a5cbc6618d5a70e0eacc2fd5552d7dd",href:this.uri,onClick:t=>{t.preventDefault();this.linkEmitter.emit(this.uri)}},n("pos-label",{key:"e8cb96334502e2f2fad85c35096baa3a6cc890cb"})),n("span",{key:"0f0feeee5e65f982d54cd474c42ed14759d2e834",class:"url"},new URL(this.uri).host),n("pos-description",{key:"87a7cdf2c0e1f523ecdbed2e786d948f267ad303"})))}};_l.style=Sl;const Cl=(t,e,n)=>{const i=t.get(e);if(!i){t.set(e,[n])}else if(!i.includes(n)){i.push(n)}};const $l=(t,e)=>{let n;return(...i)=>{if(n){clearTimeout(n)}n=setTimeout((()=>{n=0;t(...i)}),e)}};const Al=t=>!("isConnected"in t)||t.isConnected;const Il=$l((t=>{for(let e of t.keys()){t.set(e,t.get(e).filter(Al))}}),2e3);const El=()=>{if(typeof c!=="function"){return{}}const t=new Map;return{dispose:()=>t.clear(),get:e=>{const n=c();if(n){Cl(t,e,n)}},set:e=>{const n=t.get(e);if(n){t.set(e,n.filter(l))}Il(t)},reset:()=>{t.forEach((t=>t.forEach(l)));Il(t)}}};const Ml=(t,e=((t,e)=>t!==e))=>{let n=new Map(Object.entries(t!==null&&t!==void 0?t:{}));const i={dispose:[],get:[],set:[],reset:[]};const s=()=>{n=new Map(Object.entries(t!==null&&t!==void 0?t:{}));i.reset.forEach((t=>t()))};const o=()=>{i.dispose.forEach((t=>t()));s()};const r=t=>{i.get.forEach((e=>e(t)));return n.get(t)};const a=(t,s)=>{const o=n.get(t);if(e(s,o,t)){n.set(t,s);i.set.forEach((e=>e(t,s,o)))}};const c=typeof Proxy==="undefined"?{}:new Proxy(t,{get(t,e){return r(e)},ownKeys(t){return Array.from(n.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(t,e){return n.has(e)},set(t,e,n){a(e,n);return true}});const l=(t,e)=>{i[t].push(e);return()=>{Tl(i[t],e)}};const d=(e,n)=>{const i=l("set",((t,i)=>{if(t===e){n(i)}}));const s=l("reset",(()=>n(t[e])));return()=>{i();s()}};const h=(...t)=>{const e=t.reduce(((t,e)=>{if(e.set){t.push(l("set",e.set))}if(e.get){t.push(l("get",e.get))}if(e.reset){t.push(l("reset",e.reset))}if(e.dispose){t.push(l("dispose",e.dispose))}return t}),[]);return()=>e.forEach((t=>t()))};const u=t=>{const e=n.get(t);i.set.forEach((n=>n(t,e,e)))};return{state:c,get:r,set:a,on:l,onChange:d,use:h,dispose:o,reset:s,forceUpdate:u}};const Tl=(t,e)=>{const n=t.indexOf(e);if(n>=0){t[n]=t[t.length-1];t.length--}};const jl=(t,e)=>{const n=Ml(t,e);n.use(El());return n};const Ll=t=>{var e;const n=window;const i=new URL(n.location.href);const s=(e=t===null||t===void 0?void 0:t.parseURL)!==null&&e!==void 0?e:Dl;const{state:o,onChange:r,dispose:a}=jl({url:i,activePath:s(i)},((t,e,n)=>{if(n==="url"){return t.href!==e.href}return t!==e}));const c=t=>{history.pushState(null,null,t);const e=new URL(t,document.baseURI);o.url=e;o.activePath=s(e)};const l=t=>{const{activePath:e}=o;for(let n of t){const i=Ol(e,n.path);if(i){if(n.to!=null){const i=typeof n.to==="string"?n.to:n.to(e);c(i);return l(t)}else{return{params:i,route:n}}}}return undefined};const d=()=>{const t=new URL(n.location.href);o.url=t;o.activePath=s(t)};const h=(t,e)=>{const n=l(e);if(n){if(typeof n.route.jsx==="function"){return n.route.jsx(n.params)}else{return n.route.jsx}}};const u=()=>{n.removeEventListener("popstate",d);a()};const f={Switch:h,get url(){return o.url},get activePath(){return o.activePath},push:c,onChange:r,dispose:u};d();n.addEventListener("popstate",d);return f};const Ol=(t,e)=>{if(typeof e==="string"){if(e===t){return{}}}else if(typeof e==="function"){const n=e(t);if(n){return n===true?{}:{...n}}}else{const n=e.exec(t);if(n){e.lastIndex=0;return{...n}}}return undefined};const Dl=t=>t.pathname.toLowerCase();const Pl=".toolbar{display:flex;flex-direction:row;gap:0;align-items:center;margin-left:0.5rem}pos-navigation{flex-grow:1}";const Bl=Pl;const Rl=Ll();const Ul=class{constructor(t){e(this,t);this.routeChanged=a(this,"pod-os:route-changed",7);this.mode="standalone"}linkClicked(t){this.navigate(t.detail)}sessionRestored(t){Rl.push(t.detail.url)}componentWillLoad(){this.updateUri();Rl.onChange("url",(()=>{this.updateUri()}))}navigate(t){Rl.push("?uri="+encodeURIComponent(t))}updateUri(){this.uri=new URLSearchParams(window.location.search).get("uri")||(this.mode==="standalone"?"pod-os:dashboard":window.location.href);this.routeChanged.emit(this.uri)}render(){return n("slot",{key:"e3d70ed25e70d8273a2c820bb92fec69b7f70f25"})}};Ul.style=Bl;const Nl=":host{display:block}input{background-color:transparent;color:var(--pos-normal-text-color);border:none;padding-top:1rem;padding-bottom:1rem}input:focus{outline:none}";const Xl=Nl;const Wl=class{constructor(t){e(this,t);this.subscribePodOs=a(this,"pod-os:init",7);this.termSelected=a(this,"pod-os:term-selected",7);this.placeholder="Type to search...";this.value="";this.terms=[];this.receivePodOs=async t=>{this.os=t}}componentWillLoad(){H(this)}setTerms(){this.terms=this.os.listKnownTerms()}handleChange(t){this.termSelected.emit({uri:t.target.value})}render(){return n(i,{key:"c9529ceaf82d8aa1a3f73532e8ca0f99aa3fc4e6"},n("input",{key:"2de0e74b99ae5dd7aa6d7bdea4289b9e25b7629e",part:"input",list:"terms",placeholder:this.placeholder,value:this.value,onChange:t=>this.handleChange(t)}),n("datalist",{key:"92e240a12c0d733c15b8daf971e3026a1d535561",part:"terms",id:"terms"},this.terms.map((t=>n("option",{value:t.uri},t.shorthand)))))}static get delegatesFocus(){return true}static get watchers(){return{os:["setTerms"]}}};Wl.style=Xl;const Hl=":host{border:var(--size-px) solid var(--pos-border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--size-8);max-width:var(--size-96);background:var(--pos-card-background)}svg{width:var(--size-8)}h2{display:flex;align-items:center}p{padding:var(--size-2)}.info{color:var(--color-grey-900);background-color:var(--color-blue-200)}.warn{color:var(--color-grey-900);background-color:var(--color-yellow-200)}";const Fl=Hl;const Yl=class{constructor(t){e(this,t)}render(){return n(i,{key:"f024e7d542cfc87a4dc0a1f22694b664086ebd60"},n("div",{key:"e88e694cefa4a2361ca8c67f1bd023fda1b70f2a"},n("h2",{key:"c4b2e6270f26a2eb7f62e5076b40834903fc10e4"},n("svg",{key:"d63643c1ed908c6fe9ab4ff6c47b13848c714c32",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"},n("path",{key:"78f055556bb175ea17d0db1ccf78c16343d67d3f","stroke-linecap":"round","stroke-linejoin":"round",d:"M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125"})),"Cache Settings"),n("p",{key:"3045ae3214b9e91feb34857ce45a3db6529f2959",class:"info"},"ℹ Enable offline cache to be able to access previously loaded data while offline."),n("p",{key:"9987c1cb59b62e1eb06c67a9c646a9a2f125529a",class:"warn"},"⚠ Private data may be stored on this device. Only enable it, if you trust this device."),n("label",{key:"55dd3c0fa7ece9a59437e7818d6cfa9b0e9eb5bf"},n("input",{key:"22874f8a39b5016b71818fa1d6226bf66ff969c3",type:"checkbox",checked:Kt.state.offlineCache,onChange:t=>Kt.state.offlineCache=t.target.checked}),"Enable offline cache")))}};Yl.style=Fl;var Vl;(function(t){t["Generic"]="pos-app-generic";t["RdfDocument"]="pos-app-rdf-document";t["DocumentViewer"]="pos-app-document-viewer";t["ImageViewer"]="pos-app-image-viewer";t["LdpContainer"]="pos-app-ldp-container"})(Vl||(Vl={}));function ql(t,e){return t.some((t=>t.uri===e))}function Zl(t){if(ql(t,"http://www.w3.org/ns/ldp#Container")){return Vl.LdpContainer}else if(ql(t,"http://www.w3.org/2007/ont/link#RDFDocument")){return Vl.RdfDocument}else if(ql(t,"http://www.w3.org/ns/iana/media-types/application/pdf#Resource")){return Vl.DocumentViewer}else if(ql(t,"http://purl.org/dc/terms/Image")){return Vl.ImageViewer}else if(ql(t,"http://www.w3.org/2007/ont/link#Document")){return Vl.DocumentViewer}else{return Vl.Generic}}const Gl=class{constructor(t){e(this,t);this.subscribeResource=a(this,"pod-os:resource",7);this.receiveResource=t=>{this.types=t.types()}}componentWillLoad(){W(this)}render(){return this.types?this.renderApp():null}renderApp(){const t=Zl(this.types);return n(t,null)}};var Kl=Di`
+  :host {
+    display: inline-block;
+    --size: 3rem;
+  }
+  .avatar {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    width: var(--size);
+    height: var(--size);
+    background-color: var(--sl-color-neutral-400);
+    font-family: var(--sl-font-sans);
+    font-size: calc(var(--size) * 0.5);
+    font-weight: var(--sl-font-weight-normal);
+    color: var(--sl-color-neutral-0);
+    user-select: none;
+    -webkit-user-select: none;
+    vertical-align: middle;
+  }
+  .avatar--circle,
+  .avatar--circle .avatar__image {
+    border-radius: var(--sl-border-radius-circle);
+  }
+  .avatar--rounded,
+  .avatar--rounded .avatar__image {
+    border-radius: var(--sl-border-radius-medium);
+  }
+  .avatar--square {
+    border-radius: 0;
+  }
+  .avatar__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+  .avatar__initials {
+    line-height: 1;
+    text-transform: uppercase;
+  }
+  .avatar__image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    overflow: hidden;
+  }
+`;var Jl=class extends Uo{constructor(){super(...arguments);this.hasError=false;this.image="";this.label="";this.initials="";this.loading="eager";this.shape="circle"}handleImageChange(){this.hasError=false}handleImageLoadError(){this.hasError=true;this.emit("sl-error")}render(){const t=xs`
+      <img
+        part="image"
+        class="avatar__image"
+        src="${this.image}"
+        loading="${this.loading}"
+        alt=""
+        @error="${this.handleImageLoadError}"
+      />
+    `;let e=xs``;if(this.initials){e=xs`<div part="initials" class="avatar__initials">${this.initials}</div>`}else{e=xs`
+        <div part="icon" class="avatar__icon" aria-hidden="true">
+          <slot name="icon">
+            <sl-icon name="person-fill" library="system"></sl-icon>
+          </slot>
+        </div>
+      `}return xs`
+      <div
+        part="base"
+        class=${Ka({avatar:true,"avatar--circle":this.shape==="circle","avatar--rounded":this.shape==="rounded","avatar--square":this.shape==="square"})}
+        role="img"
+        aria-label=${this.label}
+      >
+        ${this.image&&!this.hasError?t:e}
+      </div>
+    `}};Jl.styles=[To,Kl];Jl.dependencies={"sl-icon":el};eo([Do()],Jl.prototype,"hasError",2);eo([Oo()],Jl.prototype,"image",2);eo([Oo()],Jl.prototype,"label",2);eo([Oo()],Jl.prototype,"initials",2);eo([Oo()],Jl.prototype,"loading",2);eo([Oo({reflect:true})],Jl.prototype,"shape",2);eo([fc("image")],Jl.prototype,"handleImageChange",1);Jl.define("sl-avatar");var Ql=Di`
+  :host {
+    --color: var(--sl-panel-border-color);
+    --width: var(--sl-panel-border-width);
+    --spacing: var(--sl-spacing-medium);
+  }
+  :host(:not([vertical])) {
+    display: block;
+    border-top: solid var(--width) var(--color);
+    margin: var(--spacing) 0;
+  }
+  :host([vertical]) {
+    display: inline-block;
+    height: 100%;
+    border-left: solid var(--width) var(--color);
+    margin: 0 var(--spacing);
+  }
+`;var td=class extends Uo{constructor(){super(...arguments);this.vertical=false}connectedCallback(){super.connectedCallback();this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};td.styles=[To,Ql];eo([Oo({type:Boolean,reflect:true})],td.prototype,"vertical",2);eo([fc("vertical")],td.prototype,"handleVerticalChange",1);td.define("sl-divider");const ed="button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  border-radius: 50%;\n  pos-picture {\n    --width: 40px;\n    --height: 40px;\n    --border-radius: 50%;\n  }\n  sl-avatar {\n    --size: 40px;\n  }\n}\n\nsl-dropdown {\n  display: block;\n}\n";const nd=ed;const id=class{constructor(t){e(this,t);this.logout=a(this,"pod-os:logout",7);this.link=a(this,"pod-os:link",7)}onSelect(t){const{value:e}=t.detail.item;if(e==="logout"){this.logout.emit()}else if(e==="profile"){this.link.emit(this.webId)}else if(e==="dashboard"){this.link.emit("pod-os:dashboard")}else if(e==="settings"){this.link.emit("pod-os:settings")}}render(){if(!this.webId)return null;return n("pos-resource",{uri:this.webId},n("sl-dropdown",null,n("button",{slot:"trigger","aria-label":"User menu"},n("pos-picture",null,n("sl-avatar",null))),n("sl-menu",null,n("sl-menu-item",{value:"dashboard"},"Dashboard"),n("sl-menu-item",{value:"profile"},n("pos-label",null)),n("sl-menu-item",{value:"settings"},"Settings"),n("sl-divider",null),n("sl-menu-item",{value:"logout"},"Logout"))))}};id.style=nd;export{ut as ion_icon,wt as ion_progress_bar,St as ion_ripple_effect,Et as ion_skeleton_text,Wt as ion_toast,qt as pos_add_new_thing,Kn as pos_app,ti as pos_app_browser,si as pos_app_dashboard,ai as pos_app_settings,ci as pos_description,hi as pos_dialog,ui as pos_error_toast,bi as pos_example_resources,vi as pos_getting_started,xi as pos_image,ki as pos_internal_router,zi as pos_label,Ci as pos_login,Ii as pos_login_form,ol as pos_make_findable,dl as pos_navigation,fl as pos_navigation_bar,ml as pos_new_thing_form,wl as pos_picture,kl as pos_resource,_l as pos_rich_link,Ul as pos_router,Wl as pos_select_term,Yl as pos_setting_offline_cache,Gl as pos_type_router,id as pos_user_menu};
+//# sourceMappingURL=p-74bdf05f.entry.js.map