@vscode-elements/elements 1.6.2-pre.1 → 1.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +111 -161
- package/dist/bundled.js +2654 -1
- package/dist/includes/VscElement.d.ts.map +1 -1
- package/dist/includes/VscElement.js +1 -1
- package/dist/includes/VscElement.js.map +1 -1
- package/dist/includes/form-button-widget/LabelledCheckboxOrRadio.d.ts.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.d.ts +1 -1
- package/dist/includes/vscode-select/vscode-select-base.d.ts.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.js +15 -17
- package/dist/includes/vscode-select/vscode-select-base.js.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.d.ts.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.js +8 -2
- package/dist/vscode-single-select/vscode-single-select.js.map +1 -1
- package/package.json +29 -31
- package/vscode.css-custom-data.json +10 -2
- package/vscode.html-custom-data.json +8 -8
package/dist/bundled.js
CHANGED
|
@@ -1 +1,2654 @@
|
|
|
1
|
-
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,...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)},n=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return(t=>new o("string"==typeof t?t:t+"",void 0,s))(e)})(t):t,{is:l,defineProperty:a,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:d,getPrototypeOf:u}=Object,v=globalThis,p=v.trustedTypes,b=p?p.emptyScript:"",f=v.reactiveElementPolyfillSupport,g=(t,e)=>t,m={toAttribute(t,e){switch(e){case Boolean:t=t?b: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}},x=(t,e)=>!l(t,e),y={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x};Symbol.metadata??=Symbol("metadata"),v.litPropertyMetadata??=new WeakMap;class w 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=y){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&&a(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){const{get:i,set:o}=c(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)??y}static _$Ei(){if(this.hasOwnProperty(g("elementProperties")))return;const t=u(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(g("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(g("properties"))){const t=this.properties,e=[...h(t),...d(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(n(t))}else void 0!==t&&e.push(n(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:m).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:m;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??x)(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){}}w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[g("elementProperties")]=new Map,w[g("finalized")]=new Map,f?.({ReactiveElement:w}),(v.reactiveElementVersions??=[]).push("2.0.4");const k=globalThis,$=k.trustedTypes,_=$?$.createPolicy("lit-html",{createHTML:t=>t}):void 0,C="$lit$",B=`lit$${(Math.random()+"").slice(9)}$`,S="?"+B,z=`<${S}>`,A=document,O=()=>A.createComment(""),E=t=>null===t||"object"!=typeof t&&"function"!=typeof t,j=Array.isArray,I=t=>j(t)||"function"==typeof t?.[Symbol.iterator],M="[ \t\n\f\r]",F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,D=/-->/g,N=/>/g,P=RegExp(`>|${M}(?:([^\\s"'>=/]+)(${M}*=${M}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),V=/'/g,R=/"/g,T=/^(?:script|style|textarea|title)$/i,L=(t=>(e,...s)=>({_$litType$:t,strings:e,values:s}))(1),U=Symbol.for("lit-noChange"),H=Symbol.for("lit-nothing"),q=new WeakMap,K=A.createTreeWalker(A,129);function W(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==_?_.createHTML(e):e}const G=(t,e)=>{const s=t.length-1,i=[];let o,r=2===e?"<svg>":"",n=F;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===F?"!--"===a[1]?n=D:void 0!==a[1]?n=N:void 0!==a[2]?(T.test(a[2])&&(o=RegExp("</"+a[2],"g")),n=P):void 0!==a[3]&&(n=P):n===P?">"===a[0]?(n=o??F,c=-1):void 0===a[1]?c=-2:(c=n.lastIndex-a[2].length,l=a[1],n=void 0===a[3]?P:'"'===a[3]?R:V):n===R||n===V?n=P:n===D||n===N?n=F:(n=P,o=void 0);const d=n===P&&t[e+1].startsWith("/>")?" ":"";r+=n===F?s+z:c>=0?(i.push(l),s.slice(0,c)+C+s.slice(c)+B+d):s+B+(-2===c?e:d)}return[W(t,r+(t[s]||"<?>")+(2===e?"</svg>":"")),i]};class J{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]=G(t,e);if(this.el=J.createElement(a,s),K.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=K.nextNode())&&l.length<n;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(C)){const e=c[r++],s=i.getAttribute(t).split(B),n=/([.?@])?(.*)/.exec(e);l.push({type:1,index:o,name:n[2],strings:s,ctor:"."===n[1]?tt:"?"===n[1]?et:"@"===n[1]?st:Q}),i.removeAttribute(t)}else t.startsWith(B)&&(l.push({type:6,index:o}),i.removeAttribute(t));if(T.test(i.tagName)){const t=i.textContent.split(B),e=t.length-1;if(e>0){i.textContent=$?$.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],O()),K.nextNode(),l.push({type:2,index:++o});i.append(t[e],O())}}}else if(8===i.nodeType)if(i.data===S)l.push({type:2,index:o});else{let t=-1;for(;-1!==(t=i.data.indexOf(B,t+1));)l.push({type:7,index:o}),t+=B.length-1}o++}}static createElement(t,e){const s=A.createElement("template");return s.innerHTML=t,s}}function Y(t,e,s=t,i){if(e===U)return e;let o=void 0!==i?s._$Co?.[i]:s._$Cl;const r=E(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._$Co??=[])[i]=o:s._$Cl=o),void 0!==o&&(e=Y(t,o._$AS(t,e.values),o,i)),e}class X{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??A).importNode(e,!0);K.currentNode=i;let o=K.nextNode(),r=0,n=0,l=s[0];for(;void 0!==l;){if(r===l.index){let e;2===l.type?e=new Z(o,o.nextSibling,this,t):1===l.type?e=new l.ctor(o,l.name,l.strings,this,t):6===l.type&&(e=new it(o,this,t)),this._$AV.push(e),l=s[++n]}r!==l?.index&&(o=K.nextNode(),r++)}return K.currentNode=A,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++}}class Z{get _$AU(){return this._$AM?._$AU??this._$Cv}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._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Y(this,t,e),E(t)?t===H||null==t||""===t?(this._$AH!==H&&this._$AR(),this._$AH=H):t!==this._$AH&&t!==U&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):I(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==H&&E(this._$AH)?this._$AA.nextSibling.data=t:this.T(A.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=J.createElement(W(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new X(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=q.get(t.strings);return void 0===e&&q.set(t.strings,e=new J(t)),e}k(t){j(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const o of t)i===e.length?e.push(s=new Z(this.S(O()),this.S(O()),this,this.options)):s=e[i],s._$AI(o),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$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 Q{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=Y(this,t,e,0),r=!E(t)||t!==this._$AH&&t!==U,r&&(this._$AH=t);else{const i=t;let n,l;for(t=o[0],n=0;n<o.length-1;n++)l=Y(this,i[s+n],e,n),l===U&&(l=this._$AH[n]),r||=!E(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 tt extends Q{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===H?void 0:t}}class et extends Q{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==H)}}class st extends Q{constructor(t,e,s,i,o){super(t,e,s,i,o),this.type=5}_$AI(t,e=this){if((t=Y(this,t,e,0)??H)===U)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 it{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){Y(this,t)}}const ot={P:C,A:B,C:S,M:1,L:G,R:X,D:I,V:Y,I:Z,H:Q,N:et,U:st,B:tt,F:it},rt=k.litHtmlPolyfillSupport;rt?.(J,Z),(k.litHtmlVersions??=[]).push("3.1.2");let nt=class extends w{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=((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 Z(e.insertBefore(O(),t),t,void 0,s??{})}return o._$AI(t),o})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return U}};nt._$litElement$=!0,nt.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:nt});const lt=globalThis.litElementPolyfillSupport;lt?.({LitElement:nt}),(globalThis.litElementVersions??=[]).push("4.0.4");const at=t=>(e,s)=>{void 0!==s?s.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)},ct={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x},ht=(t=ct,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 dt(t){return(e,s)=>"object"==typeof s?ht(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 ut(t){return dt({...t,state:!0,attribute:!1})}const vt=(t,e,s)=>(s.configurable=!0,s.enumerable=!0,s);function pt(t,e){return(e,s,i)=>vt(0,0,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}let bt;function ft(t){return(e,s)=>{const{slot:i,selector:o}=t??{},r="slot"+(i?`[name=${i}]`:":not([name])");return vt(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 gt extends nt{constructor(){super(...arguments),this._version="1.6.2-pre.1"}get version(){return this._version}}var mt=r`:host([hidden]){display:none}:host(:disabled),:host([disabled]){cursor:not-allowed;opacity:.4;pointer-events:none}`;const xt=[mt,r`:host{background-color:var(--vscode-badge-background);border:1px solid var(--vscode-contrastBorder,transparent);border-radius:2px;box-sizing:border-box;color:var(--vscode-badge-foreground);display:inline-block;font-family:var(--vscode-font-family);font-size:11px;font-weight:400;line-height:14px;min-width:18px;padding:2px 3px;text-align:center;white-space:nowrap}:host([variant=counter]){border-radius:11px;box-sizing:border-box;height:18px;line-height:1;padding:3px 5px}:host([variant=activity-bar-counter]){background-color:var(--vscode-activityBarBadge-background);border-radius:20px;color:var(--vscode-activityBarBadge-foreground);font-size:9px;font-weight:600;line-height:16px;padding:0 4px}`];var yt=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 wt=class extends gt{constructor(){super(...arguments),this.variant="default"}render(){return L`<slot></slot>`}};wt.styles=xt,yt([dt()],wt.prototype,"variant",void 0),wt=yt([at("vscode-badge")],wt);const kt=1,$t=2,_t=t=>(...e)=>({_$litDirective$:t,values:e});let Ct=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};const Bt=_t(class extends Ct{constructor(t){if(super(t),t.type!==kt||"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 U}}),St="important",zt=" !"+St,At=_t(class extends Ct{constructor(t){if(super(t),t.type!==kt||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,s)=>{const i=t[s];return null==i?e:e+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(t,[e]){const{style:s}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?s.removeProperty(t):s[t]=null);for(const t in e){const i=e[t];if(null!=i){this.ft.add(t);const e="string"==typeof i&&i.endsWith(zt);t.includes("-")||e?s.setProperty(t,e?i.slice(0,-11):i,e?St:""):s[t]=i}}return U}}),Ot=t=>t??H,Et=[mt,r`:host{color:var(--vscode-icon-foreground);display:inline-block}.codicon[class*=codicon-]{display:block}.button,.icon{background-color:transparent;display:block;padding:0}.button{border-color:transparent;border-style:solid;border-width:1px;border-radius:5px;color:currentColor;cursor:pointer;padding:2px}.button:hover{background-color:var(--vscode-toolbar-hoverBackground)}.button:active{background-color:var(--vscode-toolbar-activeBackground)}.button:focus{outline:0}.button:focus-visible{border-color:var(--vscode-focusBorder)}@keyframes icon-spin{100%{transform:rotate(360deg)}}.spin{animation-name:icon-spin;animation-timing-function:linear;animation-iteration-count:infinite}`];var jt,It=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 Mt=jt=class extends gt{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();jt.stylesheetHref=t,jt.nonce=e}_getStylesheetConfig(){const t=document.getElementById("vscode-codicon-stylesheet"),e=t?.getAttribute("href")||void 0;return{nonce:t?.getAttribute("nonce")||void 0,href:e}}render(){const{stylesheetHref:t,nonce:e}=jt,s=L`<span class="${Bt({codicon:!0,["codicon-"+this.name]:!0,spin:this.spin})}" style="${At({animationDuration:String(this.spinDuration)+"s",fontSize:this.size+"px",height:this.size+"px",width:this.size+"px"})}"></span>`,i=this.actionIcon?L`<button class="button" @click="${this._onButtonClick}" aria-label="${this.label}">${s}</button>`:L`<span class="icon" aria-hidden="true" role="presentation">${s}</span>`;return L`<link rel="stylesheet" href="${Ot(t)}" nonce="${Ot(e)}">${i}`}};Mt.styles=Et,Mt.stylesheetHref="",Mt.nonce="",It([dt()],Mt.prototype,"label",void 0),It([dt({type:String})],Mt.prototype,"name",void 0),It([dt({type:Number})],Mt.prototype,"size",void 0),It([dt({type:Boolean,reflect:!0})],Mt.prototype,"spin",void 0),It([dt({type:Number,attribute:"spin-duration"})],Mt.prototype,"spinDuration",void 0),It([dt({type:Boolean,reflect:!0,attribute:"action-icon"})],Mt.prototype,"actionIcon",void 0),Mt=jt=It([at("vscode-icon")],Mt);const Ft=[mt,r`:host{align-items:center;background-color:var(--vscode-button-background);border-color:var(--vscode-button-border,var(--vscode-button-background));border-style:solid;border-radius:2px;border-width:1px;color:var(--vscode-button-foreground);cursor:pointer;display:inline-block;font-family:var(--vscode-font-family);font-size:var(--vscode-font-size);font-weight:var(--vscode-font-weight);line-height:22px;overflow:hidden;padding:1px 13px;user-select:none;white-space:nowrap}:host([secondary]){color:var(--vscode-button-secondaryForeground);background-color:var(--vscode-button-secondaryBackground);border-color:var(--vscode-button-border,var(--vscode-button-secondaryBackground))}:host([disabled]){cursor:default;opacity:.4;pointer-events:none}:host(:hover){background-color:var(--vscode-button-hoverBackground)}:host([disabled]:hover){background-color:var(--vscode-button-background)}:host([secondary]:hover){background-color:var(--vscode-button-secondaryHoverBackground)}:host([secondary][disabled]:hover){background-color:var(--vscode-button-secondaryBackground)}:host(:active),:host(:focus){outline:0}:host(:focus){background-color:var(--vscode-button-hoverBackground);outline:1px solid var(--vscode-focusBorder);outline-offset:2px}:host([disabled]:focus){background-color:var(--vscode-button-background);outline:0}:host([secondary]:focus){background-color:var(--vscode-button-secondaryHoverBackground)}:host([secondary][disabled]:focus){background-color:var(--vscode-button-secondaryBackground)}.wrapper{align-items:center;box-sizing:border-box;display:flex;justify-content:center;position:relative;width:100%}slot{display:block}.icon{color:inherit;display:block;margin-right:3px}.icon-after{color:inherit;display:block;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 gt{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.iconAfter="",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){"Enter"!==t.key&&" "!==t.key||this.hasAttribute("disabled")||(this.dispatchEvent(new CustomEvent("vsc-click",{detail:{originalEvent:new MouseEvent("click")}})),this._executeAction())}_handleClick(t){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?L`<vscode-icon name="${this.icon}" class="icon"></vscode-icon>`:H,o=e?L`<vscode-icon name="${this.iconAfter}" class="icon-after"></vscode-icon>`:H;return L`<span class="${Bt(s)}">${i}<slot></slot>${o}</span>`}};Nt.styles=Ft,Nt.formAssociated=!0,Dt([dt({type:Boolean,reflect:!0})],Nt.prototype,"autofocus",void 0),Dt([dt({type:Number,reflect:!0})],Nt.prototype,"tabIndex",void 0),Dt([dt({type:Boolean,reflect:!0})],Nt.prototype,"secondary",void 0),Dt([dt({reflect:!0})],Nt.prototype,"role",void 0),Dt([dt({type:Boolean,reflect:!0})],Nt.prototype,"disabled",void 0),Dt([dt()],Nt.prototype,"icon",void 0),Dt([dt({attribute:"icon-after"})],Nt.prototype,"iconAfter",void 0),Dt([dt({type:Boolean,reflect:!0})],Nt.prototype,"focused",void 0),Dt([dt({type:String,reflect:!0})],Nt.prototype,"name",void 0),Dt([dt({reflect:!0})],Nt.prototype,"type",void 0),Dt([dt()],Nt.prototype,"value",void 0),Nt=Dt([at("vscode-button")],Nt);const Pt="__vscode-webview-elements_custom-properties__";let Vt;const Rt=()=>{Tt(Lt())},Tt=t=>{const e=document.getElementById(Pt);if(e)e.innerHTML=t;else{const e=document.createElement("style");e.setAttribute("id",Pt),e.innerHTML=t,document.querySelector("head")?.appendChild(e)}},Lt=()=>{const t=document.documentElement.style.getPropertyValue("--vscode-foreground");let e="";var s,i;return t?/rgba\([0-9, .]+\)/g.test(t)?e=t:(s=t.trim(),i=.9,e=`rgba(${parseInt(s.substring(1,3),16)}, ${parseInt(s.substring(3,5),16)}, ${parseInt(s.substring(5,7),16)}, ${i})`):e="rgba(0, 0, 0, 0.9)",`:root{--vsc-foreground-translucent: ${e};}`};function Ut(){Vt||(Vt=new MutationObserver(Rt),Vt.observe(document.documentElement,{attributes:!0,attributeFilter:["style"]})),Tt(Lt())}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};class qt extends gt{constructor(){super(),this.focused=!1,this._prevTabindex=0,this._handleFocus=()=>{this.focused=!0},this._handleBlur=()=>{this.focused=!1},Ut()}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)}}Ht([dt({type:Boolean,reflect:!0})],qt.prototype,"focused",void 0);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};const Wt=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?L`<span class="label-attr">${this._label}</span>`:L`${H}`}}return Kt([dt()],e.prototype,"label",null),e};var Gt=[r`:host{color:var(--vsc-foreground-translucent);display:inline-block;font-family:var(--vscode-font-family);font-size:var(--vscode-font-size);font-weight:var(--vscode-font-weight);line-height:18px}:host(:focus){outline:0}:host([disabled]){opacity:.4}.wrapper{cursor:pointer;display:block;font-size:var(--vscode-font-size);margin-bottom:4px;margin-top:4px;min-height:18px;position:relative;user-select:none}:host([disabled]) .wrapper{cursor:default}input{position:absolute;height:1px;left:9px;margin:0;top:17px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.icon{align-items:center;background-color:var(--vscode-settings-checkboxBackground);background-size:16px;border:1px solid var(--vscode-settings-checkboxBorder);box-sizing:border-box;color:var(--vscode-settings-checkboxForeground);display:flex;height:18px;justify-content:center;left:0;margin-left:0;margin-right:9px;padding:0;pointer-events:none;position:absolute;top:0;width:18px}.icon.before-empty-label{margin-right:0}.label{cursor:pointer;display:block;min-height:18px;min-width:18px}.label-inner{display:block;padding-left:27px}.label-inner.empty{padding-left:0}:host([disabled]) .label{cursor:default}`],Jt=r`::slotted(*){margin:0}::slotted(a){color:var(--vscode-textLink-foreground);text-decoration:none}::slotted(code){color:var(--vscode-textPreformat-foreground);line-height:15px}::slotted(.error){color:var(--vscode-errorForeground)}`;const Yt=[mt,Gt,r`:host(:invalid) .icon,:host([invalid]) .icon{background-color:var(--vscode-inputValidation-errorBackground);border-color:var(--vscode-inputValidation-errorBorder,#be1100)}.icon{border-radius:3px}.indeterminate-icon{background-color:currentColor;position:absolute;height:1px;width:12px}:host(:focus):host(:not([disabled])) .icon{outline:1px solid var(--focus-border);outline-offset:-1px}`,Jt];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(Wt(qt)){get form(){return this._internals.form}get type(){return"checkbox"}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._handleClick=()=>{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.addEventListener("click",this._handleClick),this.updateComplete.then((()=>{this._manageRequired(),this._setActualFormValue()}))}disconnectedCallback(){this.removeEventListener("keydown",this._handleKeyDown),this.removeEventListener("click",this._handleClick)}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")),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):this._internals.setValidity({})}render(){const t=Bt({icon:!0,checked:this.checked,indeterminate:this.indeterminate}),e=Bt({"label-inner":!0}),s=L`<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="check-icon"><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=this.checked&&!this.indeterminate?s:H,o=this.indeterminate?L`<span class="indeterminate-icon"></span>`:H;return L`<div class="wrapper"><input ?autofocus="${this.autofocus}" id="input" class="checkbox" type="checkbox" ?checked="${this.checked}" value="${this.value}"><div class="${t}">${o}${i}</div><label for="input" class="label" @click="${this._handleClick}"><span class="${e}">${this._renderLabelAttribute()}<slot @slotchange="${this._handleSlotChange}"></slot></span></label></div>`}};Zt.styles=Yt,Zt.formAssociated=!0,Zt.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"autofocus",void 0),Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"checked",void 0),Xt([dt({type:Boolean,reflect:!0,attribute:"default-checked"})],Zt.prototype,"defaultChecked",void 0),Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"invalid",void 0),Xt([dt({reflect:!0})],Zt.prototype,"name",void 0),Xt([dt({reflect:!0})],Zt.prototype,"role",void 0),Xt([dt()],Zt.prototype,"value",void 0),Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"disabled",void 0),Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"indeterminate",void 0),Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"required",void 0),Xt([pt("#input")],Zt.prototype,"_inputEl",void 0),Zt=Xt([at("vscode-checkbox")],Zt);const Qt=[mt,r`:host{display:block}.wrapper{display:flex;flex-wrap:wrap}:host([variant=vertical]) .wrapper{display:block}::slotted(vscode-checkbox){margin-right:20px}::slotted(vscode-checkbox:last-child){margin-right:0}:host([variant=vertical]) ::slotted(vscode-checkbox){display:block;margin-bottom:15px}:host([variant=vertical]) ::slotted(vscode-checkbox:last-child){margin-bottom:0}`,Jt];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 gt{constructor(){super(...arguments),this.role="group",this.variant="horizontal"}render(){return L`<div class="wrapper"><slot></slot></div>`}};ee.styles=Qt,te([dt({reflect:!0})],ee.prototype,"role",void 0),te([dt({reflect:!0})],ee.prototype,"variant",void 0),ee=te([at("vscode-checkbox-group")],ee);const se=[mt,r`.collapsible{background-color:var(--vscode-sideBar-background)}.collapsible-header{align-items:center;background-color:var(--vscode-sideBarSectionHeader-background);cursor:pointer;display:flex;height:22px;line-height:22px;user-select:none}.collapsible-header:focus{opacity:1;outline-offset:-1px;outline-style:solid;outline-width:1px;outline-color:var(--vscode-focusBorder)}.title{color:var(--vscode-sideBarTitle-foreground);display:block;font-family:var(--vscode-font-family);font-size:11px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.title .description{font-weight:400;margin-left:10px;text-transform:none;opacity:.6}.header-icon{color:var(--vscode-icon-foreground);display:block;flex-shrink:0;margin:0 3px}.collapsible.open .header-icon{transform:rotate(90deg)}.header-slots{align-items:center;display:flex;height:22px;margin-left:auto;margin-right:4px}.actions{display:none}.collapsible.open .actions{display:block}.header-slots slot{display:flex;max-height:22px;overflow:hidden}.header-slots slot::slotted(div){align-items:center;display:flex}.collapsible-body{display:none;overflow:hidden}.collapsible.open .collapsible-body{display:block}`];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 gt{constructor(){super(...arguments),this.title="",this.description="",this.open=!1}_onHeaderClick(){this.open=!this.open}_onHeaderKeyDown(t){"Enter"===t.key&&(this.open=!this.open)}render(){const t=Bt({collapsible:!0,open:this.open}),e=L`<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="header-icon"><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>`,s=this.description?L`<span class="description">${this.description}</span>`:H;return L`<div class="${t}"><div class="collapsible-header" tabindex="0" title="${this.title}" @click="${this._onHeaderClick}" @keydown="${this._onHeaderKeyDown}">${e}<h3 class="title">${this.title}${s}</h3><div class="header-slots"><div class="actions"><slot name="actions"></slot></div><div class="decorations"><slot name="decorations"></slot></div></div></div><div class="collapsible-body"><div><slot></slot></div></div></div>`}};oe.styles=se,ie([dt({type:String})],oe.prototype,"title",void 0),ie([dt()],oe.prototype,"description",void 0),ie([dt({type:Boolean,reflect:!0})],oe.prototype,"open",void 0),oe=ie([at("vscode-collapsible")],oe);const re=[mt,r`:host{display:block;font-family:var(--vscode-font-family);font-size:var(--vscode-font-size);font-weight:var(--vscode-font-weight);line-height:1.4em;outline:0;position:relative}.context-menu-item{background-color:var(--vscode-menu-background);color:var(--vscode-menu-foreground);display:flex;user-select:none;white-space:nowrap}.ruler{border-bottom:1px solid var(--vscode-menu-separatorBackground);display:block;margin:0 0 4px;padding-top:4px;width:100%}.context-menu-item a{align-items:center;border-color:transparent;border-radius:3px;border-style:solid;border-width:1px;box-sizing:border-box;color:var(--vscode-menu-foreground);cursor:default;display:flex;flex:1 1 auto;height:2em;margin-left:4px;margin-right:4px;outline:0;position:relative;text-decoration:inherit}: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)}.label{background:0 0;display:flex;flex:1 1 auto;font-size:12px;line-height:1;padding:0 22px;text-decoration:none}.keybinding{display:block;flex:2 1 auto;line-height:1;padding:0 22px;text-align:right}`];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 gt{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 L`${this.separator?L`<div class="context-menu-item separator"><span class="ruler"></span></div>`:L`<div class="context-menu-item"><a @click="${this.onItemClick}">${this.label?L`<span class="label">${this.label}</span>`:H} ${this.keybinding?L`<span class="keybinding">${this.keybinding}</span>`:H}</a></div>`}`}};le.styles=re,ne([dt({type:String})],le.prototype,"label",void 0),ne([dt({type:String})],le.prototype,"keybinding",void 0),ne([dt({type:String})],le.prototype,"value",void 0),ne([dt({type:Boolean,reflect:!0})],le.prototype,"separator",void 0),ne([dt({type:Number})],le.prototype,"tabindex",void 0),le=ne([at("vscode-context-menu-item")],le);const ae=[mt,r`:host{display:block;font-family:var(--vscode-font-family);font-size:var(--vscode-font-size);font-weight:var(--vscode-font-weight);line-height:1.4em;position:relative}.context-menu{background-color:var(--vscode-menu-background);border-color:var(--vscode-menu-border);border-radius:5px;border-style:solid;border-width:1px;box-shadow:0 2px 8px var(--vscode-widget-shadow);color:var(--vscode-menu-foreground);padding:4px 0;white-space:nowrap}.context-menu:focus{outline:0}`];var ce=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 he=class extends gt{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.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._show=!1,document.removeEventListener("click",this._onClickOutsideBound)}_onItemClick(t){const e=t.currentTarget;this._dispatchLegacySelectEvent(e),this._dispatchSelectEvent(e),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 L`${H}`;const t=this._clickableItemIndexes[this._selectedClickableItemIndex];return L`<div class="context-menu" tabindex="0">${this.data?this.data.map((({label:e="",keybinding:s="",value:i="",separator:o=!1,tabindex:r=0},n)=>L`<vscode-context-menu-item label="${e}" keybinding="${s}" value="${i}" ?separator="${o}" ?selected="${n===t}" tabindex="${r}" @vsc-click="${this._onItemClick}" @mouseover="${this._onItemMouseOver}" @mouseout="${this._onItemMouseOut}" data-index="${n}"></vscode-context-menu-item>`)):L`<slot></slot>`}</div>`}};he.styles=ae,ce([dt({type:Array,attribute:!1})],he.prototype,"data",null),ce([dt({type:Boolean,reflect:!0})],he.prototype,"show",null),ce([dt({type:Number,reflect:!0})],he.prototype,"tabIndex",void 0),ce([ut()],he.prototype,"_selectedClickableItemIndex",void 0),ce([ut()],he.prototype,"_show",void 0),ce([pt(".context-menu")],he.prototype,"_wrapperEl",void 0),he=ce([at("vscode-context-menu")],he);const de=[mt,r`:host{background-color:var(--vscode-widget-border);display:block;height:1px;margin-bottom:10px;margin-top:10px}`];var ue=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 ve=class extends gt{constructor(){super(...arguments),this.role="separator"}render(){return L``}};ve.styles=de,ue([dt({reflect:!0})],ve.prototype,"role",void 0),ve=ue([at("vscode-divider")],ve);const pe=[mt,r`:host{display:block;max-width:727px}`];var be,fe=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"}(be||(be={}));const ge=t=>"vscode-checkbox"===t.tagName.toLocaleLowerCase(),me=t=>"vscode-radio"===t.tagName.toLocaleLowerCase();let xe=class extends gt{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&&(ge(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:ge(t)&&!t.checked?s[e]=Array.isArray(s[e])?s[e]:[]:me(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:me(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===be.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===be.HORIZONTAL&&s===be.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?be.VERTICAL:be.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 L`<div class="wrapper"><slot></slot></div>`}};xe.styles=pe,fe([dt({type:Boolean,reflect:!0})],xe.prototype,"responsive",null),fe([dt({type:Number})],xe.prototype,"breakpoint",void 0),fe([dt({type:Object})],xe.prototype,"data",null),fe([pt(".wrapper")],xe.prototype,"_wrapperElement",void 0),fe([ft({selector:"vscode-form-group"})],xe.prototype,"_assignedFormGroups",void 0),xe=fe([at("vscode-form-container")],xe);const ye=[mt,r`:host{--label-right-margin:14px;--label-width:150px;display:block;margin:15px 0}:host([variant=settings-group]){margin:0;padding:12px 14px 18px;max-width:727px}.wrapper{display:flex;flex-wrap:wrap}:host([variant=settings-group]) .wrapper,:host([variant=vertical]) .wrapper{display:block}:host([variant=horizontal]) ::slotted(vscode-checkbox-group),:host([variant=horizontal]) ::slotted(vscode-radio-group){width:calc(100% - calc(var(--label-width) + var(--label-right-margin)))}:host([variant=horizontal]) ::slotted(vscode-label){margin-right:var(--label-right-margin);text-align:right;width:var(--label-width)}:host([variant=settings-group]) ::slotted(vscode-label){height:18px;line-height:18px;margin-bottom:4px;margin-right:0;padding:0}::slotted(vscode-form-helper){margin-left:calc(var(--label-width) + var(--label-right-margin))}:host([variant=settings-group]) ::slotted(vscode-form-helper),:host([variant=vertical]) ::slotted(vscode-form-helper){display:block;margin-left:0}:host([variant=settings-group]) ::slotted(vscode-form-helper){margin-bottom:0;margin-top:0}:host([variant=settings-group]) ::slotted(vscode-label),:host([variant=vertical]) ::slotted(vscode-label){display:block;margin-left:0;text-align:left}:host([variant=settings-group]) ::slotted(vscode-inputbox),:host([variant=settings-group]) ::slotted(vscode-multi-select),:host([variant=settings-group]) ::slotted(vscode-single-select),:host([variant=settings-group]) ::slotted(vscode-textarea),:host([variant=settings-group]) ::slotted(vscode-textfield){margin-top:9px}::slotted(vscode-button:first-child){margin-left:calc(var(--label-width) + var(--label-right-margin))}:host([variant=vertical]) ::slotted(vscode-button){margin-left:0}::slotted(vscode-button){margin-right:4px}`];var we=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 gt{constructor(){super(...arguments),this.variant="horizontal"}render(){return L`<div class="wrapper"><slot></slot></div>`}};ke.styles=ye,we([dt({reflect:!0})],ke.prototype,"variant",void 0),ke=we([at("vscode-form-group")],ke);const $e=[mt,r`:host{color:var(--vsc-foreground-translucent);display:block;margin-bottom:4px;margin-top:4px;max-width:720px}:host([vertical]){margin-left:0}`,Jt];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 gt{constructor(){super(),Ut()}render(){return L`<slot></slot>`}};Ce.styles=$e,Ce=_e([at("vscode-form-helper")],Ce);let Be=0;const Se=(t="")=>(Be++,`${t}${Be}`),ze=[mt,r`: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 Ae=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 gt{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 L`<div class="wrapper"><slot @slotchange="${this._onSlotChange}" @vsc-change="${this._onChange}"></slot></div>`}};Oe.styles=ze,Ae([dt({reflect:!0})],Oe.prototype,"variant",void 0),Ae([dt({reflect:!0})],Oe.prototype,"role",void 0),Ae([ft({selector:"vscode-radio"})],Oe.prototype,"_radios",void 0),Ae([ut()],Oe.prototype,"_focusedRadio",void 0),Ae([ut()],Oe.prototype,"_checkedRadio",void 0),Oe=Ae([at("vscode-radio-group")],Oe);const Ee=[mt,r`:host{display:inline-block;height:40px;position:relative;width:320px}:host([cols]){width:auto}:host([rows]){height:auto}.shadow{box-shadow:var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;display:none;inset:0 0 auto 0;height:6px;pointer-events:none;position:absolute;width:100%}.shadow.visible{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);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:0}textarea::placeholder{color:var(--vscode-input-placeholderForeground);opacity:1}textarea::-webkit-scrollbar-track{background-color:transparent}textarea::-webkit-scrollbar{width:14px}textarea::-webkit-scrollbar-thumb{background-color:transparent}textarea:hover::-webkit-scrollbar-thumb{background-color:var(--vscode-scrollbarSlider-background)}textarea::-webkit-scrollbar-thumb:hover{background-color:var(--vscode-scrollbarSlider-hoverBackground)}textarea::-webkit-scrollbar-thumb:active{background-color:var(--vscode-scrollbarSlider-activeBackground)}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:right bottom}`];var je=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 Ie=class extends gt{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 L`<div class="${Bt({shadow:!0,visible:this._shadow})}"></div><textarea autocomplete="${Ot(this.autocomplete)}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" aria-label="${this.label}" id="textarea" class="${Bt({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="${At({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>`}};Ie.styles=Ee,Ie.formAssociated=!0,Ie.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},je([dt()],Ie.prototype,"autocomplete",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"autofocus",void 0),je([dt({attribute:"default-value"})],Ie.prototype,"defaultValue",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"disabled",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"invalid",void 0),je([dt({attribute:!1})],Ie.prototype,"label",void 0),je([dt({type:Number})],Ie.prototype,"maxLength",void 0),je([dt({type:Number})],Ie.prototype,"minLength",void 0),je([dt({type:Number})],Ie.prototype,"rows",void 0),je([dt({type:Number})],Ie.prototype,"cols",void 0),je([dt()],Ie.prototype,"name",void 0),je([dt()],Ie.prototype,"placeholder",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"readonly",void 0),je([dt()],Ie.prototype,"resize",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"required",void 0),je([dt({type:Boolean})],Ie.prototype,"spellcheck",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"monospace",void 0),je([dt()],Ie.prototype,"value",null),je([pt("#textarea")],Ie.prototype,"_textareaEl",void 0),je([ut()],Ie.prototype,"_value",void 0),je([ut()],Ie.prototype,"_textareaPointerCursor",void 0),je([ut()],Ie.prototype,"_shadow",void 0),Ie=je([at("vscode-textarea")],Ie);const Me=[mt,r`:host{align-items:center;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:inline-flex;max-width:100%;position:relative;width:320px}:host([focused]){border-color:var(--vscode-focusBorder)}:host(:invalid),:host([invalid]){border-color:var(--vscode-inputValidation-errorBorder,#be1100)}:host(:invalid) input,:host([invalid]) input{background-color:var(--vscode-inputValidation-errorBackground)}::slotted([slot=content-before]){display:block;margin-left:2px}::slotted([slot=content-after]){display:block;margin-right:2px}slot[name=content-after],slot[name=content-before]{align-items:center;display:flex}input{background-color:var(--vscode-settings-textInputBackground);border:0;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);line-height:18px;outline:0;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);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);border:0;border-radius:2px;color:var(--vscode-button-foreground);cursor:pointer;font-family:var(--vscode-font-family);font-size:var(--vscode-font-size);font-weight:var(--vscode-font-weight);line-height:20px;padding:0 14px}input[type=file]::file-selector-button:hover{background-color:var(--vscode-button-hoverBackground)}`];var Fe=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 De=class extends gt{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))}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._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 L`<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="${Ot("file"!==this.type?this._value:void 0)}" @blur="${this._onBlur}" @change="${this._onChange}" @focus="${this._onFocus}" @input="${this._onInput}" @keydown="${this._onKeyDown}"><slot name="content-after"></slot>`}};De.styles=Me,De.formAssociated=!0,De.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},Fe([dt()],De.prototype,"autocomplete",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"autofocus",void 0),Fe([dt({attribute:"default-value"})],De.prototype,"defaultValue",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"disabled",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"focused",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"invalid",void 0),Fe([dt({attribute:!1})],De.prototype,"label",void 0),Fe([dt({type:Number})],De.prototype,"max",void 0),Fe([dt({type:Number})],De.prototype,"maxLength",void 0),Fe([dt({type:Number})],De.prototype,"min",void 0),Fe([dt({type:Number})],De.prototype,"minLength",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"multiple",void 0),Fe([dt({reflect:!0})],De.prototype,"name",void 0),Fe([dt()],De.prototype,"pattern",void 0),Fe([dt()],De.prototype,"placeholder",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"readonly",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"required",void 0),Fe([dt({type:Number})],De.prototype,"step",void 0),Fe([dt({reflect:!0})],De.prototype,"type",null),Fe([dt()],De.prototype,"value",null),Fe([pt("#input")],De.prototype,"_inputEl",void 0),Fe([ut()],De.prototype,"_value",void 0),Fe([ut()],De.prototype,"_type",void 0),De=Fe([at("vscode-textfield")],De);const Ne=[mt,r`: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:400}::slotted(.lightened){color:var(--vscode-foreground);opacity:.9}`];var Pe=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 Ve=class extends gt{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=Se("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 Oe||t instanceof ee)&&t.setAttribute("aria-labelledby",this._id);let e="";this.textContent&&(e=this.textContent.trim()),(t instanceof De||t instanceof Ie)&&(t.label=e)}_handleClick(){const t=this._getTarget();t&&"focus"in t&&t.focus()}render(){return L`<label class="${Bt({wrapper:!0,required:this.required})}" @click="${this._handleClick}"><slot></slot></label>`}};Ve.styles=Ne,Pe([dt({reflect:!0,attribute:"for"})],Ve.prototype,"htmlFor",null),Pe([dt()],Ve.prototype,"id",null),Pe([dt({type:Boolean,reflect:!0})],Ve.prototype,"required",void 0),Ve=Pe([at("vscode-label")],Ve);const{I:Re}=ot,Te=()=>document.createComment(""),Le=(t,e,s)=>{const i=t._$AA.parentNode,o=void 0===e?t._$AB:e._$AA;if(void 0===s){const e=i.insertBefore(Te(),o),r=i.insertBefore(Te(),o);s=new Re(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},Ue=(t,e,s=t)=>(t._$AI(e,s),t),He={},qe=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}},Ke=(t,e,s)=>{const i=new Map;for(let o=e;o<=s;o++)i.set(t[o],o);return i},We=_t(class extends Ct{constructor(t){if(super(t),t.type!==$t)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]=Ue(o[d],r[v]),d++,v++;else if(l[u]===n[p])a[p]=Ue(o[u],r[p]),u--,p--;else if(l[d]===n[p])a[p]=Ue(o[d],r[p]),Le(t,a[p+1],o[d]),d++,p--;else if(l[u]===n[v])a[v]=Ue(o[u],r[v]),Le(t,o[d],o[u]),u--,v++;else if(void 0===c&&(c=Ke(n,v,p),h=Ke(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=Le(t,o[d]);Ue(e,r[v]),a[v]=e}else a[v]=Ue(s,r[v]),Le(t,o[d],s),o[e]=null;v++}else qe(o[u]),u--;else qe(o[d]),d++;for(;v<=p;){const e=Le(t,a[p+1]);Ue(e,r[v]),a[v++]=e}for(;d<=u;){const t=o[d++];null!==t&&qe(t)}return this.ut=n,((t,e=He)=>{t._$AH=e})(t,a),U}}),Ge=L`<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>`,Je=(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},Ye=t=>{const e=[];return" "===t?(e.push(L` `),e):(0===t.indexOf(" ")&&e.push(L` `),e.push(L`${t.trimStart().trimEnd()}`),t.lastIndexOf(" ")===t.length-1&&e.push(L` `),e)},Xe=(t,e)=>{const s=[],i=e.length;return i<1?L`${t}`:(e.forEach(((o,r)=>{const n=t.substring(o[0],o[1]);0===r&&0!==o[0]&&s.push(...Ye(t.substring(0,e[0][0]))),r>0&&r<i&&o[0]-e[r-1][1]!=0&&s.push(...Ye(t.substring(e[r-1][1],o[0]))),s.push(L`<b>${Ye(n)}</b>`),r===i-1&&o[1]<t.length&&s.push(...Ye(t.substring(o[1],t.length)))})),s)};var Ze=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 Qe=22;class ts extends gt{constructor(){super(...arguments),this.ariaExpanded="false",this.combobox=!1,this.invalid=!1,this.focused=!1,this.tabIndex=0,this._activeIndex=-1,this._currentDescription="",this._filter="fuzzy",this._filterPattern="",this._selectedIndex=-1,this._selectedIndexes=[],this._showDropdown=!1,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._onClickOutsideBound=this._onClickOutside.bind(this),this._onMouseMoveBound=this._onMouseMove.bind(this)}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})))}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?Je(this._options,this._filterPattern,this._filter):this._options}get _currentOptions(){return this.combobox?this._filteredOptions:this._options}_addOptionsFromSlottedElements(){const t=[];let e=0;const s=this._mainSlot.assignedNodes(),i={selectedIndexes:[],values:[]};return this._valueOptionIndexMap={},s.forEach((s=>{if(s.nodeType!==Node.ELEMENT_NODE||!s.matches("vscode-option"))return;const{innerText:o,description:r,disabled:n}=s,l=s.hasAttribute("value")?s.getAttribute("value"):o.trim(),a=s.hasAttribute("selected"),c={label:o.trim(),value:l,description:r,selected:a,index:e,disabled:n};e=t.push(c),a&&(i.selectedIndexes.push(t.length-1),i.values.push(l)),this._valueOptionIndexMap[c.value]=c.index})),this._options=t,i}async _toggleDropdown(t){this._showDropdown=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*Qe))),t?window.addEventListener("click",this._onClickOutsideBound):window.removeEventListener("click",this._onClickOutsideBound)}_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"))}_onFaceClick(){this._toggleDropdown(!this._showDropdown),this._multiple&&(this._activeIndex=0)}_onClickOutside(t){-1===t.composedPath().findIndex((t=>t===this))&&(this._toggleDropdown(!1),window.removeEventListener("click",this._onClickOutsideBound))}_onMouseMove(){this._isHoverForbidden=!1,window.removeEventListener("mousemove",this._onMouseMoveBound)}_toggleComboboxDropdown(){this._filterPattern="",this._toggleDropdown(!this._showDropdown),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._showDropdown;this._toggleDropdown(e),this._multiple||e||this._selectedIndex===this._activeIndex||(this._selectedIndex=t[this._activeIndex].index,this._value=this._options[this._selectedIndex].value,this._dispatchChangeEvent()),this.combobox&&(this._multiple||e||(this._selectedIndex=this._filteredOptions[this._activeIndex].index),!this._multiple&&e&&this.updateComplete.then((()=>{this._scrollActiveElementToTop()}))),this._multiple&&e&&(this._activeIndex=0)}_onSpaceKeyDown(){if(this._showDropdown){if(this._showDropdown&&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*Qe)}async _adjustOptionListScrollPos(t){if((this.combobox?this._filteredOptions.length:this._options.length)<=10)return;this._isHoverForbidden=!0,window.addEventListener("mousemove",this._onMouseMoveBound),this._listElement||await this.updateComplete;const e=this._listElement.scrollTop,s=this._activeIndex*Qe;"down"===t&&s+Qe>=34+e&&(this._listElement.scrollTop=(this._activeIndex-9)*Qe),"up"===t&&s<=e-Qe&&this._scrollActiveElementToTop()}_onArrowUpKeyDown(){if(this._showDropdown){if(this._activeIndex<=0)return;this._activeIndex-=1,this._adjustOptionListScrollPos("up")}}_onArrowDownKeyDown(){if(this._showDropdown){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(){const t=this._addOptionsFromSlottedElements();t.selectedIndexes.length>0&&(this._selectedIndex=t.selectedIndexes[0],this._selectedIndexes=t.selectedIndexes,this._value=t.values[0],this._values=t.values),this._multiple||this.combobox||0!==t.selectedIndexes.length||(this._selectedIndex=0)}_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?L`<div class="description">${t}</div>`:H}_renderSelectFace(){return L`${H}`}_renderComboboxFace(){return L`${H}`}_renderDropdownControls(){return L`${H}`}_renderDropdown(){const t=Bt({dropdown:!0,multiple:this._multiple});return L`<div class="${t}">${this._renderOptions()} ${this._renderDropdownControls()} ${this._renderDescription()}</div>`}render(){return L`<slot class="main-slot" @slotchange="${this._onSlotChange}"></slot>${this.combobox?this._renderComboboxFace():this._renderSelectFace()} ${this._showDropdown?this._renderDropdown():H}`}}Ze([dt({type:String,reflect:!0,attribute:"aria-expanded"})],ts.prototype,"ariaExpanded",void 0),Ze([dt({type:Boolean,reflect:!0})],ts.prototype,"combobox",void 0),Ze([dt({type:Boolean,reflect:!0})],ts.prototype,"disabled",null),Ze([dt({type:Boolean,reflect:!0})],ts.prototype,"invalid",void 0),Ze([dt()],ts.prototype,"filter",null),Ze([dt({type:Boolean,reflect:!0})],ts.prototype,"focused",void 0),Ze([dt({type:Array})],ts.prototype,"options",null),Ze([dt({type:Number,attribute:!0,reflect:!0})],ts.prototype,"tabIndex",void 0),Ze([ut()],ts.prototype,"_activeIndex",void 0),Ze([ut()],ts.prototype,"_currentDescription",void 0),Ze([ut()],ts.prototype,"_filter",void 0),Ze([ut()],ts.prototype,"_filteredOptions",null),Ze([ut()],ts.prototype,"_filterPattern",void 0),Ze([ut()],ts.prototype,"_selectedIndex",void 0),Ze([ut()],ts.prototype,"_selectedIndexes",void 0),Ze([ut()],ts.prototype,"_showDropdown",void 0),Ze([ut()],ts.prototype,"_options",void 0),Ze([ut()],ts.prototype,"_value",void 0),Ze([ut()],ts.prototype,"_values",void 0),Ze([ut()],ts.prototype,"_listScrollTop",void 0),Ze([pt(".main-slot")],ts.prototype,"_mainSlot",void 0),Ze([pt(".options")],ts.prototype,"_listElement",void 0);var es=[mt,r`:host{display:inline-block;max-width:100%;outline:0;position:relative;width:320px}.main-slot{display:none}.combobox-face,.select-face{background-color:var(--vscode-settings-dropdownBackground);border-color:var(--vscode-settings-dropdownBorder);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);line-height:18px;position:relative;user-select:none;width:100%}:host(:invalid) .combobox-face,:host(:invalid) .select-face,:host([invalid]) .combobox-face,:host([invalid]) .select-face{background-color:var(--vscode-inputValidation-errorBackground);border-color:var(--vscode-inputValidation-errorBorder,#be1100)}.select-face{cursor:pointer;padding:3px 4px}.select-face.multiselect{padding:0}.select-face-badge{background-color:var(--vscode-badge-background);border-radius:2px;color:var(--vscode-badge-foreground);display:inline-block;flex-shrink:0;font-size:11px;line-height:16px;margin:2px;padding:2px 3px;text-transform:uppercase;white-space:nowrap}.select-face-badge.no-item{background-color:transparent;color:inherit}.combobox-face{display:flex}.empty-label-placeholder{display:block;height:16px}:host(:focus) .combobox-face,:host(:focus) .select-face,:host([focused]) .combobox-face,:host([focused]) .select-face{border-color:var(--vscode-focusBorder);outline:0}.combobox-input{background-color:transparent;box-sizing:border-box;border:0;color:var(--vscode-foreground);display:block;font-family:var(--vscode-font-family);font-size:var(--vscode-font-size);line-height:16px;padding:4px;width:100%}.combobox-input:focus{outline:0}.combobox-button{background-color:transparent;border:0;color:var(--vscode-foreground);cursor:pointer;flex-shrink:0;height:24px;margin:0;padding:0;width:30px}.combobox-button:focus,.combobox-button:hover{background-color:var(--vscode-list-hoverBackground)}.combobox-button:focus{outline:0}.icon{color:var(--vscode-foreground);display:block;height:14px;pointer-events:none;position:absolute;right:8px;top:5px;width:14px}.icon svg{color:var(--vscode-foreground);height:100%;width:100%}.select-face:empty:before{content:'\\00a0'}.dropdown{background-color:var(--vscode-settings-dropdownBackground);border-color:var(--vscode-settings-dropdownListBorder);border-radius:0 0 3px 3px;border-style:solid;border-width:1px;box-sizing:border-box;left:0;padding-bottom:2px;position:absolute;top:100%;width:100%;z-index:var(--dropdown-z-index,2)}:host(:focus) .dropdown,:host([focused]) .dropdown{border-color:var(--vscode-focusBorder)}.options{box-sizing:border-box;cursor:pointer;list-style:none;margin:0;max-height:222px;overflow:auto;padding:1px}.option{align-items:center;color:var(--vscode-foreground);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;min-height:calc(var(--vscode-font-size) * 1.3);padding:1px 3px;user-select:none;border-width:1px;border-style:solid;border-color:transparent}.option b{color:var(--vscode-list-highlightForeground)}.option.active b{color:var(--vscode-list-focusHighlightForeground)}.option:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-list-hoverForeground)}:host-context(body[data-vscode-theme-kind=vscode-high-contrast-light]) .option:hover,:host-context(body[data-vscode-theme-kind=vscode-high-contrast]) .option:hover{border-style:dotted;border-color:var(--vscode-list-focusOutline)}.option.disabled{cursor:not-allowed;opacity:.4}.option.active,.option.active:hover{background-color:var(--vscode-list-activeSelectionBackground);color:var(--vscode-list-activeSelectionForeground);border-color:var(--vscode-list-activeSelectionBackground);border-style:solid;border-width:1px}:host-context(body[data-vscode-theme-kind=vscode-high-contrast-light]) .option.active:hover,:host-context(body[data-vscode-theme-kind=vscode-high-contrast]) .option.active{border-color:var(--vscode-list-focusOutline);border-style:dashed}.option-label{display:block;pointer-events:none;width:100%}.dropdown.multiple .option.selected{background-color:var(--vscode-list-hoverBackground);border-color:var(--vscode-list-hoverBackground)}.dropdown.multiple .option.selected.active{background-color:var(--vscode-list-activeSelectionBackground);color:var(--vscode-list-activeSelectionForeground);border-color:var(--vscode-list-activeSelectionBackground)}.checkbox-icon{background-color:var(--vscode-settings-checkboxBackground);border:1px solid currentColor;border-radius:2px;box-sizing:border-box;height:14px;margin-right:5px;overflow:hidden;position:relative;width:14px}.checkbox-icon.checked:after,.checkbox-icon.checked:before{content:'';display:block;height:5px;position:absolute;transform:rotate(-45deg);width:10px}.checkbox-icon.checked:before{background-color:var(--vscode-foreground);left:1px;top:2.5px}.checkbox-icon.checked:after{background-color:var(--vscode-settings-checkboxBackground);left:1px;top:-.5px}.dropdown-controls{display:flex;justify-content:flex-end;padding:4px}.dropdown-controls :not(:last-child){margin-right:4px}.action-icon{align-items:center;background-color:transparent;border:0;color:var(--vscode-foreground);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.action-icon:focus{outline:0}.action-icon:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.description{border-color:var(--vscode-settings-dropdownBorder);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);line-height:1.3;padding:6px 4px;word-wrap:break-word}`],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 is=class extends ts{set selectedIndexes(t){this._selectedIndexes=t}get selectedIndexes(){return this._selectedIndexes}set value(t){const e=t.map((t=>String(t)));this._values=e,this._selectedIndexes.forEach((t=>{this._options[t].selected=!1})),this._selectedIndexes=[],e.forEach((t=>{this._valueOptionIndexMap[t]&&(this._selectedIndexes.push(this._valueOptionIndexMap[t]),this._options[this._valueOptionIndexMap[t]].selected=!0)})),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._multiple=!0,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._manageRequired(),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._internals.setValidity({})}_setFormValue(){const t=new FormData;this._values.forEach((e=>{t.append(this.name??"",e)})),this._internals.setFormValue(t)}_onOptionClick(t){const e=t.composedPath().find((t=>"matches"in t&&t.matches("li.option")));if(!e)return;const s=Number(e.dataset.index);this._options[s]&&(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 L`<span class="select-face-badge no-item">No items selected</span>`;case 1:return L`<span class="select-face-badge">1 item selected</span>`;default:return L`<span class="select-face-badge">${this._selectedIndexes.length} items selected</span>`}}_renderSelectFace(){return L`<div class="select-face multiselect" @click="${this._onFaceClick}" tabindex="${this.tabIndex>-1?0:-1}">${this._renderLabel()} ${Ge}</div>`}_renderComboboxFace(){const t=this._selectedIndex>-1?this._options[this._selectedIndex].label:"";return L`<div class="combobox-face">${this._renderLabel()} <input class="combobox-input" spellcheck="false" type="text" .value="${t}" @focus="${this._onComboboxInputFocus}" @input="${this._onComboboxInputInput}" @click="${this._onComboboxInputClick}"> <button class="combobox-button" type="button" @click="${this._onComboboxButtonClick}" @keydown="${this._onComboboxButtonKeyDown}">${Ge}</button></div>`}_renderOptions(){const t=this.combobox?this._filteredOptions:this._options;return L`<ul class="options" @click="${this._onOptionClick}" @mouseover="${this._onOptionMouseOver}">${We(t,(t=>t.index),((t,e)=>{const s=this._selectedIndexes.includes(t.index),i=Bt({active:e===this._activeIndex,option:!0,selected:s}),o=Bt({"checkbox-icon":!0,checked:s});return L`<li class="${i}" data-index="${t.index}" data-filtered-index="${e}"><span class="${o}"></span> <span class="option-label">${t.ranges?.length?Xe(t.label,t.ranges??[]):t.label}</span></li>`}))}</ul>`}_renderDropdownControls(){return L`<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>`}};is.styles=es,is.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},is.formAssociated=!0,ss([dt({type:Array,attribute:"default-value"})],is.prototype,"defaultValue",void 0),ss([dt({type:Boolean,reflect:!0})],is.prototype,"required",void 0),ss([dt({reflect:!0})],is.prototype,"name",void 0),ss([dt({type:Array,attribute:!1})],is.prototype,"selectedIndexes",null),ss([dt({type:Array})],is.prototype,"value",null),is=ss([at("vscode-multi-select")],is);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 rs=class extends gt{constructor(){super(...arguments),this.value="",this.description="",this.selected=!1,this.disabled=!1}render(){return L`<slot></slot>`}};rs.styles=mt,os([dt({type:String})],rs.prototype,"value",void 0),os([dt({type:String})],rs.prototype,"description",void 0),os([dt({type:Boolean,reflect:!0})],rs.prototype,"selected",void 0),os([dt({type:Boolean,reflect:!0})],rs.prototype,"disabled",void 0),rs=os([at("vscode-option")],rs);const ns=[mt,r`:host{align-items:center;display:block;height:28px;margin:0;outline:0;width:28px}.progress{height:100%;width:100%}.background{fill:none;stroke:transparent;stroke-width:2px}.indeterminate-indicator-1{fill:none;stroke:var(--vscode-progressBar-background);stroke-width:2px;stroke-linecap:square;transform-origin:50% 50%;transform:rotate(-90deg);transition:all .2s ease-in-out;animation:spin-infinite 2s linear infinite}@keyframes spin-infinite{0%{stroke-dasharray:.01px 43.97px;transform:rotate(0)}50%{stroke-dasharray:21.99px 21.99px;transform:rotate(450deg)}100%{stroke-dasharray:.01px 43.97px;transform:rotate(1080deg)}}`];var ls=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 as=class extends gt{constructor(){super(...arguments),this.ariaLabel="Loading",this.ariaLive="assertive",this.role="alert"}render(){return L`<svg class="progress" part="progress" viewBox="0 0 16 16"><circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle><circle class="indeterminate-indicator-1" part="indeterminate-indicator-1" cx="8px" cy="8px" r="7px"></circle></svg>`}};as.styles=ns,ls([dt({reflect:!0,attribute:"aria-label"})],as.prototype,"ariaLabel",void 0),ls([dt({reflect:!0,attribute:"aria-live"})],as.prototype,"ariaLive",void 0),ls([dt({reflect:!0})],as.prototype,"role",void 0),as=ls([at("vscode-progress-ring")],as);const cs=[mt,Gt,r`:host(:invalid) .icon,:host([invalid]) .icon{background-color:var(--vscode-inputValidation-errorBackground);border-color:var(--vscode-inputValidation-errorBorder,#be1100)}.icon{border-radius:9px}.icon.checked:before{background-color:currentColor;border-radius:4px;content:'';height:8px;left:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;width:8px}:host(:focus):host(:not([disabled])) .icon{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}`,Jt];var hs=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(Wt(qt)){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._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 type(){return"radio"}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=Bt({icon:!0,checked:this.checked}),e=Bt({"label-inner":!0,"is-slot-empty":""===this._slottedText});return L`<div class="wrapper"><input ?autofocus="${this.autofocus}" id="input" class="radio" type="checkbox" ?checked="${this.checked}" value="${this.value}" tabindex="${this.tabIndex}"><div class="${t}"></div><label for="input" class="label" @click="${this._handleClick}"><span class="${e}">${this._renderLabelAttribute()}<slot @slotchange="${this._handleSlotChange}"></slot></span></label></div>`}};ds.styles=cs,ds.formAssociated=!0,ds.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},hs([dt({type:Boolean,reflect:!0})],ds.prototype,"autofocus",void 0),hs([dt({type:Boolean,reflect:!0})],ds.prototype,"checked",void 0),hs([dt({type:Boolean,reflect:!0,attribute:"default-checked"})],ds.prototype,"defaultChecked",void 0),hs([dt({type:Boolean,reflect:!0})],ds.prototype,"invalid",void 0),hs([dt({reflect:!0})],ds.prototype,"name",void 0),hs([dt()],ds.prototype,"value",void 0),hs([dt({type:Boolean,reflect:!0})],ds.prototype,"disabled",void 0),hs([dt({type:Boolean,reflect:!0})],ds.prototype,"required",void 0),hs([dt({reflect:!0})],ds.prototype,"role",void 0),hs([dt({type:Number,reflect:!0})],ds.prototype,"tabIndex",void 0),hs([ut()],ds.prototype,"_slottedText",void 0),hs([pt("#input")],ds.prototype,"_inputEl",void 0),ds=hs([at("vscode-radio")],ds);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 vs=class extends ts{set selectedIndex(t){this._selectedIndex=t,this._value=this._options[this._selectedIndex]?this._options[this._selectedIndex].value:"",this._labelText=this._options[this._selectedIndex]?this._options[this._selectedIndex].label:""}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._labelText=this._options[this._selectedIndex].label,this._value=t):(this._labelText="",this._value="")}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._labelText="",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(){super._onSlotChange(),this._selectedIndex>-1&&(this._labelText=this._options[this._selectedIndex]?.label??"")}_onArrowUpKeyDown(){super._onArrowUpKeyDown(),this._showDropdown||this._selectedIndex<=0||(this._filterPattern="",this._selectedIndex-=1,this._activeIndex=this._selectedIndex,this._labelText=this._options[this._selectedIndex].label,this._value=this._options[this._selectedIndex].value,this._internals.setFormValue(this._value),this._manageRequired(),this._dispatchChangeEvent())}_onArrowDownKeyDown(){super._onArrowDownKeyDown(),this._showDropdown||this._selectedIndex>=this._options.length||(this._filterPattern="",this._selectedIndex+=1,this._activeIndex=this._selectedIndex,this._labelText=this._options[this._selectedIndex].label,this._value=this._options[this._selectedIndex].value,this._internals.setFormValue(this._value),this._manageRequired(),this._dispatchChangeEvent())}_onEnterKeyDown(){super._onEnterKeyDown(),this._selectedIndex>-1&&(this._labelText=this._options[this._selectedIndex].label),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._selectedIndex>-1&&(this._labelText=this._options[this._selectedIndex].label),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._internals.setValidity({})}_renderLabel(){const t=this._labelText||L`<span class="empty-label-placeholder"></span>`;return L`<span class="text">${t}</span>`}_renderSelectFace(){return L`<div class="select-face" @click="${this._onFaceClick}" tabindex="${this.tabIndex>-1?0:-1}">${this._renderLabel()} ${Ge}</div>`}_renderComboboxFace(){const t=this._selectedIndex>-1?this._options[this._selectedIndex].label:"";return L`<div class="combobox-face"><input class="combobox-input" spellcheck="false" type="text" .value="${t}" @focus="${this._onComboboxInputFocus}" @input="${this._onComboboxInputInput}" @click="${this._onComboboxInputClick}"> <button class="combobox-button" type="button" @click="${this._onComboboxButtonClick}" @keydown="${this._onComboboxButtonKeyDown}">${Ge}</button></div>`}_renderOptions(){const t=(this.combobox?this._filteredOptions:this._options).map(((t,e)=>{const s=Bt({option:!0,active:e===this._activeIndex&&!t.disabled,disabled:t.disabled});return L`<li class="${s}" data-index="${t.index}" data-filtered-index="${e}">${t.ranges?.length?Xe(t.label,t.ranges??[]):t.label}</li>`}));return L`<ul class="options" @mouseover="${this._onOptionMouseOver}" @click="${this._onOptionClick}">${t}</ul>`}};vs.styles=es,vs.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},vs.formAssociated=!0,us([dt({attribute:"default-value"})],vs.prototype,"defaultValue",void 0),us([dt({type:String,attribute:!0,reflect:!0})],vs.prototype,"role",void 0),us([dt({reflect:!0})],vs.prototype,"name",void 0),us([dt({type:Number,attribute:"selected-index"})],vs.prototype,"selectedIndex",null),us([dt({type:String})],vs.prototype,"value",null),us([dt({type:Boolean,reflect:!0})],vs.prototype,"required",void 0),us([ut()],vs.prototype,"_labelText",void 0),vs=us([at("vscode-single-select")],vs);const ps=[mt,r`: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 .1s}.scrollbar-thumb.fade{background-color:var(--vscode-scrollbarSlider-background);opacity:0;transition:opacity .8s}.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 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};let fs=class extends gt{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._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()}_onSlotChange(){this._zIndexFix()}_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 L`<div class="scrollable-container" style="${At({"user-select":this._isDragging?"none":"auto"})}"><div class="${Bt({shadow:!0,visible:this.scrolled})}"></div>${this._isDragging?L`<div class="prevent-interaction"></div>`:H}<div class="${Bt({"scrollbar-track":!0,hidden:!this._scrollbarVisible})}" style="${At({"z-index":String(this._scrollbarTrackZ)})}"><div class="${Bt({"scrollbar-thumb":!0,visible:this._thumbVisible,fade:this._thumbFade,active:this._thumbActive})}" style="${At({height:`${this._thumbHeight}px`,top:`${this._thumbY}px`})}" @mousedown="${this._onScrollThumbMouseDown}"></div></div><div class="content"><slot @slotchange="${this._onSlotChange}"></slot></div></div>`}};fs.styles=ps,bs([dt({type:Boolean,reflect:!0})],fs.prototype,"shadow",void 0),bs([dt({type:Boolean,reflect:!0})],fs.prototype,"scrolled",void 0),bs([dt({type:Number,attribute:"scroll-pos"})],fs.prototype,"scrollPos",null),bs([dt({type:Number,attribute:"scroll-max"})],fs.prototype,"scrollMax",null),bs([ut()],fs.prototype,"_isDragging",void 0),bs([ut()],fs.prototype,"_thumbHeight",void 0),bs([ut()],fs.prototype,"_thumbY",void 0),bs([ut()],fs.prototype,"_thumbVisible",void 0),bs([ut()],fs.prototype,"_thumbFade",void 0),bs([ut()],fs.prototype,"_thumbActive",void 0),bs([pt(".content")],fs.prototype,"_contentElement",void 0),bs([pt(".scrollbar-thumb")],fs.prototype,"_scrollThumbElement",void 0),bs([pt(".scrollable-container")],fs.prototype,"_scrollableContainer",void 0),bs([ft()],fs.prototype,"_assignedElements",void 0),fs=bs([at("vscode-scrollable")],fs);const gs=[mt,r`:host{--separator-border:var(--vscode-editorWidget-border, transparent);border:1px solid var(--vscode-editorWidget-border);display:block;overflow:hidden;position:relative}::slotted(*){height:100%;width:100%}::slotted(vscode-split-layout){border:0}.start{box-sizing:border-box;left:0;top:0;overflow:hidden;position:absolute}:host([split=vertical]) .start{border-right:1px solid var(--separator-border)}:host([split=horizontal]) .start{border-bottom:1px solid var(--separator-border)}.end{bottom:0;box-sizing:border-box;overflow:hidden;position:absolute;right:0}.handle-overlay{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.handle-overlay.active{display:block}.handle-overlay.split-vertical{cursor:ew-resize}.handle-overlay.split-horizontal{cursor:ns-resize}.handle{position:absolute;z-index:2}.handle.hover{background-color:var(--vscode-sash-hoverBorder);transition:background-color .1s linear .3s}.handle.hide{background-color:transparent;transition:background-color .1s linear}.handle.split-vertical{cursor:ew-resize;height:100%}.handle.split-horizontal{cursor:ns-resize;width:100%}`];var ms,xs=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 ys=ms=class extends gt{constructor(){super(...arguments),this.split="vertical",this.resetOnDblClick=!1,this.handleSize=4,this.initialHandlePosition="50%",this._startPaneRight=0,this._startPaneBottom=0,this._endPaneTop=0,this._endPaneLeft=0,this._handleLeft=0,this._handleTop=0,this._isDragActive=!1,this._hover=!1,this._hide=!1,this._boundRect=new DOMRect,this._handleOffset=0,this._handleMouseUp=()=>{this._isDragActive=!1,window.removeEventListener("mouseup",this._handleMouseUp),window.removeEventListener("mousemove",this._handleMouseMove)},this._handleMouseMove=t=>{const{clientX:e,clientY:s}=t,{left:i,top:o,height:r,width:n}=this._boundRect;if("vertical"===this.split){const t=e-i,s=Math.max(0,Math.min(t-this._handleOffset,n)),o=s/n*100,r=Math.max(0,n-s)/n*100;this._handleLeft=o,this._startPaneRight=r,this._endPaneLeft=this._handleLeft}if("horizontal"===this.split){const t=s-o,e=Math.max(0,Math.min(t-this._handleOffset,r)),i=e/r*100,n=Math.max(0,r-e)/r*100;this._handleTop=i,this._startPaneBottom=n,this._endPaneTop=this._handleTop}}}connectedCallback(){super.connectedCallback(),this._initPosition()}initializeResizeHandler(){this._initPosition()}_initPosition(){this._boundRect=this.getBoundingClientRect();const{height:t,width:e}=this._boundRect,s="vertical"===this.split?e:t,i=/(^[0-9.]+)(%{0,1})$/.exec(this.initialHandlePosition);let o=0,r=0;i&&(r=parseFloat(i[1])),o=i&&"%"===i[2]?Math.min(s,s/100*r):i&&"%"!==i[2]?Math.min(r,s):s/2,"vertical"===this.split&&(this._startPaneRight=(s-o)/e*100,this._endPaneLeft=o/e*100,this._handleLeft=o/e*100),"horizontal"===this.split&&(this._startPaneBottom=(s-o)/t*100,this._endPaneTop=o/t*100,this._handleTop=o/t*100)}_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.getBoundingClientRect();const{left:e,top:s,width:i,height:o}=this._boundRect,r=(t.clientX-e)/i*100,n=(t.clientY-s)/o*100;"vertical"===this.split&&(this._handleOffset=r-this._handleLeft),"horizontal"===this.split&&(this._handleOffset=n-this._handleTop),this._boundRect=this.getBoundingClientRect(),this._isDragActive=!0,window.addEventListener("mouseup",this._handleMouseUp),window.addEventListener("mousemove",this._handleMouseMove)}_handleDblClick(){this.resetOnDblClick&&this._initPosition()}_handleSlotChange(){[...this._nestedLayoutsAtStart,...this._nestedLayoutsAtEnd].forEach((t=>{t instanceof ms&&t.initializeResizeHandler()}))}render(){const t=At({bottom:`${this._startPaneBottom}%`,right:`${this._startPaneRight}%`}),e=At({left:`${this._endPaneLeft}%`,top:`${this._endPaneTop}%`}),s={left:`${this._handleLeft}%`,top:`${this._handleTop}%`};"vertical"===this.split&&(s.marginLeft=0-this.handleSize/2+"px",s.width=`${this.handleSize}px`),"horizontal"===this.split&&(s.height=`${this.handleSize}px`,s.marginTop=0-this.handleSize/2+"px");const i=At(s),o=Bt({"handle-overlay":!0,active:this._isDragActive,"split-vertical":"vertical"===this.split,"split-horizontal":"horizontal"===this.split}),r=Bt({handle:!0,hover:this._hover,hide:this._hide,"split-vertical":"vertical"===this.split,"split-horizontal":"horizontal"===this.split});return L`<div class="start" style="${t}"><slot name="start" @slotchange="${this._handleSlotChange}"></slot></div><div class="end" style="${e}"><slot name="end" @slotchange="${this._handleSlotChange}"></slot></div><div class="${o}"></div><div class="${r}" style="${i}" @mouseover="${this._handleMouseOver}" @mouseout="${this._handleMouseOut}" @mousedown="${this._handleMouseDown}" @dblclick="${this._handleDblClick}"></div>`}};ys.styles=gs,xs([dt({reflect:!0})],ys.prototype,"split",void 0),xs([dt({type:Boolean,reflect:!0,attribute:"reset-on-dbl-click"})],ys.prototype,"resetOnDblClick",void 0),xs([dt({type:Number,reflect:!0,attribute:"handle-size"})],ys.prototype,"handleSize",void 0),xs([dt({reflect:!0,attribute:"initial-handle-position"})],ys.prototype,"initialHandlePosition",void 0),xs([ut()],ys.prototype,"_startPaneRight",void 0),xs([ut()],ys.prototype,"_startPaneBottom",void 0),xs([ut()],ys.prototype,"_endPaneTop",void 0),xs([ut()],ys.prototype,"_endPaneLeft",void 0),xs([ut()],ys.prototype,"_handleLeft",void 0),xs([ut()],ys.prototype,"_handleTop",void 0),xs([ut()],ys.prototype,"_isDragActive",void 0),xs([ut()],ys.prototype,"_hover",void 0),xs([ut()],ys.prototype,"_hide",void 0),xs([ft({slot:"start",selector:"vscode-split-layout"})],ys.prototype,"_nestedLayoutsAtStart",void 0),xs([ft({slot:"end",selector:"vscode-split-layout"})],ys.prototype,"_nestedLayoutsAtEnd",void 0),ys=ms=xs([at("vscode-split-layout")],ys);const ws=[mt,r`:host{border-bottom:1px solid transparent;cursor:pointer;display:block;margin-bottom:-1px;overflow:hidden;padding:7px 8px;text-overflow:ellipsis;user-select:none;white-space:nowrap}:host([active]){border-bottom-color:var(--vscode-panelTitle-activeForeground);color:var(--vscode-panelTitle-activeForeground)}:host([panel]){border-bottom:0;margin-bottom:0;padding:0}:host(:focus-visible){outline:0}.wrapper{align-items:center;color:var(--vscode-foreground);display:flex;min-height:20px;overflow:inherit;text-overflow:inherit;position:relative}.wrapper.panel{color:var(--vscode-panelTitle-inactiveForeground)}.wrapper.panel.active,.wrapper.panel:hover{color:var(--vscode-panelTitle-inactiveForeground)}:host([panel]) .wrapper{display:flex;font-size:11px;height:31px;padding:2px 10px;text-transform:uppercase}.main{overflow:inherit;text-overflow:inherit}.active-indicator{display:none}.active-indicator.panel.active{border-top:1px solid var(--vscode-panelTitle-activeBorder);bottom:4px;display:block;left:8px;pointer-events:none;position:absolute;right:8px}:host(:focus-visible) .wrapper{outline-color:var(--vscode-focusBorder);outline-offset:3px;outline-style:solid;outline-width:1px}:host(:focus-visible) .wrapper.panel{outline-offset:-2px}slot[name=content-before]::slotted(vscode-badge){margin-right:8px}slot[name=content-after]::slotted(vscode-badge){margin-left:8px}`];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 $s=class extends gt{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 L`<div class="${Bt({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="${Bt({"active-indicator":!0,active:this.active,panel:this.panel})}"></span></div>`}};$s.styles=ws,ks([dt({type:Boolean,reflect:!0})],$s.prototype,"active",void 0),ks([dt({reflect:!0,attribute:"aria-controls"})],$s.prototype,"ariaControls",void 0),ks([dt({type:Boolean,reflect:!0})],$s.prototype,"panel",void 0),ks([dt({reflect:!0})],$s.prototype,"role",void 0),ks([dt({type:Number,reflect:!0,attribute:"tab-id"})],$s.prototype,"tabId",void 0),$s=ks([at("vscode-tab-header")],$s);const _s=[mt,r`:host{display:block;overflow:hidden}:host(:focus-visible){outline-color:var(--vscode-focusBorder);outline-offset:3px;outline-style:solid;outline-width:1px}:host([panel]){background-color:var(--vscode-panel-background)}`];var Cs=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 Bs=class extends gt{constructor(){super(...arguments),this.hidden=!1,this.ariaLabelledby="",this.panel=!1,this.role="tabpanel",this.tabIndex=0}render(){return L`<slot></slot>`}};Bs.styles=_s,Cs([dt({type:Boolean,reflect:!0})],Bs.prototype,"hidden",void 0),Cs([dt({reflect:!0,attribute:"aria-labelledby"})],Bs.prototype,"ariaLabelledby",void 0),Cs([dt({type:Boolean,reflect:!0})],Bs.prototype,"panel",void 0),Cs([dt({reflect:!0})],Bs.prototype,"role",void 0),Cs([dt({type:Number,reflect:!0})],Bs.prototype,"tabIndex",void 0),Bs=Cs([at("vscode-tab-panel")],Bs);const Ss=[mt,r`:host{display:table;table-layout:fixed;width:100%}::slotted(vscode-table-row:nth-child(even)){background-color:var(--vsc-row-even-background)}::slotted(vscode-table-row:nth-child(odd)){background-color:var(--vsc-row-odd-background)}`];var zs=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 As=class extends gt{constructor(){super(...arguments),this.role="rowgroup"}render(){return L`<slot></slot>`}};As.styles=Ss,zs([dt({reflect:!0})],As.prototype,"role",void 0),As=zs([at("vscode-table-body")],As);const Os=[mt,r`:host{border-bottom-color:var(--vscode-editorGroup-border);border-bottom-style:solid;border-bottom-width:var(--vsc-row-border-bottom-width);box-sizing:border-box;color:var(--vscode-foreground);display:table-cell;font-family:var(--vscode-font-family);font-size:var(--vscode-font-size);height:24px;overflow:hidden;padding-left:10px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}:host([compact]){display:block;height:auto;padding-bottom:5px;width:100%!important}:host([compact]:first-child){padding-top:10px}:host([compact]:last-child){padding-bottom:10px}.wrapper{overflow:inherit;text-overflow:inherit;white-space:inherit;width:100%}.column-label{font-weight:700}`];var Es=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 js=class extends gt{constructor(){super(...arguments),this.role="cell",this.columnLabel="",this.compact=!1}render(){const t=this.columnLabel?L`<div class="column-label" role="presentation">${this.columnLabel}</div>`:H;return L`<div class="wrapper">${t}<slot></slot></div>`}};js.styles=Os,Es([dt({reflect:!0})],js.prototype,"role",void 0),Es([dt({attribute:"column-label"})],js.prototype,"columnLabel",void 0),Es([dt({type:Boolean,reflect:!0})],js.prototype,"compact",void 0),js=Es([at("vscode-table-cell")],js);const Is=[mt,r`:host{background-color:var(--vscode-keybindingTable-headerBackground);display:table;table-layout:fixed;width:100%}`];var Ms=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 Fs=class extends gt{constructor(){super(...arguments),this.role="rowgroup"}render(){return L`<slot></slot>`}};Fs.styles=Is,Ms([dt({reflect:!0})],Fs.prototype,"role",void 0),Fs=Ms([at("vscode-table-header")],Fs);const Ds=[mt,r`:host{box-sizing:border-box;color:var(--vscode-foreground);display:table-cell;font-family:var(--vscode-font-family);font-size:var(--vscode-font-size);font-weight:700;line-height:20px;overflow:hidden;padding-bottom:5px;padding-left:10px;padding-right:0;padding-top:5px;text-overflow:ellipsis;white-space:nowrap}.wrapper{box-sizing:inherit;overflow:inherit;text-overflow:inherit;white-space:inherit;width:100%}`];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 Ps=class extends gt{constructor(){super(...arguments),this.role="columnheader"}render(){return L`<div class="wrapper"><slot></slot></div>`}};Ps.styles=Ds,Ns([dt({reflect:!0})],Ps.prototype,"role",void 0),Ps=Ns([at("vscode-table-header-cell")],Ps);const Vs=[mt,r`:host{border-top-color:var(--vscode-editorGroup-border);border-top-style:solid;border-top-width:var(--vsc-row-border-top-width);display:var(--vsc-row-display);width:100%}`];var Rs=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 Ts=class extends gt{constructor(){super(...arguments),this.role="row"}render(){return L`<slot></slot>`}};Ts.styles=Vs,Rs([dt({reflect:!0})],Ts.prototype,"role",void 0),Ts=Rs([at("vscode-table-row")],Ts);const Ls=(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},Us=[mt,r`:host{display:block;--vsc-row-even-background:transparent;--vsc-row-odd-background:transparent;--vsc-row-border-bottom-width:0;--vsc-row-border-top-width:0;--vsc-row-display:table-row}:host([bordered-rows]),:host([bordered]){--vsc-row-border-bottom-width:1px}:host([compact]){--vsc-row-display:block}:host([bordered-rows][compact]),:host([bordered][compact]){--vsc-row-border-bottom-width:0;--vsc-row-border-top-width:1px}:host([zebra]){--vsc-row-even-background:var(--vscode-keybindingTable-rowsBackground)}:host([zebra-odd]){--vsc-row-odd-background:var(--vscode-keybindingTable-rowsBackground)}::slotted(vscode-table-row){width:100%}.wrapper{height:100%;max-width:100%;overflow:hidden;position:relative;width:100%}.wrapper.select-disabled{user-select:none}.wrapper.resize-cursor{cursor:ew-resize}.wrapper.compact-view .header-slot-wrapper{height:0;overflow:hidden}.scrollable{height:100%}.scrollable:before{background-color:transparent;content:'';display:block;height:1px;position:absolute;width:100%}.wrapper:not(.compact-view) .scrollable:not([scrolled]):before{background-color:var(--vscode-editorGroup-border)}.sash{visibility:hidden}:host([bordered-columns]) .sash,:host([bordered]) .sash{visibility:visible}:host([resizable]) .wrapper:hover .sash{visibility:visible}.sash{height:100%;position:absolute;top:0;width:1px}.wrapper.compact-view .sash{display:none}.sash.resizable{cursor:ew-resize}.sash-visible{background-color:var(--vscode-editorGroup-border);height:100%;position:absolute;top:30px;width:1px}.sash.hover .sash-visible{background-color:var(--vscode-sash-hoverBorder);transition:background-color 50ms linear .3s}.sash .sash-clickable{background-color:transparent;height:100%;left:-2px;position:absolute;width:5px}`];var Hs=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 gt{constructor(){super(...arguments),this.role="table",this.resizable=!1,this.responsive=!1,this.breakpoint=300,this.minColumnWidth="50px",this.delayedResizing=!1,this.compact=!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=Ls(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())}_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=Ls(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=Bt({sash:!0,hover:this._sashHovers[e],resizable:this.resizable}),i=`${t}%`;return this.resizable?L`<div class="${s}" data-index="${e}" style="${At({left:i})}" @mousedown="${this._onSashMouseDown}" @mouseover="${this._onSashMouseOver}" @mouseout="${this._onSashMouseOut}"><div class="sash-visible"></div><div class="sash-clickable"></div></div>`:L`<div class="${s}" data-index="${e}" style="${At({left:i})}"><div class="sash-visible"></div></div>`})),e=Bt({wrapper:!0,"select-disabled":this._isDragging,"resize-cursor":this._isDragging,"compact-view":this.compact});return L`<div class="${e}"><div class="header" @slotchange="${this._onHeaderSlotChange}"><slot name="caption"></slot><div class="header-slot-wrapper"><slot name="header"></slot></div></div><vscode-scrollable class="scrollable"><div><slot name="body" @slotchange="${this._onBodySlotChange}"></slot></div></vscode-scrollable>${t}</div>`}};qs.styles=Us,Hs([dt({reflect:!0})],qs.prototype,"role",void 0),Hs([dt({type:Boolean,reflect:!0})],qs.prototype,"resizable",void 0),Hs([dt({type:Boolean,reflect:!0})],qs.prototype,"responsive",void 0),Hs([dt({type:Number})],qs.prototype,"breakpoint",void 0),Hs([dt({type:Array})],qs.prototype,"columns",null),Hs([dt({attribute:"min-column-width"})],qs.prototype,"minColumnWidth",void 0),Hs([dt({type:Boolean,reflect:!0,attribute:"delayed-resizing"})],qs.prototype,"delayedResizing",void 0),Hs([dt({type:Boolean,reflect:!0})],qs.prototype,"compact",void 0),Hs([pt('slot[name="body"]')],qs.prototype,"_bodySlot",void 0),Hs([pt(".header")],qs.prototype,"_headerElement",void 0),Hs([pt(".scrollable")],qs.prototype,"_scrollableElement",void 0),Hs([function(t){return(e,s)=>vt(0,0,{get(){return(this.renderRoot??(bt??=document.createDocumentFragment())).querySelectorAll(t)}})}(".sash-visible")],qs.prototype,"_sashVisibleElements",void 0),Hs([ft({slot:"header",flatten:!0,selector:"vscode-table-header"})],qs.prototype,"_assignedHeaderElements",void 0),Hs([ft({slot:"body",flatten:!0,selector:"vscode-table-body"})],qs.prototype,"_assignedBodyElements",void 0),Hs([ut()],qs.prototype,"_sashPositions",void 0),Hs([ut()],qs.prototype,"_isDragging",void 0),qs=Hs([at("vscode-table")],qs);const Ks=[mt,r`:host{display:block}.header{align-items:center;display:flex;font-family:var(--vscode-font-family);font-size:var(--vscode-font-size);font-weight:var(--vscode-font-weight);width:100%}.header{border-bottom-color:var(--vscode-settings-headerBorder);border-bottom-style:solid;border-bottom-width:1px}.header.panel{background-color:var(--vscode-panel-background);border-bottom-width:0;box-sizing:border-box;padding-left:8px;padding-right:8px}slot[name=addons]{display:block;margin-left:auto}`];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 Gs=class extends gt{constructor(){super(),this.panel=!1,this.role="tablist",this.selectedIndex=0,this._tabHeaders=[],this._tabPanels=[],this._componentId="",this._tabFocus=0,this._componentId=Se()}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 $s));t.length>0&&t.forEach((t=>t.setAttribute("slot","header")))}_onMainSlotChange(){this._moveHeadersToHeaderSlot(),this._tabPanels=this._mainSlotElements.filter((t=>t instanceof Bs)),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 $s)),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 $s));e&&(this.selectedIndex=e.tabId,this._setActiveTab(),this._dispatchSelectEvent())}render(){return L`<div class="${Bt({header:!0,panel:this.panel})}" @click="${this._onHeaderClick}" @keydown="${this._onHeaderKeyDown}"><slot name="header" @slotchange="${this._onHeaderSlotChange}"></slot><slot name="addons"></slot></div><slot @slotchange="${this._onMainSlotChange}"></slot>`}};Gs.styles=Ks,Ws([dt({type:Boolean,reflect:!0})],Gs.prototype,"panel",void 0),Ws([dt({reflect:!0})],Gs.prototype,"role",void 0),Ws([dt({type:Number,reflect:!0,attribute:"selected-index"})],Gs.prototype,"selectedIndex",void 0),Ws([ft({slot:"header"})],Gs.prototype,"_headerSlotElements",void 0),Ws([ft()],Gs.prototype,"_mainSlotElements",void 0),Gs=Ws([at("vscode-tabs")],Gs);const Js=[mt,r`: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:block;outline:0;user-select:none}.wrapper{height:100%}li{list-style:none}li,ul{margin:0;padding:0}ul{position:relative}:host([indent-guides]) ul ul:before{content:'';display:block;height:100%;position:absolute;bottom:0;left:var(--indent-guide-pos);top:0;pointer-events:none;width:1px;z-index:1}.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}.multi .contents{align-items:flex-start}.contents:hover{cursor:pointer}.arrow-container{align-items:center;display:flex;height:22px;justify-content:center;padding-left:8px;padding-right:6px;width:16px}.icon-arrow{color:currentColor;display:block}.theme-icon{display:block;flex-shrink:0;margin-right:6px}.image-icon{background-repeat:no-repeat;background-position:0 center;background-size:16px;display:block;flex-shrink:0;margin-right:6px;height:22px;width:16px}.multi .contents .theme-icon{margin-top:3px}.text-content{display:flex;line-height:22px}.single .text-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.description{font-size:.9em;line-height:22px;margin-left:.5em;opacity:.95;white-space:pre}.actions{display:none}.contents.focused>.actions,.contents.selected>.actions,.contents:hover>.actions{display:flex}.decorations{align-items:center;display:flex;height:22px;margin-left:5px}.filled-circle{margin-right:3px;opacity:.4}.decoration-text{font-size:90%;font-weight:600;margin-right:3px;opacity:.75}.decoration-text,.filled-circle{color:var(--color,currentColor)}.contents:hover .decoration-text,.contents:hover .filled-circle{color:var(--hover-color,var(--color))}.contents.focused .decoration-text,.contents.focused .filled-circle{color:var(--focused-color,var(--color))}.contents.selected .decoration-text,.contents.selected .filled-circle{color:var(--selected-color,var(--color))}:host(:focus) .wrapper.has-not-focused-item{outline:1px solid var(--vscode-focusBorder)}:host(:focus) .contents.focused.selected,:host(:focus) .contents.selected{color:var(--vscode-list-activeSelectionForeground);background-color:var(--vscode-list-activeSelectionBackground)}:host(:focus) .contents.selected .action-icon,:host(:focus) .contents.selected .icon-arrow,:host(:focus) .contents.selected .theme-icon,:host(:focus) .contents.selected.focused .action-icon,:host(:focus) .contents.selected.focused .icon-arrow,:host(:focus) .contents.selected.focused .theme-icon{color:var(--vscode-list-activeSelectionIconForeground)}:host(:focus) .contents.focused{color:var(--vscode-list-focusForeground);background-color:var(--vscode-list-focusBackground)}:host(:focus) .contents.selected.focused{outline-color:var(--vscode-list-focusAndSelectionOutline,var(--vscode-list-focusOutline))}.contents:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-list-hoverForeground)}.contents.selected:hover,.contents:hover{outline-color:var(--hover-outline-color);outline-style:var(--hover-outline-style);outline-width:var(--hover-outline-width)}.contents.selected,.contents.selected.focused{background-color:var(--vscode-list-inactiveSelectionBackground);color:var(--vscode-list-inactiveSelectionForeground)}.contents.selected,.contents.selected.focused{outline-color:var(--selected-outline-color);outline-style:var(--selected-outline-style);outline-width:var(--selected-outline-width)}.contents.selected .theme-icon{color:var(--vscode-list-inactiveSelectionIconForeground)}.contents.focused{background-color:var(--vscode-list-inactiveFocusBackground);outline:1px dotted var(--vscode-list-inactiveFocusOutline)}:host(:focus) .contents.focused{outline:1px solid var(--vscode-list-focusOutline)}:host([indent-guides]) ul ul:before{background-color:var(--vscode-tree-inactiveIndentGuidesStroke)}:host([indent-guides]) ul ul.has-active-item:before{background-color:var(--vscode-tree-indentGuidesStroke)}`];var Ys=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 Xs=(t,e=[])=>{const s=[];return t.forEach(((t,i)=>{const o=[...e,i],r={...t,path:o};t.subItems&&(r.subItems=Xs(t.subItems,o)),s.push(r)})),s},Zs=t=>!!(t.subItems&&Array.isArray(t.subItems)&&t?.subItems?.length>0);let Qs=class extends gt{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=Xs(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?L`<vscode-icon name="${s}" class="theme-icon"></vscode-icon>`:L`<span class="image-icon" style="background-image: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 L`${H}`;return Zs(t)?t.open?this._renderIconVariant(e.open):this._renderIconVariant(e.branch):this._renderIconVariant(e.leaf)}_renderArrow(t){if(!this.arrows||!Zs(t))return L`${H}`;const{open:e=!1}=t;return L`<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=L`<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?L`<div class="actions">${e}</div>`:L`${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(L`<vscode-badge variant="counter" class="${["counter-badge",c].join(" ")}" part="counter-badge-decoration">${o}</vscode-badge>`);break;case"filled-circle":e.push(L`<vscode-icon name="circle-filled" size="14" class="${["filled-circle",c].join(" ")}" part="filled-circle-decoration" style="${At(h)}"></vscode-icon>`);break;case"text":e.push(L`<div class="${["decoration-text",c].join(" ")}" part="caption-decoration" style="${At(h)}">${o}</div>`)}})),e.length>0?L`<div class="decorations" part="decorations">${e}</div>`:L`${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?L`<ul style="${At({"--indent-guide-pos":`${x}px`})}" class="${Bt({"has-active-item":d||u})}">${this._renderTree(a,c)}</ul>`:H,w=o?L`<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"),L`<li data-path="${c.join("/")}" class="${p.join(" ")}"><div class="${v.join(" ")}" style="${At({paddingLeft:`${f+3}px`})}">${g}${m}<span class="text-content" part="text-content" title="${Ot(r)}">${i}${w}</span> ${k} ${$}</div>${y}</li>`}_renderTree(t,e=[]){const s=[];return t?(t.forEach(((t,i)=>{const o=[...e,i],r=Zs(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))),Zs(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:Zs(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=Bt({multi:this.multiline,single:!this.multiline,wrapper:!0,"has-not-focused-item":!this._focusedItem,"selection-none":!this._selectedItem,"selection-single":null!==this._selectedItem});return L`<div @click="${this._handleClick}" class="${t}"><ul>${this._renderTree(this._data)}</ul></div>`}};Qs.styles=Js,Ys([dt({type:Array,reflect:!1})],Qs.prototype,"data",null),Ys([dt({type:Number})],Qs.prototype,"indent",void 0),Ys([dt({type:Boolean,reflect:!0})],Qs.prototype,"arrows",void 0),Ys([dt({type:Boolean,reflect:!0})],Qs.prototype,"multiline",void 0),Ys([dt({type:Number,reflect:!0})],Qs.prototype,"tabindex",void 0),Ys([dt({type:Boolean,reflect:!0,attribute:"indent-guides"})],Qs.prototype,"indentGuides",void 0),Ys([ut()],Qs.prototype,"_selectedItem",void 0),Ys([ut()],Qs.prototype,"_focusedItem",void 0),Ys([ut()],Qs.prototype,"_selectedBranch",void 0),Ys([ut()],Qs.prototype,"_focusedBranch",void 0),Qs=Ys([at("vscode-tree")],Qs);export{wt as VscodeBadge,Nt as VscodeButton,Zt as VscodeCheckbox,ee as VscodeCheckboxGroup,oe as VscodeCollapsible,he as VscodeContextMenu,le as VscodeContextMenuItem,ve as VscodeDivider,xe as VscodeFormContainer,ke as VscodeFormGroup,Ce as VscodeFormHelper,Mt as VscodeIcon,Ve as VscodeLabel,is as VscodeMultiSelect,rs as VscodeOption,as as VscodeProgressRing,ds as VscodeRadio,Oe as VscodeRadioGroup,fs as VscodeScrollable,vs as VscodeSingleSelect,ys as VscodeSplitLayout,$s as VscodeTabHeader,Bs as VscodeTabPanel,qs as VscodeTable,As as VscodeTableBody,js as VscodeTableCell,Fs as VscodeTableHeader,Ps as VscodeTableHeaderCell,Ts as VscodeTableRow,Gs as VscodeTabs,Ie as VscodeTextarea,De as VscodeTextfield,Qs as VscodeTree};
|
|
1
|
+
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,...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)},n=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return(t=>new o("string"==typeof t?t:t+"",void 0,s))(e)})(t):t,{is:l,defineProperty:a,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:d,getPrototypeOf:u}=Object,v=globalThis,p=v.trustedTypes,b=p?p.emptyScript:"",f=v.reactiveElementPolyfillSupport,g=(t,e)=>t,m={toAttribute(t,e){switch(e){case Boolean:t=t?b: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}},x=(t,e)=>!l(t,e),y={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x};Symbol.metadata??=Symbol("metadata"),v.litPropertyMetadata??=new WeakMap;class w 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=y){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&&a(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){const{get:i,set:o}=c(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)??y}static _$Ei(){if(this.hasOwnProperty(g("elementProperties")))return;const t=u(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(g("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(g("properties"))){const t=this.properties,e=[...h(t),...d(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(n(t))}else void 0!==t&&e.push(n(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:m).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:m;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??x)(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){}}w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[g("elementProperties")]=new Map,w[g("finalized")]=new Map,f?.({ReactiveElement:w}),(v.reactiveElementVersions??=[]).push("2.0.4");const k=globalThis,$=k.trustedTypes,_=$?$.createPolicy("lit-html",{createHTML:t=>t}):void 0,C="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,S="?"+B,z=`<${S}>`,A=document,O=()=>A.createComment(""),E=t=>null===t||"object"!=typeof t&&"function"!=typeof t,j=Array.isArray,I=t=>j(t)||"function"==typeof t?.[Symbol.iterator],M="[ \t\n\f\r]",F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,D=/-->/g,N=/>/g,P=RegExp(`>|${M}(?:([^\\s"'>=/]+)(${M}*=${M}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),T=/'/g,V=/"/g,R=/^(?:script|style|textarea|title)$/i,L=(t=>(e,...s)=>({_$litType$:t,strings:e,values:s}))(1),U=Symbol.for("lit-noChange"),H=Symbol.for("lit-nothing"),q=new WeakMap,K=A.createTreeWalker(A,129);function W(t,e){if(!j(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==_?_.createHTML(e):e}const G=(t,e)=>{const s=t.length-1,i=[];let o,r=2===e?"<svg>":3===e?"<math>":"",n=F;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===F?"!--"===a[1]?n=D:void 0!==a[1]?n=N:void 0!==a[2]?(R.test(a[2])&&(o=RegExp("</"+a[2],"g")),n=P):void 0!==a[3]&&(n=P):n===P?">"===a[0]?(n=o??F,c=-1):void 0===a[1]?c=-2:(c=n.lastIndex-a[2].length,l=a[1],n=void 0===a[3]?P:'"'===a[3]?V:T):n===V||n===T?n=P:n===D||n===N?n=F:(n=P,o=void 0);const d=n===P&&t[e+1].startsWith("/>")?" ":"";r+=n===F?s+z:c>=0?(i.push(l),s.slice(0,c)+C+s.slice(c)+B+d):s+B+(-2===c?e:d)}return[W(t,r+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class J{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]=G(t,e);if(this.el=J.createElement(a,s),K.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=K.nextNode())&&l.length<n;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(C)){const e=c[r++],s=i.getAttribute(t).split(B),n=/([.?@])?(.*)/.exec(e);l.push({type:1,index:o,name:n[2],strings:s,ctor:"."===n[1]?tt:"?"===n[1]?et:"@"===n[1]?st:Q}),i.removeAttribute(t)}else t.startsWith(B)&&(l.push({type:6,index:o}),i.removeAttribute(t));if(R.test(i.tagName)){const t=i.textContent.split(B),e=t.length-1;if(e>0){i.textContent=$?$.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],O()),K.nextNode(),l.push({type:2,index:++o});i.append(t[e],O())}}}else if(8===i.nodeType)if(i.data===S)l.push({type:2,index:o});else{let t=-1;for(;-1!==(t=i.data.indexOf(B,t+1));)l.push({type:7,index:o}),t+=B.length-1}o++}}static createElement(t,e){const s=A.createElement("template");return s.innerHTML=t,s}}function Y(t,e,s=t,i){if(e===U)return e;let o=void 0!==i?s.o?.[i]:s.l;const r=E(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=Y(t,o._$AS(t,e.values),o,i)),e}class X{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??A).importNode(e,!0);K.currentNode=i;let o=K.nextNode(),r=0,n=0,l=s[0];for(;void 0!==l;){if(r===l.index){let e;2===l.type?e=new Z(o,o.nextSibling,this,t):1===l.type?e=new l.ctor(o,l.name,l.strings,this,t):6===l.type&&(e=new it(o,this,t)),this._$AV.push(e),l=s[++n]}r!==l?.index&&(o=K.nextNode(),r++)}return K.currentNode=A,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 Z=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=Y(this,t,e),E(t)?t===H||null==t||""===t?(this._$AH!==H&&this._$AR(),this._$AH=H):t!==this._$AH&&t!==U&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):I(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&&E(this._$AH)?this._$AA.nextSibling.data=t:this.T(A.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=J.createElement(W(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new X(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=q.get(t.strings);return void 0===e&&q.set(t.strings,e=new J(t)),e}k(e){j(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(O()),this.O(O()),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 Q{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=Y(this,t,e,0),r=!E(t)||t!==this._$AH&&t!==U,r&&(this._$AH=t);else{const i=t;let n,l;for(t=o[0],n=0;n<o.length-1;n++)l=Y(this,i[s+n],e,n),l===U&&(l=this._$AH[n]),r||=!E(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 tt extends Q{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===H?void 0:t}}class et extends Q{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==H)}}class st extends Q{constructor(t,e,s,i,o){super(t,e,s,i,o),this.type=5}_$AI(t,e=this){if((t=Y(this,t,e,0)??H)===U)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 it{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){Y(this,t)}}const ot={M:C,P:B,A:S,C:1,L:G,R:X,D:I,V:Y,I:Z,H:Q,N:et,U:st,B:tt,F:it},rt=k.litHtmlPolyfillSupport;rt?.(J,Z),(k.litHtmlVersions??=[]).push("3.2.0");class nt extends w{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 Z(e.insertBefore(O(),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 U}}nt._$litElement$=!0,nt.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:nt});const lt=globalThis.litElementPolyfillSupport;lt?.({LitElement:nt}),(globalThis.litElementVersions??=[]).push("4.1.0");const at=t=>(e,s)=>{void 0!==s?s.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)},ct={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x},ht=(t=ct,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 dt(t){return(e,s)=>"object"==typeof s?ht(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 ut(t){return dt({...t,state:!0,attribute:!1})}const vt=(t,e,s)=>(s.configurable=!0,s.enumerable=!0,s);function pt(t,e){return(e,s,i)=>vt(0,0,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}let bt;function ft(t){return(e,s)=>{const{slot:i,selector:o}=t??{},r="slot"+(i?`[name=${i}]`:":not([name])");return vt(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 gt extends nt{constructor(){super(...arguments),this._version="1.6.2"}get version(){return this._version}}var mt=r`
|
|
2
|
+
:host([hidden]) {
|
|
3
|
+
display: none;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
:host([disabled]),
|
|
7
|
+
:host(:disabled) {
|
|
8
|
+
cursor: not-allowed;
|
|
9
|
+
opacity: 0.4;
|
|
10
|
+
pointer-events: none;
|
|
11
|
+
}
|
|
12
|
+
`;const xt=[mt,r`
|
|
13
|
+
:host {
|
|
14
|
+
background-color: var(--vscode-badge-background);
|
|
15
|
+
border: 1px solid var(--vscode-contrastBorder, transparent);
|
|
16
|
+
border-radius: 2px;
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
color: var(--vscode-badge-foreground);
|
|
19
|
+
display: inline-block;
|
|
20
|
+
font-family: var(--vscode-font-family);
|
|
21
|
+
font-size: 11px;
|
|
22
|
+
font-weight: 400;
|
|
23
|
+
line-height: 14px;
|
|
24
|
+
min-width: 18px;
|
|
25
|
+
padding: 2px 3px;
|
|
26
|
+
text-align: center;
|
|
27
|
+
white-space: nowrap;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
:host([variant='counter']) {
|
|
31
|
+
border-radius: 11px;
|
|
32
|
+
box-sizing: border-box;
|
|
33
|
+
height: 18px;
|
|
34
|
+
line-height: 1;
|
|
35
|
+
padding: 3px 5px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
:host([variant='activity-bar-counter']) {
|
|
39
|
+
background-color: var(--vscode-activityBarBadge-background);
|
|
40
|
+
border-radius: 20px;
|
|
41
|
+
color: var(--vscode-activityBarBadge-foreground);
|
|
42
|
+
font-size: 9px;
|
|
43
|
+
font-weight: 600;
|
|
44
|
+
line-height: 16px;
|
|
45
|
+
padding: 0 4px;
|
|
46
|
+
}
|
|
47
|
+
`];var yt=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 wt=class extends gt{constructor(){super(...arguments),this.variant="default"}render(){return L` <slot></slot> `}};wt.styles=xt,yt([dt()],wt.prototype,"variant",void 0),wt=yt([at("vscode-badge")],wt);const kt=1,$t=2,_t=t=>(...e)=>({_$litDirective$:t,values:e});class Ct{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 Bt=_t(class extends Ct{constructor(t){if(super(t),t.type!==kt||"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 U}}),St="important",zt=" !"+St,At=_t(class extends Ct{constructor(t){if(super(t),t.type!==kt||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,s)=>{const i=t[s];return null==i?e:e+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(t,[e]){const{style:s}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?s.removeProperty(t):s[t]=null);for(const t in e){const i=e[t];if(null!=i){this.ft.add(t);const e="string"==typeof i&&i.endsWith(zt);t.includes("-")||e?s.setProperty(t,e?i.slice(0,-11):i,e?St:""):s[t]=i}}return U}}),Ot=t=>t??H,Et=[mt,r`
|
|
48
|
+
:host {
|
|
49
|
+
color: var(--vscode-icon-foreground);
|
|
50
|
+
display: inline-block;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.codicon[class*='codicon-'] {
|
|
54
|
+
display: block;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.icon,
|
|
58
|
+
.button {
|
|
59
|
+
background-color: transparent;
|
|
60
|
+
display: block;
|
|
61
|
+
padding: 0;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.button {
|
|
65
|
+
border-color: transparent;
|
|
66
|
+
border-style: solid;
|
|
67
|
+
border-width: 1px;
|
|
68
|
+
border-radius: 5px;
|
|
69
|
+
color: currentColor;
|
|
70
|
+
cursor: pointer;
|
|
71
|
+
padding: 2px;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.button:hover {
|
|
75
|
+
background-color: var(--vscode-toolbar-hoverBackground);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.button:active {
|
|
79
|
+
background-color: var(--vscode-toolbar-activeBackground);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.button:focus {
|
|
83
|
+
outline: none;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.button:focus-visible {
|
|
87
|
+
border-color: var(--vscode-focusBorder);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
@keyframes icon-spin {
|
|
91
|
+
100% {
|
|
92
|
+
transform: rotate(360deg);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.spin {
|
|
97
|
+
animation-name: icon-spin;
|
|
98
|
+
animation-timing-function: linear;
|
|
99
|
+
animation-iteration-count: infinite;
|
|
100
|
+
}
|
|
101
|
+
`];var jt,It=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 Mt=jt=class extends gt{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();jt.stylesheetHref=t,jt.nonce=e}_getStylesheetConfig(){const t=document.getElementById("vscode-codicon-stylesheet"),e=t?.getAttribute("href")||void 0;return{nonce:t?.getAttribute("nonce")||void 0,href:e}}render(){const{stylesheetHref:t,nonce:e}=jt,s=L`<span
|
|
102
|
+
class="${Bt({codicon:!0,["codicon-"+this.name]:!0,spin:this.spin})}"
|
|
103
|
+
style="${At({animationDuration:String(this.spinDuration)+"s",fontSize:this.size+"px",height:this.size+"px",width:this.size+"px"})}"
|
|
104
|
+
></span>`,i=this.actionIcon?L` <button
|
|
105
|
+
class="button"
|
|
106
|
+
@click=${this._onButtonClick}
|
|
107
|
+
aria-label=${this.label}
|
|
108
|
+
>
|
|
109
|
+
${s}
|
|
110
|
+
</button>`:L` <span class="icon" aria-hidden="true" role="presentation"
|
|
111
|
+
>${s}</span
|
|
112
|
+
>`;return L`
|
|
113
|
+
<link
|
|
114
|
+
rel="stylesheet"
|
|
115
|
+
href="${Ot(t)}"
|
|
116
|
+
nonce="${Ot(e)}"
|
|
117
|
+
/>
|
|
118
|
+
${i}
|
|
119
|
+
`}};Mt.styles=Et,Mt.stylesheetHref="",Mt.nonce="",It([dt()],Mt.prototype,"label",void 0),It([dt({type:String})],Mt.prototype,"name",void 0),It([dt({type:Number})],Mt.prototype,"size",void 0),It([dt({type:Boolean,reflect:!0})],Mt.prototype,"spin",void 0),It([dt({type:Number,attribute:"spin-duration"})],Mt.prototype,"spinDuration",void 0),It([dt({type:Boolean,reflect:!0,attribute:"action-icon"})],Mt.prototype,"actionIcon",void 0),Mt=jt=It([at("vscode-icon")],Mt);const Ft=[mt,r`
|
|
120
|
+
:host {
|
|
121
|
+
align-items: center;
|
|
122
|
+
background-color: var(--vscode-button-background);
|
|
123
|
+
border-color: var(--vscode-button-border, var(--vscode-button-background));
|
|
124
|
+
border-style: solid;
|
|
125
|
+
border-radius: 2px;
|
|
126
|
+
border-width: 1px;
|
|
127
|
+
color: var(--vscode-button-foreground);
|
|
128
|
+
cursor: pointer;
|
|
129
|
+
display: inline-block;
|
|
130
|
+
font-family: var(--vscode-font-family);
|
|
131
|
+
font-size: var(--vscode-font-size);
|
|
132
|
+
font-weight: var(--vscode-font-weight);
|
|
133
|
+
line-height: 22px;
|
|
134
|
+
overflow: hidden;
|
|
135
|
+
padding: 1px 13px;
|
|
136
|
+
user-select: none;
|
|
137
|
+
white-space: nowrap;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
:host([secondary]) {
|
|
141
|
+
color: var(--vscode-button-secondaryForeground);
|
|
142
|
+
background-color: var(--vscode-button-secondaryBackground);
|
|
143
|
+
border-color: var(--vscode-button-border, var(--vscode-button-secondaryBackground));
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
:host([disabled]) {
|
|
147
|
+
cursor: default;
|
|
148
|
+
opacity: 0.4;
|
|
149
|
+
pointer-events: none;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
:host(:hover) {
|
|
153
|
+
background-color: var(--vscode-button-hoverBackground);
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
:host([disabled]:hover) {
|
|
157
|
+
background-color: var(--vscode-button-background);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
:host([secondary]:hover) {
|
|
161
|
+
background-color: var(--vscode-button-secondaryHoverBackground);
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
:host([secondary][disabled]:hover) {
|
|
165
|
+
background-color: var(--vscode-button-secondaryBackground);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
:host(:focus),
|
|
169
|
+
:host(:active) {
|
|
170
|
+
outline: none;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
:host(:focus) {
|
|
174
|
+
background-color: var(--vscode-button-hoverBackground);
|
|
175
|
+
outline: 1px solid var(--vscode-focusBorder);
|
|
176
|
+
outline-offset: 2px;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
:host([disabled]:focus) {
|
|
180
|
+
background-color: var(--vscode-button-background);
|
|
181
|
+
outline: 0;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
:host([secondary]:focus) {
|
|
185
|
+
background-color: var(--vscode-button-secondaryHoverBackground);
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
:host([secondary][disabled]:focus) {
|
|
189
|
+
background-color: var(--vscode-button-secondaryBackground);
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.wrapper {
|
|
193
|
+
align-items: center;
|
|
194
|
+
box-sizing: border-box;
|
|
195
|
+
display: flex;
|
|
196
|
+
justify-content: center;
|
|
197
|
+
position: relative;
|
|
198
|
+
width: 100%;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
slot {
|
|
202
|
+
display: block;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.icon {
|
|
206
|
+
color: inherit;
|
|
207
|
+
display: block;
|
|
208
|
+
margin-right: 3px;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.icon-after {
|
|
212
|
+
color: inherit;
|
|
213
|
+
display: block;
|
|
214
|
+
margin-left: 3px;
|
|
215
|
+
}
|
|
216
|
+
`];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 gt{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.iconAfter="",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){"Enter"!==t.key&&" "!==t.key||this.hasAttribute("disabled")||(this.dispatchEvent(new CustomEvent("vsc-click",{detail:{originalEvent:new MouseEvent("click")}})),this._executeAction())}_handleClick(t){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?L`<vscode-icon name="${this.icon}" class="icon"></vscode-icon>`:H,o=e?L`<vscode-icon
|
|
217
|
+
name="${this.iconAfter}"
|
|
218
|
+
class="icon-after"
|
|
219
|
+
></vscode-icon>`:H;return L`
|
|
220
|
+
<span class="${Bt(s)}">
|
|
221
|
+
${i}
|
|
222
|
+
<slot></slot>
|
|
223
|
+
${o}
|
|
224
|
+
</span>
|
|
225
|
+
`}};Nt.styles=Ft,Nt.formAssociated=!0,Dt([dt({type:Boolean,reflect:!0})],Nt.prototype,"autofocus",void 0),Dt([dt({type:Number,reflect:!0})],Nt.prototype,"tabIndex",void 0),Dt([dt({type:Boolean,reflect:!0})],Nt.prototype,"secondary",void 0),Dt([dt({reflect:!0})],Nt.prototype,"role",void 0),Dt([dt({type:Boolean,reflect:!0})],Nt.prototype,"disabled",void 0),Dt([dt()],Nt.prototype,"icon",void 0),Dt([dt({attribute:"icon-after"})],Nt.prototype,"iconAfter",void 0),Dt([dt({type:Boolean,reflect:!0})],Nt.prototype,"focused",void 0),Dt([dt({type:String,reflect:!0})],Nt.prototype,"name",void 0),Dt([dt({reflect:!0})],Nt.prototype,"type",void 0),Dt([dt()],Nt.prototype,"value",void 0),Nt=Dt([at("vscode-button")],Nt);const Pt="__vscode-webview-elements_custom-properties__";let Tt;const Vt=()=>{Rt(Lt())},Rt=t=>{const e=document.getElementById(Pt);if(e)e.innerHTML=t;else{const e=document.createElement("style");e.setAttribute("id",Pt),e.innerHTML=t,document.querySelector("head")?.appendChild(e)}},Lt=()=>{const t=document.documentElement.style.getPropertyValue("--vscode-foreground");let e="";var s,i;return t?/rgba\([0-9, .]+\)/g.test(t)?e=t:(s=t.trim(),i=.9,e=`rgba(${parseInt(s.substring(1,3),16)}, ${parseInt(s.substring(3,5),16)}, ${parseInt(s.substring(5,7),16)}, ${i})`):e="rgba(0, 0, 0, 0.9)",`:root{--vsc-foreground-translucent: ${e};}`};function Ut(){Tt||(Tt=new MutationObserver(Vt),Tt.observe(document.documentElement,{attributes:!0,attributeFilter:["style"]})),Rt(Lt())}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};class qt extends gt{constructor(){super(),this.focused=!1,this._prevTabindex=0,this._handleFocus=()=>{this.focused=!0},this._handleBlur=()=>{this.focused=!1},Ut()}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)}}Ht([dt({type:Boolean,reflect:!0})],qt.prototype,"focused",void 0);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};const Wt=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?L`<span class="label-attr">${this._label}</span>`:L`${H}`}}return Kt([dt()],e.prototype,"label",null),e};var Gt=[r`
|
|
226
|
+
:host {
|
|
227
|
+
color: var(--vsc-foreground-translucent);
|
|
228
|
+
display: inline-block;
|
|
229
|
+
font-family: var(--vscode-font-family);
|
|
230
|
+
font-size: var(--vscode-font-size);
|
|
231
|
+
font-weight: var(--vscode-font-weight);
|
|
232
|
+
line-height: 18px;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
:host(:focus) {
|
|
236
|
+
outline: none;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
:host([disabled]) {
|
|
240
|
+
opacity: 0.4;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.wrapper {
|
|
244
|
+
cursor: pointer;
|
|
245
|
+
display: block;
|
|
246
|
+
font-size: var(--vscode-font-size);
|
|
247
|
+
margin-bottom: 4px;
|
|
248
|
+
margin-top: 4px;
|
|
249
|
+
min-height: 18px;
|
|
250
|
+
position: relative;
|
|
251
|
+
user-select: none;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
:host([disabled]) .wrapper {
|
|
255
|
+
cursor: default;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
input {
|
|
259
|
+
position: absolute;
|
|
260
|
+
height: 1px;
|
|
261
|
+
left: 9px;
|
|
262
|
+
margin: 0;
|
|
263
|
+
top: 17px;
|
|
264
|
+
width: 1px;
|
|
265
|
+
overflow: hidden;
|
|
266
|
+
clip: rect(1px, 1px, 1px, 1px);
|
|
267
|
+
white-space: nowrap;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.icon {
|
|
271
|
+
align-items: center;
|
|
272
|
+
background-color: var(--vscode-settings-checkboxBackground);
|
|
273
|
+
background-size: 16px;
|
|
274
|
+
border: 1px solid var(--vscode-settings-checkboxBorder);
|
|
275
|
+
box-sizing: border-box;
|
|
276
|
+
color: var(--vscode-settings-checkboxForeground);
|
|
277
|
+
display: flex;
|
|
278
|
+
height: 18px;
|
|
279
|
+
justify-content: center;
|
|
280
|
+
left: 0;
|
|
281
|
+
margin-left: 0;
|
|
282
|
+
margin-right: 9px;
|
|
283
|
+
padding: 0;
|
|
284
|
+
pointer-events: none;
|
|
285
|
+
position: absolute;
|
|
286
|
+
top: 0;
|
|
287
|
+
width: 18px;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
.icon.before-empty-label {
|
|
291
|
+
margin-right: 0;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.label {
|
|
295
|
+
cursor: pointer;
|
|
296
|
+
display: block;
|
|
297
|
+
min-height: 18px;
|
|
298
|
+
min-width: 18px;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
.label-inner {
|
|
302
|
+
display: block;
|
|
303
|
+
padding-left: 27px;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
.label-inner.empty {
|
|
307
|
+
padding-left: 0;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
:host([disabled]) .label {
|
|
311
|
+
cursor: default;
|
|
312
|
+
}
|
|
313
|
+
`],Jt=r`
|
|
314
|
+
::slotted(*) {
|
|
315
|
+
margin: 0;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
::slotted(a) {
|
|
319
|
+
color: var(--vscode-textLink-foreground);
|
|
320
|
+
text-decoration: none;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
::slotted(code) {
|
|
324
|
+
color: var(--vscode-textPreformat-foreground);
|
|
325
|
+
line-height: 15px;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
::slotted(.error) {
|
|
329
|
+
color: var(--vscode-errorForeground);
|
|
330
|
+
}
|
|
331
|
+
`;const Yt=[mt,Gt,r`
|
|
332
|
+
:host(:invalid) .icon,
|
|
333
|
+
:host([invalid]) .icon {
|
|
334
|
+
background-color: var(--vscode-inputValidation-errorBackground);
|
|
335
|
+
border-color: var(--vscode-inputValidation-errorBorder, #be1100);
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
.icon {
|
|
339
|
+
border-radius: 3px;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
.indeterminate-icon {
|
|
343
|
+
background-color: currentColor;
|
|
344
|
+
position: absolute;
|
|
345
|
+
height: 1px;
|
|
346
|
+
width: 12px;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
:host(:focus):host(:not([disabled])) .icon {
|
|
350
|
+
outline: 1px solid var(--focus-border);
|
|
351
|
+
outline-offset: -1px;
|
|
352
|
+
}
|
|
353
|
+
`,Jt];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(Wt(qt)){get form(){return this._internals.form}get type(){return"checkbox"}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._handleClick=()=>{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.addEventListener("click",this._handleClick),this.updateComplete.then((()=>{this._manageRequired(),this._setActualFormValue()}))}disconnectedCallback(){this.removeEventListener("keydown",this._handleKeyDown),this.removeEventListener("click",this._handleClick)}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")),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):this._internals.setValidity({})}render(){const t=Bt({icon:!0,checked:this.checked,indeterminate:this.indeterminate}),e=Bt({"label-inner":!0}),s=L`<svg
|
|
354
|
+
width="16"
|
|
355
|
+
height="16"
|
|
356
|
+
viewBox="0 0 16 16"
|
|
357
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
358
|
+
fill="currentColor"
|
|
359
|
+
class="check-icon"
|
|
360
|
+
>
|
|
361
|
+
<path
|
|
362
|
+
fill-rule="evenodd"
|
|
363
|
+
clip-rule="evenodd"
|
|
364
|
+
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"
|
|
365
|
+
/>
|
|
366
|
+
</svg>`,i=this.checked&&!this.indeterminate?s:H,o=this.indeterminate?L`<span class="indeterminate-icon"></span>`:H;return L`
|
|
367
|
+
<div class="wrapper">
|
|
368
|
+
<input
|
|
369
|
+
?autofocus=${this.autofocus}
|
|
370
|
+
id="input"
|
|
371
|
+
class="checkbox"
|
|
372
|
+
type="checkbox"
|
|
373
|
+
?checked="${this.checked}"
|
|
374
|
+
value="${this.value}"
|
|
375
|
+
/>
|
|
376
|
+
<div class="${t}">${o}${i}</div>
|
|
377
|
+
<label for="input" class="label" @click="${this._handleClick}">
|
|
378
|
+
<span class="${e}">
|
|
379
|
+
${this._renderLabelAttribute()}
|
|
380
|
+
<slot @slotchange="${this._handleSlotChange}"></slot>
|
|
381
|
+
</span>
|
|
382
|
+
</label>
|
|
383
|
+
</div>
|
|
384
|
+
`}};Zt.styles=Yt,Zt.formAssociated=!0,Zt.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"autofocus",void 0),Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"checked",void 0),Xt([dt({type:Boolean,reflect:!0,attribute:"default-checked"})],Zt.prototype,"defaultChecked",void 0),Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"invalid",void 0),Xt([dt({reflect:!0})],Zt.prototype,"name",void 0),Xt([dt({reflect:!0})],Zt.prototype,"role",void 0),Xt([dt()],Zt.prototype,"value",void 0),Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"disabled",void 0),Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"indeterminate",void 0),Xt([dt({type:Boolean,reflect:!0})],Zt.prototype,"required",void 0),Xt([pt("#input")],Zt.prototype,"_inputEl",void 0),Zt=Xt([at("vscode-checkbox")],Zt);const Qt=[mt,r`
|
|
385
|
+
:host {
|
|
386
|
+
display: block;
|
|
387
|
+
}
|
|
388
|
+
|
|
389
|
+
.wrapper {
|
|
390
|
+
display: flex;
|
|
391
|
+
flex-wrap: wrap;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
:host([variant='vertical']) .wrapper {
|
|
395
|
+
display: block;
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
::slotted(vscode-checkbox) {
|
|
399
|
+
margin-right: 20px;
|
|
400
|
+
}
|
|
401
|
+
|
|
402
|
+
::slotted(vscode-checkbox:last-child) {
|
|
403
|
+
margin-right: 0;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
:host([variant='vertical']) ::slotted(vscode-checkbox) {
|
|
407
|
+
display: block;
|
|
408
|
+
margin-bottom: 15px;
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
:host([variant='vertical']) ::slotted(vscode-checkbox:last-child) {
|
|
412
|
+
margin-bottom: 0;
|
|
413
|
+
}
|
|
414
|
+
`,Jt];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 gt{constructor(){super(...arguments),this.role="group",this.variant="horizontal"}render(){return L`
|
|
415
|
+
<div class="wrapper">
|
|
416
|
+
<slot></slot>
|
|
417
|
+
</div>
|
|
418
|
+
`}};ee.styles=Qt,te([dt({reflect:!0})],ee.prototype,"role",void 0),te([dt({reflect:!0})],ee.prototype,"variant",void 0),ee=te([at("vscode-checkbox-group")],ee);const se=[mt,r`
|
|
419
|
+
.collapsible {
|
|
420
|
+
background-color: var(--vscode-sideBar-background);
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
.collapsible-header {
|
|
424
|
+
align-items: center;
|
|
425
|
+
background-color: var(--vscode-sideBarSectionHeader-background);
|
|
426
|
+
cursor: pointer;
|
|
427
|
+
display: flex;
|
|
428
|
+
height: 22px;
|
|
429
|
+
line-height: 22px;
|
|
430
|
+
user-select: none;
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
.collapsible-header:focus {
|
|
434
|
+
opacity: 1;
|
|
435
|
+
outline-offset: -1px;
|
|
436
|
+
outline-style: solid;
|
|
437
|
+
outline-width: 1px;
|
|
438
|
+
outline-color: var(--vscode-focusBorder);
|
|
439
|
+
}
|
|
440
|
+
|
|
441
|
+
.title {
|
|
442
|
+
color: var(--vscode-sideBarTitle-foreground);
|
|
443
|
+
display: block;
|
|
444
|
+
font-family: var(--vscode-font-family);
|
|
445
|
+
font-size: 11px;
|
|
446
|
+
font-weight: 700;
|
|
447
|
+
margin: 0;
|
|
448
|
+
overflow: hidden;
|
|
449
|
+
text-overflow: ellipsis;
|
|
450
|
+
text-transform: uppercase;
|
|
451
|
+
white-space: nowrap;
|
|
452
|
+
}
|
|
453
|
+
|
|
454
|
+
.title .description {
|
|
455
|
+
font-weight: 400;
|
|
456
|
+
margin-left: 10px;
|
|
457
|
+
text-transform: none;
|
|
458
|
+
opacity: .6;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
.header-icon {
|
|
462
|
+
color: var(--vscode-icon-foreground);
|
|
463
|
+
display: block;
|
|
464
|
+
flex-shrink: 0;
|
|
465
|
+
margin: 0 3px;
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
.collapsible.open .header-icon {
|
|
469
|
+
transform: rotate(90deg);
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
.header-slots {
|
|
473
|
+
align-items: center;
|
|
474
|
+
display: flex;
|
|
475
|
+
height: 22px;
|
|
476
|
+
margin-left: auto;
|
|
477
|
+
margin-right: 4px;
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
.actions {
|
|
481
|
+
display: none;
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
.collapsible.open .actions {
|
|
485
|
+
display: block;
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
.header-slots slot {
|
|
489
|
+
display: flex;
|
|
490
|
+
max-height: 22px;
|
|
491
|
+
overflow: hidden;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
.header-slots slot::slotted(div) {
|
|
495
|
+
align-items: center;
|
|
496
|
+
display: flex;
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
.collapsible-body {
|
|
500
|
+
display: none;
|
|
501
|
+
overflow: hidden;
|
|
502
|
+
}
|
|
503
|
+
|
|
504
|
+
.collapsible.open .collapsible-body {
|
|
505
|
+
display: block;
|
|
506
|
+
}
|
|
507
|
+
`];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 gt{constructor(){super(...arguments),this.title="",this.description="",this.open=!1}_onHeaderClick(){this.open=!this.open}_onHeaderKeyDown(t){"Enter"===t.key&&(this.open=!this.open)}render(){const t=Bt({collapsible:!0,open:this.open}),e=L`<svg
|
|
508
|
+
width="16"
|
|
509
|
+
height="16"
|
|
510
|
+
viewBox="0 0 16 16"
|
|
511
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
512
|
+
fill="currentColor"
|
|
513
|
+
class="header-icon"
|
|
514
|
+
>
|
|
515
|
+
<path
|
|
516
|
+
fill-rule="evenodd"
|
|
517
|
+
clip-rule="evenodd"
|
|
518
|
+
d="M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z"
|
|
519
|
+
/>
|
|
520
|
+
</svg>`,s=this.description?L`<span class="description">${this.description}</span>`:H;return L`
|
|
521
|
+
<div class="${t}">
|
|
522
|
+
<div
|
|
523
|
+
class="collapsible-header"
|
|
524
|
+
tabindex="0"
|
|
525
|
+
title="${this.title}"
|
|
526
|
+
@click="${this._onHeaderClick}"
|
|
527
|
+
@keydown="${this._onHeaderKeyDown}"
|
|
528
|
+
>
|
|
529
|
+
${e}
|
|
530
|
+
<h3 class="title">${this.title}${s}</h3>
|
|
531
|
+
<div class="header-slots">
|
|
532
|
+
<div class="actions"><slot name="actions"></slot></div>
|
|
533
|
+
<div class="decorations"><slot name="decorations"></slot></div>
|
|
534
|
+
</div>
|
|
535
|
+
</div>
|
|
536
|
+
<div class="collapsible-body">
|
|
537
|
+
<div>
|
|
538
|
+
<slot></slot>
|
|
539
|
+
</div>
|
|
540
|
+
</div>
|
|
541
|
+
</div>
|
|
542
|
+
`}};oe.styles=se,ie([dt({type:String})],oe.prototype,"title",void 0),ie([dt()],oe.prototype,"description",void 0),ie([dt({type:Boolean,reflect:!0})],oe.prototype,"open",void 0),oe=ie([at("vscode-collapsible")],oe);const re=[mt,r`
|
|
543
|
+
:host {
|
|
544
|
+
display: block;
|
|
545
|
+
font-family: var(--vscode-font-family);
|
|
546
|
+
font-size: var(--vscode-font-size);
|
|
547
|
+
font-weight: var(--vscode-font-weight);
|
|
548
|
+
line-height: 1.4em;
|
|
549
|
+
outline: none;
|
|
550
|
+
position: relative;
|
|
551
|
+
}
|
|
552
|
+
|
|
553
|
+
.context-menu-item {
|
|
554
|
+
background-color: var(--vscode-menu-background);
|
|
555
|
+
color: var(--vscode-menu-foreground);
|
|
556
|
+
display: flex;
|
|
557
|
+
user-select: none;
|
|
558
|
+
white-space: nowrap;
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
.ruler {
|
|
562
|
+
border-bottom: 1px solid var(--vscode-menu-separatorBackground);
|
|
563
|
+
display: block;
|
|
564
|
+
margin: 0 0 4px;
|
|
565
|
+
padding-top: 4px;
|
|
566
|
+
width: 100%;
|
|
567
|
+
}
|
|
568
|
+
|
|
569
|
+
.context-menu-item a {
|
|
570
|
+
align-items: center;
|
|
571
|
+
border-color: transparent;
|
|
572
|
+
border-radius: 3px;
|
|
573
|
+
border-style: solid;
|
|
574
|
+
border-width: 1px;
|
|
575
|
+
box-sizing: border-box;
|
|
576
|
+
color: var(--vscode-menu-foreground);
|
|
577
|
+
cursor: default;
|
|
578
|
+
display: flex;
|
|
579
|
+
flex: 1 1 auto;
|
|
580
|
+
height: 2em;
|
|
581
|
+
margin-left: 4px;
|
|
582
|
+
margin-right: 4px;
|
|
583
|
+
outline: none;
|
|
584
|
+
position: relative;
|
|
585
|
+
text-decoration: inherit;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
:host([selected]) .context-menu-item a {
|
|
589
|
+
background-color: var(--vscode-menu-selectionBackground);
|
|
590
|
+
border-color: var(--vscode-menu-selectionBorder, var(--vscode-menu-selectionBackground));
|
|
591
|
+
color: var(--vscode-menu-selectionForeground);
|
|
592
|
+
}
|
|
593
|
+
|
|
594
|
+
.label {
|
|
595
|
+
background: none;
|
|
596
|
+
display: flex;
|
|
597
|
+
flex: 1 1 auto;
|
|
598
|
+
font-size: 12px;
|
|
599
|
+
line-height: 1;
|
|
600
|
+
padding: 0 22px;
|
|
601
|
+
text-decoration: none;
|
|
602
|
+
}
|
|
603
|
+
|
|
604
|
+
.keybinding {
|
|
605
|
+
display: block;
|
|
606
|
+
flex: 2 1 auto;
|
|
607
|
+
line-height: 1;
|
|
608
|
+
padding: 0 22px;
|
|
609
|
+
text-align: right;
|
|
610
|
+
}
|
|
611
|
+
`];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 gt{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 L`
|
|
612
|
+
${this.separator?L`
|
|
613
|
+
<div class="context-menu-item separator">
|
|
614
|
+
<span class="ruler"></span>
|
|
615
|
+
</div>
|
|
616
|
+
`:L`
|
|
617
|
+
<div class="context-menu-item">
|
|
618
|
+
<a @click="${this.onItemClick}">
|
|
619
|
+
${this.label?L`<span class="label">${this.label}</span>`:H}
|
|
620
|
+
${this.keybinding?L`<span class="keybinding">${this.keybinding}</span>`:H}
|
|
621
|
+
</a>
|
|
622
|
+
</div>
|
|
623
|
+
`}
|
|
624
|
+
`}};le.styles=re,ne([dt({type:String})],le.prototype,"label",void 0),ne([dt({type:String})],le.prototype,"keybinding",void 0),ne([dt({type:String})],le.prototype,"value",void 0),ne([dt({type:Boolean,reflect:!0})],le.prototype,"separator",void 0),ne([dt({type:Number})],le.prototype,"tabindex",void 0),le=ne([at("vscode-context-menu-item")],le);const ae=[mt,r`
|
|
625
|
+
:host {
|
|
626
|
+
display: block;
|
|
627
|
+
font-family: var(--vscode-font-family);
|
|
628
|
+
font-size: var(--vscode-font-size);
|
|
629
|
+
font-weight: var(--vscode-font-weight);
|
|
630
|
+
line-height: 1.4em;
|
|
631
|
+
position: relative;
|
|
632
|
+
}
|
|
633
|
+
|
|
634
|
+
.context-menu {
|
|
635
|
+
background-color: var(--vscode-menu-background);
|
|
636
|
+
border-color: var(--vscode-menu-border);
|
|
637
|
+
border-radius: 5px;
|
|
638
|
+
border-style: solid;
|
|
639
|
+
border-width: 1px;
|
|
640
|
+
box-shadow: 0 2px 8px var(--vscode-widget-shadow);
|
|
641
|
+
color: var(--vscode-menu-foreground);
|
|
642
|
+
padding: 4px 0;
|
|
643
|
+
white-space: nowrap;
|
|
644
|
+
}
|
|
645
|
+
|
|
646
|
+
.context-menu:focus {
|
|
647
|
+
outline: 0;
|
|
648
|
+
}
|
|
649
|
+
`];var ce=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 he=class extends gt{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.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._show=!1,document.removeEventListener("click",this._onClickOutsideBound)}_onItemClick(t){const e=t.currentTarget;this._dispatchLegacySelectEvent(e),this._dispatchSelectEvent(e),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 L`${H}`;const t=this._clickableItemIndexes[this._selectedClickableItemIndex];return L`
|
|
650
|
+
<div class="context-menu" tabindex="0">
|
|
651
|
+
${this.data?this.data.map((({label:e="",keybinding:s="",value:i="",separator:o=!1,tabindex:r=0},n)=>L`
|
|
652
|
+
<vscode-context-menu-item
|
|
653
|
+
label="${e}"
|
|
654
|
+
keybinding="${s}"
|
|
655
|
+
value="${i}"
|
|
656
|
+
?separator="${o}"
|
|
657
|
+
?selected="${n===t}"
|
|
658
|
+
tabindex="${r}"
|
|
659
|
+
@vsc-click="${this._onItemClick}"
|
|
660
|
+
@mouseover=${this._onItemMouseOver}
|
|
661
|
+
@mouseout=${this._onItemMouseOut}
|
|
662
|
+
data-index=${n}
|
|
663
|
+
></vscode-context-menu-item>
|
|
664
|
+
`)):L`<slot></slot>`}
|
|
665
|
+
</div>
|
|
666
|
+
`}};he.styles=ae,ce([dt({type:Array,attribute:!1})],he.prototype,"data",null),ce([dt({type:Boolean,reflect:!0})],he.prototype,"show",null),ce([dt({type:Number,reflect:!0})],he.prototype,"tabIndex",void 0),ce([ut()],he.prototype,"_selectedClickableItemIndex",void 0),ce([ut()],he.prototype,"_show",void 0),ce([pt(".context-menu")],he.prototype,"_wrapperEl",void 0),he=ce([at("vscode-context-menu")],he);const de=[mt,r`
|
|
667
|
+
:host {
|
|
668
|
+
background-color: var(--vscode-widget-border);
|
|
669
|
+
display: block;
|
|
670
|
+
height: 1px;
|
|
671
|
+
margin-bottom: 10px;
|
|
672
|
+
margin-top: 10px;
|
|
673
|
+
}
|
|
674
|
+
`];var ue=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 ve=class extends gt{constructor(){super(...arguments),this.role="separator"}render(){return L``}};ve.styles=de,ue([dt({reflect:!0})],ve.prototype,"role",void 0),ve=ue([at("vscode-divider")],ve);const pe=[mt,r`
|
|
675
|
+
:host {
|
|
676
|
+
display: block;
|
|
677
|
+
max-width: 727px;
|
|
678
|
+
}
|
|
679
|
+
`];var be,fe=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"}(be||(be={}));const ge=t=>"vscode-checkbox"===t.tagName.toLocaleLowerCase(),me=t=>"vscode-radio"===t.tagName.toLocaleLowerCase();let xe=class extends gt{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&&(ge(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:ge(t)&&!t.checked?s[e]=Array.isArray(s[e])?s[e]:[]:me(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:me(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===be.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===be.HORIZONTAL&&s===be.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?be.VERTICAL:be.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 L`
|
|
680
|
+
<div class="wrapper">
|
|
681
|
+
<slot></slot>
|
|
682
|
+
</div>
|
|
683
|
+
`}};xe.styles=pe,fe([dt({type:Boolean,reflect:!0})],xe.prototype,"responsive",null),fe([dt({type:Number})],xe.prototype,"breakpoint",void 0),fe([dt({type:Object})],xe.prototype,"data",null),fe([pt(".wrapper")],xe.prototype,"_wrapperElement",void 0),fe([ft({selector:"vscode-form-group"})],xe.prototype,"_assignedFormGroups",void 0),xe=fe([at("vscode-form-container")],xe);const ye=[mt,r`
|
|
684
|
+
:host {
|
|
685
|
+
--label-right-margin: 14px;
|
|
686
|
+
--label-width: 150px;
|
|
687
|
+
|
|
688
|
+
display: block;
|
|
689
|
+
margin: 15px 0;
|
|
690
|
+
}
|
|
691
|
+
|
|
692
|
+
:host([variant='settings-group']) {
|
|
693
|
+
margin: 0;
|
|
694
|
+
padding: 12px 14px 18px;
|
|
695
|
+
max-width: 727px;
|
|
696
|
+
}
|
|
697
|
+
|
|
698
|
+
.wrapper {
|
|
699
|
+
display: flex;
|
|
700
|
+
flex-wrap: wrap;
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
:host([variant='vertical']) .wrapper,
|
|
704
|
+
:host([variant='settings-group']) .wrapper {
|
|
705
|
+
display: block;
|
|
706
|
+
}
|
|
707
|
+
|
|
708
|
+
:host([variant='horizontal']) ::slotted(vscode-checkbox-group),
|
|
709
|
+
:host([variant='horizontal']) ::slotted(vscode-radio-group) {
|
|
710
|
+
width: calc(100% - calc(var(--label-width) + var(--label-right-margin)));
|
|
711
|
+
}
|
|
712
|
+
|
|
713
|
+
:host([variant='horizontal']) ::slotted(vscode-label) {
|
|
714
|
+
margin-right: var(--label-right-margin);
|
|
715
|
+
text-align: right;
|
|
716
|
+
width: var(--label-width);
|
|
717
|
+
}
|
|
718
|
+
|
|
719
|
+
:host([variant='settings-group']) ::slotted(vscode-label) {
|
|
720
|
+
height: 18px;
|
|
721
|
+
line-height: 18px;
|
|
722
|
+
margin-bottom: 4px;
|
|
723
|
+
margin-right: 0;
|
|
724
|
+
padding: 0;
|
|
725
|
+
}
|
|
726
|
+
|
|
727
|
+
::slotted(vscode-form-helper) {
|
|
728
|
+
margin-left: calc(var(--label-width) + var(--label-right-margin));
|
|
729
|
+
}
|
|
730
|
+
|
|
731
|
+
:host([variant='vertical']) ::slotted(vscode-form-helper),
|
|
732
|
+
:host([variant='settings-group']) ::slotted(vscode-form-helper) {
|
|
733
|
+
display: block;
|
|
734
|
+
margin-left: 0;
|
|
735
|
+
}
|
|
736
|
+
|
|
737
|
+
:host([variant='settings-group']) ::slotted(vscode-form-helper) {
|
|
738
|
+
margin-bottom: 0;
|
|
739
|
+
margin-top: 0;
|
|
740
|
+
}
|
|
741
|
+
|
|
742
|
+
:host([variant='vertical']) ::slotted(vscode-label),
|
|
743
|
+
:host([variant='settings-group']) ::slotted(vscode-label) {
|
|
744
|
+
display: block;
|
|
745
|
+
margin-left: 0;
|
|
746
|
+
text-align: left;
|
|
747
|
+
}
|
|
748
|
+
|
|
749
|
+
:host([variant='settings-group']) ::slotted(vscode-inputbox),
|
|
750
|
+
:host([variant='settings-group']) ::slotted(vscode-textfield),
|
|
751
|
+
:host([variant='settings-group']) ::slotted(vscode-textarea),
|
|
752
|
+
:host([variant='settings-group']) ::slotted(vscode-single-select),
|
|
753
|
+
:host([variant='settings-group']) ::slotted(vscode-multi-select) {
|
|
754
|
+
margin-top: 9px;
|
|
755
|
+
}
|
|
756
|
+
|
|
757
|
+
::slotted(vscode-button:first-child) {
|
|
758
|
+
margin-left: calc(var(--label-width) + var(--label-right-margin));
|
|
759
|
+
}
|
|
760
|
+
|
|
761
|
+
:host([variant='vertical']) ::slotted(vscode-button) {
|
|
762
|
+
margin-left: 0;
|
|
763
|
+
}
|
|
764
|
+
|
|
765
|
+
::slotted(vscode-button) {
|
|
766
|
+
margin-right: 4px;
|
|
767
|
+
}
|
|
768
|
+
`];var we=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 gt{constructor(){super(...arguments),this.variant="horizontal"}render(){return L`
|
|
769
|
+
<div class="wrapper">
|
|
770
|
+
<slot></slot>
|
|
771
|
+
</div>
|
|
772
|
+
`}};ke.styles=ye,we([dt({reflect:!0})],ke.prototype,"variant",void 0),ke=we([at("vscode-form-group")],ke);const $e=[mt,r`
|
|
773
|
+
:host {
|
|
774
|
+
color: var(--vsc-foreground-translucent);
|
|
775
|
+
display: block;
|
|
776
|
+
margin-bottom: 4px;
|
|
777
|
+
margin-top: 4px;
|
|
778
|
+
max-width: 720px;
|
|
779
|
+
}
|
|
780
|
+
|
|
781
|
+
:host([vertical]) {
|
|
782
|
+
margin-left: 0;
|
|
783
|
+
}
|
|
784
|
+
`,Jt];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 gt{constructor(){super(),Ut()}render(){return L`<slot></slot>`}};Ce.styles=$e,Ce=_e([at("vscode-form-helper")],Ce);let Be=0;const Se=(t="")=>(Be++,`${t}${Be}`),ze=[mt,r`
|
|
785
|
+
:host {
|
|
786
|
+
display: block;
|
|
787
|
+
}
|
|
788
|
+
|
|
789
|
+
.wrapper {
|
|
790
|
+
display: flex;
|
|
791
|
+
flex-wrap: wrap;
|
|
792
|
+
}
|
|
793
|
+
|
|
794
|
+
:host([variant='vertical']) .wrapper {
|
|
795
|
+
display: block;
|
|
796
|
+
}
|
|
797
|
+
|
|
798
|
+
::slotted(vscode-radio) {
|
|
799
|
+
margin-right: 20px;
|
|
800
|
+
}
|
|
801
|
+
|
|
802
|
+
::slotted(vscode-radio:last-child) {
|
|
803
|
+
margin-right: 0;
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
:host([variant='vertical']) ::slotted(vscode-radio) {
|
|
807
|
+
display: block;
|
|
808
|
+
margin-bottom: 15px;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
:host([variant='vertical']) ::slotted(vscode-radio:last-child) {
|
|
812
|
+
margin-bottom: 0;
|
|
813
|
+
}
|
|
814
|
+
`];var Ae=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 gt{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 L`
|
|
815
|
+
<div class="wrapper">
|
|
816
|
+
<slot
|
|
817
|
+
@slotchange=${this._onSlotChange}
|
|
818
|
+
@vsc-change=${this._onChange}
|
|
819
|
+
></slot>
|
|
820
|
+
</div>
|
|
821
|
+
`}};Oe.styles=ze,Ae([dt({reflect:!0})],Oe.prototype,"variant",void 0),Ae([dt({reflect:!0})],Oe.prototype,"role",void 0),Ae([ft({selector:"vscode-radio"})],Oe.prototype,"_radios",void 0),Ae([ut()],Oe.prototype,"_focusedRadio",void 0),Ae([ut()],Oe.prototype,"_checkedRadio",void 0),Oe=Ae([at("vscode-radio-group")],Oe);const Ee=[mt,r`
|
|
822
|
+
:host {
|
|
823
|
+
display: inline-block;
|
|
824
|
+
height: 40px;
|
|
825
|
+
position: relative;
|
|
826
|
+
width: 320px;
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
:host([cols]) {
|
|
830
|
+
width: auto;
|
|
831
|
+
}
|
|
832
|
+
|
|
833
|
+
:host([rows]) {
|
|
834
|
+
height: auto;
|
|
835
|
+
}
|
|
836
|
+
|
|
837
|
+
.shadow {
|
|
838
|
+
box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
|
|
839
|
+
display: none;
|
|
840
|
+
inset: 0 0 auto 0;
|
|
841
|
+
height: 6px;
|
|
842
|
+
pointer-events: none;
|
|
843
|
+
position: absolute;
|
|
844
|
+
width: 100%;
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
.shadow.visible {
|
|
848
|
+
display: block;
|
|
849
|
+
}
|
|
850
|
+
|
|
851
|
+
textarea {
|
|
852
|
+
background-color: var(--vscode-settings-textInputBackground);
|
|
853
|
+
border-color: var(--vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground));
|
|
854
|
+
border-radius: 2px;
|
|
855
|
+
border-style: solid;
|
|
856
|
+
border-width: 1px;
|
|
857
|
+
box-sizing: border-box;
|
|
858
|
+
color: var(--vscode-settings-textInputForeground);
|
|
859
|
+
display: block;
|
|
860
|
+
font-family: var(--vscode-font-family);
|
|
861
|
+
font-size: var(--vscode-font-size);
|
|
862
|
+
font-weight: var(--vscode-font-weight);
|
|
863
|
+
height: 100%;
|
|
864
|
+
width: 100%;
|
|
865
|
+
}
|
|
866
|
+
|
|
867
|
+
:host([cols]) textarea {
|
|
868
|
+
width: auto;
|
|
869
|
+
}
|
|
870
|
+
|
|
871
|
+
:host([rows]) textarea {
|
|
872
|
+
height: auto;
|
|
873
|
+
}
|
|
874
|
+
|
|
875
|
+
:host([invalid]) textarea,
|
|
876
|
+
:host(:invalid) textarea {
|
|
877
|
+
background-color: var(--vscode-inputValidation-errorBackground);
|
|
878
|
+
border-color: var(--vscode-inputValidation-errorBorder, #be1100);
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
textarea.monospace {
|
|
882
|
+
background-color: var(--vscode-editor-background);
|
|
883
|
+
color: var(--vscode-editor-foreground);
|
|
884
|
+
font-family: var(--vscode-editor-font-family);
|
|
885
|
+
font-size: var(--vscode-editor-font-size);
|
|
886
|
+
font-weight: var(--vscode-editor-font-weight);
|
|
887
|
+
}
|
|
888
|
+
|
|
889
|
+
.textarea.monospace::placeholder {
|
|
890
|
+
color: var(--vscode-editor-inlineValuesForeground);
|
|
891
|
+
}
|
|
892
|
+
|
|
893
|
+
textarea.cursor-pointer {
|
|
894
|
+
cursor: pointer;
|
|
895
|
+
}
|
|
896
|
+
|
|
897
|
+
textarea:focus {
|
|
898
|
+
border-color: var(--vscode-focusBorder);
|
|
899
|
+
outline: none;
|
|
900
|
+
}
|
|
901
|
+
|
|
902
|
+
textarea::placeholder {
|
|
903
|
+
color: var(--vscode-input-placeholderForeground);
|
|
904
|
+
opacity: 1;
|
|
905
|
+
}
|
|
906
|
+
|
|
907
|
+
textarea::-webkit-scrollbar-track {
|
|
908
|
+
background-color: transparent;
|
|
909
|
+
}
|
|
910
|
+
|
|
911
|
+
textarea::-webkit-scrollbar {
|
|
912
|
+
width: 14px;
|
|
913
|
+
}
|
|
914
|
+
|
|
915
|
+
textarea::-webkit-scrollbar-thumb {
|
|
916
|
+
background-color: transparent;
|
|
917
|
+
}
|
|
918
|
+
|
|
919
|
+
textarea:hover::-webkit-scrollbar-thumb {
|
|
920
|
+
background-color: var(--vscode-scrollbarSlider-background);
|
|
921
|
+
}
|
|
922
|
+
|
|
923
|
+
textarea::-webkit-scrollbar-thumb:hover {
|
|
924
|
+
background-color: var(--vscode-scrollbarSlider-hoverBackground);
|
|
925
|
+
}
|
|
926
|
+
|
|
927
|
+
textarea::-webkit-scrollbar-thumb:active {
|
|
928
|
+
background-color: var(--vscode-scrollbarSlider-activeBackground);
|
|
929
|
+
}
|
|
930
|
+
|
|
931
|
+
textarea::-webkit-scrollbar-corner {
|
|
932
|
+
background-color: transparent;
|
|
933
|
+
}
|
|
934
|
+
|
|
935
|
+
textarea::-webkit-resizer {
|
|
936
|
+
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII=');
|
|
937
|
+
background-repeat: no-repeat;
|
|
938
|
+
background-position: right bottom;
|
|
939
|
+
}
|
|
940
|
+
`];var je=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 Ie=class extends gt{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 L`
|
|
941
|
+
<div
|
|
942
|
+
class=${Bt({shadow:!0,visible:this._shadow})}
|
|
943
|
+
></div>
|
|
944
|
+
<textarea
|
|
945
|
+
autocomplete=${Ot(this.autocomplete)}
|
|
946
|
+
?autofocus=${this.autofocus}
|
|
947
|
+
?disabled=${this.disabled}
|
|
948
|
+
aria-label=${this.label}
|
|
949
|
+
id="textarea"
|
|
950
|
+
class=${Bt({monospace:this.monospace,"cursor-pointer":this._textareaPointerCursor})}
|
|
951
|
+
maxlength=${Ot(this.maxLength)}
|
|
952
|
+
minlength=${Ot(this.minLength)}
|
|
953
|
+
rows=${Ot(this.rows)}
|
|
954
|
+
cols=${Ot(this.cols)}
|
|
955
|
+
name=${Ot(this.name)}
|
|
956
|
+
placeholder=${Ot(this.placeholder)}
|
|
957
|
+
?readonly=${this.readonly}
|
|
958
|
+
style=${At({resize:this.resize})}
|
|
959
|
+
?required=${this.required}
|
|
960
|
+
spellcheck=${this.spellcheck}
|
|
961
|
+
@change=${this._handleChange}
|
|
962
|
+
@input=${this._handleInput}
|
|
963
|
+
@mousemove=${this._handleMouseMove}
|
|
964
|
+
@scroll=${this._handleScroll}
|
|
965
|
+
.value=${this._value}
|
|
966
|
+
></textarea>
|
|
967
|
+
`}};Ie.styles=Ee,Ie.formAssociated=!0,Ie.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},je([dt()],Ie.prototype,"autocomplete",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"autofocus",void 0),je([dt({attribute:"default-value"})],Ie.prototype,"defaultValue",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"disabled",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"invalid",void 0),je([dt({attribute:!1})],Ie.prototype,"label",void 0),je([dt({type:Number})],Ie.prototype,"maxLength",void 0),je([dt({type:Number})],Ie.prototype,"minLength",void 0),je([dt({type:Number})],Ie.prototype,"rows",void 0),je([dt({type:Number})],Ie.prototype,"cols",void 0),je([dt()],Ie.prototype,"name",void 0),je([dt()],Ie.prototype,"placeholder",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"readonly",void 0),je([dt()],Ie.prototype,"resize",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"required",void 0),je([dt({type:Boolean})],Ie.prototype,"spellcheck",void 0),je([dt({type:Boolean,reflect:!0})],Ie.prototype,"monospace",void 0),je([dt()],Ie.prototype,"value",null),je([pt("#textarea")],Ie.prototype,"_textareaEl",void 0),je([ut()],Ie.prototype,"_value",void 0),je([ut()],Ie.prototype,"_textareaPointerCursor",void 0),je([ut()],Ie.prototype,"_shadow",void 0),Ie=je([at("vscode-textarea")],Ie);const Me=[mt,r`
|
|
968
|
+
:host {
|
|
969
|
+
align-items: center;
|
|
970
|
+
background-color: var(--vscode-settings-textInputBackground);
|
|
971
|
+
border-color: var(--vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground));
|
|
972
|
+
border-radius: 2px;
|
|
973
|
+
border-style: solid;
|
|
974
|
+
border-width: 1px;
|
|
975
|
+
box-sizing: border-box;
|
|
976
|
+
color: var(--vscode-settings-textInputForeground);
|
|
977
|
+
display: inline-flex;
|
|
978
|
+
max-width: 100%;
|
|
979
|
+
position: relative;
|
|
980
|
+
width: 320px;
|
|
981
|
+
}
|
|
982
|
+
|
|
983
|
+
:host([focused]) {
|
|
984
|
+
border-color: var(--vscode-focusBorder);
|
|
985
|
+
}
|
|
986
|
+
|
|
987
|
+
:host([invalid]),
|
|
988
|
+
:host(:invalid) {
|
|
989
|
+
border-color: var(--vscode-inputValidation-errorBorder, #be1100);
|
|
990
|
+
}
|
|
991
|
+
|
|
992
|
+
:host([invalid]) input,
|
|
993
|
+
:host(:invalid) input {
|
|
994
|
+
background-color: var(--vscode-inputValidation-errorBackground);
|
|
995
|
+
}
|
|
996
|
+
|
|
997
|
+
::slotted([slot='content-before']) {
|
|
998
|
+
display: block;
|
|
999
|
+
margin-left: 2px;
|
|
1000
|
+
}
|
|
1001
|
+
|
|
1002
|
+
::slotted([slot='content-after']) {
|
|
1003
|
+
display: block;
|
|
1004
|
+
margin-right: 2px;
|
|
1005
|
+
}
|
|
1006
|
+
|
|
1007
|
+
slot[name='content-before'],
|
|
1008
|
+
slot[name='content-after'] {
|
|
1009
|
+
align-items: center;
|
|
1010
|
+
display: flex;
|
|
1011
|
+
}
|
|
1012
|
+
|
|
1013
|
+
input {
|
|
1014
|
+
background-color: var(--vscode-settings-textInputBackground);
|
|
1015
|
+
border: 0;
|
|
1016
|
+
box-sizing: border-box;
|
|
1017
|
+
color: var(--vscode-settings-textInputForeground);
|
|
1018
|
+
display: block;
|
|
1019
|
+
font-family: var(--vscode-font-family);
|
|
1020
|
+
font-size: var(--vscode-font-size);
|
|
1021
|
+
font-weight: var(--vscode-font-weight);
|
|
1022
|
+
line-height: 18px;
|
|
1023
|
+
outline: none;
|
|
1024
|
+
padding-bottom: 3px;
|
|
1025
|
+
padding-left: 4px;
|
|
1026
|
+
padding-right: 4px;
|
|
1027
|
+
padding-top: 3px;
|
|
1028
|
+
width: 100%;
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1031
|
+
input:read-only:not([type="file"]) {
|
|
1032
|
+
cursor: not-allowed;
|
|
1033
|
+
}
|
|
1034
|
+
|
|
1035
|
+
input::placeholder {
|
|
1036
|
+
color: var(--vscode-input-placeholderForeground);
|
|
1037
|
+
opacity: 1;
|
|
1038
|
+
}
|
|
1039
|
+
|
|
1040
|
+
input[type='file'] {
|
|
1041
|
+
line-height: 24px;
|
|
1042
|
+
padding-bottom: 0;
|
|
1043
|
+
padding-left: 2px;
|
|
1044
|
+
padding-top: 0;
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1047
|
+
input[type='file']::file-selector-button {
|
|
1048
|
+
background-color: var(--vscode-button-background);
|
|
1049
|
+
border: 0;
|
|
1050
|
+
border-radius: 2px;
|
|
1051
|
+
color: var(--vscode-button-foreground);
|
|
1052
|
+
cursor: pointer;
|
|
1053
|
+
font-family: var(--vscode-font-family);
|
|
1054
|
+
font-size: var(--vscode-font-size);
|
|
1055
|
+
font-weight: var(--vscode-font-weight);
|
|
1056
|
+
line-height: 20px;
|
|
1057
|
+
padding: 0 14px;
|
|
1058
|
+
}
|
|
1059
|
+
|
|
1060
|
+
input[type='file']::file-selector-button:hover {
|
|
1061
|
+
background-color: var(--vscode-button-hoverBackground);
|
|
1062
|
+
}
|
|
1063
|
+
`];var Fe=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 De=class extends gt{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))}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._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 L`
|
|
1064
|
+
<slot name="content-before"></slot>
|
|
1065
|
+
<input
|
|
1066
|
+
id="input"
|
|
1067
|
+
type=${this.type}
|
|
1068
|
+
?autofocus=${this.autofocus}
|
|
1069
|
+
autocomplete=${Ot(this.autocomplete)}
|
|
1070
|
+
aria-label=${this.label}
|
|
1071
|
+
?disabled=${this.disabled}
|
|
1072
|
+
max=${Ot(this.max)}
|
|
1073
|
+
maxlength=${Ot(this.maxLength)}
|
|
1074
|
+
min=${Ot(this.min)}
|
|
1075
|
+
minlength=${Ot(this.minLength)}
|
|
1076
|
+
?multiple=${this.multiple}
|
|
1077
|
+
name=${Ot(this.name)}
|
|
1078
|
+
pattern=${Ot(this.pattern)}
|
|
1079
|
+
placeholder=${Ot(this.placeholder)}
|
|
1080
|
+
?readonly=${this.readonly}
|
|
1081
|
+
?required=${this.required}
|
|
1082
|
+
step=${Ot(this.step)}
|
|
1083
|
+
.value=${Ot("file"!==this.type?this._value:void 0)}
|
|
1084
|
+
@blur=${this._onBlur}
|
|
1085
|
+
@change=${this._onChange}
|
|
1086
|
+
@focus=${this._onFocus}
|
|
1087
|
+
@input=${this._onInput}
|
|
1088
|
+
@keydown=${this._onKeyDown}
|
|
1089
|
+
/>
|
|
1090
|
+
<slot name="content-after"></slot>
|
|
1091
|
+
`}};De.styles=Me,De.formAssociated=!0,De.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},Fe([dt()],De.prototype,"autocomplete",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"autofocus",void 0),Fe([dt({attribute:"default-value"})],De.prototype,"defaultValue",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"disabled",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"focused",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"invalid",void 0),Fe([dt({attribute:!1})],De.prototype,"label",void 0),Fe([dt({type:Number})],De.prototype,"max",void 0),Fe([dt({type:Number})],De.prototype,"maxLength",void 0),Fe([dt({type:Number})],De.prototype,"min",void 0),Fe([dt({type:Number})],De.prototype,"minLength",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"multiple",void 0),Fe([dt({reflect:!0})],De.prototype,"name",void 0),Fe([dt()],De.prototype,"pattern",void 0),Fe([dt()],De.prototype,"placeholder",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"readonly",void 0),Fe([dt({type:Boolean,reflect:!0})],De.prototype,"required",void 0),Fe([dt({type:Number})],De.prototype,"step",void 0),Fe([dt({reflect:!0})],De.prototype,"type",null),Fe([dt()],De.prototype,"value",null),Fe([pt("#input")],De.prototype,"_inputEl",void 0),Fe([ut()],De.prototype,"_value",void 0),Fe([ut()],De.prototype,"_type",void 0),De=Fe([at("vscode-textfield")],De);const Ne=[mt,r`
|
|
1092
|
+
:host {
|
|
1093
|
+
color: var(--vscode-foreground);
|
|
1094
|
+
font-family: var(--vscode-font-family);
|
|
1095
|
+
font-size: var(--vscode-font-size);
|
|
1096
|
+
font-weight: 600;
|
|
1097
|
+
line-height: ${1.2307692307692308};
|
|
1098
|
+
cursor: default;
|
|
1099
|
+
display: block;
|
|
1100
|
+
padding: 5px 0;
|
|
1101
|
+
}
|
|
1102
|
+
|
|
1103
|
+
.wrapper {
|
|
1104
|
+
display: block;
|
|
1105
|
+
}
|
|
1106
|
+
|
|
1107
|
+
.wrapper.required:after {
|
|
1108
|
+
content: ' *';
|
|
1109
|
+
}
|
|
1110
|
+
|
|
1111
|
+
::slotted(.normal) {
|
|
1112
|
+
font-weight: normal;
|
|
1113
|
+
}
|
|
1114
|
+
|
|
1115
|
+
::slotted(.lightened) {
|
|
1116
|
+
color: var(--vscode-foreground);
|
|
1117
|
+
opacity: 0.9;
|
|
1118
|
+
}
|
|
1119
|
+
`];var Pe=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 Te=class extends gt{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=Se("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 Oe||t instanceof ee)&&t.setAttribute("aria-labelledby",this._id);let e="";this.textContent&&(e=this.textContent.trim()),(t instanceof De||t instanceof Ie)&&(t.label=e)}_handleClick(){const t=this._getTarget();t&&"focus"in t&&t.focus()}render(){return L`
|
|
1120
|
+
<label
|
|
1121
|
+
class="${Bt({wrapper:!0,required:this.required})}"
|
|
1122
|
+
@click=${this._handleClick}
|
|
1123
|
+
><slot></slot
|
|
1124
|
+
></label>
|
|
1125
|
+
`}};Te.styles=Ne,Pe([dt({reflect:!0,attribute:"for"})],Te.prototype,"htmlFor",null),Pe([dt()],Te.prototype,"id",null),Pe([dt({type:Boolean,reflect:!0})],Te.prototype,"required",void 0),Te=Pe([at("vscode-label")],Te);const{I:Ve}=ot,Re=()=>document.createComment(""),Le=(t,e,s)=>{const i=t._$AA.parentNode,o=void 0===e?t._$AB:e._$AA;if(void 0===s){const e=i.insertBefore(Re(),o),r=i.insertBefore(Re(),o);s=new Ve(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},Ue=(t,e,s=t)=>(t._$AI(e,s),t),He={},qe=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}},Ke=(t,e,s)=>{const i=new Map;for(let o=e;o<=s;o++)i.set(t[o],o);return i},We=_t(class extends Ct{constructor(t){if(super(t),t.type!==$t)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]=Ue(o[d],r[v]),d++,v++;else if(l[u]===n[p])a[p]=Ue(o[u],r[p]),u--,p--;else if(l[d]===n[p])a[p]=Ue(o[d],r[p]),Le(t,a[p+1],o[d]),d++,p--;else if(l[u]===n[v])a[v]=Ue(o[u],r[v]),Le(t,o[d],o[u]),u--,v++;else if(void 0===c&&(c=Ke(n,v,p),h=Ke(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=Le(t,o[d]);Ue(e,r[v]),a[v]=e}else a[v]=Ue(s,r[v]),Le(t,o[d],s),o[e]=null;v++}else qe(o[u]),u--;else qe(o[d]),d++;for(;v<=p;){const e=Le(t,a[p+1]);Ue(e,r[v]),a[v++]=e}for(;d<=u;){const t=o[d++];null!==t&&qe(t)}return this.ut=n,((t,e=He)=>{t._$AH=e})(t,a),U}}),Ge=L`
|
|
1126
|
+
<span class="icon">
|
|
1127
|
+
<svg
|
|
1128
|
+
width="16"
|
|
1129
|
+
height="16"
|
|
1130
|
+
viewBox="0 0 16 16"
|
|
1131
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1132
|
+
fill="currentColor"
|
|
1133
|
+
>
|
|
1134
|
+
<path
|
|
1135
|
+
fill-rule="evenodd"
|
|
1136
|
+
clip-rule="evenodd"
|
|
1137
|
+
d="M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z"
|
|
1138
|
+
/>
|
|
1139
|
+
</svg>
|
|
1140
|
+
</span>
|
|
1141
|
+
`,Je=(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},Ye=t=>{const e=[];return" "===t?(e.push(L` `),e):(0===t.indexOf(" ")&&e.push(L` `),e.push(L`${t.trimStart().trimEnd()}`),t.lastIndexOf(" ")===t.length-1&&e.push(L` `),e)},Xe=(t,e)=>{const s=[],i=e.length;return i<1?L`${t}`:(e.forEach(((o,r)=>{const n=t.substring(o[0],o[1]);0===r&&0!==o[0]&&s.push(...Ye(t.substring(0,e[0][0]))),r>0&&r<i&&o[0]-e[r-1][1]!=0&&s.push(...Ye(t.substring(e[r-1][1],o[0]))),s.push(L`<b>${Ye(n)}</b>`),r===i-1&&o[1]<t.length&&s.push(...Ye(t.substring(o[1],t.length)))})),s)};var Ze=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 Qe=22;class ts extends gt{constructor(){super(...arguments),this.ariaExpanded="false",this.combobox=!1,this.invalid=!1,this.focused=!1,this.tabIndex=0,this._activeIndex=-1,this._currentDescription="",this._filter="fuzzy",this._filterPattern="",this._selectedIndex=-1,this._selectedIndexes=[],this._showDropdown=!1,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._onClickOutsideBound=this._onClickOutside.bind(this),this._onMouseMoveBound=this._onMouseMove.bind(this)}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})))}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?Je(this._options,this._filterPattern,this._filter):this._options}get _currentOptions(){return this.combobox?this._filteredOptions:this._options}_addOptionsFromSlottedElements(){const t=[];let e=0;const s=this._assignedOptions??[],i={selectedIndexes:[],values:[]};return this._valueOptionIndexMap={},s.forEach((s=>{const{innerText:o,description:r,disabled:n}=s,l=s.value?s.value:o.trim(),a=s.selected??!1,c={label:o.trim(),value:l,description:r,selected:a,index:e,disabled:n};e=t.push(c),a&&(i.selectedIndexes.push(t.length-1),i.values.push(l)),this._valueOptionIndexMap[c.value]=c.index})),this._options=t,i}async _toggleDropdown(t){this._showDropdown=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*Qe))),t?window.addEventListener("click",this._onClickOutsideBound):window.removeEventListener("click",this._onClickOutsideBound)}_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"))}_onFaceClick(){this._toggleDropdown(!this._showDropdown),this._multiple&&(this._activeIndex=0)}_onClickOutside(t){const e=t.composedPath().findIndex((t=>t===this));-1===e&&(this._toggleDropdown(!1),window.removeEventListener("click",this._onClickOutsideBound))}_onMouseMove(){this._isHoverForbidden=!1,window.removeEventListener("mousemove",this._onMouseMoveBound)}_toggleComboboxDropdown(){this._filterPattern="",this._toggleDropdown(!this._showDropdown),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._showDropdown;this._toggleDropdown(e),this._multiple||e||this._selectedIndex===this._activeIndex||(this._selectedIndex=t[this._activeIndex].index,this._value=this._options[this._selectedIndex].value,this._dispatchChangeEvent()),this.combobox&&(this._multiple||e||(this._selectedIndex=this._filteredOptions[this._activeIndex].index),!this._multiple&&e&&this.updateComplete.then((()=>{this._scrollActiveElementToTop()}))),this._multiple&&e&&(this._activeIndex=0)}_onSpaceKeyDown(){if(this._showDropdown){if(this._showDropdown&&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*Qe)}async _adjustOptionListScrollPos(t){if((this.combobox?this._filteredOptions.length:this._options.length)<=10)return;this._isHoverForbidden=!0,window.addEventListener("mousemove",this._onMouseMoveBound),this._listElement||await this.updateComplete;const e=this._listElement.scrollTop,s=this._activeIndex*Qe;"down"===t&&s+Qe>=34+e&&(this._listElement.scrollTop=(this._activeIndex-9)*Qe),"up"===t&&s<=e-Qe&&this._scrollActiveElementToTop()}_onArrowUpKeyDown(){if(this._showDropdown){if(this._activeIndex<=0)return;this._activeIndex-=1,this._adjustOptionListScrollPos("up")}}_onArrowDownKeyDown(){if(this._showDropdown){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(){const t=this._addOptionsFromSlottedElements();t.selectedIndexes.length>0&&(this._selectedIndex=t.selectedIndexes[0],this._selectedIndexes=t.selectedIndexes,this._value=t.values[0],this._values=t.values),this._multiple||this.combobox||0!==t.selectedIndexes.length||(this._selectedIndex=0),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?L`<div class="description">${t}</div>`:H}_renderSelectFace(){return L`${H}`}_renderComboboxFace(){return L`${H}`}_renderDropdownControls(){return L`${H}`}_renderDropdown(){const t=Bt({dropdown:!0,multiple:this._multiple});return L`
|
|
1142
|
+
<div class="${t}">
|
|
1143
|
+
${this._renderOptions()} ${this._renderDropdownControls()}
|
|
1144
|
+
${this._renderDescription()}
|
|
1145
|
+
</div>
|
|
1146
|
+
`}render(){return L`
|
|
1147
|
+
<slot class="main-slot" @slotchange="${this._onSlotChange}"></slot>
|
|
1148
|
+
${this.combobox?this._renderComboboxFace():this._renderSelectFace()}
|
|
1149
|
+
${this._showDropdown?this._renderDropdown():H}
|
|
1150
|
+
`}}Ze([dt({type:String,reflect:!0,attribute:"aria-expanded"})],ts.prototype,"ariaExpanded",void 0),Ze([dt({type:Boolean,reflect:!0})],ts.prototype,"combobox",void 0),Ze([dt({type:Boolean,reflect:!0})],ts.prototype,"disabled",null),Ze([dt({type:Boolean,reflect:!0})],ts.prototype,"invalid",void 0),Ze([dt()],ts.prototype,"filter",null),Ze([dt({type:Boolean,reflect:!0})],ts.prototype,"focused",void 0),Ze([dt({type:Array})],ts.prototype,"options",null),Ze([dt({type:Number,attribute:!0,reflect:!0})],ts.prototype,"tabIndex",void 0),Ze([ft({flatten:!0,selector:"vscode-option"})],ts.prototype,"_assignedOptions",void 0),Ze([ut()],ts.prototype,"_activeIndex",void 0),Ze([ut()],ts.prototype,"_currentDescription",void 0),Ze([ut()],ts.prototype,"_filter",void 0),Ze([ut()],ts.prototype,"_filteredOptions",null),Ze([ut()],ts.prototype,"_filterPattern",void 0),Ze([ut()],ts.prototype,"_selectedIndex",void 0),Ze([ut()],ts.prototype,"_selectedIndexes",void 0),Ze([ut()],ts.prototype,"_showDropdown",void 0),Ze([ut()],ts.prototype,"_options",void 0),Ze([ut()],ts.prototype,"_value",void 0),Ze([ut()],ts.prototype,"_values",void 0),Ze([ut()],ts.prototype,"_listScrollTop",void 0),Ze([pt(".options")],ts.prototype,"_listElement",void 0);var es=[mt,r`
|
|
1151
|
+
:host {
|
|
1152
|
+
display: inline-block;
|
|
1153
|
+
max-width: 100%;
|
|
1154
|
+
outline: none;
|
|
1155
|
+
position: relative;
|
|
1156
|
+
width: 320px;
|
|
1157
|
+
}
|
|
1158
|
+
|
|
1159
|
+
.main-slot {
|
|
1160
|
+
display: none;
|
|
1161
|
+
}
|
|
1162
|
+
|
|
1163
|
+
.select-face,
|
|
1164
|
+
.combobox-face {
|
|
1165
|
+
background-color: var(--vscode-settings-dropdownBackground);
|
|
1166
|
+
border-color: var(--vscode-settings-dropdownBorder);
|
|
1167
|
+
border-radius: 2px;
|
|
1168
|
+
border-style: solid;
|
|
1169
|
+
border-width: 1px;
|
|
1170
|
+
box-sizing: border-box;
|
|
1171
|
+
color: var(--vscode-settings-dropdownForeground);
|
|
1172
|
+
font-family: var(--vscode-font-family);
|
|
1173
|
+
font-size: var(--vscode-font-size);
|
|
1174
|
+
font-weight: var(--vscode-font-weight);
|
|
1175
|
+
line-height: 18px;
|
|
1176
|
+
position: relative;
|
|
1177
|
+
user-select: none;
|
|
1178
|
+
width: 100%;
|
|
1179
|
+
}
|
|
1180
|
+
|
|
1181
|
+
:host([invalid]) .select-face,
|
|
1182
|
+
:host(:invalid) .select-face,
|
|
1183
|
+
:host([invalid]) .combobox-face,
|
|
1184
|
+
:host(:invalid) .combobox-face {
|
|
1185
|
+
background-color: var(--vscode-inputValidation-errorBackground);
|
|
1186
|
+
border-color: var(--vscode-inputValidation-errorBorder, #be1100);
|
|
1187
|
+
}
|
|
1188
|
+
|
|
1189
|
+
.select-face {
|
|
1190
|
+
cursor: pointer;
|
|
1191
|
+
padding: 3px 4px;
|
|
1192
|
+
}
|
|
1193
|
+
|
|
1194
|
+
.select-face.multiselect {
|
|
1195
|
+
padding: 0;
|
|
1196
|
+
}
|
|
1197
|
+
|
|
1198
|
+
.select-face-badge {
|
|
1199
|
+
background-color: var(--vscode-badge-background);
|
|
1200
|
+
border-radius: 2px;
|
|
1201
|
+
color: var(--vscode-badge-foreground);
|
|
1202
|
+
display: inline-block;
|
|
1203
|
+
flex-shrink: 0;
|
|
1204
|
+
font-size: 11px;
|
|
1205
|
+
line-height: 16px;
|
|
1206
|
+
margin: 2px;
|
|
1207
|
+
padding: 2px 3px;
|
|
1208
|
+
text-transform: uppercase;
|
|
1209
|
+
white-space: nowrap;
|
|
1210
|
+
}
|
|
1211
|
+
|
|
1212
|
+
.select-face-badge.no-item {
|
|
1213
|
+
background-color: transparent;
|
|
1214
|
+
color: inherit;
|
|
1215
|
+
}
|
|
1216
|
+
|
|
1217
|
+
.combobox-face {
|
|
1218
|
+
display: flex;
|
|
1219
|
+
}
|
|
1220
|
+
|
|
1221
|
+
.empty-label-placeholder {
|
|
1222
|
+
display: block;
|
|
1223
|
+
height: 16px;
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1226
|
+
:host(:focus) .select-face,
|
|
1227
|
+
:host(:focus) .combobox-face,
|
|
1228
|
+
:host([focused]) .select-face,
|
|
1229
|
+
:host([focused]) .combobox-face {
|
|
1230
|
+
border-color: var(--vscode-focusBorder);
|
|
1231
|
+
outline: none;
|
|
1232
|
+
}
|
|
1233
|
+
|
|
1234
|
+
.combobox-input {
|
|
1235
|
+
background-color: transparent;
|
|
1236
|
+
box-sizing: border-box;
|
|
1237
|
+
border: 0;
|
|
1238
|
+
color: var(--vscode-foreground);
|
|
1239
|
+
display: block;
|
|
1240
|
+
font-family: var(--vscode-font-family);
|
|
1241
|
+
font-size: var(--vscode-font-size);
|
|
1242
|
+
line-height: 16px;
|
|
1243
|
+
padding: 4px;
|
|
1244
|
+
width: 100%;
|
|
1245
|
+
}
|
|
1246
|
+
|
|
1247
|
+
.combobox-input:focus {
|
|
1248
|
+
outline: none;
|
|
1249
|
+
}
|
|
1250
|
+
|
|
1251
|
+
.combobox-button {
|
|
1252
|
+
background-color: transparent;
|
|
1253
|
+
border: 0;
|
|
1254
|
+
color: var(--vscode-foreground);
|
|
1255
|
+
cursor: pointer;
|
|
1256
|
+
flex-shrink: 0;
|
|
1257
|
+
height: 24px;
|
|
1258
|
+
margin: 0;
|
|
1259
|
+
padding: 0;
|
|
1260
|
+
width: 30px;
|
|
1261
|
+
}
|
|
1262
|
+
|
|
1263
|
+
.combobox-button:focus,
|
|
1264
|
+
.combobox-button:hover {
|
|
1265
|
+
background-color: var(--vscode-list-hoverBackground);
|
|
1266
|
+
}
|
|
1267
|
+
|
|
1268
|
+
.combobox-button:focus {
|
|
1269
|
+
outline: 0;
|
|
1270
|
+
}
|
|
1271
|
+
|
|
1272
|
+
.icon {
|
|
1273
|
+
color: var(--vscode-foreground);
|
|
1274
|
+
display: block;
|
|
1275
|
+
height: 14px;
|
|
1276
|
+
pointer-events: none;
|
|
1277
|
+
position: absolute;
|
|
1278
|
+
right: 8px;
|
|
1279
|
+
top: 5px;
|
|
1280
|
+
width: 14px;
|
|
1281
|
+
}
|
|
1282
|
+
|
|
1283
|
+
.icon svg {
|
|
1284
|
+
color: var(--vscode-foreground);
|
|
1285
|
+
height: 100%;
|
|
1286
|
+
width: 100%;
|
|
1287
|
+
}
|
|
1288
|
+
|
|
1289
|
+
.select-face:empty:before {
|
|
1290
|
+
content: '\\00a0';
|
|
1291
|
+
}
|
|
1292
|
+
|
|
1293
|
+
.dropdown {
|
|
1294
|
+
background-color: var(--vscode-settings-dropdownBackground);
|
|
1295
|
+
border-color: var(--vscode-settings-dropdownListBorder);
|
|
1296
|
+
border-radius: 0 0 3px 3px;
|
|
1297
|
+
border-style: solid;
|
|
1298
|
+
border-width: 1px;
|
|
1299
|
+
box-sizing: border-box;
|
|
1300
|
+
left: 0;
|
|
1301
|
+
padding-bottom: 2px;
|
|
1302
|
+
position: absolute;
|
|
1303
|
+
top: 100%;
|
|
1304
|
+
width: 100%;
|
|
1305
|
+
z-index: var(--dropdown-z-index, 2);
|
|
1306
|
+
}
|
|
1307
|
+
|
|
1308
|
+
:host(:focus) .dropdown,
|
|
1309
|
+
:host([focused]) .dropdown {
|
|
1310
|
+
border-color: var(--vscode-focusBorder);
|
|
1311
|
+
}
|
|
1312
|
+
|
|
1313
|
+
.options {
|
|
1314
|
+
box-sizing: border-box;
|
|
1315
|
+
cursor: pointer;
|
|
1316
|
+
list-style: none;
|
|
1317
|
+
margin: 0;
|
|
1318
|
+
max-height: 222px;
|
|
1319
|
+
overflow: auto;
|
|
1320
|
+
padding: 1px;
|
|
1321
|
+
}
|
|
1322
|
+
|
|
1323
|
+
.option {
|
|
1324
|
+
align-items: center;
|
|
1325
|
+
color: var(--vscode-foreground);
|
|
1326
|
+
cursor: pointer;
|
|
1327
|
+
display: flex;
|
|
1328
|
+
font-family: var(--vscode-font-family);
|
|
1329
|
+
font-size: var(--vscode-font-size);
|
|
1330
|
+
font-weight: var(--vscode-font-weight);
|
|
1331
|
+
line-height: 18px;
|
|
1332
|
+
min-height: calc(var(--vscode-font-size) * 1.3);
|
|
1333
|
+
padding: 1px 3px;
|
|
1334
|
+
user-select: none;
|
|
1335
|
+
border-width: 1px;
|
|
1336
|
+
border-style: solid;
|
|
1337
|
+
border-color: transparent;
|
|
1338
|
+
}
|
|
1339
|
+
|
|
1340
|
+
.option b {
|
|
1341
|
+
color: var(--vscode-list-highlightForeground);
|
|
1342
|
+
}
|
|
1343
|
+
|
|
1344
|
+
.option.active b {
|
|
1345
|
+
color: var(--vscode-list-focusHighlightForeground);
|
|
1346
|
+
}
|
|
1347
|
+
|
|
1348
|
+
.option:hover {
|
|
1349
|
+
background-color: var(--vscode-list-hoverBackground);
|
|
1350
|
+
color: var(--vscode-list-hoverForeground);
|
|
1351
|
+
}
|
|
1352
|
+
|
|
1353
|
+
:host-context(body[data-vscode-theme-kind='vscode-high-contrast'])
|
|
1354
|
+
.option:hover,
|
|
1355
|
+
:host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])
|
|
1356
|
+
.option:hover {
|
|
1357
|
+
border-style: dotted;
|
|
1358
|
+
border-color: var(--vscode-list-focusOutline);
|
|
1359
|
+
}
|
|
1360
|
+
|
|
1361
|
+
.option.disabled {
|
|
1362
|
+
cursor: not-allowed;
|
|
1363
|
+
opacity: 0.4;
|
|
1364
|
+
}
|
|
1365
|
+
|
|
1366
|
+
.option.active,
|
|
1367
|
+
.option.active:hover {
|
|
1368
|
+
background-color: var(--vscode-list-activeSelectionBackground);
|
|
1369
|
+
color: var(--vscode-list-activeSelectionForeground);
|
|
1370
|
+
border-color: var(--vscode-list-activeSelectionBackground);
|
|
1371
|
+
border-style: solid;
|
|
1372
|
+
border-width: 1px;
|
|
1373
|
+
}
|
|
1374
|
+
|
|
1375
|
+
:host-context(body[data-vscode-theme-kind='vscode-high-contrast'])
|
|
1376
|
+
.option.active,
|
|
1377
|
+
:host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])
|
|
1378
|
+
.option.active:hover {
|
|
1379
|
+
border-color: var(--vscode-list-focusOutline);
|
|
1380
|
+
border-style: dashed;
|
|
1381
|
+
}
|
|
1382
|
+
|
|
1383
|
+
.option-label {
|
|
1384
|
+
display: block;
|
|
1385
|
+
pointer-events: none;
|
|
1386
|
+
width: 100%;
|
|
1387
|
+
}
|
|
1388
|
+
|
|
1389
|
+
.dropdown.multiple .option.selected {
|
|
1390
|
+
background-color: var(--vscode-list-hoverBackground);
|
|
1391
|
+
border-color: var(--vscode-list-hoverBackground);
|
|
1392
|
+
}
|
|
1393
|
+
|
|
1394
|
+
.dropdown.multiple .option.selected.active {
|
|
1395
|
+
background-color: var(--vscode-list-activeSelectionBackground);
|
|
1396
|
+
color: var(--vscode-list-activeSelectionForeground);
|
|
1397
|
+
border-color: var(--vscode-list-activeSelectionBackground);
|
|
1398
|
+
}
|
|
1399
|
+
|
|
1400
|
+
.checkbox-icon {
|
|
1401
|
+
background-color: var(--vscode-settings-checkboxBackground);
|
|
1402
|
+
border: 1px solid currentColor;
|
|
1403
|
+
border-radius: 2px;
|
|
1404
|
+
box-sizing: border-box;
|
|
1405
|
+
height: 14px;
|
|
1406
|
+
margin-right: 5px;
|
|
1407
|
+
overflow: hidden;
|
|
1408
|
+
position: relative;
|
|
1409
|
+
width: 14px;
|
|
1410
|
+
}
|
|
1411
|
+
|
|
1412
|
+
.checkbox-icon.checked:before,
|
|
1413
|
+
.checkbox-icon.checked:after {
|
|
1414
|
+
content: '';
|
|
1415
|
+
display: block;
|
|
1416
|
+
height: 5px;
|
|
1417
|
+
position: absolute;
|
|
1418
|
+
transform: rotate(-45deg);
|
|
1419
|
+
width: 10px;
|
|
1420
|
+
}
|
|
1421
|
+
|
|
1422
|
+
.checkbox-icon.checked:before {
|
|
1423
|
+
background-color: var(--vscode-foreground);
|
|
1424
|
+
left: 1px;
|
|
1425
|
+
top: 2.5px;
|
|
1426
|
+
}
|
|
1427
|
+
|
|
1428
|
+
.checkbox-icon.checked:after {
|
|
1429
|
+
background-color: var(--vscode-settings-checkboxBackground);
|
|
1430
|
+
left: 1px;
|
|
1431
|
+
top: -0.5px;
|
|
1432
|
+
}
|
|
1433
|
+
|
|
1434
|
+
.dropdown-controls {
|
|
1435
|
+
display: flex;
|
|
1436
|
+
justify-content: flex-end;
|
|
1437
|
+
padding: 4px;
|
|
1438
|
+
}
|
|
1439
|
+
|
|
1440
|
+
.dropdown-controls :not(:last-child) {
|
|
1441
|
+
margin-right: 4px;
|
|
1442
|
+
}
|
|
1443
|
+
|
|
1444
|
+
.action-icon {
|
|
1445
|
+
align-items: center;
|
|
1446
|
+
background-color: transparent;
|
|
1447
|
+
border: 0;
|
|
1448
|
+
color: var(--vscode-foreground);
|
|
1449
|
+
cursor: pointer;
|
|
1450
|
+
display: flex;
|
|
1451
|
+
height: 24px;
|
|
1452
|
+
justify-content: center;
|
|
1453
|
+
padding: 0;
|
|
1454
|
+
width: 24px;
|
|
1455
|
+
}
|
|
1456
|
+
|
|
1457
|
+
.action-icon:focus {
|
|
1458
|
+
outline: none;
|
|
1459
|
+
}
|
|
1460
|
+
|
|
1461
|
+
.action-icon:focus-visible {
|
|
1462
|
+
outline: 1px solid var(--vscode-focusBorder);
|
|
1463
|
+
outline-offset: -1px;
|
|
1464
|
+
}
|
|
1465
|
+
|
|
1466
|
+
.description {
|
|
1467
|
+
border-color: var(--vscode-settings-dropdownBorder);
|
|
1468
|
+
border-style: solid;
|
|
1469
|
+
border-width: 1px 0 0;
|
|
1470
|
+
color: var(--vscode-foreground);
|
|
1471
|
+
font-family: var(--vscode-font-family);
|
|
1472
|
+
font-size: var(--vscode-font-size);
|
|
1473
|
+
font-weight: var(--vscode-font-weight);
|
|
1474
|
+
line-height: 1.3;
|
|
1475
|
+
padding: 6px 4px;
|
|
1476
|
+
word-wrap:break-word;
|
|
1477
|
+
}
|
|
1478
|
+
`],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 is=class extends ts{set selectedIndexes(t){this._selectedIndexes=t}get selectedIndexes(){return this._selectedIndexes}set value(t){const e=t.map((t=>String(t)));this._values=e,this._selectedIndexes.forEach((t=>{this._options[t].selected=!1})),this._selectedIndexes=[],e.forEach((t=>{this._valueOptionIndexMap[t]&&(this._selectedIndexes.push(this._valueOptionIndexMap[t]),this._options[this._valueOptionIndexMap[t]].selected=!0)})),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._multiple=!0,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._manageRequired(),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._internals.setValidity({})}_setFormValue(){const t=new FormData;this._values.forEach((e=>{t.append(this.name??"",e)})),this._internals.setFormValue(t)}_onOptionClick(t){const e=t.composedPath().find((t=>"matches"in t&&t.matches("li.option")));if(!e)return;const s=Number(e.dataset.index);this._options[s]&&(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 L`<span class="select-face-badge no-item"
|
|
1479
|
+
>No items selected</span
|
|
1480
|
+
>`;case 1:return L`<span class="select-face-badge">1 item selected</span>`;default:return L`<span class="select-face-badge"
|
|
1481
|
+
>${this._selectedIndexes.length} items selected</span
|
|
1482
|
+
>`}}_renderSelectFace(){return L`
|
|
1483
|
+
<div
|
|
1484
|
+
class="select-face multiselect"
|
|
1485
|
+
@click="${this._onFaceClick}"
|
|
1486
|
+
tabindex="${this.tabIndex>-1?0:-1}"
|
|
1487
|
+
>
|
|
1488
|
+
${this._renderLabel()} ${Ge}
|
|
1489
|
+
</div>
|
|
1490
|
+
`}_renderComboboxFace(){const t=this._selectedIndex>-1?this._options[this._selectedIndex].label:"";return L`
|
|
1491
|
+
<div class="combobox-face">
|
|
1492
|
+
${this._renderLabel()}
|
|
1493
|
+
<input
|
|
1494
|
+
class="combobox-input"
|
|
1495
|
+
spellcheck="false"
|
|
1496
|
+
type="text"
|
|
1497
|
+
.value="${t}"
|
|
1498
|
+
@focus="${this._onComboboxInputFocus}"
|
|
1499
|
+
@input="${this._onComboboxInputInput}"
|
|
1500
|
+
@click="${this._onComboboxInputClick}"
|
|
1501
|
+
/>
|
|
1502
|
+
<button
|
|
1503
|
+
class="combobox-button"
|
|
1504
|
+
type="button"
|
|
1505
|
+
@click="${this._onComboboxButtonClick}"
|
|
1506
|
+
@keydown="${this._onComboboxButtonKeyDown}"
|
|
1507
|
+
>
|
|
1508
|
+
${Ge}
|
|
1509
|
+
</button>
|
|
1510
|
+
</div>
|
|
1511
|
+
`}_renderOptions(){const t=this.combobox?this._filteredOptions:this._options;return L`
|
|
1512
|
+
<ul
|
|
1513
|
+
class="options"
|
|
1514
|
+
@click="${this._onOptionClick}"
|
|
1515
|
+
@mouseover="${this._onOptionMouseOver}"
|
|
1516
|
+
>
|
|
1517
|
+
${We(t,(t=>t.index),((t,e)=>{const s=this._selectedIndexes.includes(t.index),i=Bt({active:e===this._activeIndex,option:!0,selected:s}),o=Bt({"checkbox-icon":!0,checked:s});return L`
|
|
1518
|
+
<li
|
|
1519
|
+
class="${i}"
|
|
1520
|
+
data-index="${t.index}"
|
|
1521
|
+
data-filtered-index="${e}"
|
|
1522
|
+
>
|
|
1523
|
+
<span class="${o}"></span>
|
|
1524
|
+
<span class="option-label"
|
|
1525
|
+
>${t.ranges?.length?Xe(t.label,t.ranges??[]):t.label}</span
|
|
1526
|
+
>
|
|
1527
|
+
</li>
|
|
1528
|
+
`}))}
|
|
1529
|
+
</ul>
|
|
1530
|
+
`}_renderDropdownControls(){return L`
|
|
1531
|
+
<div class="dropdown-controls">
|
|
1532
|
+
<button
|
|
1533
|
+
type="button"
|
|
1534
|
+
@click="${this._onMultiSelectAllClick}"
|
|
1535
|
+
title="Select all"
|
|
1536
|
+
class="action-icon"
|
|
1537
|
+
id="select-all"
|
|
1538
|
+
>
|
|
1539
|
+
<vscode-icon name="checklist"></vscode-icon>
|
|
1540
|
+
</button>
|
|
1541
|
+
<button
|
|
1542
|
+
type="button"
|
|
1543
|
+
@click="${this._onMultiDeselectAllClick}"
|
|
1544
|
+
title="Deselect all"
|
|
1545
|
+
class="action-icon"
|
|
1546
|
+
id="select-none"
|
|
1547
|
+
>
|
|
1548
|
+
<vscode-icon name="clear-all"></vscode-icon>
|
|
1549
|
+
</button>
|
|
1550
|
+
<vscode-button
|
|
1551
|
+
class="button-accept"
|
|
1552
|
+
@click="${this._onMultiAcceptClick}"
|
|
1553
|
+
>OK</vscode-button
|
|
1554
|
+
>
|
|
1555
|
+
</div>
|
|
1556
|
+
`}};is.styles=es,is.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},is.formAssociated=!0,ss([dt({type:Array,attribute:"default-value"})],is.prototype,"defaultValue",void 0),ss([dt({type:Boolean,reflect:!0})],is.prototype,"required",void 0),ss([dt({reflect:!0})],is.prototype,"name",void 0),ss([dt({type:Array,attribute:!1})],is.prototype,"selectedIndexes",null),ss([dt({type:Array})],is.prototype,"value",null),is=ss([at("vscode-multi-select")],is);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 rs=class extends gt{constructor(){super(...arguments),this.value="",this.description="",this.selected=!1,this.disabled=!1}render(){return L`<slot></slot>`}};rs.styles=mt,os([dt({type:String})],rs.prototype,"value",void 0),os([dt({type:String})],rs.prototype,"description",void 0),os([dt({type:Boolean,reflect:!0})],rs.prototype,"selected",void 0),os([dt({type:Boolean,reflect:!0})],rs.prototype,"disabled",void 0),rs=os([at("vscode-option")],rs);const ns=[mt,r`
|
|
1557
|
+
:host {
|
|
1558
|
+
align-items: center;
|
|
1559
|
+
display: block;
|
|
1560
|
+
height: 28px;
|
|
1561
|
+
margin: 0;
|
|
1562
|
+
outline: none;
|
|
1563
|
+
width: 28px;
|
|
1564
|
+
}
|
|
1565
|
+
|
|
1566
|
+
.progress {
|
|
1567
|
+
height: 100%;
|
|
1568
|
+
width: 100%;
|
|
1569
|
+
}
|
|
1570
|
+
|
|
1571
|
+
.background {
|
|
1572
|
+
fill: none;
|
|
1573
|
+
stroke: transparent;
|
|
1574
|
+
stroke-width: 2px;
|
|
1575
|
+
}
|
|
1576
|
+
|
|
1577
|
+
.indeterminate-indicator-1 {
|
|
1578
|
+
fill: none;
|
|
1579
|
+
stroke: var(--vscode-progressBar-background);
|
|
1580
|
+
stroke-width: 2px;
|
|
1581
|
+
stroke-linecap: square;
|
|
1582
|
+
transform-origin: 50% 50%;
|
|
1583
|
+
transform: rotate(-90deg);
|
|
1584
|
+
transition: all 0.2s ease-in-out;
|
|
1585
|
+
animation: spin-infinite 2s linear infinite;
|
|
1586
|
+
}
|
|
1587
|
+
|
|
1588
|
+
@keyframes spin-infinite {
|
|
1589
|
+
0% {
|
|
1590
|
+
stroke-dasharray: 0.01px 43.97px;
|
|
1591
|
+
transform: rotate(0deg);
|
|
1592
|
+
}
|
|
1593
|
+
50% {
|
|
1594
|
+
stroke-dasharray: 21.99px 21.99px;
|
|
1595
|
+
transform: rotate(450deg);
|
|
1596
|
+
}
|
|
1597
|
+
100% {
|
|
1598
|
+
stroke-dasharray: 0.01px 43.97px;
|
|
1599
|
+
transform: rotate(1080deg);
|
|
1600
|
+
}
|
|
1601
|
+
}
|
|
1602
|
+
`];var ls=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 as=class extends gt{constructor(){super(...arguments),this.ariaLabel="Loading",this.ariaLive="assertive",this.role="alert"}render(){return L`<svg class="progress" part="progress" viewBox="0 0 16 16">
|
|
1603
|
+
<circle
|
|
1604
|
+
class="background"
|
|
1605
|
+
part="background"
|
|
1606
|
+
cx="8px"
|
|
1607
|
+
cy="8px"
|
|
1608
|
+
r="7px"
|
|
1609
|
+
></circle>
|
|
1610
|
+
<circle
|
|
1611
|
+
class="indeterminate-indicator-1"
|
|
1612
|
+
part="indeterminate-indicator-1"
|
|
1613
|
+
cx="8px"
|
|
1614
|
+
cy="8px"
|
|
1615
|
+
r="7px"
|
|
1616
|
+
></circle>
|
|
1617
|
+
</svg>`}};as.styles=ns,ls([dt({reflect:!0,attribute:"aria-label"})],as.prototype,"ariaLabel",void 0),ls([dt({reflect:!0,attribute:"aria-live"})],as.prototype,"ariaLive",void 0),ls([dt({reflect:!0})],as.prototype,"role",void 0),as=ls([at("vscode-progress-ring")],as);const cs=[mt,Gt,r`
|
|
1618
|
+
:host(:invalid) .icon,
|
|
1619
|
+
:host([invalid]) .icon {
|
|
1620
|
+
background-color: var(--vscode-inputValidation-errorBackground);
|
|
1621
|
+
border-color: var(--vscode-inputValidation-errorBorder, #be1100);
|
|
1622
|
+
}
|
|
1623
|
+
|
|
1624
|
+
.icon {
|
|
1625
|
+
border-radius: 9px;
|
|
1626
|
+
}
|
|
1627
|
+
|
|
1628
|
+
.icon.checked:before {
|
|
1629
|
+
background-color: currentColor;
|
|
1630
|
+
border-radius: 4px;
|
|
1631
|
+
content: '';
|
|
1632
|
+
height: 8px;
|
|
1633
|
+
left: 50%;
|
|
1634
|
+
margin: -4px 0 0 -4px;
|
|
1635
|
+
position: absolute;
|
|
1636
|
+
top: 50%;
|
|
1637
|
+
width: 8px;
|
|
1638
|
+
}
|
|
1639
|
+
|
|
1640
|
+
:host(:focus):host(:not([disabled])) .icon {
|
|
1641
|
+
outline: 1px solid var(--vscode-focusBorder);
|
|
1642
|
+
outline-offset: -1px;
|
|
1643
|
+
}
|
|
1644
|
+
`,Jt];var hs=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(Wt(qt)){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._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 type(){return"radio"}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=Bt({icon:!0,checked:this.checked}),e=Bt({"label-inner":!0,"is-slot-empty":""===this._slottedText});return L`
|
|
1645
|
+
<div class="wrapper">
|
|
1646
|
+
<input
|
|
1647
|
+
?autofocus=${this.autofocus}
|
|
1648
|
+
id="input"
|
|
1649
|
+
class="radio"
|
|
1650
|
+
type="checkbox"
|
|
1651
|
+
?checked="${this.checked}"
|
|
1652
|
+
value="${this.value}"
|
|
1653
|
+
tabindex=${this.tabIndex}
|
|
1654
|
+
/>
|
|
1655
|
+
<div class="${t}"></div>
|
|
1656
|
+
<label for="input" class="label" @click="${this._handleClick}">
|
|
1657
|
+
<span class="${e}">
|
|
1658
|
+
${this._renderLabelAttribute()}
|
|
1659
|
+
<slot @slotchange="${this._handleSlotChange}"></slot>
|
|
1660
|
+
</span>
|
|
1661
|
+
</label>
|
|
1662
|
+
</div>
|
|
1663
|
+
`}};ds.styles=cs,ds.formAssociated=!0,ds.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},hs([dt({type:Boolean,reflect:!0})],ds.prototype,"autofocus",void 0),hs([dt({type:Boolean,reflect:!0})],ds.prototype,"checked",void 0),hs([dt({type:Boolean,reflect:!0,attribute:"default-checked"})],ds.prototype,"defaultChecked",void 0),hs([dt({type:Boolean,reflect:!0})],ds.prototype,"invalid",void 0),hs([dt({reflect:!0})],ds.prototype,"name",void 0),hs([dt()],ds.prototype,"value",void 0),hs([dt({type:Boolean,reflect:!0})],ds.prototype,"disabled",void 0),hs([dt({type:Boolean,reflect:!0})],ds.prototype,"required",void 0),hs([dt({reflect:!0})],ds.prototype,"role",void 0),hs([dt({type:Number,reflect:!0})],ds.prototype,"tabIndex",void 0),hs([ut()],ds.prototype,"_slottedText",void 0),hs([pt("#input")],ds.prototype,"_inputEl",void 0),ds=hs([at("vscode-radio")],ds);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 vs=class extends ts{set selectedIndex(t){this._selectedIndex=t,this._value=this._options[this._selectedIndex]?this._options[this._selectedIndex].value:"",this._labelText=this._options[this._selectedIndex]?this._options[this._selectedIndex].label:""}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._labelText=this._options[this._selectedIndex].label,this._value=t):(this._labelText="",this._value="")}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._labelText="",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(){super._onSlotChange(),this._selectedIndex>-1&&(this._labelText=this._options[this._selectedIndex]?.label??""),this._selectedIndex>-1&&this._options.length>0?this._internals.setFormValue(this._options[this._selectedIndex].value):this._internals.setFormValue(null)}_onArrowUpKeyDown(){super._onArrowUpKeyDown(),this._showDropdown||this._selectedIndex<=0||(this._filterPattern="",this._selectedIndex-=1,this._activeIndex=this._selectedIndex,this._labelText=this._options[this._selectedIndex].label,this._value=this._options[this._selectedIndex].value,this._internals.setFormValue(this._value),this._manageRequired(),this._dispatchChangeEvent())}_onArrowDownKeyDown(){super._onArrowDownKeyDown(),this._showDropdown||this._selectedIndex>=this._options.length-1||(this._filterPattern="",this._selectedIndex+=1,this._activeIndex=this._selectedIndex,this._labelText=this._options[this._selectedIndex].label,this._value=this._options[this._selectedIndex].value,this._internals.setFormValue(this._value),this._manageRequired(),this._dispatchChangeEvent())}_onEnterKeyDown(){super._onEnterKeyDown(),this._selectedIndex>-1&&(this._labelText=this._options[this._selectedIndex].label),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._selectedIndex>-1&&(this._labelText=this._options[this._selectedIndex].label),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._internals.setValidity({})}_renderLabel(){const t=this._labelText||L`<span class="empty-label-placeholder"></span>`;return L`<span class="text">${t}</span>`}_renderSelectFace(){return L`
|
|
1664
|
+
<div
|
|
1665
|
+
class="select-face"
|
|
1666
|
+
@click="${this._onFaceClick}"
|
|
1667
|
+
tabindex="${this.tabIndex>-1?0:-1}"
|
|
1668
|
+
>
|
|
1669
|
+
${this._renderLabel()} ${Ge}
|
|
1670
|
+
</div>
|
|
1671
|
+
`}_renderComboboxFace(){const t=this._selectedIndex>-1?this._options[this._selectedIndex].label:"";return L`
|
|
1672
|
+
<div class="combobox-face">
|
|
1673
|
+
<input
|
|
1674
|
+
class="combobox-input"
|
|
1675
|
+
spellcheck="false"
|
|
1676
|
+
type="text"
|
|
1677
|
+
.value="${t}"
|
|
1678
|
+
@focus="${this._onComboboxInputFocus}"
|
|
1679
|
+
@input="${this._onComboboxInputInput}"
|
|
1680
|
+
@click=${this._onComboboxInputClick}
|
|
1681
|
+
/>
|
|
1682
|
+
<button
|
|
1683
|
+
class="combobox-button"
|
|
1684
|
+
type="button"
|
|
1685
|
+
@click="${this._onComboboxButtonClick}"
|
|
1686
|
+
@keydown="${this._onComboboxButtonKeyDown}"
|
|
1687
|
+
>
|
|
1688
|
+
${Ge}
|
|
1689
|
+
</button>
|
|
1690
|
+
</div>
|
|
1691
|
+
`}_renderOptions(){const t=(this.combobox?this._filteredOptions:this._options).map(((t,e)=>{const s=Bt({option:!0,active:e===this._activeIndex&&!t.disabled,disabled:t.disabled});return L`
|
|
1692
|
+
<li
|
|
1693
|
+
class="${s}"
|
|
1694
|
+
data-index="${t.index}"
|
|
1695
|
+
data-filtered-index="${e}"
|
|
1696
|
+
>
|
|
1697
|
+
${t.ranges?.length?Xe(t.label,t.ranges??[]):t.label}
|
|
1698
|
+
</li>
|
|
1699
|
+
`}));return L`
|
|
1700
|
+
<ul
|
|
1701
|
+
class="options"
|
|
1702
|
+
@mouseover="${this._onOptionMouseOver}"
|
|
1703
|
+
@click="${this._onOptionClick}"
|
|
1704
|
+
>
|
|
1705
|
+
${t}
|
|
1706
|
+
</ul>
|
|
1707
|
+
`}};vs.styles=es,vs.shadowRootOptions={...nt.shadowRootOptions,delegatesFocus:!0},vs.formAssociated=!0,us([dt({attribute:"default-value"})],vs.prototype,"defaultValue",void 0),us([dt({type:String,attribute:!0,reflect:!0})],vs.prototype,"role",void 0),us([dt({reflect:!0})],vs.prototype,"name",void 0),us([dt({type:Number,attribute:"selected-index"})],vs.prototype,"selectedIndex",null),us([dt({type:String})],vs.prototype,"value",null),us([dt({type:Boolean,reflect:!0})],vs.prototype,"required",void 0),us([ut()],vs.prototype,"_labelText",void 0),vs=us([at("vscode-single-select")],vs);const ps=[mt,r`
|
|
1708
|
+
:host {
|
|
1709
|
+
display: block;
|
|
1710
|
+
position: relative;
|
|
1711
|
+
}
|
|
1712
|
+
|
|
1713
|
+
.scrollable-container {
|
|
1714
|
+
height: 100%;
|
|
1715
|
+
overflow: auto;
|
|
1716
|
+
}
|
|
1717
|
+
|
|
1718
|
+
.scrollable-container::-webkit-scrollbar {
|
|
1719
|
+
cursor: default;
|
|
1720
|
+
width: 0;
|
|
1721
|
+
}
|
|
1722
|
+
|
|
1723
|
+
.scrollable-container {
|
|
1724
|
+
scrollbar-width: none;
|
|
1725
|
+
}
|
|
1726
|
+
|
|
1727
|
+
.shadow {
|
|
1728
|
+
box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
|
|
1729
|
+
display: none;
|
|
1730
|
+
height: 3px;
|
|
1731
|
+
left: 0;
|
|
1732
|
+
pointer-events: none;
|
|
1733
|
+
position: absolute;
|
|
1734
|
+
top: 0;
|
|
1735
|
+
z-index: 1;
|
|
1736
|
+
width: 100%;
|
|
1737
|
+
}
|
|
1738
|
+
|
|
1739
|
+
.shadow.visible {
|
|
1740
|
+
display: block;
|
|
1741
|
+
}
|
|
1742
|
+
|
|
1743
|
+
.scrollbar-track {
|
|
1744
|
+
height: 100%;
|
|
1745
|
+
position: absolute;
|
|
1746
|
+
right: 0;
|
|
1747
|
+
top: 0;
|
|
1748
|
+
width: 10px;
|
|
1749
|
+
z-index: 100;
|
|
1750
|
+
}
|
|
1751
|
+
|
|
1752
|
+
.scrollbar-track.hidden {
|
|
1753
|
+
display: none;
|
|
1754
|
+
}
|
|
1755
|
+
|
|
1756
|
+
.scrollbar-thumb {
|
|
1757
|
+
background-color: transparent;
|
|
1758
|
+
min-height: var(--min-thumb-height, 20px);
|
|
1759
|
+
opacity: 0;
|
|
1760
|
+
position: absolute;
|
|
1761
|
+
right: 0;
|
|
1762
|
+
width: 10px;
|
|
1763
|
+
}
|
|
1764
|
+
|
|
1765
|
+
.scrollbar-thumb.visible {
|
|
1766
|
+
background-color: var(--vscode-scrollbarSlider-background);
|
|
1767
|
+
opacity: 1;
|
|
1768
|
+
transition: opacity 100ms;
|
|
1769
|
+
}
|
|
1770
|
+
|
|
1771
|
+
.scrollbar-thumb.fade {
|
|
1772
|
+
background-color: var(--vscode-scrollbarSlider-background);
|
|
1773
|
+
opacity: 0;
|
|
1774
|
+
transition: opacity 800ms;
|
|
1775
|
+
}
|
|
1776
|
+
|
|
1777
|
+
.scrollbar-thumb.visible:hover {
|
|
1778
|
+
background-color: var(--vscode-scrollbarSlider-hoverBackground);
|
|
1779
|
+
}
|
|
1780
|
+
|
|
1781
|
+
.scrollbar-thumb.visible.active,
|
|
1782
|
+
.scrollbar-thumb.visible.active:hover {
|
|
1783
|
+
background-color: var(--vscode-scrollbarSlider-activeBackground);
|
|
1784
|
+
}
|
|
1785
|
+
|
|
1786
|
+
.prevent-interaction {
|
|
1787
|
+
bottom: 0;
|
|
1788
|
+
left: 0;
|
|
1789
|
+
right: 0;
|
|
1790
|
+
top: 0;
|
|
1791
|
+
position: absolute;
|
|
1792
|
+
z-index: 99;
|
|
1793
|
+
}
|
|
1794
|
+
|
|
1795
|
+
.content {
|
|
1796
|
+
overflow: hidden;
|
|
1797
|
+
}
|
|
1798
|
+
`];var 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};let fs=class extends gt{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._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()}_onSlotChange(){this._zIndexFix()}_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 L`
|
|
1799
|
+
<div
|
|
1800
|
+
class="scrollable-container"
|
|
1801
|
+
style="${At({"user-select":this._isDragging?"none":"auto"})}"
|
|
1802
|
+
>
|
|
1803
|
+
<div class="${Bt({shadow:!0,visible:this.scrolled})}"></div>
|
|
1804
|
+
${this._isDragging?L`<div class="prevent-interaction"></div>`:H}
|
|
1805
|
+
<div
|
|
1806
|
+
class="${Bt({"scrollbar-track":!0,hidden:!this._scrollbarVisible})}"
|
|
1807
|
+
style="${At({"z-index":String(this._scrollbarTrackZ)})}"
|
|
1808
|
+
>
|
|
1809
|
+
<div
|
|
1810
|
+
class="${Bt({"scrollbar-thumb":!0,visible:this._thumbVisible,fade:this._thumbFade,active:this._thumbActive})}"
|
|
1811
|
+
style="${At({height:`${this._thumbHeight}px`,top:`${this._thumbY}px`})}"
|
|
1812
|
+
@mousedown=${this._onScrollThumbMouseDown}
|
|
1813
|
+
></div>
|
|
1814
|
+
</div>
|
|
1815
|
+
<div class="content">
|
|
1816
|
+
<slot @slotchange="${this._onSlotChange}"></slot>
|
|
1817
|
+
</div>
|
|
1818
|
+
</div>
|
|
1819
|
+
`}};fs.styles=ps,bs([dt({type:Boolean,reflect:!0})],fs.prototype,"shadow",void 0),bs([dt({type:Boolean,reflect:!0})],fs.prototype,"scrolled",void 0),bs([dt({type:Number,attribute:"scroll-pos"})],fs.prototype,"scrollPos",null),bs([dt({type:Number,attribute:"scroll-max"})],fs.prototype,"scrollMax",null),bs([ut()],fs.prototype,"_isDragging",void 0),bs([ut()],fs.prototype,"_thumbHeight",void 0),bs([ut()],fs.prototype,"_thumbY",void 0),bs([ut()],fs.prototype,"_thumbVisible",void 0),bs([ut()],fs.prototype,"_thumbFade",void 0),bs([ut()],fs.prototype,"_thumbActive",void 0),bs([pt(".content")],fs.prototype,"_contentElement",void 0),bs([pt(".scrollbar-thumb")],fs.prototype,"_scrollThumbElement",void 0),bs([pt(".scrollable-container")],fs.prototype,"_scrollableContainer",void 0),bs([ft()],fs.prototype,"_assignedElements",void 0),fs=bs([at("vscode-scrollable")],fs);const gs=[mt,r`
|
|
1820
|
+
:host {
|
|
1821
|
+
--separator-border: var(--vscode-editorWidget-border, transparent);
|
|
1822
|
+
|
|
1823
|
+
border: 1px solid var(--vscode-editorWidget-border);
|
|
1824
|
+
display: block;
|
|
1825
|
+
overflow: hidden;
|
|
1826
|
+
position: relative;
|
|
1827
|
+
}
|
|
1828
|
+
|
|
1829
|
+
::slotted(*) {
|
|
1830
|
+
height: 100%;
|
|
1831
|
+
width: 100%;
|
|
1832
|
+
}
|
|
1833
|
+
|
|
1834
|
+
::slotted(vscode-split-layout) {
|
|
1835
|
+
border: 0;
|
|
1836
|
+
}
|
|
1837
|
+
|
|
1838
|
+
.start {
|
|
1839
|
+
box-sizing: border-box;
|
|
1840
|
+
left: 0;
|
|
1841
|
+
top: 0;
|
|
1842
|
+
overflow: hidden;
|
|
1843
|
+
position: absolute;
|
|
1844
|
+
}
|
|
1845
|
+
|
|
1846
|
+
:host([split='vertical']) .start {
|
|
1847
|
+
border-right: 1px solid var(--separator-border);
|
|
1848
|
+
}
|
|
1849
|
+
|
|
1850
|
+
:host([split='horizontal']) .start {
|
|
1851
|
+
border-bottom: 1px solid var(--separator-border);
|
|
1852
|
+
}
|
|
1853
|
+
|
|
1854
|
+
.end {
|
|
1855
|
+
bottom: 0;
|
|
1856
|
+
box-sizing: border-box;
|
|
1857
|
+
overflow: hidden;
|
|
1858
|
+
position: absolute;
|
|
1859
|
+
right: 0;
|
|
1860
|
+
}
|
|
1861
|
+
|
|
1862
|
+
.handle-overlay {
|
|
1863
|
+
display: none;
|
|
1864
|
+
height: 100%;
|
|
1865
|
+
left: 0;
|
|
1866
|
+
position: absolute;
|
|
1867
|
+
top: 0;
|
|
1868
|
+
width: 100%;
|
|
1869
|
+
z-index: 1;
|
|
1870
|
+
}
|
|
1871
|
+
|
|
1872
|
+
.handle-overlay.active {
|
|
1873
|
+
display: block;
|
|
1874
|
+
}
|
|
1875
|
+
|
|
1876
|
+
.handle-overlay.split-vertical {
|
|
1877
|
+
cursor: ew-resize;
|
|
1878
|
+
}
|
|
1879
|
+
|
|
1880
|
+
.handle-overlay.split-horizontal {
|
|
1881
|
+
cursor: ns-resize;
|
|
1882
|
+
}
|
|
1883
|
+
|
|
1884
|
+
.handle {
|
|
1885
|
+
position: absolute;
|
|
1886
|
+
z-index: 2;
|
|
1887
|
+
}
|
|
1888
|
+
|
|
1889
|
+
.handle.hover {
|
|
1890
|
+
background-color: var(--vscode-sash-hoverBorder);
|
|
1891
|
+
transition: background-color 100ms linear 300ms;
|
|
1892
|
+
}
|
|
1893
|
+
|
|
1894
|
+
.handle.hide {
|
|
1895
|
+
background-color: transparent;
|
|
1896
|
+
transition: background-color 100ms linear;
|
|
1897
|
+
}
|
|
1898
|
+
|
|
1899
|
+
.handle.split-vertical {
|
|
1900
|
+
cursor: ew-resize;
|
|
1901
|
+
height: 100%;
|
|
1902
|
+
}
|
|
1903
|
+
|
|
1904
|
+
.handle.split-horizontal {
|
|
1905
|
+
cursor: ns-resize;
|
|
1906
|
+
width: 100%;
|
|
1907
|
+
}
|
|
1908
|
+
`];var ms,xs=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 ys=ms=class extends gt{constructor(){super(...arguments),this.split="vertical",this.resetOnDblClick=!1,this.handleSize=4,this.initialHandlePosition="50%",this._startPaneRight=0,this._startPaneBottom=0,this._endPaneTop=0,this._endPaneLeft=0,this._handleLeft=0,this._handleTop=0,this._isDragActive=!1,this._hover=!1,this._hide=!1,this._boundRect=new DOMRect,this._handleOffset=0,this._handleMouseUp=()=>{this._isDragActive=!1,window.removeEventListener("mouseup",this._handleMouseUp),window.removeEventListener("mousemove",this._handleMouseMove)},this._handleMouseMove=t=>{const{clientX:e,clientY:s}=t,{left:i,top:o,height:r,width:n}=this._boundRect;if("vertical"===this.split){const t=e-i,s=Math.max(0,Math.min(t-this._handleOffset,n)),o=s/n*100,r=Math.max(0,n-s)/n*100;this._handleLeft=o,this._startPaneRight=r,this._endPaneLeft=this._handleLeft}if("horizontal"===this.split){const t=s-o,e=Math.max(0,Math.min(t-this._handleOffset,r)),i=e/r*100,n=Math.max(0,r-e)/r*100;this._handleTop=i,this._startPaneBottom=n,this._endPaneTop=this._handleTop}}}connectedCallback(){super.connectedCallback(),this._initPosition()}initializeResizeHandler(){this._initPosition()}_initPosition(){this._boundRect=this.getBoundingClientRect();const{height:t,width:e}=this._boundRect,s="vertical"===this.split?e:t,i=/(^[0-9.]+)(%{0,1})$/.exec(this.initialHandlePosition);let o=0,r=0;i&&(r=parseFloat(i[1])),o=i&&"%"===i[2]?Math.min(s,s/100*r):i&&"%"!==i[2]?Math.min(r,s):s/2,"vertical"===this.split&&(this._startPaneRight=(s-o)/e*100,this._endPaneLeft=o/e*100,this._handleLeft=o/e*100),"horizontal"===this.split&&(this._startPaneBottom=(s-o)/t*100,this._endPaneTop=o/t*100,this._handleTop=o/t*100)}_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.getBoundingClientRect();const{left:e,top:s,width:i,height:o}=this._boundRect,r=(t.clientX-e)/i*100,n=(t.clientY-s)/o*100;"vertical"===this.split&&(this._handleOffset=r-this._handleLeft),"horizontal"===this.split&&(this._handleOffset=n-this._handleTop),this._boundRect=this.getBoundingClientRect(),this._isDragActive=!0,window.addEventListener("mouseup",this._handleMouseUp),window.addEventListener("mousemove",this._handleMouseMove)}_handleDblClick(){this.resetOnDblClick&&this._initPosition()}_handleSlotChange(){[...this._nestedLayoutsAtStart,...this._nestedLayoutsAtEnd].forEach((t=>{t instanceof ms&&t.initializeResizeHandler()}))}render(){const t=At({bottom:`${this._startPaneBottom}%`,right:`${this._startPaneRight}%`}),e=At({left:`${this._endPaneLeft}%`,top:`${this._endPaneTop}%`}),s={left:`${this._handleLeft}%`,top:`${this._handleTop}%`};"vertical"===this.split&&(s.marginLeft=0-this.handleSize/2+"px",s.width=`${this.handleSize}px`),"horizontal"===this.split&&(s.height=`${this.handleSize}px`,s.marginTop=0-this.handleSize/2+"px");const i=At(s),o=Bt({"handle-overlay":!0,active:this._isDragActive,"split-vertical":"vertical"===this.split,"split-horizontal":"horizontal"===this.split}),r=Bt({handle:!0,hover:this._hover,hide:this._hide,"split-vertical":"vertical"===this.split,"split-horizontal":"horizontal"===this.split});return L`
|
|
1909
|
+
<div class="start" style="${t}">
|
|
1910
|
+
<slot name="start" @slotchange=${this._handleSlotChange}></slot>
|
|
1911
|
+
</div>
|
|
1912
|
+
<div class="end" style="${e}">
|
|
1913
|
+
<slot name="end" @slotchange=${this._handleSlotChange}></slot>
|
|
1914
|
+
</div>
|
|
1915
|
+
<div class="${o}"></div>
|
|
1916
|
+
<div
|
|
1917
|
+
class="${r}"
|
|
1918
|
+
style="${i}"
|
|
1919
|
+
@mouseover="${this._handleMouseOver}"
|
|
1920
|
+
@mouseout="${this._handleMouseOut}"
|
|
1921
|
+
@mousedown="${this._handleMouseDown}"
|
|
1922
|
+
@dblclick="${this._handleDblClick}"
|
|
1923
|
+
></div>
|
|
1924
|
+
`}};ys.styles=gs,xs([dt({reflect:!0})],ys.prototype,"split",void 0),xs([dt({type:Boolean,reflect:!0,attribute:"reset-on-dbl-click"})],ys.prototype,"resetOnDblClick",void 0),xs([dt({type:Number,reflect:!0,attribute:"handle-size"})],ys.prototype,"handleSize",void 0),xs([dt({reflect:!0,attribute:"initial-handle-position"})],ys.prototype,"initialHandlePosition",void 0),xs([ut()],ys.prototype,"_startPaneRight",void 0),xs([ut()],ys.prototype,"_startPaneBottom",void 0),xs([ut()],ys.prototype,"_endPaneTop",void 0),xs([ut()],ys.prototype,"_endPaneLeft",void 0),xs([ut()],ys.prototype,"_handleLeft",void 0),xs([ut()],ys.prototype,"_handleTop",void 0),xs([ut()],ys.prototype,"_isDragActive",void 0),xs([ut()],ys.prototype,"_hover",void 0),xs([ut()],ys.prototype,"_hide",void 0),xs([ft({slot:"start",selector:"vscode-split-layout"})],ys.prototype,"_nestedLayoutsAtStart",void 0),xs([ft({slot:"end",selector:"vscode-split-layout"})],ys.prototype,"_nestedLayoutsAtEnd",void 0),ys=ms=xs([at("vscode-split-layout")],ys);const ws=[mt,r`
|
|
1925
|
+
:host {
|
|
1926
|
+
border-bottom: 1px solid transparent;
|
|
1927
|
+
cursor: pointer;
|
|
1928
|
+
display: block;
|
|
1929
|
+
margin-bottom: -1px;
|
|
1930
|
+
overflow: hidden;
|
|
1931
|
+
padding: 7px 8px;
|
|
1932
|
+
text-overflow: ellipsis;
|
|
1933
|
+
user-select: none;
|
|
1934
|
+
white-space: nowrap;
|
|
1935
|
+
}
|
|
1936
|
+
|
|
1937
|
+
:host([active]) {
|
|
1938
|
+
border-bottom-color: var(--vscode-panelTitle-activeForeground);
|
|
1939
|
+
color: var(--vscode-panelTitle-activeForeground);
|
|
1940
|
+
}
|
|
1941
|
+
|
|
1942
|
+
:host([panel]) {
|
|
1943
|
+
border-bottom: 0;
|
|
1944
|
+
margin-bottom: 0;
|
|
1945
|
+
padding: 0;
|
|
1946
|
+
}
|
|
1947
|
+
|
|
1948
|
+
:host(:focus-visible) {
|
|
1949
|
+
outline: none;
|
|
1950
|
+
}
|
|
1951
|
+
|
|
1952
|
+
.wrapper {
|
|
1953
|
+
align-items: center;
|
|
1954
|
+
color: var(--vscode-foreground);
|
|
1955
|
+
display: flex;
|
|
1956
|
+
min-height: 20px;
|
|
1957
|
+
overflow: inherit;
|
|
1958
|
+
text-overflow: inherit;
|
|
1959
|
+
position: relative;
|
|
1960
|
+
}
|
|
1961
|
+
|
|
1962
|
+
.wrapper.panel {
|
|
1963
|
+
color: var(--vscode-panelTitle-inactiveForeground);
|
|
1964
|
+
}
|
|
1965
|
+
|
|
1966
|
+
.wrapper.panel.active,
|
|
1967
|
+
.wrapper.panel:hover {
|
|
1968
|
+
color: var(--vscode-panelTitle-inactiveForeground);
|
|
1969
|
+
}
|
|
1970
|
+
|
|
1971
|
+
:host([panel]) .wrapper {
|
|
1972
|
+
display: flex;
|
|
1973
|
+
font-size: 11px;
|
|
1974
|
+
height: 31px;
|
|
1975
|
+
padding: 2px 10px;
|
|
1976
|
+
text-transform: uppercase;
|
|
1977
|
+
}
|
|
1978
|
+
|
|
1979
|
+
.main {
|
|
1980
|
+
overflow: inherit;
|
|
1981
|
+
text-overflow: inherit;
|
|
1982
|
+
}
|
|
1983
|
+
|
|
1984
|
+
.active-indicator {
|
|
1985
|
+
display: none;
|
|
1986
|
+
}
|
|
1987
|
+
|
|
1988
|
+
.active-indicator.panel.active {
|
|
1989
|
+
border-top: 1px solid var(--vscode-panelTitle-activeBorder);
|
|
1990
|
+
bottom: 4px;
|
|
1991
|
+
display: block;
|
|
1992
|
+
left: 8px;
|
|
1993
|
+
pointer-events: none;
|
|
1994
|
+
position: absolute;
|
|
1995
|
+
right: 8px;
|
|
1996
|
+
}
|
|
1997
|
+
|
|
1998
|
+
:host(:focus-visible) .wrapper {
|
|
1999
|
+
outline-color: var(--vscode-focusBorder);
|
|
2000
|
+
outline-offset: 3px;
|
|
2001
|
+
outline-style: solid;
|
|
2002
|
+
outline-width: 1px;
|
|
2003
|
+
}
|
|
2004
|
+
|
|
2005
|
+
:host(:focus-visible) .wrapper.panel {
|
|
2006
|
+
outline-offset: -2px;
|
|
2007
|
+
}
|
|
2008
|
+
|
|
2009
|
+
slot[name='content-before']::slotted(vscode-badge) {
|
|
2010
|
+
margin-right: 8px;
|
|
2011
|
+
}
|
|
2012
|
+
|
|
2013
|
+
slot[name='content-after']::slotted(vscode-badge) {
|
|
2014
|
+
margin-left: 8px;
|
|
2015
|
+
}
|
|
2016
|
+
`];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 $s=class extends gt{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 L`
|
|
2017
|
+
<div
|
|
2018
|
+
class=${Bt({wrapper:!0,active:this.active,panel:this.panel})}
|
|
2019
|
+
>
|
|
2020
|
+
<div class="before"><slot name="content-before"></slot></div>
|
|
2021
|
+
<div class="main"><slot></slot></div>
|
|
2022
|
+
<div class="after"><slot name="content-after"></slot></div>
|
|
2023
|
+
<span
|
|
2024
|
+
class=${Bt({"active-indicator":!0,active:this.active,panel:this.panel})}
|
|
2025
|
+
></span>
|
|
2026
|
+
</div>
|
|
2027
|
+
`}};$s.styles=ws,ks([dt({type:Boolean,reflect:!0})],$s.prototype,"active",void 0),ks([dt({reflect:!0,attribute:"aria-controls"})],$s.prototype,"ariaControls",void 0),ks([dt({type:Boolean,reflect:!0})],$s.prototype,"panel",void 0),ks([dt({reflect:!0})],$s.prototype,"role",void 0),ks([dt({type:Number,reflect:!0,attribute:"tab-id"})],$s.prototype,"tabId",void 0),$s=ks([at("vscode-tab-header")],$s);const _s=[mt,r`
|
|
2028
|
+
:host {
|
|
2029
|
+
display: block;
|
|
2030
|
+
overflow: hidden;
|
|
2031
|
+
}
|
|
2032
|
+
|
|
2033
|
+
:host(:focus-visible) {
|
|
2034
|
+
outline-color: var(--vscode-focusBorder);
|
|
2035
|
+
outline-offset: 3px;
|
|
2036
|
+
outline-style: solid;
|
|
2037
|
+
outline-width: 1px;
|
|
2038
|
+
}
|
|
2039
|
+
|
|
2040
|
+
:host([panel]) {
|
|
2041
|
+
background-color: var(--vscode-panel-background);
|
|
2042
|
+
}
|
|
2043
|
+
`];var Cs=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 Bs=class extends gt{constructor(){super(...arguments),this.hidden=!1,this.ariaLabelledby="",this.panel=!1,this.role="tabpanel",this.tabIndex=0}render(){return L` <slot></slot> `}};Bs.styles=_s,Cs([dt({type:Boolean,reflect:!0})],Bs.prototype,"hidden",void 0),Cs([dt({reflect:!0,attribute:"aria-labelledby"})],Bs.prototype,"ariaLabelledby",void 0),Cs([dt({type:Boolean,reflect:!0})],Bs.prototype,"panel",void 0),Cs([dt({reflect:!0})],Bs.prototype,"role",void 0),Cs([dt({type:Number,reflect:!0})],Bs.prototype,"tabIndex",void 0),Bs=Cs([at("vscode-tab-panel")],Bs);const Ss=[mt,r`
|
|
2044
|
+
:host {
|
|
2045
|
+
display: table;
|
|
2046
|
+
table-layout: fixed;
|
|
2047
|
+
width: 100%;
|
|
2048
|
+
}
|
|
2049
|
+
|
|
2050
|
+
|
|
2051
|
+
::slotted(vscode-table-row:nth-child(even)) {
|
|
2052
|
+
background-color: var(--vsc-row-even-background);
|
|
2053
|
+
}
|
|
2054
|
+
|
|
2055
|
+
::slotted(vscode-table-row:nth-child(odd)) {
|
|
2056
|
+
background-color: var(--vsc-row-odd-background);
|
|
2057
|
+
}
|
|
2058
|
+
`];var zs=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 As=class extends gt{constructor(){super(...arguments),this.role="rowgroup"}render(){return L` <slot></slot> `}};As.styles=Ss,zs([dt({reflect:!0})],As.prototype,"role",void 0),As=zs([at("vscode-table-body")],As);const Os=[mt,r`
|
|
2059
|
+
:host {
|
|
2060
|
+
border-bottom-color: var(--vscode-editorGroup-border);
|
|
2061
|
+
border-bottom-style: solid;
|
|
2062
|
+
border-bottom-width: var(--vsc-row-border-bottom-width);
|
|
2063
|
+
box-sizing: border-box;
|
|
2064
|
+
color: var(--vscode-foreground);
|
|
2065
|
+
display: table-cell;
|
|
2066
|
+
font-family: var(--vscode-font-family);
|
|
2067
|
+
font-size: var(--vscode-font-size);
|
|
2068
|
+
height: 24px;
|
|
2069
|
+
overflow: hidden;
|
|
2070
|
+
padding-left: 10px;
|
|
2071
|
+
text-overflow: ellipsis;
|
|
2072
|
+
vertical-align: middle;
|
|
2073
|
+
white-space: nowrap;
|
|
2074
|
+
}
|
|
2075
|
+
|
|
2076
|
+
:host([compact]) {
|
|
2077
|
+
display: block;
|
|
2078
|
+
height: auto;
|
|
2079
|
+
padding-bottom: 5px;
|
|
2080
|
+
width: 100% !important;
|
|
2081
|
+
}
|
|
2082
|
+
|
|
2083
|
+
:host([compact]:first-child) {
|
|
2084
|
+
padding-top: 10px;
|
|
2085
|
+
}
|
|
2086
|
+
|
|
2087
|
+
:host([compact]:last-child) {
|
|
2088
|
+
padding-bottom: 10px;
|
|
2089
|
+
}
|
|
2090
|
+
|
|
2091
|
+
.wrapper {
|
|
2092
|
+
overflow: inherit;
|
|
2093
|
+
text-overflow: inherit;
|
|
2094
|
+
white-space: inherit;
|
|
2095
|
+
width: 100%;
|
|
2096
|
+
}
|
|
2097
|
+
|
|
2098
|
+
.column-label {
|
|
2099
|
+
font-weight: bold;
|
|
2100
|
+
}
|
|
2101
|
+
`];var Es=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 js=class extends gt{constructor(){super(...arguments),this.role="cell",this.columnLabel="",this.compact=!1}render(){const t=this.columnLabel?L`<div class="column-label" role="presentation">
|
|
2102
|
+
${this.columnLabel}
|
|
2103
|
+
</div>`:H;return L`
|
|
2104
|
+
<div class="wrapper">
|
|
2105
|
+
${t}
|
|
2106
|
+
<slot></slot>
|
|
2107
|
+
</div>
|
|
2108
|
+
`}};js.styles=Os,Es([dt({reflect:!0})],js.prototype,"role",void 0),Es([dt({attribute:"column-label"})],js.prototype,"columnLabel",void 0),Es([dt({type:Boolean,reflect:!0})],js.prototype,"compact",void 0),js=Es([at("vscode-table-cell")],js);const Is=[mt,r`
|
|
2109
|
+
:host {
|
|
2110
|
+
background-color: var(--vscode-keybindingTable-headerBackground);
|
|
2111
|
+
display: table;
|
|
2112
|
+
table-layout: fixed;
|
|
2113
|
+
width: 100%;
|
|
2114
|
+
}
|
|
2115
|
+
`];var Ms=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 Fs=class extends gt{constructor(){super(...arguments),this.role="rowgroup"}render(){return L` <slot></slot> `}};Fs.styles=Is,Ms([dt({reflect:!0})],Fs.prototype,"role",void 0),Fs=Ms([at("vscode-table-header")],Fs);const Ds=[mt,r`
|
|
2116
|
+
:host {
|
|
2117
|
+
box-sizing: border-box;
|
|
2118
|
+
color: var(--vscode-foreground);
|
|
2119
|
+
display: table-cell;
|
|
2120
|
+
font-family: var(--vscode-font-family);
|
|
2121
|
+
font-size: var(--vscode-font-size);
|
|
2122
|
+
font-weight: bold;
|
|
2123
|
+
line-height: 20px;
|
|
2124
|
+
overflow: hidden;
|
|
2125
|
+
padding-bottom: 5px;
|
|
2126
|
+
padding-left: 10px;
|
|
2127
|
+
padding-right: 0;
|
|
2128
|
+
padding-top: 5px;
|
|
2129
|
+
text-overflow: ellipsis;
|
|
2130
|
+
white-space: nowrap;
|
|
2131
|
+
}
|
|
2132
|
+
|
|
2133
|
+
.wrapper {
|
|
2134
|
+
box-sizing: inherit;
|
|
2135
|
+
overflow: inherit;
|
|
2136
|
+
text-overflow: inherit;
|
|
2137
|
+
white-space: inherit;
|
|
2138
|
+
width: 100%;
|
|
2139
|
+
}
|
|
2140
|
+
`];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 Ps=class extends gt{constructor(){super(...arguments),this.role="columnheader"}render(){return L`
|
|
2141
|
+
<div class="wrapper">
|
|
2142
|
+
<slot></slot>
|
|
2143
|
+
</div>
|
|
2144
|
+
`}};Ps.styles=Ds,Ns([dt({reflect:!0})],Ps.prototype,"role",void 0),Ps=Ns([at("vscode-table-header-cell")],Ps);const Ts=[mt,r`
|
|
2145
|
+
:host {
|
|
2146
|
+
border-top-color: var(--vscode-editorGroup-border);
|
|
2147
|
+
border-top-style: solid;
|
|
2148
|
+
border-top-width: var(--vsc-row-border-top-width);
|
|
2149
|
+
display: var(--vsc-row-display);
|
|
2150
|
+
width: 100%;
|
|
2151
|
+
}
|
|
2152
|
+
`];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 gt{constructor(){super(...arguments),this.role="row"}render(){return L` <slot></slot> `}};Rs.styles=Ts,Vs([dt({reflect:!0})],Rs.prototype,"role",void 0),Rs=Vs([at("vscode-table-row")],Rs);const Ls=(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},Us=[mt,r`
|
|
2153
|
+
:host {
|
|
2154
|
+
display: block;
|
|
2155
|
+
--vsc-row-even-background: transparent;
|
|
2156
|
+
--vsc-row-odd-background: transparent;
|
|
2157
|
+
--vsc-row-border-bottom-width: 0;
|
|
2158
|
+
--vsc-row-border-top-width: 0;
|
|
2159
|
+
--vsc-row-display: table-row;
|
|
2160
|
+
}
|
|
2161
|
+
|
|
2162
|
+
:host([bordered]),
|
|
2163
|
+
:host([bordered-rows]) {
|
|
2164
|
+
--vsc-row-border-bottom-width: 1px;
|
|
2165
|
+
}
|
|
2166
|
+
|
|
2167
|
+
:host([compact]) {
|
|
2168
|
+
--vsc-row-display: block;
|
|
2169
|
+
}
|
|
2170
|
+
|
|
2171
|
+
:host([bordered][compact]),
|
|
2172
|
+
:host([bordered-rows][compact]) {
|
|
2173
|
+
--vsc-row-border-bottom-width: 0;
|
|
2174
|
+
--vsc-row-border-top-width: 1px;
|
|
2175
|
+
}
|
|
2176
|
+
|
|
2177
|
+
:host([zebra]) {
|
|
2178
|
+
--vsc-row-even-background: var(--vscode-keybindingTable-rowsBackground);
|
|
2179
|
+
}
|
|
2180
|
+
|
|
2181
|
+
:host([zebra-odd]) {
|
|
2182
|
+
--vsc-row-odd-background: var(--vscode-keybindingTable-rowsBackground);
|
|
2183
|
+
}
|
|
2184
|
+
|
|
2185
|
+
::slotted(vscode-table-row) {
|
|
2186
|
+
width: 100%;
|
|
2187
|
+
}
|
|
2188
|
+
|
|
2189
|
+
.wrapper {
|
|
2190
|
+
height: 100%;
|
|
2191
|
+
max-width: 100%;
|
|
2192
|
+
overflow: hidden;
|
|
2193
|
+
position: relative;
|
|
2194
|
+
width: 100%;
|
|
2195
|
+
}
|
|
2196
|
+
|
|
2197
|
+
.wrapper.select-disabled {
|
|
2198
|
+
user-select: none;
|
|
2199
|
+
}
|
|
2200
|
+
|
|
2201
|
+
.wrapper.resize-cursor {
|
|
2202
|
+
cursor: ew-resize;
|
|
2203
|
+
}
|
|
2204
|
+
|
|
2205
|
+
.wrapper.compact-view .header-slot-wrapper {
|
|
2206
|
+
height: 0;
|
|
2207
|
+
overflow: hidden;
|
|
2208
|
+
}
|
|
2209
|
+
|
|
2210
|
+
.scrollable {
|
|
2211
|
+
height: 100%;
|
|
2212
|
+
}
|
|
2213
|
+
|
|
2214
|
+
.scrollable:before {
|
|
2215
|
+
background-color: transparent;
|
|
2216
|
+
content: '';
|
|
2217
|
+
display: block;
|
|
2218
|
+
height: 1px;
|
|
2219
|
+
position: absolute;
|
|
2220
|
+
width: 100%;
|
|
2221
|
+
}
|
|
2222
|
+
|
|
2223
|
+
.wrapper:not(.compact-view) .scrollable:not([scrolled]):before {
|
|
2224
|
+
background-color: var(--vscode-editorGroup-border);
|
|
2225
|
+
}
|
|
2226
|
+
|
|
2227
|
+
.sash {
|
|
2228
|
+
visibility: hidden;
|
|
2229
|
+
}
|
|
2230
|
+
|
|
2231
|
+
:host([bordered-columns]) .sash,
|
|
2232
|
+
:host([bordered]) .sash {
|
|
2233
|
+
visibility: visible;
|
|
2234
|
+
}
|
|
2235
|
+
|
|
2236
|
+
:host([resizable]) .wrapper:hover .sash {
|
|
2237
|
+
visibility: visible;
|
|
2238
|
+
}
|
|
2239
|
+
|
|
2240
|
+
.sash {
|
|
2241
|
+
height: 100%;
|
|
2242
|
+
position: absolute;
|
|
2243
|
+
top: 0;
|
|
2244
|
+
width: 1px;
|
|
2245
|
+
}
|
|
2246
|
+
|
|
2247
|
+
.wrapper.compact-view .sash {
|
|
2248
|
+
display: none;
|
|
2249
|
+
}
|
|
2250
|
+
|
|
2251
|
+
.sash.resizable {
|
|
2252
|
+
cursor: ew-resize;
|
|
2253
|
+
}
|
|
2254
|
+
|
|
2255
|
+
.sash-visible {
|
|
2256
|
+
background-color: var(--vscode-editorGroup-border);
|
|
2257
|
+
height: 100%;
|
|
2258
|
+
position: absolute;
|
|
2259
|
+
top: 30px;
|
|
2260
|
+
width: 1px;
|
|
2261
|
+
}
|
|
2262
|
+
|
|
2263
|
+
.sash.hover .sash-visible {
|
|
2264
|
+
background-color: var(--vscode-sash-hoverBorder);
|
|
2265
|
+
transition: background-color 50ms linear 300ms;
|
|
2266
|
+
}
|
|
2267
|
+
|
|
2268
|
+
.sash .sash-clickable {
|
|
2269
|
+
background-color: transparent;
|
|
2270
|
+
height: 100%;
|
|
2271
|
+
left: -2px;
|
|
2272
|
+
position: absolute;
|
|
2273
|
+
width: 5px;
|
|
2274
|
+
}
|
|
2275
|
+
`];var Hs=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 gt{constructor(){super(...arguments),this.role="table",this.resizable=!1,this.responsive=!1,this.breakpoint=300,this.minColumnWidth="50px",this.delayedResizing=!1,this.compact=!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=Ls(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())}_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=Ls(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=Bt({sash:!0,hover:this._sashHovers[e],resizable:this.resizable}),i=`${t}%`;return this.resizable?L`
|
|
2276
|
+
<div
|
|
2277
|
+
class="${s}"
|
|
2278
|
+
data-index="${e}"
|
|
2279
|
+
style="${At({left:i})}"
|
|
2280
|
+
@mousedown="${this._onSashMouseDown}"
|
|
2281
|
+
@mouseover="${this._onSashMouseOver}"
|
|
2282
|
+
@mouseout="${this._onSashMouseOut}"
|
|
2283
|
+
>
|
|
2284
|
+
<div class="sash-visible"></div>
|
|
2285
|
+
<div class="sash-clickable"></div>
|
|
2286
|
+
</div>
|
|
2287
|
+
`:L`<div
|
|
2288
|
+
class="${s}"
|
|
2289
|
+
data-index="${e}"
|
|
2290
|
+
style="${At({left:i})}"
|
|
2291
|
+
>
|
|
2292
|
+
<div class="sash-visible"></div>
|
|
2293
|
+
</div>`})),e=Bt({wrapper:!0,"select-disabled":this._isDragging,"resize-cursor":this._isDragging,"compact-view":this.compact});return L`
|
|
2294
|
+
<div class="${e}">
|
|
2295
|
+
<div class="header" @slotchange="${this._onHeaderSlotChange}">
|
|
2296
|
+
<slot name="caption"></slot>
|
|
2297
|
+
<div class="header-slot-wrapper">
|
|
2298
|
+
<slot name="header"></slot>
|
|
2299
|
+
</div>
|
|
2300
|
+
</div>
|
|
2301
|
+
<vscode-scrollable class="scrollable">
|
|
2302
|
+
<div>
|
|
2303
|
+
<slot name="body" @slotchange="${this._onBodySlotChange}"></slot>
|
|
2304
|
+
</div>
|
|
2305
|
+
</vscode-scrollable>
|
|
2306
|
+
${t}
|
|
2307
|
+
</div>
|
|
2308
|
+
`}};qs.styles=Us,Hs([dt({reflect:!0})],qs.prototype,"role",void 0),Hs([dt({type:Boolean,reflect:!0})],qs.prototype,"resizable",void 0),Hs([dt({type:Boolean,reflect:!0})],qs.prototype,"responsive",void 0),Hs([dt({type:Number})],qs.prototype,"breakpoint",void 0),Hs([dt({type:Array})],qs.prototype,"columns",null),Hs([dt({attribute:"min-column-width"})],qs.prototype,"minColumnWidth",void 0),Hs([dt({type:Boolean,reflect:!0,attribute:"delayed-resizing"})],qs.prototype,"delayedResizing",void 0),Hs([dt({type:Boolean,reflect:!0})],qs.prototype,"compact",void 0),Hs([pt('slot[name="body"]')],qs.prototype,"_bodySlot",void 0),Hs([pt(".header")],qs.prototype,"_headerElement",void 0),Hs([pt(".scrollable")],qs.prototype,"_scrollableElement",void 0),Hs([function(t){return(e,s)=>vt(0,0,{get(){return(this.renderRoot??(bt??=document.createDocumentFragment())).querySelectorAll(t)}})}(".sash-visible")],qs.prototype,"_sashVisibleElements",void 0),Hs([ft({slot:"header",flatten:!0,selector:"vscode-table-header"})],qs.prototype,"_assignedHeaderElements",void 0),Hs([ft({slot:"body",flatten:!0,selector:"vscode-table-body"})],qs.prototype,"_assignedBodyElements",void 0),Hs([ut()],qs.prototype,"_sashPositions",void 0),Hs([ut()],qs.prototype,"_isDragging",void 0),qs=Hs([at("vscode-table")],qs);const Ks=[mt,r`
|
|
2309
|
+
:host {
|
|
2310
|
+
display: block;
|
|
2311
|
+
}
|
|
2312
|
+
|
|
2313
|
+
.header {
|
|
2314
|
+
align-items: center;
|
|
2315
|
+
display: flex;
|
|
2316
|
+
font-family: var(--vscode-font-family);
|
|
2317
|
+
font-size: var(--vscode-font-size);
|
|
2318
|
+
font-weight: var(--vscode-font-weight);
|
|
2319
|
+
width: 100%;
|
|
2320
|
+
}
|
|
2321
|
+
|
|
2322
|
+
.header {
|
|
2323
|
+
border-bottom-color: var(--vscode-settings-headerBorder);
|
|
2324
|
+
border-bottom-style: solid;
|
|
2325
|
+
border-bottom-width: 1px;
|
|
2326
|
+
}
|
|
2327
|
+
|
|
2328
|
+
.header.panel {
|
|
2329
|
+
background-color: var(--vscode-panel-background);
|
|
2330
|
+
border-bottom-width: 0;
|
|
2331
|
+
box-sizing: border-box;
|
|
2332
|
+
padding-left: 8px;
|
|
2333
|
+
padding-right: 8px;
|
|
2334
|
+
}
|
|
2335
|
+
|
|
2336
|
+
slot[name='addons'] {
|
|
2337
|
+
display: block;
|
|
2338
|
+
margin-left: auto;
|
|
2339
|
+
}
|
|
2340
|
+
`];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 Gs=class extends gt{constructor(){super(),this.panel=!1,this.role="tablist",this.selectedIndex=0,this._tabHeaders=[],this._tabPanels=[],this._componentId="",this._tabFocus=0,this._componentId=Se()}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 $s));t.length>0&&t.forEach((t=>t.setAttribute("slot","header")))}_onMainSlotChange(){this._moveHeadersToHeaderSlot(),this._tabPanels=this._mainSlotElements.filter((t=>t instanceof Bs)),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 $s)),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 $s));e&&(this.selectedIndex=e.tabId,this._setActiveTab(),this._dispatchSelectEvent())}render(){return L`
|
|
2341
|
+
<div
|
|
2342
|
+
class=${Bt({header:!0,panel:this.panel})}
|
|
2343
|
+
@click="${this._onHeaderClick}"
|
|
2344
|
+
@keydown=${this._onHeaderKeyDown}
|
|
2345
|
+
>
|
|
2346
|
+
<slot name="header" @slotchange=${this._onHeaderSlotChange}></slot>
|
|
2347
|
+
<slot name="addons"></slot>
|
|
2348
|
+
</div>
|
|
2349
|
+
<slot @slotchange=${this._onMainSlotChange}></slot>
|
|
2350
|
+
`}};Gs.styles=Ks,Ws([dt({type:Boolean,reflect:!0})],Gs.prototype,"panel",void 0),Ws([dt({reflect:!0})],Gs.prototype,"role",void 0),Ws([dt({type:Number,reflect:!0,attribute:"selected-index"})],Gs.prototype,"selectedIndex",void 0),Ws([ft({slot:"header"})],Gs.prototype,"_headerSlotElements",void 0),Ws([ft()],Gs.prototype,"_mainSlotElements",void 0),Gs=Ws([at("vscode-tabs")],Gs);const Js=[mt,r`
|
|
2351
|
+
:host {
|
|
2352
|
+
--hover-outline-color: transparent;
|
|
2353
|
+
--hover-outline-style: solid;
|
|
2354
|
+
--hover-outline-width: 0;
|
|
2355
|
+
--selected-outline-color: transparent;
|
|
2356
|
+
--selected-outline-style: solid;
|
|
2357
|
+
--selected-outline-width: 0;
|
|
2358
|
+
|
|
2359
|
+
display: block;
|
|
2360
|
+
outline: none;
|
|
2361
|
+
user-select: none;
|
|
2362
|
+
}
|
|
2363
|
+
|
|
2364
|
+
.wrapper {
|
|
2365
|
+
height: 100%;
|
|
2366
|
+
}
|
|
2367
|
+
|
|
2368
|
+
li {
|
|
2369
|
+
list-style: none;
|
|
2370
|
+
}
|
|
2371
|
+
|
|
2372
|
+
ul,
|
|
2373
|
+
li {
|
|
2374
|
+
margin: 0;
|
|
2375
|
+
padding: 0;
|
|
2376
|
+
}
|
|
2377
|
+
|
|
2378
|
+
ul {
|
|
2379
|
+
position: relative;
|
|
2380
|
+
}
|
|
2381
|
+
|
|
2382
|
+
:host([indent-guides]) ul ul:before {
|
|
2383
|
+
content: '';
|
|
2384
|
+
display: block;
|
|
2385
|
+
height: 100%;
|
|
2386
|
+
position: absolute;
|
|
2387
|
+
bottom: 0;
|
|
2388
|
+
left: var(--indent-guide-pos);
|
|
2389
|
+
top: 0;
|
|
2390
|
+
pointer-events: none;
|
|
2391
|
+
width: 1px;
|
|
2392
|
+
z-index: 1;
|
|
2393
|
+
}
|
|
2394
|
+
|
|
2395
|
+
.contents {
|
|
2396
|
+
align-items: center;
|
|
2397
|
+
display: flex;
|
|
2398
|
+
font-family: var(--vscode-font-family);
|
|
2399
|
+
font-size: var(--vscode-font-size);
|
|
2400
|
+
font-weight: var(--vscode-font-weight);
|
|
2401
|
+
outline-offset: -1px;
|
|
2402
|
+
padding-right: 12px;
|
|
2403
|
+
}
|
|
2404
|
+
|
|
2405
|
+
.multi .contents {
|
|
2406
|
+
align-items: flex-start;
|
|
2407
|
+
}
|
|
2408
|
+
|
|
2409
|
+
.contents:hover {
|
|
2410
|
+
cursor: pointer;
|
|
2411
|
+
}
|
|
2412
|
+
|
|
2413
|
+
.arrow-container {
|
|
2414
|
+
align-items: center;
|
|
2415
|
+
display: flex;
|
|
2416
|
+
height: 22px;
|
|
2417
|
+
justify-content: center;
|
|
2418
|
+
padding-left: 8px;
|
|
2419
|
+
padding-right: 6px;
|
|
2420
|
+
width: 16px;
|
|
2421
|
+
}
|
|
2422
|
+
|
|
2423
|
+
.icon-arrow {
|
|
2424
|
+
color: currentColor;
|
|
2425
|
+
display: block;
|
|
2426
|
+
}
|
|
2427
|
+
|
|
2428
|
+
.theme-icon {
|
|
2429
|
+
display: block;
|
|
2430
|
+
flex-shrink: 0;
|
|
2431
|
+
margin-right: 6px;
|
|
2432
|
+
}
|
|
2433
|
+
|
|
2434
|
+
.image-icon {
|
|
2435
|
+
background-repeat: no-repeat;
|
|
2436
|
+
background-position: 0 center;
|
|
2437
|
+
background-size: 16px;
|
|
2438
|
+
display: block;
|
|
2439
|
+
flex-shrink: 0;
|
|
2440
|
+
margin-right: 6px;
|
|
2441
|
+
height: 22px;
|
|
2442
|
+
width: 16px;
|
|
2443
|
+
}
|
|
2444
|
+
|
|
2445
|
+
.multi .contents .theme-icon {
|
|
2446
|
+
margin-top: 3px;
|
|
2447
|
+
}
|
|
2448
|
+
|
|
2449
|
+
.text-content {
|
|
2450
|
+
display: flex;
|
|
2451
|
+
line-height: 22px;
|
|
2452
|
+
}
|
|
2453
|
+
|
|
2454
|
+
.single .text-content {
|
|
2455
|
+
display: block;
|
|
2456
|
+
overflow: hidden;
|
|
2457
|
+
text-overflow: ellipsis;
|
|
2458
|
+
white-space: nowrap;
|
|
2459
|
+
width: 100%;
|
|
2460
|
+
}
|
|
2461
|
+
|
|
2462
|
+
.description {
|
|
2463
|
+
font-size: 0.9em;
|
|
2464
|
+
line-height: 22px;
|
|
2465
|
+
margin-left: 0.5em;
|
|
2466
|
+
opacity: 0.95;
|
|
2467
|
+
white-space: pre;
|
|
2468
|
+
}
|
|
2469
|
+
|
|
2470
|
+
.actions {
|
|
2471
|
+
display: none;
|
|
2472
|
+
}
|
|
2473
|
+
|
|
2474
|
+
.contents.selected > .actions,
|
|
2475
|
+
.contents.focused > .actions,
|
|
2476
|
+
.contents:hover > .actions {
|
|
2477
|
+
display: flex;
|
|
2478
|
+
}
|
|
2479
|
+
|
|
2480
|
+
.decorations {
|
|
2481
|
+
align-items: center;
|
|
2482
|
+
display: flex;
|
|
2483
|
+
height: 22px;
|
|
2484
|
+
margin-left: 5px;
|
|
2485
|
+
}
|
|
2486
|
+
|
|
2487
|
+
.filled-circle {
|
|
2488
|
+
margin-right: 3px;
|
|
2489
|
+
opacity: 0.4;
|
|
2490
|
+
}
|
|
2491
|
+
|
|
2492
|
+
.decoration-text {
|
|
2493
|
+
font-size: 90%;
|
|
2494
|
+
font-weight: 600;
|
|
2495
|
+
margin-right: 3px;
|
|
2496
|
+
opacity: 0.75;
|
|
2497
|
+
}
|
|
2498
|
+
|
|
2499
|
+
.filled-circle,
|
|
2500
|
+
.decoration-text {
|
|
2501
|
+
color: var(--color, currentColor);
|
|
2502
|
+
}
|
|
2503
|
+
|
|
2504
|
+
.contents:hover .filled-circle,
|
|
2505
|
+
.contents:hover .decoration-text {
|
|
2506
|
+
color: var(--hover-color, var(--color));
|
|
2507
|
+
}
|
|
2508
|
+
|
|
2509
|
+
.contents.focused .filled-circle,
|
|
2510
|
+
.contents.focused .decoration-text {
|
|
2511
|
+
color: var(--focused-color, var(--color));
|
|
2512
|
+
}
|
|
2513
|
+
|
|
2514
|
+
.contents.selected .filled-circle,
|
|
2515
|
+
.contents.selected .decoration-text {
|
|
2516
|
+
color: var(--selected-color, var(--color));
|
|
2517
|
+
}
|
|
2518
|
+
|
|
2519
|
+
/* Theme colors */
|
|
2520
|
+
:host(:focus) .wrapper.has-not-focused-item {
|
|
2521
|
+
outline: 1px solid var(--vscode-focusBorder);
|
|
2522
|
+
}
|
|
2523
|
+
|
|
2524
|
+
:host(:focus) .contents.selected,
|
|
2525
|
+
:host(:focus) .contents.focused.selected {
|
|
2526
|
+
color: var(--vscode-list-activeSelectionForeground);
|
|
2527
|
+
background-color: var(--vscode-list-activeSelectionBackground);
|
|
2528
|
+
}
|
|
2529
|
+
|
|
2530
|
+
:host(:focus) .contents.selected .icon-arrow,
|
|
2531
|
+
:host(:focus) .contents.selected.focused .icon-arrow,
|
|
2532
|
+
:host(:focus) .contents.selected .theme-icon,
|
|
2533
|
+
:host(:focus) .contents.selected.focused .theme-icon,
|
|
2534
|
+
:host(:focus) .contents.selected .action-icon,
|
|
2535
|
+
:host(:focus) .contents.selected.focused .action-icon {
|
|
2536
|
+
color: var(--vscode-list-activeSelectionIconForeground);
|
|
2537
|
+
}
|
|
2538
|
+
|
|
2539
|
+
:host(:focus) .contents.focused {
|
|
2540
|
+
color: var(--vscode-list-focusForeground);
|
|
2541
|
+
background-color: var(--vscode-list-focusBackground);
|
|
2542
|
+
}
|
|
2543
|
+
|
|
2544
|
+
:host(:focus) .contents.selected.focused {
|
|
2545
|
+
outline-color: var(--vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline));
|
|
2546
|
+
}
|
|
2547
|
+
|
|
2548
|
+
.contents:hover {
|
|
2549
|
+
background-color: var(--vscode-list-hoverBackground);
|
|
2550
|
+
color: var(--vscode-list-hoverForeground);
|
|
2551
|
+
}
|
|
2552
|
+
|
|
2553
|
+
.contents:hover,
|
|
2554
|
+
.contents.selected:hover {
|
|
2555
|
+
outline-color: var(--hover-outline-color);
|
|
2556
|
+
outline-style: var(--hover-outline-style);
|
|
2557
|
+
outline-width: var(--hover-outline-width);
|
|
2558
|
+
}
|
|
2559
|
+
|
|
2560
|
+
.contents.selected,
|
|
2561
|
+
.contents.selected.focused {
|
|
2562
|
+
background-color: var(--vscode-list-inactiveSelectionBackground);
|
|
2563
|
+
color: var(--vscode-list-inactiveSelectionForeground);
|
|
2564
|
+
}
|
|
2565
|
+
|
|
2566
|
+
.contents.selected,
|
|
2567
|
+
.contents.selected.focused {
|
|
2568
|
+
outline-color: var(--selected-outline-color);
|
|
2569
|
+
outline-style: var(--selected-outline-style);
|
|
2570
|
+
outline-width: var(--selected-outline-width);
|
|
2571
|
+
}
|
|
2572
|
+
|
|
2573
|
+
.contents.selected .theme-icon {
|
|
2574
|
+
color: var(--vscode-list-inactiveSelectionIconForeground);
|
|
2575
|
+
}
|
|
2576
|
+
|
|
2577
|
+
.contents.focused {
|
|
2578
|
+
background-color: var(--vscode-list-inactiveFocusBackground);
|
|
2579
|
+
outline: 1px dotted var(--vscode-list-inactiveFocusOutline);
|
|
2580
|
+
}
|
|
2581
|
+
|
|
2582
|
+
:host(:focus) .contents.focused {
|
|
2583
|
+
outline: 1px solid var(--vscode-list-focusOutline);
|
|
2584
|
+
}
|
|
2585
|
+
|
|
2586
|
+
:host([indent-guides]) ul ul:before {
|
|
2587
|
+
background-color: var(--vscode-tree-inactiveIndentGuidesStroke);
|
|
2588
|
+
}
|
|
2589
|
+
|
|
2590
|
+
:host([indent-guides]) ul ul.has-active-item:before {
|
|
2591
|
+
background-color: var(--vscode-tree-indentGuidesStroke);
|
|
2592
|
+
}
|
|
2593
|
+
`];var Ys=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 Xs=(t,e=[])=>{const s=[];return t.forEach(((t,i)=>{const o=[...e,i],r={...t,path:o};t.subItems&&(r.subItems=Xs(t.subItems,o)),s.push(r)})),s},Zs=t=>!!(t.subItems&&Array.isArray(t.subItems)&&t?.subItems?.length>0);let Qs=class extends gt{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=Xs(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?L`<vscode-icon name=${s} class="theme-icon"></vscode-icon>`:L`<span
|
|
2594
|
+
class="image-icon"
|
|
2595
|
+
style="background-image: url(${s});"
|
|
2596
|
+
></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 L`${H}`;return Zs(t)?t.open?this._renderIconVariant(e.open):this._renderIconVariant(e.branch):this._renderIconVariant(e.leaf)}_renderArrow(t){if(!this.arrows||!Zs(t))return L`${H}`;const{open:e=!1}=t;return L`
|
|
2597
|
+
<div class="arrow-container">
|
|
2598
|
+
<vscode-icon name="${e?"chevron-down":"chevron-right"}" class="icon-arrow"></vscode-icon>
|
|
2599
|
+
</div>
|
|
2600
|
+
`}_renderActions(t){const e=[];return t.actions&&Array.isArray(t.actions)&&t.actions.forEach(((s,i)=>{if(s.icon){const o=L`<vscode-icon
|
|
2601
|
+
name=${s.icon}
|
|
2602
|
+
action-icon
|
|
2603
|
+
title=${Ot(s.tooltip)}
|
|
2604
|
+
data-item-path=${Ot(t.path?.join("/"))}
|
|
2605
|
+
data-index=${i}
|
|
2606
|
+
class="action-icon"
|
|
2607
|
+
@click=${this._handleActionClick}
|
|
2608
|
+
></vscode-icon>`;e.push(o)}})),e.length>0?L`<div class="actions">${e}</div>`:L`${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(L`<vscode-badge
|
|
2609
|
+
variant="counter"
|
|
2610
|
+
class=${["counter-badge",c].join(" ")}
|
|
2611
|
+
part="counter-badge-decoration"
|
|
2612
|
+
>${o}</vscode-badge
|
|
2613
|
+
>`);break;case"filled-circle":e.push(L`<vscode-icon
|
|
2614
|
+
name="circle-filled"
|
|
2615
|
+
size="14"
|
|
2616
|
+
class=${["filled-circle",c].join(" ")}
|
|
2617
|
+
part="filled-circle-decoration"
|
|
2618
|
+
style=${At(h)}
|
|
2619
|
+
></vscode-icon>`);break;case"text":e.push(L`<div
|
|
2620
|
+
class=${["decoration-text",c].join(" ")}
|
|
2621
|
+
part="caption-decoration"
|
|
2622
|
+
style=${At(h)}
|
|
2623
|
+
>
|
|
2624
|
+
${o}
|
|
2625
|
+
</div>`)}})),e.length>0?L`<div class="decorations" part="decorations">
|
|
2626
|
+
${e}
|
|
2627
|
+
</div>`:L`${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?L`<ul
|
|
2628
|
+
style=${At({"--indent-guide-pos":`${x}px`})}
|
|
2629
|
+
class=${Bt({"has-active-item":d||u})}
|
|
2630
|
+
>
|
|
2631
|
+
${this._renderTree(a,c)}
|
|
2632
|
+
</ul>`:H,w=o?L`<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"),L`
|
|
2633
|
+
<li data-path="${c.join("/")}" class="${p.join(" ")}">
|
|
2634
|
+
<div
|
|
2635
|
+
class="${v.join(" ")}"
|
|
2636
|
+
style="${At({paddingLeft:`${f+3}px`})}"
|
|
2637
|
+
>
|
|
2638
|
+
${g}${m}<span
|
|
2639
|
+
class="text-content"
|
|
2640
|
+
part="text-content"
|
|
2641
|
+
title="${Ot(r)}"
|
|
2642
|
+
>${i}${w}</span
|
|
2643
|
+
>
|
|
2644
|
+
${k} ${$}
|
|
2645
|
+
</div>
|
|
2646
|
+
${y}
|
|
2647
|
+
</li>
|
|
2648
|
+
`}_renderTree(t,e=[]){const s=[];return t?(t.forEach(((t,i)=>{const o=[...e,i],r=Zs(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))),Zs(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:Zs(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=Bt({multi:this.multiline,single:!this.multiline,wrapper:!0,"has-not-focused-item":!this._focusedItem,"selection-none":!this._selectedItem,"selection-single":null!==this._selectedItem});return L`
|
|
2649
|
+
<div @click="${this._handleClick}" class="${t}">
|
|
2650
|
+
<ul>
|
|
2651
|
+
${this._renderTree(this._data)}
|
|
2652
|
+
</ul>
|
|
2653
|
+
</div>
|
|
2654
|
+
`}};Qs.styles=Js,Ys([dt({type:Array,reflect:!1})],Qs.prototype,"data",null),Ys([dt({type:Number})],Qs.prototype,"indent",void 0),Ys([dt({type:Boolean,reflect:!0})],Qs.prototype,"arrows",void 0),Ys([dt({type:Boolean,reflect:!0})],Qs.prototype,"multiline",void 0),Ys([dt({type:Number,reflect:!0})],Qs.prototype,"tabindex",void 0),Ys([dt({type:Boolean,reflect:!0,attribute:"indent-guides"})],Qs.prototype,"indentGuides",void 0),Ys([ut()],Qs.prototype,"_selectedItem",void 0),Ys([ut()],Qs.prototype,"_focusedItem",void 0),Ys([ut()],Qs.prototype,"_selectedBranch",void 0),Ys([ut()],Qs.prototype,"_focusedBranch",void 0),Qs=Ys([at("vscode-tree")],Qs);export{wt as VscodeBadge,Nt as VscodeButton,Zt as VscodeCheckbox,ee as VscodeCheckboxGroup,oe as VscodeCollapsible,he as VscodeContextMenu,le as VscodeContextMenuItem,ve as VscodeDivider,xe as VscodeFormContainer,ke as VscodeFormGroup,Ce as VscodeFormHelper,Mt as VscodeIcon,Te as VscodeLabel,is as VscodeMultiSelect,rs as VscodeOption,as as VscodeProgressRing,ds as VscodeRadio,Oe as VscodeRadioGroup,fs as VscodeScrollable,vs as VscodeSingleSelect,ys as VscodeSplitLayout,$s as VscodeTabHeader,Bs as VscodeTabPanel,qs as VscodeTable,As as VscodeTableBody,js as VscodeTableCell,Fs as VscodeTableHeader,Ps as VscodeTableHeaderCell,Rs as VscodeTableRow,Gs as VscodeTabs,Ie as VscodeTextarea,De as VscodeTextfield,Qs as VscodeTree};
|