@vscode-elements/elements 2.0.0-pre.1 → 2.0.0-pre.3

package/dist/bundled.js

@@ -1,4 +1,4 @@
-const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),i=new WeakMap;let o=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=i.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&i.set(s,t))}return t}toString(){return this.cssText}};const r=t=>new o("string"==typeof t?t:t+"",void 0,s),n=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,s,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[i+1]),t[0]);return new o(i,t,s)},l=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t,{is:a,defineProperty:c,getOwnPropertyDescriptor:h,getOwnPropertyNames:d,getOwnPropertySymbols:u,getPrototypeOf:v}=Object,p=globalThis,b=p.trustedTypes,f=b?b.emptyScript:"",g=p.reactiveElementPolyfillSupport,m=(t,e)=>t,x={toAttribute(t,e){switch(e){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},y=(t,e)=>!a(t,e),w={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:y};Symbol.metadata??=Symbol("metadata"),p.litPropertyMetadata??=new WeakMap;class k extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=w){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),i=this.getPropertyDescriptor(t,s,e);void 0!==i&&c(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){const{get:i,set:o}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return i?.call(this)},set(e){const r=i?.call(this);o.call(this,e),this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??w}static _$Ei(){if(this.hasOwnProperty(m("elementProperties")))return;const t=v(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(m("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(m("properties"))){const t=this.properties,e=[...d(t),...u(t)];for(const s of e)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,s]of e)this.elementProperties.set(t,s)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const s=this._$Eu(t,e);void 0!==s&&this._$Eh.set(s,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(l(t))}else void 0!==t&&e.push(l(t));return e}static _$Eu(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const s=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((s,i)=>{if(e)s.adoptedStyleSheets=i.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of i){const i=document.createElement("style"),o=t.litNonce;void 0!==o&&i.setAttribute("nonce",o),i.textContent=e.cssText,s.appendChild(i)}})(s,this.constructor.elementStyles),s}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EC(t,e){const s=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,s);if(void 0!==i&&!0===s.reflect){const o=(void 0!==s.converter?.toAttribute?s.converter:x).toAttribute(e,s.type);this._$Em=t,null==o?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(t,e){const s=this.constructor,i=s._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=s.getPropertyOptions(i),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:x;this._$Em=i,this[i]=o.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,s){if(void 0!==t){if(s??=this.constructor.getPropertyOptions(t),!(s.hasChanged??y)(this[t],e))return;this.P(t,e,s)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,s){this._$AL.has(t)||this._$AL.set(t,e),!0===s.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,s]of t)!0!==s.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],s)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}}k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[m("elementProperties")]=new Map,k[m("finalized")]=new Map,g?.({ReactiveElement:k}),(p.reactiveElementVersions??=[]).push("2.0.4");const $=globalThis,_=$.trustedTypes,C=_?_.createPolicy("lit-html",{createHTML:t=>t}):void 0,B="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,z="?"+S,A=`<${z}>`,O=document,E=()=>O.createComment(""),j=t=>null===t||"object"!=typeof t&&"function"!=typeof t,I=Array.isArray,M=t=>I(t)||"function"==typeof t?.[Symbol.iterator],F="[ \t\n\f\r]",P=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,D=/-->/g,N=/>/g,V=RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),R=/'/g,T=/"/g,L=/^(?:script|style|textarea|title)$/i,U=(t=>(e,...s)=>({_$litType$:t,strings:e,values:s}))(1),q=Symbol.for("lit-noChange"),H=Symbol.for("lit-nothing"),K=new WeakMap,W=O.createTreeWalker(O,129);function G(t,e){if(!I(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==C?C.createHTML(e):e}const J=(t,e)=>{const s=t.length-1,i=[];let o,r=2===e?"<svg>":3===e?"<math>":"",n=P;for(let e=0;e<s;e++){const s=t[e];let l,a,c=-1,h=0;for(;h<s.length&&(n.lastIndex=h,a=n.exec(s),null!==a);)h=n.lastIndex,n===P?"!--"===a[1]?n=D:void 0!==a[1]?n=N:void 0!==a[2]?(L.test(a[2])&&(o=RegExp("</"+a[2],"g")),n=V):void 0!==a[3]&&(n=V):n===V?">"===a[0]?(n=o??P,c=-1):void 0===a[1]?c=-2:(c=n.lastIndex-a[2].length,l=a[1],n=void 0===a[3]?V:'"'===a[3]?T:R):n===T||n===R?n=V:n===D||n===N?n=P:(n=V,o=void 0);const d=n===V&&t[e+1].startsWith("/>")?" ":"";r+=n===P?s+A:c>=0?(i.push(l),s.slice(0,c)+B+s.slice(c)+S+d):s+S+(-2===c?e:d)}return[G(t,r+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class Y{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let o=0,r=0;const n=t.length-1,l=this.parts,[a,c]=J(t,e);if(this.el=Y.createElement(a,s),W.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=W.nextNode())&&l.length<n;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(B)){const e=c[r++],s=i.getAttribute(t).split(S),n=/([.?@])?(.*)/.exec(e);l.push({type:1,index:o,name:n[2],strings:s,ctor:"."===n[1]?et:"?"===n[1]?st:"@"===n[1]?it:tt}),i.removeAttribute(t)}else t.startsWith(S)&&(l.push({type:6,index:o}),i.removeAttribute(t));if(L.test(i.tagName)){const t=i.textContent.split(S),e=t.length-1;if(e>0){i.textContent=_?_.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],E()),W.nextNode(),l.push({type:2,index:++o});i.append(t[e],E())}}}else if(8===i.nodeType)if(i.data===z)l.push({type:2,index:o});else{let t=-1;for(;-1!==(t=i.data.indexOf(S,t+1));)l.push({type:7,index:o}),t+=S.length-1}o++}}static createElement(t,e){const s=O.createElement("template");return s.innerHTML=t,s}}function X(t,e,s=t,i){if(e===q)return e;let o=void 0!==i?s.o?.[i]:s.l;const r=j(e)?void 0:e._$litDirective$;return o?.constructor!==r&&(o?._$AO?.(!1),void 0===r?o=void 0:(o=new r(t),o._$AT(t,s,i)),void 0!==i?(s.o??=[])[i]=o:s.l=o),void 0!==o&&(e=X(t,o._$AS(t,e.values),o,i)),e}class Z{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:s}=this._$AD,i=(t?.creationScope??O).importNode(e,!0);W.currentNode=i;let o=W.nextNode(),r=0,n=0,l=s[0];for(;void 0!==l;){if(r===l.index){let e;2===l.type?e=new Q(o,o.nextSibling,this,t):1===l.type?e=new l.ctor(o,l.name,l.strings,this,t):6===l.type&&(e=new ot(o,this,t)),this._$AV.push(e),l=s[++n]}r!==l?.index&&(o=W.nextNode(),r++)}return W.currentNode=O,i}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}let Q=class t{get _$AU(){return this._$AM?._$AU??this.v}constructor(t,e,s,i){this.type=2,this._$AH=H,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this.v=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=X(this,t,e),j(t)?t===H||null==t||""===t?(this._$AH!==H&&this._$AR(),this._$AH=H):t!==this._$AH&&t!==q&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):M(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==H&&j(this._$AH)?this._$AA.nextSibling.data=t:this.T(O.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,i="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=Y.createElement(G(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new Z(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=K.get(t.strings);return void 0===e&&K.set(t.strings,e=new Y(t)),e}k(e){I(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let i,o=0;for(const r of e)o===s.length?s.push(i=new t(this.O(E()),this.O(E()),this,this.options)):i=s[o],i._$AI(r),o++;o<s.length&&(this._$AR(i&&i._$AB.nextSibling,o),s.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this.v=t,this._$AP?.(t))}};class tt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,o){this.type=1,this._$AH=H,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=H}_$AI(t,e=this,s,i){const o=this.strings;let r=!1;if(void 0===o)t=X(this,t,e,0),r=!j(t)||t!==this._$AH&&t!==q,r&&(this._$AH=t);else{const i=t;let n,l;for(t=o[0],n=0;n<o.length-1;n++)l=X(this,i[s+n],e,n),l===q&&(l=this._$AH[n]),r||=!j(l)||l!==this._$AH[n],l===H?t=H:t!==H&&(t+=(l??"")+o[n+1]),this._$AH[n]=l}r&&!i&&this.j(t)}j(t){t===H?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class et extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===H?void 0:t}}class st extends tt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==H)}}class it extends tt{constructor(t,e,s,i,o){super(t,e,s,i,o),this.type=5}_$AI(t,e=this){if((t=X(this,t,e,0)??H)===q)return;const s=this._$AH,i=t===H&&s!==H||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==H&&(s===H||i);i&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class ot{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){X(this,t)}}const rt={M:B,P:S,A:z,C:1,L:J,R:Z,D:M,V:X,I:Q,H:tt,N:st,U:it,B:et,F:ot},nt=$.litHtmlPolyfillSupport;nt?.(Y,Q),($.litHtmlVersions??=[]).push("3.2.0");class lt extends k{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.o=((t,e,s)=>{const i=s?.renderBefore??e;let o=i._$litPart$;if(void 0===o){const t=s?.renderBefore??null;i._$litPart$=o=new Q(e.insertBefore(E(),t),t,void 0,s??{})}return o._$AI(t),o})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this.o?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this.o?.setConnected(!1)}render(){return q}}lt._$litElement$=!0,lt.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:lt});const at=globalThis.litElementPolyfillSupport;at?.({LitElement:lt}),(globalThis.litElementVersions??=[]).push("4.1.0");const ct=t=>(e,s)=>{void 0!==s?s.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)},ht={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:y},dt=(t=ht,e,s)=>{const{kind:i,metadata:o}=s;let r=globalThis.litPropertyMetadata.get(o);if(void 0===r&&globalThis.litPropertyMetadata.set(o,r=new Map),r.set(s.name,t),"accessor"===i){const{name:i}=s;return{set(s){const o=e.get.call(this);e.set.call(this,s),this.requestUpdate(i,o,t)},init(e){return void 0!==e&&this.P(i,void 0,t),e}}}if("setter"===i){const{name:i}=s;return function(s){const o=this[i];e.call(this,s),this.requestUpdate(i,o,t)}}throw Error("Unsupported decorator location: "+i)};function ut(t){return(e,s)=>"object"==typeof s?dt(t,e,s):((t,e,s)=>{const i=e.hasOwnProperty(s);return e.constructor.createProperty(s,i?{...t,wrapped:!0}:t),i?Object.getOwnPropertyDescriptor(e,s):void 0})(t,e,s)}function vt(t){return ut({...t,state:!0,attribute:!1})}const pt=(t,e,s)=>(s.configurable=!0,s.enumerable=!0,s);function bt(t,e){return(s,i,o)=>{const r=e=>e.renderRoot?.querySelector(t)??null;if(e){const{get:t,set:e}="object"==typeof i?s:o??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return pt(0,0,{get(){let s=t.call(this);return void 0===s&&(s=r(this),(null!==s||this.hasUpdated)&&e.call(this,s)),s}})}return pt(0,0,{get(){return r(this)}})}}let ft;function gt(t){return(e,s)=>{const{slot:i,selector:o}=t??{},r="slot"+(i?`[name=${i}]`:":not([name])");return pt(0,0,{get(){const e=this.renderRoot?.querySelector(r),s=e?.assignedElements(t)??[];return void 0===o?s:s.filter((t=>t.matches(o)))}})}}class mt extends lt{constructor(){super(...arguments),this._version="2.0.0-pre.1"}get version(){return this._version}}var xt=n`
+const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),s=new WeakMap;let o=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const i=this.t;if(e&&void 0===t){const e=void 0!==i&&1===i.length;e&&(t=s.get(i)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&s.set(i,t))}return t}toString(){return this.cssText}};const r=t=>new o("string"==typeof t?t:t+"",void 0,i),n=(t,...e)=>{const s=1===t.length?t[0]:e.reduce(((e,i,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[s+1]),t[0]);return new o(s,t,i)},l=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return r(e)})(t):t,{is:h,defineProperty:a,getOwnPropertyDescriptor:c,getOwnPropertyNames:d,getOwnPropertySymbols:u,getPrototypeOf:v}=Object,p=globalThis,b=p.trustedTypes,f=b?b.emptyScript:"",g=p.reactiveElementPolyfillSupport,m=(t,e)=>t,x={toAttribute(t,e){switch(e){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},y=(t,e)=>!h(t,e),w={attribute:!0,type:String,converter:x,reflect:!1,useDefault:!1,hasChanged:y};Symbol.metadata??=Symbol("metadata"),p.litPropertyMetadata??=new WeakMap;let k=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=w){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),s=this.getPropertyDescriptor(t,i,e);void 0!==s&&a(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){const{get:s,set:o}=c(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:s,set(e){const r=s?.call(this);o?.call(this,e),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??w}static _$Ei(){if(this.hasOwnProperty(m("elementProperties")))return;const t=v(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(m("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(m("properties"))){const t=this.properties,e=[...d(t),...u(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(l(t))}else void 0!==t&&e.push(l(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const i=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((i,s)=>{if(e)i.adoptedStyleSheets=s.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of s){const s=document.createElement("style"),o=t.litNonce;void 0!==o&&s.setAttribute("nonce",o),s.textContent=e.cssText,i.appendChild(s)}})(i,this.constructor.elementStyles),i}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,i);if(void 0!==s&&!0===i.reflect){const o=(void 0!==i.converter?.toAttribute?i.converter:x).toAttribute(e,i.type);this._$Em=t,null==o?this.removeAttribute(s):this.setAttribute(s,o),this._$Em=null}}_$AK(t,e){const i=this.constructor,s=i._$Eh.get(t);if(void 0!==s&&this._$Em!==s){const t=i.getPropertyOptions(s),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:x;this._$Em=s,this[s]=o.fromAttribute(e,t.type)??this._$Ej?.get(s)??null,this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){const s=this.constructor,o=this[t];if(i??=s.getPropertyOptions(t),!((i.hasChanged??y)(o,e)||i.useDefault&&i.reflect&&o===this._$Ej?.get(t)&&!this.hasAttribute(s._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:s,wrapped:o},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??e??this[t]),!0!==o||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===s&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,s=this[e];!0!==t||this._$AL.has(e)||void 0===s||this.C(e,void 0,i,s)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[m("elementProperties")]=new Map,k[m("finalized")]=new Map,g?.({ReactiveElement:k}),(p.reactiveElementVersions??=[]).push("2.1.0");const $=globalThis,_=$.trustedTypes,S=_?_.createPolicy("lit-html",{createHTML:t=>t}):void 0,C="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,O="?"+B,z=`<${O}>`,A=document,E=()=>A.createComment(""),I=t=>null===t||"object"!=typeof t&&"function"!=typeof t,j=Array.isArray,M="[ \t\n\f\r]",P=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,D=/-->/g,F=/>/g,V=RegExp(`>|${M}(?:([^\\s"'>=/]+)(${M}*=${M}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),N=/'/g,R=/"/g,T=/^(?:script|style|textarea|title)$/i,L=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),U=L(1),G=L(2),H=Symbol.for("lit-noChange"),q=Symbol.for("lit-nothing"),W=new WeakMap,K=A.createTreeWalker(A,129);function J(t,e){if(!j(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==S?S.createHTML(e):e}const Y=(t,e)=>{const i=t.length-1,s=[];let o,r=2===e?"<svg>":3===e?"<math>":"",n=P;for(let e=0;e<i;e++){const i=t[e];let l,h,a=-1,c=0;for(;c<i.length&&(n.lastIndex=c,h=n.exec(i),null!==h);)c=n.lastIndex,n===P?"!--"===h[1]?n=D:void 0!==h[1]?n=F:void 0!==h[2]?(T.test(h[2])&&(o=RegExp("</"+h[2],"g")),n=V):void 0!==h[3]&&(n=V):n===V?">"===h[0]?(n=o??P,a=-1):void 0===h[1]?a=-2:(a=n.lastIndex-h[2].length,l=h[1],n=void 0===h[3]?V:'"'===h[3]?R:N):n===R||n===N?n=V:n===D||n===F?n=P:(n=V,o=void 0);const d=n===V&&t[e+1].startsWith("/>")?" ":"";r+=n===P?i+z:a>=0?(s.push(l),i.slice(0,a)+C+i.slice(a)+B+d):i+B+(-2===a?e:d)}return[J(t,r+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),s]};class X{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let o=0,r=0;const n=t.length-1,l=this.parts,[h,a]=Y(t,e);if(this.el=X.createElement(h,i),K.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(s=K.nextNode())&&l.length<n;){if(1===s.nodeType){if(s.hasAttributes())for(const t of s.getAttributeNames())if(t.endsWith(C)){const e=a[r++],i=s.getAttribute(t).split(B),n=/([.?@])?(.*)/.exec(e);l.push({type:1,index:o,name:n[2],strings:i,ctor:"."===n[1]?et:"?"===n[1]?it:"@"===n[1]?st:tt}),s.removeAttribute(t)}else t.startsWith(B)&&(l.push({type:6,index:o}),s.removeAttribute(t));if(T.test(s.tagName)){const t=s.textContent.split(B),e=t.length-1;if(e>0){s.textContent=_?_.emptyScript:"";for(let i=0;i<e;i++)s.append(t[i],E()),K.nextNode(),l.push({type:2,index:++o});s.append(t[e],E())}}}else if(8===s.nodeType)if(s.data===O)l.push({type:2,index:o});else{let t=-1;for(;-1!==(t=s.data.indexOf(B,t+1));)l.push({type:7,index:o}),t+=B.length-1}o++}}static createElement(t,e){const i=A.createElement("template");return i.innerHTML=t,i}}function Z(t,e,i=t,s){if(e===H)return e;let o=void 0!==s?i._$Co?.[s]:i._$Cl;const r=I(e)?void 0:e._$litDirective$;return o?.constructor!==r&&(o?._$AO?.(!1),void 0===r?o=void 0:(o=new r(t),o._$AT(t,i,s)),void 0!==s?(i._$Co??=[])[s]=o:i._$Cl=o),void 0!==o&&(e=Z(t,o._$AS(t,e.values),o,s)),e}class Q{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,s){this.type=2,this._$AH=q,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cv=s?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Z(this,t,e),I(t)?t===q||null==t||""===t?(this._$AH!==q&&this._$AR(),this._$AH=q):t!==this._$AH&&t!==H&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>j(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==q&&I(this._$AH)?this._$AA.nextSibling.data=t:this.T(A.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,s="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=X.createElement(J(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===s)this._$AH.p(e);else{const t=new class{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:i}=this._$AD,s=(t?.creationScope??A).importNode(e,!0);K.currentNode=s;let o=K.nextNode(),r=0,n=0,l=i[0];for(;void 0!==l;){if(r===l.index){let e;2===l.type?e=new Q(o,o.nextSibling,this,t):1===l.type?e=new l.ctor(o,l.name,l.strings,this,t):6===l.type&&(e=new ot(o,this,t)),this._$AV.push(e),l=i[++n]}r!==l?.index&&(o=K.nextNode(),r++)}return K.currentNode=A,s}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}(s,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=W.get(t.strings);return void 0===e&&W.set(t.strings,e=new X(t)),e}k(t){j(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const o of t)s===e.length?e.push(i=new Q(this.O(E()),this.O(E()),this,this.options)):i=e[s],i._$AI(o),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class tt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,s,o){this.type=1,this._$AH=q,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=q}_$AI(t,e=this,i,s){const o=this.strings;let r=!1;if(void 0===o)t=Z(this,t,e,0),r=!I(t)||t!==this._$AH&&t!==H,r&&(this._$AH=t);else{const s=t;let n,l;for(t=o[0],n=0;n<o.length-1;n++)l=Z(this,s[i+n],e,n),l===H&&(l=this._$AH[n]),r||=!I(l)||l!==this._$AH[n],l===q?t=q:t!==q&&(t+=(l??"")+o[n+1]),this._$AH[n]=l}r&&!s&&this.j(t)}j(t){t===q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class et extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===q?void 0:t}}class it extends tt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==q)}}class st extends tt{constructor(t,e,i,s,o){super(t,e,i,s,o),this.type=5}_$AI(t,e=this){if((t=Z(this,t,e,0)??q)===H)return;const i=this._$AH,s=t===q&&i!==q||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,o=t!==q&&(i===q||s);s&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class ot{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){Z(this,t)}}const rt={I:Q},nt=$.litHtmlPolyfillSupport;nt?.(X,Q),($.litHtmlVersions??=[]).push("3.3.0");const lt=(t,e,i)=>{const s=i?.renderBefore??e;let o=s._$litPart$;if(void 0===o){const t=i?.renderBefore??null;s._$litPart$=o=new Q(e.insertBefore(E(),t),t,void 0,i??{})}return o._$AI(t),o},ht=globalThis;let at=class extends k{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=lt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return H}};at._$litElement$=!0,at.finalized=!0,ht.litElementHydrateSupport?.({LitElement:at});const ct=ht.litElementPolyfillSupport;ct?.({LitElement:at}),(ht.litElementVersions??=[]).push("4.2.0");const dt=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)},ut={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:y},vt=(t=ut,e,i)=>{const{kind:s,metadata:o}=i;let r=globalThis.litPropertyMetadata.get(o);if(void 0===r&&globalThis.litPropertyMetadata.set(o,r=new Map),"setter"===s&&((t=Object.create(t)).wrapped=!0),r.set(i.name,t),"accessor"===s){const{name:s}=i;return{set(i){const o=e.get.call(this);e.set.call(this,i),this.requestUpdate(s,o,t)},init(e){return void 0!==e&&this.C(s,void 0,t,e),e}}}if("setter"===s){const{name:s}=i;return function(i){const o=this[s];e.call(this,i),this.requestUpdate(s,o,t)}}throw Error("Unsupported decorator location: "+s)};function pt(t){return(e,i)=>"object"==typeof i?vt(t,e,i):((t,e,i)=>{const s=e.hasOwnProperty(i);return e.constructor.createProperty(i,t),s?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}function bt(t){return pt({...t,state:!0,attribute:!1})}const ft=(t,e,i)=>(i.configurable=!0,i.enumerable=!0,i);function gt(t,e){return(i,s,o)=>{const r=e=>e.renderRoot?.querySelector(t)??null;if(e){const{get:t,set:e}="object"==typeof s?i:o??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return ft(0,0,{get(){let i=t.call(this);return void 0===i&&(i=r(this),(null!==i||this.hasUpdated)&&e.call(this,i)),i}})}return ft(0,0,{get(){return r(this)}})}}let mt;function xt(t){return(e,i)=>{const{slot:s,selector:o}=t??{},r="slot"+(s?`[name=${s}]`:":not([name])");return ft(0,0,{get(){const e=this.renderRoot?.querySelector(r),i=e?.assignedElements(t)??[];return void 0===o?i:i.filter((t=>t.matches(o)))}})}}const yt="2.0.0-pre.3",wt="__vscodeElements_disableRegistryWarning__";class kt extends at{get version(){return yt}}const $t=t=>e=>{if(!customElements.get(t))return void customElements.define(t,e);if(wt in window)return;const i=document.createElement(t),s=i?.version;let o="";s?s!==yt?(o+="is already registered by a different version of VSCode Elements. ",o+=`This version is "${yt}", while the other one is "${s}".`):o+="is already registered by the same version of VSCode Elements. ":(console.warn(t,"is already registered by an unknown custom element handler class."),o+="is already registered by an unknown custom element handler class."),console.warn(`[VSCode Elements] ${t} ${o}\nTo suppress this warning, set window.${wt} to true`)};var _t=n`
   :host([hidden]) {
     display: none;
   }
@@ -9,7 +9,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     opacity: 0.4;
     pointer-events: none;
   }
-`;function yt(){return navigator.userAgent.indexOf("Linux")>-1?'system-ui, "Ubuntu", "Droid Sans", sans-serif':navigator.userAgent.indexOf("Mac")>-1?"-apple-system, BlinkMacSystemFont, sans-serif":navigator.userAgent.indexOf("Windows")>-1?'"Segoe WPC", "Segoe UI", sans-serif':"sans-serif"}const wt=[xt,n`
+`;function St(){return navigator.userAgent.indexOf("Linux")>-1?'system-ui, "Ubuntu", "Droid Sans", sans-serif':navigator.userAgent.indexOf("Mac")>-1?"-apple-system, BlinkMacSystemFont, sans-serif":navigator.userAgent.indexOf("Windows")>-1?'"Segoe WPC", "Segoe UI", sans-serif':"sans-serif"}const Ct=[_t,n`
     :host {
       background-color: var(--vscode-badge-background, #616161);
       border: 1px solid var(--vscode-contrastBorder, transparent);
@@ -17,7 +17,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       box-sizing: border-box;
       color: var(--vscode-badge-foreground, #f8f8f8);
       display: inline-block;
-      font-family: var(--vscode-font-family, ${r(yt())});
+      font-family: var(--vscode-font-family, ${r(St())});
       font-size: 11px;
       font-weight: 400;
       line-height: 14px;
@@ -54,9 +54,9 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       min-width: 16px;
       padding: 3px 5px;
     }
-  `];var kt=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let $t=class extends mt{constructor(){super(...arguments),this.variant="default"}render(){return U` <slot></slot> `}};$t.styles=wt,kt([ut({reflect:!0})],$t.prototype,"variant",void 0),$t=kt([ct("vscode-badge")],$t);const _t=1,Ct=2,Bt=3,St=t=>(...e)=>({_$litDirective$:t,values:e});class zt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this.t=t,this._$AM=e,this.i=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}const At=St(class extends zt{constructor(t){if(super(t),t.type!==_t||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const s=t.element.classList;for(const t of this.st)t in e||(s.remove(t),this.st.delete(t));for(const t in e){const i=!!e[t];i===this.st.has(t)||this.nt?.has(t)||(i?(s.add(t),this.st.add(t)):(s.remove(t),this.st.delete(t)))}return q}}),Ot=t=>t??H;const Et=St(class extends zt{constructor(t){if(super(t),this._prevProperties={},t.type!==Bt||"style"!==t.name)throw new Error("The `stylePropertyMap` directive must be used in the `style` property")}update(t,[e]){return Object.entries(e).forEach((([e,s])=>{this._prevProperties[e]!==s&&(e.startsWith("--")?t.element.style.setProperty(e,s):t.element.style[e]=s,this._prevProperties[e]=s)})),q}render(t){return q}}),jt=[xt,n`
+  `];var Bt=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Ot=class extends kt{constructor(){super(...arguments),this.variant="default"}render(){return U` <slot></slot> `}};Ot.styles=Ct,Bt([pt({reflect:!0})],Ot.prototype,"variant",void 0),Ot=Bt([$t("vscode-badge")],Ot);const zt=1,At=2,Et=3,It=t=>(...e)=>({_$litDirective$:t,values:e});let jt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};const Mt=It(class extends jt{constructor(t){if(super(t),t.type!==zt||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const i=t.element.classList;for(const t of this.st)t in e||(i.remove(t),this.st.delete(t));for(const t in e){const s=!!e[t];s===this.st.has(t)||this.nt?.has(t)||(s?(i.add(t),this.st.add(t)):(i.remove(t),this.st.delete(t)))}return H}}),Pt=t=>t??q;const Dt=It(class extends jt{constructor(t){if(super(t),this._prevProperties={},t.type!==Et||"style"!==t.name)throw new Error("The `stylePropertyMap` directive must be used in the `style` property")}update(t,[e]){return Object.entries(e).forEach((([e,i])=>{this._prevProperties[e]!==i&&(e.startsWith("--")?t.element.style.setProperty(e,i):t.element.style[e]=i,this._prevProperties[e]=i)})),H}render(t){return H}}),Ft=[_t,n`
     :host {
-      color: var(--vscode-icon-foreground);
+      color: var(--vscode-icon-foreground, #cccccc);
       display: inline-block;
     }
 
@@ -82,11 +82,17 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     }
 
     .button:hover {
-      background-color: var(--vscode-toolbar-hoverBackground);
+      background-color: var(
+        --vscode-toolbar-hoverBackground,
+        rgba(90, 93, 94, 0.31)
+      );
     }
 
     .button:active {
-      background-color: var(--vscode-toolbar-activeBackground);
+      background-color: var(
+        --vscode-toolbar-activeBackground,
+        rgba(99, 102, 103, 0.31)
+      );
     }
 
     .button:focus {
@@ -94,7 +100,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     }
 
     .button:focus-visible {
-      border-color: var(--vscode-focusBorder);
+      border-color: var(--vscode-focusBorder, #0078d4);
     }
 
     @keyframes icon-spin {
@@ -108,43 +114,40 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       animation-timing-function: linear;
       animation-iteration-count: infinite;
     }
-  `];var It,Mt=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Ft=It=class extends mt{constructor(){super(...arguments),this.label="",this.name="",this.size=16,this.spin=!1,this.spinDuration=1.5,this.actionIcon=!1,this._onButtonClick=t=>{this.dispatchEvent(new CustomEvent("vsc-click",{detail:{originalEvent:t}}))}}connectedCallback(){super.connectedCallback();const{href:t,nonce:e}=this._getStylesheetConfig();It.stylesheetHref=t,It.nonce=e}_getStylesheetConfig(){const t=document.getElementById("vscode-codicon-stylesheet"),e=t?.getAttribute("href")||void 0,s=t?.nonce||void 0;if(!t){let t="[VSCode Elements] To use the Icon component, the codicons.css file must be included in the page with the id `vscode-codicon-stylesheet`! ";t+="See https://vscode-elements.github.io/components/icon/ for more details.",console.warn(t)}return{nonce:s,href:e}}render(){const{stylesheetHref:t,nonce:e}=It,s=U`<span
-      class=${At({codicon:!0,["codicon-"+this.name]:!0,spin:this.spin})}
-      .style=${Et({animationDuration:String(this.spinDuration)+"s",fontSize:this.size+"px",height:this.size+"px",width:this.size+"px"})}
-    ></span>`,i=this.actionIcon?U` <button
+  `];var Vt,Nt=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Rt=Vt=class extends kt{constructor(){super(...arguments),this.label="",this.name="",this.size=16,this.spin=!1,this.spinDuration=1.5,this.actionIcon=!1,this._onButtonClick=t=>{this.dispatchEvent(new CustomEvent("vsc-click",{detail:{originalEvent:t}}))}}connectedCallback(){super.connectedCallback();const{href:t,nonce:e}=this._getStylesheetConfig();Vt.stylesheetHref=t,Vt.nonce=e}_getStylesheetConfig(){const t=document.getElementById("vscode-codicon-stylesheet"),e=t?.getAttribute("href")||void 0,i=t?.nonce||void 0;if(!t){let t="[VSCode Elements] To use the Icon component, the codicons.css file must be included in the page with the id `vscode-codicon-stylesheet`! ";t+="See https://vscode-elements.github.io/components/icon/ for more details.",console.warn(t)}return{nonce:i,href:e}}render(){const{stylesheetHref:t,nonce:e}=Vt,i=U`<span
+      class=${Mt({codicon:!0,["codicon-"+this.name]:!0,spin:this.spin})}
+      .style=${Dt({animationDuration:String(this.spinDuration)+"s",fontSize:this.size+"px",height:this.size+"px",width:this.size+"px"})}
+    ></span>`,s=this.actionIcon?U` <button
           class="button"
           @click=${this._onButtonClick}
           aria-label=${this.label}
         >
-          ${s}
+          ${i}
         </button>`:U` <span class="icon" aria-hidden="true" role="presentation"
-          >${s}</span
+          >${i}</span
         >`;return U`
       <link
         rel="stylesheet"
-        href=${Ot(t)}
-        nonce=${Ot(e)}
+        href=${Pt(t)}
+        nonce=${Pt(e)}
       >
-      ${i}
-    `}};Ft.styles=jt,Ft.stylesheetHref="",Ft.nonce="",Mt([ut()],Ft.prototype,"label",void 0),Mt([ut({type:String})],Ft.prototype,"name",void 0),Mt([ut({type:Number})],Ft.prototype,"size",void 0),Mt([ut({type:Boolean,reflect:!0})],Ft.prototype,"spin",void 0),Mt([ut({type:Number,attribute:"spin-duration"})],Ft.prototype,"spinDuration",void 0),Mt([ut({type:Boolean,reflect:!0,attribute:"action-icon"})],Ft.prototype,"actionIcon",void 0),Ft=It=Mt([ct("vscode-icon")],Ft);const Pt=[xt,n`
+      ${s}
+    `}};Rt.styles=Ft,Rt.stylesheetHref="",Rt.nonce="",Nt([pt()],Rt.prototype,"label",void 0),Nt([pt({type:String})],Rt.prototype,"name",void 0),Nt([pt({type:Number})],Rt.prototype,"size",void 0),Nt([pt({type:Boolean,reflect:!0})],Rt.prototype,"spin",void 0),Nt([pt({type:Number,attribute:"spin-duration"})],Rt.prototype,"spinDuration",void 0),Nt([pt({type:Boolean,reflect:!0,attribute:"action-icon"})],Rt.prototype,"actionIcon",void 0),Rt=Vt=Nt([$t("vscode-icon")],Rt);const Tt=[_t,n`
     :host {
       background-color: var(--vscode-button-background, #0078d4);
-      border-color: var(
-        --vscode-button-border,
-        var(--vscode-button-background, rgba(255, 255, 255, 0.07))
-      );
+      border-color: var(--vscode-button-border, transparent);
       border-style: solid;
       border-radius: 2px;
       border-width: 1px;
       color: var(--vscode-button-foreground, #ffffff);
       cursor: pointer;
-      display: inline-block;
-      font-family: var(--vscode-font-family, ${r(yt())});
+      display: inline-flex;
+      font-family: var(--vscode-font-family, ${r(St())});
       font-size: var(--vscode-font-size, 13px);
       font-weight: var(--vscode-font-weight, normal);
       line-height: 22px;
       overflow: hidden;
-      padding: 1px 13px;
+      padding: 0;
       user-select: none;
       white-space: nowrap;
     }
@@ -214,6 +217,10 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       margin-left: 0;
     }
 
+    ::slotted(*:last-child) {
+      margin-right: 0;
+    }
+
     ::slotted(vscode-icon) {
       color: inherit;
     }
@@ -224,7 +231,16 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       display: flex;
       justify-content: center;
       position: relative;
-      width: 100%;
+      width: var(--wrapper-width, 100%);
+      height: 100%;
+      padding: 1px 13px;
+    }
+
+    :host(:empty) .wrapper,
+    :host([icon-only]) .wrapper {
+      min-height: 24px;
+      min-width: 16px;
+      padding: 1px 5px;
     }
 
     slot {
@@ -233,40 +249,107 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       height: 100%;
     }
 
-    .icon {
+    .icon,
+    .icon-after {
       color: inherit;
       display: block;
+    }
+
+    :host(:not(:empty)) .icon {
       margin-right: 3px;
     }
 
-    .icon-after {
-      color: inherit;
-      display: block;
+    :host(:not(:empty)) .icon-after,
+    :host([icon]) .icon-after {
       margin-left: 3px;
     }
-  `];var Dt=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Nt=class extends mt{get form(){return this._internals.form}constructor(){super(),this.autofocus=!1,this.tabIndex=0,this.secondary=!1,this.role="button",this.disabled=!1,this.icon="",this.iconSpin=!1,this.iconAfter="",this.iconAfterSpin=!1,this.focused=!1,this.name=void 0,this.type="button",this.value="",this._prevTabindex=0,this._handleFocus=()=>{this.focused=!0},this._handleBlur=()=>{this.focused=!1},this.addEventListener("keydown",this._handleKeyDown.bind(this)),this.addEventListener("click",this._handleClick.bind(this)),this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.autofocus&&(this.tabIndex<0&&(this.tabIndex=0),this.updateComplete.then((()=>{this.focus(),this.requestUpdate()}))),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("blur",this._handleBlur)}update(t){super.update(t),t.has("value")&&this._internals.setFormValue(this.value),t.has("disabled")&&(this.disabled?(this._prevTabindex=this.tabIndex,this.tabIndex=-1):this.tabIndex=this._prevTabindex)}_executeAction(){"submit"===this.type&&this._internals.form&&this._internals.form.requestSubmit(),"reset"===this.type&&this._internals.form&&this._internals.form.reset()}_handleKeyDown(t){if(("Enter"===t.key||" "===t.key)&&!this.hasAttribute("disabled")){this.dispatchEvent(new CustomEvent("vsc-click",{detail:{originalEvent:new MouseEvent("click")}}));const t=new MouseEvent("click",{bubbles:!0,cancelable:!0});t.synthetic=!0,this.dispatchEvent(t),this._executeAction()}}_handleClick(t){t.synthetic||this.hasAttribute("disabled")||(this.dispatchEvent(new CustomEvent("vsc-click",{detail:{originalEvent:t}})),this._executeAction())}render(){const t=""!==this.icon,e=""!==this.iconAfter,s={wrapper:!0,"has-icon-before":t,"has-icon-after":e},i=t?U`<vscode-icon
+
+    .divider {
+      display: var(--divider-display, none);
+      background-color: transparent;
+      padding: 4px 0;
+      box-sizing: border-box;
+    }
+
+    :host(:hover) .divider,
+    :host(:focus) .divider {
+      background-color: var(--vscode-button-hoverBackground, #026ec1);
+    }
+
+    :host([secondary]) .divider {
+      background-color: var(--vscode-button-secondaryBackground, #313131);
+    }
+
+    :host([secondary]:hover) .divider,
+    :host([secondary]:focus) .divider {
+      background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c);
+    }
+
+    .divider > div {
+      background-color: var(
+        --vscode-button-separator,
+        rgba(255, 255, 255, 0.4)
+      );
+      height: 100%;
+      width: 1px;
+      margin: 0;
+    }
+
+    :host([secondary]) .divider > div {
+      background-color: var(--vscode-button-secondaryForeground, #cccccc);
+      opacity: 0.4;
+    }
+  `];var Lt=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Ut=class extends kt{get form(){return this._internals.form}constructor(){super(),this.autofocus=!1,this.tabIndex=0,this.secondary=!1,this.role="button",this.disabled=!1,this.icon="",this.iconSpin=!1,this.iconAfter="",this.iconAfterSpin=!1,this.focused=!1,this.name=void 0,this.iconOnly=!1,this.type="button",this.value="",this._prevTabindex=0,this._handleFocus=()=>{this.focused=!0},this._handleBlur=()=>{this.focused=!1},this.addEventListener("keydown",this._handleKeyDown.bind(this)),this.addEventListener("click",this._handleClick.bind(this)),this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.autofocus&&(this.tabIndex<0&&(this.tabIndex=0),this.updateComplete.then((()=>{this.focus(),this.requestUpdate()}))),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("blur",this._handleBlur)}update(t){super.update(t),t.has("value")&&this._internals.setFormValue(this.value),t.has("disabled")&&(this.disabled?(this._prevTabindex=this.tabIndex,this.tabIndex=-1):this.tabIndex=this._prevTabindex)}_executeAction(){"submit"===this.type&&this._internals.form&&this._internals.form.requestSubmit(),"reset"===this.type&&this._internals.form&&this._internals.form.reset()}_handleKeyDown(t){if(("Enter"===t.key||" "===t.key)&&!this.hasAttribute("disabled")){this.dispatchEvent(new CustomEvent("vsc-click",{detail:{originalEvent:new MouseEvent("click")}}));const t=new MouseEvent("click",{bubbles:!0,cancelable:!0});t.synthetic=!0,this.dispatchEvent(t),this._executeAction()}}_handleClick(t){t.synthetic||this.hasAttribute("disabled")||(this.dispatchEvent(new CustomEvent("vsc-click",{detail:{originalEvent:t}})),this._executeAction())}render(){const t=""!==this.icon,e=""!==this.iconAfter,i={wrapper:!0,"has-icon-before":t,"has-icon-after":e,"icon-only":this.iconOnly},s=t?U`<vscode-icon
           name=${this.icon}
           ?spin=${this.iconSpin}
-          spin-duration=${Ot(this.iconSpinDuration)}
+          spin-duration=${Pt(this.iconSpinDuration)}
           class="icon"
-        ></vscode-icon>`:H,o=e?U`<vscode-icon
+        ></vscode-icon>`:q,o=e?U`<vscode-icon
           name=${this.iconAfter}
           ?spin=${this.iconAfterSpin}
-          spin-duration=${Ot(this.iconAfterSpinDuration)}
+          spin-duration=${Pt(this.iconAfterSpinDuration)}
           class="icon-after"
-        ></vscode-icon>`:H;return U`
-      <span class=${At(s)}>
-        ${i}
+        ></vscode-icon>`:q;return U`
+      <span class=${Mt(i)}>
+        ${s}
         <slot></slot>
         ${o}
       </span>
-    `}};Nt.styles=Pt,Nt.formAssociated=!0,Dt([ut({type:Boolean,reflect:!0})],Nt.prototype,"autofocus",void 0),Dt([ut({type:Number,reflect:!0})],Nt.prototype,"tabIndex",void 0),Dt([ut({type:Boolean,reflect:!0})],Nt.prototype,"secondary",void 0),Dt([ut({reflect:!0})],Nt.prototype,"role",void 0),Dt([ut({type:Boolean,reflect:!0})],Nt.prototype,"disabled",void 0),Dt([ut()],Nt.prototype,"icon",void 0),Dt([ut({type:Boolean,reflect:!0,attribute:"icon-spin"})],Nt.prototype,"iconSpin",void 0),Dt([ut({type:Number,reflect:!0,attribute:"icon-spin-duration"})],Nt.prototype,"iconSpinDuration",void 0),Dt([ut({attribute:"icon-after"})],Nt.prototype,"iconAfter",void 0),Dt([ut({type:Boolean,reflect:!0,attribute:"icon-after-spin"})],Nt.prototype,"iconAfterSpin",void 0),Dt([ut({type:Number,reflect:!0,attribute:"icon-after-spin-duration"})],Nt.prototype,"iconAfterSpinDuration",void 0),Dt([ut({type:Boolean,reflect:!0})],Nt.prototype,"focused",void 0),Dt([ut({type:String,reflect:!0})],Nt.prototype,"name",void 0),Dt([ut({reflect:!0})],Nt.prototype,"type",void 0),Dt([ut()],Nt.prototype,"value",void 0),Nt=Dt([ct("vscode-button")],Nt);var Vt=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};class Rt extends mt{constructor(){super(),this.focused=!1,this._prevTabindex=0,this._handleFocus=()=>{this.focused=!0},this._handleBlur=()=>{this.focused=!1}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("blur",this._handleBlur)}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),"disabled"===t&&this.hasAttribute("disabled")?(this._prevTabindex=this.tabIndex,this.tabIndex=-1):"disabled"!==t||this.hasAttribute("disabled")||(this.tabIndex=this._prevTabindex)}}Vt([ut({type:Boolean,reflect:!0})],Rt.prototype,"focused",void 0);var Tt=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};const Lt=t=>{class e extends t{constructor(){super(...arguments),this._label="",this._slottedText=""}set label(t){this._label=t,""===this._slottedText&&this.setAttribute("aria-label",t)}get label(){return this._label}_handleSlotChange(){this._slottedText=this.textContent?this.textContent.trim():"",""!==this._slottedText&&this.setAttribute("aria-label",this._slottedText)}_renderLabelAttribute(){return""===this._slottedText?U`<span class="label-attr">${this._label}</span>`:U`${H}`}}return Tt([ut()],e.prototype,"label",null),e};var Ut=[n`
+      <div class="divider"><div></div></div>
+    `}};Ut.styles=Tt,Ut.formAssociated=!0,Lt([pt({type:Boolean,reflect:!0})],Ut.prototype,"autofocus",void 0),Lt([pt({type:Number,reflect:!0})],Ut.prototype,"tabIndex",void 0),Lt([pt({type:Boolean,reflect:!0})],Ut.prototype,"secondary",void 0),Lt([pt({reflect:!0})],Ut.prototype,"role",void 0),Lt([pt({type:Boolean,reflect:!0})],Ut.prototype,"disabled",void 0),Lt([pt()],Ut.prototype,"icon",void 0),Lt([pt({type:Boolean,reflect:!0,attribute:"icon-spin"})],Ut.prototype,"iconSpin",void 0),Lt([pt({type:Number,reflect:!0,attribute:"icon-spin-duration"})],Ut.prototype,"iconSpinDuration",void 0),Lt([pt({attribute:"icon-after"})],Ut.prototype,"iconAfter",void 0),Lt([pt({type:Boolean,reflect:!0,attribute:"icon-after-spin"})],Ut.prototype,"iconAfterSpin",void 0),Lt([pt({type:Number,reflect:!0,attribute:"icon-after-spin-duration"})],Ut.prototype,"iconAfterSpinDuration",void 0),Lt([pt({type:Boolean,reflect:!0})],Ut.prototype,"focused",void 0),Lt([pt({type:String,reflect:!0})],Ut.prototype,"name",void 0),Lt([pt({type:Boolean,reflect:!0,attribute:"icon-only"})],Ut.prototype,"iconOnly",void 0),Lt([pt({reflect:!0})],Ut.prototype,"type",void 0),Lt([pt()],Ut.prototype,"value",void 0),Ut=Lt([$t("vscode-button")],Ut);const Gt=[_t,n`
+    :host {
+      display: inline-flex;
+      align-items: stretch;
+      padding: 0;
+      border: none;
+      overflow: hidden;
+    }
+
+    ::slotted(vscode-button:not(:first-child)) {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      border-left-width: 0;
+    }
+
+    ::slotted(vscode-button:not(:last-child)) {
+      --divider-display: block;
+      --wrapper-width: calc(100% - 1px);
+
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      border-right-width: 0;
+    }
+
+    ::slotted(vscode-button:focus) {
+      z-index: 1;
+    }
+  `];var Ht=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let qt=class extends kt{render(){return U` <slot></slot> `}};qt.styles=Gt,qt=Ht([dt("vscode-button-group")],qt);var Wt=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Kt extends kt{constructor(){super(),this.focused=!1,this._prevTabindex=0,this._handleFocus=()=>{this.focused=!0},this._handleBlur=()=>{this.focused=!1}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("blur",this._handleBlur)}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),"disabled"===t&&this.hasAttribute("disabled")?(this._prevTabindex=this.tabIndex,this.tabIndex=-1):"disabled"!==t||this.hasAttribute("disabled")||(this.tabIndex=this._prevTabindex)}}Wt([pt({type:Boolean,reflect:!0})],Kt.prototype,"focused",void 0);var Jt=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const Yt=t=>{class e extends t{constructor(){super(...arguments),this._label="",this._slottedText=""}set label(t){this._label=t,""===this._slottedText&&this.setAttribute("aria-label",t)}get label(){return this._label}_handleSlotChange(){this._slottedText=this.textContent?this.textContent.trim():"",""!==this._slottedText&&this.setAttribute("aria-label",this._slottedText)}_renderLabelAttribute(){return""===this._slottedText?U`<span class="label-attr">${this._label}</span>`:U`${q}`}}return Jt([pt()],e.prototype,"label",null),e};var Xt=[n`
     :host {
-      color: var(--vsc-foreground-translucent);
+      color: var(--vscode-foreground, #cccccc);
       display: inline-block;
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
       line-height: 18px;
     }
 
@@ -281,7 +364,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     .wrapper {
       cursor: pointer;
       display: block;
-      font-size: var(--vscode-font-size);
+      font-size: var(--vscode-font-size, 13px);
       margin-bottom: 4px;
       margin-top: 4px;
       min-height: 18px;
@@ -307,11 +390,11 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
 
     .icon {
       align-items: center;
-      background-color: var(--vscode-settings-checkboxBackground);
+      background-color: var(--vscode-settings-checkboxBackground, #313131);
       background-size: 16px;
-      border: 1px solid var(--vscode-settings-checkboxBorder);
+      border: 1px solid var(--vscode-settings-checkboxBorder, #3c3c3c);
       box-sizing: border-box;
-      color: var(--vscode-settings-checkboxForeground);
+      color: var(--vscode-settings-checkboxForeground, #cccccc);
       display: flex;
       height: 18px;
       justify-content: center;
@@ -349,10 +432,10 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     :host([disabled]) .label {
       cursor: default;
     }
-  `];const qt=[xt,Ut,n`
+  `];const Zt=[_t,Xt,n`
     :host(:invalid) .icon,
     :host([invalid]) .icon {
-      background-color: var(--vscode-inputValidation-errorBackground);
+      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
       border-color: var(--vscode-inputValidation-errorBorder, #be1100);
     }
 
@@ -368,10 +451,10 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     }
 
     :host(:focus):host(:not([disabled])) .icon {
-      outline: 1px solid var(--vscode-focusBorder);
+      outline: 1px solid var(--vscode-focusBorder, #0078d4);
       outline-offset: -1px;
     }
-  `];var Ht=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Kt=class extends(Lt(Rt)){set checked(t){this._checked=t,this._manageRequired(),this.requestUpdate()}get checked(){return this._checked}set required(t){this._required=t,this._manageRequired(),this.requestUpdate()}get required(){return this._required}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}constructor(){super(),this.autofocus=!1,this._checked=!1,this.defaultChecked=!1,this.invalid=!1,this.name=void 0,this.role="checkbox",this.value="",this.disabled=!1,this.indeterminate=!1,this._required=!1,this.type="checkbox",this._handleClick=t=>{t.preventDefault(),this.disabled||this._toggleState()},this._handleKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||(t.preventDefault()," "===t.key&&this._toggleState(),"Enter"===t.key&&this._internals.form?.requestSubmit())},this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeyDown),this.updateComplete.then((()=>{this._manageRequired(),this._setActualFormValue()}))}disconnectedCallback(){this.removeEventListener("keydown",this._handleKeyDown)}update(t){super.update(t),t.has("checked")&&(this.ariaChecked=this.checked?"true":"false")}formResetCallback(){this.checked=this.defaultChecked}formStateRestoreCallback(t,e){t&&(this.checked=!0)}_setActualFormValue(){let t="";t=this.checked?this.value?this.value:"on":null,this._internals.setFormValue(t)}_toggleState(){this.checked=!this.checked,this.indeterminate=!1,this._setActualFormValue(),this._manageRequired(),this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new CustomEvent("vsc-change",{detail:{checked:this.checked,label:this.label,value:this.value},bubbles:!0,composed:!0}))}_manageRequired(){!this.checked&&this.required?this._internals.setValidity({valueMissing:!0},"Please check this box if you want to proceed.",this._inputEl??void 0):this._internals.setValidity({})}render(){const t=At({icon:!0,checked:this.checked,indeterminate:this.indeterminate}),e=At({"label-inner":!0}),s=U`<svg
+  `];var Qt=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let te=class extends(Yt(Kt)){set checked(t){this._checked=t,this._manageRequired(),this.requestUpdate()}get checked(){return this._checked}set required(t){this._required=t,this._manageRequired(),this.requestUpdate()}get required(){return this._required}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}constructor(){super(),this.autofocus=!1,this._checked=!1,this.defaultChecked=!1,this.invalid=!1,this.name=void 0,this.value="",this.disabled=!1,this.indeterminate=!1,this._required=!1,this.type="checkbox",this._handleClick=t=>{t.preventDefault(),this.disabled||this._toggleState()},this._handleKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||(t.preventDefault()," "===t.key&&this._toggleState(),"Enter"===t.key&&this._internals.form?.requestSubmit())},this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeyDown),this.updateComplete.then((()=>{this._manageRequired(),this._setActualFormValue()}))}disconnectedCallback(){this.removeEventListener("keydown",this._handleKeyDown)}update(t){super.update(t),t.has("checked")&&(this.ariaChecked=this.checked?"true":"false")}formResetCallback(){this.checked=this.defaultChecked}formStateRestoreCallback(t,e){t&&(this.checked=!0)}_setActualFormValue(){let t="";t=this.checked?this.value?this.value:"on":null,this._internals.setFormValue(t)}_toggleState(){this.checked=!this.checked,this.indeterminate=!1,this._setActualFormValue(),this._manageRequired(),this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new CustomEvent("vsc-change",{detail:{checked:this.checked,label:this.label,value:this.value},bubbles:!0,composed:!0}))}_manageRequired(){!this.checked&&this.required?this._internals.setValidity({valueMissing:!0},"Please check this box if you want to proceed.",this._inputEl??void 0):this._internals.setValidity({})}render(){const t=Mt({icon:!0,checked:this.checked,indeterminate:this.indeterminate}),e=Mt({"label-inner":!0}),i=U`<svg
       width="16"
       height="16"
       viewBox="0 0 16 16"
@@ -384,7 +467,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
         clip-rule="evenodd"
         d="M14.431 3.323l-8.47 10-.79-.036-3.35-4.77.818-.574 2.978 4.24 8.051-9.506.764.646z"
       />
-    </svg>`,i=this.checked&&!this.indeterminate?s:H,o=this.indeterminate?U`<span class="indeterminate-icon"></span>`:H;return U`
+    </svg>`,s=this.checked&&!this.indeterminate?i:q,o=this.indeterminate?U`<span class="indeterminate-icon"></span>`:q;return U`
       <div class="wrapper">
         <input
           ?autofocus=${this.autofocus}
@@ -394,7 +477,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           ?checked=${this.checked}
           value=${this.value}
         >
-        <div class=${t}>${o}${i}</div>
+        <div class=${t}>${o}${s}</div>
         <label for="input" class="label" @click=${this._handleClick}>
           <span class=${e}>
             ${this._renderLabelAttribute()}
@@ -402,7 +485,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           </span>
         </label>
       </div>
-    `}};Kt.styles=qt,Kt.formAssociated=!0,Kt.shadowRootOptions={...lt.shadowRootOptions,delegatesFocus:!0},Ht([ut({type:Boolean,reflect:!0})],Kt.prototype,"autofocus",void 0),Ht([ut({type:Boolean,reflect:!0})],Kt.prototype,"checked",null),Ht([ut({type:Boolean,reflect:!0,attribute:"default-checked"})],Kt.prototype,"defaultChecked",void 0),Ht([ut({type:Boolean,reflect:!0})],Kt.prototype,"invalid",void 0),Ht([ut({reflect:!0})],Kt.prototype,"name",void 0),Ht([ut({reflect:!0})],Kt.prototype,"role",void 0),Ht([ut()],Kt.prototype,"value",void 0),Ht([ut({type:Boolean,reflect:!0})],Kt.prototype,"disabled",void 0),Ht([ut({type:Boolean,reflect:!0})],Kt.prototype,"indeterminate",void 0),Ht([ut({type:Boolean,reflect:!0})],Kt.prototype,"required",null),Ht([ut()],Kt.prototype,"type",void 0),Ht([bt("#input")],Kt.prototype,"_inputEl",void 0),Kt=Ht([ct("vscode-checkbox")],Kt);const Wt=[xt,n`
+    `}};te.styles=Zt,te.formAssociated=!0,te.shadowRootOptions={...at.shadowRootOptions,delegatesFocus:!0},Qt([pt({type:Boolean,reflect:!0})],te.prototype,"autofocus",void 0),Qt([pt({type:Boolean,reflect:!0})],te.prototype,"checked",null),Qt([pt({type:Boolean,reflect:!0,attribute:"default-checked"})],te.prototype,"defaultChecked",void 0),Qt([pt({type:Boolean,reflect:!0})],te.prototype,"invalid",void 0),Qt([pt({reflect:!0})],te.prototype,"name",void 0),Qt([pt()],te.prototype,"value",void 0),Qt([pt({type:Boolean,reflect:!0})],te.prototype,"disabled",void 0),Qt([pt({type:Boolean,reflect:!0})],te.prototype,"indeterminate",void 0),Qt([pt({type:Boolean,reflect:!0})],te.prototype,"required",null),Qt([pt()],te.prototype,"type",void 0),Qt([gt("#input")],te.prototype,"_inputEl",void 0),te=Qt([$t("vscode-checkbox")],te);const ee=[_t,n`
     :host {
       display: block;
     }
@@ -432,18 +515,18 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     :host([variant='vertical']) ::slotted(vscode-checkbox:last-child) {
       margin-bottom: 0;
     }
-  `];var Gt=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Jt=class extends mt{constructor(){super(...arguments),this.role="group",this.variant="horizontal"}render(){return U`
+  `];var ie=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let se=class extends kt{constructor(){super(...arguments),this.role="group",this.variant="horizontal"}render(){return U`
       <div class="wrapper">
         <slot></slot>
       </div>
-    `}};Jt.styles=Wt,Gt([ut({reflect:!0})],Jt.prototype,"role",void 0),Gt([ut({reflect:!0})],Jt.prototype,"variant",void 0),Jt=Gt([ct("vscode-checkbox-group")],Jt);const Yt=[xt,n`
+    `}};se.styles=ee,ie([pt({reflect:!0})],se.prototype,"role",void 0),ie([pt({reflect:!0})],se.prototype,"variant",void 0),se=ie([$t("vscode-checkbox-group")],se);const oe=[_t,n`
     .collapsible {
-      background-color: var(--vscode-sideBar-background);
+      background-color: var(--vscode-sideBar-background, #181818);
     }
 
     .collapsible-header {
       align-items: center;
-      background-color: var(--vscode-sideBarSectionHeader-background);
+      background-color: var(--vscode-sideBarSectionHeader-background, #181818);
       cursor: pointer;
       display: flex;
       height: 22px;
@@ -456,13 +539,13 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       outline-offset: -1px;
       outline-style: solid;
       outline-width: 1px;
-      outline-color: var(--vscode-focusBorder);
+      outline-color: var(--vscode-focusBorder, #0078d4);
     }
 
     .title {
-      color: var(--vscode-sideBarTitle-foreground);
+      color: var(--vscode-sideBarTitle-foreground, #cccccc);
       display: block;
-      font-family: var(--vscode-font-family);
+      font-family: var(--vscode-font-family, sans-serif);
       font-size: 11px;
       font-weight: 700;
       margin: 0;
@@ -480,7 +563,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     }
 
     .header-icon {
-      color: var(--vscode-icon-foreground);
+      color: var(--vscode-icon-foreground, #cccccc);
       display: block;
       flex-shrink: 0;
       margin: 0 3px;
@@ -525,7 +608,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     .collapsible.open .collapsible-body {
       display: block;
     }
-  `];var Xt=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Zt=class extends mt{constructor(){super(...arguments),this.title="",this.description="",this.open=!1}_emitToggleEvent(){this.dispatchEvent(new CustomEvent("vsc-collapsible-toggle",{detail:{open:this.open}}))}_onHeaderClick(){this.open=!this.open,this._emitToggleEvent()}_onHeaderKeyDown(t){"Enter"===t.key&&(this.open=!this.open,this._emitToggleEvent())}render(){const t=At({collapsible:!0,open:this.open}),e=U`<svg
+  `];var re=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let ne=class extends kt{constructor(){super(...arguments),this.title="",this.description="",this.open=!1}_emitToggleEvent(){this.dispatchEvent(new CustomEvent("vsc-collapsible-toggle",{detail:{open:this.open}}))}_onHeaderClick(){this.open=!this.open,this._emitToggleEvent()}_onHeaderKeyDown(t){"Enter"===t.key&&(this.open=!this.open,this._emitToggleEvent())}render(){const t=Mt({collapsible:!0,open:this.open}),e=U`<svg
       width="16"
       height="16"
       viewBox="0 0 16 16"
@@ -538,7 +621,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
         clip-rule="evenodd"
         d="M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z"
       />
-    </svg>`,s=this.description?U`<span class="description">${this.description}</span>`:H;return U`
+    </svg>`,i=this.description?U`<span class="description">${this.description}</span>`:q;return U`
       <div class=${t}>
         <div
           class="collapsible-header"
@@ -548,7 +631,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           @keydown=${this._onHeaderKeyDown}
         >
           ${e}
-          <h3 class="title">${this.title}${s}</h3>
+          <h3 class="title">${this.title}${i}</h3>
           <div class="header-slots">
             <div class="actions"><slot name="actions"></slot></div>
             <div class="decorations"><slot name="decorations"></slot></div>
@@ -558,27 +641,27 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           <slot></slot>
         </div>
       </div>
-    `}};Zt.styles=Yt,Xt([ut({type:String})],Zt.prototype,"title",void 0),Xt([ut()],Zt.prototype,"description",void 0),Xt([ut({type:Boolean,reflect:!0})],Zt.prototype,"open",void 0),Zt=Xt([ct("vscode-collapsible")],Zt);const Qt=[xt,n`
+    `}};ne.styles=oe,re([pt({type:String})],ne.prototype,"title",void 0),re([pt()],ne.prototype,"description",void 0),re([pt({type:Boolean,reflect:!0})],ne.prototype,"open",void 0),ne=re([$t("vscode-collapsible")],ne);const le=[_t,n`
     :host {
       display: block;
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
       line-height: 1.4em;
       outline: none;
       position: relative;
     }
 
     .context-menu-item {
-      background-color: var(--vscode-menu-background);
-      color: var(--vscode-menu-foreground);
+      background-color: var(--vscode-menu-background, #1f1f1f);
+      color: var(--vscode-menu-foreground, #cccccc);
       display: flex;
       user-select: none;
       white-space: nowrap;
     }
 
     .ruler {
-      border-bottom: 1px solid var(--vscode-menu-separatorBackground);
+      border-bottom: 1px solid var(--vscode-menu-separatorBackground, #454545);
       display: block;
       margin: 0 0 4px;
       padding-top: 4px;
@@ -592,7 +675,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       border-style: solid;
       border-width: 1px;
       box-sizing: border-box;
-      color: var(--vscode-menu-foreground);
+      color: var(--vscode-menu-foreground, #cccccc);
       cursor: pointer;
       display: flex;
       flex: 1 1 auto;
@@ -605,12 +688,9 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     }
 
     :host([selected]) .context-menu-item a {
-      background-color: var(--vscode-menu-selectionBackground);
-      border-color: var(
-        --vscode-menu-selectionBorder,
-        var(--vscode-menu-selectionBackground)
-      );
-      color: var(--vscode-menu-selectionForeground);
+      background-color: var(--vscode-menu-selectionBackground, #0078d4);
+      border-color: var(--vscode-menu-selectionBorder, transparent);
+      color: var(--vscode-menu-selectionForeground, #ffffff);
     }
 
     .label {
@@ -630,7 +710,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       padding: 0 22px;
       text-align: right;
     }
-  `];var te=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let ee=class extends mt{constructor(){super(...arguments),this.label="",this.keybinding="",this.value="",this.separator=!1,this.tabindex=0}onItemClick(){this.dispatchEvent(new CustomEvent("vsc-click",{detail:{label:this.label,keybinding:this.keybinding,value:this.value||this.label,separator:this.separator,tabindex:this.tabindex},bubbles:!0,composed:!0}))}render(){return U`
+  `];var he=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let ae=class extends kt{constructor(){super(...arguments),this.label="",this.keybinding="",this.value="",this.separator=!1,this.tabindex=0}onItemClick(){this.dispatchEvent(new CustomEvent("vsc-click",{detail:{label:this.label,keybinding:this.keybinding,value:this.value||this.label,separator:this.separator,tabindex:this.tabindex},bubbles:!0,composed:!0}))}render(){return U`
       ${this.separator?U`
             <div class="context-menu-item separator">
               <span class="ruler"></span>
@@ -638,29 +718,29 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           `:U`
             <div class="context-menu-item">
               <a @click=${this.onItemClick}>
-                ${this.label?U`<span class="label">${this.label}</span>`:H}
-                ${this.keybinding?U`<span class="keybinding">${this.keybinding}</span>`:H}
+                ${this.label?U`<span class="label">${this.label}</span>`:q}
+                ${this.keybinding?U`<span class="keybinding">${this.keybinding}</span>`:q}
               </a>
             </div>
           `}
-    `}};ee.styles=Qt,te([ut({type:String})],ee.prototype,"label",void 0),te([ut({type:String})],ee.prototype,"keybinding",void 0),te([ut({type:String})],ee.prototype,"value",void 0),te([ut({type:Boolean,reflect:!0})],ee.prototype,"separator",void 0),te([ut({type:Number})],ee.prototype,"tabindex",void 0),ee=te([ct("vscode-context-menu-item")],ee);const se=[xt,n`
+    `}};ae.styles=le,he([pt({type:String})],ae.prototype,"label",void 0),he([pt({type:String})],ae.prototype,"keybinding",void 0),he([pt({type:String})],ae.prototype,"value",void 0),he([pt({type:Boolean,reflect:!0})],ae.prototype,"separator",void 0),he([pt({type:Number})],ae.prototype,"tabindex",void 0),ae=he([$t("vscode-context-menu-item")],ae);const ce=[_t,n`
     :host {
       display: block;
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
       line-height: 1.4em;
       position: relative;
     }
 
     .context-menu {
-      background-color: var(--vscode-menu-background);
-      border-color: var(--vscode-menu-border, var(--vscode-menu-background));
+      background-color: var(--vscode-menu-background, #1f1f1f);
+      border-color: var(--vscode-menu-border, #454545);
       border-radius: 5px;
       border-style: solid;
       border-width: 1px;
-      box-shadow: 0 2px 8px var(--vscode-widget-shadow);
-      color: var(--vscode-menu-foreground);
+      box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36));
+      color: var(--vscode-menu-foreground, #cccccc);
       padding: 4px 0;
       white-space: nowrap;
     }
@@ -668,13 +748,13 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     .context-menu:focus {
       outline: 0;
     }
-  `];var ie=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let oe=class extends mt{set data(t){this._data=t;const e=[];t.forEach(((t,s)=>{t.separator||e.push(s)})),this._clickableItemIndexes=e}get data(){return this._data}set show(t){this._show=t,this._selectedClickableItemIndex=-1,t&&this.updateComplete.then((()=>{this._wrapperEl&&this._wrapperEl.focus(),requestAnimationFrame((()=>{document.addEventListener("click",this._onClickOutsideBound,{once:!0})}))}))}get show(){return this._show}constructor(){super(),this.preventClose=!1,this.tabIndex=0,this._selectedClickableItemIndex=-1,this._show=!1,this._data=[],this._clickableItemIndexes=[],this._onClickOutsideBound=this._onClickOutside.bind(this),this.addEventListener("keydown",this._onKeyDown)}_onClickOutside(t){t.composedPath().includes(this)||(this.show=!1)}_onKeyDown(t){const{key:e}=t;switch("ArrowUp"!==e&&"ArrowDown"!==e&&"Escape"!==e&&"Enter"!==e||t.preventDefault(),e){case"ArrowUp":this._handleArrowUp();break;case"ArrowDown":this._handleArrowDown();break;case"Escape":this._handleEscape();break;case"Enter":this._handleEnter()}}_handleArrowUp(){0===this._selectedClickableItemIndex?this._selectedClickableItemIndex=this._clickableItemIndexes.length-1:this._selectedClickableItemIndex-=1}_handleArrowDown(){this._selectedClickableItemIndex+1<this._clickableItemIndexes.length?this._selectedClickableItemIndex+=1:this._selectedClickableItemIndex=0}_handleEscape(){this.show=!1,document.removeEventListener("click",this._onClickOutsideBound)}_dispatchSelectEvent(t){const{keybinding:e,label:s,value:i,separator:o,tabindex:r}=t;this.dispatchEvent(new CustomEvent("vsc-context-menu-select",{detail:{keybinding:e,label:s,separator:o,tabindex:r,value:i}}))}_dispatchLegacySelectEvent(t){const{keybinding:e,label:s,value:i,separator:o,tabindex:r}=t,n={keybinding:e,label:s,value:i,separator:o,tabindex:r};this.dispatchEvent(new CustomEvent("vsc-select",{detail:n,bubbles:!0,composed:!0}))}_handleEnter(){if(-1===this._selectedClickableItemIndex)return;const t=this._clickableItemIndexes[this._selectedClickableItemIndex],e=this._wrapperEl.querySelectorAll("vscode-context-menu-item")[t];this._dispatchLegacySelectEvent(e),this._dispatchSelectEvent(e),this.preventClose||(this.show=!1,document.removeEventListener("click",this._onClickOutsideBound))}_onItemClick(t){const e=t.currentTarget;this._dispatchLegacySelectEvent(e),this._dispatchSelectEvent(e),this.preventClose||(this.show=!1)}_onItemMouseOver(t){const e=t.target,s=e.dataset.index?+e.dataset.index:-1,i=this._clickableItemIndexes.findIndex((t=>t===s));-1!==i&&(this._selectedClickableItemIndex=i)}_onItemMouseOut(){this._selectedClickableItemIndex=-1}render(){if(!this._show)return U`${H}`;const t=this._clickableItemIndexes[this._selectedClickableItemIndex];return U`
+  `];var de=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let ue=class extends kt{set data(t){this._data=t;const e=[];t.forEach(((t,i)=>{t.separator||e.push(i)})),this._clickableItemIndexes=e}get data(){return this._data}set show(t){this._show=t,this._selectedClickableItemIndex=-1,t&&this.updateComplete.then((()=>{this._wrapperEl&&this._wrapperEl.focus(),requestAnimationFrame((()=>{document.addEventListener("click",this._onClickOutsideBound,{once:!0})}))}))}get show(){return this._show}constructor(){super(),this.preventClose=!1,this.tabIndex=0,this._selectedClickableItemIndex=-1,this._show=!1,this._data=[],this._clickableItemIndexes=[],this._onClickOutsideBound=this._onClickOutside.bind(this),this.addEventListener("keydown",this._onKeyDown)}_onClickOutside(t){t.composedPath().includes(this)||(this.show=!1)}_onKeyDown(t){const{key:e}=t;switch("ArrowUp"!==e&&"ArrowDown"!==e&&"Escape"!==e&&"Enter"!==e||t.preventDefault(),e){case"ArrowUp":this._handleArrowUp();break;case"ArrowDown":this._handleArrowDown();break;case"Escape":this._handleEscape();break;case"Enter":this._handleEnter()}}_handleArrowUp(){0===this._selectedClickableItemIndex?this._selectedClickableItemIndex=this._clickableItemIndexes.length-1:this._selectedClickableItemIndex-=1}_handleArrowDown(){this._selectedClickableItemIndex+1<this._clickableItemIndexes.length?this._selectedClickableItemIndex+=1:this._selectedClickableItemIndex=0}_handleEscape(){this.show=!1,document.removeEventListener("click",this._onClickOutsideBound)}_dispatchSelectEvent(t){const{keybinding:e,label:i,value:s,separator:o,tabindex:r}=t;this.dispatchEvent(new CustomEvent("vsc-context-menu-select",{detail:{keybinding:e,label:i,separator:o,tabindex:r,value:s}}))}_dispatchLegacySelectEvent(t){const{keybinding:e,label:i,value:s,separator:o,tabindex:r}=t,n={keybinding:e,label:i,value:s,separator:o,tabindex:r};this.dispatchEvent(new CustomEvent("vsc-select",{detail:n,bubbles:!0,composed:!0}))}_handleEnter(){if(-1===this._selectedClickableItemIndex)return;const t=this._clickableItemIndexes[this._selectedClickableItemIndex],e=this._wrapperEl.querySelectorAll("vscode-context-menu-item")[t];this._dispatchLegacySelectEvent(e),this._dispatchSelectEvent(e),this.preventClose||(this.show=!1,document.removeEventListener("click",this._onClickOutsideBound))}_onItemClick(t){const e=t.currentTarget;this._dispatchLegacySelectEvent(e),this._dispatchSelectEvent(e),this.preventClose||(this.show=!1)}_onItemMouseOver(t){const e=t.target,i=e.dataset.index?+e.dataset.index:-1,s=this._clickableItemIndexes.findIndex((t=>t===i));-1!==s&&(this._selectedClickableItemIndex=s)}_onItemMouseOut(){this._selectedClickableItemIndex=-1}render(){if(!this._show)return U`${q}`;const t=this._clickableItemIndexes[this._selectedClickableItemIndex];return U`
       <div class="context-menu" tabindex="0">
-        ${this.data?this.data.map((({label:e="",keybinding:s="",value:i="",separator:o=!1,tabindex:r=0},n)=>U`
+        ${this.data?this.data.map((({label:e="",keybinding:i="",value:s="",separator:o=!1,tabindex:r=0},n)=>U`
                 <vscode-context-menu-item
                   label=${e}
-                  keybinding=${s}
-                  value=${i}
+                  keybinding=${i}
+                  value=${s}
                   ?separator=${o}
                   ?selected=${n===t}
                   tabindex=${r}
@@ -685,25 +765,25 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
                 ></vscode-context-menu-item>
               `)):U`<slot></slot>`}
       </div>
-    `}};oe.styles=se,ie([ut({type:Array,attribute:!1})],oe.prototype,"data",null),ie([ut({type:Boolean,reflect:!0,attribute:"prevent-close"})],oe.prototype,"preventClose",void 0),ie([ut({type:Boolean,reflect:!0})],oe.prototype,"show",null),ie([ut({type:Number,reflect:!0})],oe.prototype,"tabIndex",void 0),ie([vt()],oe.prototype,"_selectedClickableItemIndex",void 0),ie([vt()],oe.prototype,"_show",void 0),ie([bt(".context-menu")],oe.prototype,"_wrapperEl",void 0),oe=ie([ct("vscode-context-menu")],oe);const re=[xt,n`
+    `}};ue.styles=ce,de([pt({type:Array,attribute:!1})],ue.prototype,"data",null),de([pt({type:Boolean,reflect:!0,attribute:"prevent-close"})],ue.prototype,"preventClose",void 0),de([pt({type:Boolean,reflect:!0})],ue.prototype,"show",null),de([pt({type:Number,reflect:!0})],ue.prototype,"tabIndex",void 0),de([bt()],ue.prototype,"_selectedClickableItemIndex",void 0),de([bt()],ue.prototype,"_show",void 0),de([gt(".context-menu")],ue.prototype,"_wrapperEl",void 0),ue=de([$t("vscode-context-menu")],ue);const ve=[_t,n`
     :host {
-      background-color: var(--vscode-foreground);
+      background-color: var(--vscode-foreground, #cccccc);
       display: block;
       height: 1px;
       margin-bottom: 10px;
       margin-top: 10px;
       opacity: 0.4;
     }
-  `];var ne=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let le=class extends mt{constructor(){super(...arguments),this.role="separator"}render(){return U``}};le.styles=re,ne([ut({reflect:!0})],le.prototype,"role",void 0),le=ne([ct("vscode-divider")],le);const ae=[xt,n`
+  `];var pe=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let be=class extends kt{constructor(){super(...arguments),this.role="separator"}render(){return U``}};be.styles=ve,pe([pt({reflect:!0})],be.prototype,"role",void 0),be=pe([$t("vscode-divider")],be);const fe=[_t,n`
     :host {
       display: block;
       max-width: 727px;
     }
-  `];var ce,he=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};!function(t){t.HORIZONTAL="horizontal",t.VERTICAL="vertical"}(ce||(ce={}));const de=t=>"vscode-checkbox"===t.tagName.toLocaleLowerCase(),ue=t=>"vscode-radio"===t.tagName.toLocaleLowerCase();let ve=class extends mt{constructor(){super(...arguments),this.breakpoint=490,this._responsive=!1,this._firstUpdateComplete=!1,this._resizeObserverCallbackBound=this._resizeObserverCallback.bind(this)}set responsive(t){this._responsive=t,this._firstUpdateComplete&&(t?this._activateResponsiveLayout():this._deactivateResizeObserver())}get responsive(){return this._responsive}get data(){return this._collectFormData()}_collectFormData(){const t=["vscode-textfield","vscode-textarea","vscode-single-select","vscode-multi-select","vscode-checkbox","vscode-radio"].join(","),e=this.querySelectorAll(t),s={};return e.forEach((t=>{if(!t.hasAttribute("name"))return;const e=t.getAttribute("name");e&&(de(t)&&t.checked?s[e]=Array.isArray(s[e])?[...s[e],t.value]:[t.value]:"vscode-multi-select"===t.tagName.toLocaleLowerCase()?s[e]=t.value:de(t)&&!t.checked?s[e]=Array.isArray(s[e])?s[e]:[]:ue(t)&&t.checked||(t=>["vscode-textfield","vscode-textarea"].includes(t.tagName.toLocaleLowerCase()))(t)||(t=>"vscode-single-select"===t.tagName.toLocaleLowerCase())(t)?s[e]=t.value:ue(t)&&!t.checked&&(s[e]=s[e]?s[e]:""))})),s}_toggleCompactLayout(t){this._assignedFormGroups.forEach((e=>{e.dataset.originalVariant||(e.dataset.originalVariant=e.variant);const s=e.dataset.originalVariant;t===ce.VERTICAL&&"horizontal"===s?e.variant="vertical":e.variant=s;e.querySelectorAll("vscode-checkbox-group, vscode-radio-group").forEach((e=>{e.dataset.originalVariant||(e.dataset.originalVariant=e.variant);const s=e.dataset.originalVariant;t===ce.HORIZONTAL&&s===ce.HORIZONTAL?e.variant="horizontal":e.variant="vertical"}))}))}_resizeObserverCallback(t){let e=0;for(const s of t)e=s.contentRect.width;const s=e<this.breakpoint?ce.VERTICAL:ce.HORIZONTAL;s!==this._currentFormGroupLayout&&(this._toggleCompactLayout(s),this._currentFormGroupLayout=s)}_activateResponsiveLayout(){this._resizeObserver=new ResizeObserver(this._resizeObserverCallbackBound),this._resizeObserver.observe(this._wrapperElement)}_deactivateResizeObserver(){this._resizeObserver?.disconnect(),this._resizeObserver=null}firstUpdated(){this._firstUpdateComplete=!0,this._responsive&&this._activateResponsiveLayout()}render(){return U`
+  `];var ge,me=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){t.HORIZONTAL="horizontal",t.VERTICAL="vertical"}(ge||(ge={}));const xe=t=>"vscode-checkbox"===t.tagName.toLocaleLowerCase(),ye=t=>"vscode-radio"===t.tagName.toLocaleLowerCase();let we=class extends kt{constructor(){super(...arguments),this.breakpoint=490,this._responsive=!1,this._firstUpdateComplete=!1,this._resizeObserverCallbackBound=this._resizeObserverCallback.bind(this)}set responsive(t){this._responsive=t,this._firstUpdateComplete&&(t?this._activateResponsiveLayout():this._deactivateResizeObserver())}get responsive(){return this._responsive}get data(){return this._collectFormData()}_collectFormData(){const t=["vscode-textfield","vscode-textarea","vscode-single-select","vscode-multi-select","vscode-checkbox","vscode-radio"].join(","),e=this.querySelectorAll(t),i={};return e.forEach((t=>{if(!t.hasAttribute("name"))return;const e=t.getAttribute("name");e&&(xe(t)&&t.checked?i[e]=Array.isArray(i[e])?[...i[e],t.value]:[t.value]:"vscode-multi-select"===t.tagName.toLocaleLowerCase()?i[e]=t.value:xe(t)&&!t.checked?i[e]=Array.isArray(i[e])?i[e]:[]:ye(t)&&t.checked||(t=>["vscode-textfield","vscode-textarea"].includes(t.tagName.toLocaleLowerCase()))(t)||(t=>"vscode-single-select"===t.tagName.toLocaleLowerCase())(t)?i[e]=t.value:ye(t)&&!t.checked&&(i[e]=i[e]?i[e]:""))})),i}_toggleCompactLayout(t){this._assignedFormGroups.forEach((e=>{e.dataset.originalVariant||(e.dataset.originalVariant=e.variant);const i=e.dataset.originalVariant;t===ge.VERTICAL&&"horizontal"===i?e.variant="vertical":e.variant=i;e.querySelectorAll("vscode-checkbox-group, vscode-radio-group").forEach((e=>{e.dataset.originalVariant||(e.dataset.originalVariant=e.variant);const i=e.dataset.originalVariant;t===ge.HORIZONTAL&&i===ge.HORIZONTAL?e.variant="horizontal":e.variant="vertical"}))}))}_resizeObserverCallback(t){let e=0;for(const i of t)e=i.contentRect.width;const i=e<this.breakpoint?ge.VERTICAL:ge.HORIZONTAL;i!==this._currentFormGroupLayout&&(this._toggleCompactLayout(i),this._currentFormGroupLayout=i)}_activateResponsiveLayout(){this._resizeObserver=new ResizeObserver(this._resizeObserverCallbackBound),this._resizeObserver.observe(this._wrapperElement)}_deactivateResizeObserver(){this._resizeObserver?.disconnect(),this._resizeObserver=null}firstUpdated(){this._firstUpdateComplete=!0,this._responsive&&this._activateResponsiveLayout()}render(){return U`
       <div class="wrapper">
         <slot></slot>
       </div>
-    `}};ve.styles=ae,he([ut({type:Boolean,reflect:!0})],ve.prototype,"responsive",null),he([ut({type:Number})],ve.prototype,"breakpoint",void 0),he([ut({type:Object})],ve.prototype,"data",null),he([bt(".wrapper")],ve.prototype,"_wrapperElement",void 0),he([gt({selector:"vscode-form-group"})],ve.prototype,"_assignedFormGroups",void 0),ve=he([ct("vscode-form-container")],ve);const pe=[xt,n`
+    `}};we.styles=fe,me([pt({type:Boolean,reflect:!0})],we.prototype,"responsive",null),me([pt({type:Number})],we.prototype,"breakpoint",void 0),me([pt({type:Object})],we.prototype,"data",null),me([gt(".wrapper")],we.prototype,"_wrapperElement",void 0),me([xt({selector:"vscode-form-group"})],we.prototype,"_assignedFormGroups",void 0),we=me([$t("vscode-form-container")],we);const ke=[_t,n`
     :host {
       --label-right-margin: 14px;
       --label-width: 150px;
@@ -788,11 +868,11 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     ::slotted(vscode-button) {
       margin-right: 4px;
     }
-  `];var be=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let fe=class extends mt{constructor(){super(...arguments),this.variant="horizontal"}render(){return U`
+  `];var $e=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let _e=class extends kt{constructor(){super(...arguments),this.variant="horizontal"}render(){return U`
       <div class="wrapper">
         <slot></slot>
       </div>
-    `}};fe.styles=pe,be([ut({reflect:!0})],fe.prototype,"variant",void 0),fe=be([ct("vscode-form-group")],fe);const ge=[xt,n`
+    `}};_e.styles=ke,$e([pt({reflect:!0})],_e.prototype,"variant",void 0),_e=$e([$t("vscode-form-group")],_e);const Se=[_t,n`
     :host {
       display: block;
       line-height: 1.4em;
@@ -805,66 +885,97 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     :host([vertical]) {
       margin-left: 0;
     }
-  `];var me=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};const xe=new CSSStyleSheet;xe.replaceSync("\n  vscode-form-helper * {\n    margin: 0;\n  }\n\n  vscode-form-helper *:not(:last-child) {\n    margin-bottom: 8px;\n  }\n");let ye=class extends mt{constructor(){super(),this._injectLightDOMStyles()}_injectLightDOMStyles(){const t=document.adoptedStyleSheets.find((t=>t===xe));t||document.adoptedStyleSheets.push(xe)}render(){return U`<slot></slot>`}};ye.styles=ge,ye=me([ct("vscode-form-helper")],ye);let we=0;const ke=(t="")=>(we++,`${t}${we}`),$e=[xt,n`
+  `];var Ce=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const Be=new CSSStyleSheet;Be.replaceSync("\n  vscode-form-helper * {\n    margin: 0;\n  }\n\n  vscode-form-helper *:not(:last-child) {\n    margin-bottom: 8px;\n  }\n");let Oe=class extends kt{constructor(){super(),this._injectLightDOMStyles()}_injectLightDOMStyles(){const t=document.adoptedStyleSheets.find((t=>t===Be));t||document.adoptedStyleSheets.push(Be)}render(){return U`<slot></slot>`}};Oe.styles=Se,Oe=Ce([$t("vscode-form-helper")],Oe);let ze=0;const Ae=(t="")=>(ze++,`${t}${ze}`),Ee=[_t,n`
     :host {
+      color: var(--vscode-foreground, #cccccc);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: 600;
+      line-height: ${1.2307692307692308};
+      cursor: default;
       display: block;
+      padding: 5px 0;
     }
 
     .wrapper {
-      display: flex;
-      flex-wrap: wrap;
-    }
-
-    :host([variant='vertical']) .wrapper {
       display: block;
     }
 
-    ::slotted(vscode-radio) {
-      margin-right: 20px;
-    }
-
-    ::slotted(vscode-radio:last-child) {
-      margin-right: 0;
+    .wrapper.required:after {
+      content: ' *';
     }
 
-    :host([variant='vertical']) ::slotted(vscode-radio) {
-      display: block;
-      margin-bottom: 15px;
+    ::slotted(.normal) {
+      font-weight: normal;
     }
 
-    :host([variant='vertical']) ::slotted(vscode-radio:last-child) {
-      margin-bottom: 0;
+    ::slotted(.lightened) {
+      color: var(--vscode-foreground, #cccccc);
+      opacity: 0.9;
     }
-  `];var _e=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Ce=class extends mt{constructor(){super(...arguments),this.variant="horizontal",this.role="radiogroup",this._focusedRadio=-1,this._checkedRadio=-1,this._firstContentLoaded=!1,this._onKeyDownBound=this._onKeyDown.bind(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._onKeyDownBound)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onKeyDownBound)}_uncheckPreviousChecked(t,e){-1!==t&&(this._radios[t].checked=!1),-1!==e&&(this._radios[e].tabIndex=-1)}_afterCheck(){this._focusedRadio=this._checkedRadio,this._radios[this._checkedRadio].checked=!0,this._radios[this._checkedRadio].tabIndex=0,this._radios[this._checkedRadio].focus()}_checkPrev(){const t=this._radios.findIndex((t=>t.checked)),e=this._radios.findIndex((t=>t.focused)),s=-1!==e?e:t;this._uncheckPreviousChecked(t,e),this._checkedRadio=-1===s?this._radios.length-1:s-1>=0?s-1:this._radios.length-1,this._afterCheck()}_checkNext(){const t=this._radios.findIndex((t=>t.checked)),e=this._radios.findIndex((t=>t.focused)),s=-1!==e?e:t;this._uncheckPreviousChecked(t,e),-1===s?this._checkedRadio=0:s+1<this._radios.length?this._checkedRadio=s+1:this._checkedRadio=0,this._afterCheck()}_onKeyDown(t){const{key:e}=t;["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"].includes(e)&&t.preventDefault(),"ArrowRight"!==e&&"ArrowDown"!==e||this._checkNext(),"ArrowLeft"!==e&&"ArrowUp"!==e||this._checkPrev()}_onChange(t){const e=this._radios.findIndex((e=>e===t.target));-1!==e&&(-1!==this._focusedRadio&&(this._radios[this._focusedRadio].tabIndex=-1),-1!==this._checkedRadio&&this._checkedRadio!==e&&(this._radios[this._checkedRadio].checked=!1),this._focusedRadio=e,this._checkedRadio=e,this._radios[e].tabIndex=0)}_onSlotChange(){if(!this._firstContentLoaded){const t=this._radios.findIndex((t=>t.autofocus));t>-1&&(this._focusedRadio=t),this._firstContentLoaded=!0}this._radios.forEach(((t,e)=>{this._focusedRadio>-1?t.tabIndex=e===this._focusedRadio?0:-1:t.tabIndex=0===e?0:-1}))}render(){return U`
-      <div class="wrapper">
-        <slot
-          @slotchange=${this._onSlotChange}
-          @vsc-change=${this._onChange}
-        ></slot>
-      </div>
-    `}};Ce.styles=$e,_e([ut({reflect:!0})],Ce.prototype,"variant",void 0),_e([ut({reflect:!0})],Ce.prototype,"role",void 0),_e([gt({selector:"vscode-radio"})],Ce.prototype,"_radios",void 0),_e([vt()],Ce.prototype,"_focusedRadio",void 0),_e([vt()],Ce.prototype,"_checkedRadio",void 0),Ce=_e([ct("vscode-radio-group")],Ce);const Be=[xt,n`
+  `];var Ie=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let je=class extends kt{constructor(){super(...arguments),this.required=!1,this._id="",this._htmlFor="",this._connected=!1}set htmlFor(t){this._htmlFor=t,this.setAttribute("for",t),this._connected&&this._connectWithTarget()}get htmlFor(){return this._htmlFor}set id(t){this._id=t}get id(){return this._id}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i)}connectedCallback(){super.connectedCallback(),this._connected=!0,""===this._id&&(this._id=Ae("vscode-label-"),this.setAttribute("id",this._id)),this._connectWithTarget()}_getTarget(){let t=null;if(this._htmlFor){const e=this.getRootNode({composed:!1});e&&(t=e.querySelector(`#${this._htmlFor}`))}return t}async _connectWithTarget(){await this.updateComplete;const t=this._getTarget();["vscode-radio-group","vscode-checkbox-group"].includes(t?.tagName.toLowerCase()??"")&&t.setAttribute("aria-labelledby",this._id);let e="";this.textContent&&(e=this.textContent.trim()),t&&"label"in t&&["vscode-textfield","vscode-textarea","vscode-single-select","vscode-multi-select"].includes(t?.tagName.toLowerCase()??"")&&(t.label=e)}_handleClick(){const t=this._getTarget();t&&"focus"in t&&t.focus()}render(){return U`
+      <label
+        class=${Mt({wrapper:!0,required:this.required})}
+        @click=${this._handleClick}
+        ><slot></slot
+      ></label>
+    `}};je.styles=Ee,Ie([pt({reflect:!0,attribute:"for"})],je.prototype,"htmlFor",null),Ie([pt()],je.prototype,"id",null),Ie([pt({type:Boolean,reflect:!0})],je.prototype,"required",void 0),je=Ie([$t("vscode-label")],je);const Me=U`
+  <span class="icon">
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="currentColor"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z"
+      />
+    </svg>
+  </span>
+`,Pe=G`<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  xmlns="http://www.w3.org/2000/svg"
+  fill="currentColor"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.431 3.323l-8.47 10-.79-.036-3.35-4.77.818-.574 2.978 4.24 8.051-9.506.764.646z"
+  />
+</svg>`,{I:De}=rt,Fe=()=>document.createComment(""),Ve=(t,e,i)=>{const s=t._$AA.parentNode,o=void 0===e?t._$AB:e._$AA;if(void 0===i){const e=s.insertBefore(Fe(),o),r=s.insertBefore(Fe(),o);i=new De(e,r,t,t.options)}else{const e=i._$AB.nextSibling,r=i._$AM,n=r!==t;if(n){let e;i._$AQ?.(t),i._$AM=t,void 0!==i._$AP&&(e=t._$AU)!==r._$AU&&i._$AP(e)}if(e!==o||n){let t=i._$AA;for(;t!==e;){const e=t.nextSibling;s.insertBefore(t,o),t=e}}}return i},Ne=(t,e,i=t)=>(t._$AI(e,i),t),Re={},Te=t=>{t._$AP?.(!1,!0);let e=t._$AA;const i=t._$AB.nextSibling;for(;e!==i;){const t=e.nextSibling;e.remove(),e=t}},Le=(t,e,i)=>{const s=new Map;for(let o=e;o<=i;o++)s.set(t[o],o);return s},Ue=It(class extends jt{constructor(t){if(super(t),t.type!==At)throw Error("repeat() can only be used in text expressions")}dt(t,e,i){let s;void 0===i?i=e:void 0!==e&&(s=e);const o=[],r=[];let n=0;for(const e of t)o[n]=s?s(e,n):n,r[n]=i(e,n),n++;return{values:r,keys:o}}render(t,e,i){return this.dt(t,e,i).values}update(t,[e,i,s]){const o=(t=>t._$AH)(t),{values:r,keys:n}=this.dt(e,i,s);if(!Array.isArray(o))return this.ut=n,r;const l=this.ut??=[],h=[];let a,c,d=0,u=o.length-1,v=0,p=r.length-1;for(;d<=u&&v<=p;)if(null===o[d])d++;else if(null===o[u])u--;else if(l[d]===n[v])h[v]=Ne(o[d],r[v]),d++,v++;else if(l[u]===n[p])h[p]=Ne(o[u],r[p]),u--,p--;else if(l[d]===n[p])h[p]=Ne(o[d],r[p]),Ve(t,h[p+1],o[d]),d++,p--;else if(l[u]===n[v])h[v]=Ne(o[u],r[v]),Ve(t,o[d],o[u]),u--,v++;else if(void 0===a&&(a=Le(n,v,p),c=Le(l,d,u)),a.has(l[d]))if(a.has(l[u])){const e=c.get(n[v]),i=void 0!==e?o[e]:null;if(null===i){const e=Ve(t,o[d]);Ne(e,r[v]),h[v]=e}else h[v]=Ne(i,r[v]),Ve(t,o[d],i),o[e]=null;v++}else Te(o[u]),u--;else Te(o[d]),d++;for(;v<=p;){const e=Ve(t,h[p+1]);Ne(e,r[v]),h[v++]=e}for(;d<=u;){const t=o[d++];null!==t&&Te(t)}return this.ut=n,((t,e=Re)=>{t._$AH=e})(t,h),H}});var Ge=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let He=class extends kt{constructor(){super(...arguments),this.description="",this.selected=!1,this.disabled=!1,this._initialized=!1,this._handleSlotChange=()=>{this._initialized&&this.dispatchEvent(new Event("vsc-option-state-change",{bubbles:!0}))}}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._initialized=!0}))}willUpdate(t){this._initialized&&(t.has("description")||t.has("value")||t.has("selected")||t.has("disabled"))&&this.dispatchEvent(new Event("vsc-option-state-change",{bubbles:!0}))}render(){return U`<slot @slotchange=${this._handleSlotChange}></slot>`}};He.styles=_t,Ge([pt({type:String})],He.prototype,"value",void 0),Ge([pt({type:String})],He.prototype,"description",void 0),Ge([pt({type:Boolean,reflect:!0})],He.prototype,"selected",void 0),Ge([pt({type:Boolean,reflect:!0})],He.prototype,"disabled",void 0),He=Ge([$t("vscode-option")],He);const qe=(t,e)=>{const i={match:!1,ranges:[]},s=t.toLowerCase(),o=e.toLowerCase(),r=s.split(" ");let n=0;return r.forEach(((e,s)=>{if(s>0&&(n+=r[s-1].length+1),i.match)return;const l=e.indexOf(o),h=o.length;0===l&&(i.match=!0,i.ranges.push([n+l,Math.min(n+l+h,t.length)]))})),i},We=(t,e)=>{const i={match:!1,ranges:[]};return 0===t.toLowerCase().indexOf(e.toLowerCase())&&(i.match=!0,i.ranges=[[0,e.length]]),i},Ke=(t,e)=>{const i={match:!1,ranges:[]},s=t.toLowerCase().indexOf(e.toLowerCase());return s>-1&&(i.match=!0,i.ranges=[[s,s+e.length]]),i},Je=(t,e)=>{const i={match:!1,ranges:[]};let s=0,o=0;const r=e.length-1,n=t.toLowerCase(),l=e.toLowerCase();for(let t=0;t<=r;t++){if(o=n.indexOf(l[t],s),-1===o)return{match:!1,ranges:[]};i.match=!0,i.ranges.push([o,o+1]),s=o+1}return i},Ye=t=>{const e=[];return" "===t?(e.push(U`&nbsp;`),e):(0===t.indexOf(" ")&&e.push(U`&nbsp;`),e.push(U`${t.trimStart().trimEnd()}`),t.lastIndexOf(" ")===t.length-1&&e.push(U`&nbsp;`),e)};class Xe{constructor(t){this._activeIndex=-1,this._options=[],this._filterPattern="",this._filterMethod="fuzzy",this._combobox=!1,this._indexByValue=new Map,this._indexByLabel=new Map,this._selectedIndex=-1,this._selectedIndexes=new Set,this._multiSelect=!1,this._numOfVisibleOptions=0,(this._host=t).addController(this)}hostConnected(){}get activeIndex(){return this._activeIndex}set activeIndex(t){this._activeIndex=t,this._host.requestUpdate()}get relativeActiveIndex(){return this._options[this._activeIndex]?.filteredIndex??-1}set comboboxMode(t){this._combobox=t,this._host.requestUpdate()}get comboboxMode(){return this._combobox}get multiSelect(){return this._multiSelect}set multiSelect(t){this._selectedIndex=-1,this._selectedIndexes.clear(),this._multiSelect=t,this._host.requestUpdate()}get selectedIndex(){return this._selectedIndex}set selectedIndex(t){-1!==this._selectedIndex&&(this._options[this._selectedIndex].selected??=!1);const e=this.getOptionByIndex(t);this._selectedIndex=e?t:-1,this._host.requestUpdate()}get selectedIndexes(){return Array.from(this._selectedIndexes)}set selectedIndexes(t){this._selectedIndexes.forEach((t=>{this._options[t].selected=!1})),this._selectedIndexes=new Set(t),t.forEach((t=>{void 0!==this._options[t]&&(this._options[t].selected=!0)})),this._host.requestUpdate()}set value(t){if(this._multiSelect){const e=t.map((t=>this._indexByValue.get(t))).filter((t=>void 0!==t));this._selectedIndexes=new Set(e)}else this._selectedIndex=this._indexByValue.get(t)??-1;this._host.requestUpdate()}get value(){return this._multiSelect?this._selectedIndexes.size>0?Array.from(this._selectedIndexes).map((t=>this._options[t].value)):[]:this._selectedIndex>-1?this._options[this._selectedIndex].value:""}set multiSelectValue(t){const e=t.map((t=>this._indexByValue.get(t))).filter((t=>void 0!==t));this._selectedIndexes=new Set(e)}get multiSelectValue(){return this._selectedIndexes.size>0?Array.from(this._selectedIndexes).map((t=>this._options[t].value)):[]}get filterPattern(){return this._filterPattern}set filterPattern(t){t!==this._filterPattern&&(this._filterPattern=t,this._updateState())}get filterMethod(){return this._filterMethod}set filterMethod(t){t!==this._filterMethod&&(this._filterMethod=t,this._updateState())}get options(){return this._options}get numOfVisibleOptions(){return this._numOfVisibleOptions}get numOptions(){return this._options.length}populate(t){this._indexByValue.clear(),this._indexByLabel.clear(),this._options=t.map(((t,e)=>(this._indexByValue.set(t.value??"",e),this._indexByLabel.set(t.label??"",e),{description:t.description??"",disabled:t.disabled??!1,label:t.label??"",selected:t.selected??!1,value:t.value??"",index:e,filteredIndex:e,ranges:[],visible:!0}))),this._numOfVisibleOptions=this._options.length}add(t){const e=this._options.length,{description:i,disabled:s,label:o,selected:r,value:n}=t;let l=!0,h=[];if(this._combobox&&""!==this._filterPattern){const t=this._searchByPattern(o??"");l=t.match,h=t.ranges}this._indexByValue.set(n??"",e),this._indexByLabel.set(o??"",e),r&&(this._selectedIndex=e,this._selectedIndexes.add(e),this._activeIndex=e),this._options.push({index:e,filteredIndex:e,description:i??"",disabled:s??!1,label:o??"",selected:r??!1,value:n??"",visible:l,ranges:h}),l&&(this._numOfVisibleOptions+=1)}clear(){this._options=[],this._indexByValue.clear(),this._indexByLabel.clear(),this._numOfVisibleOptions=0}getIsIndexSelected(t){return this._multiSelect?this._selectedIndexes.has(t):this._selectedIndex===t}expandMultiSelection(t){t.forEach((t=>{const e=this._indexByValue.get(t)??-1;-1!==e&&this._selectedIndexes.add(e)})),this._host.requestUpdate()}toggleActiveMultiselectOption(){const t=this._options[this._activeIndex]??null;if(!t)return;this._selectedIndexes.has(t.index)?this._selectedIndexes.delete(t.index):this._selectedIndexes.add(t.index),this._host.requestUpdate()}toggleOptionSelected(t){const e=this._selectedIndexes.has(t);this._options[t].selected=!this._options[t].selected,e?this._selectedIndexes.delete(t):this._selectedIndexes.add(t),this._host.requestUpdate()}getActiveOption(){return this._options[this._activeIndex]??null}getSelectedOption(){return this._options[this._selectedIndex]??null}getOptionByIndex(t){return this._options[t]??null}findOptionIndex(t){return this._indexByValue.get(t)??-1}getOptionByValue(t,e=!1){const i=this._indexByValue.get(t)??-1;return-1===i?null:e||this._options[i].visible?this._options[i]:null}getOptionByLabel(t){const e=this._indexByLabel.get(t)??-1;return-1===e?null:this._options[e]}next(t){let e=-1;for(let i=(t??this._activeIndex)+1;i<this._options.length;i++)if(this._options[i]&&!this._options[i].disabled&&this._options[i].visible){e=i;break}return e>-1?this._options[e]:null}prev(t){let e=-1;for(let i=(t??this._activeIndex)-1;i>=0;i--)if(this._options[i]&&!this._options[i].disabled&&this._options[i].visible){e=i;break}return e>-1?this._options[e]:null}activateDefault(){if(this._multiSelect){if(this._selectedIndexes.size>0){const t=this._selectedIndexes.values().next();this._activeIndex=t.value?t.value:0}}else this._selectedIndex>-1?this._activeIndex=this._selectedIndex:this._activeIndex=0;this._host.requestUpdate()}selectAll(){this._multiSelect&&(this._options.forEach(((t,e)=>{this._options[e].selected=!0,this._selectedIndexes.add(e)})),this._host.requestUpdate())}selectNone(){this._multiSelect&&(this._options.forEach(((t,e)=>{this._options[e].selected=!1})),this._selectedIndexes.clear(),this._host.requestUpdate())}_searchByPattern(t){let e;switch(this._filterMethod){case"startsWithPerTerm":e=qe(t,this._filterPattern);break;case"startsWith":e=We(t,this._filterPattern);break;case"contains":e=Ke(t,this._filterPattern);break;default:e=Je(t,this._filterPattern)}return e}_updateState(){if(this._combobox&&""!==this._filterPattern){let t=-1;this._numOfVisibleOptions=0,this._options.forEach((({label:e},i)=>{const s=this._searchByPattern(e);this._options[i].visible=s.match,this._options[i].ranges=s.ranges,this._options[i].filteredIndex=s.match?++t:-1,s.match&&(this._numOfVisibleOptions+=1)}))}else this._options.forEach(((t,e)=>{this._options[e].visible=!0,this._options[e].ranges=[]})),this._numOfVisibleOptions=this._options.length;this._host.requestUpdate()}}const Ze=[_t,n`
     :host {
-      display: inline-block;
-      height: 40px;
+      display: block;
       position: relative;
-      width: 320px;
     }
 
-    :host([cols]) {
-      width: auto;
+    .scrollable-container {
+      height: 100%;
+      overflow: auto;
     }
 
-    :host([rows]) {
-      height: auto;
+    .scrollable-container::-webkit-scrollbar {
+      cursor: default;
+      width: 0;
+    }
+
+    .scrollable-container {
+      scrollbar-width: none;
     }
 
     .shadow {
-      box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
+      box-shadow: var(--vscode-scrollbar-shadow, #000000) 0 6px 6px -6px inset;
       display: none;
-      inset: 0 0 auto 0;
-      height: 6px;
+      height: 3px;
+      left: 0;
       pointer-events: none;
       position: absolute;
+      top: 0;
+      z-index: 1;
       width: 100%;
     }
 
@@ -872,313 +983,150 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       display: block;
     }
 
-    textarea {
-      background-color: var(--vscode-settings-textInputBackground);
-      border-color: var(
-        --vscode-settings-textInputBorder,
-        var(--vscode-settings-textInputBackground)
-      );
-      border-radius: 2px;
-      border-style: solid;
-      border-width: 1px;
-      box-sizing: border-box;
-      color: var(--vscode-settings-textInputForeground);
-      display: block;
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
+    .scrollbar-track {
       height: 100%;
-      width: 100%;
-    }
-
-    :host([cols]) textarea {
-      width: auto;
-    }
-
-    :host([rows]) textarea {
-      height: auto;
-    }
-
-    :host([invalid]) textarea,
-    :host(:invalid) textarea {
-      background-color: var(--vscode-inputValidation-errorBackground);
-      border-color: var(--vscode-inputValidation-errorBorder, #be1100);
-    }
-
-    textarea.monospace {
-      background-color: var(--vscode-editor-background);
-      color: var(--vscode-editor-foreground);
-      font-family: var(--vscode-editor-font-family);
-      font-size: var(--vscode-editor-font-size);
-      font-weight: var(--vscode-editor-font-weight);
-    }
-
-    .textarea.monospace::placeholder {
-      color: var(--vscode-editor-inlineValuesForeground);
-    }
-
-    textarea.cursor-pointer {
-      cursor: pointer;
-    }
-
-    textarea:focus {
-      border-color: var(--vscode-focusBorder);
-      outline: none;
+      position: absolute;
+      right: 0;
+      top: 0;
+      width: 10px;
+      z-index: 100;
     }
 
-    textarea::placeholder {
-      color: var(--vscode-input-placeholderForeground);
-      opacity: 1;
+    .scrollbar-track.hidden {
+      display: none;
     }
 
-    textarea::-webkit-scrollbar-track {
+    .scrollbar-thumb {
       background-color: transparent;
+      min-height: var(--min-thumb-height, 20px);
+      opacity: 0;
+      position: absolute;
+      right: 0;
+      width: 10px;
     }
 
-    textarea::-webkit-scrollbar {
-      width: 14px;
-    }
-
-    textarea::-webkit-scrollbar-thumb {
-      background-color: transparent;
+    .scrollbar-thumb.visible {
+      background-color: var(
+        --vscode-scrollbarSlider-background,
+        rgba(121, 121, 121, 0.4)
+      );
+      opacity: 1;
+      transition: opacity 100ms;
     }
 
-    textarea:hover::-webkit-scrollbar-thumb {
-      background-color: var(--vscode-scrollbarSlider-background);
+    .scrollbar-thumb.fade {
+      background-color: var(
+        --vscode-scrollbarSlider-background,
+        rgba(121, 121, 121, 0.4)
+      );
+      opacity: 0;
+      transition: opacity 800ms;
     }
 
-    textarea::-webkit-scrollbar-thumb:hover {
-      background-color: var(--vscode-scrollbarSlider-hoverBackground);
+    .scrollbar-thumb.visible:hover {
+      background-color: var(
+        --vscode-scrollbarSlider-hoverBackground,
+        rgba(100, 100, 100, 0.7)
+      );
     }
 
-    textarea::-webkit-scrollbar-thumb:active {
-      background-color: var(--vscode-scrollbarSlider-activeBackground);
+    .scrollbar-thumb.visible.active,
+    .scrollbar-thumb.visible.active:hover {
+      background-color: var(
+        --vscode-scrollbarSlider-activeBackground,
+        rgba(191, 191, 191, 0.4)
+      );
     }
 
-    textarea::-webkit-scrollbar-corner {
-      background-color: transparent;
+    .prevent-interaction {
+      bottom: 0;
+      left: 0;
+      right: 0;
+      top: 0;
+      position: absolute;
+      z-index: 99;
     }
 
-    textarea::-webkit-resizer {
-      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII=');
-      background-repeat: no-repeat;
-      background-position: right bottom;
+    .content {
+      overflow: hidden;
     }
-  `];var Se=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let ze=class extends mt{set value(t){this._value=t,this._internals.setFormValue(t)}get value(){return this._value}get wrappedElement(){return this._textareaEl}get form(){return this._internals.form}get type(){return"textarea"}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}set minlength(t){this.minLength=t}get minlength(){return this.minLength}set maxlength(t){this.maxLength=t}get maxlength(){return this.maxLength}constructor(){super(),this.autocomplete=void 0,this.autofocus=!1,this.defaultValue="",this.disabled=!1,this.invalid=!1,this.label="",this.maxLength=void 0,this.minLength=void 0,this.rows=void 0,this.cols=void 0,this.name=void 0,this.placeholder=void 0,this.readonly=!1,this.resize="none",this.required=!1,this.spellcheck=!1,this.monospace=!1,this._value="",this._textareaPointerCursor=!1,this._shadow=!1,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._textareaEl.checkValidity(),this._setValidityFromInput(),this._internals.setFormValue(this._textareaEl.value)}))}updated(t){const e=["maxLength","minLength","required"];for(const s of t.keys())if(e.includes(String(s))){this.updateComplete.then((()=>{this._setValidityFromInput()}));break}}formResetCallback(){this.value=this.defaultValue}formStateRestoreCallback(t,e){this.updateComplete.then((()=>{this._value=t}))}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}_setValidityFromInput(){this._internals.setValidity(this._textareaEl.validity,this._textareaEl.validationMessage,this._textareaEl)}_dataChanged(){this._value=this._textareaEl.value,this._internals.setFormValue(this._textareaEl.value)}_handleChange(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("vsc-change",{detail:{data:this.value,originalEvent:t}}))}_handleInput(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new CustomEvent("vsc-input",{detail:{data:t.data,originalEvent:t}}))}_handleMouseMove(t){if(this._textareaEl.clientHeight>=this._textareaEl.scrollHeight)return void(this._textareaPointerCursor=!1);const e=this._textareaEl.getBoundingClientRect(),s=t.clientX;this._textareaPointerCursor=s>=e.left+e.width-14-2}_handleScroll(){this._shadow=this._textareaEl.scrollTop>0}render(){return U`
+  `];var Qe=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let ti=class extends kt{set scrollPos(t){this._scrollPos=t,this._updateScrollbar(),this._updateThumbPosition(),this.requestUpdate()}get scrollPos(){return this._scrollPos}get scrollMax(){return this._scrollableContainer?this._scrollableContainer.scrollHeight:0}constructor(){super(),this.alwaysVisible=!1,this.fastScrollSensitivity=5,this.minThumbSize=20,this.mouseWheelScrollSensitivity=1,this.shadow=!0,this.scrolled=!1,this._scrollPos=0,this._isDragging=!1,this._thumbHeight=0,this._thumbY=0,this._thumbVisible=!1,this._thumbFade=!1,this._thumbActive=!1,this._scrollThumbStartY=0,this._mouseStartY=0,this._scrollbarVisible=!0,this._scrollbarTrackZ=0,this._resizeObserverCallback=()=>{this._updateScrollbar(),this._updateThumbPosition()},this._handleSlotChange=()=>{this._updateScrollbar(),this._updateThumbPosition(),this._zIndexFix()},this._handleScrollThumbMouseMove=t=>{const e=this._scrollThumbStartY+(t.screenY-this._mouseStartY);this._thumbY=this._limitThumbPos(e),this.scrollPos=this._calculateScrollPosFromThumbPos(this._thumbY),this.dispatchEvent(new CustomEvent("vsc-scrollable-scroll",{detail:this.scrollPos}))},this._handleScrollThumbMouseUp=t=>{this._isDragging=!1,this._thumbActive=!1;const e=this.getBoundingClientRect(),{x:i,y:s,width:o,height:r}=e,{pageX:n,pageY:l}=t;(n>i+o||n<i||l>s+r||l<s)&&(this._thumbFade=!0,this._thumbVisible=!1),document.removeEventListener("mousemove",this._handleScrollThumbMouseMove),document.removeEventListener("mouseup",this._handleScrollThumbMouseUp)},this._handleComponentMouseOver=()=>{this._thumbVisible=!0,this._thumbFade=!1},this._handleComponentMouseOut=()=>{this._thumbActive||(this._thumbVisible=!1,this._thumbFade=!0)},this._handleComponentWheel=t=>{t.preventDefault();const e=t.altKey?this.mouseWheelScrollSensitivity*this.fastScrollSensitivity:this.mouseWheelScrollSensitivity;this.scrollPos=this._limitScrollPos(this.scrollPos+t.deltaY*e),this.dispatchEvent(new CustomEvent("vsc-scrollable-scroll",{detail:this.scrollPos}))},this._handleScrollableContainerScroll=t=>{t.currentTarget&&(this.scrollPos=t.currentTarget.scrollTop)},this.addEventListener("mouseover",this._handleComponentMouseOver),this.addEventListener("mouseout",this._handleComponentMouseOut),this.addEventListener("wheel",this._handleComponentWheel)}connectedCallback(){super.connectedCallback(),this._hostResizeObserver=new ResizeObserver(this._resizeObserverCallback),this._contentResizeObserver=new ResizeObserver(this._resizeObserverCallback),this.requestUpdate(),this.updateComplete.then((()=>{this._hostResizeObserver.observe(this),this._contentResizeObserver.observe(this._contentElement),this._updateThumbPosition()}))}disconnectedCallback(){super.disconnectedCallback(),this._hostResizeObserver.unobserve(this),this._hostResizeObserver.disconnect(),this._contentResizeObserver.unobserve(this._contentElement),this._contentResizeObserver.disconnect()}firstUpdated(t){this._updateThumbPosition()}_calcThumbHeight(){const t=this.offsetHeight,e=t*(t/(this._contentElement?.offsetHeight??0));return Math.max(this.minThumbSize,e)}_updateScrollbar(){const t=this._contentElement?.offsetHeight??0;this.offsetHeight>=t?this._scrollbarVisible=!1:(this._scrollbarVisible=!0,this._thumbHeight=this._calcThumbHeight()),this.requestUpdate()}_zIndexFix(){let t=0;this._assignedElements.forEach((e=>{if("style"in e){const i=window.getComputedStyle(e).zIndex;/([0-9-])+/g.test(i)&&(t=Number(i)>t?Number(i):t)}})),this._scrollbarTrackZ=t+1,this.requestUpdate()}_updateThumbPosition(){if(!this._scrollableContainer)return;const t=this._scrollPos;this.scrolled=t>0;const e=this.offsetHeight,i=this._thumbHeight,s=t/(this._contentElement.offsetHeight-e),o=e-i;this._thumbY=Math.min(s*(e-i),o)}_calculateScrollPosFromThumbPos(t){const e=this.getBoundingClientRect().height,i=t/(e-this._scrollThumbElement.getBoundingClientRect().height)*(this._contentElement.getBoundingClientRect().height-e);return this._limitScrollPos(i)}_limitScrollPos(t){return t<0?0:t>this.scrollMax?this.scrollMax:t}_limitThumbPos(t){const e=this.getBoundingClientRect().height,i=this._scrollThumbElement.getBoundingClientRect().height;return t<0?0:t>e-i?e-i:t}_handleScrollThumbMouseDown(t){const e=this.getBoundingClientRect(),i=this._scrollThumbElement.getBoundingClientRect();this._mouseStartY=t.screenY,this._scrollThumbStartY=i.top-e.top,this._isDragging=!0,this._thumbActive=!0,document.addEventListener("mousemove",this._handleScrollThumbMouseMove),document.addEventListener("mouseup",this._handleScrollThumbMouseUp)}_handleScrollbarTrackPress(t){t.target===t.currentTarget&&(this._thumbY=t.offsetY-this._thumbHeight/2,this.scrollPos=this._calculateScrollPosFromThumbPos(this._thumbY))}render(){return U`
       <div
-        class=${At({shadow:!0,visible:this._shadow})}
-      ></div>
-      <textarea
-        autocomplete=${Ot(this.autocomplete)}
-        ?autofocus=${this.autofocus}
-        ?disabled=${this.disabled}
-        aria-label=${this.label}
-        id="textarea"
-        class=${At({monospace:this.monospace,"cursor-pointer":this._textareaPointerCursor})}
-        maxlength=${Ot(this.maxLength)}
-        minlength=${Ot(this.minLength)}
-        rows=${Ot(this.rows)}
-        cols=${Ot(this.cols)}
-        name=${Ot(this.name)}
-        placeholder=${Ot(this.placeholder)}
-        ?readonly=${this.readonly}
-        .style=${Et({resize:this.resize})}
-        ?required=${this.required}
-        spellcheck=${this.spellcheck}
-        @change=${this._handleChange}
-        @input=${this._handleInput}
-        @mousemove=${this._handleMouseMove}
-        @scroll=${this._handleScroll}
-        .value=${this._value}
-      ></textarea>
-    `}};ze.styles=Be,ze.formAssociated=!0,ze.shadowRootOptions={...lt.shadowRootOptions,delegatesFocus:!0},Se([ut()],ze.prototype,"autocomplete",void 0),Se([ut({type:Boolean,reflect:!0})],ze.prototype,"autofocus",void 0),Se([ut({attribute:"default-value"})],ze.prototype,"defaultValue",void 0),Se([ut({type:Boolean,reflect:!0})],ze.prototype,"disabled",void 0),Se([ut({type:Boolean,reflect:!0})],ze.prototype,"invalid",void 0),Se([ut({attribute:!1})],ze.prototype,"label",void 0),Se([ut({type:Number})],ze.prototype,"maxLength",void 0),Se([ut({type:Number})],ze.prototype,"minLength",void 0),Se([ut({type:Number})],ze.prototype,"rows",void 0),Se([ut({type:Number})],ze.prototype,"cols",void 0),Se([ut()],ze.prototype,"name",void 0),Se([ut()],ze.prototype,"placeholder",void 0),Se([ut({type:Boolean,reflect:!0})],ze.prototype,"readonly",void 0),Se([ut()],ze.prototype,"resize",void 0),Se([ut({type:Boolean,reflect:!0})],ze.prototype,"required",void 0),Se([ut({type:Boolean})],ze.prototype,"spellcheck",void 0),Se([ut({type:Boolean,reflect:!0})],ze.prototype,"monospace",void 0),Se([ut()],ze.prototype,"value",null),Se([bt("#textarea")],ze.prototype,"_textareaEl",void 0),Se([vt()],ze.prototype,"_value",void 0),Se([vt()],ze.prototype,"_textareaPointerCursor",void 0),Se([vt()],ze.prototype,"_shadow",void 0),ze=Se([ct("vscode-textarea")],ze);const Ae=r(yt()),Oe=[xt,n`
-    :host {
-      align-items: center;
-      background-color: var(--vscode-settings-textInputBackground, #313131);
-      border-color: var(
-        --vscode-settings-textInputBorder,
-        var(--vscode-settings-textInputBackground, #3c3c3c)
-      );
-      border-radius: 2px;
-      border-style: solid;
-      border-width: 1px;
-      box-sizing: border-box;
-      color: var(--vscode-settings-textInputForeground, #cccccc);
-      display: inline-flex;
-      max-width: 100%;
-      position: relative;
-      width: 320px;
-    }
-
-    :host([focused]) {
-      border-color: var(--vscode-focusBorder, #0078d4);
-    }
-
-    :host([invalid]),
-    :host(:invalid) {
-      border-color: var(--vscode-inputValidation-errorBorder, #be1100);
-    }
-
-    :host([invalid]) input,
-    :host(:invalid) input {
-      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
-    }
-
-    ::slotted([slot='content-before']) {
-      display: block;
-      margin-left: 2px;
-    }
-
-    ::slotted([slot='content-after']) {
-      display: block;
-      margin-right: 2px;
-    }
-
-    slot[name='content-before'],
-    slot[name='content-after'] {
-      align-items: center;
-      display: flex;
-    }
-
-    input {
-      background-color: var(--vscode-settings-textInputBackground, #313131);
-      border: 0;
-      box-sizing: border-box;
-      color: var(--vscode-settings-textInputForeground, #cccccc);
-      display: block;
-      font-family: var(--vscode-font-family, ${Ae});
-      font-size: var(--vscode-font-size, 13px);
-      font-weight: var(--vscode-font-weight, 'normal');
-      line-height: 18px;
-      outline: none;
-      padding-bottom: 3px;
-      padding-left: 4px;
-      padding-right: 4px;
-      padding-top: 3px;
-      width: 100%;
-    }
-
-    input:read-only:not([type='file']) {
-      cursor: not-allowed;
-    }
-
-    input::placeholder {
-      color: var(--vscode-input-placeholderForeground, #989898);
-      opacity: 1;
-    }
-
-    input[type='file'] {
-      line-height: 24px;
-      padding-bottom: 0;
-      padding-left: 2px;
-      padding-top: 0;
-    }
-
-    input[type='file']::file-selector-button {
-      background-color: var(--vscode-button-background, #0078d4);
-      border: 0;
-      border-radius: 2px;
-      color: var(--vscode-button-foreground, #ffffff);
-      cursor: pointer;
-      font-family: var(--vscode-font-family, ${Ae});
-      font-size: var(--vscode-font-size, 13px);
-      font-weight: var(--vscode-font-weight, 'normal');
-      line-height: 20px;
-      padding: 0 14px;
-    }
-
-    input[type='file']::file-selector-button:hover {
-      background-color: var(--vscode-button-hoverBackground, #026ec1);
-    }
-  `];var Ee=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let je=class extends mt{set type(t){this._type=["color","date","datetime-local","email","file","month","number","password","search","tel","text","time","url","week"].includes(t)?t:"text"}get type(){return this._type}set value(t){"file"!==this.type&&(this._value=t,this._internals.setFormValue(t)),this.updateComplete.then((()=>{this._setValidityFromInput()}))}get value(){return this._value}set minlength(t){this.minLength=t}get minlength(){return this.minLength}set maxlength(t){this.maxLength=t}get maxlength(){return this.maxLength}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._setValidityFromInput(),this._internals.checkValidity()}reportValidity(){return this._setValidityFromInput(),this._internals.reportValidity()}get wrappedElement(){return this._inputEl}constructor(){super(),this.autocomplete=void 0,this.autofocus=!1,this.defaultValue="",this.disabled=!1,this.focused=!1,this.invalid=!1,this.label="",this.max=void 0,this.maxLength=void 0,this.min=void 0,this.minLength=void 0,this.multiple=!1,this.name=void 0,this.pattern=void 0,this.placeholder=void 0,this.readonly=!1,this.required=!1,this.step=void 0,this._value="",this._type="text",this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._inputEl.checkValidity(),this._setValidityFromInput(),this._internals.setFormValue(this._inputEl.value)}))}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s);["max","maxlength","min","minlength","pattern","required","step"].includes(t)&&this.updateComplete.then((()=>{this._setValidityFromInput()}))}formResetCallback(){this.value=this.defaultValue,this.requestUpdate()}formStateRestoreCallback(t,e){this.value=t}_dataChanged(){if(this._value=this._inputEl.value,"file"===this.type&&this._inputEl.files)for(const t of this._inputEl.files)this._internals.setFormValue(t);else this._internals.setFormValue(this._inputEl.value)}_setValidityFromInput(){this._inputEl&&this._internals.setValidity(this._inputEl.validity,this._inputEl.validationMessage,this._inputEl)}_onInput(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new CustomEvent("vsc-input",{detail:{data:t.data,originalEvent:t}}))}_onChange(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("vsc-change",{detail:{data:this.value,originalEvent:t}}))}_onFocus(){this.focused=!0}_onBlur(){this.focused=!1}_onKeyDown(t){"Enter"===t.key&&this._internals.form&&this._internals.form?.requestSubmit()}render(){return U`
-      <slot name="content-before"></slot>
-      <input
-        id="input"
-        type=${this.type}
-        ?autofocus=${this.autofocus}
-        autocomplete=${Ot(this.autocomplete)}
-        aria-label=${this.label}
-        ?disabled=${this.disabled}
-        max=${Ot(this.max)}
-        maxlength=${Ot(this.maxLength)}
-        min=${Ot(this.min)}
-        minlength=${Ot(this.minLength)}
-        ?multiple=${this.multiple}
-        name=${Ot(this.name)}
-        pattern=${Ot(this.pattern)}
-        placeholder=${Ot(this.placeholder)}
-        ?readonly=${this.readonly}
-        ?required=${this.required}
-        step=${Ot(this.step)}
-        .value=${this._value}
-        @blur=${this._onBlur}
-        @change=${this._onChange}
-        @focus=${this._onFocus}
-        @input=${this._onInput}
-        @keydown=${this._onKeyDown}
+        class="scrollable-container"
+        .style=${Dt({userSelect:this._isDragging?"none":"auto"})}
+        .scrollTop=${this._scrollPos}
+        @scroll=${this._handleScrollableContainerScroll}
       >
-      <slot name="content-after"></slot>
-    `}};je.styles=Oe,je.formAssociated=!0,je.shadowRootOptions={...lt.shadowRootOptions,delegatesFocus:!0},Ee([ut()],je.prototype,"autocomplete",void 0),Ee([ut({type:Boolean,reflect:!0})],je.prototype,"autofocus",void 0),Ee([ut({attribute:"default-value"})],je.prototype,"defaultValue",void 0),Ee([ut({type:Boolean,reflect:!0})],je.prototype,"disabled",void 0),Ee([ut({type:Boolean,reflect:!0})],je.prototype,"focused",void 0),Ee([ut({type:Boolean,reflect:!0})],je.prototype,"invalid",void 0),Ee([ut({attribute:!1})],je.prototype,"label",void 0),Ee([ut({type:Number})],je.prototype,"max",void 0),Ee([ut({type:Number})],je.prototype,"maxLength",void 0),Ee([ut({type:Number})],je.prototype,"min",void 0),Ee([ut({type:Number})],je.prototype,"minLength",void 0),Ee([ut({type:Boolean,reflect:!0})],je.prototype,"multiple",void 0),Ee([ut({reflect:!0})],je.prototype,"name",void 0),Ee([ut()],je.prototype,"pattern",void 0),Ee([ut()],je.prototype,"placeholder",void 0),Ee([ut({type:Boolean,reflect:!0})],je.prototype,"readonly",void 0),Ee([ut({type:Boolean,reflect:!0})],je.prototype,"required",void 0),Ee([ut({type:Number})],je.prototype,"step",void 0),Ee([ut({reflect:!0})],je.prototype,"type",null),Ee([ut()],je.prototype,"value",null),Ee([bt("#input")],je.prototype,"_inputEl",void 0),Ee([vt()],je.prototype,"_value",void 0),Ee([vt()],je.prototype,"_type",void 0),je=Ee([ct("vscode-textfield")],je);const Ie=[xt,n`
-    :host {
-      color: var(--vscode-foreground);
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: 600;
-      line-height: ${1.2307692307692308};
-      cursor: default;
-      display: block;
-      padding: 5px 0;
-    }
-
-    .wrapper {
-      display: block;
-    }
-
-    .wrapper.required:after {
-      content: ' *';
-    }
-
-    ::slotted(.normal) {
-      font-weight: normal;
-    }
-
-    ::slotted(.lightened) {
-      color: var(--vscode-foreground);
-      opacity: 0.9;
-    }
-  `];var Me=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Fe=class extends mt{constructor(){super(...arguments),this.required=!1,this._id="",this._htmlFor="",this._connected=!1}set htmlFor(t){this._htmlFor=t,this.setAttribute("for",t),this._connected&&this._connectWithTarget()}get htmlFor(){return this._htmlFor}set id(t){this._id=t}get id(){return this._id}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s)}connectedCallback(){super.connectedCallback(),this._connected=!0,""===this._id&&(this._id=ke("vscode-label-"),this.setAttribute("id",this._id)),this._connectWithTarget()}_getTarget(){let t=null;if(this._htmlFor){const e=this.getRootNode({composed:!1});e&&(t=e.querySelector(`#${this._htmlFor}`))}return t}async _connectWithTarget(){await this.updateComplete;const t=this._getTarget();(t instanceof Ce||t instanceof Jt)&&t.setAttribute("aria-labelledby",this._id);let e="";this.textContent&&(e=this.textContent.trim()),(t instanceof je||t instanceof ze)&&(t.label=e)}_handleClick(){const t=this._getTarget();t&&"focus"in t&&t.focus()}render(){return U`
-      <label
-        class=${At({wrapper:!0,required:this.required})}
-        @click=${this._handleClick}
-        ><slot></slot
-      ></label>
-    `}};Fe.styles=Ie,Me([ut({reflect:!0,attribute:"for"})],Fe.prototype,"htmlFor",null),Me([ut()],Fe.prototype,"id",null),Me([ut({type:Boolean,reflect:!0})],Fe.prototype,"required",void 0),Fe=Me([ct("vscode-label")],Fe);const{I:Pe}=rt,De=()=>document.createComment(""),Ne=(t,e,s)=>{const i=t._$AA.parentNode,o=void 0===e?t._$AB:e._$AA;if(void 0===s){const e=i.insertBefore(De(),o),r=i.insertBefore(De(),o);s=new Pe(e,r,t,t.options)}else{const e=s._$AB.nextSibling,r=s._$AM,n=r!==t;if(n){let e;s._$AQ?.(t),s._$AM=t,void 0!==s._$AP&&(e=t._$AU)!==r._$AU&&s._$AP(e)}if(e!==o||n){let t=s._$AA;for(;t!==e;){const e=t.nextSibling;i.insertBefore(t,o),t=e}}}return s},Ve=(t,e,s=t)=>(t._$AI(e,s),t),Re={},Te=t=>{t._$AP?.(!1,!0);let e=t._$AA;const s=t._$AB.nextSibling;for(;e!==s;){const t=e.nextSibling;e.remove(),e=t}},Le=(t,e,s)=>{const i=new Map;for(let o=e;o<=s;o++)i.set(t[o],o);return i},Ue=St(class extends zt{constructor(t){if(super(t),t.type!==Ct)throw Error("repeat() can only be used in text expressions")}dt(t,e,s){let i;void 0===s?s=e:void 0!==e&&(i=e);const o=[],r=[];let n=0;for(const e of t)o[n]=i?i(e,n):n,r[n]=s(e,n),n++;return{values:r,keys:o}}render(t,e,s){return this.dt(t,e,s).values}update(t,[e,s,i]){const o=(t=>t._$AH)(t),{values:r,keys:n}=this.dt(e,s,i);if(!Array.isArray(o))return this.ut=n,r;const l=this.ut??=[],a=[];let c,h,d=0,u=o.length-1,v=0,p=r.length-1;for(;d<=u&&v<=p;)if(null===o[d])d++;else if(null===o[u])u--;else if(l[d]===n[v])a[v]=Ve(o[d],r[v]),d++,v++;else if(l[u]===n[p])a[p]=Ve(o[u],r[p]),u--,p--;else if(l[d]===n[p])a[p]=Ve(o[d],r[p]),Ne(t,a[p+1],o[d]),d++,p--;else if(l[u]===n[v])a[v]=Ve(o[u],r[v]),Ne(t,o[d],o[u]),u--,v++;else if(void 0===c&&(c=Le(n,v,p),h=Le(l,d,u)),c.has(l[d]))if(c.has(l[u])){const e=h.get(n[v]),s=void 0!==e?o[e]:null;if(null===s){const e=Ne(t,o[d]);Ve(e,r[v]),a[v]=e}else a[v]=Ve(s,r[v]),Ne(t,o[d],s),o[e]=null;v++}else Te(o[u]),u--;else Te(o[d]),d++;for(;v<=p;){const e=Ne(t,a[p+1]);Ve(e,r[v]),a[v++]=e}for(;d<=u;){const t=o[d++];null!==t&&Te(t)}return this.ut=n,((t,e=Re)=>{t._$AH=e})(t,a),q}}),qe=U`
-  <span class="icon">
-    <svg
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      xmlns="http://www.w3.org/2000/svg"
-      fill="currentColor"
-    >
-      <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z"
-      />
-    </svg>
-  </span>
-`;var He=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Ke=class extends mt{constructor(){super(...arguments),this.description="",this.selected=!1,this.disabled=!1,this._initialized=!1,this._handleSlotChange=()=>{this._initialized&&this.dispatchEvent(new Event("vsc-option-state-change",{bubbles:!0}))}}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._initialized=!0}))}willUpdate(t){this._initialized&&(t.has("description")||t.has("value")||t.has("selected")||t.has("disabled"))&&this.dispatchEvent(new Event("vsc-option-state-change",{bubbles:!0}))}render(){return U`<slot @slotchange=${this._handleSlotChange}></slot>`}};Ke.styles=xt,He([ut({type:String})],Ke.prototype,"value",void 0),He([ut({type:String})],Ke.prototype,"description",void 0),He([ut({type:Boolean,reflect:!0})],Ke.prototype,"selected",void 0),He([ut({type:Boolean,reflect:!0})],Ke.prototype,"disabled",void 0),Ke=He([ct("vscode-option")],Ke);const We=(t,e,s)=>{const i=[];return t.forEach((t=>{let o;switch(s){case"startsWithPerTerm":o=((t,e)=>{const s={match:!1,ranges:[]},i=t.toLowerCase(),o=e.toLowerCase(),r=i.split(" ");let n=0;return r.forEach(((e,i)=>{if(i>0&&(n+=r[i-1].length+1),s.match)return;const l=e.indexOf(o),a=o.length;0===l&&(s.match=!0,s.ranges.push([n+l,Math.min(n+l+a,t.length)]))})),s})(t.label,e);break;case"startsWith":o=((t,e)=>{const s={match:!1,ranges:[]};return 0===t.toLowerCase().indexOf(e.toLowerCase())&&(s.match=!0,s.ranges=[[0,e.length]]),s})(t.label,e);break;case"contains":o=((t,e)=>{const s={match:!1,ranges:[]},i=t.toLowerCase().indexOf(e.toLowerCase());return i>-1&&(s.match=!0,s.ranges=[[i,i+e.length]]),s})(t.label,e);break;default:o=((t,e)=>{const s={match:!1,ranges:[]};let i=0,o=0;const r=e.length-1,n=t.toLowerCase(),l=e.toLowerCase();for(let t=0;t<=r;t++){if(o=n.indexOf(l[t],i),-1===o)return{match:!1,ranges:[]};s.match=!0,s.ranges.push([o,o+1]),i=o+1}return s})(t.label,e)}o.match&&i.push({...t,ranges:o.ranges})})),i},Ge=t=>{const e=[];return" "===t?(e.push(U`&nbsp;`),e):(0===t.indexOf(" ")&&e.push(U`&nbsp;`),e.push(U`${t.trimStart().trimEnd()}`),t.lastIndexOf(" ")===t.length-1&&e.push(U`&nbsp;`),e)},Je=(t,e)=>{const s=[],i=e.length;return i<1?U`${t}`:(e.forEach(((o,r)=>{const n=t.substring(o[0],o[1]);0===r&&0!==o[0]&&s.push(...Ge(t.substring(0,e[0][0]))),r>0&&r<i&&o[0]-e[r-1][1]!=0&&s.push(...Ge(t.substring(e[r-1][1],o[0]))),s.push(U`<b>${Ge(n)}</b>`),r===i-1&&o[1]<t.length&&s.push(...Ge(t.substring(o[1],t.length)))})),s)};var Ye=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};const Xe=22;class Ze extends mt{set disabled(t){this._disabled=t,this.ariaDisabled=t?"true":"false",!0===t?(this._originalTabIndex=this.tabIndex,this.tabIndex=-1):(this.tabIndex=this._originalTabIndex??0,this._originalTabIndex=void 0),this.requestUpdate()}get disabled(){return this._disabled}set filter(t){["contains","fuzzy","startsWith","startsWithPerTerm"].includes(t)?this._filter=t:(this._filter="fuzzy",console.warn(`[VSCode Webview Elements] Invalid filter: "${t}", fallback to default. Valid values are: "contains", "fuzzy", "startsWith", "startsWithPerm".`,this))}get filter(){return this._filter}set options(t){this._options=t.map(((t,e)=>({...t,index:e})))}get options(){return this._options.map((({label:t,value:e,description:s,selected:i,disabled:o})=>({label:t,value:e,description:s,selected:i,disabled:o})))}constructor(){super(),this.ariaExpanded="false",this.combobox=!1,this.invalid=!1,this.focused=!1,this.open=!1,this.position="below",this.tabIndex=0,this._activeIndex=-1,this._currentDescription="",this._filter="fuzzy",this._filterPattern="",this._selectedIndex=-1,this._selectedIndexes=[],this._options=[],this._value="",this._values=[],this._listScrollTop=0,this._multiple=!1,this._valueOptionIndexMap={},this._isHoverForbidden=!1,this._disabled=!1,this._originalTabIndex=void 0,this._onClickOutside=t=>{const e=t.composedPath().findIndex((t=>t===this));-1===e&&(this._toggleDropdown(!1),window.removeEventListener("click",this._onClickOutside))},this._onMouseMove=()=>{this._isHoverForbidden=!1,window.removeEventListener("mousemove",this._onMouseMove)},this.addEventListener("vsc-option-state-change",(t=>{t.stopPropagation(),this._setStateFromSlottedElements(),this.requestUpdate()}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._onComponentKeyDown),this.addEventListener("focus",this._onComponentFocus),this.addEventListener("blur",this._onComponentBlur)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onComponentKeyDown),this.removeEventListener("focus",this._onComponentFocus),this.removeEventListener("blur",this._onComponentBlur)}get _filteredOptions(){return this.combobox&&""!==this._filterPattern?We(this._options,this._filterPattern,this._filter):this._options}get _currentOptions(){return this.combobox?this._filteredOptions:this._options}_setStateFromSlottedElements(){const t=[];let e=0;const s=this._assignedOptions??[],i=[],o=[];this._valueOptionIndexMap={},s.forEach(((s,r)=>{const{innerText:n,description:l,disabled:a}=s,c="string"==typeof s.value?s.value:n.trim(),h=s.selected??!1,d={label:n.trim(),value:c,description:l,selected:h,index:e,disabled:a};e=t.push(d),h&&!this._multiple&&(this._activeIndex=r),h&&(i.push(t.length-1),o.push(c)),this._valueOptionIndexMap[d.value]=d.index})),this._options=t,i.length>0&&(this._selectedIndex=i[0],this._selectedIndexes=i,this._value=o[0],this._values=o),this._multiple||this.combobox||0!==i.length||(this._selectedIndex=this._options.length>0?0:-1)}async _toggleDropdown(t){this.open=t,this.ariaExpanded=String(t),!t||this._multiple||this.combobox||(this._activeIndex=this._selectedIndex,this._activeIndex>9&&(await this.updateComplete,this._listElement.scrollTop=Math.floor(this._activeIndex*Xe))),t?window.addEventListener("click",this._onClickOutside):window.removeEventListener("click",this._onClickOutside)}_dispatchChangeEvent(){this._multiple?this.dispatchEvent(new CustomEvent("vsc-change",{detail:{selectedIndexes:this._selectedIndexes,value:this._values}})):this.dispatchEvent(new CustomEvent("vsc-change",{detail:{selectedIndex:this._selectedIndex,value:this._value}})),this.dispatchEvent(new Event("change")),this.dispatchEvent(new Event("input"))}_onFaceClick(){this._toggleDropdown(!this.open),this._multiple&&(this._activeIndex=0)}_toggleComboboxDropdown(){this._filterPattern="",this._toggleDropdown(!this.open),this._multiple&&(this._activeIndex=-1)}_onComboboxButtonClick(){this._toggleComboboxDropdown()}_onComboboxButtonKeyDown(t){"Enter"===t.key&&this._toggleComboboxDropdown()}_onOptionMouseOver(t){if(this._isHoverForbidden)return;const e=t.target;e.matches(".option")&&(this._activeIndex=Number(this.combobox?e.dataset.filteredIndex:e.dataset.index))}_onEnterKeyDown(){const t=this.combobox?this._filteredOptions:this._options,e=!this.open;this._toggleDropdown(e),this._multiple||e||this._selectedIndex===this._activeIndex||(this._selectedIndex=this._activeIndex>-1?t[this._activeIndex].index:-1,this._value=this._selectedIndex>-1?this._options[this._selectedIndex].value:"",this._dispatchChangeEvent()),this.combobox&&(this._multiple||e||(this._selectedIndex=this._activeIndex>-1?this._filteredOptions[this._activeIndex].index:-1),!this._multiple&&e&&this.updateComplete.then((()=>{this._scrollActiveElementToTop()}))),this._multiple&&e&&(this._activeIndex=0)}_onSpaceKeyDown(){if(this.open){if(this.open&&this._multiple&&this._activeIndex>-1){const t=this.combobox?this._filteredOptions:this._options,{selected:e}=t[this._activeIndex];t[this._activeIndex].selected=!e,this._selectedIndexes=[],t.forEach((({index:t,selected:e})=>{e&&this._selectedIndexes.push(t)}))}}else this._toggleDropdown(!0)}_scrollActiveElementToTop(){this._listElement.scrollTop=Math.floor(this._activeIndex*Xe)}async _adjustOptionListScrollPos(t){if((this.combobox?this._filteredOptions.length:this._options.length)<=10)return;this._isHoverForbidden=!0,window.addEventListener("mousemove",this._onMouseMove),this._listElement||await this.updateComplete;const e=this._listElement.scrollTop,s=this._activeIndex*Xe;"down"===t&&s+Xe>=34+e&&(this._listElement.scrollTop=(this._activeIndex-9)*Xe),"up"===t&&s<=e-Xe&&this._scrollActiveElementToTop()}_onArrowUpKeyDown(){if(this.open){if(this._activeIndex<=0)return;this._activeIndex-=1,this._adjustOptionListScrollPos("up")}}_onArrowDownKeyDown(){if(this.open){if(this._activeIndex>=this._currentOptions.length-1)return;this._activeIndex+=1,this._adjustOptionListScrollPos("down")}}_onComponentKeyDown(t){[" ","ArrowUp","ArrowDown","Escape"].includes(t.key)&&(t.stopPropagation(),t.preventDefault()),"Enter"===t.key&&this._onEnterKeyDown()," "===t.key&&this._onSpaceKeyDown(),"Escape"===t.key&&this._toggleDropdown(!1),"ArrowUp"===t.key&&this._onArrowUpKeyDown(),"ArrowDown"===t.key&&this._onArrowDownKeyDown()}_onComponentFocus(){this.focused=!0}_onComponentBlur(){this.focused=!1}_onSlotChange(){this._setStateFromSlottedElements(),this.requestUpdate()}_onComboboxInputFocus(t){t.target.select()}_onComboboxInputInput(t){this._filterPattern=t.target.value,this._activeIndex=-1,this._toggleDropdown(!0)}_onComboboxInputClick(){this._toggleDropdown(!0)}_renderOptions(){return[]}_renderDescription(){if(!this._options[this._activeIndex])return H;const{description:t}=this._options[this._activeIndex];return t?U`<div class="description">${t}</div>`:H}_renderSelectFace(){return U`${H}`}_renderComboboxFace(){return U`${H}`}_renderDropdownControls(){return U`${H}`}_renderDropdown(){const t=At({dropdown:!0,multiple:this._multiple});return U`
-      <div class=${t}>
-        ${"above"===this.position?this._renderDescription():H}
-        ${this._renderOptions()} ${this._renderDropdownControls()}
-        ${"below"===this.position?this._renderDescription():H}
+        <div
+          class=${Mt({shadow:!0,visible:this.scrolled})}
+          .style=${Dt({zIndex:String(this._scrollbarTrackZ)})}
+        ></div>
+        ${this._isDragging?U`<div class="prevent-interaction"></div>`:q}
+        <div
+          class=${Mt({"scrollbar-track":!0,hidden:!this._scrollbarVisible})}
+          @mousedown=${this._handleScrollbarTrackPress}
+        >
+          <div
+            class=${Mt({"scrollbar-thumb":!0,visible:!!this.alwaysVisible||this._thumbVisible,fade:!this.alwaysVisible&&this._thumbFade,active:this._thumbActive})}
+            .style=${Dt({height:`${this._thumbHeight}px`,top:`${this._thumbY}px`})}
+            @mousedown=${this._handleScrollThumbMouseDown}
+          ></div>
+        </div>
+        <div class="content">
+          <slot @slotchange=${this._handleSlotChange}></slot>
+        </div>
       </div>
-    `}render(){return U`
-      <slot class="main-slot" @slotchange=${this._onSlotChange}></slot>
-      ${this.combobox?this._renderComboboxFace():this._renderSelectFace()}
-      ${this.open?this._renderDropdown():H}
-    `}}Ye([ut({type:String,reflect:!0,attribute:"aria-expanded"})],Ze.prototype,"ariaExpanded",void 0),Ye([ut({type:Boolean,reflect:!0})],Ze.prototype,"combobox",void 0),Ye([ut({type:Boolean,reflect:!0})],Ze.prototype,"disabled",null),Ye([ut({type:Boolean,reflect:!0})],Ze.prototype,"invalid",void 0),Ye([ut()],Ze.prototype,"filter",null),Ye([ut({type:Boolean,reflect:!0})],Ze.prototype,"focused",void 0),Ye([ut({type:Boolean,reflect:!0})],Ze.prototype,"open",void 0),Ye([ut({type:Array})],Ze.prototype,"options",null),Ye([ut({reflect:!0})],Ze.prototype,"position",void 0),Ye([ut({type:Number,attribute:!0,reflect:!0})],Ze.prototype,"tabIndex",void 0),Ye([gt({flatten:!0,selector:"vscode-option"})],Ze.prototype,"_assignedOptions",void 0),Ye([vt()],Ze.prototype,"_activeIndex",void 0),Ye([vt()],Ze.prototype,"_currentDescription",void 0),Ye([vt()],Ze.prototype,"_filter",void 0),Ye([vt()],Ze.prototype,"_filteredOptions",null),Ye([vt()],Ze.prototype,"_filterPattern",void 0),Ye([vt()],Ze.prototype,"_selectedIndex",void 0),Ye([vt()],Ze.prototype,"_selectedIndexes",void 0),Ye([vt()],Ze.prototype,"_options",void 0),Ye([vt()],Ze.prototype,"_value",void 0),Ye([vt()],Ze.prototype,"_values",void 0),Ye([vt()],Ze.prototype,"_listScrollTop",void 0),Ye([bt(".options")],Ze.prototype,"_listElement",void 0);var Qe=[xt,n`
+    `}};ti.styles=Ze,Qe([pt({type:Boolean,reflect:!0,attribute:"always-visible"})],ti.prototype,"alwaysVisible",void 0),Qe([pt({type:Number,attribute:"fast-scroll-sensitivity"})],ti.prototype,"fastScrollSensitivity",void 0),Qe([pt({type:Number,attribute:"min-thumb-size"})],ti.prototype,"minThumbSize",void 0),Qe([pt({type:Number,attribute:"mouse-wheel-scroll-sensitivity"})],ti.prototype,"mouseWheelScrollSensitivity",void 0),Qe([pt({type:Boolean,reflect:!0})],ti.prototype,"shadow",void 0),Qe([pt({type:Boolean,reflect:!0})],ti.prototype,"scrolled",void 0),Qe([pt({type:Number,attribute:"scroll-pos"})],ti.prototype,"scrollPos",null),Qe([pt({type:Number,attribute:"scroll-max"})],ti.prototype,"scrollMax",null),Qe([bt()],ti.prototype,"_isDragging",void 0),Qe([bt()],ti.prototype,"_thumbHeight",void 0),Qe([bt()],ti.prototype,"_thumbY",void 0),Qe([bt()],ti.prototype,"_thumbVisible",void 0),Qe([bt()],ti.prototype,"_thumbFade",void 0),Qe([bt()],ti.prototype,"_thumbActive",void 0),Qe([gt(".content")],ti.prototype,"_contentElement",void 0),Qe([gt(".scrollbar-thumb",!0)],ti.prototype,"_scrollThumbElement",void 0),Qe([gt(".scrollable-container")],ti.prototype,"_scrollableContainer",void 0),Qe([xt()],ti.prototype,"_assignedElements",void 0),ti=Qe([$t("vscode-scrollable")],ti);var ei=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const ii=22;class si extends kt{set combobox(t){this._opts.comboboxMode=t}get combobox(){return this._opts.comboboxMode}set disabled(t){this._disabled=t,this.ariaDisabled=t?"true":"false",!0===t?(this._originalTabIndex=this.tabIndex,this.tabIndex=-1):(this.tabIndex=this._originalTabIndex??0,this._originalTabIndex=void 0),this.requestUpdate()}get disabled(){return this._disabled}set filter(t){let e;["contains","fuzzy","startsWith","startsWithPerTerm"].includes(t)?e=t:(console.warn(`[VSCode Webview Elements] Invalid filter: "${t}", fallback to default. Valid values are: "contains", "fuzzy", "startsWith", "startsWithPerm".`,this),e="fuzzy"),this._opts.filterMethod=e}get filter(){return this._opts.filterMethod}set options(t){this._opts.populate(t)}get options(){return this._opts.options.map((({label:t,value:e,description:i,selected:s,disabled:o})=>({label:t,value:e,description:i,selected:s,disabled:o})))}constructor(){super(),this.creatable=!1,this.label="",this.invalid=!1,this.focused=!1,this.open=!1,this.position="below",this._opts=new Xe(this),this._firstUpdateCompleted=!1,this._currentDescription="",this._filter="fuzzy",this._selectedIndexes=[],this._options=[],this._value="",this._values=[],this._isPlaceholderOptionActive=!1,this._isBeingFiltered=!1,this._optionListScrollPos=0,this._isHoverForbidden=!1,this._disabled=!1,this._originalTabIndex=void 0,this._onClickOutside=t=>{-1===t.composedPath().findIndex((t=>t===this))&&(this.open=!1)},this._onMouseMove=()=>{this._isHoverForbidden=!1,window.removeEventListener("mousemove",this._onMouseMove)},this._onOptionListScroll=t=>{this._optionListScrollPos=t.detail},this._onComponentKeyDown=t=>{[" ","ArrowUp","ArrowDown","Escape"].includes(t.key)&&(t.stopPropagation(),t.preventDefault()),"Enter"===t.key&&this._onEnterKeyDown(t)," "===t.key&&this._onSpaceKeyDown(),"Escape"===t.key&&this._onEscapeKeyDown(),"ArrowUp"===t.key&&this._onArrowUpKeyDown(),"ArrowDown"===t.key&&this._onArrowDownKeyDown()},this._onComponentFocus=()=>{this.focused=!0},this._onComponentBlur=()=>{this.focused=!1},this.addEventListener("vsc-option-state-change",(t=>{t.stopPropagation(),this._setStateFromSlottedElements(),this.requestUpdate()}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._onComponentKeyDown),this.addEventListener("focus",this._onComponentFocus),this.addEventListener("blur",this._onComponentBlur),this._setAutoFocus()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onComponentKeyDown),this.removeEventListener("focus",this._onComponentFocus),this.removeEventListener("blur",this._onComponentBlur)}firstUpdated(t){this._firstUpdateCompleted=!0}willUpdate(t){t.has("required")&&this._firstUpdateCompleted&&this._manageRequired()}update(t){super.update(t),t.has("open")&&(this.open?(this._opts.activateDefault(),this._scrollActiveElementToTop(),window.addEventListener("click",this._onClickOutside)):window.removeEventListener("click",this._onClickOutside))}get _filteredOptions(){return this.combobox&&""!==this._opts.filterPattern?((t,e,i)=>{const s=[];return t.forEach((t=>{let o;switch(i){case"startsWithPerTerm":o=qe(t.label,e);break;case"startsWith":o=We(t.label,e);break;case"contains":o=Ke(t.label,e);break;default:o=Je(t.label,e)}o.match&&s.push({...t,ranges:o.ranges})})),s})(this._options,this._opts.filterPattern,this._filter):this._options}_setAutoFocus(){this.hasAttribute("autofocus")&&(this.tabIndex<0&&(this.tabIndex=0),this.combobox?this.updateComplete.then((()=>{this.shadowRoot?.querySelector(".combobox-input").focus()})):this.updateComplete.then((()=>{this.shadowRoot?.querySelector(".select-face").focus()})))}get _isSuggestedOptionVisible(){if(!this.combobox||!this.creatable)return!1;const t=null!==this._opts.getOptionByValue(this._opts.filterPattern),e=this._opts.filterPattern.length>0;return!t&&e}_manageRequired(){}_setStateFromSlottedElements(){const t=this._assignedOptions??[];this._opts.clear(),t.forEach((t=>{const{innerText:e,description:i,disabled:s}=t,o="string"==typeof t.value?t.value:e.trim(),r=t.selected??!1,n={label:e.trim(),value:o,description:i,selected:r,disabled:s};this._opts.add(n)}))}_createSuggestedOption(){const t=this._opts.numOptions,e=document.createElement("vscode-option");return e.value=this._opts.filterPattern,lt(this._opts.filterPattern,e),this.appendChild(e),t}_dispatchChangeEvent(){this.dispatchEvent(new Event("change")),this.dispatchEvent(new Event("input"))}async _createAndSelectSuggestedOption(){}_toggleComboboxDropdown(){this._opts.filterPattern="",this.open=!this.open}_scrollActiveElementToTop(){this._optionListScrollPos=Math.floor(this._opts.relativeActiveIndex*ii)}async _adjustOptionListScrollPos(t,e){let i=this._opts.numOfVisibleOptions;if(this._isSuggestedOptionVisible&&(i+=1),i<=10)return;this._isHoverForbidden=!0,window.addEventListener("mousemove",this._onMouseMove);const s=this._optionListScrollPos,o=e*ii,r=o>=s&&o<=s+220-ii;"down"===t&&(r||(this._optionListScrollPos=e*ii-198)),"up"===t&&(r||(this._optionListScrollPos=Math.floor(this._opts.relativeActiveIndex*ii)))}_onFaceClick(){this.open=!this.open}_onComboboxButtonClick(){this._toggleComboboxDropdown()}_onComboboxButtonKeyDown(t){"Enter"===t.key&&this._toggleComboboxDropdown()}_onOptionMouseOver(t){if(this._isHoverForbidden)return;const e=t.target;e.matches(".option")&&(e.matches(".placeholder")?(this._isPlaceholderOptionActive=!0,this._opts.activeIndex=-1):(this._isPlaceholderOptionActive=!1,this._opts.activeIndex=+e.dataset.index))}_onPlaceholderOptionMouseOut(){this._isPlaceholderOptionActive=!1}_onNoOptionsClick(t){t.stopPropagation()}_onEnterKeyDown(t){this._isBeingFiltered=!1;!!t?.composedPath&&t.composedPath().find((t=>!!t.matches&&t.matches("vscode-button.button-accept")))}_onSpaceKeyDown(){this.open||(this.open=!0)}_onArrowUpKeyDown(){if(this.open){if(this._opts.activeIndex<=0&&(!this.combobox||!this.creatable))return;if(this._isPlaceholderOptionActive){const t=this._opts.numOfVisibleOptions-1;this._opts.activeIndex=t,this._isPlaceholderOptionActive=!1}else{const t=this._opts.prev();if(null!==t){this._opts.activeIndex=t?.index??-1;const e=t?.filteredIndex??-1;e>-1&&this._adjustOptionListScrollPos("up",e)}}}else this.open=!0,this._opts.activateDefault()}_onArrowDownKeyDown(){let t=this._opts.numOfVisibleOptions;const e=this._isSuggestedOptionVisible;if(e&&(t+=1),this.open){if(this._isPlaceholderOptionActive&&-1===this._opts.activeIndex)return;const i=this._opts.next();if(e&&null===i)this._isPlaceholderOptionActive=!0,this._adjustOptionListScrollPos("down",t-1),this._opts.activeIndex=-1;else if(null!==i){const t=i?.filteredIndex??-1;this._opts.activeIndex=i?.index??-1,t>-1&&this._adjustOptionListScrollPos("down",t)}}else this.open=!0,this._opts.activateDefault()}_onEscapeKeyDown(){this.open=!1}_onSlotChange(){this._setStateFromSlottedElements(),this.requestUpdate()}_onComboboxInputFocus(t){t.target.select(),this._isBeingFiltered=!1,this._opts.filterPattern=""}_onComboboxInputBlur(){this._isBeingFiltered=!1}_onComboboxInputInput(t){this._isBeingFiltered=!0,this._opts.filterPattern=t.target.value,this._opts.activeIndex=-1,this.open=!0}_onComboboxInputClick(){this._isBeingFiltered=""!==this._opts.filterPattern,this.open=!0}_onComboboxInputSpaceKeyDown(t){" "===t.key&&t.stopPropagation()}_onOptionClick(t){this._isBeingFiltered=!1}_renderCheckbox(t,e){return U`<span class=${Mt({"checkbox-icon":!0,checked:t})}>${Pe}</span
+      ><span class="option-label">${e}</span>`}_renderOptions(){const t=this._opts.options;return U`
+      <ul
+        aria-label=${Pt(this.label??void 0)}
+        aria-multiselectable=${Pt(this._opts.multiSelect?"true":void 0)}
+        class="options"
+        id="select-listbox"
+        role="listbox"
+        tabindex="-1"
+        @click=${this._onOptionClick}
+        @mouseover=${this._onOptionMouseOver}
+      >
+        ${Ue(t,(t=>t.index),((t,e)=>{if(!t.visible)return q;const i=t.index===this._opts.activeIndex&&!t.disabled,s=this._opts.getIsIndexSelected(t.index),o={active:i,disabled:t.disabled,option:!0,selected:s},r=t.ranges?.length?((t,e)=>{const i=[],s=e.length;return s<1?U`${t}`:(e.forEach(((o,r)=>{const n=t.substring(o[0],o[1]);0===r&&0!==o[0]&&i.push(...Ye(t.substring(0,e[0][0]))),r>0&&r<s&&o[0]-e[r-1][1]!=0&&i.push(...Ye(t.substring(e[r-1][1],o[0]))),i.push(U`<b>${Ye(n)}</b>`),r===s-1&&o[1]<t.length&&i.push(...Ye(t.substring(o[1],t.length)))})),i)})(t.label,t.ranges??[]):t.label;return U`
+              <li
+                aria-selected=${s?"true":"false"}
+                class=${Mt(o)}
+                data-index=${t.index}
+                data-filtered-index=${e}
+                id=${`op-${t.index}`}
+                role="option"
+                tabindex="-1"
+              >
+                ${function(t,e,i){return t?e(t):i?.(t)}(this._opts.multiSelect,(()=>this._renderCheckbox(s,r)),(()=>r))}
+              </li>
+            `}))}
+        ${this._renderPlaceholderOption(this._opts.numOfVisibleOptions<1)}
+      </ul>
+    `}_renderPlaceholderOption(t){if(!this.combobox)return q;return this._opts.getOptionByLabel(this._opts.filterPattern)?q:this.creatable&&this._opts.filterPattern.length>0?U`<li
+        class=${Mt({option:!0,placeholder:!0,active:this._isPlaceholderOptionActive})}
+        @mouseout=${this._onPlaceholderOptionMouseOut}
+      >
+        Add "${this._opts.filterPattern}"
+      </li>`:t?U`<li class="no-options" @click=${this._onNoOptionsClick}>
+            No options
+          </li>`:q}_renderDescription(){const t=this._opts.getActiveOption();if(!t)return q;const{description:e}=t;return e?U`<div class="description">${e}</div>`:q}_renderSelectFace(){return U`${q}`}_renderComboboxFace(){return U`${q}`}_renderDropdownControls(){return U`${q}`}_renderDropdown(){const t={dropdown:!0,multiple:this._opts.multiSelect,open:this.open},e=this._isSuggestedOptionVisible||0===this._opts.numOfVisibleOptions?this._opts.numOfVisibleOptions+1:this._opts.numOfVisibleOptions,i=Math.min(e*ii,220);return U`
+      <div class=${Mt(t)}>
+        ${"above"===this.position?this._renderDescription():q}
+        <vscode-scrollable
+          always-visible
+          class="scrollable"
+          min-thumb-size="40"
+          tabindex="-1"
+          @vsc-scrollable-scroll=${this._onOptionListScroll}
+          .scrollPos=${this._optionListScrollPos}
+          .style=${Dt({height:`${i}px`})}
+        >
+          ${this._renderOptions()} ${this._renderDropdownControls()}
+        </vscode-scrollable>
+        ${"below"===this.position?this._renderDescription():q}
+      </div>
+    `}}ei([pt({type:Boolean,reflect:!0})],si.prototype,"creatable",void 0),ei([pt({type:Boolean,reflect:!0})],si.prototype,"combobox",null),ei([pt({reflect:!0})],si.prototype,"label",void 0),ei([pt({type:Boolean,reflect:!0})],si.prototype,"disabled",null),ei([pt({type:Boolean,reflect:!0})],si.prototype,"invalid",void 0),ei([pt()],si.prototype,"filter",null),ei([pt({type:Boolean,reflect:!0})],si.prototype,"focused",void 0),ei([pt({type:Boolean,reflect:!0})],si.prototype,"open",void 0),ei([pt({type:Array})],si.prototype,"options",null),ei([pt({reflect:!0})],si.prototype,"position",void 0),ei([xt({flatten:!0,selector:"vscode-option"})],si.prototype,"_assignedOptions",void 0),ei([bt()],si.prototype,"_currentDescription",void 0),ei([bt()],si.prototype,"_filter",void 0),ei([bt()],si.prototype,"_filteredOptions",null),ei([bt()],si.prototype,"_selectedIndexes",void 0),ei([bt()],si.prototype,"_options",void 0),ei([bt()],si.prototype,"_value",void 0),ei([bt()],si.prototype,"_values",void 0),ei([bt()],si.prototype,"_isPlaceholderOptionActive",void 0),ei([bt()],si.prototype,"_isBeingFiltered",void 0),ei([bt()],si.prototype,"_optionListScrollPos",void 0);var oi=[_t,n`
     :host {
       display: inline-block;
       max-width: 100%;
@@ -1193,16 +1141,16 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
 
     .select-face,
     .combobox-face {
-      background-color: var(--vscode-settings-dropdownBackground);
-      border-color: var(--vscode-settings-dropdownBorder);
+      background-color: var(--vscode-settings-dropdownBackground, #313131);
+      border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);
       border-radius: 2px;
       border-style: solid;
       border-width: 1px;
       box-sizing: border-box;
-      color: var(--vscode-settings-dropdownForeground);
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
+      color: var(--vscode-settings-dropdownForeground, #cccccc);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
       line-height: 18px;
       position: relative;
       user-select: none;
@@ -1213,7 +1161,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     :host(:invalid) .select-face,
     :host([invalid]) .combobox-face,
     :host(:invalid) .combobox-face {
-      background-color: var(--vscode-inputValidation-errorBackground);
+      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
       border-color: var(--vscode-inputValidation-errorBorder, #be1100);
     }
 
@@ -1234,16 +1182,15 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     }
 
     .select-face-badge {
-      background-color: var(--vscode-badge-background);
+      background-color: var(--vscode-badge-background, #616161);
       border-radius: 2px;
-      color: var(--vscode-badge-foreground);
+      color: var(--vscode-badge-foreground, #f8f8f8);
       display: inline-block;
       flex-shrink: 0;
       font-size: 11px;
       line-height: 16px;
       margin: 2px;
       padding: 2px 3px;
-      text-transform: uppercase;
       white-space: nowrap;
     }
 
@@ -1260,7 +1207,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     :host(:focus) .combobox-face,
     :host([focused]) .select-face,
     :host([focused]) .combobox-face {
-      border-color: var(--vscode-focusBorder);
+      border-color: var(--vscode-focusBorder, #0078d4);
       outline: none;
     }
 
@@ -1268,10 +1215,10 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       background-color: transparent;
       box-sizing: border-box;
       border: 0;
-      color: var(--vscode-foreground);
+      color: var(--vscode-foreground, #cccccc);
       display: block;
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
       line-height: 16px;
       padding: 4px;
       width: 100%;
@@ -1282,50 +1229,64 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     }
 
     .combobox-button {
+      align-items: center;
       background-color: transparent;
       border: 0;
-      color: var(--vscode-foreground);
+      border-radius: 2px;
+      box-sizing: content-box;
+      color: var(--vscode-foreground, #cccccc);
       cursor: pointer;
+      display: flex;
       flex-shrink: 0;
-      height: 24px;
-      margin: 0;
-      padding: 0;
-      width: 30px;
+      height: 16px;
+      justify-content: center;
+      margin: 1px 1px 0 0;
+      padding: 3px;
+      width: 22px;
     }
 
-    .combobox-button:focus,
-    .combobox-button:hover {
-      background-color: var(--vscode-list-hoverBackground);
+    .combobox-button:hover,
+    .combobox-button:focus-visible {
+      background-color: var(
+        --vscode-toolbar-hoverBackground,
+        rgba(90, 93, 94, 0.31)
+      );
+      outline-style: dashed;
+      outline-color: var(--vscode-toolbar-hoverOutline, transparent);
     }
 
-    .combobox-button:focus {
-      outline: 0;
+    .combobox-button:focus-visible {
+      outline: none;
     }
 
     .icon {
-      color: var(--vscode-foreground);
+      color: var(--vscode-foreground, #cccccc);
       display: block;
       height: 14px;
       pointer-events: none;
+      width: 14px;
+    }
+
+    .select-face .icon {
       position: absolute;
-      right: 8px;
+      right: 6px;
       top: 5px;
-      width: 14px;
     }
 
     .icon svg {
-      color: var(--vscode-foreground);
+      color: var(--vscode-foreground, #cccccc);
       height: 100%;
       width: 100%;
     }
 
     .dropdown {
-      background-color: var(--vscode-settings-dropdownBackground);
-      border-color: var(--vscode-settings-dropdownListBorder);
+      background-color: var(--vscode-settings-dropdownBackground, #313131);
+      border-color: var(--vscode-settings-dropdownListBorder, #454545);
       border-radius: 0 0 3px 3px;
       border-style: solid;
       border-width: 1px;
       box-sizing: border-box;
+      display: none;
       left: 0;
       padding-bottom: 2px;
       position: absolute;
@@ -1334,6 +1295,10 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       z-index: var(--dropdown-z-index, 2);
     }
 
+    .dropdown.open {
+      display: block;
+    }
+
     :host([position='above']) .dropdown {
       border-radius: 3px 3px 0 0;
       bottom: 26px;
@@ -1344,7 +1309,15 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
 
     :host(:focus) .dropdown,
     :host([focused]) .dropdown {
-      border-color: var(--vscode-focusBorder);
+      border-color: var(--vscode-focusBorder, #0078d4);
+    }
+
+    .scrollable {
+      display: block;
+      max-height: 222px;
+      margin: 1px;
+      outline: none;
+      overflow: hidden;
     }
 
     .options {
@@ -1352,47 +1325,49 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       cursor: pointer;
       list-style: none;
       margin: 0;
-      max-height: 222px;
-      overflow: auto;
-      padding: 1px;
+      padding: 0;
     }
 
     .option {
       align-items: center;
-      color: var(--vscode-foreground);
+      box-sizing: border-box;
+      color: var(--vscode-foreground, #cccccc);
       cursor: pointer;
       display: flex;
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
-      line-height: 18px;
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
+      height: 22px;
+      line-height: 18px;
       min-height: calc(var(--vscode-font-size) * 1.3);
       padding: 1px 3px;
       user-select: none;
-      border-width: 1px;
-      border-style: solid;
-      border-color: transparent;
+      outline-color: transparent;
+      outline-offset: -1px;
+      outline-style: solid;
+      outline-width: 1px;
     }
 
     .option b {
-      color: var(--vscode-list-highlightForeground);
+      color: var(--vscode-list-highlightForeground, #2aaaff);
     }
 
     .option.active b {
-      color: var(--vscode-list-focusHighlightForeground);
+      color: var(--vscode-list-focusHighlightForeground, #2aaaff);
     }
 
     .option:not(.disabled):hover {
-      background-color: var(--vscode-list-hoverBackground);
-      color: var(--vscode-list-hoverForeground);
+      background-color: var(--vscode-list-hoverBackground, #2a2d2e);
+      color: var(--vscode-list-hoverForeground, #ffffff);
     }
 
     :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])
       .option:hover,
     :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])
       .option:hover {
-      border-style: dotted;
-      border-color: var(--vscode-list-focusOutline);
+      outline-style: dotted;
+      outline-color: var(--vscode-list-focusOutline, #0078d4);
+      outline-width: 1px;
     }
 
     .option.disabled {
@@ -1402,19 +1377,51 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
 
     .option.active,
     .option.active:hover {
-      background-color: var(--vscode-list-activeSelectionBackground);
-      color: var(--vscode-list-activeSelectionForeground);
-      border-color: var(--vscode-list-activeSelectionBackground);
+      background-color: var(--vscode-list-activeSelectionBackground, #04395e);
+      color: var(--vscode-list-activeSelectionForeground, #ffffff);
+      outline-color: var(--vscode-list-activeSelectionBackground, #04395e);
+      outline-style: solid;
+      outline-width: 1px;
+    }
+
+    .no-options {
+      align-items: center;
+      border-color: transparent;
       border-style: solid;
       border-width: 1px;
+      color: var(--vscode-foreground, #cccccc);
+      cursor: default;
+      display: flex;
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
+      line-height: 18px;
+      min-height: calc(var(--vscode-font-size) * 1.3);
+      opacity: 0.85;
+      padding: 1px 3px;
+      user-select: none;
+    }
+
+    .placeholder {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .placeholder span {
+      font-weight: bold;
+    }
+
+    .placeholder:not(.disabled):hover {
+      color: var(--vscode-list-activeSelectionForeground, #ffffff);
     }
 
     :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])
       .option.active,
     :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])
       .option.active:hover {
-      border-color: var(--vscode-list-focusOutline);
-      border-style: dashed;
+      outline-color: var(--vscode-list-focusOutline, #0078d4);
+      outline-style: dashed;
     }
 
     .option-label {
@@ -1424,48 +1431,40 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     }
 
     .dropdown.multiple .option.selected {
-      background-color: var(--vscode-list-hoverBackground);
-      border-color: var(--vscode-list-hoverBackground);
+      background-color: var(--vscode-list-hoverBackground, #2a2d2e);
+      outline-color: var(--vscode-list-hoverBackground, #2a2d2e);
     }
 
     .dropdown.multiple .option.selected.active {
-      background-color: var(--vscode-list-activeSelectionBackground);
-      color: var(--vscode-list-activeSelectionForeground);
-      border-color: var(--vscode-list-activeSelectionBackground);
+      background-color: var(--vscode-list-activeSelectionBackground, #04395e);
+      color: var(--vscode-list-activeSelectionForeground, #ffffff);
+      outline-color: var(--vscode-list-activeSelectionBackground, #04395e);
     }
 
     .checkbox-icon {
-      background-color: var(--vscode-settings-checkboxBackground);
-      border: 1px solid currentColor;
+      align-items: center;
+      background-color: var(--vscode-checkbox-background, #313131);
+      border: 1px solid var(--vscode-checkbox-border);
       border-radius: 2px;
       box-sizing: border-box;
-      height: 14px;
+      color: var(--vscode-checkbox-foreground);
+      display: inline-flex;
+      height: 15px;
+      justify-content: center;
       margin-right: 5px;
       overflow: hidden;
       position: relative;
-      width: 14px;
-    }
-
-    .checkbox-icon.checked:before,
-    .checkbox-icon.checked:after {
-      content: '';
-      display: block;
-      height: 5px;
-      position: absolute;
-      transform: rotate(-45deg);
-      width: 10px;
+      width: 15px;
     }
 
-    .checkbox-icon.checked:before {
-      background-color: var(--vscode-foreground);
-      left: 1px;
-      top: 2.5px;
+    .checkbox-icon svg {
+      display: none;
+      height: 13px;
+      width: 13px;
     }
 
-    .checkbox-icon.checked:after {
-      background-color: var(--vscode-settings-checkboxBackground);
-      left: 1px;
-      top: -0.5px;
+    .checkbox-icon.checked svg {
+      display: block;
     }
 
     .dropdown-controls {
@@ -1482,7 +1481,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       align-items: center;
       background-color: transparent;
       border: 0;
-      color: var(--vscode-foreground);
+      color: var(--vscode-foreground, #cccccc);
       cursor: pointer;
       display: flex;
       height: 24px;
@@ -1496,18 +1495,18 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     }
 
     .action-icon:focus-visible {
-      outline: 1px solid var(--vscode-focusBorder);
+      outline: 1px solid var(--vscode-focusBorder, #0078d4);
       outline-offset: -1px;
     }
 
     .description {
-      border-color: var(--vscode-settings-dropdownBorder);
+      border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);
       border-style: solid;
       border-width: 1px 0 0;
-      color: var(--vscode-foreground);
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
+      color: var(--vscode-foreground, #cccccc);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
       line-height: 1.3;
       padding: 6px 4px;
       word-wrap: break-word;
@@ -1516,84 +1515,87 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     :host([position='above']) .description {
       border-width: 0 0 1px;
     }
-  `],ts=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let es=class extends Ze{set selectedIndexes(t){this._selectedIndexes=t}get selectedIndexes(){return this._selectedIndexes}set value(t){const e=Array.isArray(t)?t.map((t=>String(t))):[String(t)];this._values=[],this._selectedIndexes.forEach((t=>{this._options[t].selected=!1})),this._selectedIndexes=[],e.forEach((t=>{"number"==typeof this._valueOptionIndexMap[t]&&(this._selectedIndexes.push(this._valueOptionIndexMap[t]),this._options[this._valueOptionIndexMap[t]].selected=!0,this._values.push(t))})),this._selectedIndexes.length>0?this._requestedValueToSetLater=[]:this._requestedValueToSetLater=Array.isArray(t)?t:[t],this._setFormValue(),this._manageRequired()}get value(){return this._values}get form(){return this._internals.form}get type(){return"select-multiple"}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}constructor(){super(),this.defaultValue=[],this.required=!1,this.name=void 0,this._requestedValueToSetLater=[],this._multiple=!0,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._setDefaultValue(),this._manageRequired()}))}formResetCallback(){this.updateComplete.then((()=>{this.value=this.defaultValue}))}formStateRestoreCallback(t,e){const s=Array.from(t.entries()).map((t=>String(t[1])));this.updateComplete.then((()=>{this.value=s}))}_setDefaultValue(){if(Array.isArray(this.defaultValue)&&this.defaultValue.length>0){const t=this.defaultValue.map((t=>String(t)));this.value=t}}_manageRequired(){const{value:t}=this;0===t.length&&this.required?this._internals.setValidity({valueMissing:!0},"Please select an item in the list.",this._faceElement):this._internals.setValidity({})}_setFormValue(){const t=new FormData;this._values.forEach((e=>{t.append(this.name??"",e)})),this._internals.setFormValue(t)}_onSlotChange(){super._onSlotChange(),this._requestedValueToSetLater.length>0&&this.options.forEach(((t,e)=>{this._requestedValueToSetLater.includes(t.value)&&(this._selectedIndexes.push(e),this._values.push(t.value),this._options[e].selected=!0,this._requestedValueToSetLater=this._requestedValueToSetLater.filter((e=>e!==t.value)))}))}_onOptionClick(t){const e=t.composedPath().find((t=>"matches"in t&&t.matches("li.option")));if(!e)return;const s=Number(e.dataset.index);if(this._options[s]){if(this._options[s].disabled)return;this._options[s].selected=!this._options[s].selected}this._selectedIndexes=[],this._values=[],this._options.forEach((t=>{t.selected&&(this._selectedIndexes.push(t.index),this._values.push(t.value))})),this._setFormValue(),this._manageRequired(),this._dispatchChangeEvent()}_onMultiAcceptClick(){this._toggleDropdown(!1)}_onMultiDeselectAllClick(){this._selectedIndexes=[],this._values=[],this._options=this._options.map((t=>({...t,selected:!1}))),this._manageRequired(),this._dispatchChangeEvent()}_onMultiSelectAllClick(){this._selectedIndexes=[],this._values=[],this._options=this._options.map((t=>({...t,selected:!0}))),this._options.forEach(((t,e)=>{this._selectedIndexes.push(e),this._values.push(t.value),this._dispatchChangeEvent()})),this._setFormValue(),this._manageRequired()}_renderLabel(){switch(this._selectedIndexes.length){case 0:return U`<span class="select-face-badge no-item"
-          >No items selected</span
-        >`;case 1:return U`<span class="select-face-badge">1 item selected</span>`;default:return U`<span class="select-face-badge"
-          >${this._selectedIndexes.length} items selected</span
-        >`}}_renderSelectFace(){return U`
-      <div
-        class="select-face face multiselect"
-        @click=${this._onFaceClick}
-        tabindex=${this.tabIndex>-1?0:-1}
-      >
-        ${this._renderLabel()} ${qe}
-      </div>
-    `}_renderComboboxFace(){const t=this._selectedIndex>-1?this._options[this._selectedIndex].label:"";return U`
+  `],ri=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let ni=class extends si{set selectedIndexes(t){this._opts.selectedIndexes=t}get selectedIndexes(){return this._opts.selectedIndexes}set value(t){this._opts.multiSelectValue=t,this._opts.selectedIndexes.length>0?this._requestedValueToSetLater=[]:this._requestedValueToSetLater=Array.isArray(t)?t:[t],this._setFormValue(),this._manageRequired()}get value(){return this._opts.multiSelectValue}get form(){return this._internals.form}get type(){return"select-multiple"}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}selectAll(){this._opts.selectAll()}selectNone(){this._opts.selectNone()}constructor(){super(),this.defaultValue=[],this.required=!1,this.name=void 0,this._requestedValueToSetLater=[],this._onOptionClick=t=>{const e=t.composedPath().find((t=>"matches"in t&&t.matches("li.option")));if(!e)return;if(e.classList.contains("placeholder"))return void this._createAndSelectSuggestedOption();const i=Number(e.dataset.index);this._opts.toggleOptionSelected(i),this._setFormValue(),this._manageRequired(),this._dispatchChangeEvent()},this._opts.multiSelect=!0,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._setDefaultValue(),this._manageRequired()}))}formResetCallback(){this.updateComplete.then((()=>{this.value=this.defaultValue}))}formStateRestoreCallback(t,e){const i=Array.from(t.entries()).map((t=>String(t[1])));this.updateComplete.then((()=>{this.value=i}))}_setDefaultValue(){if(Array.isArray(this.defaultValue)&&this.defaultValue.length>0){const t=this.defaultValue.map((t=>String(t)));this.value=t}}_dispatchChangeEvent(){this.dispatchEvent(new CustomEvent("vsc-change",{detail:{selectedIndexes:this._opts.selectedIndexes,value:this._opts.multiSelectValue}})),super._dispatchChangeEvent()}_onFaceClick(){super._onFaceClick(),this._opts.activeIndex=0}_toggleComboboxDropdown(){super._toggleComboboxDropdown(),this._opts.activeIndex=-1}_manageRequired(){const{value:t}=this;0===t.length&&this.required?this._internals.setValidity({valueMissing:!0},"Please select an item in the list.",this._faceElement):this._internals.setValidity({})}_setFormValue(){const t=new FormData;this._values.forEach((e=>{t.append(this.name??"",e)})),this._internals.setFormValue(t)}async _createAndSelectSuggestedOption(){super._createAndSelectSuggestedOption();const t=this._createSuggestedOption();await this.updateComplete,this.selectedIndexes=[...this.selectedIndexes,t],this._dispatchChangeEvent();const e=new CustomEvent("vsc-multi-select-create-option",{detail:{value:this._opts.getOptionByIndex(t)?.value??""}});this.dispatchEvent(e),this.open=!1,this._isPlaceholderOptionActive=!1}_onSlotChange(){super._onSlotChange(),this._requestedValueToSetLater.length>0&&(this._opts.expandMultiSelection(this._requestedValueToSetLater),this._requestedValueToSetLater=this._requestedValueToSetLater.filter((t=>-1===this._opts.findOptionIndex(t))))}_onEnterKeyDown(t){super._onEnterKeyDown(t),this.open?this._isPlaceholderOptionActive?this._createAndSelectSuggestedOption():(this._opts.toggleActiveMultiselectOption(),this._setFormValue(),this._manageRequired(),this._dispatchChangeEvent()):(this._opts.filterPattern="",this.open=!0)}_onMultiAcceptClick(){this.open=!1}_onMultiDeselectAllClick(){this._opts.selectedIndexes=[],this._values=[],this._options=this._options.map((t=>({...t,selected:!1}))),this._manageRequired(),this._dispatchChangeEvent()}_onMultiSelectAllClick(){this._opts.selectedIndexes=[],this._values=[],this._options=this._options.map((t=>({...t,selected:!0}))),this._options.forEach(((t,e)=>{this._selectedIndexes.push(e),this._values.push(t.value),this._dispatchChangeEvent()})),this._setFormValue(),this._manageRequired()}_renderLabel(){return 0===this._opts.selectedIndexes.length?U`<span class="select-face-badge no-item">0 Selected</span>`:U`<span class="select-face-badge"
+          >${this._opts.selectedIndexes.length} Selected</span
+        >`}_renderComboboxFace(){let t="";if(this._isBeingFiltered)t=this._opts.filterPattern;else{const e=this._opts.getSelectedOption();t=e?.label??""}const e=this._opts.activeIndex>-1?`op-${this._opts.activeIndex}`:"",i=this.open?"true":"false";return U`
       <div class="combobox-face face">
-        ${this._renderLabel()}
+        ${this._opts.multiSelect?this._renderLabel():q}
         <input
+          aria-activedescendant=${e}
+          aria-autocomplete="list"
+          aria-controls="select-listbox"
+          aria-expanded=${i}
+          aria-haspopup="listbox"
+          aria-label=${Pt(this.label)}
           class="combobox-input"
+          role="combobox"
           spellcheck="false"
           type="text"
           autocomplete="off"
           .value=${t}
           @focus=${this._onComboboxInputFocus}
+          @blur=${this._onComboboxInputBlur}
           @input=${this._onComboboxInputInput}
           @click=${this._onComboboxInputClick}
+          @keydown=${this._onComboboxInputSpaceKeyDown}
         >
         <button
+          aria-label="Open the list of options"
           class="combobox-button"
           type="button"
           @click=${this._onComboboxButtonClick}
           @keydown=${this._onComboboxButtonKeyDown}
+          tabindex="-1"
         >
-          ${qe}
+          ${Me}
         </button>
       </div>
-    `}_renderOptions(){const t=this.combobox?this._filteredOptions:this._options;return U`
-      <ul
-        class="options"
-        @click=${this._onOptionClick}
-        @mouseover=${this._onOptionMouseOver}
+    `}_renderSelectFace(){const t=this._opts.activeIndex>-1?`op-${this._opts.activeIndex}`:"",e=this.open?"true":"false";return U`
+      <div
+        aria-activedescendant=${Pt(this._opts.multiSelect?void 0:t)}
+        aria-controls="select-listbox"
+        aria-expanded=${Pt(this._opts.multiSelect?void 0:e)}
+        aria-haspopup="listbox"
+        aria-label=${Pt(this.label??void 0)}
+        class="select-face face multiselect"
+        @click=${this._onFaceClick}
+        .tabIndex=${this.disabled?-1:0}
       >
-        ${Ue(t,(t=>t.index),((t,e)=>{const s=this._selectedIndexes.includes(t.index),i=At({active:e===this._activeIndex&&!t.disabled,option:!0,selected:s,disabled:t.disabled}),o=At({"checkbox-icon":!0,checked:s});return U`
-              <li
-                class=${i}
-                data-index=${t.index}
-                data-filtered-index=${e}
-              >
-                <span class=${o}></span>
-                <span class="option-label"
-                  >${t.ranges?.length?Je(t.label,t.ranges??[]):t.label}</span
-                >
-              </li>
-            `}))}
-      </ul>
-    `}_renderDropdownControls(){return U`
-      <div class="dropdown-controls">
-        <button
-          type="button"
-          @click=${this._onMultiSelectAllClick}
-          title="Select all"
-          class="action-icon"
-          id="select-all"
-        >
-          <vscode-icon name="checklist"></vscode-icon>
-        </button>
-        <button
-          type="button"
-          @click=${this._onMultiDeselectAllClick}
-          title="Deselect all"
-          class="action-icon"
-          id="select-none"
-        >
-          <vscode-icon name="clear-all"></vscode-icon>
-        </button>
-        <vscode-button class="button-accept" @click=${this._onMultiAcceptClick}
-          >OK</vscode-button
-        >
+        ${this._renderLabel()} ${Me}
+      </div>
+    `}_renderDropdownControls(){return this._filteredOptions.length>0?U`
+          <div class="dropdown-controls">
+            <button
+              type="button"
+              @click=${this._onMultiSelectAllClick}
+              title="Select all"
+              class="action-icon"
+              id="select-all"
+            >
+              <vscode-icon name="checklist"></vscode-icon>
+            </button>
+            <button
+              type="button"
+              @click=${this._onMultiDeselectAllClick}
+              title="Deselect all"
+              class="action-icon"
+              id="select-none"
+            >
+              <vscode-icon name="clear-all"></vscode-icon>
+            </button>
+            <vscode-button
+              class="button-accept"
+              @click=${this._onMultiAcceptClick}
+              >OK</vscode-button
+            >
+          </div>
+        `:U`${q}`}render(){return U`
+      <div class="multi-select">
+        <slot class="main-slot" @slotchange=${this._onSlotChange}></slot>
+        ${this.combobox?this._renderComboboxFace():this._renderSelectFace()}
+        ${this._renderDropdown()}
       </div>
-    `}};es.styles=Qe,es.shadowRootOptions={...lt.shadowRootOptions,delegatesFocus:!0},es.formAssociated=!0,ts([ut({type:Array,attribute:"default-value"})],es.prototype,"defaultValue",void 0),ts([ut({type:Boolean,reflect:!0})],es.prototype,"required",void 0),ts([ut({reflect:!0})],es.prototype,"name",void 0),ts([ut({type:Array,attribute:!1})],es.prototype,"selectedIndexes",null),ts([ut({type:Array})],es.prototype,"value",null),ts([bt(".face")],es.prototype,"_faceElement",void 0),es=ts([ct("vscode-multi-select")],es);const ss=[xt,n`
+    `}};ni.styles=oi,ni.shadowRootOptions={...at.shadowRootOptions,delegatesFocus:!0},ni.formAssociated=!0,ri([pt({type:Array,attribute:"default-value"})],ni.prototype,"defaultValue",void 0),ri([pt({type:Boolean,reflect:!0})],ni.prototype,"required",void 0),ri([pt({reflect:!0})],ni.prototype,"name",void 0),ri([pt({type:Array,attribute:!1})],ni.prototype,"selectedIndexes",null),ri([pt({type:Array})],ni.prototype,"value",null),ri([gt(".face")],ni.prototype,"_faceElement",void 0),ni=ri([$t("vscode-multi-select")],ni);const li=[_t,n`
     :host {
       align-items: center;
       display: block;
@@ -1616,7 +1618,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
 
     .indeterminate-indicator-1 {
       fill: none;
-      stroke: var(--vscode-progressBar-background);
+      stroke: var(--vscode-progressBar-background, #0078d4);
       stroke-width: 2px;
       stroke-linecap: square;
       transform-origin: 50% 50%;
@@ -1639,7 +1641,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
         transform: rotate(1080deg);
       }
     }
-  `];var is=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let os=class extends mt{constructor(){super(...arguments),this.ariaLabel="Loading",this.ariaLive="assertive",this.role="alert"}render(){return U`<svg class="progress" part="progress" viewBox="0 0 16 16">
+  `];var hi=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let ai=class extends kt{constructor(){super(...arguments),this.ariaLabel="Loading",this.ariaLive="assertive",this.role="alert"}render(){return U`<svg class="progress" part="progress" viewBox="0 0 16 16">
       <circle
         class="background"
         part="background"
@@ -1654,10 +1656,10 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
         cy="8px"
         r="7px"
       ></circle>
-    </svg>`}};os.styles=ss,is([ut({reflect:!0,attribute:"aria-label"})],os.prototype,"ariaLabel",void 0),is([ut({reflect:!0,attribute:"aria-live"})],os.prototype,"ariaLive",void 0),is([ut({reflect:!0})],os.prototype,"role",void 0),os=is([ct("vscode-progress-ring")],os);const rs=[xt,Ut,n`
+    </svg>`}};ai.styles=li,hi([pt({reflect:!0,attribute:"aria-label"})],ai.prototype,"ariaLabel",void 0),hi([pt({reflect:!0,attribute:"aria-live"})],ai.prototype,"ariaLive",void 0),hi([pt({reflect:!0})],ai.prototype,"role",void 0),ai=hi([$t("vscode-progress-ring")],ai);const ci=[_t,Xt,n`
     :host(:invalid) .icon,
     :host([invalid]) .icon {
-      background-color: var(--vscode-inputValidation-errorBackground);
+      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
       border-color: var(--vscode-inputValidation-errorBorder, #be1100);
     }
 
@@ -1678,10 +1680,10 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     }
 
     :host(:focus):host(:not([disabled])) .icon {
-      outline: 1px solid var(--vscode-focusBorder);
+      outline: 1px solid var(--vscode-focusBorder, #0078d4);
       outline-offset: -1px;
     }
-  `];var ns=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let ls=class extends(Lt(Rt)){constructor(){super(),this.autofocus=!1,this.checked=!1,this.defaultChecked=!1,this.invalid=!1,this.name="",this.value="",this.disabled=!1,this.required=!1,this.role="radio",this.tabIndex=0,this._slottedText="",this.type="radio",this._handleClick=()=>{this.disabled||this.checked||(this._checkButton(),this._handleValueChange(),this._dispatchCustomEvent(),this.dispatchEvent(new Event("change",{bubbles:!0})))},this._handleKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||(t.preventDefault()," "!==t.key||this.checked||(this.checked=!0,this._handleValueChange(),this._dispatchCustomEvent(),this.dispatchEvent(new Event("change",{bubbles:!0}))),"Enter"===t.key&&this._internals.form?.requestSubmit())},this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeyDown),this.addEventListener("click",this._handleClick),this._handleValueChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeyDown),this.removeEventListener("click",this._handleClick)}update(t){super.update(t),t.has("checked")&&this._handleValueChange(),t.has("required")&&this._handleValueChange()}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}formResetCallback(){this._getRadios().forEach((t=>{t.checked=t.defaultChecked})),this.updateComplete.then((()=>{this._handleValueChange()}))}formStateRestoreCallback(t,e){this.value===t&&""!==t&&(this.checked=!0)}_dispatchCustomEvent(){this.dispatchEvent(new CustomEvent("vsc-change",{detail:{checked:this.checked,label:this.label,value:this.value},bubbles:!0,composed:!0}))}_getRadios(){const t=this.getRootNode({composed:!0});if(!t)return[];const e=t.querySelectorAll(`vscode-radio[name="${this.name}"]`);return Array.from(e)}_uncheckOthers(t){t.forEach((t=>{t!==this&&(t.checked=!1)}))}_checkButton(){const t=this._getRadios();this.checked=!0,t.forEach((t=>{t!==this&&(t.checked=!1)}))}setComponentValidity(t){t?this._internals.setValidity({}):this._internals.setValidity({valueMissing:!0},"Please select one of these options.",this._inputEl)}_setGroupValidity(t,e){this.updateComplete.then((()=>{t.forEach((t=>{t.setComponentValidity(e)}))}))}_setActualFormValue(){let t="";t=this.checked?this.value?this.value:"on":null,this._internals.setFormValue(t)}_handleValueChange(){const t=this._getRadios(),e=t.some((t=>t.required));if(this._setActualFormValue(),this.checked)this._uncheckOthers(t),this._setGroupValidity(t,!0);else{const s=!!t.find((t=>t.checked)),i=e&&!s;this._setGroupValidity(t,!i)}}render(){const t=At({icon:!0,checked:this.checked}),e=At({"label-inner":!0,"is-slot-empty":""===this._slottedText});return U`
+  `];var di=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let ui=class extends(Yt(Kt)){constructor(){super(),this.autofocus=!1,this.checked=!1,this.defaultChecked=!1,this.invalid=!1,this.name="",this.value="",this.disabled=!1,this.required=!1,this.role="radio",this.tabIndex=0,this._slottedText="",this.type="radio",this._handleClick=()=>{this.disabled||this.checked||(this._checkButton(),this._handleValueChange(),this._dispatchCustomEvent(),this.dispatchEvent(new Event("change",{bubbles:!0})))},this._handleKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||(t.preventDefault()," "!==t.key||this.checked||(this.checked=!0,this._handleValueChange(),this._dispatchCustomEvent(),this.dispatchEvent(new Event("change",{bubbles:!0}))),"Enter"===t.key&&this._internals.form?.requestSubmit())},this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeyDown),this.addEventListener("click",this._handleClick),this._handleValueChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeyDown),this.removeEventListener("click",this._handleClick)}update(t){super.update(t),t.has("checked")&&this._handleValueChange(),t.has("required")&&this._handleValueChange()}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}formResetCallback(){this._getRadios().forEach((t=>{t.checked=t.defaultChecked})),this.updateComplete.then((()=>{this._handleValueChange()}))}formStateRestoreCallback(t,e){this.value===t&&""!==t&&(this.checked=!0)}_dispatchCustomEvent(){this.dispatchEvent(new CustomEvent("vsc-change",{detail:{checked:this.checked,label:this.label,value:this.value},bubbles:!0,composed:!0}))}_getRadios(){const t=this.getRootNode({composed:!0});if(!t)return[];const e=t.querySelectorAll(`vscode-radio[name="${this.name}"]`);return Array.from(e)}_uncheckOthers(t){t.forEach((t=>{t!==this&&(t.checked=!1)}))}_checkButton(){const t=this._getRadios();this.checked=!0,t.forEach((t=>{t!==this&&(t.checked=!1)}))}setComponentValidity(t){t?this._internals.setValidity({}):this._internals.setValidity({valueMissing:!0},"Please select one of these options.",this._inputEl)}_setGroupValidity(t,e){this.updateComplete.then((()=>{t.forEach((t=>{t.setComponentValidity(e)}))}))}_setActualFormValue(){let t="";t=this.checked?this.value?this.value:"on":null,this._internals.setFormValue(t)}_handleValueChange(){const t=this._getRadios(),e=t.some((t=>t.required));if(this._setActualFormValue(),this.checked)this._uncheckOthers(t),this._setGroupValidity(t,!0);else{const i=!!t.find((t=>t.checked)),s=e&&!i;this._setGroupValidity(t,!s)}}render(){const t=Mt({icon:!0,checked:this.checked}),e=Mt({"label-inner":!0,"is-slot-empty":""===this._slottedText});return U`
       <div class="wrapper">
         <input
           ?autofocus=${this.autofocus}
@@ -1700,170 +1702,100 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
           </span>
         </label>
       </div>
-    `}};ls.styles=rs,ls.formAssociated=!0,ls.shadowRootOptions={...lt.shadowRootOptions,delegatesFocus:!0},ns([ut({type:Boolean,reflect:!0})],ls.prototype,"autofocus",void 0),ns([ut({type:Boolean,reflect:!0})],ls.prototype,"checked",void 0),ns([ut({type:Boolean,reflect:!0,attribute:"default-checked"})],ls.prototype,"defaultChecked",void 0),ns([ut({type:Boolean,reflect:!0})],ls.prototype,"invalid",void 0),ns([ut({reflect:!0})],ls.prototype,"name",void 0),ns([ut()],ls.prototype,"value",void 0),ns([ut({type:Boolean,reflect:!0})],ls.prototype,"disabled",void 0),ns([ut({type:Boolean,reflect:!0})],ls.prototype,"required",void 0),ns([ut({reflect:!0})],ls.prototype,"role",void 0),ns([ut({type:Number,reflect:!0})],ls.prototype,"tabIndex",void 0),ns([vt()],ls.prototype,"_slottedText",void 0),ns([bt("#input")],ls.prototype,"_inputEl",void 0),ns([ut()],ls.prototype,"type",void 0),ls=ns([ct("vscode-radio")],ls);var as=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let cs=class extends Ze{set selectedIndex(t){this._selectedIndex=t,this._value=this._options[this._selectedIndex]?this._options[this._selectedIndex].value:""}get selectedIndex(){return this._selectedIndex}set value(t){this._options[this._selectedIndex]&&(this._options[this._selectedIndex].selected=!1),this._selectedIndex=this._options.findIndex((e=>e.value===t)),this._selectedIndex>-1?(this._options[this._selectedIndex].selected=!0,this._value=t,this._requestedValueToSetLater=""):(this._value="",this._requestedValueToSetLater=t)}get value(){return this._options[this._selectedIndex]?this._options[this._selectedIndex]?.value??"":""}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}updateInputValue(){if(!this.combobox)return;const t=this.renderRoot.querySelector(".combobox-input");t&&(t.value=this._options[this._selectedIndex]?this._options[this._selectedIndex].label:"")}constructor(){super(),this.defaultValue="",this.role="listbox",this.name=void 0,this.required=!1,this._requestedValueToSetLater="",this._multiple=!1,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._manageRequired()}))}formResetCallback(){this.value=this.defaultValue}formStateRestoreCallback(t,e){this.updateComplete.then((()=>{this.value=t}))}get type(){return"select-one"}get form(){return this._internals.form}_onSlotChange(){if(super._onSlotChange(),this._requestedValueToSetLater){const t=this._options.findIndex((t=>t.value===this._requestedValueToSetLater));t>0&&(this._selectedIndex=t,this._requestedValueToSetLater="")}this._selectedIndex>-1&&this._options.length>0?this._internals.setFormValue(this._options[this._selectedIndex].value):this._internals.setFormValue(null)}_onArrowUpKeyDown(){super._onArrowUpKeyDown(),this.open||this._selectedIndex<=0||(this._filterPattern="",this._selectedIndex-=1,this._activeIndex=this._selectedIndex,this._value=this._options[this._selectedIndex].value,this._internals.setFormValue(this._value),this._manageRequired(),this._dispatchChangeEvent())}_onArrowDownKeyDown(){super._onArrowDownKeyDown(),this.open||this._selectedIndex>=this._options.length-1||(this._filterPattern="",this._selectedIndex+=1,this._activeIndex=this._selectedIndex,this._value=this._options[this._selectedIndex].value,this._internals.setFormValue(this._value),this._manageRequired(),this._dispatchChangeEvent())}_onEnterKeyDown(){super._onEnterKeyDown(),this.updateInputValue(),this._internals.setFormValue(this._value),this._manageRequired()}_onOptionClick(t){const e=t.composedPath().find((t=>t?.matches("li.option")));e&&!e.matches(".disabled")&&(this._selectedIndex=Number(e.dataset.index),this._value=this._options[this._selectedIndex].value,this._toggleDropdown(!1),this._internals.setFormValue(this._value),this._manageRequired(),this._dispatchChangeEvent())}_manageRequired(){const{value:t}=this;""===t&&this.required?this._internals.setValidity({valueMissing:!0},"Please select an item in the list.",this._face):this._internals.setValidity({})}_renderSelectFace(){const t=this._options[this._selectedIndex]?.label??"";return U`
+    `}};ui.styles=ci,ui.formAssociated=!0,ui.shadowRootOptions={...at.shadowRootOptions,delegatesFocus:!0},di([pt({type:Boolean,reflect:!0})],ui.prototype,"autofocus",void 0),di([pt({type:Boolean,reflect:!0})],ui.prototype,"checked",void 0),di([pt({type:Boolean,reflect:!0,attribute:"default-checked"})],ui.prototype,"defaultChecked",void 0),di([pt({type:Boolean,reflect:!0})],ui.prototype,"invalid",void 0),di([pt({reflect:!0})],ui.prototype,"name",void 0),di([pt()],ui.prototype,"value",void 0),di([pt({type:Boolean,reflect:!0})],ui.prototype,"disabled",void 0),di([pt({type:Boolean,reflect:!0})],ui.prototype,"required",void 0),di([pt({reflect:!0})],ui.prototype,"role",void 0),di([pt({type:Number,reflect:!0})],ui.prototype,"tabIndex",void 0),di([bt()],ui.prototype,"_slottedText",void 0),di([gt("#input")],ui.prototype,"_inputEl",void 0),di([pt()],ui.prototype,"type",void 0),ui=di([$t("vscode-radio")],ui);const vi=[_t,n`
+    :host {
+      display: block;
+    }
+
+    .wrapper {
+      display: flex;
+      flex-wrap: wrap;
+    }
+
+    :host([variant='vertical']) .wrapper {
+      display: block;
+    }
+
+    ::slotted(vscode-radio) {
+      margin-right: 20px;
+    }
+
+    ::slotted(vscode-radio:last-child) {
+      margin-right: 0;
+    }
+
+    :host([variant='vertical']) ::slotted(vscode-radio) {
+      display: block;
+      margin-bottom: 15px;
+    }
+
+    :host([variant='vertical']) ::slotted(vscode-radio:last-child) {
+      margin-bottom: 0;
+    }
+  `];var pi=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let bi=class extends kt{constructor(){super(...arguments),this.variant="horizontal",this.role="radiogroup",this._focusedRadio=-1,this._checkedRadio=-1,this._firstContentLoaded=!1,this._onKeyDownBound=this._onKeyDown.bind(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._onKeyDownBound)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onKeyDownBound)}_uncheckPreviousChecked(t,e){-1!==t&&(this._radios[t].checked=!1),-1!==e&&(this._radios[e].tabIndex=-1)}_afterCheck(){this._focusedRadio=this._checkedRadio,this._radios[this._checkedRadio].checked=!0,this._radios[this._checkedRadio].tabIndex=0,this._radios[this._checkedRadio].focus()}_checkPrev(){const t=this._radios.findIndex((t=>t.checked)),e=this._radios.findIndex((t=>t.focused)),i=-1!==e?e:t;this._uncheckPreviousChecked(t,e),this._checkedRadio=-1===i?this._radios.length-1:i-1>=0?i-1:this._radios.length-1,this._afterCheck()}_checkNext(){const t=this._radios.findIndex((t=>t.checked)),e=this._radios.findIndex((t=>t.focused)),i=-1!==e?e:t;this._uncheckPreviousChecked(t,e),-1===i?this._checkedRadio=0:i+1<this._radios.length?this._checkedRadio=i+1:this._checkedRadio=0,this._afterCheck()}_onKeyDown(t){const{key:e}=t;["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"].includes(e)&&t.preventDefault(),"ArrowRight"!==e&&"ArrowDown"!==e||this._checkNext(),"ArrowLeft"!==e&&"ArrowUp"!==e||this._checkPrev()}_onChange(t){const e=this._radios.findIndex((e=>e===t.target));-1!==e&&(-1!==this._focusedRadio&&(this._radios[this._focusedRadio].tabIndex=-1),-1!==this._checkedRadio&&this._checkedRadio!==e&&(this._radios[this._checkedRadio].checked=!1),this._focusedRadio=e,this._checkedRadio=e,this._radios[e].tabIndex=0)}_onSlotChange(){if(!this._firstContentLoaded){const t=this._radios.findIndex((t=>t.autofocus));t>-1&&(this._focusedRadio=t),this._firstContentLoaded=!0}this._radios.forEach(((t,e)=>{this._focusedRadio>-1?t.tabIndex=e===this._focusedRadio?0:-1:t.tabIndex=0===e?0:-1}))}render(){return U`
+      <div class="wrapper">
+        <slot
+          @slotchange=${this._onSlotChange}
+          @vsc-change=${this._onChange}
+        ></slot>
+      </div>
+    `}};bi.styles=vi,pi([pt({reflect:!0})],bi.prototype,"variant",void 0),pi([pt({reflect:!0})],bi.prototype,"role",void 0),pi([xt({selector:"vscode-radio"})],bi.prototype,"_radios",void 0),pi([bt()],bi.prototype,"_focusedRadio",void 0),pi([bt()],bi.prototype,"_checkedRadio",void 0),bi=pi([$t("vscode-radio-group")],bi);var fi=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let gi=class extends si{set selectedIndex(t){this._opts.selectedIndex=t;const e=this._opts.getOptionByIndex(t);e?(this._opts.activeIndex=t,this._value=e.value,this._internals.setFormValue(this._value),this._manageRequired()):(this._value="",this._internals.setFormValue(""),this._manageRequired())}get selectedIndex(){return this._opts.selectedIndex}set value(t){this._opts.value=t,this._opts.selectedIndex>-1?this._requestedValueToSetLater="":this._requestedValueToSetLater=t,this._internals.setFormValue(this._value),this._manageRequired()}get value(){return this._opts.value}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}updateInputValue(){if(!this.combobox)return;const t=this.renderRoot.querySelector(".combobox-input");if(t){const e=this._opts.getSelectedOption();t.value=e?.label??""}}constructor(){super(),this.defaultValue="",this.name=void 0,this.required=!1,this._requestedValueToSetLater="",this._opts.multiSelect=!1,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._manageRequired()}))}formResetCallback(){this.value=this.defaultValue}formStateRestoreCallback(t,e){this.updateComplete.then((()=>{this.value=t}))}get type(){return"select-one"}get form(){return this._internals.form}async _createAndSelectSuggestedOption(){const t=this._createSuggestedOption();await this.updateComplete,this._opts.selectedIndex=t,this._dispatchChangeEvent();const e=new CustomEvent("vsc-single-select-create-option",{detail:{value:this._opts.getOptionByIndex(t)?.value??""}});this.dispatchEvent(e),this.open=!1,this._isPlaceholderOptionActive=!1}_dispatchChangeEvent(){this.dispatchEvent(new CustomEvent("vsc-change",{detail:{selectedIndex:this._opts.selectedIndex,value:this._value}})),super._dispatchChangeEvent()}_setStateFromSlottedElements(){super._setStateFromSlottedElements(),this.combobox||0!==this._opts.selectedIndexes.length||(this._opts.selectedIndex=this._opts.options.length>0?0:-1)}_onSlotChange(){if(super._onSlotChange(),this._requestedValueToSetLater){const t=this._opts.getOptionByValue(this._requestedValueToSetLater);t&&(this._opts.selectedIndex=t.index,this._requestedValueToSetLater="")}this._opts.selectedIndex>-1&&this._opts.numOptions>0?(this._internals.setFormValue(this._opts.value),this._manageRequired()):(this._internals.setFormValue(null),this._manageRequired())}_onEnterKeyDown(t){super._onEnterKeyDown(t);let e=!1;this.combobox?this.open?this._isPlaceholderOptionActive?this._createAndSelectSuggestedOption():(e=this._opts.activeIndex!==this._opts.selectedIndex,this._opts.selectedIndex=this._opts.activeIndex,this.open=!1):(this.open=!0,this._scrollActiveElementToTop()):this.open?(e=this._opts.activeIndex!==this._opts.selectedIndex,this._opts.selectedIndex=this._opts.activeIndex,this.open=!1):(this.open=!0,this._scrollActiveElementToTop()),e&&(this._dispatchChangeEvent(),this.updateInputValue(),this._internals.setFormValue(this._opts.value),this._manageRequired())}_onOptionClick(t){super._onOptionClick(t);const e=t.composedPath().find((t=>{if("matches"in t)return t.matches("li.option")}));if(!e||e.matches(".disabled"))return;e.classList.contains("placeholder")?this.creatable&&this._createAndSelectSuggestedOption():(this._opts.selectedIndex=Number(e.dataset.index),this.open=!1,this._internals.setFormValue(this._value),this._manageRequired(),this._dispatchChangeEvent())}_manageRequired(){const{value:t}=this;""===t&&this.required?this._internals.setValidity({valueMissing:!0},"Please select an item in the list.",this._face):this._internals.setValidity({})}_renderSelectFace(){const t=this._opts.getSelectedOption(),e=t?.label??"",i=this._opts.activeIndex>-1?`op-${this._opts.activeIndex}`:"";return U`
       <div
+        aria-activedescendant=${i}
+        aria-controls="select-listbox"
+        aria-expanded=${this.open?"true":"false"}
+        aria-haspopup="listbox"
+        aria-label=${Pt(this.label)}
         class="select-face face"
         @click=${this._onFaceClick}
-        tabindex=${this.tabIndex>-1?0:-1}
+        role="combobox"
+        tabindex="0"
       >
-        <span class="text">${t}</span> ${qe}
+        <span class="text">${e}</span> ${Me}
       </div>
-    `}_renderComboboxFace(){const t=this._selectedIndex>-1?this._options[this._selectedIndex].label:"";return U`
+    `}_renderComboboxFace(){let t="";if(this._isBeingFiltered)t=this._opts.filterPattern;else{const e=this._opts.getSelectedOption();t=e?.label??""}const e=this._opts.activeIndex>-1?`op-${this._opts.activeIndex}`:"",i=this.open?"true":"false";return U`
       <div class="combobox-face face">
         <input
+          aria-activedescendant=${e}
+          aria-autocomplete="list"
+          aria-controls="select-listbox"
+          aria-expanded=${i}
+          aria-haspopup="listbox"
+          aria-label=${Pt(this.label)}
           class="combobox-input"
+          role="combobox"
           spellcheck="false"
           type="text"
           autocomplete="off"
           .value=${t}
           @focus=${this._onComboboxInputFocus}
+          @blur=${this._onComboboxInputBlur}
           @input=${this._onComboboxInputInput}
           @click=${this._onComboboxInputClick}
+          @keydown=${this._onComboboxInputSpaceKeyDown}
         >
         <button
+          aria-label="Open the list of options"
           class="combobox-button"
           type="button"
           @click=${this._onComboboxButtonClick}
           @keydown=${this._onComboboxButtonKeyDown}
+          tabindex="-1"
         >
-          ${qe}
+          ${Me}
         </button>
       </div>
-    `}_renderOptions(){const t=(this.combobox?this._filteredOptions:this._options).map(((t,e)=>{const s=At({option:!0,disabled:t.disabled,selected:t.selected,active:e===this._activeIndex&&!t.disabled});return U`
-        <li
-          class=${s}
-          data-index=${t.index}
-          data-filtered-index=${e}
-        >
-          ${t.ranges?.length?Je(t.label,t.ranges??[]):t.label}
-        </li>
-      `}));return U`
-      <ul
-        class="options"
-        @mouseover=${this._onOptionMouseOver}
-        @click=${this._onOptionClick}
-      >
-        ${t}
-      </ul>
-    `}};cs.styles=Qe,cs.shadowRootOptions={...lt.shadowRootOptions,delegatesFocus:!0},cs.formAssociated=!0,as([ut({attribute:"default-value"})],cs.prototype,"defaultValue",void 0),as([ut({type:String,attribute:!0,reflect:!0})],cs.prototype,"role",void 0),as([ut({reflect:!0})],cs.prototype,"name",void 0),as([ut({type:Number,attribute:"selected-index"})],cs.prototype,"selectedIndex",null),as([ut({type:String})],cs.prototype,"value",null),as([ut({type:Boolean,reflect:!0})],cs.prototype,"required",void 0),as([bt(".face")],cs.prototype,"_face",void 0),cs=as([ct("vscode-single-select")],cs);const hs=[xt,n`
-    :host {
-      display: block;
-      position: relative;
-    }
-
-    .scrollable-container {
-      height: 100%;
-      overflow: auto;
-    }
-
-    .scrollable-container::-webkit-scrollbar {
-      cursor: default;
-      width: 0;
-    }
-
-    .scrollable-container {
-      scrollbar-width: none;
-    }
-
-    .shadow {
-      box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
-      display: none;
-      height: 3px;
-      left: 0;
-      pointer-events: none;
-      position: absolute;
-      top: 0;
-      z-index: 1;
-      width: 100%;
-    }
-
-    .shadow.visible {
-      display: block;
-    }
-
-    .scrollbar-track {
-      height: 100%;
-      position: absolute;
-      right: 0;
-      top: 0;
-      width: 10px;
-      z-index: 100;
-    }
-
-    .scrollbar-track.hidden {
-      display: none;
-    }
-
-    .scrollbar-thumb {
-      background-color: transparent;
-      min-height: var(--min-thumb-height, 20px);
-      opacity: 0;
-      position: absolute;
-      right: 0;
-      width: 10px;
-    }
-
-    .scrollbar-thumb.visible {
-      background-color: var(--vscode-scrollbarSlider-background);
-      opacity: 1;
-      transition: opacity 100ms;
-    }
-
-    .scrollbar-thumb.fade {
-      background-color: var(--vscode-scrollbarSlider-background);
-      opacity: 0;
-      transition: opacity 800ms;
-    }
-
-    .scrollbar-thumb.visible:hover {
-      background-color: var(--vscode-scrollbarSlider-hoverBackground);
-    }
-
-    .scrollbar-thumb.visible.active,
-    .scrollbar-thumb.visible.active:hover {
-      background-color: var(--vscode-scrollbarSlider-activeBackground);
-    }
-
-    .prevent-interaction {
-      bottom: 0;
-      left: 0;
-      right: 0;
-      top: 0;
-      position: absolute;
-      z-index: 99;
-    }
-
-    .content {
-      overflow: hidden;
-    }
-  `];var ds=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let us=class extends mt{constructor(){super(...arguments),this.shadow=!0,this.scrolled=!1,this._isDragging=!1,this._thumbHeight=0,this._thumbY=0,this._thumbVisible=!1,this._thumbFade=!1,this._thumbActive=!1,this._scrollThumbStartY=0,this._mouseStartY=0,this._scrollbarVisible=!0,this._scrollbarTrackZ=0,this._resizeObserverCallback=()=>{this._updateScrollbar()},this._onSlotChange=()=>{this._zIndexFix()},this._onScrollThumbMouseMoveBound=this._onScrollThumbMouseMove.bind(this),this._onScrollThumbMouseUpBound=this._onScrollThumbMouseUp.bind(this),this._onComponentMouseOverBound=this._onComponentMouseOver.bind(this),this._onComponentMouseOutBound=this._onComponentMouseOut.bind(this)}set scrollPos(t){this._scrollableContainer.scrollTop=t}get scrollPos(){return this._scrollableContainer?this._scrollableContainer.scrollTop:0}get scrollMax(){return this._scrollableContainer?this._scrollableContainer.scrollHeight:0}connectedCallback(){super.connectedCallback(),this._hostResizeObserver=new ResizeObserver(this._resizeObserverCallback),this._contentResizeObserver=new ResizeObserver(this._resizeObserverCallback),this.requestUpdate(),this.updateComplete.then((()=>{this._scrollableContainer.addEventListener("scroll",this._onScrollableContainerScroll.bind(this)),this._hostResizeObserver.observe(this),this._contentResizeObserver.observe(this._contentElement)})),this.addEventListener("mouseover",this._onComponentMouseOverBound),this.addEventListener("mouseout",this._onComponentMouseOutBound)}disconnectedCallback(){super.disconnectedCallback(),this._hostResizeObserver.unobserve(this),this._hostResizeObserver.disconnect(),this._contentResizeObserver.unobserve(this._contentElement),this._contentResizeObserver.disconnect(),this.removeEventListener("mouseover",this._onComponentMouseOverBound),this.removeEventListener("mouseout",this._onComponentMouseOutBound)}_updateScrollbar(){const t=this.getBoundingClientRect(),e=this._contentElement.getBoundingClientRect();t.height>=e.height?this._scrollbarVisible=!1:(this._scrollbarVisible=!0,this._thumbHeight=t.height*(t.height/e.height)),this.requestUpdate()}_zIndexFix(){let t=0;this._assignedElements.forEach((e=>{if("style"in e){const s=window.getComputedStyle(e).zIndex;/([0-9-])+/g.test(s)&&(t=Number(s)>t?Number(s):t)}})),this._scrollbarTrackZ=t+1,this.requestUpdate()}_onScrollThumbMouseDown(t){const e=this.getBoundingClientRect(),s=this._scrollThumbElement.getBoundingClientRect();this._mouseStartY=t.screenY,this._scrollThumbStartY=s.top-e.top,this._isDragging=!0,this._thumbActive=!0,document.addEventListener("mousemove",this._onScrollThumbMouseMoveBound),document.addEventListener("mouseup",this._onScrollThumbMouseUpBound)}_onScrollThumbMouseMove(t){const e=this._scrollThumbStartY+(t.screenY-this._mouseStartY);let s=0;const i=this.getBoundingClientRect().height,o=this._scrollThumbElement.getBoundingClientRect().height,r=this._contentElement.getBoundingClientRect().height;s=e<0?0:e>i-o?i-o:e,this._thumbY=s,this._scrollableContainer.scrollTop=s/(i-o)*(r-i)}_onScrollThumbMouseUp(t){this._isDragging=!1,this._thumbActive=!1;const e=this.getBoundingClientRect(),{x:s,y:i,width:o,height:r}=e,{pageX:n,pageY:l}=t;(n>s+o||n<s||l>i+r||l<i)&&(this._thumbFade=!0,this._thumbVisible=!1),document.removeEventListener("mousemove",this._onScrollThumbMouseMoveBound),document.removeEventListener("mouseup",this._onScrollThumbMouseUpBound)}_onScrollableContainerScroll(){const t=this._scrollableContainer.scrollTop;this.scrolled=t>0;const e=this.getBoundingClientRect().height,s=this._scrollThumbElement.getBoundingClientRect().height,i=t/(this._contentElement.getBoundingClientRect().height-e);this._thumbY=i*(e-s)}_onComponentMouseOver(){this._thumbVisible=!0,this._thumbFade=!1}_onComponentMouseOut(){this._thumbActive||(this._thumbVisible=!1,this._thumbFade=!0)}render(){return U`
-      <div
-        class="scrollable-container"
-        .style=${Et({userSelect:this._isDragging?"none":"auto"})}
-      >
-        <div
-          class=${At({shadow:!0,visible:this.scrolled})}
-          .style=${Et({zIndex:String(this._scrollbarTrackZ)})}
-        ></div>
-        ${this._isDragging?U`<div class="prevent-interaction"></div>`:H}
-        <div
-          class=${At({"scrollbar-track":!0,hidden:!this._scrollbarVisible})}
-        >
-          <div
-            class=${At({"scrollbar-thumb":!0,visible:this._thumbVisible,fade:this._thumbFade,active:this._thumbActive})}
-            .style=${Et({height:`${this._thumbHeight}px`,top:`${this._thumbY}px`})}
-            @mousedown=${this._onScrollThumbMouseDown}
-          ></div>
-        </div>
-        <div class="content">
-          <slot @slotchange=${this._onSlotChange}></slot>
-        </div>
+    `}render(){return U`
+      <div class="single-select">
+        <slot class="main-slot" @slotchange=${this._onSlotChange}></slot>
+        ${this.combobox?this._renderComboboxFace():this._renderSelectFace()}
+        ${this._renderDropdown()}
       </div>
-    `}};us.styles=hs,ds([ut({type:Boolean,reflect:!0})],us.prototype,"shadow",void 0),ds([ut({type:Boolean,reflect:!0})],us.prototype,"scrolled",void 0),ds([ut({type:Number,attribute:"scroll-pos"})],us.prototype,"scrollPos",null),ds([ut({type:Number,attribute:"scroll-max"})],us.prototype,"scrollMax",null),ds([vt()],us.prototype,"_isDragging",void 0),ds([vt()],us.prototype,"_thumbHeight",void 0),ds([vt()],us.prototype,"_thumbY",void 0),ds([vt()],us.prototype,"_thumbVisible",void 0),ds([vt()],us.prototype,"_thumbFade",void 0),ds([vt()],us.prototype,"_thumbActive",void 0),ds([bt(".content")],us.prototype,"_contentElement",void 0),ds([bt(".scrollbar-thumb",!0)],us.prototype,"_scrollThumbElement",void 0),ds([bt(".scrollable-container")],us.prototype,"_scrollableContainer",void 0),ds([gt()],us.prototype,"_assignedElements",void 0),us=ds([ct("vscode-scrollable")],us);const vs=[xt,n`
+    `}};gi.styles=oi,gi.shadowRootOptions={...at.shadowRootOptions,delegatesFocus:!0},gi.formAssociated=!0,fi([pt({attribute:"default-value"})],gi.prototype,"defaultValue",void 0),fi([pt({reflect:!0})],gi.prototype,"name",void 0),fi([pt({type:Number,attribute:"selected-index"})],gi.prototype,"selectedIndex",null),fi([pt({type:String})],gi.prototype,"value",null),fi([pt({type:Boolean,reflect:!0})],gi.prototype,"required",void 0),fi([gt(".face")],gi.prototype,"_face",void 0),gi=fi([$t("vscode-single-select")],gi);const mi=[_t,n`
     :host {
-      --separator-border: var(--vscode-editorWidget-border, transparent);
+      --separator-border: var(--vscode-editorWidget-border, #454545);
 
-      border: 1px solid var(--vscode-editorWidget-border);
+      border: 1px solid var(--vscode-editorWidget-border, #454545);
       display: block;
       overflow: hidden;
       position: relative;
@@ -1949,7 +1881,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
 
     .handle.hover {
       transition: background-color 0.1s ease-out 0.3s;
-      background-color: var(--vscode-sash-hoverBorder);
+      background-color: var(--vscode-sash-hoverBorder, #0078d4);
     }
 
     .handle.hide {
@@ -1966,25 +1898,25 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       cursor: ns-resize;
       width: 100%;
     }
-  `];var ps,bs=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};const fs=t=>{if(!t)return{value:0,unit:"pixel"};let e,s;t.endsWith("%")?(e="percent",s=+t.substring(0,t.length-1)):t.endsWith("px")?(e="pixel",s=+t.substring(0,t.length-2)):(e="pixel",s=+t);return{unit:e,value:isNaN(s)?0:s}},gs=(t,e)=>0===e?0:Math.min(100,t/e*100),ms=(t,e)=>e*(t/100);let xs=ps=class extends mt{set split(t){this._split=t,this.resetHandlePosition()}get split(){return this._split}set handlePosition(t){this._rawHandlePosition=t,this._handlePositionPropChanged()}get handlePosition(){return this._rawHandlePosition}set fixedPane(t){this._fixedPane=t,this._fixedPanePropChanged()}get fixedPane(){return this._fixedPane}constructor(){super(),this._split="vertical",this.resetOnDblClick=!1,this.handleSize=4,this.initialHandlePosition="50%",this._fixedPane="none",this._handlePosition=0,this._isDragActive=!1,this._hover=!1,this._hide=!1,this._boundRect=new DOMRect,this._handleOffset=0,this._wrapperObserved=!1,this._fixedPaneSize=0,this._handleResize=t=>{const e=t[0].contentRect,{width:s,height:i}=e;this._boundRect=e;const o="vertical"===this.split?s:i;"start"===this.fixedPane&&(this._handlePosition=this._fixedPaneSize),"end"===this.fixedPane&&(this._handlePosition=o-this._fixedPaneSize)},this._handleMouseUp=t=>{this._isDragActive=!1,t.target!==this&&(this._hover=!1,this._hide=!0),window.removeEventListener("mouseup",this._handleMouseUp),window.removeEventListener("mousemove",this._handleMouseMove);const{width:e,height:s}=this._boundRect,i="vertical"===this.split?e:s,o=gs(this._handlePosition,i);this.dispatchEvent(new CustomEvent("vsc-split-layout-change",{detail:{position:this._handlePosition,positionInPercentage:o},composed:!0}))},this._handleMouseMove=t=>{const{clientX:e,clientY:s}=t,{left:i,top:o,height:r,width:n}=this._boundRect,l="vertical"===this.split,a=l?n:r,c=l?e-i:s-o;this._handlePosition=Math.max(0,Math.min(c-this._handleOffset+this.handleSize/2,a)),"start"===this.fixedPane&&(this._fixedPaneSize=this._handlePosition),"end"===this.fixedPane&&(this._fixedPaneSize=a-this._handlePosition)},this._resizeObserver=new ResizeObserver(this._handleResize)}resetHandlePosition(){if(!this._wrapperEl)return void(this._handlePosition=0);const{width:t,height:e}=this._wrapperEl.getBoundingClientRect(),s="vertical"===this.split?t:e,{value:i,unit:o}=fs(this.initialHandlePosition??"50%");this._handlePosition="percent"===o?ms(i,s):i}connectedCallback(){super.connectedCallback()}firstUpdated(t){"none"!==this.fixedPane&&(this._resizeObserver.observe(this._wrapperEl),this._wrapperObserved=!0),this._boundRect=this._wrapperEl.getBoundingClientRect();const{value:e,unit:s}=this.handlePosition?fs(this.handlePosition):fs(this.initialHandlePosition);this._setPosition(e,s),this._initFixedPane()}_handlePositionPropChanged(){if(this.handlePosition&&this._wrapperEl){this._boundRect=this._wrapperEl.getBoundingClientRect();const{value:t,unit:e}=fs(this.handlePosition);this._setPosition(t,e)}}_fixedPanePropChanged(){this._wrapperEl&&this._initFixedPane()}_initFixedPane(){if("none"===this.fixedPane)this._wrapperObserved&&(this._resizeObserver.unobserve(this._wrapperEl),this._wrapperObserved=!1);else{const{width:t,height:e}=this._boundRect,s="vertical"===this.split?t:e;this._fixedPaneSize="start"===this.fixedPane?this._handlePosition:s-this._handlePosition,this._wrapperObserved||(this._resizeObserver.observe(this._wrapperEl),this._wrapperObserved=!0)}}_setPosition(t,e){const{width:s,height:i}=this._boundRect,o="vertical"===this.split?s:i;this._handlePosition="percent"===e?ms(t,o):t}_handleMouseOver(){this._hover=!0,this._hide=!1}_handleMouseOut(t){1!==t.buttons&&(this._hover=!1,this._hide=!0)}_handleMouseDown(t){t.stopPropagation(),t.preventDefault(),this._boundRect=this._wrapperEl.getBoundingClientRect();const{left:e,top:s}=this._boundRect,{left:i,top:o}=this._handleEl.getBoundingClientRect(),r=t.clientX-e,n=t.clientY-s;"vertical"===this.split&&(this._handleOffset=r-(i-e)),"horizontal"===this.split&&(this._handleOffset=n-(o-s)),this._isDragActive=!0,window.addEventListener("mouseup",this._handleMouseUp),window.addEventListener("mousemove",this._handleMouseMove)}_handleDblClick(){this.resetOnDblClick&&this.resetHandlePosition()}_handleSlotChange(){[...this._nestedLayoutsAtStart,...this._nestedLayoutsAtEnd].forEach((t=>{t instanceof ps&&t.resetHandlePosition()}))}render(){const{width:t,height:e}=this._boundRect,s="vertical"===this.split?t:e,i="none"!==this.fixedPane?`${this._handlePosition}px`:`${gs(this._handlePosition,s)}%`;let o="";o="start"===this.fixedPane?`0 0 ${this._fixedPaneSize}px`:`1 1 ${gs(this._handlePosition,s)}%`;let r="";r="end"===this.fixedPane?`0 0 ${this._fixedPaneSize}px`:`1 1 ${gs(s-this._handlePosition,s)}%`;const n={left:"vertical"===this.split?i:"0",top:"vertical"===this.split?"0":i},l=this.handleSize??4;"vertical"===this.split&&(n.marginLeft=0-l/2+"px",n.width=`${l}px`),"horizontal"===this.split&&(n.height=`${l}px`,n.marginTop=0-l/2+"px");const a=At({"handle-overlay":!0,active:this._isDragActive,"split-vertical":"vertical"===this.split,"split-horizontal":"horizontal"===this.split}),c=At({handle:!0,hover:this._hover,hide:this._hide,"split-vertical":"vertical"===this.split,"split-horizontal":"horizontal"===this.split}),h={wrapper:!0,horizontal:"horizontal"===this.split};return U`
-      <div class=${At(h)}>
-        <div class="start" .style=${Et({flex:o})}>
+  `];var xi,yi=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const wi=t=>{if(!t)return{value:0,unit:"pixel"};let e,i;t.endsWith("%")?(e="percent",i=+t.substring(0,t.length-1)):t.endsWith("px")?(e="pixel",i=+t.substring(0,t.length-2)):(e="pixel",i=+t);return{unit:e,value:isNaN(i)?0:i}},ki=(t,e)=>0===e?0:Math.min(100,t/e*100),$i=(t,e)=>e*(t/100);let _i=xi=class extends kt{set split(t){this._split!==t&&(this._split=t,this.resetHandlePosition())}get split(){return this._split}set handlePosition(t){this._rawHandlePosition=t,this._handlePositionPropChanged()}get handlePosition(){return this._rawHandlePosition}set fixedPane(t){this._fixedPane=t,this._fixedPanePropChanged()}get fixedPane(){return this._fixedPane}constructor(){super(),this._split="vertical",this.resetOnDblClick=!1,this.handleSize=4,this.initialHandlePosition="50%",this._fixedPane="none",this._handlePosition=0,this._isDragActive=!1,this._hover=!1,this._hide=!1,this._boundRect=new DOMRect,this._handleOffset=0,this._wrapperObserved=!1,this._fixedPaneSize=0,this._handleResize=t=>{const e=t[0].contentRect,{width:i,height:s}=e;this._boundRect=e;const o="vertical"===this.split?i:s;"start"===this.fixedPane&&(this._handlePosition=this._fixedPaneSize),"end"===this.fixedPane&&(this._handlePosition=o-this._fixedPaneSize)},this._handleMouseUp=t=>{this._isDragActive=!1,t.target!==this&&(this._hover=!1,this._hide=!0),window.removeEventListener("mouseup",this._handleMouseUp),window.removeEventListener("mousemove",this._handleMouseMove);const{width:e,height:i}=this._boundRect,s="vertical"===this.split?e:i,o=ki(this._handlePosition,s);this.dispatchEvent(new CustomEvent("vsc-split-layout-change",{detail:{position:this._handlePosition,positionInPercentage:o},composed:!0}))},this._handleMouseMove=t=>{const{clientX:e,clientY:i}=t,{left:s,top:o,height:r,width:n}=this._boundRect,l="vertical"===this.split,h=l?n:r,a=l?e-s:i-o;this._handlePosition=Math.max(0,Math.min(a-this._handleOffset+this.handleSize/2,h)),"start"===this.fixedPane&&(this._fixedPaneSize=this._handlePosition),"end"===this.fixedPane&&(this._fixedPaneSize=h-this._handlePosition)},this._resizeObserver=new ResizeObserver(this._handleResize)}resetHandlePosition(){if(!this._wrapperEl)return void(this._handlePosition=0);const{width:t,height:e}=this._wrapperEl.getBoundingClientRect(),i="vertical"===this.split?t:e,{value:s,unit:o}=wi(this.initialHandlePosition??"50%");this._handlePosition="percent"===o?$i(s,i):s}connectedCallback(){super.connectedCallback()}firstUpdated(t){"none"!==this.fixedPane&&(this._resizeObserver.observe(this._wrapperEl),this._wrapperObserved=!0),this._boundRect=this._wrapperEl.getBoundingClientRect();const{value:e,unit:i}=this.handlePosition?wi(this.handlePosition):wi(this.initialHandlePosition);this._setPosition(e,i),this._initFixedPane()}_handlePositionPropChanged(){if(this.handlePosition&&this._wrapperEl){this._boundRect=this._wrapperEl.getBoundingClientRect();const{value:t,unit:e}=wi(this.handlePosition);this._setPosition(t,e)}}_fixedPanePropChanged(){this._wrapperEl&&this._initFixedPane()}_initFixedPane(){if("none"===this.fixedPane)this._wrapperObserved&&(this._resizeObserver.unobserve(this._wrapperEl),this._wrapperObserved=!1);else{const{width:t,height:e}=this._boundRect,i="vertical"===this.split?t:e;this._fixedPaneSize="start"===this.fixedPane?this._handlePosition:i-this._handlePosition,this._wrapperObserved||(this._resizeObserver.observe(this._wrapperEl),this._wrapperObserved=!0)}}_setPosition(t,e){const{width:i,height:s}=this._boundRect,o="vertical"===this.split?i:s;this._handlePosition="percent"===e?$i(t,o):t}_handleMouseOver(){this._hover=!0,this._hide=!1}_handleMouseOut(t){1!==t.buttons&&(this._hover=!1,this._hide=!0)}_handleMouseDown(t){t.stopPropagation(),t.preventDefault(),this._boundRect=this._wrapperEl.getBoundingClientRect();const{left:e,top:i}=this._boundRect,{left:s,top:o}=this._handleEl.getBoundingClientRect(),r=t.clientX-e,n=t.clientY-i;"vertical"===this.split&&(this._handleOffset=r-(s-e)),"horizontal"===this.split&&(this._handleOffset=n-(o-i)),this._isDragActive=!0,window.addEventListener("mouseup",this._handleMouseUp),window.addEventListener("mousemove",this._handleMouseMove)}_handleDblClick(){this.resetOnDblClick&&this.resetHandlePosition()}_handleSlotChange(){[...this._nestedLayoutsAtStart,...this._nestedLayoutsAtEnd].forEach((t=>{t instanceof xi&&t.resetHandlePosition()}))}render(){const{width:t,height:e}=this._boundRect,i="vertical"===this.split?t:e,s="none"!==this.fixedPane?`${this._handlePosition}px`:`${ki(this._handlePosition,i)}%`;let o="";o="start"===this.fixedPane?`0 0 ${this._fixedPaneSize}px`:`1 1 ${ki(this._handlePosition,i)}%`;let r="";r="end"===this.fixedPane?`0 0 ${this._fixedPaneSize}px`:`1 1 ${ki(i-this._handlePosition,i)}%`;const n={left:"vertical"===this.split?s:"0",top:"vertical"===this.split?"0":s},l=this.handleSize??4;"vertical"===this.split&&(n.marginLeft=0-l/2+"px",n.width=`${l}px`),"horizontal"===this.split&&(n.height=`${l}px`,n.marginTop=0-l/2+"px");const h=Mt({"handle-overlay":!0,active:this._isDragActive,"split-vertical":"vertical"===this.split,"split-horizontal":"horizontal"===this.split}),a=Mt({handle:!0,hover:this._hover,hide:this._hide,"split-vertical":"vertical"===this.split,"split-horizontal":"horizontal"===this.split}),c={wrapper:!0,horizontal:"horizontal"===this.split};return U`
+      <div class=${Mt(c)}>
+        <div class="start" .style=${Dt({flex:o})}>
           <slot name="start" @slotchange=${this._handleSlotChange}></slot>
         </div>
-        <div class="end" .style=${Et({flex:r})}>
+        <div class="end" .style=${Dt({flex:r})}>
           <slot name="end" @slotchange=${this._handleSlotChange}></slot>
         </div>
-        <div class=${a}></div>
+        <div class=${h}></div>
         <div
-          class=${c}
-          .style=${Et(n)}
+          class=${a}
+          .style=${Dt(n)}
           @mouseover=${this._handleMouseOver}
           @mouseout=${this._handleMouseOut}
           @mousedown=${this._handleMouseDown}
           @dblclick=${this._handleDblClick}
         ></div>
       </div>
-    `}};xs.styles=vs,bs([ut({reflect:!0})],xs.prototype,"split",null),bs([ut({type:Boolean,reflect:!0,attribute:"reset-on-dbl-click"})],xs.prototype,"resetOnDblClick",void 0),bs([ut({type:Number,reflect:!0,attribute:"handle-size"})],xs.prototype,"handleSize",void 0),bs([ut({reflect:!0,attribute:"initial-handle-position"})],xs.prototype,"initialHandlePosition",void 0),bs([ut({attribute:"handle-position"})],xs.prototype,"handlePosition",null),bs([ut({attribute:"fixed-pane"})],xs.prototype,"fixedPane",null),bs([vt()],xs.prototype,"_handlePosition",void 0),bs([vt()],xs.prototype,"_isDragActive",void 0),bs([vt()],xs.prototype,"_hover",void 0),bs([vt()],xs.prototype,"_hide",void 0),bs([bt(".wrapper")],xs.prototype,"_wrapperEl",void 0),bs([bt(".handle")],xs.prototype,"_handleEl",void 0),bs([gt({slot:"start",selector:"vscode-split-layout"})],xs.prototype,"_nestedLayoutsAtStart",void 0),bs([gt({slot:"end",selector:"vscode-split-layout"})],xs.prototype,"_nestedLayoutsAtEnd",void 0),xs=ps=bs([ct("vscode-split-layout")],xs);const ys=[xt,n`
+    `}};_i.styles=mi,yi([pt({reflect:!0})],_i.prototype,"split",null),yi([pt({type:Boolean,reflect:!0,attribute:"reset-on-dbl-click"})],_i.prototype,"resetOnDblClick",void 0),yi([pt({type:Number,reflect:!0,attribute:"handle-size"})],_i.prototype,"handleSize",void 0),yi([pt({reflect:!0,attribute:"initial-handle-position"})],_i.prototype,"initialHandlePosition",void 0),yi([pt({attribute:"handle-position"})],_i.prototype,"handlePosition",null),yi([pt({attribute:"fixed-pane"})],_i.prototype,"fixedPane",null),yi([bt()],_i.prototype,"_handlePosition",void 0),yi([bt()],_i.prototype,"_isDragActive",void 0),yi([bt()],_i.prototype,"_hover",void 0),yi([bt()],_i.prototype,"_hide",void 0),yi([gt(".wrapper")],_i.prototype,"_wrapperEl",void 0),yi([gt(".handle")],_i.prototype,"_handleEl",void 0),yi([xt({slot:"start",selector:"vscode-split-layout"})],_i.prototype,"_nestedLayoutsAtStart",void 0),yi([xt({slot:"end",selector:"vscode-split-layout"})],_i.prototype,"_nestedLayoutsAtEnd",void 0),_i=xi=yi([$t("vscode-split-layout")],_i);const Si=[_t,n`
     :host {
       border-bottom: 1px solid transparent;
       cursor: pointer;
@@ -2076,18 +2008,18 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     slot[name='content-after']::slotted(vscode-badge) {
       margin-left: 8px;
     }
-  `];var ws=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let ks=class extends mt{constructor(){super(...arguments),this.active=!1,this.ariaControls="",this.panel=!1,this.role="tab",this.tabId=-1}attributeChangedCallback(t,e,s){if(super.attributeChangedCallback(t,e,s),"active"===t){const t=null!==s;this.ariaSelected=t?"true":"false",this.tabIndex=t?0:-1}}render(){return U`
+  `];var Ci=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Bi=class extends kt{constructor(){super(...arguments),this.active=!1,this.ariaControls="",this.panel=!1,this.role="tab",this.tabId=-1}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback(t,e,i),"active"===t){const t=null!==i;this.ariaSelected=t?"true":"false",this.tabIndex=t?0:-1}}render(){return U`
       <div
-        class=${At({wrapper:!0,active:this.active,panel:this.panel})}
+        class=${Mt({wrapper:!0,active:this.active,panel:this.panel})}
       >
         <div class="before"><slot name="content-before"></slot></div>
         <div class="main"><slot></slot></div>
         <div class="after"><slot name="content-after"></slot></div>
         <span
-          class=${At({"active-indicator":!0,active:this.active,panel:this.panel})}
+          class=${Mt({"active-indicator":!0,active:this.active,panel:this.panel})}
         ></span>
       </div>
-    `}};ks.styles=ys,ws([ut({type:Boolean,reflect:!0})],ks.prototype,"active",void 0),ws([ut({reflect:!0,attribute:"aria-controls"})],ks.prototype,"ariaControls",void 0),ws([ut({type:Boolean,reflect:!0})],ks.prototype,"panel",void 0),ws([ut({reflect:!0})],ks.prototype,"role",void 0),ws([ut({type:Number,reflect:!0,attribute:"tab-id"})],ks.prototype,"tabId",void 0),ks=ws([ct("vscode-tab-header")],ks);const $s=[xt,n`
+    `}};Bi.styles=Si,Ci([pt({type:Boolean,reflect:!0})],Bi.prototype,"active",void 0),Ci([pt({reflect:!0,attribute:"aria-controls"})],Bi.prototype,"ariaControls",void 0),Ci([pt({type:Boolean,reflect:!0})],Bi.prototype,"panel",void 0),Ci([pt({reflect:!0})],Bi.prototype,"role",void 0),Ci([pt({type:Number,reflect:!0,attribute:"tab-id"})],Bi.prototype,"tabId",void 0),Bi=Ci([$t("vscode-tab-header")],Bi);const Oi=[_t,n`
     :host {
       display: block;
       overflow: hidden;
@@ -2103,7 +2035,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     :host([panel]) {
       background-color: var(--vscode-panel-background);
     }
-  `];var _s=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Cs=class extends mt{constructor(){super(...arguments),this.hidden=!1,this.ariaLabelledby="",this.panel=!1,this.role="tabpanel",this.tabIndex=0}render(){return U` <slot></slot> `}};Cs.styles=$s,_s([ut({type:Boolean,reflect:!0})],Cs.prototype,"hidden",void 0),_s([ut({reflect:!0,attribute:"aria-labelledby"})],Cs.prototype,"ariaLabelledby",void 0),_s([ut({type:Boolean,reflect:!0})],Cs.prototype,"panel",void 0),_s([ut({reflect:!0})],Cs.prototype,"role",void 0),_s([ut({type:Number,reflect:!0})],Cs.prototype,"tabIndex",void 0),Cs=_s([ct("vscode-tab-panel")],Cs);const Bs=[xt,n`
+  `];var zi=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Ai=class extends kt{constructor(){super(...arguments),this.hidden=!1,this.ariaLabelledby="",this.panel=!1,this.role="tabpanel",this.tabIndex=0}render(){return U` <slot></slot> `}};Ai.styles=Oi,zi([pt({type:Boolean,reflect:!0})],Ai.prototype,"hidden",void 0),zi([pt({reflect:!0,attribute:"aria-labelledby"})],Ai.prototype,"ariaLabelledby",void 0),zi([pt({type:Boolean,reflect:!0})],Ai.prototype,"panel",void 0),zi([pt({reflect:!0})],Ai.prototype,"role",void 0),zi([pt({type:Number,reflect:!0})],Ai.prototype,"tabIndex",void 0),Ai=zi([$t("vscode-tab-panel")],Ai);const Ei=[_t,n`
     :host {
       display: table;
       table-layout: fixed;
@@ -2117,7 +2049,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     ::slotted(vscode-table-row:nth-child(odd)) {
       background-color: var(--vsc-row-odd-background);
     }
-  `];var Ss=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let zs=class extends mt{constructor(){super(...arguments),this.role="rowgroup"}render(){return U` <slot></slot> `}};zs.styles=Bs,Ss([ut({reflect:!0})],zs.prototype,"role",void 0),zs=Ss([ct("vscode-table-body")],zs);const As=[xt,n`
+  `];var Ii=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let ji=class extends kt{constructor(){super(...arguments),this.role="rowgroup"}render(){return U` <slot></slot> `}};ji.styles=Ei,Ii([pt({reflect:!0})],ji.prototype,"role",void 0),ji=Ii([$t("vscode-table-body")],ji);const Mi=[_t,n`
     :host {
       border-bottom-color: var(--vscode-editorGroup-border);
       border-bottom-style: solid;
@@ -2160,21 +2092,21 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
     .column-label {
       font-weight: bold;
     }
-  `];var Os=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Es=class extends mt{constructor(){super(...arguments),this.role="cell",this.columnLabel="",this.compact=!1}render(){const t=this.columnLabel?U`<div class="column-label" role="presentation">
+  `];var Pi=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Di=class extends kt{constructor(){super(...arguments),this.role="cell",this.columnLabel="",this.compact=!1}render(){const t=this.columnLabel?U`<div class="column-label" role="presentation">
           ${this.columnLabel}
-        </div>`:H;return U`
+        </div>`:q;return U`
       <div class="wrapper">
         ${t}
         <slot></slot>
       </div>
-    `}};Es.styles=As,Os([ut({reflect:!0})],Es.prototype,"role",void 0),Os([ut({attribute:"column-label"})],Es.prototype,"columnLabel",void 0),Os([ut({type:Boolean,reflect:!0})],Es.prototype,"compact",void 0),Es=Os([ct("vscode-table-cell")],Es);const js=[xt,n`
+    `}};Di.styles=Mi,Pi([pt({reflect:!0})],Di.prototype,"role",void 0),Pi([pt({attribute:"column-label"})],Di.prototype,"columnLabel",void 0),Pi([pt({type:Boolean,reflect:!0})],Di.prototype,"compact",void 0),Di=Pi([$t("vscode-table-cell")],Di);const Fi=[_t,n`
     :host {
       background-color: var(--vscode-keybindingTable-headerBackground);
       display: table;
       table-layout: fixed;
       width: 100%;
     }
-  `];var Is=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Ms=class extends mt{constructor(){super(...arguments),this.role="rowgroup"}render(){return U` <slot></slot> `}};Ms.styles=js,Is([ut({reflect:!0})],Ms.prototype,"role",void 0),Ms=Is([ct("vscode-table-header")],Ms);const Fs=[xt,n`
+  `];var Vi=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Ni=class extends kt{constructor(){super(...arguments),this.role="rowgroup"}render(){return U` <slot></slot> `}};Ni.styles=Fi,Vi([pt({reflect:!0})],Ni.prototype,"role",void 0),Ni=Vi([$t("vscode-table-header")],Ni);const Ri=[_t,n`
     :host {
       box-sizing: border-box;
       color: var(--vscode-foreground);
@@ -2199,11 +2131,11 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       white-space: inherit;
       width: 100%;
     }
-  `];var Ps=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Ds=class extends mt{constructor(){super(...arguments),this.role="columnheader"}render(){return U`
+  `];var Ti=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Li=class extends kt{constructor(){super(...arguments),this.role="columnheader"}render(){return U`
       <div class="wrapper">
         <slot></slot>
       </div>
-    `}};Ds.styles=Fs,Ps([ut({reflect:!0})],Ds.prototype,"role",void 0),Ds=Ps([ct("vscode-table-header-cell")],Ds);const Ns=[xt,n`
+    `}};Li.styles=Ri,Ti([pt({reflect:!0})],Li.prototype,"role",void 0),Li=Ti([$t("vscode-table-header-cell")],Li);const Ui=[_t,n`
     :host {
       border-top-color: var(--vscode-editorGroup-border);
       border-top-style: solid;
@@ -2211,7 +2143,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       display: var(--vsc-row-display);
       width: 100%;
     }
-  `];var Vs=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Rs=class extends mt{constructor(){super(...arguments),this.role="row"}render(){return U` <slot></slot> `}};Rs.styles=Ns,Vs([ut({reflect:!0})],Rs.prototype,"role",void 0),Rs=Vs([ct("vscode-table-row")],Rs);const Ts=(t,e)=>{if("number"!=typeof t||Number.isNaN(t)){if("string"==typeof t&&/^[0-9.]+$/.test(t)){return Number(t)/e*100}if("string"==typeof t&&/^[0-9.]+%$/.test(t))return Number(t.substring(0,t.length-1));if("string"==typeof t&&/^[0-9.]+px$/.test(t)){return Number(t.substring(0,t.length-2))/e*100}return null}return t/e*100},Ls=[xt,n`
+  `];var Gi=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Hi=class extends kt{constructor(){super(...arguments),this.role="row"}render(){return U` <slot></slot> `}};Hi.styles=Ui,Gi([pt({reflect:!0})],Hi.prototype,"role",void 0),Hi=Gi([$t("vscode-table-row")],Hi);const qi=(t,e)=>{if("number"!=typeof t||Number.isNaN(t)){if("string"==typeof t&&/^[0-9.]+$/.test(t)){return Number(t)/e*100}if("string"==typeof t&&/^[0-9.]+%$/.test(t))return Number(t.substring(0,t.length-1));if("string"==typeof t&&/^[0-9.]+px$/.test(t)){return Number(t.substring(0,t.length-2))/e*100}return null}return t/e*100},Wi=[_t,n`
     :host {
       display: block;
       --vsc-row-even-background: transparent;
@@ -2334,11 +2266,11 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       position: absolute;
       width: 5px;
     }
-  `];var Us=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let qs=class extends mt{constructor(){super(...arguments),this.role="table",this.resizable=!1,this.responsive=!1,this.bordered=!1,this.borderedColumns=!1,this.borderedRows=!1,this.breakpoint=300,this.minColumnWidth="50px",this.delayedResizing=!1,this.compact=!1,this.zebra=!1,this.zebraOdd=!1,this._sashPositions=[],this._isDragging=!1,this._sashHovers=[],this._columns=[],this._activeSashElementIndex=-1,this._activeSashCursorOffset=0,this._componentX=0,this._componentH=0,this._componentW=0,this._headerCells=[],this._cellsOfFirstRow=[],this._prevHeaderHeight=0,this._prevComponentHeight=0,this._componentResizeObserverCallback=()=>{this._memoizeComponentDimensions(),this._updateResizeHandlersSize(),this.responsive&&this._toggleCompactView()},this._headerResizeObserverCallback=()=>{this._updateResizeHandlersSize()},this._bodyResizeObserverCallback=()=>{let t=0,e=0;const s=this.getBoundingClientRect().height;this._assignedHeaderElements&&this._assignedHeaderElements.length&&(t=this._assignedHeaderElements[0].getBoundingClientRect().height),this._assignedBodyElements&&this._assignedBodyElements.length&&(e=this._assignedBodyElements[0].getBoundingClientRect().height);const i=e-t-s;this._scrollableElement.style.height=i>0?s-t+"px":"auto"},this._onResizingMouseMove=t=>{t.stopPropagation(),this._updateActiveSashPosition(t.pageX),this.delayedResizing?this._resizeColumns(!1):this._resizeColumns(!0)},this._onResizingMouseUp=t=>{this._resizeColumns(!0),this._updateActiveSashPosition(t.pageX),this._sashHovers[this._activeSashElementIndex]=!1,this._isDragging=!1,this._activeSashElementIndex=-1,document.removeEventListener("mousemove",this._onResizingMouseMove),document.removeEventListener("mouseup",this._onResizingMouseUp)}}set columns(t){this._columns=t,this.isConnected&&this._initDefaultColumnSizes()}get columns(){return this._columns}connectedCallback(){super.connectedCallback(),this._memoizeComponentDimensions(),this._initDefaultColumnSizes()}disconnectedCallback(){super.disconnectedCallback(),this._componentResizeObserver?.unobserve(this),this._componentResizeObserver?.disconnect(),this._bodyResizeObserver?.disconnect()}_px2Percent(t){return t/this._componentW*100}_percent2Px(t){return this._componentW*t/100}_memoizeComponentDimensions(){const t=this.getBoundingClientRect();this._componentH=t.height,this._componentW=t.width,this._componentX=t.x}_queryHeaderCells(){const t=this._assignedHeaderElements;return t&&t[0]?Array.from(t[0].querySelectorAll("vscode-table-header-cell")):[]}_getHeaderCells(){return this._headerCells.length||(this._headerCells=this._queryHeaderCells()),this._headerCells}_queryCellsOfFirstRow(){const t=this._assignedBodyElements;return t&&t[0]?Array.from(t[0].querySelectorAll("vscode-table-row:first-child vscode-table-cell")):[]}_getCellsOfFirstRow(){return this._cellsOfFirstRow.length||(this._cellsOfFirstRow=this._queryCellsOfFirstRow()),this._cellsOfFirstRow}_initResizeObserver(){this._componentResizeObserver=new ResizeObserver(this._componentResizeObserverCallback),this._componentResizeObserver.observe(this),this._headerResizeObserver=new ResizeObserver(this._headerResizeObserverCallback),this._headerResizeObserver.observe(this._headerElement)}_calcColWidthPercentages(){const t=this._getHeaderCells().length;let e=this.columns.slice(0,t);const s=e.filter((t=>"auto"===t)).length+t-e.length;let i=100;if(e=e.map((t=>{const e=Ts(t,this._componentW);return null===e?"auto":(i-=e,e)})),e.length<t)for(let s=e.length;s<t;s++)e.push("auto");return e=e.map((t=>"auto"===t?i/s:t)),e}_initHeaderCellSizes(t){this._getHeaderCells().forEach(((e,s)=>{e.style.width=`${t[s]}%`}))}_initBodyColumnSizes(t){this._getCellsOfFirstRow().forEach(((e,s)=>{e.style.width=`${t[s]}%`}))}_initSashes(t){const e=t.length;let s=0;this._sashPositions=[],t.forEach(((t,i)=>{if(i<e-1){const e=s+t;this._sashPositions.push(e),s=e}}))}_initDefaultColumnSizes(){const t=this._calcColWidthPercentages();this._initHeaderCellSizes(t),this._initBodyColumnSizes(t),this._initSashes(t)}_updateResizeHandlersSize(){const t=this._headerElement.getBoundingClientRect();if(t.height===this._prevHeaderHeight&&this._componentH===this._prevComponentHeight)return;this._prevHeaderHeight=t.height,this._prevComponentHeight=this._componentH;const e=this._componentH-t.height;this._sashVisibleElements.forEach((s=>{s.style.height=`${e}px`,s.style.top=`${t.height}px`}))}_applyCompactViewColumnLabels(){const t=this._getHeaderCells().map((t=>t.innerText));this.querySelectorAll("vscode-table-row").forEach((e=>{e.querySelectorAll("vscode-table-cell").forEach(((e,s)=>{e.columnLabel=t[s],e.compact=!0}))}))}_clearCompactViewColumnLabels(){this.querySelectorAll("vscode-table-cell").forEach((t=>{t.columnLabel="",t.compact=!1}))}_toggleCompactView(){const t=this.getBoundingClientRect().width<this.breakpoint;this.compact!==t&&(this.compact=t,t?this._applyCompactViewColumnLabels():this._clearCompactViewColumnLabels())}_onDefaultSlotChange(){this._assignedElements.forEach((t=>{"vscode-table-header"!==t.tagName.toLowerCase()?"vscode-table-body"!==t.tagName.toLowerCase()||(t.slot="body"):t.slot="header"}))}_onHeaderSlotChange(){this._headerCells=this._queryHeaderCells()}_onBodySlotChange(){if(this._initDefaultColumnSizes(),this._initResizeObserver(),this._updateResizeHandlersSize(),!this._bodyResizeObserver){const t=this._assignedBodyElements[0]??null;t&&(this._bodyResizeObserver=new ResizeObserver(this._bodyResizeObserverCallback),this._bodyResizeObserver.observe(t))}}_onSashMouseOver(t){if(this._isDragging)return;const e=t.currentTarget,s=Number(e.dataset.index);this._sashHovers[s]=!0,this.requestUpdate()}_onSashMouseOut(t){if(t.stopPropagation(),this._isDragging)return;const e=t.currentTarget,s=Number(e.dataset.index);this._sashHovers[s]=!1,this.requestUpdate()}_onSashMouseDown(t){t.stopPropagation();const{pageX:e,currentTarget:s}=t,i=s,o=Number(i.dataset.index),r=i.getBoundingClientRect().x;this._isDragging=!0,this._activeSashElementIndex=o,this._sashHovers[this._activeSashElementIndex]=!0,this._activeSashCursorOffset=this._px2Percent(e-r);const n=this._getHeaderCells();this._headerCellsToResize=[],this._headerCellsToResize.push(n[o]),n[o+1]&&(this._headerCellsToResize[1]=n[o+1]);const l=this._bodySlot.assignedElements()[0].querySelectorAll("vscode-table-row:first-child > vscode-table-cell");this._cellsToResize=[],this._cellsToResize.push(l[o]),l[o+1]&&this._cellsToResize.push(l[o+1]),document.addEventListener("mousemove",this._onResizingMouseMove),document.addEventListener("mouseup",this._onResizingMouseUp)}_updateActiveSashPosition(t){const{prevSashPos:e,nextSashPos:s}=this._getSashPositions();let i=Ts(this.minColumnWidth,this._componentW);null===i&&(i=0);const o=e?e+i:i,r=s?s-i:100-i;let n=this._px2Percent(t-this._componentX-this._percent2Px(this._activeSashCursorOffset));n=Math.max(n,o),n=Math.min(n,r),this._sashPositions[this._activeSashElementIndex]=n,this.requestUpdate()}_getSashPositions(){return{sashPos:this._sashPositions[this._activeSashElementIndex],prevSashPos:this._sashPositions[this._activeSashElementIndex-1]||0,nextSashPos:this._sashPositions[this._activeSashElementIndex+1]||100}}_resizeColumns(t=!0){const{sashPos:e,prevSashPos:s,nextSashPos:i}=this._getSashPositions(),o=`${e-s}%`,r=`${i-e}%`;this._headerCellsToResize[0].style.width=o,this._headerCellsToResize[1]&&(this._headerCellsToResize[1].style.width=r),t&&(this._cellsToResize[0].style.width=o,this._cellsToResize[1]&&(this._cellsToResize[1].style.width=r))}render(){const t=this._sashPositions.map(((t,e)=>{const s=At({sash:!0,hover:this._sashHovers[e],resizable:this.resizable}),i=`${t}%`;return this.resizable?U`
+  `];var Ki=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Ji=class extends kt{constructor(){super(...arguments),this.role="table",this.resizable=!1,this.responsive=!1,this.bordered=!1,this.borderedColumns=!1,this.borderedRows=!1,this.breakpoint=300,this.minColumnWidth="50px",this.delayedResizing=!1,this.compact=!1,this.zebra=!1,this.zebraOdd=!1,this._sashPositions=[],this._isDragging=!1,this._sashHovers=[],this._columns=[],this._activeSashElementIndex=-1,this._activeSashCursorOffset=0,this._componentX=0,this._componentH=0,this._componentW=0,this._headerCells=[],this._cellsOfFirstRow=[],this._prevHeaderHeight=0,this._prevComponentHeight=0,this._componentResizeObserverCallback=()=>{this._memoizeComponentDimensions(),this._updateResizeHandlersSize(),this.responsive&&this._toggleCompactView(),this._resizeTableBody()},this._headerResizeObserverCallback=()=>{this._updateResizeHandlersSize()},this._bodyResizeObserverCallback=()=>{this._resizeTableBody()},this._onResizingMouseMove=t=>{t.stopPropagation(),this._updateActiveSashPosition(t.pageX),this.delayedResizing?this._resizeColumns(!1):this._resizeColumns(!0)},this._onResizingMouseUp=t=>{this._resizeColumns(!0),this._updateActiveSashPosition(t.pageX),this._sashHovers[this._activeSashElementIndex]=!1,this._isDragging=!1,this._activeSashElementIndex=-1,document.removeEventListener("mousemove",this._onResizingMouseMove),document.removeEventListener("mouseup",this._onResizingMouseUp)}}set columns(t){this._columns=t,this.isConnected&&this._initDefaultColumnSizes()}get columns(){return this._columns}connectedCallback(){super.connectedCallback(),this._memoizeComponentDimensions(),this._initDefaultColumnSizes()}disconnectedCallback(){super.disconnectedCallback(),this._componentResizeObserver?.unobserve(this),this._componentResizeObserver?.disconnect(),this._bodyResizeObserver?.disconnect()}_px2Percent(t){return t/this._componentW*100}_percent2Px(t){return this._componentW*t/100}_memoizeComponentDimensions(){const t=this.getBoundingClientRect();this._componentH=t.height,this._componentW=t.width,this._componentX=t.x}_queryHeaderCells(){const t=this._assignedHeaderElements;return t&&t[0]?Array.from(t[0].querySelectorAll("vscode-table-header-cell")):[]}_getHeaderCells(){return this._headerCells.length||(this._headerCells=this._queryHeaderCells()),this._headerCells}_queryCellsOfFirstRow(){const t=this._assignedBodyElements;return t&&t[0]?Array.from(t[0].querySelectorAll("vscode-table-row:first-child vscode-table-cell")):[]}_getCellsOfFirstRow(){return this._cellsOfFirstRow.length||(this._cellsOfFirstRow=this._queryCellsOfFirstRow()),this._cellsOfFirstRow}_resizeTableBody(){let t=0,e=0;const i=this.getBoundingClientRect().height;this._assignedHeaderElements&&this._assignedHeaderElements.length&&(t=this._assignedHeaderElements[0].getBoundingClientRect().height),this._assignedBodyElements&&this._assignedBodyElements.length&&(e=this._assignedBodyElements[0].getBoundingClientRect().height);const s=e-t-i;this._scrollableElement.style.height=s>0?i-t+"px":"auto"}_initResizeObserver(){this._componentResizeObserver=new ResizeObserver(this._componentResizeObserverCallback),this._componentResizeObserver.observe(this),this._headerResizeObserver=new ResizeObserver(this._headerResizeObserverCallback),this._headerResizeObserver.observe(this._headerElement)}_calcColWidthPercentages(){const t=this._getHeaderCells().length;let e=this.columns.slice(0,t);const i=e.filter((t=>"auto"===t)).length+t-e.length;let s=100;if(e=e.map((t=>{const e=qi(t,this._componentW);return null===e?"auto":(s-=e,e)})),e.length<t)for(let i=e.length;i<t;i++)e.push("auto");return e=e.map((t=>"auto"===t?s/i:t)),e}_initHeaderCellSizes(t){this._getHeaderCells().forEach(((e,i)=>{e.style.width=`${t[i]}%`}))}_initBodyColumnSizes(t){this._getCellsOfFirstRow().forEach(((e,i)=>{e.style.width=`${t[i]}%`}))}_initSashes(t){const e=t.length;let i=0;this._sashPositions=[],t.forEach(((t,s)=>{if(s<e-1){const e=i+t;this._sashPositions.push(e),i=e}}))}_initDefaultColumnSizes(){const t=this._calcColWidthPercentages();this._initHeaderCellSizes(t),this._initBodyColumnSizes(t),this._initSashes(t)}_updateResizeHandlersSize(){const t=this._headerElement.getBoundingClientRect();if(t.height===this._prevHeaderHeight&&this._componentH===this._prevComponentHeight)return;this._prevHeaderHeight=t.height,this._prevComponentHeight=this._componentH;const e=this._componentH-t.height;this._sashVisibleElements.forEach((i=>{i.style.height=`${e}px`,i.style.top=`${t.height}px`}))}_applyCompactViewColumnLabels(){const t=this._getHeaderCells().map((t=>t.innerText));this.querySelectorAll("vscode-table-row").forEach((e=>{e.querySelectorAll("vscode-table-cell").forEach(((e,i)=>{e.columnLabel=t[i],e.compact=!0}))}))}_clearCompactViewColumnLabels(){this.querySelectorAll("vscode-table-cell").forEach((t=>{t.columnLabel="",t.compact=!1}))}_toggleCompactView(){const t=this.getBoundingClientRect().width<this.breakpoint;this.compact!==t&&(this.compact=t,t?this._applyCompactViewColumnLabels():this._clearCompactViewColumnLabels())}_onDefaultSlotChange(){this._assignedElements.forEach((t=>{"vscode-table-header"!==t.tagName.toLowerCase()?"vscode-table-body"!==t.tagName.toLowerCase()||(t.slot="body"):t.slot="header"}))}_onHeaderSlotChange(){this._headerCells=this._queryHeaderCells()}_onBodySlotChange(){if(this._initDefaultColumnSizes(),this._initResizeObserver(),this._updateResizeHandlersSize(),!this._bodyResizeObserver){const t=this._assignedBodyElements[0]??null;t&&(this._bodyResizeObserver=new ResizeObserver(this._bodyResizeObserverCallback),this._bodyResizeObserver.observe(t))}}_onSashMouseOver(t){if(this._isDragging)return;const e=t.currentTarget,i=Number(e.dataset.index);this._sashHovers[i]=!0,this.requestUpdate()}_onSashMouseOut(t){if(t.stopPropagation(),this._isDragging)return;const e=t.currentTarget,i=Number(e.dataset.index);this._sashHovers[i]=!1,this.requestUpdate()}_onSashMouseDown(t){t.stopPropagation();const{pageX:e,currentTarget:i}=t,s=i,o=Number(s.dataset.index),r=s.getBoundingClientRect().x;this._isDragging=!0,this._activeSashElementIndex=o,this._sashHovers[this._activeSashElementIndex]=!0,this._activeSashCursorOffset=this._px2Percent(e-r);const n=this._getHeaderCells();this._headerCellsToResize=[],this._headerCellsToResize.push(n[o]),n[o+1]&&(this._headerCellsToResize[1]=n[o+1]);const l=this._bodySlot.assignedElements()[0].querySelectorAll("vscode-table-row:first-child > vscode-table-cell");this._cellsToResize=[],this._cellsToResize.push(l[o]),l[o+1]&&this._cellsToResize.push(l[o+1]),document.addEventListener("mousemove",this._onResizingMouseMove),document.addEventListener("mouseup",this._onResizingMouseUp)}_updateActiveSashPosition(t){const{prevSashPos:e,nextSashPos:i}=this._getSashPositions();let s=qi(this.minColumnWidth,this._componentW);null===s&&(s=0);const o=e?e+s:s,r=i?i-s:100-s;let n=this._px2Percent(t-this._componentX-this._percent2Px(this._activeSashCursorOffset));n=Math.max(n,o),n=Math.min(n,r),this._sashPositions[this._activeSashElementIndex]=n,this.requestUpdate()}_getSashPositions(){return{sashPos:this._sashPositions[this._activeSashElementIndex],prevSashPos:this._sashPositions[this._activeSashElementIndex-1]||0,nextSashPos:this._sashPositions[this._activeSashElementIndex+1]||100}}_resizeColumns(t=!0){const{sashPos:e,prevSashPos:i,nextSashPos:s}=this._getSashPositions(),o=`${e-i}%`,r=`${s-e}%`;this._headerCellsToResize[0].style.width=o,this._headerCellsToResize[1]&&(this._headerCellsToResize[1].style.width=r),t&&(this._cellsToResize[0].style.width=o,this._cellsToResize[1]&&(this._cellsToResize[1].style.width=r))}render(){const t=this._sashPositions.map(((t,e)=>{const i=Mt({sash:!0,hover:this._sashHovers[e],resizable:this.resizable}),s=`${t}%`;return this.resizable?U`
             <div
-              class=${s}
+              class=${i}
               data-index=${e}
-              .style=${Et({left:i})}
+              .style=${Dt({left:s})}
               @mousedown=${this._onSashMouseDown}
               @mouseover=${this._onSashMouseOver}
               @mouseout=${this._onSashMouseOut}
@@ -2347,12 +2279,12 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
               <div class="sash-clickable"></div>
             </div>
           `:U`<div
-            class=${s}
+            class=${i}
             data-index=${e}
-            .style=${Et({left:i})}
+            .style=${Dt({left:s})}
           >
             <div class="sash-visible"></div>
-          </div>`})),e=At({wrapper:!0,"select-disabled":this._isDragging,"resize-cursor":this._isDragging,"compact-view":this.compact});return U`
+          </div>`})),e=Mt({wrapper:!0,"select-disabled":this._isDragging,"resize-cursor":this._isDragging,"compact-view":this.compact});return U`
       <div class=${e}>
         <div class="header">
           <slot name="caption"></slot>
@@ -2368,7 +2300,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
         ${t}
         <slot @slotchange=${this._onDefaultSlotChange}></slot>
       </div>
-    `}};qs.styles=Ls,Us([ut({reflect:!0})],qs.prototype,"role",void 0),Us([ut({type:Boolean,reflect:!0})],qs.prototype,"resizable",void 0),Us([ut({type:Boolean,reflect:!0})],qs.prototype,"responsive",void 0),Us([ut({type:Boolean,reflect:!0})],qs.prototype,"bordered",void 0),Us([ut({type:Boolean,reflect:!0,attribute:"bordered-columns"})],qs.prototype,"borderedColumns",void 0),Us([ut({type:Boolean,reflect:!0,attribute:"bordered-rows"})],qs.prototype,"borderedRows",void 0),Us([ut({type:Number})],qs.prototype,"breakpoint",void 0),Us([ut({type:Array})],qs.prototype,"columns",null),Us([ut({attribute:"min-column-width"})],qs.prototype,"minColumnWidth",void 0),Us([ut({type:Boolean,reflect:!0,attribute:"delayed-resizing"})],qs.prototype,"delayedResizing",void 0),Us([ut({type:Boolean,reflect:!0})],qs.prototype,"compact",void 0),Us([ut({type:Boolean,reflect:!0})],qs.prototype,"zebra",void 0),Us([ut({type:Boolean,reflect:!0,attribute:"zebra-odd"})],qs.prototype,"zebraOdd",void 0),Us([bt('slot[name="body"]')],qs.prototype,"_bodySlot",void 0),Us([bt(".header")],qs.prototype,"_headerElement",void 0),Us([bt(".scrollable")],qs.prototype,"_scrollableElement",void 0),Us([function(t){return(e,s)=>pt(0,0,{get(){return(this.renderRoot??(ft??=document.createDocumentFragment())).querySelectorAll(t)}})}(".sash-visible")],qs.prototype,"_sashVisibleElements",void 0),Us([gt({flatten:!0,selector:"vscode-table-header, vscode-table-body"})],qs.prototype,"_assignedElements",void 0),Us([gt({slot:"header",flatten:!0,selector:"vscode-table-header"})],qs.prototype,"_assignedHeaderElements",void 0),Us([gt({slot:"body",flatten:!0,selector:"vscode-table-body"})],qs.prototype,"_assignedBodyElements",void 0),Us([vt()],qs.prototype,"_sashPositions",void 0),Us([vt()],qs.prototype,"_isDragging",void 0),qs=Us([ct("vscode-table")],qs);const Hs=[xt,n`
+    `}};Ji.styles=Wi,Ki([pt({reflect:!0})],Ji.prototype,"role",void 0),Ki([pt({type:Boolean,reflect:!0})],Ji.prototype,"resizable",void 0),Ki([pt({type:Boolean,reflect:!0})],Ji.prototype,"responsive",void 0),Ki([pt({type:Boolean,reflect:!0})],Ji.prototype,"bordered",void 0),Ki([pt({type:Boolean,reflect:!0,attribute:"bordered-columns"})],Ji.prototype,"borderedColumns",void 0),Ki([pt({type:Boolean,reflect:!0,attribute:"bordered-rows"})],Ji.prototype,"borderedRows",void 0),Ki([pt({type:Number})],Ji.prototype,"breakpoint",void 0),Ki([pt({type:Array})],Ji.prototype,"columns",null),Ki([pt({attribute:"min-column-width"})],Ji.prototype,"minColumnWidth",void 0),Ki([pt({type:Boolean,reflect:!0,attribute:"delayed-resizing"})],Ji.prototype,"delayedResizing",void 0),Ki([pt({type:Boolean,reflect:!0})],Ji.prototype,"compact",void 0),Ki([pt({type:Boolean,reflect:!0})],Ji.prototype,"zebra",void 0),Ki([pt({type:Boolean,reflect:!0,attribute:"zebra-odd"})],Ji.prototype,"zebraOdd",void 0),Ki([gt('slot[name="body"]')],Ji.prototype,"_bodySlot",void 0),Ki([gt(".header")],Ji.prototype,"_headerElement",void 0),Ki([gt(".scrollable")],Ji.prototype,"_scrollableElement",void 0),Ki([function(t){return(e,i)=>ft(0,0,{get(){return(this.renderRoot??(mt??=document.createDocumentFragment())).querySelectorAll(t)}})}(".sash-visible")],Ji.prototype,"_sashVisibleElements",void 0),Ki([xt({flatten:!0,selector:"vscode-table-header, vscode-table-body"})],Ji.prototype,"_assignedElements",void 0),Ki([xt({slot:"header",flatten:!0,selector:"vscode-table-header"})],Ji.prototype,"_assignedHeaderElements",void 0),Ki([xt({slot:"body",flatten:!0,selector:"vscode-table-body"})],Ji.prototype,"_assignedBodyElements",void 0),Ki([bt()],Ji.prototype,"_sashPositions",void 0),Ki([bt()],Ji.prototype,"_isDragging",void 0),Ji=Ki([$t("vscode-table")],Ji);const Yi=[_t,n`
     :host {
       display: block;
     }
@@ -2400,9 +2332,9 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
       display: block;
       margin-left: auto;
     }
-  `];var Ks=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Ws=class extends mt{constructor(){super(),this.panel=!1,this.role="tablist",this.selectedIndex=0,this._tabHeaders=[],this._tabPanels=[],this._componentId="",this._tabFocus=0,this._componentId=ke()}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),"selected-index"===t&&this._setActiveTab(),"panel"===t&&(this._tabHeaders.forEach((t=>t.panel=null!==s)),this._tabPanels.forEach((t=>t.panel=null!==s)))}_dispatchSelectEvent(){this.dispatchEvent(new CustomEvent("vsc-select",{detail:{selectedIndex:this.selectedIndex},composed:!0})),this.dispatchEvent(new CustomEvent("vsc-tabs-select",{detail:{selectedIndex:this.selectedIndex},composed:!0}))}_setActiveTab(){this._tabFocus=this.selectedIndex,this._tabPanels.forEach(((t,e)=>{t.hidden=e!==this.selectedIndex})),this._tabHeaders.forEach(((t,e)=>{t.active=e===this.selectedIndex}))}_focusPrevTab(){0===this._tabFocus?this._tabFocus=this._tabHeaders.length-1:this._tabFocus-=1}_focusNextTab(){this._tabFocus===this._tabHeaders.length-1?this._tabFocus=0:this._tabFocus+=1}_onHeaderKeyDown(t){"ArrowLeft"!==t.key&&"ArrowRight"!==t.key||(t.preventDefault(),this._tabHeaders[this._tabFocus].setAttribute("tabindex","-1"),"ArrowLeft"===t.key?this._focusPrevTab():"ArrowRight"===t.key&&this._focusNextTab(),this._tabHeaders[this._tabFocus].setAttribute("tabindex","0"),this._tabHeaders[this._tabFocus].focus()),"Enter"===t.key&&(t.preventDefault(),this.selectedIndex=this._tabFocus,this._dispatchSelectEvent())}_moveHeadersToHeaderSlot(){const t=this._mainSlotElements.filter((t=>t instanceof ks));t.length>0&&t.forEach((t=>t.setAttribute("slot","header")))}_onMainSlotChange(){this._moveHeadersToHeaderSlot(),this._tabPanels=this._mainSlotElements.filter((t=>t instanceof Cs)),this._tabPanels.forEach(((t,e)=>{t.ariaLabelledby=`t${this._componentId}-h${e}`,t.id=`t${this._componentId}-p${e}`,t.panel=this.panel})),this._setActiveTab()}_onHeaderSlotChange(){this._tabHeaders=this._headerSlotElements.filter((t=>t instanceof ks)),this._tabHeaders.forEach(((t,e)=>{t.tabId=e,t.id=`t${this._componentId}-h${e}`,t.ariaControls=`t${this._componentId}-p${e}`,t.panel=this.panel,t.active=e===this.selectedIndex}))}_onHeaderClick(t){const e=t.composedPath().find((t=>t instanceof ks));e&&(this.selectedIndex=e.tabId,this._setActiveTab(),this._dispatchSelectEvent())}render(){return U`
+  `];var Xi=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Zi=class extends kt{constructor(){super(),this.panel=!1,this.role="tablist",this.selectedIndex=0,this._tabHeaders=[],this._tabPanels=[],this._componentId="",this._tabFocus=0,this._componentId=Ae()}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),"selected-index"===t&&this._setActiveTab(),"panel"===t&&(this._tabHeaders.forEach((t=>t.panel=null!==i)),this._tabPanels.forEach((t=>t.panel=null!==i)))}_dispatchSelectEvent(){this.dispatchEvent(new CustomEvent("vsc-select",{detail:{selectedIndex:this.selectedIndex},composed:!0})),this.dispatchEvent(new CustomEvent("vsc-tabs-select",{detail:{selectedIndex:this.selectedIndex},composed:!0}))}_setActiveTab(){this._tabFocus=this.selectedIndex,this._tabPanels.forEach(((t,e)=>{t.hidden=e!==this.selectedIndex})),this._tabHeaders.forEach(((t,e)=>{t.active=e===this.selectedIndex}))}_focusPrevTab(){0===this._tabFocus?this._tabFocus=this._tabHeaders.length-1:this._tabFocus-=1}_focusNextTab(){this._tabFocus===this._tabHeaders.length-1?this._tabFocus=0:this._tabFocus+=1}_onHeaderKeyDown(t){"ArrowLeft"!==t.key&&"ArrowRight"!==t.key||(t.preventDefault(),this._tabHeaders[this._tabFocus].setAttribute("tabindex","-1"),"ArrowLeft"===t.key?this._focusPrevTab():"ArrowRight"===t.key&&this._focusNextTab(),this._tabHeaders[this._tabFocus].setAttribute("tabindex","0"),this._tabHeaders[this._tabFocus].focus()),"Enter"===t.key&&(t.preventDefault(),this.selectedIndex=this._tabFocus,this._dispatchSelectEvent())}_moveHeadersToHeaderSlot(){const t=this._mainSlotElements.filter((t=>t instanceof Bi));t.length>0&&t.forEach((t=>t.setAttribute("slot","header")))}_onMainSlotChange(){this._moveHeadersToHeaderSlot(),this._tabPanels=this._mainSlotElements.filter((t=>t instanceof Ai)),this._tabPanels.forEach(((t,e)=>{t.ariaLabelledby=`t${this._componentId}-h${e}`,t.id=`t${this._componentId}-p${e}`,t.panel=this.panel})),this._setActiveTab()}_onHeaderSlotChange(){this._tabHeaders=this._headerSlotElements.filter((t=>t instanceof Bi)),this._tabHeaders.forEach(((t,e)=>{t.tabId=e,t.id=`t${this._componentId}-h${e}`,t.ariaControls=`t${this._componentId}-p${e}`,t.panel=this.panel,t.active=e===this.selectedIndex}))}_onHeaderClick(t){const e=t.composedPath().find((t=>t instanceof Bi));e&&(this.selectedIndex=e.tabId,this._setActiveTab(),this._dispatchSelectEvent())}render(){return U`
       <div
-        class=${At({header:!0,panel:this.panel})}
+        class=${Mt({header:!0,panel:this.panel})}
         @click=${this._onHeaderClick}
         @keydown=${this._onHeaderKeyDown}
       >
@@ -2410,311 +2342,611 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
         <slot name="addons"></slot>
       </div>
       <slot @slotchange=${this._onMainSlotChange}></slot>
-    `}};Ws.styles=Hs,Ks([ut({type:Boolean,reflect:!0})],Ws.prototype,"panel",void 0),Ks([ut({reflect:!0})],Ws.prototype,"role",void 0),Ks([ut({type:Number,reflect:!0,attribute:"selected-index"})],Ws.prototype,"selectedIndex",void 0),Ks([gt({slot:"header"})],Ws.prototype,"_headerSlotElements",void 0),Ks([gt()],Ws.prototype,"_mainSlotElements",void 0),Ws=Ks([ct("vscode-tabs")],Ws);const Gs=[xt,n`
+    `}};Zi.styles=Yi,Xi([pt({type:Boolean,reflect:!0})],Zi.prototype,"panel",void 0),Xi([pt({reflect:!0})],Zi.prototype,"role",void 0),Xi([pt({type:Number,reflect:!0,attribute:"selected-index"})],Zi.prototype,"selectedIndex",void 0),Xi([xt({slot:"header"})],Zi.prototype,"_headerSlotElements",void 0),Xi([xt()],Zi.prototype,"_mainSlotElements",void 0),Zi=Xi([$t("vscode-tabs")],Zi);const Qi=[_t,n`
     :host {
-      --hover-outline-color: transparent;
-      --hover-outline-style: solid;
-      --hover-outline-width: 0;
-      --selected-outline-color: transparent;
-      --selected-outline-style: solid;
-      --selected-outline-width: 0;
+      display: inline-block;
+      height: 40px;
+      position: relative;
+      width: 320px;
+    }
 
-      display: block;
-      outline: none;
-      user-select: none;
+    :host([cols]) {
+      width: auto;
     }
 
-    .wrapper {
-      height: 100%;
+    :host([rows]) {
+      height: auto;
     }
 
-    li {
-      list-style: none;
-    }
-
-    ul,
-    li {
-      margin: 0;
-      padding: 0;
+    .shadow {
+      box-shadow: var(--vscode-scrollbar-shadow, #000000) 0 6px 6px -6px inset;
+      display: none;
+      inset: 0 0 auto 0;
+      height: 6px;
+      pointer-events: none;
+      position: absolute;
+      width: 100%;
     }
 
-    ul {
-      position: relative;
+    .shadow.visible {
+      display: block;
     }
 
-    :host([indent-guides]) ul ul:before {
-      content: '';
+    textarea {
+      background-color: var(--vscode-settings-textInputBackground, #313131);
+      border-color: var(--vscode-settings-textInputBorder, transparent);
+      border-radius: 2px;
+      border-style: solid;
+      border-width: 1px;
+      box-sizing: border-box;
+      color: var(--vscode-settings-textInputForeground, #cccccc);
       display: block;
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
       height: 100%;
-      position: absolute;
-      bottom: 0;
-      left: var(--indent-guide-pos);
-      top: 0;
-      pointer-events: none;
-      width: 1px;
-      z-index: 1;
+      width: 100%;
     }
 
-    .contents {
-      align-items: center;
-      display: flex;
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
-      outline-offset: -1px;
-      padding-right: 12px;
+    :host([cols]) textarea {
+      width: auto;
     }
 
-    .multi .contents {
-      align-items: flex-start;
+    :host([rows]) textarea {
+      height: auto;
+    }
+
+    :host([invalid]) textarea,
+    :host(:invalid) textarea {
+      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
+      border-color: var(--vscode-inputValidation-errorBorder, #be1100);
+    }
+
+    textarea.monospace {
+      background-color: var(--vscode-editor-background, #1f1f1f);
+      color: var(--vscode-editor-foreground, #cccccc);
+      font-family: var(--vscode-editor-font-family, monospace);
+      font-size: var(--vscode-editor-font-size, 14px);
+      font-weight: var(--vscode-editor-font-weight, normal);
     }
 
-    .contents:hover {
+    .textarea.monospace::placeholder {
+      color: var(
+        --vscode-editor-inlineValuesForeground,
+        rgba(255, 255, 255, 0.5)
+      );
+    }
+
+    textarea.cursor-pointer {
       cursor: pointer;
     }
 
-    .arrow-container {
-      align-items: center;
-      display: flex;
-      height: 22px;
-      justify-content: center;
-      padding-left: 8px;
-      padding-right: 6px;
-      width: 16px;
+    textarea:focus {
+      border-color: var(--vscode-focusBorder, #0078d4);
+      outline: none;
     }
 
-    .icon-arrow {
-      color: currentColor;
-      display: block;
+    textarea::placeholder {
+      color: var(--vscode-input-placeholderForeground, #989898);
+      opacity: 1;
     }
 
-    .theme-icon {
-      display: block;
-      flex-shrink: 0;
-      margin-right: 6px;
+    textarea::-webkit-scrollbar-track {
+      background-color: transparent;
+    }
+
+    textarea::-webkit-scrollbar {
+      width: 14px;
     }
 
-    .image-icon {
+    textarea::-webkit-scrollbar-thumb {
+      background-color: transparent;
+    }
+
+    textarea:hover::-webkit-scrollbar-thumb {
+      background-color: var(
+        --vscode-scrollbarSlider-background,
+        rgba(121, 121, 121, 0.4)
+      );
+    }
+
+    textarea::-webkit-scrollbar-thumb:hover {
+      background-color: var(
+        --vscode-scrollbarSlider-hoverBackground,
+        rgba(100, 100, 100, 0.7)
+      );
+    }
+
+    textarea::-webkit-scrollbar-thumb:active {
+      background-color: var(
+        --vscode-scrollbarSlider-activeBackground,
+        rgba(191, 191, 191, 0.4)
+      );
+    }
+
+    textarea::-webkit-scrollbar-corner {
+      background-color: transparent;
+    }
+
+    textarea::-webkit-resizer {
+      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII=');
       background-repeat: no-repeat;
-      background-position: 0 center;
-      background-size: 16px;
+      background-position: right bottom;
+    }
+  `];var ts=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let es=class extends kt{set value(t){this._value=t,this._internals.setFormValue(t)}get value(){return this._value}get wrappedElement(){return this._textareaEl}get form(){return this._internals.form}get type(){return"textarea"}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}set minlength(t){this.minLength=t}get minlength(){return this.minLength}set maxlength(t){this.maxLength=t}get maxlength(){return this.maxLength}constructor(){super(),this.autocomplete=void 0,this.autofocus=!1,this.defaultValue="",this.disabled=!1,this.invalid=!1,this.label="",this.maxLength=void 0,this.minLength=void 0,this.rows=void 0,this.cols=void 0,this.name=void 0,this.placeholder=void 0,this.readonly=!1,this.resize="none",this.required=!1,this.spellcheck=!1,this.monospace=!1,this._value="",this._textareaPointerCursor=!1,this._shadow=!1,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._textareaEl.checkValidity(),this._setValidityFromInput(),this._internals.setFormValue(this._textareaEl.value)}))}updated(t){const e=["maxLength","minLength","required"];for(const i of t.keys())if(e.includes(String(i))){this.updateComplete.then((()=>{this._setValidityFromInput()}));break}}formResetCallback(){this.value=this.defaultValue}formStateRestoreCallback(t,e){this.updateComplete.then((()=>{this._value=t}))}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}_setValidityFromInput(){this._internals.setValidity(this._textareaEl.validity,this._textareaEl.validationMessage,this._textareaEl)}_dataChanged(){this._value=this._textareaEl.value,this._internals.setFormValue(this._textareaEl.value)}_handleChange(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("vsc-change",{detail:{data:this.value,originalEvent:t}}))}_handleInput(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new CustomEvent("vsc-input",{detail:{data:t.data,originalEvent:t}}))}_handleMouseMove(t){if(this._textareaEl.clientHeight>=this._textareaEl.scrollHeight)return void(this._textareaPointerCursor=!1);const e=this._textareaEl.getBoundingClientRect(),i=t.clientX;this._textareaPointerCursor=i>=e.left+e.width-14-2}_handleScroll(){this._shadow=this._textareaEl.scrollTop>0}render(){return U`
+      <div
+        class=${Mt({shadow:!0,visible:this._shadow})}
+      ></div>
+      <textarea
+        autocomplete=${Pt(this.autocomplete)}
+        ?autofocus=${this.autofocus}
+        ?disabled=${this.disabled}
+        aria-label=${this.label}
+        id="textarea"
+        class=${Mt({monospace:this.monospace,"cursor-pointer":this._textareaPointerCursor})}
+        maxlength=${Pt(this.maxLength)}
+        minlength=${Pt(this.minLength)}
+        rows=${Pt(this.rows)}
+        cols=${Pt(this.cols)}
+        name=${Pt(this.name)}
+        placeholder=${Pt(this.placeholder)}
+        ?readonly=${this.readonly}
+        .style=${Dt({resize:this.resize})}
+        ?required=${this.required}
+        spellcheck=${this.spellcheck}
+        @change=${this._handleChange}
+        @input=${this._handleInput}
+        @mousemove=${this._handleMouseMove}
+        @scroll=${this._handleScroll}
+        .value=${this._value}
+      ></textarea>
+    `}};es.styles=Qi,es.formAssociated=!0,es.shadowRootOptions={...at.shadowRootOptions,delegatesFocus:!0},ts([pt()],es.prototype,"autocomplete",void 0),ts([pt({type:Boolean,reflect:!0})],es.prototype,"autofocus",void 0),ts([pt({attribute:"default-value"})],es.prototype,"defaultValue",void 0),ts([pt({type:Boolean,reflect:!0})],es.prototype,"disabled",void 0),ts([pt({type:Boolean,reflect:!0})],es.prototype,"invalid",void 0),ts([pt({attribute:!1})],es.prototype,"label",void 0),ts([pt({type:Number})],es.prototype,"maxLength",void 0),ts([pt({type:Number})],es.prototype,"minLength",void 0),ts([pt({type:Number})],es.prototype,"rows",void 0),ts([pt({type:Number})],es.prototype,"cols",void 0),ts([pt()],es.prototype,"name",void 0),ts([pt()],es.prototype,"placeholder",void 0),ts([pt({type:Boolean,reflect:!0})],es.prototype,"readonly",void 0),ts([pt()],es.prototype,"resize",void 0),ts([pt({type:Boolean,reflect:!0})],es.prototype,"required",void 0),ts([pt({type:Boolean})],es.prototype,"spellcheck",void 0),ts([pt({type:Boolean,reflect:!0})],es.prototype,"monospace",void 0),ts([pt()],es.prototype,"value",null),ts([gt("#textarea")],es.prototype,"_textareaEl",void 0),ts([bt()],es.prototype,"_value",void 0),ts([bt()],es.prototype,"_textareaPointerCursor",void 0),ts([bt()],es.prototype,"_shadow",void 0),es=ts([$t("vscode-textarea")],es);const is=r(St()),ss=[_t,n`
+    :host {
+      align-items: center;
+      background-color: var(--vscode-settings-textInputBackground, #313131);
+      border-color: var(
+        --vscode-settings-textInputBorder,
+        var(--vscode-settings-textInputBackground, #3c3c3c)
+      );
+      border-radius: 2px;
+      border-style: solid;
+      border-width: 1px;
+      box-sizing: border-box;
+      color: var(--vscode-settings-textInputForeground, #cccccc);
+      display: inline-flex;
+      max-width: 100%;
+      position: relative;
+      width: 320px;
+    }
+
+    :host([focused]) {
+      border-color: var(--vscode-focusBorder, #0078d4);
+    }
+
+    :host([invalid]),
+    :host(:invalid) {
+      border-color: var(--vscode-inputValidation-errorBorder, #be1100);
+    }
+
+    :host([invalid]) input,
+    :host(:invalid) input {
+      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
+    }
+
+    ::slotted([slot='content-before']) {
       display: block;
-      flex-shrink: 0;
-      margin-right: 6px;
-      height: 22px;
-      width: 16px;
+      margin-left: 2px;
     }
 
-    .multi .contents .theme-icon {
-      margin-top: 3px;
+    ::slotted([slot='content-after']) {
+      display: block;
+      margin-right: 2px;
     }
 
-    .text-content {
+    slot[name='content-before'],
+    slot[name='content-after'] {
+      align-items: center;
       display: flex;
-      line-height: 22px;
     }
 
-    .single .text-content {
+    input {
+      background-color: var(--vscode-settings-textInputBackground, #313131);
+      border: 0;
+      box-sizing: border-box;
+      color: var(--vscode-settings-textInputForeground, #cccccc);
       display: block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
+      font-family: var(--vscode-font-family, ${is});
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, 'normal');
+      line-height: 18px;
+      outline: none;
+      padding-bottom: 3px;
+      padding-left: 4px;
+      padding-right: 4px;
+      padding-top: 3px;
       width: 100%;
     }
 
-    .description {
-      font-size: 0.9em;
-      line-height: 22px;
-      margin-left: 0.5em;
-      opacity: 0.95;
-      white-space: pre;
+    input:read-only:not([type='file']) {
+      cursor: not-allowed;
     }
 
-    .actions {
-      display: none;
+    input::placeholder {
+      color: var(--vscode-input-placeholderForeground, #989898);
+      opacity: 1;
+    }
+
+    input[type='file'] {
+      line-height: 24px;
+      padding-bottom: 0;
+      padding-left: 2px;
+      padding-top: 0;
     }
 
-    .contents.selected > .actions,
-    .contents.focused > .actions,
-    .contents:hover > .actions {
+    input[type='file']::file-selector-button {
+      background-color: var(--vscode-button-background, #0078d4);
+      border: 0;
+      border-radius: 2px;
+      color: var(--vscode-button-foreground, #ffffff);
+      cursor: pointer;
+      font-family: var(--vscode-font-family, ${is});
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, 'normal');
+      line-height: 20px;
+      padding: 0 14px;
+    }
+
+    input[type='file']::file-selector-button:hover {
+      background-color: var(--vscode-button-hoverBackground, #026ec1);
+    }
+  `];var os=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let rs=class extends kt{set type(t){this._type=["color","date","datetime-local","email","file","month","number","password","search","tel","text","time","url","week"].includes(t)?t:"text"}get type(){return this._type}set value(t){"file"!==this.type&&(this._value=t,this._internals.setFormValue(t)),this.updateComplete.then((()=>{this._setValidityFromInput()}))}get value(){return this._value}set minlength(t){this.minLength=t}get minlength(){return this.minLength}set maxlength(t){this.maxLength=t}get maxlength(){return this.maxLength}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._setValidityFromInput(),this._internals.checkValidity()}reportValidity(){return this._setValidityFromInput(),this._internals.reportValidity()}get wrappedElement(){return this._inputEl}constructor(){super(),this.autocomplete=void 0,this.autofocus=!1,this.defaultValue="",this.disabled=!1,this.focused=!1,this.invalid=!1,this.label="",this.max=void 0,this.maxLength=void 0,this.min=void 0,this.minLength=void 0,this.multiple=!1,this.name=void 0,this.pattern=void 0,this.placeholder=void 0,this.readonly=!1,this.required=!1,this.step=void 0,this._value="",this._type="text",this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._inputEl.checkValidity(),this._setValidityFromInput(),this._internals.setFormValue(this._inputEl.value)}))}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i);["max","maxlength","min","minlength","pattern","required","step"].includes(t)&&this.updateComplete.then((()=>{this._setValidityFromInput()}))}formResetCallback(){this.value=this.defaultValue,this.requestUpdate()}formStateRestoreCallback(t,e){this.value=t}_dataChanged(){if(this._value=this._inputEl.value,"file"===this.type&&this._inputEl.files)for(const t of this._inputEl.files)this._internals.setFormValue(t);else this._internals.setFormValue(this._inputEl.value)}_setValidityFromInput(){this._inputEl&&this._internals.setValidity(this._inputEl.validity,this._inputEl.validationMessage,this._inputEl)}_onInput(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new CustomEvent("vsc-input",{detail:{data:t.data,originalEvent:t}}))}_onChange(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("vsc-change",{detail:{data:this.value,originalEvent:t}}))}_onFocus(){this.focused=!0}_onBlur(){this.focused=!1}_onKeyDown(t){"Enter"===t.key&&this._internals.form&&this._internals.form?.requestSubmit()}render(){return U`
+      <slot name="content-before"></slot>
+      <input
+        id="input"
+        type=${this.type}
+        ?autofocus=${this.autofocus}
+        autocomplete=${Pt(this.autocomplete)}
+        aria-label=${this.label}
+        ?disabled=${this.disabled}
+        max=${Pt(this.max)}
+        maxlength=${Pt(this.maxLength)}
+        min=${Pt(this.min)}
+        minlength=${Pt(this.minLength)}
+        ?multiple=${this.multiple}
+        name=${Pt(this.name)}
+        pattern=${Pt(this.pattern)}
+        placeholder=${Pt(this.placeholder)}
+        ?readonly=${this.readonly}
+        ?required=${this.required}
+        step=${Pt(this.step)}
+        .value=${this._value}
+        @blur=${this._onBlur}
+        @change=${this._onChange}
+        @focus=${this._onFocus}
+        @input=${this._onInput}
+        @keydown=${this._onKeyDown}
+      >
+      <slot name="content-after"></slot>
+    `}};rs.styles=ss,rs.formAssociated=!0,rs.shadowRootOptions={...at.shadowRootOptions,delegatesFocus:!0},os([pt()],rs.prototype,"autocomplete",void 0),os([pt({type:Boolean,reflect:!0})],rs.prototype,"autofocus",void 0),os([pt({attribute:"default-value"})],rs.prototype,"defaultValue",void 0),os([pt({type:Boolean,reflect:!0})],rs.prototype,"disabled",void 0),os([pt({type:Boolean,reflect:!0})],rs.prototype,"focused",void 0),os([pt({type:Boolean,reflect:!0})],rs.prototype,"invalid",void 0),os([pt({attribute:!1})],rs.prototype,"label",void 0),os([pt({type:Number})],rs.prototype,"max",void 0),os([pt({type:Number})],rs.prototype,"maxLength",void 0),os([pt({type:Number})],rs.prototype,"min",void 0),os([pt({type:Number})],rs.prototype,"minLength",void 0),os([pt({type:Boolean,reflect:!0})],rs.prototype,"multiple",void 0),os([pt({reflect:!0})],rs.prototype,"name",void 0),os([pt()],rs.prototype,"pattern",void 0),os([pt()],rs.prototype,"placeholder",void 0),os([pt({type:Boolean,reflect:!0})],rs.prototype,"readonly",void 0),os([pt({type:Boolean,reflect:!0})],rs.prototype,"required",void 0),os([pt({type:Number})],rs.prototype,"step",void 0),os([pt({reflect:!0})],rs.prototype,"type",null),os([pt()],rs.prototype,"value",null),os([gt("#input")],rs.prototype,"_inputEl",void 0),os([bt()],rs.prototype,"_value",void 0),os([bt()],rs.prototype,"_type",void 0),rs=os([$t("vscode-textfield")],rs);const ns=[_t,n`
+    :host {
+      display: inline-flex;
+    }
+
+    button {
+      align-items: center;
+      background-color: transparent;
+      border: 0;
+      border-radius: 5px;
+      color: var(--vscode-foreground, #cccccc);
+      cursor: pointer;
       display: flex;
+      outline-offset: -1px;
+      outline-width: 1px;
+      padding: 0;
+      user-select: none;
+    }
+
+    button:focus-visible {
+      outline-color: var(--vscode-focusBorder, #0078d4);
+      outline-style: solid;
+    }
+
+    button:hover {
+      background-color: var(
+        --vscode-toolbar-hoverBackground,
+        rgba(90, 93, 94, 0.31)
+      );
+      outline-style: dashed;
+      outline-color: var(--vscode-toolbar-hoverOutline, transparent);
+    }
+
+    button:active {
+      background-color: var(
+        --vscode-toolbar-activeBackground,
+        rgba(99, 102, 103, 0.31)
+      );
+    }
+
+    button.checked {
+      background-color: var(
+        --vscode-inputOption-activeBackground,
+        rgba(36, 137, 219, 0.51)
+      );
+      outline-color: var(--vscode-inputOption-activeBorder, #2488db);
+      outline-style: solid;
+      color: var(--vscode-inputOption-activeForeground, #ffffff);
+    }
+
+    button.checked vscode-icon {
+      color: var(--vscode-inputOption-activeForeground, #ffffff);
+    }
+
+    vscode-icon {
+      display: block;
+      padding: 3px;
     }
 
-    .decorations {
+    slot:not(.empty) {
       align-items: center;
       display: flex;
       height: 22px;
-      margin-left: 5px;
+      padding: 0 5px 0 2px;
     }
 
-    .filled-circle {
-      margin-right: 3px;
-      opacity: 0.4;
+    slot.textOnly:not(.empty) {
+      padding: 0 5px;
     }
+  `];var ls=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let hs=class extends kt{constructor(){super(...arguments),this.icon="",this.label=void 0,this.toggleable=!1,this.checked=!1,this._isSlotEmpty=!0}_handleSlotChange(){this._isSlotEmpty=!((this._assignedNodes?.length??0)>0)}_handleButtonClick(){this.toggleable&&(this.checked=!this.checked,this.dispatchEvent(new Event("change")))}render(){const t=this.checked?"true":"false";return U`
+      <button
+        type="button"
+        aria-label=${Pt(this.label)}
+        role=${Pt(this.toggleable?"switch":void 0)}
+        aria-checked=${Pt(this.toggleable?t:void 0)}
+        class=${Mt({checked:this.toggleable&&this.checked})}
+        @click=${this._handleButtonClick}
+      >
+        ${this.icon?U`<vscode-icon name=${this.icon}></vscode-icon>`:q}
+        <slot
+          @slotchange=${this._handleSlotChange}
+          class=${Mt({empty:this._isSlotEmpty,textOnly:!this.icon})}
+        ></slot>
+      </button>
+    `}};hs.styles=ns,ls([pt({reflect:!0})],hs.prototype,"icon",void 0),ls([pt()],hs.prototype,"label",void 0),ls([pt({type:Boolean,reflect:!0})],hs.prototype,"toggleable",void 0),ls([pt({type:Boolean,reflect:!0})],hs.prototype,"checked",void 0),ls([bt()],hs.prototype,"_isSlotEmpty",void 0),ls([function(t){return(e,i)=>{const{slot:s}={},o="slot"+(s?`[name=${s}]`:":not([name])");return ft(0,0,{get(){const e=this.renderRoot?.querySelector(o);return e?.assignedNodes(t)??[]}})}}()],hs.prototype,"_assignedNodes",void 0),hs=ls([$t("vscode-toolbar-button")],hs);const as=[_t,n`
+    :host {
+      gap: 4px;
+      display: flex;
+      align-items: center;
+    }
+  `];var cs=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let ds=class extends kt{render(){return U` <slot></slot> `}};ds.styles=as,ds=cs([$t("vscode-toolbar-container")],ds);let us=class extends Event{constructor(t,e,i){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=i??!1}};let vs=class{constructor(t,e,i,s){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(t,e)=>{this.unsubscribe&&(this.unsubscribe!==e&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=t,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(t,e)),this.unsubscribe=e},this.host=t,void 0!==e.context){const t=e;this.context=t.context,this.callback=t.callback,this.subscribe=t.subscribe??!1}else this.context=e,this.callback=i,this.subscribe=s??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new us(this.context,this.t,this.subscribe))}};class ps{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){const i=e||!Object.is(t,this.o);this.o=t,i&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[t,{disposer:e}]of this.subscriptions)t(this.o,e)},void 0!==t&&(this.value=t)}addCallback(t,e,i){if(!i)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});const{disposer:s}=this.subscriptions.get(t);t(this.value,s)}clearCallbacks(){this.subscriptions.clear()}}let bs=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}};class fs extends ps{constructor(t,e,i){super(void 0!==e.context?e.initialValue:i),this.onContextRequest=t=>{const e=t.composedPath()[0];t.context===this.context&&e!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,e,t.subscribe))},this.onProviderRequest=t=>{const e=t.composedPath()[0];if(t.context!==this.context||e===this.host)return;const i=new Set;for(const[t,{consumerHost:e}]of this.subscriptions)i.has(t)||(i.add(t),e.dispatchEvent(new us(this.context,t,!0)));t.stopPropagation()},this.host=t,void 0!==e.context?this.context=e.context:this.context=e,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new bs(this.context))}}function gs({context:t}){return(e,i)=>{const s=new WeakMap;if("object"==typeof i)return i.addInitializer((function(){s.set(this,new fs(this,{context:t}))})),{get(){return e.get.call(this)},set(t){return s.get(this)?.setValue(t),e.set.call(this,t)},init(t){return s.get(this)?.setValue(t),t}};{e.constructor.addInitializer((e=>{s.set(e,new fs(e,{context:t}))}));const o=Object.getOwnPropertyDescriptor(e,i);let r;if(void 0===o){const t=new WeakMap;r={get(){return t.get(this)},set(e){s.get(this).setValue(e),t.set(this,e)},configurable:!0,enumerable:!0}}else{const t=o.set;r={...o,set(e){s.get(this).setValue(e),t?.call(this,e)}}}return void Object.defineProperty(e,i,r)}}}function ms({context:t,subscribe:e}){return(i,s)=>{"object"==typeof s?s.addInitializer((function(){new vs(this,{context:t,callback:t=>{i.set.call(this,t)},subscribe:e})})):i.constructor.addInitializer((i=>{new vs(i,{context:t,callback:t=>{i[s]=t},subscribe:e})}))}}const xs=[_t,n`
+    :host {
+      --vsc-tree-item-arrow-display: flex;
+      --internal-selectionBackground: var(
+        --vscode-list-inactiveSelectionBackground
+      );
+      --internal-selectionForeground: var(--vscode-foreground);
+      --internal-selectionIconForeground: var(--vscode-icon-foreground);
+      --internal-defaultIndentGuideDisplay: none;
+      --internal-highlightedIndentGuideDisplay: block;
 
-    .decoration-text {
-      font-size: 90%;
-      font-weight: 600;
-      margin-right: 3px;
-      opacity: 0.75;
+      display: block;
+    }
+
+    :host(:hover) {
+      --internal-defaultIndentGuideDisplay: block;
+      --internal-highlightedIndentGuideDisplay: block;
     }
 
-    .filled-circle,
-    .decoration-text {
-      color: var(--color, currentColor);
+    :host(:focus-within) {
+      --internal-selectionBackground: var(
+        --vscode-list-activeSelectionBackground
+      );
+      --internal-selectionForeground: var(
+        --vscode-list-activeSelectionForeground
+      );
+      --internal-selectionIconForeground: var(
+        --vscode-list-activeSelectionIconForeground
+      );
     }
 
-    .contents:hover .filled-circle,
-    .contents:hover .decoration-text {
-      color: var(--hover-color, var(--color));
+    :host([hide-arrows]) {
+      --vsc-tree-item-arrow-display: none;
     }
 
-    .contents.focused .filled-circle,
-    .contents.focused .decoration-text {
-      color: var(--focused-color, var(--color));
+    :host([indent-guides='none']),
+    :host([indent-guides='none']:hover) {
+      --internal-defaultIndentGuideDisplay: none;
+      --internal-highlightedIndentGuideDisplay: none;
     }
 
-    .contents.selected .filled-circle,
-    .contents.selected .decoration-text {
-      color: var(--selected-color, var(--color));
+    :host([indent-guides='always']),
+    :host([indent-guides='always']:hover) {
+      --internal-defaultIndentGuideDisplay: block;
+      --internal-highlightedIndentGuideDisplay: block;
     }
+  `],ys="vscode-list",ws=Symbol("configContext"),ks=t=>t instanceof Element&&t.matches("vscode-tree-item"),$s=(t,e)=>{const i=e.length,s=(o=t)instanceof Element&&o.matches("vscode-tree")?-1:t.level;var o;"branch"in t&&(t.branch=i>0),e.forEach(((e,i)=>{e.path="path"in t?[...t.path,i]:[i],e.level=s+1,e.dataset.path=e.path.join(".")}))},_s=t=>{const e=t.lastElementChild;return e&&ks(e)?e.branch&&e.open?_s(e):e:t},Ss=t=>{if(!t.parentElement)return null;if(!ks(t.parentElement))return null;const e=Cs(t.parentElement);return e||Ss(t.parentElement)},Cs=t=>{let e=t.nextElementSibling;for(;e&&!ks(e);)e=e.nextElementSibling;return e};function Bs(t){return t.parentElement&&ks(t.parentElement)?t.parentElement:null}var Os=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const zs="singleClick",As="doubleClick",Es="none",Is=[" ","ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Enter","Escape","Shift"],js=zs,Ms="onHover";let Ps=class extends kt{constructor(){super(),this.hideArrows=false,this.expandMode=js,this.indent=8,this.indentGuides=Ms,this.multiSelect=false,this._treeContextState={isShiftPressed:!1,activeItem:null,selectedItems:new Set,allItems:null,itemListUpToDate:!1,focusedItem:null,prevFocusedItem:null,hasBranchItem:!1,rootElement:this,highlightedItems:new Set,highlightIndentGuides:()=>{this._highlightIndentGuides()},emitSelectEvent:()=>{this._emitSelectEvent()}},this._configContext={hideArrows:false,expandMode:js,indent:8,indentGuides:Ms,multiSelect:false},this._handleComponentKeyDown=t=>{const e=t.key;switch(Is.includes(e)&&(t.stopPropagation(),t.preventDefault()),e){case" ":case"Enter":this._handleEnterPress();break;case"ArrowDown":this._handleArrowDownPress();break;case"ArrowLeft":this._handleArrowLeftPress(t);break;case"ArrowRight":this._handleArrowRightPress();break;case"ArrowUp":this._handleArrowUpPress();break;case"Shift":this._handleShiftPress()}},this._handleComponentKeyUp=t=>{"Shift"===t.key&&(this._treeContextState.isShiftPressed=!1)},this._handleSlotChange=()=>{this._treeContextState.itemListUpToDate=!1,$s(this,this._assignedTreeItems),this.updateComplete.then((()=>{if(null===this._treeContextState.activeItem){const t=this.querySelector(":scope > vscode-tree-item");t&&(t.active=!0)}}))},this.addEventListener("keyup",this._handleComponentKeyUp),this.addEventListener("keydown",this._handleComponentKeyDown)}connectedCallback(){super.connectedCallback(),this.role="tree"}willUpdate(t){this._updateConfigContext(t),t.has("multiSelect")&&(this.ariaMultiSelectable=this.multiSelect?"true":"false")}expandAll(){this.querySelectorAll("vscode-tree-item").forEach((t=>{t.branch&&(t.open=!0)}))}collapseAll(){this.querySelectorAll("vscode-tree-item").forEach((t=>{t.branch&&(t.open=!1)}))}updateHasBranchItemFlag(){const t=this._assignedTreeItems.some((t=>t.branch));this._treeContextState={...this._treeContextState,hasBranchItem:t}}_emitSelectEvent(){const t=new CustomEvent("vsc-tree-select",{detail:Array.from(this._treeContextState.selectedItems)});this.dispatchEvent(t)}_highlightIndentGuideOfItem(t){if(t.branch&&t.open)t.highlightedGuides=!0,this._treeContextState.highlightedItems?.add(t);else{const e=Bs(t);e&&(e.highlightedGuides=!0,this._treeContextState.highlightedItems?.add(e))}}_highlightIndentGuides(){this.indentGuides!==Es&&(this._treeContextState.highlightedItems?.forEach((t=>t.highlightedGuides=!1)),this._treeContextState.highlightedItems?.clear(),this._treeContextState.activeItem&&this._highlightIndentGuideOfItem(this._treeContextState.activeItem),this._treeContextState.selectedItems.forEach((t=>{this._highlightIndentGuideOfItem(t)})))}_updateConfigContext(t){const{hideArrows:e,expandMode:i,indent:s,indentGuides:o,multiSelect:r}=this;t.has("hideArrows")&&(this._configContext={...this._configContext,hideArrows:e}),t.has("expandMode")&&(this._configContext={...this._configContext,expandMode:i}),t.has("indent")&&(this._configContext={...this._configContext,indent:s}),t.has("indentGuides")&&(this._configContext={...this._configContext,indentGuides:o}),t.has("multiSelect")&&(this._configContext={...this._configContext,multiSelect:r})}_focusItem(t){t.active=!0,t.updateComplete.then((()=>{t.focus(),this._highlightIndentGuides()}))}_focusPrevItem(){if(this._treeContextState.focusedItem){const t=(t=>{const{parentElement:e}=t;if(!e||!ks(t))return null;let i=t.previousElementSibling;for(;i&&!ks(i);)i=i.previousElementSibling;if(!i&&ks(e))return e;if(i&&i.branch&&i.open)return _s(i);return i})(this._treeContextState.focusedItem);t&&(this._focusItem(t),this._treeContextState.isShiftPressed&&this.multiSelect&&(t.selected=!t.selected,this._emitSelectEvent()))}}_focusNextItem(){if(this._treeContextState.focusedItem){const t=(t=>{const{parentElement:e}=t;if(!e||!ks(t))return null;let i;if(t.branch&&t.open){const e=t.querySelector("vscode-tree-item");e?i=e:(i=Cs(t),i||(i=Ss(t)))}else i=Cs(t),i||(i=Ss(t));return i||t})(this._treeContextState.focusedItem);t&&(this._focusItem(t),this._treeContextState.isShiftPressed&&this.multiSelect&&(t.selected=!t.selected,this._emitSelectEvent()))}}_handleArrowRightPress(){if(!this._treeContextState.focusedItem)return;const{focusedItem:t}=this._treeContextState;t.branch&&(t.open?this._focusNextItem():t.open=!0)}_handleArrowLeftPress(t){if(t.ctrlKey)return void this.collapseAll();if(!this._treeContextState.focusedItem)return;const{focusedItem:e}=this._treeContextState,i=Bs(e);e.branch&&e.open?e.open=!1:i&&i.branch&&this._focusItem(i)}_handleArrowDownPress(){this._treeContextState.focusedItem?this._focusNextItem():this._focusItem(this._assignedTreeItems[0])}_handleArrowUpPress(){this._treeContextState.focusedItem?this._focusPrevItem():this._focusItem(this._assignedTreeItems[0])}_handleEnterPress(){const{focusedItem:t}=this._treeContextState;t&&(this._treeContextState.selectedItems.forEach((t=>t.selected=!1)),this._treeContextState.selectedItems.clear(),this._highlightIndentGuides(),t.selected=!0,this._emitSelectEvent(),t.branch&&(t.open=!t.open))}_handleShiftPress(){this._treeContextState.isShiftPressed=!0}render(){return U`<div>
+      <slot @slotchange=${this._handleSlotChange}></slot>
+    </div>`}};Ps.styles=xs,Os([pt({type:Boolean,reflect:!0,attribute:"hide-arrows"})],Ps.prototype,"hideArrows",void 0),Os([pt({type:String,attribute:"expand-mode"})],Ps.prototype,"expandMode",void 0),Os([pt({type:Number,reflect:!0})],Ps.prototype,"indent",void 0),Os([pt({type:String,attribute:"indent-guides",useDefault:!0,reflect:!0})],Ps.prototype,"indentGuides",void 0),Os([pt({type:Boolean,reflect:!0,attribute:"multi-select"})],Ps.prototype,"multiSelect",void 0),Os([gs({context:ys})],Ps.prototype,"_treeContextState",void 0),Os([gs({context:ws})],Ps.prototype,"_configContext",void 0),Os([xt({selector:"vscode-tree-item"})],Ps.prototype,"_assignedTreeItems",void 0),Ps=Os([dt("vscode-tree")],Ps);const Ds=[_t,n`
+    :host {
+      --hover-outline-color: transparent;
+      --hover-outline-style: solid;
+      --hover-outline-width: 0;
+
+      --selected-outline-color: transparent;
+      --selected-outline-style: solid;
+      --selected-outline-width: 0;
 
-    /* Theme colors */
-    :host(:focus) .wrapper.has-not-focused-item {
-      outline: 1px solid var(--vscode-focusBorder);
+      cursor: pointer;
+      display: block;
+      user-select: none;
     }
 
-    :host(:focus) .contents.selected,
-    :host(:focus) .contents.focused.selected {
-      color: var(--vscode-list-activeSelectionForeground);
-      background-color: var(--vscode-list-activeSelectionBackground);
+    .root {
+      display: block;
     }
 
-    :host(:focus) .contents.selected .icon-arrow,
-    :host(:focus) .contents.selected.focused .icon-arrow,
-    :host(:focus) .contents.selected .theme-icon,
-    :host(:focus) .contents.selected.focused .theme-icon,
-    :host(:focus) .contents.selected .action-icon,
-    :host(:focus) .contents.selected.focused .action-icon {
-      color: var(--vscode-list-activeSelectionIconForeground);
+    .wrapper {
+      align-items: flex-start;
+      display: flex;
+      font-family: var(--vscode-font-family);
+      font-size: var(--vscode-font-size);
+      font-weight: var(--vscode-font-weight);
+      outline-offset: -1px;
+      padding-right: 12px;
+    }
+
+    .wrapper:hover {
+      background-color: var(--vscode-list-hoverBackground);
+      color: var(--vscode-list-hoverForeground);
+    }
+
+    :host([selected]) .wrapper {
+      color: var(--internal-selectionForeground);
+      background-color: var(--internal-selectionBackground);
+    }
+
+    :host([selected]) ::slotted(vscode-icon) {
+      color: var(--internal-selectionForeground);
     }
 
-    :host(:focus) .contents.focused {
-      color: var(--vscode-list-focusForeground);
-      background-color: var(--vscode-list-focusBackground);
+    :host(:focus) {
+      outline: none;
     }
 
-    :host(:focus) .contents.selected.focused {
+    :host(:focus) .wrapper.active {
       outline-color: var(
         --vscode-list-focusAndSelectionOutline,
         var(--vscode-list-focusOutline)
       );
+      outline-style: solid;
+      outline-width: 1px;
     }
 
-    .contents:hover {
-      background-color: var(--vscode-list-hoverBackground);
-      color: var(--vscode-list-hoverForeground);
+    .arrow-container {
+      align-items: center;
+      display: var(--vsc-tree-item-arrow-display);
+      height: 22px;
+      justify-content: center;
+      padding-left: 8px;
+      padding-right: 6px;
+      width: 16px;
     }
 
-    .contents:hover,
-    .contents.selected:hover {
-      outline-color: var(--hover-outline-color);
-      outline-style: var(--hover-outline-style);
-      outline-width: var(--hover-outline-width);
+    .arrow-container svg {
+      display: block;
+      fill: var(--vscode-icon-foreground);
     }
 
-    .contents.selected,
-    .contents.selected.focused {
-      background-color: var(--vscode-list-inactiveSelectionBackground);
-      color: var(--vscode-list-inactiveSelectionForeground);
+    .arrow-container.icon-rotated svg {
+      transform: rotate(90deg);
+    }
+
+    :host([selected]) .arrow-container svg {
+      fill: var(--internal-selectionIconForeground);
     }
 
-    .contents.selected,
-    .contents.selected.focused {
-      outline-color: var(--selected-outline-color);
-      outline-style: var(--selected-outline-style);
-      outline-width: var(--selected-outline-width);
+    .icon-container {
+      align-items: center;
+      display: flex;
+      height: 22px;
     }
 
-    .contents.selected .theme-icon {
-      color: var(--vscode-list-inactiveSelectionIconForeground);
+    .icon-container slot {
+      display: block;
     }
 
-    .contents.focused {
-      background-color: var(--vscode-list-inactiveFocusBackground);
-      outline: 1px dotted var(--vscode-list-inactiveFocusOutline);
+    .icon-container.has-icon {
+      margin-right: 6px;
     }
 
-    :host(:focus) .contents.focused {
-      outline: 1px solid var(--vscode-list-focusOutline);
+    .children {
+      position: relative;
     }
 
-    :host([indent-guides]) ul ul:before {
+    .children.guide:before {
       background-color: var(--vscode-tree-inactiveIndentGuidesStroke);
+      content: '';
+      display: none;
+      height: 100%;
+      left: var(--indentation-guide-left);
+      pointer-events: none;
+      position: absolute;
+      width: 1px;
+      z-index: 1;
+    }
+
+    .children.guide.default-guide:before {
+      display: var(--internal-defaultIndentGuideDisplay);
     }
 
-    :host([indent-guides]) ul ul.has-active-item:before {
+    .children.guide.highlighted-guide:before {
+      display: var(--internal-highlightedIndentGuideDisplay);
       background-color: var(--vscode-tree-indentGuidesStroke);
     }
-  `];var Js=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};const Ys=(t,e=[])=>{const s=[];return t.forEach(((t,i)=>{const o=[...e,i],r={...t,path:o};t.subItems&&(r.subItems=Ys(t.subItems,o)),s.push(r)})),s},Xs=t=>!!(t.subItems&&Array.isArray(t.subItems)&&t?.subItems?.length>0);let Zs=class extends mt{constructor(){super(...arguments),this.indent=8,this.arrows=!1,this.multiline=!1,this.tabindex=0,this.indentGuides=!1,this._data=[],this._selectedItem=null,this._focusedItem=null,this._selectedBranch=null,this._focusedBranch=null,this._handleComponentKeyDownBound=this._handleComponentKeyDown.bind(this)}set data(t){const e=this._data;this._data=Ys(t),this.requestUpdate("data",e)}get data(){return this._data}closeAll(){this._closeSubTreeRecursively(this.data),this.requestUpdate()}deselectAll(){this._deselectItemsRecursively(this.data),this.requestUpdate()}getItemByPath(t){return this._getItemByPath(t)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleComponentKeyDownBound)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleComponentKeyDownBound)}_getItemByPath(t){let e=this._data,s=null;return t.forEach(((i,o)=>{o===t.length-1?s=e[i]:e=e[i].subItems})),s}_handleActionClick(t){t.stopPropagation();const e=t.target,s=e.dataset.itemPath,i=e.dataset.index;let o=null,r="",n="";if(s){const t=s.split("/").map((t=>Number(t)));if(o=this._getItemByPath(t),o?.actions){const t=Number(i);o.actions[t]&&(r=o.actions[t].actionId)}o?.value&&(n=o.value)}this.dispatchEvent(new CustomEvent("vsc-run-action",{detail:{actionId:r,item:o,value:n}})),this.dispatchEvent(new CustomEvent("vsc-tree-action",{detail:{actionId:r,item:o,value:n}}))}_renderIconVariant(t){const{type:e,value:s}=t;return"themeicon"===e?U`<vscode-icon name=${s} class="theme-icon"></vscode-icon>`:U`<span
-        class="image-icon"
-        .style=${Et({backgroundImage:`url(${s})`})}
-      ></span>`}_renderIcon(t){const e={branch:{value:"folder",type:"themeicon"},open:{value:"folder-opened",type:"themeicon"},leaf:{value:"file",type:"themeicon"}};if(t.iconUrls)t.iconUrls.branch&&(e.branch={value:t.iconUrls.branch,type:"image"}),t.iconUrls.leaf&&(e.leaf={value:t.iconUrls.leaf,type:"image"}),t.iconUrls.open&&(e.open={value:t.iconUrls.open,type:"image"});else if("object"==typeof t.icons)t.icons.branch&&(e.branch={value:t.icons.branch,type:"themeicon"}),t.icons.leaf&&(e.leaf={value:t.icons.leaf,type:"themeicon"}),t.icons.open&&(e.open={value:t.icons.open,type:"themeicon"});else if(!t.icons)return U`${H}`;return Xs(t)?t.open?this._renderIconVariant(e.open):this._renderIconVariant(e.branch):this._renderIconVariant(e.leaf)}_renderArrow(t){if(!this.arrows||!Xs(t))return U`${H}`;const{open:e=!1}=t;return U`
-      <div class="arrow-container">
-        <vscode-icon name=${e?"chevron-down":"chevron-right"} class="icon-arrow"></vscode-icon>
-      </div>
-    `}_renderActions(t){const e=[];return t.actions&&Array.isArray(t.actions)&&t.actions.forEach(((s,i)=>{if(s.icon){const o=U`<vscode-icon
-            name=${s.icon}
-            action-icon
-            title=${Ot(s.tooltip)}
-            data-item-path=${Ot(t.path?.join("/"))}
-            data-index=${i}
-            class="action-icon"
-            @click=${this._handleActionClick}
-          ></vscode-icon>`;e.push(o)}})),e.length>0?U`<div class="actions">${e}</div>`:U`${H}`}_renderDecorations(t){const e=[];return t.decorations&&Array.isArray(t.decorations)&&t.decorations.forEach((t=>{const{appearance:s="text",visibleWhen:i="always",content:o="",color:r="",focusedColor:n="",hoverColor:l="",selectedColor:a=""}=t,c=`visible-when-${i}`,h={};switch(r&&(h["--color"]=r),n&&(h["--focused-color"]=n),l&&(h["--hover-color"]=l),a&&(h["--selected-color"]=a),s){case"counter-badge":e.push(U`<vscode-badge
-                variant="counter"
-                class=${["counter-badge",c].join(" ")}
-                part="counter-badge-decoration"
-                >${o}</vscode-badge
-              >`);break;case"filled-circle":e.push(U`<vscode-icon
-                name="circle-filled"
-                size="14"
-                class=${["filled-circle",c].join(" ")}
-                part="filled-circle-decoration"
-                .style=${Et(h)}
-              ></vscode-icon>`);break;case"text":e.push(U`<div
-                class=${["decoration-text",c].join(" ")}
-                part="caption-decoration"
-                .style=${Et(h)}
-              >
-                ${o}
-              </div>`)}})),e.length>0?U`<div class="decorations" part="decorations">
-        ${e}
-      </div>`:U`${H}`}_renderTreeItem(t,e){const{open:s=!1,label:i,description:o="",tooltip:r,selected:n=!1,focused:l=!1,subItems:a=[]}=t,{path:c,itemType:h,hasFocusedItem:d=!1,hasSelectedItem:u=!1}=e,v=["contents"],p=s?["open"]:[],b=(c.length-1)*this.indent,f=this.arrows&&"leaf"===h?30+b:b,g=this._renderArrow(t),m=this._renderIcon(t),x=this.arrows?b+16:b+3,y=s&&"branch"===h?U`<ul
-            .style=${Et({"--indent-guide-pos":`${x}px`})}
-            class=${At({"has-active-item":d||u})}
-          >
-            ${this._renderTree(a,c)}
-          </ul>`:H,w=o?U`<span class="description" part="description">${o}</span>`:H,k=this._renderActions(t),$=this._renderDecorations(t);return p.push(h),n&&v.push("selected"),l&&v.push("focused"),U`
-      <li data-path=${c.join("/")} class=${p.join(" ")}>
-        <div
-          class=${v.join(" ")}
-          .style=${Et({paddingLeft:`${f+3}px`})}
-        >
-          ${g}${m}<span
-            class="text-content"
-            part="text-content"
-            title=${Ot(r)}
-            >${i}${w}</span
-          >
-          ${k} ${$}
+
+    .content {
+      line-height: 22px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    :host([branch]) ::slotted(vscode-tree-item) {
+      display: none;
+    }
+
+    :host([branch][open]) ::slotted(vscode-tree-item) {
+      display: block;
+    }
+  `];var Fs=function(t,e,i,s){for(var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const Vs=U`<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z"
+  />
+</svg>`;function Ns(t){return t.parentElement&&t.parentElement instanceof Rs?t.parentElement:null}let Rs=class extends kt{set selected(t){this._selected=t,this._treeContextState.selectedItems.add(this),this.ariaSelected=t?"true":"false"}get selected(){return this._selected}set path(t){this._path=t}get path(){return this._path}constructor(){super(),this.active=!1,this.branch=!1,this.hasActiveItem=!1,this.hasSelectedItem=!1,this.highlightedGuides=!1,this.open=!1,this.level=0,this._selected=!1,this._path=[],this._hasBranchIcon=!1,this._hasBranchOpenedIcon=!1,this._hasLeafIcon=!1,this._treeContextState={isShiftPressed:!1,selectedItems:new Set,allItems:null,itemListUpToDate:!1,focusedItem:null,prevFocusedItem:null,hasBranchItem:!1,rootElement:null,activeItem:null},this._handleMainSlotChange=()=>{this._mainSlotChange(),this._treeContextState.itemListUpToDate=!1},this._handleComponentFocus=()=>{this._treeContextState.focusedItem&&this._treeContextState.focusedItem!==this&&(this._treeContextState.isShiftPressed||(this._treeContextState.prevFocusedItem=this._treeContextState.focusedItem),this._treeContextState.focusedItem=null),this._treeContextState.focusedItem=this},this._internals=this.attachInternals(),this.addEventListener("focus",this._handleComponentFocus)}connectedCallback(){super.connectedCallback(),this._mainSlotChange(),this.role="treeitem",this.ariaDisabled="false"}willUpdate(t){t.has("active")&&this._toggleActiveState(),(t.has("open")||t.has("branch"))&&this._setAriaExpanded()}_setAriaExpanded(){this.branch?this.ariaExpanded=this.open?"true":"false":this.ariaExpanded=null}_setHasActiveItemFlagOnParent(t,e){const i=Ns(t);i&&(i.hasActiveItem=e)}_toggleActiveState(){this.active?(this._treeContextState.activeItem&&(this._treeContextState.activeItem.active=!1,this._setHasActiveItemFlagOnParent(this._treeContextState.activeItem,!1)),this._treeContextState.activeItem=this,this._setHasActiveItemFlagOnParent(this,!0),this.tabIndex=0,this._internals.states.add("active")):(this._treeContextState.activeItem===this&&(this._treeContextState.activeItem=null,this._setHasActiveItemFlagOnParent(this,!1)),this.tabIndex=-1,this._internals.states.delete("active"))}_selectItem(t){const{selectedItems:e}=this._treeContextState,{multiSelect:i}=this._configContext;i&&t?this.selected?(this.selected=!1,e.delete(this)):(this.selected=!0,e.add(this)):(e.forEach((t=>t.selected=!1)),e.clear(),this.selected=!0,e.add(this))}_selectRange(){const t=this._treeContextState.prevFocusedItem;if(!t||t===this)return;this._treeContextState.itemListUpToDate||(this._treeContextState.allItems=this._treeContextState.rootElement.querySelectorAll("vscode-tree-item"),this._treeContextState.allItems&&this._treeContextState.allItems.forEach(((t,e)=>{t.dataset.score=e.toString()})),this._treeContextState.itemListUpToDate=!0);let e=+(t.dataset.score??-1),i=+(this.dataset.score??-1);e>i&&([e,i]=[i,e]),this._treeContextState.selectedItems.forEach((t=>t.selected=!1)),this._treeContextState.selectedItems.clear(),this._selectItemsAndAllVisibleDescendants(e,i)}_selectItemsAndAllVisibleDescendants(t,e){let i=t;for(;i<=e;)if(this._treeContextState.allItems){const t=this._treeContextState.allItems[i];if(t.branch&&!t.open){t.selected=!0;i+=t.querySelectorAll("vscode-tree-item").length}else t.branch&&t.open?(t.selected=!0,i+=this._selectItemsAndAllVisibleDescendants(i+1,e)):(t.selected=!0,i+=1)}return i}_mainSlotChange(){this._initiallyAssignedTreeItems.forEach((t=>{t.setAttribute("slot","children")}))}_handleChildrenSlotChange(){$s(this,this._childrenTreeItems),this._treeContextState.rootElement&&this._treeContextState.rootElement.updateHasBranchItemFlag()}_handleContentClick(t){t.stopPropagation();const e=t.ctrlKey,i=t.shiftKey;i&&this._configContext.multiSelect?(this._selectRange(),this._treeContextState.emitSelectEvent?.(),this.updateComplete.then((()=>{this._treeContextState.highlightIndentGuides?.()}))):(this._selectItem(e),this._treeContextState.emitSelectEvent?.(),this.updateComplete.then((()=>{this._treeContextState.highlightIndentGuides?.()})),this._configContext.expandMode===zs&&(!this.branch||this._configContext.multiSelect&&e||(this.open=!this.open))),this.active=!0,i||(this._treeContextState.prevFocusedItem=this)}_handleDoubleClick(t){this._configContext.expandMode===As&&(!this.branch||this._configContext.multiSelect&&t.ctrlKey||(this.open=!this.open))}_handleIconSlotChange(t){const e=t.target,i=e.assignedElements().length>0;switch(e.name){case"icon-branch":this._hasBranchIcon=i;break;case"icon-branch-opened":this._hasBranchOpenedIcon=i;break;case"icon-leaf":this._hasLeafIcon=i}}render(){const{hideArrows:t,indent:e,indentGuides:i}=this._configContext,{hasBranchItem:s}=this._treeContextState;let o=3+this.level*e;const r=t?3:13,n=3+this.level*e+r;this.branch||t||!s||(o+=30);const l=this._hasBranchIcon&&this.branch||this._hasBranchOpenedIcon&&this.branch&&this.open||this._hasLeafIcon&&!this.branch,h={wrapper:!0,active:this.active},a={children:!0,guide:i!==Es,"default-guide":i!==Es,"highlighted-guide":this.highlightedGuides},c={"icon-container":!0,"has-icon":l};return U` <div class="root">
+      <div
+        class=${Mt(h)}
+        @click=${this._handleContentClick}
+        @dblclick=${this._handleDoubleClick}
+        .style=${Dt({paddingLeft:`${o}px`})}
+      >
+        ${this.branch&&!t?U`<div
+              class=${Mt({"arrow-container":!0,"icon-rotated":this.open})}
+            >
+              ${Vs}
+            </div>`:q}
+        <div class=${Mt(c)}>
+          ${this.branch&&!this.open?U`<slot
+                name="icon-branch"
+                @slotchange=${this._handleIconSlotChange}
+              ></slot>`:q}
+          ${this.branch&&this.open?U`<slot
+                name="icon-branch-opened"
+                @slotchange=${this._handleIconSlotChange}
+              ></slot>`:q}
+          ${this.branch?q:U`<slot
+                name="icon-leaf"
+                @slotchange=${this._handleIconSlotChange}
+              ></slot>`}
+        </div>
+        <div class="content" part="content">
+          <slot @slotchange=${this._handleMainSlotChange}></slot>
         </div>
-        ${y}
-      </li>
-    `}_renderTree(t,e=[]){const s=[];return t?(t.forEach(((t,i)=>{const o=[...e,i],r=Xs(t)?"branch":"leaf",{selected:n=!1,focused:l=!1,hasFocusedItem:a=!1,hasSelectedItem:c=!1}=t;n&&(this._selectedItem=t),l&&(this._focusedItem=t),s.push(this._renderTreeItem(t,{path:o,itemType:r,hasFocusedItem:a,hasSelectedItem:c}))})),s):H}_selectItem(t){this._selectedItem&&(this._selectedItem.selected=!1),this._focusedItem&&(this._focusedItem.focused=!1),this._selectedItem=t,t.selected=!0,this._focusedItem=t,t.focused=!0,this._selectedBranch&&(this._selectedBranch.hasSelectedItem=!1);let e=null;if(t.path?.length&&t.path.length>1&&(e=this._getItemByPath(t.path.slice(0,-1))),Xs(t))this._selectedBranch=t,t.hasSelectedItem=!0,t.open=!t.open,t.open?(this._selectedBranch=t,t.hasSelectedItem=!0):e&&(this._selectedBranch=e,e.hasSelectedItem=!0);else if(t.path?.length&&t.path.length>1){const e=this._getItemByPath(t.path.slice(0,-1));e&&(this._selectedBranch=e,e.hasSelectedItem=!0)}else this._selectedBranch=t,t.hasSelectedItem=!0;this._emitSelectEvent(this._selectedItem,this._selectedItem.path.join("/")),this.requestUpdate()}_focusItem(t){this._focusedItem&&(this._focusedItem.focused=!1),this._focusedItem=t,t.focused=!0;const e=!!t?.subItems?.length;this._focusedBranch&&(this._focusedBranch.hasFocusedItem=!1);let s=null;t.path?.length&&t.path.length>1&&(s=this._getItemByPath(t.path.slice(0,-1))),e?t.open?(this._focusedBranch=t,t.hasFocusedItem=!0):!t.open&&s&&(this._focusedBranch=s,s.hasFocusedItem=!0):s&&(this._focusedBranch=s,s.hasFocusedItem=!0)}_closeSubTreeRecursively(t){t.forEach((t=>{t.open=!1,t.subItems&&t.subItems.length>0&&this._closeSubTreeRecursively(t.subItems)}))}_deselectItemsRecursively(t){t.forEach((t=>{t.selected&&(t.selected=!1),t.subItems&&t.subItems.length>0&&this._deselectItemsRecursively(t.subItems)}))}_emitSelectEvent(t,e){const{icons:s,label:i,open:o,value:r}=t,n={icons:s,itemType:Xs(t)?"branch":"leaf",label:i,open:o||!1,value:r||i,path:e};this.dispatchEvent(new CustomEvent("vsc-select",{bubbles:!0,composed:!0,detail:n})),this.dispatchEvent(new CustomEvent("vsc-tree-select",{detail:n}))}_focusPrevItem(){if(!this._focusedItem)return void this._focusItem(this._data[0]);const{path:t}=this._focusedItem;if(t&&t?.length>0){const e=t[t.length-1],s=t.length>1;if(e>0){const s=[...t];s[s.length-1]=e-1;const i=this._getItemByPath(s);let o=i;if(i?.open&&i.subItems?.length){const{subItems:t}=i;o=t[t.length-1]}this._focusItem(o)}else if(s){const e=[...t];e.pop(),this._focusItem(this._getItemByPath(e))}}else this._focusItem(this._data[0])}_focusNextItem(){if(!this._focusedItem)return void this._focusItem(this._data[0]);const{path:t,open:e}=this._focusedItem;if(e&&Array.isArray(this._focusedItem.subItems)&&this._focusedItem.subItems.length>0)return void this._focusItem(this._focusedItem.subItems[0]);const s=[...t];s[s.length-1]+=1;let i=this._getItemByPath(s);i?this._focusItem(i):(s.pop(),s.length>0&&(s[s.length-1]+=1,i=this._getItemByPath(s),i&&this._focusItem(i)))}_handleClick(t){const e=t.composedPath().find((t=>t.tagName&&"LI"===t.tagName.toUpperCase()));if(e){const t=(e.dataset.path||"").split("/").map((t=>Number(t))),s=this._getItemByPath(t);this._selectItem(s)}else this._focusedItem&&(this._focusedItem.focused=!1),this._focusedItem=null}_handleComponentKeyDown(t){const e=t.key;[" ","ArrowDown","ArrowUp","Enter","Escape"].includes(t.key)&&(t.stopPropagation(),t.preventDefault()),"Escape"===e&&(this._focusedItem=null),"ArrowUp"===e&&this._focusPrevItem(),"ArrowDown"===e&&this._focusNextItem(),"Enter"!==e&&" "!==e||this._focusedItem&&this._selectItem(this._focusedItem)}render(){const t=At({multi:this.multiline,single:!this.multiline,wrapper:!0,"has-not-focused-item":!this._focusedItem,"selection-none":!this._selectedItem,"selection-single":null!==this._selectedItem});return U`
-      <div @click=${this._handleClick} class=${t}>
-        <ul>
-          ${this._renderTree(this._data)}
-        </ul>
       </div>
-    `}};Zs.styles=Gs,Js([ut({type:Array,reflect:!1})],Zs.prototype,"data",null),Js([ut({type:Number})],Zs.prototype,"indent",void 0),Js([ut({type:Boolean,reflect:!0})],Zs.prototype,"arrows",void 0),Js([ut({type:Boolean,reflect:!0})],Zs.prototype,"multiline",void 0),Js([ut({type:Number,reflect:!0})],Zs.prototype,"tabindex",void 0),Js([ut({type:Boolean,reflect:!0,attribute:"indent-guides"})],Zs.prototype,"indentGuides",void 0),Js([vt()],Zs.prototype,"_selectedItem",void 0),Js([vt()],Zs.prototype,"_focusedItem",void 0),Js([vt()],Zs.prototype,"_selectedBranch",void 0),Js([vt()],Zs.prototype,"_focusedBranch",void 0),Zs=Js([ct("vscode-tree")],Zs);export{$t as VscodeBadge,Nt as VscodeButton,Kt as VscodeCheckbox,Jt as VscodeCheckboxGroup,Zt as VscodeCollapsible,oe as VscodeContextMenu,ee as VscodeContextMenuItem,le as VscodeDivider,ve as VscodeFormContainer,fe as VscodeFormGroup,ye as VscodeFormHelper,Ft as VscodeIcon,Fe as VscodeLabel,es as VscodeMultiSelect,Ke as VscodeOption,os as VscodeProgressRing,ls as VscodeRadio,Ce as VscodeRadioGroup,us as VscodeScrollable,cs as VscodeSingleSelect,xs as VscodeSplitLayout,ks as VscodeTabHeader,Cs as VscodeTabPanel,qs as VscodeTable,zs as VscodeTableBody,Es as VscodeTableCell,Ms as VscodeTableHeader,Ds as VscodeTableHeaderCell,Rs as VscodeTableRow,Ws as VscodeTabs,ze as VscodeTextarea,je as VscodeTextfield,Zs as VscodeTree};
+      <div
+        class=${Mt(a)}
+        .style=${Dt({"--indentation-guide-left":`${n}px`})}
+        role="group"
+        part="children"
+      >
+        <slot
+          name="children"
+          @slotchange=${this._handleChildrenSlotChange}
+        ></slot>
+      </div>
+    </div>`}};Rs.styles=Ds,Fs([pt({type:Boolean})],Rs.prototype,"active",void 0),Fs([pt({type:Boolean,reflect:!0})],Rs.prototype,"branch",void 0),Fs([pt({type:Boolean})],Rs.prototype,"hasActiveItem",void 0),Fs([pt({type:Boolean})],Rs.prototype,"hasSelectedItem",void 0),Fs([pt({type:Boolean})],Rs.prototype,"highlightedGuides",void 0),Fs([pt({type:Boolean,reflect:!0})],Rs.prototype,"open",void 0),Fs([pt({type:Number,reflect:!0})],Rs.prototype,"level",void 0),Fs([pt({type:Boolean,reflect:!0})],Rs.prototype,"selected",null),Fs([bt()],Rs.prototype,"_hasBranchIcon",void 0),Fs([bt()],Rs.prototype,"_hasBranchOpenedIcon",void 0),Fs([bt()],Rs.prototype,"_hasLeafIcon",void 0),Fs([ms({context:ys,subscribe:!0})],Rs.prototype,"_treeContextState",void 0),Fs([ms({context:ws,subscribe:!0})],Rs.prototype,"_configContext",void 0),Fs([xt({selector:"vscode-tree-item"})],Rs.prototype,"_initiallyAssignedTreeItems",void 0),Fs([xt({selector:"vscode-tree-item",slot:"children"})],Rs.prototype,"_childrenTreeItems",void 0),Rs=Fs([dt("vscode-tree-item")],Rs);export{Ot as VscodeBadge,Ut as VscodeButton,qt as VscodeButtonGroup,te as VscodeCheckbox,se as VscodeCheckboxGroup,ne as VscodeCollapsible,ue as VscodeContextMenu,ae as VscodeContextMenuItem,be as VscodeDivider,we as VscodeFormContainer,_e as VscodeFormGroup,Oe as VscodeFormHelper,Rt as VscodeIcon,je as VscodeLabel,ni as VscodeMultiSelect,He as VscodeOption,ai as VscodeProgressRing,ui as VscodeRadio,bi as VscodeRadioGroup,ti as VscodeScrollable,gi as VscodeSingleSelect,_i as VscodeSplitLayout,Bi as VscodeTabHeader,Ai as VscodeTabPanel,Ji as VscodeTable,ji as VscodeTableBody,Di as VscodeTableCell,Ni as VscodeTableHeader,Li as VscodeTableHeaderCell,Hi as VscodeTableRow,Zi as VscodeTabs,es as VscodeTextarea,rs as VscodeTextfield,hs as VscodeToolbarButton,ds as VscodeToolbarContainer,Ps as VscodeTree,Rs as VscodeTreeItem};