@browserless.io/browserless 2.2.0-beta-8 → 2.3.0-beta-1

package/static/devtools/emulation/emulation.js

@@ -0,0 +1 @@
+import*as Common from"../common/common.js";import{ObjectWrapper,Settings,Revealer,UIString,Throttler}from"../common/common.js";import{userMetrics,UserMetrics,InspectorFrontendHost,Platform}from"../host/host.js";import{Geometry,Toolbar,UIUtils,Utils,ContextMenu,Widget,ZoomManager,Tooltip,ResizerWidget,ActionRegistry,Context,DockController,RootView,SplitWidget,InspectorView,ListWidget,Icon,TreeOutline,ARIAUtils,SettingsUI,ViewManager}from"../ui/ui.js";import{Runtime}from"../root/root.js";import{NetworkManager,SDKModel,EmulationModel,ResourceTreeModel,ScreenCaptureModel,CSSModel,OverlayModel,DOMModel}from"../sdk/sdk.js";import{ls as ls$1,StringUtilities}from"../platform/platform.js";import{ThrottlingManager}from"../mobile_throttling/mobile_throttling.js";import{CSSWorkspaceBinding}from"../bindings/bindings.js";class EmulatedDevice{constructor(){this.title="",this.type=Type.Unknown,this.vertical={width:0,height:0,outlineInsets:null,outlineImage:null,hinge:null},this.horizontal={width:0,height:0,outlineInsets:null,outlineImage:null,hinge:null},this.deviceScaleFactor=1,this.capabilities=[Capability.Touch,Capability.Mobile],this.userAgent="",this.userAgentMetadata=null,this.modes=[],this.isDualScreen=!1,this.verticalSpanned={width:0,height:0,outlineInsets:null,outlineImage:null,hinge:null},this.horizontalSpanned={width:0,height:0,outlineInsets:null,outlineImage:null,hinge:null},this._show=_Show.Default,this._showByDefault=!0,this._extension=null}static fromJSONV1(e){try{function t(e,t,i,n){if("object"!=typeof e||null===e||!e.hasOwnProperty(t)){if(void 0!==n)return n;throw new Error("Emulated device is missing required property '"+t+"'")}const s=e[t];if(typeof s!==i||null===s)throw new Error("Emulated device property '"+t+"' has wrong type '"+typeof s+"'");return s}function i(e,i){const n=t(e,i,"number");if(n!==Math.abs(n))throw new Error("Emulated device value '"+i+"' must be integer");return n}function n(e){return new Geometry.Insets(i(e,"left"),i(e,"top"),i(e,"right"),i(e,"bottom"))}function s(e){const n={};if(n.r=i(e,"r"),n.r<0||n.r>255)throw new Error("color has wrong r value: "+n.r);if(n.g=i(e,"g"),n.g<0||n.g>255)throw new Error("color has wrong g value: "+n.g);if(n.b=i(e,"b"),n.b<0||n.b>255)throw new Error("color has wrong b value: "+n.b);if(n.a=t(e,"a","number"),n.a<0||n.a>1)throw new Error("color has wrong a value: "+n.a);return n}function o(e){const o={};if(o.width=i(e,"width"),o.width<0||o.width>MaxDeviceSize||o.width<MinDeviceSize)throw new Error("Emulated device has wrong width: "+o.width);if(o.height=i(e,"height"),o.height<0||o.height>MaxDeviceSize||o.height<MinDeviceSize)throw new Error("Emulated device has wrong height: "+o.height);const a=t(e.outline,"insets","object",null);if(a){if(o.outlineInsets=n(a),o.outlineInsets.left<0||o.outlineInsets.top<0)throw new Error("Emulated device has wrong outline insets");o.outlineImage=t(e.outline,"image","string")}return e.hinge&&(o.hinge=function(e){const t={};if(t.width=i(e,"width"),t.width<0||t.width>MaxDeviceSize)throw new Error("Emulated device has wrong hinge width: "+t.width);if(t.height=i(e,"height"),t.height<0||t.height>MaxDeviceSize)throw new Error("Emulated device has wrong hinge height: "+t.height);if(t.x=i(e,"x"),t.x<0||t.x>MaxDeviceSize)throw new Error("Emulated device has wrong x offset: "+t.height);if(t.y=i(e,"y"),t.x<0||t.x>MaxDeviceSize)throw new Error("Emulated device has wrong y offset: "+t.height);return e.contentColor&&(t.contentColor=s(e.contentColor)),e.outlineColor&&(t.outlineColor=s(e.outlineColor)),t}(t(e,"hinge","object",void 0))),o}const a=new EmulatedDevice;a.title=t(e,"title","string"),a.type=t(e,"type","string");const r=t(e,"user-agent","string");a.userAgent=NetworkManager.MultitargetNetworkManager.patchUserAgentWithChromeVersion(r);const l=t(e,"user-agent-metadata","object",null);l&&(void 0===l.brands&&(l.brands=NetworkManager.MultitargetNetworkManager.getChromeBrands()),void 0===l.fullVersion&&(l.fullVersion=NetworkManager.MultitargetNetworkManager.getChromeVersion())),a.userAgentMetadata=l;const c=t(e,"capabilities","object",[]);if(!Array.isArray(c))throw new Error("Emulated device capabilities must be an array");a.capabilities=[];for(let e=0;e<c.length;++e){if("string"!=typeof c[e])throw new Error("Emulated device capability must be a string");a.capabilities.push(c[e])}if(a.deviceScaleFactor=t(e.screen,"device-pixel-ratio","number"),a.deviceScaleFactor<0||a.deviceScaleFactor>100)throw new Error("Emulated device has wrong deviceScaleFactor: "+a.deviceScaleFactor);if(a.vertical=o(t(e.screen,"vertical","object")),a.horizontal=o(t(e.screen,"horizontal","object")),a.isDualScreen=t(e,"dual-screen","boolean",!1),a.isDualScreen&&(a.verticalSpanned=o(t(e.screen,"vertical-spanned","object",null)),a.horizontalSpanned=o(t(e.screen,"horizontal-spanned","object",null))),a.isDualScreen&&(!a.verticalSpanned||!a.horizontalSpanned))throw new Error("Emulated device '"+a.title+"'has dual screen without spanned orientations");const d=t(e,"modes","object",[{title:"default",orientation:"vertical"},{title:"default",orientation:"horizontal"}]);if(!Array.isArray(d))throw new Error("Emulated device modes must be an array");a.modes=[];for(let e=0;e<d.length;++e){const i={};if(i.title=t(d[e],"title","string"),i.orientation=t(d[e],"orientation","string"),i.orientation!==Vertical&&i.orientation!==Horizontal&&i.orientation!==VerticalSpanned&&i.orientation!==HorizontalSpanned)throw new Error("Emulated device mode has wrong orientation '"+i.orientation+"'");const s=a.orientationByName(i.orientation);if(i.insets=n(t(d[e],"insets","object",{left:0,top:0,right:0,bottom:0})),i.insets.top<0||i.insets.left<0||i.insets.right<0||i.insets.bottom<0||i.insets.top+i.insets.bottom>s.height||i.insets.left+i.insets.right>s.width)throw new Error("Emulated device mode '"+i.title+"'has wrong mode insets");i.image=t(d[e],"image","string",null),a.modes.push(i)}return a._showByDefault=t(e,"show-by-default","boolean",void 0),a._show=t(e,"show","string",_Show.Default),a}catch(e){return null}}static deviceComparator(e,t){const i=e._extension&&e._extension.descriptor().order||-1,n=t._extension&&t._extension.descriptor().order||-1;return i>n?1:n>i||e.title<t.title?-1:e.title>t.title?1:0}extension(){return this._extension}setExtension(e){this._extension=e}modesForOrientation(e){const t=[];for(let i=0;i<this.modes.length;i++)this.modes[i].orientation===e&&t.push(this.modes[i]);return t}getSpanPartner(e){switch(e.orientation){case Vertical:return this.modesForOrientation(VerticalSpanned)[0];case Horizontal:return this.modesForOrientation(HorizontalSpanned)[0];case VerticalSpanned:return this.modesForOrientation(Vertical)[0];default:return this.modesForOrientation(Horizontal)[0]}}getRotationPartner(e){switch(e.orientation){case HorizontalSpanned:return this.modesForOrientation(VerticalSpanned)[0];case VerticalSpanned:return this.modesForOrientation(HorizontalSpanned)[0];case Horizontal:return this.modesForOrientation(Vertical)[0];default:return this.modesForOrientation(Horizontal)[0]}}_toJSON(){const e={};e.title=this.title,e.type=this.type,e["user-agent"]=this.userAgent,e.capabilities=this.capabilities,e.screen={"device-pixel-ratio":this.deviceScaleFactor,vertical:this._orientationToJSON(this.vertical),horizontal:this._orientationToJSON(this.horizontal),"vertical-spanned":void 0,"horizontal-spanned":void 0},this.isDualScreen&&(e.screen["vertical-spanned"]=this._orientationToJSON(this.verticalSpanned),e.screen["horizontal-spanned"]=this._orientationToJSON(this.horizontalSpanned)),e.modes=[];for(let t=0;t<this.modes.length;++t){const i={title:this.modes[t].title,orientation:this.modes[t].orientation,insets:{left:this.modes[t].insets.left,top:this.modes[t].insets.top,right:this.modes[t].insets.right,bottom:this.modes[t].insets.bottom},image:this.modes[t].image||void 0};e.modes.push(i)}return e["show-by-default"]=this._showByDefault,e["dual-screen"]=this.isDualScreen,e.show=this._show,this.userAgentMetadata&&(e["user-agent-metadata"]=this.userAgentMetadata),e}_orientationToJSON(e){const t={};return t.width=e.width,t.height=e.height,e.outlineInsets&&(t.outline={insets:{left:e.outlineInsets.left,top:e.outlineInsets.top,right:e.outlineInsets.right,bottom:e.outlineInsets.bottom},image:e.outlineImage}),e.hinge&&(t.hinge={width:e.hinge.width,height:e.hinge.height,x:e.hinge.x,y:e.hinge.y,contentColor:void 0,outlineColor:void 0},e.hinge.contentColor&&(t.hinge.contentColor={r:e.hinge.contentColor.r,g:e.hinge.contentColor.g,b:e.hinge.contentColor.b,a:e.hinge.contentColor.a}),e.hinge.outlineColor&&(t.hinge.outlineColor={r:e.hinge.outlineColor.r,g:e.hinge.outlineColor.g,b:e.hinge.outlineColor.b,a:e.hinge.outlineColor.a})),t}modeImage(e){return e.image?this._extension?this._extension.module().substituteURL(e.image):e.image:""}outlineImage(e){const t=this.orientationByName(e.orientation);return t.outlineImage?this._extension?this._extension.module().substituteURL(t.outlineImage):t.outlineImage:""}orientationByName(e){switch(e){case VerticalSpanned:return this.verticalSpanned;case HorizontalSpanned:return this.horizontalSpanned;case Vertical:return this.vertical;default:return this.horizontal}}show(){return this._show===_Show.Default?this._showByDefault:this._show===_Show.Always}setShow(e){this._show=e?_Show.Always:_Show.Never}copyShowFrom(e){this._show=e._show}touch(){return-1!==this.capabilities.indexOf(Capability.Touch)}mobile(){return-1!==this.capabilities.indexOf(Capability.Mobile)}}const Horizontal="horizontal",Vertical="vertical",HorizontalSpanned="horizontal-spanned",VerticalSpanned="vertical-spanned",Type={Phone:"phone",Tablet:"tablet",Notebook:"notebook",Desktop:"desktop",Unknown:"unknown"},Capability={Touch:"touch",Mobile:"mobile"},_Show={Always:"Always",Default:"Default",Never:"Never"};let _instance;class EmulatedDevicesList extends ObjectWrapper.ObjectWrapper{constructor(){super(),this._standardSetting=Settings.Settings.instance().createSetting("standardEmulatedDeviceList",[]),this._standard=new Set,this._listFromJSONV1(this._standardSetting.get(),this._standard),this._updateStandardDevices(),this._customSetting=Settings.Settings.instance().createSetting("customEmulatedDeviceList",[]),this._custom=new Set,this._listFromJSONV1(this._customSetting.get(),this._custom)||this.saveCustomDevices()}static instance(){return _instance||(_instance=new EmulatedDevicesList),_instance}_updateStandardDevices(){const e=new Set,t=Runtime.Runtime.instance().extensions("emulated-device");for(const i of t){const t=EmulatedDevice.fromJSONV1(i.descriptor().device);t&&(t.setExtension(i),e.add(t))}this._copyShowValues(this._standard,e),this._standard=e,this.saveStandardDevices()}_listFromJSONV1(e,t){if(!Array.isArray(e))return!1;let i=!0;for(let n=0;n<e.length;++n){const s=EmulatedDevice.fromJSONV1(e[n]);s?(t.add(s),s.modes.length||(s.modes.push({title:"",orientation:Horizontal,insets:new Geometry.Insets(0,0,0,0),image:null}),s.modes.push({title:"",orientation:Vertical,insets:new Geometry.Insets(0,0,0,0),image:null}))):i=!1}return i}standard(){return[...this._standard]}custom(){return[...this._custom]}revealCustomSetting(){Revealer.reveal(this._customSetting)}addCustomDevice(e){this._custom.add(e),this.saveCustomDevices()}removeCustomDevice(e){this._custom.delete(e),this.saveCustomDevices()}saveCustomDevices(){const e=[];this._custom.forEach((t=>e.push(t._toJSON()))),this._customSetting.set(e),this.dispatchEventToListeners(Events.CustomDevicesUpdated)}saveStandardDevices(){const e=[];this._standard.forEach((t=>e.push(t._toJSON()))),this._standardSetting.set(e),this.dispatchEventToListeners(Events.StandardDevicesUpdated)}_copyShowValues(e,t){const i=new Map;for(const t of e)i.set(t.title,t);for(const e of t){const t=i.get(e.title);t&&e.copyShowFrom(t)}}}const Events={CustomDevicesUpdated:Symbol("CustomDevicesUpdated"),StandardDevicesUpdated:Symbol("StandardDevicesUpdated")};let Mode,Orientation,JSONMode;var EmulatedDevices=Object.freeze({__proto__:null,EmulatedDevice:EmulatedDevice,Horizontal:Horizontal,Vertical:Vertical,HorizontalSpanned:HorizontalSpanned,VerticalSpanned:VerticalSpanned,Type:Type,Capability:Capability,_Show:_Show,EmulatedDevicesList:EmulatedDevicesList,Events:Events,Mode:Mode,Orientation:Orientation,JSONMode:JSONMode});let deviceModeModelInstance;class DeviceModeModel extends ObjectWrapper.ObjectWrapper{constructor(){super(),this._screenRect=new Geometry.Rect(0,0,1,1),this._visiblePageRect=new Geometry.Rect(0,0,1,1),this._availableSize=new Geometry.Size(1,1),this._preferredSize=new Geometry.Size(1,1),this._initialized=!1,this._appliedDeviceSize=new Geometry.Size(1,1),this._appliedDeviceScaleFactor=window.devicePixelRatio,this._appliedUserAgentType=UA.Desktop,this._experimentDualScreenSupport=Runtime.experiments.isEnabled("dualScreenSupport"),this._webPlatformExperimentalFeaturesEnabled=Boolean(eval("window.getWindowSegments")),this._scaleSetting=Settings.Settings.instance().createSetting("emulation.deviceScale",1),this._scaleSetting.get()||this._scaleSetting.set(1),this._scaleSetting.addChangeListener(this._scaleSettingChanged,this),this._scale=1,this._widthSetting=Settings.Settings.instance().createSetting("emulation.deviceWidth",400),this._widthSetting.get()<MinDeviceSize&&this._widthSetting.set(MinDeviceSize),this._widthSetting.get()>MaxDeviceSize&&this._widthSetting.set(MaxDeviceSize),this._widthSetting.addChangeListener(this._widthSettingChanged,this),this._heightSetting=Settings.Settings.instance().createSetting("emulation.deviceHeight",0),this._heightSetting.get()&&this._heightSetting.get()<MinDeviceSize&&this._heightSetting.set(MinDeviceSize),this._heightSetting.get()>MaxDeviceSize&&this._heightSetting.set(MaxDeviceSize),this._heightSetting.addChangeListener(this._heightSettingChanged,this),this._uaSetting=Settings.Settings.instance().createSetting("emulation.deviceUA",UA.Mobile),this._uaSetting.addChangeListener(this._uaSettingChanged,this),this._deviceScaleFactorSetting=Settings.Settings.instance().createSetting("emulation.deviceScaleFactor",0),this._deviceScaleFactorSetting.addChangeListener(this._deviceScaleFactorSettingChanged,this),this._deviceOutlineSetting=Settings.Settings.instance().moduleSetting("emulation.showDeviceOutline"),this._deviceOutlineSetting.addChangeListener(this._deviceOutlineSettingChanged,this),this._toolbarControlsEnabledSetting=Settings.Settings.instance().createSetting("emulation.toolbarControlsEnabled",!0,Settings.SettingStorageType.Session),this._type=Type$1.None,this._device=null,this._mode=null,this._fitScale=1,this._touchEnabled=!1,this._touchMobile=!1,this._emulationModel=null,this._onModelAvailable=null,SDKModel.TargetManager.instance().observeModels(EmulationModel.EmulationModel,this)}static instance(e={forceNew:null}){return deviceModeModelInstance&&!e.forceNew||(deviceModeModelInstance=new DeviceModeModel),deviceModeModelInstance}static widthValidator(e){let t,i=!1;return/^[\d]+$/.test(e)?Number(e)>MaxDeviceSize?t=ls$1`Width must be less than or equal to ${MaxDeviceSize}.`:Number(e)<MinDeviceSize?t=ls$1`Width must be greater than or equal to ${MinDeviceSize}.`:i=!0:t=ls$1`Width must be a number.`,{valid:i,errorMessage:t}}static heightValidator(e){let t,i=!1;return/^[\d]+$/.test(e)?Number(e)>MaxDeviceSize?t=ls$1`Height must be less than or equal to ${MaxDeviceSize}.`:Number(e)<MinDeviceSize?t=ls$1`Height must be greater than or equal to ${MinDeviceSize}.`:i=!0:t=ls$1`Height must be a number.`,{valid:i,errorMessage:t}}static scaleValidator(e){let t,i=!1;const n=Number(e.trim());return e?Number.isNaN(n)?t=ls$1`Device pixel ratio must be a number or blank.`:Number(e)>MaxDeviceScaleFactor?t=ls$1`Device pixel ratio must be less than or equal to ${MaxDeviceScaleFactor}.`:Number(e)<MinDeviceScaleFactor?t=ls$1`Device pixel ratio must be greater than or equal to ${MinDeviceScaleFactor}.`:i=!0:i=!0,{valid:i,errorMessage:t}}setAvailableSize(e,t){this._availableSize=e,this._preferredSize=t,this._initialized=!0,this._calculateAndEmulate(!1)}emulate(e,t,i,n){const s=this._type!==e||this._device!==t||this._mode!==i;if(this._type=e,e===Type$1.Device&&t&&i){if(console.assert(Boolean(t)&&Boolean(i),"Must pass device and mode for device emulation"),this._mode=i,this._device=t,this._initialized){const e=t.orientationByName(i.orientation);this._scaleSetting.set(n||this._calculateFitScale(e.width,e.height,this._currentOutline(),this._currentInsets()))}}else this._device=null,this._mode=null;e!==Type$1.None&&userMetrics.actionTaken(UserMetrics.Action.DeviceModeEnabled),this._calculateAndEmulate(s)}setWidth(e){const t=Math.min(MaxDeviceSize,this._preferredScaledWidth());e=Math.max(Math.min(e,t),1),this._widthSetting.set(e)}setWidthAndScaleToFit(e){e=Math.max(Math.min(e,MaxDeviceSize),1),this._scaleSetting.set(this._calculateFitScale(e,this._heightSetting.get())),this._widthSetting.set(e)}setHeight(e){const t=Math.min(MaxDeviceSize,this._preferredScaledHeight());(e=Math.max(Math.min(e,t),0))===this._preferredScaledHeight()&&(e=0),this._heightSetting.set(e)}setHeightAndScaleToFit(e){e=Math.max(Math.min(e,MaxDeviceSize),0),this._scaleSetting.set(this._calculateFitScale(this._widthSetting.get(),e)),this._heightSetting.set(e)}setScale(e){this._scaleSetting.set(e)}device(){return this._device}mode(){return this._mode}type(){return this._type}screenImage(){return this._device&&this._mode?this._device.modeImage(this._mode):""}outlineImage(){return this._device&&this._mode&&this._deviceOutlineSetting.get()?this._device.outlineImage(this._mode):""}outlineRect(){return this._outlineRect||null}screenRect(){return this._screenRect}visiblePageRect(){return this._visiblePageRect}scale(){return this._scale}fitScale(){return this._fitScale}appliedDeviceSize(){return this._appliedDeviceSize}appliedDeviceScaleFactor(){return this._appliedDeviceScaleFactor}appliedUserAgentType(){return this._appliedUserAgentType}isFullHeight(){return!this._heightSetting.get()}_isMobile(){switch(this._type){case Type$1.Device:return!!this._device&&this._device.mobile();case Type$1.None:return!1;case Type$1.Responsive:return this._uaSetting.get()===UA.Mobile||this._uaSetting.get()===UA.MobileNoTouch}return!1}enabledSetting(){return Settings.Settings.instance().createSetting("emulation.showDeviceMode",!1)}scaleSetting(){return this._scaleSetting}uaSetting(){return this._uaSetting}deviceScaleFactorSetting(){return this._deviceScaleFactorSetting}deviceOutlineSetting(){return this._deviceOutlineSetting}toolbarControlsEnabledSetting(){return this._toolbarControlsEnabledSetting}reset(){this._deviceScaleFactorSetting.set(0),this._scaleSetting.set(1),this.setWidth(400),this.setHeight(0),this._uaSetting.set(UA.Mobile)}modelAdded(e){if(!this._emulationModel&&e.supportsDeviceEmulation()){if(this._emulationModel=e,this._onModelAvailable){const e=this._onModelAvailable;this._onModelAvailable=null,e()}const t=e.target().model(ResourceTreeModel.ResourceTreeModel);t&&(t.addEventListener(ResourceTreeModel.Events.FrameResized,this._onFrameChange,this),t.addEventListener(ResourceTreeModel.Events.FrameNavigated,this._onFrameChange,this))}else e.emulateTouch(this._touchEnabled,this._touchMobile)}modelRemoved(e){this._emulationModel===e&&(this._emulationModel=null)}inspectedURL(){return this._emulationModel?this._emulationModel.target().inspectedURL():null}_onFrameChange(){const e=this._emulationModel?this._emulationModel.overlayModel():null;e&&this._showHingeIfApplicable(e)}_scaleSettingChanged(){this._calculateAndEmulate(!1)}_widthSettingChanged(){this._calculateAndEmulate(!1)}_heightSettingChanged(){this._calculateAndEmulate(!1)}_uaSettingChanged(){this._calculateAndEmulate(!0)}_deviceScaleFactorSettingChanged(){this._calculateAndEmulate(!1)}_deviceOutlineSettingChanged(){this._calculateAndEmulate(!1)}_preferredScaledWidth(){return Math.floor(this._preferredSize.width/(this._scaleSetting.get()||1))}_preferredScaledHeight(){return Math.floor(this._preferredSize.height/(this._scaleSetting.get()||1))}_currentOutline(){let e=new Geometry.Insets(0,0,0,0);if(this._type!==Type$1.Device||!this._device||!this._mode)return e;const t=this._device.orientationByName(this._mode.orientation);return this._deviceOutlineSetting.get()&&(e=t.outlineInsets||e),e}_currentInsets(){return this._type===Type$1.Device&&this._mode?this._mode.insets:new Geometry.Insets(0,0,0,0)}_getScreenOrientationType(){if(!this._mode)throw new Error("Mode required to get orientation type.");switch(this._mode.orientation){case VerticalSpanned:case Vertical:return Protocol.Emulation.ScreenOrientationType.PortraitPrimary;case HorizontalSpanned:case Horizontal:default:return Protocol.Emulation.ScreenOrientationType.LandscapePrimary}}_calculateAndEmulate(e){this._emulationModel||(this._onModelAvailable=this._calculateAndEmulate.bind(this,e));const t=this._isMobile(),i=this._emulationModel?this._emulationModel.overlayModel():null;if(i&&this._showHingeIfApplicable(i),this._type===Type$1.Device&&this._device&&this._mode){const i=this._device.orientationByName(this._mode.orientation),n=this._currentOutline(),s=this._currentInsets();this._fitScale=this._calculateFitScale(i.width,i.height,n,s),this._appliedUserAgentType=t?this._device.touch()?UA.Mobile:UA.MobileNoTouch:this._device.touch()?UA.DesktopTouch:UA.Desktop,this._applyDeviceMetrics(new Geometry.Size(i.width,i.height),s,n,this._scaleSetting.get(),this._device.deviceScaleFactor,t,this._getScreenOrientationType(),e,this._webPlatformExperimentalFeaturesEnabled),this._applyUserAgent(this._device.userAgent,this._device.userAgentMetadata),this._applyTouch(this._device.touch(),t)}else if(this._type===Type$1.None)this._fitScale=this._calculateFitScale(this._availableSize.width,this._availableSize.height),this._appliedUserAgentType=UA.Desktop,this._applyDeviceMetrics(this._availableSize,new Geometry.Insets(0,0,0,0),new Geometry.Insets(0,0,0,0),1,0,t,null,e),this._applyUserAgent("",null),this._applyTouch(!1,!1);else if(this._type===Type$1.Responsive){let i=this._widthSetting.get();(!i||i>this._preferredScaledWidth())&&(i=this._preferredScaledWidth());let n=this._heightSetting.get();(!n||n>this._preferredScaledHeight())&&(n=this._preferredScaledHeight());const s=t?defaultMobileScaleFactor:0;this._fitScale=this._calculateFitScale(this._widthSetting.get(),this._heightSetting.get()),this._appliedUserAgentType=this._uaSetting.get(),this._applyDeviceMetrics(new Geometry.Size(i,n),new Geometry.Insets(0,0,0,0),new Geometry.Insets(0,0,0,0),this._scaleSetting.get(),this._deviceScaleFactorSetting.get()||s,t,n>=i?Protocol.Emulation.ScreenOrientationType.PortraitPrimary:Protocol.Emulation.ScreenOrientationType.LandscapePrimary,e),this._applyUserAgent(t?_defaultMobileUserAgent:"",t?_defaultMobileUserAgentMetadata:null),this._applyTouch(this._uaSetting.get()===UA.DesktopTouch||this._uaSetting.get()===UA.Mobile,this._uaSetting.get()===UA.Mobile)}i&&i.setShowViewportSizeOnResize(this._type===Type$1.None),this.dispatchEventToListeners(Events$1.Updated)}_calculateFitScale(e,t,i,n){const s=i?i.left+i.right:0,o=i?i.top+i.bottom:0,a=n?n.left+n.right:0,r=n?n.top+n.bottom:0;let l=Math.min(e?this._preferredSize.width/(e+s):1,t?this._preferredSize.height/(t+o):1);l=Math.min(Math.floor(100*l),100);let c=l;for(;c>.7*l;){let i=!0;if(e&&(i=i&&Number.isInteger((e-a)*c/100)),t&&(i=i&&Number.isInteger((t-r)*c/100)),i)return c/100;c-=1}return l/100}setSizeAndScaleToFit(e,t){this._scaleSetting.set(this._calculateFitScale(e,t)),this.setWidth(e),this.setHeight(t)}_applyUserAgent(e,t){NetworkManager.MultitargetNetworkManager.instance().setUserAgentOverride(e,t)}_applyDeviceMetrics(e,t,i,n,s,o,a,r,l=!1){e.width=Math.max(1,Math.floor(e.width)),e.height=Math.max(1,Math.floor(e.height));let c=e.width-t.left-t.right,d=e.height-t.top-t.bottom;this._emulatedPageSize=new Geometry.Size(c,d);const h=t.left,u=t.top,m=a===Protocol.Emulation.ScreenOrientationType.LandscapePrimary?90:0;if(this._appliedDeviceSize=e,this._appliedDeviceScaleFactor=s||window.devicePixelRatio,this._screenRect=new Geometry.Rect(Math.max(0,(this._availableSize.width-e.width*n)/2),i.top*n,e.width*n,e.height*n),this._outlineRect=new Geometry.Rect(this._screenRect.left-i.left*n,0,(i.left+e.width+i.right)*n,(i.top+e.height+i.bottom)*n),this._visiblePageRect=new Geometry.Rect(h*n,u*n,Math.min(c*n,this._availableSize.width-this._screenRect.left-h*n),Math.min(d*n,this._availableSize.height-this._screenRect.top-u*n)),this._scale=n,l||(1===n&&this._availableSize.width>=e.width&&this._availableSize.height>=e.height&&(c=0,d=0),this._visiblePageRect.width===c*n&&this._visiblePageRect.height===d*n&&Number.isInteger(c*n)&&Number.isInteger(d*n)&&(c=0,d=0)),this._emulationModel)if(r&&this._emulationModel.resetPageScaleFactor(),c||d||o||s||1!==n||a||l){const t={width:c,height:d,deviceScaleFactor:s,mobile:o,scale:n,screenWidth:e.width,screenHeight:e.height,positionX:h,positionY:u,dontSetVisibleSize:!0,displayFeature:void 0,screenOrientation:void 0},i=this._getDisplayFeature();i&&(t.displayFeature=i),a&&(t.screenOrientation={type:a,angle:m}),this._emulationModel.emulateDevice(t)}else this._emulationModel.emulateDevice(null)}exitHingeMode(){const e=this._emulationModel?this._emulationModel.overlayModel():null;e&&e.showHingeForDualScreen(null)}webPlatformExperimentalFeaturesEnabled(){return this._webPlatformExperimentalFeaturesEnabled}shouldReportDisplayFeature(){return this._webPlatformExperimentalFeaturesEnabled&&this._experimentDualScreenSupport}async captureScreenshot(e,t){const i=this._emulationModel?this._emulationModel.target().model(ScreenCaptureModel.ScreenCaptureModel):null;if(!i)return null;const n=this._emulationModel?this._emulationModel.overlayModel():null;if(n&&n.setShowViewportSizeOnResize(!1),e){const e=await i.fetchLayoutMetrics();if(!e)return null;const n=Math.min(16384/this._appliedDeviceScaleFactor,e.contentHeight);t={x:0,y:0,width:Math.floor(e.contentWidth/this._appliedDeviceScaleFactor),height:Math.floor(n/this._appliedDeviceScaleFactor),scale:1}}const s=await i.captureScreenshot(Protocol.Page.CaptureScreenshotRequestFormat.Png,100,t),o={width:0,height:0,deviceScaleFactor:0,mobile:!1};if(e&&this._emulationModel){if(this._device&&this._mode){const e=this._device.orientationByName(this._mode.orientation);o.width=e.width,o.height=e.height;const t=this._getDisplayFeature();t&&(o.displayFeature=t)}else o.width=0,o.height=0;await this._emulationModel.emulateDevice(o)}return this._calculateAndEmulate(!1),s}_applyTouch(e,t){this._touchEnabled=e,this._touchMobile=t;for(const i of SDKModel.TargetManager.instance().models(EmulationModel.EmulationModel))i.emulateTouch(e,t)}_showHingeIfApplicable(e){const t=this._device&&this._mode?this._device.orientationByName(this._mode.orientation):null;this._experimentDualScreenSupport&&t&&t.hinge?e.showHingeForDualScreen(t.hinge):e.showHingeForDualScreen(null)}_getDisplayFeatureOrientation(){if(!this._mode)throw new Error("Mode required to get display feature orientation.");switch(this._mode.orientation){case VerticalSpanned:case Vertical:return Protocol.Emulation.DisplayFeatureOrientation.Vertical;case HorizontalSpanned:case Horizontal:default:return Protocol.Emulation.DisplayFeatureOrientation.Horizontal}}_getDisplayFeature(){if(!this.shouldReportDisplayFeature())return null;if(!this._device||!this._mode||this._mode.orientation!==VerticalSpanned&&this._mode.orientation!==HorizontalSpanned)return null;const e=this._device.orientationByName(this._mode.orientation);if(!e||!e.hinge)return null;const t=e.hinge;return{orientation:this._getDisplayFeatureOrientation(),offset:this._mode.orientation===VerticalSpanned?t.x:t.y,maskLength:this._mode.orientation===VerticalSpanned?t.width:t.height}}}const Events$1={Updated:"Updated"},Type$1={None:"None",Responsive:"Responsive",Device:"Device"},UA={Mobile:UIString.UIString("Mobile"),MobileNoTouch:UIString.UIString("Mobile (no touch)"),Desktop:UIString.UIString("Desktop"),DesktopTouch:UIString.UIString("Desktop (touch)")},MinDeviceSize=50,MaxDeviceSize=9999,MinDeviceScaleFactor=0,MaxDeviceScaleFactor=10,MaxDeviceNameLength=50,_mobileUserAgent="Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/%s Mobile Safari/537.36",_defaultMobileUserAgent=NetworkManager.MultitargetNetworkManager.patchUserAgentWithChromeVersion(_mobileUserAgent),_defaultMobileUserAgentMetadata={brands:NetworkManager.MultitargetNetworkManager.getChromeBrands(),fullVersion:NetworkManager.MultitargetNetworkManager.getChromeVersion(),platform:"Android",platformVersion:"6.0",architecture:"",model:"Nexus 5",mobile:!0},defaultMobileScaleFactor=2;var DeviceModeModel$1=Object.freeze({__proto__:null,DeviceModeModel:DeviceModeModel,Events:Events$1,Type:Type$1,UA:UA,MinDeviceSize:MinDeviceSize,MaxDeviceSize:MaxDeviceSize,MinDeviceScaleFactor:MinDeviceScaleFactor,MaxDeviceScaleFactor:MaxDeviceScaleFactor,MaxDeviceNameLength:MaxDeviceNameLength,_defaultMobileUserAgent:_defaultMobileUserAgent,_defaultMobileUserAgentMetadata:_defaultMobileUserAgentMetadata,defaultMobileScaleFactor:defaultMobileScaleFactor});function setTitleForButton(e,t){e.setTitle(t),e.element.title=t}class DeviceModeToolbar{constructor(e,t,i){this._model=e;const n=e.device();n&&this._recordDeviceChange(n,null),this._showMediaInspectorSetting=t,this._showRulersSetting=i,this._experimentDualScreenSupport=Runtime.experiments.isEnabled("dualScreenSupport"),this._deviceOutlineSetting=this._model.deviceOutlineSetting(),this._showDeviceScaleFactorSetting=Settings.Settings.instance().createSetting("emulation.showDeviceScaleFactor",!1),this._showDeviceScaleFactorSetting.addChangeListener(this._updateDeviceScaleFactorVisibility,this),this._showUserAgentTypeSetting=Settings.Settings.instance().createSetting("emulation.showUserAgentType",!1),this._showUserAgentTypeSetting.addChangeListener(this._updateUserAgentTypeVisibility,this),this._autoAdjustScaleSetting=Settings.Settings.instance().createSetting("emulation.autoAdjustScale",!0),this._lastMode=new Map,this._element=document.createElement("div"),this._element.classList.add("device-mode-toolbar");const s=this._element.createChild("div","device-mode-toolbar-spacer");s.createChild("div","device-mode-toolbar-spacer");const o=new Toolbar.Toolbar("",s);this._fillLeftToolbar(o);const a=new Toolbar.Toolbar("",this._element);a.makeWrappable(),this._fillMainToolbar(a);const r=this._element.createChild("div","device-mode-toolbar-spacer"),l=new Toolbar.Toolbar("device-mode-toolbar-fixed-size",r);l.makeWrappable(),this._fillRightToolbar(l);const c=new Toolbar.Toolbar("device-mode-toolbar-fixed-size",r);c.makeWrappable(),this._fillModeToolbar(c),r.createChild("div","device-mode-toolbar-spacer");const d=new Toolbar.Toolbar("device-mode-toolbar-options",r);function h(){const t=e.toolbarControlsEnabledSetting().get();o.setEnabled(t),a.setEnabled(t),l.setEnabled(t),c.setEnabled(t),d.setEnabled(t)}d.makeWrappable(),this._fillOptionsToolbar(d),this._emulatedDevicesList=EmulatedDevicesList.instance(),this._emulatedDevicesList.addEventListener(Events.CustomDevicesUpdated,this._deviceListChanged,this),this._emulatedDevicesList.addEventListener(Events.StandardDevicesUpdated,this._deviceListChanged,this),this._persistenceSetting=Settings.Settings.instance().createSetting("emulation.deviceModeValue",{device:"",orientation:"",mode:""}),this._model.toolbarControlsEnabledSetting().addChangeListener(h),h(),this._spanButton,this._modeButton,this._widthInput,this._heightInput,this._deviceScaleItem,this._deviceSelectItem,this._scaleItem,this._uaItem,this._experimentalButton,this._cachedDeviceScale,this._cachedUaType,this._updateWidthInput}_recordDeviceChange(e,t){e!==t&&e&&e.isDualScreen&&userMetrics.dualScreenDeviceEmulated(UserMetrics.DualScreenDeviceEmulated.DualScreenDeviceSelected)}_createEmptyToolbarElement(){const e=document.createElement("div");return e.classList.add("device-mode-empty-toolbar-element"),e}_fillLeftToolbar(e){e.appendToolbarItem(this._wrapToolbarItem(this._createEmptyToolbarElement())),this._deviceSelectItem=new Toolbar.ToolbarMenuButton(this._appendDeviceMenuItems.bind(this)),this._deviceSelectItem.setGlyph(""),this._deviceSelectItem.turnIntoSelect(!0),this._deviceSelectItem.setDarkText(),e.appendToolbarItem(this._deviceSelectItem)}_fillMainToolbar(e){const t=UIUtils.createInput("device-mode-size-input","text");t.maxLength=4,t.title=UIString.UIString("Width"),this._updateWidthInput=UIUtils.bindInput(t,this._applyWidth.bind(this),DeviceModeModel.widthValidator,!0),this._widthInput=t,this._widthItem=this._wrapToolbarItem(t),e.appendToolbarItem(this._widthItem);const i=document.createElement("div");i.classList.add("device-mode-x"),i.textContent="×",this._xItem=this._wrapToolbarItem(i),e.appendToolbarItem(this._xItem);const n=UIUtils.createInput("device-mode-size-input","text");n.maxLength=4,n.title=UIString.UIString("Height (leave empty for full)"),this._updateHeightInput=UIUtils.bindInput(n,this._applyHeight.bind(this),(function(e){if(!e)return{valid:!0,errorMessage:void 0};return DeviceModeModel.heightValidator(e)}),!0),this._heightInput=n,this._heightItem=this._wrapToolbarItem(n),e.appendToolbarItem(this._heightItem)}_applyWidth(e){const t=e?Number(e):0;this._model.setWidthAndScaleToFit(t)}_applyHeight(e){const t=e?Number(e):0;this._model.setHeightAndScaleToFit(t)}_fillRightToolbar(e){e.appendToolbarItem(this._wrapToolbarItem(this._createEmptyToolbarElement())),this._scaleItem=new Toolbar.ToolbarMenuButton(this._appendScaleMenuItems.bind(this)),setTitleForButton(this._scaleItem,UIString.UIString("Zoom")),this._scaleItem.setGlyph(""),this._scaleItem.turnIntoSelect(),this._scaleItem.setDarkText(),e.appendToolbarItem(this._scaleItem),e.appendToolbarItem(this._wrapToolbarItem(this._createEmptyToolbarElement())),this._deviceScaleItem=new Toolbar.ToolbarMenuButton(this._appendDeviceScaleMenuItems.bind(this)),this._deviceScaleItem.setVisible(this._showDeviceScaleFactorSetting.get()),setTitleForButton(this._deviceScaleItem,UIString.UIString("Device pixel ratio")),this._deviceScaleItem.setGlyph(""),this._deviceScaleItem.turnIntoSelect(),this._deviceScaleItem.setDarkText(),e.appendToolbarItem(this._deviceScaleItem),e.appendToolbarItem(this._wrapToolbarItem(this._createEmptyToolbarElement())),this._uaItem=new Toolbar.ToolbarMenuButton(this._appendUserAgentMenuItems.bind(this)),this._uaItem.setVisible(this._showUserAgentTypeSetting.get()),setTitleForButton(this._uaItem,UIString.UIString("Device type")),this._uaItem.setGlyph(""),this._uaItem.turnIntoSelect(),this._uaItem.setDarkText(),e.appendToolbarItem(this._uaItem),this._throttlingConditionsItem=ThrottlingManager.throttlingManager().createMobileThrottlingButton(),e.appendToolbarItem(this._throttlingConditionsItem)}_fillModeToolbar(e){e.appendToolbarItem(this._wrapToolbarItem(this._createEmptyToolbarElement())),this._modeButton=new Toolbar.ToolbarButton("","largeicon-rotate-screen"),this._modeButton.addEventListener(Toolbar.ToolbarButton.Events.Click,this._modeMenuClicked,this),e.appendToolbarItem(this._modeButton),this._experimentDualScreenSupport&&(this._spanButton=new Toolbar.ToolbarButton("","largeicon-dual-screen"),this._spanButton.addEventListener(Toolbar.ToolbarButton.Events.Click,this._spanClicked,this),e.appendToolbarItem(this._spanButton),this._createExperimentalButton(e))}_createExperimentalButton(e){e.appendToolbarItem(new Toolbar.ToolbarSeparator(!0));const t=this._model.webPlatformExperimentalFeaturesEnabled()?UIString.UIString('"Experimental Web Platform Feature" flag is enabled. Click to disable it.'):UIString.UIString('"Experimental Web Platform Feature" flag is disabled. Click to enable it.');this._experimentalButton=new Toolbar.ToolbarToggle(t,"largeicon-experimental-api"),this._experimentalButton.setToggled(this._model.webPlatformExperimentalFeaturesEnabled()),this._experimentalButton.setEnabled(!0),this._experimentalButton.addEventListener(Toolbar.ToolbarButton.Events.Click,this._experimentalClicked,this),e.appendToolbarItem(this._experimentalButton)}_experimentalClicked(){InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab("chrome://flags/#enable-experimental-web-platform-features")}_fillOptionsToolbar(e){e.appendToolbarItem(this._wrapToolbarItem(this._createEmptyToolbarElement()));const t=new Toolbar.ToolbarMenuButton(this._appendOptionsMenuItems.bind(this));setTitleForButton(t,UIString.UIString("More options")),e.appendToolbarItem(t)}_appendScaleMenuItems(e){this._model.type()===Type$1.Device&&e.footerSection().appendItem(UIString.UIString("Fit to window (%.0f%%)",100*this._model.fitScale()),this._onScaleMenuChanged.bind(this,this._model.fitScale()),!1),e.footerSection().appendCheckboxItem(ls$1`Auto-adjust zoom`,this._onAutoAdjustScaleChanged.bind(this),this._autoAdjustScaleSetting.get());const t=function(t,i){e.defaultSection().appendCheckboxItem(t,this._onScaleMenuChanged.bind(this,i),this._model.scaleSetting().get()===i,!1)}.bind(this);t(UIString.UIString("50%"),.5),t(UIString.UIString("75%"),.75),t(UIString.UIString("100%"),1),t(UIString.UIString("125%"),1.25),t(UIString.UIString("150%"),1.5)}_onScaleMenuChanged(e){this._model.scaleSetting().set(e)}_onAutoAdjustScaleChanged(){this._autoAdjustScaleSetting.set(!this._autoAdjustScaleSetting.get())}_appendDeviceScaleMenuItems(e){const t=this._model.deviceScaleFactorSetting(),i=this._model.uaSetting().get()===UA.Mobile||this._model.uaSetting().get()===UA.MobileNoTouch?defaultMobileScaleFactor:window.devicePixelRatio;function n(e,i,n){e.appendCheckboxItem(i,t.set.bind(t,n),t.get()===n)}n(e.headerSection(),UIString.UIString("Default: %.1f",i),0),n(e.defaultSection(),UIString.UIString("1"),1),n(e.defaultSection(),UIString.UIString("2"),2),n(e.defaultSection(),UIString.UIString("3"),3)}_appendUserAgentMenuItems(e){const t=this._model.uaSetting();function i(i,n){e.defaultSection().appendCheckboxItem(i,t.set.bind(t,n),t.get()===n)}i(UA.Mobile,UA.Mobile),i(UA.MobileNoTouch,UA.MobileNoTouch),i(UA.Desktop,UA.Desktop),i(UA.DesktopTouch,UA.DesktopTouch)}_appendOptionsMenuItems(e){const t=this._model;function i(e,i,n,s,o){void 0===o&&(o=t.type()===Type$1.None),e.appendItem(i.get()?n:s,i.set.bind(i,!i.get()),o)}i(e.headerSection(),this._deviceOutlineSetting,UIString.UIString("Hide device frame"),UIString.UIString("Show device frame"),t.type()!==Type$1.Device),i(e.headerSection(),this._showMediaInspectorSetting,UIString.UIString("Hide media queries"),UIString.UIString("Show media queries")),i(e.headerSection(),this._showRulersSetting,UIString.UIString("Hide rulers"),UIString.UIString("Show rulers")),i(e.defaultSection(),this._showDeviceScaleFactorSetting,UIString.UIString("Remove device pixel ratio"),UIString.UIString("Add device pixel ratio")),i(e.defaultSection(),this._showUserAgentTypeSetting,UIString.UIString("Remove device type"),UIString.UIString("Add device type")),e.appendItemsAtLocation("deviceModeMenu"),e.footerSection().appendItem(UIString.UIString("Reset to defaults"),this._reset.bind(this)),e.footerSection().appendItem(ls$1`Close DevTools`,InspectorFrontendHost.InspectorFrontendHostInstance.closeWindow.bind(InspectorFrontendHost.InspectorFrontendHostInstance))}_reset(){this._deviceOutlineSetting.set(!1),this._showDeviceScaleFactorSetting.set(!1),this._showUserAgentTypeSetting.set(!1),this._showMediaInspectorSetting.set(!1),this._showRulersSetting.set(!1),this._model.reset()}_wrapToolbarItem(e){const t=document.createElement("div");return Utils.createShadowRootWithCoreStyles(t,{cssFile:"emulation/deviceModeToolbar.css",enableLegacyPatching:!0,delegatesFocus:void 0}).appendChild(e),new Toolbar.ToolbarItem(t)}_emulateDevice(e){const t=this._autoAdjustScaleSetting.get()?void 0:this._model.scaleSetting().get();this._recordDeviceChange(e,this._model.device()),this._model.emulate(Type$1.Device,e,this._lastMode.get(e)||e.modes[0],t)}_switchToResponsive(){this._model.emulate(Type$1.Responsive,null,null)}_filterDevices(e){return(e=e.filter((function(e){return e.show()}))).sort(EmulatedDevice.deviceComparator),e}_standardDevices(){return this._filterDevices(this._emulatedDevicesList.standard())}_customDevices(){return this._filterDevices(this._emulatedDevicesList.custom())}_allDevices(){return this._standardDevices().concat(this._customDevices())}_appendDeviceMenuItems(e){function t(t){if(!t.length)return;const i=e.section();for(const e of t)i.appendCheckboxItem(e.title,this._emulateDevice.bind(this,e),this._model.device()===e,!1)}e.headerSection().appendCheckboxItem(UIString.UIString("Responsive"),this._switchToResponsive.bind(this),this._model.type()===Type$1.Responsive,!1),t.call(this,this._standardDevices()),t.call(this,this._customDevices()),e.footerSection().appendItem(UIString.UIString("Edit…"),this._emulatedDevicesList.revealCustomSetting.bind(this._emulatedDevicesList),!1)}_deviceListChanged(){const e=this._model.device();if(!e)return;const t=this._allDevices();-1===t.indexOf(e)?t.length?this._emulateDevice(t[0]):this._model.emulate(Type$1.Responsive,null,null):this._emulateDevice(e)}_updateDeviceScaleFactorVisibility(){this._deviceScaleItem&&this._deviceScaleItem.setVisible(this._showDeviceScaleFactorSetting.get())}_updateUserAgentTypeVisibility(){this._uaItem&&this._uaItem.setVisible(this._showUserAgentTypeSetting.get())}_spanClicked(e){const t=this._model.device();if(!t||!t.isDualScreen)return;userMetrics.dualScreenDeviceEmulated(UserMetrics.DualScreenDeviceEmulated.SpanButtonClicked);const i=this._autoAdjustScaleSetting.get()?void 0:this._model.scaleSetting().get(),n=this._model.mode();if(!n)return;const s=t.getSpanPartner(n);s&&this._model.emulate(this._model.type(),t,s,i)}_modeMenuClicked(e){const t=this._model.device(),i=this._model,n=this._autoAdjustScaleSetting;if(i.type()===Type$1.Responsive){const e=i.appliedDeviceSize();return void(n.get()?i.setSizeAndScaleToFit(e.height,e.width):(i.setWidth(e.height),i.setHeight(e.width)))}if(!t)return;if((t.isDualScreen||2===t.modes.length)&&t.modes[0].orientation!==t.modes[1].orientation){const e=n.get()?void 0:i.scaleSetting().get(),s=i.mode();if(!s)return;const o=t.getRotationPartner(s);if(!o)return;return void i.emulate(i.type(),i.device(),o,e)}if(!this._modeButton)return;const s=new ContextMenu.ContextMenu(e.data,!1,this._modeButton.element.totalOffsetLeft(),this._modeButton.element.totalOffsetTop()+this._modeButton.element.offsetHeight);function o(e,i){if(!t)return;const n=t.modesForOrientation(e);if(n.length)if(1===n.length)a(n[0],i);else for(let e=0;e<n.length;e++)a(n[e],i+" – "+n[e].title)}function a(e,t){s.defaultSection().appendCheckboxItem(t,r.bind(null,e),i.mode()===e,!1)}function r(e){const t=n.get()?void 0:i.scaleSetting().get();i.emulate(i.type(),i.device(),e,t)}o(Vertical,UIString.UIString("Portrait")),o(Horizontal,UIString.UIString("Landscape")),s.show()}element(){return this._element}update(){this._model.type()!==this._cachedModelType&&(this._cachedModelType=this._model.type(),this._widthInput.disabled=this._model.type()!==Type$1.Responsive,this._heightInput.disabled=this._model.type()!==Type$1.Responsive,this._deviceScaleItem.setEnabled(this._model.type()===Type$1.Responsive),this._uaItem.setEnabled(this._model.type()===Type$1.Responsive),this._model.type()===Type$1.Responsive?(this._modeButton.setEnabled(!0),setTitleForButton(this._modeButton,ls$1`Rotate`)):this._modeButton.setEnabled(!1));const e=this._model.appliedDeviceSize();this._updateHeightInput&&this._updateHeightInput(this._model.type()===Type$1.Responsive&&this._model.isFullHeight()?"":String(e.height)),this._updateWidthInput(String(e.width)),this._heightInput.placeholder=String(e.height),this._model.scale()!==this._cachedScale&&(this._scaleItem.setText(UIString.UIString("%.0f%%",100*this._model.scale())),this._cachedScale=this._model.scale());const t=this._model.appliedDeviceScaleFactor();t!==this._cachedDeviceScale&&(this._deviceScaleItem.setText(UIString.UIString("DPR: %.1f",t)),this._cachedDeviceScale=t);const i=this._model.appliedUserAgentType();i!==this._cachedUaType&&(this._uaItem.setText(i),this._cachedUaType=i);let n=UIString.UIString("None");this._model.type()===Type$1.Responsive&&(n=UIString.UIString("Responsive"));const s=this._model.device();if(this._model.type()===Type$1.Device&&s&&(n=s.title),this._deviceSelectItem.setText(n),this._model.device()!==this._cachedModelDevice){const e=this._model.device();if(e){const t=e?e.modes.length:0;this._modeButton.setEnabled(t>=2),setTitleForButton(this._modeButton,2===t?UIString.UIString("Rotate"):UIString.UIString("Screen orientation options"))}this._cachedModelDevice=e}if(this._experimentDualScreenSupport&&this._experimentalButton){const e=this._model.device();e&&e.isDualScreen?(this._spanButton.setVisible(!0),this._experimentalButton.setVisible(!0)):(this._spanButton.setVisible(!1),this._experimentalButton.setVisible(!1)),setTitleForButton(this._spanButton,UIString.UIString("Toggle dual-screen mode"))}if(this._model.type()===Type$1.Device&&this._lastMode.set(this._model.device(),this._model.mode()),this._model.mode()!==this._cachedModelMode&&this._model.type()!==Type$1.None){this._cachedModelMode=this._model.mode();const e=this._persistenceSetting.get(),t=this._model.device();if(t){e.device=t.title;const i=this._model.mode();e.orientation=i?i.orientation:"",e.mode=i?i.title:""}else e.device="",e.orientation="",e.mode="";this._persistenceSetting.set(e)}}restore(){for(const e of this._allDevices())if(e.title===this._persistenceSetting.get().device)for(const t of e.modes)if(t.orientation===this._persistenceSetting.get().orientation&&t.title===this._persistenceSetting.get().mode)return this._lastMode.set(e,t),void this._emulateDevice(e);this._model.emulate(Type$1.Responsive,null,null)}}var DeviceModeToolbar$1=Object.freeze({__proto__:null,DeviceModeToolbar:DeviceModeToolbar});class MediaQueryInspector extends Widget.Widget{constructor(e,t){super(!0),this.registerRequiredCSS("emulation/mediaQueryInspector.css",{enableLegacyPatching:!0}),this.contentElement.classList.add("media-inspector-view"),this.contentElement.addEventListener("click",this._onMediaQueryClicked.bind(this),!1),this.contentElement.addEventListener("contextmenu",this._onContextMenu.bind(this),!1),this._mediaThrottler=new Throttler.Throttler(0),this._getWidthCallback=e,this._setWidthCallback=t,this._scale=1,this.elementsToMediaQueryModel=new WeakMap,this.elementsToCSSLocations=new WeakMap,SDKModel.TargetManager.instance().observeModels(CSSModel.CSSModel,this),ZoomManager.ZoomManager.instance().addEventListener(ZoomManager.Events.ZoomChanged,this._renderMediaQueries.bind(this),this)}modelAdded(e){this._cssModel||(this._cssModel=e,this._cssModel.addEventListener(CSSModel.Events.StyleSheetAdded,this._scheduleMediaQueriesUpdate,this),this._cssModel.addEventListener(CSSModel.Events.StyleSheetRemoved,this._scheduleMediaQueriesUpdate,this),this._cssModel.addEventListener(CSSModel.Events.StyleSheetChanged,this._scheduleMediaQueriesUpdate,this),this._cssModel.addEventListener(CSSModel.Events.MediaQueryResultChanged,this._scheduleMediaQueriesUpdate,this))}modelRemoved(e){e===this._cssModel&&(this._cssModel.removeEventListener(CSSModel.Events.StyleSheetAdded,this._scheduleMediaQueriesUpdate,this),this._cssModel.removeEventListener(CSSModel.Events.StyleSheetRemoved,this._scheduleMediaQueriesUpdate,this),this._cssModel.removeEventListener(CSSModel.Events.StyleSheetChanged,this._scheduleMediaQueriesUpdate,this),this._cssModel.removeEventListener(CSSModel.Events.MediaQueryResultChanged,this._scheduleMediaQueriesUpdate,this),delete this._cssModel)}setAxisTransform(e){Math.abs(this._scale-e)<1e-8||(this._scale=e,this._renderMediaQueries())}_onMediaQueryClicked(e){const t=e.target.enclosingNodeOrSelfWithClass("media-inspector-bar");if(!t)return;const i=this.elementsToMediaQueryModel.get(t);if(!i)return;const n=i.maxWidthExpression(),s=i.minWidthExpression();if(i.section()===Section.Max)return void this._setWidthCallback(n&&n.computedLength()||0);if(i.section()===Section.Min)return void this._setWidthCallback(s&&s.computedLength()||0);const o=this._getWidthCallback();s&&o!==s.computedLength()?this._setWidthCallback(s.computedLength()||0):this._setWidthCallback(n&&n.computedLength()||0)}_onContextMenu(e){if(!this._cssModel||!this._cssModel.isEnabled())return;const t=e.target.enclosingNodeOrSelfWithClass("media-inspector-bar");if(!t)return;const i=this.elementsToCSSLocations.get(t)||[],n=new Map;for(let e=0;e<i.length;++e){const t=CSSWorkspaceBinding.CSSWorkspaceBinding.instance().rawLocationToUILocation(i[e]);if(!t)continue;const s="number"==typeof t.columnNumber?StringUtilities.sprintf("%s:%d:%d",t.uiSourceCode.url(),t.lineNumber+1,t.columnNumber+1):StringUtilities.sprintf("%s:%d",t.uiSourceCode.url(),t.lineNumber+1);n.set(s,t)}const s=[...n.keys()].sort(),o=new ContextMenu.ContextMenu(e),a=o.defaultSection().appendSubMenuItem(UIString.UIString("Reveal in source code"));for(let e=0;e<s.length;++e){const t=s[e];a.defaultSection().appendItem(t,this._revealSourceLocation.bind(this,n.get(t)))}o.show()}_revealSourceLocation(e){Revealer.reveal(e)}_scheduleMediaQueriesUpdate(){this.isShowing()&&this._mediaThrottler.schedule(this._refetchMediaQueries.bind(this))}_refetchMediaQueries(){return this.isShowing()&&this._cssModel?this._cssModel.mediaQueriesPromise().then(this._rebuildMediaQueries.bind(this)):Promise.resolve()}_squashAdjacentEqual(e){const t=[];for(let i=0;i<e.length;++i){const n=t[t.length-1];n&&n.equals(e[i])||t.push(e[i])}return t}_rebuildMediaQueries(e){let t=[];for(let i=0;i<e.length;++i){const n=e[i];if(n.mediaList)for(let e=0;e<n.mediaList.length;++e){const i=n.mediaList[e],s=MediaQueryUIModel.createFromMediaQuery(n,i);s&&t.push(s)}}t.sort((function(e,t){return e.compareTo(t)})),t=this._squashAdjacentEqual(t);let i=this._cachedQueryModels&&this._cachedQueryModels.length===t.length;for(let e=0;i&&e<t.length;++e)i=i&&this._cachedQueryModels&&this._cachedQueryModels[e].equals(t[e]);i||(this._cachedQueryModels=t,this._renderMediaQueries())}_renderMediaQueries(){if(!this._cachedQueryModels||!this.isShowing())return;const e=[];let t=null;for(let i=0;i<this._cachedQueryModels.length;++i){const n=this._cachedQueryModels[i];t&&t.model.dimensionsEqual(n)?t.active=t.active||n.active():(t={active:n.active(),model:n,locations:[]},e.push(t));const s=n.rawLocation();s&&t.locations.push(s)}this.contentElement.removeChildren();let i=null;for(let t=0;t<e.length;++t){t&&e[t].model.section()===e[t-1].model.section()||(i=this.contentElement.createChild("div","media-inspector-marker-container"));const n=e[t],s=this._createElementFromMediaQueryModel(n.model);if(this.elementsToMediaQueryModel.set(s,n.model),this.elementsToCSSLocations.set(s,n.locations),s.classList.toggle("media-inspector-marker-inactive",!n.active),!i)throw new Error("Could not find container to render media queries into.");i.appendChild(s)}}_zoomFactor(){return ZoomManager.ZoomManager.instance().zoomFactor()/this._scale}wasShown(){this._scheduleMediaQueriesUpdate()}_createElementFromMediaQueryModel(e){const t=this._zoomFactor(),i=e.minWidthExpression(),n=e.maxWidthExpression(),s=i?(i.computedLength()||0)/t:0,o=n?(n.computedLength()||0)/t:0,a=document.createElement("div");if(a.classList.add("media-inspector-bar"),e.section()===Section.Max){a.createChild("div","media-inspector-marker-spacer");const t=a.createChild("div","media-inspector-marker media-inspector-marker-max-width");t.style.width=o+"px",Tooltip.Tooltip.install(t,e.mediaText()),r(t,e.maxWidthExpression(),!1,!1),r(t,e.maxWidthExpression(),!0,!0),a.createChild("div","media-inspector-marker-spacer")}if(e.section()===Section.MinMax){a.createChild("div","media-inspector-marker-spacer");const t=a.createChild("div","media-inspector-marker media-inspector-marker-min-max-width");t.style.width=.5*(o-s)+"px",Tooltip.Tooltip.install(t,e.mediaText()),r(t,e.maxWidthExpression(),!0,!1),r(t,e.minWidthExpression(),!1,!0),a.createChild("div","media-inspector-marker-spacer").style.flex="0 0 "+s+"px";const i=a.createChild("div","media-inspector-marker media-inspector-marker-min-max-width");i.style.width=.5*(o-s)+"px",Tooltip.Tooltip.install(i,e.mediaText()),r(i,e.minWidthExpression(),!0,!1),r(i,e.maxWidthExpression(),!1,!0),a.createChild("div","media-inspector-marker-spacer")}if(e.section()===Section.Min){const t=a.createChild("div","media-inspector-marker media-inspector-marker-min-width media-inspector-marker-min-width-left");Tooltip.Tooltip.install(t,e.mediaText()),r(t,e.minWidthExpression(),!1,!1),a.createChild("div","media-inspector-marker-spacer").style.flex="0 0 "+s+"px";const i=a.createChild("div","media-inspector-marker media-inspector-marker-min-width media-inspector-marker-min-width-right");Tooltip.Tooltip.install(i,e.mediaText()),r(i,e.minWidthExpression(),!0,!0)}function r(e,t,i,n){t&&(e.createChild("div","media-inspector-marker-label-container "+(i?"media-inspector-marker-label-container-left":"media-inspector-marker-label-container-right")).createChild("span","media-inspector-marker-label "+(n?"media-inspector-label-left":"media-inspector-label-right")).textContent=t.value()+t.unit())}return a}}const Section={Max:0,MinMax:1,Min:2};class MediaQueryUIModel{constructor(e,t,i,n){this._cssMedia=e,this._minWidthExpression=t,this._maxWidthExpression=i,this._active=n,this._section=i&&!t?Section.Max:t&&i?Section.MinMax:Section.Min}static createFromMediaQuery(e,t){let i=null,n=Number.MAX_VALUE,s=null,o=Number.MIN_VALUE;const a=t.expressions();if(!a)return null;for(let e=0;e<a.length;++e){const t=a[e],r=t.feature();if(-1===r.indexOf("width"))continue;const l=t.computedLength();r.startsWith("max-")&&l&&l<n?(i=t,n=l):r.startsWith("min-")&&l&&l>o&&(s=t,o=l)}return o>n||!i&&!s?null:new MediaQueryUIModel(e,s,i,t.active())}equals(e){return 0===this.compareTo(e)}dimensionsEqual(e){const t=this.minWidthExpression(),i=e.minWidthExpression(),n=this.maxWidthExpression(),s=e.maxWidthExpression();return!(this.section()!==e.section()||t&&(t.computedLength()!==(i?i.computedLength():null)||n&&n.computedLength()!==(s?s.computedLength():null)))}compareTo(e){if(this.section()!==e.section())return this.section()-e.section();if(this.dimensionsEqual(e)){const t=this.rawLocation(),i=e.rawLocation();return t||i?t&&!i?1:!t&&i?-1:this.active()!==e.active()?this.active()?-1:1:t&&i?StringUtilities.compare(t.url,i.url)||t.lineNumber-i.lineNumber||t.columnNumber-i.columnNumber:0:StringUtilities.compare(this.mediaText(),e.mediaText())}const t=this.maxWidthExpression(),i=e.maxWidthExpression(),n=t&&t.computedLength()||0,s=i&&i.computedLength()||0,o=this.minWidthExpression(),a=e.minWidthExpression(),r=o&&o.computedLength()||0,l=a&&a.computedLength()||0;return this.section()===Section.Max?s-n:this.section()===Section.Min?r-l:r-l||s-n}section(){return this._section}mediaText(){return this._cssMedia.text||""}rawLocation(){return this._rawLocation||(this._rawLocation=this._cssMedia.rawLocation()),this._rawLocation}minWidthExpression(){return this._minWidthExpression}maxWidthExpression(){return this._maxWidthExpression}active(){return this._active}}var MediaQueryInspector$1=Object.freeze({__proto__:null,MediaQueryInspector:MediaQueryInspector,Section:Section,MediaQueryUIModel:MediaQueryUIModel});class DeviceModeView extends Widget.VBox{constructor(){super(!0),this.wrapperInstance,this.blockElementToWidth=new WeakMap,this.setMinimumSize(150,150),this.element.classList.add("device-mode-view"),this.registerRequiredCSS("emulation/deviceModeView.css",{enableLegacyPatching:!0}),Tooltip.Tooltip.addNativeOverrideContainer(this.contentElement),this._model=DeviceModeModel.instance(),this._model.addEventListener(Events$1.Updated,this._updateUI,this),this._mediaInspector=new MediaQueryInspector((()=>this._model.appliedDeviceSize().width),this._model.setWidth.bind(this._model)),this._showMediaInspectorSetting=Settings.Settings.instance().moduleSetting("showMediaQueryInspector"),this._showMediaInspectorSetting.addChangeListener(this._updateUI,this),this._showRulersSetting=Settings.Settings.instance().moduleSetting("emulation.showRulers"),this._showRulersSetting.addChangeListener(this._updateUI,this),this._topRuler=new Ruler(!0,this._model.setWidthAndScaleToFit.bind(this._model)),this._topRuler.element.classList.add("device-mode-ruler-top"),this._leftRuler=new Ruler(!1,this._model.setHeightAndScaleToFit.bind(this._model)),this._leftRuler.element.classList.add("device-mode-ruler-left"),this._createUI(),ZoomManager.ZoomManager.instance().addEventListener(ZoomManager.Events.ZoomChanged,this._zoomChanged,this),this._presetBlocks,this._responsivePresetsContainer,this._screenArea,this._pageArea,this._outlineImage,this._contentClip,this._contentArea,this._rightResizerElement,this._leftResizerElement,this._bottomResizerElement,this._bottomRightResizerElement,this._bottomLeftResizerElement,this._cachedResizable,this._mediaInspectorContainer,this._screenImage,this._toolbar}_createUI(){this._toolbar=new DeviceModeToolbar(this._model,this._showMediaInspectorSetting,this._showRulersSetting),this.contentElement.appendChild(this._toolbar.element()),this._contentClip=this.contentElement.createChild("div","device-mode-content-clip vbox"),this._responsivePresetsContainer=this._contentClip.createChild("div","device-mode-presets-container"),this._populatePresetsContainer(),this._mediaInspectorContainer=this._contentClip.createChild("div","device-mode-media-container"),this._contentArea=this._contentClip.createChild("div","device-mode-content-area"),this._outlineImage=this._contentArea.createChild("img","device-mode-outline-image hidden fill"),this._outlineImage.addEventListener("load",this._onImageLoaded.bind(this,this._outlineImage,!0),!1),this._outlineImage.addEventListener("error",this._onImageLoaded.bind(this,this._outlineImage,!1),!1),this._screenArea=this._contentArea.createChild("div","device-mode-screen-area"),this._screenImage=this._screenArea.createChild("img","device-mode-screen-image hidden"),this._screenImage.addEventListener("load",this._onImageLoaded.bind(this,this._screenImage,!0),!1),this._screenImage.addEventListener("error",this._onImageLoaded.bind(this,this._screenImage,!1),!1),this._bottomRightResizerElement=this._screenArea.createChild("div","device-mode-resizer device-mode-bottom-right-resizer"),this._bottomRightResizerElement.createChild("div",""),this._createResizer(this._bottomRightResizerElement,2,1),this._bottomLeftResizerElement=this._screenArea.createChild("div","device-mode-resizer device-mode-bottom-left-resizer"),this._bottomLeftResizerElement.createChild("div",""),this._createResizer(this._bottomLeftResizerElement,-2,1),this._rightResizerElement=this._screenArea.createChild("div","device-mode-resizer device-mode-right-resizer"),this._rightResizerElement.createChild("div",""),this._createResizer(this._rightResizerElement,2,0),this._leftResizerElement=this._screenArea.createChild("div","device-mode-resizer device-mode-left-resizer"),this._leftResizerElement.createChild("div",""),this._createResizer(this._leftResizerElement,-2,0),this._bottomResizerElement=this._screenArea.createChild("div","device-mode-resizer device-mode-bottom-resizer"),this._bottomResizerElement.createChild("div",""),this._createResizer(this._bottomResizerElement,0,1),this._bottomResizerElement.addEventListener("dblclick",this._model.setHeight.bind(this._model,0),!1),Tooltip.Tooltip.install(this._bottomResizerElement,UIString.UIString("Double-click for full height")),this._pageArea=this._screenArea.createChild("div","device-mode-page-area"),this._pageArea.createChild("slot")}_populatePresetsContainer(){const e=[320,375,425,768,1024,1440,2560],t=[UIString.UIString("Mobile S"),UIString.UIString("Mobile M"),UIString.UIString("Mobile L"),UIString.UIString("Tablet"),UIString.UIString("Laptop"),UIString.UIString("Laptop L"),UIString.UIString("4K")];this._presetBlocks=[];const i=this._responsivePresetsContainer.createChild("div","device-mode-presets-container-inner");for(let s=e.length-1;s>=0;--s){const o=i.createChild("div","fill device-mode-preset-bar-outer").createChild("div","device-mode-preset-bar");o.createChild("span").textContent=t[s]+" – "+e[s]+"px",o.addEventListener("click",n.bind(this,e[s]),!1),this.blockElementToWidth.set(o,e[s]),this._presetBlocks.push(o)}function n(e,t){this._model.emulate(Type$1.Responsive,null,null),this._model.setWidthAndScaleToFit(e),t.consume()}}_createResizer(e,t,i){const n=new ResizerWidget.ResizerWidget;n.addElement(e);let s=t?"ew-resize":"ns-resize";return t*i>0&&(s="nwse-resize"),t*i<0&&(s="nesw-resize"),n.setCursor(s),n.addEventListener(ResizerWidget.Events.ResizeStart,this._onResizeStart,this),n.addEventListener(ResizerWidget.Events.ResizeUpdate,this._onResizeUpdate.bind(this,t,i)),n.addEventListener(ResizerWidget.Events.ResizeEnd,this._onResizeEnd,this),n}_onResizeStart(e){this._slowPositionStart=null,this._resizeStart=this._model.screenRect().size()}_onResizeUpdate(e,t,i){i.data.shiftKey!==Boolean(this._slowPositionStart)&&(this._slowPositionStart=i.data.shiftKey?{x:i.data.currentX,y:i.data.currentY}:null);let n=i.data.currentX-i.data.startX,s=i.data.currentY-i.data.startY;if(this._slowPositionStart&&(n=(i.data.currentX-this._slowPositionStart.x)/10+this._slowPositionStart.x-i.data.startX,s=(i.data.currentY-this._slowPositionStart.y)/10+this._slowPositionStart.y-i.data.startY),e&&this._resizeStart){const t=n*ZoomManager.ZoomManager.instance().zoomFactor();let i=this._resizeStart.width+t*e;i=Math.round(i/this._model.scale()),i>=MinDeviceSize&&i<=MaxDeviceSize&&this._model.setWidth(i)}if(t&&this._resizeStart){const e=s*ZoomManager.ZoomManager.instance().zoomFactor();let i=this._resizeStart.height+e*t;i=Math.round(i/this._model.scale()),i>=MinDeviceSize&&i<=MaxDeviceSize&&this._model.setHeight(i)}}exitHingeMode(){this._model&&this._model.exitHingeMode()}_onResizeEnd(e){delete this._resizeStart,userMetrics.actionTaken(UserMetrics.Action.ResizedViewInResponsiveMode)}_updateUI(){function e(e,t){e.style.left=t.left+"px",e.style.top=t.top+"px",e.style.width=t.width+"px",e.style.height=t.height+"px"}if(!this.isShowing())return;const t=ZoomManager.ZoomManager.instance().zoomFactor();let i=!1;const n=this._showRulersSetting.get()&&this._model.type()!==Type$1.None;let s=!1,o=!1;const a=this._model.screenRect().scale(1/t);this._cachedCssScreenRect&&a.isEqual(this._cachedCssScreenRect)||(e(this._screenArea,a),o=!0,i=!0,this._cachedCssScreenRect=a);const r=this._model.visiblePageRect().scale(1/t);this._cachedCssVisiblePageRect&&r.isEqual(this._cachedCssVisiblePageRect)||(e(this._pageArea,r),i=!0,this._cachedCssVisiblePageRect=r);const l=this._model.outlineRect();if(l){const n=l.scale(1/t);this._cachedOutlineRect&&n.isEqual(this._cachedOutlineRect)||(e(this._outlineImage,n),i=!0,this._cachedOutlineRect=n)}this._contentClip.classList.toggle("device-mode-outline-visible",Boolean(this._model.outlineImage()));const c=this._model.type()===Type$1.Responsive;c!==this._cachedResizable&&(this._rightResizerElement.classList.toggle("hidden",!c),this._leftResizerElement.classList.toggle("hidden",!c),this._bottomResizerElement.classList.toggle("hidden",!c),this._bottomRightResizerElement.classList.toggle("hidden",!c),this._bottomLeftResizerElement.classList.toggle("hidden",!c),this._cachedResizable=c);const d=this._showMediaInspectorSetting.get()&&this._model.type()!==Type$1.None;if(d!==this._cachedMediaInspectorVisible&&(d?this._mediaInspector.show(this._mediaInspectorContainer):this._mediaInspector.detach(),s=!0,i=!0,this._cachedMediaInspectorVisible=d),n!==this._cachedShowRulers&&(this._contentClip.classList.toggle("device-mode-rulers-visible",n),n?(this._topRuler.show(this._contentArea),this._leftRuler.show(this._contentArea)):(this._topRuler.detach(),this._leftRuler.detach()),s=!0,i=!0,this._cachedShowRulers=n),this._model.scale()!==this._cachedScale){o=!0,i=!0;for(const e of this._presetBlocks){const t=this.blockElementToWidth.get(e);if(!t)throw new Error("Could not get width for block.");e.style.width=t*this._model.scale()+"px"}this._cachedScale=this._model.scale()}this._toolbar.update(),this._loadImage(this._screenImage,this._model.screenImage()),this._loadImage(this._outlineImage,this._model.outlineImage()),this._mediaInspector.setAxisTransform(this._model.scale()),i&&this.doResize(),o&&(this._topRuler.render(this._model.scale()),this._leftRuler.render(this._model.scale()),this._topRuler.element.positionAt(this._cachedCssScreenRect?this._cachedCssScreenRect.left:0,this._cachedCssScreenRect?this._cachedCssScreenRect.top:0),this._leftRuler.element.positionAt(this._cachedCssScreenRect?this._cachedCssScreenRect.left:0,this._cachedCssScreenRect?this._cachedCssScreenRect.top:0)),s&&this._contentAreaResized()}_loadImage(e,t){e.getAttribute("srcset")!==t&&(e.setAttribute("srcset",t),t||e.classList.toggle("hidden",!0))}_onImageLoaded(e,t){e.classList.toggle("hidden",!t)}setNonEmulatedAvailableSize(e){if(this._model.type()!==Type$1.None)return;const t=ZoomManager.ZoomManager.instance().zoomFactor(),i=e.getBoundingClientRect(),n=new Geometry.Size(Math.max(i.width*t,1),Math.max(i.height*t,1));this._model.setAvailableSize(n,n)}_contentAreaResized(){const e=ZoomManager.ZoomManager.instance().zoomFactor(),t=this._contentArea.getBoundingClientRect(),i=new Geometry.Size(Math.max(t.width*e,1),Math.max(t.height*e,1)),n=new Geometry.Size(Math.max((t.width-2*(this._handleWidth||0))*e,1),Math.max((t.height-(this._handleHeight||0))*e,1));this._model.setAvailableSize(i,n)}_measureHandles(){const e=this._rightResizerElement.classList.contains("hidden");this._rightResizerElement.classList.toggle("hidden",!1),this._bottomResizerElement.classList.toggle("hidden",!1),this._handleWidth=this._rightResizerElement.offsetWidth,this._handleHeight=this._bottomResizerElement.offsetHeight,this._rightResizerElement.classList.toggle("hidden",e),this._bottomResizerElement.classList.toggle("hidden",e)}_zoomChanged(){delete this._handleWidth,delete this._handleHeight,this.isShowing()&&(this._measureHandles(),this._contentAreaResized())}onResize(){this.isShowing()&&this._contentAreaResized()}wasShown(){this._measureHandles(),this._toolbar.restore()}willHide(){this._model.emulate(Type$1.None,null,null)}async captureScreenshot(){const e=await this._model.captureScreenshot(!1);if(null===e)return;const t=new Image;t.src="data:image/png;base64,"+e,t.onload=async()=>{const e=t.naturalWidth/this._model.screenRect().width,i=this._model.outlineRect();if(!i)throw new Error("Unable to take screenshot: no outlineRect available.");const n=i.scale(e),s=this._model.screenRect().scale(e),o=this._model.visiblePageRect().scale(e),a=s.left+o.left-n.left,r=s.top+o.top-n.top,l=document.createElement("canvas");l.width=Math.floor(n.width),l.height=Math.floor(n.height);const c=l.getContext("2d");if(!c)throw new Error("Could not get 2d context from canvas.");c.imageSmoothingEnabled=!1,this._model.outlineImage()&&await this._paintImage(c,this._model.outlineImage(),n.relativeTo(n)),this._model.screenImage()&&await this._paintImage(c,this._model.screenImage(),s.relativeTo(n)),c.drawImage(t,Math.floor(a),Math.floor(r)),this._saveScreenshot(l)}}async captureFullSizeScreenshot(){const e=await this._model.captureScreenshot(!0);if(null!==e)return this._saveScreenshotBase64(e)}async captureAreaScreenshot(e){const t=await this._model.captureScreenshot(!1,e);if(null!==t)return this._saveScreenshotBase64(t)}_saveScreenshotBase64(e){const t=new Image;t.src="data:image/png;base64,"+e,t.onload=()=>{const e=document.createElement("canvas");e.width=t.naturalWidth,e.height=t.naturalHeight;const i=e.getContext("2d");if(!i)throw new Error("Could not get 2d context for base64 screenshot.");i.imageSmoothingEnabled=!1,i.drawImage(t,0,0),this._saveScreenshot(e)}}_paintImage(e,t,i){return new Promise((n=>{const s=new Image;s.crossOrigin="Anonymous",s.srcset=t,s.onerror=()=>n(),s.onload=()=>{e.drawImage(s,i.left,i.top,i.width,i.height),n()}}))}_saveScreenshot(e){const t=this._model.inspectedURL();let i="";if(t){const e=StringUtilities.removeURLFragment(t);i=StringUtilities.trimURL(e)}const n=this._model.device();n&&this._model.type()===Type$1.Device&&(i+=UIString.UIString("(%s)",n.title));const s=document.createElement("a");s.download=i+".png",e.toBlob((e=>{s.href=URL.createObjectURL(e),s.click()}))}}class Ruler extends Widget.VBox{constructor(e,t){super(),this.element.classList.add("device-mode-ruler"),this._contentElement=this.element.createChild("div","device-mode-ruler-content").createChild("div","device-mode-ruler-inner"),this._horizontal=e,this._scale=1,this._count=0,this._throttler=new Throttler.Throttler(0),this._applyCallback=t,this._renderedScale,this._renderedZoomFactor}render(e){this._scale=e,this._throttler.schedule(this._update.bind(this))}onResize(){this._throttler.schedule(this._update.bind(this))}_update(){const e=ZoomManager.ZoomManager.instance().zoomFactor(),t=this._horizontal?this._contentElement.offsetWidth:this._contentElement.offsetHeight;this._scale===this._renderedScale&&e===this._renderedZoomFactor||(this._contentElement.removeChildren(),this._count=0,this._renderedScale=this._scale,this._renderedZoomFactor=e);const i=t*e/this._scale,n=Math.ceil(i/5);let s=1;this._scale<.8&&(s=2),this._scale<.6&&(s=4),this._scale<.4&&(s=8),this._scale<.2&&(s=16),this._scale<.1&&(s=32);for(let e=n;e<this._count;e++)if(!(e%s)){const e=this._contentElement.lastChild;e&&e.remove()}for(let t=this._count;t<n;t++){if(t%s)continue;const i=this._contentElement.createChild("div","device-mode-ruler-marker");if(t&&(this._horizontal?i.style.left=5*t*this._scale/e+"px":i.style.top=5*t*this._scale/e+"px",!(t%20))){const e=i.createChild("div","device-mode-ruler-text");e.textContent=String(5*t),e.addEventListener("click",this._onMarkerClick.bind(this,5*t),!1)}t%10?t%5||i.classList.add("device-mode-ruler-marker-medium"):i.classList.add("device-mode-ruler-marker-large")}return this._count=n,Promise.resolve()}_onMarkerClick(e){this._applyCallback.call(null,e)}}var DeviceModeView$1=Object.freeze({__proto__:null,DeviceModeView:DeviceModeView,Ruler:Ruler});let deviceModeWrapperInstance,actionDelegateInstance;class DeviceModeWrapper extends Widget.VBox{constructor(e){super(),this._inspectedPagePlaceholder=e,this._deviceModeView=null,this._toggleDeviceModeAction=ActionRegistry.ActionRegistry.instance().action("emulation.toggle-device-mode");const t=DeviceModeModel.instance();this._showDeviceModeSetting=t.enabledSetting(),this._showDeviceModeSetting.setRequiresUserAction(Boolean(Runtime.Runtime.queryParam("hasOtherClients"))),this._showDeviceModeSetting.addChangeListener(this._update.bind(this,!1)),SDKModel.TargetManager.instance().addModelListener(OverlayModel.OverlayModel,OverlayModel.Events.ScreenshotRequested,this._screenshotRequestedFromOverlay,this),this._update(!0)}static instance(e={forceNew:null,inspectedPagePlaceholder:null}){const{forceNew:t,inspectedPagePlaceholder:i}=e;if(!deviceModeWrapperInstance||t){if(!i)throw new Error("Unable to create DeviceModeWrapper: inspectedPagePlaceholder must be provided: "+(new Error).stack);deviceModeWrapperInstance=new DeviceModeWrapper(i)}return deviceModeWrapperInstance}_toggleDeviceMode(){this._showDeviceModeSetting.set(!this._showDeviceModeSetting.get())}_captureScreenshot(e,t){return this._deviceModeView||(this._deviceModeView=new DeviceModeView),this._deviceModeView.setNonEmulatedAvailableSize(this._inspectedPagePlaceholder.element),e?this._deviceModeView.captureFullSizeScreenshot():t?this._deviceModeView.captureAreaScreenshot(t):this._deviceModeView.captureScreenshot(),!0}_screenshotRequestedFromOverlay(e){const t=e.data;this._captureScreenshot(!1,t)}_update(e){if(this._toggleDeviceModeAction&&this._toggleDeviceModeAction.setToggled(this._showDeviceModeSetting.get()),!e){const e=this._deviceModeView&&this._deviceModeView.isShowing();if(this._showDeviceModeSetting.get()===e)return}this._showDeviceModeSetting.get()?(this._deviceModeView||(this._deviceModeView=new DeviceModeView),this._deviceModeView.show(this.element),this._inspectedPagePlaceholder.clearMinimumSize(),this._inspectedPagePlaceholder.show(this._deviceModeView.element)):(this._deviceModeView&&(this._deviceModeView.exitHingeMode(),this._deviceModeView.detach()),this._inspectedPagePlaceholder.restoreMinimumSize(),this._inspectedPagePlaceholder.show(this.element))}}class ActionDelegate{handleAction(e,t){if(DeviceModeWrapper.instance())switch(t){case"emulation.capture-screenshot":return DeviceModeWrapper.instance()._captureScreenshot();case"emulation.capture-node-screenshot":{const e=Context.Context.instance().flavor(DOMModel.DOMNode);if(!e)return!0;return async function(){if(!e)return;const t=await e.resolveToObject();if(!t)return;const i=await t.callFunction((function(){const e=this.getBoundingClientRect(),t=this.ownerDocument.documentElement.getBoundingClientRect();return JSON.stringify({x:e.left-t.left,y:e.top-t.top,width:e.width,height:e.height,scale:1})}));if(!i.object)throw new Error("Clipping error: could not get object data.");const n=JSON.parse(i.object.value),s=await e.domModel().target().pageAgent().invoke_getLayoutMetrics(),o=!s.getError()&&s.visualViewport.zoom||1;n.x*=o,n.y*=o,n.width*=o,n.height*=o,DeviceModeWrapper.instance()._captureScreenshot(!1,n)}(),!0}case"emulation.capture-full-height-screenshot":return DeviceModeWrapper.instance()._captureScreenshot(!0);case"emulation.toggle-device-mode":return DeviceModeWrapper.instance()._toggleDeviceMode(),!0}return!1}static instance(e={forceNew:null}){const{forceNew:t}=e;return actionDelegateInstance&&!t||(actionDelegateInstance=new ActionDelegate),actionDelegateInstance}}var DeviceModeWrapper$1=Object.freeze({__proto__:null,DeviceModeWrapper:DeviceModeWrapper,ActionDelegate:ActionDelegate});let inspectedPagePlaceholderInstance;class InspectedPagePlaceholder extends Widget.Widget{constructor(){super(!0),this.registerRequiredCSS("emulation/inspectedPagePlaceholder.css",{enableLegacyPatching:!0}),ZoomManager.ZoomManager.instance().addEventListener(ZoomManager.Events.ZoomChanged,this.onResize,this),this.restoreMinimumSize()}static instance(e={forceNew:null}){const{forceNew:t}=e;return inspectedPagePlaceholderInstance&&!t||(inspectedPagePlaceholderInstance=new InspectedPagePlaceholder),inspectedPagePlaceholderInstance}onResize(){this._updateId&&this.element.window().cancelAnimationFrame(this._updateId),this._updateId=this.element.window().requestAnimationFrame(this.update.bind(this,!1))}restoreMinimumSize(){this.setMinimumSize(150,150)}clearMinimumSize(){this.setMinimumSize(1,1)}_dipPageRect(){const e=ZoomManager.ZoomManager.instance().zoomFactor(),t=this.element.getBoundingClientRect(),i=this.element.ownerDocument.body.getBoundingClientRect(),n=Math.max(t.left*e,i.left*e),s=Math.max(t.top*e,i.top*e),o=Math.min(t.bottom*e,i.bottom*e);return{x:n,y:s,width:Math.min(t.right*e,i.right*e)-n,height:o-s}}update(e){delete this._updateId;const t=this._dipPageRect(),i={x:Math.round(t.x),y:Math.round(t.y),height:Math.max(1,Math.round(t.height)),width:Math.max(1,Math.round(t.width))};e&&(--i.height,this.dispatchEventToListeners(Events$2.Update,i),++i.height),this.dispatchEventToListeners(Events$2.Update,i)}}const Events$2={Update:Symbol("Update")};var InspectedPagePlaceholder$1=Object.freeze({__proto__:null,InspectedPagePlaceholder:InspectedPagePlaceholder,Events:Events$2});let _appInstance;class AdvancedApp{constructor(){DockController.DockController.instance().addEventListener(DockController.Events.BeforeDockSideChanged,this._openToolboxWindow,this),this._rootSplitWidget,this._deviceModeView,this._inspectedPagePlaceholder}static _instance(){return _appInstance||(_appInstance=new AdvancedApp),_appInstance}presentUI(e){const t=new RootView.RootView;this._rootSplitWidget=new SplitWidget.SplitWidget(!1,!0,"InspectorView.splitViewState",555,300,!0),this._rootSplitWidget.show(t.element),this._rootSplitWidget.setSidebarWidget(InspectorView.InspectorView.instance()),this._rootSplitWidget.setDefaultFocusedChild(InspectorView.InspectorView.instance()),InspectorView.InspectorView.instance().setOwnerSplit(this._rootSplitWidget),this._inspectedPagePlaceholder=InspectedPagePlaceholder.instance(),this._inspectedPagePlaceholder.addEventListener(Events$2.Update,this._onSetInspectedPageBounds.bind(this),this),this._deviceModeView=DeviceModeWrapper.instance({inspectedPagePlaceholder:this._inspectedPagePlaceholder,forceNew:!1}),DockController.DockController.instance().addEventListener(DockController.Events.BeforeDockSideChanged,this._onBeforeDockSideChange,this),DockController.DockController.instance().addEventListener(DockController.Events.DockSideChanged,this._onDockSideChange,this),DockController.DockController.instance().addEventListener(DockController.Events.AfterDockSideChanged,this._onAfterDockSideChange,this),this._onDockSideChange(),console.timeStamp("AdvancedApp.attachToBody"),t.attachToDocument(e),t.focus(),this._inspectedPagePlaceholder.update()}_openToolboxWindow(e){if(e.data.to!==DockController.State.Undocked)return;if(this._toolboxWindow)return;const t=window.location.href.replace("devtools_app.html","toolbox.html");this._toolboxWindow=window.open(t,void 0)}toolboxLoaded(e){UIUtils.initializeUIUtils(e,Settings.Settings.instance().createSetting("uiTheme","default")),UIUtils.installComponentRootStyles(e.body),ContextMenu.ContextMenu.installHandler(e),Tooltip.Tooltip.installHandler(e),this._toolboxRootView=new RootView.RootView,this._toolboxRootView.attachToDocument(e),this._updateDeviceModeView()}_updateDeviceModeView(){this._isDocked()?this._rootSplitWidget.setMainWidget(this._deviceModeView):this._toolboxRootView&&this._deviceModeView.show(this._toolboxRootView.element)}_onBeforeDockSideChange(e){e.data.to===DockController.State.Undocked&&this._toolboxRootView&&(this._rootSplitWidget.hideSidebar(),this._inspectedPagePlaceholder.update()),this._changingDockSide=!0}_onDockSideChange(e){this._updateDeviceModeView();const t=e?e.data.to:DockController.DockController.instance().dockSide();t===DockController.State.Undocked?this._updateForUndocked():this._toolboxRootView&&e&&e.data.from===DockController.State.Undocked?this._rootSplitWidget.hideSidebar():this._updateForDocked(t)}_onAfterDockSideChange(e){this._changingDockSide&&(e.data.from===DockController.State.Undocked&&this._updateForDocked(e.data.to),this._changingDockSide=!1,this._inspectedPagePlaceholder.update())}_updateForDocked(e){this._rootSplitWidget.resizerElement().style.transform=e===DockController.State.DockedToRight?"translateX(2px)":e===DockController.State.DockedToLeft?"translateX(-2px)":"",this._rootSplitWidget.setVertical(e===DockController.State.DockedToRight||e===DockController.State.DockedToLeft),this._rootSplitWidget.setSecondIsSidebar(e===DockController.State.DockedToRight||e===DockController.State.DockedToBottom),this._rootSplitWidget.toggleResizer(this._rootSplitWidget.resizerElement(),!0),this._rootSplitWidget.toggleResizer(InspectorView.InspectorView.instance().topResizerElement(),e===DockController.State.DockedToBottom),this._rootSplitWidget.showBoth()}_updateForUndocked(){this._rootSplitWidget.toggleResizer(this._rootSplitWidget.resizerElement(),!1),this._rootSplitWidget.toggleResizer(InspectorView.InspectorView.instance().topResizerElement(),!1),this._rootSplitWidget.hideMain()}_isDocked(){return DockController.DockController.instance().dockSide()!==DockController.State.Undocked}_onSetInspectedPageBounds(e){if(this._changingDockSide)return;const t=this._inspectedPagePlaceholder.element.window();if(!t.innerWidth||!t.innerHeight)return;if(!this._inspectedPagePlaceholder.isShowing())return;const i=e.data;console.timeStamp("AdvancedApp.setInspectedPageBounds"),InspectorFrontendHost.InspectorFrontendHostInstance.setInspectedPageBounds(i)}}class AdvancedAppProvider{createApp(){return AdvancedApp._instance()}}var AdvancedApp$1=Object.freeze({__proto__:null,AdvancedApp:AdvancedApp,AdvancedAppProvider:AdvancedAppProvider});const CHAR_MINUS="-".charCodeAt(0),CHAR_0="0".charCodeAt(0),CHAR_9="9".charCodeAt(0),CHAR_A="A".charCodeAt(0),CHAR_Z="Z".charCodeAt(0),CHAR_LOWER_A="a".charCodeAt(0),CHAR_LOWER_Z="z".charCodeAt(0),CHAR_DQUOTE='"'.charCodeAt(0),CHAR_COLON=":".charCodeAt(0),CHAR_QUESTION_MARK="?".charCodeAt(0),CHAR_STAR="*".charCodeAt(0),CHAR_UNDERSCORE="_".charCodeAt(0),CHAR_DOT=".".charCodeAt(0),CHAR_BACKSLASH="\\".charCodeAt(0),CHAR_SLASH="/".charCodeAt(0),CHAR_PLUS="+".charCodeAt(0),CHAR_EQUALS="=".charCodeAt(0),CHAR_EXCLAMATION="!".charCodeAt(0),CHAR_HASH="#".charCodeAt(0),CHAR_DOLLAR="$".charCodeAt(0),CHAR_PERCENT="%".charCodeAt(0),CHAR_AND="&".charCodeAt(0),CHAR_SQUOTE="'".charCodeAt(0),CHAR_HAT="^".charCodeAt(0),CHAR_BACKTICK="`".charCodeAt(0),CHAR_PIPE="|".charCodeAt(0),CHAR_TILDE="~".charCodeAt(0),CHAR_MIN_ASCII_PRINTABLE=32,CHAR_MAX_ASCII_PRINTABLE=126;function isDigit(e){return void 0!==e&&(e>=CHAR_0&&e<=CHAR_9)}function isAlpha(e){return void 0!==e&&(e>=CHAR_A&&e<=CHAR_Z||e>=CHAR_LOWER_A&&e<=CHAR_LOWER_Z)}function isLcAlpha(e){return void 0!==e&&(e>=CHAR_LOWER_A&&e<=CHAR_LOWER_Z)}function isTChar(e){if(void 0===e)return!1;if(isDigit(e)||isAlpha(e))return!0;switch(e){case CHAR_EXCLAMATION:case CHAR_HASH:case CHAR_DOLLAR:case CHAR_PERCENT:case CHAR_AND:case CHAR_SQUOTE:case CHAR_STAR:case CHAR_PLUS:case CHAR_MINUS:case CHAR_DOT:case CHAR_HAT:case CHAR_UNDERSCORE:case CHAR_BACKTICK:case CHAR_PIPE:case CHAR_TILDE:return!0;default:return!1}}class Input{constructor(e){this.data=e,this.pos=0,this.skipSP()}peek(){return this.data[this.pos]}peekCharCode(){return this.pos<this.data.length?this.data.charCodeAt(this.pos):void 0}eat(){++this.pos}skipSP(){for(;" "===this.data[this.pos];)++this.pos}skipOWS(){for(;" "===this.data[this.pos]||"\t"===this.data[this.pos];)++this.pos}atEnd(){return this.pos===this.data.length}allParsed(){return this.skipSP(),this.pos===this.data.length}}function makeError(){return{kind:0}}function parseListInternal(e){const t={kind:11,items:[]};for(;!e.atEnd();){const i=parseItemOrInnerList(e);if(0===i.kind)return i;if(t.items.push(i),e.skipOWS(),e.atEnd())return t;if(","!==e.peek())return makeError();if(e.eat(),e.skipOWS(),e.atEnd())return makeError()}return t}function parseItemOrInnerList(e){return"("===e.peek()?parseInnerList(e):parseItemInternal(e)}function parseInnerList(e){if("("!==e.peek())return makeError();e.eat();const t=[];for(;!e.atEnd();){if(e.skipSP(),")"===e.peek()){e.eat();const i=parseParameters(e);return 0===i.kind?i:{kind:12,items:t,parameters:i}}const i=parseItemInternal(e);if(0===i.kind)return i;if(t.push(i)," "!==e.peek()&&")"!==e.peek())return makeError()}return makeError()}function parseItemInternal(e){const t=parseBareItem(e);if(0===t.kind)return t;const i=parseParameters(e);return 0===i.kind?i:{kind:4,value:t,parameters:i}}function parseBareItem(e){const t=e.peekCharCode();return t===CHAR_MINUS||isDigit(t)?parseIntegerOrDecimal(e):t===CHAR_DQUOTE?parseString(e):t===CHAR_COLON?parseByteSequence(e):t===CHAR_QUESTION_MARK?parseBoolean(e):t===CHAR_STAR||isAlpha(t)?parseToken(e):makeError()}function parseParameters(e){const t=new Map;for(;!e.atEnd()&&";"===e.peek();){e.eat(),e.skipSP();const i=parseKey(e);if(0===i.kind)return i;let n={kind:10,value:!0};if("="===e.peek()){e.eat();const t=parseBareItem(e);if(0===t.kind)return t;n=t}t.has(i.value)&&t.delete(i.value),t.set(i.value,{kind:2,name:i,value:n})}return{kind:3,items:[...t.values()]}}function parseKey(e){let t="";const i=e.peekCharCode();if(i!==CHAR_STAR&&!isLcAlpha(i))return makeError();for(;!e.atEnd();){const i=e.peekCharCode();if(!isLcAlpha(i)&&!isDigit(i)&&i!==CHAR_UNDERSCORE&&i!==CHAR_MINUS&&i!==CHAR_DOT&&i!==CHAR_STAR)break;t+=e.peek(),e.eat()}return{kind:1,value:t}}function parseIntegerOrDecimal(e){let t=5,i=1,n="";if("-"===e.peek()&&(e.eat(),i=-1),!isDigit(e.peekCharCode()))return makeError();for(;!e.atEnd();){const i=e.peekCharCode();if(void 0!==i&&isDigit(i))e.eat(),n+=String.fromCodePoint(i);else{if(i!==CHAR_DOT||5!==t)break;if(e.eat(),n.length>12)return makeError();n+=".",t=6}if(5===t&&n.length>15)return makeError();if(6===t&&n.length>16)return makeError()}if(5===t){const e=i*Number.parseInt(n,10);return e<-999999999999999||e>999999999999999?makeError():{kind:5,value:e}}const s=n.length-1-n.indexOf(".");return s>3||0===s?makeError():{kind:6,value:i*Number.parseFloat(n)}}function parseString(e){let t="";if('"'!==e.peek())return makeError();for(e.eat();!e.atEnd();){const i=e.peekCharCode();if(void 0===i)return makeError();if(e.eat(),i===CHAR_BACKSLASH){if(e.atEnd())return makeError();const i=e.peekCharCode();if(e.eat(),i!==CHAR_BACKSLASH&&i!==CHAR_DQUOTE)return makeError();t+=String.fromCodePoint(i)}else{if(i===CHAR_DQUOTE)return{kind:7,value:t};if(i<CHAR_MIN_ASCII_PRINTABLE||i>CHAR_MAX_ASCII_PRINTABLE)return makeError();t+=String.fromCodePoint(i)}}return makeError()}function parseToken(e){const t=e.peekCharCode();if(t!==CHAR_STAR&&!isAlpha(t))return makeError();let i="";for(;!e.atEnd();){const t=e.peekCharCode();if(void 0===t||!isTChar(t)&&t!==CHAR_COLON&&t!==CHAR_SLASH)break;e.eat(),i+=String.fromCodePoint(t)}return{kind:8,value:i}}function parseByteSequence(e){let t="";if(":"!==e.peek())return makeError();for(e.eat();!e.atEnd();){const i=e.peekCharCode();if(void 0===i)return makeError();if(e.eat(),i===CHAR_COLON)return{kind:9,value:t};if(!isDigit(i)&&!isAlpha(i)&&i!==CHAR_PLUS&&i!==CHAR_SLASH&&i!==CHAR_EQUALS)return makeError();t+=String.fromCodePoint(i)}return makeError()}function parseBoolean(e){return"?"!==e.peek()?makeError():(e.eat(),"0"===e.peek()?(e.eat(),{kind:10,value:!1}):"1"===e.peek()?(e.eat(),{kind:10,value:!0}):makeError())}function parseItem(e){const t=new Input(e),i=parseItemInternal(t);return t.allParsed()?i:makeError()}function parseList(e){return parseListInternal(new Input(e))}function serializeItem(e){const t=serializeBareItem(e.value);if(0===t.kind)return t;const i=serializeParameters(e.parameters);return 0===i.kind?i:{kind:13,value:t.value+i.value}}function serializeList(e){const t=[];for(let i=0;i<e.items.length;++i){const n=e.items[i];if(12===n.kind){const e=serializeInnerList(n);if(0===e.kind)return e;t.push(e.value)}else{const e=serializeItem(n);if(0===e.kind)return e;t.push(e.value)}}return{kind:13,value:t.join(", ")}}function serializeInnerList(e){const t=[];for(let i=0;i<e.items.length;++i){const n=serializeItem(e.items[i]);if(0===n.kind)return n;t.push(n.value)}let i="("+t.join(" ")+")";const n=serializeParameters(e.parameters);return 0===n.kind?n:(i+=n.value,{kind:13,value:i})}function serializeParameters(e){let t="";for(const i of e.items){t+=";";const e=serializeKey(i.name);if(0===e.kind)return e;t+=e.value;const n=i.value;if(10!==n.kind||!n.value){t+="=";const e=serializeBareItem(n);if(0===e.kind)return e;t+=e.value}}return{kind:13,value:t}}function serializeKey(e){if(0===e.value.length)return makeError();const t=e.value.charCodeAt(0);if(!isLcAlpha(t)&&t!==CHAR_STAR)return makeError();for(let t=1;t<e.value.length;++t){const i=e.value.charCodeAt(t);if(!isLcAlpha(i)&&!isDigit(i)&&i!==CHAR_UNDERSCORE&&i!==CHAR_MINUS&&i!==CHAR_DOT&&i!==CHAR_STAR)return makeError()}return{kind:13,value:e.value}}function serializeBareItem(e){return 5===e.kind?serializeInteger(e):6===e.kind?serializeDecimal(e):7===e.kind?serializeString(e):8===e.kind?serializeToken(e):10===e.kind?serializeBoolean(e):9===e.kind?serializeByteSequence(e):makeError()}function serializeInteger(e){return e.value<-999999999999999||e.value>999999999999999||!Number.isInteger(e.value)?makeError():{kind:13,value:e.value.toString(10)}}function serializeDecimal(e){throw"Unimplemented"}function serializeString(e){for(let t=0;t<e.value.length;++t){const i=e.value.charCodeAt(t);if(i<CHAR_MIN_ASCII_PRINTABLE||i>CHAR_MAX_ASCII_PRINTABLE)return makeError()}let t='"';for(let i=0;i<e.value.length;++i){const n=e.value[i];'"'!==n&&"\\"!==n||(t+="\\"),t+=n}return t+='"',{kind:13,value:t}}function serializeToken(e){if(0===e.value.length)return makeError();const t=e.value.charCodeAt(0);if(!isAlpha(t)&&t!==CHAR_STAR)return makeError();for(let t=1;t<e.value.length;++t){const i=e.value.charCodeAt(t);if(!isTChar(i)&&i!==CHAR_COLON&&i!==CHAR_SLASH)return makeError()}return{kind:13,value:e.value}}function serializeByteSequence(e){throw"Unimplemented"}function serializeBoolean(e){return{kind:13,value:e.value?"?1":"?0"}}var StructuredHeaders=Object.freeze({__proto__:null,parseItem:parseItem,parseList:parseList,serializeItem:serializeItem,serializeList:serializeList});function parseBrandsList(e,t,i){const n=[],s=parseList(e);if(0===s.kind)return t;for(const e of s.items){if(4!==e.kind)return i;const t=e.value;if(7!==t.kind)return i;if(1!==e.parameters.items.length)return i;const s=e.parameters.items[0];if("v"!==s.name.value)return i;const o=s.value;if(7!==o.kind)return i;n.push({brand:t.value,version:o.value})}return n}function serializeBrandsList(e){const t={kind:11,items:[]},i={kind:1,value:"v"};for(const n of e){const e={kind:4,value:{kind:7,value:n.brand},parameters:{kind:3,items:[{kind:2,name:i,value:{kind:7,value:n.version}}]}};t.items.push(e)}const n=serializeList(t);return 0===n.kind?"":n.value}function validateAsStructuredHeadersString(e,t){return 0===serializeItem({kind:4,value:{kind:7,value:e},parameters:{kind:3,items:[]}}).kind?{valid:!1,errorMessage:t}:{valid:!0,errorMessage:void 0}}var UserAgentMetadata=Object.freeze({__proto__:null,parseBrandsList:parseBrandsList,serializeBrandsList:serializeBrandsList,validateAsStructuredHeadersString:validateAsStructuredHeadersString});let devicesSettingsTabInstance;class DevicesSettingsTab extends Widget.VBox{constructor(){super(),this.element.classList.add("settings-tab-container"),this.element.classList.add("devices-settings-tab"),this.registerRequiredCSS("emulation/devicesSettingsTab.css",{enableLegacyPatching:!0});const e=this.element.createChild("header");UIUtils.createTextChild(e.createChild("h1"),ls$1`Emulated Devices`),this.containerElement=this.element.createChild("div","settings-container-wrapper").createChild("div","settings-tab settings-content settings-container");const t=this.containerElement.createChild("div","devices-button-row");this._addCustomButton=UIUtils.createTextButton(UIString.UIString("Add custom device..."),this._addCustomDevice.bind(this)),this._addCustomButton.id="custom-device-add-button",t.appendChild(this._addCustomButton),this._list=new ListWidget.ListWidget(this,!1),this._list.registerRequiredCSS("emulation/devicesSettingsTab.css",{enableLegacyPatching:!0}),this._list.element.classList.add("devices-list"),this._list.show(this.containerElement),this._muteUpdate=!1,this._emulatedDevicesList=EmulatedDevicesList.instance(),this._emulatedDevicesList.addEventListener(Events.CustomDevicesUpdated,this._devicesUpdated,this),this._emulatedDevicesList.addEventListener(Events.StandardDevicesUpdated,this._devicesUpdated,this),this.setDefaultFocusedElement(this._addCustomButton)}static instance(){return devicesSettingsTabInstance||(devicesSettingsTabInstance=new DevicesSettingsTab),devicesSettingsTabInstance}wasShown(){super.wasShown(),this._devicesUpdated()}_devicesUpdated(){if(this._muteUpdate)return;this._list.clear();let e=this._emulatedDevicesList.custom().slice();for(let t=0;t<e.length;++t)this._list.appendItem(e[t],!0);this._list.appendSeparator(),e=this._emulatedDevicesList.standard().slice(),e.sort(EmulatedDevice.deviceComparator);for(let t=0;t<e.length;++t)this._list.appendItem(e[t],!1)}_muteAndSaveDeviceList(e){this._muteUpdate=!0,e?this._emulatedDevicesList.saveCustomDevices():this._emulatedDevicesList.saveStandardDevices(),this._muteUpdate=!1}_addCustomDevice(){const e=new EmulatedDevice;e.deviceScaleFactor=0,e.horizontal.width=700,e.horizontal.height=400,e.vertical.width=400,e.vertical.height=700,this._list.addNewItem(this._emulatedDevicesList.custom().length,e)}_toNumericInputValue(e){return e?String(e):""}renderItem(e,t){const i=document.createElement("label");i.classList.add("devices-list-item");const n=i.createChild("input","devices-list-checkbox");n.type="checkbox",n.checked=e.show(),n.addEventListener("click",function(i){const s=n.checked;e.setShow(s),this._muteAndSaveDeviceList(t),i.consume()}.bind(this),!1);const s=document.createElement("span");return s.classList.add("device-name"),s.appendChild(document.createTextNode(e.title)),i.appendChild(s),i}removeItemRequested(e,t){this._emulatedDevicesList.removeCustomDevice(e)}commitEdit(e,t,i){e.title=t.control("title").value.trim(),e.vertical.width=t.control("width").value?parseInt(t.control("width").value,10):0,e.vertical.height=t.control("height").value?parseInt(t.control("height").value,10):0,e.horizontal.width=e.vertical.height,e.horizontal.height=e.vertical.width,e.deviceScaleFactor=t.control("scale").value?parseFloat(t.control("scale").value):0,e.userAgent=t.control("user-agent").value,e.modes=[],e.modes.push({title:"",orientation:Vertical,insets:new Geometry.Insets(0,0,0,0),image:null}),e.modes.push({title:"",orientation:Horizontal,insets:new Geometry.Insets(0,0,0,0),image:null}),e.capabilities=[];const n=t.control("ua-type").value;n!==UA.Mobile&&n!==UA.MobileNoTouch||e.capabilities.push(Capability.Mobile),n!==UA.Mobile&&n!==UA.DesktopTouch||e.capabilities.push(Capability.Touch);const s=parseBrandsList(t.control("brands").value.trim(),"unused_err1","unused_err2");e.userAgentMetadata={brands:"string"==typeof s?[]:s,fullVersion:t.control("full-version").value.trim(),platform:t.control("platform").value.trim(),platformVersion:t.control("platform-version").value.trim(),architecture:t.control("arch").value.trim(),model:t.control("model").value.trim(),mobile:n===UA.Mobile||n===UA.MobileNoTouch},i?this._emulatedDevicesList.addCustomDevice(e):this._emulatedDevicesList.saveCustomDevices(),this._addCustomButton.scrollIntoViewIfNeeded(),this._addCustomButton.focus()}beginEdit(e){const t=this._createEditor();let i;return t.control("title").value=e.title,t.control("width").value=this._toNumericInputValue(e.vertical.width),t.control("height").value=this._toNumericInputValue(e.vertical.height),t.control("scale").value=this._toNumericInputValue(e.deviceScaleFactor),t.control("user-agent").value=e.userAgent,i=e.mobile()?e.touch()?UA.Mobile:UA.MobileNoTouch:e.touch()?UA.DesktopTouch:UA.Desktop,t.control("ua-type").value=i,e.userAgentMetadata&&(t.control("brands").value=serializeBrandsList(e.userAgentMetadata.brands),t.control("full-version").value=e.userAgentMetadata.fullVersion,t.control("platform").value=e.userAgentMetadata.platform,t.control("platform-version").value=e.userAgentMetadata.platformVersion,t.control("arch").value=e.userAgentMetadata.architecture,t.control("model").value=e.userAgentMetadata.model),t}_createEditor(){if(this._editor)return this._editor;const e=new ListWidget.Editor;this._editor=e;const t=e.contentElement(),i=t.createChild("div","devices-edit-fields");UIUtils.createTextChild(i.createChild("b"),ls$1`Device`);const n=e.createInput("title","text",ls$1`Device Name`,(function(e,t,i){let n,s=!1;const o=i.value.trim();o.length>=MaxDeviceNameLength?n=ls$1`Device name must be less than ${MaxDeviceNameLength} characters.`:0===o.length?n=ls$1`Device name cannot be empty.`:s=!0;return{valid:s,errorMessage:n}}));i.createChild("div","hbox").appendChild(n),n.id="custom-device-name-field";const s=i.createChild("div","hbox");s.appendChild(e.createInput("width","text",ls$1`Width`,(function(e,t,i){return DeviceModeModel.widthValidator(i.value)}))),s.appendChild(e.createInput("height","text",ls$1`Height`,(function(e,t,i){return DeviceModeModel.heightValidator(i.value)})));const o=e.createInput("scale","text",ls$1`Device pixel ratio`,(function(e,t,i){return DeviceModeModel.scaleValidator(i.value)}));o.classList.add("device-edit-fixed"),s.appendChild(o);const a=t.createChild("div","devices-edit-fields");UIUtils.createTextChild(a.createChild("b"),ls$1`User agent string`);const r=a.createChild("div","hbox");r.appendChild(e.createInput("user-agent","text",ls$1`User agent string`,(()=>({valid:!0,errorMessage:void 0}))));const l=[UA.Mobile,UA.MobileNoTouch,UA.Desktop,UA.DesktopTouch],c=e.createSelect("ua-type",l,(()=>({valid:!0,errorMessage:void 0})),ls$1`User agent type`);c.classList.add("device-edit-fixed"),r.appendChild(c);const d=t.createChild("div","devices-edit-client-hints-heading");UIUtils.createTextChild(d.createChild("b"),ls$1`User agent client hints`);const h=document.createElement("a");h.href="https://web.dev/user-agent-client-hints/",h.target="_blank";const u=Icon.Icon.create("mediumicon-info","help-icon");h.appendChild(u),h.title=ls$1`User agent client hints are an alternative to the user agent string that identify the browser and the device in a more structured way with better privacy accounting. Click the button to learn more.`,h.addEventListener("keydown",(e=>{"Enter"===e.key&&e.stopPropagation()})),d.appendChild(h);const m=new TreeOutline.TreeOutlineInShadow;m.registerRequiredCSS("emulation/devicesSettingsTab.css",{enableLegacyPatching:!0}),m.setShowSelectionOnKeyboardFocus(!0,!1);const p=new TreeOutline.TreeElement(d,!0);function _(e){const t=new TreeOutline.TreeElement(e,!1);t.selectable=!1,t.listItemElement.classList.add("devices-edit-client-hints-field"),p.appendChild(t)}m.appendChild(p),p.select(!0,!1),t.appendChild(m.element);_(e.createInput("brands","text",ls$1`UA brands list (e.g. "Chromium";v="87")`,(function(e,t,i){const n=ls$1`Brands list is not a valid structured fields list.`,s=ls$1`Brands list must consist of strings, each with a v parameter with a string value.`,o=parseBrandsList(i.value,n,s);if("string"==typeof o)return{valid:!1,errorMessage:o};return{valid:!0,errorMessage:void 0}})));_(e.createInput("full-version","text",ls$1`Full browser version (e.g. 87.0.4280.88)`,g));_(e.createInput("platform","text",ls$1`Platform (e.g. Android)`,g));_(e.createInput("platform-version","text",ls$1`Platform version`,g));_(e.createInput("arch","text",ls$1`Architecture (e.g. x86)`,g));return _(e.createInput("model","text",ls$1`Device model`,g)),e;function g(e,t,i){return validateAsStructuredHeadersString(i.value,ls$1`Not representable as structured headers string.`)}}}var DevicesSettingsTab$1=Object.freeze({__proto__:null,DevicesSettingsTab:DevicesSettingsTab});let _instanceObject=null;const{ls:ls}=Common;class SensorsView extends Widget.VBox{constructor(){super(!0),this.registerRequiredCSS("emulation/sensors.css",{enableLegacyPatching:!0}),this.contentElement.classList.add("sensors-view"),this._LocationSetting=Settings.Settings.instance().createSetting("emulation.locationOverride",""),this._Location=EmulationModel.Location.parseSetting(this._LocationSetting.get()),this._LocationOverrideEnabled=!1,this._fieldsetElement,this._timezoneError,this._locationSelectElement,this._latitudeInput,this._longitudeInput,this._timezoneInput,this._localeInput,this._latitudeSetter,this._longitudeSetter,this._timezoneSetter,this._localeSetter,this._localeError,this._customLocationsGroup,this._createLocationSection(this._Location),this.contentElement.createChild("div").classList.add("panel-section-separator"),this._deviceOrientationSetting=Settings.Settings.instance().createSetting("emulation.deviceOrientationOverride",""),this._deviceOrientation=EmulationModel.DeviceOrientation.parseSetting(this._deviceOrientationSetting.get()),this._deviceOrientationOverrideEnabled=!1,this._deviceOrientationFieldset,this._stageElement,this._orientationSelectElement,this._alphaElement,this._betaElement,this._gammaElement,this._alphaSetter,this._betaSetter,this._gammaSetter,this._orientationLayer,this._createDeviceOrientationSection(),this.contentElement.createChild("div").classList.add("panel-section-separator"),this._appendTouchControl(),this.contentElement.createChild("div").classList.add("panel-section-separator"),this._appendIdleEmulator(),this.contentElement.createChild("div").classList.add("panel-section-separator")}static instance(){return _instanceObject||(_instanceObject=new SensorsView),_instanceObject}_createLocationSection(e){const t=this.contentElement.createChild("section","sensors-group"),i=UIUtils.createLabel(ls`Location`,"sensors-group-title");t.appendChild(i);const n=t.createChild("div","geo-fields");let s=0;const o={title:UIString.UIString("No override"),location:NonPresetOptions.NoOverride};this._locationSelectElement=n.createChild("select","chrome-select"),ARIAUtils.bindLabelToControl(i,this._locationSelectElement),this._locationSelectElement.appendChild(new Option(o.title,o.location)),this._customLocationsGroup=this._locationSelectElement.createChild("optgroup"),this._customLocationsGroup.label=ls`Overrides`;const a=Settings.Settings.instance().moduleSetting("emulation.locations"),r=UIUtils.createTextButton(ls`Manage`,(()=>Revealer.reveal(a)));ARIAUtils.setAccessibleName(r,ls`Manage the list of locations`),n.appendChild(r);const l=()=>{if(this._customLocationsGroup){this._customLocationsGroup.removeChildren();for(const[t,i]of a.get().entries())this._customLocationsGroup.appendChild(new Option(i.title(),JSON.stringify({...i,title:i.title()}))),e.latitude===i.lat&&e.longitude===i.long&&(s=t+1)}};a.addChangeListener(l),l();const c={title:UIString.UIString("Other…"),location:NonPresetOptions.Custom};this._locationSelectElement.appendChild(new Option(c.title,c.location));const d=this._locationSelectElement.createChild("optgroup");d.label=ls`Error`,d.appendChild(new Option(ls`Location unavailable`,NonPresetOptions.Unavailable)),this._locationSelectElement.selectedIndex=s,this._locationSelectElement.addEventListener("change",this._LocationSelectChanged.bind(this)),this._fieldsetElement=n.createChild("fieldset"),this._fieldsetElement.disabled=!this._LocationOverrideEnabled,this._fieldsetElement.id="location-override-section";const h=this._fieldsetElement.createChild("div","latlong-group"),u=this._fieldsetElement.createChild("div","latlong-group"),m=this._fieldsetElement.createChild("div","latlong-group"),p=this._fieldsetElement.createChild("div","latlong-group"),_=Platform.isMac()?"⌘":"Ctrl",g=ls`Adjust with mousewheel or up/down keys. ${_}: ±10, Shift: ±1, Alt: ±0.01`;this._latitudeInput=UIUtils.createInput("","number"),h.appendChild(this._latitudeInput),this._latitudeInput.setAttribute("step","any"),this._latitudeInput.value="0",this._latitudeSetter=UIUtils.bindInput(this._latitudeInput,this._applyLocationUserInput.bind(this),EmulationModel.Location.latitudeValidator,!0,.1),this._latitudeSetter(String(e.latitude)),Tooltip.Tooltip.install(this._latitudeInput,g),h.appendChild(UIUtils.createLabel(ls`Latitude`,"latlong-title",this._latitudeInput)),this._longitudeInput=UIUtils.createInput("","number"),u.appendChild(this._longitudeInput),this._longitudeInput.setAttribute("step","any"),this._longitudeInput.value="0",this._longitudeSetter=UIUtils.bindInput(this._longitudeInput,this._applyLocationUserInput.bind(this),EmulationModel.Location.longitudeValidator,!0,.1),this._longitudeSetter(String(e.longitude)),Tooltip.Tooltip.install(this._longitudeInput,g),u.appendChild(UIUtils.createLabel(ls`Longitude`,"latlong-title",this._longitudeInput)),this._timezoneInput=UIUtils.createInput("","text"),m.appendChild(this._timezoneInput),this._timezoneInput.value="Europe/Berlin",this._timezoneSetter=UIUtils.bindInput(this._timezoneInput,this._applyLocationUserInput.bind(this),EmulationModel.Location.timezoneIdValidator,!1),this._timezoneSetter(e.timezoneId),m.appendChild(UIUtils.createLabel(ls`Timezone ID`,"timezone-title",this._timezoneInput)),this._timezoneError=m.createChild("div","timezone-error"),this._localeInput=UIUtils.createInput("","text"),p.appendChild(this._localeInput),this._localeInput.value="en-US",this._localeSetter=UIUtils.bindInput(this._localeInput,this._applyLocationUserInput.bind(this),EmulationModel.Location.localeValidator,!1),this._localeSetter(e.locale),p.appendChild(UIUtils.createLabel(ls`Locale`,"locale-title",this._localeInput)),this._localeError=p.createChild("div","locale-error")}_LocationSelectChanged(){this._fieldsetElement.disabled=!1,this._timezoneError.textContent="";const e=this._locationSelectElement.options[this._locationSelectElement.selectedIndex].value;if(e===NonPresetOptions.NoOverride)this._LocationOverrideEnabled=!1,this._clearFieldsetElementInputs(),this._fieldsetElement.disabled=!0;else if(e===NonPresetOptions.Custom){this._LocationOverrideEnabled=!0;const e=EmulationModel.Location.parseUserInput(this._latitudeInput.value.trim(),this._longitudeInput.value.trim(),this._timezoneInput.value.trim(),this._localeInput.value.trim());if(!e)return;this._Location=e}else if(e===NonPresetOptions.Unavailable)this._LocationOverrideEnabled=!0,this._Location=new EmulationModel.Location(0,0,"","",!0);else{this._LocationOverrideEnabled=!0;const t=JSON.parse(e);this._Location=new EmulationModel.Location(t.lat,t.long,t.timezoneId,t.locale,!1),this._latitudeSetter(t.lat),this._longitudeSetter(t.long),this._timezoneSetter(t.timezoneId),this._localeSetter(t.locale)}this._applyLocation(),e===NonPresetOptions.Custom&&this._latitudeInput.focus()}_applyLocationUserInput(){const e=EmulationModel.Location.parseUserInput(this._latitudeInput.value.trim(),this._longitudeInput.value.trim(),this._timezoneInput.value.trim(),this._localeInput.value.trim());e&&(this._timezoneError.textContent="",this._setSelectElementLabel(this._locationSelectElement,NonPresetOptions.Custom),this._Location=e,this._applyLocation())}_applyLocation(){this._LocationOverrideEnabled?this._LocationSetting.set(this._Location.toSetting()):this._LocationSetting.remove();for(const e of SDKModel.TargetManager.instance().models(EmulationModel.EmulationModel))e.emulateLocation(this._LocationOverrideEnabled?this._Location:null).catch((e=>{switch(e.type){case"emulation-set-timezone":this._timezoneError.textContent=e.message;break;case"emulation-set-locale":this._localeError.textContent=e.message}}))}_clearFieldsetElementInputs(){this._latitudeSetter("0"),this._longitudeSetter("0"),this._timezoneSetter(""),this._localeSetter("")}_createDeviceOrientationSection(){const e=this.contentElement.createChild("section","sensors-group"),t=UIUtils.createLabel(ls`Orientation`,"sensors-group-title");e.appendChild(t);const i=e.createChild("div","orientation-content"),n=i.createChild("div","orientation-fields"),s={title:UIString.UIString("Off"),orientation:NonPresetOptions.NoOverride},o={title:UIString.UIString("Custom orientation"),orientation:NonPresetOptions.Custom};this._orientationSelectElement=this.contentElement.createChild("select","chrome-select"),ARIAUtils.bindLabelToControl(t,this._orientationSelectElement),this._orientationSelectElement.appendChild(new Option(s.title,s.orientation)),this._orientationSelectElement.appendChild(new Option(o.title,o.orientation));const a=PresetOrientations;for(let e=0;e<a.length;++e){const t=this._orientationSelectElement.createChild("optgroup");t.label=a[e].title;const i=a[e].value;for(let e=0;e<i.length;++e)t.appendChild(new Option(i[e].title,i[e].orientation))}this._orientationSelectElement.selectedIndex=0,n.appendChild(this._orientationSelectElement),this._orientationSelectElement.addEventListener("change",this._orientationSelectChanged.bind(this)),this._deviceOrientationFieldset=this._createDeviceOrientationOverrideElement(this._deviceOrientation),this._stageElement=i.createChild("div","orientation-stage"),this._orientationLayer=this._stageElement.createChild("div","orientation-layer"),this._boxElement=this._orientationLayer.createChild("section","orientation-box orientation-element"),this._boxElement.createChild("section","orientation-front orientation-element"),this._boxElement.createChild("section","orientation-top orientation-element"),this._boxElement.createChild("section","orientation-back orientation-element"),this._boxElement.createChild("section","orientation-left orientation-element"),this._boxElement.createChild("section","orientation-right orientation-element"),this._boxElement.createChild("section","orientation-bottom orientation-element"),UIUtils.installDragHandle(this._stageElement,this._onBoxDragStart.bind(this),(e=>{this._onBoxDrag(e)}),null,"-webkit-grabbing","-webkit-grab"),n.appendChild(this._deviceOrientationFieldset),this._enableOrientationFields(!0),this._setBoxOrientation(this._deviceOrientation,!1)}_enableOrientationFields(e){e?(this._deviceOrientationFieldset.disabled=!0,this._stageElement.classList.add("disabled"),Tooltip.Tooltip.install(this._stageElement,ls`Enable orientation to rotate`)):(this._deviceOrientationFieldset.disabled=!1,this._stageElement.classList.remove("disabled"),Tooltip.Tooltip.install(this._stageElement,ls`Shift+drag horizontally to rotate around the y-axis`))}_orientationSelectChanged(){const e=this._orientationSelectElement.options[this._orientationSelectElement.selectedIndex].value;if(this._enableOrientationFields(!1),e===NonPresetOptions.NoOverride)this._deviceOrientationOverrideEnabled=!1,this._enableOrientationFields(!0);else if(e===NonPresetOptions.Custom)this._deviceOrientationOverrideEnabled=!0,this._alphaElement.focus();else{const t=JSON.parse(e);this._deviceOrientationOverrideEnabled=!0,this._deviceOrientation=new EmulationModel.DeviceOrientation(t[0],t[1],t[2]),this._setDeviceOrientation(this._deviceOrientation,DeviceOrientationModificationSource.SelectPreset)}}_applyDeviceOrientation(){this._deviceOrientationOverrideEnabled&&this._deviceOrientationSetting.set(this._deviceOrientation.toSetting());for(const e of SDKModel.TargetManager.instance().models(EmulationModel.EmulationModel))e.emulateDeviceOrientation(this._deviceOrientationOverrideEnabled?this._deviceOrientation:null)}_setSelectElementLabel(e,t){const i=Array.prototype.map.call(e.options,(e=>e.value));e.selectedIndex=i.indexOf(t)}_applyDeviceOrientationUserInput(){this._setDeviceOrientation(EmulationModel.DeviceOrientation.parseUserInput(this._alphaElement.value.trim(),this._betaElement.value.trim(),this._gammaElement.value.trim()),DeviceOrientationModificationSource.UserInput),this._setSelectElementLabel(this._orientationSelectElement,NonPresetOptions.Custom)}_resetDeviceOrientation(){this._setDeviceOrientation(new EmulationModel.DeviceOrientation(0,90,0),DeviceOrientationModificationSource.ResetButton),this._setSelectElementLabel(this._orientationSelectElement,"[0, 90, 0]")}_setDeviceOrientation(e,t){if(!e)return;function i(e){return Math.round(1e4*e)/1e4}t!==DeviceOrientationModificationSource.UserInput&&(this._alphaSetter(String(i(e.alpha))),this._betaSetter(String(i(e.beta))),this._gammaSetter(String(i(e.gamma))));const n=t!==DeviceOrientationModificationSource.UserDrag;this._setBoxOrientation(e,n),this._deviceOrientation=e,this._applyDeviceOrientation(),ARIAUtils.alert(ls`Device orientation set to alpha: ${e.alpha}, beta: ${e.beta}, gamma: ${e.gamma}`,this._orientationSelectElement)}_createAxisInput(e,t,i,n){const s=e.createChild("div","orientation-axis-input-container");return s.appendChild(t),s.appendChild(UIUtils.createLabel(i,"",t)),UIUtils.bindInput(t,this._applyDeviceOrientationUserInput.bind(this),n,!0)}_createDeviceOrientationOverrideElement(e){const t=document.createElement("fieldset");t.classList.add("device-orientation-override-section");const i=t.createChild("td","orientation-inputs-cell");this._alphaElement=UIUtils.createInput("","number"),this._alphaElement.setAttribute("step","any"),this._alphaSetter=this._createAxisInput(i,this._alphaElement,UIString.UIString("α (alpha)"),EmulationModel.DeviceOrientation.alphaAngleValidator),this._alphaSetter(String(e.alpha)),this._betaElement=UIUtils.createInput("","number"),this._betaElement.setAttribute("step","any"),this._betaSetter=this._createAxisInput(i,this._betaElement,UIString.UIString("β (beta)"),EmulationModel.DeviceOrientation.betaAngleValidator),this._betaSetter(String(e.beta)),this._gammaElement=UIUtils.createInput("","number"),this._gammaElement.setAttribute("step","any"),this._gammaSetter=this._createAxisInput(i,this._gammaElement,UIString.UIString("γ (gamma)"),EmulationModel.DeviceOrientation.gammaAngleValidator),this._gammaSetter(String(e.gamma));const n=UIUtils.createTextButton(UIString.UIString("Reset"),this._resetDeviceOrientation.bind(this),"orientation-reset-button");return ARIAUtils.setAccessibleName(n,ls`Reset device orientation`),n.setAttribute("type","reset"),i.appendChild(n),t}_setBoxOrientation(e,t){t?this._stageElement.classList.add("is-animating"):this._stageElement.classList.remove("is-animating");const{alpha:i,beta:n,gamma:s}=e;this._boxMatrix=(new DOMMatrixReadOnly).rotate(0,0,i).rotate(n,0,0).rotate(0,s,0),this._orientationLayer.style.transform=`rotateY(${i}deg) rotateX(${-n}deg) rotateZ(${s}deg)`}_onBoxDrag(e){const t=this._calculateRadiusVector(e.x,e.y);if(!t)return!0;if(!this._mouseDownVector)return!0;let i,n;e.consume(!0),e.shiftKey?(i=new Geometry.Vector(0,0,1),n=(t.x-this._mouseDownVector.x)*ShiftDragOrientationSpeed):(i=Geometry.crossProduct(this._mouseDownVector,t),n=Geometry.calculateAngle(this._mouseDownVector,t));const s=(new DOMMatrixReadOnly).rotateAxisAngle(-i.x,i.z,i.y,n).multiply(this._originalBoxMatrix),o=Geometry.EulerAngles.fromDeviceOrientationRotationMatrix(s),a=new EmulationModel.DeviceOrientation(o.alpha,o.beta,o.gamma);return this._setDeviceOrientation(a,DeviceOrientationModificationSource.UserDrag),this._setSelectElementLabel(this._orientationSelectElement,NonPresetOptions.Custom),!1}_onBoxDragStart(e){return!!this._deviceOrientationOverrideEnabled&&(this._mouseDownVector=this._calculateRadiusVector(e.x,e.y),this._originalBoxMatrix=this._boxMatrix,!!this._mouseDownVector&&(e.consume(!0),!0))}_calculateRadiusVector(e,t){const i=this._stageElement.getBoundingClientRect(),n=Math.max(i.width,i.height)/2,s=(e-i.left-i.width/2)/n,o=(t-i.top-i.height/2)/n,a=s*s+o*o;return a>.5?new Geometry.Vector(s,o,.5/Math.sqrt(a)):new Geometry.Vector(s,o,Math.sqrt(1-a))}_appendTouchControl(){const e=this.contentElement.createChild("div","touch-section"),t=SettingsUI.createControlForSetting(Settings.Settings.instance().moduleSetting("emulation.touch"),ls`Forces touch instead of click`);t&&e.appendChild(t)}_appendIdleEmulator(){const e=this.contentElement.createChild("div","idle-section"),t=SettingsUI.createControlForSetting(Settings.Settings.instance().moduleSetting("emulation.idleDetection"),ls`Forces selected idle state emulation`);t&&e.appendChild(t)}}const DeviceOrientationModificationSource={UserInput:"userInput",UserDrag:"userDrag",ResetButton:"resetButton",SelectPreset:"selectPreset"},NonPresetOptions={NoOverride:"noOverride",Custom:"custom",Unavailable:"unavailable"},PresetOrientations=[{title:ls`Presets`,value:[{title:UIString.UIString("Portrait"),orientation:"[0, 90, 0]"},{title:UIString.UIString("Portrait upside down"),orientation:"[180, -90, 0]"},{title:UIString.UIString("Landscape left"),orientation:"[90, 0, -90]"},{title:UIString.UIString("Landscape right"),orientation:"[90, -180, -90]"},{title:UIString.UIString("Display up"),orientation:"[0, 0, 0]"},{title:UIString.UIString("Display down"),orientation:"[0, -180, 0]"}]}];let showActionDelegateInstance;class ShowActionDelegate{handleAction(e,t){return ViewManager.ViewManager.instance().showView("sensors"),!0}static instance(e={forceNew:null}){const{forceNew:t}=e;return showActionDelegateInstance&&!t||(showActionDelegateInstance=new ShowActionDelegate),showActionDelegateInstance}}const ShiftDragOrientationSpeed=16;var SensorsView$1=Object.freeze({__proto__:null,SensorsView:SensorsView,DeviceOrientationModificationSource:DeviceOrientationModificationSource,NonPresetOptions:NonPresetOptions,PresetOrientations:PresetOrientations,ShowActionDelegate:ShowActionDelegate,ShiftDragOrientationSpeed:ShiftDragOrientationSpeed});let locationsSettingsTabInstance,Item;class LocationsSettingsTab extends Widget.VBox{constructor(){super(!0),this.registerRequiredCSS("emulation/locationsSettingsTab.css",{enableLegacyPatching:!0}),this.contentElement.createChild("div","header").textContent=UIString.UIString("Custom locations");const e=UIUtils.createTextButton(UIString.UIString("Add location…"),this._addButtonClicked.bind(this),"add-locations-button");this.contentElement.appendChild(e),this._list=new ListWidget.ListWidget(this),this._list.element.classList.add("locations-list"),this._list.registerRequiredCSS("emulation/locationsSettingsTab.css",{enableLegacyPatching:!0}),this._list.show(this.contentElement),this._customSetting=Settings.Settings.instance().moduleSetting("emulation.locations"),this._customSetting.addChangeListener(this._locationsUpdated,this),this.setDefaultFocusedElement(e)}static instance(){return locationsSettingsTabInstance||(locationsSettingsTabInstance=new LocationsSettingsTab),locationsSettingsTabInstance}wasShown(){super.wasShown(),this._locationsUpdated()}_locationsUpdated(){this._list.clear();const e=this._customSetting.get();for(const t of e)this._list.appendItem({...t,title:t.title()},!0);this._list.appendSeparator()}_addButtonClicked(){this._list.addNewItem(this._customSetting.get().length,{title:"",lat:0,long:0,timezoneId:"",locale:""})}renderItem(e,t){const i=document.createElement("div");i.classList.add("locations-list-item");const n=i.createChild("div","locations-list-text locations-list-title").createChild("div","locations-list-title-text");return n.textContent=e.title,Tooltip.Tooltip.install(n,e.title),i.createChild("div","locations-list-separator"),i.createChild("div","locations-list-text").textContent=String(e.lat),i.createChild("div","locations-list-separator"),i.createChild("div","locations-list-text").textContent=String(e.long),i.createChild("div","locations-list-separator"),i.createChild("div","locations-list-text").textContent=e.timezoneId,i.createChild("div","locations-list-separator"),i.createChild("div","locations-list-text").textContent=e.locale,i}removeItemRequested(e,t){const i=this._customSetting.get();i.splice(t,1),this._customSetting.set(i)}commitEdit(e,t,i){e.title=t.control("title").value.trim();const n=t.control("lat").value.trim();e.lat=n?parseFloat(n):0;const s=t.control("long").value.trim();e.long=s?parseFloat(s):0;const o=t.control("timezoneId").value.trim();e.timezoneId=o;const a=t.control("locale").value.trim();e.locale=a;const r=this._customSetting.get();i&&r.push(e),this._customSetting.set(r)}beginEdit(e){const t=this._createEditor();return t.control("title").value=e.title,t.control("lat").value=String(e.lat),t.control("long").value=String(e.long),t.control("timezoneId").value=e.timezoneId,t.control("locale").value=e.locale,t}_createEditor(){if(this._editor)return this._editor;const e=new ListWidget.Editor;this._editor=e;const t=e.contentElement(),i=t.createChild("div","locations-edit-row");i.createChild("div","locations-list-text locations-list-title").textContent=UIString.UIString("Location name"),i.createChild("div","locations-list-separator locations-list-separator-invisible"),i.createChild("div","locations-list-text").textContent=UIString.UIString("Lat"),i.createChild("div","locations-list-separator locations-list-separator-invisible"),i.createChild("div","locations-list-text").textContent=UIString.UIString("Long"),i.createChild("div","locations-list-separator locations-list-separator-invisible"),i.createChild("div","locations-list-text").textContent=UIString.UIString("Timezone ID"),i.createChild("div","locations-list-separator locations-list-separator-invisible"),i.createChild("div","locations-list-text").textContent=UIString.UIString("Locale");const n=t.createChild("div","locations-edit-row");n.createChild("div","locations-list-text locations-list-title locations-input-container").appendChild(e.createInput("title","text",ls$1`Location name`,(function(e,t,i){const n=i.value.trim();let s;n.length?n.length>50&&(s=ls$1`Location name must be less than ${50} characters`):s=ls$1`Location name cannot be empty`;if(s)return{valid:!1,errorMessage:s};return{valid:!0,errorMessage:void 0}}))),n.createChild("div","locations-list-separator locations-list-separator-invisible");let s=n.createChild("div","locations-list-text locations-input-container");return s.appendChild(e.createInput("lat","text",ls$1`Latitude`,(function(e,t,i){const n=i.value.trim(),s=Number(n);if(!n)return{valid:!0,errorMessage:void 0};let o;Number.isNaN(s)?o=ls$1`Latitude must be a number`:parseFloat(n)<-90?o=ls$1`Latitude must be greater than or equal to ${-90}`:parseFloat(n)>90&&(o=ls$1`Latitude must be less than or equal to ${90}`);if(o)return{valid:!1,errorMessage:o};return{valid:!0,errorMessage:void 0}}))),n.createChild("div","locations-list-separator locations-list-separator-invisible"),s=n.createChild("div","locations-list-text locations-list-text-longitude locations-input-container"),s.appendChild(e.createInput("long","text",ls$1`Longitude`,(function(e,t,i){const n=i.value.trim(),s=Number(n);if(!n)return{valid:!0,errorMessage:void 0};let o;Number.isNaN(s)?o=ls$1`Longitude must be a number`:parseFloat(n)<-180?o=ls$1`Longitude must be greater than or equal to ${-180}`:parseFloat(n)>180&&(o=ls$1`Longitude must be less than or equal to ${180}`);if(o)return{valid:!1,errorMessage:o};return{valid:!0,errorMessage:void 0}}))),n.createChild("div","locations-list-separator locations-list-separator-invisible"),s=n.createChild("div","locations-list-text locations-input-container"),s.appendChild(e.createInput("timezoneId","text",ls$1`Timezone ID`,(function(e,t,i){const n=i.value.trim();if(""===n||/[a-zA-Z]/.test(n))return{valid:!0,errorMessage:void 0};return{valid:!1,errorMessage:ls$1`Timezone ID must contain alphabetic characters`}}))),n.createChild("div","locations-list-separator locations-list-separator-invisible"),s=n.createChild("div","locations-list-text locations-input-container"),s.appendChild(e.createInput("locale","text",ls$1`Locale`,(function(e,t,i){const n=i.value.trim();if(""===n||/[a-zA-Z]{2}/.test(n))return{valid:!0,errorMessage:void 0};return{valid:!1,errorMessage:ls$1`Locale must contain alphabetic characters`}}))),e}}var LocationsSettingsTab$1=Object.freeze({__proto__:null,LocationsSettingsTab:LocationsSettingsTab,Item:Item});export{AdvancedApp$1 as AdvancedApp,DeviceModeModel$1 as DeviceModeModel,DeviceModeToolbar$1 as DeviceModeToolbar,DeviceModeView$1 as DeviceModeView,DeviceModeWrapper$1 as DeviceModeWrapper,DevicesSettingsTab$1 as DevicesSettingsTab,EmulatedDevices,InspectedPagePlaceholder$1 as InspectedPagePlaceholder,LocationsSettingsTab$1 as LocationsSettingsTab,MediaQueryInspector$1 as MediaQueryInspector,SensorsView$1 as SensorsView,StructuredHeaders,UserAgentMetadata};

package/static/devtools/event_listeners/event_listeners-legacy.js

@@ -0,0 +1 @@
+import{EventListenersUtils as e,EventListenersView as t}from"./event_listeners.js";self.EventListeners=self.EventListeners||{},EventListeners=EventListeners||{},EventListeners.frameworkEventListeners=e.frameworkEventListeners,EventListeners.EventListenersView=t.EventListenersView,EventListeners.EventListenersTreeElement=t.EventListenersTreeElement,EventListeners.ObjectEventListenerBar=t.ObjectEventListenerBar;

package/static/devtools/event_listeners/event_listeners.js

@@ -0,0 +1 @@
+import{Console as e,Revealer as t}from"../common/common.js";import{DOMDebuggerModel as n,RemoteObject as r}from"../sdk/sdk.js";import{Linkifier as i}from"../components/components.js";import{i18n as s}from"../i18n/i18n.js";import{ObjectPropertiesSection as o}from"../object_ui/object_ui.js";import{Widget as l,TreeOutline as a,ARIAUtils as c,Tooltip as u,ContextMenu as h}from"../ui/ui.js";function d(t){const i=t.runtimeModel().target().model(n.DOMDebuggerModel);if(!i)return Promise.resolve({eventListeners:[],internalHandlers:null});const s={internalHandlers:null,eventListeners:[]};return t.callFunction((function(){const e=[];let t=[],n=[],r=[function(e){if(!(e&&e instanceof Node))return{eventListeners:[]};const t=window.jQuery;if(!t||!t.fn)return{eventListeners:[]};const n=t,r=t._data||t.data,i=[],s=[];if("function"==typeof r){const t=r(e,"events");for(const n in t)for(const r in t[n]){const s=t[n][r];if("object"==typeof s||"function"==typeof s){const t={handler:s.handler||s,useCapture:!0,passive:!1,once:!1,type:n,remove:u.bind(e,s.selector)};i.push(t)}}const n=r(e);n&&"function"==typeof n.handle&&s.push(n.handle)}const o=n(e)[0];if(o){const e=o.$events;for(const t in e){const n=e[t];for(const e in n)if("function"==typeof n[e]){const r={handler:n[e],useCapture:!0,passive:!1,once:!1,type:t};i.push(r)}}o&&o.$handle&&s.push(o.$handle)}return{eventListeners:i,internalHandlers:s}}];try{self.devtoolsFrameworkEventListeners&&s(self.devtoolsFrameworkEventListeners)&&(r=r.concat(self.devtoolsFrameworkEventListeners))}catch(t){e.push("devtoolsFrameworkEventListeners call produced error: "+a(t))}for(let i=0;i<r.length;++i)try{const e=r[i](this);if(e.eventListeners&&s(e.eventListeners)){const n=e.eventListeners.map((e=>o(e))).filter(c);t=t.concat(n)}if(e.internalHandlers&&s(e.internalHandlers)){const t=e.internalHandlers.map((e=>l(e))).filter(c);n=n.concat(t)}}catch(t){e.push("fetcher call produced error: "+a(t))}const i={eventListeners:t,internalHandlers:n.length?n:void 0,errorString:void 0};i.internalHandlers||delete i.internalHandlers;if(e.length){let t="Framework Event Listeners API Errors:\n\t"+e.join("\n\t");t=t.substr(0,t.length-1),i.errorString=t}""!==i.errorString&&void 0!==i.errorString||delete i.errorString;return i;function s(e){if(!e||"object"!=typeof e)return!1;try{if("function"==typeof e.splice){const t=e.length;return"number"==typeof t&&t>>>0===t&&(t>0||1/t>0)}}catch(e){}return!1}function o(t){try{let n="";if(t){const e=t.type;e&&"string"==typeof e||(n+="event listener's type isn't string or empty, ");const r=t.useCapture;"boolean"!=typeof r&&(n+="event listener's useCapture isn't boolean or undefined, ");const i=t.passive;"boolean"!=typeof i&&(n+="event listener's passive isn't boolean or undefined, ");const s=t.once;"boolean"!=typeof s&&(n+="event listener's once isn't boolean or undefined, ");const o=t.handler;o&&"function"==typeof o||(n+="event listener's handler isn't a function or empty, ");const l=t.remove;if(l&&"function"!=typeof l&&(n+="event listener's remove isn't a function, "),!n)return{type:e,useCapture:r,passive:i,once:s,handler:o,remove:l}}else n+="empty event listener, ";return e.push(n.substr(0,n.length-2)),null}catch(t){return e.push(a(t)),null}}function l(t){return t&&"function"==typeof t?t:(e.push("internal handler isn't a function or empty"),null)}function a(e){try{return String(e)}catch(e){return"<error>"}}function c(e){return Boolean(e)}function u(e,t,n){if(!(this&&this instanceof Node))return;const r=window.jQuery;if(!r||!r.fn)return;r(this).off(t,e,n)}}),void 0).then(u).then((function(e){return e.getOwnProperties(!1)})).then((async function(t){if(!t.properties)throw new Error("Object properties is empty");const n=[];for(const u of t.properties)"eventListeners"===u.name&&u.value&&n.push(o(u.value).then(a)),"internalHandlers"===u.name&&u.value&&n.push((s=u.value,r.RemoteArray.objectAsArray(s).map(l).then(r.RemoteArray.createFromRemoteObjects.bind(null))).then(c)),"errorString"===u.name&&u.value&&(i=u.value,e.Console.instance().error(String(i.value)));var i;var s;await Promise.all(n)})).then((function(){return s})).catch((e=>(console.error(e),s)));function o(e){return r.RemoteArray.objectAsArray(e).map((function(e){let r,s,o,a,c=null,h=null,d=null,p=null;const v=[];function f(e){d=e?e.location:null}return v.push(e.callFunctionJSON((function(){return{type:this.type,useCapture:this.useCapture,passive:this.passive,once:this.once}}),void 0).then((function(e){void 0!==e.type&&(r=e.type);void 0!==e.useCapture&&(s=e.useCapture);void 0!==e.passive&&(o=e.passive);void 0!==e.once&&(a=e.once)}))),v.push(e.callFunction((function(){return this.handler||null})).then(u).then((function(e){return h=e,h})).then(l).then((function(e){return c=e,e.debuggerModel().functionDetailsPromise(e).then(f)}))),v.push(e.callFunction((function(){return this.remove||null})).then(u).then((function(e){if("function"!==e.type)return;p=e}))),Promise.all(v).then((function(){if(!d)throw new Error("Empty event listener's location");return new n.EventListener(i,t,r,s,o,a,c,h,d,p,n.EventListener.Origin.FrameworkUser)})).catch((e=>(console.error(e),null)))})).then(h)}function l(e){return r.RemoteFunction.objectAsFunction(e).targetFunction()}function a(e){s.eventListeners=e}function c(e){s.internalHandlers=e}function u(e){if(e.wasThrown||!e.object)throw new Error("Exception in callFunction or empty result");return e.object}function h(e){return e.filter((function(e){return Boolean(e)}))}}var p=Object.freeze({__proto__:null,frameworkEventListeners:d});const v={noEventListeners:"No event listeners",remove:"Remove",deleteEventListener:"Delete event listener",togglePassive:"Toggle Passive",toggleWhetherEventListenerIs:"Toggle whether event listener is passive or blocking",revealInElementsPanel:"Reveal in Elements panel",passive:"Passive"},f=s.registerUIStrings("event_listeners/EventListenersView.ts",v),m=s.getLocalizedString.bind(void 0,f);class _ extends l.VBox{constructor(e,t=!1){super(),this._changeCallback=e,this._enableDefaultTreeFocus=t,this._treeOutline=new a.TreeOutlineInShadow,this._treeOutline.hideOverflow(),this._treeOutline.registerRequiredCSS("object_ui/objectValue.css",{enableLegacyPatching:!0}),this._treeOutline.registerRequiredCSS("event_listeners/eventListenersView.css",{enableLegacyPatching:!0}),this._treeOutline.setComparator(g.comparator),this._treeOutline.element.classList.add("monospace"),this._treeOutline.setShowSelectionOnKeyboardFocus(!0),this._treeOutline.setFocusable(!0),this.element.appendChild(this._treeOutline.element),this._emptyHolder=document.createElement("div"),this._emptyHolder.classList.add("gray-info-message"),this._emptyHolder.textContent=m(v.noEventListeners),this._emptyHolder.tabIndex=-1,this._linkifier=new i.Linkifier,this._treeItemMap=new Map}focus(){this._enableDefaultTreeFocus&&(this._emptyHolder.parentNode?this._emptyHolder.focus():this._treeOutline.forceSelect())}async addObjects(e){this.reset(),await Promise.all(e.map((e=>e?this._addObject(e):Promise.resolve()))),this.addEmptyHolderIfNeeded(),this._eventListenersArrivedForTest()}_addObject(e){let t,i=null;const s=[],o=e.runtimeModel().target().model(n.DOMDebuggerModel);return o&&s.push(o.eventListeners(e).then((function(e){t=e}))),s.push(d(e).then((function(e){i=e}))),Promise.all(s).then((function(){if(!i)return Promise.resolve();if(!i.internalHandlers)return Promise.resolve();return i.internalHandlers.object().callFunctionJSON((function(){const e=[],t=new Set(this);for(const n of arguments)e.push(t.has(n));return e}),t.map((function(e){return r.RemoteObject.toCallArgument(e.handler())}))).then((function(e){for(let n=0;n<t.length;++n)e[n]&&t[n].markAsFramework()}))})).then(function(){this._addObjectEventListeners(e,t),i&&this._addObjectEventListeners(e,i.eventListeners)}.bind(this))}_addObjectEventListeners(e,t){if(t)for(const n of t){this._getOrCreateTreeElementForType(n.type()).addObjectEventListener(n,e)}}showFrameworkListeners(e,t,r){const i=this._treeOutline.rootElement().children();for(const s of i){let i=!0;for(const o of s.children()){const s=o,l=s.eventListener().origin();let a=!1;l!==n.EventListener.Origin.FrameworkUser||e||(a=!0),l===n.EventListener.Origin.Framework&&e&&(a=!0),!t&&s.eventListener().passive()&&(a=!0),r||s.eventListener().passive()||(a=!0),s.hidden=a,i=i&&a}s.hidden=i}}_getOrCreateTreeElementForType(e){let t=this._treeItemMap.get(e);return t||(t=new g(e,this._linkifier,this._changeCallback),this._treeItemMap.set(e,t),t.hidden=!0,this._treeOutline.appendChild(t)),this._emptyHolder.remove(),t}addEmptyHolderIfNeeded(){let e=!0,t=null;for(const n of this._treeOutline.rootElement().children())n.hidden=!n.firstChild(),e=e&&n.hidden,t||n.hidden||(t=n);e&&!this._emptyHolder.parentNode&&this.element.appendChild(this._emptyHolder),t&&t.select(!0)}reset(){const e=this._treeOutline.rootElement().children();for(const t of e)t.removeChildren();this._linkifier.reset()}_eventListenersArrivedForTest(){}}class g extends a.TreeElement{constructor(e,t,n){super(e),this.toggleOnClick=!0,this._linkifier=t,this._changeCallback=n,c.setAccessibleName(this.listItemElement,e+", event listener")}static comparator(e,t){return e.title===t.title?0:e.title>t.title?1:-1}addObjectEventListener(e,t){const n=new L(e,t,this._linkifier,this._changeCallback);this.appendChild(n)}}class L extends a.TreeElement{constructor(e,t,n,r){super("",!0),this._eventListener=e,this.editable=!1,this._setTitle(t,n),this._changeCallback=r}async onpopulate(){const e=[],t=this._eventListener,n=t.domDebuggerModel().runtimeModel();e.push(n.createRemotePropertyFromPrimitiveValue("useCapture",t.useCapture())),e.push(n.createRemotePropertyFromPrimitiveValue("passive",t.passive())),e.push(n.createRemotePropertyFromPrimitiveValue("once",t.once())),void 0!==t.handler()&&e.push(new r.RemoteObjectProperty("handler",t.handler())),o.ObjectPropertyTreeElement.populateWithProperties(this,e,[],!0,null)}_setTitle(e,n){const r=this.listItemElement.createChild("span","event-listener-details"),i=this.listItemElement.createChild("span","event-listener-tree-subtitle"),s=n.linkifyRawLocation(this._eventListener.location(),this._eventListener.sourceURL());i.appendChild(s);const l=o.ObjectPropertiesSection.createPropertyValue(e,!1,!1);if(this._valueTitle=l.element,r.appendChild(this._valueTitle),this._eventListener.canRemove()){const e=r.createChild("span","event-listener-button");e.textContent=m(v.remove),u.Tooltip.install(e,m(v.deleteEventListener)),e.addEventListener("click",(e=>{this._removeListener(),e.consume()}),!1),r.appendChild(e)}if(this._eventListener.isScrollBlockingType()&&this._eventListener.canTogglePassive()){const e=r.createChild("span","event-listener-button");e.textContent=m(v.togglePassive),u.Tooltip.install(e,m(v.toggleWhetherEventListenerIs)),e.addEventListener("click",(e=>{this._togglePassiveListener(),e.consume()}),!1),r.appendChild(e)}this.listItemElement.addEventListener("contextmenu",(n=>{const r=new h.ContextMenu(n);n.target!==s&&r.appendApplicableItems(s),"node"===e.subtype&&r.defaultSection().appendItem(m(v.revealInElementsPanel),(()=>t.reveal(e))),r.defaultSection().appendItem(m(v.deleteEventListener),this._removeListener.bind(this),!this._eventListener.canRemove()),r.defaultSection().appendCheckboxItem(m(v.passive),this._togglePassiveListener.bind(this),this._eventListener.passive(),!this._eventListener.canTogglePassive()),r.show()}))}_removeListener(){this._removeListenerBar(),this._eventListener.remove()}_togglePassiveListener(){this._eventListener.togglePassive().then((()=>this._changeCallback()))}_removeListenerBar(){const e=this.parent;if(!e)return;e.removeChild(this),e.childCount()||e.collapse();let t=!0;for(const n of e.children())n.hidden||(t=!1);e.hidden=t}eventListener(){return this._eventListener}onenter(){return!!this._valueTitle&&(this._valueTitle.click(),!0)}}var y=Object.freeze({__proto__:null,UIStrings:v,EventListenersView:_,EventListenersTreeElement:g,ObjectEventListenerBar:L});export{p as EventListenersUtils,y as EventListenersView};

package/static/devtools/event_listeners/event_listeners_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("event_listeners/eventListenersView.css","/*\n * Copyright 2015 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.tree-outline-disclosure li {\n  padding: 2px 0 0 5px;\n  overflow: hidden;\n  display: flex;\n  min-height: 17px;\n  align-items: baseline;\n}\n\n.tree-outline-disclosure > li {\n  border-top: 1px solid #f0f0f0;\n}\n\n.tree-outline-disclosure > li:first-of-type {\n  border-top: none;\n}\n\n.tree-outline-disclosure {\n  padding-left: 0 !important;\n  padding-right: 3px;\n}\n\n.tree-outline-disclosure li.parent::before {\n  top: 0 !important;\n}\n\n.tree-outline-disclosure .name {\n  color: rgb(136 19 145);\n}\n\n.tree-outline-disclosure .object-value-node {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.event-listener-details {\n  display: flex;\n}\n\n.event-listener-tree-subtitle {\n  float: right;\n  margin-left: 5px;\n  flex-shrink: 0;\n}\n\n.event-listener-button {\n  padding: 0 3px;\n  background-color: #f2f2f2;\n  border-radius: 3px;\n  border: 1px solid #c3c3c3;\n  margin-left: 10px;\n  display: block;\n  cursor: pointer;\n  opacity: 80%;\n  flex-shrink: 0;\n}\n\n.event-listener-button:hover {\n  background-color: #e0e0e0;\n  opacity: 100%;\n}\n\n.tree-outline-disclosure li:hover .event-listener-button {\n  display: inline;\n}\n\n@media (forced-colors: active) {\n  .event-listener-details .event-listener-button {\n    forced-color-adjust: none;\n    opacity: 100%;\n    background: ButtonFace;\n    color: ButtonText;\n    border-color: ButtonText;\n  }\n\n  .event-listener-button:hover {\n    background-color: Highlight !important;\n    color: HighlightText;\n    border-color: ButtonText;\n  }\n\n  .tree-outline.hide-selection-when-blurred .selected:focus-visible .event-listener-button,\n  .tree-outline-disclosure li:focus-visible .gray-info-message {\n    background-color: Highlight;\n    color: HighlightText;\n    border-color: HighlightText;\n  }\n}\n\n/*# sourceURL=event_listeners/eventListenersView.css */");

package/static/devtools/extensions/extensions-legacy.js

@@ -0,0 +1 @@
+import{ExtensionAPI as n,ExtensionPanel as e,ExtensionServer as s,ExtensionTraceProvider as i}from"./extensions.js";self.Extensions=self.Extensions||{},Extensions=Extensions||{},Extensions.extensionAPI={},n.defineCommonExtensionSymbols(Extensions.extensionAPI),Extensions.ExtensionSidebarPane=e.ExtensionSidebarPane,Extensions.ExtensionServer=s.ExtensionServer,Extensions.ExtensionServer.Events=s.Events,Extensions.ExtensionStatus=s.ExtensionStatus,Extensions.ExtensionTraceProvider=i.ExtensionTraceProvider,Extensions.TracingSession=i.TracingSession;

package/static/devtools/extensions/extensions.js

@@ -0,0 +1 @@
+import{RemoteObject as e,SDKModel as t,NetworkManager as n,NetworkLog as s,ResourceTreeModel as i,HARLog as o,DOMModel as r,RuntimeModel as a}from"../sdk/sdk.js";import{Widget as c,Panel as d,Toolbar as u,SearchableView as l,View as h,UIUtils as p,InspectorView as _,Context as g,ShortcutRegistry as m}from"../ui/ui.js";import{DebuggerLanguagePlugins as b,DebuggerWorkspaceBinding as f,ResourceUtils as R}from"../bindings/bindings.js";import{ObjectWrapper as w,Revealer as S}from"../common/common.js";import{Linkifier as y}from"../components/components.js";import{InspectorFrontendHost as E,InspectorFrontendHostAPI as x}from"../host/host.js";import{StringUtilities as I}from"../platform/platform.js";import{Runtime as v}from"../root/root.js";import{ThemeSupport as P}from"../theme_support/theme_support.js";import{Workspace as C}from"../workspace/workspace.js";function O(e){e.panels||(e.panels={}),e.panels.SearchAction={CancelSearch:"cancelSearch",PerformSearch:"performSearch",NextSearchResult:"nextSearchResult",PreviousSearchResult:"previousSearchResult"},e.Events={ButtonClicked:"button-clicked-",PanelObjectSelected:"panel-objectSelected-",NetworkRequestFinished:"network-request-finished",OpenResource:"open-resource",PanelSearch:"panel-search-",RecordingStarted:"trace-recording-started-",RecordingStopped:"trace-recording-stopped-",ResourceAdded:"resource-added",ResourceContentCommitted:"resource-content-committed",ViewShown:"view-shown-",ViewHidden:"view-hidden-"},e.Commands={AddRequestHeaders:"addRequestHeaders",AddTraceProvider:"addTraceProvider",ApplyStyleSheet:"applyStyleSheet",CompleteTraceSession:"completeTraceSession",CreatePanel:"createPanel",CreateSidebarPane:"createSidebarPane",CreateToolbarButton:"createToolbarButton",EvaluateOnInspectedPage:"evaluateOnInspectedPage",ForwardKeyboardEvent:"_forwardKeyboardEvent",GetHAR:"getHAR",GetPageResources:"getPageResources",GetRequestContent:"getRequestContent",GetResourceContent:"getResourceContent",InspectedURLChanged:"inspectedURLChanged",OpenResource:"openResource",Reload:"Reload",Subscribe:"subscribe",SetOpenResourceHandler:"setOpenResourceHandler",SetResourceContent:"setResourceContent",SetSidebarContent:"setSidebarContent",SetSidebarHeight:"setSidebarHeight",SetSidebarPage:"setSidebarPage",ShowPanel:"showPanel",Unsubscribe:"unsubscribe",UpdateButton:"updateButton",RegisterLanguageExtensionPlugin:"registerLanguageExtensionPlugin"},e.LanguageExtensionPluginCommands={AddRawModule:"addRawModule",RemoveRawModule:"removeRawModule",SourceLocationToRawLocation:"sourceLocationToRawLocation",RawLocationToSourceLocation:"rawLocationToSourceLocation",GetScopeInfo:"getScopeInfo",ListVariablesInScope:"listVariablesInScope",EvaluateVariable:"evaluateVariable",GetTypeInfo:"getTypeInfo",GetFormatter:"getFormatter",GetFunctionInfo:"getFunctionInfo",GetInlinedFunctionRanges:"getInlinedFunctionRanges",GetInlinedCalleesRanges:"getInlinedCalleesRanges",GetMappedLines:"getMappedLines"},e.LanguageExtensionPluginEvents={UnregisteredLanguageExtensionPlugin:"unregisteredLanguageExtensionPlugin"}}self.injectedExtensionAPI=function(e,t,n,s,i,o){const r=new Set(s),a=window.chrome||{};if(Object.getOwnPropertyDescriptor(a,"devtools"))return;const c={};O(c);const d=c.Commands,u=c.LanguageExtensionPluginCommands,l=c.LanguageExtensionPluginEvents,h=c.Events;let p=!1;function _(e,t){this._type=e,this._listeners=[],this._customDispatch=t}function g(){this.onRequestFinished=new v(h.NetworkRequestFinished,(function(e){const t=e.arguments[1];t.__proto__=new T(e.arguments[0]),this._fire(t)})),y(this,"network","onFinished","onRequestFinished"),this.onNavigated=new v(h.InspectedURLChanged)}function m(e){this._id=e}function b(){const e={elements:new H,sources:new j};function t(t){return e[t]}for(const n in e)Object.defineProperty(this,n,{get:t.bind(null,n),enumerable:!0});this.applyStyleSheet=function(e){X.sendRequest({command:d.ApplyStyleSheet,styleSheet:e})}}function f(e){this._id=e,e&&(this.onShown=new v(h.ViewShown+e,(function(e){const t=e.arguments[0];"number"==typeof t?this._fire(window.parent.frames[t]):this._fire()})),this.onHidden=new v(h.ViewHidden+e))}function R(e){f.call(this,null),this._hostPanelName=e,this.onSelectionChanged=new v(h.PanelObjectSelected+e)}function w(){this._plugins=new Map}function S(e){return function(){const t={__proto__:e.prototype};e.apply(t,arguments),$(this,t)}}function y(e,t,n,s){let i=!1;e.__defineGetter__(n,(function(){return i||(console.warn(t+"."+n+" is deprecated. Use "+t+"."+s+" instead"),i=!0),e[s]}))}function E(e){const t=e[e.length-1];return"function"==typeof t?t:void 0}_.prototype={addListener:function(e){if("function"!=typeof e)throw"addListener: callback is not a function";0===this._listeners.length&&X.sendRequest({command:d.Subscribe,type:this._type}),this._listeners.push(e),X.registerHandler("notify-"+this._type,this._dispatch.bind(this))},removeListener:function(e){const t=this._listeners;for(let n=0;n<t.length;++n)if(t[n]===e){t.splice(n,1);break}0===this._listeners.length&&X.sendRequest({command:d.Unsubscribe,type:this._type})},_fire:function(e){const t=this._listeners.slice();for(let e=0;e<t.length;++e)t[e].apply(null,arguments)},_dispatch:function(e){this._customDispatch?this._customDispatch.call(this,e):this._fire.apply(this,e.arguments)}},g.prototype={getHAR:function(e){X.sendRequest({command:d.GetHAR},e&&function(t){const n=t&&t.entries||[];for(let e=0;e<n.length;++e)n[e].__proto__=new T(n[e]._requestId),delete n[e]._requestId;e(t)})},addRequestHeaders:function(e){X.sendRequest({command:d.AddRequestHeaders,headers:e,extensionId:window.location.hostname})}},m.prototype={getContent:function(e){X.sendRequest({command:d.GetRequestContent,id:this._id},e&&function(t){e(t.content,t.encoding)})}},b.prototype={create:function(e,t,n,s){const i="extension-panel-"+X.nextObjectId(),o={command:d.CreatePanel,id:i,title:e,icon:t,page:n};X.sendRequest(o,s&&s.bind(this,new P(i)))},setOpenResourceHandler:function(e){const t=X.hasHandler(h.OpenResource);e?X.registerHandler(h.OpenResource,(function(t){p=!0;try{e.call(null,new A(t.resource),t.lineNumber)}finally{p=!1}})):X.unregisterHandler(h.OpenResource),t===!e&&X.sendRequest({command:d.SetOpenResourceHandler,handlerPresent:Boolean(e)})},openResource:function(e,t,n){X.sendRequest({command:d.OpenResource,url:e,lineNumber:t},n)},get SearchAction(){return c.panels.SearchAction}},R.prototype={createSidebarPane:function(e,t){const n="extension-sidebar-"+X.nextObjectId(),s={command:d.CreateSidebarPane,panel:this._hostPanelName,id:n,title:e};X.sendRequest(s,t&&function(){t(new C(n))})},__proto__:f.prototype},w.prototype={registerLanguageExtensionPlugin:async function(e,t,n){if(this._plugins.has(e))throw new Error(`Tried to register plugin '${t}' twice`);const s=new MessageChannel,i=s.port1;this._plugins.set(e,i),i.onmessage=({data:{requestId:t,method:n,parameters:s}})=>{console.time(`${t}: ${n}`),function(t,n){switch(t){case u.AddRawModule:return e.addRawModule(n.rawModuleId,n.symbolsURL,n.rawModule);case u.RemoveRawModule:return e.removeRawModule(n.rawModuleId);case u.SourceLocationToRawLocation:return e.sourceLocationToRawLocation(n.sourceLocation);case u.RawLocationToSourceLocation:return e.rawLocationToSourceLocation(n.rawLocation);case u.GetScopeInfo:return e.getScopeInfo(n.type);case u.ListVariablesInScope:return e.listVariablesInScope(n.rawLocation);case u.EvaluateVariable:return e.evaluateVariable(n.name,n.location);case u.GetTypeInfo:return e.getTypeInfo(n.expression,n.context);case u.GetFormatter:return e.getFormatter(n.expressionOrField,n.context);case u.GetFunctionInfo:return e.getFunctionInfo(n.rawLocation);case u.GetInlinedFunctionRanges:return e.getInlinedFunctionRanges(n.rawLocation);case u.GetInlinedCalleesRanges:return e.getInlinedCalleesRanges(n.rawLocation);case u.GetMappedLines:return"getMappedLines"in e?e.getMappedLines(n.rawModuleId,n.sourceFileURL):Promise.resolve(void 0)}throw new Error("Unknown language plugin method "+t)}(n,s).then((e=>i.postMessage({requestId:t,result:e}))).catch((e=>i.postMessage({requestId:t,error:{message:e.message}}))).finally((()=>console.timeEnd(`${t}: ${n}`)))},await new Promise((e=>{X.sendRequest({command:d.RegisterLanguageExtensionPlugin,pluginName:t,port:s.port2,supportedScriptTypes:n},(()=>e()),[s.port2])}))},unregisterLanguageExtensionPlugin:async function(e){const t=this._plugins.get(e);if(!t)throw new Error("Tried to unregister a plugin that was not previously registered");this._plugins.delete(e),t.postMessage({event:l.UnregisteredLanguageExtensionPlugin}),t.close()}};const x=S(w),I=S(U),v=S(_),P=S(N),C=S(k),L=S(R),T=S(m),A=S(B),q=S(F);class H extends L{constructor(){super("elements")}}class j extends L{constructor(){super("sources")}}function N(e){f.call(this,e),this.onSearch=new v(h.PanelSearch+e)}function k(e){f.call(this,e)}function U(e){this._id=e,this.onClicked=new v(h.ButtonClicked+e)}function M(){}function F(e){this._id=e}function V(e){this.onRecordingStarted=new v(h.RecordingStarted+e,(function(e){const t=e.arguments[0];this._fire(new q(t))})),this.onRecordingStopped=new v(h.RecordingStopped+e)}function D(){this.onResourceAdded=new v(h.ResourceAdded,(function(e){this._fire(new A(e.arguments[0]))})),this.onResourceContentCommitted=new v(h.ResourceContentCommitted,(function(e){this._fire(new A(e.arguments[0]),e.arguments[1])}))}function B(e){this._url=e.url,this._type=e.type}N.prototype={createStatusBarButton:function(e,t,n){const s="button-"+X.nextObjectId(),i={command:d.CreateToolbarButton,panel:this._id,id:s,icon:e,tooltip:t,disabled:Boolean(n)};return X.sendRequest(i),new I(s)},show:function(){if(!p)return;const e={command:d.ShowPanel,id:this._id};X.sendRequest(e)},__proto__:f.prototype},k.prototype={setHeight:function(e){X.sendRequest({command:d.SetSidebarHeight,id:this._id,height:e})},setExpression:function(e,t,n){const s={command:d.SetSidebarContent,id:this._id,expression:e,rootTitle:t,evaluateOnPage:!0};"object"==typeof n&&(s.evaluateOptions=n),X.sendRequest(s,E(arguments))},setObject:function(e,t,n){X.sendRequest({command:d.SetSidebarContent,id:this._id,expression:e,rootTitle:t},n)},setPage:function(e){X.sendRequest({command:d.SetSidebarPage,id:this._id,page:e})},__proto__:f.prototype},U.prototype={update:function(e,t,n){const s={command:d.UpdateButton,id:this._id,icon:e,tooltip:t,disabled:Boolean(n)};X.sendRequest(s)}},M.prototype={addTraceProvider:function(e,t){const n="extension-trace-provider-"+X.nextObjectId();return X.sendRequest({command:d.AddTraceProvider,id:n,categoryName:e,categoryTooltip:t}),new V(n)}},F.prototype={complete:function(e,t){const n={command:d.CompleteTraceSession,id:this._id,url:e||"",timeOffset:t||0};X.sendRequest(n)}},D.prototype={reload:function(e){let t=null;"object"==typeof e?t=e:"string"==typeof e&&(t={userAgent:e},console.warn("Passing userAgent as string parameter to inspectedWindow.reload() is deprecated. Use inspectedWindow.reload({ userAgent: value}) instead.")),X.sendRequest({command:d.Reload,options:t})},eval:function(e,t){const n=E(arguments);function s(e){e.isError||e.isException?n(void 0,e):n(e.value)}const i={command:d.EvaluateOnInspectedPage,expression:e};return"object"==typeof t&&(i.evaluateOptions=t),X.sendRequest(i,n&&s),null},getResources:function(e){function t(e){return new A(e)}X.sendRequest({command:d.GetPageResources},e&&function(n){e(n.map(t))})}},B.prototype={get url(){return this._url},get type(){return this._type},getContent:function(e){X.sendRequest({command:d.GetResourceContent,url:this._url},e&&function(t){e(t.content,t.encoding)})},setContent:function(e,t,n){X.sendRequest({command:d.SetResourceContent,url:this._url,content:e,commit:t},n)}};let G=[],K=null;function W(){K=null;const e={command:d.ForwardKeyboardEvent,entries:G};X.sendRequest(e),G=[]}function z(){this._callbacks={},this._handlers={},this._lastRequestId=0,this._lastObjectId=0,this.registerHandler("callback",this._onCallback.bind(this));const e=new MessageChannel;this._port=e.port1,this._port.addEventListener("message",this._onMessage.bind(this),!1),this._port.start(),window.parent.postMessage("registerExtension","*",[e.port2])}function $(e,t){for(const n in t){if("_"===n.charAt(0))continue;let s=null;for(let e=t;e&&!s;e=e.__proto__)s=Object.getOwnPropertyDescriptor(e,n);s&&("function"==typeof s.value?e[n]=s.value.bind(t):"function"==typeof s.get?e.__defineGetter__(n,s.get.bind(t)):Object.defineProperty(e,n,s))}}document.addEventListener("keydown",(function(e){const t=document.activeElement;if(t){if(("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName)&&!(e.ctrlKey||e.altKey||e.metaKey))return}let n=0;e.shiftKey&&(n|=1),e.ctrlKey&&(n|=2),e.altKey&&(n|=4),e.metaKey&&(n|=8);const s=255&e.keyCode|n<<8;if(!r.has(s))return;e.preventDefault();const i={eventType:e.type,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey,shiftKey:e.shiftKey,keyIdentifier:e.keyIdentifier,key:e.key,code:e.code,location:e.location,keyCode:e.keyCode};G.push(i),K||(K=setTimeout(W,0))}),!1),z.prototype={sendRequest:function(e,t,n){"function"==typeof t&&(e.requestId=this._registerCallback(t)),this._port.postMessage(e,n)},hasHandler:function(e){return Boolean(this._handlers[e])},registerHandler:function(e,t){this._handlers[e]=t},unregisterHandler:function(e){delete this._handlers[e]},nextObjectId:function(){return o.toString()+"_"+ ++this._lastObjectId},_registerCallback:function(e){const t=++this._lastRequestId;return this._callbacks[t]=e,t},_onCallback:function(e){if(e.requestId in this._callbacks){const t=this._callbacks[e.requestId];delete this._callbacks[e.requestId],t(e.result)}},_onMessage:function(e){const t=e.data,n=this._handlers[t.command];n&&n.call(this,t)}};const X=new z,Y=new function(){this.inspectedWindow=new D,this.panels=new b,this.network=new g,this.timeline=new M,this.languageServices=new x,y(this,"webInspector","resources","network")};if(Object.defineProperty(a,"devtools",{value:{},enumerable:!0}),a.devtools.inspectedWindow={},Object.defineProperty(a.devtools.inspectedWindow,"tabId",{get:function(){return t}}),a.devtools.inspectedWindow.__proto__=Y.inspectedWindow,a.devtools.network=Y.network,a.devtools.panels=Y.panels,a.devtools.panels.themeName=n,a.devtools.languageServices=new x,!1!==e.exposeExperimentalAPIs){a.experimental=a.experimental||{},a.experimental.devtools=a.experimental.devtools||{};const e=Object.getOwnPropertyNames(Y);for(let t=0;t<e.length;++t){const n=Object.getOwnPropertyDescriptor(Y,e[t]);n&&Object.defineProperty(a.experimental.devtools,e[t],n)}a.experimental.devtools.inspectedWindow=a.devtools.inspectedWindow}e.exposeWebInspectorNamespace&&(window.webInspector=Y),i(X,Y)},self.buildExtensionAPIInjectedScript=function(e,t,n,s,i){const o=[e,t||null,n,s].map((e=>JSON.stringify(e))).join(",");return i||(i=()=>{}),"(function(injectedScriptId){ "+O.toString()+";("+self.injectedExtensionAPI.toString()+")("+o+","+i+", injectedScriptId);})"};var L=Object.freeze({__proto__:null,defineCommonExtensionSymbols:O});class T extends c.Widget{constructor(e,t,n,s){super(),this.setHideOnDetach(),this.element.className="vbox flex-auto",this.element.tabIndex=-1,this._server=e,this._id=t,this._iframe=document.createElement("iframe"),this._iframe.addEventListener("load",this._onLoad.bind(this),!1),this._iframe.src=n,this._iframe.className=s,this.setDefaultFocusedElement(this.element),this.element.appendChild(this._iframe)}wasShown(){"number"==typeof this._frameIndex&&this._server.notifyViewShown(this._id,this._frameIndex)}willHide(){"number"==typeof this._frameIndex&&this._server.notifyViewHidden(this._id)}_onLoad(){const e=window.frames;this._frameIndex=Array.prototype.indexOf.call(e,this._iframe.contentWindow),this.isShowing()&&this._server.notifyViewShown(this._id,this._frameIndex)}}class A extends c.VBox{constructor(e,t){super(),this._server=e,this._id=t}wasShown(){this._server.notifyViewShown(this._id)}willHide(){this._server.notifyViewHidden(this._id)}}var q=Object.freeze({__proto__:null,ExtensionView:T,ExtensionNotifierView:A});class H extends d.Panel{constructor(e,t,n,s){super(t),this._server=e,this._id=n,this.setHideOnDetach(),this._panelToolbar=new u.Toolbar("hidden",this.element),this._searchableView=new l.SearchableView(this,null),this._searchableView.show(this.element);new T(e,this._id,s,"extension").show(this._searchableView.element)}addToolbarItem(e){this._panelToolbar.element.classList.remove("hidden"),this._panelToolbar.appendToolbarItem(e)}searchCanceled(){this._server.notifySearchAction(this._id,Extensions.extensionAPI.panels.SearchAction.CancelSearch),this._searchableView.updateSearchMatchesCount(0)}searchableView(){return this._searchableView}performSearch(e,t,n){const s=e.query;this._server.notifySearchAction(this._id,Extensions.extensionAPI.panels.SearchAction.PerformSearch,s)}jumpToNextSearchResult(){this._server.notifySearchAction(this._id,Extensions.extensionAPI.panels.SearchAction.NextSearchResult)}jumpToPreviousSearchResult(){this._server.notifySearchAction(this._id,Extensions.extensionAPI.panels.SearchAction.PreviousSearchResult)}supportsCaseSensitiveSearch(){return!1}supportsRegexSearch(){return!1}}class j{constructor(e,t,n,s,i){this._id=t,this._toolbarButton=new u.ToolbarButton("",""),this._toolbarButton.addEventListener(u.ToolbarButton.Events.Click,e.notifyButtonClicked.bind(e,this._id)),this.update(n,s,i)}update(e,t,n){"string"==typeof e&&this._toolbarButton.setBackgroundImage(e),"string"==typeof t&&this._toolbarButton.setTitle(t),"boolean"==typeof n&&this._toolbarButton.setEnabled(!n)}toolbarButton(){return this._toolbarButton}}class N extends h.SimpleView{constructor(e,t,n,s){super(n),this.element.classList.add("fill"),this._panelName=t,this._server=e,this._id=s}id(){return this._id}panelName(){return this._panelName}setObject(t,n,s){this._createObjectPropertiesView(),this._setObject(e.RemoteObject.fromLocalObject(t),n,s)}setExpression(e,t,n,s,i){this._createObjectPropertiesView(),this._server.evaluate(e,!0,!1,n,s,this._onEvaluate.bind(this,t,i))}setPage(e){this._objectPropertiesView&&(this._objectPropertiesView.detach(),delete this._objectPropertiesView),this._extensionView&&this._extensionView.detach(!0),this._extensionView=new T(this._server,this._id,e,"extension fill"),this._extensionView.show(this.element),this.element.style.height||this.setHeight("150px")}setHeight(e){this.element.style.height=e}_onEvaluate(e,t,n,s,i){n?t(n.toString()):s?this._setObject(s,e,t):t()}_createObjectPropertiesView(){this._objectPropertiesView||(this._extensionView&&(this._extensionView.detach(!0),delete this._extensionView),this._objectPropertiesView=new A(this._server,this._id),this._objectPropertiesView.show(this.element))}_setObject(e,t,n){const s=this._objectPropertiesView;s?(s.element.removeChildren(),p.Renderer.render(e,{title:t,editable:!1}).then((e=>{if(!e)return void n();const t=e.tree&&e.tree.firstChild();t&&t.expand(),s.element.appendChild(e.node),n()}))):n("operation cancelled")}}var k=Object.freeze({__proto__:null,ExtensionPanel:H,ExtensionButton:j,ExtensionSidebarPane:N});class U{constructor(e,t,n,s){this._extensionOrigin=e,this._id=t,this._categoryName=n,this._categoryTooltip=s}start(e){const t=String(++M);K.instance().startTraceRecording(this._id,t,e)}stop(){K.instance().stopTraceRecording(this._id)}shortDisplayName(){return this._categoryName}longDisplayName(){return this._categoryTooltip}persistentIdentifier(){return`${this._extensionOrigin}/${this._categoryName}`}}let M=0;var F=Object.freeze({__proto__:null,ExtensionTraceProvider:U,TracingSession:class{complete(e,t){}}});class V extends b.DebuggerLanguagePlugin{constructor(e,t,n){super(e),this._commands=Extensions.extensionAPI.LanguageExtensionPluginCommands,this._events=Extensions.extensionAPI.LanguageExtensionPluginEvents,this._supportedScriptTypes=t,this._port=n,this._port.onmessage=this._onResponse.bind(this),this._nextRequestId=0,this._pendingRequests=new Map}_sendRequest(e,t){return new Promise(((n,s)=>{const i=this._nextRequestId++;this._pendingRequests.set(i,{resolve:n,reject:s}),this._port.postMessage({requestId:i,method:e,parameters:t})}))}_onResponse({data:e}){if("event"in e){const{event:t}=e;switch(t){case this._events.UnregisteredLanguageExtensionPlugin:{for(const{reject:e}of this._pendingRequests.values())e(new Error("Language extension endpoint disconnected"));this._pendingRequests.clear(),this._port.close();const{pluginManager:e}=f.DebuggerWorkspaceBinding.instance();e&&e.removePlugin(this);break}}return}const{requestId:t,result:n,error:s}=e;if(!this._pendingRequests.has(t))return void console.error("No pending request "+t);const{resolve:i,reject:o}=this._pendingRequests.get(t);this._pendingRequests.delete(t),s?o(new Error(s.message)):i(n)}handleScript(e){const t=e.scriptLanguage();return null!==t&&null!==e.debugSymbols&&t===this._supportedScriptTypes.language&&this._supportedScriptTypes.symbol_types.includes(e.debugSymbols.type)}addRawModule(e,t,n){return this._sendRequest(this._commands.AddRawModule,{rawModuleId:e,symbolsURL:t,rawModule:n})}removeRawModule(e){return this._sendRequest(this._commands.RemoveRawModule,{rawModuleId:e})}sourceLocationToRawLocation(e){return this._sendRequest(this._commands.SourceLocationToRawLocation,{sourceLocation:e})}rawLocationToSourceLocation(e){return this._sendRequest(this._commands.RawLocationToSourceLocation,{rawLocation:e})}getScopeInfo(e){return this._sendRequest(this._commands.GetScopeInfo,{type:e})}listVariablesInScope(e){return this._sendRequest(this._commands.ListVariablesInScope,{rawLocation:e})}evaluateVariable(e,t){return this._sendRequest(this._commands.EvaluateVariable,{name:e,location:t})}getFunctionInfo(e){return this._sendRequest(this._commands.GetFunctionInfo,{rawLocation:e})}getInlinedFunctionRanges(e){return this._sendRequest(this._commands.GetInlinedFunctionRanges,{rawLocation:e})}getInlinedCalleesRanges(e){return this._sendRequest(this._commands.GetInlinedCalleesRanges,{rawLocation:e})}getTypeInfo(e,t){return this._sendRequest(this._commands.GetTypeInfo,{expression:e,context:t})}getFormatter(e,t){return this._sendRequest(this._commands.GetFormatter,{expressionOrField:e,context:t})}async getMappedLines(e,t){return this._sendRequest(this._commands.GetMappedLines,{rawModuleId:e,sourceFileURL:t})}dispose(){}}const D=Symbol("extensionOrigin"),B=["chrome://newtab","chrome://new-tab-page"].map((e=>new URL(e).origin));let G;class K extends w.ObjectWrapper{constructor(){super(),this._clientObjects={},this._handlers={},this._subscribers=new Map,this._subscriptionStartHandlers={},this._subscriptionStopHandlers={},this._extraHeaders=new Map,this._requests={},this._lastRequestId=0,this._registeredExtensions=new Map,this._status=new $,this._sidebarPanes=[],this._traceProviders=[],this._traceSessions=new Map,this._extensionsEnabled=!0;const e=Extensions.extensionAPI.Commands;this._registerHandler(e.AddRequestHeaders,this._onAddRequestHeaders.bind(this)),this._registerHandler(e.AddTraceProvider,this._onAddTraceProvider.bind(this)),this._registerHandler(e.ApplyStyleSheet,this._onApplyStyleSheet.bind(this)),this._registerHandler(e.CompleteTraceSession,this._onCompleteTraceSession.bind(this)),this._registerHandler(e.CreatePanel,this._onCreatePanel.bind(this)),this._registerHandler(e.CreateSidebarPane,this._onCreateSidebarPane.bind(this)),this._registerHandler(e.CreateToolbarButton,this._onCreateToolbarButton.bind(this)),this._registerHandler(e.EvaluateOnInspectedPage,this._onEvaluateOnInspectedPage.bind(this)),this._registerHandler(e.ForwardKeyboardEvent,this._onForwardKeyboardEvent.bind(this)),this._registerHandler(e.GetHAR,this._onGetHAR.bind(this)),this._registerHandler(e.GetPageResources,this._onGetPageResources.bind(this)),this._registerHandler(e.GetRequestContent,this._onGetRequestContent.bind(this)),this._registerHandler(e.GetResourceContent,this._onGetResourceContent.bind(this)),this._registerHandler(e.Reload,this._onReload.bind(this)),this._registerHandler(e.SetOpenResourceHandler,this._onSetOpenResourceHandler.bind(this)),this._registerHandler(e.SetResourceContent,this._onSetResourceContent.bind(this)),this._registerHandler(e.SetSidebarHeight,this._onSetSidebarHeight.bind(this)),this._registerHandler(e.SetSidebarContent,this._onSetSidebarContent.bind(this)),this._registerHandler(e.SetSidebarPage,this._onSetSidebarPage.bind(this)),this._registerHandler(e.ShowPanel,this._onShowPanel.bind(this)),this._registerHandler(e.Subscribe,this._onSubscribe.bind(this)),this._registerHandler(e.OpenResource,this._onOpenResource.bind(this)),this._registerHandler(e.Unsubscribe,this._onUnsubscribe.bind(this)),this._registerHandler(e.UpdateButton,this._onUpdateButton.bind(this)),this._registerHandler(e.RegisterLanguageExtensionPlugin,this._registerLanguageExtensionEndpoint.bind(this)),window.addEventListener("message",this._onWindowMessage.bind(this),!1);const t=window.DevToolsAPI&&window.DevToolsAPI.getInspectedTabId&&window.DevToolsAPI.getInspectedTabId();t&&this._setInspectedTabId({data:t}),E.InspectorFrontendHostInstance.events.addEventListener(x.Events.SetInspectedTabId,this._setInspectedTabId,this),this._languageExtensionRequests=new Map,this._initExtensions()}static instance(e={forceNew:null}){const{forceNew:t}=e;return G&&!t||(G=new K),G}initializeExtensions(){E.InspectorFrontendHostInstance.setAddExtensionCallback(this._addExtension.bind(this))}hasExtensions(){return Boolean(this._registeredExtensions.size)}notifySearchAction(e,t,n){this._postNotification(Extensions.extensionAPI.Events.PanelSearch+e,t,n)}notifyViewShown(e,t){this._postNotification(Extensions.extensionAPI.Events.ViewShown+e,t)}notifyViewHidden(e){this._postNotification(Extensions.extensionAPI.Events.ViewHidden+e)}notifyButtonClicked(e){this._postNotification(Extensions.extensionAPI.Events.ButtonClicked+e)}_registerLanguageExtensionEndpoint(e,t){const{pluginManager:n}=f.DebuggerWorkspaceBinding.instance();if(!n)return this._status.E_FAILED("WebAssembly DWARF support needs to be enabled to use this extension");const{pluginName:s,port:i,supportedScriptTypes:{language:o,symbol_types:r}}=e,a=Array.isArray(r)&&r.every((e=>"string"==typeof e))?r:[],c=new V(s,{language:o,symbol_types:a},i);return n.addPlugin(c),this._status.OK()}_inspectedURLChanged(e){if(!this._canInspectURL(e.data.inspectedURL()))return void this._disableExtensions();if(e.data!==t.TargetManager.instance().mainTarget())return;this._requests={};const n=e.data.inspectedURL();this._postNotification(Extensions.extensionAPI.Events.InspectedURLChanged,n)}startTraceRecording(e,t,n){this._traceSessions.set(t,n),this._postNotification("trace-recording-started-"+e,t)}stopTraceRecording(e){this._postNotification("trace-recording-stopped-"+e)}hasSubscribers(e){return this._subscribers.has(e)}_postNotification(e,t){if(!this._extensionsEnabled)return;const n=this._subscribers.get(e);if(!n)return;const s={command:"notify-"+e,arguments:Array.prototype.slice.call(arguments,1)};for(const e of n)e.postMessage(s)}_onSubscribe(e,t){const n=this._subscribers.get(e.type);n?n.add(t):(this._subscribers.set(e.type,new Set([t])),this._subscriptionStartHandlers[e.type]&&this._subscriptionStartHandlers[e.type]())}_onUnsubscribe(e,t){const n=this._subscribers.get(e.type);n&&(n.delete(t),n.size||(this._subscribers.delete(e.type),this._subscriptionStopHandlers[e.type]&&this._subscriptionStopHandlers[e.type]()))}_onAddRequestHeaders(e){const t=e.extensionId;if("string"!=typeof t)return this._status.E_BADARGTYPE("extensionId",typeof t,"string");let s=this._extraHeaders.get(t);s||(s=new Map,this._extraHeaders.set(t,s));for(const t in e.headers)s.set(t,e.headers[t]);const i={};for(const e of this._extraHeaders.values())for(const t of e.keys())"__proto__"!==t&&"string"==typeof e.get(t)&&(i[t]=e.get(t));n.MultitargetNetworkManager.instance().setExtraHTTPHeaders(i)}_onApplyStyleSheet(e){if(!v.experiments.isEnabled("applyCustomStylesheet"))return;const t=createElement("style");t.textContent=e.styleSheet,document.head.appendChild(t),P.instance().addCustomStylesheet(e.styleSheet);for(let e=document.body;e;e=e.traverseNextNode(document.body))e instanceof ShadowRoot&&P.instance().injectCustomStyleSheets(e)}_onCreatePanel(e,t){const n=e.id;if(n in this._clientObjects||_.InspectorView.instance().hasPanel(n))return this._status.E_EXISTS(n);const s=this._expandResourcePath(t[D],e.page);let i=t[D]+e.title;i=i.replace(/\s/g,"");const o=new z(i,e.title,new H(this,i,n,s));return this._clientObjects[n]=o,_.InspectorView.instance().addPanel(o),this._status.OK()}_onShowPanel(e){let t=e.id;const n=this._clientObjects[e.id];n&&n instanceof z&&(t=n.viewId()),_.InspectorView.instance().showPanel(t)}_onCreateToolbarButton(e,t){const n=this._clientObjects[e.panel];if(!(n&&n instanceof z))return this._status.E_NOTFOUND(e.panel);const s=new j(this,e.id,this._expandResourcePath(t[D],e.icon),e.tooltip,e.disabled);return this._clientObjects[e.id]=s,n.widget().then((function(e){e.addToolbarItem(s.toolbarButton())})),this._status.OK()}_onUpdateButton(e,t){const n=this._clientObjects[e.id];return n&&n instanceof j?(n.update(this._expandResourcePath(t[D],e.icon),e.tooltip,e.disabled),this._status.OK()):this._status.E_NOTFOUND(e.id)}_onCompleteTraceSession(e){const t=this._traceSessions.get(e.id);if(!t)return this._status.E_NOTFOUND(e.id);this._traceSessions.delete(e.id),t.complete(e.url,e.timeOffset)}_onCreateSidebarPane(e){if("elements"!==e.panel&&"sources"!==e.panel)return this._status.E_NOTFOUND(e.panel);const t=e.id,n=new N(this,e.panel,e.title,t);return this._sidebarPanes.push(n),this._clientObjects[t]=n,this.dispatchEventToListeners(W.SidebarPaneAdded,n),this._status.OK()}sidebarPanes(){return this._sidebarPanes}_onSetSidebarHeight(e){const t=this._clientObjects[e.id];return t?(t.setHeight(e.height),this._status.OK()):this._status.E_NOTFOUND(e.id)}_onSetSidebarContent(e,t){const n=this._clientObjects[e.id];if(!n)return this._status.E_NOTFOUND(e.id);function s(n){const s=n?this._status.E_FAILED(n):this._status.OK();this._dispatchCallback(e.requestId,t,s)}if(e.evaluateOnPage)return n.setExpression(e.expression,e.rootTitle,e.evaluateOptions,t[D],s.bind(this));n.setObject(e.expression,e.rootTitle,s.bind(this))}_onSetSidebarPage(e,t){const n=this._clientObjects[e.id];if(!n)return this._status.E_NOTFOUND(e.id);n.setPage(this._expandResourcePath(t[D],e.page))}_onOpenResource(e){const t=C.WorkspaceImpl.instance().uiSourceCodeForURL(e.url);if(t)return S.reveal(t.uiLocation(e.lineNumber,0)),this._status.OK();const n=R.resourceForURL(e.url);if(n)return S.reveal(n),this._status.OK();const i=s.NetworkLog.instance().requestForURL(e.url);return i?(S.reveal(i),this._status.OK()):this._status.E_NOTFOUND(e.url)}_onSetOpenResourceHandler(e,t){const n=this._registeredExtensions.get(t[D]).name;e.handlerPresent?y.Linkifier.registerLinkHandler(n,this._handleOpenURL.bind(this,t)):y.Linkifier.unregisterLinkHandler(n)}_handleOpenURL(e,t,n){e.postMessage({command:"open-resource",resource:this._makeResource(t),lineNumber:n+1})}_onReload(e){const t=e.options||{};let s;return n.MultitargetNetworkManager.instance().setUserAgentOverride("string"==typeof t.userAgent?t.userAgent:"",null),t.injectedScript&&(s="(function(){"+t.injectedScript+"})()"),i.ResourceTreeModel.reloadAllPages(Boolean(t.ignoreCache),s),this._status.OK()}_onEvaluateOnInspectedPage(e,t){return this.evaluate(e.expression,!0,!0,e.evaluateOptions,t[D],function(n,s,i){let o;o=n||!s?this._status.E_PROTOCOLERROR(n.toString()):i?{isException:!0,value:s.description}:{value:s.value},this._dispatchCallback(e.requestId,t,o)}.bind(this))}async _onGetHAR(){const e=s.NetworkLog.instance().requests(),t=await o.HARLog.build(e);for(let n=0;n<t.entries.length;++n)t.entries[n]._requestId=this._requestId(e[n]);return t}_makeResource(e){return{url:e.contentURL(),type:e.contentType().name()}}_onGetPageResources(){const e=new Map;function n(t){e.has(t.contentURL())||e.set(t.contentURL(),this._makeResource(t))}let s=C.WorkspaceImpl.instance().uiSourceCodesForProjectType(C.projectTypes.Network);s=s.concat(C.WorkspaceImpl.instance().uiSourceCodesForProjectType(C.projectTypes.ContentScripts)),s.forEach(n.bind(this));for(const e of t.TargetManager.instance().models(i.ResourceTreeModel))e.forAllResources(n.bind(this));return[...e.values()]}async _getResourceContent(e,t,n){const{content:s}=await e.requestContent(),i=await e.contentEncoded();this._dispatchCallback(t.requestId,n,{encoding:i?"base64":"",content:s})}_onGetRequestContent(e,t){const n=this._requestById(e.id);if(!n)return this._status.E_NOTFOUND(e.id);this._getResourceContent(n,e,t)}_onGetResourceContent(e,t){const n=e.url,s=C.WorkspaceImpl.instance().uiSourceCodeForURL(n)||R.resourceForURL(n);if(!s)return this._status.E_NOTFOUND(n);this._getResourceContent(s,e,t)}_onSetResourceContent(e,t){const n=e.url,s=C.WorkspaceImpl.instance().uiSourceCodeForURL(n);if(!s||!s.contentType().isDocumentOrScriptOrStyleSheet()){return i.ResourceTreeModel.resourceForURL(n)?this._status.E_NOTSUPPORTED("Resource is not editable"):this._status.E_NOTFOUND(n)}s.setWorkingCopy(e.content),e.commit&&s.commitWorkingCopy(),function(n){const s=n?this._status.E_FAILED(n):this._status.OK();this._dispatchCallback(e.requestId,t,s)}.call(this,null)}_requestId(e){return e._extensionRequestId||(e._extensionRequestId=++this._lastRequestId,this._requests[e._extensionRequestId]=e),e._extensionRequestId}_requestById(e){return this._requests[e]}_onAddTraceProvider(e,t){const n=new U(t[D],e.id,e.categoryName,e.categoryTooltip);this._clientObjects[e.id]=n,this._traceProviders.push(n),this.dispatchEventToListeners(W.TraceProviderAdded,n)}traceProviders(){return this._traceProviders}_onForwardKeyboardEvent(e){e.entries.forEach((function(e){const t=new window.KeyboardEvent(e.eventType,{key:e.key,code:e.code,keyCode:e.keyCode,location:e.location,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey,metaKey:e.metaKey});t.__keyCode=function(e){let t=e.keyCode;t||"Escape"===e.key&&(t=27);return t||0}(e),document.dispatchEvent(t)}))}_dispatchCallback(e,t,n){e&&t.postMessage({command:"callback",requestId:e,result:n})}_initExtensions(){this._registerAutosubscriptionHandler(Extensions.extensionAPI.Events.ResourceAdded,C.WorkspaceImpl.instance(),C.Events.UISourceCodeAdded,this._notifyResourceAdded),this._registerAutosubscriptionTargetManagerHandler(Extensions.extensionAPI.Events.NetworkRequestFinished,n.NetworkManager,n.Events.RequestFinished,this._notifyRequestFinished),this._registerSubscriptionHandler(Extensions.extensionAPI.Events.PanelObjectSelected+"elements",function(){g.Context.instance().addFlavorChangeListener(r.DOMNode,this._notifyElementsSelectionChanged,this)}.bind(this),function(){g.Context.instance().removeFlavorChangeListener(r.DOMNode,this._notifyElementsSelectionChanged,this)}.bind(this)),this._registerResourceContentCommittedHandler(this._notifyUISourceCodeContentCommitted),t.TargetManager.instance().addEventListener(t.Events.InspectedURLChanged,this._inspectedURLChanged,this)}_notifyResourceAdded(e){const t=e.data;this._postNotification(Extensions.extensionAPI.Events.ResourceAdded,this._makeResource(t))}_notifyUISourceCodeContentCommitted(e){const t=e.data.uiSourceCode,n=e.data.content;this._postNotification(Extensions.extensionAPI.Events.ResourceContentCommitted,this._makeResource(t),n)}async _notifyRequestFinished(e){const t=e.data,n=await o.Entry.build(t);this._postNotification(Extensions.extensionAPI.Events.NetworkRequestFinished,this._requestId(t),n)}_notifyElementsSelectionChanged(){this._postNotification(Extensions.extensionAPI.Events.PanelObjectSelected+"elements")}sourceSelectionChanged(e,t){this._postNotification(Extensions.extensionAPI.Events.PanelObjectSelected+"sources",{startLine:t.startLine,startColumn:t.startColumn,endLine:t.endLine,endColumn:t.endColumn,url:e})}_setInspectedTabId(e){this._inspectedTabId=e.data}_addExtension(e){const n=e.startPage,s=t.TargetManager.instance().mainTarget().inspectedURL();if(""===s||this._canInspectURL(s)||this._disableExtensions(),this._extensionsEnabled){try{const t=new URL(n).origin;if(!this._registeredExtensions.get(t)){const n=self.buildExtensionAPIInjectedScript(e,this._inspectedTabId,P.instance().themeName(),m.ShortcutRegistry.instance().globalShortcutKeys(),K.instance()._extensionAPITestHook);E.InspectorFrontendHostInstance.setInjectedScriptForOrigin(t,n);const s=e.name||"Extension "+t;this._registeredExtensions.set(t,{name:s})}const s=createElement("iframe");s.src=n,s.dataset.devtoolsExtension=e.name,s.style.display="none",document.body.appendChild(s)}catch(e){return console.error("Failed to initialize extension "+n+":"+e),!1}return!0}}_registerExtension(e,t){this._registeredExtensions.has(e)?(t[D]=e,t.addEventListener("message",this._onmessage.bind(this),!1),t.start()):e!==window.location.origin&&console.error("Ignoring unauthorized client request from "+e)}_onWindowMessage(e){"registerExtension"===e.data&&this._registerExtension(e.origin,e.ports[0])}async _onmessage(e){const t=e.data;let n;n=t.command in this._handlers?this._extensionsEnabled?await this._handlers[t.command](t,e.target):this._status.E_FAILED("Permission denied"):this._status.E_NOTSUPPORTED(t.command),n&&t.requestId&&this._dispatchCallback(t.requestId,e.target,n)}_registerHandler(e,t){console.assert(e),this._handlers[e]=t}_registerSubscriptionHandler(e,t,n){this._subscriptionStartHandlers[e]=t,this._subscriptionStopHandlers[e]=n}_registerAutosubscriptionHandler(e,t,n,s){this._registerSubscriptionHandler(e,t.addEventListener.bind(t,n,s,this),t.removeEventListener.bind(t,n,s,this))}_registerAutosubscriptionTargetManagerHandler(e,n,s,i){this._registerSubscriptionHandler(e,t.TargetManager.instance().addModelListener.bind(t.TargetManager.instance(),n,s,i,this),t.TargetManager.instance().removeModelListener.bind(t.TargetManager.instance(),n,s,i,this))}_registerResourceContentCommittedHandler(e){this._registerSubscriptionHandler(Extensions.extensionAPI.Events.ResourceContentCommitted,function(){C.WorkspaceImpl.instance().addEventListener(C.Events.WorkingCopyCommittedByUser,e,this),C.WorkspaceImpl.instance().setHasResourceContentTrackingExtensions(!0)}.bind(this),function(){C.WorkspaceImpl.instance().setHasResourceContentTrackingExtensions(!1),C.WorkspaceImpl.instance().removeEventListener(C.Events.WorkingCopyCommittedByUser,e,this)}.bind(this))}_expandResourcePath(e,t){if(t)return e+this._normalizePath(t)}_normalizePath(e){const t=e.split("/"),n=[];for(let e=0;e<t.length;++e)"."!==t[e]&&""!==t[e]&&(".."===t[e]?n.pop():n.push(t[e]));return"/"+n.join("/")}evaluate(e,n,s,o,r,c){let d,u,l;if((o=o||{}).frameURL)u=function(e){let t;return i.ResourceTreeModel.frames().some((function(n){return t=n.url===e?n:null,t})),t}(o.frameURL);else{const e=t.TargetManager.instance().mainTarget(),n=e&&e.model(i.ResourceTreeModel);u=n&&n.mainFrame}if(!u)return o.frameURL?console.warn("evaluate: there is no frame with URL "+o.frameURL):console.warn("evaluate: the main frame is not yet available"),this._status.E_NOTFOUND(o.frameURL||"<top>");if(!this._canInspectURL(u.url))return this._status.E_FAILED("Permission denied");o.useContentScriptContext?l=r:o.scriptExecutionContext&&(l=o.scriptExecutionContext);const h=u.resourceTreeModel().target().model(a.RuntimeModel),p=h?h.executionContexts():[];if(l){for(let e=0;e<p.length;++e){const t=p[e];t.frameId!==u.id||t.origin!==l||t.isDefault||(d=t)}if(!d)return console.warn("The JavaScript context "+l+" was not found in the frame "+u.url),this._status.E_NOTFOUND(l)}else{for(let e=0;e<p.length;++e){const t=p[e];t.frameId===u.id&&t.isDefault&&(d=t)}if(!d)return this._status.E_FAILED(u.url+" has no execution context")}if(!this._canInspectURL(d.origin))return this._status.E_FAILED("Permission denied");d.evaluate({expression:e,objectGroup:"extension",includeCommandLineAPI:n,silent:!0,returnByValue:s,generatePreview:!1},!1,!1).then((function(e){if(e.error)return void c(e.error,null,!1);c(null,e.object||null,Boolean(e.exceptionDetails))}))}_canInspectURL(e){let t;try{t=new URL(e)}catch(e){return!1}return!!B.includes(t.origin)||"chrome:"!==t.protocol&&"devtools:"!==t.protocol&&(!t.protocol.startsWith("http")||"chrome.google.com"!==t.hostname||!t.pathname.startsWith("/webstore"))}_disableExtensions(){this._extensionsEnabled=!1}}const W={SidebarPaneAdded:Symbol("SidebarPaneAdded"),TraceProviderAdded:Symbol("TraceProviderAdded")};class z extends h.SimpleView{constructor(e,t,n){super(t),this._name=e,this._panel=n}viewId(){return this._name}widget(){return Promise.resolve(this._panel)}}class ${constructor(){function e(e,t){const n=Array.prototype.slice.call(arguments,2),s={code:e,description:t,details:n};return"OK"!==e&&(s.isError=!0,console.error("Extension server error: "+I.vsprintf(t,n))),s}this.OK=e.bind(null,"OK","OK"),this.E_EXISTS=e.bind(null,"E_EXISTS","Object already exists: %s"),this.E_BADARG=e.bind(null,"E_BADARG","Invalid argument %s: %s"),this.E_BADARGTYPE=e.bind(null,"E_BADARGTYPE","Invalid type for argument %s: got %s, expected %s"),this.E_NOTFOUND=e.bind(null,"E_NOTFOUND","Object not found: %s"),this.E_NOTSUPPORTED=e.bind(null,"E_NOTSUPPORTED","Object does not support requested operation: %s"),this.E_PROTOCOLERROR=e.bind(null,"E_PROTOCOLERROR","Inspector protocol error: %s"),this.E_FAILED=e.bind(null,"E_FAILED","Operation failed: %s")}}var X=Object.freeze({__proto__:null,ExtensionServer:K,Events:W,ExtensionStatus:$,Record:undefined});export{L as ExtensionAPI,k as ExtensionPanel,X as ExtensionServer,F as ExtensionTraceProvider,q as ExtensionView};

package/static/devtools/extensions_test_runner/ExtensionsNetworkTestRunner.js

@@ -0,0 +1,27 @@
+// Copyright 2017 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * @fileoverview using private properties isn't a Closure violation in tests.
+ */
+
+self.extension_getRequestByUrl = function(urls, callback) {
+  function onHAR(response) {
+    const entries = response.entries;
+
+    for (let i = 0; i < entries.length; ++i) {
+      for (let url = 0; url < urls.length; ++url) {
+        if (urls[url].test(entries[i].request.url)) {
+          callback(entries[i]);
+          return;
+        }
+      }
+    }
+
+    output('no item found');
+    callback(null);
+  }
+
+  webInspector.network.getHAR(onHAR);
+};

package/static/devtools/extensions_test_runner/ExtensionsTestRunner.js

@@ -0,0 +1,68 @@
+// Copyright 2017 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * @fileoverview using private properties isn't a Closure violation in tests.
+ */
+self.ExtensionsTestRunner = self.ExtensionsTestRunner || {};
+
+const extensionsHost = 'devtools-extensions.oopif.test';
+self.Extensions.extensionServer._registerHandler('evaluateForTestInFrontEnd', onEvaluate);
+Extensions.extensionsOrigin = `http://${extensionsHost}:8000`;
+self.Extensions.extensionServer._extensionAPITestHook = function(extensionServerClient, coreAPI) {
+  window.webInspector = coreAPI;
+  window._extensionServerForTests = extensionServerClient;
+  coreAPI.panels.themeName = 'themeNameForTest';
+};
+
+ExtensionsTestRunner._replyToExtension = function(requestId, port) {
+  self.Extensions.extensionServer._dispatchCallback(requestId, port);
+};
+
+function onEvaluate(message, port) {
+  // Note: reply(...) is actually used in eval strings
+  // eslint-disable-next-line no-unused-vars
+  function reply(param) {
+    self.Extensions.extensionServer._dispatchCallback(message.requestId, port, param);
+  }
+
+  try {
+    eval(message.expression);
+  } catch (e) {
+    TestRunner.addResult('Exception while running: ' + message.expression + '\n' + (e.stack || e));
+    TestRunner.completeTest();
+  }
+}
+
+ExtensionsTestRunner.showPanel = function(panelId) {
+  if (panelId === 'extension') {
+    panelId = self.UI.inspectorView._tabbedPane._tabs[self.UI.inspectorView._tabbedPane._tabs.length - 1].id;
+  }
+  return self.UI.inspectorView.showPanel(panelId);
+};
+
+ExtensionsTestRunner.evaluateInExtension = function(code) {
+  ExtensionsTestRunner._codeToEvaluateBeforeTests = code;
+};
+
+ExtensionsTestRunner.runExtensionTests = async function(tests) {
+  const result = await TestRunner.RuntimeAgent.evaluate('location.href', 'console', false);
+
+  if (!result) {
+    return;
+  }
+
+  ExtensionsTestRunner._pendingTests = (ExtensionsTestRunner._codeToEvaluateBeforeTests || '') + tests.join('\n');
+  const pageURL = result.value;
+  let extensionURL = pageURL.replace(/^(https?:\/\/[^\/]*\/).*$/, '$1') + 'devtools/resources/extension-main.html';
+  extensionURL = extensionURL.replace('127.0.0.1', extensionsHost);
+
+  self.Extensions.extensionServer._addExtension(
+      {startPage: extensionURL, name: 'test extension', exposeWebInspectorNamespace: true});
+};
+
+(function disableLogging() {
+  // Suppress console warnings from ExtensionServer.js
+  console.warn = () => undefined;
+})();

package/static/devtools/extensions_test_runner/extensions_test_runner.js

@@ -0,0 +1,6 @@
+// Copyright 2020 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import './ExtensionsNetworkTestRunner.js';
+import './ExtensionsTestRunner.js';

package/static/devtools/formatter/formatter-legacy.js

@@ -0,0 +1 @@
+import{FormatterWorkerPool as r,ScriptFormatter as t,SourceFormatter as o}from"./formatter.js";self.Formatter=self.Formatter||{},Formatter=Formatter||{},Formatter.FormatterWorkerPool=r.FormatterWorkerPool,Formatter.formatterWorkerPool=r.formatterWorkerPool,Formatter.Formatter=t.FormatterInterface,Formatter.ScriptFormatter=t.ScriptFormatter,Formatter.FormatterSourceMapping=t.FormatterSourceMapping,Formatter.SourceFormatter=o.SourceFormatter;

package/static/devtools/formatter/formatter.js

@@ -0,0 +1 @@
+import{Worker as t,Settings as e,ResourceType as o}from"../common/common.js";import{ArrayUtilities as r,StringUtilities as n}from"../platform/platform.js";import{ContentProviderBasedProject as i,DebuggerWorkspaceBinding as a,NetworkProject as s,CSSWorkspaceBinding as c}from"../bindings/bindings.js";import{DebuggerModel as u,CSSModel as l}from"../sdk/sdk.js";import{StaticContentProvider as d,TextRange as p}from"../text_utils/text_utils.js";import{Workspace as m}from"../workspace/workspace.js";const h=Math.min(2,navigator.hardwareConcurrency-1);let g;class _{constructor(){this._taskQueue=[],this._workerTasks=new Map}static instance(){return g||(g=new _),g}_createWorker(){const e=t.WorkerWrapper.fromURL(new URL("../formatter_worker/formatter_worker-entrypoint.js",import.meta.url));return e.onmessage=this._onWorkerMessage.bind(this,e),e.onerror=this._onWorkerError.bind(this,e),e}_processNextTask(){if(!this._taskQueue.length)return;let t=[...this._workerTasks.keys()].find((t=>!this._workerTasks.get(t)));if(!t&&this._workerTasks.size<h&&(t=this._createWorker()),!t)return;const e=this._taskQueue.shift();e&&(this._workerTasks.set(t,e),t.postMessage({method:e.method,params:e.params}))}_onWorkerMessage(t,e){const o=this._workerTasks.get(t);o&&(o.isChunked&&e.data&&!e.data.isLastChunk?o.callback(e.data):(this._workerTasks.set(t,null),this._processNextTask(),o.callback(e.data?e.data:null)))}_onWorkerError(t,e){console.error(e);const o=this._workerTasks.get(t);t.terminate(),this._workerTasks.delete(t);const r=this._createWorker();this._workerTasks.set(r,null),this._processNextTask(),o&&o.callback(null)}_runChunkedTask(t,e,o){const r=new f(t,e,(function(t){if(!t)return void o(!0,null);const e="isLastChunk"in t&&Boolean(t.isLastChunk),r="chunk"in t&&t.chunk;o(e,r)}),!0);this._taskQueue.push(r),this._processNextTask()}_runTask(t,e){return new Promise((o=>{const r=new f(t,e,o,!1);this._taskQueue.push(r),this._processNextTask()}))}format(t,e,o){const r={mimeType:t,content:e,indentString:o};return this._runTask("format",r)}javaScriptIdentifiers(t){return this._runTask("javaScriptIdentifiers",{content:t}).then((t=>t||[]))}evaluatableJavaScriptSubstring(t){return this._runTask("evaluatableJavaScriptSubstring",{content:t}).then((t=>t||""))}parseCSS(t,e){this._runChunkedTask("parseCSS",{content:t},(function(t,o){e(t,o||[])}))}javaScriptOutline(t,e){this._runChunkedTask("javaScriptOutline",{content:t},(function(t,o){e(t,o||[])}))}outlineForMimetype(t,e,o){switch(e){case"text/html":case"text/javascript":return this.javaScriptOutline(t,(function(t,e){o(t,e.map((t=>({line:t.line,column:t.column,title:t.name,subtitle:t.arguments}))))})),!0;case"text/css":return this.parseCSS(t,(function(t,e){o(t,e.map((t=>{const e="selectorText"in t?t.selectorText:t.atRule;return{line:t.lineNumber,subtitle:void 0,column:t.columnNumber,title:e}})))})),!0}return!1}findLastExpression(t){return this._runTask("findLastExpression",{content:t})}findLastFunctionCall(t){return this._runTask("findLastFunctionCall",{content:t})}argumentsList(t){return this._runTask("argumentsList",{content:t})}}class f{constructor(t,e,o,r){this.method=t,this.params=e,this.callback=o,this.isChunked=r}}function S(){return _.instance()}var k=Object.freeze({__proto__:null,FormatterWorkerPool:_,FormatResult:class{constructor(){this.content,this.mapping}},formatterWorkerPool:S,OutlineItem:undefined,FormatMapping:undefined,CSSStyleRule:undefined,CSSAtRule:undefined,CSSRule:undefined,TextRange:undefined});class C{}C.format=function(t,e,o,r){t.isDocumentOrScriptOrStyleSheet()?new T(e,o,r):new w(e,o,r)},C.locationToPosition=function(t,e,o){return(e?t[e-1]+1:0)+o},C.positionToLocation=function(t,e){const o=r.upperBound(t,e-1,r.DEFAULT_COMPARATOR);let n;return n=o?e-t[o-1]-1:e,[o,n]};class T{constructor(t,e,o){this._mimeType=t,this._originalContent=e.replace(/\r\n?|[\n\u2028\u2029]/g,"\n").replace(/^\uFEFF/,""),this._callback=o,this._initialize()}async _initialize(){const t=S(),o=e.Settings.instance().moduleSetting("textEditorIndent").get(),r=await t.format(this._mimeType,this._originalContent,o);r?this._didFormatContent(r):this._callback(this._originalContent,new L)}_didFormatContent(t){const e=n.findLineEndingIndexes(this._originalContent),o=n.findLineEndingIndexes(t.content),r=new F(e,o,t.mapping);this._callback(t.content,r)}}class w{constructor(t,e,o){o(e,new L)}}class L{originalToFormatted(t,e){return[t,e||0]}formattedToOriginal(t,e){return[t,e||0]}}class F{constructor(t,e,o){this._originalLineEndings=t,this._formattedLineEndings=e,this._mapping=o}originalToFormatted(t,e){const o=C.locationToPosition(this._originalLineEndings,t,e||0),r=this._convertPosition(this._mapping.original,this._mapping.formatted,o||0);return C.positionToLocation(this._formattedLineEndings,r)}formattedToOriginal(t,e){const o=C.locationToPosition(this._formattedLineEndings,t,e||0),r=this._convertPosition(this._mapping.formatted,this._mapping.original,o);return C.positionToLocation(this._originalLineEndings,r||0)}_convertPosition(t,e,o){const n=r.upperBound(t,o,r.DEFAULT_COMPARATOR)-1;let i=e[n]+o-t[n];return n<e.length-1&&i>e[n+1]&&(i=e[n+1]),i}}var y=Object.freeze({__proto__:null,FormatterInterface:C,ScriptFormatter:T,FormatterSourceMapping:class{originalToFormatted(t,e){throw new Error("Not implemented yet.")}formattedToOriginal(t,e){throw new Error("Not implemented yet.")}}});const b=new WeakMap;class v{constructor(t,e,o){this.originalSourceCode=t,this.formattedSourceCode=e,this.mapping=o}originalPath(){return this.originalSourceCode.project().id()+":"+this.originalSourceCode.url()}static _for(t){return b.get(t)||null}}let I=null;class M{constructor(){this._projectId="formatter:",this._project=new i.ContentProviderBasedProject(m.WorkspaceImpl.instance(),this._projectId,m.projectTypes.Formatter,"formatter",!0),this._formattedSourceCodes=new Map,this._scriptMapping=new R,this._styleMapping=new j,m.WorkspaceImpl.instance().addEventListener(m.Events.UISourceCodeRemoved,(t=>{this._onUISourceCodeRemoved(t)}),this)}static instance(){return I||(I=new M),I}async _onUISourceCodeRemoved(t){const e=t.data,o=this._formattedSourceCodes.get(e);o&&o.formatData&&await this._discardFormatData(o.formatData),this._formattedSourceCodes.delete(e)}async discardFormattedUISourceCode(t){const e=v._for(t);return e?(await this._discardFormatData(e),this._formattedSourceCodes.delete(e.originalSourceCode),e.originalSourceCode):null}async _discardFormatData(t){b.delete(t.formattedSourceCode),await this._scriptMapping._setSourceMappingEnabled(t,!1),this._styleMapping._setSourceMappingEnabled(t,!1),this._project.removeFile(t.formattedSourceCode.url())}hasFormatted(t){return this._formattedSourceCodes.has(t)}getOriginalUISourceCode(t){const e=b.get(t);return e?e.originalSourceCode:t}async format(t){const e=this._formattedSourceCodes.get(t);if(e)return e.promise;const o=new Promise((async e=>{const{content:r}=await t.requestContent();C.format(t.contentType(),t.mimeType(),r||"",(async(r,n)=>{const i=this._formattedSourceCodes.get(t);if(!i||i.promise!==o)return;let a,s=0,c="";do{a=`${t.url()}:formatted${c}`,c=":"+s++}while(this._project.uiSourceCodeForURL(a));const u=d.StaticContentProvider.fromString(a,t.contentType(),r),l=this._project.createUISourceCode(a,u.contentType()),m=new v(t,l,n);b.set(l,m),this._project.addUISourceCodeWithProvider(l,u,null,t.mimeType()),await this._scriptMapping._setSourceMappingEnabled(m,!0),await this._styleMapping._setSourceMappingEnabled(m,!0),i.formatData=m;for(const e of t.allDecorations()){const t=e.range(),o=n.originalToFormatted(t.startLine,t.startColumn),r=n.originalToFormatted(t.endLine,t.endColumn);l.addDecoration(new p.TextRange(o[0],o[1],r[0],r[1]),e.type(),e.data())}e(m)}))}));return this._formattedSourceCodes.set(t,{promise:o,formatData:null}),o}}class R{constructor(){a.DebuggerWorkspaceBinding.instance().addSourceMapping(this)}rawLocationToUILocation(t){const e=t.script(),o=e&&v._for(e);if(!o||!e)return null;if(e.isInlineScriptWithSourceURL()){const[r,n]=e.toRelativeLocation(t),[i,a]=o.mapping.originalToFormatted(r,n);return o.formattedSourceCode.uiLocation(i,a)}const[r,n]=o.mapping.originalToFormatted(t.lineNumber,t.columnNumber||0);return o.formattedSourceCode.uiLocation(r,n)}uiLocationToRawLocations(t,e,r){const n=v._for(t);if(!n)return[];const[i,c]=n.mapping.formattedToOriginal(e,r);if(n.originalSourceCode.contentType().isScript()){const t=a.DebuggerWorkspaceBinding.instance().uiLocationToRawLocationsForUnformattedJavaScript(n.originalSourceCode,i,c);return console.assert(t.every((t=>t&&Boolean(t.script())))),t}if(n.originalSourceCode.contentType()===o.resourceTypes.Document){const t=s.NetworkProject.targetForUISourceCode(n.originalSourceCode),e=t&&t.model(u.DebuggerModel);if(e){const t=e.scriptsForSourceURL(n.originalSourceCode.url()).filter((t=>t.isInlineScript()&&!t.hasSourceURL)).map((t=>t.rawLocation(i,c))).filter((t=>Boolean(t)));return console.assert(t.every((t=>t&&Boolean(t.script())))),t}}return[]}async _setSourceMappingEnabled(t,e){const o=this._scriptsForUISourceCode(t.originalSourceCode);if(!o.length)return;if(e)for(const e of o)b.set(e,t);else for(const t of o)b.delete(t);const r=o.map((t=>a.DebuggerWorkspaceBinding.instance().updateLocations(t)));await Promise.all(r)}_scriptsForUISourceCode(t){if(t.contentType()===o.resourceTypes.Document){const e=s.NetworkProject.targetForUISourceCode(t),o=e&&e.model(u.DebuggerModel);if(o){return o.scriptsForSourceURL(t.url()).filter((t=>t.isInlineScript()&&!t.hasSourceURL))}}if(t.contentType().isScript()){console.assert(!b.has(t));return a.DebuggerWorkspaceBinding.instance().uiLocationToRawLocationsForUnformattedJavaScript(t,0,0).map((t=>t.script())).filter((t=>Boolean(t)))}return[]}}const U=new WeakMap;class j{constructor(){c.CSSWorkspaceBinding.instance().addSourceMapping(this),this._headersSymbol=Symbol("Formatter.SourceFormatter.StyleMapping._headersSymbol")}rawLocationToUILocation(t){const e=t.header(),o=e&&v._for(e);if(!o)return null;const r=o.mapping.originalToFormatted(t.lineNumber,t.columnNumber||0);return o.formattedSourceCode.uiLocation(r[0],r[1])}uiLocationToRawLocations(t){const e=v._for(t.uiSourceCode);if(!e)return[];const[o,r]=e.mapping.formattedToOriginal(t.lineNumber,t.columnNumber),n=U.get(e.originalSourceCode);if(!n)return[];return n.filter((t=>t.containsLocation(o,r))).map((t=>new l.CSSLocation(t,o,r)))}async _setSourceMappingEnabled(t,e){const o=t.originalSourceCode,r=this._headersForUISourceCode(o);e?(U.set(o,r),r.forEach((e=>{b.set(e,t)}))):(U.delete(o),r.forEach((t=>{b.delete(t)})));const n=r.map((t=>c.CSSWorkspaceBinding.instance().updateLocations(t)));await Promise.all(n)}_headersForUISourceCode(t){if(t.contentType()===o.resourceTypes.Document){const e=s.NetworkProject.targetForUISourceCode(t),o=e&&e.model(l.CSSModel);if(o)return o.headersForSourceURL(t.url()).filter((t=>t.isInline&&!t.hasSourceURL))}else if(t.contentType().isStyleSheet()){return c.CSSWorkspaceBinding.instance().uiLocationToRawLocations(t.uiLocation(0,0)).map((t=>t.header())).filter((t=>Boolean(t)))}return[]}}var E=Object.freeze({__proto__:null,SourceFormatData:v,SourceFormatter:M});export{k as FormatterWorkerPool,y as ScriptFormatter,E as SourceFormatter};