@pb33f/cowboy-components 0.0.1 → 0.0.4

package/dist/cowboy-components.umd.cjs

@@ -1,1430 +1,1363 @@
-(function(Z){typeof define=="function"&&define.amd?define(Z):Z()})(function(){"use strict";/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */var We;const Z=globalThis,Mt=Z.ShadowRoot&&(Z.ShadyCSS===void 0||Z.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,It=Symbol(),oe=new WeakMap;let ne=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==It)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(Mt&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=oe.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&oe.set(e,t))}return t}toString(){return this.cssText}};const Ke=r=>new ne(typeof r=="string"?r:r+"",void 0,It),M=(r,...t)=>{const e=r.length===1?r[0]:t.reduce((o,n,s)=>o+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+r[s+1],r[0]);return new ne(e,r,It)},Xe=(r,t)=>{if(Mt)r.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),n=Z.litNonce;n!==void 0&&o.setAttribute("nonce",n),o.textContent=e.cssText,r.appendChild(o)}},se=Mt?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return Ke(e)})(r):r;/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const{is:Qe,defineProperty:tr,getOwnPropertyDescriptor:er,getOwnPropertyNames:rr,getOwnPropertySymbols:or,getPrototypeOf:nr}=Object,V=globalThis,ae=V.trustedTypes,sr=ae?ae.emptyScript:"",Dt=V.reactiveElementPolyfillSupport,nt=(r,t)=>r,wt={toAttribute(r,t){switch(t){case Boolean:r=r?sr:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,t){let e=r;switch(t){case Boolean:e=r!==null;break;case Number:e=r===null?null:Number(r);break;case Object:case Array:try{e=JSON.parse(r)}catch{e=null}}return e}},Ut=(r,t)=>!Qe(r,t),ie={attribute:!0,type:String,converter:wt,reflect:!1,hasChanged:Ut};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),V.litPropertyMetadata??(V.litPropertyMetadata=new WeakMap);class X extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=ie){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),n=this.getPropertyDescriptor(t,o,e);n!==void 0&&tr(this.prototype,t,n)}}static getPropertyDescriptor(t,e,o){const{get:n,set:s}=er(this.prototype,t)??{get(){return this[e]},set(a){this[e]=a}};return{get(){return n==null?void 0:n.call(this)},set(a){const l=n==null?void 0:n.call(this);s.call(this,a),this.requestUpdate(t,l,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??ie}static _$Ei(){if(this.hasOwnProperty(nt("elementProperties")))return;const t=nr(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(nt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(nt("properties"))){const e=this.properties,o=[...rr(e),...or(e)];for(const n of o)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,n]of e)this.elementProperties.set(o,n)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const n=this._$Eu(e,o);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const n of o)e.unshift(se(n))}else t!==void 0&&e.push(se(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$Eg=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$ES(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$E_??(this._$E_=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$E_)==null||e.delete(t)}_$ES(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Xe(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$E_)==null||t.forEach(e=>{var o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$E_)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EO(t,e){var s;const o=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,o);if(n!==void 0&&o.reflect===!0){const a=(((s=o.converter)==null?void 0:s.toAttribute)!==void 0?o.converter:wt).toAttribute(e,o.type);this._$Em=t,a==null?this.removeAttribute(n):this.setAttribute(n,a),this._$Em=null}}_$AK(t,e){var s;const o=this.constructor,n=o._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const a=o.getPropertyOptions(n),l=typeof a.converter=="function"?{fromAttribute:a.converter}:((s=a.converter)==null?void 0:s.fromAttribute)!==void 0?a.converter:wt;this._$Em=n,this[n]=l.fromAttribute(e,a.type),this._$Em=null}}requestUpdate(t,e,o,n=!1,s){if(t!==void 0){if(o??(o=this.constructor.getPropertyOptions(t)),!(o.hasChanged??Ut)(n?s:this[t],e))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$Eg=this._$EP())}C(t,e,o){this._$AL.has(t)||this._$AL.set(t,e),o.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,a]of this._$Ep)this[s]=a;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[s,a]of n)a.wrapped!==!0||this._$AL.has(s)||this[s]===void 0||this.C(s,this[s],a)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$E_)==null||o.forEach(n=>{var s;return(s=n.hostUpdate)==null?void 0:s.call(n)}),this.update(e)):this._$ET()}catch(n){throw t=!1,this._$ET(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$E_)==null||e.forEach(o=>{var n;return(n=o.hostUpdated)==null?void 0:n.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EO(e,this[e]))),this._$ET()}updated(t){}firstUpdated(t){}}X.elementStyles=[],X.shadowRootOptions={mode:"open"},X[nt("elementProperties")]=new Map,X[nt("finalized")]=new Map,Dt==null||Dt({ReactiveElement:X}),(V.reactiveElementVersions??(V.reactiveElementVersions=[])).push("2.0.2");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const st=globalThis,_t=st.trustedTypes,le=_t?_t.createPolicy("lit-html",{createHTML:r=>r}):void 0,ce="$lit$",N=`lit$${(Math.random()+"").slice(9)}$`,ue="?"+N,ar=`<${ue}>`,G=document,at=()=>G.createComment(""),it=r=>r===null||typeof r!="object"&&typeof r!="function",de=Array.isArray,ir=r=>de(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",Bt=`[ 	
-\f\r]`,lt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,he=/-->/g,pe=/>/g,J=RegExp(`>|${Bt}(?:([^\\s"'>=/]+)(${Bt}*=${Bt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),ge=/'/g,fe=/"/g,be=/^(?:script|style|textarea|title)$/i,lr=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),T=lr(1),j=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),ve=new WeakMap,Y=G.createTreeWalker(G,129);function me(r,t){if(!Array.isArray(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return le!==void 0?le.createHTML(t):t}const cr=(r,t)=>{const e=r.length-1,o=[];let n,s=t===2?"<svg>":"",a=lt;for(let l=0;l<e;l++){const p=r[l];let m,$,y=-1,F=0;for(;F<p.length&&(a.lastIndex=F,$=a.exec(p),$!==null);)F=a.lastIndex,a===lt?$[1]==="!--"?a=he:$[1]!==void 0?a=pe:$[2]!==void 0?(be.test($[2])&&(n=RegExp("</"+$[2],"g")),a=J):$[3]!==void 0&&(a=J):a===J?$[0]===">"?(a=n??lt,y=-1):$[1]===void 0?y=-2:(y=a.lastIndex-$[2].length,m=$[1],a=$[3]===void 0?J:$[3]==='"'?fe:ge):a===fe||a===ge?a=J:a===he||a===pe?a=lt:(a=J,n=void 0);const O=a===J&&r[l+1].startsWith("/>")?" ":"";s+=a===lt?p+ar:y>=0?(o.push(m),p.slice(0,y)+ce+p.slice(y)+N+O):p+N+(y===-2?l:O)}return[me(r,s+(r[e]||"<?>")+(t===2?"</svg>":"")),o]};class ct{constructor({strings:t,_$litType$:e},o){let n;this.parts=[];let s=0,a=0;const l=t.length-1,p=this.parts,[m,$]=cr(t,e);if(this.el=ct.createElement(m,o),Y.currentNode=this.el.content,e===2){const y=this.el.content.firstChild;y.replaceWith(...y.childNodes)}for(;(n=Y.nextNode())!==null&&p.length<l;){if(n.nodeType===1){if(n.hasAttributes())for(const y of n.getAttributeNames())if(y.endsWith(ce)){const F=$[a++],O=n.getAttribute(y).split(N),R=/([.?@])?(.*)/.exec(F);p.push({type:1,index:s,name:R[2],strings:O,ctor:R[1]==="."?dr:R[1]==="?"?hr:R[1]==="@"?pr:$t}),n.removeAttribute(y)}else y.startsWith(N)&&(p.push({type:6,index:s}),n.removeAttribute(y));if(be.test(n.tagName)){const y=n.textContent.split(N),F=y.length-1;if(F>0){n.textContent=_t?_t.emptyScript:"";for(let O=0;O<F;O++)n.append(y[O],at()),Y.nextNode(),p.push({type:2,index:++s});n.append(y[F],at())}}}else if(n.nodeType===8)if(n.data===ue)p.push({type:2,index:s});else{let y=-1;for(;(y=n.data.indexOf(N,y+1))!==-1;)p.push({type:7,index:s}),y+=N.length-1}s++}}static createElement(t,e){const o=G.createElement("template");return o.innerHTML=t,o}}function Q(r,t,e=r,o){var a,l;if(t===j)return t;let n=o!==void 0?(a=e._$Co)==null?void 0:a[o]:e._$Cl;const s=it(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==s&&((l=n==null?void 0:n._$AO)==null||l.call(n,!1),s===void 0?n=void 0:(n=new s(r),n._$AT(r,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=n:e._$Cl=n),n!==void 0&&(t=Q(r,n._$AS(r,t.values),n,o)),t}class ur{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:o}=this._$AD,n=((t==null?void 0:t.creationScope)??G).importNode(e,!0);Y.currentNode=n;let s=Y.nextNode(),a=0,l=0,p=o[0];for(;p!==void 0;){if(a===p.index){let m;p.type===2?m=new ut(s,s.nextSibling,this,t):p.type===1?m=new p.ctor(s,p.name,p.strings,this,t):p.type===6&&(m=new gr(s,this,t)),this._$AV.push(m),p=o[++l]}a!==(p==null?void 0:p.index)&&(s=Y.nextNode(),a++)}return Y.currentNode=G,n}p(t){let e=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class ut{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,n){this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=n,this._$Cv=(n==null?void 0:n.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),it(t)?t===A||t==null||t===""?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==j&&this._(t):t._$litType$!==void 0?this.g(t):t.nodeType!==void 0?this.$(t):ir(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==A&&it(this._$AH)?this._$AA.nextSibling.data=t:this.$(G.createTextNode(t)),this._$AH=t}g(t){var s;const{values:e,_$litType$:o}=t,n=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=ct.createElement(me(o.h,o.h[0]),this.options)),o);if(((s=this._$AH)==null?void 0:s._$AD)===n)this._$AH.p(e);else{const a=new ur(n,this),l=a.u(this.options);a.p(e),this.$(l),this._$AH=a}}_$AC(t){let e=ve.get(t.strings);return e===void 0&&ve.set(t.strings,e=new ct(t)),e}T(t){de(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,n=0;for(const s of t)n===e.length?e.push(o=new ut(this.k(at()),this.k(at()),this,this.options)):o=e[n],o._$AI(s),n++;n<e.length&&(this._$AR(o&&o._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,e);t&&t!==this._$AB;){const n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class $t{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,n,s){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=A}_$AI(t,e=this,o,n){const s=this.strings;let a=!1;if(s===void 0)t=Q(this,t,e,0),a=!it(t)||t!==this._$AH&&t!==j,a&&(this._$AH=t);else{const l=t;let p,m;for(t=s[0],p=0;p<s.length-1;p++)m=Q(this,l[o+p],e,p),m===j&&(m=this._$AH[p]),a||(a=!it(m)||m!==this._$AH[p]),m===A?t=A:t!==A&&(t+=(m??"")+s[p+1]),this._$AH[p]=m}a&&!n&&this.O(t)}O(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class dr extends $t{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===A?void 0:t}}class hr extends $t{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==A)}}class pr extends $t{constructor(t,e,o,n,s){super(t,e,o,n,s),this.type=5}_$AI(t,e=this){if((t=Q(this,t,e,0)??A)===j)return;const o=this._$AH,n=t===A&&o!==A||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==A&&(o===A||n);n&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class gr{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const Rt=st.litHtmlPolyfillSupport;Rt==null||Rt(ct,ut),(st.litHtmlVersions??(st.litHtmlVersions=[])).push("3.1.0");const fr=(r,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let n=o._$litPart$;if(n===void 0){const s=(e==null?void 0:e.renderBefore)??null;o._$litPart$=n=new ut(t.insertBefore(at(),s),s,void 0,e??{})}return n._$AI(r),n};/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */let B=class extends X{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=fr(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return j}};B._$litElement$=!0,B.finalized=!0,(We=globalThis.litElementHydrateSupport)==null||We.call(globalThis,{LitElement:B});const Vt=globalThis.litElementPolyfillSupport;Vt==null||Vt({LitElement:B}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.2");var xt=M`
-  :host {
-    box-sizing: border-box;
-  }
-
-  :host *,
-  :host *::before,
-  :host *::after {
-    box-sizing: inherit;
-  }
-
-  [hidden] {
-    display: none !important;
-  }
-`,br=M`
-  ${xt}
-
-  :host {
-    --track-width: 2px;
-    --track-color: rgb(128 128 128 / 25%);
-    --indicator-color: var(--sl-color-primary-600);
-    --speed: 2s;
-
-    display: inline-flex;
-    width: 1em;
-    height: 1em;
-  }
-
-  .spinner {
-    flex: 1 1 auto;
-    height: 100%;
-    width: 100%;
-  }
-
-  .spinner__track,
-  .spinner__indicator {
-    fill: none;
-    stroke-width: var(--track-width);
-    r: calc(0.5em - var(--track-width) / 2);
-    cx: 0.5em;
-    cy: 0.5em;
-    transform-origin: 50% 50%;
-  }
-
-  .spinner__track {
-    stroke: var(--track-color);
-    transform-origin: 0% 0%;
-  }
-
-  .spinner__indicator {
-    stroke: var(--indicator-color);
-    stroke-linecap: round;
-    stroke-dasharray: 150% 75%;
-    animation: spin var(--speed) linear infinite;
-  }
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-      stroke-dasharray: 0.01em, 2.75em;
+(function(c,h){typeof exports=="object"&&typeof module<"u"?h(require("lit"),require("lit/decorators.js"),require("prismjs"),require("@shoelace-style/shoelace/dist/utilities/base-path.js")):typeof define=="function"&&define.amd?define(["lit","lit/decorators.js","prismjs","@shoelace-style/shoelace/dist/utilities/base-path.js"],h):(c=typeof globalThis<"u"?globalThis:c||self,h(c.lit,c["lit/decorators"].js,c.prismjs,c.basePath))})(this,function(c,h,y,wt){"use strict";var tn=Object.defineProperty;var rn=(c,h,y)=>h in c?tn(c,h,{enumerable:!0,configurable:!0,writable:!0,value:y}):c[h]=y;var x=(c,h,y)=>(rn(c,typeof h!="symbol"?h+"":h,y),y),nn=(c,h,y)=>{if(!h.has(c))throw TypeError("Cannot "+y)};var qe=(c,h,y)=>{if(h.has(c))throw TypeError("Cannot add the same private member more than once");h instanceof WeakSet?h.add(c):h.set(c,y)};var ye=(c,h,y)=>(nn(c,h,"access private method"),y);var ie,Be,ke,vt;const $t=c.css`
+    :host {
+        display: flex;
+        column-gap: 10px;
+        position: relative;
+        background-color: var(--terminal-background);
+        margin: 0;
+        overflow: hidden;
+        padding: 1rem 0 1rem 0;
+        border: 1px dashed var(--code-border);
+        color: var(--terminal-text);
+        text-shadow: 0 0 10px var(--terminal-text-shadow);
+        overflow-x: auto;
     }
 
-    50% {
-      transform: rotate(450deg);
-      stroke-dasharray: 1.375em, 1.375em;
+    pre {
+        margin: 0;
+        padding-left: 0;
+        overflow-x: auto;
     }
 
-    100% {
-      transform: rotate(1080deg);
-      stroke-dasharray: 0.01em, 2.75em;
+    :host::before {
+        padding-left: 1rem;
+        content: ">";
+        font-family: var(--font-stack-bold);
+        color: var(--secondary-color)
     }
-  }
-`;const Nt=new Set,vr=new MutationObserver($e),tt=new Map;let ye=document.documentElement.dir||"ltr",we=document.documentElement.lang||navigator.language,K;vr.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});function _e(...r){r.map(t=>{const e=t.$code.toLowerCase();tt.has(e)?tt.set(e,Object.assign(Object.assign({},tt.get(e)),t)):tt.set(e,t),K||(K=t)}),$e()}function $e(){ye=document.documentElement.dir||"ltr",we=document.documentElement.lang||navigator.language,[...Nt.keys()].map(r=>{typeof r.requestUpdate=="function"&&r.requestUpdate()})}let mr=class{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){Nt.add(this.host)}hostDisconnected(){Nt.delete(this.host)}dir(){return`${this.host.dir||ye}`.toLowerCase()}lang(){return`${this.host.lang||we}`.toLowerCase()}getTranslationData(t){var e,o;const n=new Intl.Locale(t.replace(/_/g,"-")),s=n==null?void 0:n.language.toLowerCase(),a=(o=(e=n==null?void 0:n.region)===null||e===void 0?void 0:e.toLowerCase())!==null&&o!==void 0?o:"",l=tt.get(`${s}-${a}`),p=tt.get(s);return{locale:n,language:s,region:a,primary:l,secondary:p}}exists(t,e){var o;const{primary:n,secondary:s}=this.getTranslationData((o=e.lang)!==null&&o!==void 0?o:this.lang());return e=Object.assign({includeFallback:!1},e),!!(n&&n[t]||s&&s[t]||e.includeFallback&&K&&K[t])}term(t,...e){const{primary:o,secondary:n}=this.getTranslationData(this.lang());let s;if(o&&o[t])s=o[t];else if(n&&n[t])s=n[t];else if(K&&K[t])s=K[t];else return console.error(`No translation found for: ${String(t)}`),String(t);return typeof s=="function"?s(...e):s}date(t,e){return t=new Date(t),new Intl.DateTimeFormat(this.lang(),e).format(t)}number(t,e){return t=Number(t),isNaN(t)?"":new Intl.NumberFormat(this.lang(),e).format(t)}relativeTime(t,e,o){return new Intl.RelativeTimeFormat(this.lang(),o).format(t,e)}};var xe={$code:"en",$name:"English",$dir:"ltr",carousel:"Carousel",clearEntry:"Clear entry",close:"Close",copied:"Copied",copy:"Copy",currentValue:"Current value",error:"Error",goToSlide:(r,t)=>`Go to slide ${r} of ${t}`,hidePassword:"Hide password",loading:"Loading",nextSlide:"Next slide",numOptionsSelected:r=>r===0?"No options selected":r===1?"1 option selected":`${r} options selected`,previousSlide:"Previous slide",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",slideNum:r=>`Slide ${r}`,toggleColorFormat:"Toggle color format"};_e(xe);var yr=xe,ke=class extends mr{};_e(yr);var Ae=Object.defineProperty,wr=Object.defineProperties,_r=Object.getOwnPropertyDescriptor,$r=Object.getOwnPropertyDescriptors,Ee=Object.getOwnPropertySymbols,xr=Object.prototype.hasOwnProperty,kr=Object.prototype.propertyIsEnumerable,Se=(r,t,e)=>t in r?Ae(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,dt=(r,t)=>{for(var e in t||(t={}))xr.call(t,e)&&Se(r,e,t[e]);if(Ee)for(var e of Ee(t))kr.call(t,e)&&Se(r,e,t[e]);return r},Ce=(r,t)=>wr(r,$r(t)),b=(r,t,e,o)=>{for(var n=o>1?void 0:o?_r(t,e):t,s=r.length-1,a;s>=0;s--)(a=r[s])&&(n=(o?a(t,e,n):a(n))||n);return o&&n&&Ae(t,e,n),n};/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const kt=r=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(r,t)}):customElements.define(r,t)};/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const Ar={attribute:!0,type:String,converter:wt,reflect:!1,hasChanged:Ut},Er=(r=Ar,t,e)=>{const{kind:o,metadata:n}=e;let s=globalThis.litPropertyMetadata.get(n);if(s===void 0&&globalThis.litPropertyMetadata.set(n,s=new Map),s.set(e.name,r),o==="accessor"){const{name:a}=e;return{set(l){const p=t.get.call(this);t.set.call(this,l),this.requestUpdate(a,p,r)},init(l){return l!==void 0&&this.C(a,void 0,r),l}}}if(o==="setter"){const{name:a}=e;return function(l){const p=this[a];t.call(this,l),this.requestUpdate(a,p,r)}}throw Error("Unsupported decorator location: "+o)};function v(r){return(t,e)=>typeof e=="object"?Er(r,t,e):((o,n,s)=>{const a=n.hasOwnProperty(s);return n.constructor.createProperty(s,a?{...o,wrapped:!0}:o),a?Object.getOwnPropertyDescriptor(n,s):void 0})(r,t,e)}/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function et(r){return v({...r,state:!0,attribute:!1})}/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const Fe=(r,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(r,t,e),e);/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function Pe(r,t){return(e,o,n)=>{const s=a=>{var l;return((l=a.renderRoot)==null?void 0:l.querySelector(r))??null};if(t){const{get:a,set:l}=typeof o=="object"?e:n??(()=>{const p=Symbol();return{get(){return this[p]},set(m){this[p]=m}}})();return Fe(e,o,{get(){let p=a.call(this);return p===void 0&&(p=s(this),(p!==null||this.hasUpdated)&&l.call(this,p)),p}})}return Fe(e,o,{get(){return s(this)}})}}var H=class extends B{constructor(){super(),Object.entries(this.constructor.dependencies).forEach(([r,t])=>{this.constructor.define(r,t)})}emit(r,t){const e=new CustomEvent(r,dt({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(e),e}static define(r,t=this,e={}){const o=customElements.get(r);if(!o){customElements.define(r,class extends t{},e);return}let n=" (unknown version)",s=n;"version"in t&&t.version&&(n=" v"+t.version),"version"in o&&o.version&&(s=" v"+o.version),!(n&&s&&n===s)&&console.warn(`Attempted to register <${r}>${n}, but <${r}>${s} has already been registered.`)}};H.version="2.12.0",H.dependencies={},b([v()],H.prototype,"dir",2),b([v()],H.prototype,"lang",2);var Le=class extends H{constructor(){super(...arguments),this.localize=new ke(this)}render(){return T`
-      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
-        <circle class="spinner__track"></circle>
-        <circle class="spinner__indicator"></circle>
-      </svg>
-    `}};Le.styles=br;var ht=new WeakMap,pt=new WeakMap,gt=new WeakMap,jt=new WeakSet,At=new WeakMap,Sr=class{constructor(r,t){this.handleFormData=e=>{const o=this.options.disabled(this.host),n=this.options.name(this.host),s=this.options.value(this.host),a=this.host.tagName.toLowerCase()==="sl-button";!o&&!a&&typeof n=="string"&&n.length>0&&typeof s<"u"&&(Array.isArray(s)?s.forEach(l=>{e.formData.append(n,l.toString())}):e.formData.append(n,s.toString()))},this.handleFormSubmit=e=>{var o;const n=this.options.disabled(this.host),s=this.options.reportValidity;this.form&&!this.form.noValidate&&((o=ht.get(this.form))==null||o.forEach(a=>{this.setUserInteracted(a,!0)})),this.form&&!this.form.noValidate&&!n&&!s(this.host)&&(e.preventDefault(),e.stopImmediatePropagation())},this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),At.set(this.host,[])},this.handleInteraction=e=>{const o=At.get(this.host);o.includes(e.type)||o.push(e.type),o.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)},this.checkFormValidity=()=>{if(this.form&&!this.form.noValidate){const e=this.form.querySelectorAll("*");for(const o of e)if(typeof o.checkValidity=="function"&&!o.checkValidity())return!1}return!0},this.reportFormValidity=()=>{if(this.form&&!this.form.noValidate){const e=this.form.querySelectorAll("*");for(const o of e)if(typeof o.reportValidity=="function"&&!o.reportValidity())return!1}return!0},(this.host=r).addController(this),this.options=dt({form:e=>{const o=e.form;if(o){const s=e.getRootNode().getElementById(o);if(s)return s}return e.closest("form")},name:e=>e.name,value:e=>e.value,defaultValue:e=>e.defaultValue,disabled:e=>{var o;return(o=e.disabled)!=null?o:!1},reportValidity:e=>typeof e.reportValidity=="function"?e.reportValidity():!0,checkValidity:e=>typeof e.checkValidity=="function"?e.checkValidity():!0,setValue:(e,o)=>e.value=o,assumeInteractionOn:["sl-input"]},t)}hostConnected(){const r=this.options.form(this.host);r&&this.attachForm(r),At.set(this.host,[]),this.options.assumeInteractionOn.forEach(t=>{this.host.addEventListener(t,this.handleInteraction)})}hostDisconnected(){this.detachForm(),At.delete(this.host),this.options.assumeInteractionOn.forEach(r=>{this.host.removeEventListener(r,this.handleInteraction)})}hostUpdated(){const r=this.options.form(this.host);r||this.detachForm(),r&&this.form!==r&&(this.detachForm(),this.attachForm(r)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid)}attachForm(r){r?(this.form=r,ht.has(this.form)?ht.get(this.form).add(this.host):ht.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),pt.has(this.form)||(pt.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity()),gt.has(this.form)||(gt.set(this.form,this.form.checkValidity),this.form.checkValidity=()=>this.checkFormValidity())):this.form=void 0}detachForm(){if(!this.form)return;const r=ht.get(this.form);r&&(r.delete(this.host),r.size<=0&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),pt.has(this.form)&&(this.form.reportValidity=pt.get(this.form),pt.delete(this.form)),gt.has(this.form)&&(this.form.checkValidity=gt.get(this.form),gt.delete(this.form)),this.form=void 0))}setUserInteracted(r,t){t?jt.add(r):jt.delete(r),r.requestUpdate()}doAction(r,t){if(this.form){const e=document.createElement("button");e.type=r,e.style.position="absolute",e.style.width="0",e.style.height="0",e.style.clipPath="inset(50%)",e.style.overflow="hidden",e.style.whiteSpace="nowrap",t&&(e.name=t.name,e.value=t.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(o=>{t.hasAttribute(o)&&e.setAttribute(o,t.getAttribute(o))})),this.form.append(e),e.click(),e.remove()}}getForm(){var r;return(r=this.form)!=null?r:null}reset(r){this.doAction("reset",r)}submit(r){this.doAction("submit",r)}setValidity(r){const t=this.host,e=!!jt.has(t),o=!!t.required;t.toggleAttribute("data-required",o),t.toggleAttribute("data-optional",!o),t.toggleAttribute("data-invalid",!r),t.toggleAttribute("data-valid",r),t.toggleAttribute("data-user-invalid",!r&&e),t.toggleAttribute("data-user-valid",r&&e)}updateValidity(){const r=this.host;this.setValidity(r.validity.valid)}emitInvalidEvent(r){const t=new CustomEvent("sl-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});r||t.preventDefault(),this.host.dispatchEvent(t)||r==null||r.preventDefault()}},Ht=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1});Object.freeze(Ce(dt({},Ht),{valid:!1,valueMissing:!0})),Object.freeze(Ce(dt({},Ht),{valid:!1,customError:!0}));var Cr=M`
-  ${xt}
 
-  :host {
-    display: inline-block;
-    position: relative;
-    width: auto;
-    cursor: pointer;
-  }
+    sl-button.copy {
+        position: absolute;
+        right: 10px;
+        top: 10px;
+    }
 
-  .button {
-    display: inline-flex;
-    align-items: stretch;
-    justify-content: center;
-    width: 100%;
-    border-style: solid;
-    border-width: var(--sl-input-border-width);
-    font-family: var(--sl-input-font-family);
-    font-weight: var(--sl-font-weight-semibold);
+    sl-button.copy::part(base) {
+        color: var(--primary-color);
+        border: 1px solid var(--code-border);
+        font-family: var(--font-stack), serif;
+        border-radius: 0;
+        text-transform: uppercase;
+    }
+`;var _t=Object.defineProperty,At=Object.getOwnPropertyDescriptor,Tt=(i,e,t,r)=>{for(var n=r>1?void 0:r?At(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&_t(e,t,n),n};let ve=class extends c.LitElement{getValue(){var t;const i=(t=this.shadowRoot)==null?void 0:t.querySelector("slot.command"),e=i==null?void 0:i.assignedNodes({flatten:!0});return e?e[0].data.trim():""}copyToClipboard(){navigator.clipboard.writeText(this.getValue())}render(){return c.html`
+            <sl-button class="copy" size="small" @click=${this.copyToClipboard}>copy</sl-button>
+            <pre><slot class="command"></slot></pre>
+        `}};ve.styles=$t,ve=Tt([h.customElement("terminal-example")],ve);const zt=c.css`
+    
+    sl-icon-button::part(base) {
+        font-size: 1.4rem;
+        color: var(--secondary-color);
+    }
+    
+`;var Lt=Object.defineProperty,Ct=Object.getOwnPropertyDescriptor,Ze=(i,e,t,r)=>{for(var n=r>1?void 0:r?Ct(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&Lt(e,t,n),n};const Z="dark",U="light",Ue="pb33f-theme";let ae=class extends c.LitElement{constructor(){super(...arguments),this.theme=Z}connectedCallback(){super.connectedCallback(),this.theme=localStorage.getItem(Ue)||U;const i=document.querySelector("html");if(i)switch(i.setAttribute("theme",this.theme),this.theme){case Z:i.classList.add("sl-theme-dark");break;case U:i.classList.remove("sl-theme-dark");break}}toggleTheme(){this.theme===Z?this.theme=U:this.theme=Z,localStorage.setItem(Ue,this.theme);const i=document.querySelector("html");if(i)switch(i.setAttribute("theme",this.theme),this.theme){case Z:i.classList.add("sl-theme-dark");break;case U:i.classList.remove("sl-theme-dark");break}}render(){let i="sun";return this.theme===U&&(i="moon"),c.html`
+            <sl-icon-button 
+                    @click=${this.toggleTheme}
+                    name="${i}" 
+                    label="Settings">
+            </sl-icon-button>
+        `}};ae.styles=zt,Ze([h.state()],ae.prototype,"theme",2),ae=Ze([h.customElement("pb33f-theme-switcher")],ae);const Et=c.css`
+  a, a:visited, a:active {
     text-decoration: none;
-    user-select: none;
-    -webkit-user-select: none;
-    white-space: nowrap;
-    vertical-align: middle;
-    padding: 0;
-    transition:
-      var(--sl-transition-x-fast) background-color,
-      var(--sl-transition-x-fast) color,
-      var(--sl-transition-x-fast) border,
-      var(--sl-transition-x-fast) box-shadow;
-    cursor: inherit;
-  }
-
-  .button::-moz-focus-inner {
-    border: 0;
-  }
-
-  .button:focus {
-    outline: none;
-  }
-
-  .button:focus-visible {
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  .button--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
+    color: var(--primary-color);
   }
 
-  /* When disabled, prevent mouse events from bubbling up from children */
-  .button--disabled * {
-    pointer-events: none;
+  a:hover {
+    color: var(--primary-color);
+    text-decoration: underline;
   }
-
-  .button__prefix,
-  .button__suffix {
-    flex: 0 0 auto;
+  
+  header.pb33f-header {
     display: flex;
-    align-items: center;
-    pointer-events: none;
+    height: 57px;
+    flex-direction: row;
+    z-index: 1;
+    background-color: var(--background-color);
   }
 
-  .button__label {
-    display: inline-block;
+  header.pb33f-header > .logo {
+    width: 170px;
+    min-width: 145px;
+    padding: 9px 0 10px 10px;
+    border-bottom: 1px dashed var(--secondary-color);
+    height: 36px;
   }
 
-  .button__label::slotted(sl-icon) {
-    vertical-align: -2px;
+  header.pb33f-header > .logo .caret {
+    font-size: 1.6em;
+    color: var(--secondary-color)
   }
 
-  /*
-   * Standard buttons
-   */
-
-  /* Default */
-  .button--standard.button--default {
-    background-color: var(--sl-color-neutral-0);
-    border-color: var(--sl-color-neutral-300);
-    color: var(--sl-color-neutral-700);
+  header.pb33f-header > .logo .name {
+    font-size: 1.7em;
+    font-family: var(--font-stack-bold),sans-serif;
+    color: var(--primary-color);
+    text-shadow:  0 0 10px var(--primary-color-text-shadow), 0 0 10px var(--primary-color-text-shadow);
   }
 
-  .button--standard.button--default:hover:not(.button--disabled) {
-    background-color: var(--sl-color-primary-50);
-    border-color: var(--sl-color-primary-300);
-    color: var(--sl-color-primary-700);
+  header.pb33f-header > .logo .name > a {
+    text-decoration: none;
   }
 
-  .button--standard.button--default:active:not(.button--disabled) {
-    background-color: var(--sl-color-primary-100);
-    border-color: var(--sl-color-primary-400);
-    color: var(--sl-color-primary-700);
-  }
+  header.pb33f-header > .logo .name > a:hover {
+    text-decoration: underline;
 
-  /* Primary */
-  .button--standard.button--primary {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
-    color: var(--sl-color-neutral-0);
   }
 
-  .button--standard.button--primary:hover:not(.button--disabled) {
-    background-color: var(--sl-color-primary-500);
-    border-color: var(--sl-color-primary-500);
-    color: var(--sl-color-neutral-0);
+  header.pb33f-header > .logo .name > a:active {
+    text-decoration: underline;
+    color: var(--secondary-color);
+    text-shadow:  0 0 5px var(--secondary-color-text-shadow), 0 0 10px var(--secondary-color-text-shadow-outer);
   }
 
-  .button--standard.button--primary:active:not(.button--disabled) {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
-    color: var(--sl-color-neutral-0);
+  header.pb33f-header > .logo .name::after {
+    content: "";
+    -webkit-animation: cursor .8s infinite;
+    animation: cursor .8s infinite;
+    background: var(--primary-color);
+    border-radius: 0;
+    display: inline-block;
+    height: 0.9em;
+    margin-left: 0.2em;
+    width: 3px;
+    bottom: -2px;
+    position: relative;
   }
-
-  /* Success */
-  .button--standard.button--success {
-    background-color: var(--sl-color-success-600);
-    border-color: var(--sl-color-success-600);
-    color: var(--sl-color-neutral-0);
+  
+  header .header-space {
+    height: 55px;
+    flex-grow: 2;
+    border-bottom: 1px dashed var(--secondary-color);
   }
 
-  .button--standard.button--success:hover:not(.button--disabled) {
-    background-color: var(--sl-color-success-500);
-    border-color: var(--sl-color-success-500);
-    color: var(--sl-color-neutral-0);
-  }
+  @-webkit-keyframes cursor {
+    0% {
+      opacity: 0;
+    }
 
-  .button--standard.button--success:active:not(.button--disabled) {
-    background-color: var(--sl-color-success-600);
-    border-color: var(--sl-color-success-600);
-    color: var(--sl-color-neutral-0);
-  }
+    50% {
+      opacity: 1;
+    }
 
-  /* Neutral */
-  .button--standard.button--neutral {
-    background-color: var(--sl-color-neutral-600);
-    border-color: var(--sl-color-neutral-600);
-    color: var(--sl-color-neutral-0);
+    to {
+      opacity: 0;
+    }
   }
 
-  .button--standard.button--neutral:hover:not(.button--disabled) {
-    background-color: var(--sl-color-neutral-500);
-    border-color: var(--sl-color-neutral-500);
-    color: var(--sl-color-neutral-0);
-  }
+  @keyframes cursor {
+    0% {
+      opacity: 0;
+    }
 
-  .button--standard.button--neutral:active:not(.button--disabled) {
-    background-color: var(--sl-color-neutral-600);
-    border-color: var(--sl-color-neutral-600);
-    color: var(--sl-color-neutral-0);
-  }
+    50% {
+      opacity: 1;
+    }
 
-  /* Warning */
-  .button--standard.button--warning {
-    background-color: var(--sl-color-warning-600);
-    border-color: var(--sl-color-warning-600);
-    color: var(--sl-color-neutral-0);
-  }
-  .button--standard.button--warning:hover:not(.button--disabled) {
-    background-color: var(--sl-color-warning-500);
-    border-color: var(--sl-color-warning-500);
-    color: var(--sl-color-neutral-0);
-  }
+    to {
+      opacity: 0;
+    }
+  }`;var Rt=Object.defineProperty,Pt=Object.getOwnPropertyDescriptor,we=(i,e,t,r)=>{for(var n=r>1?void 0:r?Pt(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&Rt(e,t,n),n};let V=class extends c.LitElement{constructor(){super(),this.name="pb33f",this.url="https://pb33f.io"}render(){return c.html`
+            <header class="pb33f-header">
+                <div class="logo">
+                    <span class="caret">$</span>
+                    <span class="name"><a href="${this.url}">${this.name}</a></span>
+                </div>
+                <div class="header-space">
+                    <slot></slot>
+                </div>
+            </header>`}};V.styles=Et,we([h.property()],V.prototype,"name",2),we([h.property()],V.prototype,"url",2),V=we([h.customElement("pb33f-header")],V);/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function*Ve(i,e){if(i!==void 0){let t=0;for(const r of i)yield e(r,t++)}}const St=c.css`
+    .kv-table > table {
+        width: 100%;
+        border-spacing: 0;
+    }
 
-  .button--standard.button--warning:active:not(.button--disabled) {
-    background-color: var(--sl-color-warning-600);
-    border-color: var(--sl-color-warning-600);
-    color: var(--sl-color-neutral-0);
-  }
+    .kv-table > table > thead > tr > th {
+        font-family: var(--font-stack), sans-serif;
+        background: var(--kv-table-header-background);
+        text-align: left;
+        padding: 10px;
+        color: var(--font-color);
+        font-weight: normal;
+        border-bottom: 1px dashed var(--kv-table-dividers);
+        border-top: 1px dashed var(--kv-table-header-border-top);
+    }
 
-  /* Danger */
-  .button--standard.button--danger {
-    background-color: var(--sl-color-danger-600);
-    border-color: var(--sl-color-danger-600);
-    color: var(--sl-color-neutral-0);
-  }
+    .kv-table > table > thead > tr > th:first-child {
+        font-family: var(--font-stack-bold), sans-serif;
+        background: var(--kv-table-header-background-reversed);
+        text-align: right;
+        color: var(--primary-color);
+        padding-right: 10px;
+    }
 
-  .button--standard.button--danger:hover:not(.button--disabled) {
-    background-color: var(--sl-color-danger-500);
-    border-color: var(--sl-color-danger-500);
-    color: var(--sl-color-neutral-0);
-  }
+    .kv-table > table > thead > tr > th:nth-child(2) {
+        font-family: var(--font-stack-bold), sans-serif;
+    }
 
-  .button--standard.button--danger:active:not(.button--disabled) {
-    background-color: var(--sl-color-danger-600);
-    border-color: var(--sl-color-danger-600);
-    color: var(--sl-color-neutral-0);
-  }
+    .kv-table > table > tbody > tr > td {
+        font-family: var(--font-stack), sans-serif;
+        padding: 10px 0 10px 10px;
+        border-bottom: 1px dashed var(--kv-table-dividers);
+    }
 
-  /*
-   * Outline buttons
-   */
+    .kv-table > table > tbody > tr > td:first-child > code {
+        color: var(--primary-color);
+        font-family: var(--font-stack-bold), sans-serif;
+    }
 
-  .button--outline {
-    background: none;
-    border: solid 1px;
-  }
+    .kv-table > table > tbody > tr > td:nth-child(2) {
+        color: var(--font-color-sub1)
+    }
+    
+    .kv-table > table > tbody > tr > td:nth-child(2) > code {
+        font-family: var(--font-stack), sans-serif;
+        border: 1px solid var(--secondary-color-lowalpha);
+        color: var(--secondary-color);
+        border-radius: 0;
+        padding: 0 5px 1px 5px;
+        background-color: var(--secondary-color-very-lowalpha);
+    }
+    
+    .kv-table > table > tbody > tr > td:first-child {
+        width: 180px;
+        text-align: right;
+        padding-right: 10px;
+        border-right: 1px dashed var(--kv-table-dividers);
+    }
 
-  /* Default */
-  .button--outline.button--default {
-    border-color: var(--sl-color-neutral-300);
-    color: var(--sl-color-neutral-700);
-  }
+    .kv-table >table > tbody > tr > td > code {
+        color: var(--secondary-color);
+        font-weight: normal;
+    }
 
-  .button--outline.button--default:hover:not(.button--disabled),
-  .button--outline.button--default.button--checked:not(.button--disabled) {
-    border-color: var(--sl-color-primary-600);
-    background-color: var(--sl-color-primary-600);
-    color: var(--sl-color-neutral-0);
-  }
 
-  .button--outline.button--default:active:not(.button--disabled) {
-    border-color: var(--sl-color-primary-700);
-    background-color: var(--sl-color-primary-700);
-    color: var(--sl-color-neutral-0);
-  }
+    pre {
+        word-wrap: break-word;
+        white-space: pre-wrap;
+        max-width: 760px;
+        overflow-x: auto;
+    }
 
-  /* Primary */
-  .button--outline.button--primary {
-    border-color: var(--sl-color-primary-600);
-    color: var(--sl-color-primary-600);
-  }
+    pre > code {
+        word-wrap: break-word;
+        white-space: pre-wrap;
+    }
 
-  .button--outline.button--primary:hover:not(.button--disabled),
-  .button--outline.button--primary.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-primary-600);
-    color: var(--sl-color-neutral-0);
-  }
 
-  .button--outline.button--primary:active:not(.button--disabled) {
-    border-color: var(--sl-color-primary-700);
-    background-color: var(--sl-color-primary-700);
-    color: var(--sl-color-neutral-0);
+`;Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Q=globalThis,le=Q.trustedTypes,Qe=le?le.createPolicy("lit-html",{createHTML:i=>i}):void 0,je="$lit$",E=`lit$${(Math.random()+"").slice(9)}$`,We="?"+E,It=`<${We}>`,R=document,ce=()=>R.createComment(""),j=i=>i===null||typeof i!="object"&&typeof i!="function",Ge=Array.isArray,Ot=i=>Ge(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",$e=`[ 	
+\f\r]`,W=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Fe=/-->/g,Xe=/>/g,P=RegExp(`>|${$e}(?:([^\\s"'>=/]+)(${$e}*=${$e}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Je=/'/g,Ke=/"/g,Ye=/^(?:script|style|textarea|title)$/i,q=Symbol.for("lit-noChange"),k=Symbol.for("lit-nothing"),et=new WeakMap,S=R.createTreeWalker(R,129);function tt(i,e){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Qe!==void 0?Qe.createHTML(e):e}const Dt=(i,e)=>{const t=i.length-1,r=[];let n,s=e===2?"<svg>":"",o=W;for(let l=0;l<t;l++){const a=i[l];let d,p,u=-1,m=0;for(;m<a.length&&(o.lastIndex=m,p=o.exec(a),p!==null);)m=o.lastIndex,o===W?p[1]==="!--"?o=Fe:p[1]!==void 0?o=Xe:p[2]!==void 0?(Ye.test(p[2])&&(n=RegExp("</"+p[2],"g")),o=P):p[3]!==void 0&&(o=P):o===P?p[0]===">"?(o=n??W,u=-1):p[1]===void 0?u=-2:(u=o.lastIndex-p[2].length,d=p[1],o=p[3]===void 0?P:p[3]==='"'?Ke:Je):o===Ke||o===Je?o=P:o===Fe||o===Xe?o=W:(o=P,n=void 0);const f=o===P&&i[l+1].startsWith("/>")?" ":"";s+=o===W?a+It:u>=0?(r.push(d),a.slice(0,u)+je+a.slice(u)+E+f):a+E+(u===-2?l:f)}return[tt(i,s+(i[t]||"<?>")+(e===2?"</svg>":"")),r]};class G{constructor({strings:e,_$litType$:t},r){let n;this.parts=[];let s=0,o=0;const l=e.length-1,a=this.parts,[d,p]=Dt(e,t);if(this.el=G.createElement(d,r),S.currentNode=this.el.content,t===2){const u=this.el.content.firstChild;u.replaceWith(...u.childNodes)}for(;(n=S.nextNode())!==null&&a.length<l;){if(n.nodeType===1){if(n.hasAttributes())for(const u of n.getAttributeNames())if(u.endsWith(je)){const m=p[o++],f=n.getAttribute(u).split(E),_=/([.?@])?(.*)/.exec(m);a.push({type:1,index:s,name:_[2],strings:f,ctor:_[1]==="."?Mt:_[1]==="?"?Nt:_[1]==="@"?qt:he}),n.removeAttribute(u)}else u.startsWith(E)&&(a.push({type:6,index:s}),n.removeAttribute(u));if(Ye.test(n.tagName)){const u=n.textContent.split(E),m=u.length-1;if(m>0){n.textContent=le?le.emptyScript:"";for(let f=0;f<m;f++)n.append(u[f],ce()),S.nextNode(),a.push({type:2,index:++s});n.append(u[m],ce())}}}else if(n.nodeType===8)if(n.data===We)a.push({type:2,index:s});else{let u=-1;for(;(u=n.data.indexOf(E,u+1))!==-1;)a.push({type:7,index:s}),u+=E.length-1}s++}}static createElement(e,t){const r=R.createElement("template");return r.innerHTML=e,r}}function B(i,e,t=i,r){var o,l;if(e===q)return e;let n=r!==void 0?(o=t._$Co)==null?void 0:o[r]:t._$Cl;const s=j(e)?void 0:e._$litDirective$;return(n==null?void 0:n.constructor)!==s&&((l=n==null?void 0:n._$AO)==null||l.call(n,!1),s===void 0?n=void 0:(n=new s(i),n._$AT(i,t,r)),r!==void 0?(t._$Co??(t._$Co=[]))[r]=n:t._$Cl=n),n!==void 0&&(e=B(i,n._$AS(i,e.values),n,r)),e}class Ht{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:r}=this._$AD,n=((e==null?void 0:e.creationScope)??R).importNode(t,!0);S.currentNode=n;let s=S.nextNode(),o=0,l=0,a=r[0];for(;a!==void 0;){if(o===a.index){let d;a.type===2?d=new pe(s,s.nextSibling,this,e):a.type===1?d=new a.ctor(s,a.name,a.strings,this,e):a.type===6&&(d=new Bt(s,this,e)),this._$AV.push(d),a=r[++l]}o!==(a==null?void 0:a.index)&&(s=S.nextNode(),o++)}return S.currentNode=R,n}p(e){let t=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}}class pe{get _$AU(){var e;return((e=this._$AM)==null?void 0:e._$AU)??this._$Cv}constructor(e,t,r,n){this.type=2,this._$AH=k,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=n,this._$Cv=(n==null?void 0:n.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=B(this,e,t),j(e)?e===k||e==null||e===""?(this._$AH!==k&&this._$AR(),this._$AH=k):e!==this._$AH&&e!==q&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):Ot(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==k&&j(this._$AH)?this._$AA.nextSibling.data=e:this.$(R.createTextNode(e)),this._$AH=e}g(e){var s;const{values:t,_$litType$:r}=e,n=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=G.createElement(tt(r.h,r.h[0]),this.options)),r);if(((s=this._$AH)==null?void 0:s._$AD)===n)this._$AH.p(t);else{const o=new Ht(n,this),l=o.u(this.options);o.p(t),this.$(l),this._$AH=o}}_$AC(e){let t=et.get(e.strings);return t===void 0&&et.set(e.strings,t=new G(e)),t}T(e){Ge(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let r,n=0;for(const s of e)n===t.length?t.push(r=new pe(this.k(ce()),this.k(ce()),this,this.options)):r=t[n],r._$AI(s),n++;n<t.length&&(this._$AR(r&&r._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,t);e&&e!==this._$AB;){const n=e.nextSibling;e.remove(),e=n}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}}class he{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,r,n,s){this.type=1,this._$AH=k,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=k}_$AI(e,t=this,r,n){const s=this.strings;let o=!1;if(s===void 0)e=B(this,e,t,0),o=!j(e)||e!==this._$AH&&e!==q,o&&(this._$AH=e);else{const l=e;let a,d;for(e=s[0],a=0;a<s.length-1;a++)d=B(this,l[r+a],t,a),d===q&&(d=this._$AH[a]),o||(o=!j(d)||d!==this._$AH[a]),d===k?e=k:e!==k&&(e+=(d??"")+s[a+1]),this._$AH[a]=d}o&&!n&&this.O(e)}O(e){e===k?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class Mt extends he{constructor(){super(...arguments),this.type=3}O(e){this.element[this.name]=e===k?void 0:e}}class Nt extends he{constructor(){super(...arguments),this.type=4}O(e){this.element.toggleAttribute(this.name,!!e&&e!==k)}}class qt extends he{constructor(e,t,r,n,s){super(e,t,r,n,s),this.type=5}_$AI(e,t=this){if((e=B(this,e,t,0)??k)===q)return;const r=this._$AH,n=e===k&&r!==k||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,s=e!==k&&(r===k||n);n&&this.element.removeEventListener(this.name,this,r),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t;typeof this._$AH=="function"?this._$AH.call(((t=this.options)==null?void 0:t.host)??this.element,e):this._$AH.handleEvent(e)}}class Bt{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){B(this,e)}}const _e=Q.litHtmlPolyfillSupport;_e==null||_e(G,pe),(Q.litHtmlVersions??(Q.litHtmlVersions=[])).push("3.1.0");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Zt={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ut=i=>(...e)=>({_$litDirective$:i,values:e});class Vt{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this._$Ct=e,this._$AM=t,this._$Ci=r}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class Ae extends Vt{constructor(e){if(super(e),this.et=k,e.type!==Zt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===k||e==null)return this.vt=void 0,this.et=e;if(e===q)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.vt;this.et=e;const t=[e];return t.raw=t,this.vt={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Ae.directiveName="unsafeHTML",Ae.resultType=1;const F=Ut(Ae),Qt=c.css`
+  
+  code,
+  pre {
+    color: var(--font-color);
+    background: none;
+    font-family: var(--font-stack), sans-serif;
+    font-size: 1em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+    tab-size: 4;
+    hyphens: none;
   }
 
-  /* Success */
-  .button--outline.button--success {
-    border-color: var(--sl-color-success-600);
-    color: var(--sl-color-success-600);
-  }
+  /* Code blocks */
 
-  .button--outline.button--success:hover:not(.button--disabled),
-  .button--outline.button--success.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-success-600);
-    color: var(--sl-color-neutral-0);
+  pre[class*="language-"] {
+    padding: 1em;
+    margin: .5em 0;
+    overflow: auto;
+    border-radius: 0.3em;
   }
 
-  .button--outline.button--success:active:not(.button--disabled) {
-    border-color: var(--sl-color-success-700);
-    background-color: var(--sl-color-success-700);
-    color: var(--sl-color-neutral-0);
-  }
 
-  /* Neutral */
-  .button--outline.button--neutral {
-    border-color: var(--sl-color-neutral-600);
-    color: var(--sl-color-neutral-600);
-  }
+  /* Inline code */
 
-  .button--outline.button--neutral:hover:not(.button--disabled),
-  .button--outline.button--neutral.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-neutral-600);
-    color: var(--sl-color-neutral-0);
+  :not(pre) > code[class*="language-"] {
+    padding: .1em;
+    border-radius: .3em;
+    white-space: normal;
   }
 
-  .button--outline.button--neutral:active:not(.button--disabled) {
-    border-color: var(--sl-color-neutral-700);
-    background-color: var(--sl-color-neutral-700);
-    color: var(--sl-color-neutral-0);
+  .token.comment,
+  .token.prolog,
+  .token.doctype,
+  .token.cdata {
+    color: #7f7f7f;
   }
 
-  /* Warning */
-  .button--outline.button--warning {
-    border-color: var(--sl-color-warning-600);
-    color: var(--sl-color-warning-600);
+  .token.punctuation {
+    color: #7f7f7f;
   }
 
-  .button--outline.button--warning:hover:not(.button--disabled),
-  .button--outline.button--warning.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-warning-600);
-    color: var(--sl-color-neutral-0);
+  .token.namespace {
+    opacity: .7;
   }
 
-  .button--outline.button--warning:active:not(.button--disabled) {
-    border-color: var(--sl-color-warning-700);
-    background-color: var(--sl-color-warning-700);
-    color: var(--sl-color-neutral-0);
+  .token.property,
+  .token.tag,
+  .token.constant,
+  .token.symbol,
+  .token.deleted {
+    color: var(--primary-color);
   }
 
-  /* Danger */
-  .button--outline.button--danger {
-    border-color: var(--sl-color-danger-600);
-    color: var(--sl-color-danger-600);
+  .token.boolean,
+  .token.number {
+    color: var(--primary-color);
   }
 
-  .button--outline.button--danger:hover:not(.button--disabled),
-  .button--outline.button--danger.button--checked:not(.button--disabled) {
-    background-color: var(--sl-color-danger-600);
-    color: var(--sl-color-neutral-0);
+  .token.selector,
+  .token.attr-name,
+  .token.string,
+  .token.char,
+  .token.builtin,
+  .token.inserted {
+    color: var(--secondary-color);
   }
 
-  .button--outline.button--danger:active:not(.button--disabled) {
-    border-color: var(--sl-color-danger-700);
-    background-color: var(--sl-color-danger-700);
-    color: var(--sl-color-neutral-0);
+  .token.operator,
+  .token.entity,
+  .token.url,
+  .language-css .token.string,
+  .style .token.string,
+  .token.variable {
+    color: var(--tertiary-color);
   }
 
-  @media (forced-colors: active) {
-    .button.button--outline.button--checked:not(.button--disabled) {
-      outline: solid 2px transparent;
-    }
+  .token.atrule,
+  .token.attr-value,
+  .token.function,
+  .token.class-name {
+    color: var(--terminal-text);
   }
 
-  /*
-   * Text buttons
-   */
-
-  .button--text {
-    background-color: transparent;
-    border-color: transparent;
-    color: var(--sl-color-primary-600);
+  .token.keyword {
+    color: var(--primary-color);
   }
 
-  .button--text:hover:not(.button--disabled) {
-    background-color: transparent;
-    border-color: transparent;
-    color: var(--sl-color-primary-500);
+  .token.regex,
+  .token.important {
+    color: #fd971f;
   }
 
-  .button--text:focus-visible:not(.button--disabled) {
-    background-color: transparent;
-    border-color: transparent;
-    color: var(--sl-color-primary-500);
+  .token.important,
+  .token.bold {
+    font-weight: bold;
   }
 
-  .button--text:active:not(.button--disabled) {
-    background-color: transparent;
-    border-color: transparent;
-    color: var(--sl-color-primary-700);
+  .token.italic {
+    font-style: italic;
   }
 
-  /*
-   * Size modifiers
-   */
-
-  .button--small {
-    height: auto;
-    min-height: var(--sl-input-height-small);
-    font-size: var(--sl-button-font-size-small);
-    line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
-    border-radius: var(--sl-input-border-radius-small);
+  .token.entity {
+    cursor: help;
   }
 
-  .button--medium {
-    height: auto;
-    min-height: var(--sl-input-height-medium);
-    font-size: var(--sl-button-font-size-medium);
-    line-height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
-    border-radius: var(--sl-input-border-radius-medium);
-  }
+ 
+`,X=c.css`
 
-  .button--large {
-    height: auto;
-    min-height: var(--sl-input-height-large);
-    font-size: var(--sl-button-font-size-large);
-    line-height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
-    border-radius: var(--sl-input-border-radius-large);
-  }
+    a, a:visited, a:active {
+        text-decoration: none;
+        color: var(--primary-color);
+        font-family: var(--font-stack-bold), monospace;
+        font-weight: normal
+    }
 
-  /*
-   * Pill modifier
-   */
+    a:hover {
+        color: var(--primary-color);
+        text-decoration: underline;
+    }
+    
+    hr {
+        height: 1px;
+        border-bottom: none;
+        border-left: none;
+        border-right: none;
+        border-top: 1px dashed var(--secondary-color);
+        margin-bottom: 20px;
+        margin-top: 10px;
+    }
 
-  .button--pill.button--small {
-    border-radius: var(--sl-input-height-small);
-  }
+    .empty-data {
+        text-align: center;
+        padding-top: 20px;
+        color: var(--font-color-sub2)
+    }
 
-  .button--pill.button--medium {
-    border-radius: var(--sl-input-height-medium);
-  }
+    .empty-data .mute-icon {
+        font-size: 100px;
+        margin-bottom: 20px;
+        color: var(--font-color-sub2);
+    }
 
-  .button--pill.button--large {
-    border-radius: var(--sl-input-height-large);
-  }
+    .empty-data .binary-icon {
+        font-size: 100px;
+        margin-bottom: 20px;
+        color: var(--secondary-color);
+    }
 
-  /*
-   * Circle modifier
-   */
+    .empty-data .up-icon {
+        font-size: 100px;
+        margin-bottom: 20px;
+        color: var(--primary-color);
+    }
 
-  .button--circle {
-    padding-left: 0;
-    padding-right: 0;
-  }
+    .empty-data .ok-icon {
+        font-size: 100px;
+        margin-bottom: 20px;
+        color: var(--primary-color);
+    }
 
-  .button--circle.button--small {
-    width: var(--sl-input-height-small);
-    border-radius: 50%;
-  }
+    .empty-data.ok {
+        color: var(--primary-color);
+    }
 
-  .button--circle.button--medium {
-    width: var(--sl-input-height-medium);
-    border-radius: 50%;
-  }
+    .empty-data.engage {
+        padding-top: 90px;
+        color: var(--primary-color);
+    }
 
-  .button--circle.button--large {
-    width: var(--sl-input-height-large);
-    border-radius: 50%;
-  }
+    .binary-data .binary-icon {
+        font-size: 100px;
+        margin-bottom: 20px;
+        color: var(--primary-color);
+    }
+    
+    strong {
+        font-weight: normal;
+        font-family: var(--font-stack-bold), monospace;
+    }
 
-  .button--circle .button__prefix,
-  .button--circle .button__suffix,
-  .button--circle .button__caret {
-    display: none;
-  }
+    .spin {
+        display: inline-block;
+        position: relative;
+        width: 35px;
+        height: 25px;
+    }
+    
+    .spin:after {
+        content: " ";
+        display: block;
+        border-radius: 50%;
+        width: 0;
+        height: 0;
+        margin: 8px;
+        box-sizing: border-box;
+        border: 10px solid var(--primary-color);
+        border-color: var(--primary-color) transparent var(--primary-color) transparent;
+        animation: spinner 1.2s infinite;
+    }
+    .pb33f-loader {
+        display: inline-block;
+        position: relative;
+        width: 100%;
+        height: 60px;
+    }
 
-  /*
-   * Caret modifier
-   */
+    @keyframes spinner {
+        0% {
+            transform: rotate(0);
+            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+        }
+        50% {
+            transform: rotate(900deg);
+            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+        100% {
+            transform: rotate(1800deg);
+        }
+    }
+    
+`;var jt=Object.defineProperty,Wt=Object.getOwnPropertyDescriptor,de=(i,e,t,r)=>{for(var n=r>1?void 0:r?Wt(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&jt(e,t,n),n};let I=class extends c.LitElement{constructor(){super(),this._data=new Map,this.keyLabel="Key",this.valueLabel="Value"}set data(i){i&&i.size>0&&(this._data=i)}render(){var s;let i=c.html``;this._data&&(i=c.html`
+                ${Ve(this._data,o=>typeof o[1]=="object"?c.html`
+                            <tr>
+                                <td><code>${o[0]}</code></td>
+                                <td>
+                                    <pre style=""><code
+                                            style="white-space: pre-wrap;  word-wrap: break-word;">${F(y.highlight(JSON.stringify(o[1],null,2),y.languages.json,"json"))}</pre>
+                                    </code>
+                                </td>
+                            </tr>`:c.html`
+                        <tr>
+                            <td><code>${o[0]}</code></td>
+                            <td>${F(o[1])}</td>
+                        </tr>`)}
+            `);const e=c.html`
+            <div class="empty-data">
+                <sl-icon name="mic-mute" class="mute-icon"></sl-icon>
+                <br/>
+                No data extracted!
+            </div>`;let t=c.html`
+            <thead>
+            <tr>
+                <th>${this.keyLabel}</th>
+                <th>${this.valueLabel}</th>
+            </tr>
+            </thead>`;this.keyLabel==""&&this.valueLabel==""&&(t=c.html``);const r=c.html`
 
-  .button--caret .button__suffix {
-    display: none;
-  }
+            <div class="kv-table">
+                <table>
+                    ${t}
+                    <tbody>
+                    ${i}
+                    </tbody>
+                </table>
+            </div>
+        `,n=((s=this._data)==null?void 0:s.size)>0?r:e;return c.html`${n}`}};I.styles=[Qt,X,St],de([h.property()],I.prototype,"keyLabel",2),de([h.property()],I.prototype,"valueLabel",2),de([h.state()],I.prototype,"_data",2),I=de([h.customElement("pb33f-kv-view")],I);const Gt=c.css`
+    .prop-type-table > table > thead > tr > th {
+        font-family: var(--font-stack-bold), sans-serif;
+        background-color: var(--table-header-background-solid);
+        text-align: left;
+        padding: 10px;
+        color: var(--font-color);
+        border-bottom: 1px dashed var(--kv-table-dividers);
+        border-top: 1px dashed var(--kv-table-header-border-top);
+        font-weight: normal;
+    }
 
-  .button--caret .button__caret {
-    height: auto;
-  }
+    .prop-type-table > table > thead > tr > th:first-child {
+        font-family: var(--font-stack-bold), sans-serif;
+        background: var(--kv-table-header-background-reversed);
+        text-align: right;
+        color: var(--primary-color);
+        padding-right: 10px;
+    }
+    
+    
+    .prop-type-table > table > thead > tr > th:nth-child(2) {
+        text-align: center;
+        color: var(--font-color);
+        background-color: var(--kv-table-header-background-solid);
+        font-weight: normal;
+    }
 
-  /*
-   * Loading modifier
-   */
+    .prop-type-table > table > thead > tr > th:last-child {
+        background: var(--kv-table-header-background);
+    }
 
-  .button--loading {
-    position: relative;
-    cursor: wait;
-  }
+    .prop-type-table > table > tbody > tr > td {
+        font-family: var(--font-stack-paragraph), monospace;
+        color: var(--font-color-sub1);
+        padding: 10px 0 10px 10px;
+        border-bottom: 1px dashed var(--secondary-color-dimmer);
+    }
 
-  .button--loading .button__prefix,
-  .button--loading .button__label,
-  .button--loading .button__suffix,
-  .button--loading .button__caret {
-    visibility: hidden;
-  }
+    .prop-type-table > table > tbody > tr > td:first-child > code {
+        color: var(--primary-color);
+        font-family: var(--font-stack-bold), monospace;
+    }
 
-  .button--loading sl-spinner {
-    --indicator-color: currentColor;
-    position: absolute;
-    font-size: 1em;
-    height: 1em;
-    width: 1em;
-    top: calc(50% - 0.5em);
-    left: calc(50% - 0.5em);
-  }
+    .prop-type-table > table > tbody > tr > td:nth-child(3) > code {
+        font-family: var(--font-stack), sans-serif;
+        border: 1px solid var(--secondary-color-lowalpha);
+        color: var(--secondary-color);
+        border-radius: 0;
+        padding: 0 5px 1px 5px;
+        background-color: var(--secondary-color-very-lowalpha);
+    }
 
-  /*
-   * Badges
-   */
+    .prop-type-table > table > tbody > tr > td:first-child {
+        width: 120px;
+        text-align: right;
+        padding-right: 10px;
+        border-right: 1px dashed var(--secondary-color-dimmer);
+    }
 
-  .button ::slotted(sl-badge) {
-    position: absolute;
-    top: 0;
-    right: 0;
-    translate: 50% -50%;
-    pointer-events: none;
-  }
+    .prop-type-table > table > tbody > tr > td:nth-child(2) {
+        width: 10px;
+        color: var(--font-color);
+        font-family: var(--font-stack-italic), monospace;
+        text-align: center;
+        padding-right: 10px;
+        border-right: 1px dashed var(--secondary-color-dimmer);
+    }
 
-  .button--rtl ::slotted(sl-badge) {
-    right: auto;
-    left: 0;
-    translate: -50% -50%;
-  }
+    table {
+        width: 100%;
+        border-spacing: 0;
+    }
 
-  /*
-   * Button spacing
-   */
+    table > tbody > tr > td > a {
+        text-decoration: underline;
+    }
 
-  .button--has-label.button--small .button__label {
-    padding: 0 var(--sl-spacing-small);
-  }
+    table > tbody > tr > td > code {
+        color: var(--secondary-color);
+        font-size: 1em;
+    }
 
-  .button--has-label.button--medium .button__label {
-    padding: 0 var(--sl-spacing-medium);
-  }
+    .file-item {
+        display: block;
+    }
 
-  .button--has-label.button--large .button__label {
-    padding: 0 var(--sl-spacing-large);
-  }
+    .file-name {
+        font-family: var(--font-stack-bold), monospace;
+        display: block;
+    }
 
-  .button--has-prefix.button--small {
-    padding-inline-start: var(--sl-spacing-x-small);
-  }
+    .file-header {
+        color: var(--font-color-sub1);
+        display: inline-block;
+    }
 
-  .button--has-prefix.button--small .button__label {
-    padding-inline-start: var(--sl-spacing-x-small);
-  }
+    .file-header > strong {
+        color: var(--font-color-sub2);
 
-  .button--has-prefix.button--medium {
-    padding-inline-start: var(--sl-spacing-small);
-  }
+    }
 
-  .button--has-prefix.button--medium .button__label {
-    padding-inline-start: var(--sl-spacing-small);
-  }
+    hr {
+        margin-bottom: 10px;
+    }
 
-  .button--has-prefix.button--large {
-    padding-inline-start: var(--sl-spacing-small);
+`;var Ft=Object.defineProperty,Xt=Object.getOwnPropertyDescriptor,J=(i,e,t,r)=>{for(var n=r>1?void 0:r?Xt(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&Ft(e,t,n),n};let O=class extends c.LitElement{constructor(){super(),this.propertyLabel="Property",this.typeLabel="Type",this.valueLabel="Value",this._data=[]}set data(i){this._data=i}render(){var n;let i=c.html``;this._data&&(i=c.html`
+                ${Ve(this._data,s=>{var l,a;if(s.type!=="field")return c.html`
+                            <tr>
+                                <td><code>${s.name}</code></td>
+                                <td><code>${s.type}</code></td>
+                                <td>${(l=s.files)==null?void 0:l.map(d=>{var p;return c.html`
+                                        <span class="file-name">${d.name}</span>
+                                        <hr/>
+                                        ${(p=d.headers)==null?void 0:p.forEach((u,m)=>c.html`
+                                                <span class="file-header">${m}
+                                                    : <strong>${u}</strong></span>`)}</td>
+                                        </tr>`})}
+                                </td>`;let o="";return(a=s.value)==null||a.forEach(d=>{o+=d}),c.html`
+                        <tr>
+                            <td><code>${s.name}</code></td>
+                            <td>${s.type}</td>
+                            <td>${F(o)}</td>
+                        </tr>`})}
+            `);const e=c.html`
+            <div class="empty-data">
+                <sl-icon name="mic-mute" class="mute-icon"></sl-icon>
+                <br/>
+                No data extracted!
+            </div>`,t=c.html`
+            <div class="prop-type-table">
+                <table>
+                    <thead>
+                    <tr>
+                        <th>${this.propertyLabel}</th>
+                        <th>${this.typeLabel}</th>
+                        <th>${this.valueLabel}</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    ${i}
+                    </tbody>
+                </table>
+            </div>
+        `,r=((n=this._data)==null?void 0:n.length)>0?t:e;return c.html`${r}`}};O.styles=[X,Gt],J([h.property()],O.prototype,"propertyLabel",2),J([h.property()],O.prototype,"typeLabel",2),J([h.property()],O.prototype,"valueLabel",2),J([h.state()],O.prototype,"_data",2),O=J([h.customElement("pb33f-http-http-property-view")],O);const Jt=c.css`
+  
+  pb33f-timeline-item {
+    width: 100%;
+    margin-bottom: 20px;
+  } 
+  
+  .start {
+    position: relative;
+    width: 100%;
+    height: 20px;
   }
-
-  .button--has-prefix.button--large .button__label {
-    padding-inline-start: var(--sl-spacing-small);
-  }
-
-  .button--has-suffix.button--small,
-  .button--caret.button--small {
-    padding-inline-end: var(--sl-spacing-x-small);
-  }
-
-  .button--has-suffix.button--small .button__label,
-  .button--caret.button--small .button__label {
-    padding-inline-end: var(--sl-spacing-x-small);
-  }
-
-  .button--has-suffix.button--medium,
-  .button--caret.button--medium {
-    padding-inline-end: var(--sl-spacing-small);
-  }
-
-  .button--has-suffix.button--medium .button__label,
-  .button--caret.button--medium .button__label {
-    padding-inline-end: var(--sl-spacing-small);
-  }
-
-  .button--has-suffix.button--large,
-  .button--caret.button--large {
-    padding-inline-end: var(--sl-spacing-small);
-  }
-
-  .button--has-suffix.button--large .button__label,
-  .button--caret.button--large .button__label {
-    padding-inline-end: var(--sl-spacing-small);
-  }
-
-  /*
-   * Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.).
-   * This means buttons aren't always direct descendants of the button group, thus we can't target them with the
-   * ::slotted selector. To work around this, the button group component does some magic to add these special classes to
-   * buttons and we style them here instead.
-   */
-
-  :host(.sl-button-group__button--first:not(.sl-button-group__button--last)) .button {
-    border-start-end-radius: 0;
-    border-end-end-radius: 0;
-  }
-
-  :host(.sl-button-group__button--inner) .button {
-    border-radius: 0;
-  }
-
-  :host(.sl-button-group__button--last:not(.sl-button-group__button--first)) .button {
-    border-start-start-radius: 0;
-    border-end-start-radius: 0;
-  }
-
-  /* All except the first */
-  :host(.sl-button-group__button:not(.sl-button-group__button--first)) {
-    margin-inline-start: calc(-1 * var(--sl-input-border-width));
+  
+  .ball-start {
+    width: 15px;
+    height: 15px;
+    border-radius: 10px;
+    background-color: var(--bars-and-borders);
+    position: absolute;
+    left: 33px;
+    top: 5px;
+    z-index: 10;
   }
 
-  /* Add a visual separator between solid buttons */
-  :host(
-      .sl-button-group__button:not(
-          .sl-button-group__button--first,
-          .sl-button-group__button--radio,
-          [variant='default']
-        ):not(:hover)
-    )
-    .button:after {
-    content: '';
+  .ball-end {
+    width: 15px;
+    height: 15px;
+    border-radius: 10px;
+    background-color: var(--bars-and-borders);
     position: absolute;
+    left: 33px;
     top: 0;
-    inset-inline-start: 0;
-    bottom: 0;
-    border-left: solid 1px rgb(128 128 128 / 33%);
-    mix-blend-mode: multiply;
-  }
-
-  /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
-  :host(.sl-button-group__button--hover) {
-    z-index: 1;
-  }
-
-  /* Focus and checked are always on top */
-  :host(.sl-button-group__button--focus),
-  :host(.sl-button-group__button[checked]) {
-    z-index: 2;
-  }
-`,Fr=class{constructor(r,...t){this.slotNames=[],this.handleSlotChange=e=>{const o=e.target;(this.slotNames.includes("[default]")&&!o.name||o.name&&this.slotNames.includes(o.name))&&this.host.requestUpdate()},(this.host=r).addController(this),this.slotNames=t}hasDefaultSlot(){return[...this.host.childNodes].some(r=>{if(r.nodeType===r.TEXT_NODE&&r.textContent.trim()!=="")return!0;if(r.nodeType===r.ELEMENT_NODE){const t=r;if(t.tagName.toLowerCase()==="sl-visually-hidden")return!1;if(!t.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(r){return this.host.querySelector(`:scope > [slot="${r}"]`)!==null}test(r){return r==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(r)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}},Pr=M`
-  ${xt}
-
-  :host {
-    display: inline-block;
-    width: 1em;
-    height: 1em;
-    box-sizing: content-box !important;
+    z-index: 10;
+    margin-bottom: 20px;
   }
-
-  svg {
-    display: block;
-    height: 100%;
+  
+  .end {
+    position: relative;
     width: 100%;
+    height: 20px;
   }
-`,qt="";function Wt(r){qt=r}function Lr(r=""){if(!qt){const t=[...document.getElementsByTagName("script")],e=t.find(o=>o.hasAttribute("data-shoelace"));if(e)Wt(e.getAttribute("data-shoelace"));else{const o=t.find(s=>/shoelace(\.min)?\.js($|\?)/.test(s.src)||/shoelace-autoloader(\.min)?\.js($|\?)/.test(s.src));let n="";o&&(n=o.getAttribute("src")),Wt(n.split("/").slice(0,-1).join("/"))}}return qt.replace(/\/$/,"")+(r?`/${r.replace(/^\//,"")}`:"")}var Tr={name:"default",resolver:r=>Lr(`assets/icons/${r}.svg`)},zr=Tr,Te={caret:`
-    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="6 9 12 15 18 9"></polyline>
-    </svg>
-  `,check:`
-    <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">
-      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g stroke="currentColor">
-          <g transform="translate(3.428571, 3.428571)">
-            <path d="M0,5.71428571 L3.42857143,9.14285714"></path>
-            <path d="M9.14285714,0 L3.42857143,9.14285714"></path>
-          </g>
-        </g>
-      </g>
-    </svg>
-  `,"chevron-down":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
-    </svg>
-  `,"chevron-left":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
-    </svg>
-  `,"chevron-right":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
-    </svg>
-  `,copy:`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>
-    </svg>
-  `,eye:`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
-      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
-      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
-    </svg>
-  `,"eye-slash":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">
-      <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>
-      <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>
-      <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>
-    </svg>
-  `,eyedropper:`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">
-      <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>
-    </svg>
-  `,"grip-vertical":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">
-      <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
-    </svg>
-  `,indeterminate:`
-    <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">
-      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g stroke="currentColor" stroke-width="2">
-          <g transform="translate(2.285714, 6.857143)">
-            <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>
-          </g>
-        </g>
-      </g>
-    </svg>
-  `,"person-fill":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
-      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
-    </svg>
-  `,"play-fill":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">
-      <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>
-    </svg>
-  `,"pause-fill":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">
-      <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>
-    </svg>
-  `,radio:`
-    <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">
-      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g fill="currentColor">
-          <circle cx="8" cy="8" r="3.42857143"></circle>
-        </g>
-      </g>
-    </svg>
-  `,"star-fill":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
-      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
-    </svg>
-  `,"x-lg":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
-      <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
-    </svg>
-  `,"x-circle-fill":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
-      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>
-    </svg>
-  `},Or={name:"system",resolver:r=>r in Te?`data:image/svg+xml,${encodeURIComponent(Te[r])}`:""},Mr=Or,Ir=[zr,Mr],Zt=[];function Dr(r){Zt.push(r)}function Ur(r){Zt=Zt.filter(t=>t!==r)}function ze(r){return Ir.find(t=>t.name===r)}function Gt(r,t){const e=dt({waitUntilFirstUpdate:!1},t);return(o,n)=>{const{update:s}=o,a=Array.isArray(r)?r:[r];o.update=function(l){a.forEach(p=>{const m=p;if(l.has(m)){const $=l.get(m),y=this[m];$!==y&&(!e.waitUntilFirstUpdate||this.hasUpdated)&&this[n]($,y)}}),s.call(this,l)}}}/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const Br=(r,t)=>t===void 0?(r==null?void 0:r._$litType$)!==void 0:(r==null?void 0:r._$litType$)===t;var ft=Symbol(),Et=Symbol(),Jt,Yt=new Map,I=class extends H{constructor(){super(...arguments),this.initialRender=!1,this.svg=null,this.label="",this.library="default"}async resolveIcon(r,t){var e;let o;if(t!=null&&t.spriteSheet)return T`<svg part="svg">
-        <use part="use" href="${r}"></use>
-      </svg>`;try{if(o=await fetch(r,{mode:"cors"}),!o.ok)return o.status===410?ft:Et}catch{return Et}try{const n=document.createElement("div");n.innerHTML=await o.text();const s=n.firstElementChild;if(((e=s==null?void 0:s.tagName)==null?void 0:e.toLowerCase())!=="svg")return ft;Jt||(Jt=new DOMParser);const l=Jt.parseFromString(s.outerHTML,"text/html").body.querySelector("svg");return l?(l.part.add("svg"),document.adoptNode(l)):ft}catch{return ft}}connectedCallback(){super.connectedCallback(),Dr(this)}firstUpdated(){this.initialRender=!0,this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),Ur(this)}getIconSource(){const r=ze(this.library);return this.name&&r?{url:r.resolver(this.name),fromLibrary:!0}:{url:this.src,fromLibrary:!1}}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var r;const{url:t,fromLibrary:e}=this.getIconSource(),o=e?ze(this.library):void 0;if(!t){this.svg=null;return}let n=Yt.get(t);if(n||(n=this.resolveIcon(t,o),Yt.set(t,n)),!this.initialRender)return;const s=await n;if(s===Et&&Yt.delete(t),t===this.getIconSource().url){if(Br(s)){this.svg=s;return}switch(s){case Et:case ft:this.svg=null,this.emit("sl-error");break;default:this.svg=s.cloneNode(!0),(r=o==null?void 0:o.mutator)==null||r.call(o,this.svg),this.emit("sl-load")}}}render(){return this.svg}};I.styles=Pr,b([et()],I.prototype,"svg",2),b([v({reflect:!0})],I.prototype,"name",2),b([v()],I.prototype,"src",2),b([v()],I.prototype,"label",2),b([v({reflect:!0})],I.prototype,"library",2),b([Gt("label")],I.prototype,"handleLabelChange",1),b([Gt(["name","src","library"])],I.prototype,"setIcon",1);/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const Oe={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Me=r=>(...t)=>({_$litDirective$:r,values:t});class Ie{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const De=Me(class extends Ie{constructor(r){var t;if(super(r),r.type!==Oe.ATTRIBUTE||r.name!=="class"||((t=r.strings)==null?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(r){return" "+Object.keys(r).filter(t=>r[t]).join(" ")+" "}update(r,[t]){var o,n;if(this.it===void 0){this.it=new Set,r.strings!==void 0&&(this.st=new Set(r.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in t)t[s]&&!((o=this.st)!=null&&o.has(s))&&this.it.add(s);return this.render(t)}const e=r.element.classList;for(const s of this.it)s in t||(e.remove(s),this.it.delete(s));for(const s in t){const a=!!t[s];a===this.it.has(s)||(n=this.st)!=null&&n.has(s)||(a?(e.add(s),this.it.add(s)):(e.remove(s),this.it.delete(s)))}return j}});/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const Ue=Symbol.for(""),Rr=r=>{if((r==null?void 0:r.r)===Ue)return r==null?void 0:r._$litStatic$},St=(r,...t)=>({_$litStatic$:t.reduce((e,o,n)=>e+(s=>{if(s._$litStatic$!==void 0)return s._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${s}. Use 'unsafeStatic' to pass non-literal values, but
-            take care to ensure page security.`)})(o)+r[n+1],r[0]),r:Ue}),Be=new Map,Vr=r=>(t,...e)=>{const o=e.length;let n,s;const a=[],l=[];let p,m=0,$=!1;for(;m<o;){for(p=t[m];m<o&&(s=e[m],(n=Rr(s))!==void 0);)p+=n+t[++m],$=!0;m!==o&&l.push(s),a.push(p),m++}if(m===o&&a.push(t[o]),$){const y=a.join("$$lit$$");(t=Be.get(y))===void 0&&(a.raw=a,Be.set(y,t=a)),e=l}return r(t,...e)},Ct=Vr(T);/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const E=r=>r??A;var _=class extends H{constructor(){super(...arguments),this.formControlController=new Sr(this,{assumeInteractionOn:["click"]}),this.hasSlotController=new Fr(this,"[default]","prefix","suffix"),this.localize=new ke(this),this.hasFocus=!1,this.invalid=!1,this.title="",this.variant="default",this.size="medium",this.caret=!1,this.disabled=!1,this.loading=!1,this.outline=!1,this.pill=!1,this.circle=!1,this.type="button",this.name="",this.value="",this.href="",this.rel="noreferrer noopener"}get validity(){return this.isButton()?this.button.validity:Ht}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(){this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(r){this.button.focus(r)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(r){this.isButton()&&(this.button.setCustomValidity(r),this.formControlController.updateValidity())}render(){const r=this.isLink(),t=r?St`a`:St`button`;return Ct`
-      <${t}
-        part="base"
-        class=${De({button:!0,"button--default":this.variant==="default","button--primary":this.variant==="primary","button--success":this.variant==="success","button--neutral":this.variant==="neutral","button--warning":this.variant==="warning","button--danger":this.variant==="danger","button--text":this.variant==="text","button--small":this.size==="small","button--medium":this.size==="medium","button--large":this.size==="large","button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--pill":this.pill,"button--rtl":this.localize.dir()==="rtl","button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}
-        ?disabled=${E(r?void 0:this.disabled)}
-        type=${E(r?void 0:this.type)}
-        title=${this.title}
-        name=${E(r?void 0:this.name)}
-        value=${E(r?void 0:this.value)}
-        href=${E(r?this.href:void 0)}
-        target=${E(r?this.target:void 0)}
-        download=${E(r?this.download:void 0)}
-        rel=${E(r?this.rel:void 0)}
-        role=${E(r?void 0:"button")}
-        aria-disabled=${this.disabled?"true":"false"}
-        tabindex=${this.disabled?"-1":"0"}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-        @invalid=${this.isButton()?this.handleInvalid:null}
-        @click=${this.handleClick}
-      >
-        <slot name="prefix" part="prefix" class="button__prefix"></slot>
-        <slot part="label" class="button__label"></slot>
-        <slot name="suffix" part="suffix" class="button__suffix"></slot>
-        ${this.caret?Ct` <sl-icon part="caret" class="button__caret" library="system" name="caret"></sl-icon> `:""}
-        ${this.loading?Ct`<sl-spinner part="spinner"></sl-spinner>`:""}
-      </${t}>
-    `}};_.styles=Cr,_.dependencies={"sl-icon":I,"sl-spinner":Le},b([Pe(".button")],_.prototype,"button",2),b([et()],_.prototype,"hasFocus",2),b([et()],_.prototype,"invalid",2),b([v()],_.prototype,"title",2),b([v({reflect:!0})],_.prototype,"variant",2),b([v({reflect:!0})],_.prototype,"size",2),b([v({type:Boolean,reflect:!0})],_.prototype,"caret",2),b([v({type:Boolean,reflect:!0})],_.prototype,"disabled",2),b([v({type:Boolean,reflect:!0})],_.prototype,"loading",2),b([v({type:Boolean,reflect:!0})],_.prototype,"outline",2),b([v({type:Boolean,reflect:!0})],_.prototype,"pill",2),b([v({type:Boolean,reflect:!0})],_.prototype,"circle",2),b([v()],_.prototype,"type",2),b([v()],_.prototype,"name",2),b([v()],_.prototype,"value",2),b([v()],_.prototype,"href",2),b([v()],_.prototype,"target",2),b([v()],_.prototype,"rel",2),b([v()],_.prototype,"download",2),b([v()],_.prototype,"form",2),b([v({attribute:"formaction"})],_.prototype,"formAction",2),b([v({attribute:"formenctype"})],_.prototype,"formEnctype",2),b([v({attribute:"formmethod"})],_.prototype,"formMethod",2),b([v({attribute:"formnovalidate",type:Boolean})],_.prototype,"formNoValidate",2),b([v({attribute:"formtarget"})],_.prototype,"formTarget",2),b([Gt("disabled",{waitUntilFirstUpdate:!0})],_.prototype,"handleDisabledChange",1),_.define("sl-button");var Nr=M`
-  ${xt}
 
-  :host {
-    display: inline-block;
-    color: var(--sl-color-neutral-600);
-  }
+    @media only screen and (max-width: 1000px) {
+        .ball-start {
+            left: -5px;
+        }
+        .ball-end {
+            left: -5px;
 
-  .icon-button {
-    flex: 0 0 auto;
+        }
+    }
+`;var Kt=Object.defineProperty,Yt=Object.getOwnPropertyDescriptor,er=(i,e,t,r)=>{for(var n=r>1?void 0:r?Yt(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&Kt(e,t,n),n};let Te=class extends c.LitElement{constructor(){super()}render(){return c.html`
+            <div class="start">
+                <div class="ball-start"></div>
+            </div>
+            <slot></slot>
+            <div class="end">
+                <div class="ball-end"></div>
+            </div>
+        `}};Te.styles=Jt,Te=er([h.customElement("pb33f-timeline")],Te);const tr=c.css`
+  :host {
     display: flex;
-    align-items: center;
-    background: none;
-    border: none;
-    border-radius: var(--sl-border-radius-medium);
-    font-size: inherit;
-    color: inherit;
-    padding: var(--sl-spacing-x-small);
-    cursor: pointer;
-    transition: var(--sl-transition-x-fast) color;
-    -webkit-appearance: none;
+    position: relative;
   }
 
-  .icon-button:hover:not(.icon-button--disabled),
-  .icon-button:focus-visible:not(.icon-button--disabled) {
-    color: var(--sl-color-primary-600);
+  .icon {
+    width: 110px;
+    min-height: 80px;
+    position: relative;
   }
 
-  .icon-button:active:not(.icon-button--disabled) {
-    color: var(--sl-color-primary-700);
+  .icon:first-child {
+    min-height: 20px;
   }
-
-  .icon-button:focus {
-    outline: none;
+  .icon > .timeline {
+    width: 40px;
+    height: 100%;
+    border-right: 2px solid var(--bars-and-borders);
+    position: absolute;
   }
 
-  .icon-button--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
+  .timeline-icon {
+    width: 20px;
+    height: 20px;
+    border-radius: 15px;
+    margin: 0 10px;
+    text-align: center;
+    font-size: 20px;
+    position: absolute;
+    top: 10px;
   }
 
-  .icon-button:focus-visible {
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
+  .content {
+    flex-grow: 2;
+    min-height: 50px;
   }
 
-  .icon-button__icon {
-    pointer-events: none;
+  .request-time {
+    font-size: 0.7em;
+    color: var(--font-color-sub2);
+    position: absolute;
+    left: 50px;
+    top: 15px;
+    display: block;
   }
-`,z=class extends H{constructor(){super(...arguments),this.hasFocus=!1,this.label="",this.disabled=!1}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(r){this.disabled&&(r.preventDefault(),r.stopPropagation())}click(){this.button.click()}focus(r){this.button.focus(r)}blur(){this.button.blur()}render(){const r=!!this.href,t=r?St`a`:St`button`;return Ct`
-      <${t}
-        part="base"
-        class=${De({"icon-button":!0,"icon-button--disabled":!r&&this.disabled,"icon-button--focused":this.hasFocus})}
-        ?disabled=${E(r?void 0:this.disabled)}
-        type=${E(r?void 0:"button")}
-        href=${E(r?this.href:void 0)}
-        target=${E(r?this.target:void 0)}
-        download=${E(r?this.download:void 0)}
-        rel=${E(r&&this.target?"noreferrer noopener":void 0)}
-        role=${E(r?void 0:"button")}
-        aria-disabled=${this.disabled?"true":"false"}
-        aria-label="${this.label}"
-        tabindex=${this.disabled?"-1":"0"}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-        @click=${this.handleClick}
-      >
-        <sl-icon
-          class="icon-button__icon"
-          name=${E(this.name)}
-          library=${E(this.library)}
-          src=${E(this.src)}
-          aria-hidden="true"
-        ></sl-icon>
-      </${t}>
-    `}};z.styles=Nr,z.dependencies={"sl-icon":I},b([Pe(".icon-button")],z.prototype,"button",2),b([et()],z.prototype,"hasFocus",2),b([v()],z.prototype,"name",2),b([v()],z.prototype,"library",2),b([v()],z.prototype,"src",2),b([v()],z.prototype,"href",2),b([v()],z.prototype,"target",2),b([v()],z.prototype,"download",2),b([v()],z.prototype,"label",2),b([v({type:Boolean,reflect:!0})],z.prototype,"disabled",2),z.define("sl-icon-button"),I.define("sl-icon");const jr=M`
-    :host {
-        display: flex;
-        column-gap: 10px;
-        position: relative;
-        background-color: var(--terminal-background);
-        margin: 0;
-        overflow: hidden;
-        padding: 1rem 0 1rem 0;
-        border: 1px dashed var(--code-border);
-        color: var(--terminal-text);
-        text-shadow: 0 0 10px var(--terminal-text-shadow);
-        overflow-x: auto;
-    }
 
-    pre {
-        margin: 0;
-        padding-left: 0;
-        overflow-x: auto;
+    @media only screen and (max-width: 1000px) {
+        .icon > .timeline {
+            width: 2px;
+        }
+        .icon {
+            width: 15px;
+          
+        }
+        .request-time {
+            display: none;
+        }
     }
-
-    :host::before {
-        padding-left: 1rem;
-        content: ">";
-        font-family: var(--font-stack-bold);
-        color: var(--secondary-color)
+    
+  
+`;var rr=Object.defineProperty,nr=Object.getOwnPropertyDescriptor,or=(i,e,t,r)=>{for(var n=r>1?void 0:r?nr(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&rr(e,t,n),n};let ze=class extends c.LitElement{constructor(){super()}render(){return c.html`
+            <div class="icon">
+                <div class="timeline"></div>
+                <div class="timeline-icon">
+                    <slot name="icon"></slot>
+                </div>
+            </div>
+            <div class="content">
+                <slot name="time" class="request-time"></slot>
+                <slot name="content" class="timeline-content"></slot>
+            </div>`}};ze.styles=tr,ze=or([h.customElement("pb33f-timeline-item")],ze);function sr(i){switch(i.toLowerCase()){case"get":return"success";case"post":return"primary";case"put":return"primary";case"delete":return"danger";case"patch":return"warning";default:return"neutral"}}const ir=c.css`
+    sl-tag.method {
+        width: 80px;
+        text-align: center;
     }
 
-    sl-button.copy {
-        position: absolute;
-        right: 10px;
-        top: 10px;
+    .method::part(base) {
+        background: var(--background-color);
+        border-radius: 0;
+        text-align: center;
+        font-family: var(--font-stack-bold), monospace;
+        width: 100%;
     }
 
-    sl-button.copy::part(base) {
-        color: var(--primary-color);
-        border: 1px solid var(--code-border);
-        font-family: var(--font-stack), serif;
+    .method::part(content) {
         border-radius: 0;
-        text-transform: uppercase;
-    }
-`;var Hr=Object.defineProperty,qr=Object.getOwnPropertyDescriptor,Wr=(r,t,e,o)=>{for(var n=o>1?void 0:o?qr(t,e):t,s=r.length-1,a;s>=0;s--)(a=r[s])&&(n=(o?a(t,e,n):a(n))||n);return o&&n&&Hr(t,e,n),n};let Kt=class extends B{getValue(){var e;const r=(e=this.shadowRoot)==null?void 0:e.querySelector("slot.command"),t=r==null?void 0:r.assignedNodes({flatten:!0});return t?t[0].data.trim():""}copyToClipboard(){navigator.clipboard.writeText(this.getValue())}render(){return T`
-            <sl-button class="copy" size="small" @click=${this.copyToClipboard}>copy</sl-button>
-            <pre><slot class="command"></slot></pre>
-        `}};Kt.styles=jr,Kt=Wr([kt("terminal-example")],Kt);const Zr=M`
-    
-    sl-icon-button::part(base) {
-        font-size: 1.4rem;
-        color: var(--secondary-color);
+        text-align: center;
+        width: 100%;
+        display: inline-block;
     }
-    
-`;var Gr=Object.defineProperty,Jr=Object.getOwnPropertyDescriptor,Re=(r,t,e,o)=>{for(var n=o>1?void 0:o?Jr(t,e):t,s=r.length-1,a;s>=0;s--)(a=r[s])&&(n=(o?a(t,e,n):a(n))||n);return o&&n&&Gr(t,e,n),n};const bt="dark",vt="light",Ve="pb33f-theme";let Ft=class extends B{constructor(){super(...arguments),this.theme=bt}connectedCallback(){super.connectedCallback(),this.theme=localStorage.getItem(Ve)||vt;const r=document.querySelector("html");if(r)switch(r.setAttribute("theme",this.theme),this.theme){case bt:r.classList.add("sl-theme-dark");break;case vt:r.classList.remove("sl-theme-dark");break}}toggleTheme(){this.theme===bt?this.theme=vt:this.theme=bt,localStorage.setItem(Ve,this.theme);const r=document.querySelector("html");if(r)switch(r.setAttribute("theme",this.theme),this.theme){case bt:r.classList.add("sl-theme-dark");break;case vt:r.classList.remove("sl-theme-dark");break}}render(){let r="sun";return this.theme===vt&&(r="moon"),T`
-            <sl-icon-button 
-                    @click=${this.toggleTheme}
-                    name="${r}" 
-                    label="Settings">
-            </sl-icon-button>
-        `}};Ft.styles=Zr,Re([et()],Ft.prototype,"theme",2),Ft=Re([kt("pb33f-theme-switcher")],Ft);const Yr=M`
-  a, a:visited, a:active {
-    text-decoration: none;
-    color: var(--primary-color);
+`;var ar=Object.defineProperty,lr=Object.getOwnPropertyDescriptor,Le=(i,e,t,r)=>{for(var n=r>1?void 0:r?lr(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&ar(e,t,n),n};let K=class extends c.LitElement{constructor(){super(),this.lower=!1,this.method="GET"}render(){return c.html`
+            <sl-tag variant="${sr(this.method)}" class="method">
+                ${this.lower?this.method.toLowerCase():this.method.toUpperCase()}</sl-tag>
+        `}};K.styles=ir,Le([h.property()],K.prototype,"method",2),Le([h.property({type:Boolean})],K.prototype,"lower",2),K=Le([h.customElement("pb33f-http-method")],K);const cr=c.css`
+
+  .mailing-list {
+    padding-left: 10px;
+    padding-right: 10px;
   }
 
-  a:hover {
-    color: var(--primary-color);
-    text-decoration: underline;
+  .mailing-list-header {
+    font-size: 0.7rem;
+    display: block;
+    margin-bottom: 5px;
   }
   
-  header.pb33f-header {
-    display: flex;
-    height: 57px;
-    flex-direction: row;
-    z-index: 1;
-    background-color: var(--background-color);
+  .mailing-list-promise {
+    font-size: 0.7rem;
+    display: block;
+    margin-bottom: 5px;
+    margin-top: 10px;
   }
 
-  header.pb33f-header > .logo {
-    width: 170px;
-    min-width: 145px;
-    padding: 10px 0 10px 10px;
-    border-bottom: 1px dashed var(--secondary-color);
-    height: 35px;
+  .error-input::part(base) {
+    border-color: var(--error-color);
   }
 
-  header.pb33f-header > .logo .caret {
-    font-size: 1.6em;
-    color: var(--secondary-color)
+  .error-input::part(input) {
+    color: var(--error-color);
   }
 
-  header.pb33f-header > .logo .name {
-    font-size: 1.7em;
-    font-family: var(--font-stack-bold),sans-serif;
-    color: var(--primary-color);
-    text-shadow:  0 0 10px var(--primary-color-text-shadow), 0 0 10px var(--primary-color-text-shadow);
+  sl-button {
+    margin-top: 10px;
   }
 
-  header.pb33f-header > .logo .name > a {
-    text-decoration: none;
+  .mailing-list-error {
+    display: none;
+    padding: 3px;
+    margin-top: 10px;
+    font-size: 0.8rem;
+    border: 1px solid var(--error-color);
+    color: var(--error-color);
+    overflow-wrap: break-word;
+    
   }
-
-  header.pb33f-header > .logo .name > a:hover {
+  
+  
+  .unsubscribed {
+    display: block; 
+  }
+  
+  .subscribed {
+    display: none;
+    border: 1px solid var(--terminal-text);
+    padding: 5px;
+    font-size: 0.7rem;
+    word-break-wrap: break-word;
+    overflow-wrap: break-word;
+  }
+  
+  .subscribed header {
+    font-size: 0.8rem;
+    margin-bottom: 2px;
+  } 
+  
+  .subscribed strong {
+    color: var(--terminal-text);
+  }
+  
+  .error-title {
+    font-family: var(--font-stack-bold), monospace;
     text-decoration: underline;
-
   }
 
-  header.pb33f-header > .logo .name > a:active {
-    text-decoration: underline;
-    color: var(--secondary-color);
-    text-shadow:  0 0 5px var(--secondary-color-text-shadow), 0 0 10px var(--secondary-color-text-shadow-outer);
+  .show {
+    display: block;
   }
 
-  header.pb33f-header > .logo .name::after {
-    content: "";
-    -webkit-animation: cursor .8s infinite;
-    animation: cursor .8s infinite;
-    background: var(--primary-color);
+  .hide {
+    display: none;
+  }
+  
+  #email-input::part(base) {
+    border-radius: 0;
+  }
+  #email-input::part(input) {
+    font-size: 0.8rem;
+    font-family: var(--font-stack), monospace;
     border-radius: 0;
-    display: inline-block;
-    height: 0.9em;
-    margin-left: 0.2em;
-    width: 3px;
-    bottom: -2px;
-    position: relative;
   }
   
-  header .header-space {
-    height: 55px;
-    flex-grow: 2;
-    border-bottom: 1px dashed var(--secondary-color);
+  #email-submit::part(base) {
+    background-color: var(--background-color);
+    border: 1px solid var(--primary-color);
+    color: var(--primary-color);
+    font-family: var(--font-stack), monospace;
+    border-radius: 0;
+
   }
+  
 
-  @-webkit-keyframes cursor {
-    0% {
-      opacity: 0;
+`;var pr=Object.defineProperty,hr=Object.getOwnPropertyDescriptor,A=(i,e,t,r)=>{for(var n=r>1?void 0:r?hr(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&pr(e,t,n),n};let v=class extends c.LitElement{constructor(){super(),this.error="",this.email=sessionStorage.getItem("pb33f_mailing_list_email"),this.apiURL="https://api.pb33f.io/mailing-list/subscribe",this.promiseMessage="No junk, no sales, no spam. Just updates about pb33f.",this.thanksMessage="We promise to only send you updates about pb33f."}updated(){this.email?(this.subscribed.classList.add("show"),this.unsubscribed.classList.add("hide")):(this.subscribed.classList.add("hide"),this.unsubscribed.classList.add("show"))}subscribe(){if(this.emailInput.value==""){this.emailInput.classList.add("error-input"),this.error="Email is empty",this.mailingListError.classList.add("show"),this.mailingListPromise.classList.add("hide");return}if(!/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(this.emailInput.value)){this.emailInput.classList.add("error-input"),this.error="Not a valid email address",this.mailingListError.classList.add("show"),this.mailingListPromise.classList.add("hide");return}async function e(t,r){const n=await fetch(`${r}?email=${t}`);if(!n.ok){let s=await n.json();return Promise.reject(s)}return n.json()}this.emailSubmit.disabled=!0,this.emailSubmit.loading=!0,this.mailingListError.classList.remove("show"),this.emailInput.classList.remove("error-input"),e(this.emailInput.value,this.apiURL).then(t=>{this.email=t.email,this.subscribed.classList.remove("hide"),this.subscribed.classList.add("show"),this.unsubscribed.classList.add("hide"),sessionStorage.setItem("pb33f_mailing_list_email",this.email)},t=>{this.emailSubmit.disabled=!1,this.emailSubmit.loading=!1,this.emailInput.classList.add("error-input"),this.mailingListError.classList.add("show"),this.mailingListPromise.classList.add("hide"),this.error=t.detail})}render(){return c.html`
+            <div class="mailing-list">
+                <div class="subscribed">
+                    <header>
+                        <sl-icon name="check-lg"></sl-icon>
+                        <strong>Subscribed!</strong>
+                    </header>
+                    Thanks <strong>${this.email}</strong>, ${this.thanksMessage}
+                </div>
+                <div class="unsubscribed">
+                    <span class="mailing-list-header"><strong>Subscribe</strong> for updates</span>
+                    <sl-input type="email" placeholder="Email" size="small" id="email-input"></sl-input>
+                    <sl-button style="width: 100%" id="email-submit" type="primary" size="small"
+                               @click=${this.subscribe}>Subscribe
+                    </sl-button>
+                    </di>
+                    <div class="mailing-list-promise">${this.promiseMessage}</div>
+                    <div class="mailing-list-error">
+                        <span class="error-title">ERROR</span><br/>
+                        ${this.error}
+                    </div>
+                </div>
+            </div>
+        `}};v.styles=[X,cr],A([h.property()],v.prototype,"apiURL",2),A([h.property()],v.prototype,"thanksMessage",2),A([h.property()],v.prototype,"promiseMessage",2),A([h.state()],v.prototype,"email",2),A([h.query("#email-input")],v.prototype,"emailInput",2),A([h.query(".subscribed")],v.prototype,"subscribed",2),A([h.query(".unsubscribed")],v.prototype,"unsubscribed",2),A([h.query(".mailing-list-promise")],v.prototype,"mailingListPromise",2),A([h.query("#email-submit")],v.prototype,"emailSubmit",2),A([h.query(".mailing-list-error")],v.prototype,"mailingListError",2),A([h.property()],v.prototype,"error",2),v=A([h.customElement("pb33f-mailing-list")],v);function Ce(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}}let D=Ce();function rt(i){D=i}const nt=/[&<>"']/,dr=new RegExp(nt.source,"g"),ot=/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,ur=new RegExp(ot.source,"g"),mr={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},st=i=>mr[i];function w(i,e){if(e){if(nt.test(i))return i.replace(dr,st)}else if(ot.test(i))return i.replace(ur,st);return i}const fr=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;function br(i){return i.replace(fr,(e,t)=>(t=t.toLowerCase(),t==="colon"?":":t.charAt(0)==="#"?t.charAt(1)==="x"?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""))}const gr=/(^|[^\[])\^/g;function g(i,e){let t=typeof i=="string"?i:i.source;e=e||"";const r={replace:(n,s)=>{let o=typeof s=="string"?s:s.source;return o=o.replace(gr,"$1"),t=t.replace(n,o),r},getRegex:()=>new RegExp(t,e)};return r}function it(i){try{i=encodeURI(i).replace(/%25/g,"%")}catch{return null}return i}const Y={exec:()=>null};function at(i,e){const t=i.replace(/\|/g,(s,o,l)=>{let a=!1,d=o;for(;--d>=0&&l[d]==="\\";)a=!a;return a?"|":" |"}),r=t.split(/ \|/);let n=0;if(r[0].trim()||r.shift(),r.length>0&&!r[r.length-1].trim()&&r.pop(),e)if(r.length>e)r.splice(e);else for(;r.length<e;)r.push("");for(;n<r.length;n++)r[n]=r[n].trim().replace(/\\\|/g,"|");return r}function ue(i,e,t){const r=i.length;if(r===0)return"";let n=0;for(;n<r;){const s=i.charAt(r-n-1);if(s===e&&!t)n++;else if(s!==e&&t)n++;else break}return i.slice(0,r-n)}function xr(i,e){if(i.indexOf(e[1])===-1)return-1;let t=0;for(let r=0;r<i.length;r++)if(i[r]==="\\")r++;else if(i[r]===e[0])t++;else if(i[r]===e[1]&&(t--,t<0))return r;return-1}function lt(i,e,t,r){const n=e.href,s=e.title?w(e.title):null,o=i[1].replace(/\\([\[\]])/g,"$1");if(i[0].charAt(0)!=="!"){r.state.inLink=!0;const l={type:"link",raw:t,href:n,title:s,text:o,tokens:r.inlineTokens(o)};return r.state.inLink=!1,l}return{type:"image",raw:t,href:n,title:s,text:w(o)}}function kr(i,e){const t=i.match(/^(\s+)(?:```)/);if(t===null)return e;const r=t[1];return e.split(`
+`).map(n=>{const s=n.match(/^\s+/);if(s===null)return n;const[o]=s;return o.length>=r.length?n.slice(r.length):n}).join(`
+`)}class me{constructor(e){x(this,"options");x(this,"rules");x(this,"lexer");this.options=e||D}space(e){const t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:"space",raw:t[0]}}code(e){const t=this.rules.block.code.exec(e);if(t){const r=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?r:ue(r,`
+`)}}}fences(e){const t=this.rules.block.fences.exec(e);if(t){const r=t[0],n=kr(r,t[3]||"");return{type:"code",raw:r,lang:t[2]?t[2].trim().replace(this.rules.inline.anyPunctuation,"$1"):t[2],text:n}}}heading(e){const t=this.rules.block.heading.exec(e);if(t){let r=t[2].trim();if(/#$/.test(r)){const n=ue(r,"#");(this.options.pedantic||!n||/ $/.test(n))&&(r=n.trim())}return{type:"heading",raw:t[0],depth:t[1].length,text:r,tokens:this.lexer.inline(r)}}}hr(e){const t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:t[0]}}blockquote(e){const t=this.rules.block.blockquote.exec(e);if(t){const r=ue(t[0].replace(/^ *>[ \t]?/gm,""),`
+`),n=this.lexer.state.top;this.lexer.state.top=!0;const s=this.lexer.blockTokens(r);return this.lexer.state.top=n,{type:"blockquote",raw:t[0],tokens:s,text:r}}}list(e){let t=this.rules.block.list.exec(e);if(t){let r=t[1].trim();const n=r.length>1,s={type:"list",raw:"",ordered:n,start:n?+r.slice(0,-1):"",loose:!1,items:[]};r=n?`\\d{1,9}\\${r.slice(-1)}`:`\\${r}`,this.options.pedantic&&(r=n?r:"[*+-]");const o=new RegExp(`^( {0,3}${r})((?:[	 ][^\\n]*)?(?:\\n|$))`);let l="",a="",d=!1;for(;e;){let p=!1;if(!(t=o.exec(e))||this.rules.block.hr.test(e))break;l=t[0],e=e.substring(l.length);let u=t[2].split(`
+`,1)[0].replace(/^\t+/,Me=>" ".repeat(3*Me.length)),m=e.split(`
+`,1)[0],f=0;this.options.pedantic?(f=2,a=u.trimStart()):(f=t[2].search(/[^ ]/),f=f>4?1:f,a=u.slice(f),f+=t[1].length);let _=!1;if(!u&&/^ *$/.test(m)&&(l+=m+`
+`,e=e.substring(m.length+1),p=!0),!p){const Me=new RegExp(`^ {0,${Math.min(3,f-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`),xt=new RegExp(`^ {0,${Math.min(3,f-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),kt=new RegExp(`^ {0,${Math.min(3,f-1)}}(?:\`\`\`|~~~)`),yt=new RegExp(`^ {0,${Math.min(3,f-1)}}#`);for(;e;){const Ne=e.split(`
+`,1)[0];if(m=Ne,this.options.pedantic&&(m=m.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),kt.test(m)||yt.test(m)||Me.test(m)||xt.test(e))break;if(m.search(/[^ ]/)>=f||!m.trim())a+=`
+`+m.slice(f);else{if(_||u.search(/[^ ]/)>=4||kt.test(u)||yt.test(u)||xt.test(u))break;a+=`
+`+m}!_&&!m.trim()&&(_=!0),l+=Ne+`
+`,e=e.substring(Ne.length+1),u=m.slice(f)}}s.loose||(d?s.loose=!0:/\n *\n *$/.test(l)&&(d=!0));let z=null,N;this.options.gfm&&(z=/^\[[ xX]\] /.exec(a),z&&(N=z[0]!=="[ ] ",a=a.replace(/^\[[ xX]\] +/,""))),s.items.push({type:"list_item",raw:l,task:!!z,checked:N,loose:!1,text:a,tokens:[]}),s.raw+=l}s.items[s.items.length-1].raw=l.trimEnd(),s.items[s.items.length-1].text=a.trimEnd(),s.raw=s.raw.trimEnd();for(let p=0;p<s.items.length;p++)if(this.lexer.state.top=!1,s.items[p].tokens=this.lexer.blockTokens(s.items[p].text,[]),!s.loose){const u=s.items[p].tokens.filter(f=>f.type==="space"),m=u.length>0&&u.some(f=>/\n.*\n/.test(f.raw));s.loose=m}if(s.loose)for(let p=0;p<s.items.length;p++)s.items[p].loose=!0;return s}}html(e){const t=this.rules.block.html.exec(e);if(t)return{type:"html",block:!0,raw:t[0],pre:t[1]==="pre"||t[1]==="script"||t[1]==="style",text:t[0]}}def(e){const t=this.rules.block.def.exec(e);if(t){const r=t[1].toLowerCase().replace(/\s+/g," "),n=t[2]?t[2].replace(/^<(.*)>$/,"$1").replace(this.rules.inline.anyPunctuation,"$1"):"",s=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline.anyPunctuation,"$1"):t[3];return{type:"def",tag:r,raw:t[0],href:n,title:s}}}table(e){const t=this.rules.block.table.exec(e);if(!t||!/[:|]/.test(t[2]))return;const r=at(t[1]),n=t[2].replace(/^\||\| *$/g,"").split("|"),s=t[3]&&t[3].trim()?t[3].replace(/\n[ \t]*$/,"").split(`
+`):[],o={type:"table",raw:t[0],header:[],align:[],rows:[]};if(r.length===n.length){for(const l of n)/^ *-+: *$/.test(l)?o.align.push("right"):/^ *:-+: *$/.test(l)?o.align.push("center"):/^ *:-+ *$/.test(l)?o.align.push("left"):o.align.push(null);for(const l of r)o.header.push({text:l,tokens:this.lexer.inline(l)});for(const l of s)o.rows.push(at(l,o.header.length).map(a=>({text:a,tokens:this.lexer.inline(a)})));return o}}lheading(e){const t=this.rules.block.lheading.exec(e);if(t)return{type:"heading",raw:t[0],depth:t[2].charAt(0)==="="?1:2,text:t[1],tokens:this.lexer.inline(t[1])}}paragraph(e){const t=this.rules.block.paragraph.exec(e);if(t){const r=t[1].charAt(t[1].length-1)===`
+`?t[1].slice(0,-1):t[1];return{type:"paragraph",raw:t[0],text:r,tokens:this.lexer.inline(r)}}}text(e){const t=this.rules.block.text.exec(e);if(t)return{type:"text",raw:t[0],text:t[0],tokens:this.lexer.inline(t[0])}}escape(e){const t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:w(t[1])}}tag(e){const t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&/^<a /i.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,block:!1,text:t[0]}}link(e){const t=this.rules.inline.link.exec(e);if(t){const r=t[2].trim();if(!this.options.pedantic&&/^</.test(r)){if(!/>$/.test(r))return;const o=ue(r.slice(0,-1),"\\");if((r.length-o.length)%2===0)return}else{const o=xr(t[2],"()");if(o>-1){const a=(t[0].indexOf("!")===0?5:4)+t[1].length+o;t[2]=t[2].substring(0,o),t[0]=t[0].substring(0,a).trim(),t[3]=""}}let n=t[2],s="";if(this.options.pedantic){const o=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(n);o&&(n=o[1],s=o[3])}else s=t[3]?t[3].slice(1,-1):"";return n=n.trim(),/^</.test(n)&&(this.options.pedantic&&!/>$/.test(r)?n=n.slice(1):n=n.slice(1,-1)),lt(t,{href:n&&n.replace(this.rules.inline.anyPunctuation,"$1"),title:s&&s.replace(this.rules.inline.anyPunctuation,"$1")},t[0],this.lexer)}}reflink(e,t){let r;if((r=this.rules.inline.reflink.exec(e))||(r=this.rules.inline.nolink.exec(e))){const n=(r[2]||r[1]).replace(/\s+/g," "),s=t[n.toLowerCase()];if(!s){const o=r[0].charAt(0);return{type:"text",raw:o,text:o}}return lt(r,s,r[0],this.lexer)}}emStrong(e,t,r=""){let n=this.rules.inline.emStrongLDelim.exec(e);if(!n||n[3]&&r.match(/[\p{L}\p{N}]/u))return;if(!(n[1]||n[2]||"")||!r||this.rules.inline.punctuation.exec(r)){const o=[...n[0]].length-1;let l,a,d=o,p=0;const u=n[0][0]==="*"?this.rules.inline.emStrongRDelimAst:this.rules.inline.emStrongRDelimUnd;for(u.lastIndex=0,t=t.slice(-1*e.length+o);(n=u.exec(t))!=null;){if(l=n[1]||n[2]||n[3]||n[4]||n[5]||n[6],!l)continue;if(a=[...l].length,n[3]||n[4]){d+=a;continue}else if((n[5]||n[6])&&o%3&&!((o+a)%3)){p+=a;continue}if(d-=a,d>0)continue;a=Math.min(a,a+d+p);const m=[...n[0]][0].length,f=e.slice(0,o+n.index+m+a);if(Math.min(o,a)%2){const z=f.slice(1,-1);return{type:"em",raw:f,text:z,tokens:this.lexer.inlineTokens(z)}}const _=f.slice(2,-2);return{type:"strong",raw:f,text:_,tokens:this.lexer.inlineTokens(_)}}}}codespan(e){const t=this.rules.inline.code.exec(e);if(t){let r=t[2].replace(/\n/g," ");const n=/[^ ]/.test(r),s=/^ /.test(r)&&/ $/.test(r);return n&&s&&(r=r.substring(1,r.length-1)),r=w(r,!0),{type:"codespan",raw:t[0],text:r}}}br(e){const t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}}del(e){const t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2])}}autolink(e){const t=this.rules.inline.autolink.exec(e);if(t){let r,n;return t[2]==="@"?(r=w(t[1]),n="mailto:"+r):(r=w(t[1]),n=r),{type:"link",raw:t[0],text:r,href:n,tokens:[{type:"text",raw:r,text:r}]}}}url(e){var r;let t;if(t=this.rules.inline.url.exec(e)){let n,s;if(t[2]==="@")n=w(t[0]),s="mailto:"+n;else{let o;do o=t[0],t[0]=((r=this.rules.inline._backpedal.exec(t[0]))==null?void 0:r[0])??"";while(o!==t[0]);n=w(t[0]),t[1]==="www."?s="http://"+t[0]:s=t[0]}return{type:"link",raw:t[0],text:n,href:s,tokens:[{type:"text",raw:n,text:n}]}}}inlineText(e){const t=this.rules.inline.text.exec(e);if(t){let r;return this.lexer.state.inRawBlock?r=t[0]:r=w(t[0]),{type:"text",raw:t[0],text:r}}}}const yr=/^(?: *(?:\n|$))+/,vr=/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,wr=/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,ee=/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,$r=/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,ct=/(?:[*+-]|\d{1,9}[.)])/,pt=g(/^(?!bull )((?:.|\n(?!\s*?\n|bull ))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g,ct).getRegex(),Ee=/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,_r=/^[^\n]+/,Re=/(?!\s*\])(?:\\.|[^\[\]\\])+/,Ar=g(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/).replace("label",Re).replace("title",/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(),Tr=g(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g,ct).getRegex(),fe="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",Pe=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,zr=g("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))","i").replace("comment",Pe).replace("tag",fe).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),ht=g(Ee).replace("hr",ee).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",fe).getRegex(),Se={blockquote:g(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph",ht).getRegex(),code:vr,def:Ar,fences:wr,heading:$r,hr:ee,html:zr,lheading:pt,list:Tr,newline:yr,paragraph:ht,table:Y,text:_r},dt=g("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr",ee).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",fe).getRegex(),Lr={...Se,table:dt,paragraph:g(Ee).replace("hr",ee).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("table",dt).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",fe).getRegex()},Cr={...Se,html:g(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment",Pe).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:Y,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:g(Ee).replace("hr",ee).replace("heading",` *#{1,6} *[^
+]`).replace("lheading",pt).replace("|table","").replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").replace("|tag","").getRegex()},ut=/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,Er=/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,mt=/^( {2,}|\\)\n(?!\s*$)/,Rr=/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,te="\\p{P}$+<=>`^|~",Pr=g(/^((?![*_])[\spunctuation])/,"u").replace(/punctuation/g,te).getRegex(),Sr=/\[[^[\]]*?\]\([^\(\)]*?\)|`[^`]*?`|<[^<>]*?>/g,Ir=g(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/,"u").replace(/punct/g,te).getRegex(),Or=g("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)[punct](\\*+)(?=[\\s]|$)|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])|[\\s](\\*+)(?!\\*)(?=[punct])|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])|[^punct\\s](\\*+)(?=[^punct\\s])","gu").replace(/punct/g,te).getRegex(),Dr=g("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\s]|$)|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)|(?!_)[punct\\s](_+)(?=[^punct\\s])|[\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])","gu").replace(/punct/g,te).getRegex(),Hr=g(/\\([punct])/,"gu").replace(/punct/g,te).getRegex(),Mr=g(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme",/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email",/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),Nr=g(Pe).replace("(?:-->|$)","-->").getRegex(),qr=g("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment",Nr).replace("attribute",/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(),be=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,Br=g(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label",be).replace("href",/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title",/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(),ft=g(/^!?\[(label)\]\[(ref)\]/).replace("label",be).replace("ref",Re).getRegex(),bt=g(/^!?\[(ref)\](?:\[\])?/).replace("ref",Re).getRegex(),Zr=g("reflink|nolink(?!\\()","g").replace("reflink",ft).replace("nolink",bt).getRegex(),Ie={_backpedal:Y,anyPunctuation:Hr,autolink:Mr,blockSkip:Sr,br:mt,code:Er,del:Y,emStrongLDelim:Ir,emStrongRDelimAst:Or,emStrongRDelimUnd:Dr,escape:ut,link:Br,nolink:bt,punctuation:Pr,reflink:ft,reflinkSearch:Zr,tag:qr,text:Rr,url:Y},Ur={...Ie,link:g(/^!?\[(label)\]\((.*?)\)/).replace("label",be).getRegex(),reflink:g(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",be).getRegex()},Oe={...Ie,escape:g(ut).replace("])","~|])").getRegex(),url:g(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,"i").replace("email",/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/},Vr={...Oe,br:g(mt).replace("{2,}","*").getRegex(),text:g(Oe.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()},ge={normal:Se,gfm:Lr,pedantic:Cr},re={normal:Ie,gfm:Oe,breaks:Vr,pedantic:Ur};class L{constructor(e){x(this,"tokens");x(this,"options");x(this,"state");x(this,"tokenizer");x(this,"inlineQueue");this.tokens=[],this.tokens.links=Object.create(null),this.options=e||D,this.options.tokenizer=this.options.tokenizer||new me,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};const t={block:ge.normal,inline:re.normal};this.options.pedantic?(t.block=ge.pedantic,t.inline=re.pedantic):this.options.gfm&&(t.block=ge.gfm,this.options.breaks?t.inline=re.breaks:t.inline=re.gfm),this.tokenizer.rules=t}static get rules(){return{block:ge,inline:re}}static lex(e,t){return new L(t).lex(e)}static lexInline(e,t){return new L(t).inlineTokens(e)}lex(e){e=e.replace(/\r\n|\r/g,`
+`),this.blockTokens(e,this.tokens);for(let t=0;t<this.inlineQueue.length;t++){const r=this.inlineQueue[t];this.inlineTokens(r.src,r.tokens)}return this.inlineQueue=[],this.tokens}blockTokens(e,t=[]){this.options.pedantic?e=e.replace(/\t/g,"    ").replace(/^ +$/gm,""):e=e.replace(/^( *)(\t+)/gm,(l,a,d)=>a+"    ".repeat(d.length));let r,n,s,o;for(;e;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some(l=>(r=l.call({lexer:this},e,t))?(e=e.substring(r.raw.length),t.push(r),!0):!1))){if(r=this.tokenizer.space(e)){e=e.substring(r.raw.length),r.raw.length===1&&t.length>0?t[t.length-1].raw+=`
+`:t.push(r);continue}if(r=this.tokenizer.code(e)){e=e.substring(r.raw.length),n=t[t.length-1],n&&(n.type==="paragraph"||n.type==="text")?(n.raw+=`
+`+r.raw,n.text+=`
+`+r.text,this.inlineQueue[this.inlineQueue.length-1].src=n.text):t.push(r);continue}if(r=this.tokenizer.fences(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.heading(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.hr(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.blockquote(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.list(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.html(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.def(e)){e=e.substring(r.raw.length),n=t[t.length-1],n&&(n.type==="paragraph"||n.type==="text")?(n.raw+=`
+`+r.raw,n.text+=`
+`+r.raw,this.inlineQueue[this.inlineQueue.length-1].src=n.text):this.tokens.links[r.tag]||(this.tokens.links[r.tag]={href:r.href,title:r.title});continue}if(r=this.tokenizer.table(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.lheading(e)){e=e.substring(r.raw.length),t.push(r);continue}if(s=e,this.options.extensions&&this.options.extensions.startBlock){let l=1/0;const a=e.slice(1);let d;this.options.extensions.startBlock.forEach(p=>{d=p.call({lexer:this},a),typeof d=="number"&&d>=0&&(l=Math.min(l,d))}),l<1/0&&l>=0&&(s=e.substring(0,l+1))}if(this.state.top&&(r=this.tokenizer.paragraph(s))){n=t[t.length-1],o&&n.type==="paragraph"?(n.raw+=`
+`+r.raw,n.text+=`
+`+r.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=n.text):t.push(r),o=s.length!==e.length,e=e.substring(r.raw.length);continue}if(r=this.tokenizer.text(e)){e=e.substring(r.raw.length),n=t[t.length-1],n&&n.type==="text"?(n.raw+=`
+`+r.raw,n.text+=`
+`+r.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=n.text):t.push(r);continue}if(e){const l="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(l);break}else throw new Error(l)}}return this.state.top=!0,t}inline(e,t=[]){return this.inlineQueue.push({src:e,tokens:t}),t}inlineTokens(e,t=[]){let r,n,s,o=e,l,a,d;if(this.tokens.links){const p=Object.keys(this.tokens.links);if(p.length>0)for(;(l=this.tokenizer.rules.inline.reflinkSearch.exec(o))!=null;)p.includes(l[0].slice(l[0].lastIndexOf("[")+1,-1))&&(o=o.slice(0,l.index)+"["+"a".repeat(l[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;(l=this.tokenizer.rules.inline.blockSkip.exec(o))!=null;)o=o.slice(0,l.index)+"["+"a".repeat(l[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;(l=this.tokenizer.rules.inline.anyPunctuation.exec(o))!=null;)o=o.slice(0,l.index)+"++"+o.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);for(;e;)if(a||(d=""),a=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some(p=>(r=p.call({lexer:this},e,t))?(e=e.substring(r.raw.length),t.push(r),!0):!1))){if(r=this.tokenizer.escape(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.tag(e)){e=e.substring(r.raw.length),n=t[t.length-1],n&&r.type==="text"&&n.type==="text"?(n.raw+=r.raw,n.text+=r.text):t.push(r);continue}if(r=this.tokenizer.link(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.reflink(e,this.tokens.links)){e=e.substring(r.raw.length),n=t[t.length-1],n&&r.type==="text"&&n.type==="text"?(n.raw+=r.raw,n.text+=r.text):t.push(r);continue}if(r=this.tokenizer.emStrong(e,o,d)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.codespan(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.br(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.del(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.autolink(e)){e=e.substring(r.raw.length),t.push(r);continue}if(!this.state.inLink&&(r=this.tokenizer.url(e))){e=e.substring(r.raw.length),t.push(r);continue}if(s=e,this.options.extensions&&this.options.extensions.startInline){let p=1/0;const u=e.slice(1);let m;this.options.extensions.startInline.forEach(f=>{m=f.call({lexer:this},u),typeof m=="number"&&m>=0&&(p=Math.min(p,m))}),p<1/0&&p>=0&&(s=e.substring(0,p+1))}if(r=this.tokenizer.inlineText(s)){e=e.substring(r.raw.length),r.raw.slice(-1)!=="_"&&(d=r.raw.slice(-1)),a=!0,n=t[t.length-1],n&&n.type==="text"?(n.raw+=r.raw,n.text+=r.text):t.push(r);continue}if(e){const p="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(p);break}else throw new Error(p)}}return t}}class xe{constructor(e){x(this,"options");this.options=e||D}code(e,t,r){var s;const n=(s=(t||"").match(/^\S*/))==null?void 0:s[0];return e=e.replace(/\n$/,"")+`
+`,n?'<pre><code class="language-'+w(n)+'">'+(r?e:w(e,!0))+`</code></pre>
+`:"<pre><code>"+(r?e:w(e,!0))+`</code></pre>
+`}blockquote(e){return`<blockquote>
+${e}</blockquote>
+`}html(e,t){return e}heading(e,t,r){return`<h${t}>${e}</h${t}>
+`}hr(){return`<hr>
+`}list(e,t,r){const n=t?"ol":"ul",s=t&&r!==1?' start="'+r+'"':"";return"<"+n+s+`>
+`+e+"</"+n+`>
+`}listitem(e,t,r){return`<li>${e}</li>
+`}checkbox(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox">'}paragraph(e){return`<p>${e}</p>
+`}table(e,t){return t&&(t=`<tbody>${t}</tbody>`),`<table>
+<thead>
+`+e+`</thead>
+`+t+`</table>
+`}tablerow(e){return`<tr>
+${e}</tr>
+`}tablecell(e,t){const r=t.header?"th":"td";return(t.align?`<${r} align="${t.align}">`:`<${r}>`)+e+`</${r}>
+`}strong(e){return`<strong>${e}</strong>`}em(e){return`<em>${e}</em>`}codespan(e){return`<code>${e}</code>`}br(){return"<br>"}del(e){return`<del>${e}</del>`}link(e,t,r){const n=it(e);if(n===null)return r;e=n;let s='<a href="'+e+'"';return t&&(s+=' title="'+t+'"'),s+=">"+r+"</a>",s}image(e,t,r){const n=it(e);if(n===null)return r;e=n;let s=`<img src="${e}" alt="${r}"`;return t&&(s+=` title="${t}"`),s+=">",s}text(e){return e}}class De{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,t,r){return""+r}image(e,t,r){return""+r}br(){return""}}class C{constructor(e){x(this,"options");x(this,"renderer");x(this,"textRenderer");this.options=e||D,this.options.renderer=this.options.renderer||new xe,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new De}static parse(e,t){return new C(t).parse(e)}static parseInline(e,t){return new C(t).parseInline(e)}parse(e,t=!0){let r="";for(let n=0;n<e.length;n++){const s=e[n];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[s.type]){const o=s,l=this.options.extensions.renderers[o.type].call({parser:this},o);if(l!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(o.type)){r+=l||"";continue}}switch(s.type){case"space":continue;case"hr":{r+=this.renderer.hr();continue}case"heading":{const o=s;r+=this.renderer.heading(this.parseInline(o.tokens),o.depth,br(this.parseInline(o.tokens,this.textRenderer)));continue}case"code":{const o=s;r+=this.renderer.code(o.text,o.lang,!!o.escaped);continue}case"table":{const o=s;let l="",a="";for(let p=0;p<o.header.length;p++)a+=this.renderer.tablecell(this.parseInline(o.header[p].tokens),{header:!0,align:o.align[p]});l+=this.renderer.tablerow(a);let d="";for(let p=0;p<o.rows.length;p++){const u=o.rows[p];a="";for(let m=0;m<u.length;m++)a+=this.renderer.tablecell(this.parseInline(u[m].tokens),{header:!1,align:o.align[m]});d+=this.renderer.tablerow(a)}r+=this.renderer.table(l,d);continue}case"blockquote":{const o=s,l=this.parse(o.tokens);r+=this.renderer.blockquote(l);continue}case"list":{const o=s,l=o.ordered,a=o.start,d=o.loose;let p="";for(let u=0;u<o.items.length;u++){const m=o.items[u],f=m.checked,_=m.task;let z="";if(m.task){const N=this.renderer.checkbox(!!f);d?m.tokens.length>0&&m.tokens[0].type==="paragraph"?(m.tokens[0].text=N+" "+m.tokens[0].text,m.tokens[0].tokens&&m.tokens[0].tokens.length>0&&m.tokens[0].tokens[0].type==="text"&&(m.tokens[0].tokens[0].text=N+" "+m.tokens[0].tokens[0].text)):m.tokens.unshift({type:"text",text:N+" "}):z+=N+" "}z+=this.parse(m.tokens,d),p+=this.renderer.listitem(z,_,!!f)}r+=this.renderer.list(p,l,a);continue}case"html":{const o=s;r+=this.renderer.html(o.text,o.block);continue}case"paragraph":{const o=s;r+=this.renderer.paragraph(this.parseInline(o.tokens));continue}case"text":{let o=s,l=o.tokens?this.parseInline(o.tokens):o.text;for(;n+1<e.length&&e[n+1].type==="text";)o=e[++n],l+=`
+`+(o.tokens?this.parseInline(o.tokens):o.text);r+=t?this.renderer.paragraph(l):l;continue}default:{const o='Token with "'+s.type+'" type was not found.';if(this.options.silent)return console.error(o),"";throw new Error(o)}}}return r}parseInline(e,t){t=t||this.renderer;let r="";for(let n=0;n<e.length;n++){const s=e[n];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[s.type]){const o=this.options.extensions.renderers[s.type].call({parser:this},s);if(o!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(s.type)){r+=o||"";continue}}switch(s.type){case"escape":{const o=s;r+=t.text(o.text);break}case"html":{const o=s;r+=t.html(o.text);break}case"link":{const o=s;r+=t.link(o.href,o.title,this.parseInline(o.tokens,t));break}case"image":{const o=s;r+=t.image(o.href,o.title,o.text);break}case"strong":{const o=s;r+=t.strong(this.parseInline(o.tokens,t));break}case"em":{const o=s;r+=t.em(this.parseInline(o.tokens,t));break}case"codespan":{const o=s;r+=t.codespan(o.text);break}case"br":{r+=t.br();break}case"del":{const o=s;r+=t.del(this.parseInline(o.tokens,t));break}case"text":{const o=s;r+=t.text(o.text);break}default:{const o='Token with "'+s.type+'" type was not found.';if(this.options.silent)return console.error(o),"";throw new Error(o)}}}return r}}class ne{constructor(e){x(this,"options");this.options=e||D}preprocess(e){return e}postprocess(e){return e}processAllTokens(e){return e}}x(ne,"passThroughHooks",new Set(["preprocess","postprocess","processAllTokens"]));class Qr{constructor(...e){qe(this,ie);qe(this,ke);x(this,"defaults",Ce());x(this,"options",this.setOptions);x(this,"parse",ye(this,ie,Be).call(this,L.lex,C.parse));x(this,"parseInline",ye(this,ie,Be).call(this,L.lexInline,C.parseInline));x(this,"Parser",C);x(this,"Renderer",xe);x(this,"TextRenderer",De);x(this,"Lexer",L);x(this,"Tokenizer",me);x(this,"Hooks",ne);this.use(...e)}walkTokens(e,t){var n,s;let r=[];for(const o of e)switch(r=r.concat(t.call(this,o)),o.type){case"table":{const l=o;for(const a of l.header)r=r.concat(this.walkTokens(a.tokens,t));for(const a of l.rows)for(const d of a)r=r.concat(this.walkTokens(d.tokens,t));break}case"list":{const l=o;r=r.concat(this.walkTokens(l.items,t));break}default:{const l=o;(s=(n=this.defaults.extensions)==null?void 0:n.childTokens)!=null&&s[l.type]?this.defaults.extensions.childTokens[l.type].forEach(a=>{r=r.concat(this.walkTokens(l[a],t))}):l.tokens&&(r=r.concat(this.walkTokens(l.tokens,t)))}}return r}use(...e){const t=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach(r=>{const n={...r};if(n.async=this.defaults.async||n.async||!1,r.extensions&&(r.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if("renderer"in s){const o=t.renderers[s.name];o?t.renderers[s.name]=function(...l){let a=s.renderer.apply(this,l);return a===!1&&(a=o.apply(this,l)),a}:t.renderers[s.name]=s.renderer}if("tokenizer"in s){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");const o=t[s.level];o?o.unshift(s.tokenizer):t[s.level]=[s.tokenizer],s.start&&(s.level==="block"?t.startBlock?t.startBlock.push(s.start):t.startBlock=[s.start]:s.level==="inline"&&(t.startInline?t.startInline.push(s.start):t.startInline=[s.start]))}"childTokens"in s&&s.childTokens&&(t.childTokens[s.name]=s.childTokens)}),n.extensions=t),r.renderer){const s=this.defaults.renderer||new xe(this.defaults);for(const o in r.renderer){if(!(o in s))throw new Error(`renderer '${o}' does not exist`);if(o==="options")continue;const l=o,a=r.renderer[l],d=s[l];s[l]=(...p)=>{let u=a.apply(s,p);return u===!1&&(u=d.apply(s,p)),u||""}}n.renderer=s}if(r.tokenizer){const s=this.defaults.tokenizer||new me(this.defaults);for(const o in r.tokenizer){if(!(o in s))throw new Error(`tokenizer '${o}' does not exist`);if(["options","rules","lexer"].includes(o))continue;const l=o,a=r.tokenizer[l],d=s[l];s[l]=(...p)=>{let u=a.apply(s,p);return u===!1&&(u=d.apply(s,p)),u}}n.tokenizer=s}if(r.hooks){const s=this.defaults.hooks||new ne;for(const o in r.hooks){if(!(o in s))throw new Error(`hook '${o}' does not exist`);if(o==="options")continue;const l=o,a=r.hooks[l],d=s[l];ne.passThroughHooks.has(o)?s[l]=p=>{if(this.defaults.async)return Promise.resolve(a.call(s,p)).then(m=>d.call(s,m));const u=a.call(s,p);return d.call(s,u)}:s[l]=(...p)=>{let u=a.apply(s,p);return u===!1&&(u=d.apply(s,p)),u}}n.hooks=s}if(r.walkTokens){const s=this.defaults.walkTokens,o=r.walkTokens;n.walkTokens=function(l){let a=[];return a.push(o.call(this,l)),s&&(a=a.concat(s.call(this,l))),a}}this.defaults={...this.defaults,...n}}),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,t){return L.lex(e,t??this.defaults)}parser(e,t){return C.parse(e,t??this.defaults)}}ie=new WeakSet,Be=function(e,t){return(r,n)=>{const s={...n},o={...this.defaults,...s};this.defaults.async===!0&&s.async===!1&&(o.silent||console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored."),o.async=!0);const l=ye(this,ke,vt).call(this,!!o.silent,!!o.async);if(typeof r>"u"||r===null)return l(new Error("marked(): input parameter is undefined or null"));if(typeof r!="string")return l(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(r)+", string expected"));if(o.hooks&&(o.hooks.options=o),o.async)return Promise.resolve(o.hooks?o.hooks.preprocess(r):r).then(a=>e(a,o)).then(a=>o.hooks?o.hooks.processAllTokens(a):a).then(a=>o.walkTokens?Promise.all(this.walkTokens(a,o.walkTokens)).then(()=>a):a).then(a=>t(a,o)).then(a=>o.hooks?o.hooks.postprocess(a):a).catch(l);try{o.hooks&&(r=o.hooks.preprocess(r));let a=e(r,o);o.hooks&&(a=o.hooks.processAllTokens(a)),o.walkTokens&&this.walkTokens(a,o.walkTokens);let d=t(a,o);return o.hooks&&(d=o.hooks.postprocess(d)),d}catch(a){return l(a)}}},ke=new WeakSet,vt=function(e,t){return r=>{if(r.message+=`
+Please report this to https://github.com/markedjs/marked.`,e){const n="<p>An error occurred:</p><pre>"+w(r.message+"",!0)+"</pre>";return t?Promise.resolve(n):n}if(t)return Promise.reject(r);throw r}};const H=new Qr;function b(i,e){return H.parse(i,e)}b.options=b.setOptions=function(i){return H.setOptions(i),b.defaults=H.defaults,rt(b.defaults),b},b.getDefaults=Ce,b.defaults=D,b.use=function(...i){return H.use(...i),b.defaults=H.defaults,rt(b.defaults),b},b.walkTokens=function(i,e){return H.walkTokens(i,e)},b.parseInline=H.parseInline,b.Parser=C,b.parser=C.parse,b.Renderer=xe,b.TextRenderer=De,b.Lexer=L,b.lexer=L.lex,b.Tokenizer=me,b.Hooks=ne,b.parse=b,b.options,b.setOptions,b.use,b.walkTokens,b.parseInline,C.parse,L.lex;const jr=c.css`
+
+    .summary {
+        font-size: 1.1rem;
+        font-family: var(--font-stack-bold), monospace;
+        color: var(--primary-color);
     }
 
-    50% {
-      opacity: 1;
+    p > code, pre {
+        font-family: var(--font-stack), monospace;
+        border: 1px solid var(--secondary-color-lowalpha);
+        color: var(--secondary-color);
+        border-radius: 0;
+        padding: -1px;
+        background-color: var(--secondary-color-very-lowalpha);
+        vertical-align: top;
     }
-
-    to {
-      opacity: 0;
+    
+    p > img {
+        max-width: 800px;
+    }
+    
+    .major {
+        color: var(--primary-color);
+        font-family: var(--font-stack-bold), monospace;
     }
-  }
 
-  @keyframes cursor {
-    0% {
-      opacity: 0;
+    .major-icon {
+        color: var(--primary-color);
+        font-family: var(--font-stack-bold), monospace;
     }
 
-    50% {
-      opacity: 1;
+    h1, h2, h3, h4, h5, h6, strong, b {
+        font-family: var(--font-stack-bold), monospace;
+        font-weight: normal;
+    }
+    
+    i {
+        font-family: var(--font-stack-italic), monospace;
     }
 
-    to {
-      opacity: 0;
+    em {
+        font-family: var(--font-stack-bolditalic), monospace;
     }
-  }`;var Kr=Object.defineProperty,Xr=Object.getOwnPropertyDescriptor,Xt=(r,t,e,o)=>{for(var n=o>1?void 0:o?Xr(t,e):t,s=r.length-1,a;s>=0;s--)(a=r[s])&&(n=(o?a(t,e,n):a(n))||n);return o&&n&&Kr(t,e,n),n};let mt=class extends B{constructor(){super(...arguments),this.name="pb33f",this.url="https://pb33f.io"}render(){return T`
-            <header class="pb33f-header">
-                <div class="logo">
-                    <span class="caret">$</span>
-                    <span class="name">${this.name}</span>
-                </div>
-                <div class="header-space">
-                    <slot></slot>
-                </div>
-            </header>`}};mt.styles=Yr,Xt([v()],mt.prototype,"name",2),Xt([v()],mt.prototype,"url",2),mt=Xt([kt("pb33f-header")],mt);/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function*Qr(r,t){if(r!==void 0){let e=0;for(const o of r)yield t(o,e++)}}const to=M`
-    table {
-        width: 100%;
-        border-spacing: 0;
+    
+    ul {
+        padding-left: 20px;
     }
 
-    .kv-table > table > thead > tr > th {
-        font-family: var(--font-stack), sans-serif;
-        background: var(--kv-table-header-background);
-        text-align: left;
-        padding: 10px;
-        color: var(--font-color);
+    ul > li {
+        font-family: var(--font-stack), monospace;
         font-weight: normal;
-        border-bottom: 1px dashed var(--kv-table-dividers);
-        border-top: 1px dashed var(--kv-table-header-border-top);
+        list-style-type:  none;
+        line-height: 1.8em;
     }
 
-    .kv-table > table > thead > tr > th:first-child {
-        font-family: var(--font-stack-bold), sans-serif;
-        background: var(--kv-table-header-background-reversed);
-        text-align: right;
-        color: var(--primary-color);
-        padding-right: 10px;
+    ul > li code {
+        font-family: var(--font-stack), monospace;
+        border: 1px solid var(--secondary-color-lowalpha);
+        color: var(--secondary-color);
+        border-radius: 0;
+        padding: 0 5px 1px 5px;
+        background-color: var(--secondary-color-very-lowalpha);
+        vertical-align: top;
     }
 
-    .kv-table > table > thead > tr > th:nth-child(2) {
-        font-family: var(--font-stack-bold), sans-serif;
+    ul > li:before {
+        color: var(--primary-color);
+        font-family: var(--font-stack-bold), monospace;
+        margin-right: 10px;
+        content: ">"
     }
 
-    .kv-table > table > tbody > tr > td {
-        font-family: var(--font-stack), sans-serif;
-        padding: 10px 0 10px 10px;
-        border-bottom: 1px dashed var(--kv-table-dividers);
+    ul > li > ul > li:before {
+        color: var(--primary-color);
+        font-family: var(--font-stack-bold), monospace;
+        margin-right: 10px;
+        content: "-"
     }
-
-    .kv-table > table > tbody > tr > td:first-child > code {
+    ul > li > ul > li> ul > li:before {
         color: var(--primary-color);
-        font-family: var(--font-stack-bold), sans-serif;
+        font-family: var(--font-stack-bold), monospace;
+        margin-right: 10px;
+        content: "*"
     }
+    
 
-    .kv-table > table > tbody > tr > td:nth-child(2) {
-        color: var(--font-color-sub2)
+    @media only screen and (max-width: 1000px) {
+       .major-icon {
+           display: none;
+       }
     }
+
+`,gt=c.css`
     
-    .kv-table > table > tbody > tr > td:nth-child(2) > code {
-        font-family: var(--font-stack), sans-serif;
-        border: 1px solid var(--secondary-color-lowalpha);
-        color: var(--secondary-color);
+    strong {
+        display: block;
+        margin-bottom: var(--global-space);
+    }
+    
+    sl-alert::part(base) {
+        font: var(--font-stack);
+        color: var(--font-color);
+        border: none;
         border-radius: 0;
-        padding: 0 5px 1px 5px;
-        background-color: var(--secondary-color-very-lowalpha);
+        background-color: var(--error-color-verylowalpha);
+    }
+   
+    sl-alert.error::part(base) {
+        border: 1px dashed var(--error-color);
+        background-color: var(--terminal-background);
+    }
+    sl-alert.error::part(icon) {
+        color: var(--error-color);
+        font-size: 1.5rem;
+    }
+    sl-alert.error > strong {
+        color: var(--error-color);
+        font: 1.2rem var(--font-stack-bold);
+    }
 
+    sl-alert.warning::part(icon) {
+        color: var(--warn-300);
+        font-size: 1.5rem;
+    }
+    sl-alert.warning::part(base) {
+        border: 1px dashed var(--warn-200);
+        background-color: var(--terminal-background);
+    }
+ 
+    sl-alert.warning > strong {
+        color: var(--warn-200);
+        font: 1.2rem var(--font-stack-bold);
     }
     
-    .kv-table > table > tbody > tr > td:first-child {
-        width: 180px;
-        text-align: right;
-        padding-right: 10px;
-        border-right: 1px dashed var(--kv-table-dividers);
+    sl-alert.info::part(base) {
+        border: 1px dashed var(--primary-color);
+        background-color: var(--terminal-background);
     }
-
-    table > tbody > tr > td > a {
-        text-decoration: underline;
+    sl-alert.info::part(icon) {
+        color: var(--primary-color);
+        font-size: 1.5rem;
+    }
+    sl-alert.info > strong {
+        font: 1.2rem var(--font-stack-bold);
+        color: var(--primary-color);
+    }
+    
+    sl-alert.success::part(base) {
+        border: 1px dashed var(--terminal-text);
+        background-color: var(--terminal-background);
+    }
+    sl-alert.success::part(icon) {
+        color: var(--terminal-text);
+        font-size: 1.5rem;
+    }
+    sl-alert.success > strong {
+        font: 1.2rem var(--font-stack-bold);
+        color: var(--terminal-text);
     }
 
-    table > tbody > tr > td > code {
+    sl-alert.context::part(base) {
+        border: 1px dashed var(--code-border);
+        background-color: var(--terminal-background);
+    }
+    sl-alert.context::part(icon) {
+        color: var(--font-color-sub1);
+        font-size: 1.5rem;
+    }
+    sl-alert.context > strong {
+        font: 1.2rem var(--font-stack-bold);
+        color: var(--font-color);
+    }
+    
+    sl-alert::part(message) {
+        font: var(--font-stack);
+        padding-top: var(--global-padding);
+        padding-bottom: var(--global-padding);
+    }
+    
+`;var Wr=Object.defineProperty,Gr=Object.getOwnPropertyDescriptor,oe=(i,e,t,r)=>{for(var n=r>1?void 0:r?Gr(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&Wr(e,t,n),n};let M=class extends c.LitElement{constructor(){super(),this.apiURL="https://api.pb33f.io/release-notes/"}connectedCallback(){super.connectedCallback(),this.fetchChangelogSummary().then(i=>{this.summaries=i}).catch(i=>{this.error=i})}async fetchChangelogSummary(){const i=await fetch(`${this.apiURL}/${this.project}`);return i.ok?i.json():Promise.reject(`HTTP Error ${i.status}`)}render(){var i,e;if(this.error)return c.html`
+                <pb33f-attention-box headerText="unable to fetch changelog" type="error">
+                    ${this.error}
+                </pb33f-attention-box>
+            `;if(this.project&&((i=this.summaries)==null?void 0:i.length)>0){const t=n=>parseInt(n.split(".")[2]),r=[];for(let n=0;n<((e=this.summaries)==null?void 0:e.length);n++){const s=this.summaries[n];let o=t(s.tag_name),l=c.html``,a=!1;o==0&&(a=!0,l=c.html`
+                        <sl-icon name="braces-asterisk" class="major-icon"></sl-icon>`);const d=b.parse(s.body).toString();let p=!1;n==0&&(p=!0),console.log(Date.parse(s.published_at)),console.log(new Date(s.published_at)),r.push(c.html`
+                    <pb33f-timeline-item>
+                        <span slot="icon">${l}</span>
+                        <span slot="time" class="${a?"major":null}">${s.publish_date}</span>
+                        <div slot="content">
+                            <pb33f-release
+                                    .latest="${p}"
+                                    .milestone="${a}"
+                                    name="${s.name}"
+                                    published="${s.published_at}"
+                                    link="${s.html_url}"
+                                    author="${s.author}"
+                                    tarball="${s.tarball_url}"
+                                    authorLink="${s.author_url}"
+                                    authorImage="${s.author_image}">
+                                ${F(d)}
+                            </pb33f-release>
+                        </div>
+                    </pb33f-timeline-item>`)}return c.html`
+                <pb33f-timeline>
+                    ${r.map(n=>n)}
+                </pb33f-timeline>
+            `}else return c.html`
+                <pb33f-timeline>
+                    <pb33f-timeline-item>
+                        <div slot="content">
+                            <div class="pb33f-loader">
+                                <div class="spin"></div>
+                                fetching changelog for <em>${this.project}</em></div>
+                        </div>
+                    </pb33f-timeline-item>
+                </pb33f-timeline>
+            `}};M.styles=[X,gt,jr],oe([h.property()],M.prototype,"apiURL",2),oe([h.property()],M.prototype,"project",2),oe([h.state()],M.prototype,"summaries",2),oe([h.state()],M.prototype,"error",2),M=oe([h.customElement("pb33f-changelog")],M);const Fr=c.css`
+
+    .summary {
+        font-size: 1.1rem;
+        font-family: var(--font-stack-bold), monospace;
         color: var(--secondary-color);
-        font-weight: normal;
+    }
+    
+    sl-details::part(header) {
+        padding-top: 12px;
+        height: 15px;
     }
 
+    sl-details::part(base) {
+        border: 1px dashed var(--bars-and-borders-dim);
+        margin-bottom: var(--global-space);
+        background-color: var(--background-color);
+        border-radius: 0;
+    }
 
-    pre {
-        word-wrap: break-word;
-        white-space: pre-wrap;
-        max-width: 760px;
+    sl-details::part(content) {
+        font-size: 0.9rem;
+        padding: 0 0 0 var(--global-space);
+        margin:0;
         overflow-x: auto;
+        max-width: 800px;
+        padding-bottom: var(--global-space)
     }
-
-    pre > code {
-        word-wrap: break-word;
-        white-space: pre-wrap;
+    
+    .published {
+        color: var(--font-color-sub1);
+    }
+    hr {
+        margin-top: 0;
+        border-top: 1px dashed var(--bars-and-borders);
+        height: 1px;
+        margin-bottom: var(--global-space);
+    }
+    
+    .github_link {
+        display: block;
+        margin-bottom: var(--global-space)
+    }
+    
+    .milestone {
+        color: var(--primary-color);
+        text-shadow:  0 0 10px var(--primary-text-shadow)
     }
 
+    .latest {
+        color: var(--terminal-text);
+        text-shadow:  0 0 1rem var(--terminal-text-shadow);
+        font-size: 1.2rem;
+    }
 
+    html[theme="light"] .latest {
+        text-shadow:  none;
+    }
 
-`;var Ne=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function eo(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var je={exports:{}};(function(r){var t=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{};/**
- * Prism: Lightweight, robust, elegant syntax highlighting
- *
- * @license MIT <https://opensource.org/licenses/MIT>
- * @author Lea Verou <https://lea.verou.me>
- * @namespace
- * @public
- */var e=function(o){var n=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,s=0,a={},l={manual:o.Prism&&o.Prism.manual,disableWorkerMessageHandler:o.Prism&&o.Prism.disableWorkerMessageHandler,util:{encode:function c(i){return i instanceof p?new p(i.type,c(i.content),i.alias):Array.isArray(i)?i.map(c):i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(c){return Object.prototype.toString.call(c).slice(8,-1)},objId:function(c){return c.__id||Object.defineProperty(c,"__id",{value:++s}),c.__id},clone:function c(i,u){u=u||{};var d,h;switch(l.util.type(i)){case"Object":if(h=l.util.objId(i),u[h])return u[h];d={},u[h]=d;for(var f in i)i.hasOwnProperty(f)&&(d[f]=c(i[f],u));return d;case"Array":return h=l.util.objId(i),u[h]?u[h]:(d=[],u[h]=d,i.forEach(function(w,g){d[g]=c(w,u)}),d);default:return i}},getLanguage:function(c){for(;c;){var i=n.exec(c.className);if(i)return i[1].toLowerCase();c=c.parentElement}return"none"},setLanguage:function(c,i){c.className=c.className.replace(RegExp(n,"gi"),""),c.classList.add("language-"+i)},currentScript:function(){if(typeof document>"u")return null;if("currentScript"in document&&1<2)return document.currentScript;try{throw new Error}catch(d){var c=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(d.stack)||[])[1];if(c){var i=document.getElementsByTagName("script");for(var u in i)if(i[u].src==c)return i[u]}return null}},isActive:function(c,i,u){for(var d="no-"+i;c;){var h=c.classList;if(h.contains(i))return!0;if(h.contains(d))return!1;c=c.parentElement}return!!u}},languages:{plain:a,plaintext:a,text:a,txt:a,extend:function(c,i){var u=l.util.clone(l.languages[c]);for(var d in i)u[d]=i[d];return u},insertBefore:function(c,i,u,d){d=d||l.languages;var h=d[c],f={};for(var w in h)if(h.hasOwnProperty(w)){if(w==i)for(var g in u)u.hasOwnProperty(g)&&(f[g]=u[g]);u.hasOwnProperty(w)||(f[w]=h[w])}var k=d[c];return d[c]=f,l.languages.DFS(l.languages,function(P,q){q===k&&P!=c&&(this[P]=f)}),f},DFS:function c(i,u,d,h){h=h||{};var f=l.util.objId;for(var w in i)if(i.hasOwnProperty(w)){u.call(i,w,i[w],d||w);var g=i[w],k=l.util.type(g);k==="Object"&&!h[f(g)]?(h[f(g)]=!0,c(g,u,null,h)):k==="Array"&&!h[f(g)]&&(h[f(g)]=!0,c(g,u,w,h))}}},plugins:{},highlightAll:function(c,i){l.highlightAllUnder(document,c,i)},highlightAllUnder:function(c,i,u){var d={callback:u,container:c,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};l.hooks.run("before-highlightall",d),d.elements=Array.prototype.slice.apply(d.container.querySelectorAll(d.selector)),l.hooks.run("before-all-elements-highlight",d);for(var h=0,f;f=d.elements[h++];)l.highlightElement(f,i===!0,d.callback)},highlightElement:function(c,i,u){var d=l.util.getLanguage(c),h=l.languages[d];l.util.setLanguage(c,d);var f=c.parentElement;f&&f.nodeName.toLowerCase()==="pre"&&l.util.setLanguage(f,d);var w=c.textContent,g={element:c,language:d,grammar:h,code:w};function k(q){g.highlightedCode=q,l.hooks.run("before-insert",g),g.element.innerHTML=g.highlightedCode,l.hooks.run("after-highlight",g),l.hooks.run("complete",g),u&&u.call(g.element)}if(l.hooks.run("before-sanity-check",g),f=g.element.parentElement,f&&f.nodeName.toLowerCase()==="pre"&&!f.hasAttribute("tabindex")&&f.setAttribute("tabindex","0"),!g.code){l.hooks.run("complete",g),u&&u.call(g.element);return}if(l.hooks.run("before-highlight",g),!g.grammar){k(l.util.encode(g.code));return}if(i&&o.Worker){var P=new Worker(l.filename);P.onmessage=function(q){k(q.data)},P.postMessage(JSON.stringify({language:g.language,code:g.code,immediateClose:!0}))}else k(l.highlight(g.code,g.grammar,g.language))},highlight:function(c,i,u){var d={code:c,grammar:i,language:u};if(l.hooks.run("before-tokenize",d),!d.grammar)throw new Error('The language "'+d.language+'" has no grammar.');return d.tokens=l.tokenize(d.code,d.grammar),l.hooks.run("after-tokenize",d),p.stringify(l.util.encode(d.tokens),d.language)},tokenize:function(c,i){var u=i.rest;if(u){for(var d in u)i[d]=u[d];delete i.rest}var h=new y;return F(h,h.head,c),$(c,h,i,h.head,0),R(h)},hooks:{all:{},add:function(c,i){var u=l.hooks.all;u[c]=u[c]||[],u[c].push(i)},run:function(c,i){var u=l.hooks.all[c];if(!(!u||!u.length))for(var d=0,h;h=u[d++];)h(i)}},Token:p};o.Prism=l;function p(c,i,u,d){this.type=c,this.content=i,this.alias=u,this.length=(d||"").length|0}p.stringify=function c(i,u){if(typeof i=="string")return i;if(Array.isArray(i)){var d="";return i.forEach(function(k){d+=c(k,u)}),d}var h={type:i.type,content:c(i.content,u),tag:"span",classes:["token",i.type],attributes:{},language:u},f=i.alias;f&&(Array.isArray(f)?Array.prototype.push.apply(h.classes,f):h.classes.push(f)),l.hooks.run("wrap",h);var w="";for(var g in h.attributes)w+=" "+g+'="'+(h.attributes[g]||"").replace(/"/g,"&quot;")+'"';return"<"+h.tag+' class="'+h.classes.join(" ")+'"'+w+">"+h.content+"</"+h.tag+">"};function m(c,i,u,d){c.lastIndex=i;var h=c.exec(u);if(h&&d&&h[1]){var f=h[1].length;h.index+=f,h[0]=h[0].slice(f)}return h}function $(c,i,u,d,h,f){for(var w in u)if(!(!u.hasOwnProperty(w)||!u[w])){var g=u[w];g=Array.isArray(g)?g:[g];for(var k=0;k<g.length;++k){if(f&&f.cause==w+","+k)return;var P=g[k],q=P.inside,Ze=!!P.lookbehind,Ge=!!P.greedy,io=P.alias;if(Ge&&!P.pattern.global){var lo=P.pattern.toString().match(/[imsuy]*$/)[0];P.pattern=RegExp(P.pattern.source,lo+"g")}for(var Je=P.pattern||P,L=d.next,U=h;L!==i.tail&&!(f&&U>=f.reach);U+=L.value.length,L=L.next){var ot=L.value;if(i.length>c.length)return;if(!(ot instanceof p)){var Lt=1,D;if(Ge){if(D=m(Je,U,c,Ze),!D||D.index>=c.length)break;var Tt=D.index,co=D.index+D[0].length,W=U;for(W+=L.value.length;Tt>=W;)L=L.next,W+=L.value.length;if(W-=L.value.length,U=W,L.value instanceof p)continue;for(var yt=L;yt!==i.tail&&(W<co||typeof yt.value=="string");yt=yt.next)Lt++,W+=yt.value.length;Lt--,ot=c.slice(U,W),D.index-=U}else if(D=m(Je,0,ot,Ze),!D)continue;var Tt=D.index,zt=D[0],te=ot.slice(0,Tt),Ye=ot.slice(Tt+zt.length),ee=U+ot.length;f&&ee>f.reach&&(f.reach=ee);var Ot=L.prev;te&&(Ot=F(i,Ot,te),U+=te.length),O(i,Ot,Lt);var uo=new p(w,q?l.tokenize(zt,q):zt,io,zt);if(L=F(i,Ot,uo),Ye&&F(i,L,Ye),Lt>1){var re={cause:w+","+k,reach:ee};$(c,i,u,L.prev,U,re),f&&re.reach>f.reach&&(f.reach=re.reach)}}}}}}function y(){var c={value:null,prev:null,next:null},i={value:null,prev:c,next:null};c.next=i,this.head=c,this.tail=i,this.length=0}function F(c,i,u){var d=i.next,h={value:u,prev:i,next:d};return i.next=h,d.prev=h,c.length++,h}function O(c,i,u){for(var d=i.next,h=0;h<u&&d!==c.tail;h++)d=d.next;i.next=d,d.prev=i,c.length-=h}function R(c){for(var i=[],u=c.head.next;u!==c.tail;)i.push(u.value),u=u.next;return i}if(!o.document)return o.addEventListener&&(l.disableWorkerMessageHandler||o.addEventListener("message",function(c){var i=JSON.parse(c.data),u=i.language,d=i.code,h=i.immediateClose;o.postMessage(l.highlight(d,l.languages[u],u)),h&&o.close()},!1)),l;var S=l.util.currentScript();S&&(l.filename=S.src,S.hasAttribute("data-manual")&&(l.manual=!0));function x(){l.manual||l.highlightAll()}if(!l.manual){var C=document.readyState;C==="loading"||C==="interactive"&&S&&S.defer?document.addEventListener("DOMContentLoaded",x):window.requestAnimationFrame?window.requestAnimationFrame(x):window.setTimeout(x,16)}return l}(t);r.exports&&(r.exports=e),typeof Ne<"u"&&(Ne.Prism=e),e.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},e.languages.markup.tag.inside["attr-value"].inside.entity=e.languages.markup.entity,e.languages.markup.doctype.inside["internal-subset"].inside=e.languages.markup,e.hooks.add("wrap",function(o){o.type==="entity"&&(o.attributes.title=o.content.replace(/&amp;/,"&"))}),Object.defineProperty(e.languages.markup.tag,"addInlined",{value:function(n,s){var a={};a["language-"+s]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:e.languages[s]},a.cdata=/^<!\[CDATA\[|\]\]>$/i;var l={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:a}};l["language-"+s]={pattern:/[\s\S]+/,inside:e.languages[s]};var p={};p[n]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return n}),"i"),lookbehind:!0,greedy:!0,inside:l},e.languages.insertBefore("markup","cdata",p)}}),Object.defineProperty(e.languages.markup.tag,"addAttribute",{value:function(o,n){e.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+o+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[n,"language-"+n],inside:e.languages[n]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),e.languages.html=e.languages.markup,e.languages.mathml=e.languages.markup,e.languages.svg=e.languages.markup,e.languages.xml=e.languages.extend("markup",{}),e.languages.ssml=e.languages.xml,e.languages.atom=e.languages.xml,e.languages.rss=e.languages.xml,function(o){var n=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;o.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+n.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+n.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+n.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+n.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:n,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},o.languages.css.atrule.inside.rest=o.languages.css;var s=o.languages.markup;s&&(s.tag.addInlined("style","css"),s.tag.addAttribute("style","css"))}(e),e.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},e.languages.javascript=e.languages.extend("clike",{"class-name":[e.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),e.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,e.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:e.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:e.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:e.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:e.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:e.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),e.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:e.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),e.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),e.languages.markup&&(e.languages.markup.tag.addInlined("script","javascript"),e.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),e.languages.js=e.languages.javascript,function(){if(typeof e>"u"||typeof document>"u")return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var o="Loading…",n=function(S,x){return"✖ Error "+S+" while fetching file: "+x},s="✖ Error: File does not exist or is empty",a={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},l="data-src-status",p="loading",m="loaded",$="failed",y="pre[data-src]:not(["+l+'="'+m+'"]):not(['+l+'="'+p+'"])';function F(S,x,C){var c=new XMLHttpRequest;c.open("GET",S,!0),c.onreadystatechange=function(){c.readyState==4&&(c.status<400&&c.responseText?x(c.responseText):c.status>=400?C(n(c.status,c.statusText)):C(s))},c.send(null)}function O(S){var x=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(S||"");if(x){var C=Number(x[1]),c=x[2],i=x[3];return c?i?[C,Number(i)]:[C,void 0]:[C,C]}}e.hooks.add("before-highlightall",function(S){S.selector+=", "+y}),e.hooks.add("before-sanity-check",function(S){var x=S.element;if(x.matches(y)){S.code="",x.setAttribute(l,p);var C=x.appendChild(document.createElement("CODE"));C.textContent=o;var c=x.getAttribute("data-src"),i=S.language;if(i==="none"){var u=(/\.(\w+)$/.exec(c)||[,"none"])[1];i=a[u]||u}e.util.setLanguage(C,i),e.util.setLanguage(x,i);var d=e.plugins.autoloader;d&&d.loadLanguages(i),F(c,function(h){x.setAttribute(l,m);var f=O(x.getAttribute("data-range"));if(f){var w=h.split(/\r\n?|\n/g),g=f[0],k=f[1]==null?w.length:f[1];g<0&&(g+=w.length),g=Math.max(0,Math.min(g-1,w.length)),k<0&&(k+=w.length),k=Math.max(0,Math.min(k,w.length)),h=w.slice(g,k).join(`
-`),x.hasAttribute("data-start")||x.setAttribute("data-start",String(g+1))}C.textContent=h,e.highlightElement(C)},function(h){x.setAttribute(l,$),C.textContent=h})}}),e.plugins.fileHighlight={highlight:function(x){for(var C=(x||document).querySelectorAll(y),c=0,i;i=C[c++];)e.highlightElement(i)}};var R=!1;e.fileHighlight=function(){R||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),R=!0),e.plugins.fileHighlight.highlight.apply(this,arguments)}}()})(je);var ro=je.exports;const He=eo(ro);Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json;/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */class Qt extends Ie{constructor(t){if(super(t),this.et=A,t.type!==Oe.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===A||t==null)return this.vt=void 0,this.et=t;if(t===j)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.vt;this.et=t;const e=[t];return e.raw=e,this.vt={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Qt.directiveName="unsafeHTML",Qt.resultType=1;const qe=Me(Qt),oo=M`
   
-  code,
-  pre {
-    color: var(--font-color);
-    background: none;
-    font-family: var(--font-stack);
-    font-size: 1em;
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-    line-height: 1.5;
-    tab-size: 4;
-    hyphens: none;
-  }
-
-  /* Code blocks */
-
-  pre[class*="language-"] {
-    padding: 1em;
-    margin: .5em 0;
-    overflow: auto;
-    border-radius: 0.3em;
-  }
-
-
-  /* Inline code */
-
-  :not(pre) > code[class*="language-"] {
-    padding: .1em;
-    border-radius: .3em;
-    white-space: normal;
-  }
-
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata {
-    color: #7f7f7f;
-  }
-
-  .token.punctuation {
-    color: #7f7f7f;
-  }
-
-  .token.namespace {
-    opacity: .7;
-  }
-
-  .token.property,
-  .token.tag,
-  .token.constant,
-  .token.symbol,
-  .token.deleted {
-    color: var(--primary-color);
-  }
-
-  .token.boolean,
-  .token.number {
-    color: var(--primary-color);
-  }
-
-  .token.selector,
-  .token.attr-name,
-  .token.string,
-  .token.char,
-  .token.builtin,
-  .token.inserted {
-    color: var(--secondary-color);
-  }
-
-  .token.operator,
-  .token.entity,
-  .token.url,
-  .language-css .token.string,
-  .style .token.string,
-  .token.variable {
-    color: var(--tertiary-color);
-  }
-
-  .token.atrule,
-  .token.attr-value,
-  .token.function,
-  .token.class-name {
-    color: var(--terminal-green);
-  }
-
-  .token.keyword {
-    color: var(--primary-color);
-  }
-
-  .token.regex,
-  .token.important {
-    color: #fd971f;
-  }
-
-  .token.important,
-  .token.bold {
-    font-weight: bold;
-  }
-
-  .token.italic {
-    font-style: italic;
-  }
-
-  .token.entity {
-    cursor: help;
-  }
-
- 
-`,no=M`
-
-  hr {
-    height: 1px;
-    border-bottom: none;
-    border-left: none;
-    border-right: none;
-    border-top: 1px dashed var(--secondary-color);
-    margin-bottom: 20px;
-    margin-top: 10px;
-  }
-
-  .empty-data {
-    text-align: center;
-    padding-top: 20px;
-    color: var(--darker-font-color)
-  }
-
-  .empty-data .mute-icon {
-    font-size: 100px;
-    margin-bottom: 20px;
-    color: var(--dark-font-color);
-  }
-
-  .empty-data .binary-icon {
-    font-size: 100px;
-    margin-bottom: 20px;
-    color: var(--secondary-color);
-  }
-
-  .empty-data .up-icon {
-    font-size: 100px;
-    margin-bottom: 20px;
-    color: var(--primary-color);
-  }
+;
+
+
+
+`;var Xr=Object.defineProperty,Jr=Object.getOwnPropertyDescriptor,T=(i,e,t,r)=>{for(var n=r>1?void 0:r?Jr(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&Xr(e,t,n),n};let $=class extends c.LitElement{constructor(){super()}render(){const i=new Map;if(this.link&&i.set("Release ",`<a href="${this.link}">${this.link}</a>`),this.author&&this.authorImage){let t=this.author;this.author=="daveshanley"&&(t="quobix"),i.set("Author",`<sl-avatar image="${this.authorImage}" label="Avatar of ${t}"></sl-avatar>
+<a href="${this.authorLink}">${t}</a>`)}if(this.author&&!this.authorImage){let t=this.author;this.author=="daveshanley"&&(t="quobix"),i.set("Author",`<a href="${this.authorLink}">${t}</a>`)}this.tarball&&i.set("Tarball",`<a href="${this.tarball}">${this.tarball}</a>`);const e=new I;return e.data=i,e.keyLabel="",e.valueLabel="",c.html`
+            <sl-details>
+                <span class="summary ${this.milestone?"milestone":""} ${this.latest?"latest":""}" slot="summary">
+                    ${this.name}<slot name="name"></slot> 
+                    ${this.latest?"(latest)":""}
+                </span>
+                <hr/>
+                <p class="published">Published: ${this.published}
+                    <slot name="published"></slot>
+                </p>
+                ${F(this.body)}
+                <slot></slot>
+                <hr/>
+                ${e}
+            </sl-details>
+        `}};$.styles=[X,Fr],T([h.property()],$.prototype,"name",2),T([h.property()],$.prototype,"body",2),T([h.property()],$.prototype,"published",2),T([h.property()],$.prototype,"link",2),T([h.property()],$.prototype,"author",2),T([h.property()],$.prototype,"authorLink",2),T([h.property()],$.prototype,"authorImage",2),T([h.property()],$.prototype,"tarball",2),T([h.property({type:Boolean})],$.prototype,"milestone",2),T([h.property({type:Boolean})],$.prototype,"latest",2),$=T([h.customElement("pb33f-release")],$);const Kr=c.css`
+
+    .attention {
+        margin-top: var(--global-space);
+        margin-bottom: var(--global-space);
+        border-top: none;
+        border-right: none;
+        border-bottom: none;
+        border-left: 3px solid;
+    }
 
-  .empty-data .ok-icon {
-    font-size: 100px;
-    margin-bottom: 20px;
-    color: var(--primary-color);
-  }
-  
-  .empty-data.ok {
-    color: var(--primary-color);
-  }
+    .error {
+        color: var(--error-font-color);
+        border-color: var(--error-color);
+        border-left: 5px solid var(--error-color);
+        animation-name: errorGlow;
+        animation-duration: 1.2s;
+        animation-iteration-count: infinite;
+        animation-direction: alternate;
+    }
 
-  .empty-data.engage {
-    padding-top: 90px;
-    color: var(--primary-color);
-  }
+    .context {
+        border-left: 5px solid var(--font-color-sub1);
+    }
+    
+    .info {
+        color: var(--primary-color);
+        border-color: var(--primary-color-lowalpha);
+        border-left: 5px solid var(--primary-color);
+    }
+    
 
-  .binary-data .binary-icon {
-    font-size: 100px;
-    margin-bottom: 20px;
-    color: var(--primary-color);
-  }
+    .success {
+        color: var(--terminal-text);
+        border-color: var(--terminal-text);
+        border-left: 5px solid var(--terminal-text);
+    }
 
-  sl-tag.method {
-    width: 80px;
-    text-align: center;
-  }
 
-  .method::part(base) {
-    background: var(--background-color);
-    border-radius: 0;
-    text-align: center;
-    font-family: var(--font-stack);
-    width:100%;
-  }
+    .warning {
+        color: var(--warn-300);
+        border-color: var(--warn-200);
+        border-left: 5px solid var(--warn-200);
+        animation-name: warningGlow;
+        animation-duration: 2s;
+        animation-iteration-count: infinite;
+        animation-direction: alternate;
+    }
+    
+    @keyframes errorGlow {
+        from {
+            box-shadow: 0 0 1px var(--error-color-lowalpha);
+            border-color: var(--error-color-verylowalpha);
+         
+        }
+        to {
+            border-color: var(--error-color);
+            box-shadow: 0 0 8px var(--error-color);
+        }
+    }
 
-  .method::part(content) {
-    border-radius: 0;
-    text-align: center;
-    width: 100%;
-    display: inline-block;
-  }
-  
-`;var so=Object.defineProperty,ao=Object.getOwnPropertyDescriptor,Pt=(r,t,e,o)=>{for(var n=o>1?void 0:o?ao(t,e):t,s=r.length-1,a;s>=0;s--)(a=r[s])&&(n=(o?a(t,e,n):a(n))||n);return o&&n&&so(t,e,n),n};let rt=class extends B{constructor(){super(),this._data=new Map,this.keyLabel="Key",this.valueLabel="Value"}set data(r){r&&r.size>0&&(this._data=r)}render(){var n;let r=T``;this._data&&(r=T`
-                ${Qr(this._data,s=>typeof s[1]=="object"?T`
-                            <tr>
-                                <td><code>${s[0]}</code></td>
-                                <td>
-                                    <pre style=""><code style="white-space: pre-wrap;  word-wrap: break-word;">${qe(He.highlight(JSON.stringify(s[1],null,2),He.languages.json,"json"))}</pre></code>
-                                </td>
-                            </tr>`:T`
-                        <tr>
-                            <td><code>${s[0]}</code></td>
-                            <td>${qe(s[1])}</td>
-                        </tr>`)}
-            `);const t=T`
-            <div class="empty-data">
-                <sl-icon name="mic-mute" class="mute-icon"></sl-icon>
-                <br/>
-                No data extracted
-            </div>`,e=T`
-            <div class="kv-table">
-                <table>
-                    <thead>
-                    <tr>
-                        <th>${this.keyLabel}</th>
-                        <th>${this.valueLabel}</th>
-                    </tr>
-                    </thead>
-                    <tbody>
-                    ${r}
-                    </tbody>
-                </table>
+    @keyframes warningGlow {
+        from {
+            box-shadow: 0 0 1px var(--warn-300-lowalpha);
+            border-color: var(--warn-200-lowalpha);
+        }
+        to {
+            border-color: var(--warn-300);
+            box-shadow: 0 0 8px var(--warn-200);
+        }
+    }
+`;var Yr=Object.defineProperty,en=Object.getOwnPropertyDescriptor,He=(i,e,t,r)=>{for(var n=r>1?void 0:r?en(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&Yr(e,t,n),n};let se=class extends c.LitElement{getIcon(){switch(this.type){case"context":return"braces-asterisk";case"info":return"info-square";case"warning":return"exclamation-triangle";case"error":return"exclamation-square";case"danger":return"exclamation-square";case"success":return"check-square"}}render(){return this.type||(this.type="context"),this.type==="danger"&&(this.type="error"),c.html`
+            <div class='attention ${this.type}'>
+                <sl-alert class="${this.type}" open>
+                    <sl-icon slot="icon" name="${this.getIcon()}"></sl-icon>
+                    <strong>${this.headerText}</strong>
+                    <slot></slot>
+                </sl-alert>
             </div>
-        `,o=((n=this._data)==null?void 0:n.size)>0?e:t;return T`${o}`}};rt.styles=[oo,no,to],Pt([v()],rt.prototype,"keyLabel",2),Pt([v()],rt.prototype,"valueLabel",2),Pt([et()],rt.prototype,"_data",2),rt=Pt([kt("pb33f-kv-view")],rt),Wt("/shoelace")});
+        `}};se.styles=[gt,Kr],He([h.property()],se.prototype,"type",2),He([h.property()],se.prototype,"headerText",2),se=He([h.customElement("pb33f-attention-box")],se),wt.setBasePath("/shoelace")});