simdeck 0.1.3 → 0.1.5

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

@@ -0,0 +1,221 @@
+import"../../../../ui/legacy/legacy.js";import*as e from"../../../../core/i18n/i18n.js";import*as t from"../../../../core/platform/platform.js";import"../../../../ui/components/buttons/buttons.js";import*as a from"../../../../ui/components/input/input.js";import*as r from"../../../../ui/lit/lit.js";import*as n from"../../../../ui/visual_logging/visual_logging.js";import*as i from"../utils/utils.js";var s={cssText:`.root{color:var(--sys-color-on-surface);width:100%}.tree-title{font-weight:700;display:flex;align-items:center}.rotate-icon{transform:rotate(90deg)}.form-container{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:8px 10px;padding:0 10px}.full-row{grid-column:1/5}.half-row{grid-column:span 2}.mobile-checkbox-container{display:flex}.device-model-input{grid-column:1/4}.input-field{color:var(--sys-color-on-surface);padding:3px 6px;border-radius:2px;border:1px solid var(--sys-color-neutral-outline);background-color:var(--sys-color-cdt-base-container);font-size:inherit;height:18px}.input-field:focus{border:1px solid var(--sys-color-state-focus-ring);outline-width:0}.add-container{cursor:pointer;display:flex;align-items:center;gap:6px}.add-icon{margin-right:5px}.brand-row{display:flex;align-items:center;gap:10px;justify-content:space-between}.brand-row > input{width:100%}.info-icon{margin-left:5px;margin-right:1px}.link,\n.devtools-link{color:var(--sys-color-primary);text-decoration:underline;cursor:pointer;outline-offset:2px;font-weight:400}devtools-icon + .link{margin-inline-start:2px}.hide-container{display:none}.input-field-label-container{display:flex;flex-direction:column;gap:10px}@media (forced-colors: active){.input-field{border:1px solid}.tree-title[aria-disabled="true"]{color:GrayText}}\n/*# sourceURL=${import.meta.resolve("./userAgentClientHintsForm.css")} */\n`};const l=new CSSStyleSheet;l.replaceSync(s.cssText);const{html:o}=r,d={title:"User agent client hints",useragent:"User agent (Sec-CH-UA)",fullVersionList:"Full version list (Sec-CH-UA-Full-Version-List)",brandProperties:"User agent properties",brandName:"Brand",brandNameAriaLabel:"Brand {PH1}",significantBrandVersionPlaceholder:"Significant version (e.g. 87)",brandVersionPlaceholder:"Version (e.g. 87.0.4280.88)",brandVersionAriaLabel:"Version {PH1}",addBrand:"Add Brand",brandUserAgentDelete:"Delete brand from user agent section",brandFullVersionListDelete:"Delete brand from full version list",fullBrowserVersion:"Full browser version (Sec-CH-UA-Full-Browser-Version)",fullBrowserVersionPlaceholder:"Full browser version (e.g. 87.0.4280.88)",platformLabel:"Platform (Sec-CH-UA-Platform / Sec-CH-UA-Platform-Version)",platformProperties:"Platform properties",platformVersion:"Platform version",platformPlaceholder:"Platform (e.g. Android)",architecture:"Architecture (Sec-CH-UA-Arch)",architecturePlaceholder:"Architecture (e.g. x86)",deviceProperties:"Device properties",deviceModel:"Device model (Sec-CH-UA-Model)",mobileCheckboxLabel:"Mobile",update:"Update",notRepresentable:"Not representable as structured headers string.",userAgentClientHintsInfo:"User agent client hints are an alternative to the user agent string that identify the browser and the device in a more structured way with better privacy accounting.",addedBrand:"Added brand row",deletedBrand:"Deleted brand row",learnMore:"Learn more"},c=e.i18n.registerUIStrings("panels/settings/emulation/components/UserAgentClientHintsForm.ts",d),h=e.i18n.getLocalizedString.bind(void 0,c);class u extends Event{static eventName="clienthintschange";constructor(){super(u.eventName)}}class p extends Event{static eventName="clienthintssubmit";detail;constructor(e){super(p.eventName),this.detail={value:e}}}const b={brands:[{brand:"",version:""}],fullVersionList:[{brand:"",version:""}],fullVersion:"",platform:"",platformVersion:"",architecture:"",model:"",mobile:!1};class m extends HTMLElement{#e=this.attachShadow({mode:"open"});#t=!1;#a=!1;#r=b;#n=!1;#i=!1;#s="";connectedCallback(){this.#e.adoptedStyleSheets=[a.checkboxStyles,l]}set value(e){const{metaData:t=b,showMobileCheckbox:a=!1,showSubmitButton:r=!1}=e;this.#r={...this.#r,...t},this.#n=a,this.#i=r,this.#l()}get value(){return{metaData:this.#r}}set disabled(e){this.#a=e,this.#t=!1,this.#l()}get disabled(){return this.#a}#o=e=>{"Space"!==e.code&&"Enter"!==e.code&&"ArrowLeft"!==e.code&&"ArrowRight"!==e.code||(e.stopPropagation(),this.#d(e.code))};#d=e=>{this.#a||"ArrowLeft"===e&&!this.#t||"ArrowRight"===e&&this.#t||(this.#t=!this.#t,this.#l())};#c=(e,t,a)=>{const r=this.#r.brands?.map(((r,n)=>{if(n===t){const{brand:t,version:n}=r;return"brandName"===a?{brand:e,version:n}:{brand:t,version:e}}return r}));this.#r={...this.#r,brands:r},this.dispatchEvent(new u),this.#l()};#h=(e,t,a)=>{const r=this.#r.fullVersionList?.map(((r,n)=>{if(n===t){const{brand:t,version:n}=r;return"brandName"===a?{brand:e,version:n}:{brand:t,version:e}}return r}));this.#r={...this.#r,fullVersionList:r},this.dispatchEvent(new u),this.#l()};#u=e=>{const{brands:t=[]}=this.#r;t.splice(e,1),this.#r={...this.#r,brands:t},this.dispatchEvent(new u),this.#s=h(d.deletedBrand),this.#l();let a=this.shadowRoot?.getElementById(`ua-brand-${e+1}-input`);a||(a=this.shadowRoot?.getElementById("add-brand-button")),a?.focus()};#p=e=>{const{fullVersionList:t=[]}=this.#r;t.splice(e,1),this.#r={...this.#r,fullVersionList:t},this.dispatchEvent(new u),this.#s=h(d.deletedBrand),this.#l();let a=this.shadowRoot?.getElementById(`fvl-brand-${e+1}-input`);a||(a=this.shadowRoot?.getElementById("add-fvl-brand-button")),a?.focus()};#b=()=>{const{brands:e}=this.#r;this.#r={...this.#r,brands:[...Array.isArray(e)?e:[],{brand:"",version:""}]},this.dispatchEvent(new u),this.#s=h(d.addedBrand),this.#l();const t=this.shadowRoot?.querySelectorAll(".ua-brand-name-input");if(t){const e=Array.from(t).pop();e&&e.focus()}};#m=e=>{"Space"!==e.code&&"Enter"!==e.code||(e.preventDefault(),this.#b())};#g=()=>{const{fullVersionList:e}=this.#r;this.#r={...this.#r,fullVersionList:[...Array.isArray(e)?e:[],{brand:"",version:""}]},this.dispatchEvent(new u),this.#s=h(d.addedBrand),this.#l();const t=this.shadowRoot?.querySelectorAll(".fvl-brand-name-input");if(t){const e=Array.from(t).pop();e&&e.focus()}};#f=e=>{"Space"!==e.code&&"Enter"!==e.code||(e.preventDefault(),this.#g())};#v=(e,t)=>{e in this.#r&&(this.#r={...this.#r,[e]:t},this.#l()),this.dispatchEvent(new u)};#$=e=>{"Space"!==e.code&&"Enter"!==e.code||(e.preventDefault(),e.target.click())};#w=e=>{e.preventDefault(),this.#i&&(this.dispatchEvent(new p(this.#r)),this.#l())};#x(e,a,r,i){return o`
+      <label class="full-row label input-field-label-container">
+        ${e}
+        <input
+          class="input-field"
+          type="text"
+          @input=${e=>{const t=e.target.value;this.#v(i,t)}}
+          .value=${r}
+          placeholder=${a}
+          jslog=${n.textField().track({change:!0}).context(t.StringUtilities.toKebabCase(i))}
+          />
+      </label>
+    `}#D(){const{platform:e,platformVersion:t}=this.#r;return o`
+      <span class="full-row label">${h(d.platformLabel)}</span>
+      <div class="full-row brand-row" aria-label=${h(d.platformProperties)} role="group">
+        <input
+          class="input-field half-row"
+          type="text"
+          @input=${e=>{const t=e.target.value;this.#v("platform",t)}}
+          .value=${e}
+          placeholder=${h(d.platformPlaceholder)}
+          aria-label=${h(d.platformLabel)}
+          jslog=${n.textField("platform").track({change:!0})}
+        />
+        <input
+          class="input-field half-row"
+          type="text"
+          @input=${e=>{const t=e.target.value;this.#v("platformVersion",t)}}
+          .value=${t}
+          placeholder=${h(d.platformVersion)}
+          aria-label=${h(d.platformVersion)}
+          jslog=${n.textField("platform-version").track({change:!0})}
+        />
+      </div>
+    `}#A(){const{model:e,mobile:t}=this.#r,a=this.#n?o`
+      <label class="mobile-checkbox-container">
+        <input type="checkbox" @input=${e=>{const t=e.target.checked;this.#v("mobile",t)}} .checked=${t}
+          jslog=${n.toggle("mobile").track({click:!0})}
+        />
+        ${h(d.mobileCheckboxLabel)}
+      </label>
+    `:o``;return o`
+      <span class="full-row label">${h(d.deviceModel)}</span>
+      <div class="full-row brand-row" aria-label=${h(d.deviceProperties)} role="group">
+        <input
+          class="input-field ${this.#n?"device-model-input":"full-row"}"
+          type="text"
+          @input=${e=>{const t=e.target.value;this.#v("model",t)}}
+          .value=${e}
+          placeholder=${h(d.deviceModel)}
+          jslog=${n.textField("model").track({change:!0})}
+        />
+        ${a}
+      </div>
+    `}#k(){const{brands:e=[{brand:"",version:""}]}=this.#r,t=e.map(((e,t)=>{const{brand:a,version:r}=e,i=()=>{this.#u(t)};return o`
+        <div class="full-row brand-row" aria-label=${h(d.brandProperties)} role="group">
+          <input
+            class="input-field ua-brand-name-input"
+            type="text"
+            @input=${e=>{const a=e.target.value;this.#c(a,t,"brandName")}}
+            .value=${a}
+            id="ua-brand-${t+1}-input"
+            placeholder=${h(d.brandName)}
+            aria-label=${h(d.brandNameAriaLabel,{PH1:t+1})}
+            jslog=${n.textField("brand-name").track({change:!0})}
+          />
+          <input
+            class="input-field"
+            type="text"
+            @input=${e=>{const a=e.target.value;this.#c(a,t,"brandVersion")}}
+            .value=${r}
+            placeholder=${h(d.significantBrandVersionPlaceholder)}
+            aria-label=${h(d.brandVersionAriaLabel,{PH1:t+1})}
+            jslog=${n.textField("brand-version").track({change:!0})}
+          />
+          <devtools-icon
+            .data=${{color:"var(--icon-default)",iconName:"bin",width:"16px",height:"16px"}}
+            title=${h(d.brandUserAgentDelete)}
+            class="delete-icon"
+            tabindex="0"
+            role="button"
+            @click=${i}
+            @keypress=${e=>{"Space"!==e.code&&"Enter"!==e.code||(e.preventDefault(),i())}}
+            aria-label=${h(d.brandUserAgentDelete)}
+          >
+          </devtools-icon>
+        </div>
+      `}));return o`
+      <span class="full-row label">${h(d.useragent)}</span>
+      ${t}
+      <div
+        class="add-container full-row"
+        role="button"
+        tabindex="0"
+        id="add-brand-button"
+        aria-label=${h(d.addBrand)}
+        @click=${this.#b}
+        @keypress=${this.#m}
+      >
+        <devtools-icon
+          aria-hidden="true"
+          .data=${{color:"var(--icon-default)",iconName:"plus",width:"16px"}}
+        >
+        </devtools-icon>
+        ${h(d.addBrand)}
+      </div>
+    `}#y(){const{fullVersionList:e=[{brand:"",version:""}]}=this.#r,t=e.map(((e,t)=>{const{brand:a,version:r}=e,i=()=>{this.#p(t)};return o`
+        <div
+          class="full-row brand-row"
+          aria-label=${h(d.brandProperties)}
+          jslog=${n.section("full-version")}
+          role="group">
+          <input
+            class="input-field fvl-brand-name-input"
+            type="text"
+            @input=${e=>{const a=e.target.value;this.#h(a,t,"brandName")}}
+            .value=${a}
+            id="fvl-brand-${t+1}-input"
+            placeholder=${h(d.brandName)}
+            aria-label=${h(d.brandNameAriaLabel,{PH1:t+1})}
+            jslog=${n.textField("brand-name").track({change:!0})}
+          />
+          <input
+            class="input-field"
+            type="text"
+            @input=${e=>{const a=e.target.value;this.#h(a,t,"brandVersion")}}
+            .value=${r}
+            placeholder=${h(d.brandVersionPlaceholder)}
+            aria-label=${h(d.brandVersionAriaLabel,{PH1:t+1})}
+            jslog=${n.textField("brand-version").track({change:!0})}
+          />
+          <devtools-icon
+            .data=${{color:"var(--icon-default)",iconName:"bin",width:"16px",height:"16px"}}
+            title=${h(d.brandFullVersionListDelete)}
+            class="delete-icon"
+            tabindex="0"
+            role="button"
+            @click=${i}
+            @keypress=${e=>{"Space"!==e.code&&"Enter"!==e.code||(e.preventDefault(),i())}}
+            aria-label=${h(d.brandFullVersionListDelete)}
+          >
+          </devtools-icon>
+        </div>
+      `}));return o`
+      <span class="full-row label">${h(d.fullVersionList)}</span>
+      ${t}
+      <div
+        class="add-container full-row"
+        role="button"
+        tabindex="0"
+        id="add-fvl-brand-button"
+        aria-label=${h(d.addBrand)}
+        @click=${this.#g}
+        @keypress=${this.#f}
+      >
+        <devtools-icon
+          aria-hidden="true"
+          .data=${{color:"var(--icon-default)",iconName:"plus",width:"16px"}}
+        >
+        </devtools-icon>
+        ${h(d.addBrand)}
+      </div>
+    `}#l(){const{fullVersion:e,architecture:t}=this.#r,a=this.#k(),i=this.#y(),s=this.#x(h(d.fullBrowserVersion),h(d.fullBrowserVersionPlaceholder),e||"","fullVersion"),l=this.#D(),c=this.#x(h(d.architecture),h(d.architecturePlaceholder),t,"architecture"),u=this.#A(),p=this.#i?o`
+      <devtools-button
+        .variant=${"outlined"}
+        .type=${"submit"}
+      >
+        ${h(d.update)}
+      </devtools-button>
+    `:r.nothing,b=o`
+      <section class="root">
+        <div
+          class="tree-title"
+          role="button"
+          @click=${this.#d}
+          tabindex=${this.#a?"-1":"0"}
+          @keydown=${this.#o}
+          aria-expanded=${this.#t}
+          aria-controls="form-container"
+          aria-disabled=${this.#a}
+          aria-label=${h(d.title)}
+          jslog=${n.toggleSubpane().track({click:!0})}
+        >
+          <devtools-icon
+            class=${this.#t?"rotate-icon":""}
+            .data=${{color:"var(--icon-default)",iconName:"triangle-right",width:"14px"}}
+          ></devtools-icon>
+          ${h(d.title)}
+          <devtools-icon
+            .data=${{color:"var(--icon-default)",iconName:"info",width:"16px"}}
+            title=${h(d.userAgentClientHintsInfo)}
+            class='info-icon'
+          ></devtools-icon>
+          <x-link
+           tabindex=${this.#a?"-1":"0"}
+           href="https://web.dev/user-agent-client-hints/"
+           target="_blank"
+           class="link"
+           @keypress=${this.#$}
+           aria-label=${h(d.userAgentClientHintsInfo)}
+           jslog=${n.link("learn-more").track({click:!0})}
+          >
+            ${h(d.learnMore)}
+          </x-link>
+        </div>
+        <form
+          id="form-container"
+          class="form-container ${this.#t?"":"hide-container"}"
+          @submit=${this.#w}
+        >
+          ${a}
+          ${i}
+          ${s}
+          ${l}
+          ${c}
+          ${u}
+          ${p}
+        </form>
+        <div aria-live="polite" aria-label=${this.#s}></div>
+      </section>
+    `;r.render(b,this.#e,{host:this})}validate=()=>{for(const[e,t]of Object.entries(this.#r))if("brands"===e||"fullVersionList"===e){const e=this.#r.brands?.every((({brand:e,version:t})=>{const a=i.UserAgentMetadata.validateAsStructuredHeadersString(e,h(d.notRepresentable)),r=i.UserAgentMetadata.validateAsStructuredHeadersString(t,h(d.notRepresentable));return a.valid&&r.valid}));if(!e)return{valid:!1,errorMessage:h(d.notRepresentable)}}else{const e=i.UserAgentMetadata.validateAsStructuredHeadersString(t,h(d.notRepresentable));if(!e.valid)return e}return{valid:!0}}}customElements.define("devtools-user-agent-client-hints-form",m);var g=Object.freeze({__proto__:null,ClientHintsChangeEvent:u,ClientHintsSubmitEvent:p,UserAgentClientHintsForm:m});export{g as UserAgentClientHintsForm};

package/client/dist/chrome-devtools-ui/panels/settings/emulation/emulation-meta.js

@@ -0,0 +1 @@
+import*as e from"../../../core/i18n/i18n.js";import*as i from"../../../ui/legacy/legacy.js";const t={devices:"Devices",showDevices:"Show Devices"},s=e.i18n.registerUIStrings("panels/settings/emulation/emulation-meta.ts",t),n=e.i18n.getLazilyComputedLocalizedString.bind(void 0,s);let a;i.ViewManager.registerViewExtension({location:"settings-view",commandPrompt:n(t.showDevices),title:n(t.devices),order:30,loadView:async()=>new((await async function(){return a||(a=await import("./emulation.js")),a}()).DevicesSettingsTab.DevicesSettingsTab),id:"devices",settings:["standard-emulated-device-list","custom-emulated-device-list"],iconName:"devices"});

package/client/dist/chrome-devtools-ui/panels/settings/emulation/emulation.js

@@ -0,0 +1 @@
+import"../../../ui/components/cards/cards.js";import*as e from"../../../core/i18n/i18n.js";import*as t from"../../../models/emulation/emulation.js";import*as i from"../../../ui/legacy/legacy.js";import*as s from"../../../ui/visual_logging/visual_logging.js";import*as d from"./components/components.js";var a={cssText:`.device-card-content{padding-left:0;padding-right:0}.list{&:has(div){border:none}}#custom-device-add-button{padding:var(--sys-size-5) var(--sys-size-6)}.devices-settings-tab .devices-button-row{flex:none;display:flex;devtools-button{margin:4px 0 0 5px}}.devices-settings-tab .devices-list{width:min(350px,100%);margin-top:10px}.devices-list-item{padding:var(--sys-size-3) var(--sys-size-6);height:var(--sys-size-13);display:flex;align-items:center;flex:auto 1 1;overflow:hidden;color:var(--sys-color-on-surface);user-select:none;white-space:nowrap;text-overflow:ellipsis}.devices-list-checkbox{height:12px;width:12px;margin:2px 5px 2px 2px;flex:none;pointer-events:none}.device-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.devices-edit-fields{flex:auto;display:flex;flex-direction:column;align-items:stretch;padding-left:4px;margin-bottom:5px}.devices-edit-fields b{margin-top:8px;margin-bottom:0}.devices-edit-client-hints-heading{display:flex;flex-direction:row;align-items:center;margin-bottom:5px}li .devices-edit-client-hints-heading{margin-bottom:0}.devices-edit-client-hints-heading b{margin-inline-end:2px}.devices-edit-client-hints-heading .help-icon{margin-left:2px;margin-right:2px;vertical-align:middle}.devices-edit-client-hints-heading a:focus{box-shadow:var(--sys-color-state-focus-ring)}.devices-edit-fields input{flex:auto;margin:8px 5px 0}li.devices-edit-client-hints-field{left:-12px}.devices-edit-client-hints-field input{flex:auto;margin:8px 5px 0}.devices-edit-fields .device-edit-fixed{flex:0 0 140px}.devices-edit-fields select{margin:8px 5px 0}\n/*# sourceURL=${import.meta.resolve("./devicesSettingsTab.css")} */\n`};const c={customDevices:"Custom devices",defaultDevices:"Default devices",addCustomDevice:"Add custom device",device:"Device",deviceName:"Device Name",width:"Width",height:"Height",devicePixelRatio:"Device pixel ratio",userAgentString:"User agent string",userAgentType:"User agent type",deviceNameMustBeLessThanS:"Device name must be less than {PH1} characters.",deviceNameCannotBeEmpty:"Device name cannot be empty.",deviceAddedOrUpdated:"Device {PH1} successfully added/updated."},n=e.i18n.registerUIStrings("panels/settings/emulation/DevicesSettingsTab.ts",c),o=e.i18n.getLocalizedString.bind(void 0,n);class l extends i.Widget.VBox{containerElement;addCustomButton;ariaSuccessMessageElement;#e;#t;muteUpdate;emulatedDevicesList;editor;constructor(){super(),this.registerRequiredCSS(a),this.element.setAttribute("jslog",`${s.pane("devices")}`),this.containerElement=this.contentElement.createChild("div","settings-card-container-wrapper").createChild("div"),this.containerElement.classList.add("settings-card-container","ignore-list-settings"),this.#t=new i.ListWidget.ListWidget(this,!1),this.#t.registerRequiredCSS(a),this.#t.element.classList.add("devices-list","device-card-content"),this.muteUpdate=!1,this.emulatedDevicesList=t.EmulatedDevices.EmulatedDevicesList.instance(),this.emulatedDevicesList.addEventListener("CustomDevicesUpdated",this.devicesUpdated,this),this.emulatedDevicesList.addEventListener("StandardDevicesUpdated",this.devicesUpdated,this),this.ariaSuccessMessageElement=this.contentElement.createChild("div","device-success-message"),i.ARIAUtils.markAsPoliteLiveRegion(this.ariaSuccessMessageElement,!1),this.addCustomButton=i.UIUtils.createTextButton(o(c.addCustomDevice),this.addCustomDevice.bind(this),{jslogContext:"add-custom-device"}),this.addCustomButton.id="custom-device-add-button";const e=document.createElement("div");e.classList.add("device-card-content"),e.appendChild(this.ariaSuccessMessageElement);const d=e.createChild("div");e.appendChild(this.addCustomButton);const n=this.containerElement.createChild("devtools-card");n.heading=o(c.customDevices),n.append(e),this.#e=new i.ListWidget.ListWidget(this,!1),this.#e.registerRequiredCSS(a),this.#e.element.classList.add("devices-list"),this.#e.show(d);const l=this.containerElement.createChild("devtools-card");l.heading=o(c.defaultDevices),l.append(this.#t.element)}wasShown(){super.wasShown(),this.devicesUpdated()}devicesUpdated(){if(this.muteUpdate)return;this.#t.clear(),this.#e.clear();let e=this.emulatedDevicesList.custom().slice();for(let t=0;t<e.length;++t)this.#e.appendItem(e[t],!0);e=this.emulatedDevicesList.standard().slice(),e.sort(t.EmulatedDevices.EmulatedDevice.deviceComparator);for(let t=0;t<e.length;++t)this.#t.appendItem(e[t],!1)}muteAndSaveDeviceList(e){this.muteUpdate=!0,e?this.emulatedDevicesList.saveCustomDevices():this.emulatedDevicesList.saveStandardDevices(),this.muteUpdate=!1}addCustomDevice(){const e=new t.EmulatedDevices.EmulatedDevice;e.deviceScaleFactor=0,e.horizontal.width=700,e.horizontal.height=400,e.vertical.width=400,e.vertical.height=700,this.#e.addNewItem(this.emulatedDevicesList.custom().length,e)}toNumericInputValue(e){return e?String(e):""}renderItem(e,t){const i=document.createElement("label");i.classList.add("devices-list-item");const d=i.createChild("input","devices-list-checkbox");d.type="checkbox",d.checked=e.show(),d.addEventListener("click",function(i){const s=d.checked;e.setShow(s),this.muteAndSaveDeviceList(t),i.consume()}.bind(this),!1),d.setAttribute("jslog",`${s.toggle().track({click:!0})}`);const a=document.createElement("span");return a.classList.add("device-name"),a.appendChild(document.createTextNode(e.title)),i.appendChild(a),i}removeItemRequested(e){this.emulatedDevicesList.removeCustomDevice(e)}commitEdit(e,i,s){e.title=i.control("title").value.trim(),e.vertical.width=i.control("width").value?parseInt(i.control("width").value,10):0,e.vertical.height=i.control("height").value?parseInt(i.control("height").value,10):0,e.horizontal.width=e.vertical.height,e.horizontal.height=e.vertical.width,e.deviceScaleFactor=i.control("scale").value?parseFloat(i.control("scale").value):0,e.userAgent=i.control("user-agent").value,e.modes=[],e.modes.push({title:"",orientation:t.EmulatedDevices.Vertical,insets:new t.DeviceModeModel.Insets(0,0,0,0),image:null}),e.modes.push({title:"",orientation:t.EmulatedDevices.Horizontal,insets:new t.DeviceModeModel.Insets(0,0,0,0),image:null}),e.capabilities=[];const d=i.control("ua-type").value;"Mobile"!==d&&"Mobile (no touch)"!==d||e.capabilities.push("mobile"),"Mobile"!==d&&"Desktop (touch)"!==d||e.capabilities.push("touch");const a=i.control("ua-metadata").value.metaData;a&&(e.userAgentMetadata={...a,mobile:"Mobile"===d||"Mobile (no touch)"===d}),s?this.emulatedDevicesList.addCustomDevice(e):this.emulatedDevicesList.saveCustomDevices(),this.addCustomButton.scrollIntoViewIfNeeded(),this.addCustomButton.focus(),this.ariaSuccessMessageElement.setAttribute("aria-label",o(c.deviceAddedOrUpdated,{PH1:e.title}))}beginEdit(e){const t=this.createEditor();let i;return t.control("title").value=e.title,t.control("width").value=this.toNumericInputValue(e.vertical.width),t.control("height").value=this.toNumericInputValue(e.vertical.height),t.control("scale").value=this.toNumericInputValue(e.deviceScaleFactor),t.control("user-agent").value=e.userAgent,i=e.mobile()?e.touch()?"Mobile":"Mobile (no touch)":e.touch()?"Desktop (touch)":"Desktop",t.control("ua-type").value=i,t.control("ua-metadata").value={metaData:e.userAgentMetadata||void 0},t}createEditor(){if(this.editor)return this.editor;const e=new i.ListWidget.Editor;this.editor=e;const s=e.contentElement(),a=s.createChild("div","devices-edit-fields");i.UIUtils.createTextChild(a.createChild("b"),o(c.device));const n=e.createInput("title","text",o(c.deviceName),(function(e,i,s){let d,a=!1;const n=s.value.trim();n.length>=t.DeviceModeModel.MaxDeviceNameLength?d=o(c.deviceNameMustBeLessThanS,{PH1:t.DeviceModeModel.MaxDeviceNameLength}):0===n.length?d=o(c.deviceNameCannotBeEmpty):a=!0;return{valid:a,errorMessage:d}}));a.createChild("div","hbox").appendChild(n),n.id="custom-device-name-field";const l=a.createChild("div","hbox");l.appendChild(e.createInput("width","text",o(c.width),(function(e,i,s){return t.DeviceModeModel.DeviceModeModel.widthValidator(s.value)}))),l.appendChild(e.createInput("height","text",o(c.height),(function(e,i,s){return t.DeviceModeModel.DeviceModeModel.heightValidator(s.value)})));const r=e.createInput("scale","text",o(c.devicePixelRatio),(function(e,i,s){return t.DeviceModeModel.DeviceModeModel.scaleValidator(s.value)}));r.classList.add("device-edit-fixed"),l.appendChild(r);const u=s.createChild("div","devices-edit-fields");i.UIUtils.createTextChild(u.createChild("b"),o(c.userAgentString));const v=u.createChild("div","hbox");v.appendChild(e.createInput("user-agent","text",o(c.userAgentString),(()=>({valid:!0,errorMessage:void 0}))));const h=e.createSelect("ua-type",["Mobile","Mobile (no touch)","Desktop","Desktop (touch)"],(()=>({valid:!0,errorMessage:void 0})),o(c.userAgentType));h.classList.add("device-edit-fixed"),v.appendChild(h);const m=e.createCustomControl("ua-metadata",d.UserAgentClientHintsForm.UserAgentClientHintsForm,(function(){return m.validate()}));return m.value={},m.addEventListener("clienthintschange",(()=>e.requestValidation()),!1),s.appendChild(m),e}}var r=Object.freeze({__proto__:null,DevicesSettingsTab:l});export{r as DevicesSettingsTab};

package/client/dist/chrome-devtools-ui/panels/settings/emulation/utils/utils.js

@@ -0,0 +1 @@
+const e="-".charCodeAt(0),n="0".charCodeAt(0),t="9".charCodeAt(0),r="A".charCodeAt(0),i="Z".charCodeAt(0),a="a".charCodeAt(0),o="z".charCodeAt(0),u='"'.charCodeAt(0),d=":".charCodeAt(0),s="?".charCodeAt(0),c="*".charCodeAt(0),k="_".charCodeAt(0),f=".".charCodeAt(0),l="\\".charCodeAt(0),h="/".charCodeAt(0),v="+".charCodeAt(0),p="=".charCodeAt(0),C="!".charCodeAt(0),m="#".charCodeAt(0),A="$".charCodeAt(0),g="%".charCodeAt(0),S="&".charCodeAt(0),E="'".charCodeAt(0),P="^".charCodeAt(0),b="`".charCodeAt(0),_="|".charCodeAt(0),w="~".charCodeAt(0),z=126;function O(e){return void 0!==e&&(e>=n&&e<=t)}function j(e){return void 0!==e&&(e>=r&&e<=i||e>=a&&e<=o)}function I(e){return void 0!==e&&(e>=a&&e<=o)}function L(n){if(void 0===n)return!1;if(O(n)||j(n))return!0;switch(n){case C:case m:case A:case g:case S:case E:case c:case v:case e:case f:case P:case k:case b:case _:case w:return!0;default:return!1}}class M{data;pos;constructor(e){this.data=e,this.pos=0,this.skipSP()}peek(){return this.data[this.pos]}peekCharCode(){return this.pos<this.data.length?this.data.charCodeAt(this.pos):void 0}eat(){++this.pos}skipSP(){for(;" "===this.data[this.pos];)++this.pos}skipOWS(){for(;" "===this.data[this.pos]||"\t"===this.data[this.pos];)++this.pos}atEnd(){return this.pos===this.data.length}allParsed(){return this.skipSP(),this.pos===this.data.length}}function N(e){return"("===e.peek()?function(e){if("("!==e.peek())return{kind:0};e.eat();const n=[];for(;!e.atEnd();){if(e.skipSP(),")"===e.peek()){e.eat();const t=B(e);return 0===t.kind?t:{kind:12,items:n,parameters:t}}const t=W(e);if(0===t.kind)return t;if(n.push(t)," "!==e.peek()&&")"!==e.peek())return{kind:0}}return{kind:0}}(e):W(e)}function W(e){const n=x(e);if(0===n.kind)return n;const t=B(e);return 0===t.kind?t:{kind:4,value:n,parameters:t}}function x(n){const t=n.peekCharCode();return t===e||O(t)?function(e){let n=5,t=1,r="";"-"===e.peek()&&(e.eat(),t=-1);if(!O(e.peekCharCode()))return{kind:0};for(;!e.atEnd();){const t=e.peekCharCode();if(void 0!==t&&O(t))e.eat(),r+=String.fromCodePoint(t);else{if(t!==f||5!==n)break;if(e.eat(),r.length>12)return{kind:0};r+=".",n=6}if(5===n&&r.length>15)return{kind:0};if(6===n&&r.length>16)return{kind:0}}if(5===n){const e=t*Number.parseInt(r,10);return e<-999999999999999||e>999999999999999?{kind:0}:{kind:5,value:e}}const i=r.length-1-r.indexOf(".");if(i>3||0===i)return{kind:0};return{kind:6,value:t*Number.parseFloat(r)}}(n):t===u?function(e){let n="";if('"'!==e.peek())return{kind:0};e.eat();for(;!e.atEnd();){const t=e.peekCharCode();if(void 0===t)return{kind:0};if(e.eat(),t===l){if(e.atEnd())return{kind:0};const t=e.peekCharCode();if(e.eat(),t!==l&&t!==u)return{kind:0};n+=String.fromCodePoint(t)}else{if(t===u)return{kind:7,value:n};if(t<32||t>126)return{kind:0};n+=String.fromCodePoint(t)}}return{kind:0}}(n):t===d?function(e){let n="";if(":"!==e.peek())return{kind:0};e.eat();for(;!e.atEnd();){const t=e.peekCharCode();if(void 0===t)return{kind:0};if(e.eat(),t===d)return{kind:9,value:n};if(!O(t)&&!j(t)&&t!==v&&t!==h&&t!==p)return{kind:0};n+=String.fromCodePoint(t)}return{kind:0}}(n):t===s?function(e){if("?"!==e.peek())return{kind:0};if(e.eat(),"0"===e.peek())return e.eat(),{kind:10,value:!1};if("1"===e.peek())return e.eat(),{kind:10,value:!0};return{kind:0}}(n):t===c||j(t)?function(e){const n=e.peekCharCode();if(n!==c&&!j(n))return{kind:0};let t="";for(;!e.atEnd();){const n=e.peekCharCode();if(void 0===n||!L(n)&&n!==d&&n!==h)break;e.eat(),t+=String.fromCodePoint(n)}return{kind:8,value:t}}(n):{kind:0}}function B(e){const n=new Map;for(;!e.atEnd()&&";"===e.peek();){e.eat(),e.skipSP();const t=U(e);if(0===t.kind)return t;let r={kind:10,value:!0};if("="===e.peek()){e.eat();const n=x(e);if(0===n.kind)return n;r=n}n.has(t.value)&&n.delete(t.value),n.set(t.value,{kind:2,name:t,value:r})}return{kind:3,items:[...n.values()]}}function U(n){let t="";const r=n.peekCharCode();if(r!==c&&!I(r))return{kind:0};for(;!n.atEnd();){const r=n.peekCharCode();if(!I(r)&&!O(r)&&r!==k&&r!==e&&r!==f&&r!==c)break;t+=n.peek(),n.eat()}return{kind:1,value:t}}function F(e){return function(e){const n={kind:11,items:[]};for(;!e.atEnd();){const t=N(e);if(0===t.kind)return t;if(n.items.push(t),e.skipOWS(),e.atEnd())return n;if(","!==e.peek())return{kind:0};if(e.eat(),e.skipOWS(),e.atEnd())return{kind:0}}return n}(new M(e))}function H(e){const n=D(e.value);if(0===n.kind)return n;const t=q(e.parameters);return 0===t.kind?t:{kind:13,value:n.value+t.value}}function Z(e){const n=[];for(let t=0;t<e.items.length;++t){const r=e.items[t];if(12===r.kind){const e=$(r);if(0===e.kind)return e;n.push(e.value)}else{const e=H(r);if(0===e.kind)return e;n.push(e.value)}}return{kind:13,value:n.join(", ")}}function $(e){const n=[];for(let t=0;t<e.items.length;++t){const r=H(e.items[t]);if(0===r.kind)return r;n.push(r.value)}let t="("+n.join(" ")+")";const r=q(e.parameters);return 0===r.kind?r:(t+=r.value,{kind:13,value:t})}function q(e){let n="";for(const t of e.items){n+=";";const e=y(t.name);if(0===e.kind)return e;n+=e.value;const r=t.value;if(10!==r.kind||!r.value){n+="=";const e=D(r);if(0===e.kind)return e;n+=e.value}}return{kind:13,value:n}}function y(n){if(0===n.value.length)return{kind:0};const t=n.value.charCodeAt(0);if(!I(t)&&t!==c)return{kind:0};for(let t=1;t<n.value.length;++t){const r=n.value.charCodeAt(t);if(!I(r)&&!O(r)&&r!==k&&r!==e&&r!==f&&r!==c)return{kind:0}}return{kind:13,value:n.value}}function D(e){return 5===e.kind?function(e){if(e.value<-999999999999999||e.value>999999999999999||!Number.isInteger(e.value))return{kind:0};return{kind:13,value:e.value.toString(10)}}(e):6===e.kind?function(){throw new Error("Unimplemented")}():7===e.kind?function(e){for(let n=0;n<e.value.length;++n){const t=e.value.charCodeAt(n);if(t<32||t>z)return{kind:0}}let n='"';for(let t=0;t<e.value.length;++t){const r=e.value[t];'"'!==r&&"\\"!==r||(n+="\\"),n+=r}return n+='"',{kind:13,value:n}}(e):8===e.kind?function(e){if(0===e.value.length)return{kind:0};const n=e.value.charCodeAt(0);if(!j(n)&&n!==c)return{kind:0};for(let n=1;n<e.value.length;++n){const t=e.value.charCodeAt(n);if(!L(t)&&t!==d&&t!==h)return{kind:0}}return{kind:13,value:e.value}}(e):10===e.kind?function(e){return{kind:13,value:e.value?"?1":"?0"}}(e):9===e.kind?function(){throw new Error("Unimplemented")}():{kind:0}}var G=Object.freeze({__proto__:null,parseItem:function(e){const n=new M(e),t=W(n);return n.allParsed()?t:{kind:0}},parseList:F,serializeItem:H,serializeList:Z});var J=Object.freeze({__proto__:null,parseBrandsList:function(e,n,t){const r=[],i=F(e);if(0===i.kind)return n;for(const e of i.items){if(4!==e.kind)return t;const n=e.value;if(7!==n.kind)return t;if(1!==e.parameters.items.length)return t;const i=e.parameters.items[0];if("v"!==i.name.value)return t;const a=i.value;if(7!==a.kind)return t;r.push({brand:n.value,version:a.value})}return r},serializeBrandsList:function(e){const n={kind:11,items:[]},t={kind:1,value:"v"};for(const r of e){const e={kind:4,value:{kind:7,value:r.brand},parameters:{kind:3,items:[{kind:2,name:t,value:{kind:7,value:r.version}}]}};n.items.push(e)}const r=Z(n);return 0===r.kind?"":r.value},validateAsStructuredHeadersString:function(e,n){return 0===H({kind:4,value:{kind:7,value:e},parameters:{kind:3,items:[]}}).kind?{valid:!1,errorMessage:n}:{valid:!0,errorMessage:void 0}}});export{G as StructuredHeaders,J as UserAgentMetadata};

package/client/dist/chrome-devtools-ui/panels/settings/settings-meta.js

@@ -0,0 +1 @@
+import*as e from"../../core/i18n/i18n.js";import*as t from"../../ui/legacy/legacy.js";import*as i from"../../core/common/common.js";import*as n from"../../core/root/root.js";import*as o from"../../ui/components/legacy_wrapper/legacy_wrapper.js";const s={devices:"Devices",showDevices:"Show Devices"},a=e.i18n.registerUIStrings("panels/settings/emulation/emulation-meta.ts",s),r=e.i18n.getLazilyComputedLocalizedString.bind(void 0,a);let c;t.ViewManager.registerViewExtension({location:"settings-view",commandPrompt:r(s.showDevices),title:r(s.devices),order:30,loadView:async()=>new((await async function(){return c||(c=await import("./emulation/emulation.js")),c}()).DevicesSettingsTab.DevicesSettingsTab),id:"devices",settings:["standard-emulated-device-list","custom-emulated-device-list"],iconName:"devices"});const g={shortcuts:"Shortcuts",preferences:"Preferences",experiments:"Experiments",ignoreList:"Ignore list",showShortcuts:"Show Shortcuts",showPreferences:"Show Preferences",showExperiments:"Show Experiments",showIgnoreList:"Show Ignore list",settings:"Settings",documentation:"Documentation",aiInnovations:"AI innovations",showAiInnovations:"Show AI innovations"},l=e.i18n.registerUIStrings("panels/settings/settings-meta.ts",g),d=e.i18n.getLazilyComputedLocalizedString.bind(void 0,l);let m;async function w(){return m||(m=await import("./settings.js")),m}t.ViewManager.registerViewExtension({location:"settings-view",id:"preferences",title:d(g.preferences),commandPrompt:d(g.showPreferences),order:0,loadView:async()=>new((await w()).SettingsScreen.GenericSettingsTab),iconName:"gear"}),t.ViewManager.registerViewExtension({location:"settings-view",id:"chrome-ai",title:d(g.aiInnovations),commandPrompt:d(g.showAiInnovations),order:2,async loadView(){const e=await w();return o.LegacyWrapper.legacyWrapper(t.Widget.VBox,new e.AISettingsTab.AISettingsTab)},iconName:"button-magic",settings:["console-insights-enabled"],condition:e=>(e?.aidaAvailability?.enabled&&(e?.devToolsConsoleInsights?.enabled||e?.devToolsFreestyler?.enabled))??!1}),t.ViewManager.registerViewExtension({location:"settings-view",id:"experiments",title:d(g.experiments),commandPrompt:d(g.showExperiments),order:3,experiment:"*",loadView:async()=>new((await w()).SettingsScreen.ExperimentsSettingsTab),iconName:"experiment"}),t.ViewManager.registerViewExtension({location:"settings-view",id:"blackbox",title:d(g.ignoreList),commandPrompt:d(g.showIgnoreList),order:4,loadView:async()=>new((await w()).FrameworkIgnoreListSettingsTab.FrameworkIgnoreListSettingsTab),iconName:"clear-list"}),t.ViewManager.registerViewExtension({location:"settings-view",id:"keybinds",title:d(g.shortcuts),commandPrompt:d(g.showShortcuts),order:100,loadView:async()=>new((await w()).KeybindsSettingsTab.KeybindsSettingsTab),iconName:"keyboard"}),t.ActionRegistration.registerActionExtension({category:"SETTINGS",actionId:"settings.show",title:d(g.settings),loadActionDelegate:async()=>new((await w()).SettingsScreen.ActionDelegate),iconClass:"gear",bindings:[{shortcut:"F1",keybindSets:["devToolsDefault"]},{shortcut:"Shift+?"},{platform:"windows,linux",shortcut:"Ctrl+,",keybindSets:["vsCode"]},{platform:"mac",shortcut:"Meta+,",keybindSets:["vsCode"]}]}),t.ActionRegistration.registerActionExtension({category:"SETTINGS",actionId:"settings.documentation",title:d(g.documentation),loadActionDelegate:async()=>new((await w()).SettingsScreen.ActionDelegate)}),t.ActionRegistration.registerActionExtension({category:"SETTINGS",actionId:"settings.shortcuts",title:d(g.showShortcuts),loadActionDelegate:async()=>new((await w()).SettingsScreen.ActionDelegate),bindings:[{platform:"windows,linux",shortcut:"Ctrl+K Ctrl+S",keybindSets:["vsCode"]},{platform:"mac",shortcut:"Meta+K Meta+S",keybindSets:["vsCode"]}]}),t.ViewManager.registerLocationResolver({name:"settings-view",category:"SETTINGS",loadResolver:async()=>(await w()).SettingsScreen.SettingsScreen.instance()}),i.Revealer.registerRevealer({contextTypes:()=>[i.Settings.Setting,n.Runtime.Experiment],destination:void 0,loadRevealer:async()=>new((await w()).SettingsScreen.Revealer)}),t.ContextMenu.registerItem({location:"mainMenu/footer",actionId:"settings.shortcuts",order:void 0}),t.ContextMenu.registerItem({location:"mainMenuHelp/default",actionId:"settings.documentation",order:void 0});

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

@@ -0,0 +1,91 @@
+import"../../ui/components/cards/cards.js";import*as e from"../../core/common/common.js";import*as t from"../../core/host/host.js";import*as s from"../../core/i18n/i18n.js";import*as i from"../../core/root/root.js";import*as n from"../../ui/components/buttons/buttons.js";import*as o from"../../ui/components/icon_button/icon_button.js";import*as r from"../../ui/legacy/components/utils/utils.js";import*as a from"../../ui/legacy/legacy.js";import*as l from"../../ui/lit/lit.js";import{render as d,html as c}from"../../ui/lit/lit.js";import*as g from"../../ui/visual_logging/visual_logging.js";import{PanelUtils as h}from"../utils/utils.js";import*as p from"./components/components.js";import*as u from"../../ui/components/input/input.js";import*as m from"../../ui/components/legacy_wrapper/legacy_wrapper.js";import*as y from"../../ui/components/switch/switch.js";import*as b from"../../core/platform/platform.js";var v={cssText:`.settings-window-main{color:var(--sys-color-on-surface);background-color:var(--sys-color-cdt-base-container)}.settings-content{overflow:hidden auto;margin:8px 8px 8px 0;padding:0 4px;flex:auto}.settings-experiments-block{padding:0 var(--sys-size-6) var(--sys-size-5) var(--sys-size-4)}fieldset{margin:0;padding:0;border:none}label{padding-right:8px}.experiments-filter{width:100%;padding:0 var(--sys-size-9) 0 var(--sys-size-8);max-width:var(--sys-size-35);> devtools-toolbar{min-width:var(--sys-size-31)}}.settings-select{align-items:center;display:grid;row-gap:var(--sys-size-3);margin:var(--sys-size-4) 0}div:has(.settings-select) + div:has(.settings-select){padding-top:var(--sys-size-5)}.settings-window-label-element{flex:none}.settings-window-title{display:flex;align-items:center;font-size:var(--sys-size-9);color:var(--sys-color-on-surface);margin:var(--sys-size-8) var(--sys-size-7);&::before{content:"";width:var(--sys-size-9);height:var(--sys-size-9);margin-right:var(--sys-size-6);background-image:var(--image-file-devtools)}}.settings-card-container-wrapper{scrollbar-gutter:stable;padding:var(--sys-size-8) 0;overflow:auto;position:absolute;inset:var(--sys-size-8) 0 0;container-type:inline-size;container-name:settings-content}.settings-card-container,\n.settings-multicolumn-card-container{display:flex;flex-direction:column;align-items:center;gap:var(--sys-size-9);> devtools-button{min-width:var(--sys-size-31);max-width:var(--sys-size-35);width:calc(100% - var(--sys-size-5));margin-left:var(--sys-size-5)}}@container settings-content (min-width: 850px){.settings-multicolumn-card-container{display:block;column-width:var(--sys-size-32);column-gap:var(--sys-size-11);margin:0 var(--sys-size-9);> * + *{margin-top:var(--sys-size-8)}> devtools-button{align-self:start}}}.settings-card-container-wrapper select{margin-left:10px;width:var(--sys-size-28)}.settings-card-container-wrapper setting-checkbox{min-height:var(--sys-size-13);position:relative;left:calc(var(--sys-size-4) * -1)}.settings-experiment{margin:0;min-height:var(--sys-size-13);display:grid;grid-template-columns:auto min-content auto 1fr;& .devtools-link{display:flex!important;align-items:center}}devtools-button.link-icon{cursor:pointer}.experiment-label{margin:var(--sys-size-3) var(--sys-size-2) var(--sys-size-3) 0;white-space:normal}.settings-experiment-unstable{color:var(--sys-color-token-subtle)}.settings-experiment .feedback-link{color:var(--sys-color-primary);text-decoration-line:underline;margin-left:4px}.tabbed-pane-content slot::slotted(.widget){overflow:visible!important}.experiments-warning-subsection{display:flex;align-items:center;> devtools-icon{color:var(--sys-color-orange-bright);margin-right:var(--sys-size-4)}}@media (forced-colors: active){.settings-window-title{color:canvastext}.tabbed-pane-header-tab{background:ButtonFace}.tabbed-pane-header-tab-title{color:canvastext}}@media (forced-colors: active) and (prefers-color-scheme: dark){.tabbed-pane-header-tab.selected{background:ButtonFace}.tabbed-pane-header-tab.selected .tabbed-pane-header-tab-title{color:HighlightText}}\n/*# sourceURL=${import.meta.resolve("./settingsScreen.css")} */\n`};const S={unstableExperiments:"Unstable experiments",settings:"Settings",shortcuts:"Shortcuts",restoreDefaultsAndReload:"Restore defaults and reload",experiments:"Experiments",theseExperimentsCouldBeUnstable:"Warning: These experiments could be unstable or unreliable.",theseExperimentsAreParticularly:"Warning: These experiments are particularly unstable. Enable at your own risk.",oneOrMoreSettingsHaveChanged:"One or more settings have changed which requires a reload to take effect",noResults:"No experiments match the filter",learnMore:"Learn more",sendFeedback:"Send feedback",searchExperiments:"Search experiments"},f=s.i18n.registerUIStrings("panels/settings/SettingsScreen.ts",S),x=s.i18n.getLocalizedString.bind(void 0,f);let w;function k(e,...t){const s=document.createElement("devtools-card");return s.heading=e,s.append(...t),s}class A extends a.Widget.VBox{tabbedLocation;keybindsTab;reportTabOnReveal;constructor(){super(!0),this.registerRequiredCSS(v),this.contentElement.classList.add("settings-window-main"),this.contentElement.classList.add("vbox");const e=document.createElement("div");e.classList.add("settings-window-label-element");const t=a.UIUtils.createShadowRootWithCoreStyles(e,{cssFile:v}).createChild("div","settings-window-title");a.ARIAUtils.markAsHeading(t,1),t.textContent=x(S.settings),this.tabbedLocation=a.ViewManager.ViewManager.instance().createTabbedLocation((()=>A.revealSettingsScreen()),"settings-view");const s=this.tabbedLocation.tabbedPane();s.registerRequiredCSS(v),s.headerElement().prepend(e),s.setShrinkableTabs(!1),s.makeVerticalTabLayout();const i=a.ViewManager.ViewManager.instance().view("keybinds");i&&i.widget().then((e=>{this.keybindsTab=e})),s.show(this.contentElement),s.selectTab("preferences"),s.addEventListener(a.TabbedPane.Events.TabInvoked,this.tabInvoked,this),this.reportTabOnReveal=!1}static instance(e={forceNew:null}){const{forceNew:t}=e;return w&&!t||(w=new A),w}static revealSettingsScreen(){const e=A.instance();if(e.isShowing())return e;e.reportTabOnReveal=!0;const t=new a.Dialog.Dialog("settings");return t.contentElement.removeAttribute("aria-modal"),t.contentElement.tabIndex=-1,t.addCloseButton(),t.setOutsideClickCallback((()=>{})),t.setPointerEventsBehavior("PierceGlassPane"),t.setOutsideTabIndexBehavior("PreserveMainViewTabIndex"),e.show(t.contentElement),t.setEscapeKeyCallback(e.onEscapeKeyPressed.bind(e)),t.setMarginBehavior("NoMargin"),t.show(),e}static async showSettingsScreen(e={name:void 0,focusTabHeader:void 0}){const{name:t,focusTabHeader:s}=e,i=A.revealSettingsScreen();i.selectTab(t||"preferences");const n=i.tabbedLocation.tabbedPane();await n.waitForTabElementUpdate(),s?n.focusSelectedTabHeader():n.focus()}resolveLocation(e){return this.tabbedLocation}selectTab(e){this.tabbedLocation.tabbedPane().selectTab(e,!0)}tabInvoked(e){const t=e.data;if(!t.isUserGesture)return;const s=t.prevTabId,i=t.tabId;!this.reportTabOnReveal&&s&&s===i||(this.reportTabOnReveal=!1,this.reportSettingsPanelShown(i))}reportSettingsPanelShown(e){e!==x(S.shortcuts)?t.userMetrics.settingsPanelShown(e):t.userMetrics.settingsPanelShown("shortcuts")}onEscapeKeyPressed(e){"keybinds"===this.tabbedLocation.tabbedPane().selectedTabId&&this.keybindsTab&&this.keybindsTab.onEscapeKeyPressed(e)}}class C extends a.Widget.VBox{containerElement;constructor(e){super(),this.element.classList.add("settings-tab-container"),e&&(this.element.id=e),this.containerElement=this.contentElement.createChild("div","settings-card-container-wrapper").createChild("div")}}class I extends C{syncSection=new p.SyncSection.SyncSection;settingToControl=new Map;constructor(){super("preferences-tab-content"),this.element.setAttribute("jslog",`${g.pane("preferences")}`),this.containerElement.classList.add("settings-multicolumn-card-container");const t=["","APPEARANCE","SOURCES","ELEMENTS","NETWORK","PERFORMANCE","MEMORY","CONSOLE","EXTENSIONS","PERSISTENCE","DEBUGGER","GLOBAL","SYNC"],s=e.Settings.Settings.instance().getRegisteredSettings().sort(((e,t)=>e.order&&t.order?e.order-t.order:e.order?-1:t.order?1:0));for(const e of t){const t=s.filter((t=>t.category===e&&I.isSettingVisible(t)));this.createSectionElement(e,t)}const i=a.UIUtils.createTextButton(x(S.restoreDefaultsAndReload),(function(){e.Settings.Settings.instance().clearAll(),r.Reload.reload()}),{jslogContext:"settings.restore-defaults-and-reload"});this.containerElement.appendChild(i)}static isSettingVisible(e){return Boolean(e.title?.())&&Boolean(e.category)}wasShown(){a.Context.Context.instance().setFlavor(I,this),super.wasShown(),this.updateSyncSection()}willHide(){super.willHide(),a.Context.Context.instance().setFlavor(I,null)}updateSyncSection(){t.InspectorFrontendHost.InspectorFrontendHostInstance.getSyncInformation((t=>{this.syncSection.data={syncInfo:t,syncSetting:e.Settings.moduleSetting("sync-preferences")}}))}createExtensionSection(e){const t=r.Linkifier.LinkHandlerSettingUI.instance().settingElement();t&&this.createStandardSectionElement("EXTENSIONS",e,t)}createSectionElement(t,s){if("EXTENSIONS"===t)this.createExtensionSection(s);else if("SYNC"===t&&s.length>0){const t=k(e.SettingRegistration.getLocalizedSettingsCategory("SYNC"),this.syncSection);this.containerElement.appendChild(t)}else s.length>0&&this.createStandardSectionElement(t,s)}createStandardSectionElement(t,s,i){const n=e.Settings.getLocalizedSettingsCategory(t),o=document.createElement("div");for(const t of s){const s=e.Settings.Settings.instance().moduleSetting(t.settingName),i=a.SettingsUI.createControlForSetting(s);i&&(this.settingToControl.set(s,i),o.appendChild(i))}i&&o.appendChild(i);const r=k(n,o);this.containerElement.appendChild(r)}highlightObject(t){if(t instanceof e.Settings.Setting){const e=this.settingToControl.get(t);e&&h.highlightElement(e)}}}class E extends C{#e;#t;experimentToControl=new Map;constructor(){super("experiments-tab-content"),this.containerElement.classList.add("settings-card-container"),this.element.setAttribute("jslog",`${g.pane("experiments")}`);const e=this.containerElement.createChild("div");e.classList.add("experiments-filter"),d(c`
+        <devtools-toolbar>
+          <devtools-toolbar-input type="filter" placeholder=${x(S.searchExperiments)} style="flex-grow:1" @change=${this.#s.bind(this)}></devtools-toolbar-input>
+        </devtools-toolbar>
+    `,e),this.renderExperiments("");const t=e.querySelector("devtools-toolbar-input");this.setDefaultFocusedElement(t)}#s(e){this.renderExperiments(e.detail.toLowerCase())}renderExperiments(e){this.experimentToControl.clear(),this.#e&&this.#e.remove(),this.#t&&this.#t.remove();const t=i.Runtime.experiments.allConfigurableExperiments().sort(),s=t.filter((t=>t.unstable&&t.title.toLowerCase().includes(e))),n=t.filter((t=>!t.unstable&&t.title.toLowerCase().includes(e)));if(n.length){const e=document.createElement("div");e.classList.add("settings-experiments-block");const t=x(S.theseExperimentsCouldBeUnstable),s=this.createExperimentsWarningSubsection(t);for(const t of n)e.appendChild(this.createExperimentCheckbox(t));this.#e=k(x(S.experiments),s,e),this.containerElement.appendChild(this.#e)}if(s.length){const e=document.createElement("div");e.classList.add("settings-experiments-block");const t=x(S.theseExperimentsAreParticularly);for(const t of s)e.appendChild(this.createExperimentCheckbox(t));this.#t=k(x(S.unstableExperiments),this.createExperimentsWarningSubsection(t),e),this.containerElement.appendChild(this.#t)}if(!n.length&&!s.length){const e=document.createElement("span");e.textContent=x(S.noResults),a.ARIAUtils.alert(e.textContent),this.#e=k(x(S.experiments),e),this.containerElement.appendChild(this.#e)}}createExperimentsWarningSubsection(e){const t=document.createElement("div");t.classList.add("experiments-warning-subsection");const s=o.Icon.create("warning");t.appendChild(s);return t.createChild("span").textContent=e,t}createExperimentCheckbox(e){const s=a.UIUtils.CheckboxLabel.createWithStringLiteral(e.title,e.isEnabled(),void 0,e.name);s.classList.add("experiment-label");const i=s.checkboxElement;i.name=e.name,i.addEventListener("click",(function(){e.setEnabled(i.checked),t.userMetrics.experimentChanged(e.name,e.isEnabled()),a.InspectorView.InspectorView.instance().displayReloadRequiredWarning(x(S.oneOrMoreSettingsHaveChanged))}),!1);const o=document.createElement("p");this.experimentToControl.set(e,o),o.classList.add("settings-experiment"),e.unstable&&!e.isEnabled()&&o.classList.add("settings-experiment-unstable"),o.appendChild(s);const r=e.docLink;if(r){const t=new n.Button.Button;t.data={iconName:"help",variant:"icon",size:"SMALL",jslogContext:`${e.name}-documentation`,title:x(S.learnMore)},t.addEventListener("click",(()=>a.UIUtils.openInNewTab(r))),t.classList.add("link-icon"),o.appendChild(t)}if(e.feedbackLink){const t=a.XLink.XLink.create(e.feedbackLink,void 0,void 0,void 0,`${e.name}-feedback`);t.textContent=x(S.sendFeedback),t.classList.add("feedback-link"),o.appendChild(t)}return o}highlightObject(e){if(e instanceof i.Runtime.Experiment){const t=this.experimentToControl.get(e);t&&h.highlightElement(t)}}wasShown(){a.Context.Context.instance().setFlavor(E,this),super.wasShown()}willHide(){super.willHide(),a.Context.Context.instance().setFlavor(E,null)}}var L=Object.freeze({__proto__:null,ActionDelegate:class{handleAction(e,t){switch(t){case"settings.show":return A.showSettingsScreen({focusTabHeader:!0}),!0;case"settings.documentation":return a.UIUtils.openInNewTab("https://developer.chrome.com/docs/devtools/"),!0;case"settings.shortcuts":return A.showSettingsScreen({name:"keybinds",focusTabHeader:!0}),!0}return!1}},ExperimentsSettingsTab:E,GenericSettingsTab:I,Revealer:class{async reveal(s){const n=a.Context.Context.instance();if(s instanceof i.Runtime.Experiment){t.InspectorFrontendHost.InspectorFrontendHostInstance.bringToFront(),await A.showSettingsScreen({name:"experiments"});const e=n.flavor(E);null!==e&&e.highlightObject(s)}else{for(const i of e.Settings.Settings.instance().getRegisteredSettings())if(I.isSettingVisible(i)&&i.settingName===s.name){t.InspectorFrontendHost.InspectorFrontendHostInstance.bringToFront(),await A.showSettingsScreen();const e=n.flavor(I);return void(null!==e&&e.highlightObject(s))}for(const e of a.ViewManager.getRegisteredViewExtensions()){const i=e.viewId();if("settings-view"!==e.location())continue;const n=e.settings();if(n&&-1!==n.indexOf(s.name)){t.InspectorFrontendHost.InspectorFrontendHostInstance.bringToFront(),await A.showSettingsScreen({name:i});const n=await e.widget();return void(n instanceof C&&n.highlightObject(s))}}}}},SettingsScreen:A}),T={cssText:`.ignore-list-option{flex:none;display:flex;align-items:center;height:var(--sys-size-13)}.ignore-list-option devtools-button{cursor:pointer;position:relative;top:var(--sys-size-2);margin-left:var(--sys-size-2)}.add-button{padding:var(--sys-size-5) var(--sys-size-6);align-self:flex-start;flex:none}.ignore-list{flex:0 1 auto}.enable-ignore-listing,\n.ignore-list-item,\n.general-exclusion-group{padding-left:var(--sys-size-4)}.custom-exclusion-group{padding-left:0;padding-right:0}.ignore-list-item{height:var(--sys-size-13);display:flex;align-items:center;position:relative;flex:auto 1 1}.ignore-list-pattern{flex:auto}.ignore-list-item > dt-checkbox{width:100%}.ignore-list-item .ignore-list-pattern{white-space:nowrap;text-overflow:ellipsis;user-select:none;color:var(--sys-color-on-surface);overflow:hidden}.ignore-list-edit-row{flex:none;display:flex;flex-direction:row;margin:6px 5px;align-items:center}.ignore-list-edit-row input,\n.ignore-list-edit-row select{width:100%;text-align:inherit}.ignore-listing-disabled .ignore-list-options{opacity:30%}.list:has(.ignore-list-empty),\n.list:has(.ignore-list-edit-row),\n.list:has(.ignore-list-item){border:none}.editor-container:has(.ignore-list-edit-row){background:var(--sys-color-surface1);border-radius:10px}.ignore-list.list-editing ~ .add-button{display:none}.devtools-link:has(devtools-icon){margin-left:6px}\n/*# sourceURL=${import.meta.resolve("./frameworkIgnoreListSettingsTab.css")} */\n`};const R={frameworkIgnoreList:"Ignore listing",ignoreListingDescription:"When enabled, the debugger will skip over ignore-listed scripts and will ignore exceptions that only affect them and the Performance panel will collapse matching flamechart items.",ignoreListContentScripts:"Content scripts injected by extensions",ignoreListAnonymousScripts:"Anonymous scripts from eval or console",automaticallyIgnoreListKnownThirdPartyScripts:"Known third-party scripts from source maps",enableIgnoreListing:"Enable ignore listing",enableIgnoreListingTooltip:"Uncheck to disable all ignore listing",generalExclusionRules:"General exclusion rules",customExclusionRules:"Custom exclusion rules",addPattern:"Add regex rule",addFilenamePattern:"Add a regular expression rule for the script's URL",ignoreScriptsWhoseNamesMatchS:"Ignore scripts whose names match ''{PH1}''",pattern:"Add a regular expression rule for the script's URL",patternCannotBeEmpty:"Rule can't be empty",patternAlreadyExists:"Rule already exists",patternMustBeAValidRegular:"Rule must be a valid regular expression",learnMore:"Learn more"},z=s.i18n.registerUIStrings("panels/settings/FrameworkIgnoreListSettingsTab.ts",R),U=s.i18n.getLocalizedString.bind(void 0,z);class N extends a.Widget.VBox{list;setting;editor;constructor(){super(!0),this.registerRequiredCSS(T,v),this.element.setAttribute("jslog",`${g.pane("blackbox")}`);const t=this.contentElement.createChild("div","settings-card-container-wrapper").createChild("div");t.classList.add("settings-card-container","ignore-list-settings");const s=document.createElement("span");s.textContent=U(R.ignoreListingDescription);const i=e.Settings.Settings.instance().moduleSetting("enable-ignore-listing"),o=this.contentElement.createChild("div","enable-ignore-listing");o.appendChild(a.SettingsUI.createSettingCheckbox(U(R.enableIgnoreListing),i)),a.Tooltip.Tooltip.install(o,U(R.enableIgnoreListingTooltip));const r=t.createChild("devtools-card");r.heading=U(R.frameworkIgnoreList),r.append(s,o);const l=this.createSettingGroup();l.classList.add("general-exclusion-group");l.createChild("div","ignore-list-option").appendChild(a.SettingsUI.createSettingCheckbox(U(R.ignoreListContentScripts),e.Settings.Settings.instance().moduleSetting("skip-content-scripts")));const d=l.createChild("div","ignore-list-option");d.appendChild(a.SettingsUI.createSettingCheckbox(U(R.automaticallyIgnoreListKnownThirdPartyScripts),e.Settings.Settings.instance().moduleSetting("automatically-ignore-list-known-third-party-scripts")));const c=new n.Button.Button;c.data={iconName:"help",variant:"icon",size:"SMALL",jslogContext:"learn-more",title:U(R.learnMore)},c.addEventListener("click",(()=>a.UIUtils.openInNewTab("https://developer.chrome.com/docs/devtools/settings/ignore-list/#skip-third-party"))),d.appendChild(c);l.createChild("div","ignore-list-option").appendChild(a.SettingsUI.createSettingCheckbox(U(R.ignoreListAnonymousScripts),e.Settings.Settings.instance().moduleSetting("skip-anonymous-scripts")));const h=t.createChild("devtools-card","ignore-list-options");h.heading=U(R.generalExclusionRules),h.append(l);const p=this.createSettingGroup();p.classList.add("custom-exclusion-group");const u=t.createChild("devtools-card","ignore-list-options");u.heading=U(R.customExclusionRules),u.append(p),this.list=new a.ListWidget.ListWidget(this),this.list.element.classList.add("ignore-list"),this.list.registerRequiredCSS(T);const m=document.createElement("div");m.classList.add("ignore-list-empty"),this.list.setEmptyPlaceholder(m),this.list.show(p);const y=a.UIUtils.createTextButton(U(R.addPattern),this.addButtonClicked.bind(this),{className:"add-button",jslogContext:"settings.add-ignore-list-pattern"});function b(){i.get()?t.classList.remove("ignore-listing-disabled"):t.classList.add("ignore-listing-disabled")}a.ARIAUtils.setLabel(y,U(R.addFilenamePattern)),p.appendChild(y),this.setting=e.Settings.Settings.instance().moduleSetting("skip-stack-frames-pattern"),this.setting.addChangeListener(this.settingUpdated,this),i.addChangeListener(b),b()}wasShown(){super.wasShown(),this.settingUpdated()}settingUpdated(){this.list.clear();const e=this.setting.getAsArray();for(let t=0;t<e.length;++t)this.list.appendItem(e[t],!0)}addButtonClicked(){this.list.addNewItem(this.setting.getAsArray().length,{pattern:"",disabled:!1})}createSettingGroup(){const e=document.createElement("div");return e.classList.add("ignore-list-option-group"),a.ARIAUtils.markAsGroup(e),e}renderItem(e,t){const s=document.createElement("div"),i=this.setting,n=a.UIUtils.CheckboxLabel.createWithStringLiteral(e.pattern,!e.disabled,void 0,"settings.ignore-list-pattern"),o=U(R.ignoreScriptsWhoseNamesMatchS,{PH1:e.pattern});return a.Tooltip.Tooltip.install(n,o),n.checkboxElement.ariaLabel=o,n.checkboxElement.addEventListener("change",(function(){const t=!n.checkboxElement.checked;e.disabled!==t&&(e.disabled=t,e.disabledForUrl=void 0,i.setAsArray(i.getAsArray()))}),!1),s.appendChild(n),s.classList.add("ignore-list-item"),s}removeItemRequested(e,t){const s=this.setting.getAsArray();s.splice(t,1),this.setting.setAsArray(s)}commitEdit(e,t,s){e.pattern=t.control("pattern").value.trim();const i=this.setting.getAsArray();s&&i.push(e),this.setting.setAsArray(i)}beginEdit(e){const t=this.createEditor();return t.control("pattern").value=e.pattern,t}createEditor(){if(this.editor)return this.editor;const e=new a.ListWidget.Editor;this.editor=e;const t=e.contentElement();t.createChild("div","ignore-list-edit-row").createChild("div","ignore-list-pattern").textContent=U(R.pattern);const s=t.createChild("div","ignore-list-edit-row"),i=e.createInput("pattern","text","/framework\\.js$",function(e,t,s){const i=s.value.trim(),n=this.setting.getAsArray();if(!i.length)return{valid:!1,errorMessage:U(R.patternCannotBeEmpty)};for(let e=0;e<n.length;++e)if(e!==t&&n[e].pattern===i)return{valid:!1,errorMessage:U(R.patternAlreadyExists)};let o;try{o=new RegExp(i)}catch{}if(!o)return{valid:!1,errorMessage:U(R.patternMustBeAValidRegular)};return{valid:!0,errorMessage:void 0}}.bind(this));return a.ARIAUtils.setLabel(i,U(R.pattern)),s.createChild("div","ignore-list-pattern").appendChild(i),e}}var F=Object.freeze({__proto__:null,FrameworkIgnoreListSettingsTab:N}),P={cssText:`*{box-sizing:border-box}:host{container-type:inline-size;container-name:ai-settings}.shared-disclaimer{background:linear-gradient(135deg,var(--sys-color-gradient-primary),var(--sys-color-gradient-tertiary));border-radius:var(--sys-size-5);padding:var(--sys-size-9) var(--sys-size-11);max-width:var(--sys-size-35);min-width:var(--sys-size-28);h2{font:var(--sys-typescale-headline5);margin:0 0 var(--sys-size-6)}}.disclaimer-list-header{font:var(--sys-typescale-body5-medium);margin:0}.disclaimer-list{padding:var(--sys-size-6) 0 0;display:grid;grid-template-columns:var(--sys-size-12) auto;gap:var(--sys-size-6) 0;line-height:var(--sys-typescale-body5-line-height)}.settings-container{display:grid;grid-template-columns:1fr auto auto;border-radius:var(--sys-size-5);box-shadow:var(--sys-elevation-level2);margin:var(--sys-size-11) 0 var(--sys-size-4);line-height:var(--sys-typescale-body5-line-height);min-width:var(--sys-size-28);max-width:var(--sys-size-35);background-color:var(--app-color-card-background)}.accordion-header{display:grid;grid-template-columns:auto 1fr auto;&:hover{background-color:var(--sys-color-state-hover-on-subtle)}}.icon-container,\n.dropdown{padding:0 var(--sys-size-8)}.toggle-container{padding:0 var(--sys-size-8) 0 var(--sys-size-9);&:hover{background-color:var(--sys-color-state-hover-on-subtle)}}.expansion-grid{padding:var(--sys-size-4) var(--sys-size-8) var(--sys-size-6);display:grid;grid-template-columns:var(--sys-size-9) auto;gap:var(--sys-size-6) var(--sys-size-8);line-height:var(--sys-typescale-body5-line-height);color:var(--sys-color-on-surface-subtle)}.expansion-grid-whole-row{grid-column:span 2;font-weight:var(--ref-typeface-weight-medium);color:var(--sys-color-on-surface);padding-top:var(--sys-size-4);margin:0;font-size:inherit}.setting-description{color:var(--sys-color-on-surface-subtle)}.centered{display:grid;place-content:center}.setting-card{padding:var(--sys-size-6) 0;h2{margin:0;font:inherit}}.divider{margin:var(--sys-size-5) 0;border-left:var(--sys-size-1) solid var(--sys-color-divider)}.accordion-header ~ .accordion-header,\n.divider ~ .divider,\n.toggle-container ~ .toggle-container{border-top:var(--sys-size-1) solid var(--sys-color-divider)}.whole-row{grid-column:span 5;overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--sys-motion-duration-short4) ease-in}.whole-row.open{grid-template-rows:1fr}.overflow-hidden{overflow:hidden}.link,\n.devtools-link{color:var(--sys-color-primary);text-decoration:underline;cursor:pointer;outline-offset:var(--sys-size-2);padding:0;font-weight:var(--ref-typeface-weight-regular)}.padded{padding:var(--sys-size-2) 0}.settings-container-wrapper{position:absolute;inset:var(--sys-size-8) 0 0;overflow:auto;padding:var(--sys-size-3) var(--sys-size-6) var(--sys-size-6);display:flex;flex-direction:column}@container ai-settings (min-width: 480px){.settings-container-wrapper{align-items:center}}header{font-size:var(--sys-typescale-headline3-size);font-weight:var(--ref-typeface-weight-regular)}.disabled-explainer{background-color:var(--sys-color-surface-yellow);border-radius:var(--sys-shape-corner-medium-small);margin-top:var(--sys-size-11);padding:var(--sys-size-6) var(--sys-size-11) var(--sys-size-8);width:100%;max-width:var(--sys-size-35);min-width:var(--sys-size-28);color:var(--sys-color-yellow)}.disabled-explainer-row{display:flex;gap:var(--sys-size-6);margin-top:var(--sys-size-4)}\n/*# sourceURL=${import.meta.resolve("./aiSettingsTab.css")} */\n`};const M=new CSSStyleSheet;M.replaceSync(P.cssText);const{html:D,Directives:{ifDefined:K,classMap:B}}=l,O={boostYourProductivity:"Boost your productivity with AI",thingsToConsider:"Things to consider",experimentalFeatures:"These features use generative AI and may provide inaccurate or offensive information that doesn’t represent Google’s views",sendsDataToGoogle:"These features send relevant data to Google. Google collects this data and feedback to improve its products and services with the help of human reviewers. Avoid sharing sensitive or personal information.",sendsDataToGoogleNoLogging:"Your content will not be used by human reviewers to improve AI. Your organization may change these settings at any time.",dataCollection:"Depending on your region, Google may refrain from data collection",dataCollectionNoLogging:"Depending on your Google account management and/or region, Google may refrain from data collection",helpUnderstandConsole:"Helps you understand and fix console warnings and errors",getAIAnnotationsSuggestions:"Get AI suggestions for performance panel annotations",showMore:"Show more",showLess:"Show less",whenOn:"When on",explainConsole:"Get explanations for console warnings and errors",receiveSuggestions:"Receive suggestions and code samples to address these issues",consoleInsightsSendsData:"The console message, associated stack trace, related source code, and the associated network headers are sent to Google to generate explanations. This data may be seen by human reviewers to improve this feature.",consoleInsightsSendsDataNoLogging:"The console message, associated stack trace, related source code, and the associated network headers are sent to Google to generate explanations. This data will not be used to improve Google’s AI models.",termsOfServicePrivacyNotice:"Use of these features is subject to the {PH1} and {PH2}",helpUnderstandStyling:"Get help with understanding CSS styles",helpUnderstandStylingAndNetworkRequest:"Get help with understanding CSS styles, and network requests",helpUnderstandStylingNetworkAndFile:"Get help with understanding CSS styles, network requests, and files",helpUnderstandStylingNetworkPerformanceAndFile:"Get help with understanding CSS styles, network requests, performance, and files",learnMore:"Learn more",explainStyling:"Understand CSS styles with AI-powered insights",explainStylingAndNetworkRequest:"Understand CSS styles, and network activity with AI-powered insights",explainStylingNetworkAndFile:"Understand CSS styles, network activity, and file origins with AI-powered insights",explainStylingNetworkPerformanceAndFile:"Understand CSS styles, network activity, performance bottlenecks, and file origins with AI-powered insights",receiveStylingSuggestions:"Improve your development workflow with contextual explanations and suggestions",freestylerSendsData:"Any user query and data the inspected page can access via Web APIs, network requests, files, and performance traces are sent to Google to generate explanations. This data may be seen by human reviewers to improve this feature. Don’t use on pages with personal or sensitive information.",freestylerSendsDataNoLogging:"Any user query and data the inspected page can access via Web APIs, network requests, files, and performance traces are sent to Google to generate explanations. This data will not be used to improve Google’s AI models.",generatedAiAnnotationsSendData:"Your performance trace is sent to Google to generate an explanation. This data will be used to improve Google’s AI models.",generatedAiAnnotationsSendDataNoLogging:"Your performance trace is sent to Google to generate an explanation. This data will not be used to improve Google’s AI models.",termsOfService:"Google Terms of Service",privacyNotice:"Google Privacy Policy",enableConsoleInsights:"Enable `Console insights`",enableAiAssistance:"Enable AI assistance",enableAiSuggestedAnnotations:"Enable AI suggestions for performance panel annotations",ageRestricted:"This feature is only available to users who are 18 years of age or older.",notLoggedIn:"This feature is only available when you sign into Chrome with your Google account.",offline:"This feature is only available with an active internet connection.",notAvailableInIncognitoMode:"AI assistance is not available in Incognito mode or Guest mode"},$=s.i18n.registerUIStrings("panels/settings/AISettingsTab.ts",O),j=s.i18n.getLocalizedString.bind(void 0,$);class G extends m.LegacyWrapper.WrappableComponent{#i=this.attachShadow({mode:"open"});#n;#o;#r;#a;#l="no-account-email";#d;#c=new Map;constructor(){super();try{this.#n=e.Settings.Settings.instance().moduleSetting("console-insights-enabled")}catch{this.#n=void 0}try{this.#r=e.Settings.Settings.instance().moduleSetting("ai-assistance-enabled")}catch{this.#r=void 0}try{this.#a=e.Settings.Settings.instance().moduleSetting("ai-assistance-history-entries")}catch{this.#a=void 0}i.Runtime.hostConfig.devToolsAiGeneratedTimelineLabels?.enabled&&(this.#o=e.Settings.Settings.instance().createSetting("ai-annotations-enabled",!1)),this.#d=this.#g.bind(this),this.#h()}connectedCallback(){this.#i.adoptedStyleSheets=[u.checkboxStyles,M],t.AidaClient.HostConfigTracker.instance().addEventListener("aidaAvailabilityChanged",this.#d),this.#g()}disconnectedCallback(){t.AidaClient.HostConfigTracker.instance().removeEventListener("aidaAvailabilityChanged",this.#d)}#h(){const e=i.Runtime.hostConfig.aidaAvailability?.enterprisePolicyValue===i.Runtime.GenAiEnterprisePolicyValue.ALLOW_WITHOUT_LOGGING;if(this.#n){const t={settingName:s.i18n.lockedString("Console Insights"),iconName:"lightbulb-spark",settingDescription:j(O.helpUnderstandConsole),enableSettingText:j(O.enableConsoleInsights),settingItems:[{iconName:"lightbulb",text:j(O.explainConsole)},{iconName:"code",text:j(O.receiveSuggestions)}],toConsiderSettingItems:[{iconName:"google",text:j(e?O.consoleInsightsSendsDataNoLogging:O.consoleInsightsSendsData)}],learnMoreLink:{url:"https://goo.gle/devtools-console-messages-ai",linkJSLogContext:"learn-more.console-insights"},settingExpandState:{isSettingExpanded:!1,expandSettingJSLogContext:"console-insights.accordion"}};this.#c.set(this.#n,t)}if(this.#r){const t={settingName:s.i18n.lockedString("AI assistance"),iconName:"smart-assistant",settingDescription:this.#p(),enableSettingText:j(O.enableAiAssistance),settingItems:[{iconName:"info",text:this.#u()},{iconName:"pen-spark",text:j(O.receiveStylingSuggestions)}],toConsiderSettingItems:[{iconName:"google",text:j(e?O.freestylerSendsDataNoLogging:O.freestylerSendsData)}],learnMoreLink:{url:"https://goo.gle/devtools-ai-assistance",linkJSLogContext:"learn-more.ai-assistance"},settingExpandState:{isSettingExpanded:!1,expandSettingJSLogContext:"freestyler.accordion"}};this.#c.set(this.#r,t)}if(this.#o){const t={settingName:s.i18n.lockedString("Auto annotations"),iconName:"pen-spark",settingDescription:j(O.getAIAnnotationsSuggestions),enableSettingText:j(O.enableAiSuggestedAnnotations),settingItems:[{iconName:"pen-spark",text:j(O.getAIAnnotationsSuggestions)}],toConsiderSettingItems:[{iconName:"google",text:j(e?O.generatedAiAnnotationsSendDataNoLogging:O.generatedAiAnnotationsSendData)}],learnMoreLink:{url:"https://developer.chrome.com/docs/devtools/performance/reference#auto-annotations",linkJSLogContext:"learn-more.auto-annotations"},settingExpandState:{isSettingExpanded:!1,expandSettingJSLogContext:"freestyler.accordion"}};this.#c.set(this.#o,t)}}async#g(){const e=await t.AidaClient.AidaClient.checkAccessPreconditions();e!==this.#l&&(this.#l=e,this.render())}#p(){const{hostConfig:e}=i.Runtime;return e.devToolsAiAssistancePerformanceAgent?.enabled?j(O.helpUnderstandStylingNetworkPerformanceAndFile):e.devToolsAiAssistanceFileAgent?.enabled?j(O.helpUnderstandStylingNetworkAndFile):e.devToolsAiAssistanceNetworkAgent?.enabled?j(O.helpUnderstandStylingAndNetworkRequest):j(O.helpUnderstandStyling)}#u(){const{hostConfig:e}=i.Runtime;return e.devToolsAiAssistancePerformanceAgent?.enabled?j(O.explainStylingNetworkPerformanceAndFile):e.devToolsAiAssistanceFileAgent?.enabled?j(O.explainStylingNetworkAndFile):e.devToolsAiAssistanceNetworkAgent?.enabled?j(O.explainStylingAndNetworkRequest):j(O.explainStyling)}#m(e){const t=this.#c.get(e);t&&(t.settingExpandState.isSettingExpanded=!t.settingExpandState.isSettingExpanded,this.render())}#y(t,s){if(s.target instanceof y.Switch.Switch&&s.type!==y.Switch.SwitchChangeEvent.eventName)return;const i=this.#c.get(t);if(!i)return;const n=t.get();t.set(!n),n||i.settingExpandState.isSettingExpanded||(i.settingExpandState.isSettingExpanded=!0),"console-insights-enabled"===t.name?n?e.Settings.Settings.instance().createLocalSetting("console-insights-onboarding-finished",!1).set(!1):e.Settings.Settings.instance().createSetting("console-insights-skip-reminder",!0,"Session").set(!0):"ai-assistance-enabled"===t.name&&this.#a&&!t.get()&&this.#a.set([]),this.render()}#b(e,t){return D`
+      <div>
+        <devtools-icon .data=${{iconName:e,color:"var(--icon-default)",width:"var(--sys-size-8)",height:"var(--sys-size-8)"}}>
+        </devtools-icon>
+      </div>
+      <div>${t}</div>
+    `}#v(){const e=a.XLink.XLink.create("https://policies.google.com/terms",j(O.termsOfService),void 0,void 0,"terms-of-service"),t=a.XLink.XLink.create("https://policies.google.com/privacy",j(O.privacyNotice),void 0,void 0,"privacy-notice"),n=i.Runtime.hostConfig.aidaAvailability?.enterprisePolicyValue===i.Runtime.GenAiEnterprisePolicyValue.ALLOW_WITHOUT_LOGGING,o=[{icon:"psychiatry",text:j(O.experimentalFeatures)},{icon:"google",text:j(n?O.sendsDataToGoogleNoLogging:O.sendsDataToGoogle)},{icon:"corporate-fare",text:j(n?O.dataCollectionNoLogging:O.dataCollection)},{icon:"policy",text:D`${s.i18n.getFormatLocalizedString($,O.termsOfServicePrivacyNotice,{PH1:e,PH2:t})}`}];return D`
+      <div class="shared-disclaimer">
+        <h2>${j(O.boostYourProductivity)}</h2>
+        <h3 class="disclaimer-list-header">${j(O.thingsToConsider)}</h3>
+        <div class="disclaimer-list">
+          ${o.map((e=>this.#b(e.icon,e.text)))}
+        </div>
+      </div>
+    `}#S(e){return D`
+      <div>
+        <devtools-icon .data=${{iconName:e.iconName,width:"var(--sys-size-9)",height:"var(--sys-size-9)"}}>
+        </devtools-icon>
+      </div>
+      <div class="padded">${e.text}</div>
+    `}#f(){const e=[];switch(i.Runtime.hostConfig.isOffTheRecord&&e.push(j(O.notAvailableInIncognitoMode)),this.#l){case"no-account-email":case"sync-is-paused":e.push(j(O.notLoggedIn));break;case"no-internet":e.push(j(O.offline));case"available":!0===i.Runtime.hostConfig?.aidaAvailability?.blockedByAge&&e.push(j(O.ageRestricted))}const t=this.#n?.disabledReasons()||[];return e.push(...t),e}#x(e){const t=this.#c.get(e);if(!t)return l.nothing;const s=this.#f(),i=s.length>0,n=s.join("\n")||void 0,o={"whole-row":!0,open:t.settingExpandState.isSettingExpanded},r=t.settingExpandState.isSettingExpanded?"0":"-1";return D`
+      <div class="accordion-header" @click=${this.#m.bind(this,e)}>
+        <div class="icon-container centered">
+          <devtools-icon name=${t.iconName}></devtools-icon>
+        </div>
+        <div class="setting-card">
+          <h2>${t.settingName}</h2>
+          <div class="setting-description">${t.settingDescription}</div>
+        </div>
+        <div class="dropdown centered">
+          <devtools-button
+            .data=${{title:t.settingExpandState.isSettingExpanded?j(O.showLess):j(O.showMore),size:"SMALL",iconName:t.settingExpandState.isSettingExpanded?"chevron-up":"chevron-down",variant:"icon",jslogContext:t.settingExpandState.expandSettingJSLogContext}}
+          ></devtools-button>
+        </div>
+      </div>
+      <div class="divider"></div>
+      <div class="toggle-container centered"
+        title=${K(n)}
+        @click=${this.#y.bind(this,e)}
+      >
+        <devtools-switch
+          .checked=${Boolean(e.get())&&!i}
+          .jslogContext=${e.name||""}
+          .disabled=${i}
+          @switchchange=${this.#y.bind(this,e)}
+          aria-label=${n||t.enableSettingText}
+        ></devtools-switch>
+      </div>
+      <div class=${B(o)}>
+        <div class="overflow-hidden">
+          <div class="expansion-grid">
+            <h3 class="expansion-grid-whole-row">${j(O.whenOn)}</h3>
+            ${t.settingItems.map((e=>this.#S(e)))}
+            <h3 class="expansion-grid-whole-row">${j(O.thingsToConsider)}</h3>
+            ${t.toConsiderSettingItems.map((e=>this.#S(e)))}
+            <div class="expansion-grid-whole-row">
+              <x-link
+                href=${t.learnMoreLink.url}
+                class="link"
+                tabindex=${r}
+                jslog=${g.link(t.learnMoreLink.linkJSLogContext).track({click:!0})}
+              >${j(O.learnMore)}</x-link>
+            </div>
+          </div>
+        </div>
+      </div>
+    `}#w(e){return D`
+      <div class="disabled-explainer">
+        ${e.map((e=>D`
+          <div class="disabled-explainer-row">
+            <devtools-icon .data=${{iconName:"warning",color:"var(--sys-color-orange)",width:"var(--sys-size-8)",height:"var(--sys-size-8)"}}>
+            </devtools-icon>
+            ${e}
+          </div>
+        `))}
+      </div>
+    `}async render(){const e=this.#f();l.render(D`
+      <div class="settings-container-wrapper" jslog=${g.pane("chrome-ai")}>
+        ${this.#v()}
+        ${this.#c.size>0?D`
+          ${e.length?this.#w(e):l.nothing}
+          <div class="settings-container">
+            ${this.#c.keys().map((e=>this.#x(e)))}
+          </div>
+        `:l.nothing}
+      </div>
+    `,this.#i,{host:this})}}customElements.define("devtools-settings-ai-settings-tab",G);var H=Object.freeze({__proto__:null,AISettingsTab:G}),W={cssText:`.shortcut-list{padding-left:0;padding-right:0}.keybinds-key{display:flex;align-items:center;justify-content:center;height:var(--sys-size-11);min-width:var(--sys-size-11);font:var(--sys-typescale-body5-medium);white-space:nowrap;border-radius:var(--sys-shape-corner-small);background:var(--sys-color-tonal-container);padding:0 var(--sys-size-4)}.keybinds-list-item{margin:0 var(--sys-size-6);padding:var(--sys-size-4) 0;display:grid;grid-template-rows:1fr;grid-template-columns:1fr 30px 2fr 30px 30px;border-top:var(--sys-size-1) solid var(--app-color-card-divider)}.keybinds-list-item:focus-visible{background-color:var(--sys-color-tonal-container)}.keybinds-list-item.keybinds-editing{background-color:var(--sys-color-neutral-container)}.keybinds-list-text.keybinds-action-name{grid-row:1/1}.keybinds-shortcut,\n.keybinds-info{grid-row:auto;grid-column:3/span 1}.keybinds-error{color:var(--sys-color-error)}.keybinds-shortcut{gap:var(--sys-size-4)}.keybinds-list-item.keybinds-editing .keybinds-shortcut{display:flex}.keybinds-modified{grid-column:2/span 1;margin-top:var(--sys-size-3)}.keybinds-list-item button[disabled]{opacity:40%}.keybinds-cancel-button{grid-column:-1/span 1}.keybinds-edit-button{display:none;grid-row:1/span 1;grid-column:5/span 1}.keybinds-list-item:not(.keybinds-editing):hover .keybinds-edit-button,\n.keybinds-list-item:not(.keybinds-editing):focus-within .keybinds-edit-button{display:inline-block}.keybinds-list-text{min-height:var(--sys-size-12);display:flex;align-items:center;user-select:none;color:var(--sys-color-on-surface);text-align:start;position:relative;margin-right:0}.keybinds-category-header{display:flex;align-items:center;font:var(--sys-typescale-body4-bold);height:var(--sys-size-13);padding:var(--sys-size-4) var(--sys-size-7);white-space:nowrap;+ .keybinds-list-item-wrapper > .keybinds-list-item{border-top:unset}}.keybinds-list-item-wrapper:has(.keybinds-list-item:hover),\n.keybinds-list-item-wrapper:has(\n  .keybinds-list-item:not(.keybinds-editing)):focus-within{background:var(--sys-color-state-hover-on-subtle)}.keybinds-set-select label p{display:inline;color:var(--sys-color-on-surface)}button.text-button{width:fit-content;align-self:flex-end}.keybinds-list-text input{margin:0 2px}.keybinds-set-select{margin:0;padding:var(--sys-size-5) var(--sys-size-7);& .settings-select{display:flex;justify-content:space-between;& label{padding:0}}}.keybinds-list-text:has(.keybinds-delete-button){grid-column:3/-1}.docs-link.devtools-link{align-self:flex-start;min-height:2em;line-height:2em;margin-bottom:4px}.keybinds-footer{padding:var(--sys-size-5) var(--sys-size-7);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:fit-content;margin-top:10px}\n/*# sourceURL=${import.meta.resolve("./keybindsSettingsTab.css")} */\n`};const _={shortcuts:"Shortcuts",matchShortcutsFromPreset:"Shortcut preset",keyboardShortcutsList:"Keyboard shortcuts list",shortcutModified:"Shortcut modified",noShortcutForAction:"No shortcut for action",addAShortcut:"Add a shortcut",confirmChanges:"Confirm changes",discardChanges:"Discard changes",removeShortcut:"Remove shortcut",editShortcut:"Edit shortcut",shortcutsCannotContainOnly:"Shortcuts cannot contain only modifier keys.",thisShortcutIsInUseByS:"This shortcut is in use by {PH1}: {PH2}.",RestoreDefaultShortcuts:"Restore default shortcuts",FullListOfDevtoolsKeyboard:"Full list of DevTools keyboard shortcuts and gestures",ResetShortcutsForAction:"Reset shortcuts for action",shortcutRemoved:"{PH1} Shortcut removed",shortcutChangesRestored:"Changes to shortcut restored to default",shortcutChangesApplied:"Changes to shortcut applied",shortcutChangesDiscared:"Changes to shortcut discarded"},V=s.i18n.registerUIStrings("panels/settings/KeybindsSettingsTab.ts",_),q=s.i18n.getLocalizedString.bind(void 0,V);class X extends a.Widget.VBox{items;list;editingItem;editingRow;constructor(){super(!0),this.registerRequiredCSS(W,v),this.element.setAttribute("jslog",`${g.pane("keybinds")}`);const t=this.contentElement.createChild("div","settings-card-container-wrapper").createChild("div");t.classList.add("settings-card-container");const s=e.Settings.Settings.instance().moduleSetting("active-keybind-set"),i=e.Settings.Settings.instance().moduleSetting("user-shortcuts");s.addChangeListener(this.update,this);const n=a.SettingsUI.createControlForSetting(s,q(_.matchShortcutsFromPreset)),o=t.createChild("devtools-card");o.heading=q(_.shortcuts),n&&n.classList.add("keybinds-set-select"),this.items=new a.ListModel.ListModel,this.list=new a.ListControl.ListControl(this.items,this,a.ListControl.ListMode.NonViewport),this.list.element.classList.add("shortcut-list"),this.items.replaceAll(this.createListItems()),a.ARIAUtils.markAsList(this.list.element),a.ARIAUtils.setLabel(this.list.element,q(_.keyboardShortcutsList));const r=document.createElement("div");r.classList.add("keybinds-footer");const l=a.XLink.XLink.create("https://developer.chrome.com/docs/devtools/shortcuts/",q(_.FullListOfDevtoolsKeyboard),void 0,void 0,"learn-more");l.classList.add("docs-link"),r.appendChild(l);const d=a.UIUtils.createTextButton(q(_.RestoreDefaultShortcuts),(()=>{i.set([]),s.set(a.ShortcutRegistry.DefaultShortcutSetting)}),{jslogContext:"restore-default-shortcuts"});r.appendChild(d),this.editingItem=null,this.editingRow=null,n&&o.append(n),o.append(this.list.element,r),this.update()}createElementForItem(e){const t=document.createElement("div");let s;if("string"==typeof e)s=t,s.classList.add("keybinds-category-header"),s.textContent=a.ActionRegistration.getLocalizedActionCategory(e),a.ARIAUtils.setLevel(s,1);else{const i=new Y(e,this,e===this.editingItem);s=i.element,a.ARIAUtils.setLevel(s,2),e===this.editingItem&&(this.editingRow=i),s.classList.add("keybinds-list-item"),t.classList.add("keybinds-list-item-wrapper"),t.appendChild(s)}return a.ARIAUtils.markAsListitem(s),s.tabIndex=e===this.list.selectedItem()&&e!==this.editingItem?0:-1,t}commitChanges(e,s){for(const[e,i]of s)"UnsetShortcut"!==e.type&&(a.ShortcutRegistry.ShortcutRegistry.instance().removeShortcut(e),i||t.userMetrics.actionTaken(t.UserMetrics.Action.ShortcutRemoved)),i&&(a.ShortcutRegistry.ShortcutRegistry.instance().registerUserShortcut(e.changeKeys(i).changeType("UserShortcut")),"UnsetShortcut"===e.type?t.userMetrics.actionTaken(t.UserMetrics.Action.UserShortcutAdded):t.userMetrics.actionTaken(t.UserMetrics.Action.ShortcutModified));this.stopEditing(e)}heightForItem(e){return 0}isItemSelectable(e){return!0}selectedItemChanged(e,t,s,i){s&&(s.tabIndex=-1),i&&(t===this.editingItem&&this.editingRow?this.editingRow.focus():(i.tabIndex=0,this.list.element.hasFocus()&&i.focus()),this.setDefaultFocusedElement(i))}updateSelectedItemARIA(e,t){return!0}startEditing(e){this.list.selectItem(e),this.editingItem&&this.stopEditing(this.editingItem),a.UIUtils.markBeingEdited(this.list.element,!0),this.editingItem=e,this.list.refreshItem(e)}stopEditing(e){a.UIUtils.markBeingEdited(this.list.element,!1),this.editingItem=null,this.editingRow=null,this.list.refreshItem(e),this.focus()}createListItems(){const e=a.ActionRegistry.ActionRegistry.instance().actions().sort(((e,t)=>e.category()<t.category()?-1:e.category()>t.category()?1:e.id()<t.id()?-1:e.id()>t.id()?1:0)),t=[];let s;return e.forEach((e=>{"elements.toggle-element-search"!==e.id()&&(s!==e.category()&&t.push(e.category()),t.push(e),s=e.category())})),t}onEscapeKeyPressed(e){const t=b.DOMUtilities.deepActiveElement(document);this.editingRow&&t&&"INPUT"===t.nodeName&&this.editingRow.onEscapeKeyPressed(e)}update(){this.editingItem&&this.stopEditing(this.editingItem),this.list.refreshAllItems(),this.list.selectedItem()||this.list.selectItem(this.items.at(0))}willHide(){super.willHide(),this.editingItem&&this.stopEditing(this.editingItem)}}class Y{isEditing;settingsTab;item;element;editedShortcuts;shortcutInputs;shortcuts;elementToFocus;confirmButton;addShortcutLinkContainer;errorMessageElement;secondKeyTimeout;constructor(e,t,s){this.isEditing=Boolean(s),this.settingsTab=t,this.item=e,this.element=document.createElement("div"),this.element.setAttribute("jslog",`${g.item().context(e.id()).track({keydown:"Escape"})}`),this.editedShortcuts=new Map,this.shortcutInputs=new Map,this.shortcuts=a.ShortcutRegistry.ShortcutRegistry.instance().shortcutsForAction(e.id()),this.elementToFocus=null,this.confirmButton=null,this.addShortcutLinkContainer=null,this.errorMessageElement=null,this.secondKeyTimeout=null,this.update()}focus(){this.elementToFocus&&this.elementToFocus.focus()}update(){this.element.removeChildren(),this.elementToFocus=null,this.shortcutInputs.clear(),this.element.classList.toggle("keybinds-editing",this.isEditing),this.element.createChild("div","keybinds-action-name keybinds-list-text").textContent=this.item.title(),this.shortcuts.forEach(this.createShortcutRow,this),0===this.shortcuts.length&&this.createEmptyInfo(),this.isEditing&&this.setupEditor()}createEmptyInfo(){if(a.ShortcutRegistry.ShortcutRegistry.instance().actionHasDefaultShortcut(this.item.id())){const e=o.Icon.create("keyboard-pen","keybinds-modified");a.ARIAUtils.setLabel(e,q(_.shortcutModified)),this.element.appendChild(e)}if(!this.isEditing){const e=this.element.createChild("div","keybinds-shortcut keybinds-list-text");a.ARIAUtils.setLabel(e,q(_.noShortcutForAction)),this.element.appendChild(this.createEditButton())}}setupEditor(){this.addShortcutLinkContainer=this.element.createChild("div","keybinds-shortcut");const e=a.UIUtils.createTextButton(q(_.addAShortcut),this.addShortcut.bind(this),{jslogContext:"add-shortcut"});this.addShortcutLinkContainer.appendChild(e),this.elementToFocus||(this.elementToFocus=e),this.errorMessageElement=this.element.createChild("div","keybinds-info keybinds-error hidden"),a.ARIAUtils.markAsAlert(this.errorMessageElement),this.element.appendChild(this.createIconButton(q(_.ResetShortcutsForAction),"undo","","undo",this.resetShortcutsToDefaults.bind(this))),this.confirmButton=this.createIconButton(q(_.confirmChanges),"checkmark","keybinds-confirm-button","confirm",(()=>{this.settingsTab.commitChanges(this.item,this.editedShortcuts),a.ARIAUtils.alert(q(_.shortcutChangesApplied,{PH1:this.item.title()}))})),this.element.appendChild(this.confirmButton),this.element.appendChild(this.createIconButton(q(_.discardChanges),"cross","keybinds-cancel-button","cancel",(()=>{this.settingsTab.stopEditing(this.item),a.ARIAUtils.alert(q(_.shortcutChangesDiscared))}))),this.element.addEventListener("keydown",(e=>{b.KeyboardUtilities.isEscKey(e)&&(this.settingsTab.stopEditing(this.item),e.consume(!0))}))}addShortcut(){const e=new a.KeyboardShortcut.KeyboardShortcut([],this.item.id(),"UnsetShortcut");this.shortcuts.push(e),this.update();const t=this.shortcutInputs.get(e);t&&t.focus()}createShortcutRow(e,s){if(this.editedShortcuts.has(e)&&!this.editedShortcuts.get(e))return;let i;"UnsetShortcut"===e.type||e.isDefault()||(i=o.Icon.create("keyboard-pen","keybinds-modified"),a.ARIAUtils.setLabel(i,q(_.shortcutModified)),this.element.appendChild(i));const n=this.element.createChild("div","keybinds-shortcut keybinds-list-text");if(this.isEditing){const t=n.createChild("input","harmony-input");t.setAttribute("jslog",`${g.textField().track({change:!0})}`),t.spellcheck=!1,t.maxLength=0,this.shortcutInputs.set(e,t),this.elementToFocus||(this.elementToFocus=t),t.value=e.title();const s=this.editedShortcuts.get(e);s&&(t.value=this.shortcutInputTextForDescriptors(s)),t.addEventListener("keydown",this.onShortcutInputKeyDown.bind(this,e,t)),t.addEventListener("blur",(()=>{null!==this.secondKeyTimeout&&(clearTimeout(this.secondKeyTimeout),this.secondKeyTimeout=null)})),n.appendChild(this.createIconButton(q(_.removeShortcut),"bin","keybinds-delete-button","delete",(()=>{const t=this.shortcuts.indexOf(e);e.isDefault()||this.shortcuts.splice(t,1),this.editedShortcuts.set(e,null),this.update(),this.focus(),this.validateInputs(),a.ARIAUtils.alert(q(_.shortcutRemoved,{PH1:this.item.title()}))})))}else{const i=t.Platform.isMac()?" ":" + ";e.descriptors.flatMap((e=>e.name.split(i))).forEach((e=>{n.createChild("div","keybinds-key").createChild("span").textContent=e})),0===s&&this.element.appendChild(this.createEditButton())}}createEditButton(){return this.createIconButton(q(_.editShortcut),"edit","keybinds-edit-button","edit",(()=>this.settingsTab.startEditing(this.item)))}createIconButton(e,t,s,i,o){const r=new n.Button.Button;return r.data={variant:"icon",iconName:t,jslogContext:i,title:e},r.addEventListener("click",o),a.ARIAUtils.setLabel(r,e),s&&r.classList.add(s),r}onShortcutInputKeyDown(e,t,s){if("Tab"!==s.key){const i=this.descriptorForEvent(s),n=this.editedShortcuts.get(e)||[];this.editedShortcuts.set(e,n);const o=2===n.length&&a.KeyboardShortcut.KeyboardShortcut.isModifier(n[1].key);2===n.length&&!o&&n.splice(0,2),this.secondKeyTimeout?(clearTimeout(this.secondKeyTimeout),this.secondKeyTimeout=null,n.push(i)):o?n[1]=i:a.KeyboardShortcut.KeyboardShortcut.isModifier(i.key)?n[0]=i:(n[0]=i,this.secondKeyTimeout=window.setTimeout((()=>{this.secondKeyTimeout=null}),a.ShortcutRegistry.KeyTimeout)),t.value=this.shortcutInputTextForDescriptors(n),this.validateInputs(),s.consume(!0)}}descriptorForEvent(e){const t=a.KeyboardShortcut.KeyboardShortcut.makeKeyFromEvent(e),s=a.KeyboardShortcut.KeyboardShortcut.keyCodeAndModifiersFromKey(t);let i=a.KeyboardShortcut.Keys[e.key]||a.KeyboardShortcut.KeyBindings[e.key];if(!i&&!/^[a-z]$/i.test(e.key)){const t=e.code;i=a.KeyboardShortcut.Keys[t]||a.KeyboardShortcut.KeyBindings[t],t.startsWith("Digit")?i=t.slice(5):t.startsWith("Key")&&(i=t.slice(3))}return a.KeyboardShortcut.KeyboardShortcut.makeDescriptor(i||e.key,s.modifiers)}shortcutInputTextForDescriptors(e){return e.map((e=>e.name)).join(" ")}resetShortcutsToDefaults(){this.editedShortcuts.clear();for(const e of this.shortcuts)if("UnsetShortcut"===e.type){const t=this.shortcuts.indexOf(e);this.shortcuts.splice(t,1)}else"UserShortcut"===e.type&&this.editedShortcuts.set(e,null);a.ShortcutRegistry.ShortcutRegistry.instance().disabledDefaultsForAction(this.item.id()).forEach((e=>{this.shortcuts.includes(e)||(this.shortcuts.push(e),this.editedShortcuts.set(e,e.descriptors))})),this.update(),this.focus(),a.ARIAUtils.alert(q(_.shortcutChangesRestored,{PH1:this.item.title()}))}onEscapeKeyPressed(e){const t=b.DOMUtilities.deepActiveElement(document);for(const[s,i]of this.shortcutInputs.entries())t===i&&this.onShortcutInputKeyDown(s,i,e)}validateInputs(){const e=this.confirmButton,t=this.errorMessageElement;e&&t&&(e.disabled=!1,t.classList.add("hidden"),this.shortcutInputs.forEach(((s,i)=>{const n=this.editedShortcuts.get(i);if(!n)return;if(n.some((e=>a.KeyboardShortcut.KeyboardShortcut.isModifier(e.key))))return e.disabled=!0,s.classList.add("error-input"),a.ARIAUtils.setInvalid(s,!0),t.classList.remove("hidden"),void(t.textContent=q(_.shortcutsCannotContainOnly));const o=a.ShortcutRegistry.ShortcutRegistry.instance().actionsForDescriptors(n).filter((e=>e!==this.item.id()));if(o.length){if(e.disabled=!0,s.classList.add("error-input"),a.ARIAUtils.setInvalid(s,!0),t.classList.remove("hidden"),!a.ActionRegistry.ActionRegistry.instance().hasAction(o[0]))return;const i=a.ActionRegistry.ActionRegistry.instance().getAction(o[0]),n=i.title(),r=i.category();t.textContent=q(_.thisShortcutIsInUseByS,{PH1:r,PH2:n})}else s.classList.remove("error-input"),a.ARIAUtils.setInvalid(s,!1)})))}}var J=Object.freeze({__proto__:null,KeybindsSettingsTab:X,ShortcutListItem:Y});export{H as AISettingsTab,F as FrameworkIgnoreListSettingsTab,J as KeybindsSettingsTab,L as SettingsScreen};

package/client/dist/chrome-devtools-ui/panels/snippets/snippets.js

@@ -0,0 +1 @@
+import*as e from"../../core/common/common.js";import*as t from"../../core/i18n/i18n.js";import*as n from"../../core/platform/platform.js";import*as s from"../../core/sdk/sdk.js";import*as i from"../../models/persistence/persistence.js";import*as r from"../../models/text_utils/text_utils.js";import*as o from"../../models/workspace/workspace.js";import*as p from"../../ui/legacy/legacy.js";import*as a from"../../ui/components/icon_button/icon_button.js";import*as c from"../../ui/legacy/components/quick_open/quick_open.js";const l={scriptSnippet:"Script snippet #{PH1}",linkedTo:"Linked to {PH1}"},d=t.i18n.registerUIStrings("panels/snippets/ScriptSnippetFileSystem.ts",l),m=t.i18n.getLocalizedString.bind(void 0,d);function u(t){return e.ParsedURL.ParsedURL.rawPathToEncodedPathString(t)}function g(t){return e.ParsedURL.ParsedURL.encodedPathToRawPathString(t)}class S extends i.PlatformFileSystem.PlatformFileSystem{lastSnippetIdentifierSetting;snippetsSetting;constructor(){super("snippet://",i.PlatformFileSystem.PlatformFileSystemType.SNIPPETS,!1),this.lastSnippetIdentifierSetting=e.Settings.Settings.instance().createSetting("script-snippets-last-identifier",0),this.snippetsSetting=e.Settings.Settings.instance().createSetting("script-snippets",[])}initialFilePaths(){return this.snippetsSetting.get().map((e=>u(e.name)))}async createFile(e,t){const n=this.lastSnippetIdentifierSetting.get()+1;this.lastSnippetIdentifierSetting.set(n);const s=m(l.scriptSnippet,{PH1:n}),i=this.snippetsSetting.get();return i.push({name:s,content:""}),this.snippetsSetting.set(i),u(s)}async deleteFile(t){const n=g(e.ParsedURL.ParsedURL.substring(t,1)),s=this.snippetsSetting.get(),i=s.filter((e=>e.name!==n));return s.length!==i.length&&(this.snippetsSetting.set(i),!0)}async requestFileContent(t){const n=g(e.ParsedURL.ParsedURL.substring(t,1)),s=this.snippetsSetting.get().find((e=>e.name===n));return s?new r.ContentData.ContentData(s.content,!1,"text/javascript"):{error:`A snippet with name '${n}' was not found`}}async setFileContent(t,n,s){const i=g(e.ParsedURL.ParsedURL.substring(t,1)),r=this.snippetsSetting.get(),o=r.find((e=>e.name===i));return!!o&&(o.content=n,this.snippetsSetting.set(r),!0)}renameFile(t,n,s){const i=g(e.ParsedURL.ParsedURL.substring(t,1)),r=this.snippetsSetting.get(),o=r.find((e=>e.name===i));n=e.ParsedURL.ParsedURL.trim(n),o&&0!==n.length&&!r.find((e=>e.name===n))?(o.name=n,this.snippetsSetting.set(r),s(!0,n)):s(!1)}async searchInPath(e,t){const s=new RegExp(n.StringUtilities.escapeForRegExp(e),"i");return this.snippetsSetting.get().filter((e=>e.content.match(s))).map((e=>`snippet:///${u(e.name)}`))}mimeFromPath(e){return"text/javascript"}contentType(t){return e.ResourceType.resourceTypes.Script}tooltipForURL(t){return m(l.linkedTo,{PH1:g(e.ParsedURL.ParsedURL.sliceUrlToEncodedPathString(t,this.path().length))})}supportsAutomapping(){return!0}}async function f(t){if(!e.ParsedURL.schemeIs(t.url(),"snippet:"))return;const n=p.Context.Context.instance().flavor(s.RuntimeModel.ExecutionContext);if(!n)return;const i=n.runtimeModel,r=n.target().model(s.ConsoleModel.ConsoleModel);await t.requestContent(),t.commitWorkingCopy();const o=t.workingCopy();e.Console.Console.instance().show();const a=t.url(),c=await n.evaluate({expression:`${o}\n//# sourceURL=${a}`,objectGroup:"console",silent:!1,includeCommandLineAPI:!0,returnByValue:!1,generatePreview:!0,replMode:!0},!0,!0);if("exceptionDetails"in c&&c.exceptionDetails)return void r?.addMessage(s.ConsoleModel.ConsoleMessage.fromException(i,c.exceptionDetails,void 0,void 0,a));if(!("object"in c)||!c.object)return;const l=n.debuggerModel.scriptsForSourceURL(a);if(l.length<1)return;const d=l[l.length-1].scriptId,m={type:s.ConsoleModel.FrontendMessageType.Result,url:a,parameters:[c.object],executionContextId:n.id,scriptId:d};r?.addMessage(new s.ConsoleModel.ConsoleMessage(i,"javascript","info","",m))}function h(){const e=o.Workspace.WorkspaceImpl.instance().projectsForType(o.Workspace.projectTypes.FileSystem).find((e=>"snippets"===i.FileSystemWorkspaceBinding.FileSystemWorkspaceBinding.fileSystemType(e)));if(!e)throw new Error("Unable to find workspace project for the snippets file system");return e}var P=Object.freeze({__proto__:null,SnippetFileSystem:S,evaluateScriptSnippet:f,findSnippetsProject:h,isSnippetsProject:function(e){return e.type()===o.Workspace.projectTypes.FileSystem&&i.FileSystemWorkspaceBinding.FileSystemWorkspaceBinding.fileSystemType(e)===i.PlatformFileSystem.PlatformFileSystemType.SNIPPETS},isSnippetsUISourceCode:function(t){return e.ParsedURL.schemeIs(t.url(),"snippet:")}});const y={noSnippetsFound:"No snippets found.",run:"Run",snippet:"Snippet",runSnippet:"Run snippet"},F=t.i18n.registerUIStrings("panels/snippets/SnippetsQuickOpen.ts",y),L=t.i18n.getLocalizedString.bind(void 0,F),R=t.i18n.getLazilyComputedLocalizedString.bind(void 0,F);let U;class C extends c.FilteredListWidget.Provider{snippets;constructor(){super("snippet"),this.snippets=[]}static instance(e={forceNew:null}){const{forceNew:t}=e;return U&&!t||(U=new C),U}selectItem(e,t){null!==e&&f(this.snippets[e])}notFoundText(e){return L(y.noSnippetsFound)}attach(){this.snippets=[...h().uiSourceCodes()]}detach(){this.snippets=[]}itemScoreAt(e,t){return t.length/this.snippets[e].name().length}itemCount(){return this.snippets.length}itemKeyAt(e){return this.snippets[e].name()}renderItem(e,t,n,s){const i=a.Icon.create("snippet","snippet");n.parentElement?.parentElement?.insertBefore(i,n.parentElement),n.textContent=this.snippets[e].name(),c.FilteredListWidget.FilteredListWidget.highlightRanges(n,t,!0)}}c.FilteredListWidget.registerProvider({prefix:"!",iconName:"exclamation",provider:()=>Promise.resolve(C.instance()),helpTitle:R(y.runSnippet),titlePrefix:R(y.run),titleSuggestion:R(y.snippet)});var j=Object.freeze({__proto__:null,SnippetsQuickOpen:C});export{P as ScriptSnippetFileSystem,j as SnippetsQuickOpen};