simdeck 0.1.3 → 0.1.5

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

@@ -0,0 +1,107 @@
+import"../../ui/components/adorners/adorners.js";import"../../ui/legacy/components/data_grid/data_grid.js";import*as e from"../../core/common/common.js";import*as o from"../../core/i18n/i18n.js";import*as t from"../../core/sdk/sdk.js";import*as r from"../../models/autofill_manager/autofill_manager.js";import*as a from"../../ui/components/helpers/helpers.js";import*as n from"../../ui/components/input/input.js";import*as i from"../../ui/components/legacy_wrapper/legacy_wrapper.js";import*as s from"../../ui/lit/lit.js";import*as l from"../../ui/visual_logging/visual_logging.js";var d={cssText:`*{box-sizing:border-box;min-width:0;min-height:0}:root{height:100%;overflow:hidden;interpolate-size:allow-keywords}body{height:100%;width:100%;position:relative;overflow:hidden;margin:0;cursor:default;font-family:var(--default-font-family);font-size:12px;tab-size:4;user-select:none;color:var(--sys-color-on-surface);background:var(--sys-color-cdt-base-container)}:focus{outline-width:0}.monospace{font-family:var(--monospace-font-family);font-size:var(\n    --monospace-font-size\n  )!important}.source-code{font-family:var(--source-code-font-family);font-size:var(\n    --source-code-font-size\n  )!important;white-space:pre-wrap;&:not(input)::selection{color:var(--sys-color-on-surface)}}.source-code.breakpoint{white-space:nowrap}.source-code .devtools-link.text-button{max-width:100%;overflow:hidden;text-overflow:ellipsis}img{-webkit-user-drag:none}iframe,\na img{border:none}.fill{position:absolute;inset:0}iframe.fill{width:100%;height:100%}.widget{position:relative;flex:auto;contain:style}.hbox{display:flex;flex-direction:row!important;position:relative}.vbox{display:flex;flex-direction:column!important;position:relative}.view-container > devtools-toolbar{border-bottom:1px solid var(--sys-color-divider)}.flex-auto{flex:auto}.flex-none{flex:none}.flex-centered{display:flex;align-items:center;justify-content:center}.overflow-auto{overflow:auto;background-color:var(--sys-color-cdt-base-container)}iframe.widget{position:absolute;width:100%;height:100%;inset:0}.hidden{display:none!important}.highlighted-search-result{border-radius:1px;background-color:var(--sys-color-yellow-container);outline:1px solid var(--sys-color-yellow-container)}.link{cursor:pointer;text-decoration:underline;color:var(--sys-color-primary);outline-offset:2px}button,\ninput,\nselect{font-family:inherit;font-size:inherit}select option,\nselect optgroup,\ninput{background-color:var(--sys-color-cdt-base-container)}input{color:inherit;&[type="checkbox"]{position:relative;outline:none;display:flex;align-items:center;justify-content:center;&:hover::after,\n    &:active::before{content:"";height:24px;width:24px;border-radius:var(--sys-shape-corner-full);position:absolute}&:not(.-theme-preserve){accent-color:var(--sys-color-primary-bright);color:var(--sys-color-on-primary)}&:not(:disabled):hover::after{background-color:var(--sys-color-state-hover-on-subtle)}&:not(:disabled):active::before{background-color:var(--sys-color-state-ripple-neutral-on-subtle)}&:not(:disabled):focus-visible::before{content:"";height:15px;width:15px;border-radius:5px;position:absolute;border:2px solid var(--sys-color-state-focus-ring)}&.small:hover::after,\n    &.small:active::before{height:12px;width:12px;border-radius:2px}}}input::placeholder{--override-input-placeholder-color:rgb(0 0 0/54%);color:var(--override-input-placeholder-color)}.theme-with-dark-background input::placeholder,\n:host-context(.theme-with-dark-background) input::placeholder{--override-input-placeholder-color:rgb(230 230 230/54%)}.harmony-input:not([type]),\n.harmony-input[type="number"],\n.harmony-input[type="text"]{padding:3px 6px;height:24px;border:1px solid var(--sys-color-neutral-outline);border-radius:4px;&.error-input,\n  &:invalid{border-color:var(--sys-color-error)}&:not(.error-input, :invalid):focus{border-color:var(--sys-color-state-focus-ring)}&:not(.error-input, :invalid):hover:not(:focus){background:var(--sys-color-state-hover-on-subtle)}}input[type="radio"]{height:17px;width:17px;min-width:17px;border-radius:8px;vertical-align:sub;margin:0 5px 5px 0;accent-color:var(--sys-color-primary-bright);color:var(--sys-color-on-primary);&:focus{box-shadow:var(--legacy-focus-ring-active-shadow)}}@media (forced-colors: active){input[type="radio"]{--gradient-start:ButtonFace;--gradient-end:ButtonFace;&:checked{--gradient-start:Highlight;--gradient-end:Highlight}}}input[type="range"]{appearance:none;margin:0;padding:0;height:10px;width:88px;outline:none;background:none}input[type="range"]::-webkit-slider-thumb,\n.-theme-preserve{appearance:none;margin:0;padding:0;border:0;width:12px;height:12px;margin-top:-5px;border-radius:50%;background-color:var(--sys-color-primary)}input[type="range"]::-webkit-slider-runnable-track{appearance:none;margin:0;padding:0;width:100%;height:2px;background-color:var(--sys-color-surface-variant)}input[type="range"]:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--sys-color-inverse-primary)}input[type="range"]:disabled::-webkit-slider-thumb{background-color:var(--sys-color-state-disabled)}@media (forced-colors: active){input[type="range"]{forced-color-adjust:none}}.highlighted-search-result.current-search-result{--override-current-search-result-background-color:rgb(255 127 0/80%);border-radius:1px;padding:1px;margin:-1px;background-color:var(--override-current-search-result-background-color)}.dimmed{opacity:60%}.editing{box-shadow:var(--drop-shadow);background-color:var(--sys-color-cdt-base-container);text-overflow:clip!important;padding-left:2px;margin-left:-2px;padding-right:2px;margin-right:-2px;margin-bottom:-1px;padding-bottom:1px;opacity:100%!important}.editing,\n.editing *{color:var(\n    --sys-color-on-surface\n  )!important;text-decoration:none!important}select{appearance:none;user-select:none;height:var(--sys-size-11);border:var(--sys-size-1) solid var(--sys-color-neutral-outline);border-radius:var(--sys-shape-corner-extra-small);color:var(--sys-color-on-surface);font:inherit;margin:0;outline:none;padding:0 var(--sys-size-9) 0 var(--sys-size-5);background-image:var(--combobox-dropdown-arrow);background-color:transparent;background-position:right center;background-repeat:no-repeat;&:disabled{opacity:100%;border-color:transparent;color:var(--sys-color-state-disabled);background-color:var(--sys-color-state-disabled-container);pointer-events:none}&:enabled{&:hover{background-color:var(--sys-color-state-hover-on-subtle)}&:active{background-color:var(--sys-color-state-ripple-neutral-on-subtle)}&:hover:active{background:var(--combobox-dropdown-arrow),linear-gradient(var(--sys-color-state-hover-on-subtle),var(--sys-color-state-hover-on-subtle)),linear-gradient(var(--sys-color-state-ripple-neutral-on-subtle),var(--sys-color-state-ripple-neutral-on-subtle));background-position:right center;background-repeat:no-repeat}&:focus{outline:var(--sys-size-2) solid var(--sys-color-state-focus-ring);outline-offset:-1px}}}@media (forced-colors: active) and (prefers-color-scheme: light){:root,\n  .theme-with-dark-background,\n  :host-context(.theme-with-dark-background){--combobox-dropdown-arrow:var(--image-file-arrow-drop-down-light)}}@media (forced-colors: active) and (prefers-color-scheme: dark){:root,\n  .theme-with-dark-background,\n  :host-context(.theme-with-dark-background){--combobox-dropdown-arrow:var(--image-file-arrow-drop-down-dark)}}.chrome-select-label{margin:0 var(--sys-size-10);flex:none;p p{margin-top:0;color:var(--sys-color-token-subtle)}.reload-warning{margin-left:var(--sys-size-5)}}.settings-select{margin:0}select optgroup,\nselect option{background-color:var(--sys-color-cdt-base-container);color:var(--sys-color-on-surface)}.gray-info-message{text-align:center;font-style:italic;padding:6px;color:var(--sys-color-token-subtle);white-space:nowrap}.empty-state{margin:var(--sys-size-5);display:flex;flex-grow:1;justify-content:center;align-items:center;flex-direction:column;text-align:center;min-height:fit-content;min-width:fit-content;> *{max-width:var(--sys-size-29)}.empty-state-header{font:var(--sys-typescale-headline5);margin-bottom:var(--sys-size-3)}.empty-state-description{font:var(--sys-typescale-body4-regular);color:var(--sys-color-on-surface-subtle);> x-link{white-space:nowrap;margin-left:var(--sys-size-3)}}> devtools-button{margin-top:var(--sys-size-7)}}dt-icon-label{flex:none}.full-widget-dimmed-banner a{color:inherit}.full-widget-dimmed-banner{color:var(--sys-color-token-subtle);background-color:var(--sys-color-cdt-base-container);display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;position:absolute;inset:0;font-size:13px;overflow:auto;z-index:500}.dot::before{content:var(--image-file-empty);width:6px;height:6px;border-radius:50%;outline:1px solid var(--icon-gap-default);left:9px;position:absolute;top:9px;z-index:1}.green::before{background-color:var(--sys-color-green-bright)}.purple::before{background-color:var(--sys-color-purple-bright)}.expandable-inline-button{background-color:var(--sys-color-cdt-base-container);color:var(--sys-color-on-surface);cursor:pointer;border-radius:3px}.undisplayable-text,\n.expandable-inline-button{border:none;padding:1px 3px;margin:0 2px;font-size:11px;font-family:sans-serif;white-space:nowrap;display:inline-block}.undisplayable-text::after,\n.expandable-inline-button::after{content:attr(data-text)}.undisplayable-text{color:var(--sys-color-state-disabled);font-style:italic}.expandable-inline-button:hover,\n.expandable-inline-button:focus-visible{background-color:var(--sys-color-state-hover-on-subtle)}.expandable-inline-button:focus-visible{background-color:var(--sys-color-state-focus-highlight)}::selection{background-color:var(--sys-color-state-text-highlight);color:var(--sys-color-state-on-text-highlight)}button.link{border:none;background:none;padding:3px}button.link:focus-visible{outline:2px solid var(--sys-color-state-focus-ring);outline-offset:2px;border-radius:var(--sys-shape-corner-full)}.data-grid-data-grid-node button.link:focus-visible{border-radius:var(--sys-shape-corner-extra-small);padding:0;margin-top:3px}@media (forced-colors: active){.dimmed,\n  select:disabled{opacity:100%}.harmony-input:not([type]),\n  .harmony-input[type="number"],\n  .harmony-input[type="text"]{border:1px solid ButtonText}.harmony-input:not([type]):focus,\n  .harmony-input[type="number"]:focus,\n  .harmony-input[type="text"]:focus{border:1px solid Highlight}}input.custom-search-input::-webkit-search-cancel-button{appearance:none;width:16px;height:15px;margin-right:0;opacity:70%;mask-image:var(--image-file-cross-circle-filled);mask-position:center;mask-repeat:no-repeat;mask-size:99%;background-color:var(--icon-default)}input.custom-search-input::-webkit-search-cancel-button:hover{opacity:99%}.spinner::before{display:block;width:var(--dimension,24px);height:var(--dimension,24px);border:var(--override-spinner-size,3px) solid var(--override-spinner-color,var(--sys-color-token-subtle));border-radius:12px;clip:rect(0,var(--clip-size,15px),var(--clip-size,15px),0);content:"";position:absolute;animation:spinner-animation 1s linear infinite;box-sizing:border-box}@keyframes spinner-animation{from{transform:rotate(0)}to{transform:rotate(360deg)}}.adorner-container{display:inline-flex;vertical-align:middle}.adorner-container.hidden{display:none}.adorner-container devtools-adorner{margin-left:3px}:host-context(.theme-with-dark-background) devtools-adorner{--override-adorner-border-color:var(--sys-color-tonal-outline);--override-adorner-active-background-color:var(\n    --sys-color-state-riple-neutral-on-subtle\n  )}.panel{display:flex;overflow:hidden;position:absolute;inset:0;z-index:0;background-color:var(--sys-color-cdt-base-container)}.panel-sidebar{overflow-x:hidden;background-color:var(--sys-color-cdt-base-container)}iframe.extension{flex:auto;width:100%;height:100%}iframe.panel.extension{display:block;height:100%}@media (forced-colors: active){:root{--legacy-accent-color:Highlight;--legacy-focus-ring-inactive-shadow-color:ButtonText}}devtools-toolbar{& > *{position:relative;display:flex;background-color:transparent;flex:none;align-items:center;justify-content:center;height:var(--toolbar-height);border:none;white-space:pre;overflow:hidden;max-width:100%;color:var(--icon-default);cursor:default;& .devtools-link{color:var(--icon-default)}}.status-buttons{padding:0 var(--sys-size-2);gap:var(--sys-size-2)}& > :not(select){padding:0}& > devtools-issue-counter{margin-top:-4px;padding:0 1px}devtools-adorner.fix-perf-icon{--override-adorner-text-color:transparent;--override-adorner-border-color:transparent;--override-adorner-background-color:transparent}devtools-issue-counter.main-toolbar{margin-left:1px;margin-right:1px}.toolbar-dropdown-arrow{pointer-events:none;flex:none;top:2px}.toolbar-button.dark-text .toolbar-dropdown-arrow{color:var(--sys-color-on-surface)}.toolbar-button{white-space:nowrap;overflow:hidden;min-width:28px;background:transparent;border-radius:0;&[aria-haspopup="true"][aria-expanded="true"]{pointer-events:none}}.toolbar-item-search{min-width:5.2em;max-width:300px;flex:1 1 auto;justify-content:start;overflow:revert}.toolbar-text{margin:0 5px;flex:none;color:var(--ui-text)}.toolbar-text:empty{margin:0}.toolbar-has-dropdown{justify-content:space-between;height:var(--sys-size-9);padding:0 var(--sys-size-2) 0 var(--sys-size-4);margin:0 var(--sys-size-2);gap:var(--sys-size-2);border-radius:var(--sys-shape-corner-extra-small);&:hover::after,\n    &:active::before{content:"";height:100%;width:100%;border-radius:inherit;position:absolute;top:0;left:0}&:hover::after{background-color:var(--sys-color-state-hover-on-subtle)}&:active::before{background-color:var(--sys-color-state-ripple-neutral-on-subtle)}&:focus-visible{outline:var(--sys-size-2) solid var(--sys-color-state-focus-ring)}&[disabled]{pointer-events:none;background-color:var(--sys-color-state-disabled-container);color:var(--sys-color-state-disabled)}}.toolbar-has-dropdown-shrinkable{flex-shrink:1}.toolbar-has-dropdown .toolbar-text{margin:0;text-overflow:ellipsis;flex:auto;overflow:hidden;text-align:right}.toolbar-button:not(.toolbar-has-dropdown):focus-visible::before{position:absolute;inset:2px;background-color:var(--sys-color-state-focus-highlight);border-radius:2px;content:"";z-index:-1}.toolbar-glyph{flex:none}.toolbar-button:disabled{opacity:50%}.toolbar-button.copied-to-clipboard::after{content:attr(data-content);position:fixed;margin-top:calc(2 * var(--toolbar-height));padding:3px 5px;color:var(--sys-color-token-subtle);background:var(--sys-color-cdt-base-container);animation:2s fade-out;font-weight:normal;border:1px solid var(--sys-color-divider);border-radius:3px}.toolbar-button.toolbar-state-on .toolbar-glyph{color:var(--icon-toggled)}.toolbar-state-on.toolbar-toggle-with-dot .toolbar-text::after{content:"";position:absolute;bottom:2px;background-color:var(--sys-color-primary-bright);width:4.5px;height:4.5px;border:2px solid var(--override-toolbar-background-color,--sys-color-cdt-base-container);border-radius:50%;right:0}.toolbar-button.toolbar-state-on.toolbar-toggle-with-red-color .toolbar-glyph,\n  .toolbar-button.toolbar-state-off.toolbar-default-with-red-color\n    .toolbar-glyph{color:var(\n      --icon-error\n    )!important}.toolbar-button:not(\n      .toolbar-has-glyph,\n      .toolbar-has-dropdown,\n      .largeicon-menu,\n      .toolbar-button-secondary\n    ){font-weight:bold}.toolbar-button.dark-text .toolbar-text{color:var(\n      --sys-color-on-surface\n    )!important}.toolbar-button.toolbar-state-on .toolbar-text{color:var(--sys-color-primary)}.toolbar-button.toolbar-state-on:enabled:active .toolbar-text{color:var(--sys-color-primary-bright)}.toolbar-button:enabled:hover:not(:active) .toolbar-glyph{color:var(--sys-color-on-surface)}.toolbar-button:enabled:hover:not(:active) .toolbar-text{color:var(--sys-color-on-surface)}.toolbar-button.toolbar-state-on:enabled:hover:not(:active) .toolbar-glyph{color:var(--sys-color-primary)}.toolbar-button.toolbar-state-on:enabled:hover:not(:active) .toolbar-text{color:var(--sys-color-primary)}& > dt-checkbox{padding:0 5px 0 0}& > select{height:var(--sys-size-9);min-width:var(--sys-size-14)}.toolbar-input{box-shadow:inset 0 0 0 2px transparent;box-sizing:border-box;width:120px;height:var(--sys-size-9);padding:0 var(--sys-size-2) 0 var(--sys-size-5);margin:1px 3px;border-radius:100px;min-width:35px;position:relative;&.focused{box-shadow:inset 0 0 0 2px var(--sys-color-state-focus-ring)}&:not(:has(devtools-button:hover), .disabled):hover{background-color:var(--sys-color-state-hover-on-subtle)}&::before{content:"";box-sizing:inherit;height:100%;width:100%;position:absolute;left:0;background:var(--sys-color-cdt-base);z-index:-1}& > devtools-icon{color:var(--sys-color-on-surface-subtle);width:var(--sys-size-8);height:var(--sys-size-8);margin-right:var(--sys-size-3)}&.disabled > devtools-icon{color:var(--sys-color-state-disabled)}}.toolbar-filter .toolbar-input-clear-button{margin-right:var(--sys-size-4)}.toolbar-input-empty .toolbar-input-clear-button{display:none}.toolbar-prompt-proxy{flex:1}.toolbar-input-prompt{flex:1;overflow:hidden;white-space:nowrap;cursor:text;color:var(--sys-color-on-surface)}.toolbar-divider{background-color:var(--sys-color-divider);width:1px;margin:5px 4px;height:16px}.toolbar-spacer{flex:auto}.toolbar-button.emulate-active{background-color:var(--sys-color-surface-variant)}&:not([floating]) > :last-child:not(:first-child, select){flex-shrink:1;justify-content:left}&:not([floating]) > .toolbar-button:last-child:not(:first-child, select){justify-content:left;margin-right:2px}& > .highlight::before{content:"";position:absolute;inset:2px;border-radius:2px;background:var(--sys-color-neutral-container);z-index:-1}& > .highlight:focus-visible{background:var(--sys-color-tonal-container);& > .title{color:var(--sys-color-on-tonal-container)}}devtools-icon.leading-issue-icon{margin:0 7px}@media (forced-colors: active){.toolbar-button:disabled{opacity:100%;color:Graytext}devtools-toolbar > *,\n    .toolbar-text{color:ButtonText}.toolbar-button:disabled .toolbar-text{color:Graytext}devtools-toolbar > select:disabled{opacity:100%;color:Graytext}.toolbar-button.toolbar-state-on .toolbar-glyph{forced-color-adjust:none;color:Highlight}.toolbar-button.toolbar-state-on .toolbar-text{forced-color-adjust:none;color:Highlight}.toolbar-button:enabled:hover:not(:active) .toolbar-text,\n    .toolbar-button:enabled:focus:not(:active) .toolbar-text{color:HighlightText}.toolbar-button:disabled devtools-icon{color:GrayText}.toolbar-button:disabled .toolbar-glyph{color:GrayText}.toolbar-button:enabled.hover:not(:active) .toolbar-glyph{forced-color-adjust:none;color:Highlight}.toolbar-button:enabled:hover .toolbar-glyph,\n    .toolbar-button:enabled:focus .toolbar-glyph,\n    .toolbar-button:enabled:hover:not(:active) .toolbar-glyph,\n    .toolbar-button:enabled:hover devtools-icon,\n    .toolbar-button:enabled:focus devtools-icon{color:HighlightText}.toolbar-input{forced-color-adjust:none;background:canvas;box-shadow:var(--legacy-focus-ring-inactive-shadow)}.toolbar-input.focused,\n    .toolbar-input:not(.toolbar-input-empty){forced-color-adjust:none;background:canvas;box-shadow:var(--legacy-focus-ring-active-shadow)}.toolbar-input:hover{box-shadow:var(--legacy-focus-ring-active-shadow)}devtools-toolbar .devtools-link{color:linktext}.toolbar-has-dropdown{forced-color-adjust:none;background:ButtonFace;color:ButtonText}}}@keyframes fade-out{from{opacity:100%}to{opacity:0%}}.webkit-css-property{color:var(--webkit-css-property-color,var(--sys-color-token-property-special))}.webkit-html-comment{color:var(--sys-color-token-comment)}.webkit-html-tag{color:var(--sys-color-token-tag)}.webkit-html-tag-name,\n.webkit-html-close-tag-name{color:var(--sys-color-token-tag)}.webkit-html-pseudo-element{color:var(--sys-color-token-pseudo-element)}.webkit-html-js-node,\n.webkit-html-css-node{color:var(--text-primary);white-space:pre-wrap}.webkit-html-text-node{color:var(--text-primary);unicode-bidi:-webkit-isolate}.webkit-html-entity-value{background-color:rgb(0 0 0/15%);unicode-bidi:-webkit-isolate}.webkit-html-doctype{color:var(--text-secondary)}.webkit-html-attribute-name{color:var(--sys-color-token-attribute);unicode-bidi:-webkit-isolate}.webkit-html-attribute-value{color:var(--sys-color-token-attribute-value);unicode-bidi:-webkit-isolate;word-break:break-all}.devtools-link{color:var(--text-link);text-decoration:underline;outline-offset:2px;.elements-disclosure &{color:var(--text-link)}devtools-icon{vertical-align:baseline;color:var(--sys-color-primary)}:focus .selected & devtools-icon{color:var(--sys-color-tonal-container)}&:focus-visible{outline-width:unset}&.invalid-link{color:var(--text-disabled);text-decoration:none}&:not(.devtools-link-prevent-click, .invalid-link){cursor:pointer}@media (forced-colors: active){&:not(.devtools-link-prevent-click){forced-color-adjust:none;color:linktext}&:focus-visible{background:Highlight;color:HighlightText}}}\n/*# sourceURL=${import.meta.resolve("./inspectorCommon.css")} */\n`},c={cssText:`main{height:100%}.header{display:flex;border-bottom:1px solid var(--sys-color-divider);width:100%}.placeholder-container{height:calc(100% - 29px);display:flex;justify-content:center;align-items:center}.address{padding:10px;margin-right:auto}.filled-fields-grid{border-top:1px solid var(--sys-color-divider);box-sizing:border-box}.content-container{display:flex;flex-flow:column;height:100%}.grid-wrapper{flex-grow:1}devtools-data-grid{border:none;height:100%}.checkbox-label{display:flex;align-items:center}.right-to-left{border-bottom:1px solid var(--sys-color-divider);display:flex;flex-flow:row-reverse wrap;justify-content:flex-end}.label-container{padding:5px;display:flex;align-items:flex-start}.top-left-corner{border-bottom:1px solid var(--sys-color-divider);display:flex;padding:5px;gap:10px}.matches-filled-field{background-color:var(--sys-color-tonal-container)}.highlighted{background-color:var(--sys-color-state-focus-select)}.link{color:var(--sys-color-primary);text-decoration-line:underline}.feedback{margin:auto 5px auto auto}\n/*# sourceURL=${import.meta.resolve("./autofillView.css")} */\n`};const h=new CSSStyleSheet;h.replaceSync(c.cssText);const p=new CSSStyleSheet;p.replaceSync(d.cssText);const{html:u,render:b,Directives:{styleMap:g}}=s,{FillingStrategy:v}=Protocol.Autofill,f={noAutofill:"No autofill detected",toStartDebugging:"To start debugging autofill, use Chrome's autofill menu to fill an address form.",value:"Value",predictedAutofillValue:"Predicted autofill value",formField:"Form field",autocompleteAttribute:"Autocomplete attribute",attr:"attr",inferredByHeuristics:"Inferred by heuristics",heur:"heur",autoShow:"Automatically open this panel",showTestAddressesInAutofillMenu:"Show test addresses in autofill menu",autoShowTooltip:"Open the autofill panel automatically when an autofill activity is detected.",addressPreview:"Address preview",formInspector:"Form inspector",learnMore:"Learn more",sendFeedback:"Send feedback"},m="https://crbug.com/329106326",y=o.i18n.registerUIStrings("panels/autofill/AutofillView.ts",f),x=o.i18n.getLocalizedString.bind(void 0,y);class w extends i.LegacyWrapper.WrappableComponent{#e=this.attachShadow({mode:"open"});#o=this.#t.bind(this);#r;#a;#n="";#i=[];#s=[];#l=[];constructor(){super(),this.#r=e.Settings.Settings.instance().createSetting("auto-open-autofill-view-on-event",!0),this.#a=e.Settings.Settings.instance().createSetting("show-test-addresses-in-autofill-menu-on-event",!1)}connectedCallback(){this.#e.adoptedStyleSheets=[n.checkboxStyles,h,p];const e=r.AutofillManager.AutofillManager.instance(),o=e.getLastFilledAddressForm();o&&({address:this.#n,filledFields:this.#i,matches:this.#s}=o),e.addEventListener("AddressFormFilled",this.#d,this),t.TargetManager.TargetManager.instance().addModelListener(t.ResourceTreeModel.ResourceTreeModel,t.ResourceTreeModel.Events.PrimaryPageChanged,this.#c,this),a.ScheduledRender.scheduleRender(this,this.#o)}#c(){this.#n="",this.#i=[],this.#s=[],this.#l=[],a.ScheduledRender.scheduleRender(this,this.#o)}#d({data:e}){({address:this.#n,filledFields:this.#i,matches:this.#s}=e),this.#l=[],a.ScheduledRender.scheduleRender(this,this.#o)}async#t(){if(!a.ScheduledRender.isScheduledRender(this))throw new Error("AutofillView render was not scheduled");this.#n||this.#i.length?b(u`
+      <main>
+        <div class="content-container" jslog=${l.pane("autofill")}>
+          <div class="right-to-left" role="region" aria-label=${x(f.addressPreview)}>
+            <div class="header">
+              <div class="label-container">
+                <label class="checkbox-label" title=${x(f.showTestAddressesInAutofillMenu)}>
+                  <input
+                    type="checkbox"
+                    ?checked=${this.#a.get()}
+                    @change=${this.#h.bind(this)}
+                    jslog=${l.toggle(this.#a.name).track({change:!0})}
+                  >
+                  <span>${x(f.showTestAddressesInAutofillMenu)}</span>
+                </label>
+              </div>
+              <div class="label-container">
+                <label class="checkbox-label" title=${x(f.autoShowTooltip)}>
+                  <input
+                    type="checkbox"
+                    ?checked=${this.#r.get()}
+                    @change=${this.#p.bind(this)}
+                    jslog=${l.toggle(this.#r.name).track({change:!0})}
+                  >
+                  <span>${x(f.autoShow)}</span>
+                </label>
+              </div>
+              <x-link href=${m} class="feedback link" jslog=${l.link("feedback").track({click:!0})}>${x(f.sendFeedback)}</x-link>
+            </div>
+            ${this.#u()}
+          </div>
+          ${this.#b()}
+        </div>
+      </main>
+    `,this.#e,{host:this}):b(u`
+        <main>
+          <div class="top-left-corner">
+            <label class="checkbox-label" title=${x(f.showTestAddressesInAutofillMenu)}>
+              <input
+                type="checkbox"
+                ?checked=${this.#a.get()}
+                @change=${this.#h.bind(this)}
+                jslog=${l.toggle(this.#a.name).track({change:!0})}>
+              <span>${x(f.showTestAddressesInAutofillMenu)}</span>
+            </label>
+            <label class="checkbox-label" title=${x(f.autoShowTooltip)}>
+            <input
+              type="checkbox"
+              ?checked=${this.#r.get()}
+              @change=${this.#p.bind(this)}
+              jslog=${l.toggle(this.#r.name).track({change:!0})}>
+            <span>${x(f.autoShow)}</span>
+            </label>
+            <x-link href=${m} class="feedback link" jslog=${l.link("feedback").track({click:!0})}>${x(f.sendFeedback)}</x-link>
+          </div>
+          <div class="placeholder-container" jslog=${l.pane("autofill-empty")}>
+            <div class="empty-state">
+              <span class="empty-state-header">${x(f.noAutofill)}</span>
+              <div class="empty-state-description">
+                <span>${x(f.toStartDebugging)}</span>
+                <x-link href=${"https://goo.gle/devtools-autofill-panel"} class="link" jslog=${l.link("learn-more").track({click:!0})}>${x(f.learnMore)}</x-link>
+              </div>
+            </div>
+          </div>
+        </main>
+      `,this.#e,{host:this})}#p(e){const{checked:o}=e.target;this.#r.set(o)}#h(e){const{checked:o}=e.target;this.#a.set(o),r.AutofillManager.AutofillManager.instance().onShowAutofillTestAddressesSettingsChanged()}#u(){if(!this.#n)return s.nothing;const e=(e,o)=>{const t=this.#n.substring(e,o).split("\n"),r=t.map(((e,o)=>o===t.length-1?e:u`${e}<br>`)),a=this.#s.some((o=>o.startIndex<=e&&o.endIndex>e));if(!a)return u`<span>${r}</span>`;const n=s.Directives.classMap({"matches-filled-field":a,highlighted:this.#l.some((o=>o.startIndex<=e&&o.endIndex>e))});return u`
+        <span
+          class=${n}
+          @mouseenter=${()=>this.#g(e)}
+          @mouseleave=${this.#v}
+          jslog=${l.item("matched-address-item").track({hover:!0})}
+        >${r}</span>`},o=[],t=new Set([0,this.#n.length]);for(const e of this.#s)t.add(e.startIndex),t.add(e.endIndex);const r=Array.from(t).sort(((e,o)=>e-o));for(let t=0;t<r.length-1;t++)o.push(e(r[t],r[t+1]));return u`
+      <div class="address">
+        ${o}
+      </div>
+    `}#g(e){this.#l=this.#s.filter((o=>o.startIndex<=e&&o.endIndex>e)),a.ScheduledRender.scheduleRender(this,this.#o)}#v(){this.#l=[],a.ScheduledRender.scheduleRender(this,this.#o)}#b(){if(!this.#i.length)return s.nothing;const e=new Set(this.#l.map((e=>e.filledFieldIndex)));return u`
+      <div class="grid-wrapper" role="region" aria-label=${x(f.formInspector)}>
+        <devtools-data-grid
+          striped
+          class="filled-fields-grid"
+        >
+          <table>
+            <tr>
+              <th id="name" weight="50" sortable>${x(f.formField)}</th>
+              <th id="autofill-type" weight="50" sortable>${x(f.predictedAutofillValue)}</th>
+              <th id="value" weight="50" sortable>${x(f.value)}</th>
+            </tr>
+            ${this.#i.map(((o,t)=>u`
+                <tr style=${g({"font-family":"var(--monospace-font-family)","font-size":"var(--monospace-font-size)","background-color":e.has(t)?"var(--sys-color-state-hover-on-subtle)":null})}
+                  @mouseenter=${()=>this.#f(t)}
+                  @mouseleave=${this.#m.bind(this)}
+                >
+                  <td>${o.name||`#${o.id}`} (${o.htmlType})</td>
+                  <td>
+                      ${o.autofillType}
+                      ${"autocompleteAttribute"===o.fillingStrategy?u`<devtools-adorner title=${x(f.autocompleteAttribute)} .data=${{name:o.fillingStrategy}}>
+                              <span>${x(f.attr)}</span>
+                            </devtools-adorner>`:"autofillInferred"===o.fillingStrategy?u`<devtools-adorner title=${x(f.inferredByHeuristics)} .data=${{name:o.fillingStrategy}}>
+                              <span>${x(f.heur)}</span>
+                            </devtools-adorner>`:s.nothing}
+                  </td>
+                  <td>"${o.value}"</td>
+                </tr>`))}
+          </table>
+        </devtools-data-grid>
+      </div>
+    `}#f(e){this.#l=this.#s.filter((o=>o.filledFieldIndex===e)),a.ScheduledRender.scheduleRender(this,this.#o);const o=this.#i[e].fieldId,r=t.FrameManager.FrameManager.instance().getFrame(this.#i[e].frameId)?.resourceTreeModel().target();if(r){const e=new t.DOMModel.DeferredDOMNode(r,o),a=r.model(t.DOMModel.DOMModel);e&&a&&a.overlayModel().highlightInOverlay({deferredNode:e},"all")}}#m(){this.#l=[],a.ScheduledRender.scheduleRender(this,this.#o),t.OverlayModel.OverlayModel.hideDOMNodeHighlight()}}customElements.define("devtools-autofill-view",w);var k=Object.freeze({__proto__:null,AutofillView:w,i18nString:x});export{k as AutofillView};

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

@@ -0,0 +1 @@
+import*as e from"../../core/i18n/i18n.js";import*as t from"../../core/root/root.js";import*as r from"../../core/sdk/sdk.js";import*as i from"../../ui/legacy/legacy.js";const n={showEventListenerBreakpoints:"Show Event Listener Breakpoints",eventListenerBreakpoints:"Event Listener Breakpoints",showCspViolationBreakpoints:"Show CSP Violation Breakpoints",cspViolationBreakpoints:"CSP Violation Breakpoints",showXhrfetchBreakpoints:"Show XHR/fetch Breakpoints",xhrfetchBreakpoints:"XHR/fetch Breakpoints",showDomBreakpoints:"Show DOM Breakpoints",domBreakpoints:"DOM Breakpoints",showGlobalListeners:"Show Global Listeners",globalListeners:"Global Listeners",page:"Page",showPage:"Show Page",overrides:"Overrides",showOverrides:"Show Overrides",contentScripts:"Content scripts",showContentScripts:"Show Content scripts",refreshGlobalListeners:"Refresh global listeners"},o=e.i18n.registerUIStrings("panels/browser_debugger/browser_debugger-meta.ts",n),a=e.i18n.getLazilyComputedLocalizedString.bind(void 0,o);let s,c;async function d(){return s||(s=await import("./browser_debugger.js")),s}async function p(){return c||(c=await import("../sources/sources.js")),c}i.ViewManager.registerViewExtension({loadView:async()=>(await d()).EventListenerBreakpointsSidebarPane.EventListenerBreakpointsSidebarPane.instance(),id:"sources.event-listener-breakpoints",location:"sources.sidebar-bottom",commandPrompt:a(n.showEventListenerBreakpoints),title:a(n.eventListenerBreakpoints),order:9,persistence:"permanent"}),i.ViewManager.registerViewExtension({loadView:async()=>new((await d()).CSPViolationBreakpointsSidebarPane.CSPViolationBreakpointsSidebarPane),id:"sources.csp-violation-breakpoints",location:"sources.sidebar-bottom",commandPrompt:a(n.showCspViolationBreakpoints),title:a(n.cspViolationBreakpoints),order:10,persistence:"permanent"}),i.ViewManager.registerViewExtension({loadView:async()=>(await d()).XHRBreakpointsSidebarPane.XHRBreakpointsSidebarPane.instance(),id:"sources.xhr-breakpoints",location:"sources.sidebar-bottom",commandPrompt:a(n.showXhrfetchBreakpoints),title:a(n.xhrfetchBreakpoints),order:5,persistence:"permanent",hasToolbar:!0}),i.ViewManager.registerViewExtension({loadView:async()=>(await d()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"sources.dom-breakpoints",location:"sources.sidebar-bottom",commandPrompt:a(n.showDomBreakpoints),title:a(n.domBreakpoints),order:7,persistence:"permanent"}),i.ViewManager.registerViewExtension({loadView:async()=>new((await d()).ObjectEventListenersSidebarPane.ObjectEventListenersSidebarPane),id:"sources.global-listeners",location:"sources.sidebar-bottom",commandPrompt:a(n.showGlobalListeners),title:a(n.globalListeners),order:8,persistence:"permanent",hasToolbar:!0}),i.ViewManager.registerViewExtension({loadView:async()=>(await d()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"elements.dom-breakpoints",location:"elements-sidebar",commandPrompt:a(n.showDomBreakpoints),title:a(n.domBreakpoints),order:6,persistence:"permanent"}),i.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-network",title:a(n.page),commandPrompt:a(n.showPage),order:2,persistence:"permanent",loadView:async()=>(await p()).SourcesNavigator.NetworkNavigatorView.instance()}),i.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-overrides",title:a(n.overrides),commandPrompt:a(n.showOverrides),order:4,persistence:"permanent",loadView:async()=>(await p()).SourcesNavigator.OverridesNavigatorView.instance()}),i.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-content-scripts",title:a(n.contentScripts),commandPrompt:a(n.showContentScripts),order:5,persistence:"permanent",condition:()=>"/bundled/worker_app.html"!==t.Runtime.getPathName(),loadView:async()=>new((await p()).SourcesNavigator.ContentScriptsNavigatorView)}),i.ActionRegistration.registerActionExtension({category:"DEBUGGER",actionId:"browser-debugger.refresh-global-event-listeners",loadActionDelegate:async()=>new((await d()).ObjectEventListenersSidebarPane.ActionDelegate),title:a(n.refreshGlobalListeners),iconClass:"refresh",contextTypes(){return e=e=>[e.ObjectEventListenersSidebarPane.ObjectEventListenersSidebarPane],void 0===s?[]:e(s);var e}}),i.ContextMenu.registerProvider({contextTypes:()=>[r.DOMModel.DOMNode],loadProvider:async()=>new((await d()).DOMBreakpointsSidebarPane.ContextMenuProvider),experiment:void 0}),i.Context.registerListener({contextTypes:()=>[r.DebuggerModel.DebuggerPausedDetails],loadListener:async()=>(await d()).XHRBreakpointsSidebarPane.XHRBreakpointsSidebarPane.instance()}),i.Context.registerListener({contextTypes:()=>[r.DebuggerModel.DebuggerPausedDetails],loadListener:async()=>(await d()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance()});

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

@@ -0,0 +1 @@
+import*as e from"../../core/sdk/sdk.js";import*as t from"../../ui/visual_logging/visual_logging.js";import*as i from"../../core/i18n/i18n.js";import*as n from"../../core/platform/platform.js";import*as o from"../sources/sources.js";import*as s from"../../ui/legacy/legacy.js";import*as r from"../../core/common/common.js";import"../../ui/components/buttons/buttons.js";import*as a from"../event_listeners/event_listeners.js";var l={cssText:`:host{margin:0;padding:2px 4px;min-height:18px}.tree-outline{padding:0}.tree-outline li{margin-left:14px;user-select:text}.tree-outline li.parent{margin-left:1px}.tree-outline li:not(.parent)::before{display:none}.breakpoint-hit{background-color:var(--sys-color-yellow-container);color:var(--sys-color-on-yellow-container)}.breakpoint-hit .breakpoint-hit-marker{background-color:var(--sys-color-yellow-container);border-right:3px solid var(--sys-color-yellow-outline);color:var(--sys-color-on-yellow-container);height:100%;left:0;margin-left:-30px;position:absolute;right:-4px;z-index:-1}dt-checkbox.source-code{max-width:100%}\n/*# sourceURL=${import.meta.resolve("./categorizedBreakpointsSidebarPane.css")} */\n`};const d={auctionWorklet:"Ad Auction Worklet",animation:"Animation",breakpointHit:"breakpoint hit",canvas:"Canvas",clipboard:"Clipboard",control:"Control",device:"Device",domMutation:"DOM Mutation",dragDrop:"Drag / drop",geolocation:"Geolocation",keyboard:"Keyboard",load:"Load",media:"Media",mouse:"Mouse",notification:"Notification",parse:"Parse",pictureinpicture:"Picture-in-Picture",pointer:"Pointer",script:"Script",sharedStorageWorklet:"Shared Storage Worklet",timer:"Timer",touch:"Touch",trustedTypeViolations:"Trusted Type Violations",webaudio:"WebAudio",window:"Window",worker:"Worker",xhr:"XHR"},c=i.i18n.registerUIStrings("panels/browser_debugger/CategorizedBreakpointsSidebarPane.ts",d),h=i.i18n.getLocalizedString.bind(void 0,c),p=i.i18n.getLazilyComputedLocalizedString.bind(void 0,c);class g extends s.Widget.VBox{#e;#t;#i;#n;#o;#s;constructor(t,n,o){super(!0),this.#e=new s.TreeOutline.TreeOutlineInShadow,this.#e.registerRequiredCSS(l),this.#e.setShowSelectionOnKeyboardFocus(!0),this.contentElement.appendChild(this.#e.element),this.#t=n,this.#i=o;const r=[...new Set(t.map((e=>e.category())))].sort(((e,t)=>{const n=u(e),o=u(t);return n.localeCompare(o,i.DevToolsLocale.DevToolsLocale.instance().locale)}));this.#n=new Map;for(const e of r)this.createCategory(e);if(r.length>0){const e=this.#n.get(r[0]);e&&e.element.select()}this.#o=new Map;for(const e of t)this.createBreakpoint(e);e.TargetManager.TargetManager.instance().addModelListener(e.DebuggerModel.DebuggerModel,e.DebuggerModel.Events.DebuggerPaused,this.update,this),e.TargetManager.TargetManager.instance().addModelListener(e.DebuggerModel.DebuggerModel,e.DebuggerModel.Events.DebuggerResumed,this.update,this),s.Context.Context.instance().addFlavorChangeListener(e.Target.Target,this.update,this)}get categories(){return this.#n}get breakpoints(){return this.#o}focus(){this.#e.forceSelect()}handleSpaceKeyEventOnBreakpoint(e,t){e&&" "===e.key&&(t&&t.checkbox.click(),e.consume(!0))}createCategory(e){const t=s.UIUtils.CheckboxLabel.create(u(e),void 0,void 0,e,!0);t.checkboxElement.addEventListener("click",this.categoryCheckboxClicked.bind(this,e),!0),t.checkboxElement.tabIndex=-1;const i=new s.TreeOutline.TreeElement(t,void 0,e);i.listItemElement.addEventListener("keydown",(t=>{this.handleSpaceKeyEventOnBreakpoint(t,this.#n.get(e))})),t.checkboxElement.addEventListener("keydown",(t=>{i.listItemElement.focus(),this.handleSpaceKeyEventOnBreakpoint(t,this.#n.get(e))})),s.ARIAUtils.setChecked(i.listItemElement,!1),this.#e.appendChild(i),this.#n.set(e,{element:i,checkbox:t.checkboxElement})}createBreakpoint(e){const t=s.UIUtils.CheckboxLabel.create(o.CategorizedBreakpointL10n.getLocalizedBreakpointName(e.name),void 0,void 0,n.StringUtilities.toKebabCase(e.name),!0);t.classList.add("source-code","breakpoint"),t.checkboxElement.addEventListener("click",this.breakpointCheckboxClicked.bind(this,e),!0),t.checkboxElement.tabIndex=-1;const i=new s.TreeOutline.TreeElement(t,void 0,n.StringUtilities.toKebabCase(e.name));i.listItemElement.addEventListener("keydown",(t=>{this.handleSpaceKeyEventOnBreakpoint(t,this.#o.get(e))})),t.checkboxElement.addEventListener("keydown",(t=>{i.listItemElement.focus(),this.handleSpaceKeyEventOnBreakpoint(t,this.#o.get(e))})),s.ARIAUtils.setChecked(i.listItemElement,!1),i.listItemElement.createChild("div","breakpoint-hit-marker");const r=this.#n.get(e.category());r&&r.element.appendChild(i),this.#o.set(e,{element:i,checkbox:t.checkboxElement})}getBreakpointFromPausedDetails(e){return null}update(){const t=s.Context.Context.instance().flavor(e.Target.Target),i=t?t.model(e.DebuggerModel.DebuggerModel):null,n=i?i.debuggerPausedDetails():null;if(!n||n.reason!==this.#i||!n.auxData)return void(this.#s&&(s.ARIAUtils.setDescription(this.#s,""),this.#s.classList.remove("breakpoint-hit"),this.#s=void 0));const o=this.getBreakpointFromPausedDetails(n);if(!o)return;s.ViewManager.ViewManager.instance().showView(this.#t);const r=this.#n.get(o.category());r&&r.element.expand();const a=this.#o.get(o);a&&(this.#s=a.element.listItemElement,s.ARIAUtils.setDescription(this.#s,h(d.breakpointHit)),this.#s.classList.add("breakpoint-hit"))}categoryCheckboxClicked(e){const t=this.#n.get(e);if(!t)return;const i=t.checkbox.checked;s.ARIAUtils.setChecked(t.element.listItemElement,i);for(const[t,n]of this.#o)if(t.category()===e){const e=this.#o.get(t);e&&(e.checkbox.checked=i,this.toggleBreakpoint(t,i),s.ARIAUtils.setChecked(n.element.listItemElement,i))}}toggleBreakpoint(e,t){e.setEnabled(t)}breakpointCheckboxClicked(e){const t=this.#o.get(e);if(!t)return;this.toggleBreakpoint(e,t.checkbox.checked),s.ARIAUtils.setChecked(t.element.listItemElement,t.checkbox.checked);let i=!1,n=!1;for(const t of this.#o.keys())t.category()===e.category()&&(t.enabled()?i=!0:n=!0);const o=this.#n.get(e.category());o&&(o.checkbox.checked=i,o.checkbox.indeterminate=i&&n,o.checkbox.indeterminate?s.ARIAUtils.setCheckboxAsIndeterminate(o.element.listItemElement):s.ARIAUtils.setChecked(o.element.listItemElement,i))}}const k={animation:p(d.animation),"auction-worklet":p(d.auctionWorklet),canvas:p(d.canvas),clipboard:p(d.clipboard),control:p(d.control),device:p(d.device),"dom-mutation":p(d.domMutation),"drag-drop":p(d.dragDrop),geolocation:p(d.geolocation),keyboard:p(d.keyboard),load:p(d.load),media:p(d.media),mouse:p(d.mouse),notification:p(d.notification),parse:p(d.parse),"picture-in-picture":p(d.pictureinpicture),pointer:p(d.pointer),script:p(d.script),"shared-storage-worklet":p(d.sharedStorageWorklet),timer:p(d.timer),touch:p(d.touch),"trusted-type-violation":p(d.trustedTypeViolations),"web-audio":p(d.webaudio),window:p(d.window),worker:p(d.worker),xhr:p(d.xhr)};function u(e){return k[e]()}var b=Object.freeze({__proto__:null,CSPViolationBreakpointsSidebarPane:class extends g{constructor(){super(e.DOMDebuggerModel.DOMDebuggerManager.instance().cspViolationBreakpoints(),"sources.csp-violation-breakpoints","CSPViolation"),this.contentElement.setAttribute("jslog",`${t.section("sources.csp-violation-breakpoints")}`)}getBreakpointFromPausedDetails(t){const i=t.auxData?.violationType?t.auxData.violationType:"",n=e.DOMDebuggerModel.DOMDebuggerManager.instance().cspViolationBreakpoints().find((e=>e.type()===i));return n||null}toggleBreakpoint(t,i){t.setEnabled(i),e.DOMDebuggerModel.DOMDebuggerManager.instance().updateCSPViolationBreakpoints()}}}),m={cssText:`.dom-breakpoints-container{overflow:auto}.breakpoint-list{padding-bottom:3px}.breakpoint-list .dom-breakpoint > div{overflow:hidden;text-overflow:ellipsis}.breakpoint-entry{display:flex;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:2px 0}.breakpoint-entry:focus-visible{background-color:var(--sys-color-tonal-container)}.breakpoint-hit{background-color:var(--sys-color-neutral-container);color:var(--sys-color-on-surface)}.placeholder{display:flex;height:100%;justify-content:center}:host-context(.sources.panel) .empty-view-scroller{display:none}:host-context(.elements.panel) .placeholder .gray-info-message{display:none}@media (forced-colors: active){.breakpoint-entry:focus-visible,\n  .breakpoint-list .breakpoint-entry:hover{forced-color-adjust:none;background-color:Highlight}.breakpoint-entry:focus-visible *,\n  .breakpoint-list .breakpoint-entry:hover *{color:HighlightText}}\n/*# sourceURL=${import.meta.resolve("./domBreakpointsSidebarPane.css")} */\n`};const v={noBreakpoints:"No DOM breakpoints",domBreakpointsDescription:"DOM breakpoints pause on the code that changes a DOM node or its children.",domBreakpointsList:"DOM Breakpoints list",sS:"{PH1}: {PH2}",sSS:"{PH1}: {PH2}, {PH3}",checked:"checked",unchecked:"unchecked",sBreakpointHit:"{PH1} breakpoint hit",breakpointHit:"breakpoint hit",revealDomNodeInElementsPanel:"Reveal DOM node in Elements panel",removeBreakpoint:"Remove breakpoint",removeAllDomBreakpoints:"Remove all DOM breakpoints",subtreeModified:"Subtree modified",attributeModified:"Attribute modified",nodeRemoved:"Node removed",breakOn:"Break on",breakpointRemoved:"Breakpoint removed",breakpointSet:"Breakpoint set"},x=i.i18n.registerUIStrings("panels/browser_debugger/DOMBreakpointsSidebarPane.ts",v),M=i.i18n.getLocalizedString.bind(void 0,x),f=i.i18n.getLazilyComputedLocalizedString.bind(void 0,x);let D;class C extends s.Widget.VBox{elementToCheckboxes;#r;#o;#a;#l;constructor(){super(!0),this.registerRequiredCSS(m),this.elementToCheckboxes=new WeakMap,this.contentElement.setAttribute("jslog",`${t.section("sources.dom-breakpoints").track({resize:!0})}`),this.contentElement.classList.add("dom-breakpoints-container"),this.#r=this.contentElement.createChild("div","placeholder"),this.#r.createChild("div","gray-info-message").textContent=M(v.noBreakpoints);const i=new s.EmptyWidget.EmptyWidget(v.noBreakpoints,M(v.domBreakpointsDescription));i.appendLink("https://developer.chrome.com/docs/devtools/javascript/breakpoints#dom"),i.show(this.#r),this.#o=new s.ListModel.ListModel,this.#a=new s.ListControl.ListControl(this.#o,this,s.ListControl.ListMode.NonViewport),this.contentElement.appendChild(this.#a.element),this.#a.element.classList.add("breakpoint-list","hidden"),s.ARIAUtils.markAsList(this.#a.element),s.ARIAUtils.setLabel(this.#a.element,M(v.domBreakpointsList)),e.TargetManager.TargetManager.instance().addModelListener(e.DOMDebuggerModel.DOMDebuggerModel,"DOMBreakpointAdded",this.breakpointAdded,this),e.TargetManager.TargetManager.instance().addModelListener(e.DOMDebuggerModel.DOMDebuggerModel,"DOMBreakpointToggled",this.breakpointToggled,this),e.TargetManager.TargetManager.instance().addModelListener(e.DOMDebuggerModel.DOMDebuggerModel,"DOMBreakpointsRemoved",this.breakpointsRemoved,this);for(const t of e.TargetManager.TargetManager.instance().models(e.DOMDebuggerModel.DOMDebuggerModel)){t.retrieveDOMBreakpoints();for(const e of t.domBreakpoints())this.addBreakpoint(e)}this.#l=null,this.update()}static instance(){return D||(D=new C),D}createElementForItem(e){const i=document.createElement("div");i.classList.add("breakpoint-entry"),i.setAttribute("jslog",`${t.domBreakpoint().context(e.type).track({keydown:"ArrowUp|ArrowDown|PageUp|PageDown"})}`),i.addEventListener("contextmenu",this.contextMenu.bind(this,e),!0),s.ARIAUtils.markAsListitem(i),i.tabIndex=-1;const n=s.UIUtils.CheckboxLabel.create(void 0,e.enabled),o=n.checkboxElement;o.addEventListener("click",this.checkboxClicked.bind(this,e),!1),o.tabIndex=-1,this.elementToCheckboxes.set(i,o),i.appendChild(n),i.addEventListener("keydown",(e=>{" "===e.key&&(n.checkboxElement.click(),e.consume(!0))}));const a=document.createElement("div");a.classList.add("dom-breakpoint"),i.appendChild(a);const l=document.createElement("div"),d=E.get(e.type);l.textContent=d?d():null;const c=d?d():"";s.ARIAUtils.setLabel(o,c),o.setAttribute("jslog",`${t.toggle().track({click:!0})}`);const h=e.enabled?M(v.checked):M(v.unchecked),p=document.createElement("monospace");return p.style.display="block",a.appendChild(p),r.Linkifier.Linkifier.linkify(e.node,{preventKeyboardFocus:!0,tooltip:void 0}).then((e=>{p.appendChild(e),s.ARIAUtils.setLabel(o,M(v.sS,{PH1:c,PH2:e.deepTextContent()})),s.ARIAUtils.setLabel(i,M(v.sSS,{PH1:c,PH2:e.deepTextContent(),PH3:h}))})),a.appendChild(l),e===this.#l?(i.classList.add("breakpoint-hit"),s.ARIAUtils.setDescription(i,M(v.sBreakpointHit,{PH1:h})),s.ARIAUtils.setDescription(o,M(v.breakpointHit))):s.ARIAUtils.setDescription(i,h),this.#r.classList.add("hidden"),this.#a.element.classList.remove("hidden"),i}heightForItem(e){return 0}isItemSelectable(e){return!0}updateSelectedItemARIA(e,t){return!0}selectedItemChanged(e,t,i,n){i&&(i.tabIndex=-1),n&&(this.setDefaultFocusedElement(n),n.tabIndex=0,this.hasFocus()&&n.focus())}breakpointAdded(e){this.addBreakpoint(e.data)}breakpointToggled(e){const t=this.hasFocus(),i=e.data;this.#a.refreshItem(i),t&&this.focus()}breakpointsRemoved(e){const t=this.hasFocus(),i=e.data;let n=-1;for(const e of i){const t=this.#o.indexOf(e);t>=0&&(this.#o.remove(t),n=t)}if(0===this.#o.length)this.#r.classList.remove("hidden"),this.setDefaultFocusedElement(this.#r),this.#a.element.classList.add("hidden");else if(n>=0){const e=this.#o.at(n);e&&this.#a.selectItem(e)}t&&this.focus()}addBreakpoint(e){this.#o.insertWithComparator(e,((e,t)=>e.type>t.type?-1:e.type<t.type?1:0)),this.#a.selectedItem()&&this.hasFocus()||this.#a.selectItem(this.#o.at(0))}contextMenu(e,t){const i=new s.ContextMenu.ContextMenu(t);i.defaultSection().appendItem(M(v.revealDomNodeInElementsPanel),(()=>r.Revealer.reveal(e.node)),{jslogContext:"reveal-in-elements"}),i.defaultSection().appendItem(M(v.removeBreakpoint),(()=>{e.domDebuggerModel.removeDOMBreakpoint(e.node,e.type)}),{jslogContext:"remove-breakpoint"}),i.defaultSection().appendItem(M(v.removeAllDomBreakpoints),(()=>{e.domDebuggerModel.removeAllDOMBreakpoints()}),{jslogContext:"remove-all-dom-breakpoints"}),i.show()}checkboxClicked(e,t){e.domDebuggerModel.toggleDOMBreakpoint(e,!!t.target&&t.target.checked)}flavorChanged(e){this.update()}update(){const t=s.Context.Context.instance().flavor(e.DebuggerModel.DebuggerPausedDetails);if(this.#l){const e=this.#l;this.#l=null,this.#a.refreshItem(e)}if(!t?.auxData||"DOM"!==t.reason)return;const i=t.debuggerModel.target().model(e.DOMDebuggerModel.DOMDebuggerModel);if(!i)return;const n=i.resolveDOMBreakpointData(t.auxData);if(n){for(const e of this.#o)e.node===n.node&&e.type===n.type&&(this.#l=e);this.#l&&this.#a.refreshItem(this.#l),s.ViewManager.ViewManager.instance().showView("sources.dom-breakpoints")}}}const E=new Map([["subtree-modified",f(v.subtreeModified)],["attribute-modified",f(v.attributeModified)],["node-removed",f(v.nodeRemoved)]]);var B=Object.freeze({__proto__:null,ContextMenuProvider:class{appendApplicableItems(t,i,n){if(n.pseudoType())return;const r=n.domModel().target().model(e.DOMDebuggerModel.DOMDebuggerModel);if(!r)return;function a(e){if(!r)return;const t=o.DebuggerPausedMessage.BreakpointTypeNouns.get(e),i=t?t():"";r.hasDOMBreakpoint(n,e)?(r.removeDOMBreakpoint(n,e),s.ARIAUtils.alert(`${M(v.breakpointRemoved)}: ${i}`)):(r.setDOMBreakpoint(n,e),s.ARIAUtils.alert(`${M(v.breakpointSet)}: ${i}`))}const l=i.debugSection().appendSubMenuItem(M(v.breakOn),!1,"break-on"),d={SubtreeModified:"subtree-modified",AttributeModified:"attribute-modified",NodeRemoved:"node-removed"};for(const e of Object.values(d)){const t=o.DebuggerPausedMessage.BreakpointTypeNouns.get(e);t&&l.defaultSection().appendCheckboxItem(t(),a.bind(null,e),{checked:r.hasDOMBreakpoint(n,e),jslogContext:e})}}},DOMBreakpointsSidebarPane:C});let y;class w extends g{constructor(){let i=e.DOMDebuggerModel.DOMDebuggerManager.instance().eventListenerBreakpoints();const n=e.EventBreakpointsModel.EventBreakpointsManager.instance().eventListenerBreakpoints();i=i.concat(n),super(i,"sources.event-listener-breakpoints","EventListener"),this.contentElement.setAttribute("jslog",`${t.section("sources.event-listener-breakpoints")}`)}static instance(){return y||(y=new w),y}getBreakpointFromPausedDetails(t){const i=t.auxData,n=e.DOMDebuggerModel.DOMDebuggerManager.instance().resolveEventListenerBreakpoint(i);return n||e.EventBreakpointsModel.EventBreakpointsManager.instance().resolveEventListenerBreakpoint(i)}}var L=Object.freeze({__proto__:null,EventListenerBreakpointsSidebarPane:w});class I extends s.ThrottledWidget.ThrottledWidget{#d;eventListenersView;constructor(){super(),this.contentElement.setAttribute("jslog",`${t.section("sources.global-listeners")}`),this.eventListenersView=new a.EventListenersView.EventListenersView(this.update.bind(this),!0),this.eventListenersView.show(this.element),this.setDefaultFocusedChild(this.eventListenersView),this.update()}toolbarItems(){const e=s.Toolbar.Toolbar.createActionButton("browser-debugger.refresh-global-event-listeners");return e.setSize("SMALL"),[e]}async doUpdate(){this.#d&&(this.#d.runtimeModel.releaseObjectGroup(A),this.#d=void 0);const t=[],i=s.Context.Context.instance().flavor(e.RuntimeModel.ExecutionContext);if(i){this.#d=i;const e=await i.evaluate({expression:"self",objectGroup:A,includeCommandLineAPI:!1,silent:!0,returnByValue:!1,generatePreview:!1},!1,!1);"error"in e||e.exceptionDetails||t.push(e.object)}await this.eventListenersView.addObjects(t)}wasShown(){super.wasShown(),s.Context.Context.instance().addFlavorChangeListener(e.RuntimeModel.ExecutionContext,this.update,this),s.Context.Context.instance().setFlavor(I,this)}willHide(){s.Context.Context.instance().setFlavor(I,null),s.Context.Context.instance().removeFlavorChangeListener(e.RuntimeModel.ExecutionContext,this.update,this),super.willHide(),this.#d&&(this.#d.runtimeModel.releaseObjectGroup(A),this.#d=void 0)}}const A="object-event-listeners-sidebar-pane";var O=Object.freeze({__proto__:null,ActionDelegate:class{handleAction(e,t){if("browser-debugger.refresh-global-event-listeners"===t){const t=e.flavor(I);return!!t&&(t.update(),!0)}return!1}},ObjectEventListenersSidebarPane:I,objectGroupName:A}),R={cssText:`.breakpoint-list{padding-bottom:3px}.breakpoint-list .editing.being-edited{overflow:hidden;white-space:nowrap}.breakpoint-condition{display:block;margin:4px 8px 4px 23px}.breakpoint-condition-input{display:block;margin-left:0;margin-right:0;border:1px solid var(--sys-color-neutral-outline);border-radius:4px;&:focus{outline:5px auto var(--sys-color-tonal-outline);box-shadow:none}}.breakpoint-entry{white-space:nowrap;padding:2px 0}.breakpoint-list .breakpoint-entry:focus-visible{background-color:var(--sys-color-tonal-container)}.breakpoint-entry dt-checkbox{max-width:100%}.breakpoint-hit{background-color:var(--sys-color-yellow-container);border-right:3px solid var(--sys-color-yellow-outline);color:var(--sys-color-on-yellow-container)}@media (forced-colors: active){.breakpoint-list .breakpoint-entry:hover,\n  .breakpoint-list .breakpoint-entry:focus-visible{forced-color-adjust:none;background-color:Highlight}.breakpoint-list .breakpoint-entry:hover *,\n  .breakpoint-list .breakpoint-entry:focus-visible *{color:HighlightText}}\n/*# sourceURL=${import.meta.resolve("./xhrBreakpointsSidebarPane.css")} */\n`};const S={xhrfetchBreakpoints:"XHR/fetch Breakpoints",noBreakpoints:"No breakpoints",addXhrfetchBreakpoint:"Add XHR/fetch breakpoint",addBreakpoint:"Add breakpoint",breakWhenUrlContains:"Break when URL contains:",urlBreakpoint:"URL Breakpoint",urlContainsS:'URL contains "{PH1}"',anyXhrOrFetch:"Any XHR or fetch",breakpointHit:"breakpoint hit",removeAllBreakpoints:"Remove all breakpoints",removeBreakpoint:"Remove breakpoint"},T=i.i18n.registerUIStrings("panels/browser_debugger/XHRBreakpointsSidebarPane.ts",S),P=i.i18n.getLocalizedString.bind(void 0,T),U=new WeakMap,j=new WeakMap;let H;class V extends s.Widget.VBox{#o;#a;#r;#c;#h;#p;constructor(){super(!0),this.registerRequiredCSS(R),this.#o=new s.ListModel.ListModel,this.#a=new s.ListControl.ListControl(this.#o,this,s.ListControl.ListMode.NonViewport),this.contentElement.setAttribute("jslog",`${t.section("source.xhr-breakpoints")}`),this.contentElement.appendChild(this.#a.element),this.#a.element.classList.add("breakpoint-list","hidden"),s.ARIAUtils.markAsList(this.#a.element),s.ARIAUtils.setLabel(this.#a.element,P(S.xhrfetchBreakpoints)),this.#r=this.contentElement.createChild("div","gray-info-message"),this.#r.textContent=P(S.noBreakpoints),this.#c=new Map,this.#h=new s.Toolbar.ToolbarButton(P(S.addXhrfetchBreakpoint),"plus",void 0,"sources.add-xhr-fetch-breakpoint"),this.#h.setSize("SMALL"),this.#h.addEventListener("Click",(()=>{this.addButtonClicked()})),this.#r.addEventListener("contextmenu",this.emptyElementContextMenu.bind(this),!0),this.#r.tabIndex=-1,this.restoreBreakpoints(),this.update()}static instance(){return H||(H=new V),H}toolbarItems(){return[this.#h]}emptyElementContextMenu(e){const t=new s.ContextMenu.ContextMenu(e);t.defaultSection().appendItem(P(S.addBreakpoint),this.addButtonClicked.bind(this),{jslogContext:"sources.add-xhr-fetch-breakpoint"}),t.show()}async addButtonClicked(){await s.ViewManager.ViewManager.instance().showView("sources.xhr-breakpoints");const i=document.createElement("p");i.classList.add("breakpoint-condition"),i.textContent=P(S.breakWhenUrlContains),i.setAttribute("jslog",`${t.value("condition").track({change:!0})}`);const n=i.createChild("span","breakpoint-condition-input");s.ARIAUtils.setLabel(n,P(S.urlBreakpoint)),this.addListElement(i,this.#a.element.firstChild);const o=new s.InplaceEditor.Config(((t,n)=>{this.removeListElement(i),e.DOMDebuggerModel.DOMDebuggerManager.instance().addXHRBreakpoint(n,!0),this.setBreakpoint(n),this.update()}),(()=>{this.removeListElement(i),this.update()}),void 0);s.InplaceEditor.InplaceEditor.startEditing(n,o)}heightForItem(e){return 0}isItemSelectable(e){return!0}setBreakpoint(e){-1!==this.#o.indexOf(e)?this.#a.refreshItem(e):this.#o.insertWithComparator(e,((e,t)=>e>t?1:e<t?-1:0)),this.#a.selectedItem()&&this.hasFocus()||this.#a.selectItem(this.#o.at(0))}createElementForItem(i){const n=document.createElement("div");s.ARIAUtils.markAsListitem(n);const o=n.createChild("div","breakpoint-entry");U.set(n,o);const r=e.DOMDebuggerModel.DOMDebuggerManager.instance().xhrBreakpoints().get(i)||!1;s.ARIAUtils.markAsCheckbox(o),s.ARIAUtils.setChecked(o,r),o.addEventListener("contextmenu",this.contextMenu.bind(this,i),!0);const a=i?P(S.urlContainsS,{PH1:i}):P(S.anyXhrOrFetch),l=s.UIUtils.CheckboxLabel.create(a,r,void 0,void 0,!0);return s.ARIAUtils.setHidden(l,!0),s.ARIAUtils.setLabel(o,a),o.appendChild(l),l.checkboxElement.addEventListener("click",this.checkboxClicked.bind(this,i,r),!1),o.addEventListener("click",(e=>{e.target===o&&this.checkboxClicked(i,r)}),!1),j.set(o,l.checkboxElement),l.checkboxElement.tabIndex=-1,o.tabIndex=-1,i===this.#a.selectedItem()&&(o.tabIndex=0,this.setDefaultFocusedElement(o)),o.addEventListener("keydown",(e=>{let t=!1;" "===e.key?(this.checkboxClicked(i,r),t=!0):"Enter"===e.key&&(this.labelClicked(i),t=!0),t&&e.consume(!0)})),i===this.#p&&(o.classList.add("breakpoint-hit"),s.ARIAUtils.setDescription(o,P(S.breakpointHit))),l.classList.add("cursor-auto"),l.textElement.addEventListener("dblclick",this.labelClicked.bind(this,i),!1),this.#c.set(i,n),n.setAttribute("jslog",`${t.item().track({click:!0,dblclick:!0,keydown:"ArrowUp|ArrowDown|PageUp|PageDown|Enter|Space"})}`),n}selectedItemChanged(e,t,i,n){if(i){const e=U.get(i);if(!e)throw new Error("Expected breakpoint entry to be found for an element");e.tabIndex=-1}if(n){const e=U.get(n);if(!e)throw new Error("Expected breakpoint entry to be found for an element");this.setDefaultFocusedElement(e),e.tabIndex=0,this.hasFocus()&&e.focus()}}updateSelectedItemARIA(e,t){return!0}removeBreakpoint(e){const t=this.#o.indexOf(e);t>=0&&this.#o.remove(t),this.#c.delete(e),this.update()}addListElement(e,t){this.#a.element.insertBefore(e,t),this.#r.classList.add("hidden"),this.#a.element.classList.remove("hidden")}removeListElement(e){this.#a.element.removeChild(e),this.#a.element.firstElementChild||(this.#r.classList.remove("hidden"),this.#a.element.classList.add("hidden"))}contextMenu(t,i){const n=new s.ContextMenu.ContextMenu(i);const o=P(S.removeAllBreakpoints);n.defaultSection().appendItem(P(S.addBreakpoint),this.addButtonClicked.bind(this),{jslogContext:"sources.add-xhr-fetch-breakpoint"}),n.defaultSection().appendItem(P(S.removeBreakpoint),function(){e.DOMDebuggerModel.DOMDebuggerManager.instance().removeXHRBreakpoint(t),this.removeBreakpoint(t)}.bind(this),{jslogContext:"sources.remove-xhr-fetch-breakpoint"}),n.defaultSection().appendItem(o,function(){for(const t of this.#c.keys())e.DOMDebuggerModel.DOMDebuggerManager.instance().removeXHRBreakpoint(t),this.removeBreakpoint(t);this.update()}.bind(this),{jslogContext:"sources.remove-all-xhr-fetch-breakpoints"}),n.show()}checkboxClicked(t,i){const n=this.hasFocus();e.DOMDebuggerModel.DOMDebuggerManager.instance().toggleXHRBreakpoint(t,!i),this.#a.refreshItem(t),this.#a.selectItem(t),n&&this.focus()}labelClicked(i){const n=this.#c.get(i),o=document.createElement("span");o.classList.add("breakpoint-condition"),o.textContent=i,o.setAttribute("jslog",`${t.value("condition").track({change:!0})}`),n&&(this.#a.element.insertBefore(o,n),n.classList.add("hidden"));const r=new s.InplaceEditor.Config(((t,n,o,s)=>{this.removeListElement(t),e.DOMDebuggerModel.DOMDebuggerManager.instance().removeXHRBreakpoint(i),this.removeBreakpoint(i);let r=!0;if(s){const e=U.get(s),t=e?j.get(e):void 0;t&&(r=t.checked)}e.DOMDebuggerModel.DOMDebuggerManager.instance().addXHRBreakpoint(n,r),this.setBreakpoint(n),this.#a.selectItem(n),this.focus()}),((e,t)=>{this.removeListElement(e),t&&t.classList.remove("hidden"),this.focus()}),n);s.InplaceEditor.InplaceEditor.startEditing(o,r)}flavorChanged(e){this.update()}update(){const t=0===this.#o.length;this.#a.element.classList.toggle("hidden",t),this.#r.classList.toggle("hidden",!t);const i=s.Context.Context.instance().flavor(e.DebuggerModel.DebuggerPausedDetails);if(!i||"XHR"!==i.reason){if(this.#p){const e=this.#p;this.#p=void 0,this.#o.indexOf(e)>=0&&this.#a.refreshItem(e)}return}const n=i.auxData?.breakpointURL;this.#p=n,this.#o.indexOf(n)<0||(this.#a.refreshItem(n),s.ViewManager.ViewManager.instance().showView("sources.xhr-breakpoints"))}restoreBreakpoints(){const t=e.DOMDebuggerModel.DOMDebuggerManager.instance().xhrBreakpoints();for(const e of t.keys())this.setBreakpoint(e)}}var F=Object.freeze({__proto__:null,XHRBreakpointsSidebarPane:V});export{b as CSPViolationBreakpointsSidebarPane,B as DOMBreakpointsSidebarPane,L as EventListenerBreakpointsSidebarPane,O as ObjectEventListenersSidebarPane,F as XHRBreakpointsSidebarPane};

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

@@ -0,0 +1 @@
+import*as e from"../../core/i18n/i18n.js";import*as n from"../../ui/legacy/legacy.js";let a;const t={changes:"Changes",showChanges:"Show Changes",revertAllChangesToCurrentFile:"Revert all changes to current file",copyAllChangesFromCurrentFile:"Copy all changes from current file"},i=e.i18n.registerUIStrings("panels/changes/changes-meta.ts",t),s=e.i18n.getLazilyComputedLocalizedString.bind(void 0,i);async function o(){return a||(a=await import("./changes.js")),a}function r(e){return void 0===a?[]:e(a)}n.ViewManager.registerViewExtension({location:"drawer-view",id:"changes.changes",title:s(t.changes),commandPrompt:s(t.showChanges),persistence:"closeable",loadView:async()=>new((await o()).ChangesView.ChangesView)}),n.ActionRegistration.registerActionExtension({actionId:"changes.revert",category:"CHANGES",title:s(t.revertAllChangesToCurrentFile),iconClass:"undo",loadActionDelegate:async()=>new((await o()).ChangesView.ActionDelegate),contextTypes:()=>r((e=>[e.ChangesView.ChangesView]))}),n.ActionRegistration.registerActionExtension({actionId:"changes.copy",category:"CHANGES",title:s(t.copyAllChangesFromCurrentFile),iconClass:"copy",loadActionDelegate:async()=>new((await o()).ChangesView.ActionDelegate),contextTypes:()=>r((e=>[e.ChangesView.ChangesView]))});

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

@@ -0,0 +1,31 @@
+import*as e from"../../ui/legacy/legacy.js";import*as t from"../../core/common/common.js";import*as i from"../../core/host/host.js";import*as o from"../../core/i18n/i18n.js";import*as s from"../../core/root/root.js";import*as r from"../../models/workspace_diff/workspace_diff.js";import*as n from"../utils/utils.js";import{PanelUtils as a}from"../utils/utils.js";import*as d from"../../third_party/diff/diff.js";import*as c from"../../ui/components/diff_view/diff_view.js";import*as l from"../../ui/visual_logging/visual_logging.js";import*as f from"../../core/platform/platform.js";import*as h from"../../models/workspace/workspace.js";import*as u from"../../ui/components/icon_button/icon_button.js";import*as p from"../snippets/snippets.js";import*as m from"../../models/persistence/persistence.js";import"../../ui/components/buttons/buttons.js";import*as g from"../../ui/lit/lit.js";var v={cssText:`.tree-outline li{min-height:20px}devtools-icon{color:var(--icon-file-default)}.navigator-sm-script-tree-item devtools-icon,\n.navigator-script-tree-item devtools-icon,\n.navigator-snippet-tree-item devtools-icon{color:var(--icon-file-script)}.navigator-sm-stylesheet-tree-item devtools-icon,\n.navigator-stylesheet-tree-item devtools-icon{color:var(--icon-file-styles)}.navigator-image-tree-item devtools-icon{color:var(--icon-file-image)}.navigator-font-tree-item devtools-icon{color:var(--icon-file-font)}.tree-outline li:hover:not(.selected) .selection{display:block;& devtools-icon{color:var(--icon-default-hover)}}@media (forced-colors: active){li,\n  devtools-icon{forced-color-adjust:none;color:ButtonText!important}}\n/*# sourceURL=${import.meta.resolve("./changesSidebar.css")} */\n`};const C={sFromSourceMap:"{PH1} (from source map)"},S=o.i18n.registerUIStrings("panels/changes/ChangesSidebar.ts",C),b=o.i18n.getLocalizedString.bind(void 0,S);class w extends(t.ObjectWrapper.eventMixin(e.Widget.Widget)){treeoutline;treeElements;workspaceDiff;constructor(t){super(),this.treeoutline=new e.TreeOutline.TreeOutlineInShadow("NavigationTree"),this.treeoutline.registerRequiredCSS(v),this.treeoutline.setFocusable(!1),this.treeoutline.hideOverflow(),this.treeoutline.setComparator(((e,t)=>f.StringUtilities.compare(e.titleAsText(),t.titleAsText()))),this.treeoutline.addEventListener(e.TreeOutline.Events.ElementSelected,this.selectionChanged,this),e.ARIAUtils.markAsTablist(this.treeoutline.contentElement),this.element.appendChild(this.treeoutline.element),this.element.setAttribute("jslog",`${l.pane("sidebar").track({resize:!0})}`),this.treeElements=new Map,this.workspaceDiff=t,this.workspaceDiff.modifiedUISourceCodes().forEach(this.addUISourceCode.bind(this)),this.workspaceDiff.addEventListener("ModifiedStatusChanged",this.uiSourceCodeMofiedStatusChanged,this)}selectedUISourceCode(){return this.treeoutline.selectedTreeElement?this.treeoutline.selectedTreeElement.uiSourceCode:null}selectionChanged(){this.dispatchEventToListeners("SelectedUISourceCodeChanged")}uiSourceCodeMofiedStatusChanged(e){e.data.isModified?this.addUISourceCode(e.data.uiSourceCode):this.removeUISourceCode(e.data.uiSourceCode)}removeUISourceCode(e){const t=this.treeElements.get(e);if(this.treeElements.delete(e),this.treeoutline.selectedTreeElement===t){const e=t.previousSibling||t.nextSibling;e?e.select(!0):(t.deselect(),this.selectionChanged())}t&&(this.treeoutline.removeChild(t),t.dispose()),0===this.treeoutline.rootElement().childCount()&&this.treeoutline.setFocusable(!1)}addUISourceCode(e){const t=new y(e);this.treeElements.set(e,t),this.treeoutline.setFocusable(!0),this.treeoutline.appendChild(t),this.treeoutline.selectedTreeElement||t.select(!0)}}class y extends e.TreeOutline.TreeElement{uiSourceCode;eventListeners;constructor(t){super(),this.uiSourceCode=t,this.listItemElement.classList.add("navigator-"+t.contentType().name()+"-tree-item"),e.ARIAUtils.markAsTab(this.listItemElement);let i="document";p.ScriptSnippetFileSystem.isSnippetsUISourceCode(this.uiSourceCode)&&(i="snippet");const o=u.Icon.create(i);this.setLeadingIcons([o]),this.eventListeners=[t.addEventListener(h.UISourceCode.Events.TitleChanged,this.updateTitle,this),t.addEventListener(h.UISourceCode.Events.WorkingCopyChanged,this.updateTitle,this),t.addEventListener(h.UISourceCode.Events.WorkingCopyCommitted,this.updateTitle,this)],this.updateTitle()}updateTitle(){let e=this.uiSourceCode.displayName();this.uiSourceCode.isDirty()&&(e="*"+e),this.title=e;let t=this.uiSourceCode.url();this.uiSourceCode.contentType().isFromSourceMap()&&(t=b(C.sFromSourceMap,{PH1:this.uiSourceCode.displayName()})),this.tooltip=t}dispose(){t.EventTarget.removeEventListeners(this.eventListeners)}}var D=Object.freeze({__proto__:null,ChangesSidebar:w,UISourceCodeTreeElement:y}),k={cssText:`[slot="main"]{flex-direction:column;display:flex}[slot="sidebar"]{overflow:auto}.diff-container{flex:1;overflow:auto;& .widget:first-child{height:100%}.combined-diff-view{padding:var(--sys-size-6)}}:focus.selected{background-color:var(--sys-color-tonal-container);color:var(--sys-color-on-tonal-container)}.changes-toolbar{background-color:var(--sys-color-cdt-base-container);border-top:1px solid var(--sys-color-divider)}\n/*# sourceURL=${import.meta.resolve("./changesView.css")} */\n`},I={cssText:`.combined-diff-view{display:flex;flex-direction:column;gap:var(--sys-size-5);height:100%;background-color:var(--sys-color-surface3);overflow:auto;details{flex-shrink:0;summary{background-color:var(--sys-color-surface1);border-radius:var(--sys-shape-corner-medium-small);height:var(--sys-size-12);padding:var(--sys-size-3);font:var(--sys-typescale-body5-bold);display:flex;justify-content:space-between;gap:var(--sys-size-2);.summary-left{display:flex;align-items:center;flex-grow:0;.file-name-link{padding-left:var(--sys-size-5);width:100%;text-overflow:ellipsis;overflow:hidden;text-wrap-mode:nowrap;border:none;background:none;font:inherit;&:hover{color:var(--sys-color-primary);text-decoration:underline;cursor:pointer}}devtools-icon{transform:rotate(270deg)}devtools-file-source-icon{flex-shrink:0}}.summary-right{flex-shrink:0;.copied{padding-right:var(--sys-size-4);font:var(--sys-typescale-body5-regular)}}&::marker{content:''}}.diff-view-container{overflow-x:auto;background-color:var(--sys-color-cdt-base-container);border-bottom-left-radius:var(--sys-shape-corner-medium-small);border-bottom-right-radius:var(--sys-shape-corner-medium-small)}&[open]{summary{border-radius:0;border-top-left-radius:var(--sys-shape-corner-medium-small);border-top-right-radius:var(--sys-shape-corner-medium-small);devtools-icon{transform:rotate(0deg)}}}}}\n/*# sourceURL=${import.meta.resolve("./combinedDiffView.css")} */\n`};const{html:T}=g,U={copied:"Copied to clipboard"},E=o.i18n.registerUIStrings("panels/changes/CombinedDiffView.ts",U),x=o.i18n.getLocalizedString.bind(void 0,E);class L extends e.Widget.Widget{#e;#t=[];#i={};#o;constructor(e,t=(e,t,i)=>{g.render(T`
+      <div class="combined-diff-view">
+        ${e.singleDiffViewInputs.map((e=>function(e){const{fileName:t,fileUrl:i,mimeType:o,icon:s,diff:r,copied:n,onCopy:a,onFileNameClick:d}=e;return T`
+    <details open>
+      <summary>
+        <div class="summary-left">
+          <devtools-icon class="drop-down-icon" .name=${"arrow-drop-down"}></devtools-icon>
+          ${s}
+          <button class="file-name-link" @click=${()=>d(i)}>${t}</button>
+        </div>
+        <div class="summary-right">
+          ${n?T`<span class="copied">${x(U.copied)}</span>`:T`
+            <devtools-button
+              title=${"Copy"}
+              .size=${"SMALL"}
+              .iconName=${"copy"}
+              .jslogContext=${"combined-diff-view.copy"}
+              .variant=${"icon"}
+              @click=${()=>a(i)}></devtools-button>
+          `}
+        </div>
+      </summary>
+      <div class='diff-view-container'>
+        <devtools-diff-view
+          .data=${{diff:r,mimeType:o}}>
+        </devtools-diff-view>
+      </div>
+    </details>
+  `}(e)))}
+      </div>
+    `,i,{host:i})}){super(!1,!1,e),this.registerRequiredCSS(I),this.#o=t}wasShown(){super.wasShown(),this.#e?.addEventListener("ModifiedStatusChanged",this.#s,this),this.#r()}willHide(){this.#e?.removeEventListener("ModifiedStatusChanged",this.#s,this)}set workspaceDiff(e){this.#e=e,this.#r()}async#n(e){const t=this.#t.find((t=>t.url()===e));if(!t)return;const o=t.workingCopyContentData();o.isTextContent&&(i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(o.text),this.#i[e]=!0,this.requestUpdate(),setTimeout((()=>{delete this.#i[e],this.requestUpdate()}),1e3))}#a(e){const i=this.#t.find((t=>t.url()===e));t.Revealer.reveal(i)}async#r(){if(!this.#e)return;const e=this.#t,t=this.#e.modifiedUISourceCodes();e.filter((e=>!t.includes(e))).forEach((e=>this.#e?.unsubscribeFromDiffChange(e,this.requestUpdate,this)));t.filter((t=>!e.includes(t))).forEach((e=>this.#e?.subscribeToDiffChange(e,this.requestUpdate,this))),this.#t=t,this.isShowing()&&this.requestUpdate()}async#s(){this.#e&&await this.#r()}async performUpdate(){const e=(await Promise.all(this.#t.map((async e=>{const t=await(this.#e?.requestDiff(e));if(t&&0!==t.diff.length)return{diff:t.diff,uiSourceCode:e}})))).filter((e=>!!e)).map((({uiSourceCode:e,diff:t})=>{let i=e.fullDisplayName();const o=m.Persistence.PersistenceImpl.instance().fileSystem(e);return o&&(i=[o.project().displayName(),...m.FileSystemWorkspaceBinding.FileSystemWorkspaceBinding.relativePath(o)].join("/")),{diff:t,fileName:`${e.isDirty()?"*":""}${i}`,fileUrl:e.url(),mimeType:e.mimeType(),icon:n.PanelUtils.getIconForSourceFile(e,{width:18,height:18}),copied:this.#i[e.url()],onCopy:this.#n.bind(this),onFileNameClick:this.#a.bind(this)}})).sort(((e,t)=>f.StringUtilities.compare(e.fileName,t.fileName)));this.#o({singleDiffViewInputs:e},void 0,this.contentElement)}}var F=Object.freeze({__proto__:null,CombinedDiffView:L});const M="https://developer.chrome.com/docs/devtools/changes",j={noChanges:"No changes yet",changesViewDescription:"On this page you can track code changes made within DevTools.",noTextualDiff:"No textual diff available",binaryDataDescription:"The changes tab doesn't show binary data changes",sInsertions:"{n, plural, =1 {# insertion (+)} other {# insertions (+)}}",sDeletions:"{n, plural, =1 {# deletion (-)} other {# deletions (-)}}",copy:"Copy"},W=o.i18n.registerUIStrings("panels/changes/ChangesView.ts",j),A=o.i18n.getLocalizedString.bind(void 0,W),V=o.i18n.getLazilyComputedLocalizedString.bind(void 0,W);class $ extends e.Widget.VBox{emptyWidget;workspaceDiff;changesSidebar;selectedUISourceCode;#d;#c;diffContainer;toolbar;diffStats;diffView;combinedDiffView;constructor(){super(!0),this.registerRequiredCSS(k),this.element.setAttribute("jslog",`${l.panel("changes").track({resize:!0})}`);const t=new e.SplitWidget.SplitWidget(!0,!1),i=new e.Widget.VBox;t.setMainWidget(i),t.show(this.contentElement),this.emptyWidget=new e.EmptyWidget.EmptyWidget("",""),this.emptyWidget.show(i.element),this.workspaceDiff=r.WorkspaceDiff.workspaceDiff(),this.changesSidebar=new w(this.workspaceDiff),this.changesSidebar.addEventListener("SelectedUISourceCodeChanged",this.selectedUISourceCodeChanged,this),t.setSidebarWidget(this.changesSidebar),this.selectedUISourceCode=null,this.diffContainer=i.element.createChild("div","diff-container"),e.ARIAUtils.markAsTabpanel(this.diffContainer),z()?(this.combinedDiffView=new L,this.combinedDiffView.workspaceDiff=this.workspaceDiff,this.combinedDiffView.show(this.diffContainer)):(this.diffView=this.diffContainer.appendChild(new c.DiffView.DiffView),this.diffContainer.addEventListener("click",(e=>this.click(e)))),this.toolbar=i.element.createChild("devtools-toolbar","changes-toolbar"),this.toolbar.setAttribute("jslog",`${l.toolbar()}`),this.toolbar.appendToolbarItem(e.Toolbar.Toolbar.createActionButton("changes.revert")),z()||(this.diffStats=new e.Toolbar.ToolbarText(""),this.toolbar.appendToolbarItem(this.diffStats),this.toolbar.appendToolbarItem(new e.Toolbar.ToolbarSeparator),this.toolbar.appendToolbarItem(e.Toolbar.Toolbar.createActionButton("changes.copy",{label:V(j.copy)}))),this.hideDiff(A(j.noChanges),A(j.changesViewDescription),M),this.selectedUISourceCodeChanged()}selectedUISourceCodeChanged(){this.revealUISourceCode(this.changesSidebar.selectedUISourceCode()),e.ActionRegistry.ActionRegistry.instance().getAction("changes.copy").setEnabled(this.selectedUISourceCode?.contentType()===t.ResourceType.resourceTypes.Stylesheet)}revert(){const e=this.selectedUISourceCode;e&&this.workspaceDiff.revertToOriginal(e)}async copy(){const e=this.selectedUISourceCode;if(!e)return;const t=await this.workspaceDiff.requestDiff(e);if(!t||t?.diff.length<2)return;const o=await a.formatCSSChangesFromDiff(t.diff);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(o)}click(e){if(this.selectedUISourceCode)for(const i of e.composedPath()){if(!(i instanceof HTMLElement))continue;const o=i.ownerDocument.getSelection();if(o?.toString())break;if(i.classList.contains("diff-line-content")&&i.hasAttribute("data-line-number")){let o=Number(i.dataset.lineNumber)-1;this.#d&&(o=this.#d.formattedToOriginal(o,0)[0]),t.Revealer.reveal(this.selectedUISourceCode.uiLocation(o,0),!1),e.consume(!0);break}if(i.classList.contains("diff-listing"))break}}revealUISourceCode(e){this.selectedUISourceCode!==e&&(this.selectedUISourceCode&&this.workspaceDiff.unsubscribeFromDiffChange(this.selectedUISourceCode,this.refreshDiff,this),e&&this.isShowing()&&this.workspaceDiff.subscribeToDiffChange(e,this.refreshDiff,this),this.selectedUISourceCode=e,this.refreshDiff())}wasShown(){e.Context.Context.instance().setFlavor($,this),super.wasShown(),this.refreshDiff()}willHide(){super.willHide(),e.Context.Context.instance().setFlavor($,null)}async refreshDiff(){if(!this.isShowing())return;if(!this.selectedUISourceCode)return void this.renderDiffRows();const e=this.selectedUISourceCode;if(!e.contentType().isTextType())return void this.hideDiff(A(j.noTextualDiff),A(j.binaryDataDescription));const t=await this.workspaceDiff.requestDiff(e);this.selectedUISourceCode===e&&(this.#d=t?.formattedCurrentMapping,this.renderDiffRows(t?.diff))}hideDiff(e,t,i){this.diffStats?.setText(""),this.toolbar.setEnabled(!1),this.diffContainer.style.display="none",this.emptyWidget.header=e,this.emptyWidget.text=t,i&&!this.#c?this.#c=this.emptyWidget.appendLink(i):i&&this.#c?(this.#c.setAttribute("href",i),this.#c.setAttribute("title",i)):!i&&this.#c&&(this.#c.remove(),this.#c=void 0),this.emptyWidget.showWidget()}renderDiffRows(e){if(!e||1===e.length&&e[0][0]===d.Diff.Operation.Equal)this.hideDiff(A(j.noChanges),A(j.changesViewDescription),M);else{this.diffStats?.setText(function(e){const t=e.reduce(((e,t)=>e+(t[0]===d.Diff.Operation.Insert?t[1].length:0)),0),i=e.reduce(((e,t)=>e+(t[0]===d.Diff.Operation.Delete?t[1].length:0)),0),o=A(j.sDeletions,{n:i});return`${A(j.sInsertions,{n:t})}, ${o}`}(e)),this.toolbar.setEnabled(!0),this.emptyWidget.hideWidget();const t=this.selectedUISourceCode.mimeType();this.diffContainer.style.display="block",this.diffView&&(this.diffView.data={diff:e,mimeType:t})}}}function z(){return Boolean(s.Runtime.hostConfig.devToolsFreestyler?.patching)}var _=Object.freeze({__proto__:null,ActionDelegate:class{handleAction(e,t){const i=e.flavor($);if(null===i)return!1;switch(t){case"changes.revert":return i.revert(),!0;case"changes.copy":return i.copy(),!0}return!1}},ChangesView:$});export{D as ChangesSidebar,_ as ChangesView,F as CombinedDiffView};

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

@@ -0,0 +1,45 @@
+import*as e from"../../core/host/host.js";import*as t from"../../core/i18n/i18n.js";import"../../ui/components/buttons/buttons.js";import*as s from"../../ui/legacy/legacy.js";import*as i from"../../ui/lit/lit.js";var o={cssText:`.fre-disclaimer{width:var(--sys-size-33);padding:var(--sys-size-9);header{display:flex;gap:var(--sys-size-8);margin-bottom:var(--sys-size-6);align-items:center;h2{margin:0;color:var(--sys-color-on-surface);font:var(--sys-typescale-headline5)}.header-icon-container{background:linear-gradient(135deg,var(--sys-color-gradient-primary),var(--sys-color-gradient-tertiary));border-radius:var(--sys-size-4);min-height:var(--sys-size-14);min-width:var(--sys-size-14);display:flex;align-items:center;justify-content:center;devtools-icon{width:var(--sys-size-9);height:var(--sys-size-9)}}}.reminder-container{border-radius:var(--sys-size-6);background-color:var(--sys-color-surface4);padding:var(--sys-size-9);h3{color:var(--sys-color-on-surface);font:var(--sys-typescale-body4-medium);margin:0}.reminder-item{display:flex;flex-direction:row;align-items:center;gap:var(--sys-size-5);margin-top:var(--sys-size-6);font:var(--sys-typescale-body5-regular);devtools-icon.reminder-icon{width:var(--sys-size-8);height:var(--sys-size-8)}.link{color:var(--sys-color-primary);text-decoration-line:underline}}}footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:var(--sys-size-8);min-width:var(--sys-size-28);.right-buttons{display:flex;gap:var(--sys-size-5)}}}.type-to-allow-dialog{width:100%;.header{display:flex;justify-content:space-between;font:var(--sys-typescale-body2-medium);margin:var(--sys-size-5) var(--sys-size-5) var(--sys-size-5) var(--sys-size-8)}.title{padding-top:var(--sys-size-3)}.dialog-close-button{margin:var(--sys-size-3);z-index:1}.message,\n  .text-input{margin:0 var(--sys-size-8)}.text-input{margin-top:var(--sys-size-5)}.button{text-align:right;margin:var(--sys-size-6) var(--sys-size-8) var(--sys-size-8) var(--sys-size-8);gap:var(--sys-size-5);display:flex;flex-direction:row-reverse;justify-content:flex-start}.button button{min-width:var(--sys-size-19)}}\n/*# sourceURL=${import.meta.resolve("./common.css")} */\n`};const{html:a}=i,r={thingsToConsider:"Things to consider",learnMore:"Learn more",cancel:"Cancel",allow:"Allow",gotIt:"Got it"},n=t.i18n.registerUIStrings("panels/common/common.ts",r),l=t.i18n.getLocalizedString.bind(void 0,n);class c{static show({header:e,reminderItems:t,onLearnMoreClick:n,ariaLabel:c,learnMoreButtonTitle:d}){const v=new s.Dialog.Dialog;c&&v.setAriaLabel(c);const m=Promise.withResolvers();return i.render(a`
+      <div class="fre-disclaimer">
+        <style>
+          ${o.cssText}
+        </style>
+        <header>
+          <div class="header-icon-container">
+            <devtools-icon name=${e.iconName}></devtools-icon>
+          </div>
+          <h2 tabindex="-1">
+            ${e.text}
+          </h2>
+        </header>
+        <main class="reminder-container">
+          <h3>${l(r.thingsToConsider)}</h3>
+          ${t.map((e=>a`
+            <div class="reminder-item">
+              <devtools-icon class="reminder-icon" name=${e.iconName}></devtools-icon>
+              <span>${e.content}</span>
+            </div>
+          `))}
+        </main>
+        <footer>
+          <devtools-button
+            @click=${n}
+            .jslogContext=${"fre-disclaimer.learn-more"}
+            .variant=${"outlined"}>
+            ${d??l(r.learnMore)}
+          </devtools-button>
+          <div class="right-buttons">
+            <devtools-button
+              @click=${()=>{v.hide(),m.resolve(!1)}}
+              .jslogContext=${"fre-disclaimer.cancel"}
+              .variant=${"tonal"}>
+              ${l(r.cancel)}
+            </devtools-button>
+            <devtools-button
+              @click=${()=>{v.hide(),m.resolve(!0)}}
+              .jslogContext=${"fre-disclaimer.continue"}
+              .variant=${"primary"}>
+              ${l(r.gotIt)}
+            </devtools-button>
+          </div>
+        </footer>
+      </div>`,v.contentElement),v.setOutsideClickCallback((e=>{e.consume(),v.hide(),m.resolve(!1)})),v.setSizeBehavior("MeasureContent"),v.setDimmed(!0),v.show(),m.promise}constructor(){}}class d{static async show(t){const i=new s.Dialog.Dialog(t.jslogContext.dialog);i.setMaxContentSize(new s.Geometry.Size(504,340)),i.setSizeBehavior("SetExactWidthMaxHeight"),i.setDimmed(!0);const a=s.UIUtils.createShadowRootWithCoreStyles(i.contentElement,{cssFile:o}).createChild("div","type-to-allow-dialog"),n=await new Promise((o=>{const n=a.createChild("div","header");n.createChild("div","title").textContent=t.header;const c=n.createChild("dt-close-button","dialog-close-button");c.setTabbable(!0),self.onInvokeElement(c,(e=>{i.hide(),e.consume(!0),o(!1)})),c.setSize("SMALL"),a.createChild("div","message").textContent=t.message;const d=s.UIUtils.createInput("text-input","text",t.jslogContext.input);d.placeholder=t.inputPlaceholder,a.appendChild(d);const v=a.createChild("div","button"),m=s.UIUtils.createTextButton(l(r.cancel),(()=>o(!1)),{jslogContext:"cancel"}),y=s.UIUtils.createTextButton(l(r.allow),(()=>{o(d.value===t.typePhrase)}),{jslogContext:"confirm",variant:"primary"});y.disabled=!0,v.appendChild(y),v.appendChild(m),d.addEventListener("input",(()=>{y.disabled=!Boolean(d.value)}),!1),d.addEventListener("paste",(e=>e.preventDefault())),d.addEventListener("drop",(e=>e.preventDefault())),i.setOutsideClickCallback((e=>{e.consume(),o(!1)})),i.show(),e.userMetrics.actionTaken(e.UserMetrics.Action.SelfXssWarningDialogShown)}));return i.hide(),n}}export{c as FreDialog,d as TypeToAllowDialog};

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

@@ -0,0 +1 @@
+import*as e from"../../core/common/common.js";import*as t from"../../core/i18n/i18n.js";import*as o from"../../ui/legacy/legacy.js";const s={console:"Console",showConsole:"Show Console",toggleConsole:"Toggle Console",clearConsole:"Clear console",clearConsoleHistory:"Clear console history",hideNetworkMessages:"Hide network messages",showNetworkMessages:"Show network messages",selectedContextOnly:"Selected context only",onlyShowMessagesFromTheCurrent:"Only show messages from the current context (`top`, `iframe`, `worker`, extension)",showMessagesFromAllContexts:"Show messages from all contexts",logXmlhttprequests:"Log XMLHttpRequests",timestamps:"Timestamps",showTimestamps:"Show timestamps",hideTimestamps:"Hide timestamps",autocompleteFromHistory:"Autocomplete from history",doNotAutocompleteFromHistory:"Do not autocomplete from history",autocompleteOnEnter:"Accept autocomplete suggestion on Enter",doNotAutocompleteOnEnter:"Do not accept autocomplete suggestion on Enter",groupSimilarMessagesInConsole:"Group similar messages in console",doNotGroupSimilarMessagesIn:"Do not group similar messages in console",showCorsErrorsInConsole:"Show `CORS` errors in console",doNotShowCorsErrorsIn:"Do not show `CORS` errors in console",evaluateTriggersUserActivation:"Treat code evaluation as user action",treatEvaluationAsUserActivation:"Treat evaluation as user activation",doNotTreatEvaluationAsUser:"Do not treat evaluation as user activation",expandConsoleTraceMessagesByDefault:"Automatically expand `console.trace()` messages",collapseConsoleTraceMessagesByDefault:"Do not automatically expand `console.trace()` messages"},n=t.i18n.registerUIStrings("panels/console/console-meta.ts",s),a=t.i18n.getLazilyComputedLocalizedString.bind(void 0,n);let i;async function l(){return i||(i=await import("./console.js")),i}o.ViewManager.registerViewExtension({location:"panel",id:"console",title:a(s.console),commandPrompt:a(s.showConsole),order:20,loadView:async()=>(await l()).ConsolePanel.ConsolePanel.instance()}),o.ViewManager.registerViewExtension({location:"drawer-view",id:"console-view",title:a(s.console),commandPrompt:a(s.showConsole),persistence:"permanent",order:0,loadView:async()=>(await l()).ConsolePanel.WrapperView.instance()}),o.ActionRegistration.registerActionExtension({actionId:"console.toggle",category:"CONSOLE",title:a(s.toggleConsole),loadActionDelegate:async()=>new((await l()).ConsoleView.ActionDelegate),bindings:[{shortcut:"Ctrl+`",keybindSets:["devToolsDefault","vsCode"]}]}),o.ActionRegistration.registerActionExtension({actionId:"console.clear",category:"CONSOLE",title:a(s.clearConsole),iconClass:"clear",loadActionDelegate:async()=>new((await l()).ConsoleView.ActionDelegate),contextTypes(){return e=e=>[e.ConsoleView.ConsoleView],void 0===i?[]:e(i);var e},bindings:[{shortcut:"Ctrl+L"},{shortcut:"Meta+K",platform:"mac"}]}),o.ActionRegistration.registerActionExtension({actionId:"console.clear.history",category:"CONSOLE",title:a(s.clearConsoleHistory),loadActionDelegate:async()=>new((await l()).ConsoleView.ActionDelegate)}),e.Settings.registerSettingExtension({category:"CONSOLE",storageType:"Synced",title:a(s.hideNetworkMessages),settingName:"hide-network-messages",settingType:"boolean",defaultValue:!1,options:[{value:!0,title:a(s.hideNetworkMessages)},{value:!1,title:a(s.showNetworkMessages)}]}),e.Settings.registerSettingExtension({category:"CONSOLE",storageType:"Synced",title:a(s.selectedContextOnly),settingName:"selected-context-filter-enabled",settingType:"boolean",defaultValue:!1,options:[{value:!0,title:a(s.onlyShowMessagesFromTheCurrent)},{value:!1,title:a(s.showMessagesFromAllContexts)}]}),e.Settings.registerSettingExtension({category:"CONSOLE",storageType:"Synced",title:a(s.logXmlhttprequests),settingName:"monitoring-xhr-enabled",settingType:"boolean",defaultValue:!1}),e.Settings.registerSettingExtension({category:"CONSOLE",storageType:"Synced",title:a(s.timestamps),settingName:"console-timestamps-enabled",settingType:"boolean",defaultValue:!1,options:[{value:!0,title:a(s.showTimestamps)},{value:!1,title:a(s.hideTimestamps)}]}),e.Settings.registerSettingExtension({category:"CONSOLE",title:a(s.autocompleteFromHistory),settingName:"console-history-autocomplete",settingType:"boolean",defaultValue:!0,options:[{value:!0,title:a(s.autocompleteFromHistory)},{value:!1,title:a(s.doNotAutocompleteFromHistory)}]}),e.Settings.registerSettingExtension({category:"CONSOLE",storageType:"Synced",title:a(s.autocompleteOnEnter),settingName:"console-autocomplete-on-enter",settingType:"boolean",defaultValue:!1,options:[{value:!0,title:a(s.autocompleteOnEnter)},{value:!1,title:a(s.doNotAutocompleteOnEnter)}]}),e.Settings.registerSettingExtension({category:"CONSOLE",storageType:"Synced",title:a(s.groupSimilarMessagesInConsole),settingName:"console-group-similar",settingType:"boolean",defaultValue:!0,options:[{value:!0,title:a(s.groupSimilarMessagesInConsole)},{value:!1,title:a(s.doNotGroupSimilarMessagesIn)}]}),e.Settings.registerSettingExtension({category:"CONSOLE",title:a(s.showCorsErrorsInConsole),settingName:"console-shows-cors-errors",settingType:"boolean",defaultValue:!0,options:[{value:!0,title:a(s.showCorsErrorsInConsole)},{value:!1,title:a(s.doNotShowCorsErrorsIn)}]}),e.Settings.registerSettingExtension({category:"CONSOLE",storageType:"Synced",title:a(s.evaluateTriggersUserActivation),settingName:"console-user-activation-eval",settingType:"boolean",defaultValue:!0,options:[{value:!0,title:a(s.treatEvaluationAsUserActivation)},{value:!1,title:a(s.doNotTreatEvaluationAsUser)}]}),e.Settings.registerSettingExtension({category:"CONSOLE",storageType:"Synced",title:a(s.expandConsoleTraceMessagesByDefault),settingName:"console-trace-expand",settingType:"boolean",defaultValue:!0,options:[{value:!0,title:a(s.expandConsoleTraceMessagesByDefault)},{value:!1,title:a(s.collapseConsoleTraceMessagesByDefault)}]}),e.Revealer.registerRevealer({contextTypes:()=>[e.Console.Console],destination:void 0,loadRevealer:async()=>new((await l()).ConsolePanel.ConsoleRevealer)});