simdeck 0.1.4 → 0.1.5

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

@@ -0,0 +1 @@
+import*as e from"../../core/common/common.js";import*as t from"../../models/issues_manager/issues_manager.js";import*as s from"../../ui/legacy/legacy.js";import*as i from"../../core/i18n/i18n.js";import*as n from"../../ui/components/issue_counter/issue_counter.js";import*as r from"../../ui/visual_logging/visual_logging.js";import*as a from"../../ui/components/adorners/adorners.js";import*as o from"../../ui/components/icon_button/icon_button.js";import*as d from"./components/components.js";import*as l from"../../core/host/host.js";import*as c from"../network/forward/forward.js";import*as u from"../../ui/components/markdown_view/markdown_view.js";import*as p from"../../core/sdk/sdk.js";import*as h from"../../models/logs/logs.js";import*as g from"../../ui/components/request_link_icon/request_link_icon.js";import*as f from"../../ui/legacy/components/utils/utils.js";import*as m from"../../core/platform/platform.js";class C extends t.Issue.Issue{#e=new Map;#t=new Map;#s=[];#i=new Set;#n=new Map;#r=new Set;#a=new Map;#o=new Set;#d=new Set;#l=new Set;#c=new Set;#u="Improvement";#p=new Set;#h=new Set;#g=new Set;#f=new Set;#m=new Set;#C=new Set;#I=new Set;#b=new Set;#w=new Set;#R;#v=0;#k;constructor(e,t){super(e),this.#k=t}primaryKey(){throw new Error("This should never be called")}aggregationKey(){return this.#k}getBlockedByResponseDetails(){return this.#a.values()}cookies(){return Array.from(this.#e.values()).map((e=>e.cookie))}getRawCookieLines(){return this.#t.values()}sources(){return this.#n.values()}getBounceTrackingSites(){return this.#o.values()}cookiesWithRequestIndicator(){return this.#e.values()}getHeavyAdIssues(){return this.#r}getCookieDeprecationMetadataIssues(){return this.#h}getMixedContentIssues(){return this.#g}getCorsIssues(){return this.#d}getCspIssues(){return this.#l}getDeprecationIssues(){return this.#c}getLowContrastIssues(){return this.#p}requests(){return this.#s.values()}getSharedArrayBufferIssues(){return this.#m}getQuirksModeIssues(){return this.#C}getAttributionReportingIssues(){return this.#I}getGenericIssues(){return this.#b}getSelectElementAccessibilityIssues(){return this.#w}getDescription(){return this.#R?this.#R.getDescription():null}getCategory(){return this.#R?this.#R.getCategory():"Other"}getAggregatedIssuesCount(){return this.#v}getPartitioningBlobURLIssues(){return this.#f}#y(e){const{domain:t,path:s,name:i}=e;return`${t};${s};${i}`}addInstance(e){this.#v++,this.#R||(this.#R=e),this.#u=t.Issue.unionIssueKind(this.#u,e.getKind());let s=!1;for(const t of e.requests()){const{requestId:e}=t;s=!0,void 0===e?this.#s.push(t):this.#i.has(e)||(this.#s.push(t),this.#i.add(e))}for(const t of e.cookies()){const e=this.#y(t);this.#e.has(e)||this.#e.set(e,{cookie:t,hasRequest:s})}for(const t of e.rawCookieLines())this.#t.has(t)||this.#t.set(t,{rawCookieLine:t,hasRequest:s});for(const t of e.trackingSites())this.#o.has(t)||this.#o.add(t);for(const t of e.sources()){const e=JSON.stringify(t);this.#n.has(e)||this.#n.set(e,t)}e instanceof t.CookieDeprecationMetadataIssue.CookieDeprecationMetadataIssue&&this.#h.add(e),e instanceof t.MixedContentIssue.MixedContentIssue&&this.#g.add(e),e instanceof t.HeavyAdIssue.HeavyAdIssue&&this.#r.add(e);for(const t of e.getBlockedByResponseDetails()){const e=JSON.stringify(t,["parentFrame","blockedFrame","requestId","frameId","reason","request"]);this.#a.set(e,t)}e instanceof t.ContentSecurityPolicyIssue.ContentSecurityPolicyIssue&&this.#l.add(e),e instanceof t.DeprecationIssue.DeprecationIssue&&this.#c.add(e),e instanceof t.SharedArrayBufferIssue.SharedArrayBufferIssue&&this.#m.add(e),e instanceof t.LowTextContrastIssue.LowTextContrastIssue&&this.#p.add(e),e instanceof t.CorsIssue.CorsIssue&&this.#d.add(e),e instanceof t.QuirksModeIssue.QuirksModeIssue&&this.#C.add(e),e instanceof t.AttributionReportingIssue.AttributionReportingIssue&&this.#I.add(e),e instanceof t.GenericIssue.GenericIssue&&this.#b.add(e),e instanceof t.SelectElementAccessibilityIssue.SelectElementAccessibilityIssue&&this.#w.add(e),e instanceof t.PartitioningBlobURLIssue.PartitioningBlobURLIssue&&this.#f.add(e)}getKind(){return this.#u}isHidden(){return this.#R?.isHidden()||!1}setHidden(e){throw new Error("Should not call setHidden on aggregatedIssue")}}class I extends e.ObjectWrapper.ObjectWrapper{issuesManager;#A=new Map;#S=new Map;constructor(e){super(),this.issuesManager=e,this.issuesManager.addEventListener("IssueAdded",this.#x,this),this.issuesManager.addEventListener("FullUpdateRequired",this.#T,this);for(const e of this.issuesManager.issues())this.#E(e)}#x(e){this.#E(e.data.issue)}#T(){this.#A.clear(),this.#S.clear();for(const e of this.issuesManager.issues())this.#E(e);this.dispatchEventToListeners("FullUpdateRequired")}#E(e){if(["WarnThirdPartyCookieHeuristic","WarnDeprecationTrialMetadata"].some((t=>e.code().includes(t))))return;const t=e.isHidden()?this.#S:this.#A,s=this.#L(t,e);return this.dispatchEventToListeners("AggregatedIssueUpdated",s),s}#L(e,t){const s=t.code();let i=e.get(s);return i||(i=new C(t.code(),s),e.set(s,i)),i.addInstance(t),i}aggregatedIssues(){return[...this.#A.values(),...this.#S.values()]}hiddenAggregatedIssues(){return this.#S.values()}aggregatedIssueCodes(){return new Set([...this.#A.keys(),...this.#S.keys()])}aggregatedIssueCategories(){const e=new Set;for(const t of this.#A.values())e.add(t.getCategory());return e}aggregatedIssueKinds(){const e=new Set;for(const t of this.#A.values())e.add(t.getKind());return e}numberOfAggregatedIssues(){return this.#A.size}numberOfHiddenAggregatedIssues(){return this.#S.size}keyForIssue(e){return e.code()}}var b=Object.freeze({__proto__:null,AggregatedIssue:C,IssueAggregator:I});const w={hiddenIssues:"Hidden issues",unhideAll:"Unhide all"},R=i.i18n.registerUIStrings("panels/issues/HiddenIssuesRow.ts",w),v=i.i18n.getLocalizedString.bind(void 0,R);class k extends s.TreeOutline.TreeElement{#P;constructor(){super(void 0,!0),this.#P=document.createElement("span"),this.toggleOnClick=!0,this.listItemElement.classList.add("issue-category","hidden-issues"),this.childrenListElement.classList.add("hidden-issues-body"),this.#D()}#D(){const e=s.UIUtils.createTextButton(v(w.unhideAll),(()=>t.IssuesManager.IssuesManager.instance().unhideAllIssues()),{className:"unhide-all-issues-button",jslogContext:"issues.unhide-all-hiddes"}),i=new a.Adorner.Adorner;i.data={name:"countWrapper",content:this.#P},i.classList.add("aggregated-issues-count"),this.#P.textContent="0";const n=document.createElement("div"),r=document.createElement("div");n.classList.add("header"),r.classList.add("title"),r.textContent=v(w.hiddenIssues),n.appendChild(i),n.appendChild(r),n.appendChild(e),this.listItemElement.appendChild(n)}update(e){this.#P.textContent=`${e}`}}const y={hideAllCurrentPageErrors:"Hide all current Page Errors",hideAllCurrentBreakingChanges:"Hide all current Breaking Changes",hideAllCurrentImprovements:"Hide all current Improvements"},A=i.i18n.registerUIStrings("panels/issues/IssueKindView.ts",y),S=i.i18n.getLocalizedString.bind(void 0,A);function x(){return e.Settings.Settings.instance().createSetting("group-issues-by-kind",!1)}class T extends s.TreeOutline.TreeElement{#M;#q;constructor(e){super(void 0,!0),this.#M=e,this.#q=document.createElement("span"),this.toggleOnClick=!0,this.listItemElement.classList.add("issue-kind"),this.listItemElement.classList.add(function(e){switch(e){case"BreakingChange":return"breaking-changes";case"Improvement":return"improvements";case"PageError":return"page-errors"}}(e)),this.childrenListElement.classList.add("issue-kind-body")}getKind(){return this.#M}getHideAllCurrentKindString(){switch(this.#M){case"PageError":return S(y.hideAllCurrentPageErrors);case"Improvement":return S(y.hideAllCurrentImprovements);case"BreakingChange":return S(y.hideAllCurrentBreakingChanges)}}#D(){const e=document.createElement("div");e.classList.add("header");const s=new o.Icon.Icon;s.data=n.IssueCounter.getIssueKindIconData(this.#M),s.classList.add("leading-issue-icon");const i=new a.Adorner.Adorner;i.data={name:"countWrapper",content:this.#q},i.classList.add("aggregated-issues-count"),this.#q.textContent="0";const r=document.createElement("div");r.classList.add("title"),r.textContent=t.Issue.getIssueKindName(this.#M);const l=new d.HideIssuesMenu.HideIssuesMenu;l.classList.add("hide-available-issues"),l.data={menuItemLabel:this.getHideAllCurrentKindString(),menuItemAction:()=>{const e=t.IssuesManager.getHideIssueByCodeSetting(),s=e.get();for(const e of t.IssuesManager.IssuesManager.instance().issues())e.getKind()===this.#M&&(s[e.code()]="Hidden");e.set(s)}},e.appendChild(s),e.appendChild(i),e.appendChild(r),e.appendChild(l),this.listItemElement.appendChild(e)}onattach(){this.#D(),this.expand()}update(e){this.#q.textContent=`${e}`}}var E={cssText:`.issues-pane{overflow:hidden}.issues-toolbar-container{display:flex;flex:none}.issues-toolbar-container > devtools-toolbar{background-color:var(--sys-color-cdt-base-container);border-bottom:1px solid var(--sys-color-divider)}.issues-toolbar-left{flex:1 1 auto}.issues-toolbar-right{padding-right:6px}\n/*# sourceURL=${import.meta.resolve("./issuesPane.css")} */\n`},L={cssText:`:host,\n.issues{padding:0;overflow:auto}.issues{--issue-indent:8px}.tree-outline.issues > li{min-height:var(--sys-size-13)}.issues li{white-space:normal;align-items:flex-start}.issues .always-parent::before{display:none}.issues li.parent::before{margin-top:7px}.issues .affected-resources li.parent::before{margin-top:0}.issue-category,\n.issue-kind,\n.issue{padding:0 8px;padding-left:var(--issue-indent);overflow:hidden;flex:none;transition:background-color 200ms;border:1px solid var(--sys-color-divider);border-width:0 0 1px}.issue-category.hidden-issues.parent.expanded,\n.issue-kind.parent.expanded{border-width:0 0 1px;background-color:var(--sys-color-surface2)}.issue-category + .children .issue,\n.issue.expanded{background:var(--sys-color-cdt-base-container)}.issue.expanded{border-width:0}.issue.selected,\n.issue.expanded.selected{background-color:var(--sys-color-surface2);&:focus{background-color:var(--sys-color-tonal-container)}}.tree-outline li:not(.selected):hover .selection{background-color:unset}.tree-outline li.issue:not(.expanded, .selected):hover .selection{background-color:var(--sys-color-state-hover-on-subtle)}.tree-outline li.issue.expanded:not(.selected):hover{background-color:var(--sys-color-state-hover-on-subtle)}.unhide-all-issues-button{margin:0}p{margin-block:2px}.tree-outline-disclosure:not(.tree-outline-disclosure-hide-overflow) .tree-outline.hide-selection-when-blurred .issue-category.selected:focus-visible,\n.tree-outline-disclosure:not(.tree-outline-disclosure-hide-overflow) .tree-outline.hide-selection-when-blurred .issue-kind.selected:focus-visible,\n.tree-outline-disclosure:not(.tree-outline-disclosure-hide-overflow) .tree-outline.hide-selection-when-blurred .issue.selected:focus-visible{width:auto;padding-right:8px}.header{display:flex;flex-direction:row;align-items:flex-start;padding:4px 0;cursor:pointer;width:100%;& > :not(.unhide-all-issues-button){margin-top:var(--sys-size-2)}}.header devtools-hide-issues-menu{visibility:hidden}.header:hover devtools-hide-issues-menu,\n.issue.selected devtools-hide-issues-menu{visibility:visible}.title{flex:1;font-size:12px;color:var(--sys-color-on-surface);font-weight:normal;user-select:text;padding-top:2px}.issue.expanded .title{font-weight:450}.issue-body.children{border-bottom:1px solid var(--sys-color-divider);padding:6px 0;position:relative;padding-left:calc(var(--issue-indent) + 43px);padding-bottom:26px;padding-right:8px}.issue-category + .children,\n.issue-kind + .children{--issue-indent:24px;padding-left:0}.issue-body::before{content:"";display:block;position:absolute;left:calc(var(--issue-indent) + 23px);top:0;bottom:20px;width:2px}.issue-kind-breaking-change.issue-body::before{border-left:2px solid var(--issue-color-yellow)}.issue-kind-page-error.issue-body::before{border-left:2px solid var(--issue-color-red)}.issue-kind-improvement.issue-body::before{border-left:2px solid var(--issue-color-blue)}.tree-outline .issue-body li:hover:not(:has(dt-checkbox)) .selection{background-color:unset}devtools-icon.leading-issue-icon{margin:1px 0 -1px 7px}.message{line-height:18px;font-size:12px;color:var(--sys-color-token-subtle);margin-bottom:4px;user-select:text}.message p{margin-bottom:16px}.message li{margin-top:8px}.message code{color:var(--sys-color-on-surface);padding:0 2px;font-size:12px;user-select:text;cursor:text;background:var(--sys-color-surface2)}.separator::before{content:"·";padding-left:1ex;padding-right:1ex}.link{font-size:12px;color:var(--sys-color-primary)}.link-wrapper{margin-top:15px;user-select:text}.affected-resources-label,\n.resolutions-label{margin-top:5px;font-size:10px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--sys-color-on-surface);display:inline-block}.link-list{list-style-type:none;list-style-position:inside;padding-inline-start:0}.resolutions-list{list-style-type:none;list-style-position:inside;padding-inline-start:0}.link-list li::before{content:none;mask-image:none}.resolutions-list li::before{content:"→";mask-image:none;padding-right:5px;position:relative;top:-1px}.resolutions-list li{display:list-item}ul > li.plain-enum{display:list-item}ul > li.plain-enum::before{content:"";padding:0;margin:0;max-width:0}.affected-resources-label + .affected-resources{padding:3px 0 0;position:relative;user-select:text}.affected-resource-label{font-size:12px;line-height:18px;color:var(--sys-color-on-surface);position:relative;cursor:pointer}.affected-resource-cookie{font-size:12px;line-height:18px;border:0;border-collapse:collapse}.affected-resource-element{font-size:12px;line-height:18px;color:var(--sys-color-primary);border:0;border-collapse:collapse}.affected-resource-row{font-size:12px;line-height:18px;border:0;border-collapse:collapse;vertical-align:top}.affected-resource-mixed-content{font-size:12px;line-height:18px;border:0;border-collapse:collapse}.affected-resource-heavy-ad{font-size:12px;line-height:18px;border:0;border-collapse:collapse}.affected-resource-request{font-size:12px;line-height:18px;border:0;border-collapse:collapse}.affected-resource-source{font-size:12px;line-height:18px;color:var(--sys-color-primary);border:0;border-collapse:collapse}.affected-resource-list{border-spacing:10px 0;margin-left:-12px}.affected-resource-header{font-size:12px;color:var(--sys-color-on-surface);padding-left:2px}.code-example{font-family:var(--monospace-font-family);font-size:var(--monospace-font-size)}.affected-resource-blocked-status{color:var(--issue-color-red)}.affected-resource-report-only-status{color:var(--issue-color-yellow)}.affected-resource-cookie-info{color:var(--sys-color-token-subtle);padding:2px;text-align:right}.affected-resource-cookie-info-header{text-align:right}.affected-resource-mixed-content-info{color:var(--sys-color-token-subtle);padding:2px}.affected-resource-heavy-ad-info{color:var(--sys-color-token-subtle);padding:2px}.affected-resource-heavy-ad-info-frame{display:flex;align-items:center;color:var(--sys-color-token-subtle);padding:2px}.affected-resource-cell{color:var(--sys-color-token-subtle);padding:2px}.affected-resource-cell.link{color:var(--sys-color-primary)}.affected-resource-cell span.icon{margin-right:0.5ex;vertical-align:sub}.affected-resources > .parent{margin-top:0;padding:2px 5px 0}.affected-resources > .parent.expanded{background:var(--sys-color-cdt-base-container)}.affected-resources > .children.expanded{background:var(--sys-color-cdt-base-container);padding:6px 0 9px 5px}.aggregated-issues-count{padding:3px 7px 0}.affected-resource-directive-info-header{text-align:left}.affected-resource-directive{font-size:12px;line-height:18px;border:0;border-collapse:collapse}.affected-resource-directive-info{color:var(--sys-color-token-subtle);padding:2px;text-align:left}.devtools-link{padding-top:4px}devtools-icon.link-icon{vertical-align:sub;margin-right:0.5ch}devtools-icon.elements-panel,\ndevtools-icon.network-panel{margin-right:0.5ex;vertical-align:baseline;height:14px}@media (forced-colors: active){.title{color:ButtonText}.tree-outline:not(.hide-selection-when-blurred) .selected .header .title,\n  .tree-outline.hide-selection-when-blurred .selected:focus-visible .header .title{color:HighlightText}}\n/*# sourceURL=${import.meta.resolve("./issuesTree.css")} */\n`};const P={unknown:"unknown",clickToRevealTheFramesDomNodeIn:"Click to reveal the frame's DOM node in the Elements panel",unavailable:"unavailable"},D=i.i18n.registerUIStrings("panels/issues/AffectedResourcesView.ts",P),M=i.i18n.getLocalizedString.bind(void 0,D);class q extends s.TreeOutline.TreeElement{#O;issue;affectedResourcesCountElement;affectedResources;#U;#N;#V;requestResolver;constructor(e,t,s){super(void 0,void 0,s),this.#O=e,this.issue=t,this.toggleOnClick=!0,this.affectedResourcesCountElement=this.createAffectedResourcesCounter(),this.affectedResources=this.createAffectedResources(),this.#U=0,this.requestResolver=new h.RequestResolver.RequestResolver,this.#N=[],this.#V=new Set}setIssue(e){this.issue=e}createAffectedResourcesCounter(){const e=document.createElement("div");return e.classList.add("affected-resource-label"),this.listItemElement.appendChild(e),e}createAffectedResources(){const e=new s.TreeOutline.TreeElement,t=document.createElement("table");return t.classList.add("affected-resource-list"),e.listItemElement.appendChild(t),this.appendChild(e),t}updateAffectedResourceCount(e){this.#U=e,this.affectedResourcesCountElement.textContent=this.getResourceNameWithCount(e),this.hidden=0===this.#U,this.#O.updateAffectedResourceVisibility()}isEmpty(){return 0===this.#U}clear(){this.affectedResources.textContent="",this.requestResolver.clear()}expandIfOneResource(){1===this.#U&&this.expand()}#H(e){const t=p.FrameManager.FrameManager.instance().getFrame(e);if(!(t&&t.url||(this.#V.add(e),this.#N.length))){const e=p.FrameManager.FrameManager.instance().addEventListener("FrameAddedToTarget",this.#B,this),t=p.FrameManager.FrameManager.instance().addEventListener("FrameNavigated",this.#B,this);this.#N=[e,t]}return t}#B(t){const s=t.data.frame;if(!s.url)return;const i=this.#V.delete(s.id);0===this.#V.size&&this.#N.length&&(e.EventTarget.removeEventListeners(this.#N),this.#N=[]),i&&this.update()}createFrameCell(t,s){const i=this.#H(t),n=i&&(i.unreachableUrl()||i.url)||M(P.unknown),r=document.createElement("td");if(r.classList.add("affected-resource-cell"),i){const i=new o.Icon.Icon;i.data={iconName:"code-circle",color:"var(--icon-link)",width:"16px",height:"16px"},i.classList.add("link","elements-panel"),i.onclick=async()=>{l.userMetrics.issuesPanelResourceOpened(s,"Element");const i=p.FrameManager.FrameManager.instance().getFrame(t);if(i){const t=await i.getOwnerDOMNodeOrDocument();t&&e.Revealer.reveal(t)}},i.title=M(P.clickToRevealTheFramesDomNodeIn),r.appendChild(i)}return r.appendChild(document.createTextNode(n)),r.onmouseenter=()=>{const e=p.FrameManager.FrameManager.instance().getFrame(t);e&&e.highlight()},r.onmouseleave=()=>p.OverlayModel.OverlayModel.hideDOMNodeHighlight(),r}createRequestCell(e,t={}){const s=document.createElement("td");s.classList.add("affected-resource-cell");const i=new g.RequestLinkIcon.RequestLinkIcon;return i.data={...t,affectedRequest:e,requestResolver:this.requestResolver,displayURL:!0},s.appendChild(i),s}async createElementCell({backendNodeId:t,nodeName:s,target:i},n){if(!i){const e=document.createElement("td");return e.textContent=s||M(P.unavailable),e}function r(){l.userMetrics.issuesPanelResourceOpened(n,"Element")}const a=new p.DOMModel.DeferredDOMNode(i,t),o=await e.Linkifier.Linkifier.linkify(a);o.textContent=s,o.addEventListener("click",(()=>r())),o.addEventListener("keydown",(e=>{"Enter"===e.key&&r()}));const d=document.createElement("td");return d.classList.add("affected-resource-element","devtools-link"),d.appendChild(o),d}appendSourceLocation(e,t,s){const i=document.createElement("td");if(i.classList.add("affected-source-location"),t){const e=40,n=new f.Linkifier.Linkifier(e).linkifyScriptLocation(s||null,t.scriptId||null,t.url,t.lineNumber,{columnNumber:t.columnNumber,inlineFrameIndex:0});n.setAttribute("jslog",`${r.link("source-location").track({click:!0})}`),i.appendChild(n)}e.appendChild(i)}appendColumnTitle(e,t,s=null){const i=document.createElement("td");i.classList.add("affected-resource-header"),s&&i.classList.add(s),i.textContent=t,e.appendChild(i)}createIssueDetailCell(e,t=null){const s=document.createElement("td");return"string"==typeof e?s.textContent=e:s.appendChild(e),t&&s.classList.add(t),s}appendIssueDetailCell(e,t,s=null){const i=this.createIssueDetailCell(t,s);return e.appendChild(i),i}}const O={nRequests:"{n, plural, =1 {# request} other {# requests}}",requestC:"Request",parentFrame:"Parent Frame",blockedResource:"Blocked Resource"},U=i.i18n.registerUIStrings("panels/issues/AffectedBlockedByResponseView.ts",O),N=i.i18n.getLocalizedString.bind(void 0,U);class V extends q{#F(e){const t=document.createElement("tr");this.appendColumnTitle(t,N(O.requestC)),this.appendColumnTitle(t,N(O.parentFrame)),this.appendColumnTitle(t,N(O.blockedResource)),this.affectedResources.appendChild(t);let s=0;for(const t of e)this.#W(t),s++;this.updateAffectedResourceCount(s)}getResourceNameWithCount(e){return N(O.nRequests,{n:e})}#W(e){const t=document.createElement("tr");t.classList.add("affected-resource-row");const s=this.createRequestCell(e.request,{additionalOnClickAction(){l.userMetrics.issuesPanelResourceOpened("CrossOriginEmbedderPolicy","Request")}});if(t.appendChild(s),e.parentFrame){const s=this.createFrameCell(e.parentFrame.frameId,this.issue.getCategory());t.appendChild(s)}else t.appendChild(document.createElement("td"));if(e.blockedFrame){const s=this.createFrameCell(e.blockedFrame.frameId,this.issue.getCategory());t.appendChild(s)}else t.appendChild(document.createElement("td"));this.affectedResources.appendChild(t)}update(){this.clear(),this.#F(this.issue.getBlockedByResponseDetails())}}const H={nCookies:"{n, plural, =1 {# cookie} other {# cookies}}",name:"Name",domain:"Domain",path:"Path",nRawCookieLines:"{n, plural, =1 {1 Raw `Set-Cookie` header} other {# Raw `Set-Cookie` headers}}",filterSetCookieTitle:"Show network requests that include this `Set-Cookie` header in the network panel"},B=i.i18n.registerUIStrings("panels/issues/AffectedCookiesView.ts",H),F=i.i18n.getLocalizedString.bind(void 0,B);class W extends q{getResourceNameWithCount(e){return F(H.nCookies,{n:e})}#K(e){const t=document.createElement("tr");this.appendColumnTitle(t,F(H.name)),this.appendColumnTitle(t,F(H.domain)+" & "+F(H.path),"affected-resource-cookie-info-header"),this.affectedResources.appendChild(t);let s=0;for(const t of e)s++,this.#z(t.cookie,t.hasRequest);this.updateAffectedResourceCount(s)}#z(t,s){const i=document.createElement("tr");i.classList.add("affected-resource-cookie");const n=document.createElement("td");if(s){const s=document.createElement("button");s.classList.add("link","devtools-link"),s.textContent=t.name,s.tabIndex=0,s.setAttribute("jslog",`${r.link("issues.filter-network-requests-by-cookie").track({click:!0})}`),s.addEventListener("click",(()=>{l.userMetrics.issuesPanelResourceOpened(this.issue.getCategory(),"Cookie"),e.Revealer.reveal(c.UIFilter.UIRequestFilter.filters([{filterType:c.UIFilter.FilterType.CookieDomain,filterValue:t.domain},{filterType:c.UIFilter.FilterType.CookieName,filterValue:t.name},{filterType:c.UIFilter.FilterType.CookiePath,filterValue:t.path}]))})),n.appendChild(s)}else n.textContent=t.name;i.appendChild(n),this.appendIssueDetailCell(i,`${t.domain}${t.path}`,"affected-resource-cookie-info"),this.affectedResources.appendChild(i)}update(){this.clear(),this.#K(this.issue.cookiesWithRequestIndicator())}}class K extends q{getResourceNameWithCount(e){return F(H.nRawCookieLines,{n:e})}update(){this.clear();const t=this.issue.getRawCookieLines();let s=0;for(const i of t){const t=document.createElement("tr");if(t.classList.add("affected-resource-directive"),i.hasRequest){const s=document.createElement("td"),n=document.createElement("button");n.classList.add("link","devtools-link"),n.textContent=i.rawCookieLine,n.title=F(H.filterSetCookieTitle),n.tabIndex=0,n.setAttribute("jslog",`${r.link("issues.filter-network-requests-by-raw-cookie").track({click:!0})}`),n.addEventListener("click",(()=>{e.Revealer.reveal(c.UIFilter.UIRequestFilter.filters([{filterType:c.UIFilter.FilterType.ResponseHeaderValueSetCookie,filterValue:i.rawCookieLine}]))})),s.appendChild(n),t.appendChild(s)}else this.appendIssueDetailCell(t,i.rawCookieLine);this.affectedResources.appendChild(t),s++}this.updateAffectedResourceCount(s)}}const z={nElements:"{n, plural, =1 {# element} other {# elements}}"},j=i.i18n.registerUIStrings("panels/issues/AffectedElementsView.ts",z),_=i.i18n.getLocalizedString.bind(void 0,j);class $ extends q{async#j(e){let t=0;for(const s of e)await this.#_(s),t++;this.updateAffectedResourceCount(t)}getResourceNameWithCount(e){return _(z.nElements,{n:e})}async#_(e){const t=await this.createElementCell(e,this.issue.getCategory()),s=document.createElement("tr");s.appendChild(t),this.affectedResources.appendChild(s)}update(){this.clear(),this.#j(this.issue.elements())}}const Q={nDescendants:"{n, plural, =1 { descendant} other { descendants}}",disallowedNode:"Disallowed descendant"},G=i.i18n.registerUIStrings("panels/issues/AffectedDescendantsWithinSelectElementView.ts",Q),J=i.i18n.getLocalizedString.bind(void 0,G);class X extends ${#$=Promise.resolve();update(){this.#$=this.#$.then(this.#Q.bind(this))}getResourceName(e){return J(Q.nDescendants,{n:e})}async#Q(){this.clear(),await this.#G(this.issue.getSelectElementAccessibilityIssues())}async#J(e){const t=document.createElement("tr");t.classList.add("affected-resource-select-element-descendant");const s=e.details(),i=e.model()?.target()||null;t.appendChild(await this.createElementCell({nodeName:J(Q.disallowedNode),backendNodeId:s.nodeId,target:i},e.getCategory())),this.affectedResources.appendChild(t)}async#G(e){let t=0;for(const s of e)t++,await this.#J(s);this.updateAffectedResourceCount(t)}}const Z={nDirectives:"{n, plural, =1 {# directive} other {# directives}}",reportonly:"report-only",blocked:"blocked",clickToRevealTheViolatingDomNode:"Click to reveal the violating DOM node in the Elements panel",directiveC:"Directive",element:"Element",sourceLocation:"Source location",status:"Status",resourceC:"Resource"},Y=i.i18n.registerUIStrings("panels/issues/AffectedDirectivesView.ts",Z),ee=i.i18n.getLocalizedString.bind(void 0,Y);class te extends q{#X(e,t){const s=document.createElement("td");t?(s.classList.add("affected-resource-report-only-status"),s.textContent=ee(Z.reportonly)):(s.classList.add("affected-resource-blocked-status"),s.textContent=ee(Z.blocked)),e.appendChild(s)}getResourceNameWithCount(e){return ee(Z.nDirectives,{n:e})}#Z(e,t){const s=document.createElement("td");s.textContent=t,e.appendChild(s)}#Y(e,t){const s=document.createElement("td");s.classList.add("affected-resource-directive-info"),s.textContent=t,e.appendChild(s)}#ee(t,s,i){const n=new d.ElementsPanelLink.ElementsPanelLink;if(s){const t=s;n.title=ee(Z.clickToRevealTheViolatingDomNode);const r=()=>{const s=i.getTargetIfNotDisposed();if(s){l.userMetrics.issuesPanelResourceOpened(this.issue.getCategory(),"Element");const i=new p.DOMModel.DeferredDOMNode(s,t);e.Revealer.reveal(i)}},a=()=>{const e=i.getTargetIfNotDisposed();if(e){const s=new p.DOMModel.DeferredDOMNode(e,t);s&&s.highlight()}},o=()=>{p.OverlayModel.OverlayModel.hideDOMNodeHighlight()};n.data={onElementRevealIconClick:r,onElementRevealIconMouseEnter:a,onElementRevealIconMouseLeave:o}}const r=document.createElement("td");r.classList.add("affected-resource-csp-info-node"),r.appendChild(n),t.appendChild(r)}#te(e){const s=document.createElement("tr");if(this.issue.code()===t.ContentSecurityPolicyIssue.inlineViolationCode)this.appendColumnTitle(s,ee(Z.directiveC)),this.appendColumnTitle(s,ee(Z.element)),this.appendColumnTitle(s,ee(Z.sourceLocation)),this.appendColumnTitle(s,ee(Z.status));else if(this.issue.code()===t.ContentSecurityPolicyIssue.urlViolationCode)this.appendColumnTitle(s,ee(Z.resourceC),"affected-resource-directive-info-header"),this.appendColumnTitle(s,ee(Z.status)),this.appendColumnTitle(s,ee(Z.directiveC)),this.appendColumnTitle(s,ee(Z.sourceLocation));else if(this.issue.code()===t.ContentSecurityPolicyIssue.evalViolationCode)this.appendColumnTitle(s,ee(Z.sourceLocation)),this.appendColumnTitle(s,ee(Z.directiveC)),this.appendColumnTitle(s,ee(Z.status));else if(this.issue.code()===t.ContentSecurityPolicyIssue.trustedTypesSinkViolationCode)this.appendColumnTitle(s,ee(Z.sourceLocation)),this.appendColumnTitle(s,ee(Z.status));else{if(this.issue.code()!==t.ContentSecurityPolicyIssue.trustedTypesPolicyViolationCode)return void this.updateAffectedResourceCount(0);this.appendColumnTitle(s,ee(Z.sourceLocation)),this.appendColumnTitle(s,ee(Z.directiveC)),this.appendColumnTitle(s,ee(Z.status))}this.affectedResources.appendChild(s);let i=0;for(const t of e)i++,this.#se(t);this.updateAffectedResourceCount(i)}#se(e){const s=document.createElement("tr");s.classList.add("affected-resource-directive");const i=e.details(),n=t.Issue.toZeroBasedLocation(i.sourceCodeLocation),r=e.model(),a=e.model()?.getTargetIfNotDisposed();if(this.issue.code()===t.ContentSecurityPolicyIssue.inlineViolationCode&&r)this.#Z(s,i.violatedDirective),this.#ee(s,i.violatingNodeId,r),this.appendSourceLocation(s,n,a),this.#X(s,i.isReportOnly);else if(this.issue.code()===t.ContentSecurityPolicyIssue.urlViolationCode){const e=i.blockedURL?i.blockedURL:m.DevToolsPath.EmptyUrlString;this.#Y(s,e),this.#X(s,i.isReportOnly),this.#Z(s,i.violatedDirective),this.appendSourceLocation(s,n,a)}else if(this.issue.code()===t.ContentSecurityPolicyIssue.evalViolationCode)this.appendSourceLocation(s,n,a),this.#Z(s,i.violatedDirective),this.#X(s,i.isReportOnly);else if(this.issue.code()===t.ContentSecurityPolicyIssue.trustedTypesSinkViolationCode)this.appendSourceLocation(s,n,a),this.#X(s,i.isReportOnly);else{if(this.issue.code()!==t.ContentSecurityPolicyIssue.trustedTypesPolicyViolationCode)return;this.appendSourceLocation(s,n,a),this.#Z(s,i.violatedDirective),this.#X(s,i.isReportOnly)}this.affectedResources.appendChild(s)}update(){this.clear(),this.#te(this.issue.getCspIssues())}}const se={nDocuments:"{n, plural, =1 { document} other { documents}}",documentInTheDOMTree:"Document in the DOM tree",url:"URL",mode:"Mode"},ie=i.i18n.registerUIStrings("panels/issues/AffectedDocumentsInQuirksModeView.ts",se),ne=i.i18n.getLocalizedString.bind(void 0,ie);class re extends ${#$=Promise.resolve();update(){this.#$=this.#$.then(this.#Q.bind(this))}getResourceName(e){return ne(se.nDocuments,{n:e})}async#Q(){this.clear(),await this.#ie(this.issue.getQuirksModeIssues())}async#ne(e){const t=document.createElement("tr");t.classList.add("affected-resource-quirks-mode");const s=e.details(),i=p.FrameManager.FrameManager.instance().getFrame(s.frameId)?.resourceTreeModel().target()||null;t.appendChild(await this.createElementCell({nodeName:"document",backendNodeId:s.documentNodeId,target:i},e.getCategory())),this.appendIssueDetailCell(t,s.isLimitedQuirksMode?"Limited Quirks Mode":"Quirks Mode"),this.appendIssueDetailCell(t,s.url),this.affectedResources.appendChild(t)}async#ie(e){const t=document.createElement("tr");this.appendColumnTitle(t,ne(se.documentInTheDOMTree)),this.appendColumnTitle(t,ne(se.mode)),this.appendColumnTitle(t,ne(se.url)),this.affectedResources.appendChild(t);let s=0;for(const t of e)s++,await this.#ne(t);this.updateAffectedResourceCount(s)}}class ae extends ${#$=Promise.resolve();update(){this.#$=this.#$.then(this.#Q.bind(this))}async#Q(){this.clear(),await this.#re(this.issue.getLowContrastIssues())}async#ae(e){const t=document.createElement("tr");t.classList.add("affected-resource-low-contrast");const s=e.details(),i=e.model()?.target()||null;t.appendChild(await this.createElementCell({nodeName:s.violatingNodeSelector,backendNodeId:s.violatingNodeId,target:i},e.getCategory())),this.appendIssueDetailCell(t,String(m.NumberUtilities.floor(s.contrastRatio,2))),this.appendIssueDetailCell(t,String(s.thresholdAA)),this.appendIssueDetailCell(t,String(s.thresholdAAA)),this.appendIssueDetailCell(t,s.fontSize),this.appendIssueDetailCell(t,s.fontWeight),this.affectedResources.appendChild(t)}async#re(e){const t=document.createElement("tr");this.appendColumnTitle(t,le(oe.element)),this.appendColumnTitle(t,le(oe.contrastRatio)),this.appendColumnTitle(t,le(oe.minimumAA)),this.appendColumnTitle(t,le(oe.minimumAAA)),this.appendColumnTitle(t,le(oe.textSize)),this.appendColumnTitle(t,le(oe.textWeight)),this.affectedResources.appendChild(t);let s=0;for(const t of e)s++,await this.#ae(t);this.updateAffectedResourceCount(s)}}const oe={element:"Element",contrastRatio:"Contrast ratio",minimumAA:"Minimum AA ratio",minimumAAA:"Minimum AAA ratio",textSize:"Text size",textWeight:"Text weight"},de=i.i18n.registerUIStrings("panels/issues/AffectedElementsWithLowContrastView.ts",oe),le=i.i18n.getLocalizedString.bind(void 0,de),ce={nResources:"{n, plural, =1 {# resource} other {# resources}}",limitExceeded:"Limit exceeded",resolutionStatus:"Resolution Status",frameUrl:"Frame URL",removed:"Removed",warned:"Warned",cpuPeakLimit:"CPU peak limit",cpuTotalLimit:"CPU total limit",networkLimit:"Network limit"},ue=i.i18n.registerUIStrings("panels/issues/AffectedHeavyAdView.ts",ce),pe=i.i18n.getLocalizedString.bind(void 0,ue);class he extends q{#oe(e){const t=document.createElement("tr");this.appendColumnTitle(t,pe(ce.limitExceeded)),this.appendColumnTitle(t,pe(ce.resolutionStatus)),this.appendColumnTitle(t,pe(ce.frameUrl)),this.affectedResources.appendChild(t);let s=0;for(const t of e)this.#de(t.details()),s++;this.updateAffectedResourceCount(s)}getResourceNameWithCount(e){return pe(ce.nResources,{n:e})}#le(e){switch(e){case"HeavyAdBlocked":return pe(ce.removed);case"HeavyAdWarning":return pe(ce.warned)}return""}#ce(e){switch(e){case"CpuPeakLimit":return pe(ce.cpuPeakLimit);case"CpuTotalLimit":return pe(ce.cpuTotalLimit);case"NetworkTotalLimit":return pe(ce.networkLimit)}return""}#de(e){const t=document.createElement("tr");t.classList.add("affected-resource-heavy-ad");const s=document.createElement("td");s.classList.add("affected-resource-heavy-ad-info"),s.textContent=this.#ce(e.reason),t.appendChild(s);const i=document.createElement("td");i.classList.add("affected-resource-heavy-ad-info"),i.textContent=this.#le(e.resolution),t.appendChild(i);const n=e.frame.frameId,r=this.createFrameCell(n,this.issue.getCategory());t.appendChild(r),this.affectedResources.appendChild(t)}update(){this.clear(),this.#oe(this.issue.getHeavyAdIssues())}}const ge={nAllowedSites:"{n, plural, =1 {1 website allowed to access cookies} other {# websites allowed to access cookies}}"},fe=i.i18n.registerUIStrings("panels/issues/AffectedMetadataAllowedSitesView.ts",ge),me=i.i18n.getLocalizedString.bind(void 0,fe);class Ce extends q{getResourceNameWithCount(e){return me(ge.nAllowedSites,{n:e})}update(){this.clear();const e=this.issue.getCookieDeprecationMetadataIssues();let t=0;for(const i of e){const e=document.createElement("tr");e.classList.add("affected-resource-directive");const n=document.createElement("div"),r=document.createElement("span");if(r.textContent=i.details().allowedSites.join(", "),n.appendChild(r),!i.details().isOptOutTopLevel&&i.details().optOutPercentage>0){const e=document.createElement("span");e.textContent=" (opt-out: "+i.details().optOutPercentage+"% - ",n.appendChild(e);const t=s.XLink.XLink.create("https://developers.google.com/privacy-sandbox/blog/grace-period-opt-out","learn more");n.appendChild(t);const r=document.createElement("span");r.textContent=")",n.appendChild(r)}this.appendIssueDetailCell(e,n),this.affectedResources.appendChild(e),t++}this.updateAffectedResourceCount(t)}}const Ie={blockedCrossPartitionFetching:"Access to the Blob URL {url} was blocked because it was performed from a cross-partition context.",enforceNoopenerForNavigation:"Blob URL {url} top-level navigation had 'noopener' set because the Blob URL origin was cross-site with the top-level site of the context that initiated the navigation.",blobURLCount:"Blob URL issues count: {count}",noBlobURLAvailable:"No Blob URL available for this issue."},be=i.i18n.registerUIStrings("panels/issues/AffectedPartitioningBlobURLView.ts",Ie),we=i.i18n.getLocalizedString.bind(void 0,be);class Re extends q{getResourceNameWithCount(e){return we(Ie.blobURLCount,{count:e})}update(){this.clear();let e=0;const t=this.issue.getPartitioningBlobURLIssues();for(const s of t){const t=s.details().url,i=s.details().partitioningBlobURLInfo;if(t){let s;switch(i){case"BlockedCrossPartitionFetching":s=we(Ie.blockedCrossPartitionFetching,{url:t});break;case"EnforceNoopenerForNavigation":s=we(Ie.enforceNoopenerForNavigation,{url:t})}const n=document.createElement("div");n.textContent=s,this.affectedResources.appendChild(n),e++}else{const e=document.createElement("div");e.textContent=we(Ie.noBlobURLAvailable),this.affectedResources.appendChild(e)}}this.updateAffectedResourceCount(e)}}const ve={nViolations:"{n, plural, =1 {# violation} other {# violations}}",warning:"warning",blocked:"blocked",instantiation:"Instantiation",aSharedarraybufferWas:"A `SharedArrayBuffer` was instantiated in a context that is not cross-origin isolated",transfer:"Transfer",sharedarraybufferWasTransferedTo:"`SharedArrayBuffer` was transfered to a context that is not cross-origin isolated",sourceLocation:"Source Location",trigger:"Trigger",status:"Status"},ke=i.i18n.registerUIStrings("panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts",ve),ye=i.i18n.getLocalizedString.bind(void 0,ke);class Ae extends q{getResourceNameWithCount(e){return ye(ve.nViolations,{n:e})}#X(e,t){const s=document.createElement("td");t?(s.classList.add("affected-resource-report-only-status"),s.textContent=ye(ve.warning)):(s.classList.add("affected-resource-blocked-status"),s.textContent=ye(ve.blocked)),e.appendChild(s)}#ue(e,t){const s=document.createElement("td");switch(t){case"CreationIssue":s.textContent=ye(ve.instantiation),s.title=ye(ve.aSharedarraybufferWas);break;case"TransferIssue":s.textContent=ye(ve.transfer),s.title=ye(ve.sharedarraybufferWasTransferedTo)}e.appendChild(s)}#F(e){const t=document.createElement("tr");this.appendColumnTitle(t,ye(ve.sourceLocation)),this.appendColumnTitle(t,ye(ve.trigger)),this.appendColumnTitle(t,ye(ve.status)),this.affectedResources.appendChild(t);let s=0;for(const t of e)s++,this.#W(t);this.updateAffectedResourceCount(s)}#W(e){const s=document.createElement("tr");s.classList.add("affected-resource-directive");const i=e.details(),n=t.Issue.toZeroBasedLocation(i.sourceCodeLocation);this.appendSourceLocation(s,n,e.model()?.getTargetIfNotDisposed()),this.#ue(s,i.type),this.#X(s,i.isWarning),this.affectedResources.appendChild(s)}update(){this.clear(),this.#F(this.issue.getSharedArrayBufferIssues())}}const Se={nSources:"{n, plural, =1 {# source} other {# sources}}"},xe=i.i18n.registerUIStrings("panels/issues/AffectedSourcesView.ts",Se),Te=i.i18n.getLocalizedString.bind(void 0,xe);class Ee extends q{#pe(e){let t=0;for(const s of e)this.#he(s),t++;this.updateAffectedResourceCount(t)}getResourceNameWithCount(e){return Te(Se.nSources,{n:e})}#he({url:e,lineNumber:t,columnNumber:s}){const i=document.createElement("td"),n={columnNumber:s,lineNumber:t,tabStop:!0,showColumnNumber:!1,inlineFrameIndex:0},a=f.Linkifier.Linkifier.linkifyURL(e,n);a.setAttribute("jslog",`${r.link("source-location").track({click:!0})}`),i.appendChild(a);const o=document.createElement("tr");o.classList.add("affected-resource-source"),o.appendChild(i),this.affectedResources.appendChild(o)}update(){this.clear(),this.#pe(this.issue.sources())}}const Le={nTrackingSites:"{n, plural, =1 {1 potentially tracking website} other {# potentially tracking websites}}"},Pe=i.i18n.registerUIStrings("panels/issues/AffectedTrackingSitesView.ts",Le),De=i.i18n.getLocalizedString.bind(void 0,Pe);class Me extends q{getResourceNameWithCount(e){return De(Le.nTrackingSites,{n:e})}update(){this.clear();const e=this.issue.getBounceTrackingSites();let t=0;for(const s of e){const e=document.createElement("tr");e.classList.add("affected-resource-directive"),this.appendIssueDetailCell(e,s),this.affectedResources.appendChild(e),t++}this.updateAffectedResourceCount(t)}}const qe={nViolations:"{n, plural, =1 {# violation} other {# violations}}",element:"Element",invalidHeaderValue:"Invalid Header Value",request:"Request",untrustworthyOrigin:"Untrustworthy origin"},Oe=i.i18n.registerUIStrings("panels/issues/AttributionReportingIssueDetailsView.ts",qe),Ue=i.i18n.getLocalizedString.bind(void 0,Oe);class Ne extends q{getResourceNameWithCount(e){return Ue(qe.nViolations,{n:e})}update(){this.clear();const e=this.issue.getAttributionReportingIssues(),t=e.values().next();t.done?this.updateAffectedResourceCount(0):this.#F(t.value.code(),e)}#F(e,t){const s=document.createElement("tr");switch(e){case"AttributionReportingIssue::InvalidRegisterSourceHeader":case"AttributionReportingIssue::InvalidRegisterTriggerHeader":case"AttributionReportingIssue::InvalidRegisterOsSourceHeader":case"AttributionReportingIssue::InvalidRegisterOsTriggerHeader":case"AttributionReportingIssue::OsSourceIgnored":case"AttributionReportingIssue::OsTriggerIgnored":case"AttributionReportingIssue::SourceIgnored":case"AttributionReportingIssue::TriggerIgnored":case"AttributionReportingIssue::InvalidInfoHeader":case"AttributionReportingIssue::NavigationRegistrationUniqueScopeAlreadySet":this.appendColumnTitle(s,Ue(qe.request)),this.appendColumnTitle(s,Ue(qe.invalidHeaderValue));break;case"AttributionReportingIssue::InsecureContext":case"AttributionReportingIssue::UntrustworthyReportingOrigin":this.appendColumnTitle(s,Ue(qe.element)),this.appendColumnTitle(s,Ue(qe.request)),this.appendColumnTitle(s,Ue(qe.untrustworthyOrigin));break;case"AttributionReportingIssue::PermissionPolicyDisabled":this.appendColumnTitle(s,Ue(qe.element)),this.appendColumnTitle(s,Ue(qe.request));break;case"AttributionReportingIssue::SourceAndTriggerHeaders":case"AttributionReportingIssue::WebAndOsHeaders":case"AttributionReportingIssue::NoWebOrOsSupport":case"AttributionReportingIssue::NoRegisterSourceHeader":case"AttributionReportingIssue::NoRegisterTriggerHeader":case"AttributionReportingIssue::NoRegisterOsSourceHeader":case"AttributionReportingIssue::NoRegisterOsTriggerHeader":this.appendColumnTitle(s,Ue(qe.request));break;case"AttributionReportingIssue::NavigationRegistrationWithoutTransientUserActivation":this.appendColumnTitle(s,Ue(qe.element))}this.affectedResources.appendChild(s);let i=0;for(const s of t)i++,this.#W(e,s);this.updateAffectedResourceCount(i)}async#W(e,t){const s=document.createElement("tr");s.classList.add("affected-resource-directive");const i=t.issueDetails;switch(e){case"AttributionReportingIssue::InvalidRegisterSourceHeader":case"AttributionReportingIssue::InvalidRegisterTriggerHeader":case"AttributionReportingIssue::InvalidRegisterOsSourceHeader":case"AttributionReportingIssue::InvalidRegisterOsTriggerHeader":case"AttributionReportingIssue::OsSourceIgnored":case"AttributionReportingIssue::OsTriggerIgnored":case"AttributionReportingIssue::SourceIgnored":case"AttributionReportingIssue::TriggerIgnored":case"AttributionReportingIssue::InvalidInfoHeader":case"AttributionReportingIssue::NavigationRegistrationUniqueScopeAlreadySet":this.#ge(s,i.request),this.appendIssueDetailCell(s,i.invalidParameter||"");break;case"AttributionReportingIssue::InsecureContext":case"AttributionReportingIssue::UntrustworthyReportingOrigin":await this.#fe(s,t),this.#ge(s,i.request),this.appendIssueDetailCell(s,i.invalidParameter||"");break;case"AttributionReportingIssue::PermissionPolicyDisabled":await this.#fe(s,t),this.#ge(s,i.request);break;case"AttributionReportingIssue::SourceAndTriggerHeaders":case"AttributionReportingIssue::WebAndOsHeaders":case"AttributionReportingIssue::NoWebOrOsSupport":case"AttributionReportingIssue::NoRegisterSourceHeader":case"AttributionReportingIssue::NoRegisterTriggerHeader":case"AttributionReportingIssue::NoRegisterOsSourceHeader":case"AttributionReportingIssue::NoRegisterOsTriggerHeader":this.#ge(s,i.request);break;case"AttributionReportingIssue::NavigationRegistrationWithoutTransientUserActivation":await this.#fe(s,t)}this.affectedResources.appendChild(s)}async#fe(e,t){const s=t.issueDetails;if(void 0!==s.violatingNodeId){const i=t.model()?.target()||null;e.appendChild(await this.createElementCell({backendNodeId:s.violatingNodeId,target:i,nodeName:"Attribution source element"},t.getCategory()))}else this.appendIssueDetailCell(e,"")}#ge(e,t){if(!t)return void this.appendIssueDetailCell(e,"");const s={additionalOnClickAction(){l.userMetrics.issuesPanelResourceOpened("AttributionReporting","Request")}};e.appendChild(this.createRequestCell(t,s))}}const Ve={nRequests:"{n, plural, =1 {# request} other {# requests}}",warning:"warning",blocked:"blocked",status:"Status",request:"Request",resourceAddressSpace:"Resource Address",initiatorAddressSpace:"Initiator Address",secure:"secure",insecure:"insecure",initiatorContext:"Initiator Context",preflightRequestIfProblematic:"Preflight Request (if problematic)",preflightRequest:"Preflight Request",header:"Header",problem:"Problem",invalidValue:"Invalid Value (if available)",problemMissingHeader:"Missing Header",problemMultipleValues:"Multiple Values",problemInvalidValue:"Invalid Value",preflightDisallowedRedirect:"Response to preflight was a redirect",preflightInvalidStatus:"HTTP status of preflight request didn't indicate success",allowedOrigin:"Allowed Origin (from header)",allowCredentialsValueFromHeader:"`Access-Control-Allow-Credentials` Header Value",disallowedRequestMethod:"Disallowed Request Method",disallowedRequestHeader:"Disallowed Request Header",sourceLocation:"Source Location",unsupportedScheme:"Unsupported Scheme",failedRequest:"Failed Request"},He=i.i18n.registerUIStrings("panels/issues/CorsIssueDetailsView.ts",Ve),Be=i.i18n.getLocalizedString.bind(void 0,He);class Fe extends q{constructor(e,t,s){super(e,t,s),this.affectedResourcesCountElement.classList.add("cors-issue-affected-resource-label")}#X(e,t){const s=document.createElement("td");t?(s.classList.add("affected-resource-report-only-status"),s.textContent=Be(Ve.warning)):(s.classList.add("affected-resource-blocked-status"),s.textContent=Be(Ve.blocked)),e.appendChild(s)}getResourceNameWithCount(e){return Be(Ve.nRequests,{n:e})}#F(e,t){const s=document.createElement("tr");switch(this.appendColumnTitle(s,Be(Ve.request)),this.appendColumnTitle(s,Be(Ve.status)),e){case"CorsIssue::InvalidHeaders":this.appendColumnTitle(s,Be(Ve.preflightRequestIfProblematic)),this.appendColumnTitle(s,Be(Ve.header)),this.appendColumnTitle(s,Be(Ve.problem)),this.appendColumnTitle(s,Be(Ve.invalidValue));break;case"CorsIssue::WildcardOriginWithCredentials":this.appendColumnTitle(s,Be(Ve.preflightRequestIfProblematic));break;case"CorsIssue::PreflightResponseInvalid":this.appendColumnTitle(s,Be(Ve.preflightRequest)),this.appendColumnTitle(s,Be(Ve.problem));break;case"CorsIssue::OriginMismatch":this.appendColumnTitle(s,Be(Ve.preflightRequestIfProblematic)),this.appendColumnTitle(s,Be(Ve.initiatorContext)),this.appendColumnTitle(s,Be(Ve.allowedOrigin));break;case"CorsIssue::AllowCredentialsRequired":this.appendColumnTitle(s,Be(Ve.preflightRequestIfProblematic)),this.appendColumnTitle(s,Be(Ve.allowCredentialsValueFromHeader));break;case"CorsIssue::InsecurePrivateNetwork":this.appendColumnTitle(s,Be(Ve.resourceAddressSpace)),this.appendColumnTitle(s,Be(Ve.initiatorAddressSpace)),this.appendColumnTitle(s,Be(Ve.initiatorContext));break;case"CorsIssue::PreflightAllowPrivateNetworkError":this.appendColumnTitle(s,Be(Ve.preflightRequest)),this.appendColumnTitle(s,Be(Ve.invalidValue)),this.appendColumnTitle(s,Be(Ve.initiatorAddressSpace)),this.appendColumnTitle(s,Be(Ve.initiatorContext));break;case"CorsIssue::PreflightMissingPrivateNetworkAccessId":case"CorsIssue::PreflightMissingPrivateNetworkAccessName":this.appendColumnTitle(s,Be(Ve.preflightRequest)),this.appendColumnTitle(s,Be(Ve.invalidValue)),this.appendColumnTitle(s,Be(Ve.resourceAddressSpace)),this.appendColumnTitle(s,Be(Ve.initiatorAddressSpace)),this.appendColumnTitle(s,Be(Ve.initiatorContext));break;case"CorsIssue::MethodDisallowedByPreflightResponse":this.appendColumnTitle(s,Be(Ve.preflightRequest)),this.appendColumnTitle(s,Be(Ve.disallowedRequestMethod));break;case"CorsIssue::HeaderDisallowedByPreflightResponse":this.appendColumnTitle(s,Be(Ve.preflightRequest)),this.appendColumnTitle(s,Be(Ve.disallowedRequestHeader));break;case"CorsIssue::RedirectContainsCredentials":break;case"CorsIssue::DisallowedByMode":this.appendColumnTitle(s,Be(Ve.initiatorContext)),this.appendColumnTitle(s,Be(Ve.sourceLocation));break;case"CorsIssue::CorsDisabledScheme":this.appendColumnTitle(s,Be(Ve.initiatorContext)),this.appendColumnTitle(s,Be(Ve.sourceLocation)),this.appendColumnTitle(s,Be(Ve.unsupportedScheme));break;case"CorsIssue::NoCorsRedirectModeNotFollow":this.appendColumnTitle(s,Be(Ve.sourceLocation));break;default:m.assertUnhandled(e)}this.affectedResources.appendChild(s);let i=0;for(const s of t)i++,this.#W(e,s);this.updateAffectedResourceCount(i)}#me(e,t){void 0!==t?this.appendIssueDetailCell(e,Be(t?Ve.secure:Ve.insecure)):this.appendIssueDetailCell(e,"")}static getHeaderFromError(e){switch(e){case"InvalidAllowHeadersPreflightResponse":return"Access-Control-Allow-Headers";case"InvalidAllowMethodsPreflightResponse":case"MethodDisallowedByPreflightResponse":return"Access-Control-Allow-Methods";case"PreflightMissingAllowOriginHeader":case"PreflightMultipleAllowOriginValues":case"PreflightInvalidAllowOriginValue":case"MissingAllowOriginHeader":case"MultipleAllowOriginValues":case"InvalidAllowOriginValue":case"WildcardOriginNotAllowed":case"PreflightWildcardOriginNotAllowed":case"AllowOriginMismatch":case"PreflightAllowOriginMismatch":return"Access-Control-Allow-Origin";case"InvalidAllowCredentials":case"PreflightInvalidAllowCredentials":return"Access-Control-Allow-Credentials";case"PreflightMissingAllowPrivateNetwork":case"PreflightInvalidAllowPrivateNetwork":return"Access-Control-Allow-Private-Network";case"RedirectContainsCredentials":case"PreflightDisallowedRedirect":return"Location";case"PreflightInvalidStatus":return"Status-Code";case"PreflightMissingPrivateNetworkAccessId":return"Private-Network-Access-Id";case"PreflightMissingPrivateNetworkAccessName":return"Private-Network-Access-Name"}return""}static getProblemFromError(e){switch(e.corsError){case"InvalidAllowHeadersPreflightResponse":case"InvalidAllowMethodsPreflightResponse":case"PreflightInvalidAllowOriginValue":case"InvalidAllowOriginValue":return Be(Ve.problemInvalidValue);case"PreflightMultipleAllowOriginValues":case"MultipleAllowOriginValues":return Be(Ve.problemMultipleValues);case"MissingAllowOriginHeader":case"PreflightMissingAllowOriginHeader":return Be(Ve.problemMissingHeader);case"PreflightInvalidStatus":return Be(Ve.preflightInvalidStatus);case"PreflightDisallowedRedirect":return Be(Ve.preflightDisallowedRedirect);case"InvalidResponse":return Be(Ve.failedRequest)}throw new Error("Invalid Argument")}#W(e,t){const s=document.createElement("tr");s.classList.add("affected-resource-directive");const i=t.details(),n=i.corsErrorStatus,r=i.corsErrorStatus.corsError,a={section:"Response",name:Fe.getHeaderFromError(r)},o={additionalOnClickAction(){l.userMetrics.issuesPanelResourceOpened("Cors","Request")}};switch(e){case"CorsIssue::InvalidHeaders":s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning),r.includes("Preflight")?s.appendChild(this.createRequestCell(i.request,{...o,linkToPreflight:!0,highlightHeader:a})):this.appendIssueDetailCell(s,""),this.appendIssueDetailCell(s,Fe.getHeaderFromError(r),"code-example"),this.appendIssueDetailCell(s,Fe.getProblemFromError(i.corsErrorStatus)),this.appendIssueDetailCell(s,i.corsErrorStatus.failedParameter,"code-example");break;case"CorsIssue::WildcardOriginWithCredentials":s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning),r.includes("Preflight")?s.appendChild(this.createRequestCell(i.request,{...o,linkToPreflight:!0,highlightHeader:a})):this.appendIssueDetailCell(s,"");break;case"CorsIssue::PreflightResponseInvalid":{s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning);const e="PreflightInvalidStatus"===r?{section:"General",name:"Status-Code"}:a;s.appendChild(this.createRequestCell(i.request,{...o,linkToPreflight:!0,highlightHeader:e})),this.appendIssueDetailCell(s,Fe.getProblemFromError(i.corsErrorStatus));break}case"CorsIssue::OriginMismatch":s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning),r.includes("Preflight")?s.appendChild(this.createRequestCell(i.request,{...o,linkToPreflight:!0,highlightHeader:a})):this.appendIssueDetailCell(s,""),this.appendIssueDetailCell(s,i.initiatorOrigin??"","code-example"),this.appendIssueDetailCell(s,i.corsErrorStatus.failedParameter,"code-example");break;case"CorsIssue::AllowCredentialsRequired":s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning),r.includes("Preflight")?s.appendChild(this.createRequestCell(i.request,{...o,linkToPreflight:!0,highlightHeader:a})):this.appendIssueDetailCell(s,""),this.appendIssueDetailCell(s,i.corsErrorStatus.failedParameter,"code-example");break;case"CorsIssue::InsecurePrivateNetwork":s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning),this.appendIssueDetailCell(s,i.resourceIPAddressSpace??""),this.appendIssueDetailCell(s,i.clientSecurityState?.initiatorIPAddressSpace??""),this.#me(s,i.clientSecurityState?.initiatorIsSecureContext);break;case"CorsIssue::PreflightAllowPrivateNetworkError":s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning),s.appendChild(this.createRequestCell(i.request,{...o,linkToPreflight:!0,highlightHeader:a})),this.appendIssueDetailCell(s,i.corsErrorStatus.failedParameter,"code-example"),this.appendIssueDetailCell(s,i.clientSecurityState?.initiatorIPAddressSpace??""),this.#me(s,i.clientSecurityState?.initiatorIsSecureContext);break;case"CorsIssue::MethodDisallowedByPreflightResponse":s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning),s.appendChild(this.createRequestCell(i.request,{...o,linkToPreflight:!0,highlightHeader:a})),this.appendIssueDetailCell(s,i.corsErrorStatus.failedParameter,"code-example");break;case"CorsIssue::HeaderDisallowedByPreflightResponse":s.appendChild(this.createRequestCell(i.request,{...o,highlightHeader:{section:"Request",name:n.failedParameter}})),this.#X(s,i.isWarning),s.appendChild(this.createRequestCell(i.request,{...o,linkToPreflight:!0,highlightHeader:{section:"Response",name:"Access-Control-Allow-Headers"}})),this.appendIssueDetailCell(s,i.corsErrorStatus.failedParameter,"code-example");break;case"CorsIssue::RedirectContainsCredentials":s.appendChild(this.createRequestCell(i.request,{...o,highlightHeader:{section:"Response",name:Fe.getHeaderFromError(r)}})),this.#X(s,i.isWarning);break;case"CorsIssue::DisallowedByMode":s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning),this.appendIssueDetailCell(s,i.initiatorOrigin??"","code-example"),this.appendSourceLocation(s,i.location,t.model()?.getTargetIfNotDisposed());break;case"CorsIssue::CorsDisabledScheme":s.appendChild(this.createRequestCell(i.request,{...o,highlightHeader:{section:"Response",name:Fe.getHeaderFromError(r)}})),this.#X(s,i.isWarning),this.appendIssueDetailCell(s,i.initiatorOrigin??"","code-example"),this.appendSourceLocation(s,i.location,t.model()?.getTargetIfNotDisposed()),this.appendIssueDetailCell(s,i.corsErrorStatus.failedParameter??"","code-example");break;case"CorsIssue::NoCorsRedirectModeNotFollow":s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning),this.appendSourceLocation(s,i.location,t.model()?.getTargetIfNotDisposed());break;case"CorsIssue::PreflightMissingPrivateNetworkAccessId":case"CorsIssue::PreflightMissingPrivateNetworkAccessName":s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning),s.appendChild(this.createRequestCell(i.request,{...o,linkToPreflight:!0,highlightHeader:a})),this.appendIssueDetailCell(s,Fe.getHeaderFromError(r)),this.appendIssueDetailCell(s,i.resourceIPAddressSpace??""),this.appendIssueDetailCell(s,i.clientSecurityState?.initiatorIPAddressSpace??""),this.#me(s,i.clientSecurityState?.initiatorIsSecureContext);break;default:s.appendChild(this.createRequestCell(i.request,o)),this.#X(s,i.isWarning),m.assertUnhandled(e)}this.affectedResources.appendChild(s)}update(){this.clear();const e=this.issue.getCorsIssues(),t=e.values().next();t.done?this.updateAffectedResourceCount(0):this.#F(t.value.code(),e)}}const We={nResources:"{n, plural, =1 {# resource} other {# resources}}",frameId:"Frame",violatingNode:"Violating node"},Ke=i.i18n.registerUIStrings("panels/issues/GenericIssueDetailsView.ts",We),ze=i.i18n.getLocalizedString.bind(void 0,Ke);class je extends q{getResourceNameWithCount(e){return ze(We.nResources,{n:e})}#F(e){const t=document.createElement("tr"),s=e.values().next().value?.details();s?.frameId&&this.appendColumnTitle(t,ze(We.frameId)),this.affectedResources.appendChild(t);let i=0;for(const t of e){(t.details().frameId||t.details().violatingNodeId)&&(i++,this.#W(t))}this.updateAffectedResourceCount(i)}async#W(e){const t=document.createElement("tr");t.classList.add("affected-resource-directive");const s=e.details();if(s.frameId&&t.appendChild(this.createFrameCell(s.frameId,e.getCategory())),s.violatingNodeId){const i=e.model()?.target()||null;t.appendChild(await this.createElementCell({backendNodeId:s.violatingNodeId,nodeName:this.violatingNodeIdName(s.errorType),target:i},e.getCategory()))}this.affectedResources.appendChild(t)}violatingNodeIdName(e){return"FormLabelForNameError"===e?i.i18n.lockedString("Label"):ze(We.violatingNode)}update(){this.clear();const e=this.issue.getGenericIssues();e.size>0?this.#F(e):this.updateAffectedResourceCount(0)}}const _e={name:"Name",blocked:"blocked",nRequests:"{n, plural, =1 {# request} other {# requests}}",nResources:"{n, plural, =1 {# resource} other {# resources}}",restrictionStatus:"Restriction Status",warned:"Warned",affectedResources:"Affected Resources",learnMoreS:"Learn more: {PH1}",automaticallyUpgraded:"automatically upgraded",hideIssuesLikeThis:"Hide issues like this",unhideIssuesLikeThis:"Unhide issues like this"},$e=i.i18n.registerUIStrings("panels/issues/IssueView.ts",_e),Qe=i.i18n.getLocalizedString.bind(void 0,$e);class Ge extends q{#Ce(e){let t=0;for(const s of e){const e=document.createElement("tr");e.classList.add("affected-resource-request");const i=this.issue.getCategory(),n=Je.get(i)||"headers-component";e.appendChild(this.createRequestCell(s,{networkTab:n,additionalOnClickAction(){l.userMetrics.issuesPanelResourceOpened(i,"Request")}})),this.affectedResources.appendChild(e),t++}this.updateAffectedResourceCount(t)}getResourceNameWithCount(e){return Qe(_e.nRequests,{n:e})}update(){this.clear();for(const e of this.issue.getBlockedByResponseDetails())return void this.updateAffectedResourceCount(0);"MixedContent"!==this.issue.getCategory()?this.#Ce(this.issue.requests()):this.updateAffectedResourceCount(0)}}const Je=new Map([["Cookie","cookies"],["CrossOriginEmbedderPolicy","headers-component"],["MixedContent","headers-component"]]);class Xe extends q{#Ie(e){const t=document.createElement("tr");this.appendColumnTitle(t,Qe(_e.name)),this.appendColumnTitle(t,Qe(_e.restrictionStatus)),this.affectedResources.appendChild(t);let s=0;for(const t of e){const e=t.getDetails();this.appendAffectedMixedContent(e),s++}this.updateAffectedResourceCount(s)}getResourceNameWithCount(e){return Qe(_e.nResources,{n:e})}appendAffectedMixedContent(e){const t=document.createElement("tr");if(t.classList.add("affected-resource-mixed-content"),e.request){const s=Je.get(this.issue.getCategory())||"headers-component";t.appendChild(this.createRequestCell(e.request,{networkTab:s,additionalOnClickAction(){l.userMetrics.issuesPanelResourceOpened("MixedContent","Request")}}))}else{const i=(s=e.insecureURL,(/[^/]+$/.exec(s)||/[^/]+\/$/.exec(s)||[""])[0]);this.appendIssueDetailCell(t,i,"affected-resource-mixed-content-info").title=e.insecureURL}var s;this.appendIssueDetailCell(t,Xe.translateStatus(e.resolutionStatus),"affected-resource-mixed-content-info"),this.affectedResources.appendChild(t)}static translateStatus(e){switch(e){case"MixedContentBlocked":return Qe(_e.blocked);case"MixedContentAutomaticallyUpgraded":return Qe(_e.automaticallyUpgraded);case"MixedContentWarning":return Qe(_e.warned)}}update(){this.clear(),this.#Ie(this.issue.getMixedContentIssues())}}class Ze extends s.TreeOutline.TreeElement{#be;#we;toggleOnClick;affectedResources;#Re;#v;#ve=null;#ke;#ye;#Ae=!0;#Se;#xe=!1;constructor(t,s){super(),this.#be=t,this.#we=s,this.#ye=new e.Throttler.Throttler(250),this.toggleOnClick=!0,this.listItemElement.classList.add("issue"),this.childrenListElement.classList.add("issue-body"),this.childrenListElement.classList.add(Ze.getBodyCSSClass(this.#be.getKind())),this.affectedResources=this.#Te(),this.#Re=[new W(this,this.#be,"affected-cookies"),new $(this,this.#be,"affected-elements"),new Ge(this,this.#be,"affected-requests"),new Xe(this,this.#be,"mixed-content-details"),new Ee(this,this.#be,"affected-sources"),new he(this,this.#be,"heavy-ad-details"),new te(this,this.#be,"directives-details"),new V(this,this.#be,"blocked-by-response-details"),new Ae(this,this.#be,"sab-details"),new ae(this,this.#be,"low-contrast-details"),new Fe(this,this.#be,"cors-details"),new je(this,this.#be,"generic-details"),new re(this,this.#be,"affected-documents"),new Ne(this,this.#be,"attribution-reporting-details"),new K(this,this.#be,"affected-raw-cookies"),new Me(this,this.#be,"tracking-sites-details"),new Ce(this,this.#be,"metadata-allowed-sites-details"),new X(this,this.#be,"disallowed-select-descendants-details"),new Re(this,this.#be,"partitioning-blob-url-details")],this.#Se=new d.HideIssuesMenu.HideIssuesMenu,this.#v=null,this.#ke=!1}setIssue(e){this.#be!==e&&(this.#Ae=!0),this.#be=e,this.#Re.forEach((t=>t.setIssue(e)))}static getBodyCSSClass(e){switch(e){case"BreakingChange":return"issue-kind-breaking-change";case"PageError":return"issue-kind-page-error";case"Improvement":return"issue-kind-improvement"}}getIssueTitle(){return this.#we.title}onattach(){this.#xe?this.update():this.createContent()}createContent(){this.#D(),this.#Ee(),this.appendChild(this.affectedResources);const e=[];for(const t of this.#Re)this.appendAffectedResource(t),t.update(),t.isEmpty()||e.push(t);this.#Le(e),this.#Pe(),this.updateAffectedResourceVisibility(),this.#xe=!0}appendAffectedResource(e){this.affectedResources.appendChild(e)}#Le(e){for(let t=0;t<e.length;t++){const i=e[t].listItemElement;s.ARIAUtils.setPositionInSet(i,t+1),s.ARIAUtils.setSetSize(i,e.length)}}#D(){const e=document.createElement("div");e.classList.add("header"),this.#ve=new o.Icon.Icon,this.#ve.classList.add("leading-issue-icon"),this.#v=document.createElement("span");const t=new a.Adorner.Adorner;t.data={name:"countWrapper",content:this.#v},t.classList.add("aggregated-issues-count"),e.appendChild(this.#ve),e.appendChild(t);const s=document.createElement("div");s.classList.add("title"),s.textContent=this.#we.title,e.appendChild(s),this.#Se&&e.appendChild(this.#Se),this.#De(),this.listItemElement.appendChild(e)}onexpand(){const e=this.#be.getCategory();if("Cookie"===e){const e=t.CookieIssue.CookieIssue.getSubCategory(this.#be.code());l.userMetrics.issuesPanelIssueExpanded(e)}else l.userMetrics.issuesPanelIssueExpanded(e);if(this.#Ae&&this.#Q(),!this.#ke){this.#ke=!0;for(const e of this.#Re)e.expandIfOneResource()}}#De(){if(this.#ve){const e=this.#be.getKind();this.#ve.data=n.IssueCounter.getIssueKindIconData(e),this.#ve.title=t.Issue.getIssueKindDescription(e)}if(this.#v&&(this.#v.textContent=`${this.#be.getAggregatedIssuesCount()}`),this.listItemElement.classList.toggle("hidden-issue",this.#be.isHidden()),this.#Se){const e={menuItemLabel:this.#be.isHidden()?Qe(_e.unhideIssuesLikeThis):Qe(_e.hideIssuesLikeThis),menuItemAction:()=>{const e=t.IssuesManager.getHideIssueByCodeSetting(),s=e.get();s[this.#be.code()]=this.#be.isHidden()?"Unhidden":"Hidden",e.set(s)}};this.#Se.data=e}}updateAffectedResourceVisibility(){const e=this.#Re.every((e=>e.isEmpty()));this.affectedResources.hidden=e}#Te(){const e=new s.TreeOutline.TreeElement;return e.setCollapsible(!1),e.setExpandable(!0),e.expand(),e.selectable=!1,e.listItemElement.classList.add("affected-resources-label"),e.listItemElement.textContent=Qe(_e.affectedResources),e.childrenListElement.classList.add("affected-resources"),s.ARIAUtils.setPositionInSet(e.listItemElement,2),s.ARIAUtils.setSetSize(e.listItemElement,0===this.#we.links.length?2:3),e}#Ee(){const e=new s.TreeOutline.TreeElement;e.setCollapsible(!1),e.selectable=!1;const t=new u.MarkdownView.MarkdownView;t.data={tokens:this.#we.markdown},e.listItemElement.appendChild(t),s.ARIAUtils.setPositionInSet(e.listItemElement,1),s.ARIAUtils.setSetSize(e.listItemElement,0===this.#we.links.length?2:3),this.appendChild(e)}#Pe(){if(0===this.#we.links.length)return;const e=new s.TreeOutline.TreeElement;e.setCollapsible(!1),e.listItemElement.classList.add("link-wrapper"),s.ARIAUtils.setPositionInSet(e.listItemElement,3),s.ARIAUtils.setSetSize(e.listItemElement,3);const t=e.listItemElement.createChild("ul","link-list");for(const e of this.#we.links){const i=s.Fragment.html`<x-link class="link devtools-link" tabindex="0" href=${e.link}>${Qe(_e.learnMoreS,{PH1:e.linkTitle})}</x-link>`;i.setAttribute("jslog",`${r.link("learn-more").track({click:!0})}`);t.createChild("li").appendChild(i)}this.appendChild(e)}#Q(){this.expanded&&(this.#Re.forEach((e=>e.update())),this.updateAffectedResourceVisibility()),this.#Ae=!this.expanded,this.#De()}update(){this.#ye.schedule((async()=>this.#Q()))}clear(){this.#Re.forEach((e=>e.clear()))}getIssueKind(){return this.#be.getKind()}isForHiddenIssue(){return this.#be.isHidden()}toggle(e){e||void 0===e&&!this.expanded?this.expand():this.collapse()}}var Ye=Object.freeze({__proto__:null,IssueView:Ze});const et={crossOriginEmbedderPolicy:"Cross Origin Embedder Policy",mixedContent:"Mixed Content",samesiteCookie:"SameSite Cookie",heavyAds:"Heavy Ads",contentSecurityPolicy:"Content Security Policy",other:"Other",lowTextContrast:"Low Text Contrast",cors:"Cross Origin Resource Sharing",groupDisplayedIssuesUnder:"Group displayed issues under associated categories",groupByCategory:"Group by category",groupDisplayedIssuesUnderKind:"Group displayed issues as Page errors, Breaking changes and Improvements",groupByKind:"Group by kind",includeCookieIssuesCausedBy:"Include cookie Issues caused by third-party sites",includeThirdpartyCookieIssues:"Include third-party cookie issues",onlyThirdpartyCookieIssues:"Only third-party cookie issues detected",noIssues:"No issues detected",issuesPanelDescription:"On this page you can find warnings from the browser.",attributionReporting:"Attribution Reporting `API`",quirksMode:"Quirks Mode",generic:"Generic"},tt=i.i18n.registerUIStrings("panels/issues/IssuesPane.ts",et),st=i.i18n.getLocalizedString.bind(void 0,tt);class it extends s.TreeOutline.TreeElement{#Me;constructor(e){super(),this.#Me=e,this.toggleOnClick=!0,this.listItemElement.classList.add("issue-category"),this.childrenListElement.classList.add("issue-category-body")}getCategoryName(){switch(this.#Me){case"CrossOriginEmbedderPolicy":return st(et.crossOriginEmbedderPolicy);case"MixedContent":return st(et.mixedContent);case"Cookie":return st(et.samesiteCookie);case"HeavyAd":return st(et.heavyAds);case"ContentSecurityPolicy":return st(et.contentSecurityPolicy);case"LowTextContrast":return st(et.lowTextContrast);case"Cors":return st(et.cors);case"AttributionReporting":return st(et.attributionReporting);case"QuirksMode":return st(et.quirksMode);case"Generic":return st(et.generic);case"Other":return st(et.other)}}onattach(){this.#D()}#D(){const e=document.createElement("div");e.classList.add("header");const t=document.createElement("div");t.classList.add("title"),t.textContent=this.getCategoryName(),e.appendChild(t),this.listItemElement.appendChild(e)}}function nt(){return e.Settings.Settings.instance().createSetting("group-issues-by-category",!1)}class rt extends s.Widget.VBox{#qe;#Oe;#Ue;#Ne;#Ve;#He;#Be;#Fe;#We;#Ke=Promise.resolve();constructor(){super(!0),this.registerRequiredCSS(E),this.element.setAttribute("jslog",`${r.panel("issues")}`),this.contentElement.classList.add("issues-pane"),this.#qe=new Map,this.#Ue=new Map,this.#Oe=new Map,this.#Ne=null,this.#ze(),this.#Ve=new s.TreeOutline.TreeOutlineInShadow,this.#Ve.setShowSelectionOnKeyboardFocus(!0),this.#Ve.contentElement.classList.add("issues"),this.#Ve.registerRequiredCSS(L),this.contentElement.appendChild(this.#Ve.element),this.#He=new k,this.#Ve.appendChild(this.#He),this.#Be=new s.EmptyWidget.EmptyWidget("",st(et.issuesPanelDescription)),this.#Be.appendLink("https://developer.chrome.com/docs/devtools/issues"),this.#Be.show(this.contentElement),this.#Fe=t.IssuesManager.IssuesManager.instance(),this.#We=new I(this.#Fe),this.#We.addEventListener("AggregatedIssueUpdated",this.#je,this),this.#We.addEventListener("FullUpdateRequired",this.#_e,this),this.#He.hidden=0===this.#Fe.numberOfHiddenIssues(),this.#_e(),this.#Fe.addEventListener("IssuesCountUpdated",this.#$e,this)}elementsToRestoreScrollPositionsFor(){return[this.#Ve.element]}#ze(){const e=this.contentElement.createChild("div","issues-toolbar-container");e.setAttribute("jslog",`${r.toolbar()}`),e.role="toolbar";e.createChild("devtools-toolbar","issues-toolbar-left").role="presentation";const i=e.createChild("devtools-toolbar","issues-toolbar-right");i.role="presentation";const a=nt(),o=new s.Toolbar.ToolbarSettingCheckbox(a,st(et.groupDisplayedIssuesUnder),st(et.groupByCategory));o.setVisible(!1),i.appendToolbarItem(o),a.addChangeListener((()=>{this.#Qe(!0)}));const d=x(),l=new s.Toolbar.ToolbarSettingCheckbox(d,st(et.groupDisplayedIssuesUnderKind),st(et.groupByKind));i.appendToolbarItem(l),d.addChangeListener((()=>{this.#Qe(!0)})),l.setVisible(!0);const c=t.Issue.getShowThirdPartyIssuesSetting();this.#Ne=new s.Toolbar.ToolbarSettingCheckbox(c,st(et.includeCookieIssuesCausedBy),st(et.includeThirdpartyCookieIssues)),i.appendToolbarItem(this.#Ne),this.setDefaultFocusedElement(this.#Ne.inputElement),i.appendSeparator();const u=new n.IssueCounter.IssueCounter;u.data={tooltipCallback:()=>{const e=n.IssueCounter.getIssueCountsEnumeration(t.IssuesManager.IssuesManager.instance(),!1);u.title=e},displayMode:"ShowAlways",issuesManager:t.IssuesManager.IssuesManager.instance()},u.id="console-issues-counter",u.setAttribute("jslog",`${r.counter("issues")}`);const p=new s.Toolbar.ToolbarItem(u);return i.appendToolbarItem(p),{toolbarContainer:e}}#je(e){this.#Ge(e.data)}#Ge(e){this.#Ke=this.#Ke.then((()=>this.#Je(e)))}async#Je(e){let i=this.#Oe.get(e.aggregationKey());if(i){i.setIssue(e);const t=this.#Xe(e);i.parent===t||t instanceof s.TreeOutline.TreeOutline&&i.parent===t.rootElement()||(i.parent?.removeChild(i),this.appendIssueViewToParent(i,t))}else{const s=e.getDescription();if(!s)return void console.warn("Could not find description for issue code:",e.code());const n=await t.MarkdownIssueDescription.createIssueDescriptionFromMarkdown(s);i=new Ze(e,n),this.#Oe.set(e.aggregationKey(),i);const r=this.#Xe(e);this.appendIssueViewToParent(i,r)}i.update(),this.#$e()}appendIssueViewToParent(e,t){t.appendChild(e,((e,t)=>e instanceof k?1:t instanceof k?-1:e instanceof Ze&&t instanceof Ze?e.getIssueTitle().localeCompare(t.getIssueTitle()):(console.error("The issues tree should only contain IssueView objects as direct children"),0))),t instanceof s.TreeOutline.TreeElement&&this.#Ze(t)}#Ze(e){const t=e.childrenListNode.children;let i=0;for(let e=0;e<t.length;e++){const n=t[e];n.classList.contains("issue")&&(s.ARIAUtils.setPositionInSet(n,++i),s.ARIAUtils.setSetSize(n,t.length/2))}}#Xe(e){if(e.isHidden())return this.#He;if(x().get()){const t=e.getKind(),s=this.#Ue.get(t);if(s)return s;const i=new T(t);return this.#Ve.appendChild(i,((e,t)=>e instanceof T&&t instanceof T?function(e,t){return e.getKind()===t.getKind()?0:"PageError"===e.getKind()||"BreakingChange"===e.getKind()&&"Improvement"===t.getKind()?-1:1}(e,t):0)),this.#Ue.set(t,i),i}if(nt().get()){const t=e.getCategory(),s=this.#qe.get(t);if(s)return s;const i=new it(t);return this.#Ve.appendChild(i,((e,t)=>e instanceof it&&t instanceof it?e.getCategoryName().localeCompare(t.getCategoryName()):0)),this.#qe.set(t,i),i}return this.#Ve}#Ye(e,t){for(const[s,i]of Array.from(e.entries()))t?.has(s)||(i.parent&&i.parent.removeChild(i),e.delete(s))}#_e(){this.#Qe(!1)}#Qe(e){if(this.#Ye(this.#qe,e?void 0:this.#We.aggregatedIssueCategories()),this.#Ye(this.#Ue,e?void 0:this.#We.aggregatedIssueKinds()),this.#Ye(this.#Oe,e?void 0:this.#We.aggregatedIssueCodes()),this.#We)for(const e of this.#We.aggregatedIssues())this.#Ge(e);this.#$e()}#et(){for(const e of this.#Ue.values()){const t=this.#Fe.numberOfIssues(e.getKind());e.update(t)}}#$e(){this.#tt(this.#Fe.numberOfIssues(),this.#Fe.numberOfHiddenIssues()),x().get()&&this.#et()}#tt(e,t){if(e>0||t>0){this.#He.hidden=0===t,this.#He.update(t),this.#Ve.element.hidden=!1,this.#Be.hideWidget();const e=this.#Ve.firstChild();e&&(e.select(!0),this.setDefaultFocusedElement(e.listItemElement))}else{this.#Ve.element.hidden=!0,this.#Ne&&this.setDefaultFocusedElement(this.#Ne.inputElement);const e=this.#Fe.numberOfAllStoredIssues()>0;this.#Be.header=st(e?et.onlyThirdpartyCookieIssues:et.noIssues),this.#Be.showWidget()}}async reveal(e){await this.#Ke;const t=this.#We.keyForIssue(e),s=this.#Oe.get(t);if(s){if(s.isForHiddenIssue()&&(this.#He.expand(),this.#He.reveal()),x().get()&&!s.isForHiddenIssue()){const e=this.#Ue.get(s.getIssueKind());e?.expand(),e?.reveal()}s.expand(),s.reveal(),s.select(!1,!0)}}}var at=Object.freeze({__proto__:null,IssuesPane:rt,getGroupIssuesByCategorySetting:nt});var ot=Object.freeze({__proto__:null,IssueRevealer:class{async reveal(e){await s.ViewManager.ViewManager.instance().showView("issues-pane");const t=s.ViewManager.ViewManager.instance().view("issues-pane");if(t){const s=await t.widget();if(!(s instanceof rt))throw new Error("Expected issues pane to be an instance of IssuesPane");await s.reveal(e)}}}});export{b as IssueAggregator,ot as IssueRevealer,Ye as IssueView,at as IssuesPane};

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

@@ -0,0 +1 @@
+import*as e from"../../core/common/common.js";import*as t from"../../core/i18n/i18n.js";import*as i from"../../ui/legacy/legacy.js";const n={performance:"Performance",showPerformance:"Show Performance",showRecentTimelineSessions:"Show recent timeline sessions",record:"Record",stop:"Stop",recordAndReload:"Record and reload"},o=t.i18n.registerUIStrings("panels/js_timeline/js_timeline-meta.ts",n),a=t.i18n.getLazilyComputedLocalizedString.bind(void 0,o);let r;async function l(){return r||(r=await import("../timeline/timeline.js")),r}function s(e){return void 0===r?[]:e(r)}i.ViewManager.registerViewExtension({location:"panel",id:"timeline",title:a(n.performance),commandPrompt:a(n.showPerformance),order:66,hasToolbar:!1,isPreviewFeature:!0,loadView:async()=>(await l()).TimelinePanel.TimelinePanel.instance({forceNew:null,isNode:!0})}),i.ActionRegistration.registerActionExtension({actionId:"timeline.show-history",loadActionDelegate:async()=>new((await l()).TimelinePanel.ActionDelegate),category:"PERFORMANCE",title:a(n.showRecentTimelineSessions),contextTypes:()=>s((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Ctrl+H"},{platform:"mac",shortcut:"Meta+Y"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.toggle-recording",category:"PERFORMANCE",iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>s((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>new((await l()).TimelinePanel.ActionDelegate),options:[{value:!0,title:a(n.record)},{value:!1,title:a(n.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>s((e=>[e.TimelinePanel.TimelinePanel])),category:"PERFORMANCE",title:a(n.recordAndReload),loadActionDelegate:async()=>new((await l()).TimelinePanel.ActionDelegate),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]}),e.Settings.registerSettingExtension({category:"PERFORMANCE",storageType:"Synced",settingName:"annotations-hidden",settingType:"boolean",defaultValue:!0});

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

@@ -0,0 +1,2 @@
+"use strict";
+// File intentionally left blank, as the Runtime unconditionally imports entrypoints

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

@@ -0,0 +1 @@
+import*as t from"../../core/i18n/i18n.js";import*as o from"../../ui/legacy/legacy.js";const i={resetView:"Reset view",switchToPanMode:"Switch to pan mode",switchToRotateMode:"Switch to rotate mode",zoomIn:"Zoom in",zoomOut:"Zoom out",panOrRotateUp:"Pan or rotate up",panOrRotateDown:"Pan or rotate down",panOrRotateLeft:"Pan or rotate left",panOrRotateRight:"Pan or rotate right"},e=t.i18n.registerUIStrings("panels/layer_viewer/layer_viewer-meta.ts",i),n=t.i18n.getLazilyComputedLocalizedString.bind(void 0,e);o.ActionRegistration.registerActionExtension({actionId:"layers.reset-view",category:"LAYERS",title:n(i.resetView),bindings:[{shortcut:"0"}]}),o.ActionRegistration.registerActionExtension({actionId:"layers.pan-mode",category:"LAYERS",title:n(i.switchToPanMode),bindings:[{shortcut:"x"}]}),o.ActionRegistration.registerActionExtension({actionId:"layers.rotate-mode",category:"LAYERS",title:n(i.switchToRotateMode),bindings:[{shortcut:"v"}]}),o.ActionRegistration.registerActionExtension({actionId:"layers.zoom-in",category:"LAYERS",title:n(i.zoomIn),bindings:[{shortcut:"Shift+Plus"},{shortcut:"NumpadPlus"}]}),o.ActionRegistration.registerActionExtension({actionId:"layers.zoom-out",category:"LAYERS",title:n(i.zoomOut),bindings:[{shortcut:"Shift+Minus"},{shortcut:"NumpadMinus"}]}),o.ActionRegistration.registerActionExtension({actionId:"layers.up",category:"LAYERS",title:n(i.panOrRotateUp),bindings:[{shortcut:"Up"},{shortcut:"w"}]}),o.ActionRegistration.registerActionExtension({actionId:"layers.down",category:"LAYERS",title:n(i.panOrRotateDown),bindings:[{shortcut:"Down"},{shortcut:"s"}]}),o.ActionRegistration.registerActionExtension({actionId:"layers.left",category:"LAYERS",title:n(i.panOrRotateLeft),bindings:[{shortcut:"Left"},{shortcut:"a"}]}),o.ActionRegistration.registerActionExtension({actionId:"layers.right",category:"LAYERS",title:n(i.panOrRotateRight),bindings:[{shortcut:"Right"},{shortcut:"d"}]});

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

@@ -0,0 +1 @@
+import*as e from"../../core/common/common.js";import*as t from"../../core/i18n/i18n.js";import*as i from"../../core/sdk/sdk.js";import*as s from"../../ui/legacy/legacy.js";import*as r from"../../ui/visual_logging/visual_logging.js";import*as n from"../../ui/legacy/theme_support/theme_support.js";import*as a from"../../core/platform/platform.js";import*as o from"../../ui/legacy/components/perf_ui/perf_ui.js";var l={cssText:`.layer-details-container:has(.empty-view-scroller){display:flex}table{border-spacing:0}table td{font:var(--sys-typescale-body4-regular);line-height:18px;padding:var(--sys-size-3) var(--sys-size-5);vertical-align:top}table td:first-child{color:var(--sys-color-on-surface-subtle);font:var(--sys-typescale-body5-medium);line-height:18px;white-space:nowrap}.scroll-rect.active{background-color:var(--sys-color-neutral-container)}ul{list-style:none;padding-inline-start:0;margin-block:0}.devtools-link.link-margin{margin:8px;display:inline-block}\n/*# sourceURL=${import.meta.resolve("./layerDetailsView.css")} */\n`};const h={showInternalLayers:"Show internal layers"},c=t.i18n.registerUIStrings("panels/layer_viewer/LayerViewHost.ts",h),d=t.i18n.getLocalizedString.bind(void 0,c);class u{typeInternal;layerInternal;constructor(e,t){this.typeInternal=e,this.layerInternal=t}static isEqual(e,t){return e&&t?e.isEqual(t):e===t}type(){return this.typeInternal}layer(){return this.layerInternal}isEqual(e){return!1}}class p extends u{constructor(e){console.assert(Boolean(e),"LayerSelection with empty layer"),super("Layer",e)}isEqual(e){return"Layer"===e.typeInternal&&e.layer().id()===this.layer().id()}}class m extends u{scrollRectIndex;constructor(e,t){super("ScrollRect",e),this.scrollRectIndex=t}isEqual(e){return"ScrollRect"===e.typeInternal&&this.layer().id()===e.layer().id()&&this.scrollRectIndex===e.scrollRectIndex}}class g extends u{snapshotInternal;constructor(e,t){super("Snapshot",e),this.snapshotInternal=t}isEqual(e){return"Snapshot"===e.typeInternal&&this.layer().id()===e.layer().id()&&this.snapshotInternal===e.snapshotInternal}snapshot(){return this.snapshotInternal}}var y=Object.freeze({__proto__:null,LayerSelection:p,LayerView:class{},LayerViewHost:class{views;selectedObject;hoveredObject;showInternalLayersSettingInternal;snapshotLayers;target;constructor(){this.views=[],this.selectedObject=null,this.hoveredObject=null,this.showInternalLayersSettingInternal=e.Settings.Settings.instance().createSetting("layers-show-internal-layers",!1),this.snapshotLayers=new Map}registerView(e){this.views.push(e)}setLayerSnapshotMap(e){this.snapshotLayers=e}getLayerSnapshotMap(){return this.snapshotLayers}setLayerTree(e){if(!e)return;this.target=e.target();const t=this.selectedObject?.layer();t&&!e?.layerById(t.id())&&this.selectObject(null);const i=this.hoveredObject?.layer();i&&!e?.layerById(i.id())&&this.hoverObject(null);for(const t of this.views)t.setLayerTree(e)}hoverObject(e){if(u.isEqual(this.hoveredObject,e))return;this.hoveredObject=e;const t=e?.layer();this.toggleNodeHighlight(t?t.nodeForSelfOrAncestor():null);for(const t of this.views)t.hoverObject(e)}selectObject(e){if(!u.isEqual(this.selectedObject,e)){this.selectedObject=e;for(const t of this.views)t.selectObject(e)}}selection(){return this.selectedObject}showContextMenu(e,t){e.defaultSection().appendCheckboxItem(d(h.showInternalLayers),this.toggleShowInternalLayers.bind(this),{checked:this.showInternalLayersSettingInternal.get(),jslogContext:this.showInternalLayersSettingInternal.name});const i=t?.layer()?.nodeForSelfOrAncestor();i&&e.appendApplicableItems(i),e.show()}showInternalLayersSetting(){return this.showInternalLayersSettingInternal}toggleShowInternalLayers(){this.showInternalLayersSettingInternal.set(!this.showInternalLayersSettingInternal.get())}toggleNodeHighlight(e){e?e.highlightForTwoSeconds():i.OverlayModel.OverlayModel.hideDOMNodeHighlight()}},ScrollRectSelection:m,Selection:u,SnapshotSelection:g});const w={selectALayerToSeeItsDetails:"Select a layer to see its details",noLayerSelected:"No layer selected",scrollRectangleDimensions:"{PH1} {PH2} × {PH3} (at {PH4}, {PH5})",unnamed:"<unnamed>",stickyAncenstorLayersS:"{PH1}: {PH2} ({PH3})",stickyBoxRectangleDimensions:"Sticky Box {PH1} × {PH2} (at {PH3}, {PH4})",containingBlocRectangleDimensions:"Containing Block {PH1} × {PH2} (at {PH3}, {PH4})",nearestLayerShiftingStickyBox:"Nearest Layer Shifting Sticky Box",nearestLayerShiftingContaining:"Nearest Layer Shifting Containing Block",updateRectangleDimensions:"{PH1} × {PH2} (at {PH3}, {PH4})",size:"Size",compositingReasons:"Compositing Reasons",memoryEstimate:"Memory estimate",paintCount:"Paint count",slowScrollRegions:"Slow scroll regions",stickyPositionConstraint:"Sticky position constraint",paintProfiler:"Paint Profiler",nonFastScrollable:"Non fast scrollable",touchEventHandler:"Touch event handler",wheelEventHandler:"Wheel event handler",repaintsOnScroll:"Repaints on scroll",mainThreadScrollingReason:"Main thread scrolling reason"},f=t.i18n.registerUIStrings("panels/layer_viewer/LayerDetailsView.ts",w),v=t.i18n.getLocalizedString.bind(void 0,f),C=t.i18n.getLazilyComputedLocalizedString.bind(void 0,f);class b extends(e.ObjectWrapper.eventMixin(s.Widget.Widget)){layerViewHost;emptyWidget;layerSnapshotMap;tableElement;tbodyElement;sizeCell;compositingReasonsCell;memoryEstimateCell;paintCountCell;scrollRectsCell;stickyPositionConstraintCell;paintProfilerLink;selection;constructor(e){super(!0),this.registerRequiredCSS(l),this.element.setAttribute("jslog",`${r.pane("layers-details")}`),this.contentElement.classList.add("layer-details-container"),this.layerViewHost=e,this.layerViewHost.registerView(this),this.emptyWidget=new s.EmptyWidget.EmptyWidget(v(w.noLayerSelected),v(w.selectALayerToSeeItsDetails)),this.layerSnapshotMap=this.layerViewHost.getLayerSnapshotMap(),this.buildContent(),this.selection=null}hoverObject(e){}selectObject(e){this.selection=e,this.isShowing()&&this.update()}setLayerTree(e){}wasShown(){super.wasShown(),this.update()}onScrollRectClicked(e,t){1===t.which&&this.selection&&this.layerViewHost.selectObject(new m(this.selection.layer(),e))}invokeProfilerLink(){if(!this.selection)return;const e="Snapshot"===this.selection.type()?this.selection:this.layerSnapshotMap.get(this.selection.layer());e&&this.dispatchEventToListeners("PaintProfilerRequested",e)}createScrollRectElement(e,t){t&&s.UIUtils.createTextChild(this.scrollRectsCell,", ");const i=this.scrollRectsCell.createChild("span","scroll-rect");this.selection&&this.selection.scrollRectIndex===t&&i.classList.add("active"),i.textContent=v(w.scrollRectangleDimensions,{PH1:String(x.get(e.type)?.()),PH2:e.rect.width,PH3:e.rect.height,PH4:e.rect.x,PH5:e.rect.y}),i.addEventListener("click",this.onScrollRectClicked.bind(this,t),!1),i.setAttribute("jslog",`${r.action("layers.select-object").track({click:!0})}`)}formatStickyAncestorLayer(e,t){if(!t)return"";const i=t.nodeForSelfOrAncestor(),s=i?i.simpleSelector():v(w.unnamed);return v(w.stickyAncenstorLayersS,{PH1:e,PH2:s,PH3:t.id()})}createStickyAncestorChild(e,t){if(!t)return;s.UIUtils.createTextChild(this.stickyPositionConstraintCell,", ");this.stickyPositionConstraintCell.createChild("span").textContent=this.formatStickyAncestorLayer(e,t)}populateStickyPositionConstraintCell(e){if(this.stickyPositionConstraintCell.removeChildren(),!e)return;const t=e.stickyBoxRect();this.stickyPositionConstraintCell.createChild("span").textContent=v(w.stickyBoxRectangleDimensions,{PH1:t.width,PH2:t.height,PH3:t.x,PH4:t.y}),s.UIUtils.createTextChild(this.stickyPositionConstraintCell,", ");const i=e.containingBlockRect();this.stickyPositionConstraintCell.createChild("span").textContent=v(w.containingBlocRectangleDimensions,{PH1:i.width,PH2:i.height,PH3:i.x,PH4:i.y}),this.createStickyAncestorChild(v(w.nearestLayerShiftingStickyBox),e.nearestLayerShiftingStickyBox()),this.createStickyAncestorChild(v(w.nearestLayerShiftingContaining),e.nearestLayerShiftingContainingBlock())}update(){const e=this.selection?.layer();if(!e)return this.tableElement.remove(),this.paintProfilerLink.remove(),void this.emptyWidget.show(this.contentElement);this.emptyWidget.detach(),this.contentElement.appendChild(this.tableElement),this.contentElement.appendChild(this.paintProfilerLink),this.sizeCell.textContent=v(w.updateRectangleDimensions,{PH1:e.width(),PH2:e.height(),PH3:e.offsetX(),PH4:e.offsetY()}),this.paintCountCell.parentElement&&this.paintCountCell.parentElement.classList.toggle("hidden",!e.paintCount()),this.paintCountCell.textContent=String(e.paintCount()),this.memoryEstimateCell.textContent=t.ByteUtilities.bytesToString(e.gpuMemoryUsage()),e.requestCompositingReasons().then(this.updateCompositingReasons.bind(this)),this.scrollRectsCell.removeChildren(),e.scrollRects().forEach(this.createScrollRectElement.bind(this)),this.populateStickyPositionConstraintCell(e.stickyPositionConstraint());const i=this.selection&&"Snapshot"===this.selection.type()?this.selection.snapshot():null;this.paintProfilerLink.classList.toggle("hidden",!(this.layerSnapshotMap.has(e)||i))}buildContent(){this.tableElement=this.contentElement.createChild("table"),this.tbodyElement=this.tableElement.createChild("tbody"),this.sizeCell=this.createRow(v(w.size)),this.compositingReasonsCell=this.createRow(v(w.compositingReasons)),this.memoryEstimateCell=this.createRow(v(w.memoryEstimate)),this.paintCountCell=this.createRow(v(w.paintCount)),this.scrollRectsCell=this.createRow(v(w.slowScrollRegions)),this.stickyPositionConstraintCell=this.createRow(v(w.stickyPositionConstraint)),this.paintProfilerLink=this.contentElement.createChild("button","hidden devtools-link link-margin text-button link-style"),s.ARIAUtils.markAsLink(this.paintProfilerLink),this.paintProfilerLink.textContent=v(w.paintProfiler),this.paintProfilerLink.tabIndex=0,this.paintProfilerLink.addEventListener("click",(e=>{e.consume(!0),this.invokeProfilerLink()})),this.paintProfilerLink.setAttribute("jslog",`${r.action("layers.paint-profiler").track({click:!0,keydown:"Enter"})}`)}createRow(e){const t=this.tbodyElement.createChild("tr");return t.createChild("td").textContent=e,t.createChild("td")}updateCompositingReasons(e){if(!e?.length)return void(this.compositingReasonsCell.textContent="n/a");this.compositingReasonsCell.removeChildren();const t=this.compositingReasonsCell.createChild("ul");for(const i of e)t.createChild("li").textContent=i}}const x=new Map([["NonFastScrollable",C(w.nonFastScrollable)],["TouchEventHandler",C(w.touchEventHandler)],["WheelEventHandler",C(w.wheelEventHandler)],["RepaintsOnScroll",C(w.repaintsOnScroll)],["MainThreadScrollingReason",C(w.mainThreadScrollingReason)]]);var S=Object.freeze({__proto__:null,LayerDetailsView:b,slowScrollRectNames:x}),P={cssText:`.layer-summary{border-top:1px solid var(--sys-color-divider);justify-content:space-between;padding:4px 10px;flex-shrink:0}.layer-count{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-tree-wrapper{flex-grow:1}\n/*# sourceURL=${import.meta.resolve("./layerTreeOutline.css")} */\n`};const T={layerCount:"{PH1} layers",layersTreePane:"Layers Tree Pane",showPaintProfiler:"Show Paint Profiler",updateChildDimension:" ({PH1} × {PH2})"},L=t.i18n.registerUIStrings("panels/layer_viewer/LayerTreeOutline.ts",T),E=t.i18n.getLocalizedString.bind(void 0,L);class R extends(e.ObjectWrapper.eventMixin(s.TreeOutline.TreeOutline)){layerViewHost;treeOutline;lastHoveredNode;layerCountElement;layerMemoryElement;element;layerTree;layerSnapshotMap;constructor(e){super(),this.layerViewHost=e,this.layerViewHost.registerView(this),this.treeOutline=new s.TreeOutline.TreeOutlineInShadow,this.treeOutline.element.classList.add("layer-tree","overflow-auto"),this.treeOutline.element.addEventListener("mousemove",this.onMouseMove.bind(this),!1),this.treeOutline.element.addEventListener("mouseout",this.onMouseMove.bind(this),!1),this.treeOutline.element.addEventListener("contextmenu",this.onContextMenu.bind(this),!0),s.ARIAUtils.setLabel(this.treeOutline.contentElement,E(T.layersTreePane)),this.lastHoveredNode=null;const t=document.createElement("div");t.classList.add("hbox","layer-summary"),this.layerCountElement=document.createElement("span"),this.layerCountElement.classList.add("layer-count"),this.layerMemoryElement=document.createElement("span"),t.appendChild(this.layerCountElement),t.appendChild(this.layerMemoryElement);const i=document.createElement("div");i.classList.add("vbox","layer-tree-wrapper"),i.appendChild(this.treeOutline.element),i.appendChild(t),this.element=i,n.ThemeSupport.instance().appendStyle(this.element,P),this.layerViewHost.showInternalLayersSetting().addChangeListener(this.update,this)}focus(){this.treeOutline.focus()}selectObject(e){this.hoverObject(null);const t=e?.layer(),i=t&&M.get(t);i?i.revealAndSelect(!0):this.treeOutline.selectedTreeElement&&this.treeOutline.selectedTreeElement.deselect()}hoverObject(e){const t=e?.layer(),i=t&&M.get(t);i!==this.lastHoveredNode&&(this.lastHoveredNode&&this.lastHoveredNode.setHovered(!1),i&&i.setHovered(!0),this.lastHoveredNode=i)}setLayerTree(e){this.layerTree=e,this.update()}update(){const e=this.layerViewHost.showInternalLayersSetting().get(),i=new Map;let s=null;this.layerTree&&(e||(s=this.layerTree.contentRoot()),s||(s=this.layerTree.root()));let r=0,n=0;s&&this.layerTree&&this.layerTree.forEachLayer(function(t){if(!t.drawsContent()&&!e)return;i.get(t)&&console.assert(!1,"Duplicate layer: "+t.id()),i.set(t,!0),r++,n+=t.gpuMemoryUsage();let a=M.get(t)||null,o=t.parent();for(;o&&o!==s&&!o.drawsContent()&&!e;)o=o.parent();const l=t===s?this.treeOutline.rootElement():o&&M.get(o);if(l)if(a){if(a.parent!==l){const e=this.treeOutline.selectedTreeElement;a.parent&&a.parent.removeChild(a),l.appendChild(a),e&&e!==this.treeOutline.selectedTreeElement&&e.select()}a.update()}else a=new I(this,t),l.appendChild(a),t.drawsContent()||a.expand();else console.assert(!1,"Parent is not in the tree")}.bind(this),s);for(let e=this.treeOutline.rootElement().firstChild();e instanceof I&&!e.root;)if(i.get(e.layer))e=e.traverseNextTreeElement(!1);else{const t=e.nextSibling||e.parent;e.parent&&e.parent.removeChild(e),e===this.lastHoveredNode&&(this.lastHoveredNode=null),e=t}if(!this.treeOutline.selectedTreeElement&&this.layerTree){const e=this.layerTree.contentRoot()||this.layerTree.root();if(e){const t=M.get(e);t&&t.revealAndSelect(!0)}}this.layerCountElement.textContent=E(T.layerCount,{PH1:r}),this.layerMemoryElement.textContent=t.ByteUtilities.bytesToString(n)}onMouseMove(e){const t=this.treeOutline.treeElementFromEvent(e);t!==this.lastHoveredNode&&this.layerViewHost.hoverObject(this.selectionForNode(t))}selectedNodeChanged(e){this.layerViewHost.selectObject(this.selectionForNode(e))}onContextMenu(e){const t=this.selectionForNode(this.treeOutline.treeElementFromEvent(e)),i=new s.ContextMenu.ContextMenu(e),r=t?.layer();t&&r&&(this.layerSnapshotMap=this.layerViewHost.getLayerSnapshotMap(),this.layerSnapshotMap.has(r)&&i.defaultSection().appendItem(E(T.showPaintProfiler),(()=>this.dispatchEventToListeners("PaintProfilerRequested",t)),{jslogContext:"layers.paint-profiler"})),this.layerViewHost.showContextMenu(i,t)}selectionForNode(e){return e?.layer?new p(e.layer):null}}class I extends s.TreeOutline.TreeElement{treeOutlineInternal;layer;constructor(e,t){super(),this.treeOutlineInternal=e,this.layer=t,M.set(t,this),this.update()}update(){const e=this.layer.nodeForSelfOrAncestor(),t=document.createDocumentFragment();s.UIUtils.createTextChild(t,e?e.simpleSelector():"#"+this.layer.id());t.createChild("span","dimmed").textContent=E(T.updateChildDimension,{PH1:this.layer.width(),PH2:this.layer.height()}),this.title=t}onselect(){return this.treeOutlineInternal.selectedNodeChanged(this),!1}setHovered(e){this.listItemElement.classList.toggle("hovered",e)}}const M=new WeakMap;var O=Object.freeze({__proto__:null,LayerTreeElement:I,LayerTreeOutline:R,layerToTreeElement:M}),H={cssText:`.layers-3d-view{overflow:hidden;user-select:none;> .empty-view-scroller{inset:0;position:absolute;background-color:var(--sys-color-cdt-base-container)}}devtools-toolbar{background-color:var(--sys-color-cdt-base-container);border-bottom:1px solid var(--sys-color-divider)}canvas{flex:1 1}.layers-3d-view > canvas:focus-visible{outline:auto 5px -webkit-focus-ring-color}\n/*# sourceURL=${import.meta.resolve("./layers3DView.css")} */\n`};const B={panModeX:"Pan mode (X)",rotateModeV:"Rotate mode (V)",resetTransform:"Reset transform (0)"},A=t.i18n.registerUIStrings("panels/layer_viewer/TransformController.ts",B),D=t.i18n.getLocalizedString.bind(void 0,A);class k extends e.ObjectWrapper.ObjectWrapper{mode;scaleInternal;offsetXInternal;offsetYInternal;rotateXInternal;rotateYInternal;oldRotateX;oldRotateY;originX;originY;element;minScale;maxScale;controlPanelToolbar;modeButtons;constructor(e,t){if(super(),this.scaleInternal=1,this.offsetXInternal=0,this.offsetYInternal=0,this.rotateXInternal=0,this.rotateYInternal=0,this.oldRotateX=0,this.oldRotateY=0,this.originX=0,this.originY=0,this.element=e,this.registerShortcuts(),s.UIUtils.installDragHandle(e,this.onDragStart.bind(this),this.onDrag.bind(this),this.onDragEnd.bind(this),"move",null),e.addEventListener("wheel",this.onMouseWheel.bind(this),!1),this.minScale=0,this.maxScale=1/0,this.controlPanelToolbar=document.createElement("devtools-toolbar"),this.controlPanelToolbar.classList.add("transform-control-panel"),this.controlPanelToolbar.setAttribute("jslog",`${r.toolbar()}`),this.modeButtons={},!t){const e=new s.Toolbar.ToolbarToggle(D(B.panModeX),"3d-pan",void 0,"layers.3d-pan",!1);e.addEventListener("Click",this.setMode.bind(this,"Pan")),this.modeButtons.Pan=e,this.controlPanelToolbar.appendToolbarItem(e);const t=new s.Toolbar.ToolbarToggle(D(B.rotateModeV),"3d-rotate",void 0,"layers.3d-rotate",!1);t.addEventListener("Click",this.setMode.bind(this,"Rotate")),this.modeButtons.Rotate=t,this.controlPanelToolbar.appendToolbarItem(t)}this.setMode("Pan");const i=new s.Toolbar.ToolbarButton(D(B.resetTransform),"3d-center",void 0,"layers.3d-center");i.addEventListener("Click",this.resetAndNotify.bind(this,void 0)),this.controlPanelToolbar.appendToolbarItem(i),this.reset()}toolbar(){return this.controlPanelToolbar}registerShortcuts(){s.ShortcutRegistry.ShortcutRegistry.instance().addShortcutListener(this.element,{"layers.reset-view":async()=>(this.resetAndNotify(),!0),"layers.pan-mode":async()=>(this.setMode("Pan"),!0),"layers.rotate-mode":async()=>(this.setMode("Rotate"),!0),"layers.zoom-in":this.onKeyboardZoom.bind(this,1.1),"layers.zoom-out":this.onKeyboardZoom.bind(this,1/1.1),"layers.up":this.onKeyboardPanOrRotate.bind(this,0,-1),"layers.down":this.onKeyboardPanOrRotate.bind(this,0,1),"layers.left":this.onKeyboardPanOrRotate.bind(this,-1,0),"layers.right":this.onKeyboardPanOrRotate.bind(this,1,0)})}postChangeEvent(){this.dispatchEventToListeners("TransformChanged")}reset(){this.scaleInternal=1,this.offsetXInternal=0,this.offsetYInternal=0,this.rotateXInternal=0,this.rotateYInternal=0}setMode(e){this.mode!==e&&(this.mode=e,this.updateModeButtons())}updateModeButtons(){for(const e in this.modeButtons)this.modeButtons[e].setToggled(e===this.mode)}resetAndNotify(e){this.reset(),this.postChangeEvent(),e&&e.preventDefault(),this.element.focus()}setScaleConstraints(e,t){this.minScale=e,this.maxScale=t,this.scaleInternal=a.NumberUtilities.clamp(this.scaleInternal,e,t)}clampOffsets(e,t,i,s){this.offsetXInternal=a.NumberUtilities.clamp(this.offsetXInternal,e,t),this.offsetYInternal=a.NumberUtilities.clamp(this.offsetYInternal,i,s)}scale(){return this.scaleInternal}offsetX(){return this.offsetXInternal}offsetY(){return this.offsetYInternal}rotateX(){return this.rotateXInternal}rotateY(){return this.rotateYInternal}onScale(e,t,i){e=a.NumberUtilities.clamp(this.scaleInternal*e,this.minScale,this.maxScale)/this.scaleInternal,this.scaleInternal*=e,this.offsetXInternal-=(t-this.offsetXInternal)*(e-1),this.offsetYInternal-=(i-this.offsetYInternal)*(e-1),this.postChangeEvent()}onPan(e,t){this.offsetXInternal+=e,this.offsetYInternal+=t,this.postChangeEvent()}onRotate(e,t){this.rotateXInternal=e,this.rotateYInternal=t,this.postChangeEvent()}async onKeyboardZoom(e){return this.onScale(e,this.element.clientWidth/2,this.element.clientHeight/2),!0}async onKeyboardPanOrRotate(e,t){return"Rotate"===this.mode?this.onRotate(this.rotateXInternal+5*t,this.rotateYInternal+5*e):this.onPan(6*e,6*t),!0}onMouseWheel(e){const t=e,i=Math.pow(1.1,-t.deltaY*(1/53));this.onScale(i,t.clientX-this.element.getBoundingClientRect().left,t.clientY-this.element.getBoundingClientRect().top)}onDrag(e){const{clientX:t,clientY:i}=e;"Rotate"===this.mode?this.onRotate(this.oldRotateX+(this.originY-i)/this.element.clientHeight*180,this.oldRotateY-(this.originX-t)/this.element.clientWidth*180):(this.onPan(t-this.originX,i-this.originY),this.originX=t,this.originY=i)}onDragStart(e){return this.element.focus(),this.originX=e.clientX,this.originY=e.clientY,this.oldRotateX=this.rotateXInternal,this.oldRotateY=this.rotateYInternal,!0}onDragEnd(){this.originX=0,this.originY=0,this.oldRotateX=0,this.oldRotateY=0}}var W=Object.freeze({__proto__:null,TransformController:k});const V={noLayerInformation:"No layers detected yet",layerExplanation:"On this page you will be able to view and inspect document layers.",dLayersView:"3D Layers View",cantDisplayLayers:"Can't display layers",webglSupportIsDisabledInYour:"WebGL support is disabled in your browser.",checkSForPossibleReasons:"Check {PH1} for possible reasons.",slowScrollRects:"Slow scroll rects",paints:"Paints",resetView:"Reset View",showPaintProfiler:"Show Paint Profiler"},U=t.i18n.registerUIStrings("panels/layer_viewer/Layers3DView.ts",V),_=t.i18n.getLocalizedString.bind(void 0,U),F=new Map,j=new Map,X=new Map,N=new Map,Y=new Map,z=new Map;class q extends(e.ObjectWrapper.eventMixin(s.Widget.VBox)){failBanner;layerViewHost;transformController;canvasElement;lastSelection;layerTree;textureManager;chromeTextures;rects;snapshotLayers;shaderProgram;oldTextureScale;depthByLayerId;visibleLayers;maxDepth;scale;layerTexture;projectionMatrix;whiteTexture;gl;dimensionsForAutoscale;needsUpdate;updateScheduled;panelToolbar;showSlowScrollRectsSetting;showPaintsSetting;mouseDownX;mouseDownY;constructor(e){super(!0),this.registerRequiredCSS(H),this.element.setAttribute("jslog",`${r.pane("layers-3d-view")}`),this.contentElement.classList.add("layers-3d-view"),this.failBanner=new s.EmptyWidget.EmptyWidget(_(V.noLayerInformation),_(V.layerExplanation)),this.layerViewHost=e,this.layerViewHost.registerView(this),this.transformController=new k(this.contentElement),this.transformController.addEventListener("TransformChanged",this.update,this),this.initToolbar(),this.canvasElement=this.contentElement.createChild("canvas"),this.canvasElement.tabIndex=0,this.canvasElement.addEventListener("dblclick",this.onDoubleClick.bind(this),!1),this.canvasElement.addEventListener("mousedown",this.onMouseDown.bind(this),!1),this.canvasElement.addEventListener("mouseup",this.onMouseUp.bind(this),!1),this.canvasElement.addEventListener("mouseleave",this.onMouseMove.bind(this),!1),this.canvasElement.addEventListener("mousemove",this.onMouseMove.bind(this),!1),this.canvasElement.addEventListener("contextmenu",this.onContextMenu.bind(this),!1),this.canvasElement.setAttribute("jslog",`${r.canvas("layers").track({click:!0,drag:!0})}`),s.ARIAUtils.setLabel(this.canvasElement,_(V.dLayersView)),this.lastSelection={},this.layerTree=null,this.updateScheduled=!1,this.textureManager=new le(this.update.bind(this)),this.chromeTextures=[],this.rects=[],this.snapshotLayers=new Map,this.layerViewHost.setLayerSnapshotMap(this.snapshotLayers),this.layerViewHost.showInternalLayersSetting().addChangeListener(this.update,this)}setLayerTree(e){this.layerTree=e,this.layerTexture=null,delete this.oldTextureScale,this.showPaints()&&this.textureManager.setLayerTree(e),this.update()}showImageForLayer(e,t){if(!t)return this.layerTexture=null,void this.update();s.UIUtils.loadImage(t).then((t=>{const i=t&&le.createTextureForImage(this.gl||null,t);this.layerTexture=i?{layer:e,texture:i}:null,this.update()}))}onResize(){this.resizeCanvas(),this.update()}willHide(){this.textureManager.suspend()}wasShown(){this.textureManager.resume(),this.needsUpdate&&(this.resizeCanvas(),this.update())}updateLayerSnapshot(e){this.textureManager.layerNeedsUpdate(e)}setOutline(e,t){this.lastSelection[e]=t,this.update()}hoverObject(e){this.setOutline(G.Hovered,e)}selectObject(e){this.setOutline(G.Hovered,null),this.setOutline(G.Selected,e)}snapshotForSelection(e){if("Snapshot"===e.type()){const t=e.snapshot();return t.snapshot.addReference(),Promise.resolve(t)}if(e.layer()){const t=e.layer().snapshots()[0];if(void 0!==t)return t}return Promise.resolve(null)}initGL(e){const t=e.getContext("webgl");return t?(t.blendFunc(t.SRC_ALPHA,t.ONE_MINUS_SRC_ALPHA),t.enable(t.BLEND),t.clearColor(0,0,0,0),t.enable(t.DEPTH_TEST),t):null}createShader(e,t){if(!this.gl)return;const i=this.gl.createShader(e);i&&this.shaderProgram&&(this.gl.shaderSource(i,t),this.gl.compileShader(i),this.gl.attachShader(this.shaderProgram,i))}initShaders(){if(!this.gl)return;if(this.shaderProgram=this.gl.createProgram(),!this.shaderProgram)return;this.createShader(this.gl.FRAGMENT_SHADER,K),this.createShader(this.gl.VERTEX_SHADER,$),this.gl.linkProgram(this.shaderProgram),this.gl.useProgram(this.shaderProgram);const e=this.gl.getAttribLocation(this.shaderProgram,"aVertexPosition");this.gl.enableVertexAttribArray(e),F.set(this.shaderProgram,e);const t=this.gl.getAttribLocation(this.shaderProgram,"aVertexColor");this.gl.enableVertexAttribArray(t),j.set(this.shaderProgram,t);const i=this.gl.getAttribLocation(this.shaderProgram,"aTextureCoord");this.gl.enableVertexAttribArray(i),X.set(this.shaderProgram,i);const s=this.gl.getUniformLocation(this.shaderProgram,"uPMatrix");N.set(this.shaderProgram,s);const r=this.gl.getUniformLocation(this.shaderProgram,"uSampler");Y.set(this.shaderProgram,r)}resizeCanvas(){this.canvasElement.width=this.canvasElement.offsetWidth*window.devicePixelRatio,this.canvasElement.height=this.canvasElement.offsetHeight*window.devicePixelRatio}updateTransformAndConstraints(){const e=this.dimensionsForAutoscale||{width:0,height:0},t=this.layerTree?this.layerTree.viewportSize():null,i=t?t.width:e.width,r=t?t.height:e.height,n=this.canvasElement.width,o=this.canvasElement.height,l=.1*n,h=.1*o,c=(n-2*l)/i,d=(o-2*h)/r,u=Math.min(c,d),p=Math.min(i/e.width,r/e.width)/2;this.transformController.setScaleConstraints(p,10/u);const m=this.transformController.scale(),g=this.transformController.rotateX(),y=this.transformController.rotateY();this.scale=m*u;const w=a.NumberUtilities.clamp(this.scale,.1,1);w!==this.oldTextureScale&&(this.oldTextureScale=w,this.textureManager.setScale(w),this.dispatchEventToListeners("ScaleChanged",w));const f=(new WebKitCSSMatrix).scale(m,m,m).translate(n/2,o/2,0).rotate(g,y,0).scale(u,u,u).translate(-i/2,-r/2,0);let v;for(let e=0;e<this.rects.length;++e)v=s.Geometry.boundsForTransformedPoints(f,this.rects[e].vertices,v);v&&this.transformController.clampOffsets((l-v.maxX)/window.devicePixelRatio,(n-l-v.minX)/window.devicePixelRatio,(h-v.maxY)/window.devicePixelRatio,(o-h-v.minY)/window.devicePixelRatio);const C=this.transformController.offsetX()*window.devicePixelRatio,b=this.transformController.offsetY()*window.devicePixelRatio;this.projectionMatrix=(new WebKitCSSMatrix).translate(C,b,0).multiply(f);const x=(new WebKitCSSMatrix).scale(1,-1,-1).translate(-1,-1,0).scale(2/this.canvasElement.width,2/this.canvasElement.height,1e-6).multiply(this.projectionMatrix);if(this.shaderProgram){const e=N.get(this.shaderProgram);this.gl&&e&&this.gl.uniformMatrix4fv(e,!1,this.arrayFromMatrix(x))}}arrayFromMatrix(e){return new Float32Array([e.m11,e.m12,e.m13,e.m14,e.m21,e.m22,e.m23,e.m24,e.m31,e.m32,e.m33,e.m34,e.m41,e.m42,e.m43,e.m44])}initWhiteTexture(){if(!this.gl)return;this.whiteTexture=this.gl.createTexture(),this.gl.bindTexture(this.gl.TEXTURE_2D,this.whiteTexture);const e=new Uint8Array([255,255,255,255]);this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,1,1,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,e)}initChromeTextures(){function e(e,t){s.UIUtils.loadImage(t).then((t=>{this.chromeTextures[e]=t&&le.createTextureForImage(this.gl||null,t)||void 0}))}e.call(this,0,"Images/chromeLeft.avif"),e.call(this,1,"Images/chromeMiddle.avif"),e.call(this,2,"Images/chromeRight.avif")}initGLIfNecessary(){return this.gl?this.gl:(this.gl=this.initGL(this.canvasElement),this.gl?(this.initShaders(),this.initWhiteTexture(),this.initChromeTextures(),this.textureManager.setContext(this.gl),this.gl):null)}calculateDepthsAndVisibility(){this.depthByLayerId=new Map;let e=0;const t=this.layerViewHost.showInternalLayersSetting().get();if(!this.layerTree)return;const i=t?this.layerTree.root():this.layerTree.contentRoot()||this.layerTree.root();if(!i)return;const s=[i];for(this.depthByLayerId.set(i.id(),0),this.visibleLayers=new Set;s.length>0;){const i=s.shift();if(!i)break;(t||i.drawsContent())&&this.visibleLayers.add(i);const r=i.children();for(let t=0;t<r.length;++t)this.depthByLayerId.set(r[t].id(),++e),s.push(r[t])}this.maxDepth=e}depthForLayer(e){return(this.depthByLayerId.get(e.id())||0)*ae}calculateScrollRectDepth(e,t){return this.depthForLayer(e)+t*oe+1}updateDimensionsForAutoscale(e){this.dimensionsForAutoscale||(this.dimensionsForAutoscale={width:0,height:0}),this.dimensionsForAutoscale.width=Math.max(e.width(),this.dimensionsForAutoscale.width),this.dimensionsForAutoscale.height=Math.max(e.height(),this.dimensionsForAutoscale.height)}calculateLayerRect(e){if(!this.visibleLayers.has(e))return;const t=new p(e),i=new he(t);i.setVertices(e.quad(),this.depthForLayer(e)),this.appendRect(i),this.updateDimensionsForAutoscale(e)}appendRect(e){const t=e.relatedObject,i=u.isEqual(this.lastSelection[G.Selected],t),s=u.isEqual(this.lastSelection[G.Hovered],t);if(i)e.borderColor=Z;else if(s){e.borderColor=Q;const t=e.fillColor||[255,255,255,1],i=ie;e.fillColor=[t[0]*i[0]/255,t[1]*i[1]/255,t[2]*i[2]/255,t[3]*i[3]]}else e.borderColor=J;e.lineWidth=i?re:se,this.rects.push(e)}calculateLayerScrollRects(e){const t=e.scrollRects();for(let i=0;i<t.length;++i){const s=new m(e,i),r=new he(s);r.calculateVerticesFromRect(e,t[i].rect,this.calculateScrollRectDepth(e,i)),r.fillColor=te,this.appendRect(r)}}calculateLayerTileRects(e){const t=this.textureManager.tilesForLayer(e);for(let i=0;i<t.length;++i){const s=t[i];if(!s.texture)continue;const r=new g(e,{rect:s.rect,snapshot:s.snapshot}),n=new he(r);this.snapshotLayers.has(e)||this.snapshotLayers.set(e,r),n.calculateVerticesFromRect(e,s.rect,this.depthForLayer(e)+1),n.texture=s.texture,this.appendRect(n)}}calculateRects(){if(this.rects=[],this.snapshotLayers.clear(),this.dimensionsForAutoscale={width:0,height:0},this.layerTree&&this.layerTree.forEachLayer(this.calculateLayerRect.bind(this)),this.showSlowScrollRectsSetting&&this.showSlowScrollRectsSetting.get()&&this.layerTree&&this.layerTree.forEachLayer(this.calculateLayerScrollRects.bind(this)),this.layerTexture&&this.visibleLayers.has(this.layerTexture.layer)){const e=this.layerTexture.layer,t=new p(e),i=new he(t);i.setVertices(e.quad(),this.depthForLayer(e)),i.texture=this.layerTexture.texture,this.appendRect(i)}else this.showPaints()&&this.layerTree&&this.layerTree.forEachLayer(this.calculateLayerTileRects.bind(this))}makeColorsArray(e){let t=[];const i=[e[0]/255,e[1]/255,e[2]/255,e[3]];for(let e=0;e<4;e++)t=t.concat(i);return t}setVertexAttribute(e,t,i){const s=this.gl;if(!s)return;const r=s.createBuffer();s.bindBuffer(s.ARRAY_BUFFER,r),s.bufferData(s.ARRAY_BUFFER,new Float32Array(t),s.STATIC_DRAW),s.vertexAttribPointer(e,i,s.FLOAT,!1,0,0)}drawRectangle(e,t,i,s){const r=this.gl;if(i=i||[255,255,255,1],!this.shaderProgram)return;const n=F.get(this.shaderProgram),a=X.get(this.shaderProgram),o=j.get(this.shaderProgram);if(void 0!==n&&this.setVertexAttribute(n,e,3),void 0!==a&&this.setVertexAttribute(a,[0,1,1,1,1,0,0,0],2),void 0!==o&&this.setVertexAttribute(o,this.makeColorsArray(i),i.length),!r)return;const l=Y.get(this.shaderProgram);s?l&&(r.activeTexture(r.TEXTURE0),r.bindTexture(r.TEXTURE_2D,s),r.uniform1i(l,0)):this.whiteTexture&&r.bindTexture(r.TEXTURE_2D,this.whiteTexture);const h=e.length/3;r.drawArrays(t,0,h)}drawTexture(e,t,i){this.gl&&this.drawRectangle(e,this.gl.TRIANGLE_FAN,i,t)}drawViewportAndChrome(){if(!this.layerTree)return;const t=this.layerTree.viewportSize();if(!t)return;const i=!e.Settings.Settings.instance().moduleSetting("frame-viewer-hide-chrome-window").get()&&this.chromeTextures.length>=3&&this.chromeTextures.indexOf(void 0)<0,s=(this.maxDepth+1)*ae,r=Math.ceil(ne*this.scale);let n=[t.width,0,s,t.width,t.height,s,0,t.height,s,0,0,s];if(!this.gl)return;if(this.gl.lineWidth(r),this.drawRectangle(n,i?this.gl.LINE_STRIP:this.gl.LINE_LOOP,ee),!i)return;const a=this.layerTree.viewportSize();if(!a)return;const o=ne/2,l=a.width+2*o;if(this.chromeTextures[0]&&this.chromeTextures[2]){const e=z.get(this.chromeTextures[0])||{naturalHeight:0,naturalWidth:0},t=e.naturalHeight,i=z.get(this.chromeTextures[2])||{naturalHeight:0,naturalWidth:0},r=l-e.naturalWidth-i.naturalWidth;let a=-o;const h=-t;for(let e=0;e<this.chromeTextures.length;++e){const i=this.chromeTextures[e];if(!i)continue;const o=z.get(i);if(!o)continue;const c=1===e?r:o.naturalWidth;if(c<0||a+c>l)break;n=[a,h,s,a+c,h,s,a+c,h+t,s,a,h+t,s],this.drawTexture(n,this.chromeTextures[e]),a+=c}}}drawViewRect(e){if(!this.gl)return;const t=e.vertices;e.texture?this.drawTexture(t,e.texture,e.fillColor||void 0):e.fillColor&&this.drawRectangle(t,this.gl.TRIANGLE_FAN,e.fillColor),this.gl.lineWidth(e.lineWidth),e.borderColor&&this.drawRectangle(t,this.gl.LINE_LOOP,e.borderColor)}update(){this.isShowing()?this.updateScheduled||(this.updateScheduled=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.updateScheduled=!1,this.innerUpdate()}))))):this.needsUpdate=!0}innerUpdate(){if(!this.layerTree?.root())return void this.failBanner.show(this.contentElement);const e=this.initGLIfNecessary();if(!e)return this.failBanner.detach(),this.failBanner=this.webglDisabledBanner(),void this.failBanner.show(this.contentElement);this.failBanner.detach();const t=this.canvasElement.width,i=this.canvasElement.height;this.calculateDepthsAndVisibility(),this.calculateRects(),this.updateTransformAndConstraints(),e.viewport(0,0,t,i),e.clear(e.COLOR_BUFFER_BIT|e.DEPTH_BUFFER_BIT),this.rects.forEach(this.drawViewRect.bind(this)),this.drawViewportAndChrome()}webglDisabledBanner(){const e=new s.EmptyWidget.EmptyWidget(_(V.cantDisplayLayers),_(V.webglSupportIsDisabledInYour));return e.contentElement.appendChild(t.i18n.getFormatLocalizedString(U,V.checkSForPossibleReasons,{PH1:s.XLink.XLink.create("about:gpu",void 0,void 0,void 0,"about-gpu")})),e}selectionFromEventPoint(e){const t=e;if(!this.layerTree)return null;let i=1/0,s=null;const r=(new WebKitCSSMatrix).scale(1,-1,-1).translate(-1,-1,0).multiply(this.projectionMatrix),n=(t.clientX-this.canvasElement.getBoundingClientRect().left)*window.devicePixelRatio,a=-(t.clientY-this.canvasElement.getBoundingClientRect().top)*window.devicePixelRatio;return this.rects.forEach((function(e){if(!e.relatedObject)return;const t=e.intersectWithLine(r,n,a);t&&t<i&&(i=t,s=e.relatedObject)})),s}createVisibilitySetting(t,i,r,n){const a=e.Settings.Settings.instance().createSetting(i,r);return a.setTitle(t),a.addChangeListener(this.update,this),n.appendToolbarItem(new s.Toolbar.ToolbarSettingCheckbox(a)),a}initToolbar(){this.panelToolbar=this.transformController.toolbar(),this.contentElement.appendChild(this.panelToolbar),this.showPaintsSetting=this.createVisibilitySetting(_(V.paints),"frame-viewer-show-paints",!1,this.panelToolbar),this.showSlowScrollRectsSetting=this.createVisibilitySetting(_(V.slowScrollRects),"frame-viewer-show-slow-scroll-rects",!0,this.panelToolbar),this.showPaintsSetting.addChangeListener(this.updatePaints,this),e.Settings.Settings.instance().moduleSetting("frame-viewer-hide-chrome-window").addChangeListener(this.update,this)}onContextMenu(e){const t=new s.ContextMenu.ContextMenu(e);t.defaultSection().appendItem(_(V.resetView),(()=>this.transformController.resetAndNotify()),{jslogContext:"layers.3d-center"});const i=this.selectionFromEventPoint(e);i&&"Snapshot"===i.type()&&t.defaultSection().appendItem(_(V.showPaintProfiler),(()=>this.dispatchEventToListeners("PaintProfilerRequested",i)),{jslogContext:"layers.paint-profiler"}),this.layerViewHost.showContextMenu(t,i)}onMouseMove(e){e.which||this.layerViewHost.hoverObject(this.selectionFromEventPoint(e))}onMouseDown(e){const t=e;this.mouseDownX=t.clientX,this.mouseDownY=t.clientY}onMouseUp(e){const t=e;this.mouseDownX&&Math.abs(t.clientX-this.mouseDownX)<6&&Math.abs(t.clientY-(this.mouseDownY||0))<6&&(this.canvasElement.focus(),this.layerViewHost.selectObject(this.selectionFromEventPoint(e))),delete this.mouseDownX,delete this.mouseDownY}onDoubleClick(e){const t=this.selectionFromEventPoint(e);t&&("Snapshot"===t.type()||t.layer())&&this.dispatchEventToListeners("PaintProfilerRequested",t),e.stopPropagation()}updatePaints(){this.showPaints()?(this.textureManager.setLayerTree(this.layerTree),this.textureManager.forceUpdate()):this.textureManager.reset(),this.update()}showPaints(){return!!this.showPaintsSetting&&this.showPaintsSetting.get()}}var G;!function(e){e.Hovered="hovered",e.Selected="selected"}(G||(G={}));const K="precision mediump float;\nvarying vec4 vColor;\nvarying vec2 vTextureCoord;\nuniform sampler2D uSampler;\nvoid main(void)\n{\n    gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.s, vTextureCoord.t)) * vColor;\n}",$="attribute vec3 aVertexPosition;\nattribute vec2 aTextureCoord;\nattribute vec4 aVertexColor;\nuniform mat4 uPMatrix;\nvarying vec2 vTextureCoord;\nvarying vec4 vColor;\nvoid main(void)\n{\ngl_Position = uPMatrix * vec4(aVertexPosition, 1.0);\nvColor = aVertexColor;\nvTextureCoord = aTextureCoord;\n}",Q=[0,0,255,1],Z=[0,255,0,1],J=[0,0,0,1],ee=[160,160,160,1],te=[178,100,100,.6],ie=[200,200,255,1],se=1,re=2,ne=3,ae=20,oe=4;class le{textureUpdatedCallback;throttler;scale;active;queue;tilesByLayer;gl;constructor(t){this.textureUpdatedCallback=t,this.throttler=new e.Throttler.Throttler(0),this.scale=0,this.active=!1,this.reset()}static createTextureForImage(e,t){if(!e)throw new Error("WebGLRenderingContext not provided");const i=e.createTexture();if(!i)throw new Error("Unable to create texture");return z.set(i,t),e.bindTexture(e.TEXTURE_2D,i),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,null),i}reset(){this.tilesByLayer&&this.setLayerTree(null),this.tilesByLayer=new Map,this.queue=[]}setContext(e){this.gl=e,this.scale&&this.updateTextures()}suspend(){this.active=!1}resume(){this.active=!0,this.queue.length&&this.update()}setLayerTree(e){const t=new Set,i=Array.from(this.tilesByLayer.keys());e&&e.forEachLayer((e=>{e.drawsContent()&&(t.add(e),this.tilesByLayer.has(e)||(this.tilesByLayer.set(e,[]),this.layerNeedsUpdate(e)))})),i.length||this.forceUpdate();for(const e of i){if(t.has(e))continue;const i=this.tilesByLayer.get(e);i&&i.forEach((e=>e.dispose())),this.tilesByLayer.delete(e)}}setSnapshotsForLayer(e,t){const i=new Map((this.tilesByLayer.get(e)||[]).map((e=>[e.snapshot,e]))),s=[],r=[];for(const e of t){const t=i.get(e.snapshot);t?(r.push(t),i.delete(e.snapshot)):s.push(new ce(e))}this.tilesByLayer.set(e,r.concat(s));for(const e of i.values())e.dispose();const n=this.gl;return n&&this.scale?Promise.all(s.map((e=>e.update(n,this.scale)))).then(this.textureUpdatedCallback):Promise.resolve()}setScale(e){this.scale&&this.scale>=e||(this.scale=e,this.updateTextures())}tilesForLayer(e){return this.tilesByLayer.get(e)||[]}layerNeedsUpdate(e){this.queue.indexOf(e)<0&&this.queue.push(e),this.active&&this.throttler.schedule(this.update.bind(this))}forceUpdate(){this.queue.forEach((e=>this.updateLayer(e))),this.queue=[],this.update()}update(){const e=this.queue.shift();return e?(this.queue.length&&this.throttler.schedule(this.update.bind(this)),this.updateLayer(e)):Promise.resolve()}updateLayer(e){return Promise.all(e.snapshots()).then((t=>this.setSnapshotsForLayer(e,t.filter((e=>null!==e)))))}updateTextures(){if(this.gl&&this.scale)for(const e of this.tilesByLayer.values())for(const t of e){const e=t.updateScale(this.gl,this.scale);e&&e.then(this.textureUpdatedCallback)}}}class he{relatedObject;lineWidth;borderColor;fillColor;texture;vertices;constructor(e){this.relatedObject=e,this.lineWidth=1,this.borderColor=null,this.fillColor=null,this.texture=null}setVertices(e,t){this.vertices=[e[0],e[1],t,e[2],e[3],t,e[4],e[5],t,e[6],e[7],t]}calculatePointOnQuad(e,t,i){const s=e[0],r=e[1],n=e[2],a=e[3],o=e[4],l=e[5],h=e[6],c=e[7],d=s+t*(n-s),u=r+t*(a-r);return[d+i*(h+t*(o-h)-d),u+i*(c+t*(l-c)-u)]}calculateVerticesFromRect(e,t,i){const s=e.quad(),r=t.x/e.width(),n=(t.x+t.width)/e.width(),a=t.y/e.height(),o=(t.y+t.height)/e.height(),l=this.calculatePointOnQuad(s,r,a).concat(this.calculatePointOnQuad(s,n,a)).concat(this.calculatePointOnQuad(s,n,o)).concat(this.calculatePointOnQuad(s,r,o));this.setVertices(l,i)}intersectWithLine(e,t,i){let r;const n=[];for(r=0;r<4;++r)n[r]=s.Geometry.multiplyVectorByMatrixAndNormalize(new s.Geometry.Vector(this.vertices[3*r],this.vertices[3*r+1],this.vertices[3*r+2]),e);const a=s.Geometry.crossProduct(s.Geometry.subtract(n[1],n[0]),s.Geometry.subtract(n[2],n[1])),o=a.x,l=a.y,h=a.z,c=-(-(o*n[0].x+l*n[0].y+h*n[0].z)+o*t+l*i)/h,d=new s.Geometry.Vector(t,i,c),u=n.map(s.Geometry.subtract.bind(null,d));for(r=0;r<u.length;++r){if(s.Geometry.scalarProduct(a,s.Geometry.crossProduct(u[r],u[(r+1)%u.length]))<0)return}return c}}class ce{snapshot;rect;scale;texture;gl;constructor(e){this.snapshot=e.snapshot,this.rect=e.rect,this.scale=0,this.texture=null}dispose(){this.snapshot.release(),this.texture&&(this.gl.deleteTexture(this.texture),this.texture=null)}updateScale(e,t){return this.texture&&this.scale>=t?null:this.update(e,t)}async update(e,t){this.gl=e,this.scale=t;const i=await this.snapshot.replay(t),r=i?await s.UIUtils.loadImage(i):null;this.texture=r?le.createTextureForImage(e,r):null}}var de=Object.freeze({__proto__:null,BorderColor:J,BorderWidth:se,FragmentShader:K,HoveredBorderColor:Q,HoveredImageMaskColor:ie,LayerSpacing:ae,LayerTextureManager:le,Layers3DView:q,get OutlineType(){return G},Rectangle:he,ScrollRectBackgroundColor:te,ScrollRectSpacing:oe,SelectedBorderColor:Z,SelectedBorderWidth:re,Tile:ce,VertexShader:$,ViewportBorderColor:ee,ViewportBorderWidth:ne}),ue={cssText:`.paint-profiler-overview{background-color:var(--sys-color-cdt-base-container)}.paint-profiler-canvas-container{flex:auto;position:relative}.paint-profiler-pie-chart{width:60px!important;height:60px!important;padding:2px;overflow:hidden;font-size:10px}.paint-profiler-canvas-container canvas{z-index:200;background-color:var(--sys-color-cdt-base-container);opacity:95%;height:100%;width:100%}.paint-profiler-canvas-container .overview-grid-window-resizer{z-index:2000}\n/*# sourceURL=${import.meta.resolve("./paintProfiler.css")} */\n`};const pe={profiling:"Profiling…",shapes:"Shapes",bitmap:"Bitmap",text:"Text",misc:"Misc",profilingResults:"Profiling results",commandLog:"Command Log"},me=t.i18n.registerUIStrings("panels/layer_viewer/PaintProfilerView.ts",pe),ge=t.i18n.getLocalizedString.bind(void 0,me);let ye=null,we=null;class fe extends(e.ObjectWrapper.eventMixin(s.Widget.HBox)){canvasContainer;progressBanner;pieChart;showImageCallback;canvas;context;selectionWindowInternal;innerBarWidth;minBarHeight;barPaddingWidth;outerBarWidth;pendingScale;scale;samplesPerBar;log;snapshot;logCategories;profiles;updateImageTimer;constructor(e){super(!0),this.registerRequiredCSS(ue),this.contentElement.classList.add("paint-profiler-overview"),this.canvasContainer=this.contentElement.createChild("div","paint-profiler-canvas-container"),this.progressBanner=this.contentElement.createChild("div","full-widget-dimmed-banner hidden"),this.progressBanner.textContent=ge(pe.profiling),this.pieChart=new o.PieChart.PieChart,this.populatePieChart(0,[]),this.pieChart.classList.add("paint-profiler-pie-chart"),this.contentElement.appendChild(this.pieChart),this.showImageCallback=e,this.canvas=this.canvasContainer.createChild("canvas","fill"),this.context=this.canvas.getContext("2d"),this.selectionWindowInternal=new o.OverviewGrid.Window(this.canvasContainer),this.selectionWindowInternal.addEventListener("WindowChanged",this.onWindowChanged,this),this.innerBarWidth=4*window.devicePixelRatio,this.minBarHeight=window.devicePixelRatio,this.barPaddingWidth=2*window.devicePixelRatio,this.outerBarWidth=this.innerBarWidth+this.barPaddingWidth,this.pendingScale=1,this.scale=this.pendingScale,this.samplesPerBar=0,this.log=[],this.reset()}static categories(){return ye||(ye={shapes:new xe("shapes",ge(pe.shapes),"rgb(255, 161, 129)"),bitmap:new xe("bitmap",ge(pe.bitmap),"rgb(136, 196, 255)"),text:new xe("text",ge(pe.text),"rgb(180, 255, 137)"),misc:new xe("misc",ge(pe.misc),"rgb(206, 160, 255)")}),ye}static initLogItemCategories(){if(!we){const e=fe.categories(),t={};t.Clear=e.misc,t.DrawPaint=e.misc,t.DrawData=e.misc,t.SetMatrix=e.misc,t.PushCull=e.misc,t.PopCull=e.misc,t.Translate=e.misc,t.Scale=e.misc,t.Concat=e.misc,t.Restore=e.misc,t.SaveLayer=e.misc,t.Save=e.misc,t.BeginCommentGroup=e.misc,t.AddComment=e.misc,t.EndCommentGroup=e.misc,t.ClipRect=e.misc,t.ClipRRect=e.misc,t.ClipPath=e.misc,t.ClipRegion=e.misc,t.DrawPoints=e.shapes,t.DrawRect=e.shapes,t.DrawOval=e.shapes,t.DrawRRect=e.shapes,t.DrawPath=e.shapes,t.DrawVertices=e.shapes,t.DrawDRRect=e.shapes,t.DrawBitmap=e.bitmap,t.DrawBitmapRectToRect=e.bitmap,t.DrawBitmapMatrix=e.bitmap,t.DrawBitmapNine=e.bitmap,t.DrawSprite=e.bitmap,t.DrawPicture=e.bitmap,t.DrawText=e.text,t.DrawPosText=e.text,t.DrawPosTextH=e.text,t.DrawTextOnPath=e.text,we=t}return we}static categoryForLogItem(e){const t=a.StringUtilities.toTitleCase(e.method),i=fe.initLogItemCategories();let s=i[t];return s||(s=fe.categories().misc,i[t]=s),s}onResize(){this.update()}async setSnapshotAndLog(e,t,i){if(this.reset(),this.snapshot=e,this.snapshot&&this.snapshot.addReference(),this.log=t,this.logCategories=this.log.map(fe.categoryForLogItem),!e)return this.update(),this.populatePieChart(0,[]),void this.selectionWindowInternal.setResizeEnabled(!1);this.selectionWindowInternal.setResizeEnabled(!0),this.progressBanner.classList.remove("hidden"),this.updateImage();const s=await e.profile(i);this.progressBanner.classList.add("hidden"),this.profiles=s,this.update(),this.updatePieChart()}setScale(e){const t=e>this.scale;this.pendingScale=Math.min(1,2*e),t&&this.snapshot&&this.updateImage()}update(){if(this.canvas.width=this.canvasContainer.clientWidth*window.devicePixelRatio,this.canvas.height=this.canvasContainer.clientHeight*window.devicePixelRatio,this.samplesPerBar=0,!this.profiles?.length||!this.logCategories)return;const e=Math.floor((this.canvas.width-2*this.barPaddingWidth)/this.outerBarWidth),t=this.log.length;this.samplesPerBar=Math.ceil(t/e);let i=0;const s=[],r=[];let n={};for(let e=0,a=0,o=0;e<t;){let l=this.logCategories[e]?.name||"misc";const h=this.log[e].commandIndex;for(let e=0;e<this.profiles.length;e++){const t=this.profiles[e][h];o+=t,n[l]=(n[l]||0)+t}if(++e,e-a===this.samplesPerBar||e===t){const t=this.profiles.length*(e-a);for(l in o/=t,n)n[l]/=t;s.push(o),r.push(n),o>i&&(i=o),o=0,n={},a=e}}const a=4*window.devicePixelRatio,o=(this.canvas.height-a-this.minBarHeight)/i;for(let e=0;e<s.length;++e){for(const t in r[e])r[e][t]*=(s[e]*o+this.minBarHeight)/s[e];this.renderBar(e,r[e])}}renderBar(e,t){const i=fe.categories();let s=0;const r=this.barPaddingWidth+e*this.outerBarWidth;for(const e in i){if(!t[e])continue;s+=t[e];const n=this.canvas.height-s;this.context.fillStyle=i[e].color,this.context.fillRect(r,n,this.innerBarWidth,t[e])}}onWindowChanged(){this.dispatchEventToListeners("WindowChanged"),this.updatePieChart(),this.updateImageTimer||(this.updateImageTimer=window.setTimeout(this.updateImage.bind(this),100))}updatePieChart(){const{total:e,slices:t}=this.calculatePieChart();this.populatePieChart(e,t)}calculatePieChart(){const e=this.selectionWindow();if(!this.profiles?.length||!e)return{total:0,slices:[]};let t=0;const i={};for(let s=e.left;s<e.right;++s){const e=this.log[s],r=fe.categoryForLogItem(e);i[r.color]=i[r.color]||0;for(let s=0;s<this.profiles.length;++s){const n=this.profiles[s][e.commandIndex];t+=n,i[r.color]+=n}}const s=[];for(const e in i)s.push({value:i[e]/this.profiles.length,color:e,title:""});return{total:t/this.profiles.length,slices:s}}populatePieChart(e,t){this.pieChart.data={chartName:ge(pe.profilingResults),size:55,formatter:this.formatPieChartTime.bind(this),showLegend:!1,total:e,slices:t}}formatPieChartTime(e){return t.TimeUtilities.millisToString(1e3*e,!0)}selectionWindow(){if(!this.log)return null;const e=(this.selectionWindowInternal.windowLeftRatio||0)*this.canvas.width,t=(this.selectionWindowInternal.windowRightRatio||0)*this.canvas.width,i=Math.floor(e/this.outerBarWidth),s=Math.floor((t+this.innerBarWidth-this.barPaddingWidth/2)/this.outerBarWidth);return{left:a.NumberUtilities.clamp(i*this.samplesPerBar,0,this.log.length-1),right:a.NumberUtilities.clamp(s*this.samplesPerBar,0,this.log.length)}}updateImage(){let e,t;delete this.updateImageTimer;const i=this.selectionWindow();this.profiles?.length&&i&&(e=this.log[i.left].commandIndex,t=this.log[i.right-1].commandIndex);const s=this.pendingScale;this.snapshot&&this.snapshot.replay(s,e,t).then((e=>{e&&(this.scale=s,this.showImageCallback(e))}))}reset(){this.snapshot&&this.snapshot.release(),this.snapshot=null,this.profiles=null,this.selectionWindowInternal.reset(),this.selectionWindowInternal.setResizeEnabled(!1)}}class ve extends s.ThrottledWidget.ThrottledWidget{treeOutline;log;treeItemCache;selectionWindow;constructor(){super(),this.setMinimumSize(100,25),this.element.classList.add("overflow-auto"),this.treeOutline=new s.TreeOutline.TreeOutlineInShadow,s.ARIAUtils.setLabel(this.treeOutline.contentElement,ge(pe.commandLog)),this.element.appendChild(this.treeOutline.element),this.setDefaultFocusedElement(this.treeOutline.contentElement),this.log=[],this.treeItemCache=new Map}setCommandLog(e){this.log=e,this.updateWindow({left:0,right:this.log.length})}appendLogItem(e){let t=this.treeItemCache.get(e);if(t){if(t.parent)return}else t=new Ce(this,e),this.treeItemCache.set(e,t);this.treeOutline.appendChild(t)}updateWindow(e){this.selectionWindow=e,this.update()}doUpdate(){if(!this.selectionWindow||!this.log.length)return this.treeOutline.removeChildren(),Promise.resolve();const e=this.treeOutline.rootElement();for(;;){const t=e.firstChild();if(!t||t.logItem.commandIndex>=this.selectionWindow.left)break;e.removeChildAtIndex(0)}for(;;){const t=e.lastChild();if(!t||t.logItem.commandIndex<this.selectionWindow.right)break;e.removeChildAtIndex(e.children().length-1)}for(let e=this.selectionWindow.left,t=this.selectionWindow.right;e<t;++e)this.appendLogItem(this.log[e]);return Promise.resolve()}}class Ce extends s.TreeOutline.TreeElement{logItem;ownerView;filled;constructor(e,t){super("",Boolean(t.params)),this.logItem=t,this.ownerView=e,this.filled=!1}onattach(){this.update()}async onpopulate(){for(const e in this.logItem.params)be.appendLogPropertyItem(this,e,this.logItem.params[e])}paramToString(e,t){if("object"!=typeof e)return"string"==typeof e&&e.length>100?t:JSON.stringify(e);let i="",s=0;for(const r in e){const n=e[r];if(++s>4||"object"===n||"string"===n&&n.length>100)return t;i&&(i+=", "),i+=n}return i}paramsToString(e){let t="";for(const i in e)t&&(t+=", "),t+=this.paramToString(e[i],i);return t}update(){const e=document.createDocumentFragment();s.UIUtils.createTextChild(e,this.logItem.method+"("+this.paramsToString(this.logItem.params)+")"),this.title=e}}class be extends s.TreeOutline.TreeElement{property;constructor(e){super(),this.property=e}static appendLogPropertyItem(e,t,i){const s=new be({name:t,value:i});if(e.appendChild(s),i&&"object"==typeof i)for(const e in i)be.appendLogPropertyItem(s,e,i[e])}onattach(){const e=document.createDocumentFragment();e.createChild("span","name").textContent=this.property.name;if(e.createChild("span","separator").textContent=": ",null===this.property.value||"object"!=typeof this.property.value){const t=e.createChild("span","value");t.textContent=JSON.stringify(this.property.value),t.classList.add("cm-js-"+(null===this.property.value?"null":typeof this.property.value))}this.title=e}}class xe{name;title;color;constructor(e,t,i){this.name=e,this.title=t,this.color=i}}var Se=Object.freeze({__proto__:null,LogPropertyTreeElement:be,LogTreeElement:Ce,PaintProfilerCategory:xe,PaintProfilerCommandLogView:ve,PaintProfilerView:fe});export{S as LayerDetailsView,O as LayerTreeOutline,y as LayerViewHost,de as Layers3DView,Se as PaintProfilerView,W as TransformController};

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

@@ -0,0 +1 @@
+import*as e from"../../core/i18n/i18n.js";import*as a from"../../ui/legacy/legacy.js";const s={layers:"Layers",showLayers:"Show Layers"},r=e.i18n.registerUIStrings("panels/layers/layers-meta.ts",s),i=e.i18n.getLazilyComputedLocalizedString.bind(void 0,r);let n;a.ViewManager.registerViewExtension({location:"panel",id:"layers",title:i(s.layers),commandPrompt:i(s.showLayers),order:100,persistence:"closeable",loadView:async()=>(await async function(){return n||(n=await import("./layers.js")),n}()).LayersPanel.LayersPanel.instance()});

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

@@ -0,0 +1 @@
+import*as e from"../../ui/legacy/legacy.js";import*as t from"../../ui/visual_logging/visual_logging.js";import*as i from"../layer_viewer/layer_viewer.js";import*as r from"../../core/common/common.js";import*as a from"../../core/i18n/i18n.js";import*as s from"../../core/sdk/sdk.js";class n extends e.SplitWidget.SplitWidget{logTreeView;paintProfilerView;constructor(e){super(!0,!1),this.element.setAttribute("jslog",`${t.pane("layers.paint-profiler").track({resize:!0})}`),this.logTreeView=new i.PaintProfilerView.PaintProfilerCommandLogView,this.setSidebarWidget(this.logTreeView),this.paintProfilerView=new i.PaintProfilerView.PaintProfilerView(e),this.setMainWidget(this.paintProfilerView),this.paintProfilerView.addEventListener("WindowChanged",this.onWindowChanged,this),this.logTreeView.focus()}reset(){this.paintProfilerView.setSnapshotAndLog(null,[],null)}profile(e){function t(e,t){this.logTreeView.setCommandLog(t||[]),this.paintProfilerView.setSnapshotAndLog(e,t||[],null),e&&e.release()}e.commandLog().then((i=>t.call(this,e,i)))}setScale(e){this.paintProfilerView.setScale(e)}onWindowChanged(){this.logTreeView.updateWindow(this.paintProfilerView.selectionWindow())}}var l,o=Object.freeze({__proto__:null,LayerPaintProfilerView:n});class h extends s.SDKModel.SDKModel{layerTreeAgent;paintProfilerModel;layerTreeInternal;throttler;enabled;lastPaintRectByLayerId;constructor(e){super(e),this.layerTreeAgent=e.layerTreeAgent(),e.registerLayerTreeDispatcher(new c(this)),this.paintProfilerModel=e.model(s.PaintProfiler.PaintProfilerModel);const t=e.model(s.ResourceTreeModel.ResourceTreeModel);t&&t.addEventListener(s.ResourceTreeModel.Events.PrimaryPageChanged,this.onPrimaryPageChanged,this),this.layerTreeInternal=null,this.throttler=new r.Throttler.Throttler(20)}async disable(){this.enabled&&(this.enabled=!1,await this.layerTreeAgent.invoke_disable())}enable(){this.enabled||(this.enabled=!0,this.forceEnable())}async forceEnable(){this.lastPaintRectByLayerId=new Map,this.layerTreeInternal||(this.layerTreeInternal=new d(this)),await this.layerTreeAgent.invoke_enable()}layerTree(){return this.layerTreeInternal}async layerTreeChanged(e){this.enabled&&this.throttler.schedule(this.innerSetLayers.bind(this,e))}async innerSetLayers(e){const t=this.layerTreeInternal;await t.setLayers(e),this.lastPaintRectByLayerId||(this.lastPaintRectByLayerId=new Map);for(const e of this.lastPaintRectByLayerId.keys()){const i=this.lastPaintRectByLayerId.get(e),r=t.layerById(e);r&&r.setLastPaintRect(i)}this.lastPaintRectByLayerId=new Map,this.dispatchEventToListeners(l.LayerTreeChanged)}layerPainted(e,t){if(!this.enabled)return;const i=this.layerTreeInternal.layerById(e);if(!i)return this.lastPaintRectByLayerId||(this.lastPaintRectByLayerId=new Map),void this.lastPaintRectByLayerId.set(e,t);i.didPaint(t),this.dispatchEventToListeners(l.LayerPainted,i)}onPrimaryPageChanged(){this.layerTreeInternal=null,this.enabled&&this.forceEnable()}}s.SDKModel.SDKModel.register(h,{capabilities:2,autostart:!1}),function(e){e.LayerTreeChanged="LayerTreeChanged",e.LayerPainted="LayerPainted"}(l||(l={}));class d extends s.LayerTreeBase.LayerTreeBase{layerTreeModel;constructor(e){super(e.target()),this.layerTreeModel=e}async setLayers(e){if(!e)return void this.innerSetLayers(e);const t=new Set;for(let i=0;i<e.length;++i){const r=e[i].backendNodeId;r&&!this.backendNodeIdToNode().has(r)&&t.add(r)}await this.resolveBackendNodeIds(t),this.innerSetLayers(e)}innerSetLayers(e){if(this.setRoot(null),this.setContentRoot(null),!e)return;let t;const i=this.layersById;this.layersById=new Map;for(let r=0;r<e.length;++r){const a=e[r].layerId;let s=i.get(a);s?s.reset(e[r]):s=new y(this.layerTreeModel,e[r]),this.layersById.set(a,s);const n=e[r].backendNodeId;n&&s.setNode(this.backendNodeIdToNode().get(n)||null),!this.contentRoot()&&s.drawsContent()&&this.setContentRoot(s);const l=s.parentId();if(l){const e=this.layersById.get(l);if(!e)throw new Error(`Missing parent ${l} for layer ${a}`);e.addChild(s)}else t&&console.assert(!1,"Multiple root layers"),t=s}t&&(this.setRoot(t),t.calculateQuad(new WebKitCSSMatrix))}}class y{scrollRectsInternal;quadInternal;childrenInternal;image;parentInternal;layerPayload;layerTreeModel;nodeInternal;lastPaintRectInternal;paintCountInternal;stickyPositionConstraintInternal;constructor(e,t){this.layerTreeModel=e,this.reset(t)}id(){return this.layerPayload.layerId}parentId(){return this.layerPayload.parentLayerId||null}parent(){return this.parentInternal}isRoot(){return!this.parentId()}children(){return this.childrenInternal}addChild(e){const t=e;t.parentInternal&&console.assert(!1,"Child already has a parent"),this.childrenInternal.push(t),t.parentInternal=this}setNode(e){this.nodeInternal=e}node(){return this.nodeInternal||null}nodeForSelfOrAncestor(){let e=this;for(;e;e=e.parentInternal)if(e.nodeInternal)return e.nodeInternal;return null}offsetX(){return this.layerPayload.offsetX}offsetY(){return this.layerPayload.offsetY}width(){return this.layerPayload.width}height(){return this.layerPayload.height}transform(){return this.layerPayload.transform||null}quad(){return this.quadInternal}anchorPoint(){return[this.layerPayload.anchorX||0,this.layerPayload.anchorY||0,this.layerPayload.anchorZ||0]}invisible(){return this.layerPayload.invisible||!1}paintCount(){return this.paintCountInternal||this.layerPayload.paintCount}lastPaintRect(){return this.lastPaintRectInternal||null}setLastPaintRect(e){this.lastPaintRectInternal=e}scrollRects(){return this.scrollRectsInternal}stickyPositionConstraint(){return this.stickyPositionConstraintInternal||null}async requestCompositingReasons(){return(await this.layerTreeModel.layerTreeAgent.invoke_compositingReasons({layerId:this.id()})).compositingReasons||[]}async requestCompositingReasonIds(){return(await this.layerTreeModel.layerTreeAgent.invoke_compositingReasons({layerId:this.id()})).compositingReasonIds||[]}drawsContent(){return this.layerPayload.drawsContent}gpuMemoryUsage(){return this.drawsContent()?this.width()*this.height()*4:0}snapshots(){return[this.layerTreeModel.paintProfilerModel.makeSnapshot(this.id()).then((e=>e?{rect:{x:0,y:0,width:this.width(),height:this.height()},snapshot:e}:null))]}didPaint(e){this.lastPaintRectInternal=e,this.paintCountInternal=this.paintCount()+1,this.image=null}reset(e){this.nodeInternal=null,this.childrenInternal=[],this.parentInternal=null,this.paintCountInternal=0,this.layerPayload=e,this.image=null,this.scrollRectsInternal=this.layerPayload.scrollRects||[],this.stickyPositionConstraintInternal=this.layerPayload.stickyPositionConstraint?new s.LayerTreeBase.StickyPositionConstraint(this.layerTreeModel.layerTree(),this.layerPayload.stickyPositionConstraint):null}matrixFromArray(e){return new WebKitCSSMatrix("matrix3d("+e.map((function(e){return e.toFixed(9)})).join(",")+")")}calculateTransformToViewport(t){let i=(new WebKitCSSMatrix).translate(this.layerPayload.offsetX,this.layerPayload.offsetY);if(this.layerPayload.transform){const t=this.matrixFromArray(this.layerPayload.transform),r=new e.Geometry.Vector(this.layerPayload.width*this.anchorPoint()[0],this.layerPayload.height*this.anchorPoint()[1],this.anchorPoint()[2]),a=e.Geometry.multiplyVectorByMatrixAndNormalize(r,i),s=(new WebKitCSSMatrix).translate(-a.x,-a.y,-a.z);i=s.inverse().multiply(t.multiply(s.multiply(i)))}return i=t.multiply(i),i}createVertexArrayForRect(e,t){return[0,0,0,e,0,0,e,t,0,0,t,0]}calculateQuad(t){const i=this.calculateTransformToViewport(t);this.quadInternal=[];const r=this.createVertexArrayForRect(this.layerPayload.width,this.layerPayload.height);for(let t=0;t<4;++t){const a=e.Geometry.multiplyVectorByMatrixAndNormalize(new e.Geometry.Vector(r[3*t],r[3*t+1],r[3*t+2]),i);this.quadInternal.push(a.x,a.y)}this.childrenInternal.forEach((function(e){e.calculateQuad(i)}))}}class c{layerTreeModel;constructor(e){this.layerTreeModel=e}layerTreeDidChange({layers:e}){this.layerTreeModel.layerTreeChanged(e||null)}layerPainted({layerId:e,clip:t}){this.layerTreeModel.layerPainted(e,t)}}var u=Object.freeze({__proto__:null,AgentLayer:y,AgentLayerTree:d,get Events(){return l},LayerTreeModel:h});const P={details:"Details",profiler:"Profiler"},p=a.i18n.registerUIStrings("panels/layers/LayersPanel.ts",P),g=a.i18n.getLocalizedString.bind(void 0,p);let w;class f extends e.Panel.PanelWithSidebar{model;layerViewHost;layerTreeOutline;rightSplitWidget;layers3DView;tabbedPane;layerDetailsView;paintProfilerView;updateThrottler;layerBeingProfiled;constructor(){super("layers",225),this.model=null,s.TargetManager.TargetManager.instance().observeTargets(this,{scoped:!0}),this.layerViewHost=new i.LayerViewHost.LayerViewHost,this.layerTreeOutline=new i.LayerTreeOutline.LayerTreeOutline(this.layerViewHost),this.layerTreeOutline.addEventListener("PaintProfilerRequested",this.onPaintProfileRequested,this),this.panelSidebarElement().appendChild(this.layerTreeOutline.element),this.setDefaultFocusedElement(this.layerTreeOutline.element),this.rightSplitWidget=new e.SplitWidget.SplitWidget(!1,!0,"layer-details-split-view-state"),this.splitWidget().setMainWidget(this.rightSplitWidget),this.splitWidget().hideSidebar(),this.layers3DView=new i.Layers3DView.Layers3DView(this.layerViewHost),this.rightSplitWidget.setMainWidget(this.layers3DView),this.rightSplitWidget.hideSidebar(),this.layers3DView.addEventListener("PaintProfilerRequested",this.onPaintProfileRequested,this),this.layers3DView.addEventListener("ScaleChanged",this.onScaleChanged,this),this.tabbedPane=new e.TabbedPane.TabbedPane,this.rightSplitWidget.setSidebarWidget(this.tabbedPane),this.layerDetailsView=new i.LayerDetailsView.LayerDetailsView(this.layerViewHost),this.layerDetailsView.addEventListener("PaintProfilerRequested",this.onPaintProfileRequested,this),this.tabbedPane.appendTab(m.Details,g(P.details),this.layerDetailsView),this.paintProfilerView=new n(this.showImage.bind(this)),this.tabbedPane.addEventListener(e.TabbedPane.Events.TabClosed,this.onTabClosed,this),this.updateThrottler=new r.Throttler.Throttler(100)}static instance(e){return w&&!e?.forceNew||(w=new f),w}focus(){this.layerTreeOutline.focus()}wasShown(){super.wasShown(),this.model&&this.model.enable()}willHide(){this.model&&this.model.disable(),super.willHide()}targetAdded(e){e===e.outermostTarget()&&(this.model=e.model(h),this.model&&(this.model.addEventListener(l.LayerTreeChanged,this.onLayerTreeUpdated,this),this.model.addEventListener(l.LayerPainted,this.onLayerPainted,this),this.isShowing()&&(this.model.enable(),this.update())))}targetRemoved(e){this.model&&this.model.target()===e&&(this.model.removeEventListener(l.LayerTreeChanged,this.onLayerTreeUpdated,this),this.model.removeEventListener(l.LayerPainted,this.onLayerPainted,this),this.model.disable(),this.model=null)}onLayerTreeUpdated(){this.updateThrottler.schedule(this.update.bind(this))}update(){if(this.model){this.splitWidget().showBoth(),this.rightSplitWidget.showBoth(),this.layerViewHost.setLayerTree(this.model.layerTree());const e=this.model.target().model(s.ResourceTreeModel.ResourceTreeModel);if(e){const t=e.mainFrame;if(t){const e=t.url;this.element.setAttribute("test-current-url",e)}}}}onLayerPainted({data:e}){if(!this.model)return;const t=this.layerViewHost.selection();t&&t.layer()===e&&this.layerDetailsView.update(),this.layers3DView.updateLayerSnapshot(e)}onPaintProfileRequested({data:e}){this.layers3DView.snapshotForSelection(e).then((t=>{t&&(this.layerBeingProfiled=e.layer(),this.tabbedPane.hasTab(m.Profiler)||this.tabbedPane.appendTab(m.Profiler,g(P.profiler),this.paintProfilerView,void 0,!0,!0),this.tabbedPane.selectTab(m.Profiler),this.paintProfilerView.profile(t.snapshot))}))}onTabClosed(e){e.data.tabId===m.Profiler&&this.layerBeingProfiled&&(this.paintProfilerView.reset(),this.layers3DView.showImageForLayer(this.layerBeingProfiled,void 0),this.layerBeingProfiled=null)}showImage(e){this.layerBeingProfiled&&this.layers3DView.showImageForLayer(this.layerBeingProfiled,e)}onScaleChanged(e){this.paintProfilerView.setScale(e.data)}}const m={Details:"details",Profiler:"profiler"};var T=Object.freeze({__proto__:null,DetailsViewTabs:m,LayersPanel:f});export{o as LayerPaintProfilerView,u as LayerTreeModel,T as LayersPanel};

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

@@ -0,0 +1 @@
+import*as i from"../../core/i18n/i18n.js";import*as e from"../../ui/legacy/legacy.js";const t={showLighthouse:"Show `Lighthouse`"},o=i.i18n.registerUIStrings("panels/lighthouse/lighthouse-meta.ts",t),n=i.i18n.getLazilyComputedLocalizedString.bind(void 0,o);let s;e.ViewManager.registerViewExtension({location:"panel",id:"lighthouse",title:i.i18n.lockedLazyString("Lighthouse"),commandPrompt:n(t.showLighthouse),order:90,loadView:async()=>(await async function(){return s||(s=await import("./lighthouse.js")),s}()).LighthousePanel.LighthousePanel.instance(),tags:[i.i18n.lockedLazyString("lighthouse"),i.i18n.lockedLazyString("pwa")]});