1var us=Object.defineProperty;var ps=(s,t,e)=>t in s?us(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e;var Y=(s,t,e)=>(ps(s,typeof t!="symbol"?t+"":t,e),e);(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))i(o);new MutationObserver(o=>{for(const n of o)if(n.type==="childList")for(const r of n.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&i(r)}).observe(document,{childList:!0,subtree:!0});function e(o){const n={};return o.integrity&&(n.integrity=o.integrity),o.referrerpolicy&&(n.referrerPolicy=o.referrerpolicy),o.crossorigin==="use-credentials"?n.credentials="include":o.crossorigin==="anonymous"?n.credentials="omit":n.credentials="same-origin",n}function i(o){if(o.ep)return;o.ep=!0;const n=e(o);fetch(o.href,n)}})();const Kt=window,Fe=Kt.ShadowRoot&&(Kt.ShadyCSS===void 0||Kt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ve=Symbol(),Qe=new WeakMap;let Si=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==Ve)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(Fe&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=Qe.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&Qe.set(e,t))}return t}toString(){return this.cssText}};const fs=s=>new Si(typeof s=="string"?s:s+"",void 0,Ve),_t=(s,...t)=>{const e=s.length===1?s[0]:t.reduce((i,o,n)=>i+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+s[n+1],s[0]);return new Si(e,s,Ve)},vs=(s,t)=>{Fe?s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{const i=document.createElement("style"),o=Kt.litNonce;o!==void 0&&i.setAttribute("nonce",o),i.textContent=e.cssText,s.appendChild(i)})},ti=Fe?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return fs(e)})(s):s;var me;const Jt=window,ei=Jt.trustedTypes,gs=ei?ei.emptyScript:"",ii=Jt.reactiveElementPolyfillSupport,Re={toAttribute(s,t){switch(t){case Boolean:s=s?gs:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},Ti=(s,t)=>t!==s&&(t==t||s==s),be={attribute:!0,type:String,converter:Re,reflect:!1,hasChanged:Ti};let ht=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((e,i)=>{const o=this._$Ep(i,e);o!==void 0&&(this._$Ev.set(o,i),t.push(o))}),t}static createProperty(t,e=be){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i=typeof t=="symbol"?Symbol():"__"+t,o=this.getPropertyDescriptor(t,i,e);o!==void 0&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(o){const n=this[t];this[e]=o,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||be}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,i=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const o of i)this.createProperty(o,e[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];
vendor: 9,235 bytes, lines 1-5
1if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const o of i)e.unshift(ti(o))}else t!==void 0&&e.push(ti(t));return e}static _$Ep(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,i;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;const e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return vs(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostConnected)===null||i===void 0?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostDisconnected)===null||i===void 0?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=be){var o;const n=this.constructor._$Ep(t,i);if(n!==void 0&&i.reflect===!0){const r=(((o=i.converter)===null||o===void 0?void 0:o.toAttribute)!==void 0?i.converter:Re).toAttribute(e,i.type);this._$El=t,r==null?this.removeAttribute(n):this.setAttribute(n,r),this._$El=null}}_$AK(t,e){var i;const o=this.constructor,n=o._$Ev.get(t);if(n!==void 0&&this._$El!==n){const r=o.getPropertyOptions(n),a=typeof r.converter=="function"?{fromAttribute:r.converter}:((i=r.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?r.converter:Re;this._$El=n,this[n]=a.fromAttribute(e,r.type),this._$El=null}}requestUpdate(t,e,i){let o=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||Ti)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((o,n)=>this[n]=o),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(o=>{var n;return(n=o.hostUpdate)===null||n===void 0?void 0:n.call(o)}),this.update(i)):this._$Ek()}catch(o){throw e=!1,this._$Ek(),o}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(i=>{var o;return(o=i.hostUpdated)===null||o===void 0?void 0:o.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,i)=>this._$EO(i,this[i],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};ht.finalized=!0,ht.elementProperties=new Map,ht.elementStyles=[],ht.shadowRootOptions={mode:"open"},ii==null||ii({ReactiveElement:ht}),((me=Jt.reactiveElementVersions)!==null&&me!==void 0?me:Jt.reactiveElementVersions=[]).push("1.6.1");var we;const Qt=window,vt=Qt.trustedTypes,si=vt?vt.createPolicy("lit-html",{createHTML:s=>s}):void 0,Z=`lit$${(Math.random()+"").slice(9)}$`,Oi="?"+Z,ms=`<${Oi}>`,gt=document,Ot=(s="")=>gt.createComment(s),Pt=s=>s===null||typeof s!="object"&&typeof s!="function",Pi=Array.isArray,bs=s=>Pi(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",xt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,oi=/-->/g,ni=/>/g,st=RegExp(`>|[ 2\f\r](?:([^\\s"'>=/]+)([ 3\f\r]*=[ 4\f\r]*(?:[^ 5\f\r"'\`<>=]|("|')|))|$)`,"g"),ri=/'/g,ai=/"/g,Ri=/^(?:script|style|textarea|title)$/i,ws=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),Q=ws(1),nt=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),li=new WeakMap,pt=gt.createTreeWalker(gt,129,null,!1),ys=(s,t)=>{const e=s.length-1,i=[];let o,n=t===2?"<svg>":"",r=xt;for(let l=0;l<e;l++){const c=s[l];let g,u,p=-1,m=0;for(;m<c.length&&(r.lastIndex=m,u=r.exec(c),u!==null);)m=r.lastIndex,r===xt?u[1]==="!--"?r=oi:u[1]!==void 0?r=ni:u[2]!==void 0?(Ri.test(u[2])&&(o=RegExp("</"+u[2],"g")),r=st):u[3]!==void 0&&(r=st):r===st?u[0]===">"?(r=o??xt,p=-1):u[1]===void 0?p=-2:(p=r.lastIndex-u[2].length,g=u[1],r=u[3]===void 0?st:u[3]==='"'?ai:ri):r===ai||r===ri?r=st:r===oi||r===ni?r=xt:(r=st,o=void 0);const w=r===st&&s[l+1].startsWith("/>")?" ":"";n+=r===xt?c+ms:p>=0?(i.push(g),c.slice(0,p)+"$lit$"+c.slice(p)+Z+w):c+Z+(p===-2?(i.push(void 0),l):w)}const a=n+(s[e]||"<?>")+(t===2?"</svg>":"");if(!Array.isArray(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return[si!==void 0?si.createHTML(a):a,i]};let te=class{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let n=0,r=0;const a=t.length-1,l=this.parts,[c,g]=ys(t,e);if(this.el=te.createElement(c,i),pt.currentNode=this.el.content,e===2){const u=this.el.content,p=u.firstChild;p.remove(),u.append(...p.childNodes)}for(;(o=pt.nextNode())!==null&&l.length<a;){if(o.nodeType===1){if(o.hasAttributes()){const u=[];for(const p of o.getAttributeNames())if(p.endsWith("$lit$")||p.startsWith(Z)){const m=g[r++];if(u.push(p),m!==void 0){const w=o.getAttribute(m.toLowerCase()+"$lit$").split(Z),A=/([.?@])?(.*)/.exec(m);l.push({type:1,index:n,name:A[2],strings:w,ctor:A[1]==="."?$s:A[1]==="?"?Es:A[1]==="@"?Cs:le})}else l.push({type:6,index:n})}for(const p of u)o.removeAttribute(p)}if(Ri.test(o.tagName)){const u=o.textContent.split(Z),p=u.length-1;if(p>0){o.textContent=vt?vt.emptyScript:"";for(let m=0;m<p;m++)o.append(u[m],Ot()),pt.nextNode(),l.push({type:2,index:++n});o.append(u[p],Ot())}}}else if(o.nodeType===8)if(o.data===Oi)l.push({type:2,index:n});else{let u=-1;for(;(u=o.data.indexOf(Z,u+1))!==-1;)l.push({type:7,index:n}),u+=Z.length-1}n++}}static createElement(t,e){const i=gt.createElement("template");return i.innerHTML=t,i}};function mt(s,t,e=s,i){var o,n,r,a;if(t===nt)return t;let l=i!==void 0?(o=e._$Co)===null||o===void 0?void 0:o[i]:e._$Cl;const c=Pt(t)?void 0:t._$litDirective$;return(l==null?void 0:l.constructor)!==c&&((n=l==null?void 0:l._$AO)===null||n===void 0||n.call(l,!1),c===void 0?l=void 0:(l=new c(s),l._$AT(s,e,i)),i!==void 0?((r=(a=e)._$Co)!==null&&r!==void 0?r:a._$Co=[])[i]=l:e._$Cl=l),l!==void 0&&(t=mt(s,l._$AS(s,t.values),l,i)),t}let _s=class{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:i},parts:o}=this._$AD,n=((e=t==null?void 0:t.creationScope)!==null&&e!==void 0?e:gt).importNode(i,!0);pt.currentNode=n;let r=pt.nextNode(),a=0,l=0,c=o[0];for(;c!==void 0;){if(a===c.index){let g;c.type===2?g=new ae(r,r.nextSibling,this,t):c.type===1?g=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(g=new xs(r,this,t)),this.u.push(g),c=o[++l]}a!==(c==null?void 0:c.index)&&(r=pt.nextNode(),a++)}return n}p(t){let e=0;for(const i of this.u)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}},ae=class{constructor(t,e,i,o){var n;this.type=2,this._$AH=O,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cm=(n=o==null?void 0:o.isConnected)===null||n===void 0||n}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=mt(this,t,e),Pt(t)?t===O||t==null||t===""?(this._$AH!==O&&this._$AR(),this._$AH=O):t!==this._$AH&&t!==nt&&this.g(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):bs(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==O&&Pt(this._$AH)?this._$AA.nextSibling.data=t:this.T(gt.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:o}=t,n=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=te.createElement(o.h,this.options)),o);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===n)this._$AH.p(i);else{const r=new _s(n,this),a=r.v(this.options);r.p(i),this.T(a),this._$AH=r}}_$AC(t){let e=li.get(t.strings);return e===void 0&&li.set(t.strings,e=new te(t)),e}k(t){Pi(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const n of t)o===e.length?e.push(i=new ae(this.O(Ot()),this.O(Ot()),this,this.options)):i=e[o],i._$AI(n),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;
5for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,e);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cm=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}},le=class{constructor(t,e,i,o,n){this.type=1,this._$AH=O,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=O}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const n=this.strings;let r=!1;if(n===void 0)t=mt(this,t,e,0),r=!Pt(t)||t!==this._$AH&&t!==nt,r&&(this._$AH=t);else{const a=t;let l,c;for(t=n[0],l=0;l<n.length-1;l++)c=mt(this,a[i+l],e,l),c===nt&&(c=this._$AH[l]),r||(r=!Pt(c)||c!==this._$AH[l]),c===O?t=O:t!==O&&(t+=(c??"")+n[l+1]),this._$AH[l]=c}r&&!o&&this.j(t)}j(t){t===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},$s=class extends le{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===O?void 0:t}};const ks=vt?vt.emptyScript:"";let Es=class extends le{constructor(){super(...arguments),this.type=4}j(t){t&&t!==O?this.element.setAttribute(this.name,ks):this.element.removeAttribute(this.name)}},Cs=class extends le{constructor(t,e,i,o,n){super(t,e,i,o,n),this.type=5}_$AI(t,e=this){var i;if((t=(i=mt(this,t,e,0))!==null&&i!==void 0?i:O)===nt)return;const o=this._$AH,n=t===O&&o!==O||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==O&&(o===O||n);n&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&i!==void 0?i:this.element,t):this._$AH.handleEvent(t)}},xs=class{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){mt(this,t)}};const di=Qt.litHtmlPolyfillSupport;di==null||di(te,ae),((we=Qt.litHtmlVersions)!==null&&we!==void 0?we:Qt.litHtmlVersions=[]).push("2.6.1");const As=(s,t,e)=>{var i,o;const n=(i=e==null?void 0:e.renderBefore)!==null&&i!==void 0?i:t;let r=n._$litPart$;if(r===void 0){const a=(o=e==null?void 0:e.renderBefore)!==null&&o!==void 0?o:null;n._$litPart$=r=new ae(t.insertBefore(Ot(),a),a,void 0,e??{})}return r._$AI(s),r};var ye,_e;let z=class extends ht{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=As(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return nt}};z.finalized=!0,z._$litElement$=!0,(ye=globalThis.litElementHydrateSupport)===null||ye===void 0||ye.call(globalThis,{LitElement:z});const ci=globalThis.litElementPolyfillSupport;ci==null||ci({LitElement:z});((_e=globalThis.litElementVersions)!==null&&_e!==void 0?_e:globalThis.litElementVersions=[]).push("3.2.1");let Ss=class extends Event{constructor(t,e,i){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=i}};let Ts=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,this.subscribe=o,this.provided=!1,this.value=void 0,this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new Ss(this.context,(t,e)=>{this.unsubscribe&&(this.unsubscribe!==e&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=t,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(t,e)),this.unsubscribe=e},this.subscribe))}};let Os=class{constructor(t){this.callbacks=new Map,this.updateObservers=()=>{for(const[e,i]of this.callbacks)e(this.t,i)},t!==void 0&&(this.value=t)}get value(){return this.t}set value(t){this.setValue(t)}setValue(t,e=!1){const i=e||!Object.is(t,this.t);this.t=t,i&&this.updateObservers()}addCallback(t,e){e&&(this.callbacks.has(t)||this.callbacks.set(t,()=>{this.callbacks.delete(t)})),t(this.value)}clearCallbacks(){this.callbacks.clear()}};
5let Ps=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},Rs=class extends Os{constructor(t,e,i){super(i),this.host=t,this.context=e,this.onContextRequest=o=>{o.context===this.context&&o.composedPath()[0]!==this.host&&(o.stopPropagation(),this.addCallback(o.callback,o.subscribe))},this.attachListeners(),this.host.addController(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest)}hostConnected(){this.host.dispatchEvent(new Ps(this.context))}};const Mi=({finisher:s,descriptor:t})=>(e,i)=>{var o;if(i===void 0){const n=(o=e.originalKey)!==null&&o!==void 0?o:e.key,r=t!=null?{kind:"method",placement:"prototype",key:n,descriptor:t(e.key)}:{...e,key:n};return s!=null&&(r.finisher=function(a){s(a,n)}),r}{const n=e.constructor;t!==void 0&&Object.defineProperty(e,i,t(i)),s==null||s(n,i)}};function Ms({context:s}){return Mi({finisher:(t,e)=>{const i=new WeakMap;t.addInitializer(a=>{i.set(a,new Rs(a,s))});const o=Object.getOwnPropertyDescriptor(t.prototype,e),n=o==null?void 0:o.set,r={...o,set:function(a){var l;(l=i.get(this))===null||l===void 0||l.setValue(a),n&&n.call(this,a)}};Object.defineProperty(t.prototype,e,r)}})}function js({context:s,subscribe:t}){return Mi({finisher:(e,i)=>{e.addInitializer(o=>{new Ts(o,s,n=>{o[i]=n},t)})}})}const Us=(s,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(e){e.createProperty(t.key,s)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(e){e.createProperty(t.key,s)}};function B(s){return(t,e)=>e!==void 0?((i,o,n)=>{o.constructor.createProperty(n,i)})(s,t,e):Us(s,t)}var $e;(($e=window.HTMLSlotElement)===null||$e===void 0?void 0:$e.prototype.assignedElements)!=null;const Ls={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ds=s=>(...t)=>({_$litDirective$:s,values:t});let Is=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};const Fs=Ds(class extends Is{constructor(s){var t;if(super(s),s.type!==Ls.ATTRIBUTE||s.name!=="style"||((t=s.strings)===null||t===void 0?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(s){return Object.keys(s).reduce((t,e)=>{const i=s[e];return i==null?t:t+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(s,[t]){const{style:e}=s.element;if(this.vt===void 0){this.vt=new Set;for(const i in t)this.vt.add(i);return this.render(t)}this.vt.forEach(i=>{t[i]==null&&(this.vt.delete(i),i.includes("-")?e.removeProperty(i):e[i]="")});for(const i in t){const o=t[i];o!=null&&(this.vt.add(i),i.includes("-")?e.setProperty(i,o):e[i]=o)}return nt}});class Vs{constructor(t,e=1e3){this.value=new Date,this.host=t,this.host.addController(this),this.timeout=e}hostConnected(){this.intervalId=setInterval(()=>{this.value=new Date,this.host.requestUpdate()},this.timeout)}hostDisconnected(){clearInterval(this.intervalId),this.intervalId=void 0}}class G{constructor(t){this.id=-1,this.nativePointer=t,this.pageX=t.pageX,this.pageY=t.pageY,this.clientX=t.clientX,this.clientY=t.clientY,self.Touch&&t instanceof Touch?this.id=t.identifier:St(t)&&(this.id=t.pointerId)}getCoalesced(){if("getCoalescedEvents"in this.nativePointer){const t=this.nativePointer.getCoalescedEvents().map(e=>new G(e));if(t.length>0)return t}return[this]}}const St=s=>"pointerId"in s,ke=s=>"changedTouches"in s,hi=()=>{};class Ns{constructor(t,{start:e=()=>!0,move:i=hi,end:o=hi,rawUpdates:n=!1,avoidPointerEvents:r=!1}={}){this._element=t,this.startPointers=[],this.currentPointers=[],this._excludeFromButtonsCheck=new Set,this._pointerStart=a=>{if(St(a)&&a.buttons===0)this._excludeFromButtonsCheck.add(a.pointerId);else if(!(a.buttons&1))return;const l=new G(a);this.currentPointers.some(c=>c.id===l.id)||!this._triggerPointerStart(l,a)||(St(a)?((a.target&&"setPointerCapture"in a.target?a.target:this._element).setPointerCapture(a.pointerId),this._element.addEventListener(this._rawUpdates?"pointerrawupdate":"pointermove",this._move),this._element.addEventListener("pointerup",this._pointerEnd),this._element.addEventListener("pointercancel",this._pointerEnd)):(window.addEventListener("mousemove",this._move),window.addEventListener("mouseup",this._pointerEnd)))},this._touchStart=a=>{for(const l of Array.from(a.changedTouches))this._triggerPointerStart(new G(l),a)},this._move=a=>{if(!ke(a)&&(!St(a)||!this._excludeFromButtonsCheck.has(a.pointerId))&&a.buttons===0){this._pointerEnd(a);return}const l=this.currentPointers.slice(),c=ke(a)?Array.from(a.changedTouches).map(u=>
5new G(u)):[new G(a)],g=[];for(const u of c){const p=this.currentPointers.findIndex(m=>m.id===u.id);p!==-1&&(g.push(u),this.currentPointers[p]=u)}g.length!==0&&this._moveCallback(l,g,a)},this._triggerPointerEnd=(a,l)=>{if(!ke(l)&&l.buttons&1)return!1;const c=this.currentPointers.findIndex(u=>u.id===a.id);if(c===-1)return!1;this.currentPointers.splice(c,1),this.startPointers.splice(c,1),this._excludeFromButtonsCheck.delete(a.id);const g=!(l.type==="mouseup"||l.type==="touchend"||l.type==="pointerup");return this._endCallback(a,l,g),!0},this._pointerEnd=a=>{if(!!this._triggerPointerEnd(new G(a),a))if(St(a)){if(this.currentPointers.length)return;this._element.removeEventListener(this._rawUpdates?"pointerrawupdate":"pointermove",this._move),this._element.removeEventListener("pointerup",this._pointerEnd),this._element.removeEventListener("pointercancel",this._pointerEnd)}else window.removeEventListener("mousemove",this._move),window.removeEventListener("mouseup",this._pointerEnd)},this._touchEnd=a=>{for(const l of Array.from(a.changedTouches))this._triggerPointerEnd(new G(l),a)},this._startCallback=e,this._moveCallback=i,this._endCallback=o,this._rawUpdates=n&&"onpointerrawupdate"in window,self.PointerEvent&&!r?this._element.addEventListener("pointerdown",this._pointerStart):(this._element.addEventListener("mousedown",this._pointerStart),this._element.addEventListener("touchstart",this._touchStart),this._element.addEventListener("touchmove",this._move),this._element.addEventListener("touchend",this._touchEnd),this._element.addEventListener("touchcancel",this._touchEnd))}stop(){this._element.removeEventListener("pointerdown",this._pointerStart),this._element.removeEventListener("mousedown",this._pointerStart),this._element.removeEventListener("touchstart",this._touchStart),this._element.removeEventListener("touchmove",this._move),this._element.removeEventListener("touchend",this._touchEnd),this._element.removeEventListener("touchcancel",this._touchEnd),this._element.removeEventListener(this._rawUpdates?"pointerrawupdate":"pointermove",this._move),this._element.removeEventListener("pointerup",this._pointerEnd),this._element.removeEventListener("pointercancel",this._pointerEnd),window.removeEventListener("mousemove",this._move),window.removeEventListener("mouseup",this._pointerEnd)}_triggerPointerStart(t,e){return this._startCallback(t,e)?(this.currentPointers.push(t),this.startPointers.push(t),!0):!1}}var Ee=globalThis&&globalThis.__classPrivateFieldGet||function(s,t,e,i){if(e==="a"&&!i)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?s!==t||!i:!t.has(s))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?i:e==="a"?i.call(s):i?i.value:t.get(s)},Me,je,Ue;const ui={initialPosition:{},getContainerEl:()=>null,getDraggableEl:()=>Promise.resolve(null),getIsDraggable:()=>!0};class Ws{constructor(t,e=ui){this.cursorPositionX=0,this.cursorPositionY=0,this.draggableEl=null,this.state="idle",this.pointerTracker=null,this.styles={position:"absolute",touchAction:"none",top:"0px",left:"0px"},Me.set(this,r=>(this.cursorPositionX=Math.floor(r.pageX),this.cursorPositionY=Math.floor(r.pageY),!0)),je.set(this,(r,a)=>{const[l]=a,c=this.draggableEl,g=new CustomEvent("window-drag",{bubbles:!0,composed:!0,detail:{pointer:l,containerEl:this.getContainerEl(),draggableEl:c}});this.host.dispatchEvent(g),this.handleWindowMove(l)}),Ue.set(this,(r,a)=>{a.target.removeAttribute("data-state")}),this.host=t,this.host.addController(this),this.getContainerEl=e.getContainerEl,this.getIsDraggable=e.getIsDraggable??ui.getIsDraggable,e.getDraggableEl().then(r=>{if(!r){console.warn("getDraggableEl() did not return an element HTMLElement");return}this.draggableEl=r,this.init()});const{initialPosition:i}=e,{x:o=0,y:n=0}=i;this.x=o,this.y=n,this.updateElPosition()}init(){const t=Ee(this,je,"f"),e=Ee(this,Me,"f"),i=Ee(this,Ue,"f"),o=this.host,n=r=>this.state=r;this.pointerTracker=new Ns(this.draggableEl,{start(r){return e(r),n("dragging"),o.requestUpdate(),!0},move(r,a){t(r,a)},end(r,a){i(r,a),n("idle"),o.requestUpdate()}})}hostDisconnected(){this.pointerTracker&&this.pointerTracker.stop()}updateElPosition(){this.styles.transform=`translate(${this.x}px, ${this.y}px)`}handleWindowMove(t){const e=this.draggableEl,i=this.getContainerEl();if(!e||!i||!this.getIsDraggable())return;const n=this.x,r=this.y,a=Math.floor(t.pageX),l=Math.floor(t.pageY);if(a!==this.cursorPositionX||l!==this.cursorPositionY){const{bottom:g,height:u}=e.getBoundingClientRect(),{right:p,width:m}=i.getBoundingClientRect(),w=a-this.cursorPositionX,A=l-this.cursorPositionY;this.x=n+w,this.y=r+A,this.cursorPositionX=a,this.cursorPositionY=l;const F=this.y<0,V=this.x<0,it=g+A>window.innerHeight,j=p+w>=window.innerWidth;F&&(this.y=0),V&&(this.x=0),it&&(this.y=window.innerHeight-u),j&&(this.x=Math.floor(window.innerWidth-m)),this.updateElPosition(),this.host.requestUpdate()}}}Me=new WeakMap,je=new WeakMap,Ue=new WeakMap;const Xt=(s,t=100)=>Math.round(s*t)/t,Hs=(s,t)=>s<=t?s:t,ji="window-context";let Yt;const zs=new Uint8Array(16);function qs(){if(!Yt&&(Yt=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!Yt))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return Yt(zs)}const M=[];for(let s=0;s<256;++s)M.push((s+256).toString(16).slice(1));
5function Bs(s,t=0){return(M[s[t+0]]+M[s[t+1]]+M[s[t+2]]+M[s[t+3]]+"-"+M[s[t+4]]+M[s[t+5]]+"-"+M[s[t+6]]+M[s[t+7]]+"-"+M[s[t+8]]+M[s[t+9]]+"-"+M[s[t+10]]+M[s[t+11]]+M[s[t+12]]+M[s[t+13]]+M[s[t+14]]+M[s[t+15]]).toLowerCase()}const Ys=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),pi={randomUUID:Ys};function Ks(s,t,e){if(pi.randomUUID&&!t&&!s)return pi.randomUUID();s=s||{};const i=s.random||(s.rng||qs)();if(i[6]=i[6]&15|64,i[8]=i[8]&63|128,t){e=e||0;for(let o=0;o<16;++o)t[e+o]=i[o];return t}return Bs(i)}const Gt=window,Ne=Gt.ShadowRoot&&(Gt.ShadyCSS===void 0||Gt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,We=Symbol(),fi=new WeakMap;let Ui=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==We)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(Ne&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=fi.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&fi.set(e,t))}return t}toString(){return this.cssText}};const Xs=s=>new Ui(typeof s=="string"?s:s+"",void 0,We),x=(s,...t)=>{const e=s.length===1?s[0]:t.reduce((i,o,n)=>i+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+s[n+1],s[0]);return new Ui(e,s,We)},Gs=(s,t)=>{Ne?s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{const i=document.createElement("style"),o=Gt.litNonce;o!==void 0&&i.setAttribute("nonce",o),i.textContent=e.cssText,s.appendChild(i)})},vi=Ne?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return Xs(e)})(s):s;var Ce;const ee=window,gi=ee.trustedTypes,Zs=gi?gi.emptyScript:"",mi=ee.reactiveElementPolyfillSupport,Le={toAttribute(s,t){switch(t){case Boolean:s=s?Zs:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},Li=(s,t)=>t!==s&&(t==t||s==s),xe={attribute:!0,type:String,converter:Le,reflect:!1,hasChanged:Li};let ut=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((e,i)=>{const o=this._$Ep(i,e);o!==void 0&&(this._$Ev.set(o,i),t.push(o))}),t}static createProperty(t,e=xe){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i=typeof t=="symbol"?Symbol():"__"+t,o=this.getPropertyDescriptor(t,i,e);o!==void 0&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(o){const n=this[t];this[e]=o,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||xe}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,i=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const o of i)this.createProperty(o,e[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const o of i)e.unshift(vi(o))}else t!==void 0&&e.push(vi(t));return e}static _$Ep(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e
vendor: 4,768 bytes, lines 5-9
5=>e(this))}addController(t){var e,i;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;const e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return Gs(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostConnected)===null||i===void 0?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostDisconnected)===null||i===void 0?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=xe){var o;const n=this.constructor._$Ep(t,i);if(n!==void 0&&i.reflect===!0){const r=(((o=i.converter)===null||o===void 0?void 0:o.toAttribute)!==void 0?i.converter:Le).toAttribute(e,i.type);this._$El=t,r==null?this.removeAttribute(n):this.setAttribute(n,r),this._$El=null}}_$AK(t,e){var i;const o=this.constructor,n=o._$Ev.get(t);if(n!==void 0&&this._$El!==n){const r=o.getPropertyOptions(n),a=typeof r.converter=="function"?{fromAttribute:r.converter}:((i=r.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?r.converter:Le;this._$El=n,this[n]=a.fromAttribute(e,r.type),this._$El=null}}requestUpdate(t,e,i){let o=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||Li)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((o,n)=>this[n]=o),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(o=>{var n;return(n=o.hostUpdate)===null||n===void 0?void 0:n.call(o)}),this.update(i)):this._$Ek()}catch(o){throw e=!1,this._$Ek(),o}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(i=>{var o;return(o=i.hostUpdated)===null||o===void 0?void 0:o.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,i)=>this._$EO(i,this[i],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};ut.finalized=!0,ut.elementProperties=new Map,ut.elementStyles=[],ut.shadowRootOptions={mode:"open"},mi==null||mi({ReactiveElement:ut}),((Ce=ee.reactiveElementVersions)!==null&&Ce!==void 0?Ce:ee.reactiveElementVersions=[]).push("1.6.1");var Ae;const ie=window,bt=ie.trustedTypes,bi=bt?bt.createPolicy("lit-html",{createHTML:s=>s}):void 0,J=`lit$${(Math.random()+"").slice(9)}$`,Di="?"+J,Js=`<${Di}>`,wt=document,Rt=(s="")=>wt.createComment(s),Mt=s=>s===null||typeof s!="object"&&typeof s!="function",Ii=Array.isArray,Qs=s=>Ii(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",At=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,wi=/-->/g,yi=/>/g,ot=RegExp(`>|[ 6\f\r](?:([^\\s"'>=/]+)([ 7\f\r]*=[ 8\f\r]*(?:[^ 9\f\r"'\`<>=]|("|')|))|$)`,"g"),_i=/'/g,$i=/"/g,Fi=/^(?:script|style|textarea|title)$/i,Vi=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),_=Vi(1),to=Vi(2),tt=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),ki=new WeakMap,ft=wt.createTreeWalker(wt,129,null,!1),eo=(s,t)=>{const e=s.length-1,i=[];let o,n=t===2?"<svg>":"",r=At;for(let l=0;l<e;l++){const c=s[l];let g,u,p=-1,m=0;for(;m<c.length&&(r.lastIndex=m,u=r.exec(c),u!==null);)m=r.lastIndex,r===At?u[1]==="!--"?r=wi:u[1]!==void 0?r=yi:u[2]!==void 0?(Fi.test(u[2])&&(o=RegExp("</"+u[2],"g")),r=ot):u[3]!==void 0&&(r=ot):r===ot?u[0]===">"?(r=o??At,p=-1):u[1]===void 0?p=-2:(p=r.lastIndex-u[2].length,g=u[1],r=u[3]===void 0?ot:u[3]==='"'?$i:_i):r===$i||r===_i?r=ot:r===wi||r===yi?r=At:(r=ot,o=void 0);const w=r===ot&&s[l+1].startsWith("/>")?" ":"";n+=r===At?c+Js:p>=0?(i.push(g),c.slice(0,p)+"$lit$"+c.slice(p)+J+w):c+J+(p===-2?(i.push(void 0),l):w)}const a=n+(s[e]||"<?>")+(t===2?"</svg>":"");
vendor: 4,048 bytes, line 9
9if(!Array.isArray(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return[bi!==void 0?bi.createHTML(a):a,i]};class jt{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let n=0,r=0;const a=t.length-1,l=this.parts,[c,g]=eo(t,e);if(this.el=jt.createElement(c,i),ft.currentNode=this.el.content,e===2){const u=this.el.content,p=u.firstChild;p.remove(),u.append(...p.childNodes)}for(;(o=ft.nextNode())!==null&&l.length<a;){if(o.nodeType===1){if(o.hasAttributes()){const u=[];for(const p of o.getAttributeNames())if(p.endsWith("$lit$")||p.startsWith(J)){const m=g[r++];if(u.push(p),m!==void 0){const w=o.getAttribute(m.toLowerCase()+"$lit$").split(J),A=/([.?@])?(.*)/.exec(m);l.push({type:1,index:n,name:A[2],strings:w,ctor:A[1]==="."?so:A[1]==="?"?no:A[1]==="@"?ro:de})}else l.push({type:6,index:n})}for(const p of u)o.removeAttribute(p)}if(Fi.test(o.tagName)){const u=o.textContent.split(J),p=u.length-1;if(p>0){o.textContent=bt?bt.emptyScript:"";for(let m=0;m<p;m++)o.append(u[m],Rt()),ft.nextNode(),l.push({type:2,index:++n});o.append(u[p],Rt())}}}else if(o.nodeType===8)if(o.data===Di)l.push({type:2,index:n});else{let u=-1;for(;(u=o.data.indexOf(J,u+1))!==-1;)l.push({type:7,index:n}),u+=J.length-1}n++}}static createElement(t,e){const i=wt.createElement("template");return i.innerHTML=t,i}}function yt(s,t,e=s,i){var o,n,r,a;if(t===tt)return t;let l=i!==void 0?(o=e._$Co)===null||o===void 0?void 0:o[i]:e._$Cl;const c=Mt(t)?void 0:t._$litDirective$;return(l==null?void 0:l.constructor)!==c&&((n=l==null?void 0:l._$AO)===null||n===void 0||n.call(l,!1),c===void 0?l=void 0:(l=new c(s),l._$AT(s,e,i)),i!==void 0?((r=(a=e)._$Co)!==null&&r!==void 0?r:a._$Co=[])[i]=l:e._$Cl=l),l!==void 0&&(t=yt(s,l._$AS(s,t.values),l,i)),t}class io{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:i},parts:o}=this._$AD,n=((e=t==null?void 0:t.creationScope)!==null&&e!==void 0?e:wt).importNode(i,!0);ft.currentNode=n;let r=ft.nextNode(),a=0,l=0,c=o[0];for(;c!==void 0;){if(a===c.index){let g;c.type===2?g=new Lt(r,r.nextSibling,this,t):c.type===1?g=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(g=new ao(r,this,t)),this.u.push(g),c=o[++l]}a!==(c==null?void 0:c.index)&&(r=ft.nextNode(),a++)}return n}p(t){let e=0;for(const i of this.u)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class Lt{constructor(t,e,i,o){var n;this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cm=(n=o==null?void 0:o.isConnected)===null||n===void 0||n}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=yt(this,t,e),Mt(t)?t===T||t==null||t===""?(this._$AH!==T&&this._$AR(),this._$AH=T):t!==this._$AH&&t!==tt&&this.g(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Qs(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==T&&Mt(this._$AH)?this._$AA.nextSibling.data=t:this.T(wt.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:o}=t,n=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=jt.createElement(o.h,this.options)),o);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===n)this._$AH.p(i);else{const r=new io(n,this),a=r.v(this.options);r.p(i),this.T(a),this._$AH=r}}_$AC(t){let e=ki.get(t.strings);return e===void 0&&ki.set(t.strings,e=new jt(t)),e}k(t){Ii(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const n of t)o===e.length?e.push(i=new Lt(this.O(Rt()),this.O(Rt()),this,this.options)):i=e[o],i._$AI(n),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;
9for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,e);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cm=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}}class de{constructor(t,e,i,o,n){this.type=1,this._$AH=T,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=T}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const n=this.strings;let r=!1;if(n===void 0)t=yt(this,t,e,0),r=!Mt(t)||t!==this._$AH&&t!==tt,r&&(this._$AH=t);else{const a=t;let l,c;for(t=n[0],l=0;l<n.length-1;l++)c=yt(this,a[i+l],e,l),c===tt&&(c=this._$AH[l]),r||(r=!Mt(c)||c!==this._$AH[l]),c===T?t=T:t!==T&&(t+=(c??"")+n[l+1]),this._$AH[l]=c}r&&!o&&this.j(t)}j(t){t===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class so extends de{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===T?void 0:t}}const oo=bt?bt.emptyScript:"";class no extends de{constructor(){super(...arguments),this.type=4}j(t){t&&t!==T?this.element.setAttribute(this.name,oo):this.element.removeAttribute(this.name)}}class ro extends de{constructor(t,e,i,o,n){super(t,e,i,o,n),this.type=5}_$AI(t,e=this){var i;if((t=(i=yt(this,t,e,0))!==null&&i!==void 0?i:T)===tt)return;const o=this._$AH,n=t===T&&o!==T||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==T&&(o===T||n);n&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&i!==void 0?i:this.element,t):this._$AH.handleEvent(t)}}class ao{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){yt(this,t)}}const Ei=ie.litHtmlPolyfillSupport;Ei==null||Ei(jt,Lt),((Ae=ie.litHtmlVersions)!==null&&Ae!==void 0?Ae:ie.litHtmlVersions=[]).push("2.6.1");const Dt=(s,t,e)=>{var i,o;const n=(i=e==null?void 0:e.renderBefore)!==null&&i!==void 0?i:t;let r=n._$litPart$;if(r===void 0){const a=(o=e==null?void 0:e.renderBefore)!==null&&o!==void 0?o:null;n._$litPart$=r=new Lt(t.insertBefore(Rt(),a),a,void 0,e??{})}return r._$AI(s),r};var Se,Te;class $ extends ut{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Dt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return tt}}$.finalized=!0,$._$litElement$=!0,(Se=globalThis.litElementHydrateSupport)===null||Se===void 0||Se.call(globalThis,{LitElement:$});const Ci=globalThis.litElementPolyfillSupport;Ci==null||Ci({LitElement:$});((Te=globalThis.litElementVersions)!==null&&Te!==void 0?Te:globalThis.litElementVersions=[]).push("3.2.1");class Ni extends ${render(){return _`<div id="stack"> 10 <slot></slot> 11 </div>`}}Ni.styles=x` 12 #stack { 13 display: flex; 14 flex-direction: column; 15 justify-content: flex-start; 16 gap: var(--stack-spacing-top) !important; 17 } 18`;window.customElements.define("a2k-stack",Ni);class Wi extends ${render(){return _` <div id="panel"> 19 <slot></slot> 20 </div>`}}Wi.styles=x` 21 :host { 22 box-sizing: border-box; 23 } 24 25 #panel { 26 border: var(--panel-border); 27 background-color: var(--panel-color-background); 28 box-shadow: var(--panel-shadow); 29 } 30`;window.customElements.define("a2k-panel",Wi);var lo=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},co=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class He extends z{constructor(){super(...arguments),this.dataState="active"}render(){return Q` 31 <div data-state=${this.dataState} id="wrapper"> 32 <h2 class="heading"> 33 <slot></slot> 34 </h2> 35 </div> 36 `}}He.styles=_t` 37 #wrapper { 38 background: var(--window-topbar-background); 39 user-select: none; 40 height: var(--window-topbar-height); 41 display: flex; 42 align-items: center; 43 } 44 45 #wrapper[data-state="inactive"] { 46 background: var(--window-topbar-background-inactive); 47 } 48 49 h2 { 50 margin: 0; 51 font-size: var(--window-topbar-heading-font-size); 52 color: var(--window-topbar-heading-color); 53 padding: 0 var(--window-spacing-horizontal); 54 } 55 56 #wrapper[data-state="inactive"] h2 { 57 color: var(--window-topbar-heading-color-inactive); 58 } 59`;lo([B({attribute:"data-state"}),co("design:type",Object)],He.prototype,"dataState",void 0);window.customElements.define("a2k-window-topbar",He);const at=s=>t=>typeof t=="function"?((e,i)=>
59(customElements.define(e,i),i))(s,t):((e,i)=>{const{kind:o,elements:n}=i;return{kind:o,elements:n,finisher(r){customElements.define(e,r)}}})(s,t);const ho=(s,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(e){e.createProperty(t.key,s)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(e){e.createProperty(t.key,s)}};function b(s){return(t,e)=>e!==void 0?((i,o,n)=>{o.constructor.createProperty(n,i)})(s,t,e):ho(s,t)}function ce(s){return b({...s,state:!0})}const Hi=({finisher:s,descriptor:t})=>(e,i)=>{var o;if(i===void 0){const n=(o=e.originalKey)!==null&&o!==void 0?o:e.key,r=t!=null?{kind:"method",placement:"prototype",key:n,descriptor:t(e.key)}:{...e,key:n};return s!=null&&(r.finisher=function(a){s(a,n)}),r}{const n=e.constructor;t!==void 0&&Object.defineProperty(e,i,t(i)),s==null||s(n,i)}};function It(s,t){return Hi({descriptor:e=>{const i={get(){var o,n;return(n=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(s))!==null&&n!==void 0?n:null},enumerable:!0,configurable:!0};if(t){const o=typeof e=="symbol"?Symbol():"__"+e;i.get=function(){var n,r;return this[o]===void 0&&(this[o]=(r=(n=this.renderRoot)===null||n===void 0?void 0:n.querySelector(s))!==null&&r!==void 0?r:null),this[o]}}return i}})}var Oe;const uo=((Oe=window.HTMLSlotElement)===null||Oe===void 0?void 0:Oe.prototype.assignedElements)!=null?(s,t)=>s.assignedElements(t):(s,t)=>s.assignedNodes(t).filter(e=>e.nodeType===Node.ELEMENT_NODE);function po(s){const{slot:t,selector:e}=s??{};return Hi({descriptor:i=>({get(){var o;const n="slot"+(t?`[name=${t}]`:":not([name])"),r=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(n),a=r!=null?uo(r,s):[];return e?a.filter(l=>l.matches(e)):a},enumerable:!0,configurable:!0})})}var k=globalThis&&globalThis.__classPrivateFieldGet||function(s,t,e,i){if(e==="a"&&!i)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?s!==t||!i:!t.has(s))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?i:e==="a"?i.call(s):i?i.value:t.get(s)},U=globalThis&&globalThis.__classPrivateFieldSet||function(s,t,e,i,o){if(i==="m")throw new TypeError("Private method is not writable");if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?s!==t||!o:!t.has(s))throw new TypeError("Cannot write private member to an object whose class did not declare it");return i==="a"?o.call(s,e):o?o.value=e:t.set(s,e),e};function fo(s){var t,e,i,o,n,r,a,l,c,g,u,p,m,w,A,F,V;class it extends s{constructor(...d){super(...d),t.add(this),this.internals=this.attachInternals(),e.set(this,!1),i.set(this,!1),o.set(this,!1),n.set(this,void 0),r.set(this,void 0),a.set(this,""),l.set(this,()=>{U(this,o,!0,"f"),U(this,e,!0,"f"),k(this,t,"m",w).call(this)}),c.set(this,()=>{U(this,e,!1,"f"),k(this,t,"m",A).call(this,this.shouldFormValueUpdate()?k(this,a,"f"):""),!this.validity.valid&&k(this,o,"f")&&U(this,i,!0,"f");const h=k(this,t,"m",w).call(this);this.validationMessageCallback&&this.validationMessageCallback(h?this.internals.validationMessage:"")}),g.set(this,()=>{var h;U(this,i,!0,"f"),k(this,t,"m",w).call(this),(h=this===null||this===void 0?void 0:this.validationMessageCallback)===null||h===void 0||h.call(this,this.showError?this.internals.validationMessage:"")}),u.set(this,void 0),p.set(this,!1),m.set(this,Promise.resolve()),this.addEventListener("focus",k(this,l,"f")),this.addEventListener("blur",k(this,c,"f")),this.addEventListener("invalid",k(this,g,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){const d=this.validators.map(v=>v.attribute).flat(),h=super.observedAttributes||[];return[...new Set([...h,...d])]}static getValidator(d){return this.validators.find(h=>h.attribute===d)||null}static getValidators(d){return this.validators.filter(h=>{var f;if(h.attribute===d||((f=h.attribute)===null||f===void 0?void 0:f.includes(d)))return!0})}get form(){return this.internals.form}get showError(){return k(this,t,"m",w).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(d,h,f){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,d,h,f);const P=this.constructor.getValidators(d);(P==null?void 0:P.length)&&this.validationTarget&&this.setValue(k(this,a,"f"))}setValue(d){var h;U(this,i,!1,"f"),(h=this.validationMessageCallback)===null||h===void 0||h.call(this,""),U(this,a,d,"f");const v=this.shouldFormValueUpdate()?d:null;this.internals.setFormValue(v),k(this,t,"m",A).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),k(this,t,"m",w).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(d=>d(k(this,m,"f")))}formResetCallback(){var d,h;U(this,o,!1,"f"),U(this,i,!1,"f"),k(this,t,"m",w).call(this),(d=this.resetFormControl)===null||d===void 0||d.call(this),(h=this.validationMessageCallback)===null||h===void 0||h.call(this,k(this,t,"m",w).call(this)?this.validationMessage:"")}}return e=new WeakMap,i=new WeakMap,o=new WeakMap,n=new WeakMap,r=new WeakMap,a=new WeakMap,l=new WeakMap,c=new WeakMap,g=new WeakMap,u=new WeakMap,p=new WeakMap,m=new WeakMap,t=new WeakSet,w=function(){if(this.hasAttribute("disabled"))return!1;const d=k(this,i,"f")||k(this,o,"f")&&!this.validity.valid&&!k(this,e,"f");return d&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),d},A=function(d){const h=this.constructor,f={},v=h.validators,N=[],P=v.some(y=>y.isValid instanceof Promise);k(this,p,"f")||(U(this,m,new Promise(y=>{U(this,u,y,"f")}),"f"),U(this,p,!0,"f")),k(this,n,"f")&&(k(this,n,"f").abort(),U(this,r,k(this,n,"f"),"f"));const R=new AbortController;U(this,n,R,"f");let I,X=!1;!v.length||(v.forEach(y=>{const W=y.key||"customError",S=y.isValid(this,d,R.signal);S instanceof Promise?(N.push(S),S.then(H=>{H!=null&&(f[W]=!H,I=k(this,t,"m",V).call(this,y,d),k(this,t,"m",F).call(this,f,I))})):(f[W]=!S,this.validity[W]!==!S&&(X=!0),S||(I=k(this,t,"m",V).call(this,y,d)))}),Promise.allSettled(N).then(()=>{var y;R!=null&&R.signal.aborted||(U(this,p,!1,"f"),(y=k(this,u,"f"))===null||y===void 0||y.call(this))}),(X||!P)&&k(this,t,"m",F).call(this,f,I))},F=function(d,h){if(this.validationTarget)this.internals.setValidity(d,h,this.validationTarget);else{if(this.internals.setValidity(d,h),this.internals.validity.valid)return;let f=0;const v=setInterval(()=>{f>=100||this.validity.valid?clearInterval(v):this.validationTarget&&(this.internals.setValidity(this.validity,h,this.validationTarget),clearInterval(v)),f+=1},0)}},V=function(d,h){if(this.validityCallback){const f=this.validityCallback(d.key||"customError");
59if(f)return f}return d.message instanceof Function?d.message(this,h):d.message},it}var ze=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},qe=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class Ft extends fo($){constructor(){super(...arguments),this.disabled=!1,this.type="",this.size="medium"}handleSubmit(){this.form.requestSubmit()}connectedCallback(){super.connectedCallback(),!this.type&&this.form?this.type:this.type,this.type==="submit"&&this.addEventListener("click",this.handleSubmit)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleSubmit)}render(){return _` <button 60 data-size="${this.size}" 61 aria-label="${this.ariaLabel||T}" 62 ?disabled=${this.disabled} 63 > 64 <slot></slot> 65 </button>`}}Ft.styles=x` 66 :host { 67 width: fit-content; 68 } 69 70 :host([disabled]) { 71 pointer-events: none; 72 cursor: not-allowed; 73 } 74 75 button { 76 background-color: var(--button-color-background); 77 color: (--button-font-color); 78 font-family: var(--button-font-family); 79 padding: var(--button-padding); 80 font-weight: var(--button-font-weight); 81 box-sizing: border-box; 82 box-shadow: var(--button-shadow); 83 border-width: var(--button-border-width); 84 border-color: var(--button-border-color); 85 border-style: var(--button-border-style); 86 outline-color: var(--outline-color-focus); 87 outline-offset: var(--outline-offset-focus); 88 cursor: var(--cursor-pointer); 89 display: inline-block; 90 border: var(--button-border); 91 border-left: 1px dotted var(--color-white); 92 border-top: 1px dotted var(--color-white); 93 box-shadow: var(--button-shadow); 94 } 95 96 button[data-size="small"] { 97 padding: var(--button-padding-small); 98 box-shadow: var(--button-small-shadow); 99 } 100 101 button[data-size="large"] { 102 padding: var(--button-padding-large); 103 font-size: var(--button-font-size-large); 104 } 105 106 button:not([disabled]):active { 107 border-bottom: 2px solid transparent; 108 border-right: 0; 109 border-left: 1px dotted var(--color-black); 110 border-top: 1px dotted var(--color-black); 111 box-shadow: var(--button-shadow-active); 112 transform: translate(2px, 2px); 113 } 114 115 button[data-size="small"]:not([disabled]):active { 116 box-shadow: var(--button-small-shadow-active); 117 transform: translate(0px, 1px); 118 } 119`;ze([b({type:Boolean}),qe("design:type",Object)],Ft.prototype,"disabled",void 0);ze([b({type:String}),qe("design:type",Object)],Ft.prototype,"type",void 0);ze([b({type:String}),qe("design:type",String)],Ft.prototype,"size",void 0);window.customElements.define("a2k-button",Ft);var vo=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},go=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};const mo=new URL("/assets/a2k-icons-b650a9b4.svg",self.location).href;class Be extends ${constructor(){super(...arguments),this.icon=""}render(){return this.icon||console.warn("This icon is a missing a 'name', please specify the 'name' of the icon you want to display"),to` 120 <svg height="1em" width="1em"> 121 <use href="${mo}#${this.icon}"></use> 122 </svg> 123 `}}Be.styles=x` 124 :host { 125 display: flex; 126 align-items: center; 127 justify-content: center; 128 font-size: 2em; 129 } 130`;vo([b({type:String}),go("design:type",Object)],Be.prototype,"icon",void 0);window.customElements.define("a2k-icon",Be);var bo=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},wo=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class Ye extends z{constructor(){super(...arguments),this.closeable=!1}handleClose(t){const e=new Event("close",{bubbles:!0,composed:!0});t.target.dispatchEvent(e)}render(){return Q`<a2k-button 131 ?disabled="${!this.closeable}" 132 @click="${this.handleClose}" 133 size="small" 134 aria-label="Close Window" 135 > 136 <div id="icon-wrapper"> 137 <a2k-icon icon="cross-icon"></a2k-icon> 138 </div> 139 </a2k-button>
139 `}}Ye.styles=_t` 140 :host { 141 position: absolute; 142 right: 2px; 143 } 144 145 #icon-wrapper { 146 font-size: 8px; 147 } 148`;bo([B({type:Boolean}),wo("design:type",Object)],Ye.prototype,"closeable",void 0);window.customElements.define("a2k-window-actions",Ye);var $t=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},kt=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class et extends z{async getDraggableEl(){return await this.updateComplete,this.shadowRoot.querySelector("#draggable")}constructor(){super(),this.id=Ks(),this.heading="",this.draggable=!1,this.closeable=!1,this.x=-1,this.y=-1,this.drag=new Ws(this,{initialPosition:{},getContainerEl:()=>this.shadowRoot.querySelector("#window"),getDraggableEl:()=>this.getDraggableEl(),getIsDraggable:()=>this.draggable}),this.addEventListener("close",()=>this.remove())}connectedCallback(){if(super.connectedCallback(),this.windows){const t=this.x===-1||this.y===-1,e={hasAutoPosition:t};if(this.windows.registerWindow(this.id,e),this.addEventListener("pointerdown",this.handleClick),t){const o=this.windows.windowsList.filter(n=>n.hasAutoPosition).length;this.x=o*32,this.y=o*32}}this.x===-1&&(this.x=0),this.y===-1&&(this.y=0)}disconnectedCallback(){super.disconnectedCallback(),this.windows&&(this.windows.unregisterWindow(this.id),this.removeEventListener("pointerdown",this.handleClick))}firstUpdated(){const{offsetWidth:t}=this.renderRoot.querySelector("#window"),e=Hs(screen.availWidth,innerWidth);this.drag.x=this.x,this.drag.y=this.y,this.drag.updateElPosition(),this.x+t>e&&(this.drag.styles.transform=`translate(0px, ${this.y}px)`),this.requestUpdate()}handleClick(){var t;(t=this.windows)==null||t.handleInteraction(this.id)}getWindowPosition(){if(!!this.windows)return this.windows.windowOrder.indexOf(this.id)}getIsMostRecentlyUpdatedWindow(){if(!this.windows)return;const{windowOrder:t}=this.windows;return t[t.length-1]===this.id}render(){const t=this.getWindowPosition(),e=this.getIsMostRecentlyUpdatedWindow()?"active":"inactive";return Q` 149 <div 150 id="window" 151 style=${Fs({...this.drag.styles,zIndex:`${t}`})} 152 > 153 <a2k-panel> 154 <div id="topbar-wrapper"> 155 <div id="draggable" data-dragging=${this.drag.state}> 156 <a2k-window-topbar data-state=${e} 157 >${this.heading}</a2k-window-topbar 158 > 159 </div> 160 <a2k-window-actions 161 ?closeable="${this.closeable}" 162 ></a2k-window-actions> 163 </div> 164 <slot name="toolbar"></slot> 165 <a2k-stack> 166 <slot></slot> 167 </a2k-stack> 168 <slot name="statusbar"></slot> 169 </a2k-panel> 170 </div> 171 `}}et.styles=_t` 172 :host([hidden]) { 173 display: none; 174 } 175 176 ::slotted(*) { 177 padding: 0 var(--window-spacing-horizontal); 178 } 179 180 ::slotted([slot="toolbar"]) { 181 padding: 0; 182 } 183 184 ::slotted([slot="statusbar"]) { 185 padding: 0; 186 } 187 188 #window { 189 font-family: var(--font-primary); 190 letter-spacing: var(--font-primary-letter-spacing); 191 position: absolute; 192 width: var(--window-width); 193 max-width: 100%; 194 } 195 196 #draggable { 197 width: 100%; 198 position: relative; 199 } 200 201 #draggable[data-dragging="idle"] { 202 cursor: var(--cursor-grab); 203 } 204 205 #draggable[data-dragging="dragging"] { 206 cursor: var(--cursor-grabbing); 207 } 208 209 #topbar-wrapper { 210 display: flex; 211 justify-content: space-between; 212 } 213`;$t([js({context:ji,subscribe:!0}),B({type:String,attribute:!1}),kt("design:type",Object)],et.prototype,"windows",void 0);$t([B({type:String}),kt("design:type",Object)],et.prototype,"heading",void 0);$t([B({type:Boolean}),kt("design:type",Object)],et.prototype,"draggable",void 0);$t([B({type:Boolean}),kt("design:type",Object)],et.prototype,"closeable",void 0);$t([B({type:Number}),kt("design:type",Object)],et.prototype,"x",void 0);$t([B({type:Number}),kt("design:type",Object)],et.prototype,"y",void 0);window.customElements.define("a2k-window",et);var yo=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},_o=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class zi extends z{constructor(){super(...arguments),this.windowContext={windows:{},get windowsList(){return Object.values(this.windows)},get windowOrder(){return this.windowsList.sort((i,o)=>i.lastInteractionTime-o.lastInteractionTime).map(({id:i})=>i)},get count(){return Object.keys(this.windows).length},registerWindow:(t,e)=>{const{hasAutoPosition:i=!0}=e,o=Date.now(),n={id:t,lastInteractionTime:o,hasAutoPosition:i,el:null};this.windowContext.windows[t]=n,this.windowContext.triggerUpdate()},unregisterWindow:t=>{delete this.windowContext.windows[t],this.windowContext.triggerUpdate()},handleInteraction:t=>{if(!this.windowContext.windows[t])return;const i=Date.now();this.windowContext.windows[t].lastInteractionTime=i,this.windowContext.triggerUpdate()},triggerUpdate:()=>{const t=$o(this.windowContext);this.windowContext=t}}}render(){return Q`<div> 214 <slot></slot> 215 </div>`}}yo([Ms({context:ji}),B({attribute:!1}),_o("design:type",Object)],zi.prototype,"windowContext",void 0);function $o(s){return Object.create(Object.getPrototypeOf(s),Object.getOwnPropertyDescriptors(s))}window.customElements.define("a2k-window-context",zi);class qi extends z{render(){return Q`<div id="toolbar"> 216 <slot></slot> 217 </div> 218 <div id="separator"></div>`}}qi.styles=_t` 219 #toolbar { 220 border-color: var(--color-gray-300) var(--color-gray-700) 221 var(--color-gray-700) var(--color-gray-300); 222 border-width: 2px; 223 border-style: solid; 224 } 225 226 #separator { 227 border-bottom: 5px solid var(--color-gray-400); 228 } 229`;window.customElements.define("a2k-window-toolbar",qi);class Bi extends z{render(){return Q`<div id="item"> 230 <slot></slot> 231 </div>`}}Bi.styles=_t` 232 #item { 233 border-color: var(--color-gray-700) var(--color-gray-300) 234 var(--color-gray-300) var(--color-gray-700); 235 border-width: var(--border-width); 236 border-style: solid; 237 padding: var(--spacing-50); 238 background-color: var(--window-toolbar-item-color-background); 239 } 240`;window.customElements.define("a2k-window-toolbar-item",Bi);var Yi=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},Ki=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class he extends z{constructor(){super(...arguments),this.statusOne="",this.statusTwo=""}render(){return Q` 241 <div id="separator"></div> 242 <div id="content"> 243 <div class="section"> 244 <p>${this.statusOne}</p> 245 </div> 246 247 ${this.statusTwo?Q` <div class="section-separator"></div> 248 <div class="section"><p>${this.statusTwo}</p></div>`:null} 249 </div> 250 `}}he.styles=_t` 251 * { 252 box-sizing: border-box; 253 margin: 0; 254 } 255 256 #separator { 257 border: var(--border-width) solid var(--color-gray-700); 258 } 259 260 #content { 261 background: var(--color-gray-550); 262 display: flex; 263 } 264 265 .section { 266 border: var(--border-medium); 267 border-bottom-color: white; 268 border-right-color: white; 269 padding: 0 var(--spacing-50); 270 } 271 272 .section-separator { 273 border-right: var(--border-width) solid var(--color-gray-700); 274 } 275 276 .section:first-child { 277 flex: 1; 278 } 279`;Yi([B({type:String}),Ki("design:type",Object)],he.prototype,"statusOne",void 0);Yi([B({type:String}),Ki("design:type",Object)],he.prototype,"statusTwo",void 0);window.customElements.define("a2k-window-status-bar",he);class Xi extends ${render(){return _`<div id="cover"> 280 <div> 281 <slot name="heading"></slot> 282 </div> 283 <div> 284 <slot name="principal"></slot> 285 </div> 286 <div> 287 <slot name="footer"></slot> 288 </div> 289 </div>`}}Xi.styles=x` 290 #cover { 291 box-sizing: border-box; 292 display: flex; 293 flex-direction: column; 294 min-block-size: 100vh; 295 padding: 1rem; 296 } 297 298 #cover > div { 299 margin-block: 1rem; 300 } 301 302 #cover > div:nth-child(1) { 303 margin-block-start: 0; 304 } 305 306 #cover > div:nth-child(2) { 307 margin-block: auto; 308 } 309 310 #cover > div:nth-child(3) { 311 margin-block-end: 0; 312 } 313`;window.customElements.define("a2k-cover",Xi);class Gi extends ${render(){return _` 314 <div id="wrapper"> 315 <a2k-cover> 316 <div slot="heading"><slot></slot></div> 317 </a2k-cover> 318 </div> 319 `}}Gi.styles=x` 320 #wrapper { 321 background: var(--blue-screen-color-background); 322 } 323 324 [slot="heading"] { 325 color: var(--blue-screen-font-color); 326 font-weight: var(--blue-screen-font-weight); 327 font-size: var(--blue-screen-font-size); 328 } 329`;window.customElements.define("a2k-blue-screen",Gi);var Zi=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},ko=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};let se=class extends ${constructor(){super(...arguments),this.open=!1}render(){return _` 330 <div id="start-menu-item"> 331 <div id="icon-wrapper"> 332 <slot name="icon"></slot> 333 </div> 334 <p id="text-wrapper"> 335 <slot> </slot> 336 </p> 337 </div> 338 `}};se.styles=x` 339 #start-menu-item { 340 height: var(--start-menu-item-height); 341 box-sizing: border-box; 342 display: flex; 343 align-items: center; 344 padding-inline: var(--start-menu-item-padding); 345 gap: var(--start-menu-item-gap); 346 background: var(--start-menu-item-background); 347 cursor: var(--cursor-pointer); 348 width: 100%; 349 border: 0; 350 font-size: inherit; 351 text-align: left; 352 font-family: var(--font-primary); 353 letter-spacing: var(--font-primary-letter-spacing); 354 } 355 356 #start-menu-item:hover { 357 background: var(--start-menu-background-hover); 358 } 359 360 #start-menu-item:hover p { 361 color: var(--start-menu-item-text-color-hover); 362 } 363 364 #icon-wrapper { 365 width: var(--start-menu-icon-size); 366 height: var(--start-menu-icon-size); 367 } 368 369 #start-menu.open { 370 display: block; 371 } 372 373 #text-wrapper { 374 flex: 1; 375 margin: 0; 376 } 377`;Zi([b(),ko("design:type",Object)],se.prototype,"open",void 0);se=Zi([at("a2k-start-menu-item")],se);var Ji=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},Eo=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};let oe=class extends ${constructor(){super(...arguments),this.open=!1}handleAboutClick(){const t=_` <a2k-window 378 draggable 379 closeable 380 heading="About Andricos2000" 381 > 382 <p>Deets coming soon...</p> 383 </a2k-window>`;Dt(t,document.body)}handleShutdownClick(){location.reload()}render(){const t=String(this.open)==="true";return _` 384 <div id="start-menu" class="${t?"open":""}"> 385 <a2k-panel> 386 <div id="content"> 387 <div id="side-strip"> 388 <p> 389 Andricos2000 390 </p> 391 </div> 392 <div id="stack-wrapper"> 393 <a2k-stack> 394 <!-- This start menu should be managed by user land. --> 395 <a target="_blank" href="https://andri.co" rel="noreferrer noopener"> 396 <a2k-start-menu-item>
397 <span slot="icon"><a2k-icon icon="documents-icon" /></span> 398 Portfolio 399 </a2k-start-menu-item> 400 </a> 401 <a target="_blank" href="https://twitter.com/andricokaroulla" rel="noreferrer noopener"> 402 <a2k-start-menu-item> 403 <span slot="icon"><a2k-icon icon="network-icon"/></span> 404 Send Feedback 405 </a2k-start-menu-item> 406 </a> 407 <button @click="${this.handleAboutClick}"> 408 <a2k-start-menu-item> 409 <span slot="icon"> 410 <a2k-icon slot="icon" icon="help-icon" /> 411 </span> 412 About 413 </a2k-start-menu-item> 414 </button> 415 <button @click="${this.handleShutdownClick}"> 416 <a2k-start-menu-item> 417 <span slot="icon"> 418 <a2k-icon slot="icon" icon="shut-down-icon" /> 419 </span> 420 Shut Down 421 </a2k-start-menu-item> 422 </button> 423 </a2k-stack> 424 </div> 425 </a2k-panel> 426 </div> 427 </div> 428 `}};oe.styles=x` 429 #start-menu { 430 width: var(--start-menu-height); 431 position: absolute; 432 bottom: calc(0px + var(--taskbar-height)); 433 display: none; 434 } 435 436 #start-menu.open { 437 display: block; 438 } 439 440 #start-menu a { 441 text-decoration: none; 442 color: var(--font-color); 443 } 444 445 #content { 446 display: flex; 447 flex-direction: row; 448 } 449 450 #stack-wrapper { 451 flex-grow: 1; 452 } 453 454 #side-strip { 455 writing-mode: vertical-rl; 456 transform: rotate(180deg); 457 background: var(--start-menu-strip-background-gradient); 458 padding-block-top: var(--spacing-100); 459 } 460 461 button { 462 background: none; 463 border: 0; 464 margin: 0; 465 padding: 0; 466 font-family: var(--font-primary); 467 letter-spacing: var(--font-primary-letter-spacing); 468 font-size: var(--font-size-100); 469 } 470 471 #side-strip p { 472 color: white; 473 font-weight: var(--font-weight-600); 474 margin: 0; 475 padding-inline-start: var(--spacing-50); 476 } 477`;Ji([b(),Eo("design:type",Object)],oe.prototype,"open",void 0);oe=Ji([at("a2k-start-menu")],oe);var Qi=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},Co=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};let ne=class extends ${constructor(){super(...arguments),this._hideOnClickOutside=t=>{t.composedPath().includes(this)||(this._isMenuOpen=!1,document.removeEventListener("click",this._hideOnClickOutside))},this._isMenuOpen=!1}_toggleMenu(){const t=!this._isMenuOpen;t?document.addEventListener("click",this._hideOnClickOutside):document.removeEventListener("click",this._hideOnClickOutside),this._isMenuOpen=t}render(){return _` 478 <div class="wrapper"> 479 <a2k-start-menu open="${this._isMenuOpen}"></a2k-start-menu> 480 <button @click="${this._toggleMenu}"> 481 <a2k-icon icon="windows-icon"></a2k-icon> 482 Start 483 </button> 484 </div> 485 `}};ne.styles=x` 486 .wrapper { 487 position: relative; 488 height: 100%; 489 } 490 491 button { 492 display: flex; 493 align-items: center; 494 gap: var(--taskbar-content-gap); 495 font-family: var(--font-primary); 496 letter-spacing: var(--font-primary-letter-spacing); 497 height: 100%; 498 font-weight: var(--font-weight-heavy); 499 font-size: var(--font-size-100); 500 line-height: var(--font-size-100); 501 background-color: var(--color-gray-600); 502 cursor: var(--cursor-pointer); 503 border: var(--button-border); 504 border-left: 1px dotted var(--color-white); 505 border-top: 1px dotted var(--color-white); 506 box-shadow: var(--button-shadow); 507 outline-color: var(--outline-color-focus); 508 outline-offset: var(--outline-offset-focus); 509 } 510 511 button:active { 512 border-bottom: 2px solid transparent; 513 border-right: 0; 514 border-left: 1px dotted var(--color-black); 515 border-top: 1px dotted var(--color-black); 516 box-shadow: var(--button-shadow-active); 517 transform: translate(2px, 2px); 518 } 519`;Qi([ce(),Co("design:type",Object)],ne.prototype,"_isMenuOpen",void 0);ne=Qi([at("a2k-start-button")],ne);var xo=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n};let De=class extends ${constructor(){super(...arguments),this.clock=new Vs(this)}render(){const t=Ao.format(this.clock.value);return _`<div class="utility-bar">${t}</div>`}};De.styles=x` 520 .utility-bar {
521 --inset-shadow-padding: 2px; 522 523 display: flex; 524 height: 100%; 525 box-sizing: border-box; 526 align-items: center; 527 padding: var(--taskbar-padding); 528 padding-left: calc(var(--inset-shadow-padding) + var(--taskbar-padding)); 529 box-shadow: var(--taskbar-utility-bar-shadow); 530 } 531`;De=xo([at("a2k-utility-bar")],De);const Ao=new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"numeric",second:"numeric"});class ts extends ${render(){return _`<div class="taskbar"> 532 <a2k-start-button></a2k-start-button> 533 <a2k-utility-bar></a2k-utility-bar> 534 </div>`}}ts.styles=x` 535 .taskbar { 536 --inset-shadow-padding: 2px; 537 538 font-family: var(--font-primary); 539 letter-spacing: var(--font-primary-letter-spacing); 540 box-sizing: border-box; 541 border: var(--taskbar-border); 542 border-top: 0; 543 border-left: 0; 544 box-shadow: var(--taskbar-shadow); 545 background-color: var(--taskbar-color-background); 546 width: 100%; 547 padding: var(--taskbar-padding); 548 padding-top: calc(var(--inset-shadow-padding) + var(--taskbar-padding)); 549 padding-left: calc(var(--inset-shadow-padding) + var(--taskbar-padding)); 550 height: var(--taskbar-height); 551 margin-bottom: var(--inset-shadow-padding); 552 display: flex; 553 justify-content: space-between; 554 } 555`;window.customElements.define("a2k-taskbar",ts);const es={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},is=s=>(...t)=>({_$litDirective$:s,values:t});let ss=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};const So=is(class extends ss{constructor(s){var t;if(super(s),s.type!==es.ATTRIBUTE||s.name!=="class"||((t=s.strings)===null||t===void 0?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){var e,i;
555if(this.nt===void 0){this.nt=new Set,s.strings!==void 0&&(this.st=new Set(s.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in t)t[n]&&!(!((e=this.st)===null||e===void 0)&&e.has(n))&&this.nt.add(n);return this.render(t)}const o=s.element.classList;this.nt.forEach(n=>{n in t||(o.remove(n),this.nt.delete(n))});for(const n in t){const r=!!t[n];r===this.nt.has(n)||((i=this.st)===null||i===void 0?void 0:i.has(n))||(r?(o.add(n),this.nt.add(n)):(o.remove(n),this.nt.delete(n)))}return tt}});var os=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},To=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};let re=class extends ${constructor(){super(...arguments),this.filled="none"}render(){const t={"half-filled":this.filled!=="none",filled:this.filled==="filled"};return _`<div class=${So(t)} id="unit"> 556 <div></div> 557 <div></div> 558 </div>`}};re.styles=x` 559 #unit { 560 width: var(--progress-unit-width); 561 height: 100%; 562 display: flex; 563 flex-direction: row; 564 } 565 566 #unit > div { 567 width: calc(var(--progress-unit-width) / 2); 568 height: 100%; 569 } 570 571 .half-filled > div:first-child { 572 background: var(--progress-unit-background); 573 } 574 575 .filled > :last-child { 576 background: var(--progress-unit-background); 577 } 578`;os([b(),To("design:type",String)],re.prototype,"filled",void 0);re=os([at("a2k-progress-unit")],re);var Oo=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},Po=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class Ke extends ${constructor(){super(...arguments),this.progress=0,this.width=0}async updated(t){this.width||this.generateProgressUnits(),t.has("progress")&&this.updateProgressUnits()}async generateProgressUnits(){const t=this.renderRoot.querySelector("#progress");if(!t)return;await this.updateComplete;const e=t.getBoundingClientRect().width??0;if(this.width===e)return;this.width=e;const{gap:i}=getComputedStyle(t),n=Number(i.replace("px",""))+12,r=Math.ceil(e/n);Array(r).fill(0).forEach(()=>{const a=document.createElement("a2k-progress-unit");a.setAttribute("filled","none"),t==null||t.appendChild(a)})}async updateProgressUnits(){await this.updateComplete;const t=this.renderRoot.querySelectorAll("a2k-progress-unit"),e=this.progress/100*t.length,i=Ro(e),o=Math.floor(e);t.forEach((n,r)=>{r<o?n.setAttribute("filled","filled"):r===o&&i>=.5?n.setAttribute("filled","half"):n.setAttribute("filled","none")})}render(){return _` 579 <div aria-label="Loading progress" id="progress" role="progressbar"></div> 580 `}}Ke.styles=x` 581 #progress { 582 width: 100%; 583 box-sizing: border-box; 584 display: flex; 585 box-shadow: var(--progress-shadow); 586 padding-left: 3px; 587 padding-right: 1px; 588 padding-bottom: 2px; 589 padding-top: 3px; 590 height: var(--progress-height); 591 border-right: var(--progress-border-right); 592 gap: var(--progress-contents-gap); 593 overflow: hidden; 594 } 595`;Oo([b({type:Number}),Po("design:type",Object)],Ke.prototype,"progress",void 0);const Ro=s=>Math.floor(s%1*10)/10;window.customElements.define("a2k-progress",Ke);var E=globalThis&&globalThis.__classPrivateFieldGet||function(s,t,e,i){if(e==="a"&&!i)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?s!==t||!i:!t.has(s))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?i:e==="a"?i.call(s):i?i.value:t.get(s)},L=globalThis&&globalThis.__classPrivateFieldSet||function(s,t,e,i,o){if(i==="m")throw new TypeError("Private method is not writable");if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?s!==t||!o:!t.has(s))throw new TypeError("Cannot write private member to an object whose class did not declare it");return i==="a"?o.call(s,e):o?o.value=e:t.set(s,e),e};function Mo(s){var t,e,i,o,n,r,a,l,c,g,u,p,m,w,A,F,V;class it extends s{constructor(...d){super(...d),t.add(this),this.internals=this.attachInternals(),e.set(this,!1),i.set(this,!1),o.set(this,!1),n.set(this,void 0),r.set(this,void 0),a.set(this,""),l.set(this,()=>{L(this,o,!0,"f"),L(this,e,!0,"f"),E(this,t,"m",w).call(this)}),c.set(this,()=>{L(this,e,!1,"f"),E(this,t,"m",A).call(this,this.shouldFormValueUpdate()?E(this,a,"f"):""),!this.validity.valid&&E(this,o,"f")&&L(this,i,!0,"f");const h=E(this,t,"m",w).call(this);this.validationMessageCallback&&this.validationMessageCallback(h?this.internals.validationMessage:"")}
595),g.set(this,()=>{var h;L(this,i,!0,"f"),E(this,t,"m",w).call(this),(h=this===null||this===void 0?void 0:this.validationMessageCallback)===null||h===void 0||h.call(this,this.showError?this.internals.validationMessage:"")}),u.set(this,void 0),p.set(this,!1),m.set(this,Promise.resolve()),this.addEventListener("focus",E(this,l,"f")),this.addEventListener("blur",E(this,c,"f")),this.addEventListener("invalid",E(this,g,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){const d=this.validators.map(v=>v.attribute).flat(),h=super.observedAttributes||[];return[...new Set([...h,...d])]}static getValidator(d){return this.validators.find(h=>h.attribute===d)||null}static getValidators(d){return this.validators.filter(h=>{var f;if(h.attribute===d||((f=h.attribute)===null||f===void 0?void 0:f.includes(d)))return!0})}get form(){return this.internals.form}get showError(){return E(this,t,"m",w).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(d,h,f){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,d,h,f);const P=this.constructor.getValidators(d);(P==null?void 0:P.length)&&this.validationTarget&&this.setValue(E(this,a,"f"))}setValue(d){var h;L(this,i,!1,"f"),(h=this.validationMessageCallback)===null||h===void 0||h.call(this,""),L(this,a,d,"f");const v=this.shouldFormValueUpdate()?d:null;this.internals.setFormValue(v),E(this,t,"m",A).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),E(this,t,"m",w).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(d=>d(E(this,m,"f")))}formResetCallback(){var d,h;L(this,o,!1,"f"),L(this,i,!1,"f"),E(this,t,"m",w).call(this),(d=this.resetFormControl)===null||d===void 0||d.call(this),(h=this.validationMessageCallback)===null||h===void 0||h.call(this,E(this,t,"m",w).call(this)?this.validationMessage:"")}}return e=new WeakMap,i=new WeakMap,o=new WeakMap,n=new WeakMap,r=new WeakMap,a=new WeakMap,l=new WeakMap,c=new WeakMap,g=new WeakMap,u=new WeakMap,p=new WeakMap,m=new WeakMap,t=new WeakSet,w=function(){if(this.hasAttribute("disabled"))return!1;const d=E(this,i,"f")||E(this,o,"f")&&!this.validity.valid&&!E(this,e,"f");return d&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),d},A=function(d){const h=this.constructor,f={},v=h.validators,N=[],P=v.some(y=>y.isValid instanceof Promise);E(this,p,"f")||(L(this,m,new Promise(y=>{L(this,u,y,"f")}),"f"),L(this,p,!0,"f")),E(this,n,"f")&&(E(this,n,"f").abort(),L(this,r,E(this,n,"f"),"f"));const R=new AbortController;L(this,n,R,"f");let I,X=!1;!v.length||(v.forEach(y=>{const W=y.key||"customError",S=y.isValid(this,d,R.signal);S instanceof Promise?(N.push(S),S.then(H=>{H!=null&&(f[W]=!H,I=E(this,t,"m",V).call(this,y,d),E(this,t,"m",F).call(this,f,I))})):(f[W]=!S,this.validity[W]!==!S&&(X=!0),S||(I=E(this,t,"m",V).call(this,y,d)))}),Promise.allSettled(N).then(()=>{var y;R!=null&&R.signal.aborted||(L(this,p,!1,"f"),(y=E(this,u,"f"))===null||y===void 0||y.call(this))}),(X||!P)&&E(this,t,"m",F).call(this,f,I))},F=function(d,h){if(this.validationTarget)this.internals.setValidity(d,h,this.validationTarget);else{if(this.internals.setValidity(d,h),this.internals.validity.valid)return;let f=0;const v=setInterval(()=>{f>=100||this.validity.valid?clearInterval(v):this.validationTarget&&(this.internals.setValidity(this.validity,h,this.validationTarget),clearInterval(v)),f+=1},0)}},V=function(d,h){if(this.validityCallback){const f=this.validityCallback(d.key||"customError");if(f)return f}return d.message instanceof Function?d.message(this,h):d.message},it}var ue=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},pe=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class Et extends Mo($){constructor(){super(...arguments),this.defaultValue="",this.name="",this.label="",this.placeholder=""}static get formAssociated(){return!0}handleInputChange(t){const e=t.target;this.setValue(e.value);const i=new Event("change",{composed:!0,bubbles:!0});this.dispatchEvent(i)}connectedCallback(){super.connectedCallback(),this.label&&(this.label=`${this.label}:`)}render(){return _` 596 <div> 597 <label for="input">${this.label}</label> 598 <input 599 id="input" 600 name=${this.name} 601 defaultValue=${this.defaultValue} 602 placeholder=${this.placeholder} 603 type="text"
604 @input=${this.handleInputChange} 605 @change=${this.handleInputChange} 606 /> 607 </div> 608 `}}Et.styles=x` 609 * { 610 box-sizing: border-box; 611 letter-spacing: var(--letter-spacing); 612 } 613 614 :host { 615 display: block; 616 width: 100%; 617 } 618 619 input { 620 font-family: var(--font-primary); 621 font-size: var(--text-field-font-size); 622 padding-inline: var(--text-field-padding-inline); 623 width: 100%; 624 height: var(--text-field-height); 625 border-top: var(--text-field-border-top); 626 border-left: var(--text-field-border-left); 627 border-bottom: var(--text-field-border-bottom); 628 border-right: var(--text-field-border-right); 629 } 630 631 input::placeholder { 632 font-family: var(--font-primary); 633 } 634`;ue([b(),pe("design:type",Object)],Et.prototype,"defaultValue",void 0);ue([b(),pe("design:type",Object)],Et.prototype,"name",void 0);ue([b(),pe("design:type",Object)],Et.prototype,"label",void 0);ue([b(),pe("design:type",Object)],Et.prototype,"placeholder",void 0);window.customElements.define("a2k-text-field",Et);var C=globalThis&&globalThis.__classPrivateFieldGet||function(s,t,e,i){if(e==="a"&&!i)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?s!==t||!i:!t.has(s))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?i:e==="a"?i.call(s):i?i.value:t.get(s)},D=globalThis&&globalThis.__classPrivateFieldSet||function(s,t,e,i,o){if(i==="m")throw new TypeError("Private method is not writable");if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?s!==t||!o:!t.has(s))throw new TypeError("Cannot write private member to an object whose class did not declare it");return i==="a"?o.call(s,e):o?o.value=e:t.set(s,e),e};function jo(s){var t,e,i,o,n,r,a,l,c,g,u,p,m,w,A,F,V;class it extends s{constructor(...d){super(...d),t.add(this),this.internals=this.attachInternals(),e.set(this,!1),i.set(this,!1),o.set(this,!1),n.set(this,void 0),r.set(this,void 0),a.set(this,""),l.set(this,()=>{D(this,o,!0,"f"),D(this,e,!0,"f"),C(this,t,"m",w).call(this)}),c.set(this,()=>{D(this,e,!1,"f"),C(this,t,"m",A).call(this,this.shouldFormValueUpdate()?C(this,a,"f"):""),!this.validity.valid&&C(this,o,"f")&&D(this,i,!0,"f");const h=C(this,t,"m",w).call(this);this.validationMessageCallback&&this.validationMessageCallback(h?this.internals.validationMessage:"")}),g.set(this,()=>{var h;D(this,i,!0,"f"),C(this,t,"m",w).call(this),(h=this===null||this===void 0?void 0:this.validationMessageCallback)===null||h===void 0||h.call(this,this.showError?this.internals.validationMessage:"")}),u.set(this,void 0),p.set(this,!1),m.set(this,Promise.resolve()),this.addEventListener("focus",C(this,l,"f")),this.addEventListener("blur",C(this,c,"f")),this.addEventListener("invalid",C(this,g,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){const d=this.validators.map(v=>v.attribute).flat(),h=super.observedAttributes||[];return[...new Set([...h,...d])]}static getValidator(d){return this.validators.find(h=>h.attribute===d)||null}static getValidators(d){return this.validators.filter(h=>{var f;if(h.attribute===d||((f=h.attribute)===null||f===void 0?void 0:f.includes(d)))return!0})}get form(){return this.internals.form}get showError(){return C(this,t,"m",w).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(d,h,f){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,d,h,f);const P=this.constructor.getValidators(d);(P==null?void 0:P.length)&&this.validationTarget&&this.setValue(C(this,a,"f"))}setValue(d){var h;D(this,i,!1,"f"),(h=this.validationMessageCallback)===null||h===void 0||h.call(this,""),D(this,a,d,"f");const v=this.shouldFormValueUpdate()?d:null;this.internals.setFormValue(v),C(this,t,"m",A).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),C(this,t,"m",w).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(d=>d(C(this,m,"f")))}formResetCallback(){var d,h;D(this,o,!1,"f"),D(this,i,!1,"f"),C(this,t,"m",w).call(this),(d=this.resetFormControl)===null||d===void 0||d.call(this),(h=this.validationMessageCallback)===null||h===void 0||h.call(this,C(this,t,"m",w).call(this)?this.validationMessage:"")}}return e=new WeakMap,i=new WeakMap,o=new WeakMap,n=new WeakMap,r=new WeakMap,a=new WeakMap,l=new WeakMap,c=new WeakMap,g=new WeakMap,u=new WeakMap,p=new WeakMap,m=new WeakMap,t=new WeakSet,w=function(){if(this.hasAttribute("disabled"))return!1;const d=C(this,i,"f")||C(this,o,"f")&&!this.validity.valid&&!C(this,e,"f");return d&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),d},A=function(d){const h=this.constructor,f={},v=h.validators,N=[],P=v.some(y=>y.isValid instanceof Promise);C(this,p,"f")||(D(this,m,new Promise(y=>{D(this,u,y,"f")}),"f"),D(this,p,!0,"f")),C(this,n,"f")&&(C(this,n,"f").abort(),D(this,r,C(this,n,"f"),"f"));const R=new AbortController;D(this,n,R,"f");let I,X=!1;!v.length||(v.forEach(y=>{const W=y.key||"customError",S=y.isValid(this,d,R.signal);S instanceof Promise?(N.push(S),S.then(H=>{H!=null&&(f[W]=!H,I=C(this,t,"m",V).call(this,y,d),C(this,t,"m",F).call(this,f,I))})):(f[W]=!S,this.validity[W]!==!S&&(X=!0),S||(I=C(this,t,"m",V).call(this,y,d)))}),Promise.allSettled(N).then(()=>{var y;R!=null&&R.signal.aborted||(D(this,p,!1,"f"),(y=C(this,u,"f"))===null||y===void 0||y.call(this))}),(X||!P)&&C(this,t,"m",F).call(this,f,I))},F=function(d,h){if(this.validationTarget)this.internals.setValidity(d,h,this.validationTarget);else{if(this.internals.setValidity(d,h),this.internals.validity.valid)return;let f=0;const v=setInterval(()=>{f>=100||this.validity.valid?clearInterval(v):this.validationTarget&&(this.internals.setValidity(this.validity,h,this.validationTarget),clearInterval(v)),f+=1},0)}},V=function(d,h){if(this.validityCallback){const f=this.validityCallback(d.key||"customError");
634if(f)return f}return d.message instanceof Function?d.message(this,h):d.message},it}var Vt=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},Nt=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class lt extends jo($){constructor(){super(...arguments),this.label="",this.selectedItem=null,this.name="",this.expanded=!1,this.placeholder="Choose an option",this._options=[],this._openListbox=()=>{this.expanded||(this.expanded=!0,document.addEventListener("click",this._hideOnClickOutside))},this._closeListbox=()=>{!this.expanded||(this.expanded=!1,document.removeEventListener("click",this._hideOnClickOutside))},this._hideOnClickOutside=t=>{t.composedPath().includes(this)||this._closeListbox()}}handleKeyDown(t){t.key==="Escape"&&this.expanded?this._closeListbox():t.key==="Escape"&&!this.expanded&&this.handleSetValue(null)}handleSelectKeyDown(t){(t.key==="ArrowDown"||t.key==="Enter"||t.code==="Space")&&(this.expanded?this.moveFocusToOption(0):this._openListbox())}moveFocusToOption(t){this._options[t].focus()}handleSelectClick(){this.expanded?this._closeListbox():this._openListbox()}handleSetValue(t){const e=t||null;this.selectedItem=e,this.setValue((e==null?void 0:e.value)||"");const i=new Event("change",{composed:!0,bubbles:!0});this.dispatchEvent(i)}handleOptionSelect(t){const e=t.target;if(e.tagName!=="OPTION")return;const i={value:e.value,label:e.innerText};this.handleSetValue(i),this._closeListbox()}handleOptionKeyDown(t){if((t.key==="Enter"||t.code==="Space")&&this.handleOptionSelect(t),t.key==="ArrowDown"){const e=t.target;e.nextElementSibling?e.nextElementSibling.focus():this.moveFocusToOption(0)}if(t.key==="ArrowUp"){const e=t.target;if(e.previousElementSibling)e.previousElementSibling.focus();else{const o=this._options.length;this.moveFocusToOption(o-1)}}}toggleButton(){return _`<a2k-button tabindex="-1" aria-label="Open Select" size="small"> 635 <a2k-icon icon="chevron-icon"></a2k-icon> 636 </a2k-button> `}handleSlotchange(t){const i=t.target.assignedElements();i.forEach(o=>{o.setAttribute("tabindex","0")}),this._options=i}connectedCallback(){super.connectedCallback(),this.label&&(this.label=`${this.label}:`),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}render(){var t;return _` 637 <div id="select-wrapper"> 638 <label id="label">${this.label}</label> 639 <div id="select"> 640 <div 641 aria-controls="listbox" 642 aria-expanded="${this.expanded}" 643 aria-haspopup="listbox" 644 aria-labelledby="label" 645 class="combo-input" 646 role="combobox" 647 @keydown=${this.handleSelectKeyDown} 648 @click=${this.handleSelectClick} 649 tabindex="0" 650 name=${this.name} 651 value=${(t=this.selectedItem)==null?void 0:t.value} 652 > 653 <p> 654 ${this.selectedItem?this.selectedItem.label:this.placeholder} 655 </p> 656 <slot name="icon"> ${this.toggleButton()} </slot> 657 </div> 658 659 ${this.expanded?_` 660 <div 661 class="listbox" 662 role="listbox" 663 id="listbox" 664 aria-labelledby="label" 665 tabindex="-1" 666 @click=${this.handleOptionSelect} 667 @keydown=${this.handleOptionKeyDown} 668 > 669 <slot @slotchange=${this.handleSlotchange}></slot> 670 </div> 671 `:null} 672 </div> 673 </div> 674 `}}lt.styles=x` 675 * { 676 box-sizing: border-box; 677 } 678 679 #select-wrapper { 680 align-items: center; 681 } 682 683 label { 684 min-width: var(--select-label-min-width); 685 width: var(--select-label-width); 686 } 687 688 #select { 689 flex: 1; 690 box-shadow: var(--select-border); 691 } 692
693 .combo-input { 694 height: var(--select-height); 695 display: flex; 696 flex: 1; 697 align-items: center; 698 justify-content: space-between; 699 background: var(--select-background-color); 700 border-top: var(--select-border-top); 701 border-left: var(--select-border-left); 702 border-bottom: var(--select-border-bottom); 703 border-right: var(--select-border-right); 704 cursor: pointer; 705 } 706 707 .combo-input:focus { 708 background: var(--select-option-color-hover); 709 color: white; 710 } 711 712 .combo-input p { 713 padding: var(--select-padding-inline); 714 } 715 716 .listbox { 717 border: 1px solid black; 718 background: white; 719 position: absolute; 720 min-width: var(--select-min-width); 721 width: fit-content; 722 } 723 724 slot:not([name])::slotted(*) { 725 height: var(--select-height); 726 padding-inline: var(--select-padding-inline); 727 display: flex; 728 align-items: center; 729 cursor: var(--cursor-pointer); 730 } 731 732 slot:not([name])::slotted(*:hover), 733 slot:not([name])::slotted(*:focus) { 734 background: var(--select-option-color-hover); 735 color: white; 736 outline: 1px dotted white; 737 outline-offset: -1px; 738 } 739 740 a2k-icon { 741 font-size: 14px; 742 transform: rotate(90deg); 743 } 744`;Vt([b({type:String}),Nt("design:type",Object)],lt.prototype,"label",void 0);Vt([b({type:String}),Nt("design:type",Object)],lt.prototype,"selectedItem",void 0);Vt([b({type:String}),Nt("design:type",Object)],lt.prototype,"name",void 0);Vt([ce(),Nt("design:type",Object)],lt.prototype,"expanded",void 0);Vt([b({type:String}),Nt("design:type",Object)],lt.prototype,"placeholder",void 0);window.customElements.define("a2k-select",lt);const Ut=is(class extends ss{constructor(s){var t;if(super(s),s.type!==es.ATTRIBUTE||s.name!=="style"||((t=s.strings)===null||t===void 0?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(s){return Object.keys(s).reduce((t,e)=>{const i=s[e];return i==null?t:t+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(s,[t]){const{style:e}=s.element;if(this.vt===void 0){this.vt=new Set;for(const i in t)this.vt.add(i);return this.render(t)}this.vt.forEach(i=>{t[i]==null&&(this.vt.delete(i),i.includes("-")?e.removeProperty(i):e[i]="")});for(const i in t){const o=t[i];o!=null&&(this.vt.add(i),i.includes("-")?e.setProperty(i,o):e[i]=o)}return tt}});var ns=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},rs=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class fe extends ${constructor(){super(...arguments),this.slotHeightStyles={height:"0px"}}firstUpdated(){const t=getComputedStyle(this.desktopContainer).height;this.slotHeightStyles={height:t}}render(){return _`<div id="desktop"> 745 <slot id="slot" style=${Ut(this.slotHeightStyles)}></slot> 746 </div>`}}fe.styles=x` 747 #desktop { 748 height: 100%; 749 } 750 751 #desktop > slot { 752 display: flex; 753 flex-flow: column wrap; 754 width: fit-content; 755 } 756`;ns([b(),rs("design:type",Object)],fe.prototype,"slotHeightStyles",void 0);ns([It("#desktop"),rs("design:type",HTMLSlotElement)],fe.prototype,"desktopContainer",void 0);window.customElements.define("a2k-desktop",fe);var Xe=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},Ge=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class Wt extends ${constructor(){super(...arguments),this.text="",this.icon="",this.onOpen=()=>null}render(){return _` <button id="icon-wrapper" @dblclick=${this.onOpen}> 757 <a2k-icon icon="${this.icon}"></a2k-icon> 758 <p>${this.text}</p> 759 </button>`}}
759Wt.styles=x` 760 :host([hidden]) { 761 display: none; 762 } 763 764 #icon-wrapper { 765 all: unset; 766 box-sizing: border-box; 767 display: flex; 768 flex-direction: column; 769 font-family: var(--font-primary); 770 letter-spacing: var(--font-primary-letter-spacing); 771 color: var(--desktop-icon-text-color); 772 padding: var(--desktop-icon-padding); 773 cursor: var(--cursor-pointer); 774 gap: var(--desktop-icon-flex-gap); 775 text-align: center; 776 width: var(--desktop-icon-width); 777 font-size: var(--desktop-icon-text-size); 778 user-select: none; 779 } 780 781 #icon-wrapper p { 782 padding: var(--desktop-icon-text-padding); 783 margin: 0; 784 } 785 786 #icon-wrapper:focus p { 787 outline: var(--desktop-icon-text-outline-focus); 788 background: var(--desktop-icon-text-background-color-focus); 789 color: var(--desktop-icon-text-color-focus); 790 } 791`;Xe([b({type:String}),Ge("design:type",Object)],Wt.prototype,"text",void 0);Xe([b({type:String}),Ge("design:type",Object)],Wt.prototype,"icon",void 0);Xe([b(),Ge("design:type",Object)],Wt.prototype,"onOpen",void 0);window.customElements.define("a2k-icon-button",Wt);const Uo=(s,t)=>{const e=s/t,i=t/s*100,o=Array(e).fill(i),n=o.length;for(let r=0;r<1e3;r++){const a=Math.floor(Math.random()*n),l=o[a],c=Math.floor(Math.random()*n),g=o[c],u=Xt(Math.random()*l),p=Xt(l-u),m=Xt(g+u);o[a]=p,o[c]=m}return o};var Ht=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},zt=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};const Lo=["Booting Up..."],Do=s=>new CustomEvent("startup-progress",{bubbles:!0,composed:!0,detail:s});class dt extends ${constructor(){super(...arguments),this.startupTime=3e3,this.intervalRef=null,this.currentStep=0,this.state="idle",this.image="",this.footerText="Copyright ⸠1999-2000. Andricos2000",this.messages=Lo,this.progress=0,this.interval=50,this.handleStart=()=>{this.state="loading",document.querySelector("body").setAttribute("data-state","waiting"),this.beginLoading()},this.beginLoading=()=>{const t=Uo(this.startupTime,this.interval);this.intervalRef=setInterval(()=>{const e=t[this.currentStep]??0,i=Xt(this.progress+e),o=Do({progress:i,isComplete:i>=100});this.dispatchEvent(o),i>=100?(clearInterval(this.intervalRef),this.progress=100):(this.progress=i,this.currentStep++)},this.interval)}}disconnectedCallback(){this.intervalRef&&clearInterval(this.intervalRef)}render(){return this.state==="idle"?_` 792 <div id="background"> 793 <a2k-cover> 794 <div slot="principal"> 795 <h1 id="standing-by">Standing by...</h1> 796 <a2k-button size="large" @click=${this.handleStart} 797 >Start</a2k-button 798 > 799 </div> 800 <div slot="footer"></div> 801 </a2k-cover> 802 </div> 803 `:_` 804 <div id="background"> 805 <a2k-cover> 806 <div slot="principal"> 807 <h1>Welcome. Andricos2000 is starting up...</h1> 808 </div> 809 <div slot="footer"> 810 <a2k-stack> 811 <div id="progress-wrapper"> 812 <a2k-progress progress=${this.progress}></a2k-progress> 813 </div> 814 <p>${Math.floor(this.progress)}%</p> 815 <p>${this.footerText}</p> 816 </a2k-stack> 817 </div> 818 </a2k-cover> 819 </div> 820 `}}dt.styles=x` 821 :host { 822 --progress-unit-background: var(--color-white); 823 824 color: var(--color-white); 825 text-align: center; 826 font-family: var(--font-primary); 827 width: 100%; 828 } 829 830 #background { 831 background: var(--startup-background); 832 } 833 834 #progress-wrapper { 835 max-width: var(--startup-progress-bar-width); 836 margin: 0 auto; 837 width: 100%; 838 } 839 840 #standing-by { 841 animation: flash 0.5s infinite alternate; 842 } 843 844 @keyframes flash { 845 from { 846 opacity: 0; 847 } 848 849 to { 850 opacity: 1; 851 } 852 } 853`;Ht([b({type:String}),zt("design:type",Object)],dt.prototype,"state",void 0);Ht([b({type:String}),zt("design:type",Object)],dt.prototype,"image",void 0);Ht([b({type:String}),zt("design:type",Object)],dt.prototype,"footerText",void 0);Ht([b(),zt("design:type",Object)],dt.prototype,"messages",void 0);Ht([b(),zt("design:type",Object)],dt.prototype,"progress",void 0);window.customElements.define("a2k-startup",dt);var as=globalThis&&globalThis.__decorate||function(s,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,e,i);else for(var a=s.length-1;a>=0;a--)(r=s[a])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},ls=globalThis&&globalThis.__metadata||function(s,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,t)};class ve extends ${firstUpdated(){const[t]=this.slotEl,e=t.cloneNode(!0);this.marqueeWrapperEl.appendChild(e)}render(){return _`<div id="marquee"> 854 <div id="marquee-inner-1"> 855 <slot name="text"></slot> 856 </div> 857 <div id="marquee-inner-2"></div> 858 </div>`}}ve.styles=x` 859 :host { 860 background: var(--marquee-background); 861 padding: var(--spacing-50) 0; 862 } 863 864 :host * { 865 margin: 0; 866 } 867 868 ::slotted(*) { 869 margin: 0; 870 } 871 872 #marquee { 873 overflow: hidden; 874 width: 100%; 875 position: relative; 876 } 877 878 #marquee:hover > * { 879 animation-play-state: paused; 880 } 881 882 #marquee-inner-2 { 883 top: 0; 884 position: absolute; 885 width: 100%; 886 } 887 888 @media (prefers-reduced-motion: no-preference) { 889 #marquee-inner-1 { 890 animation: marquee-move var(--marquee-animation-duration) both infinite 891 linear; 892 } 893 894 #marquee-inner-2 { 895 animation: marquee-move var(--marquee-animation-duration) both 896 calc(var(--marquee-animation-duration) / 2) infinite linear; 897 } 898 } 899 900 @keyframes marquee-move {
901 from { 902 transform: translateX(100%); 903 } 904 905 to { 906 transform: translateX(-100%); 907 } 908 } 909`;as([po({slot:"text"}),ls("design:type",Array)],ve.prototype,"slotEl",void 0);as([It("#marquee-inner-2"),ls("design:type",HTMLElement)],ve.prototype,"marqueeWrapperEl",void 0);window.customElements.define("a2k-marquee",ve);const Io=s=>{const t=new FormData(s),e={};for(const[i,o]of t.entries())e.hasOwnProperty(i)?Array.isArray(e[i])?e[i].push(o):e[i]=[e[i],o]:e[i]=o;return e},xi=s=>{const t=Io(s),e={};return Object.entries(t).forEach(([i,o])=>{if(i.includes(".")){const n=i.split("."),r=n.pop();let a=e;for(;n.length;){const l=n.shift();a[l]=a[l]||{},a=a[l]}a[r]=o}else e[i]=t[i]}),e};var Fo=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor,Ze=(s,t,e,i)=>{for(var o=i>1?void 0:i?Vo(t,e):t,n=s.length-1,r;n>=0;n--)(r=s[n])&&(o=(i?r(t,e,o):r(o))||o);return i&&o&&Fo(t,e,o),o};const No="https://github.com/andrico1234/a2k",Wo="https://twitter.com/andricokaroulla",Ho=()=>_` 910 <a2k-text-field 911 label="Feedback" 912 placeholder="e.g. it's dope!" 913 name="details" 914 ></a2k-text-field> 915 `,zo=()=>_` 916 <a2k-text-field 917 label="Ideas" 918 placeholder="e.g. more easter eggs" 919 name="details" 920 ></a2k-text-field> 921 `,qo=()=>_` 922 <a2k-text-field 923 label="Issues" 924 placeholder="e.g. i'm on Chrome and it's broken" 925 name="details" 926 ></a2k-text-field> 927 `,Bo=()=>_` 928 <a2k-text-field 929 label="Your email" 930 placeholder="e.g. [email protected]" 931 name="details" 932 ></a2k-text-field> 933 `,Yo=()=>_` 934 <div> 935 <p> 936 Thanks! You can show your support by giving 937 <a href="${No}">a2k</a> a star on GitHub. 938 </p> 939 <p> 940 You can also follow me on <a href="${Wo}">Twitter</a> to follow 941 progress. 942 </p> 943 </div> 944 `,Ko={feature:zo,problem:qo,hire:Bo,support:Yo};class qt extends ${constructor(){super(...arguments),this.activeContent="",this.hasSubmitted=!1}submit(t){t.preventDefault();const e=t.target,{select:i="none",details:o=""}=xi(e);"track"in window.insights&&window.insights.track({id:"feedback",parameters:{type:i,details:o}}),this.hasSubmitted=!0}updateActiveContent(){const{select:t}=xi(this.formEl);this.activeContent=t?t.toString():""}handleFormChange(){this.updateActiveContent()}handleChange(){this.updateActiveContent()}render(){const t=Ko[this.activeContent];return _` 945 <div id="container"> 946 <a2k-window draggable closeable heading="Share your thoughts"> 947 <form @submit=${this.submit} @change=${this.handleChange}> 948 <a2k-stack> 949 <a2k-select 950 label="Reason" 951 name="select" 952 placeholder="I would like to..." 953 > 954 <option value="feature">Suggest a feature</option> 955 <option value="problem">Report a problem</option> 956 <option value="hire">Hire Andrico</option> 957 <option value="support">Show support for a2k</option> 958 </a2k-select> 959 960 ${t?t():Ho()} 961 <a2k-button type="submit">Submit</a2k-button> 962 963 ${this.hasSubmitted?_`<p>Thanks! We've received your feedback.</p>`:null} 964 </a2k-stack> 965 </form> 966 </a2k-window> 967 </div> 968 `}}qt.styles=x` 969 :host { 970 --window-width: 400px; 971 } 972 973 #container { 974 width: 320px; 975 } 976 977 form { 978 margin-block: var(--spacing-100); 979 } 980 `;Ze([It("form")],qt.prototype,"formEl",2);Ze([ce()],qt.prototype,"activeContent",2);Ze([ce()],qt.prototype,"hasSubmitted",2);window.customElements.define("a2k-feedback",qt);const Xo=_` 981 <a2k-window heading="Please wait..." draggable closeable> 982 <p class="heading">Andricos<span>2000</span></p> 983 <a2k-stack> 984 <p>Andricos2000 is starting up...</p> 985 <a2k-progress></a2k-progress> 986 </a2k-stack> 987 </a2k-window> 988`,Go=navigator.platform.includes("Mac"),Zo=Go?"Ctrl+Alt+Delete":"Cmd+Option+Esc",Jo=_` 989 <a2k-blue-screen> 990 <a2k-stack> 991 <p> 992 An error has occurred and Andricos2000 has been shut down to prevent 993 damage to your browser. 994 </p> 995 <p> 996 If this the first time you're seeing this error, please restart 997 Andricos2000 by pressing ${Zo}. 998 </p> 999 <p> 1000 If you continue to experience problems, please perform a fresh reinstall 1001 of Andricos2000 using an official installation CD. 1002 </p> 1003 </a2k-stack> 1004 </a2k-blue-screen> 1005`;var Qo=Object.defineProperty,tn=Object.getOwnPropertyDescriptor,K=(s,t,e,i)=>{for(var o=i>1?void 0:i?tn(t,e):t,n=s.length-1,r;n>=0;n--)(r=s[n])&&(o=(i?r(t,e,o):r(o))||o);return i&&o&&Qo(t,e,o),o};function Pe(s=1,t=0){const e=s-t;return Math.random()*e+t}let q=class extends ${constructor(){super(),this.width="0",this.height="0",this.href="",this.styles={top:"0",left:"0",zIndex:"0",width:this.width,height:this.height},this.imgStyles={width:this.width},this.imgSrc="",this.alt="",this.delayTimeout=null,this.displayDelay=Pe(6,2)*1e3,this.styles.zIndex=`${Math.ceil(this.displayDelay)}`,this.setupAppearance()}willUpdate(t){t.has("width")&&(this.styles.width=this.width,this.imgStyles.width=this.width,this.requestUpdate()),t.has("height")&&(this.styles.height=this.height,this.requestUpdate())}setupAppearance(){setTimeout(()=>{this.triggerAppearance(),this.setElPosition()},this.displayDelay)}triggerAppearance(){this.wrapperEl.removeAttribute("hidden")}setElPosition(){const[t,e]=this.calculateValidPositionRange(),i=Pe(t),o=Pe(e);this.styles.left=`${i}px`,this.styles.top=`${o}px`,this.requestUpdate()}calculateValidPositionRange(){const{offsetParent:t}=this.wrapperEl,{width:e,height:i}=this.wrapperEl.getBoundingClientRect(),o={width:window.innerWidth,height:window.innerHeight},{width:n,height:r}=(t==null?void 0:t.getBoundingClientRect())??o,a=n-e,l=a>0?a:0,c=r-i,g=c>0?c:0;return[l,g]}render(){return _`<div style=${Ut(this.styles)} hidden id="wrapper"> 1006 <a href=${this.href} target="_blank"> 1007 <img 1008 src=${this.imgSrc} 1009 style=${Ut(this.imgStyles)} 1010 alt=${this.alt} 1011 /> 1012 </a> 1013 </div>`}};q.styles=x` 1014 #wrapper { 1015 position: absolute; 1016 } 1017 `;K([b()],q.prototype,"width",2);K([b()],q.prototype,"height",2);K([b()],q.prototype,"href",2);K([b()],q.prototype,"styles",2);K([b()],q.prototype,"imgStyles",2);K([b()],q.prototype,"imgSrc",2);K([b()],q.prototype,"alt",2);K([It("#wrapper")],q.prototype,"wrapperEl",2);q=K([at("a2k-advert")],q);var en=Object.defineProperty,sn=Object.getOwnPropertyDescriptor,Bt=(s,t,e,i)=>{for(var o=i>1?void 0:i?sn(t,e):t,n=s.length-1,r;n>=0;n--)(r=s[n])&&(o=(i?r(t,e,o):r(o))||o);return i&&o&&en(t,e,o),o};function on(s=1,t=0){const e=s-t;return Math.random()*e+t}let rt=class extends ${constructor(){super(),this.imgSrc="",this.alt="",this.href="",this.delayTimeout=null,this.displayDelay=on(6,2)*500,this.setupAppearance()}setupAppearance(){setTimeout(()=>{this.triggerAppearance()},this.displayDelay)}triggerAppearance(){this.wrapperEl.removeAttribute("hidden")}render(){return _`<div hidden id="wrapper"> 1018 <a href=${this.href} target="_blank"> 1019 <img src=${this.imgSrc} alt=${this.alt} /> 1020 </a> 1021 </div>`}};rt.styles=x` 1022 #wrapper { 1023 width: 100%; 1024 } 1025 1026 img { 1027 width: 100%; 1028 } 1029 `;Bt([b()],rt.prototype,"imgSrc",2);Bt([b()],rt.prototype,"alt",2);Bt([b()],rt.prototype,"href",2);Bt([It("#wrapper")],rt.prototype,"wrapperEl",2);rt=Bt([at("a2k-static-advert")],rt);const nn=new URL("/assets/cali-skills-ad-19fc50eb.gif",self.location).href,rn=new URL("/assets/coding-tips-and-tricks-7a7e7cda.gif",self.location).href,an=new URL("/assets/stream-songs-15e882ad.gif",self.location).href,ln=new URL("/assets/7-simple-tips-1fe1029b.png",self.location).href;class ds extends ${constructor(){super(...arguments);Y(this,"connection","");Y(this,"handleOnline",()=>{connection="Online"});Y(this,"handleOffline",()=>{connection="Offline"})}connectedCallback(){super.connectedCallback(),this.addEventListener("online",this.handleOnline),this.addEventListener("offline",this.handleOffline),this.connection=navigator.onLine?"Online":"Offline"}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("online",this.handleOnline),this.removeEventListener("offline",this.handleOffline)}render(){return _`<a2k-window draggable closeable heading="Internet Explorer 5"> 1030 <a2k-window-toolbar slot="toolbar"> 1031 <a2k-window-toolbar-item> 1032 <div class="toolbar-row"> 1033 <div>Address</div> 1034 <a2k-text-field defaultValue="https://www.microsoft.com/internet-explorer"></a2k-text-field> 1035 </div> 1036 </a2k-window-toolbar-item> 1037 </a2k-window-toolbar> 1038 1039 <a2k-marquee> 1040 <p slot="text">Internet Explorer has reached end of life. RIP king.</p> 1041 </a2k-marquee> 1042 <div id="content"> 1043 <div id="with-sidebar"> 1044 <div id="sidebar"> 1045 <a2k-static-advert href="https://play.google.com/store/apps/details?id=com.caliskillsapp" 1046 alt="cali skills advert" imgSrc=${nn}> 1047 </a2k-advert> 1048 </div> 1049 <div id="not-sidebar"> 1050 <img src="/images/ie5-splash.png" /> 1051 </div> 1052 </div> 1053 <a2k-advert href="https://blog.andri.co" alt="get the latest coding tips and tricks" width="300px" height="300px" 1054 imgSrc=${rn}></a2k-advert> 1055 <a2k-advert href="https://open.spotify.com/playlist/37i9dQZF1DX9D5dmCM8Lo3?si=5f5b2de628bf4f20" 1056 alt="stream millions of songs for free" width="125px" height="175px" imgSrc=${an}></a2k-advert> 1057 <a2k-advert href="https://www.who.int/news/item/19-05-2019-respect-women-preventing-violence-against-women" 1058 alt="become more popular with the ladies" width="360px" height="150px" imgSrc=${ln}></a2k-advert> 1059 </div> 1060 1061 <a2k-window-status-bar statusOne="Loaded" statusTwo="${this.connection}" slot="statusbar"></a2k-window-status-bar> 1062</a2k-window>`}}Y(ds,"styles",x` 1063 :host { 1064 --panel-color-background: white; 1065 --window-width: 800px; 1066 } 1067 1068 .toolbar-row { 1069 display: flex; 1070 align-items: center; 1071 gap: var(--spacing-50); 1072 } 1073 1074 .toolbar-row > *:nth-child(2) { 1075 flex: 1; 1076 } 1077 1078 #content { 1079 position: relative; 1080 } 1081 1082 #with-sidebar { 1083 display: flex; 1084 } 1085 1086 #sidebar { 1087 flex-basis: 10rem; 1088 flex-grow: 1; 1089 position: relative; 1090 display: none; 1091 } 1092 1093 #not-sidebar { 1094 flex-basis: 0; 1095 flex-grow: 999; 1096 } 1097 1098 a2k-stack { 1099 position: relative; 1100 } 1101 1102 a2k-marquee { 1103 padding: 0; 1104 } 1105 1106 img { 1107 object-fit: cover; 1108 padding: 0; 1109 max-width: 100%; 1110 } 1111 1112 @media (min-width: 700px) { 1113 #sidebar { 1114 display: block; 1115 } 1116 } 1117 `);window.customElements.define("a2k-ie5",ds);class cs extends ${render(){return _` <a2k-window draggable closeable heading="About Andricos2000"> 1118 <p>
1119 Andricos2000 is a free-to-use web component library inspired by the 1120 turn-of-the-millenium era of computing. It's a work in progress, so 1121 follow us on 1122 <a href="https://twitter.com/andricokaroulla" target="_blank" 1123 >Twitter</a 1124 > 1125 if you'd like updates. 1126 </p> 1127 1128 <p> 1129 Head on over to 1130 <a href="https://github.com/andrico1234/a2k" target="_blank">GitHub</a> 1131 if you'd like to use Andricos2000 in your own projects. Or consider 1132 giving us a âï¸ to help the project grow. 1133 </p> 1134 <h2>Credits</h2> 1135 <p>Andrico Karoulla - Developer and designer (pictured below).</p> 1136 <img 1137 src="/images/me-at-computer.jpeg" 1138 loading="lazy" 1139 class="profile-picture" 1140 alt="me, playing at the computer, with my pokemon cards scattered around me" 1141 /> 1142 <p> 1143 The startup music is a reimagining of Madgalena Bay's 1144 <a 1145 href="https://www.youtube.com/watch?v=SLdCV3nIiEI" 1146 target="_blank" 1147 rel="noreferrer noopener" 1148 >Mercurial World 1149 </a> 1150 </p> 1151 </a2k-window>`}}Y(cs,"styles",x` 1152 p { 1153 margin: 0; 1154 } 1155 1156 img { 1157 max-width: 400px; 1158 object-fit: cover; 1159 } 1160 `);window.customElements.define("a2k-about",cs);var dn=Object.defineProperty,cn=Object.getOwnPropertyDescriptor,ge=(s,t,e,i)=>{for(var o=i>1?void 0:i?cn(t,e):t,n=s.length-1,r;n>=0;n--)(r=s[n])&&(o=(i?r(t,e,o):r(o))||o);return i&&o&&dn(t,e,o),o};class Ct extends ${constructor(){super(...arguments),this.height=0,this.width=0,this.top=0,this.left=0}render(){const t=Ut({width:`${this.width}px`,transform:`translate(${this.left}px, ${this.top}px)`}),e=Ut({height:`${this.height}px`});return _` 1161 <div style=${t} id="outer-wrapper"> 1162 <a2k-panel> 1163 <div style=${e}></div> 1164 </a2k-panel> 1165 </div> 1166 `}}Ct.styles=x` 1167 #outer-wrapper { 1168 position: absolute; 1169 display: flex; 1170 top: 0; 1171 } 1172 1173 a2k-panel { 1174 width: 100%; 1175 } 1176 1177 a2k-panel > div { 1178 display: flex; 1179 } 1180 `;ge([b({type:Number})],Ct.prototype,"height",2);ge([b({type:Number})],Ct.prototype,"width",2);ge([b({type:Number})],Ct.prototype,"top",2);ge([b({type:Number})],Ct.prototype,"left",2);window.customElements.define("a2k-broken-window",Ct);const hn=_` 1181 <a2k-window heading="Privacy Notice" draggable closeable> 1182 <a2k-stack> 1183 <img class="cookie" src="/images/cookie.png" alt="a cookie" /> 1184 <p> 1185 Do you remember cookie banners back in the year 2000? Neither do we. 1186 </p> 1187 <p> 1188 We uses privacy-focused analytics to improve the site, but we don't 1189 track any personal information or use tracking cookies. You won't find 1190 any annoying cookie banners in Andricos2000. 1191 </p> 1192 <p> 1193 For more info about the data we collect, check out our provider's 1194 <a href="https://getinsights.io/what-data-we-collect" target="_blank" 1195 >privacy statement</a 1196 >. 1197 </p> 1198 </a2k-stack> 1199 </a2k-window> 1200`,un={action:"default"};class pn{constructor(){Y(this,"items",[]);Y(this,"enqueue",(t=un)=>{this.items.push(t)});Y(this,"dequeue",()=>this.isEmpty()?void 0:this.items.shift());Y(this,"isEmpty",()=>!this.items.length)}}const Ie=document.querySelector("body"),fn=new URL("/assets/andricos-2000-startup-774be9be.mp3",self.location),ct=document.querySelector("#windows-container"),vn=document.querySelector('a2k-icon-button[icon="documents-icon"]');vn.onOpen=()=>{window.location.href="https://andri.co"};const gn=document.querySelector('a2k-icon-button[icon="network-icon"]');gn.onOpen=()=>{const s=document.createElement("a2k-feedback");ct.append(s)};const mn=document.querySelector('a2k-icon-button[icon="github-icon"]');mn.onOpen=()=>{window.location.href="https://github.com/andrico1234/a2k"};const bn=document.querySelector('a2k-icon-button[icon="help-icon"]');bn.onOpen=()=>{const s=document.createElement("a2k-about");ct.append(s)};const wn=document.querySelector('a2k-icon-button[icon="internet-icon"]'),Tt=new pn;let Zt="idle";function yn(){setTimeout(()=>{Zt="off";const s=()=>{setTimeout(()=>{Tt.dequeue();const t=document.createElement("a2k-ie5");ct.append(t),Tt.isEmpty()||s()},100)};Tt.isEmpty()||s()},4e3)}wn.onOpen=()=>
1200{if(Zt==="idle")Zt="queueing",Tt.enqueue(),yn();else if(Zt==="queueing")Tt.enqueue();else{const s=document.createElement("a2k-ie5");ct.append(s)}};const _n=document.querySelector('a2k-icon-button[icon="lock-icon"]');_n.onOpen=()=>{const s=document.createElement("div");ct.appendChild(s),Dt(hn,s)};let Ai=!1;const $n=s=>{const{target:t,detail:e}=s,{containerEl:i}=e,o=document.querySelector("a2k-window[heading='Please wait...']");if(!o||!o.isSameNode(t))return;const{width:n,top:r,left:a,height:l}=i.getBoundingClientRect(),c=document.createElement("a2k-broken-window");ct.insertBefore(c,o),c.setAttribute("height",l),c.setAttribute("width",n),c.setAttribute("top",r),c.setAttribute("left",a)};window.addEventListener("keypress",hs);function hs(s){s.key==="e"&&s.ctrlKey&&(window.removeEventListener("keypress",hs),Ie.textContent="",Dt(Jo,Ie))}window.addEventListener("startup-progress",s=>{if(!(s.detail.progress<50)&&!Ai){Ai=!0;try{kn()}catch{}}});window.addEventListener("startup-progress",s=>{!s.detail.isComplete||(setTimeout(()=>{document.querySelector(".fixed-container").remove(),En(),Cn()},300),setTimeout(()=>{Ie.removeAttribute("data-state")},500))});function kn(){const s=new Audio(fn);s.volume=.3,s.play()}function En(){let s=0;setTimeout(()=>{Dt(Xo,ct);const t=document.querySelector("a2k-progress"),e=document.querySelector("a2k-window[heading='Please wait...']"),i=setInterval(()=>{if(!!t&&(s=s+1.2,t.setAttribute("progress",s),s>40)){for(;e.firstChild;)e.removeChild(e.lastChild);window.addEventListener("window-drag",$n),e.innerHTML=` 1201 <a2k-stack> 1202 <p>Oh no! We had a problem loading Andricos2000. Don't worry, you can still play around and find some easter eggs.</p> 1203 <p>Andricos2000 is a work in progress, so keep checking back (or follow me on <a href="https://twitter.com/andricokaroulla" target="_blank" 1204 >Twitter</a 1205 >) for updates :)</p> 1206 </a2k-stack> 1207 `,clearInterval(i)}},100)},700)}function Cn(){const s=document.querySelectorAll("a2k-icon-button");setTimeout(()=>{s.forEach(t=>{t.removeAttribute("hidden")})},1200)}
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.