@vscode-elements/elements 1.16.0 → 1.16.2-pre.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -1
- package/custom-elements.json +1199 -687
- package/dist/bundled.js +888 -812
- package/dist/includes/VscElement.d.ts.map +1 -1
- package/dist/includes/VscElement.js +3 -1
- package/dist/includes/VscElement.js.map +1 -1
- package/dist/includes/vscode-select/OptionListController.d.ts +61 -0
- package/dist/includes/vscode-select/OptionListController.d.ts.map +1 -0
- package/dist/includes/vscode-select/OptionListController.js +373 -0
- package/dist/includes/vscode-select/OptionListController.js.map +1 -0
- package/dist/includes/vscode-select/helpers.d.ts +2 -2
- package/dist/includes/vscode-select/helpers.js.map +1 -1
- package/dist/includes/vscode-select/styles.d.ts.map +1 -1
- package/dist/includes/vscode-select/styles.js +19 -23
- package/dist/includes/vscode-select/styles.js.map +1 -1
- package/dist/includes/vscode-select/template-elements.d.ts +1 -0
- package/dist/includes/vscode-select/template-elements.d.ts.map +1 -1
- package/dist/includes/vscode-select/template-elements.js +14 -1
- package/dist/includes/vscode-select/template-elements.js.map +1 -1
- package/dist/includes/vscode-select/types.d.ts +11 -7
- package/dist/includes/vscode-select/types.d.ts.map +1 -1
- package/dist/includes/vscode-select/types.js.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.d.ts +25 -31
- package/dist/includes/vscode-select/vscode-select-base.d.ts.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.js +214 -324
- package/dist/includes/vscode-select/vscode-select-base.js.map +1 -1
- package/dist/vscode-button/vscode-button.styles.js +4 -4
- package/dist/vscode-button/vscode-button.styles.js.map +1 -1
- package/dist/vscode-button-group/vscode-button-group.styles.d.ts.map +1 -1
- package/dist/vscode-button-group/vscode-button-group.styles.js +2 -0
- package/dist/vscode-button-group/vscode-button-group.styles.js.map +1 -1
- package/dist/vscode-icon/vscode-icon.d.ts.map +1 -1
- package/dist/vscode-icon/vscode-icon.js +1 -0
- package/dist/vscode-icon/vscode-icon.js.map +1 -1
- package/dist/vscode-label/vscode-label.d.ts.map +1 -1
- package/dist/vscode-label/vscode-label.js +9 -7
- package/dist/vscode-label/vscode-label.js.map +1 -1
- package/dist/vscode-multi-select/vscode-multi-select.d.ts +9 -1
- package/dist/vscode-multi-select/vscode-multi-select.d.ts.map +1 -1
- package/dist/vscode-multi-select/vscode-multi-select.js +125 -65
- package/dist/vscode-multi-select/vscode-multi-select.js.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.d.ts +4 -4
- package/dist/vscode-single-select/vscode-single-select.d.ts.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.js +140 -74
- package/dist/vscode-single-select/vscode-single-select.js.map +1 -1
- package/package.json +5 -4
- package/vscode.css-custom-data.json +2 -2
- package/vscode.html-custom-data.json +19 -9
package/dist/bundled.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
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=>new o("string"==typeof t?t:t+"",void 0,s),n=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,s,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[i+1]),t[0]);return new o(i,t,s)},a=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t,{is:c,defineProperty:l,getOwnPropertyDescriptor:h,getOwnPropertyNames:d,getOwnPropertySymbols:u,getPrototypeOf:v}=Object,p=globalThis,b=p.trustedTypes,f=b?b.emptyScript:"",g=p.reactiveElementPolyfillSupport,m=(t,e)=>t,x={toAttribute(t,e){switch(e){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},y=(t,e)=>!c(t,e),w={attribute:!0,type:String,converter:x,reflect:!1,useDefault:!1,hasChanged:y};Symbol.metadata??=Symbol("metadata"),p.litPropertyMetadata??=new WeakMap;let k=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=w){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),i=this.getPropertyDescriptor(t,s,e);void 0!==i&&l(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){const{get:i,set:o}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:i,set(e){const r=i?.call(this);o?.call(this,e),this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??w}static _$Ei(){if(this.hasOwnProperty(m("elementProperties")))return;const t=v(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(m("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(m("properties"))){const t=this.properties,e=[...d(t),...u(t)];for(const s of e)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,s]of e)this.elementProperties.set(t,s)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const s=this._$Eu(t,e);void 0!==s&&this._$Eh.set(s,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(a(t))}else void 0!==t&&e.push(a(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)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,s);if(void 0!==i&&!0===s.reflect){const o=(void 0!==s.converter?.toAttribute?s.converter:x).toAttribute(e,s.type);this._$Em=t,null==o?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(t,e){const s=this.constructor,i=s._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=s.getPropertyOptions(i),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:x;this._$Em=i,this[i]=o.fromAttribute(e,t.type)??this._$Ej?.get(i)??null,this._$Em=null}}requestUpdate(t,e,s){if(void 0!==t){const i=this.constructor,o=this[t];if(s??=i.getPropertyOptions(t),!((s.hasChanged??y)(o,e)||s.useDefault&&s.reflect&&o===this._$Ej?.get(t)&&!this.hasAttribute(i._$Eu(t,s))))return;this.C(t,e,s)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:i,wrapped:o},r){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??e??this[t]),!0!==o||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),!0===i&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,s]of t){const{wrapped:t}=s,i=this[e];!0!==t||this._$AL.has(e)||void 0===i||this.C(e,void 0,s,i)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[m("elementProperties")]=new Map,k[m("finalized")]=new Map,g?.({ReactiveElement:k}),(p.reactiveElementVersions??=[]).push("2.1.0");const $=globalThis,_=$.trustedTypes,C=_?_.createPolicy("lit-html",{createHTML:t=>t}):void 0,B="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,z="?"+S,O=`<${z}>`,A=document,E=()=>A.createComment(""),j=t=>null===t||"object"!=typeof t&&"function"!=typeof t,I=Array.isArray,M="[ \t\n\f\r]",F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,P=/-->/g,N=/>/g,D=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"),q=Symbol.for("lit-nothing"),H=new WeakMap,K=A.createTreeWalker(A,129);function W(t,e){if(!I(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==C?C.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 a,c,l=-1,h=0;for(;h<s.length&&(n.lastIndex=h,c=n.exec(s),null!==c);)h=n.lastIndex,n===F?"!--"===c[1]?n=P:void 0!==c[1]?n=N:void 0!==c[2]?(T.test(c[2])&&(o=RegExp("</"+c[2],"g")),n=D):void 0!==c[3]&&(n=D):n===D?">"===c[0]?(n=o??F,l=-1):void 0===c[1]?l=-2:(l=n.lastIndex-c[2].length,a=c[1],n=void 0===c[3]?D:'"'===c[3]?R:V):n===R||n===V?n=D:n===P||n===N?n=F:(n=D,o=void 0);const d=n===D&&t[e+1].startsWith("/>")?" ":"";r+=n===F?s+O:l>=0?(i.push(a),s.slice(0,l)+B+s.slice(l)+S+d):s+S+(-2===l?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,a=this.parts,[c,l]=G(t,e);if(this.el=J.createElement(c,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())&&a.length<n;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(B)){const e=l[r++],s=i.getAttribute(t).split(S),n=/([.?@])?(.*)/.exec(e);a.push({type:1,index:o,name:n[2],strings:s,ctor:"."===n[1]?Q:"?"===n[1]?tt:"@"===n[1]?et:Z}),i.removeAttribute(t)}else t.startsWith(S)&&(a.push({type:6,index:o}),i.removeAttribute(t));if(T.test(i.tagName)){const t=i.textContent.split(S),e=t.length-1;if(e>0){i.textContent=_?_.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],E()),K.nextNode(),a.push({type:2,index:++o});i.append(t[e],E())}}}else if(8===i.nodeType)if(i.data===z)a.push({type:2,index:o});else{let t=-1;for(;-1!==(t=i.data.indexOf(S,t+1));)a.push({type:7,index:o}),t+=S.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=j(e)?void 0:e._$litDirective$;return o?.constructor!==r&&(o?._$AO?.(!1),void 0===r?o=void 0:(o=new r(t),o._$AT(t,s,i)),void 0!==i?(s._$Co??=[])[i]=o:s._$Cl=o),void 0!==o&&(e=Y(t,o._$AS(t,e.values),o,i)),e}class X{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=q,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),j(t)?t===q||null==t||""===t?(this._$AH!==q&&this._$AR(),this._$AH=q):t!==this._$AH&&t!==U&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>I(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==q&&j(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 class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=(t?.creationScope??A).importNode(e,!0);K.currentNode=i;let o=K.nextNode(),r=0,n=0,a=s[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new X(o,o.nextSibling,this,t):1===a.type?e=new a.ctor(o,a.name,a.strings,this,t):6===a.type&&(e=new st(o,this,t)),this._$AV.push(e),a=s[++n]}r!==a?.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++}}(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=H.get(t.strings);return void 0===e&&H.set(t.strings,e=new J(t)),e}k(t){I(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 X(this.O(E()),this.O(E()),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 Z{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,o){this.type=1,this._$AH=q,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=q}_$AI(t,e=this,s,i){const o=this.strings;let r=!1;if(void 0===o)t=Y(this,t,e,0),r=!j(t)||t!==this._$AH&&t!==U,r&&(this._$AH=t);else{const i=t;let n,a;for(t=o[0],n=0;n<o.length-1;n++)a=Y(this,i[s+n],e,n),a===U&&(a=this._$AH[n]),r||=!j(a)||a!==this._$AH[n],a===q?t=q:t!==q&&(t+=(a??"")+o[n+1]),this._$AH[n]=a}r&&!i&&this.j(t)}j(t){t===q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Q extends Z{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===q?void 0:t}}class tt extends Z{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==q)}}class et extends Z{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)??q)===U)return;const s=this._$AH,i=t===q&&s!==q||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==q&&(s===q||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 st{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 it={I:X},ot=$.litHtmlPolyfillSupport;ot?.(J,X),($.litHtmlVersions??=[]).push("3.3.0");const rt=(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 X(e.insertBefore(E(),t),t,void 0,s??{})}return o._$AI(t),o},nt=globalThis;let at=class extends k{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=rt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return U}};at._$litElement$=!0,at.finalized=!0,nt.litElementHydrateSupport?.({LitElement:at});const ct=nt.litElementPolyfillSupport;ct?.({LitElement:at}),(nt.litElementVersions??=[]).push("4.2.0");const lt={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:y},ht=(t=lt,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),"setter"===i&&((t=Object.create(t)).wrapped=!0),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.C(i,void 0,t,e),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,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(s,i,o)=>{const r=e=>e.renderRoot?.querySelector(t)??null;if(e){const{get:t,set:e}="object"==typeof i?s:o??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return vt(0,0,{get(){let s=t.call(this);return void 0===s&&(s=r(this),(null!==s||this.hasUpdated)&&e.call(this,s)),s}})}return vt(0,0,{get(){return r(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)))}})}}const gt="1.16.0",mt="__vscodeElements_disableRegistryWarning__";class xt extends at{get version(){return gt}}const yt=t=>e=>{if(!customElements.get(t))return void customElements.define(t,e);if(mt in window)return;const s=document.createElement(t),i=s?.version;let o="";i?i!==gt?(o+="is already registered by a different version of VSCode Elements. ",o+=`This version is "${gt}", while the other one is "${i}".`):o+="is already registered by the same version of VSCode Elements. ":(console.warn(t,"is already registered by an unknown custom element handler class."),o+="is already registered by an unknown custom element handler class."),console.warn(`[VSCode Elements] ${t} ${o}\nTo suppress this warning, set window.${mt} to true`)};var wt=n`
|
|
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=>new o("string"==typeof t?t:t+"",void 0,s),n=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,s,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[i+1]),t[0]);return new o(i,t,s)},l=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t,{is:a,defineProperty:c,getOwnPropertyDescriptor:h,getOwnPropertyNames:d,getOwnPropertySymbols:u,getPrototypeOf:p}=Object,v=globalThis,b=v.trustedTypes,f=b?b.emptyScript:"",g=v.reactiveElementPolyfillSupport,m=(t,e)=>t,x={toAttribute(t,e){switch(e){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},y=(t,e)=>!a(t,e),w={attribute:!0,type:String,converter:x,reflect:!1,useDefault:!1,hasChanged:y};Symbol.metadata??=Symbol("metadata"),v.litPropertyMetadata??=new WeakMap;let k=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=w){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),i=this.getPropertyDescriptor(t,s,e);void 0!==i&&c(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){const{get:i,set:o}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:i,set(e){const r=i?.call(this);o?.call(this,e),this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??w}static _$Ei(){if(this.hasOwnProperty(m("elementProperties")))return;const t=p(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(m("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(m("properties"))){const t=this.properties,e=[...d(t),...u(t)];for(const s of e)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,s]of e)this.elementProperties.set(t,s)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const s=this._$Eu(t,e);void 0!==s&&this._$Eh.set(s,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(l(t))}else void 0!==t&&e.push(l(t));return e}static _$Eu(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const s=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((s,i)=>{if(e)s.adoptedStyleSheets=i.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of i){const i=document.createElement("style"),o=t.litNonce;void 0!==o&&i.setAttribute("nonce",o),i.textContent=e.cssText,s.appendChild(i)}})(s,this.constructor.elementStyles),s}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,s);if(void 0!==i&&!0===s.reflect){const o=(void 0!==s.converter?.toAttribute?s.converter:x).toAttribute(e,s.type);this._$Em=t,null==o?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(t,e){const s=this.constructor,i=s._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=s.getPropertyOptions(i),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:x;this._$Em=i,this[i]=o.fromAttribute(e,t.type)??this._$Ej?.get(i)??null,this._$Em=null}}requestUpdate(t,e,s){if(void 0!==t){const i=this.constructor,o=this[t];if(s??=i.getPropertyOptions(t),!((s.hasChanged??y)(o,e)||s.useDefault&&s.reflect&&o===this._$Ej?.get(t)&&!this.hasAttribute(i._$Eu(t,s))))return;this.C(t,e,s)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:i,wrapped:o},r){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??e??this[t]),!0!==o||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),!0===i&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,s]of t){const{wrapped:t}=s,i=this[e];!0!==t||this._$AL.has(e)||void 0===i||this.C(e,void 0,s,i)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[m("elementProperties")]=new Map,k[m("finalized")]=new Map,g?.({ReactiveElement:k}),(v.reactiveElementVersions??=[]).push("2.1.0");const $=globalThis,_=$.trustedTypes,C=_?_.createPolicy("lit-html",{createHTML:t=>t}):void 0,S="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,O="?"+B,z=`<${O}>`,A=document,E=()=>A.createComment(""),j=t=>null===t||"object"!=typeof t&&"function"!=typeof t,I=Array.isArray,M="[ \t\n\f\r]",F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,P=/-->/g,D=/>/g,N=RegExp(`>|${M}(?:([^\\s"'>=/]+)(${M}*=${M}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),V=/'/g,T=/"/g,R=/^(?:script|style|textarea|title)$/i,L=t=>(e,...s)=>({_$litType$:t,strings:e,values:s}),U=L(1),q=L(2),H=Symbol.for("lit-noChange"),K=Symbol.for("lit-nothing"),W=new WeakMap,G=A.createTreeWalker(A,129);function J(t,e){if(!I(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==C?C.createHTML(e):e}const Y=(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=P:void 0!==a[1]?n=D:void 0!==a[2]?(R.test(a[2])&&(o=RegExp("</"+a[2],"g")),n=N):void 0!==a[3]&&(n=N):n===N?">"===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]?N:'"'===a[3]?T:V):n===T||n===V?n=N:n===P||n===D?n=F:(n=N,o=void 0);const d=n===N&&t[e+1].startsWith("/>")?" ":"";r+=n===F?s+z:c>=0?(i.push(l),s.slice(0,c)+S+s.slice(c)+B+d):s+B+(-2===c?e:d)}return[J(t,r+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class X{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]=Y(t,e);if(this.el=X.createElement(a,s),G.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=G.nextNode())&&l.length<n;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(S)){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]?et:"?"===n[1]?st:"@"===n[1]?it:tt}),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],E()),G.nextNode(),l.push({type:2,index:++o});i.append(t[e],E())}}}else if(8===i.nodeType)if(i.data===O)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 Z(t,e,s=t,i){if(e===H)return e;let o=void 0!==i?s._$Co?.[i]:s._$Cl;const r=j(e)?void 0:e._$litDirective$;return o?.constructor!==r&&(o?._$AO?.(!1),void 0===r?o=void 0:(o=new r(t),o._$AT(t,s,i)),void 0!==i?(s._$Co??=[])[i]=o:s._$Cl=o),void 0!==o&&(e=Z(t,o._$AS(t,e.values),o,i)),e}class Q{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=K,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=Z(this,t,e),j(t)?t===K||null==t||""===t?(this._$AH!==K&&this._$AR(),this._$AH=K):t!==this._$AH&&t!==H&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>I(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==K&&j(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=X.createElement(J(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=(t?.creationScope??A).importNode(e,!0);G.currentNode=i;let o=G.nextNode(),r=0,n=0,l=s[0];for(;void 0!==l;){if(r===l.index){let e;2===l.type?e=new Q(o,o.nextSibling,this,t):1===l.type?e=new l.ctor(o,l.name,l.strings,this,t):6===l.type&&(e=new ot(o,this,t)),this._$AV.push(e),l=s[++n]}r!==l?.index&&(o=G.nextNode(),r++)}return G.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++}}(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=W.get(t.strings);return void 0===e&&W.set(t.strings,e=new X(t)),e}k(t){I(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 Q(this.O(E()),this.O(E()),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 tt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,o){this.type=1,this._$AH=K,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=K}_$AI(t,e=this,s,i){const o=this.strings;let r=!1;if(void 0===o)t=Z(this,t,e,0),r=!j(t)||t!==this._$AH&&t!==H,r&&(this._$AH=t);else{const i=t;let n,l;for(t=o[0],n=0;n<o.length-1;n++)l=Z(this,i[s+n],e,n),l===H&&(l=this._$AH[n]),r||=!j(l)||l!==this._$AH[n],l===K?t=K:t!==K&&(t+=(l??"")+o[n+1]),this._$AH[n]=l}r&&!i&&this.j(t)}j(t){t===K?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class et extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===K?void 0:t}}class st extends tt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==K)}}class it extends tt{constructor(t,e,s,i,o){super(t,e,s,i,o),this.type=5}_$AI(t,e=this){if((t=Z(this,t,e,0)??K)===H)return;const s=this._$AH,i=t===K&&s!==K||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==K&&(s===K||i);i&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class ot{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){Z(this,t)}}const rt={I:Q},nt=$.litHtmlPolyfillSupport;nt?.(X,Q),($.litHtmlVersions??=[]).push("3.3.0");const lt=(t,e,s)=>{const i=s?.renderBefore??e;let o=i._$litPart$;if(void 0===o){const t=s?.renderBefore??null;i._$litPart$=o=new Q(e.insertBefore(E(),t),t,void 0,s??{})}return o._$AI(t),o},at=globalThis;let ct=class extends k{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=lt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return H}};ct._$litElement$=!0,ct.finalized=!0,at.litElementHydrateSupport?.({LitElement:ct});const ht=at.litElementPolyfillSupport;ht?.({LitElement:ct}),(at.litElementVersions??=[]).push("4.2.0");const dt={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:y},ut=(t=dt,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),"setter"===i&&((t=Object.create(t)).wrapped=!0),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.C(i,void 0,t,e),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 pt(t){return(e,s)=>"object"==typeof s?ut(t,e,s):((t,e,s)=>{const i=e.hasOwnProperty(s);return e.constructor.createProperty(s,t),i?Object.getOwnPropertyDescriptor(e,s):void 0})(t,e,s)}function vt(t){return pt({...t,state:!0,attribute:!1})}const bt=(t,e,s)=>(s.configurable=!0,s.enumerable=!0,s);function ft(t,e){return(s,i,o)=>{const r=e=>e.renderRoot?.querySelector(t)??null;if(e){const{get:t,set:e}="object"==typeof i?s:o??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return bt(0,0,{get(){let s=t.call(this);return void 0===s&&(s=r(this),(null!==s||this.hasUpdated)&&e.call(this,s)),s}})}return bt(0,0,{get(){return r(this)}})}}let gt;function mt(t){return(e,s)=>{const{slot:i,selector:o}=t??{},r="slot"+(i?`[name=${i}]`:":not([name])");return bt(0,0,{get(){const e=this.renderRoot?.querySelector(r),s=e?.assignedElements(t)??[];return void 0===o?s:s.filter((t=>t.matches(o)))}})}}const xt="1.16.2-pre.0",yt="__vscodeElements_disableRegistryWarning__";class wt extends ct{get version(){return xt}}const kt=t=>e=>{if(!customElements.get(t))return void customElements.define(t,e);if(yt in window)return;const s=document.createElement(t),i=s?.version;let o="";i?i!==xt?(o+="is already registered by a different version of VSCode Elements. ",o+=`This version is "${xt}", while the other one is "${i}".`):o+="is already registered by the same version of VSCode Elements. ":(console.warn(t,"is already registered by an unknown custom element handler class."),o+="is already registered by an unknown custom element handler class."),console.warn(`[VSCode Elements] ${t} ${o}\nTo suppress this warning, set window.${yt} to true`)};var $t=n`
|
|
2
2
|
:host([hidden]) {
|
|
3
3
|
display: none;
|
|
4
4
|
}
|
|
@@ -9,7 +9,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
9
9
|
opacity: 0.4;
|
|
10
10
|
pointer-events: none;
|
|
11
11
|
}
|
|
12
|
-
`;function
|
|
12
|
+
`;function _t(){return navigator.userAgent.indexOf("Linux")>-1?'system-ui, "Ubuntu", "Droid Sans", sans-serif':navigator.userAgent.indexOf("Mac")>-1?"-apple-system, BlinkMacSystemFont, sans-serif":navigator.userAgent.indexOf("Windows")>-1?'"Segoe WPC", "Segoe UI", sans-serif':"sans-serif"}const Ct=[$t,n`
|
|
13
13
|
:host {
|
|
14
14
|
background-color: var(--vscode-badge-background, #616161);
|
|
15
15
|
border: 1px solid var(--vscode-contrastBorder, transparent);
|
|
@@ -17,7 +17,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
17
17
|
box-sizing: border-box;
|
|
18
18
|
color: var(--vscode-badge-foreground, #f8f8f8);
|
|
19
19
|
display: inline-block;
|
|
20
|
-
font-family: var(--vscode-font-family, ${r(
|
|
20
|
+
font-family: var(--vscode-font-family, ${r(_t())});
|
|
21
21
|
font-size: 11px;
|
|
22
22
|
font-weight: 400;
|
|
23
23
|
line-height: 14px;
|
|
@@ -54,7 +54,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
54
54
|
min-width: 16px;
|
|
55
55
|
padding: 3px 5px;
|
|
56
56
|
}
|
|
57
|
-
`];var
|
|
57
|
+
`];var St=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 Bt=class extends wt{constructor(){super(...arguments),this.variant="default"}render(){return U` <slot></slot> `}};Bt.styles=Ct,St([pt({reflect:!0})],Bt.prototype,"variant",void 0),Bt=St([kt("vscode-badge")],Bt);const Ot=1,zt=2,At=3,Et=t=>(...e)=>({_$litDirective$:t,values:e});class jt{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 It=Et(class extends jt{constructor(t){if(super(t),t.type!==Ot||"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 H}}),Mt=t=>t??K;const Ft=Et(class extends jt{constructor(t){if(super(t),this._prevProperties={},t.type!==At||"style"!==t.name)throw new Error("The `stylePropertyMap` directive must be used in the `style` property")}update(t,[e]){return Object.entries(e).forEach((([e,s])=>{this._prevProperties[e]!==s&&(e.startsWith("--")?t.element.style.setProperty(e,s):t.element.style[e]=s,this._prevProperties[e]=s)})),H}render(t){return H}}),Pt=[$t,n`
|
|
58
58
|
:host {
|
|
59
59
|
color: var(--vscode-icon-foreground, #cccccc);
|
|
60
60
|
display: inline-block;
|
|
@@ -114,25 +114,25 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
114
114
|
animation-timing-function: linear;
|
|
115
115
|
animation-iteration-count: infinite;
|
|
116
116
|
}
|
|
117
|
-
`];var
|
|
118
|
-
class=${
|
|
119
|
-
.style=${
|
|
120
|
-
></span>`,i=this.actionIcon?
|
|
117
|
+
`];var Dt,Nt=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 Vt=Dt=class extends wt{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();Dt.stylesheetHref=t,Dt.nonce=e}_getStylesheetConfig(){const t=document.getElementById("vscode-codicon-stylesheet"),e=t?.getAttribute("href")||void 0,s=t?.nonce||void 0;if(!t){let t="[VSCode Elements] To use the Icon component, the codicons.css file must be included in the page with the id `vscode-codicon-stylesheet`! ";t+="See https://vscode-elements.github.io/components/icon/ for more details.",console.warn(t)}return{nonce:s,href:e}}render(){const{stylesheetHref:t,nonce:e}=Dt,s=U`<span
|
|
118
|
+
class=${It({codicon:!0,["codicon-"+this.name]:!0,spin:this.spin})}
|
|
119
|
+
.style=${Ft({animationDuration:String(this.spinDuration)+"s",fontSize:this.size+"px",height:this.size+"px",width:this.size+"px"})}
|
|
120
|
+
></span>`,i=this.actionIcon?U` <button
|
|
121
121
|
class="button"
|
|
122
122
|
@click=${this._onButtonClick}
|
|
123
123
|
aria-label=${this.label}
|
|
124
124
|
>
|
|
125
125
|
${s}
|
|
126
|
-
</button>`:
|
|
126
|
+
</button>`:U` <span class="icon" aria-hidden="true" role="presentation"
|
|
127
127
|
>${s}</span
|
|
128
|
-
>`;return
|
|
128
|
+
>`;return U`
|
|
129
129
|
<link
|
|
130
130
|
rel="stylesheet"
|
|
131
|
-
href=${
|
|
132
|
-
nonce=${
|
|
131
|
+
href=${Mt(t)}
|
|
132
|
+
nonce=${Mt(e)}
|
|
133
133
|
>
|
|
134
134
|
${i}
|
|
135
|
-
`}};
|
|
135
|
+
`}};Vt.styles=Pt,Vt.stylesheetHref="",Vt.nonce="",Nt([pt()],Vt.prototype,"label",void 0),Nt([pt({type:String})],Vt.prototype,"name",void 0),Nt([pt({type:Number})],Vt.prototype,"size",void 0),Nt([pt({type:Boolean,reflect:!0})],Vt.prototype,"spin",void 0),Nt([pt({type:Number,attribute:"spin-duration"})],Vt.prototype,"spinDuration",void 0),Nt([pt({type:Boolean,reflect:!0,attribute:"action-icon"})],Vt.prototype,"actionIcon",void 0),Vt=Dt=Nt([kt("vscode-icon")],Vt);const Tt=[$t,n`
|
|
136
136
|
:host {
|
|
137
137
|
background-color: var(--vscode-button-background, #0078d4);
|
|
138
138
|
border-color: var(--vscode-button-border, transparent);
|
|
@@ -142,7 +142,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
142
142
|
color: var(--vscode-button-foreground, #ffffff);
|
|
143
143
|
cursor: pointer;
|
|
144
144
|
display: inline-flex;
|
|
145
|
-
font-family: var(--vscode-font-family, ${r(
|
|
145
|
+
font-family: var(--vscode-font-family, ${r(_t())});
|
|
146
146
|
font-size: var(--vscode-font-size, 13px);
|
|
147
147
|
font-weight: var(--vscode-font-weight, normal);
|
|
148
148
|
line-height: 22px;
|
|
@@ -188,7 +188,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
188
188
|
outline: none;
|
|
189
189
|
}
|
|
190
190
|
|
|
191
|
-
:host(:focus
|
|
191
|
+
:host(:focus) {
|
|
192
192
|
background-color: var(--vscode-button-hoverBackground, #026ec1);
|
|
193
193
|
outline: 1px solid var(--vscode-focusBorder, #0078d4);
|
|
194
194
|
outline-offset: 2px;
|
|
@@ -231,7 +231,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
231
231
|
display: flex;
|
|
232
232
|
justify-content: center;
|
|
233
233
|
position: relative;
|
|
234
|
-
width: 100
|
|
234
|
+
width: var(--wrapper-width, 100%);
|
|
235
235
|
height: 100%;
|
|
236
236
|
padding: 1px 13px;
|
|
237
237
|
}
|
|
@@ -272,7 +272,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
272
272
|
}
|
|
273
273
|
|
|
274
274
|
:host(:hover) .divider,
|
|
275
|
-
:host(:focus
|
|
275
|
+
:host(:focus) .divider {
|
|
276
276
|
background-color: var(--vscode-button-hoverBackground, #026ec1);
|
|
277
277
|
}
|
|
278
278
|
|
|
@@ -281,7 +281,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
281
281
|
}
|
|
282
282
|
|
|
283
283
|
:host([secondary]:hover) .divider,
|
|
284
|
-
:host([secondary]:focus
|
|
284
|
+
:host([secondary]:focus) .divider {
|
|
285
285
|
background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c);
|
|
286
286
|
}
|
|
287
287
|
|
|
@@ -299,29 +299,30 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
299
299
|
background-color: var(--vscode-button-secondaryForeground, #cccccc);
|
|
300
300
|
opacity: 0.4;
|
|
301
301
|
}
|
|
302
|
-
`];var
|
|
302
|
+
`];var Rt=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 Lt=class extends wt{get form(){return this._internals.form}constructor(){super(),this.autofocus=!1,this.tabIndex=0,this.secondary=!1,this.role="button",this.disabled=!1,this.icon="",this.iconSpin=!1,this.iconAfter="",this.iconAfterSpin=!1,this.focused=!1,this.name=void 0,this.iconOnly=!1,this.type="button",this.value="",this._prevTabindex=0,this._handleFocus=()=>{this.focused=!0},this._handleBlur=()=>{this.focused=!1},this.addEventListener("keydown",this._handleKeyDown.bind(this)),this.addEventListener("click",this._handleClick.bind(this)),this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.autofocus&&(this.tabIndex<0&&(this.tabIndex=0),this.updateComplete.then((()=>{this.focus(),this.requestUpdate()}))),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("blur",this._handleBlur)}update(t){super.update(t),t.has("value")&&this._internals.setFormValue(this.value),t.has("disabled")&&(this.disabled?(this._prevTabindex=this.tabIndex,this.tabIndex=-1):this.tabIndex=this._prevTabindex)}_executeAction(){"submit"===this.type&&this._internals.form&&this._internals.form.requestSubmit(),"reset"===this.type&&this._internals.form&&this._internals.form.reset()}_handleKeyDown(t){if(("Enter"===t.key||" "===t.key)&&!this.hasAttribute("disabled")){this.dispatchEvent(new CustomEvent("vsc-click",{detail:{originalEvent:new MouseEvent("click")}}));const t=new MouseEvent("click",{bubbles:!0,cancelable:!0});t.synthetic=!0,this.dispatchEvent(t),this._executeAction()}}_handleClick(t){t.synthetic||this.hasAttribute("disabled")||(this.dispatchEvent(new CustomEvent("vsc-click",{detail:{originalEvent:t}})),this._executeAction())}render(){const t=""!==this.icon,e=""!==this.iconAfter,s={wrapper:!0,"has-icon-before":t,"has-icon-after":e,"icon-only":this.iconOnly},i=t?U`<vscode-icon
|
|
303
303
|
name=${this.icon}
|
|
304
304
|
?spin=${this.iconSpin}
|
|
305
|
-
spin-duration=${
|
|
305
|
+
spin-duration=${Mt(this.iconSpinDuration)}
|
|
306
306
|
class="icon"
|
|
307
|
-
></vscode-icon>`:
|
|
307
|
+
></vscode-icon>`:K,o=e?U`<vscode-icon
|
|
308
308
|
name=${this.iconAfter}
|
|
309
309
|
?spin=${this.iconAfterSpin}
|
|
310
|
-
spin-duration=${
|
|
310
|
+
spin-duration=${Mt(this.iconAfterSpinDuration)}
|
|
311
311
|
class="icon-after"
|
|
312
|
-
></vscode-icon>`:
|
|
313
|
-
<span class=${
|
|
312
|
+
></vscode-icon>`:K;return U`
|
|
313
|
+
<span class=${It(s)}>
|
|
314
314
|
${i}
|
|
315
315
|
<slot></slot>
|
|
316
316
|
${o}
|
|
317
317
|
</span>
|
|
318
318
|
<div class="divider"><div></div></div>
|
|
319
|
-
`}};
|
|
319
|
+
`}};Lt.styles=Tt,Lt.formAssociated=!0,Rt([pt({type:Boolean,reflect:!0})],Lt.prototype,"autofocus",void 0),Rt([pt({type:Number,reflect:!0})],Lt.prototype,"tabIndex",void 0),Rt([pt({type:Boolean,reflect:!0})],Lt.prototype,"secondary",void 0),Rt([pt({reflect:!0})],Lt.prototype,"role",void 0),Rt([pt({type:Boolean,reflect:!0})],Lt.prototype,"disabled",void 0),Rt([pt()],Lt.prototype,"icon",void 0),Rt([pt({type:Boolean,reflect:!0,attribute:"icon-spin"})],Lt.prototype,"iconSpin",void 0),Rt([pt({type:Number,reflect:!0,attribute:"icon-spin-duration"})],Lt.prototype,"iconSpinDuration",void 0),Rt([pt({attribute:"icon-after"})],Lt.prototype,"iconAfter",void 0),Rt([pt({type:Boolean,reflect:!0,attribute:"icon-after-spin"})],Lt.prototype,"iconAfterSpin",void 0),Rt([pt({type:Number,reflect:!0,attribute:"icon-after-spin-duration"})],Lt.prototype,"iconAfterSpinDuration",void 0),Rt([pt({type:Boolean,reflect:!0})],Lt.prototype,"focused",void 0),Rt([pt({type:String,reflect:!0})],Lt.prototype,"name",void 0),Rt([pt({type:Boolean,reflect:!0,attribute:"icon-only"})],Lt.prototype,"iconOnly",void 0),Rt([pt({reflect:!0})],Lt.prototype,"type",void 0),Rt([pt()],Lt.prototype,"value",void 0),Lt=Rt([kt("vscode-button")],Lt);const Ut=[$t,n`
|
|
320
320
|
:host {
|
|
321
321
|
display: inline-flex;
|
|
322
322
|
align-items: stretch;
|
|
323
323
|
padding: 0;
|
|
324
324
|
border: none;
|
|
325
|
+
overflow: hidden;
|
|
325
326
|
}
|
|
326
327
|
|
|
327
328
|
::slotted(vscode-button:not(:first-child)) {
|
|
@@ -332,6 +333,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
332
333
|
|
|
333
334
|
::slotted(vscode-button:not(:last-child)) {
|
|
334
335
|
--divider-display: block;
|
|
336
|
+
--wrapper-width: calc(100% - 1px);
|
|
335
337
|
|
|
336
338
|
border-top-right-radius: 0;
|
|
337
339
|
border-bottom-right-radius: 0;
|
|
@@ -341,7 +343,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
341
343
|
::slotted(vscode-button:focus) {
|
|
342
344
|
z-index: 1;
|
|
343
345
|
}
|
|
344
|
-
`];var
|
|
346
|
+
`];var qt=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 Ht=class extends wt{render(){return U` <slot></slot> `}};Ht.styles=Ut,Ht=qt([(t=>(e,s)=>{void 0!==s?s.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)})("vscode-button-group")],Ht);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};class Wt extends wt{constructor(){super(),this.focused=!1,this._prevTabindex=0,this._handleFocus=()=>{this.focused=!0},this._handleBlur=()=>{this.focused=!1}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this._handleFocus),this.addEventListener("blur",this._handleBlur)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("blur",this._handleBlur)}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),"disabled"===t&&this.hasAttribute("disabled")?(this._prevTabindex=this.tabIndex,this.tabIndex=-1):"disabled"!==t||this.hasAttribute("disabled")||(this.tabIndex=this._prevTabindex)}}Kt([pt({type:Boolean,reflect:!0})],Wt.prototype,"focused",void 0);var Gt=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};const Jt=t=>{class e extends t{constructor(){super(...arguments),this._label="",this._slottedText=""}set label(t){this._label=t,""===this._slottedText&&this.setAttribute("aria-label",t)}get label(){return this._label}_handleSlotChange(){this._slottedText=this.textContent?this.textContent.trim():"",""!==this._slottedText&&this.setAttribute("aria-label",this._slottedText)}_renderLabelAttribute(){return""===this._slottedText?U`<span class="label-attr">${this._label}</span>`:U`${K}`}}return Gt([pt()],e.prototype,"label",null),e};var Yt=[n`
|
|
345
347
|
:host {
|
|
346
348
|
color: var(--vscode-foreground, #cccccc);
|
|
347
349
|
display: inline-block;
|
|
@@ -430,7 +432,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
430
432
|
:host([disabled]) .label {
|
|
431
433
|
cursor: default;
|
|
432
434
|
}
|
|
433
|
-
`];const
|
|
435
|
+
`];const Xt=[$t,Yt,n`
|
|
434
436
|
:host(:invalid) .icon,
|
|
435
437
|
:host([invalid]) .icon {
|
|
436
438
|
background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
|
|
@@ -452,7 +454,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
452
454
|
outline: 1px solid var(--vscode-focusBorder, #0078d4);
|
|
453
455
|
outline-offset: -1px;
|
|
454
456
|
}
|
|
455
|
-
`];var
|
|
457
|
+
`];var Zt=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 Qt=class extends(Jt(Wt)){set checked(t){this._checked=t,this._manageRequired(),this.requestUpdate()}get checked(){return this._checked}set required(t){this._required=t,this._manageRequired(),this.requestUpdate()}get required(){return this._required}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}constructor(){super(),this.autofocus=!1,this._checked=!1,this.defaultChecked=!1,this.invalid=!1,this.name=void 0,this.value="",this.disabled=!1,this.indeterminate=!1,this._required=!1,this.type="checkbox",this._handleClick=t=>{t.preventDefault(),this.disabled||this._toggleState()},this._handleKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||(t.preventDefault()," "===t.key&&this._toggleState(),"Enter"===t.key&&this._internals.form?.requestSubmit())},this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeyDown),this.updateComplete.then((()=>{this._manageRequired(),this._setActualFormValue()}))}disconnectedCallback(){this.removeEventListener("keydown",this._handleKeyDown)}update(t){super.update(t),t.has("checked")&&(this.ariaChecked=this.checked?"true":"false")}formResetCallback(){this.checked=this.defaultChecked}formStateRestoreCallback(t,e){t&&(this.checked=!0)}_setActualFormValue(){let t="";t=this.checked?this.value?this.value:"on":null,this._internals.setFormValue(t)}_toggleState(){this.checked=!this.checked,this.indeterminate=!1,this._setActualFormValue(),this._manageRequired(),this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new CustomEvent("vsc-change",{detail:{checked:this.checked,label:this.label,value:this.value},bubbles:!0,composed:!0}))}_manageRequired(){!this.checked&&this.required?this._internals.setValidity({valueMissing:!0},"Please check this box if you want to proceed.",this._inputEl??void 0):this._internals.setValidity({})}render(){const t=It({icon:!0,checked:this.checked,indeterminate:this.indeterminate}),e=It({"label-inner":!0}),s=U`<svg
|
|
456
458
|
width="16"
|
|
457
459
|
height="16"
|
|
458
460
|
viewBox="0 0 16 16"
|
|
@@ -465,7 +467,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
465
467
|
clip-rule="evenodd"
|
|
466
468
|
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"
|
|
467
469
|
/>
|
|
468
|
-
</svg>`,i=this.checked&&!this.indeterminate?s:
|
|
470
|
+
</svg>`,i=this.checked&&!this.indeterminate?s:K,o=this.indeterminate?U`<span class="indeterminate-icon"></span>`:K;return U`
|
|
469
471
|
<div class="wrapper">
|
|
470
472
|
<input
|
|
471
473
|
?autofocus=${this.autofocus}
|
|
@@ -483,7 +485,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
483
485
|
</span>
|
|
484
486
|
</label>
|
|
485
487
|
</div>
|
|
486
|
-
`}};
|
|
488
|
+
`}};Qt.styles=Xt,Qt.formAssociated=!0,Qt.shadowRootOptions={...ct.shadowRootOptions,delegatesFocus:!0},Zt([pt({type:Boolean,reflect:!0})],Qt.prototype,"autofocus",void 0),Zt([pt({type:Boolean,reflect:!0})],Qt.prototype,"checked",null),Zt([pt({type:Boolean,reflect:!0,attribute:"default-checked"})],Qt.prototype,"defaultChecked",void 0),Zt([pt({type:Boolean,reflect:!0})],Qt.prototype,"invalid",void 0),Zt([pt({reflect:!0})],Qt.prototype,"name",void 0),Zt([pt()],Qt.prototype,"value",void 0),Zt([pt({type:Boolean,reflect:!0})],Qt.prototype,"disabled",void 0),Zt([pt({type:Boolean,reflect:!0})],Qt.prototype,"indeterminate",void 0),Zt([pt({type:Boolean,reflect:!0})],Qt.prototype,"required",null),Zt([pt()],Qt.prototype,"type",void 0),Zt([ft("#input")],Qt.prototype,"_inputEl",void 0),Qt=Zt([kt("vscode-checkbox")],Qt);const te=[$t,n`
|
|
487
489
|
:host {
|
|
488
490
|
display: block;
|
|
489
491
|
}
|
|
@@ -513,11 +515,11 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
513
515
|
:host([variant='vertical']) ::slotted(vscode-checkbox:last-child) {
|
|
514
516
|
margin-bottom: 0;
|
|
515
517
|
}
|
|
516
|
-
`];var
|
|
518
|
+
`];var ee=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let se=class extends wt{constructor(){super(...arguments),this.role="group",this.variant="horizontal"}render(){return U`
|
|
517
519
|
<div class="wrapper">
|
|
518
520
|
<slot></slot>
|
|
519
521
|
</div>
|
|
520
|
-
`}};
|
|
522
|
+
`}};se.styles=te,ee([pt({reflect:!0})],se.prototype,"role",void 0),ee([pt({reflect:!0})],se.prototype,"variant",void 0),se=ee([kt("vscode-checkbox-group")],se);const ie=[$t,n`
|
|
521
523
|
.collapsible {
|
|
522
524
|
background-color: var(--vscode-sideBar-background, #181818);
|
|
523
525
|
}
|
|
@@ -606,7 +608,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
606
608
|
.collapsible.open .collapsible-body {
|
|
607
609
|
display: block;
|
|
608
610
|
}
|
|
609
|
-
`];var
|
|
611
|
+
`];var oe=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 re=class extends wt{constructor(){super(...arguments),this.title="",this.description="",this.open=!1}_emitToggleEvent(){this.dispatchEvent(new CustomEvent("vsc-collapsible-toggle",{detail:{open:this.open}}))}_onHeaderClick(){this.open=!this.open,this._emitToggleEvent()}_onHeaderKeyDown(t){"Enter"===t.key&&(this.open=!this.open,this._emitToggleEvent())}render(){const t=It({collapsible:!0,open:this.open}),e=U`<svg
|
|
610
612
|
width="16"
|
|
611
613
|
height="16"
|
|
612
614
|
viewBox="0 0 16 16"
|
|
@@ -619,7 +621,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
619
621
|
clip-rule="evenodd"
|
|
620
622
|
d="M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z"
|
|
621
623
|
/>
|
|
622
|
-
</svg>`,s=this.description?
|
|
624
|
+
</svg>`,s=this.description?U`<span class="description">${this.description}</span>`:K;return U`
|
|
623
625
|
<div class=${t}>
|
|
624
626
|
<div
|
|
625
627
|
class="collapsible-header"
|
|
@@ -639,7 +641,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
639
641
|
<slot></slot>
|
|
640
642
|
</div>
|
|
641
643
|
</div>
|
|
642
|
-
`}};
|
|
644
|
+
`}};re.styles=ie,oe([pt({type:String})],re.prototype,"title",void 0),oe([pt()],re.prototype,"description",void 0),oe([pt({type:Boolean,reflect:!0})],re.prototype,"open",void 0),re=oe([kt("vscode-collapsible")],re);const ne=[$t,n`
|
|
643
645
|
:host {
|
|
644
646
|
display: block;
|
|
645
647
|
font-family: var(--vscode-font-family, sans-serif);
|
|
@@ -708,20 +710,20 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
708
710
|
padding: 0 22px;
|
|
709
711
|
text-align: right;
|
|
710
712
|
}
|
|
711
|
-
`];var
|
|
712
|
-
${this.separator?
|
|
713
|
+
`];var le=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 ae=class extends wt{constructor(){super(...arguments),this.label="",this.keybinding="",this.value="",this.separator=!1,this.tabindex=0}onItemClick(){this.dispatchEvent(new CustomEvent("vsc-click",{detail:{label:this.label,keybinding:this.keybinding,value:this.value||this.label,separator:this.separator,tabindex:this.tabindex},bubbles:!0,composed:!0}))}render(){return U`
|
|
714
|
+
${this.separator?U`
|
|
713
715
|
<div class="context-menu-item separator">
|
|
714
716
|
<span class="ruler"></span>
|
|
715
717
|
</div>
|
|
716
|
-
`:
|
|
718
|
+
`:U`
|
|
717
719
|
<div class="context-menu-item">
|
|
718
720
|
<a @click=${this.onItemClick}>
|
|
719
|
-
${this.label?
|
|
720
|
-
${this.keybinding?
|
|
721
|
+
${this.label?U`<span class="label">${this.label}</span>`:K}
|
|
722
|
+
${this.keybinding?U`<span class="keybinding">${this.keybinding}</span>`:K}
|
|
721
723
|
</a>
|
|
722
724
|
</div>
|
|
723
725
|
`}
|
|
724
|
-
`}};
|
|
726
|
+
`}};ae.styles=ne,le([pt({type:String})],ae.prototype,"label",void 0),le([pt({type:String})],ae.prototype,"keybinding",void 0),le([pt({type:String})],ae.prototype,"value",void 0),le([pt({type:Boolean,reflect:!0})],ae.prototype,"separator",void 0),le([pt({type:Number})],ae.prototype,"tabindex",void 0),ae=le([kt("vscode-context-menu-item")],ae);const ce=[$t,n`
|
|
725
727
|
:host {
|
|
726
728
|
display: block;
|
|
727
729
|
font-family: var(--vscode-font-family, sans-serif);
|
|
@@ -746,9 +748,9 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
746
748
|
.context-menu:focus {
|
|
747
749
|
outline: 0;
|
|
748
750
|
}
|
|
749
|
-
`];var
|
|
751
|
+
`];var he=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let de=class extends wt{set data(t){this._data=t;const e=[];t.forEach(((t,s)=>{t.separator||e.push(s)})),this._clickableItemIndexes=e}get data(){return this._data}set show(t){this._show=t,this._selectedClickableItemIndex=-1,t&&this.updateComplete.then((()=>{this._wrapperEl&&this._wrapperEl.focus(),requestAnimationFrame((()=>{document.addEventListener("click",this._onClickOutsideBound,{once:!0})}))}))}get show(){return this._show}constructor(){super(),this.preventClose=!1,this.tabIndex=0,this._selectedClickableItemIndex=-1,this._show=!1,this._data=[],this._clickableItemIndexes=[],this._onClickOutsideBound=this._onClickOutside.bind(this),this.addEventListener("keydown",this._onKeyDown)}_onClickOutside(t){t.composedPath().includes(this)||(this.show=!1)}_onKeyDown(t){const{key:e}=t;switch("ArrowUp"!==e&&"ArrowDown"!==e&&"Escape"!==e&&"Enter"!==e||t.preventDefault(),e){case"ArrowUp":this._handleArrowUp();break;case"ArrowDown":this._handleArrowDown();break;case"Escape":this._handleEscape();break;case"Enter":this._handleEnter()}}_handleArrowUp(){0===this._selectedClickableItemIndex?this._selectedClickableItemIndex=this._clickableItemIndexes.length-1:this._selectedClickableItemIndex-=1}_handleArrowDown(){this._selectedClickableItemIndex+1<this._clickableItemIndexes.length?this._selectedClickableItemIndex+=1:this._selectedClickableItemIndex=0}_handleEscape(){this.show=!1,document.removeEventListener("click",this._onClickOutsideBound)}_dispatchSelectEvent(t){const{keybinding:e,label:s,value:i,separator:o,tabindex:r}=t;this.dispatchEvent(new CustomEvent("vsc-context-menu-select",{detail:{keybinding:e,label:s,separator:o,tabindex:r,value:i}}))}_dispatchLegacySelectEvent(t){const{keybinding:e,label:s,value:i,separator:o,tabindex:r}=t,n={keybinding:e,label:s,value:i,separator:o,tabindex:r};this.dispatchEvent(new CustomEvent("vsc-select",{detail:n,bubbles:!0,composed:!0}))}_handleEnter(){if(-1===this._selectedClickableItemIndex)return;const t=this._clickableItemIndexes[this._selectedClickableItemIndex],e=this._wrapperEl.querySelectorAll("vscode-context-menu-item")[t];this._dispatchLegacySelectEvent(e),this._dispatchSelectEvent(e),this.preventClose||(this.show=!1,document.removeEventListener("click",this._onClickOutsideBound))}_onItemClick(t){const e=t.currentTarget;this._dispatchLegacySelectEvent(e),this._dispatchSelectEvent(e),this.preventClose||(this.show=!1)}_onItemMouseOver(t){const e=t.target,s=e.dataset.index?+e.dataset.index:-1,i=this._clickableItemIndexes.findIndex((t=>t===s));-1!==i&&(this._selectedClickableItemIndex=i)}_onItemMouseOut(){this._selectedClickableItemIndex=-1}render(){if(!this._show)return U`${K}`;const t=this._clickableItemIndexes[this._selectedClickableItemIndex];return U`
|
|
750
752
|
<div class="context-menu" tabindex="0">
|
|
751
|
-
${this.data?this.data.map((({label:e="",keybinding:s="",value:i="",separator:o=!1,tabindex:r=0},n)=>
|
|
753
|
+
${this.data?this.data.map((({label:e="",keybinding:s="",value:i="",separator:o=!1,tabindex:r=0},n)=>U`
|
|
752
754
|
<vscode-context-menu-item
|
|
753
755
|
label=${e}
|
|
754
756
|
keybinding=${s}
|
|
@@ -761,9 +763,9 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
761
763
|
@mouseout=${this._onItemMouseOut}
|
|
762
764
|
data-index=${n}
|
|
763
765
|
></vscode-context-menu-item>
|
|
764
|
-
`)):
|
|
766
|
+
`)):U`<slot></slot>`}
|
|
765
767
|
</div>
|
|
766
|
-
`}};
|
|
768
|
+
`}};de.styles=ce,he([pt({type:Array,attribute:!1})],de.prototype,"data",null),he([pt({type:Boolean,reflect:!0,attribute:"prevent-close"})],de.prototype,"preventClose",void 0),he([pt({type:Boolean,reflect:!0})],de.prototype,"show",null),he([pt({type:Number,reflect:!0})],de.prototype,"tabIndex",void 0),he([vt()],de.prototype,"_selectedClickableItemIndex",void 0),he([vt()],de.prototype,"_show",void 0),he([ft(".context-menu")],de.prototype,"_wrapperEl",void 0),de=he([kt("vscode-context-menu")],de);const ue=[$t,n`
|
|
767
769
|
:host {
|
|
768
770
|
background-color: var(--vscode-foreground, #cccccc);
|
|
769
771
|
display: block;
|
|
@@ -772,16 +774,16 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
772
774
|
margin-top: 10px;
|
|
773
775
|
opacity: 0.4;
|
|
774
776
|
}
|
|
775
|
-
`];var
|
|
777
|
+
`];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 wt{constructor(){super(...arguments),this.role="separator"}render(){return U``}};ve.styles=ue,pe([pt({reflect:!0})],ve.prototype,"role",void 0),ve=pe([kt("vscode-divider")],ve);const be=[$t,n`
|
|
776
778
|
:host {
|
|
777
779
|
display: block;
|
|
778
780
|
max-width: 727px;
|
|
779
781
|
}
|
|
780
|
-
`];var
|
|
782
|
+
`];var fe,ge=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"}(fe||(fe={}));const me=t=>"vscode-checkbox"===t.tagName.toLocaleLowerCase(),xe=t=>"vscode-radio"===t.tagName.toLocaleLowerCase();let ye=class extends wt{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&&(me(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:me(t)&&!t.checked?s[e]=Array.isArray(s[e])?s[e]:[]:xe(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:xe(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===fe.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===fe.HORIZONTAL&&s===fe.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?fe.VERTICAL:fe.HORIZONTAL;s!==this._currentFormGroupLayout&&(this._toggleCompactLayout(s),this._currentFormGroupLayout=s)}_activateResponsiveLayout(){this._resizeObserver=new ResizeObserver(this._resizeObserverCallbackBound),this._resizeObserver.observe(this._wrapperElement)}_deactivateResizeObserver(){this._resizeObserver?.disconnect(),this._resizeObserver=null}firstUpdated(){this._firstUpdateComplete=!0,this._responsive&&this._activateResponsiveLayout()}render(){return U`
|
|
781
783
|
<div class="wrapper">
|
|
782
784
|
<slot></slot>
|
|
783
785
|
</div>
|
|
784
|
-
`}};
|
|
786
|
+
`}};ye.styles=be,ge([pt({type:Boolean,reflect:!0})],ye.prototype,"responsive",null),ge([pt({type:Number})],ye.prototype,"breakpoint",void 0),ge([pt({type:Object})],ye.prototype,"data",null),ge([ft(".wrapper")],ye.prototype,"_wrapperElement",void 0),ge([mt({selector:"vscode-form-group"})],ye.prototype,"_assignedFormGroups",void 0),ye=ge([kt("vscode-form-container")],ye);const we=[$t,n`
|
|
785
787
|
:host {
|
|
786
788
|
--label-right-margin: 14px;
|
|
787
789
|
--label-width: 150px;
|
|
@@ -866,11 +868,11 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
866
868
|
::slotted(vscode-button) {
|
|
867
869
|
margin-right: 4px;
|
|
868
870
|
}
|
|
869
|
-
`];var
|
|
871
|
+
`];var ke=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 $e=class extends wt{constructor(){super(...arguments),this.variant="horizontal"}render(){return U`
|
|
870
872
|
<div class="wrapper">
|
|
871
873
|
<slot></slot>
|
|
872
874
|
</div>
|
|
873
|
-
`}}
|
|
875
|
+
`}};$e.styles=we,ke([pt({reflect:!0})],$e.prototype,"variant",void 0),$e=ke([kt("vscode-form-group")],$e);const _e=[$t,n`
|
|
874
876
|
:host {
|
|
875
877
|
display: block;
|
|
876
878
|
line-height: 1.4em;
|
|
@@ -883,592 +885,261 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
883
885
|
:host([vertical]) {
|
|
884
886
|
margin-left: 0;
|
|
885
887
|
}
|
|
886
|
-
`];var
|
|
888
|
+
`];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};const Se=new CSSStyleSheet;Se.replaceSync("\n vscode-form-helper * {\n margin: 0;\n }\n\n vscode-form-helper *:not(:last-child) {\n margin-bottom: 8px;\n }\n");let Be=class extends wt{constructor(){super(),this._injectLightDOMStyles()}_injectLightDOMStyles(){const t=document.adoptedStyleSheets.find((t=>t===Se));t||document.adoptedStyleSheets.push(Se)}render(){return U`<slot></slot>`}};Be.styles=_e,Be=Ce([kt("vscode-form-helper")],Be);let Oe=0;const ze=(t="")=>(Oe++,`${t}${Oe}`),Ae=[$t,n`
|
|
887
889
|
:host {
|
|
890
|
+
color: var(--vscode-foreground, #cccccc);
|
|
891
|
+
font-family: var(--vscode-font-family, sans-serif);
|
|
892
|
+
font-size: var(--vscode-font-size, 13px);
|
|
893
|
+
font-weight: 600;
|
|
894
|
+
line-height: ${1.2307692307692308};
|
|
895
|
+
cursor: default;
|
|
888
896
|
display: block;
|
|
897
|
+
padding: 5px 0;
|
|
889
898
|
}
|
|
890
899
|
|
|
891
900
|
.wrapper {
|
|
892
|
-
display: flex;
|
|
893
|
-
flex-wrap: wrap;
|
|
894
|
-
}
|
|
895
|
-
|
|
896
|
-
:host([variant='vertical']) .wrapper {
|
|
897
901
|
display: block;
|
|
898
902
|
}
|
|
899
903
|
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
}
|
|
903
|
-
|
|
904
|
-
::slotted(vscode-radio:last-child) {
|
|
905
|
-
margin-right: 0;
|
|
904
|
+
.wrapper.required:after {
|
|
905
|
+
content: ' *';
|
|
906
906
|
}
|
|
907
907
|
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
margin-bottom: 15px;
|
|
908
|
+
::slotted(.normal) {
|
|
909
|
+
font-weight: normal;
|
|
911
910
|
}
|
|
912
911
|
|
|
913
|
-
|
|
914
|
-
|
|
912
|
+
::slotted(.lightened) {
|
|
913
|
+
color: var(--vscode-foreground, #cccccc);
|
|
914
|
+
opacity: 0.9;
|
|
915
915
|
}
|
|
916
|
-
`];var
|
|
917
|
-
<
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
916
|
+
`];var Ee=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let je=class extends wt{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=ze("vscode-label-"),this.setAttribute("id",this._id)),this._connectWithTarget()}_getTarget(){let t=null;if(this._htmlFor){const e=this.getRootNode({composed:!1});e&&(t=e.querySelector(`#${this._htmlFor}`))}return t}async _connectWithTarget(){await this.updateComplete;const t=this._getTarget();["vscode-radio-group","vscode-checkbox-group"].includes(t?.tagName.toLowerCase()??"")&&t.setAttribute("aria-labelledby",this._id);let e="";this.textContent&&(e=this.textContent.trim()),t&&"label"in t&&["vscode-textfield","vscode-textarea","vscode-single-select","vscode-multi-select"].includes(t?.tagName.toLowerCase()??"")&&(t.label=e)}_handleClick(){const t=this._getTarget();t&&"focus"in t&&t.focus()}render(){return U`
|
|
917
|
+
<label
|
|
918
|
+
class=${It({wrapper:!0,required:this.required})}
|
|
919
|
+
@click=${this._handleClick}
|
|
920
|
+
><slot></slot
|
|
921
|
+
></label>
|
|
922
|
+
`}};je.styles=Ae,Ee([pt({reflect:!0,attribute:"for"})],je.prototype,"htmlFor",null),Ee([pt()],je.prototype,"id",null),Ee([pt({type:Boolean,reflect:!0})],je.prototype,"required",void 0),je=Ee([kt("vscode-label")],je);const Ie=U`
|
|
923
|
+
<span class="icon">
|
|
924
|
+
<svg
|
|
925
|
+
width="16"
|
|
926
|
+
height="16"
|
|
927
|
+
viewBox="0 0 16 16"
|
|
928
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
929
|
+
fill="currentColor"
|
|
930
|
+
>
|
|
931
|
+
<path
|
|
932
|
+
fill-rule="evenodd"
|
|
933
|
+
clip-rule="evenodd"
|
|
934
|
+
d="M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z"
|
|
935
|
+
/>
|
|
936
|
+
</svg>
|
|
937
|
+
</span>
|
|
938
|
+
`,Me=q`<svg
|
|
939
|
+
width="16"
|
|
940
|
+
height="16"
|
|
941
|
+
viewBox="0 0 16 16"
|
|
942
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
943
|
+
fill="currentColor"
|
|
944
|
+
>
|
|
945
|
+
<path
|
|
946
|
+
fill-rule="evenodd"
|
|
947
|
+
clip-rule="evenodd"
|
|
948
|
+
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"
|
|
949
|
+
/>
|
|
950
|
+
</svg>`,{I:Fe}=rt,Pe=()=>document.createComment(""),De=(t,e,s)=>{const i=t._$AA.parentNode,o=void 0===e?t._$AB:e._$AA;if(void 0===s){const e=i.insertBefore(Pe(),o),r=i.insertBefore(Pe(),o);s=new Fe(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},Ne=(t,e,s=t)=>(t._$AI(e,s),t),Ve={},Te=t=>{t._$AP?.(!1,!0);let e=t._$AA;const s=t._$AB.nextSibling;for(;e!==s;){const t=e.nextSibling;e.remove(),e=t}},Re=(t,e,s)=>{const i=new Map;for(let o=e;o<=s;o++)i.set(t[o],o);return i},Le=Et(class extends jt{constructor(t){if(super(t),t.type!==zt)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,p=0,v=r.length-1;for(;d<=u&&p<=v;)if(null===o[d])d++;else if(null===o[u])u--;else if(l[d]===n[p])a[p]=Ne(o[d],r[p]),d++,p++;else if(l[u]===n[v])a[v]=Ne(o[u],r[v]),u--,v--;else if(l[d]===n[v])a[v]=Ne(o[d],r[v]),De(t,a[v+1],o[d]),d++,v--;else if(l[u]===n[p])a[p]=Ne(o[u],r[p]),De(t,o[d],o[u]),u--,p++;else if(void 0===c&&(c=Re(n,p,v),h=Re(l,d,u)),c.has(l[d]))if(c.has(l[u])){const e=h.get(n[p]),s=void 0!==e?o[e]:null;if(null===s){const e=De(t,o[d]);Ne(e,r[p]),a[p]=e}else a[p]=Ne(s,r[p]),De(t,o[d],s),o[e]=null;p++}else Te(o[u]),u--;else Te(o[d]),d++;for(;p<=v;){const e=De(t,a[v+1]);Ne(e,r[p]),a[p++]=e}for(;d<=u;){const t=o[d++];null!==t&&Te(t)}return this.ut=n,((t,e=Ve)=>{t._$AH=e})(t,a),H}});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 qe=class extends wt{constructor(){super(...arguments),this.description="",this.selected=!1,this.disabled=!1,this._initialized=!1,this._handleSlotChange=()=>{this._initialized&&this.dispatchEvent(new Event("vsc-option-state-change",{bubbles:!0}))}}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._initialized=!0}))}willUpdate(t){this._initialized&&(t.has("description")||t.has("value")||t.has("selected")||t.has("disabled"))&&this.dispatchEvent(new Event("vsc-option-state-change",{bubbles:!0}))}render(){return U`<slot @slotchange=${this._handleSlotChange}></slot>`}};qe.styles=$t,Ue([pt({type:String})],qe.prototype,"value",void 0),Ue([pt({type:String})],qe.prototype,"description",void 0),Ue([pt({type:Boolean,reflect:!0})],qe.prototype,"selected",void 0),Ue([pt({type:Boolean,reflect:!0})],qe.prototype,"disabled",void 0),qe=Ue([kt("vscode-option")],qe);const He=(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},Ke=(t,e)=>{const s={match:!1,ranges:[]};return 0===t.toLowerCase().indexOf(e.toLowerCase())&&(s.match=!0,s.ranges=[[0,e.length]]),s},We=(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},Ge=(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},Je=t=>{const e=[];return" "===t?(e.push(U` `),e):(0===t.indexOf(" ")&&e.push(U` `),e.push(U`${t.trimStart().trimEnd()}`),t.lastIndexOf(" ")===t.length-1&&e.push(U` `),e)};class Ye{constructor(t){this._activeIndex=-1,this._options=[],this._filterPattern="",this._filterMethod="fuzzy",this._combobox=!1,this._indexByValue=new Map,this._indexByLabel=new Map,this._selectedIndex=-1,this._selectedIndexes=new Set,this._multiSelect=!1,this._numOfVisibleOptions=0,(this._host=t).addController(this)}hostConnected(){}get activeIndex(){return this._activeIndex}set activeIndex(t){this._activeIndex=t,this._host.requestUpdate()}get relativeActiveIndex(){return this._options[this._activeIndex]?.filteredIndex??-1}set comboboxMode(t){this._combobox=t,this._host.requestUpdate()}get comboboxMode(){return this._combobox}get multiSelect(){return this._multiSelect}set multiSelect(t){this._selectedIndex=-1,this._selectedIndexes.clear(),this._multiSelect=t,this._host.requestUpdate()}get selectedIndex(){return this._selectedIndex}set selectedIndex(t){-1!==this._selectedIndex&&(this._options[this._selectedIndex].selected??=!1);const e=this.getOptionByIndex(t);this._selectedIndex=e?t:-1,this._host.requestUpdate()}get selectedIndexes(){return Array.from(this._selectedIndexes)}set selectedIndexes(t){this._selectedIndexes.forEach((t=>{this._options[t].selected=!1})),this._selectedIndexes=new Set(t),t.forEach((t=>{void 0!==this._options[t]&&(this._options[t].selected=!0)})),this._host.requestUpdate()}set value(t){if(this._multiSelect){const e=t.map((t=>this._indexByValue.get(t))).filter((t=>void 0!==t));this._selectedIndexes=new Set(e)}else this._selectedIndex=this._indexByValue.get(t)??-1;this._host.requestUpdate()}get value(){return this._multiSelect?this._selectedIndexes.size>0?Array.from(this._selectedIndexes).map((t=>this._options[t].value)):[]:this._selectedIndex>-1?this._options[this._selectedIndex].value:""}set multiSelectValue(t){const e=t.map((t=>this._indexByValue.get(t))).filter((t=>void 0!==t));this._selectedIndexes=new Set(e)}get multiSelectValue(){return this._selectedIndexes.size>0?Array.from(this._selectedIndexes).map((t=>this._options[t].value)):[]}get filterPattern(){return this._filterPattern}set filterPattern(t){t!==this._filterPattern&&(this._filterPattern=t,this._updateState())}get filterMethod(){return this._filterMethod}set filterMethod(t){t!==this._filterMethod&&(this._filterMethod=t,this._updateState())}get options(){return this._options}get numOfVisibleOptions(){return this._numOfVisibleOptions}get numOptions(){return this._options.length}populate(t){this._indexByValue.clear(),this._indexByLabel.clear(),this._options=t.map(((t,e)=>(this._indexByValue.set(t.value??"",e),this._indexByLabel.set(t.label??"",e),{description:t.description??"",disabled:t.disabled??!1,label:t.label??"",selected:t.selected??!1,value:t.value??"",index:e,filteredIndex:e,ranges:[],visible:!0}))),this._numOfVisibleOptions=this._options.length}add(t){const e=this._options.length,{description:s,disabled:i,label:o,selected:r,value:n}=t;let l=!0,a=[];if(this._combobox&&""!==this._filterPattern){const t=this._searchByPattern(o??"");l=t.match,a=t.ranges}this._indexByValue.set(n??"",e),this._indexByLabel.set(o??"",e),r&&(this._selectedIndex=e,this._selectedIndexes.add(e),this._activeIndex=e),this._options.push({index:e,filteredIndex:e,description:s??"",disabled:i??!1,label:o??"",selected:r??!1,value:n??"",visible:l,ranges:a}),l&&(this._numOfVisibleOptions+=1)}clear(){this._options=[],this._indexByValue.clear(),this._indexByLabel.clear(),this._numOfVisibleOptions=0}getIsIndexSelected(t){return this._multiSelect?this._selectedIndexes.has(t):this._selectedIndex===t}expandMultiSelection(t){t.forEach((t=>{const e=this._indexByValue.get(t)??-1;-1!==e&&this._selectedIndexes.add(e)})),this._host.requestUpdate()}toggleActiveMultiselectOption(){const t=this._options[this._activeIndex]??null;if(!t)return;this._selectedIndexes.has(t.index)?this._selectedIndexes.delete(t.index):this._selectedIndexes.add(t.index),this._host.requestUpdate()}toggleOptionSelected(t){const e=this._selectedIndexes.has(t);this._options[t].selected=!this._options[t].selected,e?this._selectedIndexes.delete(t):this._selectedIndexes.add(t),this._host.requestUpdate()}getActiveOption(){return this._options[this._activeIndex]??null}getSelectedOption(){return this._options[this._selectedIndex]??null}getOptionByIndex(t){return this._options[t]??null}findOptionIndex(t){return this._indexByValue.get(t)??-1}getOptionByValue(t,e=!1){const s=this._indexByValue.get(t)??-1;return-1===s?null:e||this._options[s].visible?this._options[s]:null}getOptionByLabel(t){const e=this._indexByLabel.get(t)??-1;return-1===e?null:this._options[e]}next(t){let e=-1;for(let s=(t??this._activeIndex)+1;s<this._options.length;s++)if(this._options[s]&&!this._options[s].disabled&&this._options[s].visible){e=s;break}return e>-1?this._options[e]:null}prev(t){let e=-1;for(let s=(t??this._activeIndex)-1;s>=0;s--)if(this._options[s]&&!this._options[s].disabled&&this._options[s].visible){e=s;break}return e>-1?this._options[e]:null}activateDefault(){if(this._multiSelect){if(this._selectedIndexes.size>0){const t=this._selectedIndexes.values().next();this._activeIndex=t.value?t.value:0}}else this._selectedIndex>-1?this._activeIndex=this._selectedIndex:this._activeIndex=0;this._host.requestUpdate()}selectAll(){this._multiSelect&&(this._options.forEach(((t,e)=>{this._options[e].selected=!0,this._selectedIndexes.add(e)})),this._host.requestUpdate())}selectNone(){this._multiSelect&&(this._options.forEach(((t,e)=>{this._options[e].selected=!1})),this._selectedIndexes.clear(),this._host.requestUpdate())}_searchByPattern(t){let e;switch(this._filterMethod){case"startsWithPerTerm":e=He(t,this._filterPattern);break;case"startsWith":e=Ke(t,this._filterPattern);break;case"contains":e=We(t,this._filterPattern);break;default:e=Ge(t,this._filterPattern)}return e}_updateState(){if(this._combobox&&""!==this._filterPattern){let t=-1;this._numOfVisibleOptions=0,this._options.forEach((({label:e},s)=>{const i=this._searchByPattern(e);this._options[s].visible=i.match,this._options[s].ranges=i.ranges,this._options[s].filteredIndex=i.match?++t:-1,i.match&&(this._numOfVisibleOptions+=1)}))}else this._options.forEach(((t,e)=>{this._options[e].visible=!0,this._options[e].ranges=[]})),this._numOfVisibleOptions=this._options.length;this._host.requestUpdate()}}var Xe=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 Ze=22;class Qe extends wt{set combobox(t){this._opts.comboboxMode=t}get combobox(){return this._opts.comboboxMode}set disabled(t){this._disabled=t,this.ariaDisabled=t?"true":"false",!0===t?(this._originalTabIndex=this.tabIndex,this.tabIndex=-1):(this.tabIndex=this._originalTabIndex??0,this._originalTabIndex=void 0),this.requestUpdate()}get disabled(){return this._disabled}set filter(t){let e;["contains","fuzzy","startsWith","startsWithPerTerm"].includes(t)?e=t:(console.warn(`[VSCode Webview Elements] Invalid filter: "${t}", fallback to default. Valid values are: "contains", "fuzzy", "startsWith", "startsWithPerm".`,this),e="fuzzy"),this._opts.filterMethod=e}get filter(){return this._opts.filterMethod}set options(t){this._opts.populate(t)}get options(){return this._opts.options.map((({label:t,value:e,description:s,selected:i,disabled:o})=>({label:t,value:e,description:s,selected:i,disabled:o})))}constructor(){super(),this.creatable=!1,this.label="",this.invalid=!1,this.focused=!1,this.open=!1,this.position="below",this._opts=new Ye(this),this._firstUpdateCompleted=!1,this._currentDescription="",this._filter="fuzzy",this._selectedIndexes=[],this._options=[],this._value="",this._values=[],this._isPlaceholderOptionActive=!1,this._isBeingFiltered=!1,this._optionListScrollPos=0,this._isHoverForbidden=!1,this._disabled=!1,this._originalTabIndex=void 0,this._onClickOutside=t=>{-1===t.composedPath().findIndex((t=>t===this))&&(this.open=!1)},this._onMouseMove=()=>{this._isHoverForbidden=!1,window.removeEventListener("mousemove",this._onMouseMove)},this._onComponentKeyDown=t=>{[" ","ArrowUp","ArrowDown","Escape"].includes(t.key)&&(t.stopPropagation(),t.preventDefault()),"Enter"===t.key&&this._onEnterKeyDown(t)," "===t.key&&this._onSpaceKeyDown(),"Escape"===t.key&&this._onEscapeKeyDown(),"ArrowUp"===t.key&&this._onArrowUpKeyDown(),"ArrowDown"===t.key&&this._onArrowDownKeyDown()},this._onComponentFocus=()=>{this.focused=!0},this._onComponentBlur=()=>{this.focused=!1},this.addEventListener("vsc-option-state-change",(t=>{t.stopPropagation(),this._setStateFromSlottedElements(),this.requestUpdate()}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._onComponentKeyDown),this.addEventListener("focus",this._onComponentFocus),this.addEventListener("blur",this._onComponentBlur),this._setAutoFocus()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onComponentKeyDown),this.removeEventListener("focus",this._onComponentFocus),this.removeEventListener("blur",this._onComponentBlur)}firstUpdated(t){this._firstUpdateCompleted=!0}willUpdate(t){t.has("required")&&this._firstUpdateCompleted&&this._manageRequired()}update(t){super.update(t),t.has("open")&&(this.open?(this._opts.activateDefault(),this._scrollActiveElementToTop(),window.addEventListener("click",this._onClickOutside)):window.removeEventListener("click",this._onClickOutside))}get _filteredOptions(){return this.combobox&&""!==this._opts.filterPattern?((t,e,s)=>{const i=[];return t.forEach((t=>{let o;switch(s){case"startsWithPerTerm":o=He(t.label,e);break;case"startsWith":o=Ke(t.label,e);break;case"contains":o=We(t.label,e);break;default:o=Ge(t.label,e)}o.match&&i.push({...t,ranges:o.ranges})})),i})(this._options,this._opts.filterPattern,this._filter):this._options}_setAutoFocus(){this.hasAttribute("autofocus")&&(this.tabIndex<0&&(this.tabIndex=0),this.combobox?this.updateComplete.then((()=>{this.shadowRoot?.querySelector(".combobox-input").focus()})):this.updateComplete.then((()=>{this.shadowRoot?.querySelector(".select-face").focus()})))}get _isSuggestedOptionVisible(){if(!this.combobox||!this.creatable)return!1;const t=null!==this._opts.getOptionByValue(this._opts.filterPattern),e=this._opts.filterPattern.length>0;return!t&&e}_manageRequired(){}_setStateFromSlottedElements(){const t=this._assignedOptions??[];this._opts.clear(),t.forEach((t=>{const{innerText:e,description:s,disabled:i}=t,o="string"==typeof t.value?t.value:e.trim(),r=t.selected??!1,n={label:e.trim(),value:o,description:s,selected:r,disabled:i};this._opts.add(n)}))}_createSuggestedOption(){const t=this._opts.numOptions,e=document.createElement("vscode-option");return e.value=this._opts.filterPattern,lt(this._opts.filterPattern,e),this.appendChild(e),t}_dispatchChangeEvent(){this.dispatchEvent(new Event("change")),this.dispatchEvent(new Event("input"))}async _createAndSelectSuggestedOption(){}_toggleComboboxDropdown(){this._opts.filterPattern="",this.open=!this.open}_scrollActiveElementToTop(){this._optionListScrollPos=Math.floor(this._opts.relativeActiveIndex*Ze)}async _adjustOptionListScrollPos(t,e){let s=this._opts.numOfVisibleOptions;if(this._isSuggestedOptionVisible&&(s+=1),s<=10)return;this._isHoverForbidden=!0,window.addEventListener("mousemove",this._onMouseMove);const i=this._optionListScrollPos,o=e*Ze,r=o>=i&&o<=i+220-Ze;"down"===t&&(r||(this._optionListScrollPos=e*Ze-198)),"up"===t&&(r||(this._optionListScrollPos=Math.floor(this._opts.relativeActiveIndex*Ze)))}_onFaceClick(){this.open=!this.open}_onComboboxButtonClick(){this._toggleComboboxDropdown()}_onComboboxButtonKeyDown(t){"Enter"===t.key&&this._toggleComboboxDropdown()}_onOptionListScroll(t){this._optionListScrollPos=t.target.scrollTop}_onOptionMouseOver(t){if(this._isHoverForbidden)return;const e=t.target;e.matches(".option")&&(e.matches(".placeholder")?(this._isPlaceholderOptionActive=!0,this._opts.activeIndex=-1):(this._isPlaceholderOptionActive=!1,this._opts.activeIndex=+e.dataset.index))}_onPlaceholderOptionMouseOut(){this._isPlaceholderOptionActive=!1}_onNoOptionsClick(t){t.stopPropagation()}_onEnterKeyDown(t){this._isBeingFiltered=!1;!!t?.composedPath&&t.composedPath().find((t=>!!t.matches&&t.matches("vscode-button.button-accept")))}_onSpaceKeyDown(){this.open||(this.open=!0)}_onArrowUpKeyDown(){if(this.open){if(this._opts.activeIndex<=0&&(!this.combobox||!this.creatable))return;if(this._isPlaceholderOptionActive){const t=this._opts.numOfVisibleOptions-1;this._opts.activeIndex=t,this._isPlaceholderOptionActive=!1}else{const t=this._opts.prev();if(null!==t){this._opts.activeIndex=t?.index??-1;const e=t?.filteredIndex??-1;e>-1&&this._adjustOptionListScrollPos("up",e)}}}else this.open=!0,this._opts.activateDefault()}_onArrowDownKeyDown(){let t=this._opts.numOfVisibleOptions;const e=this._isSuggestedOptionVisible;if(e&&(t+=1),this.open){if(this._isPlaceholderOptionActive&&-1===this._opts.activeIndex)return;const s=this._opts.next();if(e&&null===s)this._isPlaceholderOptionActive=!0,this._adjustOptionListScrollPos("down",t-1),this._opts.activeIndex=-1;else if(null!==s){const t=s?.filteredIndex??-1;this._opts.activeIndex=s?.index??-1,t>-1&&this._adjustOptionListScrollPos("down",t)}}else this.open=!0,this._opts.activateDefault()}_onEscapeKeyDown(){this.open=!1}_onSlotChange(){this._setStateFromSlottedElements(),this.requestUpdate()}_onComboboxInputFocus(t){t.target.select(),this._isBeingFiltered=!1,this._opts.filterPattern=""}_onComboboxInputBlur(){this._isBeingFiltered=!1}_onComboboxInputInput(t){this._isBeingFiltered=!0,this._opts.filterPattern=t.target.value,this._opts.activeIndex=-1,this.open=!0}_onComboboxInputClick(){this._isBeingFiltered=""!==this._opts.filterPattern,this.open=!0}_onComboboxInputSpaceKeyDown(t){" "===t.key&&t.stopPropagation()}_onOptionClick(t){this._isBeingFiltered=!1}_renderCheckbox(t,e){return U`<span class=${It({"checkbox-icon":!0,checked:t})}>${Me}</span
|
|
951
|
+
><span class="option-label">${e}</span>`}_renderOptions(){const t=this._opts.options;return U`
|
|
952
|
+
<ul
|
|
953
|
+
aria-label=${Mt(this.label??void 0)}
|
|
954
|
+
aria-multiselectable=${Mt(this._opts.multiSelect?"true":void 0)}
|
|
955
|
+
class="options"
|
|
956
|
+
id="select-listbox"
|
|
957
|
+
role="listbox"
|
|
958
|
+
tabindex="-1"
|
|
959
|
+
@click=${this._onOptionClick}
|
|
960
|
+
@mouseover=${this._onOptionMouseOver}
|
|
961
|
+
@scroll=${this._onOptionListScroll}
|
|
962
|
+
.scrollTop=${this._optionListScrollPos}
|
|
963
|
+
>
|
|
964
|
+
${Le(t,(t=>t.index),((t,e)=>{if(!t.visible)return K;const s=t.index===this._opts.activeIndex&&!t.disabled,i=this._opts.getIsIndexSelected(t.index),o={active:s,disabled:t.disabled,option:!0,selected:i},r=t.ranges?.length?((t,e)=>{const s=[],i=e.length;return i<1?U`${t}`:(e.forEach(((o,r)=>{const n=t.substring(o[0],o[1]);0===r&&0!==o[0]&&s.push(...Je(t.substring(0,e[0][0]))),r>0&&r<i&&o[0]-e[r-1][1]!=0&&s.push(...Je(t.substring(e[r-1][1],o[0]))),s.push(U`<b>${Je(n)}</b>`),r===i-1&&o[1]<t.length&&s.push(...Je(t.substring(o[1],t.length)))})),s)})(t.label,t.ranges??[]):t.label;return U`
|
|
965
|
+
<li
|
|
966
|
+
aria-selected=${i?"true":"false"}
|
|
967
|
+
class=${It(o)}
|
|
968
|
+
data-index=${t.index}
|
|
969
|
+
data-filtered-index=${e}
|
|
970
|
+
id=${`op-${t.index}`}
|
|
971
|
+
role="option"
|
|
972
|
+
tabindex="-1"
|
|
973
|
+
>
|
|
974
|
+
${function(t,e,s){return t?e(t):s?.(t)}(this._opts.multiSelect,(()=>this._renderCheckbox(i,r)),(()=>r))}
|
|
975
|
+
</li>
|
|
976
|
+
`}))}
|
|
977
|
+
${this._renderPlaceholderOption(this._opts.numOfVisibleOptions<1)}
|
|
978
|
+
</ul>
|
|
979
|
+
`}_renderPlaceholderOption(t){if(!this.combobox)return K;return this._opts.getOptionByLabel(this._opts.filterPattern)?K:this.creatable&&this._opts.filterPattern.length>0?U`<li
|
|
980
|
+
class=${It({option:!0,placeholder:!0,active:this._isPlaceholderOptionActive})}
|
|
981
|
+
@mouseout=${this._onPlaceholderOptionMouseOut}
|
|
982
|
+
>
|
|
983
|
+
Add "${this._opts.filterPattern}"
|
|
984
|
+
</li>`:t?U`<li class="no-options" @click=${this._onNoOptionsClick}>
|
|
985
|
+
No options
|
|
986
|
+
</li>`:K}_renderDescription(){const t=this._opts.getActiveOption();if(!t)return K;const{description:e}=t;return e?U`<div class="description">${e}</div>`:K}_renderSelectFace(){return U`${K}`}_renderComboboxFace(){return U`${K}`}_renderDropdownControls(){return U`${K}`}_renderDropdown(){const t={dropdown:!0,multiple:this._opts.multiSelect,open:this.open};return U`
|
|
987
|
+
<div class=${It(t)}>
|
|
988
|
+
${"above"===this.position?this._renderDescription():K}
|
|
989
|
+
${this._renderOptions()} ${this._renderDropdownControls()}
|
|
990
|
+
${"below"===this.position?this._renderDescription():K}
|
|
922
991
|
</div>
|
|
923
|
-
`}}
|
|
992
|
+
`}}Xe([pt({type:Boolean,reflect:!0})],Qe.prototype,"creatable",void 0),Xe([pt({type:Boolean,reflect:!0})],Qe.prototype,"combobox",null),Xe([pt({reflect:!0})],Qe.prototype,"label",void 0),Xe([pt({type:Boolean,reflect:!0})],Qe.prototype,"disabled",null),Xe([pt({type:Boolean,reflect:!0})],Qe.prototype,"invalid",void 0),Xe([pt()],Qe.prototype,"filter",null),Xe([pt({type:Boolean,reflect:!0})],Qe.prototype,"focused",void 0),Xe([pt({type:Boolean,reflect:!0})],Qe.prototype,"open",void 0),Xe([pt({type:Array})],Qe.prototype,"options",null),Xe([pt({reflect:!0})],Qe.prototype,"position",void 0),Xe([mt({flatten:!0,selector:"vscode-option"})],Qe.prototype,"_assignedOptions",void 0),Xe([vt()],Qe.prototype,"_currentDescription",void 0),Xe([vt()],Qe.prototype,"_filter",void 0),Xe([vt()],Qe.prototype,"_filteredOptions",null),Xe([vt()],Qe.prototype,"_selectedIndexes",void 0),Xe([vt()],Qe.prototype,"_options",void 0),Xe([vt()],Qe.prototype,"_value",void 0),Xe([vt()],Qe.prototype,"_values",void 0),Xe([vt()],Qe.prototype,"_isPlaceholderOptionActive",void 0),Xe([vt()],Qe.prototype,"_isBeingFiltered",void 0),Xe([vt()],Qe.prototype,"_optionListScrollPos",void 0),Xe([function(t){return(e,s)=>{const i="function"==typeof e?e:e[s];Object.assign(i,t)}}({passive:!0})],Qe.prototype,"_onOptionListScroll",null);var ts=[$t,n`
|
|
924
993
|
:host {
|
|
925
994
|
display: inline-block;
|
|
926
|
-
|
|
995
|
+
max-width: 100%;
|
|
996
|
+
outline: none;
|
|
927
997
|
position: relative;
|
|
928
998
|
width: 320px;
|
|
929
999
|
}
|
|
930
1000
|
|
|
931
|
-
|
|
932
|
-
width: auto;
|
|
933
|
-
}
|
|
934
|
-
|
|
935
|
-
:host([rows]) {
|
|
936
|
-
height: auto;
|
|
937
|
-
}
|
|
938
|
-
|
|
939
|
-
.shadow {
|
|
940
|
-
box-shadow: var(--vscode-scrollbar-shadow, #000000) 0 6px 6px -6px inset;
|
|
1001
|
+
.main-slot {
|
|
941
1002
|
display: none;
|
|
942
|
-
inset: 0 0 auto 0;
|
|
943
|
-
height: 6px;
|
|
944
|
-
pointer-events: none;
|
|
945
|
-
position: absolute;
|
|
946
|
-
width: 100%;
|
|
947
|
-
}
|
|
948
|
-
|
|
949
|
-
.shadow.visible {
|
|
950
|
-
display: block;
|
|
951
1003
|
}
|
|
952
1004
|
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
1005
|
+
.select-face,
|
|
1006
|
+
.combobox-face {
|
|
1007
|
+
background-color: var(--vscode-settings-dropdownBackground, #313131);
|
|
1008
|
+
border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);
|
|
956
1009
|
border-radius: 2px;
|
|
957
1010
|
border-style: solid;
|
|
958
1011
|
border-width: 1px;
|
|
959
1012
|
box-sizing: border-box;
|
|
960
|
-
color: var(--vscode-settings-
|
|
961
|
-
display: block;
|
|
1013
|
+
color: var(--vscode-settings-dropdownForeground, #cccccc);
|
|
962
1014
|
font-family: var(--vscode-font-family, sans-serif);
|
|
963
1015
|
font-size: var(--vscode-font-size, 13px);
|
|
964
1016
|
font-weight: var(--vscode-font-weight, normal);
|
|
965
|
-
height:
|
|
1017
|
+
line-height: 18px;
|
|
1018
|
+
position: relative;
|
|
1019
|
+
user-select: none;
|
|
966
1020
|
width: 100%;
|
|
967
1021
|
}
|
|
968
1022
|
|
|
969
|
-
:host([
|
|
970
|
-
|
|
1023
|
+
:host([invalid]) .select-face,
|
|
1024
|
+
:host(:invalid) .select-face,
|
|
1025
|
+
:host([invalid]) .combobox-face,
|
|
1026
|
+
:host(:invalid) .combobox-face {
|
|
1027
|
+
background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
|
|
1028
|
+
border-color: var(--vscode-inputValidation-errorBorder, #be1100);
|
|
971
1029
|
}
|
|
972
1030
|
|
|
973
|
-
|
|
974
|
-
|
|
1031
|
+
.select-face {
|
|
1032
|
+
cursor: pointer;
|
|
1033
|
+
display: block;
|
|
1034
|
+
padding: 3px 4px;
|
|
975
1035
|
}
|
|
976
1036
|
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
1037
|
+
.select-face .text {
|
|
1038
|
+
display: block;
|
|
1039
|
+
height: 18px;
|
|
1040
|
+
overflow: hidden;
|
|
981
1041
|
}
|
|
982
1042
|
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
color: var(--vscode-editor-foreground, #cccccc);
|
|
986
|
-
font-family: var(--vscode-editor-font-family, monospace);
|
|
987
|
-
font-size: var(--vscode-editor-font-size, 14px);
|
|
988
|
-
font-weight: var(--vscode-editor-font-weight, normal);
|
|
1043
|
+
.select-face.multiselect {
|
|
1044
|
+
padding: 0;
|
|
989
1045
|
}
|
|
990
1046
|
|
|
991
|
-
.
|
|
992
|
-
color: var(
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
1047
|
+
.select-face-badge {
|
|
1048
|
+
background-color: var(--vscode-badge-background, #616161);
|
|
1049
|
+
border-radius: 2px;
|
|
1050
|
+
color: var(--vscode-badge-foreground, #f8f8f8);
|
|
1051
|
+
display: inline-block;
|
|
1052
|
+
flex-shrink: 0;
|
|
1053
|
+
font-size: 11px;
|
|
1054
|
+
line-height: 16px;
|
|
1055
|
+
margin: 2px;
|
|
1056
|
+
padding: 2px 3px;
|
|
1057
|
+
white-space: nowrap;
|
|
996
1058
|
}
|
|
997
1059
|
|
|
998
|
-
|
|
999
|
-
|
|
1060
|
+
.select-face-badge.no-item {
|
|
1061
|
+
background-color: transparent;
|
|
1062
|
+
color: inherit;
|
|
1000
1063
|
}
|
|
1001
1064
|
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
outline: none;
|
|
1065
|
+
.combobox-face {
|
|
1066
|
+
display: flex;
|
|
1005
1067
|
}
|
|
1006
1068
|
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1069
|
+
:host(:focus) .select-face,
|
|
1070
|
+
:host(:focus) .combobox-face,
|
|
1071
|
+
:host([focused]) .select-face,
|
|
1072
|
+
:host([focused]) .combobox-face {
|
|
1073
|
+
border-color: var(--vscode-focusBorder, #0078d4);
|
|
1074
|
+
outline: none;
|
|
1010
1075
|
}
|
|
1011
1076
|
|
|
1012
|
-
|
|
1077
|
+
.combobox-input {
|
|
1013
1078
|
background-color: transparent;
|
|
1079
|
+
box-sizing: border-box;
|
|
1080
|
+
border: 0;
|
|
1081
|
+
color: var(--vscode-foreground, #cccccc);
|
|
1082
|
+
display: block;
|
|
1083
|
+
font-family: var(--vscode-font-family, sans-serif);
|
|
1084
|
+
font-size: var(--vscode-font-size, 13px);
|
|
1085
|
+
line-height: 16px;
|
|
1086
|
+
padding: 4px;
|
|
1087
|
+
width: 100%;
|
|
1014
1088
|
}
|
|
1015
1089
|
|
|
1016
|
-
|
|
1017
|
-
|
|
1090
|
+
.combobox-input:focus {
|
|
1091
|
+
outline: none;
|
|
1018
1092
|
}
|
|
1019
1093
|
|
|
1020
|
-
|
|
1094
|
+
.combobox-button {
|
|
1095
|
+
align-items: center;
|
|
1021
1096
|
background-color: transparent;
|
|
1097
|
+
border: 0;
|
|
1098
|
+
border-radius: 2px;
|
|
1099
|
+
box-sizing: content-box;
|
|
1100
|
+
color: var(--vscode-foreground, #cccccc);
|
|
1101
|
+
cursor: pointer;
|
|
1102
|
+
display: flex;
|
|
1103
|
+
flex-shrink: 0;
|
|
1104
|
+
height: 16px;
|
|
1105
|
+
justify-content: center;
|
|
1106
|
+
margin: 1px 1px 0 0;
|
|
1107
|
+
padding: 3px;
|
|
1108
|
+
width: 22px;
|
|
1022
1109
|
}
|
|
1023
1110
|
|
|
1024
|
-
|
|
1111
|
+
.combobox-button:hover,
|
|
1112
|
+
.combobox-button:focus-visible {
|
|
1025
1113
|
background-color: var(
|
|
1026
|
-
--vscode-
|
|
1027
|
-
rgba(
|
|
1114
|
+
--vscode-toolbar-hoverBackground,
|
|
1115
|
+
rgba(90, 93, 94, 0.31)
|
|
1028
1116
|
);
|
|
1117
|
+
outline-style: dashed;
|
|
1118
|
+
outline-color: var(--vscode-toolbar-hoverOutline, transparent);
|
|
1029
1119
|
}
|
|
1030
1120
|
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
--vscode-scrollbarSlider-hoverBackground,
|
|
1034
|
-
rgba(100, 100, 100, 0.7)
|
|
1035
|
-
);
|
|
1121
|
+
.combobox-button:focus-visible {
|
|
1122
|
+
outline: none;
|
|
1036
1123
|
}
|
|
1037
1124
|
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1125
|
+
.icon {
|
|
1126
|
+
color: var(--vscode-foreground, #cccccc);
|
|
1127
|
+
display: block;
|
|
1128
|
+
height: 14px;
|
|
1129
|
+
pointer-events: none;
|
|
1130
|
+
width: 14px;
|
|
1043
1131
|
}
|
|
1044
1132
|
|
|
1045
|
-
|
|
1046
|
-
|
|
1133
|
+
.select-face .icon {
|
|
1134
|
+
position: absolute;
|
|
1135
|
+
right: 6px;
|
|
1136
|
+
top: 5px;
|
|
1047
1137
|
}
|
|
1048
1138
|
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
}
|
|
1054
|
-
`];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,a=t.length-1;a>=0;a--)(o=t[a])&&(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 xt{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`
|
|
1055
|
-
<div
|
|
1056
|
-
class=${Et({shadow:!0,visible:this._shadow})}
|
|
1057
|
-
></div>
|
|
1058
|
-
<textarea
|
|
1059
|
-
autocomplete=${jt(this.autocomplete)}
|
|
1060
|
-
?autofocus=${this.autofocus}
|
|
1061
|
-
?disabled=${this.disabled}
|
|
1062
|
-
aria-label=${this.label}
|
|
1063
|
-
id="textarea"
|
|
1064
|
-
class=${Et({monospace:this.monospace,"cursor-pointer":this._textareaPointerCursor})}
|
|
1065
|
-
maxlength=${jt(this.maxLength)}
|
|
1066
|
-
minlength=${jt(this.minLength)}
|
|
1067
|
-
rows=${jt(this.rows)}
|
|
1068
|
-
cols=${jt(this.cols)}
|
|
1069
|
-
name=${jt(this.name)}
|
|
1070
|
-
placeholder=${jt(this.placeholder)}
|
|
1071
|
-
?readonly=${this.readonly}
|
|
1072
|
-
.style=${It({resize:this.resize})}
|
|
1073
|
-
?required=${this.required}
|
|
1074
|
-
spellcheck=${this.spellcheck}
|
|
1075
|
-
@change=${this._handleChange}
|
|
1076
|
-
@input=${this._handleInput}
|
|
1077
|
-
@mousemove=${this._handleMouseMove}
|
|
1078
|
-
@scroll=${this._handleScroll}
|
|
1079
|
-
.value=${this._value}
|
|
1080
|
-
></textarea>
|
|
1081
|
-
`}};Ie.styles=Ee,Ie.formAssociated=!0,Ie.shadowRootOptions={...at.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([yt("vscode-textarea")],Ie);const Me=r(kt()),Fe=[wt,n`
|
|
1082
|
-
:host {
|
|
1083
|
-
align-items: center;
|
|
1084
|
-
background-color: var(--vscode-settings-textInputBackground, #313131);
|
|
1085
|
-
border-color: var(
|
|
1086
|
-
--vscode-settings-textInputBorder,
|
|
1087
|
-
var(--vscode-settings-textInputBackground, #3c3c3c)
|
|
1088
|
-
);
|
|
1089
|
-
border-radius: 2px;
|
|
1090
|
-
border-style: solid;
|
|
1091
|
-
border-width: 1px;
|
|
1092
|
-
box-sizing: border-box;
|
|
1093
|
-
color: var(--vscode-settings-textInputForeground, #cccccc);
|
|
1094
|
-
display: inline-flex;
|
|
1095
|
-
max-width: 100%;
|
|
1096
|
-
position: relative;
|
|
1097
|
-
width: 320px;
|
|
1098
|
-
}
|
|
1099
|
-
|
|
1100
|
-
:host([focused]) {
|
|
1101
|
-
border-color: var(--vscode-focusBorder, #0078d4);
|
|
1102
|
-
}
|
|
1103
|
-
|
|
1104
|
-
:host([invalid]),
|
|
1105
|
-
:host(:invalid) {
|
|
1106
|
-
border-color: var(--vscode-inputValidation-errorBorder, #be1100);
|
|
1107
|
-
}
|
|
1108
|
-
|
|
1109
|
-
:host([invalid]) input,
|
|
1110
|
-
:host(:invalid) input {
|
|
1111
|
-
background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
|
|
1112
|
-
}
|
|
1113
|
-
|
|
1114
|
-
::slotted([slot='content-before']) {
|
|
1115
|
-
display: block;
|
|
1116
|
-
margin-left: 2px;
|
|
1117
|
-
}
|
|
1118
|
-
|
|
1119
|
-
::slotted([slot='content-after']) {
|
|
1120
|
-
display: block;
|
|
1121
|
-
margin-right: 2px;
|
|
1122
|
-
}
|
|
1123
|
-
|
|
1124
|
-
slot[name='content-before'],
|
|
1125
|
-
slot[name='content-after'] {
|
|
1126
|
-
align-items: center;
|
|
1127
|
-
display: flex;
|
|
1128
|
-
}
|
|
1129
|
-
|
|
1130
|
-
input {
|
|
1131
|
-
background-color: var(--vscode-settings-textInputBackground, #313131);
|
|
1132
|
-
border: 0;
|
|
1133
|
-
box-sizing: border-box;
|
|
1134
|
-
color: var(--vscode-settings-textInputForeground, #cccccc);
|
|
1135
|
-
display: block;
|
|
1136
|
-
font-family: var(--vscode-font-family, ${Me});
|
|
1137
|
-
font-size: var(--vscode-font-size, 13px);
|
|
1138
|
-
font-weight: var(--vscode-font-weight, 'normal');
|
|
1139
|
-
line-height: 18px;
|
|
1140
|
-
outline: none;
|
|
1141
|
-
padding-bottom: 3px;
|
|
1142
|
-
padding-left: 4px;
|
|
1143
|
-
padding-right: 4px;
|
|
1144
|
-
padding-top: 3px;
|
|
1145
|
-
width: 100%;
|
|
1146
|
-
}
|
|
1147
|
-
|
|
1148
|
-
input:read-only:not([type='file']) {
|
|
1149
|
-
cursor: not-allowed;
|
|
1150
|
-
}
|
|
1151
|
-
|
|
1152
|
-
input::placeholder {
|
|
1153
|
-
color: var(--vscode-input-placeholderForeground, #989898);
|
|
1154
|
-
opacity: 1;
|
|
1155
|
-
}
|
|
1156
|
-
|
|
1157
|
-
input[type='file'] {
|
|
1158
|
-
line-height: 24px;
|
|
1159
|
-
padding-bottom: 0;
|
|
1160
|
-
padding-left: 2px;
|
|
1161
|
-
padding-top: 0;
|
|
1162
|
-
}
|
|
1163
|
-
|
|
1164
|
-
input[type='file']::file-selector-button {
|
|
1165
|
-
background-color: var(--vscode-button-background, #0078d4);
|
|
1166
|
-
border: 0;
|
|
1167
|
-
border-radius: 2px;
|
|
1168
|
-
color: var(--vscode-button-foreground, #ffffff);
|
|
1169
|
-
cursor: pointer;
|
|
1170
|
-
font-family: var(--vscode-font-family, ${Me});
|
|
1171
|
-
font-size: var(--vscode-font-size, 13px);
|
|
1172
|
-
font-weight: var(--vscode-font-weight, 'normal');
|
|
1173
|
-
line-height: 20px;
|
|
1174
|
-
padding: 0 14px;
|
|
1175
|
-
}
|
|
1176
|
-
|
|
1177
|
-
input[type='file']::file-selector-button:hover {
|
|
1178
|
-
background-color: var(--vscode-button-hoverBackground, #026ec1);
|
|
1179
|
-
}
|
|
1180
|
-
`];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,a=t.length-1;a>=0;a--)(o=t[a])&&(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 Ne=class extends xt{set type(t){this._type=["color","date","datetime-local","email","file","month","number","password","search","tel","text","time","url","week"].includes(t)?t:"text"}get type(){return this._type}set value(t){"file"!==this.type&&(this._value=t,this._internals.setFormValue(t)),this.updateComplete.then((()=>{this._setValidityFromInput()}))}get value(){return this._value}set minlength(t){this.minLength=t}get minlength(){return this.minLength}set maxlength(t){this.maxLength=t}get maxlength(){return this.maxLength}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._setValidityFromInput(),this._internals.checkValidity()}reportValidity(){return this._setValidityFromInput(),this._internals.reportValidity()}get wrappedElement(){return this._inputEl}constructor(){super(),this.autocomplete=void 0,this.autofocus=!1,this.defaultValue="",this.disabled=!1,this.focused=!1,this.invalid=!1,this.label="",this.max=void 0,this.maxLength=void 0,this.min=void 0,this.minLength=void 0,this.multiple=!1,this.name=void 0,this.pattern=void 0,this.placeholder=void 0,this.readonly=!1,this.required=!1,this.step=void 0,this._value="",this._type="text",this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._inputEl.checkValidity(),this._setValidityFromInput(),this._internals.setFormValue(this._inputEl.value)}))}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s);["max","maxlength","min","minlength","pattern","required","step"].includes(t)&&this.updateComplete.then((()=>{this._setValidityFromInput()}))}formResetCallback(){this.value=this.defaultValue,this.requestUpdate()}formStateRestoreCallback(t,e){this.value=t}_dataChanged(){if(this._value=this._inputEl.value,"file"===this.type&&this._inputEl.files)for(const t of this._inputEl.files)this._internals.setFormValue(t);else this._internals.setFormValue(this._inputEl.value)}_setValidityFromInput(){this._inputEl&&this._internals.setValidity(this._inputEl.validity,this._inputEl.validationMessage,this._inputEl)}_onInput(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new CustomEvent("vsc-input",{detail:{data:t.data,originalEvent:t}}))}_onChange(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("vsc-change",{detail:{data:this.value,originalEvent:t}}))}_onFocus(){this.focused=!0}_onBlur(){this.focused=!1}_onKeyDown(t){"Enter"===t.key&&this._internals.form&&this._internals.form?.requestSubmit()}render(){return L`
|
|
1181
|
-
<slot name="content-before"></slot>
|
|
1182
|
-
<input
|
|
1183
|
-
id="input"
|
|
1184
|
-
type=${this.type}
|
|
1185
|
-
?autofocus=${this.autofocus}
|
|
1186
|
-
autocomplete=${jt(this.autocomplete)}
|
|
1187
|
-
aria-label=${this.label}
|
|
1188
|
-
?disabled=${this.disabled}
|
|
1189
|
-
max=${jt(this.max)}
|
|
1190
|
-
maxlength=${jt(this.maxLength)}
|
|
1191
|
-
min=${jt(this.min)}
|
|
1192
|
-
minlength=${jt(this.minLength)}
|
|
1193
|
-
?multiple=${this.multiple}
|
|
1194
|
-
name=${jt(this.name)}
|
|
1195
|
-
pattern=${jt(this.pattern)}
|
|
1196
|
-
placeholder=${jt(this.placeholder)}
|
|
1197
|
-
?readonly=${this.readonly}
|
|
1198
|
-
?required=${this.required}
|
|
1199
|
-
step=${jt(this.step)}
|
|
1200
|
-
.value=${this._value}
|
|
1201
|
-
@blur=${this._onBlur}
|
|
1202
|
-
@change=${this._onChange}
|
|
1203
|
-
@focus=${this._onFocus}
|
|
1204
|
-
@input=${this._onInput}
|
|
1205
|
-
@keydown=${this._onKeyDown}
|
|
1206
|
-
>
|
|
1207
|
-
<slot name="content-after"></slot>
|
|
1208
|
-
`}};Ne.styles=Fe,Ne.formAssociated=!0,Ne.shadowRootOptions={...at.shadowRootOptions,delegatesFocus:!0},Pe([dt()],Ne.prototype,"autocomplete",void 0),Pe([dt({type:Boolean,reflect:!0})],Ne.prototype,"autofocus",void 0),Pe([dt({attribute:"default-value"})],Ne.prototype,"defaultValue",void 0),Pe([dt({type:Boolean,reflect:!0})],Ne.prototype,"disabled",void 0),Pe([dt({type:Boolean,reflect:!0})],Ne.prototype,"focused",void 0),Pe([dt({type:Boolean,reflect:!0})],Ne.prototype,"invalid",void 0),Pe([dt({attribute:!1})],Ne.prototype,"label",void 0),Pe([dt({type:Number})],Ne.prototype,"max",void 0),Pe([dt({type:Number})],Ne.prototype,"maxLength",void 0),Pe([dt({type:Number})],Ne.prototype,"min",void 0),Pe([dt({type:Number})],Ne.prototype,"minLength",void 0),Pe([dt({type:Boolean,reflect:!0})],Ne.prototype,"multiple",void 0),Pe([dt({reflect:!0})],Ne.prototype,"name",void 0),Pe([dt()],Ne.prototype,"pattern",void 0),Pe([dt()],Ne.prototype,"placeholder",void 0),Pe([dt({type:Boolean,reflect:!0})],Ne.prototype,"readonly",void 0),Pe([dt({type:Boolean,reflect:!0})],Ne.prototype,"required",void 0),Pe([dt({type:Number})],Ne.prototype,"step",void 0),Pe([dt({reflect:!0})],Ne.prototype,"type",null),Pe([dt()],Ne.prototype,"value",null),Pe([pt("#input")],Ne.prototype,"_inputEl",void 0),Pe([ut()],Ne.prototype,"_value",void 0),Pe([ut()],Ne.prototype,"_type",void 0),Ne=Pe([yt("vscode-textfield")],Ne);const De=[wt,n`
|
|
1209
|
-
:host {
|
|
1210
|
-
color: var(--vscode-foreground, #cccccc);
|
|
1211
|
-
font-family: var(--vscode-font-family, sans-serif);
|
|
1212
|
-
font-size: var(--vscode-font-size, 13px);
|
|
1213
|
-
font-weight: 600;
|
|
1214
|
-
line-height: ${1.2307692307692308};
|
|
1215
|
-
cursor: default;
|
|
1216
|
-
display: block;
|
|
1217
|
-
padding: 5px 0;
|
|
1218
|
-
}
|
|
1219
|
-
|
|
1220
|
-
.wrapper {
|
|
1221
|
-
display: block;
|
|
1222
|
-
}
|
|
1223
|
-
|
|
1224
|
-
.wrapper.required:after {
|
|
1225
|
-
content: ' *';
|
|
1226
|
-
}
|
|
1227
|
-
|
|
1228
|
-
::slotted(.normal) {
|
|
1229
|
-
font-weight: normal;
|
|
1230
|
-
}
|
|
1231
|
-
|
|
1232
|
-
::slotted(.lightened) {
|
|
1233
|
-
color: var(--vscode-foreground, #cccccc);
|
|
1234
|
-
opacity: 0.9;
|
|
1235
|
-
}
|
|
1236
|
-
`];var Ve=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,a=t.length-1;a>=0;a--)(o=t[a])&&(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 Re=class extends xt{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 Ae||t instanceof te)&&t.setAttribute("aria-labelledby",this._id);let e="";this.textContent&&(e=this.textContent.trim()),(t instanceof Ne||t instanceof Ie)&&(t.label=e)}_handleClick(){const t=this._getTarget();t&&"focus"in t&&t.focus()}render(){return L`
|
|
1237
|
-
<label
|
|
1238
|
-
class=${Et({wrapper:!0,required:this.required})}
|
|
1239
|
-
@click=${this._handleClick}
|
|
1240
|
-
><slot></slot
|
|
1241
|
-
></label>
|
|
1242
|
-
`}};Re.styles=De,Ve([dt({reflect:!0,attribute:"for"})],Re.prototype,"htmlFor",null),Ve([dt()],Re.prototype,"id",null),Ve([dt({type:Boolean,reflect:!0})],Re.prototype,"required",void 0),Re=Ve([yt("vscode-label")],Re);const Te=L`
|
|
1243
|
-
<span class="icon">
|
|
1244
|
-
<svg
|
|
1245
|
-
width="16"
|
|
1246
|
-
height="16"
|
|
1247
|
-
viewBox="0 0 16 16"
|
|
1248
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1249
|
-
fill="currentColor"
|
|
1250
|
-
>
|
|
1251
|
-
<path
|
|
1252
|
-
fill-rule="evenodd"
|
|
1253
|
-
clip-rule="evenodd"
|
|
1254
|
-
d="M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z"
|
|
1255
|
-
/>
|
|
1256
|
-
</svg>
|
|
1257
|
-
</span>
|
|
1258
|
-
`,{I:Le}=it,Ue=()=>document.createComment(""),qe=(t,e,s)=>{const i=t._$AA.parentNode,o=void 0===e?t._$AB:e._$AA;if(void 0===s){const e=i.insertBefore(Ue(),o),r=i.insertBefore(Ue(),o);s=new Le(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},He=(t,e,s=t)=>(t._$AI(e,s),t),Ke={},We=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}},Ge=(t,e,s)=>{const i=new Map;for(let o=e;o<=s;o++)i.set(t[o],o);return i},Je=Ot(class extends At{constructor(t){if(super(t),t.type!==St)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 a=this.ut??=[],c=[];let l,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(a[d]===n[v])c[v]=He(o[d],r[v]),d++,v++;else if(a[u]===n[p])c[p]=He(o[u],r[p]),u--,p--;else if(a[d]===n[p])c[p]=He(o[d],r[p]),qe(t,c[p+1],o[d]),d++,p--;else if(a[u]===n[v])c[v]=He(o[u],r[v]),qe(t,o[d],o[u]),u--,v++;else if(void 0===l&&(l=Ge(n,v,p),h=Ge(a,d,u)),l.has(a[d]))if(l.has(a[u])){const e=h.get(n[v]),s=void 0!==e?o[e]:null;if(null===s){const e=qe(t,o[d]);He(e,r[v]),c[v]=e}else c[v]=He(s,r[v]),qe(t,o[d],s),o[e]=null;v++}else We(o[u]),u--;else We(o[d]),d++;for(;v<=p;){const e=qe(t,c[p+1]);He(e,r[v]),c[v++]=e}for(;d<=u;){const t=o[d++];null!==t&&We(t)}return this.ut=n,((t,e=Ke)=>{t._$AH=e})(t,c),U}});var Ye=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,a=t.length-1;a>=0;a--)(o=t[a])&&(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 Xe=class extends xt{constructor(){super(...arguments),this.description="",this.selected=!1,this.disabled=!1,this._initialized=!1,this._handleSlotChange=()=>{this._initialized&&this.dispatchEvent(new Event("vsc-option-state-change",{bubbles:!0}))}}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._initialized=!0}))}willUpdate(t){this._initialized&&(t.has("description")||t.has("value")||t.has("selected")||t.has("disabled"))&&this.dispatchEvent(new Event("vsc-option-state-change",{bubbles:!0}))}render(){return L`<slot @slotchange=${this._handleSlotChange}></slot>`}};Xe.styles=wt,Ye([dt({type:String})],Xe.prototype,"value",void 0),Ye([dt({type:String})],Xe.prototype,"description",void 0),Ye([dt({type:Boolean,reflect:!0})],Xe.prototype,"selected",void 0),Ye([dt({type:Boolean,reflect:!0})],Xe.prototype,"disabled",void 0),Xe=Ye([yt("vscode-option")],Xe);const Ze=(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 a=e.indexOf(o),c=o.length;0===a&&(s.match=!0,s.ranges.push([n+a,Math.min(n+a+c,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(),a=e.toLowerCase();for(let t=0;t<=r;t++){if(o=n.indexOf(a[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},Qe=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)};function ts(t,e){let s=0;if(e<0||!t[e]||!t[e+1])return s;for(let i=e+1;i<t.length;i++)if(!t[i].disabled){s=i;break}return s}function es(t,e){let s=0;if(e<0||!t[e]||!t[e-1])return s;for(let i=e-1;i>=0;i--)if(!t[i].disabled){s=i;break}return s}var ss=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,a=t.length-1;a>=0;a--)(o=t[a])&&(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 is=22;class os extends xt{set disabled(t){this._disabled=t,this.ariaDisabled=t?"true":"false",!0===t?(this._originalTabIndex=this.tabIndex,this.tabIndex=-1):(this.tabIndex=this._originalTabIndex??0,this._originalTabIndex=void 0),this.requestUpdate()}get disabled(){return this._disabled}set filter(t){["contains","fuzzy","startsWith","startsWithPerTerm"].includes(t)?this._filter=t:(this._filter="fuzzy",console.warn(`[VSCode Webview Elements] Invalid filter: "${t}", fallback to default. Valid values are: "contains", "fuzzy", "startsWith", "startsWithPerm".`,this))}get filter(){return this._filter}set options(t){this._options=t.map(((t,e)=>({...t,index:e})))}get options(){return this._options.map((({label:t,value:e,description:s,selected:i,disabled:o})=>({label:t,value:e,description:s,selected:i,disabled:o})))}constructor(){super(),this.ariaExpanded="false",this.creatable=!1,this.combobox=!1,this.invalid=!1,this.focused=!1,this.open=!1,this.position="below",this.tabIndex=0,this._firstUpdateCompleted=!1,this._activeIndex=-1,this._currentDescription="",this._filter="fuzzy",this._filterPattern="",this._selectedIndex=-1,this._selectedIndexes=[],this._options=[],this._value="",this._values=[],this._listScrollTop=0,this._isPlaceholderOptionActive=!1,this._isBeingFiltered=!1,this._multiple=!1,this._valueOptionIndexMap={},this._isHoverForbidden=!1,this._disabled=!1,this._originalTabIndex=void 0,this._onClickOutside=t=>{-1===t.composedPath().findIndex((t=>t===this))&&(this._toggleDropdown(!1),window.removeEventListener("click",this._onClickOutside))},this._onMouseMove=()=>{this._isHoverForbidden=!1,window.removeEventListener("mousemove",this._onMouseMove)},this._onComponentKeyDown=t=>{[" ","ArrowUp","ArrowDown","Escape"].includes(t.key)&&(t.stopPropagation(),t.preventDefault()),"Enter"===t.key&&this._onEnterKeyDown(t)," "===t.key&&this._onSpaceKeyDown(),"Escape"===t.key&&this._toggleDropdown(!1),"ArrowUp"===t.key&&this._onArrowUpKeyDown(),"ArrowDown"===t.key&&this._onArrowDownKeyDown()},this._onComponentFocus=()=>{this.focused=!0},this._onComponentBlur=()=>{this.focused=!1},this.addEventListener("vsc-option-state-change",(t=>{t.stopPropagation(),this._setStateFromSlottedElements(),this.requestUpdate()}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._onComponentKeyDown),this.addEventListener("focus",this._onComponentFocus),this.addEventListener("blur",this._onComponentBlur)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onComponentKeyDown),this.removeEventListener("focus",this._onComponentFocus),this.removeEventListener("blur",this._onComponentBlur)}firstUpdated(t){this._firstUpdateCompleted=!0}willUpdate(t){t.has("required")&&this._firstUpdateCompleted&&this._manageRequired()}get _filteredOptions(){return this.combobox&&""!==this._filterPattern?Ze(this._options,this._filterPattern,this._filter):this._options}get _currentOptions(){return this.combobox?this._filteredOptions:this._options}get _isSuggestedOptionVisible(){if(!this.combobox||!this.creatable)return!1;const t=void 0!==this._valueOptionIndexMap[this._filterPattern],e=this._filterPattern.length>0;return!t&&e}_manageRequired(){}_setStateFromSlottedElements(){const t=[];let e=0;const s=this._assignedOptions??[],i=[],o=[];this._valueOptionIndexMap={},s.forEach(((s,r)=>{const{innerText:n,description:a,disabled:c}=s,l="string"==typeof s.value?s.value:n.trim(),h=s.selected??!1,d={label:n.trim(),value:l,description:a,selected:h,index:e,disabled:c};e=t.push(d),h&&!this._multiple&&(this._activeIndex=r),h&&(i.push(t.length-1),o.push(l)),this._valueOptionIndexMap[d.value]=d.index})),this._options=t,i.length>0&&(this._selectedIndex=i[0],this._selectedIndexes=i,this._value=o[0],this._values=o),this._multiple||this.combobox||0!==i.length||(this._selectedIndex=this._options.length>0?0:-1)}async _toggleDropdown(t){this.open=t,this.ariaExpanded=String(t),t&&!this._multiple&&(this._activeIndex=this._selectedIndex),!t||this._multiple||this.combobox||(this._activeIndex=this._selectedIndex,this._activeIndex>9&&(await this.updateComplete,this._listElement.scrollTop=Math.floor(this._activeIndex*is))),t?window.addEventListener("click",this._onClickOutside):window.removeEventListener("click",this._onClickOutside)}_createSuggestedOption(){const t=this._options.length,e=document.createElement("vscode-option");return e.value=this._filterPattern,rt(this._filterPattern,e),this.appendChild(e),t}_dispatchChangeEvent(){this._multiple?this.dispatchEvent(new CustomEvent("vsc-change",{detail:{selectedIndexes:this._selectedIndexes,value:this._values}})):this.dispatchEvent(new CustomEvent("vsc-change",{detail:{selectedIndex:this._selectedIndex,value:this._value}})),this.dispatchEvent(new Event("change")),this.dispatchEvent(new Event("input"))}async _createAndSelectSuggestedOption(){}_onFaceClick(){this._toggleDropdown(!this.open),this._multiple&&(this._activeIndex=0)}_toggleComboboxDropdown(){this._filterPattern="",this._toggleDropdown(!this.open),this._multiple&&(this._activeIndex=-1)}_onComboboxButtonClick(){this._toggleComboboxDropdown()}_onComboboxButtonKeyDown(t){"Enter"===t.key&&this._toggleComboboxDropdown()}_onOptionMouseOver(t){if(this._isHoverForbidden)return;const e=t.target;e.matches(".option")&&(e.matches(".placeholder")?(this._isPlaceholderOptionActive=!0,this._activeIndex=-1):(this._isPlaceholderOptionActive=!1,this._activeIndex=Number(this.combobox?e.dataset.filteredIndex:e.dataset.index)))}_onPlaceholderOptionMouseOut(){this._isPlaceholderOptionActive=!1}_onNoOptionsClick(t){t.stopPropagation()}_onEnterKeyDown(t){this._isBeingFiltered=!1;if(!!t?.composedPath&&t.composedPath().find((t=>!!t.matches&&t.matches("vscode-button.button-accept"))))return;const e=this.combobox?this._filteredOptions:this._options,s=!this.open;this._toggleDropdown(s),this._multiple||s||this._selectedIndex===this._activeIndex||(this._selectedIndex=this._activeIndex>-1?e[this._activeIndex].index:-1,this._value=this._selectedIndex>-1?this._options[this._selectedIndex].value:"",this._dispatchChangeEvent()),this.combobox&&(this._isPlaceholderOptionActive?this._createAndSelectSuggestedOption():(this._multiple||s||(this._selectedIndex=this._activeIndex>-1?this._filteredOptions[this._activeIndex].index:-1),!this._multiple&&s&&this.updateComplete.then((()=>{this._scrollActiveElementToTop()})))),this._multiple&&s&&(this._activeIndex=0)}_onSpaceKeyDown(){if(this.open){if(this.open&&this._multiple&&this._activeIndex>-1){const t=this.combobox?this._filteredOptions:this._options,e=t[this._activeIndex],s=[];this._options[e.index].selected=!e.selected,t.forEach((({index:t})=>{const{selected:e}=this._options[t];e&&s.push(t)})),this._selectedIndexes=s}}else this._toggleDropdown(!0)}_scrollActiveElementToTop(){this._listElement.scrollTop=Math.floor(this._activeIndex*is)}async _adjustOptionListScrollPos(t,e){let s=this.combobox?this._filteredOptions.length:this._options.length;if(this._isSuggestedOptionVisible&&(s+=1),s<=10)return;this._isHoverForbidden=!0,window.addEventListener("mousemove",this._onMouseMove);const i=this._listElement.scrollTop,o=e*is,r=o>=i&&o<=i+220-is;"down"===t&&(r||(this._listElement.scrollTop=e*is-198)),"up"===t&&(r||(this._listElement.scrollTop=Math.floor(this._activeIndex*is)))}_onArrowUpKeyDown(){if(this.open){if(this._activeIndex<=0&&(!this.combobox||!this.creatable))return;if(this._isPlaceholderOptionActive){const t=this._currentOptions.length-1;this._activeIndex=t,this._isPlaceholderOptionActive=!1}else{const t=es(this.combobox?this._filteredOptions:this._options,this._activeIndex);t>-1&&(this._activeIndex=t,this._adjustOptionListScrollPos("up",t))}}}_onArrowDownKeyDown(){let t=this.combobox?this._filteredOptions.length:this._options.length;const e=this.combobox?this._filteredOptions:this._options,s=this._isSuggestedOptionVisible;if(s&&(t+=1),this.open){if(this._isPlaceholderOptionActive&&-1===this._activeIndex)return;if(s&&this._activeIndex===t-2)this._isPlaceholderOptionActive=!0,this._adjustOptionListScrollPos("down",t-1),this._activeIndex=-1;else if(this._activeIndex<t-1){const t=ts(e,this._activeIndex);t>-1&&(this._activeIndex=t,this._adjustOptionListScrollPos("down",t))}}}_onSlotChange(){this._setStateFromSlottedElements(),this.requestUpdate()}_onComboboxInputFocus(t){t.target.select(),this._isBeingFiltered=!1,this._filterPattern=""}_onComboboxInputBlur(){this._isBeingFiltered=!1}_onComboboxInputInput(t){this._isBeingFiltered=!0,this._filterPattern=t.target.value,this._activeIndex=-1,this._toggleDropdown(!0)}_onComboboxInputClick(){this._isBeingFiltered=""!==this._filterPattern,this._toggleDropdown(!0)}_onOptionClick(t){this._isBeingFiltered=!1}_renderOptions(){const t=this.combobox?this._filteredOptions:this._options;return L`
|
|
1259
|
-
<ul
|
|
1260
|
-
class="options"
|
|
1261
|
-
@click=${this._onOptionClick}
|
|
1262
|
-
@mouseover=${this._onOptionMouseOver}
|
|
1263
|
-
>
|
|
1264
|
-
${Je(t,(t=>t.index),((t,e)=>{const s={active:e===this._activeIndex&&!t.disabled,disabled:t.disabled,option:!0,selected:t.selected},i={"checkbox-icon":!0,checked:t.selected},o=t.ranges?.length?((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(...Qe(t.substring(0,e[0][0]))),r>0&&r<i&&o[0]-e[r-1][1]!=0&&s.push(...Qe(t.substring(e[r-1][1],o[0]))),s.push(L`<b>${Qe(n)}</b>`),r===i-1&&o[1]<t.length&&s.push(...Qe(t.substring(o[1],t.length)))})),s)})(t.label,t.ranges??[]):t.label;return L`
|
|
1265
|
-
<li
|
|
1266
|
-
class=${Et(s)}
|
|
1267
|
-
data-index=${t.index}
|
|
1268
|
-
data-filtered-index=${e}
|
|
1269
|
-
>
|
|
1270
|
-
${this._multiple?L`<span class=${Et(i)}></span
|
|
1271
|
-
><span class="option-label">${o}</span>`:o}
|
|
1272
|
-
</li>
|
|
1273
|
-
`}))}
|
|
1274
|
-
${this._renderPlaceholderOption(t.length<1)}
|
|
1275
|
-
</ul>
|
|
1276
|
-
`}_renderPlaceholderOption(t){return this.combobox?this._valueOptionIndexMap[this._filterPattern]?q:this.creatable&&this._filterPattern.length>0?L`<li
|
|
1277
|
-
class=${Et({option:!0,placeholder:!0,active:this._isPlaceholderOptionActive})}
|
|
1278
|
-
@mouseout=${this._onPlaceholderOptionMouseOut}
|
|
1279
|
-
>
|
|
1280
|
-
Add "${this._filterPattern}"
|
|
1281
|
-
</li>`:t?L`<li class="no-options" @click=${this._onNoOptionsClick}>
|
|
1282
|
-
No options
|
|
1283
|
-
</li>`:q:q}_renderDescription(){if(!this._options[this._activeIndex])return q;const{description:t}=this._options[this._activeIndex];return t?L`<div class="description">${t}</div>`:q}_renderSelectFace(){return L`${q}`}_renderMultiSelectLabel(){switch(this._selectedIndexes.length){case 0:return L`<span class="select-face-badge no-item"
|
|
1284
|
-
>No items selected</span
|
|
1285
|
-
>`;case 1:return L`<span class="select-face-badge">1 item selected</span>`;default:return L`<span class="select-face-badge"
|
|
1286
|
-
>${this._selectedIndexes.length} items selected</span
|
|
1287
|
-
>`}}_renderComboboxFace(){let t="";return t=this._isBeingFiltered?this._filterPattern:this._selectedIndex>-1?this._options[this._selectedIndex]?.label??"":"",L`
|
|
1288
|
-
<div class="combobox-face face">
|
|
1289
|
-
${this._multiple?this._renderMultiSelectLabel():q}
|
|
1290
|
-
<input
|
|
1291
|
-
class="combobox-input"
|
|
1292
|
-
spellcheck="false"
|
|
1293
|
-
type="text"
|
|
1294
|
-
autocomplete="off"
|
|
1295
|
-
.value=${t}
|
|
1296
|
-
@focus=${this._onComboboxInputFocus}
|
|
1297
|
-
@blur=${this._onComboboxInputBlur}
|
|
1298
|
-
@input=${this._onComboboxInputInput}
|
|
1299
|
-
@click=${this._onComboboxInputClick}
|
|
1300
|
-
>
|
|
1301
|
-
<button
|
|
1302
|
-
class="combobox-button"
|
|
1303
|
-
type="button"
|
|
1304
|
-
@click=${this._onComboboxButtonClick}
|
|
1305
|
-
@keydown=${this._onComboboxButtonKeyDown}
|
|
1306
|
-
>
|
|
1307
|
-
${Te}
|
|
1308
|
-
</button>
|
|
1309
|
-
</div>
|
|
1310
|
-
`}_renderDropdownControls(){return L`${q}`}_renderDropdown(){const t=Et({dropdown:!0,multiple:this._multiple});return L`
|
|
1311
|
-
<div class=${t}>
|
|
1312
|
-
${"above"===this.position?this._renderDescription():q}
|
|
1313
|
-
${this._renderOptions()} ${this._renderDropdownControls()}
|
|
1314
|
-
${"below"===this.position?this._renderDescription():q}
|
|
1315
|
-
</div>
|
|
1316
|
-
`}render(){return L`
|
|
1317
|
-
<slot class="main-slot" @slotchange=${this._onSlotChange}></slot>
|
|
1318
|
-
${this.combobox?this._renderComboboxFace():this._renderSelectFace()}
|
|
1319
|
-
${this.open?this._renderDropdown():q}
|
|
1320
|
-
`}}ss([dt({type:String,reflect:!0,attribute:"aria-expanded"})],os.prototype,"ariaExpanded",void 0),ss([dt({type:Boolean,reflect:!0})],os.prototype,"creatable",void 0),ss([dt({type:Boolean,reflect:!0})],os.prototype,"combobox",void 0),ss([dt({type:Boolean,reflect:!0})],os.prototype,"disabled",null),ss([dt({type:Boolean,reflect:!0})],os.prototype,"invalid",void 0),ss([dt()],os.prototype,"filter",null),ss([dt({type:Boolean,reflect:!0})],os.prototype,"focused",void 0),ss([dt({type:Boolean,reflect:!0})],os.prototype,"open",void 0),ss([dt({type:Array})],os.prototype,"options",null),ss([dt({reflect:!0})],os.prototype,"position",void 0),ss([dt({type:Number,attribute:!0,reflect:!0})],os.prototype,"tabIndex",void 0),ss([ft({flatten:!0,selector:"vscode-option"})],os.prototype,"_assignedOptions",void 0),ss([ut()],os.prototype,"_activeIndex",void 0),ss([ut()],os.prototype,"_currentDescription",void 0),ss([ut()],os.prototype,"_filter",void 0),ss([ut()],os.prototype,"_filteredOptions",null),ss([ut()],os.prototype,"_filterPattern",void 0),ss([ut()],os.prototype,"_selectedIndex",void 0),ss([ut()],os.prototype,"_selectedIndexes",void 0),ss([ut()],os.prototype,"_options",void 0),ss([ut()],os.prototype,"_value",void 0),ss([ut()],os.prototype,"_values",void 0),ss([ut()],os.prototype,"_listScrollTop",void 0),ss([ut()],os.prototype,"_isPlaceholderOptionActive",void 0),ss([ut()],os.prototype,"_isBeingFiltered",void 0),ss([pt(".options")],os.prototype,"_listElement",void 0);var rs=[wt,n`
|
|
1321
|
-
:host {
|
|
1322
|
-
display: inline-block;
|
|
1323
|
-
max-width: 100%;
|
|
1324
|
-
outline: none;
|
|
1325
|
-
position: relative;
|
|
1326
|
-
width: 320px;
|
|
1327
|
-
}
|
|
1328
|
-
|
|
1329
|
-
.main-slot {
|
|
1330
|
-
display: none;
|
|
1331
|
-
}
|
|
1332
|
-
|
|
1333
|
-
.select-face,
|
|
1334
|
-
.combobox-face {
|
|
1335
|
-
background-color: var(--vscode-settings-dropdownBackground, #313131);
|
|
1336
|
-
border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);
|
|
1337
|
-
border-radius: 2px;
|
|
1338
|
-
border-style: solid;
|
|
1339
|
-
border-width: 1px;
|
|
1340
|
-
box-sizing: border-box;
|
|
1341
|
-
color: var(--vscode-settings-dropdownForeground, #cccccc);
|
|
1342
|
-
font-family: var(--vscode-font-family, sans-serif);
|
|
1343
|
-
font-size: var(--vscode-font-size, 13px);
|
|
1344
|
-
font-weight: var(--vscode-font-weight, normal);
|
|
1345
|
-
line-height: 18px;
|
|
1346
|
-
position: relative;
|
|
1347
|
-
user-select: none;
|
|
1348
|
-
width: 100%;
|
|
1349
|
-
}
|
|
1350
|
-
|
|
1351
|
-
:host([invalid]) .select-face,
|
|
1352
|
-
:host(:invalid) .select-face,
|
|
1353
|
-
:host([invalid]) .combobox-face,
|
|
1354
|
-
:host(:invalid) .combobox-face {
|
|
1355
|
-
background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
|
|
1356
|
-
border-color: var(--vscode-inputValidation-errorBorder, #be1100);
|
|
1357
|
-
}
|
|
1358
|
-
|
|
1359
|
-
.select-face {
|
|
1360
|
-
cursor: pointer;
|
|
1361
|
-
display: block;
|
|
1362
|
-
padding: 3px 4px;
|
|
1363
|
-
}
|
|
1364
|
-
|
|
1365
|
-
.select-face .text {
|
|
1366
|
-
display: block;
|
|
1367
|
-
height: 18px;
|
|
1368
|
-
overflow: hidden;
|
|
1369
|
-
}
|
|
1370
|
-
|
|
1371
|
-
.select-face.multiselect {
|
|
1372
|
-
padding: 0;
|
|
1373
|
-
}
|
|
1374
|
-
|
|
1375
|
-
.select-face-badge {
|
|
1376
|
-
background-color: var(--vscode-badge-background, #616161);
|
|
1377
|
-
border-radius: 2px;
|
|
1378
|
-
color: var(--vscode-badge-foreground, #f8f8f8);
|
|
1379
|
-
display: inline-block;
|
|
1380
|
-
flex-shrink: 0;
|
|
1381
|
-
font-size: 11px;
|
|
1382
|
-
line-height: 16px;
|
|
1383
|
-
margin: 2px;
|
|
1384
|
-
padding: 2px 3px;
|
|
1385
|
-
text-transform: uppercase;
|
|
1386
|
-
white-space: nowrap;
|
|
1387
|
-
}
|
|
1388
|
-
|
|
1389
|
-
.select-face-badge.no-item {
|
|
1390
|
-
background-color: transparent;
|
|
1391
|
-
color: inherit;
|
|
1392
|
-
}
|
|
1393
|
-
|
|
1394
|
-
.combobox-face {
|
|
1395
|
-
display: flex;
|
|
1396
|
-
}
|
|
1397
|
-
|
|
1398
|
-
:host(:focus) .select-face,
|
|
1399
|
-
:host(:focus) .combobox-face,
|
|
1400
|
-
:host([focused]) .select-face,
|
|
1401
|
-
:host([focused]) .combobox-face {
|
|
1402
|
-
border-color: var(--vscode-focusBorder, #0078d4);
|
|
1403
|
-
outline: none;
|
|
1404
|
-
}
|
|
1405
|
-
|
|
1406
|
-
.combobox-input {
|
|
1407
|
-
background-color: transparent;
|
|
1408
|
-
box-sizing: border-box;
|
|
1409
|
-
border: 0;
|
|
1410
|
-
color: var(--vscode-foreground, #cccccc);
|
|
1411
|
-
display: block;
|
|
1412
|
-
font-family: var(--vscode-font-family, sans-serif);
|
|
1413
|
-
font-size: var(--vscode-font-size, 13px);
|
|
1414
|
-
line-height: 16px;
|
|
1415
|
-
padding: 4px;
|
|
1416
|
-
width: 100%;
|
|
1417
|
-
}
|
|
1418
|
-
|
|
1419
|
-
.combobox-input:focus {
|
|
1420
|
-
outline: none;
|
|
1421
|
-
}
|
|
1422
|
-
|
|
1423
|
-
.combobox-button {
|
|
1424
|
-
align-items: center;
|
|
1425
|
-
background-color: transparent;
|
|
1426
|
-
border: 0;
|
|
1427
|
-
border-radius: 2px;
|
|
1428
|
-
box-sizing: content-box;
|
|
1429
|
-
color: var(--vscode-foreground, #cccccc);
|
|
1430
|
-
cursor: pointer;
|
|
1431
|
-
display: flex;
|
|
1432
|
-
flex-shrink: 0;
|
|
1433
|
-
height: 16px;
|
|
1434
|
-
justify-content: center;
|
|
1435
|
-
margin: 1px 1px 0 0;
|
|
1436
|
-
padding: 3px;
|
|
1437
|
-
width: 22px;
|
|
1438
|
-
}
|
|
1439
|
-
|
|
1440
|
-
.combobox-button:hover,
|
|
1441
|
-
.combobox-button:focus-visible {
|
|
1442
|
-
background-color: var(
|
|
1443
|
-
--vscode-toolbar-hoverBackground,
|
|
1444
|
-
rgba(90, 93, 94, 0.31)
|
|
1445
|
-
);
|
|
1446
|
-
outline-style: dashed;
|
|
1447
|
-
outline-color: var(--vscode-toolbar-hoverOutline, transparent);
|
|
1448
|
-
}
|
|
1449
|
-
|
|
1450
|
-
.combobox-button:focus-visible {
|
|
1451
|
-
outline: none;
|
|
1452
|
-
}
|
|
1453
|
-
|
|
1454
|
-
.icon {
|
|
1455
|
-
color: var(--vscode-foreground, #cccccc);
|
|
1456
|
-
display: block;
|
|
1457
|
-
height: 14px;
|
|
1458
|
-
pointer-events: none;
|
|
1459
|
-
width: 14px;
|
|
1460
|
-
}
|
|
1461
|
-
|
|
1462
|
-
.select-face .icon {
|
|
1463
|
-
position: absolute;
|
|
1464
|
-
right: 6px;
|
|
1465
|
-
top: 5px;
|
|
1466
|
-
}
|
|
1467
|
-
|
|
1468
|
-
.icon svg {
|
|
1469
|
-
color: var(--vscode-foreground, #cccccc);
|
|
1470
|
-
height: 100%;
|
|
1471
|
-
width: 100%;
|
|
1139
|
+
.icon svg {
|
|
1140
|
+
color: var(--vscode-foreground, #cccccc);
|
|
1141
|
+
height: 100%;
|
|
1142
|
+
width: 100%;
|
|
1472
1143
|
}
|
|
1473
1144
|
|
|
1474
1145
|
.dropdown {
|
|
@@ -1478,6 +1149,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1478
1149
|
border-style: solid;
|
|
1479
1150
|
border-width: 1px;
|
|
1480
1151
|
box-sizing: border-box;
|
|
1152
|
+
display: none;
|
|
1481
1153
|
left: 0;
|
|
1482
1154
|
padding-bottom: 2px;
|
|
1483
1155
|
position: absolute;
|
|
@@ -1486,6 +1158,10 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1486
1158
|
z-index: var(--dropdown-z-index, 2);
|
|
1487
1159
|
}
|
|
1488
1160
|
|
|
1161
|
+
.dropdown.open {
|
|
1162
|
+
display: block;
|
|
1163
|
+
}
|
|
1164
|
+
|
|
1489
1165
|
:host([position='above']) .dropdown {
|
|
1490
1166
|
border-radius: 3px 3px 0 0;
|
|
1491
1167
|
bottom: 26px;
|
|
@@ -1623,37 +1299,29 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1623
1299
|
}
|
|
1624
1300
|
|
|
1625
1301
|
.checkbox-icon {
|
|
1626
|
-
|
|
1627
|
-
|
|
1302
|
+
align-items: center;
|
|
1303
|
+
background-color: var(--vscode-checkbox-background, #313131);
|
|
1304
|
+
border: 1px solid var(--vscode-checkbox-border);
|
|
1628
1305
|
border-radius: 2px;
|
|
1629
1306
|
box-sizing: border-box;
|
|
1630
|
-
|
|
1307
|
+
color: var(--vscode-checkbox-foreground);
|
|
1308
|
+
display: inline-flex;
|
|
1309
|
+
height: 15px;
|
|
1310
|
+
justify-content: center;
|
|
1631
1311
|
margin-right: 5px;
|
|
1632
1312
|
overflow: hidden;
|
|
1633
1313
|
position: relative;
|
|
1634
|
-
width:
|
|
1635
|
-
}
|
|
1636
|
-
|
|
1637
|
-
.checkbox-icon.checked:before,
|
|
1638
|
-
.checkbox-icon.checked:after {
|
|
1639
|
-
content: '';
|
|
1640
|
-
display: block;
|
|
1641
|
-
height: 5px;
|
|
1642
|
-
position: absolute;
|
|
1643
|
-
transform: rotate(-45deg);
|
|
1644
|
-
width: 10px;
|
|
1314
|
+
width: 15px;
|
|
1645
1315
|
}
|
|
1646
1316
|
|
|
1647
|
-
.checkbox-icon
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1317
|
+
.checkbox-icon svg {
|
|
1318
|
+
display: none;
|
|
1319
|
+
height: 13px;
|
|
1320
|
+
width: 13px;
|
|
1651
1321
|
}
|
|
1652
1322
|
|
|
1653
|
-
.checkbox-icon.checked
|
|
1654
|
-
|
|
1655
|
-
left: 1px;
|
|
1656
|
-
top: -0.5px;
|
|
1323
|
+
.checkbox-icon.checked svg {
|
|
1324
|
+
display: block;
|
|
1657
1325
|
}
|
|
1658
1326
|
|
|
1659
1327
|
.dropdown-controls {
|
|
@@ -1704,19 +1372,55 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1704
1372
|
:host([position='above']) .description {
|
|
1705
1373
|
border-width: 0 0 1px;
|
|
1706
1374
|
}
|
|
1707
|
-
`],
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1375
|
+
`],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 ss=class extends Qe{set selectedIndexes(t){this._opts.selectedIndexes=t}get selectedIndexes(){return this._opts.selectedIndexes}set value(t){this._opts.multiSelectValue=t,this._opts.selectedIndexes.length>0?this._requestedValueToSetLater=[]:this._requestedValueToSetLater=Array.isArray(t)?t:[t],this._setFormValue(),this._manageRequired()}get value(){return this._opts.multiSelectValue}get form(){return this._internals.form}get type(){return"select-multiple"}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}selectAll(){this._opts.selectAll()}selectNone(){this._opts.selectNone()}constructor(){super(),this.defaultValue=[],this.required=!1,this.name=void 0,this._requestedValueToSetLater=[],this._onOptionClick=t=>{const e=t.composedPath().find((t=>"matches"in t&&t.matches("li.option")));if(!e)return;if(e.classList.contains("placeholder"))return void this._createAndSelectSuggestedOption();const s=Number(e.dataset.index);this._opts.toggleOptionSelected(s),this._setFormValue(),this._manageRequired(),this._dispatchChangeEvent()},this._opts.multiSelect=!0,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._setDefaultValue(),this._manageRequired()}))}formResetCallback(){this.updateComplete.then((()=>{this.value=this.defaultValue}))}formStateRestoreCallback(t,e){const 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}}_dispatchChangeEvent(){this.dispatchEvent(new CustomEvent("vsc-change",{detail:{selectedIndexes:this._opts.selectedIndexes,value:this._opts.multiSelectValue}})),super._dispatchChangeEvent()}_onFaceClick(){super._onFaceClick(),this._opts.activeIndex=0}_toggleComboboxDropdown(){super._toggleComboboxDropdown(),this._opts.activeIndex=-1}_manageRequired(){const{value:t}=this;0===t.length&&this.required?this._internals.setValidity({valueMissing:!0},"Please select an item in the list.",this._faceElement):this._internals.setValidity({})}_setFormValue(){const t=new FormData;this._values.forEach((e=>{t.append(this.name??"",e)})),this._internals.setFormValue(t)}async _createAndSelectSuggestedOption(){super._createAndSelectSuggestedOption();const t=this._createSuggestedOption();await this.updateComplete,this.selectedIndexes=[...this.selectedIndexes,t],this._dispatchChangeEvent();const e=new CustomEvent("vsc-multi-select-create-option",{detail:{value:this._options[t]?.value??""}});this.dispatchEvent(e),this.open=!1,this._isPlaceholderOptionActive=!1}_onSlotChange(){super._onSlotChange(),this._requestedValueToSetLater.length>0&&(this._opts.expandMultiSelection(this._requestedValueToSetLater),this._requestedValueToSetLater=this._requestedValueToSetLater.filter((t=>-1===this._opts.findOptionIndex(t))))}_onEnterKeyDown(t){super._onEnterKeyDown(t),this.open?this._isPlaceholderOptionActive?this._createAndSelectSuggestedOption():(this._opts.toggleActiveMultiselectOption(),this._setFormValue(),this._manageRequired(),this._dispatchChangeEvent()):(this._opts.filterPattern="",this.open=!0)}_onMultiAcceptClick(){this.open=!1}_onMultiDeselectAllClick(){this._opts.selectedIndexes=[],this._values=[],this._options=this._options.map((t=>({...t,selected:!1}))),this._manageRequired(),this._dispatchChangeEvent()}_onMultiSelectAllClick(){this._opts.selectedIndexes=[],this._values=[],this._options=this._options.map((t=>({...t,selected:!0}))),this._options.forEach(((t,e)=>{this._selectedIndexes.push(e),this._values.push(t.value),this._dispatchChangeEvent()})),this._setFormValue(),this._manageRequired()}_renderLabel(){return 0===this._opts.selectedIndexes.length?U`<span class="select-face-badge no-item">0 Selected</span>`:U`<span class="select-face-badge"
|
|
1376
|
+
>${this._opts.selectedIndexes.length} Selected</span
|
|
1377
|
+
>`}_renderComboboxFace(){let t="";if(this._isBeingFiltered)t=this._opts.filterPattern;else{const e=this._opts.getSelectedOption();t=e?.label??""}const e=this._opts.activeIndex>-1?`op-${this._opts.activeIndex}`:"",s=this.open?"true":"false";return U`
|
|
1378
|
+
<div class="combobox-face face">
|
|
1379
|
+
${this._opts.multiSelect?this._renderLabel():K}
|
|
1380
|
+
<input
|
|
1381
|
+
aria-activedescendant=${e}
|
|
1382
|
+
aria-autocomplete="list"
|
|
1383
|
+
aria-controls="select-listbox"
|
|
1384
|
+
aria-expanded=${s}
|
|
1385
|
+
aria-haspopup="listbox"
|
|
1386
|
+
aria-label=${Mt(this.label)}
|
|
1387
|
+
class="combobox-input"
|
|
1388
|
+
role="combobox"
|
|
1389
|
+
spellcheck="false"
|
|
1390
|
+
type="text"
|
|
1391
|
+
autocomplete="off"
|
|
1392
|
+
.value=${t}
|
|
1393
|
+
@focus=${this._onComboboxInputFocus}
|
|
1394
|
+
@blur=${this._onComboboxInputBlur}
|
|
1395
|
+
@input=${this._onComboboxInputInput}
|
|
1396
|
+
@click=${this._onComboboxInputClick}
|
|
1397
|
+
@keydown=${this._onComboboxInputSpaceKeyDown}
|
|
1398
|
+
>
|
|
1399
|
+
<button
|
|
1400
|
+
aria-label="Open the list of options"
|
|
1401
|
+
class="combobox-button"
|
|
1402
|
+
type="button"
|
|
1403
|
+
@click=${this._onComboboxButtonClick}
|
|
1404
|
+
@keydown=${this._onComboboxButtonKeyDown}
|
|
1405
|
+
tabindex="-1"
|
|
1406
|
+
>
|
|
1407
|
+
${Ie}
|
|
1408
|
+
</button>
|
|
1409
|
+
</div>
|
|
1410
|
+
`}_renderSelectFace(){const t=this._opts.activeIndex>-1?`op-${this._opts.activeIndex}`:"",e=this.open?"true":"false";return U`
|
|
1712
1411
|
<div
|
|
1412
|
+
aria-activedescendant=${Mt(this._opts.multiSelect?void 0:t)}
|
|
1413
|
+
aria-controls="select-listbox"
|
|
1414
|
+
aria-expanded=${Mt(this._opts.multiSelect?void 0:e)}
|
|
1415
|
+
aria-haspopup="listbox"
|
|
1416
|
+
aria-label=${Mt(this.label??void 0)}
|
|
1713
1417
|
class="select-face face multiselect"
|
|
1714
1418
|
@click=${this._onFaceClick}
|
|
1715
|
-
|
|
1419
|
+
.tabIndex=${this.disabled?-1:0}
|
|
1716
1420
|
>
|
|
1717
|
-
${this._renderLabel()} ${
|
|
1421
|
+
${this._renderLabel()} ${Ie}
|
|
1718
1422
|
</div>
|
|
1719
|
-
`}_renderDropdownControls(){return this._filteredOptions.length>0?
|
|
1423
|
+
`}_renderDropdownControls(){return this._filteredOptions.length>0?U`
|
|
1720
1424
|
<div class="dropdown-controls">
|
|
1721
1425
|
<button
|
|
1722
1426
|
type="button"
|
|
@@ -1742,7 +1446,13 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1742
1446
|
>OK</vscode-button
|
|
1743
1447
|
>
|
|
1744
1448
|
</div>
|
|
1745
|
-
`:
|
|
1449
|
+
`:U`${K}`}render(){return U`
|
|
1450
|
+
<div class="multi-select">
|
|
1451
|
+
<slot class="main-slot" @slotchange=${this._onSlotChange}></slot>
|
|
1452
|
+
${this.combobox?this._renderComboboxFace():this._renderSelectFace()}
|
|
1453
|
+
${this._renderDropdown()}
|
|
1454
|
+
</div>
|
|
1455
|
+
`}};ss.styles=ts,ss.shadowRootOptions={...ct.shadowRootOptions,delegatesFocus:!0},ss.formAssociated=!0,es([pt({type:Array,attribute:"default-value"})],ss.prototype,"defaultValue",void 0),es([pt({type:Boolean,reflect:!0})],ss.prototype,"required",void 0),es([pt({reflect:!0})],ss.prototype,"name",void 0),es([pt({type:Array,attribute:!1})],ss.prototype,"selectedIndexes",null),es([pt({type:Array})],ss.prototype,"value",null),es([ft(".face")],ss.prototype,"_faceElement",void 0),ss=es([kt("vscode-multi-select")],ss);const is=[$t,n`
|
|
1746
1456
|
:host {
|
|
1747
1457
|
align-items: center;
|
|
1748
1458
|
display: block;
|
|
@@ -1788,7 +1498,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1788
1498
|
transform: rotate(1080deg);
|
|
1789
1499
|
}
|
|
1790
1500
|
}
|
|
1791
|
-
`];var
|
|
1501
|
+
`];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 wt{constructor(){super(...arguments),this.ariaLabel="Loading",this.ariaLive="assertive",this.role="alert"}render(){return U`<svg class="progress" part="progress" viewBox="0 0 16 16">
|
|
1792
1502
|
<circle
|
|
1793
1503
|
class="background"
|
|
1794
1504
|
part="background"
|
|
@@ -1803,7 +1513,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1803
1513
|
cy="8px"
|
|
1804
1514
|
r="7px"
|
|
1805
1515
|
></circle>
|
|
1806
|
-
</svg>`}};
|
|
1516
|
+
</svg>`}};rs.styles=is,os([pt({reflect:!0,attribute:"aria-label"})],rs.prototype,"ariaLabel",void 0),os([pt({reflect:!0,attribute:"aria-live"})],rs.prototype,"ariaLive",void 0),os([pt({reflect:!0})],rs.prototype,"role",void 0),rs=os([kt("vscode-progress-ring")],rs);const ns=[$t,Yt,n`
|
|
1807
1517
|
:host(:invalid) .icon,
|
|
1808
1518
|
:host([invalid]) .icon {
|
|
1809
1519
|
background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
|
|
@@ -1830,7 +1540,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1830
1540
|
outline: 1px solid var(--vscode-focusBorder, #0078d4);
|
|
1831
1541
|
outline-offset: -1px;
|
|
1832
1542
|
}
|
|
1833
|
-
`];var
|
|
1543
|
+
`];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(Jt(Wt)){constructor(){super(),this.autofocus=!1,this.checked=!1,this.defaultChecked=!1,this.invalid=!1,this.name="",this.value="",this.disabled=!1,this.required=!1,this.role="radio",this.tabIndex=0,this._slottedText="",this.type="radio",this._handleClick=()=>{this.disabled||this.checked||(this._checkButton(),this._handleValueChange(),this._dispatchCustomEvent(),this.dispatchEvent(new Event("change",{bubbles:!0})))},this._handleKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||(t.preventDefault()," "!==t.key||this.checked||(this.checked=!0,this._handleValueChange(),this._dispatchCustomEvent(),this.dispatchEvent(new Event("change",{bubbles:!0}))),"Enter"===t.key&&this._internals.form?.requestSubmit())},this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeyDown),this.addEventListener("click",this._handleClick),this._handleValueChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeyDown),this.removeEventListener("click",this._handleClick)}update(t){super.update(t),t.has("checked")&&this._handleValueChange(),t.has("required")&&this._handleValueChange()}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}formResetCallback(){this._getRadios().forEach((t=>{t.checked=t.defaultChecked})),this.updateComplete.then((()=>{this._handleValueChange()}))}formStateRestoreCallback(t,e){this.value===t&&""!==t&&(this.checked=!0)}_dispatchCustomEvent(){this.dispatchEvent(new CustomEvent("vsc-change",{detail:{checked:this.checked,label:this.label,value:this.value},bubbles:!0,composed:!0}))}_getRadios(){const t=this.getRootNode({composed:!0});if(!t)return[];const e=t.querySelectorAll(`vscode-radio[name="${this.name}"]`);return Array.from(e)}_uncheckOthers(t){t.forEach((t=>{t!==this&&(t.checked=!1)}))}_checkButton(){const t=this._getRadios();this.checked=!0,t.forEach((t=>{t!==this&&(t.checked=!1)}))}setComponentValidity(t){t?this._internals.setValidity({}):this._internals.setValidity({valueMissing:!0},"Please select one of these options.",this._inputEl)}_setGroupValidity(t,e){this.updateComplete.then((()=>{t.forEach((t=>{t.setComponentValidity(e)}))}))}_setActualFormValue(){let t="";t=this.checked?this.value?this.value:"on":null,this._internals.setFormValue(t)}_handleValueChange(){const t=this._getRadios(),e=t.some((t=>t.required));if(this._setActualFormValue(),this.checked)this._uncheckOthers(t),this._setGroupValidity(t,!0);else{const s=!!t.find((t=>t.checked)),i=e&&!s;this._setGroupValidity(t,!i)}}render(){const t=It({icon:!0,checked:this.checked}),e=It({"label-inner":!0,"is-slot-empty":""===this._slottedText});return U`
|
|
1834
1544
|
<div class="wrapper">
|
|
1835
1545
|
<input
|
|
1836
1546
|
?autofocus=${this.autofocus}
|
|
@@ -1841,23 +1551,104 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1841
1551
|
value=${this.value}
|
|
1842
1552
|
tabindex=${this.tabIndex}
|
|
1843
1553
|
>
|
|
1844
|
-
<div class=${t}></div>
|
|
1845
|
-
<label for="input" class="label" @click=${this._handleClick}>
|
|
1846
|
-
<span class=${e}>
|
|
1847
|
-
${this._renderLabelAttribute()}
|
|
1848
|
-
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
1849
|
-
</span>
|
|
1850
|
-
</label>
|
|
1554
|
+
<div class=${t}></div>
|
|
1555
|
+
<label for="input" class="label" @click=${this._handleClick}>
|
|
1556
|
+
<span class=${e}>
|
|
1557
|
+
${this._renderLabelAttribute()}
|
|
1558
|
+
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
1559
|
+
</span>
|
|
1560
|
+
</label>
|
|
1561
|
+
</div>
|
|
1562
|
+
`}};as.styles=ns,as.formAssociated=!0,as.shadowRootOptions={...ct.shadowRootOptions,delegatesFocus:!0},ls([pt({type:Boolean,reflect:!0})],as.prototype,"autofocus",void 0),ls([pt({type:Boolean,reflect:!0})],as.prototype,"checked",void 0),ls([pt({type:Boolean,reflect:!0,attribute:"default-checked"})],as.prototype,"defaultChecked",void 0),ls([pt({type:Boolean,reflect:!0})],as.prototype,"invalid",void 0),ls([pt({reflect:!0})],as.prototype,"name",void 0),ls([pt()],as.prototype,"value",void 0),ls([pt({type:Boolean,reflect:!0})],as.prototype,"disabled",void 0),ls([pt({type:Boolean,reflect:!0})],as.prototype,"required",void 0),ls([pt({reflect:!0})],as.prototype,"role",void 0),ls([pt({type:Number,reflect:!0})],as.prototype,"tabIndex",void 0),ls([vt()],as.prototype,"_slottedText",void 0),ls([ft("#input")],as.prototype,"_inputEl",void 0),ls([pt()],as.prototype,"type",void 0),as=ls([kt("vscode-radio")],as);const cs=[$t,n`
|
|
1563
|
+
:host {
|
|
1564
|
+
display: block;
|
|
1565
|
+
}
|
|
1566
|
+
|
|
1567
|
+
.wrapper {
|
|
1568
|
+
display: flex;
|
|
1569
|
+
flex-wrap: wrap;
|
|
1570
|
+
}
|
|
1571
|
+
|
|
1572
|
+
:host([variant='vertical']) .wrapper {
|
|
1573
|
+
display: block;
|
|
1574
|
+
}
|
|
1575
|
+
|
|
1576
|
+
::slotted(vscode-radio) {
|
|
1577
|
+
margin-right: 20px;
|
|
1578
|
+
}
|
|
1579
|
+
|
|
1580
|
+
::slotted(vscode-radio:last-child) {
|
|
1581
|
+
margin-right: 0;
|
|
1582
|
+
}
|
|
1583
|
+
|
|
1584
|
+
:host([variant='vertical']) ::slotted(vscode-radio) {
|
|
1585
|
+
display: block;
|
|
1586
|
+
margin-bottom: 15px;
|
|
1587
|
+
}
|
|
1588
|
+
|
|
1589
|
+
:host([variant='vertical']) ::slotted(vscode-radio:last-child) {
|
|
1590
|
+
margin-bottom: 0;
|
|
1591
|
+
}
|
|
1592
|
+
`];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{constructor(){super(...arguments),this.variant="horizontal",this.role="radiogroup",this._focusedRadio=-1,this._checkedRadio=-1,this._firstContentLoaded=!1,this._onKeyDownBound=this._onKeyDown.bind(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._onKeyDownBound)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onKeyDownBound)}_uncheckPreviousChecked(t,e){-1!==t&&(this._radios[t].checked=!1),-1!==e&&(this._radios[e].tabIndex=-1)}_afterCheck(){this._focusedRadio=this._checkedRadio,this._radios[this._checkedRadio].checked=!0,this._radios[this._checkedRadio].tabIndex=0,this._radios[this._checkedRadio].focus()}_checkPrev(){const t=this._radios.findIndex((t=>t.checked)),e=this._radios.findIndex((t=>t.focused)),s=-1!==e?e:t;this._uncheckPreviousChecked(t,e),this._checkedRadio=-1===s?this._radios.length-1:s-1>=0?s-1:this._radios.length-1,this._afterCheck()}_checkNext(){const t=this._radios.findIndex((t=>t.checked)),e=this._radios.findIndex((t=>t.focused)),s=-1!==e?e:t;this._uncheckPreviousChecked(t,e),-1===s?this._checkedRadio=0:s+1<this._radios.length?this._checkedRadio=s+1:this._checkedRadio=0,this._afterCheck()}_onKeyDown(t){const{key:e}=t;["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"].includes(e)&&t.preventDefault(),"ArrowRight"!==e&&"ArrowDown"!==e||this._checkNext(),"ArrowLeft"!==e&&"ArrowUp"!==e||this._checkPrev()}_onChange(t){const e=this._radios.findIndex((e=>e===t.target));-1!==e&&(-1!==this._focusedRadio&&(this._radios[this._focusedRadio].tabIndex=-1),-1!==this._checkedRadio&&this._checkedRadio!==e&&(this._radios[this._checkedRadio].checked=!1),this._focusedRadio=e,this._checkedRadio=e,this._radios[e].tabIndex=0)}_onSlotChange(){if(!this._firstContentLoaded){const t=this._radios.findIndex((t=>t.autofocus));t>-1&&(this._focusedRadio=t),this._firstContentLoaded=!0}this._radios.forEach(((t,e)=>{this._focusedRadio>-1?t.tabIndex=e===this._focusedRadio?0:-1:t.tabIndex=0===e?0:-1}))}render(){return U`
|
|
1593
|
+
<div class="wrapper">
|
|
1594
|
+
<slot
|
|
1595
|
+
@slotchange=${this._onSlotChange}
|
|
1596
|
+
@vsc-change=${this._onChange}
|
|
1597
|
+
></slot>
|
|
1598
|
+
</div>
|
|
1599
|
+
`}};ds.styles=cs,hs([pt({reflect:!0})],ds.prototype,"variant",void 0),hs([pt({reflect:!0})],ds.prototype,"role",void 0),hs([mt({selector:"vscode-radio"})],ds.prototype,"_radios",void 0),hs([vt()],ds.prototype,"_focusedRadio",void 0),hs([vt()],ds.prototype,"_checkedRadio",void 0),ds=hs([kt("vscode-radio-group")],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 ps=class extends Qe{set selectedIndex(t){this._opts.selectedIndex=t;const e=this._opts.getOptionByIndex(t);e?(this._opts.activeIndex=t,this._value=e.value,this._internals.setFormValue(this._value),this._manageRequired()):(this._value="",this._internals.setFormValue(""),this._manageRequired())}get selectedIndex(){return this._opts.selectedIndex}set value(t){this._opts.value=t,this._opts.selectedIndex>-1?this._requestedValueToSetLater="":this._requestedValueToSetLater=t,this._internals.setFormValue(this._value),this._manageRequired()}get value(){return this._opts.value}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}updateInputValue(){if(!this.combobox)return;const t=this.renderRoot.querySelector(".combobox-input");if(t){const e=this._opts.getSelectedOption();t.value=e?.label??""}}constructor(){super(),this.defaultValue="",this.name=void 0,this.required=!1,this._requestedValueToSetLater="",this._opts.multiSelect=!1,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._manageRequired()}))}formResetCallback(){this.value=this.defaultValue}formStateRestoreCallback(t,e){this.updateComplete.then((()=>{this.value=t}))}get type(){return"select-one"}get form(){return this._internals.form}async _createAndSelectSuggestedOption(){const t=this._createSuggestedOption();await this.updateComplete,this._opts.selectedIndex=t,this._dispatchChangeEvent();const e=new CustomEvent("vsc-single-select-create-option",{detail:{value:this._opts.getOptionByIndex(t)?.value??""}});this.dispatchEvent(e),this.open=!1,this._isPlaceholderOptionActive=!1}_dispatchChangeEvent(){this.dispatchEvent(new CustomEvent("vsc-change",{detail:{selectedIndex:this._opts.selectedIndex,value:this._value}})),super._dispatchChangeEvent()}_setStateFromSlottedElements(){super._setStateFromSlottedElements(),this.combobox||0!==this._opts.selectedIndexes.length||(this._opts.selectedIndex=this._opts.options.length>0?0:-1)}_onSlotChange(){if(super._onSlotChange(),this._requestedValueToSetLater){const t=this._opts.getOptionByValue(this._requestedValueToSetLater);t&&(this._opts.selectedIndex=t.index,this._requestedValueToSetLater="")}this._opts.selectedIndex>-1&&this._opts.numOptions>0?(this._internals.setFormValue(this._opts.value),this._manageRequired()):(this._internals.setFormValue(null),this._manageRequired())}_onEnterKeyDown(t){super._onEnterKeyDown(t);let e=!1;this.combobox?this.open?this._isPlaceholderOptionActive?this._createAndSelectSuggestedOption():(e=this._opts.activeIndex!==this._opts.selectedIndex,this._opts.selectedIndex=this._opts.activeIndex,this.open=!1):(this.open=!0,this._scrollActiveElementToTop()):this.open?(e=this._opts.activeIndex!==this._opts.selectedIndex,this._opts.selectedIndex=this._opts.activeIndex,this.open=!1):(this.open=!0,this._scrollActiveElementToTop()),e&&(this._dispatchChangeEvent(),this.updateInputValue(),this._internals.setFormValue(this._opts.value),this._manageRequired())}_onOptionClick(t){super._onOptionClick(t);const e=t.composedPath().find((t=>{if("matches"in t)return t.matches("li.option")}));if(!e||e.matches(".disabled"))return;e.classList.contains("placeholder")?this.creatable&&this._createAndSelectSuggestedOption():(this._opts.selectedIndex=Number(e.dataset.index),this.open=!1,this._internals.setFormValue(this._value),this._manageRequired(),this._dispatchChangeEvent())}_manageRequired(){const{value:t}=this;""===t&&this.required?this._internals.setValidity({valueMissing:!0},"Please select an item in the list.",this._face):this._internals.setValidity({})}_renderSelectFace(){const t=this._opts.getSelectedOption(),e=t?.label??"",s=this._opts.activeIndex>-1?`op-${this._opts.activeIndex}`:"";return U`
|
|
1600
|
+
<div
|
|
1601
|
+
aria-activedescendant=${s}
|
|
1602
|
+
aria-controls="select-listbox"
|
|
1603
|
+
aria-expanded=${this.open?"true":"false"}
|
|
1604
|
+
aria-haspopup="listbox"
|
|
1605
|
+
aria-label=${Mt(this.label)}
|
|
1606
|
+
class="select-face face"
|
|
1607
|
+
@click=${this._onFaceClick}
|
|
1608
|
+
role="combobox"
|
|
1609
|
+
tabindex="0"
|
|
1610
|
+
>
|
|
1611
|
+
<span class="text">${e}</span> ${Ie}
|
|
1612
|
+
</div>
|
|
1613
|
+
`}_renderComboboxFace(){let t="";if(this._isBeingFiltered)t=this._opts.filterPattern;else{const e=this._opts.getSelectedOption();t=e?.label??""}const e=this._opts.activeIndex>-1?`op-${this._opts.activeIndex}`:"",s=this.open?"true":"false";return U`
|
|
1614
|
+
<div class="combobox-face face">
|
|
1615
|
+
<input
|
|
1616
|
+
aria-activedescendant=${e}
|
|
1617
|
+
aria-autocomplete="list"
|
|
1618
|
+
aria-controls="select-listbox"
|
|
1619
|
+
aria-expanded=${s}
|
|
1620
|
+
aria-haspopup="listbox"
|
|
1621
|
+
aria-label=${Mt(this.label)}
|
|
1622
|
+
class="combobox-input"
|
|
1623
|
+
role="combobox"
|
|
1624
|
+
spellcheck="false"
|
|
1625
|
+
type="text"
|
|
1626
|
+
autocomplete="off"
|
|
1627
|
+
.value=${t}
|
|
1628
|
+
@focus=${this._onComboboxInputFocus}
|
|
1629
|
+
@blur=${this._onComboboxInputBlur}
|
|
1630
|
+
@input=${this._onComboboxInputInput}
|
|
1631
|
+
@click=${this._onComboboxInputClick}
|
|
1632
|
+
@keydown=${this._onComboboxInputSpaceKeyDown}
|
|
1633
|
+
>
|
|
1634
|
+
<button
|
|
1635
|
+
aria-label="Open the list of options"
|
|
1636
|
+
class="combobox-button"
|
|
1637
|
+
type="button"
|
|
1638
|
+
@click=${this._onComboboxButtonClick}
|
|
1639
|
+
@keydown=${this._onComboboxButtonKeyDown}
|
|
1640
|
+
tabindex="-1"
|
|
1641
|
+
>
|
|
1642
|
+
${Ie}
|
|
1643
|
+
</button>
|
|
1851
1644
|
</div>
|
|
1852
|
-
`}
|
|
1853
|
-
<div
|
|
1854
|
-
class="
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
>
|
|
1858
|
-
<span class="text">${t}</span> ${Te}
|
|
1645
|
+
`}render(){return U`
|
|
1646
|
+
<div class="single-select">
|
|
1647
|
+
<slot class="main-slot" @slotchange=${this._onSlotChange}></slot>
|
|
1648
|
+
${this.combobox?this._renderComboboxFace():this._renderSelectFace()}
|
|
1649
|
+
${this._renderDropdown()}
|
|
1859
1650
|
</div>
|
|
1860
|
-
`}};
|
|
1651
|
+
`}};ps.styles=ts,ps.shadowRootOptions={...ct.shadowRootOptions,delegatesFocus:!0},ps.formAssociated=!0,us([pt({attribute:"default-value"})],ps.prototype,"defaultValue",void 0),us([pt({reflect:!0})],ps.prototype,"name",void 0),us([pt({type:Number,attribute:"selected-index"})],ps.prototype,"selectedIndex",null),us([pt({type:String})],ps.prototype,"value",null),us([pt({type:Boolean,reflect:!0})],ps.prototype,"required",void 0),us([ft(".face")],ps.prototype,"_face",void 0),ps=us([kt("vscode-single-select")],ps);const vs=[$t,n`
|
|
1861
1652
|
:host {
|
|
1862
1653
|
display: block;
|
|
1863
1654
|
position: relative;
|
|
@@ -1960,22 +1751,22 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1960
1751
|
.content {
|
|
1961
1752
|
overflow: hidden;
|
|
1962
1753
|
}
|
|
1963
|
-
`];var
|
|
1754
|
+
`];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 wt{constructor(){super(...arguments),this.shadow=!0,this.scrolled=!1,this._isDragging=!1,this._thumbHeight=0,this._thumbY=0,this._thumbVisible=!1,this._thumbFade=!1,this._thumbActive=!1,this._scrollThumbStartY=0,this._mouseStartY=0,this._scrollbarVisible=!0,this._scrollbarTrackZ=0,this._resizeObserverCallback=()=>{this._updateScrollbar()},this._onSlotChange=()=>{this._zIndexFix()},this._onScrollThumbMouseMoveBound=this._onScrollThumbMouseMove.bind(this),this._onScrollThumbMouseUpBound=this._onScrollThumbMouseUp.bind(this),this._onComponentMouseOverBound=this._onComponentMouseOver.bind(this),this._onComponentMouseOutBound=this._onComponentMouseOut.bind(this)}set scrollPos(t){this._scrollableContainer.scrollTop=t}get scrollPos(){return this._scrollableContainer?this._scrollableContainer.scrollTop:0}get scrollMax(){return this._scrollableContainer?this._scrollableContainer.scrollHeight:0}connectedCallback(){super.connectedCallback(),this._hostResizeObserver=new ResizeObserver(this._resizeObserverCallback),this._contentResizeObserver=new ResizeObserver(this._resizeObserverCallback),this.requestUpdate(),this.updateComplete.then((()=>{this._scrollableContainer.addEventListener("scroll",this._onScrollableContainerScroll.bind(this)),this._hostResizeObserver.observe(this),this._contentResizeObserver.observe(this._contentElement)})),this.addEventListener("mouseover",this._onComponentMouseOverBound),this.addEventListener("mouseout",this._onComponentMouseOutBound)}disconnectedCallback(){super.disconnectedCallback(),this._hostResizeObserver.unobserve(this),this._hostResizeObserver.disconnect(),this._contentResizeObserver.unobserve(this._contentElement),this._contentResizeObserver.disconnect(),this.removeEventListener("mouseover",this._onComponentMouseOverBound),this.removeEventListener("mouseout",this._onComponentMouseOutBound)}_updateScrollbar(){const t=this.getBoundingClientRect(),e=this._contentElement.getBoundingClientRect();t.height>=e.height?this._scrollbarVisible=!1:(this._scrollbarVisible=!0,this._thumbHeight=t.height*(t.height/e.height)),this.requestUpdate()}_zIndexFix(){let t=0;this._assignedElements.forEach((e=>{if("style"in e){const s=window.getComputedStyle(e).zIndex;/([0-9-])+/g.test(s)&&(t=Number(s)>t?Number(s):t)}})),this._scrollbarTrackZ=t+1,this.requestUpdate()}_onScrollThumbMouseDown(t){const e=this.getBoundingClientRect(),s=this._scrollThumbElement.getBoundingClientRect();this._mouseStartY=t.screenY,this._scrollThumbStartY=s.top-e.top,this._isDragging=!0,this._thumbActive=!0,document.addEventListener("mousemove",this._onScrollThumbMouseMoveBound),document.addEventListener("mouseup",this._onScrollThumbMouseUpBound)}_onScrollThumbMouseMove(t){const e=this._scrollThumbStartY+(t.screenY-this._mouseStartY);let s=0;const i=this.getBoundingClientRect().height,o=this._scrollThumbElement.getBoundingClientRect().height,r=this._contentElement.getBoundingClientRect().height;s=e<0?0:e>i-o?i-o:e,this._thumbY=s,this._scrollableContainer.scrollTop=s/(i-o)*(r-i)}_onScrollThumbMouseUp(t){this._isDragging=!1,this._thumbActive=!1;const e=this.getBoundingClientRect(),{x:s,y:i,width:o,height:r}=e,{pageX:n,pageY:l}=t;(n>s+o||n<s||l>i+r||l<i)&&(this._thumbFade=!0,this._thumbVisible=!1),document.removeEventListener("mousemove",this._onScrollThumbMouseMoveBound),document.removeEventListener("mouseup",this._onScrollThumbMouseUpBound)}_onScrollableContainerScroll(){const t=this._scrollableContainer.scrollTop;this.scrolled=t>0;const e=this.getBoundingClientRect().height,s=this._scrollThumbElement.getBoundingClientRect().height,i=t/(this._contentElement.getBoundingClientRect().height-e);this._thumbY=i*(e-s)}_onComponentMouseOver(){this._thumbVisible=!0,this._thumbFade=!1}_onComponentMouseOut(){this._thumbActive||(this._thumbVisible=!1,this._thumbFade=!0)}render(){return U`
|
|
1964
1755
|
<div
|
|
1965
1756
|
class="scrollable-container"
|
|
1966
|
-
.style=${
|
|
1757
|
+
.style=${Ft({userSelect:this._isDragging?"none":"auto"})}
|
|
1967
1758
|
>
|
|
1968
1759
|
<div
|
|
1969
|
-
class=${
|
|
1970
|
-
.style=${
|
|
1760
|
+
class=${It({shadow:!0,visible:this.scrolled})}
|
|
1761
|
+
.style=${Ft({zIndex:String(this._scrollbarTrackZ)})}
|
|
1971
1762
|
></div>
|
|
1972
|
-
${this._isDragging?
|
|
1763
|
+
${this._isDragging?U`<div class="prevent-interaction"></div>`:K}
|
|
1973
1764
|
<div
|
|
1974
|
-
class=${
|
|
1765
|
+
class=${It({"scrollbar-track":!0,hidden:!this._scrollbarVisible})}
|
|
1975
1766
|
>
|
|
1976
1767
|
<div
|
|
1977
|
-
class=${
|
|
1978
|
-
.style=${
|
|
1768
|
+
class=${It({"scrollbar-thumb":!0,visible:this._thumbVisible,fade:this._thumbFade,active:this._thumbActive})}
|
|
1769
|
+
.style=${Ft({height:`${this._thumbHeight}px`,top:`${this._thumbY}px`})}
|
|
1979
1770
|
@mousedown=${this._onScrollThumbMouseDown}
|
|
1980
1771
|
></div>
|
|
1981
1772
|
</div>
|
|
@@ -1983,7 +1774,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1983
1774
|
<slot @slotchange=${this._onSlotChange}></slot>
|
|
1984
1775
|
</div>
|
|
1985
1776
|
</div>
|
|
1986
|
-
`}};
|
|
1777
|
+
`}};fs.styles=vs,bs([pt({type:Boolean,reflect:!0})],fs.prototype,"shadow",void 0),bs([pt({type:Boolean,reflect:!0})],fs.prototype,"scrolled",void 0),bs([pt({type:Number,attribute:"scroll-pos"})],fs.prototype,"scrollPos",null),bs([pt({type:Number,attribute:"scroll-max"})],fs.prototype,"scrollMax",null),bs([vt()],fs.prototype,"_isDragging",void 0),bs([vt()],fs.prototype,"_thumbHeight",void 0),bs([vt()],fs.prototype,"_thumbY",void 0),bs([vt()],fs.prototype,"_thumbVisible",void 0),bs([vt()],fs.prototype,"_thumbFade",void 0),bs([vt()],fs.prototype,"_thumbActive",void 0),bs([ft(".content")],fs.prototype,"_contentElement",void 0),bs([ft(".scrollbar-thumb",!0)],fs.prototype,"_scrollThumbElement",void 0),bs([ft(".scrollable-container")],fs.prototype,"_scrollableContainer",void 0),bs([mt()],fs.prototype,"_assignedElements",void 0),fs=bs([kt("vscode-scrollable")],fs);const gs=[$t,n`
|
|
1987
1778
|
:host {
|
|
1988
1779
|
--separator-border: var(--vscode-editorWidget-border, #454545);
|
|
1989
1780
|
|
|
@@ -2090,25 +1881,25 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2090
1881
|
cursor: ns-resize;
|
|
2091
1882
|
width: 100%;
|
|
2092
1883
|
}
|
|
2093
|
-
`];var
|
|
2094
|
-
<div class=${
|
|
2095
|
-
<div class="start" .style=${
|
|
1884
|
+
`];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};const ys=t=>{if(!t)return{value:0,unit:"pixel"};let e,s;t.endsWith("%")?(e="percent",s=+t.substring(0,t.length-1)):t.endsWith("px")?(e="pixel",s=+t.substring(0,t.length-2)):(e="pixel",s=+t);return{unit:e,value:isNaN(s)?0:s}},ws=(t,e)=>0===e?0:Math.min(100,t/e*100),ks=(t,e)=>e*(t/100);let $s=ms=class extends wt{set split(t){this._split!==t&&(this._split=t,this.resetHandlePosition())}get split(){return this._split}set handlePosition(t){this._rawHandlePosition=t,this._handlePositionPropChanged()}get handlePosition(){return this._rawHandlePosition}set fixedPane(t){this._fixedPane=t,this._fixedPanePropChanged()}get fixedPane(){return this._fixedPane}constructor(){super(),this._split="vertical",this.resetOnDblClick=!1,this.handleSize=4,this.initialHandlePosition="50%",this._fixedPane="none",this._handlePosition=0,this._isDragActive=!1,this._hover=!1,this._hide=!1,this._boundRect=new DOMRect,this._handleOffset=0,this._wrapperObserved=!1,this._fixedPaneSize=0,this._handleResize=t=>{const e=t[0].contentRect,{width:s,height:i}=e;this._boundRect=e;const o="vertical"===this.split?s:i;"start"===this.fixedPane&&(this._handlePosition=this._fixedPaneSize),"end"===this.fixedPane&&(this._handlePosition=o-this._fixedPaneSize)},this._handleMouseUp=t=>{this._isDragActive=!1,t.target!==this&&(this._hover=!1,this._hide=!0),window.removeEventListener("mouseup",this._handleMouseUp),window.removeEventListener("mousemove",this._handleMouseMove);const{width:e,height:s}=this._boundRect,i="vertical"===this.split?e:s,o=ws(this._handlePosition,i);this.dispatchEvent(new CustomEvent("vsc-split-layout-change",{detail:{position:this._handlePosition,positionInPercentage:o},composed:!0}))},this._handleMouseMove=t=>{const{clientX:e,clientY:s}=t,{left:i,top:o,height:r,width:n}=this._boundRect,l="vertical"===this.split,a=l?n:r,c=l?e-i:s-o;this._handlePosition=Math.max(0,Math.min(c-this._handleOffset+this.handleSize/2,a)),"start"===this.fixedPane&&(this._fixedPaneSize=this._handlePosition),"end"===this.fixedPane&&(this._fixedPaneSize=a-this._handlePosition)},this._resizeObserver=new ResizeObserver(this._handleResize)}resetHandlePosition(){if(!this._wrapperEl)return void(this._handlePosition=0);const{width:t,height:e}=this._wrapperEl.getBoundingClientRect(),s="vertical"===this.split?t:e,{value:i,unit:o}=ys(this.initialHandlePosition??"50%");this._handlePosition="percent"===o?ks(i,s):i}connectedCallback(){super.connectedCallback()}firstUpdated(t){"none"!==this.fixedPane&&(this._resizeObserver.observe(this._wrapperEl),this._wrapperObserved=!0),this._boundRect=this._wrapperEl.getBoundingClientRect();const{value:e,unit:s}=this.handlePosition?ys(this.handlePosition):ys(this.initialHandlePosition);this._setPosition(e,s),this._initFixedPane()}_handlePositionPropChanged(){if(this.handlePosition&&this._wrapperEl){this._boundRect=this._wrapperEl.getBoundingClientRect();const{value:t,unit:e}=ys(this.handlePosition);this._setPosition(t,e)}}_fixedPanePropChanged(){this._wrapperEl&&this._initFixedPane()}_initFixedPane(){if("none"===this.fixedPane)this._wrapperObserved&&(this._resizeObserver.unobserve(this._wrapperEl),this._wrapperObserved=!1);else{const{width:t,height:e}=this._boundRect,s="vertical"===this.split?t:e;this._fixedPaneSize="start"===this.fixedPane?this._handlePosition:s-this._handlePosition,this._wrapperObserved||(this._resizeObserver.observe(this._wrapperEl),this._wrapperObserved=!0)}}_setPosition(t,e){const{width:s,height:i}=this._boundRect,o="vertical"===this.split?s:i;this._handlePosition="percent"===e?ks(t,o):t}_handleMouseOver(){this._hover=!0,this._hide=!1}_handleMouseOut(t){1!==t.buttons&&(this._hover=!1,this._hide=!0)}_handleMouseDown(t){t.stopPropagation(),t.preventDefault(),this._boundRect=this._wrapperEl.getBoundingClientRect();const{left:e,top:s}=this._boundRect,{left:i,top:o}=this._handleEl.getBoundingClientRect(),r=t.clientX-e,n=t.clientY-s;"vertical"===this.split&&(this._handleOffset=r-(i-e)),"horizontal"===this.split&&(this._handleOffset=n-(o-s)),this._isDragActive=!0,window.addEventListener("mouseup",this._handleMouseUp),window.addEventListener("mousemove",this._handleMouseMove)}_handleDblClick(){this.resetOnDblClick&&this.resetHandlePosition()}_handleSlotChange(){[...this._nestedLayoutsAtStart,...this._nestedLayoutsAtEnd].forEach((t=>{t instanceof ms&&t.resetHandlePosition()}))}render(){const{width:t,height:e}=this._boundRect,s="vertical"===this.split?t:e,i="none"!==this.fixedPane?`${this._handlePosition}px`:`${ws(this._handlePosition,s)}%`;let o="";o="start"===this.fixedPane?`0 0 ${this._fixedPaneSize}px`:`1 1 ${ws(this._handlePosition,s)}%`;let r="";r="end"===this.fixedPane?`0 0 ${this._fixedPaneSize}px`:`1 1 ${ws(s-this._handlePosition,s)}%`;const n={left:"vertical"===this.split?i:"0",top:"vertical"===this.split?"0":i},l=this.handleSize??4;"vertical"===this.split&&(n.marginLeft=0-l/2+"px",n.width=`${l}px`),"horizontal"===this.split&&(n.height=`${l}px`,n.marginTop=0-l/2+"px");const a=It({"handle-overlay":!0,active:this._isDragActive,"split-vertical":"vertical"===this.split,"split-horizontal":"horizontal"===this.split}),c=It({handle:!0,hover:this._hover,hide:this._hide,"split-vertical":"vertical"===this.split,"split-horizontal":"horizontal"===this.split}),h={wrapper:!0,horizontal:"horizontal"===this.split};return U`
|
|
1885
|
+
<div class=${It(h)}>
|
|
1886
|
+
<div class="start" .style=${Ft({flex:o})}>
|
|
2096
1887
|
<slot name="start" @slotchange=${this._handleSlotChange}></slot>
|
|
2097
1888
|
</div>
|
|
2098
|
-
<div class="end" .style=${
|
|
1889
|
+
<div class="end" .style=${Ft({flex:r})}>
|
|
2099
1890
|
<slot name="end" @slotchange=${this._handleSlotChange}></slot>
|
|
2100
1891
|
</div>
|
|
2101
|
-
<div class=${
|
|
1892
|
+
<div class=${a}></div>
|
|
2102
1893
|
<div
|
|
2103
|
-
class=${
|
|
2104
|
-
.style=${
|
|
1894
|
+
class=${c}
|
|
1895
|
+
.style=${Ft(n)}
|
|
2105
1896
|
@mouseover=${this._handleMouseOver}
|
|
2106
1897
|
@mouseout=${this._handleMouseOut}
|
|
2107
1898
|
@mousedown=${this._handleMouseDown}
|
|
2108
1899
|
@dblclick=${this._handleDblClick}
|
|
2109
1900
|
></div>
|
|
2110
1901
|
</div>
|
|
2111
|
-
`}}
|
|
1902
|
+
`}};$s.styles=gs,xs([pt({reflect:!0})],$s.prototype,"split",null),xs([pt({type:Boolean,reflect:!0,attribute:"reset-on-dbl-click"})],$s.prototype,"resetOnDblClick",void 0),xs([pt({type:Number,reflect:!0,attribute:"handle-size"})],$s.prototype,"handleSize",void 0),xs([pt({reflect:!0,attribute:"initial-handle-position"})],$s.prototype,"initialHandlePosition",void 0),xs([pt({attribute:"handle-position"})],$s.prototype,"handlePosition",null),xs([pt({attribute:"fixed-pane"})],$s.prototype,"fixedPane",null),xs([vt()],$s.prototype,"_handlePosition",void 0),xs([vt()],$s.prototype,"_isDragActive",void 0),xs([vt()],$s.prototype,"_hover",void 0),xs([vt()],$s.prototype,"_hide",void 0),xs([ft(".wrapper")],$s.prototype,"_wrapperEl",void 0),xs([ft(".handle")],$s.prototype,"_handleEl",void 0),xs([mt({slot:"start",selector:"vscode-split-layout"})],$s.prototype,"_nestedLayoutsAtStart",void 0),xs([mt({slot:"end",selector:"vscode-split-layout"})],$s.prototype,"_nestedLayoutsAtEnd",void 0),$s=ms=xs([kt("vscode-split-layout")],$s);const _s=[$t,n`
|
|
2112
1903
|
:host {
|
|
2113
1904
|
border-bottom: 1px solid transparent;
|
|
2114
1905
|
cursor: pointer;
|
|
@@ -2200,18 +1991,18 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2200
1991
|
slot[name='content-after']::slotted(vscode-badge) {
|
|
2201
1992
|
margin-left: 8px;
|
|
2202
1993
|
}
|
|
2203
|
-
`];var
|
|
1994
|
+
`];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 Ss=class extends wt{constructor(){super(...arguments),this.active=!1,this.ariaControls="",this.panel=!1,this.role="tab",this.tabId=-1}attributeChangedCallback(t,e,s){if(super.attributeChangedCallback(t,e,s),"active"===t){const t=null!==s;this.ariaSelected=t?"true":"false",this.tabIndex=t?0:-1}}render(){return U`
|
|
2204
1995
|
<div
|
|
2205
|
-
class=${
|
|
1996
|
+
class=${It({wrapper:!0,active:this.active,panel:this.panel})}
|
|
2206
1997
|
>
|
|
2207
1998
|
<div class="before"><slot name="content-before"></slot></div>
|
|
2208
1999
|
<div class="main"><slot></slot></div>
|
|
2209
2000
|
<div class="after"><slot name="content-after"></slot></div>
|
|
2210
2001
|
<span
|
|
2211
|
-
class=${
|
|
2002
|
+
class=${It({"active-indicator":!0,active:this.active,panel:this.panel})}
|
|
2212
2003
|
></span>
|
|
2213
2004
|
</div>
|
|
2214
|
-
`}};
|
|
2005
|
+
`}};Ss.styles=_s,Cs([pt({type:Boolean,reflect:!0})],Ss.prototype,"active",void 0),Cs([pt({reflect:!0,attribute:"aria-controls"})],Ss.prototype,"ariaControls",void 0),Cs([pt({type:Boolean,reflect:!0})],Ss.prototype,"panel",void 0),Cs([pt({reflect:!0})],Ss.prototype,"role",void 0),Cs([pt({type:Number,reflect:!0,attribute:"tab-id"})],Ss.prototype,"tabId",void 0),Ss=Cs([kt("vscode-tab-header")],Ss);const Bs=[$t,n`
|
|
2215
2006
|
:host {
|
|
2216
2007
|
display: block;
|
|
2217
2008
|
overflow: hidden;
|
|
@@ -2227,7 +2018,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2227
2018
|
:host([panel]) {
|
|
2228
2019
|
background-color: var(--vscode-panel-background);
|
|
2229
2020
|
}
|
|
2230
|
-
`];var
|
|
2021
|
+
`];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 zs=class extends wt{constructor(){super(...arguments),this.hidden=!1,this.ariaLabelledby="",this.panel=!1,this.role="tabpanel",this.tabIndex=0}render(){return U` <slot></slot> `}};zs.styles=Bs,Os([pt({type:Boolean,reflect:!0})],zs.prototype,"hidden",void 0),Os([pt({reflect:!0,attribute:"aria-labelledby"})],zs.prototype,"ariaLabelledby",void 0),Os([pt({type:Boolean,reflect:!0})],zs.prototype,"panel",void 0),Os([pt({reflect:!0})],zs.prototype,"role",void 0),Os([pt({type:Number,reflect:!0})],zs.prototype,"tabIndex",void 0),zs=Os([kt("vscode-tab-panel")],zs);const As=[$t,n`
|
|
2231
2022
|
:host {
|
|
2232
2023
|
display: table;
|
|
2233
2024
|
table-layout: fixed;
|
|
@@ -2241,7 +2032,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2241
2032
|
::slotted(vscode-table-row:nth-child(odd)) {
|
|
2242
2033
|
background-color: var(--vsc-row-odd-background);
|
|
2243
2034
|
}
|
|
2244
|
-
`];var
|
|
2035
|
+
`];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 wt{constructor(){super(...arguments),this.role="rowgroup"}render(){return U` <slot></slot> `}};js.styles=As,Es([pt({reflect:!0})],js.prototype,"role",void 0),js=Es([kt("vscode-table-body")],js);const Is=[$t,n`
|
|
2245
2036
|
:host {
|
|
2246
2037
|
border-bottom-color: var(--vscode-editorGroup-border);
|
|
2247
2038
|
border-bottom-style: solid;
|
|
@@ -2284,21 +2075,21 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2284
2075
|
.column-label {
|
|
2285
2076
|
font-weight: bold;
|
|
2286
2077
|
}
|
|
2287
|
-
`];var
|
|
2078
|
+
`];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 wt{constructor(){super(...arguments),this.role="cell",this.columnLabel="",this.compact=!1}render(){const t=this.columnLabel?U`<div class="column-label" role="presentation">
|
|
2288
2079
|
${this.columnLabel}
|
|
2289
|
-
</div>`:
|
|
2080
|
+
</div>`:K;return U`
|
|
2290
2081
|
<div class="wrapper">
|
|
2291
2082
|
${t}
|
|
2292
2083
|
<slot></slot>
|
|
2293
2084
|
</div>
|
|
2294
|
-
`}};
|
|
2085
|
+
`}};Fs.styles=Is,Ms([pt({reflect:!0})],Fs.prototype,"role",void 0),Ms([pt({attribute:"column-label"})],Fs.prototype,"columnLabel",void 0),Ms([pt({type:Boolean,reflect:!0})],Fs.prototype,"compact",void 0),Fs=Ms([kt("vscode-table-cell")],Fs);const Ps=[$t,n`
|
|
2295
2086
|
:host {
|
|
2296
2087
|
background-color: var(--vscode-keybindingTable-headerBackground);
|
|
2297
2088
|
display: table;
|
|
2298
2089
|
table-layout: fixed;
|
|
2299
2090
|
width: 100%;
|
|
2300
2091
|
}
|
|
2301
|
-
`];var
|
|
2092
|
+
`];var Ds=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Ns=class extends wt{constructor(){super(...arguments),this.role="rowgroup"}render(){return U` <slot></slot> `}};Ns.styles=Ps,Ds([pt({reflect:!0})],Ns.prototype,"role",void 0),Ns=Ds([kt("vscode-table-header")],Ns);const Vs=[$t,n`
|
|
2302
2093
|
:host {
|
|
2303
2094
|
box-sizing: border-box;
|
|
2304
2095
|
color: var(--vscode-foreground);
|
|
@@ -2323,11 +2114,11 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2323
2114
|
white-space: inherit;
|
|
2324
2115
|
width: 100%;
|
|
2325
2116
|
}
|
|
2326
|
-
`];var
|
|
2117
|
+
`];var Ts=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let Rs=class extends wt{constructor(){super(...arguments),this.role="columnheader"}render(){return U`
|
|
2327
2118
|
<div class="wrapper">
|
|
2328
2119
|
<slot></slot>
|
|
2329
2120
|
</div>
|
|
2330
|
-
`}};
|
|
2121
|
+
`}};Rs.styles=Vs,Ts([pt({reflect:!0})],Rs.prototype,"role",void 0),Rs=Ts([kt("vscode-table-header-cell")],Rs);const Ls=[$t,n`
|
|
2331
2122
|
:host {
|
|
2332
2123
|
border-top-color: var(--vscode-editorGroup-border);
|
|
2333
2124
|
border-top-style: solid;
|
|
@@ -2335,7 +2126,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2335
2126
|
display: var(--vsc-row-display);
|
|
2336
2127
|
width: 100%;
|
|
2337
2128
|
}
|
|
2338
|
-
`];var
|
|
2129
|
+
`];var Us=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,l=t.length-1;l>=0;l--)(o=t[l])&&(n=(r<3?o(n):r>3?o(e,s,n):o(e,s))||n);return r>3&&n&&Object.defineProperty(e,s,n),n};let qs=class extends wt{constructor(){super(...arguments),this.role="row"}render(){return U` <slot></slot> `}};qs.styles=Ls,Us([pt({reflect:!0})],qs.prototype,"role",void 0),qs=Us([kt("vscode-table-row")],qs);const Hs=(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},Ks=[$t,n`
|
|
2339
2130
|
:host {
|
|
2340
2131
|
display: block;
|
|
2341
2132
|
--vsc-row-even-background: transparent;
|
|
@@ -2360,181 +2151,466 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2360
2151
|
--vsc-row-border-top-width: 1px;
|
|
2361
2152
|
}
|
|
2362
2153
|
|
|
2363
|
-
:host([zebra]) {
|
|
2364
|
-
--vsc-row-even-background: var(--vscode-keybindingTable-rowsBackground);
|
|
2154
|
+
:host([zebra]) {
|
|
2155
|
+
--vsc-row-even-background: var(--vscode-keybindingTable-rowsBackground);
|
|
2156
|
+
}
|
|
2157
|
+
|
|
2158
|
+
:host([zebra-odd]) {
|
|
2159
|
+
--vsc-row-odd-background: var(--vscode-keybindingTable-rowsBackground);
|
|
2160
|
+
}
|
|
2161
|
+
|
|
2162
|
+
::slotted(vscode-table-row) {
|
|
2163
|
+
width: 100%;
|
|
2164
|
+
}
|
|
2165
|
+
|
|
2166
|
+
.wrapper {
|
|
2167
|
+
height: 100%;
|
|
2168
|
+
max-width: 100%;
|
|
2169
|
+
overflow: hidden;
|
|
2170
|
+
position: relative;
|
|
2171
|
+
width: 100%;
|
|
2172
|
+
}
|
|
2173
|
+
|
|
2174
|
+
.wrapper.select-disabled {
|
|
2175
|
+
user-select: none;
|
|
2176
|
+
}
|
|
2177
|
+
|
|
2178
|
+
.wrapper.resize-cursor {
|
|
2179
|
+
cursor: ew-resize;
|
|
2180
|
+
}
|
|
2181
|
+
|
|
2182
|
+
.wrapper.compact-view .header-slot-wrapper {
|
|
2183
|
+
height: 0;
|
|
2184
|
+
overflow: hidden;
|
|
2185
|
+
}
|
|
2186
|
+
|
|
2187
|
+
.scrollable {
|
|
2188
|
+
height: 100%;
|
|
2189
|
+
}
|
|
2190
|
+
|
|
2191
|
+
.scrollable:before {
|
|
2192
|
+
background-color: transparent;
|
|
2193
|
+
content: '';
|
|
2194
|
+
display: block;
|
|
2195
|
+
height: 1px;
|
|
2196
|
+
position: absolute;
|
|
2197
|
+
width: 100%;
|
|
2198
|
+
}
|
|
2199
|
+
|
|
2200
|
+
.wrapper:not(.compact-view) .scrollable:not([scrolled]):before {
|
|
2201
|
+
background-color: var(--vscode-editorGroup-border);
|
|
2202
|
+
}
|
|
2203
|
+
|
|
2204
|
+
.sash {
|
|
2205
|
+
visibility: hidden;
|
|
2206
|
+
}
|
|
2207
|
+
|
|
2208
|
+
:host([bordered-columns]) .sash,
|
|
2209
|
+
:host([bordered]) .sash {
|
|
2210
|
+
visibility: visible;
|
|
2211
|
+
}
|
|
2212
|
+
|
|
2213
|
+
:host([resizable]) .wrapper:hover .sash {
|
|
2214
|
+
visibility: visible;
|
|
2215
|
+
}
|
|
2216
|
+
|
|
2217
|
+
.sash {
|
|
2218
|
+
height: 100%;
|
|
2219
|
+
position: absolute;
|
|
2220
|
+
top: 0;
|
|
2221
|
+
width: 1px;
|
|
2222
|
+
}
|
|
2223
|
+
|
|
2224
|
+
.wrapper.compact-view .sash {
|
|
2225
|
+
display: none;
|
|
2226
|
+
}
|
|
2227
|
+
|
|
2228
|
+
.sash.resizable {
|
|
2229
|
+
cursor: ew-resize;
|
|
2230
|
+
}
|
|
2231
|
+
|
|
2232
|
+
.sash-visible {
|
|
2233
|
+
background-color: var(--vscode-editorGroup-border);
|
|
2234
|
+
height: 100%;
|
|
2235
|
+
position: absolute;
|
|
2236
|
+
top: 30px;
|
|
2237
|
+
width: 1px;
|
|
2238
|
+
}
|
|
2239
|
+
|
|
2240
|
+
.sash.hover .sash-visible {
|
|
2241
|
+
background-color: var(--vscode-sash-hoverBorder);
|
|
2242
|
+
transition: background-color 50ms linear 300ms;
|
|
2243
|
+
}
|
|
2244
|
+
|
|
2245
|
+
.sash .sash-clickable {
|
|
2246
|
+
background-color: transparent;
|
|
2247
|
+
height: 100%;
|
|
2248
|
+
left: -2px;
|
|
2249
|
+
position: absolute;
|
|
2250
|
+
width: 5px;
|
|
2251
|
+
}
|
|
2252
|
+
`];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 wt{constructor(){super(...arguments),this.role="table",this.resizable=!1,this.responsive=!1,this.bordered=!1,this.borderedColumns=!1,this.borderedRows=!1,this.breakpoint=300,this.minColumnWidth="50px",this.delayedResizing=!1,this.compact=!1,this.zebra=!1,this.zebraOdd=!1,this._sashPositions=[],this._isDragging=!1,this._sashHovers=[],this._columns=[],this._activeSashElementIndex=-1,this._activeSashCursorOffset=0,this._componentX=0,this._componentH=0,this._componentW=0,this._headerCells=[],this._cellsOfFirstRow=[],this._prevHeaderHeight=0,this._prevComponentHeight=0,this._componentResizeObserverCallback=()=>{this._memoizeComponentDimensions(),this._updateResizeHandlersSize(),this.responsive&&this._toggleCompactView(),this._resizeTableBody()},this._headerResizeObserverCallback=()=>{this._updateResizeHandlersSize()},this._bodyResizeObserverCallback=()=>{this._resizeTableBody()},this._onResizingMouseMove=t=>{t.stopPropagation(),this._updateActiveSashPosition(t.pageX),this.delayedResizing?this._resizeColumns(!1):this._resizeColumns(!0)},this._onResizingMouseUp=t=>{this._resizeColumns(!0),this._updateActiveSashPosition(t.pageX),this._sashHovers[this._activeSashElementIndex]=!1,this._isDragging=!1,this._activeSashElementIndex=-1,document.removeEventListener("mousemove",this._onResizingMouseMove),document.removeEventListener("mouseup",this._onResizingMouseUp)}}set columns(t){this._columns=t,this.isConnected&&this._initDefaultColumnSizes()}get columns(){return this._columns}connectedCallback(){super.connectedCallback(),this._memoizeComponentDimensions(),this._initDefaultColumnSizes()}disconnectedCallback(){super.disconnectedCallback(),this._componentResizeObserver?.unobserve(this),this._componentResizeObserver?.disconnect(),this._bodyResizeObserver?.disconnect()}_px2Percent(t){return t/this._componentW*100}_percent2Px(t){return this._componentW*t/100}_memoizeComponentDimensions(){const t=this.getBoundingClientRect();this._componentH=t.height,this._componentW=t.width,this._componentX=t.x}_queryHeaderCells(){const t=this._assignedHeaderElements;return t&&t[0]?Array.from(t[0].querySelectorAll("vscode-table-header-cell")):[]}_getHeaderCells(){return this._headerCells.length||(this._headerCells=this._queryHeaderCells()),this._headerCells}_queryCellsOfFirstRow(){const t=this._assignedBodyElements;return t&&t[0]?Array.from(t[0].querySelectorAll("vscode-table-row:first-child vscode-table-cell")):[]}_getCellsOfFirstRow(){return this._cellsOfFirstRow.length||(this._cellsOfFirstRow=this._queryCellsOfFirstRow()),this._cellsOfFirstRow}_resizeTableBody(){let t=0,e=0;const 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"}_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=Hs(t,this._componentW);return null===e?"auto":(i-=e,e)})),e.length<t)for(let s=e.length;s<t;s++)e.push("auto");return e=e.map((t=>"auto"===t?i/s:t)),e}_initHeaderCellSizes(t){this._getHeaderCells().forEach(((e,s)=>{e.style.width=`${t[s]}%`}))}_initBodyColumnSizes(t){this._getCellsOfFirstRow().forEach(((e,s)=>{e.style.width=`${t[s]}%`}))}_initSashes(t){const e=t.length;let s=0;this._sashPositions=[],t.forEach(((t,i)=>{if(i<e-1){const e=s+t;this._sashPositions.push(e),s=e}}))}_initDefaultColumnSizes(){const t=this._calcColWidthPercentages();this._initHeaderCellSizes(t),this._initBodyColumnSizes(t),this._initSashes(t)}_updateResizeHandlersSize(){const t=this._headerElement.getBoundingClientRect();if(t.height===this._prevHeaderHeight&&this._componentH===this._prevComponentHeight)return;this._prevHeaderHeight=t.height,this._prevComponentHeight=this._componentH;const e=this._componentH-t.height;this._sashVisibleElements.forEach((s=>{s.style.height=`${e}px`,s.style.top=`${t.height}px`}))}_applyCompactViewColumnLabels(){const t=this._getHeaderCells().map((t=>t.innerText));this.querySelectorAll("vscode-table-row").forEach((e=>{e.querySelectorAll("vscode-table-cell").forEach(((e,s)=>{e.columnLabel=t[s],e.compact=!0}))}))}_clearCompactViewColumnLabels(){this.querySelectorAll("vscode-table-cell").forEach((t=>{t.columnLabel="",t.compact=!1}))}_toggleCompactView(){const t=this.getBoundingClientRect().width<this.breakpoint;this.compact!==t&&(this.compact=t,t?this._applyCompactViewColumnLabels():this._clearCompactViewColumnLabels())}_onDefaultSlotChange(){this._assignedElements.forEach((t=>{"vscode-table-header"!==t.tagName.toLowerCase()?"vscode-table-body"!==t.tagName.toLowerCase()||(t.slot="body"):t.slot="header"}))}_onHeaderSlotChange(){this._headerCells=this._queryHeaderCells()}_onBodySlotChange(){if(this._initDefaultColumnSizes(),this._initResizeObserver(),this._updateResizeHandlersSize(),!this._bodyResizeObserver){const t=this._assignedBodyElements[0]??null;t&&(this._bodyResizeObserver=new ResizeObserver(this._bodyResizeObserverCallback),this._bodyResizeObserver.observe(t))}}_onSashMouseOver(t){if(this._isDragging)return;const e=t.currentTarget,s=Number(e.dataset.index);this._sashHovers[s]=!0,this.requestUpdate()}_onSashMouseOut(t){if(t.stopPropagation(),this._isDragging)return;const e=t.currentTarget,s=Number(e.dataset.index);this._sashHovers[s]=!1,this.requestUpdate()}_onSashMouseDown(t){t.stopPropagation();const{pageX:e,currentTarget:s}=t,i=s,o=Number(i.dataset.index),r=i.getBoundingClientRect().x;this._isDragging=!0,this._activeSashElementIndex=o,this._sashHovers[this._activeSashElementIndex]=!0,this._activeSashCursorOffset=this._px2Percent(e-r);const n=this._getHeaderCells();this._headerCellsToResize=[],this._headerCellsToResize.push(n[o]),n[o+1]&&(this._headerCellsToResize[1]=n[o+1]);const l=this._bodySlot.assignedElements()[0].querySelectorAll("vscode-table-row:first-child > vscode-table-cell");this._cellsToResize=[],this._cellsToResize.push(l[o]),l[o+1]&&this._cellsToResize.push(l[o+1]),document.addEventListener("mousemove",this._onResizingMouseMove),document.addEventListener("mouseup",this._onResizingMouseUp)}_updateActiveSashPosition(t){const{prevSashPos:e,nextSashPos:s}=this._getSashPositions();let i=Hs(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=It({sash:!0,hover:this._sashHovers[e],resizable:this.resizable}),i=`${t}%`;return this.resizable?U`
|
|
2253
|
+
<div
|
|
2254
|
+
class=${s}
|
|
2255
|
+
data-index=${e}
|
|
2256
|
+
.style=${Ft({left:i})}
|
|
2257
|
+
@mousedown=${this._onSashMouseDown}
|
|
2258
|
+
@mouseover=${this._onSashMouseOver}
|
|
2259
|
+
@mouseout=${this._onSashMouseOut}
|
|
2260
|
+
>
|
|
2261
|
+
<div class="sash-visible"></div>
|
|
2262
|
+
<div class="sash-clickable"></div>
|
|
2263
|
+
</div>
|
|
2264
|
+
`:U`<div
|
|
2265
|
+
class=${s}
|
|
2266
|
+
data-index=${e}
|
|
2267
|
+
.style=${Ft({left:i})}
|
|
2268
|
+
>
|
|
2269
|
+
<div class="sash-visible"></div>
|
|
2270
|
+
</div>`})),e=It({wrapper:!0,"select-disabled":this._isDragging,"resize-cursor":this._isDragging,"compact-view":this.compact});return U`
|
|
2271
|
+
<div class=${e}>
|
|
2272
|
+
<div class="header">
|
|
2273
|
+
<slot name="caption"></slot>
|
|
2274
|
+
<div class="header-slot-wrapper">
|
|
2275
|
+
<slot name="header" @slotchange=${this._onHeaderSlotChange}></slot>
|
|
2276
|
+
</div>
|
|
2277
|
+
</div>
|
|
2278
|
+
<vscode-scrollable class="scrollable">
|
|
2279
|
+
<div>
|
|
2280
|
+
<slot name="body" @slotchange=${this._onBodySlotChange}></slot>
|
|
2281
|
+
</div>
|
|
2282
|
+
</vscode-scrollable>
|
|
2283
|
+
${t}
|
|
2284
|
+
<slot @slotchange=${this._onDefaultSlotChange}></slot>
|
|
2285
|
+
</div>
|
|
2286
|
+
`}};Gs.styles=Ks,Ws([pt({reflect:!0})],Gs.prototype,"role",void 0),Ws([pt({type:Boolean,reflect:!0})],Gs.prototype,"resizable",void 0),Ws([pt({type:Boolean,reflect:!0})],Gs.prototype,"responsive",void 0),Ws([pt({type:Boolean,reflect:!0})],Gs.prototype,"bordered",void 0),Ws([pt({type:Boolean,reflect:!0,attribute:"bordered-columns"})],Gs.prototype,"borderedColumns",void 0),Ws([pt({type:Boolean,reflect:!0,attribute:"bordered-rows"})],Gs.prototype,"borderedRows",void 0),Ws([pt({type:Number})],Gs.prototype,"breakpoint",void 0),Ws([pt({type:Array})],Gs.prototype,"columns",null),Ws([pt({attribute:"min-column-width"})],Gs.prototype,"minColumnWidth",void 0),Ws([pt({type:Boolean,reflect:!0,attribute:"delayed-resizing"})],Gs.prototype,"delayedResizing",void 0),Ws([pt({type:Boolean,reflect:!0})],Gs.prototype,"compact",void 0),Ws([pt({type:Boolean,reflect:!0})],Gs.prototype,"zebra",void 0),Ws([pt({type:Boolean,reflect:!0,attribute:"zebra-odd"})],Gs.prototype,"zebraOdd",void 0),Ws([ft('slot[name="body"]')],Gs.prototype,"_bodySlot",void 0),Ws([ft(".header")],Gs.prototype,"_headerElement",void 0),Ws([ft(".scrollable")],Gs.prototype,"_scrollableElement",void 0),Ws([function(t){return(e,s)=>bt(0,0,{get(){return(this.renderRoot??(gt??=document.createDocumentFragment())).querySelectorAll(t)}})}(".sash-visible")],Gs.prototype,"_sashVisibleElements",void 0),Ws([mt({flatten:!0,selector:"vscode-table-header, vscode-table-body"})],Gs.prototype,"_assignedElements",void 0),Ws([mt({slot:"header",flatten:!0,selector:"vscode-table-header"})],Gs.prototype,"_assignedHeaderElements",void 0),Ws([mt({slot:"body",flatten:!0,selector:"vscode-table-body"})],Gs.prototype,"_assignedBodyElements",void 0),Ws([vt()],Gs.prototype,"_sashPositions",void 0),Ws([vt()],Gs.prototype,"_isDragging",void 0),Gs=Ws([kt("vscode-table")],Gs);const Js=[$t,n`
|
|
2287
|
+
:host {
|
|
2288
|
+
display: block;
|
|
2289
|
+
}
|
|
2290
|
+
|
|
2291
|
+
.header {
|
|
2292
|
+
align-items: center;
|
|
2293
|
+
display: flex;
|
|
2294
|
+
font-family: var(--vscode-font-family);
|
|
2295
|
+
font-size: var(--vscode-font-size);
|
|
2296
|
+
font-weight: var(--vscode-font-weight);
|
|
2297
|
+
width: 100%;
|
|
2298
|
+
}
|
|
2299
|
+
|
|
2300
|
+
.header {
|
|
2301
|
+
border-bottom-color: var(--vscode-settings-headerBorder);
|
|
2302
|
+
border-bottom-style: solid;
|
|
2303
|
+
border-bottom-width: 1px;
|
|
2304
|
+
}
|
|
2305
|
+
|
|
2306
|
+
.header.panel {
|
|
2307
|
+
background-color: var(--vscode-panel-background);
|
|
2308
|
+
border-bottom-width: 0;
|
|
2309
|
+
box-sizing: border-box;
|
|
2310
|
+
padding-left: 8px;
|
|
2311
|
+
padding-right: 8px;
|
|
2312
|
+
}
|
|
2313
|
+
|
|
2314
|
+
slot[name='addons'] {
|
|
2315
|
+
display: block;
|
|
2316
|
+
margin-left: auto;
|
|
2317
|
+
}
|
|
2318
|
+
`];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};let Xs=class extends wt{constructor(){super(),this.panel=!1,this.role="tablist",this.selectedIndex=0,this._tabHeaders=[],this._tabPanels=[],this._componentId="",this._tabFocus=0,this._componentId=ze()}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 Ss));t.length>0&&t.forEach((t=>t.setAttribute("slot","header")))}_onMainSlotChange(){this._moveHeadersToHeaderSlot(),this._tabPanels=this._mainSlotElements.filter((t=>t instanceof zs)),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 Ss)),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 Ss));e&&(this.selectedIndex=e.tabId,this._setActiveTab(),this._dispatchSelectEvent())}render(){return U`
|
|
2319
|
+
<div
|
|
2320
|
+
class=${It({header:!0,panel:this.panel})}
|
|
2321
|
+
@click=${this._onHeaderClick}
|
|
2322
|
+
@keydown=${this._onHeaderKeyDown}
|
|
2323
|
+
>
|
|
2324
|
+
<slot name="header" @slotchange=${this._onHeaderSlotChange}></slot>
|
|
2325
|
+
<slot name="addons"></slot>
|
|
2326
|
+
</div>
|
|
2327
|
+
<slot @slotchange=${this._onMainSlotChange}></slot>
|
|
2328
|
+
`}};Xs.styles=Js,Ys([pt({type:Boolean,reflect:!0})],Xs.prototype,"panel",void 0),Ys([pt({reflect:!0})],Xs.prototype,"role",void 0),Ys([pt({type:Number,reflect:!0,attribute:"selected-index"})],Xs.prototype,"selectedIndex",void 0),Ys([mt({slot:"header"})],Xs.prototype,"_headerSlotElements",void 0),Ys([mt()],Xs.prototype,"_mainSlotElements",void 0),Xs=Ys([kt("vscode-tabs")],Xs);const Zs=[$t,n`
|
|
2329
|
+
:host {
|
|
2330
|
+
display: inline-block;
|
|
2331
|
+
height: 40px;
|
|
2332
|
+
position: relative;
|
|
2333
|
+
width: 320px;
|
|
2334
|
+
}
|
|
2335
|
+
|
|
2336
|
+
:host([cols]) {
|
|
2337
|
+
width: auto;
|
|
2338
|
+
}
|
|
2339
|
+
|
|
2340
|
+
:host([rows]) {
|
|
2341
|
+
height: auto;
|
|
2342
|
+
}
|
|
2343
|
+
|
|
2344
|
+
.shadow {
|
|
2345
|
+
box-shadow: var(--vscode-scrollbar-shadow, #000000) 0 6px 6px -6px inset;
|
|
2346
|
+
display: none;
|
|
2347
|
+
inset: 0 0 auto 0;
|
|
2348
|
+
height: 6px;
|
|
2349
|
+
pointer-events: none;
|
|
2350
|
+
position: absolute;
|
|
2351
|
+
width: 100%;
|
|
2352
|
+
}
|
|
2353
|
+
|
|
2354
|
+
.shadow.visible {
|
|
2355
|
+
display: block;
|
|
2356
|
+
}
|
|
2357
|
+
|
|
2358
|
+
textarea {
|
|
2359
|
+
background-color: var(--vscode-settings-textInputBackground, #313131);
|
|
2360
|
+
border-color: var(--vscode-settings-textInputBorder, transparent);
|
|
2361
|
+
border-radius: 2px;
|
|
2362
|
+
border-style: solid;
|
|
2363
|
+
border-width: 1px;
|
|
2364
|
+
box-sizing: border-box;
|
|
2365
|
+
color: var(--vscode-settings-textInputForeground, #cccccc);
|
|
2366
|
+
display: block;
|
|
2367
|
+
font-family: var(--vscode-font-family, sans-serif);
|
|
2368
|
+
font-size: var(--vscode-font-size, 13px);
|
|
2369
|
+
font-weight: var(--vscode-font-weight, normal);
|
|
2370
|
+
height: 100%;
|
|
2371
|
+
width: 100%;
|
|
2372
|
+
}
|
|
2373
|
+
|
|
2374
|
+
:host([cols]) textarea {
|
|
2375
|
+
width: auto;
|
|
2376
|
+
}
|
|
2377
|
+
|
|
2378
|
+
:host([rows]) textarea {
|
|
2379
|
+
height: auto;
|
|
2380
|
+
}
|
|
2381
|
+
|
|
2382
|
+
:host([invalid]) textarea,
|
|
2383
|
+
:host(:invalid) textarea {
|
|
2384
|
+
background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
|
|
2385
|
+
border-color: var(--vscode-inputValidation-errorBorder, #be1100);
|
|
2386
|
+
}
|
|
2387
|
+
|
|
2388
|
+
textarea.monospace {
|
|
2389
|
+
background-color: var(--vscode-editor-background, #1f1f1f);
|
|
2390
|
+
color: var(--vscode-editor-foreground, #cccccc);
|
|
2391
|
+
font-family: var(--vscode-editor-font-family, monospace);
|
|
2392
|
+
font-size: var(--vscode-editor-font-size, 14px);
|
|
2393
|
+
font-weight: var(--vscode-editor-font-weight, normal);
|
|
2394
|
+
}
|
|
2395
|
+
|
|
2396
|
+
.textarea.monospace::placeholder {
|
|
2397
|
+
color: var(
|
|
2398
|
+
--vscode-editor-inlineValuesForeground,
|
|
2399
|
+
rgba(255, 255, 255, 0.5)
|
|
2400
|
+
);
|
|
2401
|
+
}
|
|
2402
|
+
|
|
2403
|
+
textarea.cursor-pointer {
|
|
2404
|
+
cursor: pointer;
|
|
2405
|
+
}
|
|
2406
|
+
|
|
2407
|
+
textarea:focus {
|
|
2408
|
+
border-color: var(--vscode-focusBorder, #0078d4);
|
|
2409
|
+
outline: none;
|
|
2365
2410
|
}
|
|
2366
2411
|
|
|
2367
|
-
|
|
2368
|
-
|
|
2412
|
+
textarea::placeholder {
|
|
2413
|
+
color: var(--vscode-input-placeholderForeground, #989898);
|
|
2414
|
+
opacity: 1;
|
|
2369
2415
|
}
|
|
2370
2416
|
|
|
2371
|
-
|
|
2372
|
-
|
|
2417
|
+
textarea::-webkit-scrollbar-track {
|
|
2418
|
+
background-color: transparent;
|
|
2373
2419
|
}
|
|
2374
2420
|
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
max-width: 100%;
|
|
2378
|
-
overflow: hidden;
|
|
2379
|
-
position: relative;
|
|
2380
|
-
width: 100%;
|
|
2421
|
+
textarea::-webkit-scrollbar {
|
|
2422
|
+
width: 14px;
|
|
2381
2423
|
}
|
|
2382
2424
|
|
|
2383
|
-
|
|
2384
|
-
|
|
2425
|
+
textarea::-webkit-scrollbar-thumb {
|
|
2426
|
+
background-color: transparent;
|
|
2385
2427
|
}
|
|
2386
2428
|
|
|
2387
|
-
|
|
2388
|
-
|
|
2429
|
+
textarea:hover::-webkit-scrollbar-thumb {
|
|
2430
|
+
background-color: var(
|
|
2431
|
+
--vscode-scrollbarSlider-background,
|
|
2432
|
+
rgba(121, 121, 121, 0.4)
|
|
2433
|
+
);
|
|
2389
2434
|
}
|
|
2390
2435
|
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2436
|
+
textarea::-webkit-scrollbar-thumb:hover {
|
|
2437
|
+
background-color: var(
|
|
2438
|
+
--vscode-scrollbarSlider-hoverBackground,
|
|
2439
|
+
rgba(100, 100, 100, 0.7)
|
|
2440
|
+
);
|
|
2394
2441
|
}
|
|
2395
2442
|
|
|
2396
|
-
|
|
2397
|
-
|
|
2443
|
+
textarea::-webkit-scrollbar-thumb:active {
|
|
2444
|
+
background-color: var(
|
|
2445
|
+
--vscode-scrollbarSlider-activeBackground,
|
|
2446
|
+
rgba(191, 191, 191, 0.4)
|
|
2447
|
+
);
|
|
2398
2448
|
}
|
|
2399
2449
|
|
|
2400
|
-
|
|
2450
|
+
textarea::-webkit-scrollbar-corner {
|
|
2401
2451
|
background-color: transparent;
|
|
2402
|
-
content: '';
|
|
2403
|
-
display: block;
|
|
2404
|
-
height: 1px;
|
|
2405
|
-
position: absolute;
|
|
2406
|
-
width: 100%;
|
|
2407
2452
|
}
|
|
2408
2453
|
|
|
2409
|
-
|
|
2410
|
-
background-
|
|
2454
|
+
textarea::-webkit-resizer {
|
|
2455
|
+
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII=');
|
|
2456
|
+
background-repeat: no-repeat;
|
|
2457
|
+
background-position: right bottom;
|
|
2411
2458
|
}
|
|
2412
|
-
|
|
2413
|
-
|
|
2414
|
-
|
|
2459
|
+
`];var Qs=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 ti=class extends wt{set value(t){this._value=t,this._internals.setFormValue(t)}get value(){return this._value}get wrappedElement(){return this._textareaEl}get form(){return this._internals.form}get type(){return"textarea"}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}set minlength(t){this.minLength=t}get minlength(){return this.minLength}set maxlength(t){this.maxLength=t}get maxlength(){return this.maxLength}constructor(){super(),this.autocomplete=void 0,this.autofocus=!1,this.defaultValue="",this.disabled=!1,this.invalid=!1,this.label="",this.maxLength=void 0,this.minLength=void 0,this.rows=void 0,this.cols=void 0,this.name=void 0,this.placeholder=void 0,this.readonly=!1,this.resize="none",this.required=!1,this.spellcheck=!1,this.monospace=!1,this._value="",this._textareaPointerCursor=!1,this._shadow=!1,this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._textareaEl.checkValidity(),this._setValidityFromInput(),this._internals.setFormValue(this._textareaEl.value)}))}updated(t){const e=["maxLength","minLength","required"];for(const s of t.keys())if(e.includes(String(s))){this.updateComplete.then((()=>{this._setValidityFromInput()}));break}}formResetCallback(){this.value=this.defaultValue}formStateRestoreCallback(t,e){this.updateComplete.then((()=>{this._value=t}))}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}_setValidityFromInput(){this._internals.setValidity(this._textareaEl.validity,this._textareaEl.validationMessage,this._textareaEl)}_dataChanged(){this._value=this._textareaEl.value,this._internals.setFormValue(this._textareaEl.value)}_handleChange(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("vsc-change",{detail:{data:this.value,originalEvent:t}}))}_handleInput(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new CustomEvent("vsc-input",{detail:{data:t.data,originalEvent:t}}))}_handleMouseMove(t){if(this._textareaEl.clientHeight>=this._textareaEl.scrollHeight)return void(this._textareaPointerCursor=!1);const e=this._textareaEl.getBoundingClientRect(),s=t.clientX;this._textareaPointerCursor=s>=e.left+e.width-14-2}_handleScroll(){this._shadow=this._textareaEl.scrollTop>0}render(){return U`
|
|
2460
|
+
<div
|
|
2461
|
+
class=${It({shadow:!0,visible:this._shadow})}
|
|
2462
|
+
></div>
|
|
2463
|
+
<textarea
|
|
2464
|
+
autocomplete=${Mt(this.autocomplete)}
|
|
2465
|
+
?autofocus=${this.autofocus}
|
|
2466
|
+
?disabled=${this.disabled}
|
|
2467
|
+
aria-label=${this.label}
|
|
2468
|
+
id="textarea"
|
|
2469
|
+
class=${It({monospace:this.monospace,"cursor-pointer":this._textareaPointerCursor})}
|
|
2470
|
+
maxlength=${Mt(this.maxLength)}
|
|
2471
|
+
minlength=${Mt(this.minLength)}
|
|
2472
|
+
rows=${Mt(this.rows)}
|
|
2473
|
+
cols=${Mt(this.cols)}
|
|
2474
|
+
name=${Mt(this.name)}
|
|
2475
|
+
placeholder=${Mt(this.placeholder)}
|
|
2476
|
+
?readonly=${this.readonly}
|
|
2477
|
+
.style=${Ft({resize:this.resize})}
|
|
2478
|
+
?required=${this.required}
|
|
2479
|
+
spellcheck=${this.spellcheck}
|
|
2480
|
+
@change=${this._handleChange}
|
|
2481
|
+
@input=${this._handleInput}
|
|
2482
|
+
@mousemove=${this._handleMouseMove}
|
|
2483
|
+
@scroll=${this._handleScroll}
|
|
2484
|
+
.value=${this._value}
|
|
2485
|
+
></textarea>
|
|
2486
|
+
`}};ti.styles=Zs,ti.formAssociated=!0,ti.shadowRootOptions={...ct.shadowRootOptions,delegatesFocus:!0},Qs([pt()],ti.prototype,"autocomplete",void 0),Qs([pt({type:Boolean,reflect:!0})],ti.prototype,"autofocus",void 0),Qs([pt({attribute:"default-value"})],ti.prototype,"defaultValue",void 0),Qs([pt({type:Boolean,reflect:!0})],ti.prototype,"disabled",void 0),Qs([pt({type:Boolean,reflect:!0})],ti.prototype,"invalid",void 0),Qs([pt({attribute:!1})],ti.prototype,"label",void 0),Qs([pt({type:Number})],ti.prototype,"maxLength",void 0),Qs([pt({type:Number})],ti.prototype,"minLength",void 0),Qs([pt({type:Number})],ti.prototype,"rows",void 0),Qs([pt({type:Number})],ti.prototype,"cols",void 0),Qs([pt()],ti.prototype,"name",void 0),Qs([pt()],ti.prototype,"placeholder",void 0),Qs([pt({type:Boolean,reflect:!0})],ti.prototype,"readonly",void 0),Qs([pt()],ti.prototype,"resize",void 0),Qs([pt({type:Boolean,reflect:!0})],ti.prototype,"required",void 0),Qs([pt({type:Boolean})],ti.prototype,"spellcheck",void 0),Qs([pt({type:Boolean,reflect:!0})],ti.prototype,"monospace",void 0),Qs([pt()],ti.prototype,"value",null),Qs([ft("#textarea")],ti.prototype,"_textareaEl",void 0),Qs([vt()],ti.prototype,"_value",void 0),Qs([vt()],ti.prototype,"_textareaPointerCursor",void 0),Qs([vt()],ti.prototype,"_shadow",void 0),ti=Qs([kt("vscode-textarea")],ti);const ei=r(_t()),si=[$t,n`
|
|
2487
|
+
:host {
|
|
2488
|
+
align-items: center;
|
|
2489
|
+
background-color: var(--vscode-settings-textInputBackground, #313131);
|
|
2490
|
+
border-color: var(
|
|
2491
|
+
--vscode-settings-textInputBorder,
|
|
2492
|
+
var(--vscode-settings-textInputBackground, #3c3c3c)
|
|
2493
|
+
);
|
|
2494
|
+
border-radius: 2px;
|
|
2495
|
+
border-style: solid;
|
|
2496
|
+
border-width: 1px;
|
|
2497
|
+
box-sizing: border-box;
|
|
2498
|
+
color: var(--vscode-settings-textInputForeground, #cccccc);
|
|
2499
|
+
display: inline-flex;
|
|
2500
|
+
max-width: 100%;
|
|
2501
|
+
position: relative;
|
|
2502
|
+
width: 320px;
|
|
2415
2503
|
}
|
|
2416
2504
|
|
|
2417
|
-
:host([
|
|
2418
|
-
|
|
2419
|
-
visibility: visible;
|
|
2505
|
+
:host([focused]) {
|
|
2506
|
+
border-color: var(--vscode-focusBorder, #0078d4);
|
|
2420
2507
|
}
|
|
2421
2508
|
|
|
2422
|
-
:host([
|
|
2423
|
-
|
|
2509
|
+
:host([invalid]),
|
|
2510
|
+
:host(:invalid) {
|
|
2511
|
+
border-color: var(--vscode-inputValidation-errorBorder, #be1100);
|
|
2424
2512
|
}
|
|
2425
2513
|
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
top: 0;
|
|
2430
|
-
width: 1px;
|
|
2514
|
+
:host([invalid]) input,
|
|
2515
|
+
:host(:invalid) input {
|
|
2516
|
+
background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
|
|
2431
2517
|
}
|
|
2432
2518
|
|
|
2433
|
-
|
|
2434
|
-
display:
|
|
2519
|
+
::slotted([slot='content-before']) {
|
|
2520
|
+
display: block;
|
|
2521
|
+
margin-left: 2px;
|
|
2435
2522
|
}
|
|
2436
2523
|
|
|
2437
|
-
|
|
2438
|
-
|
|
2524
|
+
::slotted([slot='content-after']) {
|
|
2525
|
+
display: block;
|
|
2526
|
+
margin-right: 2px;
|
|
2439
2527
|
}
|
|
2440
2528
|
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
|
|
2445
|
-
top: 30px;
|
|
2446
|
-
width: 1px;
|
|
2529
|
+
slot[name='content-before'],
|
|
2530
|
+
slot[name='content-after'] {
|
|
2531
|
+
align-items: center;
|
|
2532
|
+
display: flex;
|
|
2447
2533
|
}
|
|
2448
2534
|
|
|
2449
|
-
|
|
2450
|
-
background-color: var(--vscode-
|
|
2451
|
-
|
|
2535
|
+
input {
|
|
2536
|
+
background-color: var(--vscode-settings-textInputBackground, #313131);
|
|
2537
|
+
border: 0;
|
|
2538
|
+
box-sizing: border-box;
|
|
2539
|
+
color: var(--vscode-settings-textInputForeground, #cccccc);
|
|
2540
|
+
display: block;
|
|
2541
|
+
font-family: var(--vscode-font-family, ${ei});
|
|
2542
|
+
font-size: var(--vscode-font-size, 13px);
|
|
2543
|
+
font-weight: var(--vscode-font-weight, 'normal');
|
|
2544
|
+
line-height: 18px;
|
|
2545
|
+
outline: none;
|
|
2546
|
+
padding-bottom: 3px;
|
|
2547
|
+
padding-left: 4px;
|
|
2548
|
+
padding-right: 4px;
|
|
2549
|
+
padding-top: 3px;
|
|
2550
|
+
width: 100%;
|
|
2452
2551
|
}
|
|
2453
2552
|
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
height: 100%;
|
|
2457
|
-
left: -2px;
|
|
2458
|
-
position: absolute;
|
|
2459
|
-
width: 5px;
|
|
2460
|
-
}
|
|
2461
|
-
`];var Js=function(t,e,s,i){for(var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i,a=t.length-1;a>=0;a--)(o=t[a])&&(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=class extends xt{constructor(){super(...arguments),this.role="table",this.resizable=!1,this.responsive=!1,this.bordered=!1,this.borderedColumns=!1,this.borderedRows=!1,this.breakpoint=300,this.minColumnWidth="50px",this.delayedResizing=!1,this.compact=!1,this.zebra=!1,this.zebraOdd=!1,this._sashPositions=[],this._isDragging=!1,this._sashHovers=[],this._columns=[],this._activeSashElementIndex=-1,this._activeSashCursorOffset=0,this._componentX=0,this._componentH=0,this._componentW=0,this._headerCells=[],this._cellsOfFirstRow=[],this._prevHeaderHeight=0,this._prevComponentHeight=0,this._componentResizeObserverCallback=()=>{this._memoizeComponentDimensions(),this._updateResizeHandlersSize(),this.responsive&&this._toggleCompactView(),this._resizeTableBody()},this._headerResizeObserverCallback=()=>{this._updateResizeHandlersSize()},this._bodyResizeObserverCallback=()=>{this._resizeTableBody()},this._onResizingMouseMove=t=>{t.stopPropagation(),this._updateActiveSashPosition(t.pageX),this.delayedResizing?this._resizeColumns(!1):this._resizeColumns(!0)},this._onResizingMouseUp=t=>{this._resizeColumns(!0),this._updateActiveSashPosition(t.pageX),this._sashHovers[this._activeSashElementIndex]=!1,this._isDragging=!1,this._activeSashElementIndex=-1,document.removeEventListener("mousemove",this._onResizingMouseMove),document.removeEventListener("mouseup",this._onResizingMouseUp)}}set columns(t){this._columns=t,this.isConnected&&this._initDefaultColumnSizes()}get columns(){return this._columns}connectedCallback(){super.connectedCallback(),this._memoizeComponentDimensions(),this._initDefaultColumnSizes()}disconnectedCallback(){super.disconnectedCallback(),this._componentResizeObserver?.unobserve(this),this._componentResizeObserver?.disconnect(),this._bodyResizeObserver?.disconnect()}_px2Percent(t){return t/this._componentW*100}_percent2Px(t){return this._componentW*t/100}_memoizeComponentDimensions(){const t=this.getBoundingClientRect();this._componentH=t.height,this._componentW=t.width,this._componentX=t.x}_queryHeaderCells(){const t=this._assignedHeaderElements;return t&&t[0]?Array.from(t[0].querySelectorAll("vscode-table-header-cell")):[]}_getHeaderCells(){return this._headerCells.length||(this._headerCells=this._queryHeaderCells()),this._headerCells}_queryCellsOfFirstRow(){const t=this._assignedBodyElements;return t&&t[0]?Array.from(t[0].querySelectorAll("vscode-table-row:first-child vscode-table-cell")):[]}_getCellsOfFirstRow(){return this._cellsOfFirstRow.length||(this._cellsOfFirstRow=this._queryCellsOfFirstRow()),this._cellsOfFirstRow}_resizeTableBody(){let t=0,e=0;const 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"}_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=Ws(t,this._componentW);return null===e?"auto":(i-=e,e)})),e.length<t)for(let s=e.length;s<t;s++)e.push("auto");return e=e.map((t=>"auto"===t?i/s:t)),e}_initHeaderCellSizes(t){this._getHeaderCells().forEach(((e,s)=>{e.style.width=`${t[s]}%`}))}_initBodyColumnSizes(t){this._getCellsOfFirstRow().forEach(((e,s)=>{e.style.width=`${t[s]}%`}))}_initSashes(t){const e=t.length;let s=0;this._sashPositions=[],t.forEach(((t,i)=>{if(i<e-1){const e=s+t;this._sashPositions.push(e),s=e}}))}_initDefaultColumnSizes(){const t=this._calcColWidthPercentages();this._initHeaderCellSizes(t),this._initBodyColumnSizes(t),this._initSashes(t)}_updateResizeHandlersSize(){const t=this._headerElement.getBoundingClientRect();if(t.height===this._prevHeaderHeight&&this._componentH===this._prevComponentHeight)return;this._prevHeaderHeight=t.height,this._prevComponentHeight=this._componentH;const e=this._componentH-t.height;this._sashVisibleElements.forEach((s=>{s.style.height=`${e}px`,s.style.top=`${t.height}px`}))}_applyCompactViewColumnLabels(){const t=this._getHeaderCells().map((t=>t.innerText));this.querySelectorAll("vscode-table-row").forEach((e=>{e.querySelectorAll("vscode-table-cell").forEach(((e,s)=>{e.columnLabel=t[s],e.compact=!0}))}))}_clearCompactViewColumnLabels(){this.querySelectorAll("vscode-table-cell").forEach((t=>{t.columnLabel="",t.compact=!1}))}_toggleCompactView(){const t=this.getBoundingClientRect().width<this.breakpoint;this.compact!==t&&(this.compact=t,t?this._applyCompactViewColumnLabels():this._clearCompactViewColumnLabels())}_onDefaultSlotChange(){this._assignedElements.forEach((t=>{"vscode-table-header"!==t.tagName.toLowerCase()?"vscode-table-body"!==t.tagName.toLowerCase()||(t.slot="body"):t.slot="header"}))}_onHeaderSlotChange(){this._headerCells=this._queryHeaderCells()}_onBodySlotChange(){if(this._initDefaultColumnSizes(),this._initResizeObserver(),this._updateResizeHandlersSize(),!this._bodyResizeObserver){const t=this._assignedBodyElements[0]??null;t&&(this._bodyResizeObserver=new ResizeObserver(this._bodyResizeObserverCallback),this._bodyResizeObserver.observe(t))}}_onSashMouseOver(t){if(this._isDragging)return;const e=t.currentTarget,s=Number(e.dataset.index);this._sashHovers[s]=!0,this.requestUpdate()}_onSashMouseOut(t){if(t.stopPropagation(),this._isDragging)return;const e=t.currentTarget,s=Number(e.dataset.index);this._sashHovers[s]=!1,this.requestUpdate()}_onSashMouseDown(t){t.stopPropagation();const{pageX:e,currentTarget:s}=t,i=s,o=Number(i.dataset.index),r=i.getBoundingClientRect().x;this._isDragging=!0,this._activeSashElementIndex=o,this._sashHovers[this._activeSashElementIndex]=!0,this._activeSashCursorOffset=this._px2Percent(e-r);const n=this._getHeaderCells();this._headerCellsToResize=[],this._headerCellsToResize.push(n[o]),n[o+1]&&(this._headerCellsToResize[1]=n[o+1]);const a=this._bodySlot.assignedElements()[0].querySelectorAll("vscode-table-row:first-child > vscode-table-cell");this._cellsToResize=[],this._cellsToResize.push(a[o]),a[o+1]&&this._cellsToResize.push(a[o+1]),document.addEventListener("mousemove",this._onResizingMouseMove),document.addEventListener("mouseup",this._onResizingMouseUp)}_updateActiveSashPosition(t){const{prevSashPos:e,nextSashPos:s}=this._getSashPositions();let i=Ws(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=Et({sash:!0,hover:this._sashHovers[e],resizable:this.resizable}),i=`${t}%`;return this.resizable?L`
|
|
2462
|
-
<div
|
|
2463
|
-
class=${s}
|
|
2464
|
-
data-index=${e}
|
|
2465
|
-
.style=${It({left:i})}
|
|
2466
|
-
@mousedown=${this._onSashMouseDown}
|
|
2467
|
-
@mouseover=${this._onSashMouseOver}
|
|
2468
|
-
@mouseout=${this._onSashMouseOut}
|
|
2469
|
-
>
|
|
2470
|
-
<div class="sash-visible"></div>
|
|
2471
|
-
<div class="sash-clickable"></div>
|
|
2472
|
-
</div>
|
|
2473
|
-
`:L`<div
|
|
2474
|
-
class=${s}
|
|
2475
|
-
data-index=${e}
|
|
2476
|
-
.style=${It({left:i})}
|
|
2477
|
-
>
|
|
2478
|
-
<div class="sash-visible"></div>
|
|
2479
|
-
</div>`})),e=Et({wrapper:!0,"select-disabled":this._isDragging,"resize-cursor":this._isDragging,"compact-view":this.compact});return L`
|
|
2480
|
-
<div class=${e}>
|
|
2481
|
-
<div class="header">
|
|
2482
|
-
<slot name="caption"></slot>
|
|
2483
|
-
<div class="header-slot-wrapper">
|
|
2484
|
-
<slot name="header" @slotchange=${this._onHeaderSlotChange}></slot>
|
|
2485
|
-
</div>
|
|
2486
|
-
</div>
|
|
2487
|
-
<vscode-scrollable class="scrollable">
|
|
2488
|
-
<div>
|
|
2489
|
-
<slot name="body" @slotchange=${this._onBodySlotChange}></slot>
|
|
2490
|
-
</div>
|
|
2491
|
-
</vscode-scrollable>
|
|
2492
|
-
${t}
|
|
2493
|
-
<slot @slotchange=${this._onDefaultSlotChange}></slot>
|
|
2494
|
-
</div>
|
|
2495
|
-
`}};Ys.styles=Gs,Js([dt({reflect:!0})],Ys.prototype,"role",void 0),Js([dt({type:Boolean,reflect:!0})],Ys.prototype,"resizable",void 0),Js([dt({type:Boolean,reflect:!0})],Ys.prototype,"responsive",void 0),Js([dt({type:Boolean,reflect:!0})],Ys.prototype,"bordered",void 0),Js([dt({type:Boolean,reflect:!0,attribute:"bordered-columns"})],Ys.prototype,"borderedColumns",void 0),Js([dt({type:Boolean,reflect:!0,attribute:"bordered-rows"})],Ys.prototype,"borderedRows",void 0),Js([dt({type:Number})],Ys.prototype,"breakpoint",void 0),Js([dt({type:Array})],Ys.prototype,"columns",null),Js([dt({attribute:"min-column-width"})],Ys.prototype,"minColumnWidth",void 0),Js([dt({type:Boolean,reflect:!0,attribute:"delayed-resizing"})],Ys.prototype,"delayedResizing",void 0),Js([dt({type:Boolean,reflect:!0})],Ys.prototype,"compact",void 0),Js([dt({type:Boolean,reflect:!0})],Ys.prototype,"zebra",void 0),Js([dt({type:Boolean,reflect:!0,attribute:"zebra-odd"})],Ys.prototype,"zebraOdd",void 0),Js([pt('slot[name="body"]')],Ys.prototype,"_bodySlot",void 0),Js([pt(".header")],Ys.prototype,"_headerElement",void 0),Js([pt(".scrollable")],Ys.prototype,"_scrollableElement",void 0),Js([function(t){return(e,s)=>vt(0,0,{get(){return(this.renderRoot??(bt??=document.createDocumentFragment())).querySelectorAll(t)}})}(".sash-visible")],Ys.prototype,"_sashVisibleElements",void 0),Js([ft({flatten:!0,selector:"vscode-table-header, vscode-table-body"})],Ys.prototype,"_assignedElements",void 0),Js([ft({slot:"header",flatten:!0,selector:"vscode-table-header"})],Ys.prototype,"_assignedHeaderElements",void 0),Js([ft({slot:"body",flatten:!0,selector:"vscode-table-body"})],Ys.prototype,"_assignedBodyElements",void 0),Js([ut()],Ys.prototype,"_sashPositions",void 0),Js([ut()],Ys.prototype,"_isDragging",void 0),Ys=Js([yt("vscode-table")],Ys);const Xs=[wt,n`
|
|
2496
|
-
:host {
|
|
2497
|
-
display: block;
|
|
2553
|
+
input:read-only:not([type='file']) {
|
|
2554
|
+
cursor: not-allowed;
|
|
2498
2555
|
}
|
|
2499
2556
|
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
font-family: var(--vscode-font-family);
|
|
2504
|
-
font-size: var(--vscode-font-size);
|
|
2505
|
-
font-weight: var(--vscode-font-weight);
|
|
2506
|
-
width: 100%;
|
|
2557
|
+
input::placeholder {
|
|
2558
|
+
color: var(--vscode-input-placeholderForeground, #989898);
|
|
2559
|
+
opacity: 1;
|
|
2507
2560
|
}
|
|
2508
2561
|
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2562
|
+
input[type='file'] {
|
|
2563
|
+
line-height: 24px;
|
|
2564
|
+
padding-bottom: 0;
|
|
2565
|
+
padding-left: 2px;
|
|
2566
|
+
padding-top: 0;
|
|
2513
2567
|
}
|
|
2514
2568
|
|
|
2515
|
-
|
|
2516
|
-
background-color: var(--vscode-
|
|
2517
|
-
border
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2569
|
+
input[type='file']::file-selector-button {
|
|
2570
|
+
background-color: var(--vscode-button-background, #0078d4);
|
|
2571
|
+
border: 0;
|
|
2572
|
+
border-radius: 2px;
|
|
2573
|
+
color: var(--vscode-button-foreground, #ffffff);
|
|
2574
|
+
cursor: pointer;
|
|
2575
|
+
font-family: var(--vscode-font-family, ${ei});
|
|
2576
|
+
font-size: var(--vscode-font-size, 13px);
|
|
2577
|
+
font-weight: var(--vscode-font-weight, 'normal');
|
|
2578
|
+
line-height: 20px;
|
|
2579
|
+
padding: 0 14px;
|
|
2521
2580
|
}
|
|
2522
2581
|
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
margin-left: auto;
|
|
2582
|
+
input[type='file']::file-selector-button:hover {
|
|
2583
|
+
background-color: var(--vscode-button-hoverBackground, #026ec1);
|
|
2526
2584
|
}
|
|
2527
|
-
`];var
|
|
2528
|
-
<
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2585
|
+
`];var ii=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 oi=class extends wt{set type(t){this._type=["color","date","datetime-local","email","file","month","number","password","search","tel","text","time","url","week"].includes(t)?t:"text"}get type(){return this._type}set value(t){"file"!==this.type&&(this._value=t,this._internals.setFormValue(t)),this.updateComplete.then((()=>{this._setValidityFromInput()}))}get value(){return this._value}set minlength(t){this.minLength=t}get minlength(){return this.minLength}set maxlength(t){this.maxLength=t}get maxlength(){return this.maxLength}get form(){return this._internals.form}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}get willValidate(){return this._internals.willValidate}checkValidity(){return this._setValidityFromInput(),this._internals.checkValidity()}reportValidity(){return this._setValidityFromInput(),this._internals.reportValidity()}get wrappedElement(){return this._inputEl}constructor(){super(),this.autocomplete=void 0,this.autofocus=!1,this.defaultValue="",this.disabled=!1,this.focused=!1,this.invalid=!1,this.label="",this.max=void 0,this.maxLength=void 0,this.min=void 0,this.minLength=void 0,this.multiple=!1,this.name=void 0,this.pattern=void 0,this.placeholder=void 0,this.readonly=!1,this.required=!1,this.step=void 0,this._value="",this._type="text",this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._inputEl.checkValidity(),this._setValidityFromInput(),this._internals.setFormValue(this._inputEl.value)}))}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s);["max","maxlength","min","minlength","pattern","required","step"].includes(t)&&this.updateComplete.then((()=>{this._setValidityFromInput()}))}formResetCallback(){this.value=this.defaultValue,this.requestUpdate()}formStateRestoreCallback(t,e){this.value=t}_dataChanged(){if(this._value=this._inputEl.value,"file"===this.type&&this._inputEl.files)for(const t of this._inputEl.files)this._internals.setFormValue(t);else this._internals.setFormValue(this._inputEl.value)}_setValidityFromInput(){this._inputEl&&this._internals.setValidity(this._inputEl.validity,this._inputEl.validationMessage,this._inputEl)}_onInput(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new CustomEvent("vsc-input",{detail:{data:t.data,originalEvent:t}}))}_onChange(t){this._dataChanged(),this._setValidityFromInput(),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("vsc-change",{detail:{data:this.value,originalEvent:t}}))}_onFocus(){this.focused=!0}_onBlur(){this.focused=!1}_onKeyDown(t){"Enter"===t.key&&this._internals.form&&this._internals.form?.requestSubmit()}render(){return U`
|
|
2586
|
+
<slot name="content-before"></slot>
|
|
2587
|
+
<input
|
|
2588
|
+
id="input"
|
|
2589
|
+
type=${this.type}
|
|
2590
|
+
?autofocus=${this.autofocus}
|
|
2591
|
+
autocomplete=${Mt(this.autocomplete)}
|
|
2592
|
+
aria-label=${this.label}
|
|
2593
|
+
?disabled=${this.disabled}
|
|
2594
|
+
max=${Mt(this.max)}
|
|
2595
|
+
maxlength=${Mt(this.maxLength)}
|
|
2596
|
+
min=${Mt(this.min)}
|
|
2597
|
+
minlength=${Mt(this.minLength)}
|
|
2598
|
+
?multiple=${this.multiple}
|
|
2599
|
+
name=${Mt(this.name)}
|
|
2600
|
+
pattern=${Mt(this.pattern)}
|
|
2601
|
+
placeholder=${Mt(this.placeholder)}
|
|
2602
|
+
?readonly=${this.readonly}
|
|
2603
|
+
?required=${this.required}
|
|
2604
|
+
step=${Mt(this.step)}
|
|
2605
|
+
.value=${this._value}
|
|
2606
|
+
@blur=${this._onBlur}
|
|
2607
|
+
@change=${this._onChange}
|
|
2608
|
+
@focus=${this._onFocus}
|
|
2609
|
+
@input=${this._onInput}
|
|
2610
|
+
@keydown=${this._onKeyDown}
|
|
2532
2611
|
>
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
</div>
|
|
2536
|
-
<slot @slotchange=${this._onMainSlotChange}></slot>
|
|
2537
|
-
`}};Qs.styles=Xs,Zs([dt({type:Boolean,reflect:!0})],Qs.prototype,"panel",void 0),Zs([dt({reflect:!0})],Qs.prototype,"role",void 0),Zs([dt({type:Number,reflect:!0,attribute:"selected-index"})],Qs.prototype,"selectedIndex",void 0),Zs([ft({slot:"header"})],Qs.prototype,"_headerSlotElements",void 0),Zs([ft()],Qs.prototype,"_mainSlotElements",void 0),Qs=Zs([yt("vscode-tabs")],Qs);const ti=[wt,n`
|
|
2612
|
+
<slot name="content-after"></slot>
|
|
2613
|
+
`}};oi.styles=si,oi.formAssociated=!0,oi.shadowRootOptions={...ct.shadowRootOptions,delegatesFocus:!0},ii([pt()],oi.prototype,"autocomplete",void 0),ii([pt({type:Boolean,reflect:!0})],oi.prototype,"autofocus",void 0),ii([pt({attribute:"default-value"})],oi.prototype,"defaultValue",void 0),ii([pt({type:Boolean,reflect:!0})],oi.prototype,"disabled",void 0),ii([pt({type:Boolean,reflect:!0})],oi.prototype,"focused",void 0),ii([pt({type:Boolean,reflect:!0})],oi.prototype,"invalid",void 0),ii([pt({attribute:!1})],oi.prototype,"label",void 0),ii([pt({type:Number})],oi.prototype,"max",void 0),ii([pt({type:Number})],oi.prototype,"maxLength",void 0),ii([pt({type:Number})],oi.prototype,"min",void 0),ii([pt({type:Number})],oi.prototype,"minLength",void 0),ii([pt({type:Boolean,reflect:!0})],oi.prototype,"multiple",void 0),ii([pt({reflect:!0})],oi.prototype,"name",void 0),ii([pt()],oi.prototype,"pattern",void 0),ii([pt()],oi.prototype,"placeholder",void 0),ii([pt({type:Boolean,reflect:!0})],oi.prototype,"readonly",void 0),ii([pt({type:Boolean,reflect:!0})],oi.prototype,"required",void 0),ii([pt({type:Number})],oi.prototype,"step",void 0),ii([pt({reflect:!0})],oi.prototype,"type",null),ii([pt()],oi.prototype,"value",null),ii([ft("#input")],oi.prototype,"_inputEl",void 0),ii([vt()],oi.prototype,"_value",void 0),ii([vt()],oi.prototype,"_type",void 0),oi=ii([kt("vscode-textfield")],oi);const ri=[$t,n`
|
|
2538
2614
|
:host {
|
|
2539
2615
|
display: inline-flex;
|
|
2540
2616
|
}
|
|
@@ -2603,28 +2679,28 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2603
2679
|
slot.textOnly:not(.empty) {
|
|
2604
2680
|
padding: 0 5px;
|
|
2605
2681
|
}
|
|
2606
|
-
`];var
|
|
2682
|
+
`];var ni=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 li=class extends wt{constructor(){super(...arguments),this.icon="",this.label=void 0,this.toggleable=!1,this.checked=!1,this._isSlotEmpty=!0}_handleSlotChange(){this._isSlotEmpty=!((this._assignedNodes?.length??0)>0)}_handleButtonClick(){this.toggleable&&(this.checked=!this.checked,this.dispatchEvent(new Event("change")))}render(){const t=this.checked?"true":"false";return U`
|
|
2607
2683
|
<button
|
|
2608
2684
|
type="button"
|
|
2609
|
-
aria-label=${
|
|
2610
|
-
role=${
|
|
2611
|
-
aria-checked=${
|
|
2612
|
-
class=${
|
|
2685
|
+
aria-label=${Mt(this.label)}
|
|
2686
|
+
role=${Mt(this.toggleable?"switch":void 0)}
|
|
2687
|
+
aria-checked=${Mt(this.toggleable?t:void 0)}
|
|
2688
|
+
class=${It({checked:this.toggleable&&this.checked})}
|
|
2613
2689
|
@click=${this._handleButtonClick}
|
|
2614
2690
|
>
|
|
2615
|
-
${this.icon?
|
|
2691
|
+
${this.icon?U`<vscode-icon name=${this.icon}></vscode-icon>`:K}
|
|
2616
2692
|
<slot
|
|
2617
2693
|
@slotchange=${this._handleSlotChange}
|
|
2618
|
-
class=${
|
|
2694
|
+
class=${It({empty:this._isSlotEmpty,textOnly:!this.icon})}
|
|
2619
2695
|
></slot>
|
|
2620
2696
|
</button>
|
|
2621
|
-
`}};
|
|
2697
|
+
`}};li.styles=ri,ni([pt({reflect:!0})],li.prototype,"icon",void 0),ni([pt()],li.prototype,"label",void 0),ni([pt({type:Boolean,reflect:!0})],li.prototype,"toggleable",void 0),ni([pt({type:Boolean,reflect:!0})],li.prototype,"checked",void 0),ni([vt()],li.prototype,"_isSlotEmpty",void 0),ni([function(t){return(e,s)=>{const{slot:i}={},o="slot"+(i?`[name=${i}]`:":not([name])");return bt(0,0,{get(){const e=this.renderRoot?.querySelector(o);return e?.assignedNodes(t)??[]}})}}()],li.prototype,"_assignedNodes",void 0),li=ni([kt("vscode-toolbar-button")],li);const ai=[$t,n`
|
|
2622
2698
|
:host {
|
|
2623
2699
|
gap: 4px;
|
|
2624
2700
|
display: flex;
|
|
2625
2701
|
align-items: center;
|
|
2626
2702
|
}
|
|
2627
|
-
`];var
|
|
2703
|
+
`];var ci=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 hi=class extends wt{render(){return U` <slot></slot> `}};hi.styles=ai,hi=ci([kt("vscode-toolbar-container")],hi);const di=[$t,n`
|
|
2628
2704
|
:host {
|
|
2629
2705
|
--hover-outline-color: transparent;
|
|
2630
2706
|
--hover-outline-style: solid;
|
|
@@ -2870,65 +2946,65 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2870
2946
|
:host([indent-guides]) ul ul.has-active-item:before {
|
|
2871
2947
|
background-color: var(--vscode-tree-indentGuidesStroke);
|
|
2872
2948
|
}
|
|
2873
|
-
`];var
|
|
2949
|
+
`];var ui=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 pi=(t,e=[])=>{const s=[];return t.forEach(((t,i)=>{const o=[...e,i],r={...t,path:o};t.subItems&&(r.subItems=pi(t.subItems,o)),s.push(r)})),s},vi=t=>!!(t.subItems&&Array.isArray(t.subItems)&&t?.subItems?.length>0);let bi=class extends wt{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=pi(t),this.requestUpdate("data",e)}get data(){return this._data}closeAll(){this._closeSubTreeRecursively(this.data),this.requestUpdate()}deselectAll(){this._deselectItemsRecursively(this.data),this.requestUpdate()}getItemByPath(t){return this._getItemByPath(t)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleComponentKeyDownBound)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleComponentKeyDownBound)}_getItemByPath(t){let e=this._data,s=null;return t.forEach(((i,o)=>{o===t.length-1?s=e[i]:e=e[i].subItems})),s}_handleActionClick(t){t.stopPropagation();const e=t.target,s=e.dataset.itemPath,i=e.dataset.index;let o=null,r="",n="";if(s){const t=s.split("/").map((t=>Number(t)));if(o=this._getItemByPath(t),o?.actions){const t=Number(i);o.actions[t]&&(r=o.actions[t].actionId)}o?.value&&(n=o.value)}this.dispatchEvent(new CustomEvent("vsc-run-action",{detail:{actionId:r,item:o,value:n}})),this.dispatchEvent(new CustomEvent("vsc-tree-action",{detail:{actionId:r,item:o,value:n}}))}_renderIconVariant(t){const{type:e,value:s}=t;return"themeicon"===e?U`<vscode-icon name=${s} class="theme-icon"></vscode-icon>`:U`<span
|
|
2874
2950
|
class="image-icon"
|
|
2875
|
-
.style=${
|
|
2876
|
-
></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
|
|
2951
|
+
.style=${Ft({backgroundImage:`url(${s})`})}
|
|
2952
|
+
></span>`}_renderIcon(t){const e={branch:{value:"folder",type:"themeicon"},open:{value:"folder-opened",type:"themeicon"},leaf:{value:"file",type:"themeicon"}};if(t.iconUrls)t.iconUrls.branch&&(e.branch={value:t.iconUrls.branch,type:"image"}),t.iconUrls.leaf&&(e.leaf={value:t.iconUrls.leaf,type:"image"}),t.iconUrls.open&&(e.open={value:t.iconUrls.open,type:"image"});else if("object"==typeof t.icons)t.icons.branch&&(e.branch={value:t.icons.branch,type:"themeicon"}),t.icons.leaf&&(e.leaf={value:t.icons.leaf,type:"themeicon"}),t.icons.open&&(e.open={value:t.icons.open,type:"themeicon"});else if(!t.icons)return U`${K}`;return vi(t)?t.open?this._renderIconVariant(e.open):this._renderIconVariant(e.branch):this._renderIconVariant(e.leaf)}_renderArrow(t){if(!this.arrows||!vi(t))return U`${K}`;const{open:e=!1}=t;return U`
|
|
2877
2953
|
<div class="arrow-container">
|
|
2878
2954
|
<vscode-icon name=${e?"chevron-down":"chevron-right"} class="icon-arrow"></vscode-icon>
|
|
2879
2955
|
</div>
|
|
2880
|
-
`}_renderActions(t){const e=[];return t.actions&&Array.isArray(t.actions)&&t.actions.forEach(((s,i)=>{if(s.icon){const o=
|
|
2956
|
+
`}_renderActions(t){const e=[];return t.actions&&Array.isArray(t.actions)&&t.actions.forEach(((s,i)=>{if(s.icon){const o=U`<vscode-icon
|
|
2881
2957
|
name=${s.icon}
|
|
2882
2958
|
action-icon
|
|
2883
|
-
title=${
|
|
2884
|
-
data-item-path=${
|
|
2959
|
+
title=${Mt(s.tooltip)}
|
|
2960
|
+
data-item-path=${Mt(t.path?.join("/"))}
|
|
2885
2961
|
data-index=${i}
|
|
2886
2962
|
class="action-icon"
|
|
2887
2963
|
@click=${this._handleActionClick}
|
|
2888
|
-
></vscode-icon>`;e.push(o)}})),e.length>0?
|
|
2964
|
+
></vscode-icon>`;e.push(o)}})),e.length>0?U`<div class="actions">${e}</div>`:U`${K}`}_renderDecorations(t){const e=[];return t.decorations&&Array.isArray(t.decorations)&&t.decorations.forEach((t=>{const{appearance:s="text",visibleWhen:i="always",content:o="",color:r="",focusedColor:n="",hoverColor:l="",selectedColor:a=""}=t,c=`visible-when-${i}`,h={};switch(r&&(h["--color"]=r),n&&(h["--focused-color"]=n),l&&(h["--hover-color"]=l),a&&(h["--selected-color"]=a),s){case"counter-badge":e.push(U`<vscode-badge
|
|
2889
2965
|
variant="counter"
|
|
2890
|
-
class=${["counter-badge",
|
|
2966
|
+
class=${["counter-badge",c].join(" ")}
|
|
2891
2967
|
part="counter-badge-decoration"
|
|
2892
2968
|
>${o}</vscode-badge
|
|
2893
|
-
>`);break;case"filled-circle":e.push(
|
|
2969
|
+
>`);break;case"filled-circle":e.push(U`<vscode-icon
|
|
2894
2970
|
name="circle-filled"
|
|
2895
2971
|
size="14"
|
|
2896
|
-
class=${["filled-circle",
|
|
2972
|
+
class=${["filled-circle",c].join(" ")}
|
|
2897
2973
|
part="filled-circle-decoration"
|
|
2898
|
-
.style=${
|
|
2899
|
-
></vscode-icon>`);break;case"text":e.push(
|
|
2900
|
-
class=${["decoration-text",
|
|
2974
|
+
.style=${Ft(h)}
|
|
2975
|
+
></vscode-icon>`);break;case"text":e.push(U`<div
|
|
2976
|
+
class=${["decoration-text",c].join(" ")}
|
|
2901
2977
|
part="caption-decoration"
|
|
2902
|
-
.style=${
|
|
2978
|
+
.style=${Ft(h)}
|
|
2903
2979
|
>
|
|
2904
2980
|
${o}
|
|
2905
|
-
</div>`)}})),e.length>0?
|
|
2981
|
+
</div>`)}})),e.length>0?U`<div class="decorations" part="decorations">
|
|
2906
2982
|
${e}
|
|
2907
|
-
</div>`:
|
|
2908
|
-
.style=${
|
|
2909
|
-
class=${
|
|
2983
|
+
</div>`:U`${K}`}_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,p=["contents"],v=s?["open"]:[],b=(c.length-1)*this.indent,f=this.arrows&&"leaf"===h?30+b:b,g=this._renderArrow(t),m=this._renderIcon(t),x=this.arrows?b+16:b+3,y=s&&"branch"===h?U`<ul
|
|
2984
|
+
.style=${Ft({"--indent-guide-pos":`${x}px`})}
|
|
2985
|
+
class=${It({"has-active-item":d||u})}
|
|
2910
2986
|
>
|
|
2911
|
-
${this._renderTree(c
|
|
2912
|
-
</ul>`:
|
|
2913
|
-
<li data-path=${
|
|
2987
|
+
${this._renderTree(a,c)}
|
|
2988
|
+
</ul>`:K,w=o?U`<span class="description" part="description">${o}</span>`:K,k=this._renderActions(t),$=this._renderDecorations(t);return v.push(h),n&&p.push("selected"),l&&p.push("focused"),U`
|
|
2989
|
+
<li data-path=${c.join("/")} class=${v.join(" ")}>
|
|
2914
2990
|
<div
|
|
2915
|
-
class=${
|
|
2916
|
-
.style=${
|
|
2991
|
+
class=${p.join(" ")}
|
|
2992
|
+
.style=${Ft({paddingLeft:`${f+3}px`})}
|
|
2917
2993
|
>
|
|
2918
2994
|
${g}${m}<span
|
|
2919
2995
|
class="text-content"
|
|
2920
2996
|
part="text-content"
|
|
2921
|
-
title=${
|
|
2997
|
+
title=${Mt(r)}
|
|
2922
2998
|
>${i}${w}</span
|
|
2923
2999
|
>
|
|
2924
3000
|
${k} ${$}
|
|
2925
3001
|
</div>
|
|
2926
3002
|
${y}
|
|
2927
3003
|
</li>
|
|
2928
|
-
`}_renderTree(t,e=[]){const s=[];return t?(t.forEach(((t,i)=>{const o=[...e,i],r=
|
|
3004
|
+
`}_renderTree(t,e=[]){const s=[];return t?(t.forEach(((t,i)=>{const o=[...e,i],r=vi(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):K}_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))),vi(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:vi(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=It({multi:this.multiline,single:!this.multiline,wrapper:!0,"has-not-focused-item":!this._focusedItem,"selection-none":!this._selectedItem,"selection-single":null!==this._selectedItem});return U`
|
|
2929
3005
|
<div @click=${this._handleClick} class=${t}>
|
|
2930
3006
|
<ul>
|
|
2931
3007
|
${this._renderTree(this._data)}
|
|
2932
3008
|
</ul>
|
|
2933
3009
|
</div>
|
|
2934
|
-
`}};
|
|
3010
|
+
`}};bi.styles=di,ui([pt({type:Array,reflect:!1})],bi.prototype,"data",null),ui([pt({type:Number})],bi.prototype,"indent",void 0),ui([pt({type:Boolean,reflect:!0})],bi.prototype,"arrows",void 0),ui([pt({type:Boolean,reflect:!0})],bi.prototype,"multiline",void 0),ui([pt({type:Number,reflect:!0})],bi.prototype,"tabindex",void 0),ui([pt({type:Boolean,reflect:!0,attribute:"indent-guides"})],bi.prototype,"indentGuides",void 0),ui([vt()],bi.prototype,"_selectedItem",void 0),ui([vt()],bi.prototype,"_focusedItem",void 0),ui([vt()],bi.prototype,"_selectedBranch",void 0),ui([vt()],bi.prototype,"_focusedBranch",void 0),bi=ui([kt("vscode-tree")],bi);export{Bt as VscodeBadge,Lt as VscodeButton,Ht as VscodeButtonGroup,Qt as VscodeCheckbox,se as VscodeCheckboxGroup,re as VscodeCollapsible,de as VscodeContextMenu,ae as VscodeContextMenuItem,ve as VscodeDivider,ye as VscodeFormContainer,$e as VscodeFormGroup,Be as VscodeFormHelper,Vt as VscodeIcon,je as VscodeLabel,ss as VscodeMultiSelect,qe as VscodeOption,rs as VscodeProgressRing,as as VscodeRadio,ds as VscodeRadioGroup,fs as VscodeScrollable,ps as VscodeSingleSelect,$s as VscodeSplitLayout,Ss as VscodeTabHeader,zs as VscodeTabPanel,Gs as VscodeTable,js as VscodeTableBody,Fs as VscodeTableCell,Ns as VscodeTableHeader,Rs as VscodeTableHeaderCell,qs as VscodeTableRow,Xs as VscodeTabs,ti as VscodeTextarea,oi as VscodeTextfield,li as VscodeToolbarButton,hi as VscodeToolbarContainer,bi as VscodeTree};
|