simdeck 0.1.4 → 0.1.5

package/client/dist/chrome-devtools-ui/ui/components/input/input.js

@@ -0,0 +1 @@
+var e={cssText:`input[type="checkbox"]{width:12px;height:12px;accent-color:var(--sys-color-primary-bright);color:var(--sys-color-on-primary);position:relative;outline:none;display:flex;align-items:center;justify-content:center;&:hover::after,\n  &:active::before{content:"";height:24px;width:24px;border-radius:var(--sys-shape-corner-full);position:absolute}&:not(:disabled):hover::after{background-color:var(--sys-color-state-hover-on-subtle)}&:not(:disabled):active::before{background-color:var(--sys-color-state-ripple-neutral-on-subtle)}&:not(:disabled):focus-visible::before{content:"";height:15px;width:15px;border-radius:5px;position:absolute;border:2px solid var(--sys-color-state-focus-ring)}&.small:hover::after,\n  &.small:active::before{height:12px;width:12px;border-radius:2px}}\n/*# sourceURL=${import.meta.resolve("./checkbox.css")} */\n`},o={cssText:`.devtools-text-input{height:32px;width:100%;padding:8px 11px;line-height:1.16;letter-spacing:0.015em;border:1px solid var(--sys-color-neutral-outline);color:var(--sys-color-on-surface);border-radius:3px;background-color:var(--sys-color-cdt-base-container);font-family:inherit;font-size:inherit}.devtools-text-input:focus-visible{outline:none;border-color:var(--sys-color-state-focus-ring)}.devtools-text-input::placeholder{color:var(--sys-color-state-disabled)}\n/*# sourceURL=${import.meta.resolve("./textInput.css")} */\n`};const t=new CSSStyleSheet;t.replaceSync(e.cssText);const r=new CSSStyleSheet;r.replaceSync(o.cssText);export{t as checkboxStyles,e as checkboxStylesRaw,r as textInputStyles,o as textInputStylesRaw};

package/client/dist/chrome-devtools-ui/ui/components/issue_counter/issue_counter.js

@@ -0,0 +1,10 @@
+import"../icon_button/icon_button.js";import*as e from"../../../core/common/common.js";import*as s from"../../../core/i18n/i18n.js";import*as t from"../../../models/issues_manager/issues_manager.js";import*as i from"../../lit/lit.js";import{render as o,html as r}from"../../lit/lit.js";import*as n from"../render_coordinator/render_coordinator.js";import*as a from"../../visual_logging/visual_logging.js";var l=`:host{white-space:normal;display:inline-block}\n/*# sourceURL=${import.meta.resolve("./issueCounter.css")} */\n`;const c={pageErrors:"{issueCount, plural, =1 {# page error} other {# page errors}}",breakingChanges:"{issueCount, plural, =1 {# breaking change} other {# breaking changes}}",possibleImprovements:"{issueCount, plural, =1 {# possible improvement} other {# possible improvements}}"},u=s.i18n.registerUIStrings("ui/components/issue_counter/IssueCounter.ts",c),h=s.i18n.getLocalizedString.bind(void 0,u);function d(e){switch(e){case"PageError":return{iconName:"issue-cross-filled",color:"var(--icon-error)",width:"20px",height:"20px"};case"BreakingChange":return{iconName:"issue-exclamation-filled",color:"var(--icon-warning)",width:"20px",height:"20px"};case"Improvement":return{iconName:"issue-text-filled",color:"var(--icon-info)",width:"20px",height:"20px"}}}function m({iconName:e,color:s,width:t,height:i},o){return o?{iconName:e,iconColor:s,iconWidth:o,iconHeight:o}:{iconName:e,iconColor:s,iconWidth:t,iconHeight:i}}const p=function(){let e;return{format(...t){if(!e){const t={type:"unit",style:"short"};e=new Intl.ListFormat(s.DevToolsLocale.DevToolsLocale.instance().locale,t)}return e.format(...t)}}}();class g extends HTMLElement{#e=this.attachShadow({mode:"open"});#s=void 0;#t=void 0;#i="";#o;#r=[0,0,0];#n="OmitEmpty";#a=void 0;#l=void 0;#c;#u=!1;scheduleUpdate(){this.#o?this.#o.schedule((async()=>this.#h())):this.#h()}set data(s){this.#s=s.clickHandler,this.#i=s.leadingText??"",this.#t=s.tooltipCallback,this.#n=s.displayMode??"OmitEmpty",this.#l=s.accessibleName,this.#c=s.throttlerTimeout,this.#u=Boolean(s.compact),this.#a!==s.issuesManager&&(this.#a?.removeEventListener("IssuesCountUpdated",this.scheduleUpdate,this),this.#a=s.issuesManager,this.#a.addEventListener("IssuesCountUpdated",this.scheduleUpdate,this)),0!==s.throttlerTimeout?this.#o=new e.Throttler.Throttler(s.throttlerTimeout??100):this.#o=void 0,this.scheduleUpdate()}get data(){return{clickHandler:this.#s,leadingText:this.#i,tooltipCallback:this.#t,displayMode:this.#n,accessibleName:this.#l,throttlerTimeout:this.#c,compact:this.#u,issuesManager:this.#a}}#h(){if(!this.#a)return;this.#r=[this.#a.numberOfIssues("PageError"),this.#a.numberOfIssues("BreakingChange"),this.#a.numberOfIssues("Improvement")];const e=["PageError","BreakingChange","Improvement"][this.#r.findIndex((e=>e>0))??2],s=(s,t)=>{switch(this.#n){case"OmitEmpty":return t>0?`${t}`:void 0;case"ShowAlways":return`${t}`;case"OnlyMostImportant":return s===e?`${t}`:void 0}},t="2ex",i={groups:[{...m(d("PageError"),t),text:s("PageError",this.#r[0])},{...m(d("BreakingChange"),t),text:s("BreakingChange",this.#r[1])},{...m(d("Improvement"),t),text:s("Improvement",this.#r[2])}],clickHandler:this.#s,leadingText:this.#i,accessibleName:this.#l,compact:this.#u};o(r`
+        <style>${l}</style>
+        <icon-button .data=${i} .accessibleName=${this.#l}></icon-button>
+        `,this.#e,{host:this}),this.#t?.()}}customElements.define("devtools-issue-counter",g);var v=Object.freeze({__proto__:null,IssueCounter:g,getIssueCountsEnumeration:function(e,s=!0){const t=[e.numberOfIssues("PageError"),e.numberOfIssues("BreakingChange"),e.numberOfIssues("Improvement")],i=[h(c.pageErrors,{issueCount:t[0]}),h(c.breakingChanges,{issueCount:t[1]}),h(c.possibleImprovements,{issueCount:t[2]})];return p.format(i.filter(((e,i)=>!s||t[i]>0)))},getIssueKindIconData:d}),I={cssText:`:host{display:inline-block;white-space:nowrap;color:inherit;font-size:inherit;font-family:inherit}:host([hidden]){display:none}button{border:none;background:transparent;margin:0;padding:0;&.link{cursor:pointer;& > span{color:var(--sys-color-primary)}}}devtools-icon{width:16px;height:16px;vertical-align:middle;&[name="issue-cross-filled"]{color:var(--icon-error)}&[name="issue-exclamation-filled"]{color:var(--icon-warning)}&[name="issue-text-filled"]{color:var(--icon-info)}}@media (forced-colors: active){devtools-icon{color:ButtonText}}\n/*# sourceURL=${import.meta.resolve("./issueLinkIcon.css")} */\n`};const k=new CSSStyleSheet;k.replaceSync(I.cssText);const{html:b}=i,f={clickToShowIssue:"Click to show issue in the issues tab",clickToShowIssueWithTitle:"Click to open the issue tab and show issue: {title}",issueUnavailable:"Issue unavailable at this time"},w=s.i18n.registerUIStrings("ui/components/issue_counter/IssueLinkIcon.ts",f),C=s.i18n.getLocalizedString.bind(void 0,w);class T extends HTMLElement{#e=this.attachShadow({mode:"open"});#d;#m=null;#p;#g;#v;#I=e.Revealer.reveal;set data(e){if(this.#d=e.issue,this.#p=e.issueId,this.#g=e.issueResolver,!this.#d){if(!this.#p)throw new Error("Either `issue` or `issueId` must be provided");if(!this.#g)throw new Error("An `IssueResolver` must be provided if an `issueId` is provided.")}this.#v=e.additionalOnClickAction,e.revealOverride&&(this.#I=e.revealOverride),this.#k(),this.#h()}async#k(){if(!this.#d&&this.#p)try{this.#d=await(this.#g?.waitFor(this.#p))}catch{this.#d=null}const e=this.#d?.getDescription();if(e){const s=await t.MarkdownIssueDescription.getIssueTitleFromMarkdownDescription(e);s&&(this.#m=s)}await this.#h()}connectedCallback(){this.#e.adoptedStyleSheets=[k]}get data(){return{issue:this.#d,issueId:this.#p,issueResolver:this.#g,additionalOnClickAction:this.#v,revealOverride:this.#I!==e.Revealer.reveal?this.#I:void 0}}handleClick(e){0===e.button&&(this.#d&&this.#I(this.#d),this.#v?.(),e.consume())}#b(){return this.#m?C(f.clickToShowIssueWithTitle,{title:this.#m}):this.#d?C(f.clickToShowIssue):C(f.issueUnavailable)}#f(){if(!this.#d)return"issue-questionmark-filled";const{iconName:e}=d(this.#d.getKind());return e}#h(){return n.write((()=>{i.render(b`
+      <button class=${i.Directives.classMap({link:Boolean(this.#d)})}
+              title=${this.#b()}
+              jslog=${a.link("issue").track({click:!0})}
+              @click=${this.handleClick}>
+        <devtools-icon name=${this.#f()}></devtools-icon>
+      </button>`,this.#e,{host:this})}))}}customElements.define("devtools-issue-link-icon",T);var x=Object.freeze({__proto__:null,IssueLinkIcon:T,extractShortPath:e=>(/[^/]+$/.exec(e)||/[^/]+\/$/.exec(e)||[""])[0]});export{v as IssueCounter,x as IssueLinkIcon};

package/client/dist/chrome-devtools-ui/ui/components/legacy_wrapper/legacy_wrapper.js

@@ -0,0 +1 @@
+import*as e from"../../visual_logging/visual_logging.js";class n extends HTMLElement{wrapper=null;async render(){}wasShown(){}willHide(){}}var t=Object.freeze({__proto__:null,WrappableComponent:n,legacyWrapper:function(n,t,o){return new class extends n{#e;constructor(...n){super(!0),this.#e=t,this.#e.wrapper=this,this.#e.render(),this.contentElement.appendChild(this.#e),o&&this.element.setAttribute("jslog",`${e.pane().context(o)}`)}wasShown(){this.#e.wasShown(),this.#e.render()}willHide(){this.#e.willHide()}async performUpdate(){await this.#e.render()}getComponent(){return this.#e}}}});export{t as LegacyWrapper};

package/client/dist/chrome-devtools-ui/ui/components/linkifier/linkifier.js

@@ -0,0 +1 @@
+import*as e from"../../../core/platform/platform.js";import*as t from"../../lit/lit.js";import*as i from"../render_coordinator/render_coordinator.js";import*as r from"../../../models/bindings/bindings.js";var n={cssText:`.link:link,\n.link:visited{color:var(--sys-color-primary);text-decoration:underline;cursor:pointer;outline-offset:2px}\n/*# sourceURL=${import.meta.resolve("./linkifierImpl.css")} */\n`};const o=new CSSStyleSheet;o.replaceSync(n.cssText);const{html:s}=t;class l extends Event{data;static eventName="linkifieractivated";constructor(e){super(l.eventName,{bubbles:!0,composed:!0}),this.data=e,this.data=e}}class a extends HTMLElement{#e=this.attachShadow({mode:"open"});#t=e.DevToolsPath.EmptyUrlString;#i;#r;#n;#o;set data(e){if(this.#t=e.url,this.#i=e.lineNumber,this.#r=e.columnNumber,this.#n=e.linkText,this.#o=e.title,!this.#t)throw new Error("Cannot construct a Linkifier without providing a valid string URL.");this.#s()}cloneNode(e){const t=super.cloneNode(e);return t.data={url:this.#t,lineNumber:this.#i,columnNumber:this.#r,linkText:this.#n,title:this.#o},t}connectedCallback(){this.#e.adoptedStyleSheets=[o]}#l(e){e.preventDefault();const t=new l({url:this.#t,lineNumber:this.#i,columnNumber:this.#r});this.dispatchEvent(t)}async#s(){const e=this.#n??function(e,t){if(e){let i=`${r.ResourceUtils.displayNameForURL(e)}`;return void 0!==t&&(i+=`:${t+1}`),i}throw new Error("New linkifier component error: don't know how to generate link text for given arguments")}(this.#t,this.#i);await i.write((()=>{t.render(s`<a class="link" href=${this.#t} @click=${this.#l} title=${t.Directives.ifDefined(this.#o)}><slot>${e}</slot></a>`,this.#e,{host:this})}))}}customElements.define("devtools-linkifier",a);var c=Object.freeze({__proto__:null,Linkifier:a,LinkifierClick:l});export{c as Linkifier};

package/client/dist/chrome-devtools-ui/ui/components/markdown_view/markdown_view.js

@@ -0,0 +1,51 @@
+import"../../legacy/legacy.js";import*as e from"../../../core/host/host.js";import*as t from"../../../core/i18n/i18n.js";import*as s from"../../../third_party/codemirror.next/codemirror.next.js";import"../buttons/buttons.js";import*as o from"../text_editor/text_editor.js";import*as r from"../../lit/lit.js";import{html as i,render as n}from"../../lit/lit.js";import*as a from"../../visual_logging/visual_logging.js";import"../icon_button/icon_button.js";var c={cssText:`*{margin:0;padding:0;box-sizing:border-box}:host{display:block;--code-block-max-code-height:none;--code-block-background-color:var(--sys-color-surface2)}.codeblock{box-sizing:border-box;color:var(--sys-color-on-surface)}.codeblock .editor-wrapper{color:var(--sys-color-on-surface);background:var(--code-block-background-color);padding:10px 5px 0;border-bottom-left-radius:var(--sys-shape-corner-extra-small);border-bottom-right-radius:var(--sys-shape-corner-extra-small)}.codeblock .editor-wrapper:has(.heading){padding:var(--sys-size-3) var(--sys-size-4) 0 5px}.codeblock:not(:has(.toolbar)) .editor-wrapper{border-radius:var(--sys-shape-corner-extra-small)}.codeblock .editor-wrapper .code{max-height:var(--code-block-max-code-height);overflow:auto;padding-bottom:10px}.heading{display:flex;justify-content:space-between;align-items:center;height:var(--sys-size-11)}.heading-text{font:var(--sys-typescale-body5-bold);padding-left:var(--sys-size-4);padding-right:var(--sys-size-2)}.codeblock .lang{padding:var(--sys-size-4) 0;flex:1}.codeblock .copy-button-container{display:flex;justify-content:center;align-items:center;font-size:var(--sys-typescale-body5-size);span{padding-right:var(--sys-size-4)}}.notice{margin-top:var(--sys-size-2);padding:var(--sys-size-4) var(--sys-size-5);background-color:var(--code-block-background-color);border-radius:var(--sys-shape-corner-extra-small);.link{font:var(--sys-typescale-body4-regular);color:var(--sys-color-primary);text-decoration-line:underline}}\n/*# sourceURL=${import.meta.resolve("./codeBlock.css")} */\n`};const d=new CSSStyleSheet;d.replaceSync(c.cssText);const{html:l}=r,h={code:"Code",copy:"Copy code",copied:"Copied to clipboard",disclaimer:"Use code snippets with caution"},p=t.i18n.registerUIStrings("ui/components/markdown_view/CodeBlock.ts",h),m=t.i18n.getLocalizedString.bind(void 0,p);class g extends HTMLElement{#e=this.attachShadow({mode:"open"});#t="";#s="";#o=1e3;#r;#i=!1;#n;#a=new s.Compartment;#c=!1;#d;#l=!0;connectedCallback(){this.#e.adoptedStyleSheets=[d],this.#h()}set code(e){this.#t=e,this.#n=s.EditorState.create({doc:this.#t,extensions:[o.Config.baseConfiguration(this.#t),s.EditorState.readOnly.of(!0),s.EditorView.lineWrapping,this.#a.of(s.javascript.javascript())]}),this.#h()}get code(){return this.#t}set codeLang(e){this.#s=e,this.#h()}set timeout(e){this.#o=e,this.#h()}set displayNotice(e){this.#c=e,this.#h()}set header(e){this.#d=e,this.#h()}set showCopyButton(e){this.#l=e,this.#h()}#p(){e.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(this.#t),this.#i=!0,this.#h(),clearTimeout(this.#r),this.#r=setTimeout((()=>{this.#i=!1,this.#h()}),this.#o)}#m(){return l`<p class="notice">
+      <x-link class="link" href="https://support.google.com/legal/answer/13505487" jslog=${a.link("code-disclaimer").track({click:!0})}>
+        ${m(h.disclaimer)}
+      </x-link>
+    </p>`}#g(){return l`
+      <div class="copy-button-container">
+        <devtools-button
+          .data=${{variant:"icon",size:"SMALL",jslogContext:"copy",iconName:"copy",title:m(h.copy)}}
+          @click=${this.#p}
+        ></devtools-button>
+        ${this.#i?l`<span>${m(h.copied)}</span>`:r.nothing}
+      </div>`}#u(){if(!this.#n)throw new Error("Unexpected: trying to render the text editor without editorState");return l`
+      <div class="code">
+        <devtools-text-editor .state=${this.#n}></devtools-text-editor>
+      </div>
+    `}#h(){const e=(this.#d??this.#s)||m(h.code);r.render(l`<div class='codeblock' jslog=${a.section("code")}>
+      <div class="editor-wrapper">
+        <div class="heading">
+          <h4 class="heading-text">${e}</h4>
+          ${this.#l?this.#g():r.nothing}
+        </div>
+        ${this.#u()}
+      </div>
+      ${this.#c?this.#m():r.nothing}
+    </div>`,this.#e,{host:this});const t=this.#e?.querySelector("devtools-text-editor")?.editor;if(!t)return;let o=s.html.html({autoCloseTags:!1,selfClosingTags:!0});switch(this.#s){case"js":o=s.javascript.javascript();break;case"ts":o=s.javascript.javascript({typescript:!0});break;case"jsx":o=s.javascript.javascript({jsx:!0});break;case"css":o=s.css.css()}t.dispatch({effects:this.#a.reconfigure(o)})}}customElements.define("devtools-code-block",g);var u=Object.freeze({__proto__:null,CodeBlock:g}),w={cssText:`.markdown-image{display:block}\n/*# sourceURL=${import.meta.resolve("./markdownImage.css")} */\n`};const k=new Map([]),f=e=>{const t=k.get(e);if(!t)throw new Error(`Markdown image with key '${e}' is not available, please check MarkdownImagesMap.ts`);return t};var v=Object.freeze({__proto__:null,getMarkdownImage:f,markdownImages:k});const y=new CSSStyleSheet;y.replaceSync(w.cssText);const{html:b,Directives:{ifDefined:x}}=r;class C extends HTMLElement{#e=this.attachShadow({mode:"open"});#w;#k;connectedCallback(){this.#e.adoptedStyleSheets=[y]}set data(e){const{key:t,title:s}=e,o=f(t);this.#w=o,this.#k=s,this.#h()}#f(){if(!this.#w)return b``;const{src:e,color:t,width:s="100%",height:o="100%"}=this.#w;return b`
+      <devtools-icon .data=${{iconPath:e,color:t,width:s,height:o}}></devtools-icon>
+    `}#v(){if(!this.#w)return b``;const{src:e,width:t="100%",height:s="100%"}=this.#w;return b`
+      <img class="markdown-image" src=${e} alt=${x(this.#k)} width=${t} height=${s} />
+    `}#h(){if(!this.#w)return;const{isIcon:e}=this.#w,t=e?this.#f():this.#v();r.render(t,this.#e,{host:this})}}customElements.define("devtools-markdown-image",C);var $=Object.freeze({__proto__:null,MarkdownImage:C}),T={cssText:`.devtools-link{color:var(--sys-color-primary);outline-offset:2px;text-decoration:underline}\n/*# sourceURL=${import.meta.resolve("./markdownLink.css")} */\n`};const S=new Map([["issuesContrastWCAG21AA","https://www.w3.org/TR/WCAG21/#contrast-minimum"],["issuesContrastWCAG21AAA","https://www.w3.org/TR/WCAG21/#contrast-enhanced"],["issuesContrastSuggestColor","https://developers.google.com/web/updates/2020/08/devtools#accessible-color"],["issuesCSPSetStrict","https://web.dev/strict-csp"],["issuesCSPWhyStrictOverAllowlist","https://web.dev/strict-csp/#why-a-strict-csp-is-recommended-over-allowlist-csps"],["issueCorsPreflightRequest","https://web.dev/cross-origin-resource-sharing/#preflight-requests-for-complex-http-calls"],["issueQuirksModeDoctype","https://web.dev/doctype/"],["sameSiteAndSameOrigin","https://web.dev/same-site-same-origin/"],["punycodeReference","https://wikipedia.org/wiki/Punycode"],["https://xhr.spec.whatwg.org/","https://xhr.spec.whatwg.org/"],["https://goo.gle/chrome-insecure-origins","https://goo.gle/chrome-insecure-origins"],["https://webrtc.org/web-apis/chrome/unified-plan/","https://webrtc.org/web-apis/chrome/unified-plan/"],["https://developer.chrome.com/blog/enabling-shared-array-buffer/","https://developer.chrome.com/blog/enabling-shared-array-buffer/"],["https://developer.chrome.com/docs/extensions/mv3/","https://developer.chrome.com/docs/extensions/mv3/"],["https://developer.chrome.com/blog/immutable-document-domain/","https://developer.chrome.com/blog/immutable-document-domain/"],["https://github.com/WICG/shared-element-transitions/blob/main/debugging_overflow_on_images.md","https://github.com/WICG/shared-element-transitions/blob/main/debugging_overflow_on_images.md"],["https://developer.chrome.com/docs/extensions/reference/privacy/#property-websites-privacySandboxEnabled","https://developer.chrome.com/docs/extensions/reference/privacy/#property-websites-privacySandboxEnabled"],["PNASecureContextRestrictionFeatureStatus","https://chromestatus.com/feature/5954091755241472"],["https://w3c.github.io/uievents/#legacy-event-types","https://w3c.github.io/uievents/#legacy-event-types"],["manageCookiesHelpPage","https://support.google.com/chrome/answer/95647"],["gracePeriodStagedControlExplainer","https://developers.google.com/privacy-sandbox/blog/grace-period-opt-out"],["signatureHeader","https://www.rfc-editor.org/rfc/rfc9421.html#name-the-signature-http-field"],["signatureInputHeader","https://www.rfc-editor.org/rfc/rfc9421.html#name-the-signature-input-http-fi"],["signatureParameters","https://www.rfc-editor.org/rfc/rfc9421.html#name-signature-parameters"],["sfDictionary","https://www.rfc-editor.org/rfc/rfc8941.html#name-dictionaries"],["sfByteSequence","https://www.rfc-editor.org/rfc/rfc8941.html#name-byte-sequences"],["sfInnerList","https://www.rfc-editor.org/rfc/rfc8941.html#name-inner-lists"],["componentParameterSf","https://www.rfc-editor.org/rfc/rfc9421.html#name-strict-serialization-of-htt"],["componentParameterReq","https://www.rfc-editor.org/rfc/rfc9421.html#content-request-response"],["unencodedDigestHeader","https://lpardue.github.io/draft-pardue-http-identity-digest/draft-pardue-httpbis-identity-digest.html"],["storagePartitioningExplainer","https://developers.google.com/privacy-sandbox/cookies/storage-partitioning"],["storageAccessAPI","https://developer.mozilla.org/en-US/docs/Web/API/StorageAccessHandle/createObjectURL"]]),_=e=>{if(/^https:\/\/www\.chromestatus\.com\//.test(e))return e;if(/^https:\/\/developer\.chrome\.com\//.test(e))return e;if(/^https:\/\/developers\.google\.com\//.test(e))return e;if(/^https:\/\/web\.dev\//.test(e))return e;if("https://philipwalton.com/articles/the-state-of-es5-on-the-web/"===e)return e;const t=S.get(e);if(!t)throw new Error(`Markdown link with key '${e}' is not available, please check MarkdownLinksMap.ts`);return t};var j=Object.freeze({__proto__:null,getMarkdownLink:_,markdownLinks:S});const M=new CSSStyleSheet;M.replaceSync(T.cssText);class L extends HTMLElement{#e=this.attachShadow({mode:"open"});#y="";#b="";connectedCallback(){this.#e.adoptedStyleSheets=[M]}set data(e){const{key:t,title:s}=e,o=_(t);this.#y=s,this.#b=o,this.#h()}#h(){const e=i`<x-link class="devtools-link" href=${this.#b} jslog=${a.link().track({click:!0})}
+    >${this.#y}</x-link>`;n(e,this.#e,{host:this})}}customElements.define("devtools-markdown-link",L);var z=Object.freeze({__proto__:null,MarkdownLink:L}),E={cssText:`:host{--code-background-color:var(--sys-color-surface4)}@keyframes typing{from{width:0}to{width:100%}}@keyframes expand{from{height:0}to{height:auto}}.animating{overflow:hidden;white-space:nowrap;animation:typing 0.4s steps(40,end)}devtools-code-block.animating{animation:expand 0.1s linear}.pending{display:none!important}.message{line-height:18px;font-size:12px;color:var(--sys-color-on-surface);user-select:text}.message p{margin:0}.message p:not(:first-child){margin-block-start:2px}.message p:not(:last-child){margin-bottom:10px}.message ul{list-style-type:none;padding-inline-start:var(--sys-size-8)}.message ul ul{padding-inline-start:19px}.message li{margin-top:8px;display:list-item;list-style-type:disc}.message code{color:var(--sys-color-on-surface);font-family:var(--monospace-font-family);font-size:11px;user-select:text;cursor:text;background-color:var(--code-background-color);border-radius:2px;padding:1px 3px}devtools-code-block{margin-bottom:var(--sys-size-5)}.citation{text-decoration:underline;color:var(--sys-color-primary);background-color:transparent;cursor:pointer;outline-offset:var(--sys-size-2);border:none;padding:0;font-size:10px;font-family:var(--default-font-family)}h1.insight, h2.insight, h3.insight, h4.insight, h5.insight, h6.insight{font:var(--sys-typescale-body4-bold);margin:var(--sys-size-1) 0 10px}\n/*# sourceURL=${import.meta.resolve("./markdownView.css")} */\n`};const A=new CSSStyleSheet;A.replaceSync(E.cssText);const I=r.html,F=r.render;class D extends HTMLElement{#e=this.attachShadow({mode:"open"});#x=[];#C=new H;#$=!1;#T=!1;connectedCallback(){this.#e.adoptedStyleSheets=[A]}set data(e){this.#x=e.tokens,e.renderer&&(this.#C=e.renderer),e.animationEnabled?(this.#$=!0,this.#C.addCustomClasses({paragraph:"pending",heading:"pending",list_item:"pending",code:"pending"})):this.#S(),this.#_()}#S(){const e=this.#e.querySelectorAll(".animating");for(const t of e)t.classList.remove("animating");const t=this.#e.querySelectorAll(".pending");for(const e of t)e.classList.remove("pending");this.#T=!1,this.#$=!1,this.#C.removeCustomClasses({paragraph:"pending",heading:"pending",list_item:"pending",code:"pending"})}#j(){if(this.#T)return;this.#T=!0;const e=()=>{const t=this.#e.querySelector(".pending");t?(t.addEventListener("animationend",(()=>{t.classList.remove("animating"),e()}),{once:!0}),t.classList.remove("pending"),t.classList.add("animating")):this.#T=!1};e()}#_(){this.#h(),this.#$&&this.#j()}#h(){F(I`
+      <div class='message'>
+        ${this.#x.map((e=>this.#C.renderToken(e)))}
+      </div>
+    `,this.#e,{host:this})}}customElements.define("devtools-markdown-view",D);class H{#M={};addCustomClasses(e){for(const[t,s]of Object.entries(e))this.#M[t]||(this.#M[t]=new Set),this.#M[t].add(s)}removeCustomClasses(e){for(const[t,s]of Object.entries(e))this.#M[t]&&this.#M[t].delete(s)}customClassMapForToken(e){const t=this.#M[e]||new Set,s=Object.fromEntries([...t].map((e=>[e,!0])));return r.Directives.classMap(s)}renderChildTokens(e){if("tokens"in e&&e.tokens)return e.tokens.map((e=>this.renderToken(e)));throw new Error("Tokens not found")}unescape(e){const t=new Map([["&amp;","&"],["&lt;","<"],["&gt;",">"],["&quot;",'"'],["&#39;","'"]]);return e.replace(/&(amp|lt|gt|quot|#39);/g,(e=>{const s=t.get(e);return s||e}))}renderText(e){return"tokens"in e&&e.tokens?I`${this.renderChildTokens(e)}`:I`${this.unescape("text"in e?e.text:"")}`}renderHeading(e){const t=this.customClassMapForToken("heading");switch(e.depth){case 1:return I`<h1 class=${t}>${this.renderText(e)}</h1>`;case 2:return I`<h2 class=${t}>${this.renderText(e)}</h2>`;case 3:return I`<h3 class=${t}>${this.renderText(e)}</h3>`;case 4:return I`<h4 class=${t}>${this.renderText(e)}</h4>`;case 5:return I`<h5 class=${t}>${this.renderText(e)}</h5>`;default:return I`<h6 class=${t}>${this.renderText(e)}</h6>`}}renderCodeBlock(e){return I`<devtools-code-block
+      class=${this.customClassMapForToken("code")}
+      .code=${this.unescape(e.text)}
+      .codeLang=${e.lang||""}>
+    </devtools-code-block>`}templateForToken(e){switch(e.type){case"paragraph":return I`<p class=${this.customClassMapForToken("paragraph")}>${this.renderChildTokens(e)}</p>`;case"list":return I`<ul class=${this.customClassMapForToken("list")}>${e.items.map((e=>this.renderToken(e)))}</ul>`;case"list_item":return I`<li class=${this.customClassMapForToken("list_item")}>${this.renderChildTokens(e)}</li>`;case"text":return this.renderText(e);case"codespan":return I`<code class=${this.customClassMapForToken("codespan")}>${this.unescape(e.text)}</code>`;case"code":return this.renderCodeBlock(e);case"space":return I``;case"link":return I`<devtools-markdown-link
+        class=${this.customClassMapForToken("link")}
+        .data=${{key:e.href,title:e.text}}></devtools-markdown-link>`;case"image":return I`<devtools-markdown-image
+        class=${this.customClassMapForToken("image")}
+        .data=${{key:e.href,title:e.text}}></devtools-markdown-image>`;case"heading":return this.renderHeading(e);case"strong":return I`<strong class=${this.customClassMapForToken("strong")}>${this.renderText(e)}</strong>`;case"em":return I`<em class=${this.customClassMapForToken("em")}>${this.renderText(e)}</em>`;default:return null}}renderToken(e){const t=this.templateForToken(e);if(null===t)throw new Error(`Markdown token type '${e.type}' not supported.`);return t}}var U=Object.freeze({__proto__:null,MarkdownInsightRenderer:class extends H{#L;constructor(e){super(),this.#L=e||(()=>{}),this.addCustomClasses({heading:"insight"})}renderToken(e){const t=this.templateForToken(e);return null===t?I`${e.raw}`:t}sanitizeUrl(e){try{const t=new URL(e);return"https:"===t.protocol||"http:"===t.protocol?t.toString():null}catch{return null}}detectCodeLanguage(e){return e.lang?e.lang:/^(\.|#)?[\w:\[\]="'-\.]* ?{/m.test(e.text)||/^@import/.test(e.text)?"css":/^(var|const|let|function|async|import)\s/.test(e.text)?"js":""}templateForToken(e){switch(e.type){case"heading":return this.renderHeading(e);case"link":case"image":return this.sanitizeUrl(e.href)?I`${e.text??e.href}`:null;case"code":return I`<devtools-code-block
+          class=${this.customClassMapForToken("code")}
+          .code=${this.unescape(e.text)}
+          .codeLang=${this.detectCodeLanguage(e)}
+          .displayNotice=${!0}>
+        </devtools-code-block>`;case"citation":return I`<sup><button
+            class="citation"
+            jslog=${a.link("inline-citation").track({click:!0})}
+            @click=${this.#L.bind(this,Number(e.linkText))}
+          >[${e.linkText}]</button></sup>`}return super.templateForToken(e)}},MarkdownLitRenderer:H,MarkdownView:D});export{u as CodeBlock,$ as MarkdownImage,v as MarkdownImagesMap,z as MarkdownLink,j as MarkdownLinksMap,U as MarkdownView};

package/client/dist/chrome-devtools-ui/ui/components/menus/menus.js

@@ -0,0 +1,71 @@
+import*as e from"../../../core/platform/platform.js";import*as t from"../helpers/helpers.js";import*as s from"../render_coordinator/render_coordinator.js";import*as o from"../../lit/lit.js";import*as n from"../../visual_logging/visual_logging.js";import"../dialogs/dialogs.js";var r={cssText:`:host{border-radius:3px;width:fit-content;display:flex;align-items:center;background-color:var(--override-menu-background-color,var(--sys-color-cdt-base-container))}:host([has-open-dialog]){background-color:var(--override-menu-active-background-color,var(--sys-color-neutral-container))}#container{list-style-type:none;margin-top:var(--sys-size-4);padding:0;width:fit-content;display:block}#container:focus{outline:none}@keyframes slideIn{from{transform:var(--translate-dialog);opacity:0%}to{transform:none;opacity:100%}}\n/*# sourceURL=${import.meta.resolve("./menu.css")} */\n`},i={cssText:`.menu-group-label{font-size:12px;line-height:16px;position:relative;color:var(--sys-color-token-subtle);display:block}\n/*# sourceURL=${import.meta.resolve("./menuGroup.css")} */\n`},l={cssText:`.menu-item{padding:var(--sys-size-3) 0 var(--sys-size-3) var(--sys-size-9);font-size:12px;line-height:16px;position:relative;display:block;color:var(--sys-color-on-surface)}.menu-item:focus{outline:none}:host(.no-checkmark) .menu-item{padding-left:0}:host(:not(:first-child)) .menu-item{border-top:var(--override-divider-line)}:host-context(devtools-menu-group) .menu-item{padding:var(--sys-size-3) 0 var(--sys-size-3) var(--sys-size-9)}.is-selected-item::before{content:"";position:absolute;left:var(--sys-size-2);top:50%;transform:translateY(-50%);display:inline-block;mask-repeat:no-repeat;mask-position:center;width:calc(var(--menu-checkmark-width) - 10px);height:var(--menu-checkmark-height);mask-image:var(--selected-item-check);background:var(--sys-color-token-subtle)}.is-disabled-item{opacity:60%}:host(:hover:not(.prevents-close)) .menu-item::after,\n:host(:focus-visible:not(.prevents-close)) .menu-item::after{content:"";height:100%;width:calc(100% + 2* var(--sys-size-8));border-radius:inherit;position:absolute;top:0;left:calc(-1 * var(--sys-size-8));background-color:var(--sys-color-state-hover-on-subtle)}:host(:focus){outline:none}\n/*# sourceURL=${import.meta.resolve("./menuItem.css")} */\n`};const d=new CSSStyleSheet;d.replaceSync(r.cssText);const a=new CSSStyleSheet;a.replaceSync(i.cssText);const h=new CSSStyleSheet;h.replaceSync(l.cssText);const{html:c}=o,u=new URL("../../../Images/checkmark.svg",import.meta.url).toString();class p extends HTMLElement{#e=this.attachShadow({mode:"open"});#t=this.#s.bind(this);#o=null;#n=!1;#r={origin:null,open:!1,position:"auto",showDivider:!1,showSelectedItem:!0,horizontalAlignment:"auto",getConnectorCustomXPosition:null};get origin(){return this.#r.origin}set origin(e){this.#r.origin=e,t.ScheduledRender.scheduleRender(this,this.#t)}get open(){return this.#r.open}set open(e){e!==this.open&&(this.#r.open=e,this.toggleAttribute("has-open-dialog",this.open),this.#i().setDialogVisible(this.open),t.ScheduledRender.scheduleRender(this,this.#t))}get position(){return this.#r.position}set position(e){this.#r.position=e,t.ScheduledRender.scheduleRender(this,this.#t)}get showDivider(){return this.#r.showDivider}set showDivider(e){this.#r.showDivider=e,t.ScheduledRender.scheduleRender(this,this.#t)}get showSelectedItem(){return this.#r.showSelectedItem}set showSelectedItem(e){this.#r.showSelectedItem=e,t.ScheduledRender.scheduleRender(this,this.#t)}get horizontalAlignment(){return this.#r.horizontalAlignment}set horizontalAlignment(e){this.#r.horizontalAlignment=e,t.ScheduledRender.scheduleRender(this,this.#t)}get getConnectorCustomXPosition(){return this.#r.getConnectorCustomXPosition}set getConnectorCustomXPosition(e){this.#r.getConnectorCustomXPosition=e,t.ScheduledRender.scheduleRender(this,this.#t)}connectedCallback(){this.#e.adoptedStyleSheets=[d],s.write((()=>{this.style.setProperty("--selected-item-check",`url(${u})`),this.style.setProperty("--menu-checkmark-width",this.#r.showSelectedItem?"26px":"0px"),this.style.setProperty("--menu-checkmark-height",this.#r.showSelectedItem?"12px":"0px");const e=this.showDivider?"1px var(--divider-line) solid":"none";this.style.setProperty("--override-divider-line",e)}))}#i(){if(!this.#o)throw new Error("Dialog not found");return this.#o}async#l(){await s.write((()=>{this.setAttribute("has-open-dialog","has-open-dialog");const e=this.#e.querySelector("#container");e instanceof HTMLElement&&e.focus()}))}#d(){this.#a().focus()}#a(){const e=this.#e.querySelector("slot"),t=e?.assignedElements();let s=t[0];if(s instanceof HTMLSlotElement&&(s=s?.assignedElements()[0]),s instanceof g){const e=s.shadowRoot?.querySelector("slot");s=e?.assignedElements()[0]}if(s instanceof HTMLElement)return s;throw new Error("First item not found")}#h(e){const t=e.composedPath();if(e.stopPropagation(),t.find((e=>e instanceof HTMLInputElement)))return;const s=e.composedPath().find((e=>e instanceof m));s instanceof m&&(s.disabled||this.#c(s))}#u(t){const s=t.key;t.stopImmediatePropagation();let o=t.target;const n=t.composedPath(),r="ArrowDown"===s||"ArrowRight"===s;return!this.#n&&r?(this.#d(),void(this.#n=!0)):this.#n||"ArrowUp"!==s?void((o instanceof m||(o=n.find((e=>e instanceof m)),o instanceof m))&&(e.KeyboardUtilities.keyIsArrowKey(s)?this.#p(s,o):"Home"===s?this.#m(o):"End"===s?this.#g():"Enter"===s||"Space"===t.code?this.#c(o):"Escape"===s&&(t.preventDefault(),this.#w()))):(this.#g(),void(this.#n=!0))}#c(e){""!==e.value&&(this.dispatchEvent(new w(e.value)),e.preventMenuCloseOnSelection||this.#w())}#p(e,t){let s=t;"ArrowDown"===e?(s=t.nextElementSibling,null===s&&t.parentElement instanceof g&&(s=this.#b(t))):"ArrowUp"===e&&(s=t.previousElementSibling,null===s&&t.parentElement instanceof g&&(s=this.#v(t))),s instanceof m&&s.focus()}#b(e){const t=e.parentElement;if(!(t instanceof g))return null;const s=t.nextElementSibling;if(s instanceof m)return s;if(!(s instanceof g))return null;for(const e of s.children)if(e instanceof m)return e;return null}#v(e){const t=e.parentElement;if(!(t instanceof g))return null;const s=t.previousElementSibling;return s instanceof m?s:s instanceof g&&s.lastElementChild instanceof m?s.lastElementChild:null}#m(e){let t=e;for(e.parentElement instanceof g&&(t=e.parentElement);t?.previousElementSibling;)t=t?.previousElementSibling;if(t instanceof m)t.focus();else for(const e of t.children)if(e instanceof m)return void e.focus()}#g(){const e=this.#a();let t=e;for(e.parentElement instanceof g&&(t=e.parentElement);t?.nextElementSibling;)t=t?.nextElementSibling;t instanceof m?t.focus():t instanceof g&&t.lastElementChild instanceof m&&t.lastElementChild.focus()}#w(e){e&&e.stopImmediatePropagation(),this.dispatchEvent(new b),this.#i().setDialogVisible(!1),this.#n=!1}async#s(){if(!t.ScheduledRender.isScheduledRender(this))throw new Error("Menu render was not scheduled");o.render(c`
+      <devtools-dialog
+        @clickoutsidedialog=${this.#w}
+        @forceddialogclose=${this.#w}
+        .position=${this.position}
+        .origin=${this.origin}
+        .dialogShownCallback=${this.#l.bind(this)}
+        .horizontalAlignment=${this.horizontalAlignment}
+        .getConnectorCustomXPosition=${this.getConnectorCustomXPosition}
+        on-render=${t.Directives.nodeRenderedCallback((e=>{this.#o=e}))}
+        >
+        <span id="container" role="menu" tabIndex="0" @keydown=${this.#u} jslog=${n.menu().track({resize:!0,keydown:"Escape"})}>
+          <slot @click=${this.#h}>
+          </slot>
+        </span>
+      </devtools-dialog>
+    `,this.#e,{host:this})}}class m extends HTMLElement{#e=this.attachShadow({mode:"open"});#t=this.#s.bind(this);connectedCallback(){this.#e.adoptedStyleSheets=[h],this.tabIndex=0,this.setAttribute("role","menuitem")}#r={value:"",preventMenuCloseOnSelection:!1,selected:!1,disabled:!1};get preventMenuCloseOnSelection(){return this.#r.preventMenuCloseOnSelection}set preventMenuCloseOnSelection(e){this.#r.preventMenuCloseOnSelection=e,t.ScheduledRender.scheduleRender(this,this.#t)}get value(){return this.#r.value}set value(e){this.#r.value=e,t.ScheduledRender.scheduleRender(this,this.#t)}get selected(){return this.#r.selected}set selected(e){this.#r.selected=e,t.ScheduledRender.scheduleRender(this,this.#t)}get disabled(){return this.#r.disabled}set disabled(e){this.#r.disabled=e,t.ScheduledRender.scheduleRender(this,this.#t)}async#s(){if(!t.ScheduledRender.isScheduledRender(this))throw new Error("MenuItem render was not scheduled");o.render(c`
+      <span class=${o.Directives.classMap({"menu-item":!0,"is-selected-item":this.selected,"is-disabled-item":this.disabled,"prevents-close":this.preventMenuCloseOnSelection})}
+      >
+        <slot></slot>
+      </span>
+    `,this.#e,{host:this})}}class g extends HTMLElement{#e=this.attachShadow({mode:"open"});#t=this.#s.bind(this);connectedCallback(){this.#e.adoptedStyleSheets=[a]}#r={name:null};get name(){return this.#r.name}set name(e){this.#r.name=e,t.ScheduledRender.scheduleRender(this,this.#t)}async#s(){if(!t.ScheduledRender.isScheduledRender(this))throw new Error("MenuGroup render was not scheduled");o.render(c`
+      <span class="menu-group">
+        <span class="menu-group-label">${this.name}</span>
+        <slot></slot>
+      </span>
+    `,this.#e,{host:this})}}customElements.define("devtools-menu",p),customElements.define("devtools-menu-item",m),customElements.define("devtools-menu-group",g);class w extends Event{itemValue;static eventName="menuitemselected";constructor(e){super(w.eventName,{bubbles:!0,composed:!0}),this.itemValue=e}}class b extends Event{static eventName="menucloserequest";constructor(){super(b.eventName,{bubbles:!0,composed:!0})}}var v=Object.freeze({__proto__:null,Menu:p,MenuCloseRequest:b,MenuGroup:g,MenuItem:m,MenuItemSelectedEvent:w}),S={cssText:`:host{border:1px solid var(--sys-color-neutral-outline);border-radius:var(--sys-shape-corner-extra-small);width:fit-content;display:flex;align-items:center;background-color:var(--sys-color-cdt-base-container)}:host([has-open-dialog]){outline:var(--sys-size-2) solid var(--sys-color-state-focus-ring);background:linear-gradient(var(--sys-color-state-hover-on-subtle),var(--sys-color-state-hover-on-subtle)),linear-gradient(var(--sys-color-state-ripple-neutral-on-subtle),var(--sys-color-state-ripple-neutral-on-subtle))}button{background:none}#side-button{border:1px solid var(--sys-color-neutral-outline);border-radius:3px 0 0 3px;border-right:none;height:100%;position:relative;padding:var(--override-select-button-padding)}button:disabled{pointer-events:none}@keyframes slideIn{from{transform:var(--translate-dialog);opacity:0%}to{transform:none;opacity:100%}}\n/*# sourceURL=${import.meta.resolve("./selectMenu.css")} */\n`},f={cssText:`:host{height:var(--sys-size-9);width:100%;display:block}.show{display:block;font-size:12px;color:var(--sys-color-on-surface);height:100%;width:100%;border:none;border-radius:var(--sys-shape-corner-extra-small);padding:0 var(--sys-size-4) 0 var(--sys-size-5);&:hover{background-color:var(--sys-color-state-hover-on-subtle)}&:active{background-color:var(--sys-color-state-ripple-neutral-on-subtle)}&:hover:active{background:linear-gradient(var(--sys-color-state-hover-on-subtle),var(--sys-color-state-hover-on-subtle)),linear-gradient(var(--sys-color-state-ripple-neutral-on-subtle),var(--sys-color-state-ripple-neutral-on-subtle))}&:focus-visible{outline:var(--sys-size-2) solid var(--sys-color-state-focus-ring);outline-offset:-1px}}#button-label-wrapper{display:flex;justify-content:space-between;align-items:center}#label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:fit-content;height:100%}#label[witharrow].single-arrow{padding:0}#label[witharrow]{padding:0 10px 0 0;text-align:left}.single-arrow + span#arrow{margin:0}#arrow{mask-image:var(--deploy-menu-arrow);-webkit-mask-position-y:center;margin-left:5px;width:14px;flex-shrink:0;height:14px;display:inline-block;mask-repeat:no-repeat;background-color:var(--sys-color-on-surface-subtle)}.single-arrow{border-radius:0 3px 3px 0;border:var(--sys-size-1) solid var(--sys-color-neutral-outline);height:100%;aspect-ratio:1/1;padding:0;display:flex;justify-content:center;align-items:center}button{background:none}button[disabled]{color:var(--sys-color-state-disabled);background-color:var(--sys-color-state-disabled-container);#arrow{background-color:var(--sys-color-state-disabled)}}\n/*# sourceURL=${import.meta.resolve("./selectMenuButton.css")} */\n`};const y=new CSSStyleSheet;y.replaceSync(S.cssText);const k=new CSSStyleSheet;k.replaceSync(f.cssText);const{html:x}=o,R=new URL("../../../Images/triangle-down.svg",import.meta.url).toString();class E extends HTMLElement{#e=this.attachShadow({mode:"open"});#t=this.#s.bind(this);#S=null;#f=!1;#r={buttonTitle:"",position:"bottom",horizontalAlignment:"auto",showArrow:!1,sideButton:!1,showDivider:!1,disabled:!1,showSelectedItem:!0,jslogContext:""};get buttonTitle(){return this.#r.buttonTitle}set buttonTitle(e){this.#r.buttonTitle=e,t.ScheduledRender.scheduleRender(this,this.#t)}get position(){return this.#r.position}set position(e){this.#r.position=e,t.ScheduledRender.scheduleRender(this,this.#t)}get horizontalAlignment(){return this.#r.horizontalAlignment}set horizontalAlignment(e){this.#r.horizontalAlignment=e,t.ScheduledRender.scheduleRender(this,this.#t)}get showArrow(){return this.#r.showArrow}set showArrow(e){this.#r.showArrow=e,t.ScheduledRender.scheduleRender(this,this.#t)}get sideButton(){return this.#r.sideButton}set sideButton(e){this.#r.sideButton=e,t.ScheduledRender.scheduleRender(this,this.#t)}get disabled(){return this.#r.disabled}set disabled(e){this.#r.disabled=e,t.ScheduledRender.scheduleRender(this,this.#t)}get showDivider(){return this.#r.showDivider}set showDivider(e){this.#r.showDivider=e,t.ScheduledRender.scheduleRender(this,this.#t)}get showSelectedItem(){return this.#r.showSelectedItem}set showSelectedItem(e){this.#r.showSelectedItem=e,t.ScheduledRender.scheduleRender(this,this.#t)}get jslogContext(){return this.#r.jslogContext}set jslogContext(e){this.#r.jslogContext=e,t.ScheduledRender.scheduleRender(this,this.#t)}connectedCallback(){this.#e.adoptedStyleSheets=[y]}#y(){if(!this.#S&&(this.#S=this.#e.querySelector("devtools-select-menu-button"),!this.#S))throw new Error("Arrow not found");return this.#S}#k(){this.#f=!0,this.setAttribute("has-open-dialog","has-open-dialog"),t.ScheduledRender.scheduleRender(this,this.#t)}click(){this.#y().click()}#x(){this.dispatchEvent(new I)}#R(){return this.buttonTitle instanceof Function?this.buttonTitle():this.buttonTitle}#E(){const e=this.#R();return this.sideButton?x`
+      <button id="side-button" @click=${this.#x} ?disabled=${this.disabled}>
+        ${e}
+      </button>
+      <devtools-select-menu-button
+        @click=${this.#k}
+        @selectmenubuttontrigger=${this.#k}
+        .singleArrow=${!0}
+        .open=${this.#f}
+        .showArrow=${!0}
+        .arrowDirection=${this.position}
+        .disabled=${this.disabled}>
+      </devtools-select-menu-button>
+    `:x`
+          <devtools-select-menu-button
+            @selectmenubuttontrigger=${this.#k}
+            .open=${this.#f} .showArrow=${this.showArrow}
+            .arrowDirection=${this.position}
+            .disabled=${this.disabled}
+            .jslogContext=${this.jslogContext}>
+              ${e}
+            </devtools-select-menu-button>
+        `}#C(e){e&&e.stopImmediatePropagation(),s.write((()=>{this.removeAttribute("has-open-dialog")})),this.#f=!1,t.ScheduledRender.scheduleRender(this,this.#t)}#B(e){this.dispatchEvent(new B(e.itemValue))}async#s(){if(!t.ScheduledRender.isScheduledRender(this))throw new Error("SelectMenu render was not scheduled");o.render(x`
+      <devtools-menu
+        @menucloserequest=${this.#C}
+        @menuitemselected=${this.#B}
+        .position=${this.position}
+        .origin=${this}
+        .showDivider=${this.showDivider}
+        .showSelectedItem=${this.showSelectedItem}
+        .open=${this.#f}
+        .getConnectorCustomXPosition=${null}
+      >
+      <slot>
+      </slot>
+      </devtools-menu>
+      ${this.#E()}
+    `,this.#e,{host:this})}}class C extends HTMLElement{#e=this.attachShadow({mode:"open"});#t=this.#s.bind(this);#I=null;connectedCallback(){this.#e.adoptedStyleSheets=[k],this.style.setProperty("--deploy-menu-arrow",`url(${R})`),s.write((()=>{switch(this.arrowDirection){case"auto":case"top":this.style.setProperty("--arrow-angle","180deg");break;case"bottom":this.style.setProperty("--arrow-angle","0deg");break;default:e.assertNever(this.arrowDirection,`Unknown position type: ${this.arrowDirection}`)}}))}#r={showArrow:!1,arrowDirection:"bottom",disabled:!1,singleArrow:!1,jslogContext:""};get showArrow(){return this.#r.showArrow}set showArrow(e){this.#r.showArrow=e,t.ScheduledRender.scheduleRender(this,this.#t)}get arrowDirection(){return this.#r.arrowDirection}set arrowDirection(e){this.#r.arrowDirection=e,t.ScheduledRender.scheduleRender(this,this.#t)}get disabled(){return this.#r.disabled}set disabled(e){this.#r.disabled=e,t.ScheduledRender.scheduleRender(this,this.#t)}set open(e){s.write((()=>{this.#D()?.setAttribute("aria-expanded",String(e))}))}set singleArrow(e){this.#r.singleArrow=e,t.ScheduledRender.scheduleRender(this,this.#t)}get jslogContext(){return this.#r.jslogContext}set jslogContext(e){this.#r.jslogContext=e,t.ScheduledRender.scheduleRender(this,this.#t)}click(){this.#D()?.click()}#D(){return this.#I||(this.#I=this.#e.querySelector("button")),this.#I}#$(t){const s=t.key,o="bottom"===this.arrowDirection&&"ArrowDown"===s,n="top"===this.arrowDirection&&"ArrowUp"===s,r=s===e.KeyboardUtilities.ENTER_KEY,i="Space"===t.code;(o||n||r||i)&&(this.dispatchEvent(new D),t.preventDefault())}#A(){this.dispatchEvent(new D)}async#s(){if(!t.ScheduledRender.isScheduledRender(this))throw new Error("SelectMenuItem render was not scheduled");const e=this.#r.showArrow?x`<span id="arrow"></span>`:o.nothing,s={"single-arrow":this.#r.singleArrow},r=x`
+      <span id="button-label-wrapper">
+        <span id="label" ?witharrow=${this.showArrow} class=${o.Directives.classMap(s)}><slot></slot></span>
+        ${e}
+      </span>
+      `;o.render(x`
+      <button aria-haspopup="true" aria-expanded="false" class="show" @keydown=${this.#$} @click=${this.#A} ?disabled=${this.disabled} jslog=${n.dropDown(this.jslogContext)}>${r}</button>
+    `,this.#e,{host:this})}}customElements.define("devtools-select-menu",E),customElements.define("devtools-select-menu-button",C);class B extends Event{itemValue;static eventName="selectmenuselected";constructor(e){super(B.eventName,{bubbles:!0,composed:!0}),this.itemValue=e}}class I extends Event{static eventName="selectmenusidebuttonclick";constructor(){super(I.eventName,{bubbles:!0,composed:!0})}}class D extends Event{static eventName="selectmenubuttontrigger";constructor(){super(D.eventName,{bubbles:!0,composed:!0})}}var $=Object.freeze({__proto__:null,SelectMenu:E,SelectMenuButton:C,SelectMenuButtonTriggerEvent:D,SelectMenuGroup:g,SelectMenuItemSelectedEvent:B,SelectMenuSideButtonClickEvent:I});export{v as Menu,$ as SelectMenu};

package/client/dist/chrome-devtools-ui/ui/components/node_text/node_text.js

@@ -0,0 +1,3 @@
+import*as e from"../../lit/lit.js";var s={cssText:`.node-label-name{color:var(--override-node-text-label-color,var(--sys-color-token-tag))}.node-label-class{color:var(--override-node-text-class-color,var(--sys-color-token-attribute))}.node-label-id{color:var(--override-node-text-id-color,var(--sys-color-token-attribute))}.node-label-class.node-multiple-descriptors{color:var(--override-node-text-multiple-descriptors-class,var(--override-node-text-class-color,var(--sys-color-token-attribute)))}.node-label-id.node-multiple-descriptors{color:var(--override-node-text-multiple-descriptors-id,var(--override-node-text-id-color,var(--sys-color-token-attribute)))}\n/*# sourceURL=${import.meta.resolve("./nodeText.css")} */\n`};const o=new CSSStyleSheet;o.replaceSync(s.cssText);const{render:t,html:l}=e;class d extends HTMLElement{#e=this.attachShadow({mode:"open"});#s="";#o="";#t=[];connectedCallback(){this.#e.adoptedStyleSheets=[o]}set data(e){this.#s=e.nodeTitle,this.#o=e.nodeId,this.#t=e.nodeClasses,this.#l()}#l(){const s=Boolean(this.#o),o=Boolean(this.#t&&this.#t.length>0),d=[l`<span class="node-label-name">${this.#s}</span>`];if(this.#o){const s=e.Directives.classMap({"node-label-id":!0,"node-multiple-descriptors":o});d.push(l`<span class=${s}>#${CSS.escape(this.#o)}</span>`)}if(this.#t&&this.#t.length>0){const o=this.#t.map((e=>`.${CSS.escape(e)}`)).join(""),t=e.Directives.classMap({"node-label-class":!0,"node-multiple-descriptors":s});d.push(l`<span class=${t}>${o}</span>`)}t(l`
+      ${d}
+    `,this.#e,{host:this})}}customElements.define("devtools-node-text",d);var a=Object.freeze({__proto__:null,NodeText:d});export{a as NodeText};

package/client/dist/chrome-devtools-ui/ui/components/panel_feedback/panel_feedback.js

@@ -0,0 +1,37 @@
+import*as e from"../../../core/host/host.js";import*as t from"../../../core/i18n/i18n.js";import*as i from"../../../core/platform/platform.js";import*as n from"../helpers/helpers.js";import{render as o,html as r,nothing as s}from"../../lit/lit.js";import"../buttons/buttons.js";import"../../legacy/legacy.js";import*as a from"../../visual_logging/visual_logging.js";import*as l from"../../../core/root/root.js";import*as c from"../input/input.js";const d={feedback:"Feedback"},p=t.i18n.registerUIStrings("ui/components/panel_feedback/FeedbackButton.ts",d),h=t.i18n.getLocalizedString.bind(void 0,p);let k=class extends HTMLElement{#e=this.attachShadow({mode:"open"});#t=this.#i.bind(this);#n={feedbackUrl:i.DevToolsPath.EmptyUrlString};set data(e){this.#n=e,n.ScheduledRender.scheduleRender(this,this.#t)}#o(){e.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab(this.#n.feedbackUrl)}#i(){if(!n.ScheduledRender.isScheduledRender(this))throw new Error("FeedbackButton render was not scheduled");o(r`
+      <devtools-button
+          @click=${this.#o}
+          .iconName=${"review"}
+          .variant=${"outlined"}
+          .jslogContext=${"feedback"}
+      >${h(d.feedback)}</devtools-button>
+      `,this.#e,{host:this})}};customElements.define("devtools-feedback-button",k);var m=Object.freeze({__proto__:null,FeedbackButton:k}),x={cssText:`:host{display:block}.preview{padding:12px 16px;border:1px solid var(--sys-color-divider);color:var(--sys-color-on-surface);font-size:13px;line-height:20px;border-radius:12px;margin:42px 0;letter-spacing:0.01em}h2{color:var(--sys-color-primary);font-size:13px;line-height:20px;letter-spacing:0.01em;margin:9px 0 14px;display:flex;align-items:center;gap:5px;font-weight:normal}h3{font-size:13px;line-height:20px;letter-spacing:0.04em;color:var(--sys-color-on-surface);margin-bottom:2px;font-weight:normal}.preview p{margin-bottom:24px}.thumbnail{height:92px}.video{display:flex;flex-flow:row wrap;gap:20px}x-link{color:var(--sys-color-primary);text-decoration-line:underline}x-link.quick-start-link{font-size:14px;line-height:22px;letter-spacing:0.04em}.video-description{min-width:min-content;flex-basis:min-content;flex-grow:1}@media (forced-colors: active){x-link{color:linktext}}\n/*# sourceURL=${import.meta.resolve("./panelFeedback.css")} */\n`};const b=new CSSStyleSheet;b.replaceSync(x.cssText);const v={previewText:"Our team is actively working on this feature and we would love to know what you think.",previewTextFeedbackLink:"Send us your feedback.",previewFeature:"Preview feature",videoAndDocumentation:"Video and documentation"},g=t.i18n.registerUIStrings("ui/components/panel_feedback/PanelFeedback.ts",v),u=t.i18n.getLocalizedString.bind(void 0,g),f=new URL("../../../Images/experiment.svg",import.meta.url).toString(),w=new URL("../../../Images/preview_feature_video_thumbnail.svg",import.meta.url).toString();let S=class extends HTMLElement{#e=this.attachShadow({mode:"open"});#t=this.#i.bind(this);#n={feedbackUrl:i.DevToolsPath.EmptyUrlString,quickStartUrl:i.DevToolsPath.EmptyUrlString,quickStartLinkText:""};connectedCallback(){this.#e.adoptedStyleSheets=[b]}set data(e){this.#n=e,n.ScheduledRender.scheduleRender(this,this.#t)}#i(){if(!n.ScheduledRender.isScheduledRender(this))throw new Error("PanelFeedback render was not scheduled");o(r`
+      <div class="preview">
+        <h2 class="flex">
+          <devtools-icon .data=${{iconPath:f,width:"20px",height:"20px",color:"var(--icon-primary)"}}></devtools-icon> ${u(v.previewFeature)}
+        </h2>
+        <p>${u(v.previewText)} <x-link href=${this.#n.feedbackUrl} jslog=${a.link("feedback").track({click:!0})}>${u(v.previewTextFeedbackLink)}</x-link></p>
+        <div class="video">
+          <div class="thumbnail">
+            <img src=${w} role="presentation" />
+          </div>
+          <div class="video-description">
+            <h3>${u(v.videoAndDocumentation)}</h3>
+            <x-link class="quick-start-link" href=${this.#n.quickStartUrl} jslog=${a.link("css-overview.quick-start").track({click:!0})}>${this.#n.quickStartLinkText}</x-link>
+          </div>
+        </div>
+      </div>
+      `,this.#e,{host:this})}};customElements.define("devtools-panel-feedback",S);var y=Object.freeze({__proto__:null,PanelFeedback:S}),L={cssText:`:host{display:block}.container{display:flex;flex-wrap:wrap;padding:4px}.experiment-preview,\n.feedback,\n.learn-more{display:flex;align-items:center}.helper{flex-basis:100%;text-align:center;font-style:italic}.spacer{flex:1}.x-link{color:var(--sys-color-primary);text-decoration-line:underline;margin:0 4px}.feedback .x-link{color:var(--sys-color-token-subtle)}\n/*# sourceURL=${import.meta.resolve("./previewToggle.css")} */\n`};const $=new CSSStyleSheet;$.replaceSync(L.cssText);const R={previewTextFeedbackLink:"Send us your feedback.",shortFeedbackLink:"Send feedback",learnMoreLink:"Learn More"},T=t.i18n.registerUIStrings("ui/components/panel_feedback/PreviewToggle.ts",R),U=t.i18n.getLocalizedString.bind(void 0,T);let F=class extends HTMLElement{#e=this.attachShadow({mode:"open"});#r="";#s=null;#a=null;#l;#c="";#d;connectedCallback(){this.#e.adoptedStyleSheets=[c.checkboxStyles,$]}set data(e){this.#r=e.name,this.#s=e.helperText,this.#a=e.feedbackURL,this.#l=e.learnMoreURL,this.#c=e.experiment,this.#d=e.onChangeCallback,this.#i()}#i(){const e=l.Runtime.experiments.isEnabled(this.#c);o(r`
+      <div class="container">
+        <label class="experiment-preview">
+          <input type="checkbox" ?checked=${e} @change=${this.#p} aria-label=${this.#r} />
+          <devtools-icon .data=${{iconName:"experiment",width:"16px",height:"16px",color:"var(--icon-default)"}}>
+          </devtools-icon>${this.#r}
+        </label>
+        <div class="spacer"></div>
+        ${this.#a&&!this.#s?r`<div class="feedback"><x-link class="x-link" href=${this.#a}>${U(R.shortFeedbackLink)}</x-link></div>`:s}
+        ${this.#l?r`<div class="learn-more"><x-link class="x-link" href=${this.#l}>${U(R.learnMoreLink)}</x-link></div>`:s}
+        <div class="helper">
+          ${this.#s&&this.#a?r`<p>${this.#s} <x-link class="x-link" href=${this.#a}>${U(R.previewTextFeedbackLink)}</x-link></p>`:s}
+        </div>
+      </div>`,this.#e,{host:this})}#p(e){const t=e.target.checked;l.Runtime.experiments.setEnabled(this.#c,t),this.#d?.(t)}};customElements.define("devtools-preview-toggle",F);var _=Object.freeze({__proto__:null,PreviewToggle:F});export{m as FeedbackButton,y as PanelFeedback,_ as PreviewToggle};

package/client/dist/chrome-devtools-ui/ui/components/panel_introduction_steps/panel_introduction_steps.js

@@ -0,0 +1,9 @@
+import*as e from"../helpers/helpers.js";import{render as t,html as o}from"../../lit/lit.js";var s={cssText:`:host{display:block}h1{font-weight:normal;font-size:18px;line-height:28px;padding:0;margin-top:0;color:var(--sys-color-on-surface)}.intro-steps{counter-reset:custom-counter;list-style:none;margin:16px 0 30px 30px;padding:0}.intro-steps li{color:var(--sys-color-on-surface);counter-increment:custom-counter;font-size:13px;letter-spacing:0.03em;line-height:1.54;margin-bottom:9px;position:relative}.intro-steps li::before{--override-color-counter-background:var(--sys-color-tonal-container);box-sizing:border-box;background:var(--override-color-counter-background);border-radius:50%;color:var(--sys-color-primary);content:counter(custom-counter);font-size:12px;height:18px;left:-30px;line-height:20px;position:absolute;text-align:center;top:0;width:18px;display:flex;align-items:center;justify-content:center}\n/*# sourceURL=${import.meta.resolve("./panelIntroductionSteps.css")} */\n`};const n=new CSSStyleSheet;n.replaceSync(s.cssText);let r=class extends HTMLElement{#e=this.attachShadow({mode:"open"});#t=this.#o.bind(this);connectedCallback(){this.#e.adoptedStyleSheets=[n],e.ScheduledRender.scheduleRender(this,this.#t)}#o(){if(!e.ScheduledRender.isScheduledRender(this))throw new Error("FeedbackButton render was not scheduled");t(o`
+      <h1><slot name="title">slot: title</slot></h1>
+
+      <ol class="intro-steps">
+        <li><slot name="step-1">slot: step-1</slot></li>
+        <li><slot name="step-2">slot: step-2</slot></li>
+        <li><slot name="step-3">slot: step-3</slot></li>
+      </ol>
+    `,this.#e,{host:this})}};customElements.define("devtools-panel-introduction-steps",r);var l=Object.freeze({__proto__:null,PanelIntroductionSteps:r});export{l as PanelIntroductionSteps};

package/client/dist/chrome-devtools-ui/ui/components/render_coordinator/render_coordinator.js

@@ -0,0 +1 @@
+class e{promise;trigger;cancel;label;handler;constructor(e,t){const{promise:r,resolve:n,reject:o}=Promise.withResolvers();this.promise=r.then((()=>this.handler())),this.trigger=n,this.cancel=o,this.label=e,this.handler=t}}class t extends Event{static eventName="renderqueueempty";constructor(){super(t.eventName)}}class r extends Event{static eventName="newframe";constructor(){super(r.eventName)}}let n=null;const o=[];function i(e,t={}){e?n={onlyNamed:t.onlyNamed,storageLimit:t.storageLimit}:(n=null,o.length=0)}const a="Unnamed read",s="Unnamed write",l="Unnamed scroll",c=1500;globalThis.__getRenderCoordinatorPendingFrames=function(){return m()?1:0};let u=[],d=[],w=0;function m(){return u.length+d.length!==0}function f(e){return m()||e?.waitForWork?new Promise((e=>window.addEventListener(t.eventName,(()=>e()),{once:!0}))):(k("[Queue empty]"),Promise.resolve())}async function h(e,t){if("string"==typeof e){if(!t)throw new Error("Read called with label but no callback");return await v("read",e,t)}return await v("read",a,e)}async function g(e,t){if("string"==typeof e){if(!t)throw new Error("Write called with label but no callback");return await v("write",e,t)}return await v("write",s,e)}function p(){const e=[...o];return o.length=0,e}async function b(e,t){if("string"==typeof e){if(!t)throw new Error("Scroll called with label but no callback");return await v("read",e,t)}return await v("read",l,e)}function v(t,r,n){const o=![a,s,l].includes(r);r=`${"read"===t?"[Read]":"[Write]"}: ${r}`;let i=null;switch(t){case"read":i=u;break;case"write":i=d;break;default:throw new Error(`Unknown action: ${t}`)}let c=o?i.find((e=>e.label===r)):void 0;return c?c.handler=n:(c=new e(r,n),i.push(c)),y(),c.promise}function y(){0===w&&(w=requestAnimationFrame((async()=>{if(!m())return window.dispatchEvent(new t),k("[Queue empty]"),void(w=0);window.dispatchEvent(new r),k("[New frame]");const e=u;u=[];const n=d;d=[];for(const t of e)k(t.label),t.trigger();try{await Promise.race([Promise.all(e.map((e=>e.promise))),new Promise(((e,t)=>{window.setTimeout((()=>t(new Error("Readers took over 1500ms. Possible deadlock?"))),c)}))])}catch(t){E(e,t)}for(const e of n)k(e.label),e.trigger();try{await Promise.race([Promise.all(n.map((e=>e.promise))),new Promise(((e,t)=>{window.setTimeout((()=>t(new Error("Writers took over 1500ms. Possible deadlock?"))),c)}))])}catch(e){E(n,e)}w=0,y()})))}function E(e,t){for(const r of e)r.cancel(t)}function P(){const e=new Error;E(u,e),E(d,e)}function k(e){if(null===n)return;if(n.onlyNamed&&(e.endsWith(a)||e.endsWith(s)||e.endsWith(l)))return;o.push({time:performance.now(),value:e});const t=n.storageLimit??100;for(;o.length>t;)o.shift()}export{r as RenderCoordinatorNewFrameEvent,t as RenderCoordinatorQueueEmptyEvent,P as cancelPending,f as done,m as hasPendingWork,h as read,b as scroll,i as setLoggingEnabled,p as takeLoggingRecords,g as write};

package/client/dist/chrome-devtools-ui/ui/components/report_view/report_view.js

@@ -0,0 +1,21 @@
+import{render as e,html as s,nothing as t}from"../../lit/lit.js";var o={cssText:`:host{display:block}.content{background-color:var(--sys-color-cdt-base-container);display:grid;grid-template-columns:min-content 1fr;user-select:text;margin:var(--sys-size-5) 0}.report-title{padding:var(--sys-size-7) var(--sys-size-9);font:var(--sys-typescale-headline4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--sys-color-divider);color:var(--sys-color-on-surface);background-color:var(--sys-color-cdt-base-container)}\n/*# sourceURL=${import.meta.resolve("./report.css")} */\n`},r={cssText:`:host{margin:var(--sys-size-3) 0 var(--sys-size-3) var(--sys-size-9);min-width:150px}.key{color:var(--sys-color-on-surface-subtle);font:var(--sys-typescale-body5-medium);padding-right:var(--sys-size-6);text-align:left;white-space:pre;user-select:none;line-height:18px}\n/*# sourceURL=${import.meta.resolve("./reportKey.css")} */\n`},i={cssText:`:host{grid-column-start:span 2;min-width:min-content}.section{padding:var(--sys-size-5) var(--sys-size-9);display:flex;flex-direction:row;align-items:center;flex:auto;overflow-wrap:break-word;overflow:hidden}\n/*# sourceURL=${import.meta.resolve("./reportSection.css")} */\n`},a={cssText:`:host{grid-column-start:span 2}:host(.subsection-divider){padding-left:var(--sys-size-9)}.section-divider{margin:var(--sys-size-5) 0;border-bottom:1px solid var(--sys-color-divider)}\n/*# sourceURL=${import.meta.resolve("./reportSectionDivider.css")} */\n`},n={cssText:`:host{grid-column-start:span 2}.section-header{font:var(--sys-typescale-headline5);margin:var(--sys-size-4) 0 var(--sys-size-5) var(--sys-size-9);display:flex;flex-direction:row;align-items:center;flex:auto;text-overflow:ellipsis;overflow:hidden;color:var(--sys-color-on-surface);user-select:none}\n/*# sourceURL=${import.meta.resolve("./reportSectionHeader.css")} */\n`},d={cssText:`:host{margin:var(--sys-size-3) var(--sys-size-9) var(--sys-size-3) var(--sys-size-9);min-width:150px}.value{font:var(--sys-typescale-body4-regular);color:var(--sys-color-on-surface);margin-inline-start:0;padding:0 6px;overflow-wrap:break-word;line-height:18px}\n/*# sourceURL=${import.meta.resolve("./reportValue.css")} */\n`};const l=new CSSStyleSheet;l.replaceSync(o.cssText);const c=new CSSStyleSheet;c.replaceSync(r.cssText);const h=new CSSStyleSheet;h.replaceSync(i.cssText);const p=new CSSStyleSheet;p.replaceSync(a.cssText);const v=new CSSStyleSheet;v.replaceSync(n.cssText);const y=new CSSStyleSheet;y.replaceSync(d.cssText);class m extends HTMLElement{#e=this.attachShadow({mode:"open"});#s="";set data({reportTitle:e}){this.#s=e,this.#t()}connectedCallback(){this.#e.adoptedStyleSheets=[l],this.#t()}#t(){e(s`
+      ${this.#s?s`<div class="report-title">${this.#s}</div>`:t}
+      <div class="content">
+        <slot></slot>
+      </div>
+    `,this.#e,{host:this})}}class S extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[h],this.#t()}#t(){e(s`
+      <div class="section">
+        <slot></slot>
+      </div>
+    `,this.#e,{host:this})}}class w extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[v],this.#t()}#t(){e(s`
+      <div class="section-header">
+        <slot></slot>
+      </div>
+    `,this.#e,{host:this})}}class u extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[p],this.#t()}#t(){e(s`
+      <div class="section-divider">
+      </div>
+    `,this.#e,{host:this})}}class x extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[c],this.#t()}#t(){e(s`
+      <div class="key"><slot></slot></div>
+    `,this.#e,{host:this})}}class f extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[y],this.#t()}#t(){e(s`
+      <div class="value"><slot></slot></div>
+    `,this.#e,{host:this})}}customElements.define("devtools-report",m),customElements.define("devtools-report-section",S),customElements.define("devtools-report-section-header",w),customElements.define("devtools-report-key",x),customElements.define("devtools-report-value",f),customElements.define("devtools-report-divider",u);var g=Object.freeze({__proto__:null,Report:m,ReportKey:x,ReportSection:S,ReportSectionDivider:u,ReportSectionHeader:w,ReportValue:f});export{g as ReportView};

package/client/dist/chrome-devtools-ui/ui/components/request_link_icon/request_link_icon.js

@@ -0,0 +1,8 @@
+import"../icon_button/icon_button.js";import*as e from"../../../core/common/common.js";import*as t from"../../../core/i18n/i18n.js";import*as i from"../../../panels/network/forward/forward.js";import*as r from"../render_coordinator/render_coordinator.js";import*as s from"../../lit/lit.js";import*as o from"../../visual_logging/visual_logging.js";var n={cssText:`:host{display:inline-block;white-space:nowrap;color:inherit;font-size:inherit;font-family:inherit}:host([hidden]){display:none}button{border:none;background:transparent;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;&.link{cursor:pointer;& > span{color:var(--sys-color-primary)}}}devtools-icon{width:16px;height:16px;vertical-align:middle;color:var(--icon-no-request);.link > &{color:var(--icon-link)}}@media (forced-colors: active){devtools-icon{color:ButtonText}}\n/*# sourceURL=${import.meta.resolve("./requestLinkIcon.css")} */\n`};const a=new CSSStyleSheet;a.replaceSync(n.cssText);const{html:l}=s,h={clickToShowRequestInTheNetwork:"Click to open the network panel and show request for URL: {url}",requestUnavailableInTheNetwork:"Request unavailable in the network panel, try reloading the inspected page",shortenedURL:"Shortened URL"},c=t.i18n.registerUIStrings("ui/components/request_link_icon/RequestLinkIcon.ts",h),d=t.i18n.getLocalizedString.bind(void 0,c),u=e=>(/[^/]+$/.exec(e)||/[^/]+\/$/.exec(e)||[""])[0];class p extends HTMLElement{#e=this.attachShadow({mode:"open"});#t;#i;#r;#s;#o=!1;#n;#a;#l;#h;#c=e.Revealer.reveal;set data(e){if(this.#t=e.linkToPreflight,this.#i=e.request,e.affectedRequest&&(this.#l={...e.affectedRequest}),this.#r=e.highlightHeader,this.#a=e.networkTab,this.#s=e.requestResolver,this.#o=e.displayURL??!1,this.#n=e.urlToDisplay,this.#h=e.additionalOnClickAction,e.revealOverride&&(this.#c=e.revealOverride),!this.#i&&void 0!==e.affectedRequest?.requestId){if(!this.#s)throw new Error("A `RequestResolver` must be provided if an `affectedRequest` is provided.");this.#s.waitFor(e.affectedRequest.requestId).then((e=>(this.#i=e,this.#d()))).catch((()=>{this.#i=null}))}this.#d()}connectedCallback(){this.#e.adoptedStyleSheets=[a]}get data(){return{linkToPreflight:this.#t,request:this.#i,affectedRequest:this.#l,highlightHeader:this.#r,networkTab:this.#a,requestResolver:this.#s,displayURL:this.#o,urlToDisplay:this.#n,additionalOnClickAction:this.#h,revealOverride:this.#c!==e.Revealer.reveal?this.#c:void 0}}handleClick(e){if(0!==e.button)return;const t=this.#t?this.#i?.preflightRequest():this.#i;if(t){if(this.#r){const e=i.UIRequestLocation.UIRequestLocation.header(t,this.#r.section,this.#r.name);this.#c(e)}else{const e=i.UIRequestLocation.UIRequestLocation.tab(t,this.#a??"headers-component");this.#c(e)}this.#h?.(),e.consume()}}#u(){return this.#i?d(h.clickToShowRequestInTheNetwork,{url:this.#i.url()}):d(h.requestUnavailableInTheNetwork)}#p(){if(this.#o)return this.#i?this.#i.url():this.#l?.url}#q(){const e=this.#p();if(!e)return s.nothing;if(this.#n)return l`<span title=${e}>${this.#n}</span>`;const t=u(e);return l`<span aria-label=${d(h.shortenedURL)} title=${e}>${t}</span>`}async#d(){return await r.write((()=>{let e=this.#q();(this.#i||void 0!==this.#l?.requestId)&&(e=l`
+          <button class=${s.Directives.classMap({link:Boolean(this.#i)})}
+                  title=${this.#u()}
+                  jslog=${o.link("request").track({click:!0})}
+                  @click=${this.handleClick}>
+            <devtools-icon name="arrow-up-down-circle"></devtools-icon>
+            ${e}
+          </button>`),s.render(e,this.#e,{host:this})}))}}customElements.define("devtools-request-link-icon",p);var q=Object.freeze({__proto__:null,RequestLinkIcon:p,extractShortPath:u});export{q as RequestLinkIcon};

package/client/dist/chrome-devtools-ui/ui/components/settings/settings.js

@@ -0,0 +1,20 @@
+import"../icon_button/icon_button.js";import*as e from"../../../core/common/common.js";import*as t from"../../lit/lit.js";import*as i from"../../../core/host/host.js";import*as s from"../../../core/i18n/i18n.js";import*as n from"../../visual_logging/visual_logging.js";import"../buttons/buttons.js";import*as o from"../input/input.js";var r={cssText:`.clickable{cursor:pointer}devtools-icon{vertical-align:text-bottom;padding-left:2px}\n/*# sourceURL=${import.meta.resolve("./settingDeprecationWarning.css")} */\n`};const a=new CSSStyleSheet;a.replaceSync(r.cssText);const{html:c}=t;class l extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[a]}set data(e){this.#t(e)}#t({disabled:i,warning:s,experiment:n}){const o={clickable:!1};let r;i&&n&&(o.clickable=!0,r=()=>{e.Revealer.reveal(n)}),t.render(c`<devtools-icon class=${t.Directives.classMap(o)} .data=${{iconName:"info",color:"var(--icon-default)",width:"16px"}} title=${s} @click=${r}></devtools-icon>`,this.#e,{host:this})}}customElements.define("devtools-setting-deprecation-warning",l);var h=Object.freeze({__proto__:null,SettingDeprecationWarning:l}),d={cssText:`:host{display:block;padding:0;margin:0}input{height:12px;width:12px;min-height:12px;min-width:12px;margin:6px}label{display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis}p{margin:6px 0}.disabled-reason{box-sizing:border-box;margin-left:var(--sys-size-2);width:var(--sys-size-9);height:var(--sys-size-9)}.learn-more{cursor:pointer;position:relative;margin-left:var(--sys-size-2);top:var(--sys-size-2);width:var(--sys-size-9);height:var(--sys-size-9)}\n/*# sourceURL=${import.meta.resolve("./settingCheckbox.css")} */\n`};const g=new CSSStyleSheet;g.replaceSync(d.cssText);const{html:p,Directives:{ifDefined:m}}=t,b={learnMore:"Learn more"},v=s.i18n.registerUIStrings("ui/components/settings/SettingCheckbox.ts",b),x=s.i18n.getLocalizedString.bind(void 0,v);class u extends HTMLElement{#e=this.attachShadow({mode:"open"});#i;#s;#n;connectedCallback(){this.#e.adoptedStyleSheets=[o.checkboxStyles,g]}set data(e){this.#s&&this.#i&&this.#i.removeChangeListener(this.#s.listener),this.#i=e.setting,this.#n=e.textOverride,this.#s=this.#i.addChangeListener((()=>{this.#t()})),this.#t()}icon(){if(!this.#i)return;if(this.#i.deprecation)return p`<devtools-setting-deprecation-warning .data=${this.#i.deprecation}></devtools-setting-deprecation-warning>`;const e=this.#i.learnMore();if(e&&e.url){const t=e.url,s={iconName:"help",variant:"icon",size:"SMALL",jslogContext:`${this.#i.name}-documentation`,title:x(b.learnMore)};return p`<devtools-button
+                    class=learn-more
+                    @click=${e=>{i.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab(t),e.consume()}}
+                    .data=${s}></devtools-button>`}}#t(){if(!this.#i)throw new Error('No "Setting" object provided for rendering');const e=this.icon(),i=`${this.#i.learnMore()?this.#i.learnMore()?.tooltip():""}`,s=this.#i.disabledReasons(),o=s.length?p`
+      <devtools-button class="disabled-reason" .iconName=${"info"} .variant=${"icon"} .size=${"SMALL"} title=${m(s.join("\n"))} @click=${onclick}></devtools-button>
+    `:t.nothing;t.render(p`
+      <p>
+        <label title=${i}>
+          <input
+            type="checkbox"
+            .checked=${!s.length&&this.#i.get()}
+            ?disabled=${this.#i.disabled()}
+            @change=${this.#o}
+            jslog=${n.toggle().track({click:!0}).context(this.#i.name)}
+            aria-label=${this.#i.title()}
+          />
+          ${this.#n||this.#i.title()}${o}
+        </label>
+        ${e}
+      </p>`,this.#e,{host:this})}#o(e){this.#i?.set(e.target.checked),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!1}))}}customElements.define("setting-checkbox",u);var S=Object.freeze({__proto__:null,SettingCheckbox:u});export{S as SettingCheckbox,h as SettingDeprecationWarning};

package/client/dist/chrome-devtools-ui/ui/components/spinners/spinners.js

@@ -0,0 +1,16 @@
+import{render as e,html as i}from"../../lit/lit.js";var t={cssText:`:host{overflow:hidden;width:var(--sys-size-7);height:var(--sys-size-7);display:inline-block;font-size:0;letter-spacing:0;white-space:nowrap;animation:spinner-container-animation 1.5s linear infinite}.indeterminate-spinner{animation:indeterminate-spinner-animation 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;width:100%;height:100%}.left-circle-graphic-container{width:50%;height:100%;display:inline-block;position:relative;overflow:hidden}.left-circle-graphic{width:200%;position:absolute;animation:indeterminate-left-circle-spinner-animation 1333ms cubic-bezier(0.4,0,0.2,1) infinite both}.center-circle-graphic-container{width:5%;height:100%;display:inline-block;position:absolute;overflow:hidden;top:0;left:47.5%;box-sizing:border-box}.center-circle-graphic{width:2000%;position:absolute;left:-900%;transform:rotate(180deg)}.right-circle-graphic-container{width:50%;height:100%;display:inline-block;position:relative;overflow:hidden}.right-circle-graphic{width:200%;position:absolute;left:-100%;animation:indeterminate-right-circle-spinner-animation 1333ms cubic-bezier(0.4,0,0.2,1) infinite both}circle{stroke:var(--sys-color-primary);stroke-width:var(--sys-size-6);fill:transparent;stroke-dasharray:290px;stroke-dashoffset:150px}@keyframes spinner-container-animation{100%{transform:rotate(360deg)}}@keyframes indeterminate-spinner-animation{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes indeterminate-left-circle-spinner-animation{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}100%{transform:rotate(265deg)}}@keyframes indeterminate-right-circle-spinner-animation{0%{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}100%{transform:rotate(-265deg)}}\n/*# sourceURL=${import.meta.resolve("./spinner.css")} */\n`};const r=new CSSStyleSheet;r.replaceSync(t.cssText);class n extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[r],this.#i()}#i(){e(i`
+      <div class="indeterminate-spinner">
+        <div class="left-circle-graphic-container">
+          <svg class="left-circle-graphic" viewBox="0 0 100 100">
+            <circle cx="50%" cy="50%" r="2.75rem"></circle></svg>
+        </div>
+        <div class="center-circle-graphic-container">
+          <svg class="center-circle-graphic" viewBox="0 0 100 100">
+            <circle cx="50%" cy="50%" r="2.75rem"></circle></svg>
+        </div>
+        <div class="right-circle-graphic-container">
+          <svg class="right-circle-graphic" viewBox="0 0 100 100">
+            <circle cx="50%" cy="50%" r="2.75rem"></circle></svg>
+        </div>
+      </div>
+    `,this.#e,{host:this})}}customElements.define("devtools-spinner",n);var a=Object.freeze({__proto__:null,Spinner:n});export{a as Spinner};

package/client/dist/chrome-devtools-ui/ui/components/srgb_overlay/srgb_overlay.js

@@ -0,0 +1,6 @@
+import*as e from"../../../core/common/common.js";import*as t from"../render_coordinator/render_coordinator.js";import{render as o,html as r}from"../../lit/lit.js";var s={cssText:`:host{position:absolute;left:0;top:0;width:100%;height:100%}.gamut-line{stroke:color-mix(in srgb,var(--ref-palette-neutral100) 50%,transparent);fill:none}.label{position:absolute;bottom:3px;margin-right:5px;color:color-mix(in srgb,var(--ref-palette-neutral100) 50%,transparent)}\n/*# sourceURL=${import.meta.resolve("./srgbOverlay.css")} */\n`};const n=new CSSStyleSheet;n.replaceSync(s.cssText);function i(t){const o=e.Color.hsva2rgba([...t,1]),r=e.ColorConverter.ColorConverter.displayP3ToXyzd50(o[0],o[1],o[2]);return e.ColorConverter.ColorConverter.xyzd50ToSrgb(r[0],r[1],r[2]).every((e=>e+.001>=0&&e-.001<=1))}class l extends HTMLElement{#e=this.attachShadow({mode:"open"});constructor(){super(),this.#e.adoptedStyleSheets=[n]}#t({hue:e,width:t,height:o}){if(0===t||0===o)return null;const r=1/window.devicePixelRatio,s=[];let n=0;for(let l=0;l<o;l+=r){const a=1-l/o;for(;n<t;n+=r){if(!i([e,n/t,a])){s.push({x:n,y:l});break}}}if(0===s.length)return null;const l=s[s.length-1];return l.x<t&&s.push({y:l.y,x:t}),s}#o(e,t){let o=1/0,r=null;for(const s of e)Math.abs(t-s.y)<=o&&(o=Math.abs(t-s.y),r=s);return r}render({hue:e,width:s,height:n}){return t.write("Srgb Overlay render",(()=>{const t=this.#t({hue:e,width:s,height:n});if(!t||0===t.length)return;const i=this.#o(t,n-13);i&&o(r`
+          <span class="label" style="right: ${s-i.x}px">sRGB</span>
+          <svg>
+            <polyline points=${t.map((e=>`${e.x.toFixed(2)},${e.y.toFixed(2)}`)).join(" ")} class="gamut-line" />
+          </svg>
+        `,this.#e,{host:this})}))}}customElements.define("devtools-spectrum-srgb-overlay",l);var a=Object.freeze({__proto__:null,SrgbOverlay:l});export{a as SrgbOverlay};

package/client/dist/chrome-devtools-ui/ui/components/suggestion_input/suggestion_input.js

@@ -0,0 +1,29 @@
+import*as e from"../code_highlighter/code_highlighter.js";import*as t from"../../lit/lit.js";import*as o from"../../visual_logging/visual_logging.js";var s={cssText:`.token-variable{color:var(--sys-color-token-variable)}.token-property{color:var(--sys-color-token-property)}.token-type{color:var(--sys-color-token-type)}.token-variable-special{color:var(--sys-color-token-variable-special)}.token-definition{color:var(--sys-color-token-definition)}.token-builtin{color:var(--sys-color-token-builtin)}.token-number{color:var(--sys-color-token-number)}.token-string{color:var(--sys-color-token-string)}.token-string-special{color:var(--sys-color-token-string-special)}.token-atom{color:var(--sys-color-token-atom)}.token-keyword{color:var(--sys-color-token-keyword)}.token-comment{color:var(--sys-color-token-comment)}.token-meta{color:var(--sys-color-token-meta)}.token-invalid{color:var(--sys-color-error)}.token-tag{color:var(--sys-color-token-tag)}.token-attribute{color:var(--sys-color-token-attribute)}.token-attribute-value{color:var(--sys-color-token-attribute-value)}.token-inserted{color:var(--sys-color-token-inserted)}.token-deleted{color:var(--sys-color-token-deleted)}.token-heading{color:var(--sys-color-token-variable-special);font-weight:bold}.token-link{color:var(--sys-color-token-variable-special);text-decoration:underline}.token-strikethrough{text-decoration:line-through}.token-strong{font-weight:bold}.token-emphasis{font-style:italic}\n/*# sourceURL=${import.meta.resolve("./codeHighlighter.css")} */\n`},i={cssText:`*{box-sizing:border-box;font-size:inherit;margin:0;padding:0}:host{position:relative}devtools-editable-content{background:transparent;border:none;color:var(--override-color-recorder-input,var(--sys-color-on-surface));cursor:text;display:inline-block;line-height:18px;min-height:18px;min-width:0.5em;outline:none;overflow-wrap:anywhere}devtools-editable-content:hover,\ndevtools-editable-content:focus{box-shadow:0 0 0 1px var(--sys-color-divider);border-radius:2px}devtools-editable-content[placeholder]:empty::before{content:attr(placeholder);color:var(--sys-color-on-surface);opacity:50%}devtools-editable-content[placeholder]:empty:focus::before{content:""}devtools-suggestion-box{position:absolute;display:none}devtools-editable-content:focus ~ devtools-suggestion-box{display:block}.suggestions{background-color:var(--sys-color-cdt-base-container);box-shadow:var(--drop-shadow);min-height:1em;min-width:150px;overflow:hidden auto;position:relative;z-index:100;max-height:350px}.suggestions > li{padding:1px;border:1px solid transparent;white-space:nowrap;font-family:var(--source-code-font-family);font-size:var(--source-code-font-size);color:var(--sys-color-on-surface)}.suggestions > li:hover{background-color:var(--sys-color-state-hover-on-subtle)}.suggestions > li.selected{background-color:var(--sys-color-primary);color:var(--sys-color-cdt-base-container)}.strikethrough{text-decoration:line-through}\n/*# sourceURL=${import.meta.resolve("./suggestionInput.css")} */\n`},n=self&&self.__decorate||function(e,t,o,s){var i,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,s);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(r=(n<3?i(r):n>3?i(t,o,r):i(t,o))||r);return n>3&&r&&Object.defineProperty(t,o,r),r};const r=new CSSStyleSheet;r.replaceSync(s.cssText);const l=new CSSStyleSheet;l.replaceSync(i.cssText);function a(e,t="Assertion failed!"){if(!e)throw new Error(t)}const{html:c,Decorators:h,Directives:d,LitElement:u}=t,{customElement:g,property:p,state:v}=h,{classMap:y}=d,b={hasChanged:(e,t)=>JSON.stringify(e)!==JSON.stringify(t),attribute:!1};let m=class extends HTMLElement{static get observedAttributes(){return["disabled","placeholder"]}set disabled(e){this.contentEditable=String(!e)}get disabled(){return"true"!==this.contentEditable}set value(e){this.innerText=e,this.#e()}get value(){return this.innerText}set mimeType(e){this.#t=e,this.#e()}get mimeType(){return this.#t}#t="";constructor(){super(),this.contentEditable="true",this.tabIndex=0,this.addEventListener("focus",(()=>{this.innerHTML=this.innerText})),this.addEventListener("blur",this.#e.bind(this))}#e(){this.#t&&e.CodeHighlighter.highlightNode(this,this.#t)}attributeChangedCallback(e,t,o){if("disabled"===e)this.disabled=null!==o}};m=n([g("devtools-editable-content")],m);class k extends Event{static eventName="suggest";constructor(e){super(k.eventName),this.suggestion=e}}class f extends Event{static eventName="suggestioninit";listeners;constructor(e){super(f.eventName),this.listeners=e}}const x=(e,t)=>e.toLowerCase().startsWith(t.toLowerCase());let w=class extends u{static styles=[l];#o=[];constructor(){super(),this.options=[],this.expression="",this.cursor=0}#s=e=>{if(a(e instanceof KeyboardEvent,"Bound to the wrong event."),this.#o.length>0)switch(e.key){case"ArrowDown":e.stopPropagation(),e.preventDefault(),this.#i(1);break;case"ArrowUp":e.stopPropagation(),e.preventDefault(),this.#i(-1)}if("Enter"===e.key)this.#o[this.cursor]&&this.#n(this.#o[this.cursor]),e.preventDefault()};#i(e){var t,o;this.cursor=(t=this.cursor+e,o=this.#o.length,(t%o+o)%o)}#n(e){this.dispatchEvent(new k(e))}connectedCallback(){super.connectedCallback(),this.dispatchEvent(new f([["keydown",this.#s]]))}willUpdate(e){e.has("options")&&(this.options=Object.freeze([...this.options].sort())),(e.has("expression")||e.has("options"))&&(this.cursor=0,this.#o=this.options.filter((e=>(this.suggestionFilter||x)(e,this.expression))))}render(){if(0!==this.#o.length)return c`<ul class="suggestions">
+      ${this.#o.map(((e,t)=>c`<li
+          class=${y({selected:t===this.cursor})}
+          @mousedown=${this.#n.bind(this,e)}
+          jslog=${o.item("suggestion").track({click:!0})}
+        >
+          ${e}
+        </li>`))}
+    </ul>`}};n([p(b)],w.prototype,"options",void 0),n([p()],w.prototype,"expression",void 0),n([p()],w.prototype,"suggestionFilter",void 0),n([v()],w.prototype,"cursor",void 0),w=n([g("devtools-suggestion-box")],w);let E=class extends u{static shadowRootOptions={...u.shadowRootOptions,delegatesFocus:!0};static styles=[l,r];constructor(){super(),this.options=[],this.expression="",this.placeholder="",this.value="",this.disabled=!1,this.strikethrough=!0,this.mimeType="",this.autocomplete=!0,this.addEventListener("blur",this.#r);let e=o.value().track({keydown:"ArrowUp|ArrowDown|Enter",change:!0,click:!0});this.jslogContext&&(e=e.context(this.jslogContext)),this.setAttribute("jslog",e.toString())}#l;get#a(){if(this.#l)return this.#l;const e=this.renderRoot.querySelector("devtools-editable-content");if(!e)throw new Error("Attempted to query node before rendering.");return this.#l=e,e}#r=()=>{window.getSelection()?.removeAllRanges(),this.value=this.#a.value,this.expression=this.#a.value};#c=e=>{a(e.target instanceof Node);const t=document.createRange();t.selectNodeContents(e.target);const o=window.getSelection();o.removeAllRanges(),o.addRange(t)};#s=e=>{"Enter"===e.key&&e.preventDefault()};#h=e=>{this.expression=e.target.value};#d=e=>{for(const[t,o]of e.listeners)this.addEventListener(t,o)};#u=e=>{this.#a.value=e.suggestion,setTimeout(this.blur.bind(this),0)};willUpdate(e){e.has("value")&&(this.expression=this.value)}render(){return c`<devtools-editable-content
+        ?disabled=${this.disabled}
+        class=${y({strikethrough:!this.strikethrough})}
+        .enterKeyHint=${"done"}
+        .value=${this.value}
+        .mimeType=${this.mimeType}
+        @focus=${this.#c}
+        @input=${this.#h}
+        @keydown=${this.#s}
+        autocapitalize="off"
+        inputmode="text"
+        placeholder=${this.placeholder}
+        spellcheck="false"
+      ></devtools-editable-content>
+      <devtools-suggestion-box
+        @suggestioninit=${this.#d}
+        @suggest=${this.#u}
+        .options=${this.options}
+        .suggestionFilter=${this.suggestionFilter}
+        .expression=${this.autocomplete?this.expression:""}
+      ></devtools-suggestion-box>`}};n([p(b)],E.prototype,"options",void 0),n([p({type:Boolean})],E.prototype,"autocomplete",void 0),n([p()],E.prototype,"suggestionFilter",void 0),n([v()],E.prototype,"expression",void 0),n([p()],E.prototype,"placeholder",void 0),n([p()],E.prototype,"value",void 0),n([p({type:Boolean})],E.prototype,"disabled",void 0),n([p({type:Boolean})],E.prototype,"strikethrough",void 0),n([p()],E.prototype,"mimeType",void 0),n([p()],E.prototype,"jslogContext",void 0),E=n([g("devtools-suggestion-input")],E);var S=Object.freeze({__proto__:null,get SuggestionInput(){return E}});export{S as SuggestionInput};

package/client/dist/chrome-devtools-ui/ui/components/survey_link/survey_link.js

@@ -0,0 +1,7 @@
+import"../icon_button/icon_button.js";import*as e from"../../../core/common/common.js";import*as t from"../../../core/i18n/i18n.js";import{html as i,render as n}from"../../lit/lit.js";var r=`.link-icon{vertical-align:sub;margin-right:0.5ch}.link{padding:var(--issue-link-padding,4px 0 0 0);text-decoration:var(--issue-link-text-decoration,underline);cursor:pointer;font-size:var(--issue-link-font-size,14px);color:var(--sys-color-primary);outline-offset:2px;border:none;background:none;font-family:inherit}.link:focus:not(:focus-visible){outline:none}.pending-link{opacity:75%;pointer-events:none;cursor:default;text-decoration:none}.disabled-link{pointer-events:none;cursor:default;text-decoration:none}\n/*# sourceURL=${import.meta.resolve("./surveyLink.css")} */\n`;const o={openingSurvey:"Opening survey …",thankYouForYourFeedback:"Thank you for your feedback",anErrorOccurredWithTheSurvey:"An error occurred with the survey"},s=t.i18n.registerUIStrings("ui/components/survey_link/SurveyLink.ts",o),a=t.i18n.getLocalizedString.bind(void 0,s);class h extends HTMLElement{#e=this.attachShadow({mode:"open"});#t="";#i=e.UIString.LocalizedEmptyString;#n=()=>{};#r=()=>{};#o="Checking";set data(e){this.#t=e.trigger,this.#i=e.promptText,this.#n=e.canShowSurvey,this.#r=e.showSurvey,this.#s()}#s(){this.#o="Checking",this.#n(this.#t,(({canShowSurvey:e})=>{this.#o=e?"ShowLink":"DontShowLink",this.#a()}))}#h(){this.#o="Sending",this.#a(),this.#r(this.#t,(({surveyShown:e})=>{this.#o=e?"SurveyShown":"Failed",this.#a()}))}#a(){if("Checking"===this.#o||"DontShowLink"===this.#o)return;let e=this.#i;"Sending"===this.#o?e=a(o.openingSurvey):"SurveyShown"===this.#o?e=a(o.thankYouForYourFeedback):"Failed"===this.#o&&(e=a(o.anErrorOccurredWithTheSurvey));let t="";"Sending"===this.#o?t="pending-link":"Failed"!==this.#o&&"SurveyShown"!==this.#o||(t="disabled-link");const s="ShowLink"!==this.#o,h=i`
+      <style>${r}</style>
+      <button class="link ${t}" tabindex=${s?"-1":"0"} .disabled=${s} aria-disabled=${s} @click=${this.#h}>
+        <devtools-icon class="link-icon" .data=${{iconName:"review",color:"var(--sys-color-primary)",width:"var(--issue-link-icon-size, 16px)",height:"var(--issue-link-icon-size, 16px)"}}></devtools-icon><!--
+      -->${e}
+      </button>
+    `;n(h,this.#e,{host:this})}}customElements.define("devtools-survey-link",h);var c=Object.freeze({__proto__:null,SurveyLink:h});export{c as SurveyLink};

package/client/dist/chrome-devtools-ui/ui/components/switch/switch.js

@@ -0,0 +1,10 @@
+import{render as e,html as s,nothing as o}from"../../lit/lit.js";import*as r from"../../visual_logging/visual_logging.js";var t={cssText:`:host{position:relative;display:inline-block;width:26px;height:var(--sys-size-8)}input{opacity:0%;width:0;height:0}.slider{box-sizing:border-box;position:absolute;cursor:pointer;left:0;top:0;width:100%;height:100%;background-color:var(--sys-color-surface-variant);border:1px solid var(--sys-color-outline);border-radius:var(--sys-shape-corner-full);transition:background-color 80ms linear}.slider::before{position:absolute;content:"";height:var(--sys-size-5);width:var(--sys-size-5);border-radius:var(--sys-shape-corner-full);top:calc(50% - 4px);left:3px;background-color:var(--sys-color-outline);transition:transform 80ms linear,background-color 80ms linear,width 80ms linear,height 80ms linear,top 80ms linear,left 80ms linear}input:focus-visible + .slider{outline:2px solid var(--sys-color-state-focus-ring);outline-offset:2px}input:checked{& + .slider{background-color:var(--sys-color-primary);border:1px solid var(--sys-color-primary)}& + .slider::before{left:11px;height:var(--sys-size-6);width:var(--sys-size-6);top:calc(50% - 6px);background-color:var(--sys-color-on-primary)}}input:disabled:not(:checked){& + .slider{background-color:transparent;border-color:var(--sys-color-state-disabled)}& + .slider::before{background-color:var(--sys-color-state-disabled)}}input:disabled:checked{& + .slider{background-color:var(--sys-color-state-disabled-container);border-color:transparent}& + .slider::before{background-color:var(--sys-color-surface)}}@media (forced-colors: active){.slider::before,\n  input:checked + .slider::before{background-color:ButtonText}input:disabled:not(:checked) + .slider,\n  input:disabled:checked + .slider{background-color:transparent;border-color:GrayText}input:disabled:not(:checked) + .slider::before,\n  input:disabled:checked + .slider::before{background-color:GrayText}}\n/*# sourceURL=${import.meta.resolve("./switch.css")} */\n`};const i=new CSSStyleSheet;i.replaceSync(t.cssText);class c extends Event{checked;static eventName="switchchange";constructor(e){super(c.eventName),this.checked=e}}class a extends HTMLElement{#e=this.attachShadow({mode:"open"});#s=!1;#o=!1;#r="";connectedCallback(){this.#e.adoptedStyleSheets=[i],this.#t()}set checked(e){this.#s=e,this.#t()}get checked(){return this.#s}set disabled(e){this.#o=e,this.#t()}get disabled(){return this.#o}get jslogContext(){return this.#r}set jslogContext(e){this.#r=e,this.#t()}#i=e=>{this.#s=e.target.checked,this.dispatchEvent(new c(this.#s))};#t(){const t=this.#r&&r.toggle(this.#r).track({change:!0});e(s`
+    <label role="button" jslog=${t||o}>
+      <input type="checkbox"
+        @change=${this.#i}
+        ?disabled=${this.#o}
+        .checked=${this.#s}
+      >
+      <span class="slider" @click=${e=>e.stopPropagation()}></span>
+    </label>
+    `,this.#e,{host:this})}}customElements.define("devtools-switch",a);var l=Object.freeze({__proto__:null,Switch:a,SwitchChangeEvent:c});export{l as Switch};