@open-editor/client - npm Package Compare versions

Comparing version 0.9.1 to 0.9.2

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";var shared=require("@open-editor/shared"),outmatch=require("outmatch"),__getOwnPropSymbols$5=Object.getOwnPropertySymbols,__hasOwnProp$5=Object.prototype.hasOwnProperty,__propIsEnum$5=Object.prototype.propertyIsEnumerable,__objRest$1=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp$5.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols$5)for(var prop of __getOwnPropSymbols$5(source))exclude.indexOf(prop)<0&&__propIsEnum$5.call(source,prop)&&(target[prop]=source[prop]);return target};function createCustomEventHandler(type,setupListener2){const targetMap=new WeakMap;function addEventListener(cb,opts2){const _a2=opts2,{once,signal}=_a2,addOpts=__objRest$1(_a2,["once","signal"]),caches=targetMap.get(addOpts.target)||[];if(caches.findIndex(cache=>isSameListener(cache,cb,opts2))===-1){const remove=()=>{signal&&off("abort",remove,{target:signal}),removeEventListener(cb,opts2)};signal&&on("abort",remove,{target:signal});const stop=setupListener2(e=>{if(signal!=null&&signal.aborted)return;once&&remove();const evt=new PointerEvent(type,e);Object.defineProperty(evt,"target",{value:e.target,enumerable:!0}),cb(evt)},addOpts),nextCaches=[...caches,{cb,opts:opts2,stop}];targetMap.set(addOpts.target,nextCaches)}}function removeEventListener(cb,opts2){const caches=targetMap.get(opts2.target)||[],index=caches.findIndex(cache=>isSameListener(cache,cb,opts2));if(index!==-1){const nextCaches=[...caches],[removedCache]=nextCaches.splice(index,1);removedCache.stop(),targetMap.set(opts2.target,nextCaches)}}function isSameListener(cache,cb,opts2){return cache.cb===cb&&cache.opts.capture===opts2.capture}return{addEventListener,removeEventListener}}var longpress=createCustomEventHandler("longpress",setupListener$2);function setupListener$2(listener,opts2){const{wait=300}=opts2;function setup(){return on("pointerdown",start,opts2),on("pointermove",stop,opts2),on("pointerup",stop,opts2),on("pointercancel",stop,opts2),clean}function clean(){off("pointerdown",start,opts2),off("pointermove",stop,opts2),off("pointerup",stop,opts2),off("pointercancel",stop,opts2)}let waitTimer=null;function start(e){e.button===0&&e.buttons===1&&(waitTimer=setTimeout(()=>{var _a2;(_a2=navigator.vibrate)==null||_a2.call(navigator,15),listener(e)},wait))}function stop(){waitTimer!=null&&(clearTimeout(waitTimer),waitTimer=null)}return setup()}var __defProp$3=Object.defineProperty,__defProps$2=Object.defineProperties,__getOwnPropDescs$2=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$4=Object.getOwnPropertySymbols,__hasOwnProp$4=Object.prototype.hasOwnProperty,__propIsEnum$4=Object.prototype.propertyIsEnumerable,__defNormalProp$3=(obj,key,value)=>key in obj?__defProp$3(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$3=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$4.call(b,prop)&&__defNormalProp$3(a,prop,b[prop]);if(__getOwnPropSymbols$4)for(var prop of __getOwnPropSymbols$4(b))__propIsEnum$4.call(b,prop)&&__defNormalProp$3(a,prop,b[prop]);return a},__spreadProps$2=(a,b)=>__defProps$2(a,__getOwnPropDescs$2(b)),quickexit=createCustomEventHandler("quickexit",setupListener$1);function setupListener$1(listener,opts2){function setup(){return on("keydown",trigger,__spreadProps$2(__spreadValues$3({},opts2),{target:window})),on("rightclick",trigger,opts2),clean}function clean(){off("keydown",trigger,__spreadProps$2(__spreadValues$3({},opts2),{target:window})),off("rightclick",trigger,opts2)}function trigger(e){(e.code==="Escape"||e.type==="rightclick")&&(e.preventDefault(),listener(e))}return setup()}var rightclick=createCustomEventHandler("rightclick",setupListener);function setupListener(listener,opts2){function setup(){return on("contextmenu",trigger,opts2),clean}function clean(){off("contextmenu",trigger,opts2)}function trigger(e){e.preventDefault(),(e.pointerType==null||e.pointerType==="mouse")&&listener(e)}return setup()}function on(type,listener,opts2={}){switch(opts2.target||(opts2.target=window),type){case"longpress":longpress.addEventListener(listener,opts2);break;case"quickexit":quickexit.addEventListener(listener,opts2);break;case"rightclick":rightclick.addEventListener(listener,opts2);break;default:opts2.target.addEventListener(type,listener,opts2)}}function off(type,listener,opts2={}){switch(opts2.target||(opts2.target=window),type){case"longpress":longpress.removeEventListener(listener,opts2);break;case"quickexit":quickexit.removeEventListener(listener,opts2);break;case"rightclick":rightclick.removeEventListener(listener,opts2);break;default:opts2.target.removeEventListener(type,listener,opts2)}}const HTML_INSPECTOR_ELEMENT="open-editor-inspector",IS_CLIENT=typeof window!="undefined",IS_FIREFOX=IS_CLIENT&&/firefox/i.test(navigator.userAgent),CURRENT_INSPECT_ID=Math.random().toString(16).substring(2,10),ENABLE_INSPECTOR_EVENT="enableinspector",EXIT_INSPECTOR_EVENT="exitinspector",OPEN_EDITOR_EVENT="openeditor",INSPECTOR_ACTIVE_CROSS_IFRAME="oe:INSPECTOR_ACTIVE_CROSS_IFRAME",INSPECTOR_ENABLE_CROSS_IFRAME="oe:INSPECTOR_ENABLE_CROSS_IFRAME",INSPECTOR_EXIT_CROSS_IFRAME="oe:INSPECTOR_EXIT_CROSS_IFRAME",CODE_SOURCE_CROSS_IFRAME="oe:CODE_SOURCE_CROSS_IFRAME",BOX_MODEL_CROSS_IFRAME="oe:BOX_MODEL_CROSS_IFRAME",TREE_OPEN_CROSS_IFRAME="oe:TREE_OPEN_CROSS_IFRAME",TREE_CLOSE_CROSS_IFRAME="oe:TREE_CLOSE_CROSS_IFRAME",OPEN_EDITOR_CROSS_IFRAME="oe:OPEN_EDITOR_CROSS_IFRAME",OPEN_EDITOR_START_CROSS_IFRAME="oe:OPEN_EDITOR_START_CROSS_IFRAME",OPEN_EDITOR_END_CROSS_IFRAME="oe:OPEN_EDITOR_END_CROSS_IFRAME",OPEN_EDITOR_ERROR_CROSS_IFRAME="oe:OPEN_EDITOR_ERROR_CROSS_IFRAME";function logError(msg,logLevel="log"){const s=errMsg(msg);if(logLevel==="throw")throw Error(s);console.error(s)}function errMsg(msg){return`[@open-editor/client] ${msg}`}var __defProp$2=Object.defineProperty,__defProps$1=Object.defineProperties,__getOwnPropDescs$1=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$3=Object.getOwnPropertySymbols,__hasOwnProp$3=Object.prototype.hasOwnProperty,__propIsEnum$3=Object.prototype.propertyIsEnumerable,__defNormalProp$2=(obj,key,value)=>key in obj?__defProp$2(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$2=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$3.call(b,prop)&&__defNormalProp$2(a,prop,b[prop]);if(__getOwnPropSymbols$3)for(var prop of __getOwnPropSymbols$3(b))__propIsEnum$3.call(b,prop)&&__defNormalProp$2(a,prop,b[prop]);return a},__spreadProps$1=(a,b)=>__defProps$1(a,__getOwnPropDescs$1(b));let opts;function setOptions(userOpts){var _a2,_b,_c,_d,_e;opts=__spreadProps$1(__spreadValues$2({},userOpts),{displayToggle:(_a2=userOpts.displayToggle)!=null?_a2:!0,disableHoverCSS:(_b=userOpts.disableHoverCSS)!=null?_b:!0,ignoreComponents:(_c=userOpts.ignoreComponents)!=null?_c:"/**/node_modules/**/*",once:(_d=userOpts.once)!=null?_d:!0,crossIframe:(_e=userOpts.crossIframe)!=null?_e:!0})}function getOptions(){return opts||logError("options missing.","throw"),opts}function mitt(){const fns=new Set,mitter={get isEmpty(){return fns.size===0},on(fn){fns.add(fn)},once(fn){const once=(...args)=>{mitter.off(once),fn(...args)};mitter.on(once)},off(fn){fns.delete(fn)},emit(...args){fns.forEach(fn=>fn(...args))}};return mitter}var __defProp$1=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$2=Object.getOwnPropertySymbols,__hasOwnProp$2=Object.prototype.hasOwnProperty,__propIsEnum$2=Object.prototype.propertyIsEnumerable,__defNormalProp$1=(obj,key,value)=>key in obj?__defProp$1(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$1=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$2.call(b,prop)&&__defNormalProp$1(a,prop,b[prop]);if(__getOwnPropSymbols$2)for(var prop of __getOwnPropSymbols$2(b))__propIsEnum$2.call(b,prop)&&__defNormalProp$1(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));function crossIframeBridge(opts2={}){const{setup,emitMiddlewares}=opts2,mitter=mitt();let init=!1;return __spreadProps(__spreadValues$1({},mitter),{setup(){const{crossIframe}=getOptions();crossIframe&&!init&&(init=!0,setup==null||setup())},emit(args,immediate){Array.isArray(args)||(args=[]);const{crossIframe}=getOptions();if(crossIframe&&!immediate&&emitMiddlewares!=null&&emitMiddlewares.length){const stack=[...emitMiddlewares,()=>mitter.emit(...args)];(function next(){stack.shift()(args,next)})()}else mitter.emit(...args)}})}const topWindow=IS_CLIENT?getTopWindow():void 0,isTopWindow=IS_CLIENT&&topWindow===window;function whenTopWindow(cb,feedback){isTopWindow?cb():feedback==null||feedback()}function getTopWindow(){let current=window;for(;current.frameElement;)current=current.parent;return current}function onMessage(type,cb){on("message",({data})=>{shared.isStr(data)&&data.startsWith(type)&&cb(JSON.parse(data.replace(type,"")))})}function postMessage(type,args=[],target=window){target.postMessage(`${type}${JSON.stringify(args)}`,"*")}function postMessageAll(type,args=[],corssOrigin=!1){Array.from(window.frames).forEach(frame=>{try{(corssOrigin||frame.document)&&postMessage(type,args,frame)}catch(e){corssOrigin&&postMessage(type,args,frame)}})}const inspectorActiveBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_ACTIVE_CROSS_IFRAME,args=>{postMessageAll(INSPECTOR_ACTIVE_CROSS_IFRAME,args),inspectorActiveBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(INSPECTOR_ACTIVE_CROSS_IFRAME,args,topWindow)}]});function dispatchEvent(type,detail){const e=new CustomEvent(type,{bubbles:!0,cancelable:!0,composed:!0,detail});return window.dispatchEvent(e)}const inspectorEnableBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_ENABLE_CROSS_IFRAME,args=>{whenTopWindow(()=>{dispatchEvent(ENABLE_INSPECTOR_EVENT)&&dispatchEmit()},dispatchEmit);function dispatchEmit(){postMessageAll(INSPECTOR_ENABLE_CROSS_IFRAME,args),inspectorEnableBridge.emit(args,!0)}})},emitMiddlewares:[args=>{postMessage(INSPECTOR_ENABLE_CROSS_IFRAME,args,topWindow)}]}),inspectorExitBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_EXIT_CROSS_IFRAME,args=>{whenTopWindow(()=>{dispatchEvent(EXIT_INSPECTOR_EVENT)&&dispatchEmit()},dispatchEmit);function dispatchEmit(){postMessageAll(INSPECTOR_EXIT_CROSS_IFRAME,args),inspectorExitBridge.emit(args,!0)}})},emitMiddlewares:[args=>{postMessage(INSPECTOR_EXIT_CROSS_IFRAME,args,topWindow)}]}),codeSourceBridge=crossIframeBridge({setup(){onMessage(CODE_SOURCE_CROSS_IFRAME,args=>{codeSourceBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(CODE_SOURCE_CROSS_IFRAME,args,topWindow)})}]});var __getOwnPropSymbols$1=Object.getOwnPropertySymbols,__hasOwnProp$1=Object.prototype.hasOwnProperty,__propIsEnum$1=Object.prototype.propertyIsEnumerable,__objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp$1.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols$1)for(var prop of __getOwnPropSymbols$1(source))exclude.indexOf(prop)<0&&__propIsEnum$1.call(source,prop)&&(target[prop]=source[prop]);return target};const FRAGMENT_TYPE="INTERNAL_VIRTUAL_FRAGMENT",svgNS="http://www.w3.org/2000/svg",svgTypes={svg:!0,path:!0};function jsx(type,props){const _a2=props,{ref,className,style,children}=_a2,attrs=__objRest(_a2,["ref","className","style","children"]);if(typeof type=="function")return type(props);const el=svgTypes[type]?document.createElementNS(svgNS,type):document.createElement(type);if(type!==FRAGMENT_TYPE){className&&(el.className=className),style&&Object.assign(el.style,style);for(const prop of Object.keys(attrs)){const val=attrs[prop];val!=null&&(isEventType(prop)?on(toNativeType(prop),val,{target:el}):el.setAttribute(prop,val))}ref&&ref(el)}return children!=null&&appendChildren(el,Array.isArray(children)?children:[children]),el}function appendChildren(el,children){for(const child of children)child instanceof Element?child.tagName===FRAGMENT_TYPE?appendChildren(el,Array.from(child.children)):el.appendChild(child):Array.isArray(child)?appendChildren(el,child):child&&el.appendChild(document.createTextNode(child))}const eventRE=/^on[A-Z]/;function isEventType(val){return eventRE.test(val)}function toNativeType(val){return val.substr(2).toLowerCase()}function applyAttrs(el,attrs){for(const prop of Object.keys(attrs)){const val=attrs[prop];val!=null?el.setAttribute(prop,val):el.removeAttribute(prop)}}function appendChild(el,...children){for(const child of children)child.tagName===FRAGMENT_TYPE?appendChild(el,...child.children):el.appendChild(child)}function replaceChildren(el,...children){for(;el.firstChild;)el.removeChild(el.firstChild);appendChild(el,...children)}function checkVisibility(el){if(!el.isConnected)return!1;for(;el;){if(computedStyle(el)("display",!1)==="none")return!1;el=el.parentElement}return!0}const CSS_util={px(value){return`${value}px`},pv(value){return Number.parseFloat(value)},translate(x,y){return`translate(${CSS_util.px(x)}, ${CSS_util.px(y)})`}};function applyStyle(el,...styles){Object.assign(el.style,...styles)}function computedStyle(el){const style=getComputedStyle(el,null);function get(property,toNumber=!0){let value=style.getPropertyValue(property);return toNumber&&(value=CSS_util.pv(value)||0),value}return get}function addClass(el,className){el.classList.add(...className.split(" "))}function removeClass(el,className){el.classList.remove(...className.split(" "))}const INVALID_ELEMEN_TCROSS_IFRAME=[HTML_INSPECTOR_ELEMENT],INVALID_ELEMENT=[...INVALID_ELEMEN_TCROSS_IFRAME,void 0,"html"];function checkValidElement(el){if(el==null||!el.isConnected)return!1;const{crossIframe}=getOptions();return crossIframe?!INVALID_ELEMEN_TCROSS_IFRAME.includes(el.localName):!INVALID_ELEMENT.includes(el.localName)}var _a;const IS_COMPUTED=IS_CLIENT&&shared.hasOwnProperty(document.body.style,"zoom")&&!IS_FIREFOX&&!((_a=navigator.userAgentData)!=null&&_a.brands.find(i=>i.brand==="Chromium"&&+i.version>127));function getDOMRect(target){const domRect=target.getBoundingClientRect().toJSON();return IS_COMPUTED?computedDOMRect(target,domRect):domRect}function computedDOMRect(target,domRect){const zoom=getCompositeZoom(target);return zoom!==1&&Object.keys(domRect).forEach(key=>domRect[key]*=zoom),domRect}function getCompositeZoom(target){let zoom=1;for(;target;)zoom*=computedStyle(target)("zoom"),target=target.parentElement;return zoom}const IS_BORDER_WITH_ZOOM=!IS_FIREFOX;function getBoxModel(el){if(!checkValidElement(el)||!checkVisibility(el))return[getDefaultBoxRect(),getDefaultBoxLines()];const{width,height,top,right,bottom,left}=getDOMRect(el),get=computedStyle(el),zoom=getCompositeZoom(el);function withZoom(value,use=!0){return use?value*zoom:value}const marginTop=withZoom(Math.max(get("margin-top"),0)),marginLeft=withZoom(Math.max(get("margin-left"),0)),marginRight=withZoom(Math.max(get("margin-right"),0)),marginBottom=withZoom(Math.max(get("margin-bottom"),0)),borderTop=withZoom(get("border-top"),IS_BORDER_WITH_ZOOM),borderRight=withZoom(get("border-right"),IS_BORDER_WITH_ZOOM),borderBottom=withZoom(get("border-bottom"),IS_BORDER_WITH_ZOOM),borderLeft=withZoom(get("border-left"),IS_BORDER_WITH_ZOOM),paddingTop=withZoom(get("padding-top")),paddingRight=withZoom(get("padding-right")),paddingBottom=withZoom(get("padding-bottom")),paddingLeft=withZoom(get("padding-left")),positionTop=top-marginTop,positionRight=right+marginRight,positionBottom=bottom+marginBottom,positionLeft=left-marginLeft,positionWidth=width+marginLeft+marginRight,positionHeight=height+marginTop+marginBottom;return[{width:positionWidth,height:positionHeight,top:positionTop,right:positionRight,bottom:positionBottom,left:positionLeft},{margin:{top:marginTop,right:marginRight,left:marginLeft,bottom:marginBottom},border:{top:borderTop,right:borderRight,left:borderLeft,bottom:borderBottom},padding:{top:paddingTop,right:paddingRight,left:paddingLeft,bottom:paddingBottom}}]}function getDefaultBoxRect(){return{width:0,height:0,top:0,right:0,left:0,bottom:0}}function getDefaultBoxLines(){return{margin:getDefaultBoxRect(),border:getDefaultBoxRect(),padding:getDefaultBoxRect()}}const boxModelBridge=crossIframeBridge({setup(){onMessage(BOX_MODEL_CROSS_IFRAME,args=>{boxModelBridge.emit(args,isTopWindow)})},emitMiddlewares:[([rect],next)=>{if(window.frameElement){const[position,{margin,border,padding}]=getBoxModel(window.frameElement),frameDifference=[position,margin,border,padding];for(const{top,left}of frameDifference)rect.top+=top,rect.left+=left;rect.bottom=rect.top+rect.height,rect.right=rect.left+rect.width}next()},(args,next)=>{whenTopWindow(next,()=>{postMessage(BOX_MODEL_CROSS_IFRAME,args,window.parent)})}]});function ensureFileName(fileName){const{rootDir}=getOptions();return fileName.startsWith(rootDir)&&(fileName=fileName.replace(rootDir,"").replace(/^\//,"")),fileName}const invalidRE=/^\/home\/runner\//;function isValidFileName(fileName){return fileName?(fileName=fileName.startsWith("/")?fileName:`/${fileName}`,!invalidRE.test(fileName)&&filter(fileName)):!1}let glob;function filter(fileName){const{ignoreComponents}=getOptions();return ignoreComponents?!(glob||(glob=outmatch(ignoreComponents,{excludeDot:!0})))(fileName):!0}function createReactResolver(opts2){const{isValid,getNext,getSource,getName}=opts2;function reactResolver(cur,tree,deep){for(;cur;){const source=normalizeSource2(getSource(cur));let next=getNext(cur);if(isValidFileName(source==null?void 0:source.fileName)){for(;!isValid(next);){if(!next)return;next=getNext(next)}if(tree.push({name:getName(next),file:source.fileName,line:source.lineNumber,column:source.columnNumber}),!deep)return}cur=next}}function normalizeSource2(source){return source&&(source.fileName=ensureFileName(shared.normalizePath(source.fileName))),source}return reactResolver}function resolveReact17({value:fiber},tree,deep=!1){resolveForFiber(fiber,tree,deep)}let resolver$3;function resolveForFiber(fiber,tree,deep=!1){setupResolver$3(),resolver$3(fiber,tree,deep)}function setupResolver$3(){resolver$3||(resolver$3=createReactResolver({isValid(owner){return owner!=null&&owner._debugSource?shared.isFn(owner.type)||shared.isFn(owner.type.render):!1},getNext(fiber){return fiber._debugOwner},getSource(fiber){return fiber._debugSource},getName(owner){if(owner){const c=shared.isFn(owner.type)?owner.type:owner.type.render;return(c==null?void 0:c.name)||(c==null?void 0:c.displayName)}}}))}function resolveReact15({value:inst},tree,deep=!1){inst&&shared.hasOwnProperty(inst,"_debugOwner")?resolveForFiber(inst,tree,deep):resolveForInstance(inst,tree,deep)}let resolver$2;function resolveForInstance(inst,tree,deep=!1){setupResolver$2(),resolver$2(inst,tree,deep)}function setupResolver$2(){resolver$2||(resolver$2=createReactResolver({isValid(owner){const el=owner==null?void 0:owner._currentElement;return el?shared.isFn(el.type)||shared.isFn(el.type.render):!1},getNext(inst){var _a2;return(_a2=inst._currentElement)==null?void 0:_a2._owner},getSource(inst){var _a2;return(_a2=inst._currentElement)==null?void 0:_a2._source},getName(owner){const el=owner._currentElement;if(el){const c=shared.isFn(el.type)?el.type:el.type.render;return(c==null?void 0:c.name)||(c==null?void 0:c.displayName)}}}))}var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a};function createVueResolver(opts2){function vueResolver(debug,tree,deep){const{isValid,getNext,getSource,getFile,getName}=opts2,record=new Set;let[inst,source]=getAnchor(debug,getSource);for(;isValid(inst);){const file=normalizeSource(getFile(inst));if(isValidFileName(file)){if(source){if(resolveForSource(file))return}else if(resolveForFile(file))return}inst=getNext(inst)}function resolveForSource(file){const parsedSource=parsePath(source),parsedFile=parsePath(file);if(parsedSource.file===parsedFile.file)return record.has(parsedSource.file)||(push(inst,parsedSource),source=normalizeSource(getSource(inst))),!deep}function resolveForFile(file){const parsedFile=parsePath(file);return record.has(parsedFile.file)||push(inst,parsedFile),!deep}function push(inst2,meta){var _a2;record.add(meta.file),tree.push(__spreadValues({name:(_a2=getName(inst2))!=null?_a2:getNameForFile(meta.file)},meta))}}return vueResolver}function getAnchor(debug,getSource){const source=normalizeSource(debug.el.getAttribute("__source"));for(;shared.isStr(source);)return[debug.value,source];return[debug.value,normalizeSource(getSource(debug.value))]}function normalizeSource(source){return source&&ensureFileName(shared.normalizePath(source))}const splitRE=/:(?=\d)/;function parsePath(source){const[f,l=1,c=1]=source.split(splitRE);return{file:f,line:Number(l),column:Number(c)}}const nameRE=/([^/]+)\.[^.]+$/;function getNameForFile(file=""){const[,n]=file.match(nameRE);return n}let resolver$1;function resolveVue3(debug,tree,deep=!1){setupResolver$1(),resolver$1(debug,tree,deep)}function setupResolver$1(){resolver$1||(resolver$1=createVueResolver({isValid(inst){return!!inst},getNext(inst){return inst.parent},getSource(inst){for(;inst;){const source=inst.props.__source;if(source)return source;inst=inst.parent}},getFile(inst){return inst.type.__file},getName(inst){return inst.type.name||inst.type.__name}}))}let resolver;function resolveVue2(debug,tree,deep=!1){const componentInstance=debug.value._vnode.componentInstance;componentInstance&&(debug.value=componentInstance),setupResolver(),resolver(debug,tree,deep)}function setupResolver(){resolver||(resolver=createVueResolver({isValid(inst){return!!(inst!=null&&inst.$vnode)},getNext(inst){return inst.$parent},getSource(inst){for(var _a2;inst;){const source=(_a2=inst.$props)==null?void 0:_a2.__source;if(source)return source;inst=inst.$parent}},getFile(inst){var _a2;const ctor=getCtor(inst);return ctor.__file||((_a2=ctor.options)==null?void 0:_a2.__file)},getName(inst){var _a2;return(_a2=getCtor(inst).options)==null?void 0:_a2.name}}));function getCtor(inst){return inst.$vnode.componentOptions.Ctor}}const react17KeySearch="__reactFiber$",react15KeySearch="__reactInternalInstance$",vue3Key="__vueParentComponent",vue2Key="__vue__";function resolveDebug(el){for(;checkValidElement(el);){const key=findKey(el);if(key){const value=el[key];if(value)return{el,key,value}}el=el.parentElement}}function findKey(el){if(shared.hasOwnProperty(el,vue3Key))return vue3Key;if(shared.hasOwnProperty(el,vue2Key))return vue2Key;const react17Key=startsWith(el,react17KeySearch);if(react17Key)return react17Key;const react15Key=startsWith(el,react15KeySearch);if(react15Key)return react15Key}function startsWith(el,search){return Object.keys(el).find(key=>key.startsWith(search))}function resolveSource(el,deep){const source={el:el.localName,tree:[]},debug=resolveDebug(el);return debug&&(debug.key.startsWith("__reactFiber")?resolveReact17(debug,source.tree,deep):debug.key.startsWith("__reactInternal")?resolveReact15(debug,source.tree,deep):debug.key.startsWith("__vueParent")?resolveVue3(debug,source.tree,deep):debug.key.startsWith("__vue")&&resolveVue2(debug,source.tree,deep)),source.tree=source.tree.map(normalizeMeta),source.meta=source.tree[0],source}function normalizeMeta(meta){return{name:meta.name?shared.camelCase(meta.name):"Anonymous",file:meta.file,line:meta.line||1,column:meta.column||1}}const treeOpenBridge=crossIframeBridge({setup(){onMessage(TREE_OPEN_CROSS_IFRAME,args=>{treeOpenBridge.emit(args,isTopWindow)})},emitMiddlewares:[(_,next)=>{const preventEventOverlay=jsx("div",{className:"oe-prevent-event-overlay",onPointerUp:()=>preventEventOverlay.remove(),onPointerOut:()=>preventEventOverlay.remove()});appendChild(document.body,preventEventOverlay),next()},([source],next)=>{if(window.frameElement){const{tree}=resolveSource(window.frameElement,!0);source.tree.push(...tree)}next()},(args,next)=>{whenTopWindow(next,()=>{postMessage(TREE_OPEN_CROSS_IFRAME,args,window.parent)})}]}),treeCloseBridge=crossIframeBridge({setup(){onMessage(TREE_CLOSE_CROSS_IFRAME,args=>{treeCloseBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(TREE_CLOSE_CROSS_IFRAME,args,topWindow)})}]}),openEditorBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_CROSS_IFRAME,args=>{openEditorBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(OPEN_EDITOR_CROSS_IFRAME,args,topWindow)})}]}),openEditorStartBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_START_CROSS_IFRAME,args=>{postMessageAll(OPEN_EDITOR_START_CROSS_IFRAME,args,!0),openEditorStartBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(OPEN_EDITOR_START_CROSS_IFRAME,args,topWindow)}]}),openEditorEndBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_END_CROSS_IFRAME,args=>{postMessageAll(OPEN_EDITOR_END_CROSS_IFRAME,args,!0),openEditorEndBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(OPEN_EDITOR_END_CROSS_IFRAME,args,topWindow)}]}),openEditorErrorBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_ERROR_CROSS_IFRAME,args=>{openEditorErrorBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(OPEN_EDITOR_ERROR_CROSS_IFRAME,args,topWindow)})}]});function setupBridge(){inspectorActiveBridge.setup(),inspectorEnableBridge.setup(),inspectorExitBridge.setup(),codeSourceBridge.setup(),boxModelBridge.setup(),treeOpenBridge.setup(),treeCloseBridge.setup(),openEditorBridge.setup(),openEditorStartBridge.setup(),openEditorEndBridge.setup(),openEditorErrorBridge.setup()}function createGlobalStyle(css){if(!IS_CLIENT)return{mount(){},unmount(){}};const style=jsx("style",{type:"text/css",children:css});return{mount(){style.isConnected||appendChild(document.body,style)},unmount(){style.isConnected&&style.remove()}}}const overrideCSS="*{cursor:default!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;touch-action:none!important;-webkit-touch-callout:none!important;}",overrideStyle=createGlobalStyle(overrideCSS),effectCSS=".oe-lock-screen{overflow:hidden!important;}.oe-loading *{cursor:wait!important;}.oe-prevent-event-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;z-index:2147483647;}",effectStyle=createGlobalStyle(effectCSS);var __async$1=(__this,__arguments,generator)=>new Promise((resolve,reject)=>{var fulfilled=value=>{try{step(generator.next(value))}catch(e){reject(e)}},rejected=value=>{try{step(generator.throw(value))}catch(e){reject(e)}},step=x=>x.done?resolve(x.value):Promise.resolve(x.value).then(fulfilled,rejected);step((generator=generator.apply(__this,__arguments)).next())});function openEditor(meta){return __async$1(this,null,function*(){const openURL=createOpenURL(meta);if(dispatchEvent(OPEN_EDITOR_EVENT,openURL)){if(!meta){logError("file not found."),openEditorErrorBridge.emit([],!0);return}try{openEditorStartBridge.emit(),yield fetch(openURL).then(res=>{if(!res.ok)return Promise.reject(res)})}catch(err){const{file,line=1,column=1}=meta;return logError(`${file}:${line}:${column} open fail.`),openEditorErrorBridge.emit(),Promise.reject(err)}finally{openEditorEndBridge.emit()}}})}function createOpenURL(meta){const opts2=getOptions(),{protocol,hostname,port}=location,{file="",line=1,column=1}=meta!=null?meta:{},openURL=new URL(`${protocol}//${hostname}`);return openURL.pathname=shared.ServerApis.OPEN_EDITOR,openURL.port=opts2.port||port,openURL.searchParams.set("f",encodeURIComponent(file)),openURL.searchParams.set("l",String(line)),openURL.searchParams.set("c",String(column)),openURL}const dTagRE=/^(button|fieldset|optgroup|option|select|textarea|input)$/;let clickedEl=null;function checkClickedElement(el){return el===clickedEl}function setupClickedElementAttrs(e){const el=e.target;checkValidElement(el)&&(resetAttrs(el,{disabled:{from:"disabled",to:"oe-disabled"},href:{from:"href",to:"oe-href"}}),clickedEl=el)}function cleanClickedElementAttrs(){clickedEl&&(resetAttrs(clickedEl,{disabled:{from:"oe-disabled",to:"disabled"},href:{from:"oe-href",to:"href"}}),clickedEl=null)}function resetAttrs(el,attrs){const{disabled,href}=attrs,{hs,ds}=findTags(el);hs.forEach(h=>swapAttr(h,href.from,href.to)),ds.forEach(d=>swapAttr(d,disabled.from,disabled.to))}function findTags(el){const hs=[],ds=[];for(;el;)el.localName==="a"?hs.push(el):dTagRE.test(el.localName)&&ds.push(el),el=el.parentElement;return{hs,ds}}function swapAttr(el,from,to){const val=el.getAttribute(from);val!=null&&applyAttrs(el,{[from]:null,[to]:val})}const inspectorState={isEnable:!1,isActive:!1,isRendering:!1,isTreeOpen:!1,activeEl:null,prevActiveEl:null},SILENT_EVENTS=["mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","touchstart","touchend","touchcancel","touchmove","pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","focus","focusin","focusout","blur","reset","submit","input","change","select","dbclick"],CLICK_ATTACHMENT_EVENTS=["touchstart","touchend"],SHORTCUT_KEYS=["Enter","Space"];function setupListeners(opts2){const{once,crossIframe}=getOptions(),onActive=withEventFn(opts2.onActive),onOpenEditor=withEventFn(opts2.onOpenEditor),onOpenTree=withEventFn(opts2.onOpenTree),onExitInspect=withEventFn(opts2.onExitInspect);function setupEventListeners(){return SILENT_EVENTS.forEach(event=>{on(event,onSilent,{capture:!0,passive:!1})}),on("click",onInspect,{capture:!0,target:document}),on("pointerdown",setupClickedElementAttrs,{capture:!0}),on("pointermove",onActiveElement,{capture:!0}),on("pointerover",onEnterScreen,{capture:!0}),on("pointerout",onLeaveScreen,{capture:!0}),on("longpress",onInspect,{capture:!0}),on("quickexit",onExitInspect,{capture:!0}),on("keydown",onKeydown,{capture:!0}),on("keyup",onKeyup,{capture:!0}),cleanEventListeners}function cleanEventListeners(){SILENT_EVENTS.forEach(event=>{off(event,onSilent,{capture:!0})}),off("click",onInspect,{capture:!0,target:document}),off("pointerdown",setupClickedElementAttrs,{capture:!0}),off("pointermove",onActiveElement,{capture:!0}),off("pointerover",onEnterScreen,{capture:!0}),off("pointerout",onLeaveScreen,{capture:!0}),off("longpress",onInspect,{capture:!0}),off("quickexit",onExitInspect,{capture:!0}),off("keydown",onKeydown,{capture:!0}),off("keyup",onKeyup,{capture:!0})}function onActiveElement(e){const el=e.pointerType==="touch"?document.elementFromPoint(e.clientX,e.clientY):e.target;el!==inspectorState.activeEl&&(inspectorState.activeEl=checkValidElement(el)?el:null,onActive())}function onEnterScreen(e){e.pointerType==="touch"&&onActiveElement(e)}function onLeaveScreen(e){crossIframe&&!isTopWindow||e.pointerType==="mouse"&&e.relatedTarget==null&&(inspectorState.activeEl=null,onActive())}function onKeydown(e){inspectorState.activeEl&&SHORTCUT_KEYS.includes(e.code)&&(Object.defineProperty(e,"type",{get(){return`key${e.code}`.toLowerCase()}}),Object.defineProperty(e,"target",{get(){return inspectorState.activeEl}}),setupClickedElementAttrs(e),onInspect(e))}function onKeyup(e){SHORTCUT_KEYS.includes(e.code)&&cleanClickedElementAttrs()}function onInspect(e){var _a2;onSilent(e);const el=e.target;if(checkClickedElement(el)){const targetEl=(_a2=inspectorState.activeEl)!=null&&_a2.isConnected?inspectorState.activeEl:el;inspectorState.activeEl=null,once&&onExitInspect(),e.metaKey||e.type==="longpress"||e.type==="keyspace"?onOpenTree(targetEl):onOpenEditor(targetEl)}}return setupEventListeners()}function withEventFn(fn){function wrappedEventFn(...args){return cleanClickedElementAttrs(),fn(...args)}return wrappedEventFn}function onSilent(e){(checkValidElement(e.target)||checkValidElement(e.relatedTarget))&&(CLICK_ATTACHMENT_EVENTS.includes(e.type)||e.preventDefault(),e.stopPropagation())}const DISABLE_RE=/:hover/g,DISABLE_TOKEN=":oe-disable-hover",ENABLE_RE=/:oe-disable-hover/g,ENABLE_TOKEN=":hover";function disableHoverCSS(){return visitCSS(css=>css.replace(DISABLE_RE,DISABLE_TOKEN))}function enableHoverCSS(){return visitCSS(css=>css.replace(ENABLE_RE,ENABLE_TOKEN))}let taskID=0;function visitCSS(visitor){const checkNextFrame=createFrameChecker(16.666666666666668),asyncTask=createAsyncTask(),runID=++taskID,rules=Array.from(document.styleSheets).flatMap(sheet=>sheet.ownerNode instanceof HTMLLinkElement?Array.from(sheet.cssRules):[]),rulesLength=rules.length,styles=Array.from(document.querySelectorAll("style")),stylesLength=styles.length;let ruleIndex=0,styleIndex=0;return function transformHoverCSS(){for(;!checkNextFrame();){if(runID!==taskID){asyncTask.reject();return}if(ruleIndex<rulesLength){const rule=rules[ruleIndex++];replaceRule(rule.parentStyleSheet,visitor(rule.cssText))}else if(styleIndex<stylesLength){const style=styles[styleIndex++];style.textContent=visitor(style.textContent)}else{asyncTask.resolve();return}}requestAnimationFrame(transformHoverCSS)}(),asyncTask}function replaceRule(sheet,text){sheet.deleteRule(0),sheet.insertRule(text,sheet.cssRules.length)}function createFrameChecker(frameDuration){let lastTime=performance.now();return function(){const currentTime=performance.now(),nextFrame=currentTime-lastTime>frameDuration;return nextFrame&&(lastTime=currentTime),nextFrame}}function createAsyncTask(){let resolve,reject;const asyncTask=new Promise((_resolve,_reject)=>{resolve=_resolve,reject=_reject});return asyncTask.resolve=resolve,asyncTask.reject=reject,asyncTask}const mouse={outBrowser:!1,x:0,y:0};function getActiveElement(){if(!inspectorState.isActive||mouse.outBrowser)return null;const el=document.elementFromPoint(mouse.x,mouse.y);return checkValidElement(el)?el:null}IS_CLIENT&&on("DOMContentLoaded",()=>{on("mousemove",e=>{mouse.x=e.x,mouse.y=e.y},{capture:!0}),on("mouseout",e=>{mouse.outBrowser=e.relatedTarget==null},{capture:!0})});function renderUI(){inspectorState.activeEl&&(codeSourceBridge.emit([resolveSource(inspectorState.activeEl)]),boxModelBridge.emit(getBoxModel(inspectorState.activeEl)),inspectorState.isRendering||(inspectorState.isRendering=!0,requestAnimationFrame(rerenderUI)))}function rerenderUI(){if(inspectorState.isRendering){const prevActiveEl=inspectorState.prevActiveEl,nextActiveEl=inspectorState.prevActiveEl=inspectorState.activeEl;(prevActiveEl!=null||nextActiveEl!=null)&&((nextActiveEl==null?void 0:nextActiveEl.isConnected)===!1&&(inspectorState.activeEl=null),inspectorState.activeEl==null&&codeSourceBridge.emit(),boxModelBridge.emit(getBoxModel(inspectorState.activeEl))),requestAnimationFrame(rerenderUI)}}var __async=(__this,__arguments,generator)=>new Promise((resolve,reject)=>{var fulfilled=value=>{try{step(generator.next(value))}catch(e){reject(e)}},rejected=value=>{try{step(generator.throw(value))}catch(e){reject(e)}},step=x=>x.done?resolve(x.value):Promise.resolve(x.value).then(fulfilled,rejected);step((generator=generator.apply(__this,__arguments)).next())});let cleanListeners=null;function inspectorEnable(){return __async(this,null,function*(){var _a2;try{const{disableHoverCSS:isDisableHoverCSS}=getOptions();inspectorState.isEnable=!0,inspectorState.activeEl=getActiveElement(),renderUI(),cleanListeners=setupListeners({onActive:()=>renderUI(),onOpenTree:el=>treeOpenBridge.emit([resolveSource(el,!0)]),onOpenEditor:el=>openEditorBridge.emit([resolveSource(el).meta]),onExitInspect:()=>inspectorExitBridge.emit()}),isDisableHoverCSS&&(yield disableHoverCSS()),overrideStyle.mount(),(_a2=document.activeElement)==null||_a2.blur()}catch(e){}})}function inspectorExit(){return __async(this,null,function*(){var _a2;try{const{disableHoverCSS:isDisableHoverCSS}=getOptions();inspectorState.isEnable=!1,inspectorState.isRendering=!1,inspectorState.activeEl=null,cleanListeners!=null&&(cleanListeners(),cleanListeners=null),isDisableHoverCSS&&(yield enableHoverCSS()),overrideStyle.unmount(),(_a2=document.activeElement)==null||_a2.blur()}catch(e){}})}function setupInspector(){effectStyle.mount(),on("pointerdown",()=>inspectorActiveBridge.emit([CURRENT_INSPECT_ID]),{capture:!0}),on("pointermove",()=>inspectorActiveBridge.emit([CURRENT_INSPECT_ID]),{capture:!0}),on("keydown",e=>{!inspectorState.isTreeOpen&&e.altKey&&e.metaKey&&e.code==="KeyO"&&(inspectorState.isEnable?inspectorExitBridge.emit():inspectorEnableBridge.emit())},{capture:!0}),inspectorActiveBridge.on(activeId=>{inspectorState.isActive=activeId===CURRENT_INSPECT_ID,!inspectorState.isActive&&inspectorState.isRendering&&(inspectorState.isRendering=!1,inspectorState.activeEl=null)}),inspectorEnableBridge.on(inspectorEnable),inspectorExitBridge.on(inspectorExit),openEditorBridge.on(openEditor),openEditorStartBridge.on(()=>addClass(document.body,"oe-loading")),openEditorEndBridge.on(()=>removeClass(document.body,"oe-loading"))}const safeAreaCSS=":root{--oe-sait:env(safe-area-inset-top);--oe-sair:env(safe-area-inset-right);--oe-saib:env(safe-area-inset-bottom);--oe-sail:env(safe-area-inset-left);}",safeAreaStyle=createGlobalStyle(safeAreaCSS);let safeArea;const safeAreaObserver=mitt();initSafeArea();function initSafeArea(){IS_CLIENT&&on("DOMContentLoaded",()=>{safeAreaStyle.mount(),on("resize",detectionScreen),updateValue()})}let portrait;function detectionScreen(){const{outerWidth:w,outerHeight:h}=window;portrait!==(portrait=w<h)&&(updateValue(),safeAreaObserver.emit(safeArea))}function updateValue(){const get=computedStyle(document.body);safeArea={top:get("--oe-sait"),right:get("--oe-sair"),bottom:get("--oe-saib"),left:get("--oe-sail")}}function ToggleUI(){const state={};inspectorEnableBridge.on(()=>{applyStyle(state.button,{color:"var(--cyan)"})}),inspectorExitBridge.on(()=>{applyStyle(state.button,{color:null})}),on("resize",updatePosTop),on("resize",updateSize);function startDnD(){state.dnding=!0,addClass(state.root,"oe-toggle-dnd"),on("pointermove",changePosTop),on("pointerup",stopDnD)}function stopDnD(){setTimeout(()=>state.dnding=!1),removeClass(state.root,"oe-toggle-dnd"),off("pointermove",changePosTop),off("pointerup",stopDnD)}function changePosTop(e){localStorage["oe-pt"]=e.clientY,updatePosTop()}function updateSize(){const touchable="maxTouchPoints"in navigator?navigator.maxTouchPoints>0:"ontouchstart"in window;state.touchable!==touchable&&(touchable?addClass(state.root,"oe-toggle-touch"):removeClass(state.root,"oe-toggle-touch"),state.touchable=touchable)}function updatePosRight(){applyStyle(state.root,{right:CSS_util.px(safeArea.right)})}function updatePosTop(){const{clientHeight:winH}=document.body,{offsetHeight:toggleH}=state.root,cachePosY=+localStorage["oe-pt"]||0,safePosY=shared.clamp(cachePosY-toggleH/2,safeArea.top,winH-toggleH-safeArea.bottom);applyStyle(state.root,{top:CSS_util.px(safePosY)})}function toggleEnable(){state.dnding||(inspectorState.isEnable?inspectorExitBridge.emit():inspectorEnableBridge.emit())}try{return jsx("div",{className:"oe-toggle",ref:el=>state.root=el,onTouchMove:e=>e.preventDefault(),onContextMenu:e=>e.preventDefault(),children:[jsx("div",{className:"oe-toggle-overlay"}),jsx("button",{className:"oe-toggle-button",ref:el=>state.button=el,onClick:toggleEnable,onLongPress:startDnD,children:jsx("svg",{viewBox:"0 0 1024 1024",width:"100%",height:"100%",fill:"currentColor",children:[jsx("path",{d:"M512 134.07031223a26.3671875 26.3671875 0 0 1 26.2441409 23.8359375L538.3671875 160.43749973v70.31250054l-0.05273438 1.23046848c134.33203098 12.4453125 241.25976563 119.390625 253.72265598 253.72265598L793.24999973 485.6328125h70.31250054a26.3671875 26.3671875 0 0 1 2.53125 52.6113284L863.56250027 538.3671875h-70.31250054l-1.23046848-0.05273438c-12.4453125 134.33203098-119.37304715 241.25976563-253.70507812 253.72265598L538.3671875 793.24999973v70.31250054a26.3671875 26.3671875 0 0 1-52.6113284 2.53125L485.6328125 863.56250027v-70.31250054l0.07031223-1.21289063c-134.33203098-12.46289035-241.27734348-119.390625-253.74023383-253.72265597L230.75000027 538.3671875H160.43749973a26.3671875 26.3671875 0 0 1-2.53125-52.6113284L160.43749973 485.6328125h70.31250054l1.21289063 0.07031223c12.46289035-134.34960965 119.390625-241.27734348 253.74023383-253.74023383L485.6328125 230.75000027V160.43749973A26.3671875 26.3671875 0 0 1 512 134.07031223z m0 147.83203179c-127.08984375 0-230.09765598 103.00781223-230.09765598 230.09765598 0 127.08984375 103.00781223 230.09765598 230.09765598 230.09765598 127.08984375 0 230.09765598-103.00781223 230.09765598-230.09765598 0-127.08984375-103.00781223-230.09765598-230.09765598-230.09765598z"}),jsx("path",{d:"M512 388.95312527a123.04687473 123.04687473 0 1 0 0 246.09374946 123.04687473 123.04687473 0 0 0 0-246.09374946z m0 49.21874973a73.828125 73.828125 0 1 1 0 147.65625 73.828125 73.828125 0 0 1 0-147.65625z"})]})})]})}finally{updatePosTop(),updateSize(),safeAreaObserver.on(updatePosRight)}}function OverlayUI(){const state={};inspectorEnableBridge.on(()=>{addClass(state.position,"oe-overlay-show")}),inspectorExitBridge.on(()=>{removeClass(state.position,"oe-overlay-show"),updateBoxModel(getDefaultBoxRect(),getDefaultBoxLines())}),boxModelBridge.on(updateBoxModel);function updateBoxModel(rect,lines){applyStyle(state.position,{width:CSS_util.px(rect.width),height:CSS_util.px(rect.height),transform:CSS_util.translate(rect.left,rect.top)});for(const key of Object.keys(lines)){const el=state[key],line=lines[key];applyStyle(el,{borderTopWidth:CSS_util.px(line.top),borderRightWidth:CSS_util.px(line.right),borderBottomWidth:CSS_util.px(line.bottom),borderLeftWidth:CSS_util.px(line.left)})}}return jsx("div",{className:"oe-overlay",ref:el=>state.position=el,children:jsx("div",{className:"oe-overlay-margin",ref:el=>state.margin=el,children:jsx("div",{className:"oe-overlay-border",ref:el=>state.border=el,children:jsx("div",{className:"oe-overlay-padding",ref:el=>state.padding=el,children:jsx("div",{className:"oe-overlay-content"})})})})})}function TooltipUI(){const state={},pending=mitt();inspectorEnableBridge.on(()=>{addClass(state.root,"oe-tooltip-show")}),inspectorExitBridge.on(()=>{removeClass(state.root,"oe-tooltip-show"),updateSource()}),codeSourceBridge.on(updateSource),boxModelBridge.on(rect=>{state.isPending?pending.once(()=>updateRect(rect)):updateRect(rect)});function updateSource(source){state.isPending=!0,applyStyle(state.root,{visibility:"hidden",transform:CSS_util.translate(6,6)}),source!=null&&source.meta&&(state.tag.textContent=`${source.el} in `,state.comp.textContent=`<${source.meta.name}>`,state.file.textContent=`${source.meta.file}:${source.meta.line}:${source.meta.column}`,state.isPending=!1,pending.emit())}function updateRect(rect){const{clientWidth:winW,clientHeight:winH}=document.body,{width:rootW,height:rootH}=getDOMRect(state.root),onTopArea=rect.top>rootH+safeArea.top+6*2,top=shared.clamp(onTopArea?rect.top-rootH-6:rect.bottom+6,safeArea.top+6,winH-rootH-safeArea.bottom-6),left=shared.clamp(rect.left,safeArea.left+6,winW-rootW-safeArea.right-6);applyStyle(state.root,{visibility:"visible",transform:CSS_util.translate(left,top)})}return jsx("div",{className:"oe-tooltip",ref:el=>state.root=el,children:jsx("div",{className:"oe-tooltip-content",children:[jsx("span",{className:"oe-tooltip-tag",ref:el=>state.tag=el}),jsx("span",{className:"oe-tooltip-comp",ref:el=>state.comp=el}),jsx("span",{className:"oe-tooltip-file",ref:el=>state.file=el})]})})}function TreeUI(){const{once}=getOptions(),state={};treeOpenBridge.on(source=>{inspectorState.isTreeOpen=!0,renderTree(source),applyStyle(state.root,{display:"block"}),addClass(document.body,"oe-lock-screen")}),treeCloseBridge.on(()=>{inspectorState.isTreeOpen=!1,applyStyle(state.root,{display:"none"}),removeClass(document.body,"oe-lock-screen")});function renderTree(source){const hasTree=source.tree.length>0,content=jsx(FRAGMENT_TYPE,{children:[jsx("div",{className:"oe-tree-title",children:[jsx("span",{className:"oe-tree-tag",children:[source.el," in "]}),"<ComponentTree>"]}),jsx("div",{className:"oe-tree-content",children:hasTree?buildTree(source.tree):">> not found \u{1F62D}."})]});hasTree?removeClass(state.popup,"oe-tree-error"):addClass(state.popup,"oe-tree-error"),replaceChildren(state.popupBody,content)}function buildTree(tree){const meta=tree.pop(),tagName=`<${meta.name}>`,fileName=`${meta.file}:${meta.line}:${meta.column}`;return jsx("div",{className:"oe-tree-item",children:[jsx("div",{className:"oe-tree-node",title:"Click to open in your editor",onClick:()=>{once&&treeCloseBridge.emit(),openEditorBridge.emit([meta])},children:[tagName,jsx("span",{className:"oe-tree-file",children:fileName})]}),tree.length>0&&jsx(FRAGMENT_TYPE,{children:[jsx("div",{className:"oe-tree-line"}),buildTree(tree),jsx("div",{className:"oe-tree-node",children:tagName})]})]})}return jsx("div",{className:"oe-tree",ref:el=>state.root=el,onClick:()=>treeCloseBridge.emit(),onQuickExit:()=>treeCloseBridge.emit(),children:jsx("div",{className:"oe-tree-popup",ref:el=>state.popup=el,onClick:e=>e.stopPropagation(),children:[jsx("button",{className:"oe-tree-close",ref:el=>state.popupClose=el,onClick:()=>treeCloseBridge.emit(),children:jsx("svg",{viewBox:"0 0 1024 1024",width:"100%",height:"100%",fill:"currentColor",children:jsx("path",{d:"M569.02728271 509.40447998L877.59753418 817.97473145 820.57025146 872.40649414 512 563.83624268 198.23870849 882.78857422 141.21142578 823.16577148l313.76129151-318.95233154L146.40246582 195.64318847 203.42974854 141.21142578 512 449.78167724 820.57025146 141.21142578 877.59753418 200.83422852 569.02728271 509.40447998z"})})}),jsx("div",{className:"oe-tree-body",ref:el=>state.popupBody=el})]})})}function setupUI(){const{crossIframe,displayToggle}=getOptions();crossIframe&&!isTopWindow||document.querySelector(HTML_INSPECTOR_ELEMENT)||(customElements.define(HTML_INSPECTOR_ELEMENT,class extends HTMLElement{constructor(){super(),Object.defineProperty(this,"shadowRoot",{value:this.attachShadow({mode:"closed"})})}connectedCallback(){openEditorErrorBridge.on(()=>{const errorOverlay=jsx("div",{className:"oe-error-overlay"}),ani=errorOverlay.animate([{},{boxShadow:"inset 0 0 20px 10px var(--red)",background:"var(--red-light)"},{}],{duration:600,easing:"ease-out"});on("finish",()=>errorOverlay.remove(),{target:ani}),appendChild(this.shadowRoot,errorOverlay)}),replaceChildren(this.shadowRoot,jsx(FRAGMENT_TYPE,{children:[jsx("style",{type:"text/css",children:":host{--text-color:#ffffff;--text-color2:#dddddd;--bg-color:#2c2c2e;--bg-color-opt:#2c2c2ee6;--bg-color2:#6c6c6e;--cyan:#4df9fa;--red:#ff335c;--red-light:#ff335c33;--shadow:0 0 1px var(--bg-color2);--filter:blur(8px);--overlay-margin:#f6b26ba8;--overlay-border:#ffe599a8;--overlay-padding:#93c47d8c;--overlay-content:#6fa7dca8;--z-index-overlay:2147483643;--z-index-toggle:2147483644;--z-index-tooltip:2147483645;--z-index-tree:2147483646;--z-index-error-overlay:2147483647;--min-w:280px;--w:min(calc(100vw - 96px),500px);--h:min(calc(100vh - 148px),300px);all:initial;}*{margin:0;padding:0;box-sizing:content-box;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;font-size:12px;font-weight:400;line-height:1.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;overflow-wrap:break-word;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}.oe-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-index-error-overlay);}.oe-toggle{position:fixed;right:0px;z-index:var(--z-index-toggle);padding:6px;font-size:0px;}.oe-toggle-overlay{position:fixed;top:0px;left:0px;width:100vw;height:100vh;display:none;}.oe-toggle-button{padding:2px;width:20px;height:20px;color:var(--text-color);background:var(--bg-color);box-shadow:var(--shadow);border:none;outline:none;border-radius:999px;transition:all 0.1s;}.oe-toggle-touch{padding:10px;}.oe-toggle-touch .oe-toggle-button{padding:3px;width:30px;height:30px;}.oe-toggle-dnd{cursor:ns-resize;}.oe-toggle-dnd .oe-toggle-overlay{display:block;}.oe-toggle-dnd .oe-toggle-button{transform:scale(1.2);opacity:0.8;cursor:ns-resize;}.oe-overlay{position:fixed;top:0;left:0;z-index:var(--z-index-overlay);display:none;pointer-events:none;will-change:width,height,transform;}.oe-overlay *{box-sizing:border-box;width:100%;height:100%;border:0px solid;will-change:width,height,border;}.oe-overlay-margin{border-color:var(--overlay-margin);}.oe-overlay-border{border-color:var(--overlay-border);}.oe-overlay-padding{border-color:var(--overlay-padding);}.oe-overlay-content{background:var(--overlay-content);}.oe-overlay-show{display:block;}.oe-tooltip{position:fixed;top:0;left:0;z-index:var(--z-index-tooltip);display:none;max-width:calc(100% - 56px);visibility:hidden;-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);box-shadow:var(--shadow);border-radius:12px;overflow:hidden;pointer-events:none;will-change:visibility,width,height,transform;}.oe-tooltip-content{padding:12px 20px;background:var(--bg-color-opt);-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);}.oe-tooltip-tag{color:var(--text-color);}.oe-tooltip-comp{font-size:14px;font-weight:600;color:var(--text-color);}.oe-tooltip-file{display:block;text-decoration:underline;word-wrap:break-word;color:var(--text-color2);}.oe-tooltip-show{display:inline-block;visibility:hidden;}.oe-tree{display:none;position:fixed;top:0;left:0;z-index:var(--z-index-tree);width:100vw;height:100vh;-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);touch-action:none;}.oe-tree-popup{position:fixed;top:50%;left:50%;z-index:var(--z-index-tree);transform:translate(-50%,-50%);color:var(--text-color);background:var(--bg-color-opt);-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);box-shadow:var(--shadow);border-radius:16px;}.oe-tree-close{position:absolute;top:4px;right:4px;padding:8px;width:20px;height:20px;color:var(--text-color);background:transparent;border:none;border-radius:99px;}.oe-tree-close:hover{-webkit-backdrop-filter:invert(50%);backdrop-filter:invert(50%);}.oe-tree-body{padding:20px 28px;overflow:hidden;}.oe-tree-error,.oe-tree-error *{color:var(--red);}.oe-tree-error .oe-tree-close:hover{background:var(--red-light);}.oe-tree-title{box-sizing:border-box;min-width:var(--min-w);max-width:var(--w);padding:0 12px 12px 0;font-size:18px;font-weight:600;}.oe-tree-tag{font-size:14px;font-weight:400;}.oe-tree-content{min-width:var(--min-w);max-width:var(--w);max-height:var(--h);white-space:nowrap;overflow:auto;scrollbar-width:none;}.oe-tree-content::-webkit-scrollbar{display:none;}.oe-tree-content>.oe-tree-tree{margin-left:-10px;}.oe-tree-item{position:relative;padding-left:10px;width:-moz-fit-content;width:fit-content;}.oe-tree-line{position:absolute;left:11px;top:22px;opacity:0.2;width:1px;height:calc(100% - 44px);background:var(--text-color);}.oe-tree-node{margin:2px 0;width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:500;color:var(--text-color);opacity:0.6;}.oe-tree-node[title]:hover,.oe-tree-node[title]:hover~.oe-tree-node{opacity:1;}.oe-tree-node[title]:hover~.oe-tree-line{opacity:0.6;}.oe-tree-file{padding-left:6px;font-size:12px;font-weight:400;text-decoration:underline;color:var(--text-color2);pointer-events:none;}"}),displayToggle&&jsx(ToggleUI,{}),jsx(OverlayUI,{}),jsx(TooltipUI,{}),jsx(TreeUI,{})]}))}}),appendChild(document.body,jsx(HTML_INSPECTOR_ELEMENT,{})))}function setupClient(opts2){IS_CLIENT&&on("DOMContentLoaded",()=>{setOptions(opts2),setupBridge(),setupInspector(),setupUI()})}exports.setupClient=setupClient;
+"use strict";var shared=require("@open-editor/shared"),outmatch=require("outmatch"),__getOwnPropSymbols$6=Object.getOwnPropertySymbols,__hasOwnProp$6=Object.prototype.hasOwnProperty,__propIsEnum$6=Object.prototype.propertyIsEnumerable,__objRest$1=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp$6.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols$6)for(var prop of __getOwnPropSymbols$6(source))exclude.indexOf(prop)<0&&__propIsEnum$6.call(source,prop)&&(target[prop]=source[prop]);return target};function createCustomEventHandler(type,setupListener2){const targetMap=new WeakMap;function addEventListener(cb,opts2){const _a2=opts2,{once,signal}=_a2,addOpts=__objRest$1(_a2,["once","signal"]),caches=targetMap.get(addOpts.target)||[];if(caches.findIndex(cache=>isSameListener(cache,cb,opts2))===-1){const remove=()=>{signal&&off("abort",remove,{target:signal}),removeEventListener(cb,opts2)};signal&&on("abort",remove,{target:signal});const stop=setupListener2(e=>{if(signal!=null&&signal.aborted)return;once&&remove();const evt=new PointerEvent(type,e);Object.defineProperty(evt,"target",{value:e.target,enumerable:!0}),cb(evt)},addOpts),nextCaches=[...caches,{cb,opts:opts2,stop}];targetMap.set(addOpts.target,nextCaches)}}function removeEventListener(cb,opts2){const caches=targetMap.get(opts2.target)||[],index=caches.findIndex(cache=>isSameListener(cache,cb,opts2));if(index!==-1){const nextCaches=[...caches],[removedCache]=nextCaches.splice(index,1);removedCache.stop(),targetMap.set(opts2.target,nextCaches)}}function isSameListener(cache,cb,opts2){return cache.cb===cb&&cache.opts.capture===opts2.capture}return{addEventListener,removeEventListener}}var longpress=createCustomEventHandler("longpress",setupListener$2);function setupListener$2(listener,opts2){const{wait=300}=opts2;function setup(){return on("pointerdown",start,opts2),on("pointermove",stop,opts2),on("pointerup",stop,opts2),on("pointercancel",stop,opts2),clean}function clean(){off("pointerdown",start,opts2),off("pointermove",stop,opts2),off("pointerup",stop,opts2),off("pointercancel",stop,opts2)}let waitTimer=null;function start(e){e.button===0&&e.buttons===1&&(waitTimer=setTimeout(()=>{var _a2;(_a2=navigator.vibrate)==null||_a2.call(navigator,15),listener(e)},wait))}function stop(){waitTimer!=null&&(clearTimeout(waitTimer),waitTimer=null)}return setup()}var __defProp$4=Object.defineProperty,__defProps$2=Object.defineProperties,__getOwnPropDescs$2=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$5=Object.getOwnPropertySymbols,__hasOwnProp$5=Object.prototype.hasOwnProperty,__propIsEnum$5=Object.prototype.propertyIsEnumerable,__defNormalProp$4=(obj,key,value)=>key in obj?__defProp$4(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$4=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$5.call(b,prop)&&__defNormalProp$4(a,prop,b[prop]);if(__getOwnPropSymbols$5)for(var prop of __getOwnPropSymbols$5(b))__propIsEnum$5.call(b,prop)&&__defNormalProp$4(a,prop,b[prop]);return a},__spreadProps$2=(a,b)=>__defProps$2(a,__getOwnPropDescs$2(b)),quickexit=createCustomEventHandler("quickexit",setupListener$1);function setupListener$1(listener,opts2){function setup(){return on("keydown",trigger,__spreadProps$2(__spreadValues$4({},opts2),{target:window})),on("rightclick",trigger,opts2),clean}function clean(){off("keydown",trigger,__spreadProps$2(__spreadValues$4({},opts2),{target:window})),off("rightclick",trigger,opts2)}function trigger(e){(e.code==="Escape"||e.type==="rightclick")&&(e.preventDefault(),listener(e))}return setup()}var rightclick=createCustomEventHandler("rightclick",setupListener);function setupListener(listener,opts2){function setup(){return on("contextmenu",trigger,opts2),clean}function clean(){off("contextmenu",trigger,opts2)}function trigger(e){e.preventDefault(),(e.pointerType==null||e.pointerType==="mouse")&&listener(e)}return setup()}function on(type,listener,opts2={}){switch(opts2.target||(opts2.target=window),type){case"longpress":longpress.addEventListener(listener,opts2);break;case"quickexit":quickexit.addEventListener(listener,opts2);break;case"rightclick":rightclick.addEventListener(listener,opts2);break;default:opts2.target.addEventListener(type,listener,opts2)}}function off(type,listener,opts2={}){switch(opts2.target||(opts2.target=window),type){case"longpress":longpress.removeEventListener(listener,opts2);break;case"quickexit":quickexit.removeEventListener(listener,opts2);break;case"rightclick":rightclick.removeEventListener(listener,opts2);break;default:opts2.target.removeEventListener(type,listener,opts2)}}const HTML_INSPECTOR_ELEMENT="open-editor-inspector",IS_CLIENT=typeof window!="undefined",IS_FIREFOX=IS_CLIENT&&/firefox/i.test(navigator.userAgent),CURRENT_INSPECT_ID=Math.random().toString(16).substring(2,10),ENABLE_INSPECTOR_EVENT="enableinspector",EXIT_INSPECTOR_EVENT="exitinspector",OPEN_EDITOR_EVENT="openeditor",INSPECTOR_ACTIVE_CROSS_IFRAME="oe:INSPECTOR_ACTIVE_CROSS_IFRAME",INSPECTOR_ENABLE_CROSS_IFRAME="oe:INSPECTOR_ENABLE_CROSS_IFRAME",INSPECTOR_EXIT_CROSS_IFRAME="oe:INSPECTOR_EXIT_CROSS_IFRAME",CODE_SOURCE_CROSS_IFRAME="oe:CODE_SOURCE_CROSS_IFRAME",BOX_MODEL_CROSS_IFRAME="oe:BOX_MODEL_CROSS_IFRAME",TREE_OPEN_CROSS_IFRAME="oe:TREE_OPEN_CROSS_IFRAME",TREE_CLOSE_CROSS_IFRAME="oe:TREE_CLOSE_CROSS_IFRAME",OPEN_EDITOR_CROSS_IFRAME="oe:OPEN_EDITOR_CROSS_IFRAME",OPEN_EDITOR_START_CROSS_IFRAME="oe:OPEN_EDITOR_START_CROSS_IFRAME",OPEN_EDITOR_END_CROSS_IFRAME="oe:OPEN_EDITOR_END_CROSS_IFRAME",OPEN_EDITOR_ERROR_CROSS_IFRAME="oe:OPEN_EDITOR_ERROR_CROSS_IFRAME";function logError(msg,logLevel="log"){const s=errMsg(msg);if(logLevel==="throw")throw Error(s);console.error(s)}function errMsg(msg){return`[@open-editor/client] ${msg}`}var __defProp$3=Object.defineProperty,__defProps$1=Object.defineProperties,__getOwnPropDescs$1=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$4=Object.getOwnPropertySymbols,__hasOwnProp$4=Object.prototype.hasOwnProperty,__propIsEnum$4=Object.prototype.propertyIsEnumerable,__defNormalProp$3=(obj,key,value)=>key in obj?__defProp$3(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$3=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$4.call(b,prop)&&__defNormalProp$3(a,prop,b[prop]);if(__getOwnPropSymbols$4)for(var prop of __getOwnPropSymbols$4(b))__propIsEnum$4.call(b,prop)&&__defNormalProp$3(a,prop,b[prop]);return a},__spreadProps$1=(a,b)=>__defProps$1(a,__getOwnPropDescs$1(b));let opts;function setOptions(userOpts){var _a2,_b,_c,_d,_e;opts=__spreadProps$1(__spreadValues$3({},userOpts),{displayToggle:(_a2=userOpts.displayToggle)!=null?_a2:!0,disableHoverCSS:(_b=userOpts.disableHoverCSS)!=null?_b:!0,ignoreComponents:(_c=userOpts.ignoreComponents)!=null?_c:"/**/node_modules/**/*",once:(_d=userOpts.once)!=null?_d:!0,crossIframe:(_e=userOpts.crossIframe)!=null?_e:!0})}function getOptions(){return opts||logError("options missing.","throw"),opts}function mitt(){const fns=new Set,mitter={get isEmpty(){return fns.size===0},on(fn){fns.add(fn)},once(fn){const once=(...args)=>{mitter.off(once),fn(...args)};mitter.on(once)},off(fn){fns.delete(fn)},emit(...args){fns.forEach(fn=>fn(...args))}};return mitter}var __defProp$2=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$3=Object.getOwnPropertySymbols,__hasOwnProp$3=Object.prototype.hasOwnProperty,__propIsEnum$3=Object.prototype.propertyIsEnumerable,__defNormalProp$2=(obj,key,value)=>key in obj?__defProp$2(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$2=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$3.call(b,prop)&&__defNormalProp$2(a,prop,b[prop]);if(__getOwnPropSymbols$3)for(var prop of __getOwnPropSymbols$3(b))__propIsEnum$3.call(b,prop)&&__defNormalProp$2(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));function crossIframeBridge(opts2={}){const{setup,emitMiddlewares}=opts2,mitter=mitt();let init=!1;return __spreadProps(__spreadValues$2({},mitter),{setup(){const{crossIframe}=getOptions();crossIframe&&!init&&(init=!0,setup==null||setup())},emit(args,immediate){Array.isArray(args)||(args=[]);const{crossIframe}=getOptions();if(crossIframe&&!immediate&&emitMiddlewares!=null&&emitMiddlewares.length){const stack=[...emitMiddlewares,()=>mitter.emit(...args)];(function next(){stack.shift()(args,next)})()}else mitter.emit(...args)}})}const topWindow=IS_CLIENT?getTopWindow():void 0,isTopWindow=IS_CLIENT&&topWindow===window;function whenTopWindow(cb,feedback){isTopWindow?cb():feedback==null||feedback()}function getTopWindow(){let current=window;for(;current.frameElement;)current=current.parent;return current}function onMessage(type,cb){on("message",({data})=>{shared.isStr(data)&&data.startsWith(type)&&cb(JSON.parse(data.replace(type,"")))})}function postMessage(type,args=[],target=window){target.postMessage(`${type}${JSON.stringify(args)}`,"*")}function postMessageAll(type,args=[],corssOrigin=!1){Array.from(window.frames).forEach(frame=>{try{(corssOrigin||frame.document)&&postMessage(type,args,frame)}catch(e){corssOrigin&&postMessage(type,args,frame)}})}const inspectorActiveBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_ACTIVE_CROSS_IFRAME,args=>{postMessageAll(INSPECTOR_ACTIVE_CROSS_IFRAME,args),inspectorActiveBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(INSPECTOR_ACTIVE_CROSS_IFRAME,args,topWindow)}]});function dispatchEvent(type,detail){const e=new CustomEvent(type,{bubbles:!0,cancelable:!0,composed:!0,detail});return window.dispatchEvent(e)}const inspectorEnableBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_ENABLE_CROSS_IFRAME,args=>{whenTopWindow(()=>{dispatchEvent(ENABLE_INSPECTOR_EVENT)&&dispatchEmit()},dispatchEmit);function dispatchEmit(){postMessageAll(INSPECTOR_ENABLE_CROSS_IFRAME,args),inspectorEnableBridge.emit(args,!0)}})},emitMiddlewares:[args=>{postMessage(INSPECTOR_ENABLE_CROSS_IFRAME,args,topWindow)}]}),inspectorExitBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_EXIT_CROSS_IFRAME,args=>{whenTopWindow(()=>{dispatchEvent(EXIT_INSPECTOR_EVENT)&&dispatchEmit()},dispatchEmit);function dispatchEmit(){postMessageAll(INSPECTOR_EXIT_CROSS_IFRAME,args),inspectorExitBridge.emit(args,!0)}})},emitMiddlewares:[args=>{postMessage(INSPECTOR_EXIT_CROSS_IFRAME,args,topWindow)}]}),codeSourceBridge=crossIframeBridge({setup(){onMessage(CODE_SOURCE_CROSS_IFRAME,args=>{codeSourceBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(CODE_SOURCE_CROSS_IFRAME,args,topWindow)})}]});var __getOwnPropSymbols$2=Object.getOwnPropertySymbols,__hasOwnProp$2=Object.prototype.hasOwnProperty,__propIsEnum$2=Object.prototype.propertyIsEnumerable,__objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp$2.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols$2)for(var prop of __getOwnPropSymbols$2(source))exclude.indexOf(prop)<0&&__propIsEnum$2.call(source,prop)&&(target[prop]=source[prop]);return target};const FRAGMENT_TYPE="INTERNAL_VIRTUAL_FRAGMENT",svgNS="http://www.w3.org/2000/svg",svgTypes={svg:!0,path:!0};function jsx(type,props){const _a2=props,{ref,className,style,children}=_a2,attrs=__objRest(_a2,["ref","className","style","children"]);if(typeof type=="function")return type(props);const el=svgTypes[type]?document.createElementNS(svgNS,type):document.createElement(type);if(type!==FRAGMENT_TYPE){className&&(el.className=className),style&&Object.assign(el.style,style);for(const prop of Object.keys(attrs)){const val=attrs[prop];val!=null&&(isEventType(prop)?on(toNativeType(prop),val,{target:el}):el.setAttribute(prop,val))}ref&&ref(el)}return children!=null&&appendChildren(el,Array.isArray(children)?children:[children]),el}function appendChildren(el,children){for(const child of children)child instanceof Element?child.tagName===FRAGMENT_TYPE?appendChildren(el,Array.from(child.children)):el.appendChild(child):Array.isArray(child)?appendChildren(el,child):child&&el.appendChild(document.createTextNode(child))}const eventRE=/^on[A-Z]/;function isEventType(val){return eventRE.test(val)}function toNativeType(val){return val.substr(2).toLowerCase()}function applyAttrs(el,attrs){for(const prop of Object.keys(attrs)){const val=attrs[prop];val!=null?el.setAttribute(prop,val):el.removeAttribute(prop)}}function appendChild(el,...children){for(const child of children)child.tagName===FRAGMENT_TYPE?appendChild(el,...child.children):el.appendChild(child)}function replaceChildren(el,...children){for(;el.firstChild;)el.removeChild(el.firstChild);appendChild(el,...children)}function checkVisibility(el){if(!el.isConnected)return!1;for(;el;){if(computedStyle(el)("display",!1)==="none")return!1;el=el.parentElement}return!0}const CSS_util={px(value){return`${value}px`},pv(value){return Number.parseFloat(value)},translate(x,y){return`translate(${CSS_util.px(x)}, ${CSS_util.px(y)})`}};function applyStyle(el,...styles){Object.assign(el.style,...styles)}function computedStyle(el){const style=getComputedStyle(el,null);function get(property,toNumber=!0){let value=style.getPropertyValue(property);return toNumber&&(value=CSS_util.pv(value)||0),value}return get}function addClass(el,className){el.classList.add(...className.split(" "))}function removeClass(el,className){el.classList.remove(...className.split(" "))}const INVALID_ELEMEN_TCROSS_IFRAME=[HTML_INSPECTOR_ELEMENT],INVALID_ELEMENT=[...INVALID_ELEMEN_TCROSS_IFRAME,void 0,"html"];function checkValidElement(el){if(el==null||!el.isConnected)return!1;const{crossIframe}=getOptions();return crossIframe?!INVALID_ELEMEN_TCROSS_IFRAME.includes(el.localName):!INVALID_ELEMENT.includes(el.localName)}var _a;const IS_COMPUTED=IS_CLIENT&&shared.hasOwnProperty(document.body.style,"zoom")&&!IS_FIREFOX&&!((_a=navigator.userAgentData)!=null&&_a.brands.find(i=>i.brand==="Chromium"&&+i.version>127));function getDOMRect(target){const domRect=target.getBoundingClientRect().toJSON();return IS_COMPUTED?computedDOMRect(target,domRect):domRect}function computedDOMRect(target,domRect){const zoom=getCompositeZoom(target);return zoom!==1&&Object.keys(domRect).forEach(key=>domRect[key]*=zoom),domRect}function getCompositeZoom(target){let zoom=1;for(;target;)zoom*=computedStyle(target)("zoom"),target=target.parentElement;return zoom}var __defProp$1=Object.defineProperty,__getOwnPropSymbols$1=Object.getOwnPropertySymbols,__hasOwnProp$1=Object.prototype.hasOwnProperty,__propIsEnum$1=Object.prototype.propertyIsEnumerable,__defNormalProp$1=(obj,key,value)=>key in obj?__defProp$1(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$1=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$1.call(b,prop)&&__defNormalProp$1(a,prop,b[prop]);if(__getOwnPropSymbols$1)for(var prop of __getOwnPropSymbols$1(b))__propIsEnum$1.call(b,prop)&&__defNormalProp$1(a,prop,b[prop]);return a};const IS_BORDER_WITH_ZOOM=!IS_FIREFOX;function getBoxModel(el){if(!checkValidElement(el)||!checkVisibility(el))return getDefaultBoxModel();const{width,height,top,right,bottom,left}=getDOMRect(el),get=computedStyle(el),zoom=getCompositeZoom(el);function withZoom(value,use=!0){return use?value*zoom:value}const marginTop=withZoom(Math.max(get("margin-top"),0)),marginRight=withZoom(Math.max(get("margin-right"),0)),marginBottom=withZoom(Math.max(get("margin-bottom"),0)),marginLeft=withZoom(Math.max(get("margin-left"),0)),borderTop=withZoom(get("border-top"),IS_BORDER_WITH_ZOOM),borderRight=withZoom(get("border-right"),IS_BORDER_WITH_ZOOM),borderBottom=withZoom(get("border-bottom"),IS_BORDER_WITH_ZOOM),borderLeft=withZoom(get("border-left"),IS_BORDER_WITH_ZOOM),paddingTop=withZoom(get("padding-top")),paddingRight=withZoom(get("padding-right")),paddingBottom=withZoom(get("padding-bottom")),paddingLeft=withZoom(get("padding-left")),positionTop=top-marginTop,positionRight=right+marginRight,positionBottom=bottom+marginBottom,positionLeft=left-marginLeft,positionWidth=width+marginLeft+marginRight,positionHeight=height+marginTop+marginBottom;return[createBoxRect(positionWidth,positionHeight,positionTop,positionRight,positionBottom,positionLeft),{margin:createBoxLine(marginTop,marginRight,marginBottom,marginLeft),border:createBoxLine(borderTop,borderRight,borderBottom,borderLeft),padding:createBoxLine(paddingTop,paddingRight,paddingBottom,paddingLeft)}]}function getDefaultBoxModel(){return[createBoxRect(),{margin:createBoxLine(),border:createBoxLine(),padding:createBoxLine()}]}function createBoxRect(width=0,height=0,top=0,right=0,bottom=0,left=0){return __spreadValues$1({width,height},createBoxLine(top,right,bottom,left))}function createBoxLine(top=0,right=0,bottom=0,left=0){return{top,right,bottom,left}}const boxModelBridge=crossIframeBridge({setup(){onMessage(BOX_MODEL_CROSS_IFRAME,args=>{boxModelBridge.emit(args,isTopWindow)})},emitMiddlewares:[([rect],next)=>{if(window.frameElement){const[position,{margin,border,padding}]=getBoxModel(window.frameElement),frameDifference=[position,margin,border,padding];for(const{top,left}of frameDifference)rect.top+=top,rect.left+=left;rect.bottom=rect.top+rect.height,rect.right=rect.left+rect.width}next()},(args,next)=>{whenTopWindow(next,()=>{postMessage(BOX_MODEL_CROSS_IFRAME,args,window.parent)})}]});function ensureFileName(fileName){const{rootDir}=getOptions();return fileName.startsWith(rootDir)&&(fileName=fileName.replace(rootDir,"").replace(/^\//,"")),fileName}const invalidRE=/^\/home\/runner\//;function isValidFileName(fileName){return fileName?(fileName=fileName.startsWith("/")?fileName:`/${fileName}`,!invalidRE.test(fileName)&&filter(fileName)):!1}let glob;function filter(fileName){const{ignoreComponents}=getOptions();return ignoreComponents?!(glob||(glob=outmatch(ignoreComponents,{excludeDot:!1})))(fileName):!0}function createReactResolver(opts2){const{isValid,getNext,getSource,getName}=opts2;function reactResolver(cur,tree,deep){for(;cur;){const source=normalizeSource2(getSource(cur));let next=getNext(cur);if(isValidFileName(source==null?void 0:source.fileName)){for(;!isValid(next);){if(!next)return;next=getNext(next)}if(tree.push({name:getName(next),file:source.fileName,line:source.lineNumber,column:source.columnNumber}),!deep)return}cur=next}}function normalizeSource2(source){return source&&(source.fileName=ensureFileName(shared.normalizePath(source.fileName))),source}return reactResolver}function resolveReact17({value:fiber},tree,deep=!1){resolveForFiber(fiber,tree,deep)}let resolver$3;function resolveForFiber(fiber,tree,deep=!1){setupResolver$3(),resolver$3(fiber,tree,deep)}function setupResolver$3(){resolver$3||(resolver$3=createReactResolver({isValid(owner){return owner!=null&&owner._debugSource?shared.isFn(owner.type)||shared.isFn(owner.type.render):!1},getNext(fiber){return fiber._debugOwner},getSource(fiber){return fiber._debugSource},getName(owner){if(owner){const c=shared.isFn(owner.type)?owner.type:owner.type.render;return(c==null?void 0:c.name)||(c==null?void 0:c.displayName)}}}))}function resolveReact15({value:inst},tree,deep=!1){inst&&shared.hasOwnProperty(inst,"_debugOwner")?resolveForFiber(inst,tree,deep):resolveForInstance(inst,tree,deep)}let resolver$2;function resolveForInstance(inst,tree,deep=!1){setupResolver$2(),resolver$2(inst,tree,deep)}function setupResolver$2(){resolver$2||(resolver$2=createReactResolver({isValid(owner){const el=owner==null?void 0:owner._currentElement;return el?shared.isFn(el.type)||shared.isFn(el.type.render):!1},getNext(inst){var _a2;return(_a2=inst._currentElement)==null?void 0:_a2._owner},getSource(inst){var _a2;return(_a2=inst._currentElement)==null?void 0:_a2._source},getName(owner){const el=owner._currentElement;if(el){const c=shared.isFn(el.type)?el.type:el.type.render;return(c==null?void 0:c.name)||(c==null?void 0:c.displayName)}}}))}var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a};function createVueResolver(opts2){function vueResolver(debug,tree,deep){const{isValid,getNext,getSource,getFile,getName}=opts2,record=new Set;let[inst,source]=getAnchor(debug,getSource);for(;isValid(inst);){const file=normalizeSource(getFile(inst));if(isValidFileName(file)){if(source){if(resolveForSource(file))return}else if(resolveForFile(file))return}inst=getNext(inst)}function resolveForSource(file){const parsedSource=parsePath(source),parsedFile=parsePath(file);if(parsedSource.file===parsedFile.file)return record.has(parsedSource.file)||(push(inst,parsedSource),source=normalizeSource(getSource(inst))),!deep}function resolveForFile(file){const parsedFile=parsePath(file);return record.has(parsedFile.file)||push(inst,parsedFile),!deep}function push(inst2,meta){var _a2;record.add(meta.file),tree.push(__spreadValues({name:(_a2=getName(inst2))!=null?_a2:getNameForFile(meta.file)},meta))}}return vueResolver}function getAnchor(debug,getSource){const source=normalizeSource(debug.el.getAttribute("__source"));for(;shared.isStr(source);)return[debug.value,source];return[debug.value,normalizeSource(getSource(debug.value))]}function normalizeSource(source){return source&&ensureFileName(shared.normalizePath(source))}const splitRE=/:(?=\d)/;function parsePath(source){const[f,l=1,c=1]=source.split(splitRE);return{file:f,line:Number(l),column:Number(c)}}const nameRE=/([^/]+)\.[^.]+$/;function getNameForFile(file=""){const[,n]=file.match(nameRE);return n}let resolver$1;function resolveVue3(debug,tree,deep=!1){setupResolver$1(),resolver$1(debug,tree,deep)}function setupResolver$1(){resolver$1||(resolver$1=createVueResolver({isValid(inst){return!!inst},getNext(inst){return inst.parent},getSource(inst){for(;inst;){const source=inst.props.__source;if(source)return source;inst=inst.parent}},getFile(inst){return inst.type.__file},getName(inst){return inst.type.name||inst.type.__name}}))}let resolver;function resolveVue2(debug,tree,deep=!1){const componentInstance=debug.value._vnode.componentInstance;componentInstance&&(debug.value=componentInstance),setupResolver(),resolver(debug,tree,deep)}function setupResolver(){resolver||(resolver=createVueResolver({isValid(inst){return!!(inst!=null&&inst.$vnode)},getNext(inst){return inst.$parent},getSource(inst){for(var _a2;inst;){const source=(_a2=inst.$props)==null?void 0:_a2.__source;if(source)return source;inst=inst.$parent}},getFile(inst){var _a2;const ctor=getCtor(inst);return ctor.__file||((_a2=ctor.options)==null?void 0:_a2.__file)},getName(inst){var _a2;return(_a2=getCtor(inst).options)==null?void 0:_a2.name}}));function getCtor(inst){return inst.$vnode.componentOptions.Ctor}}const react17KeySearch="__reactFiber$",react15KeySearch="__reactInternalInstance$",vue3Key="__vueParentComponent",vue2Key="__vue__";function resolveDebug(el){for(;checkValidElement(el);){const key=findKey(el);if(key){const value=el[key];if(value)return{el,key,value}}el=el.parentElement}}function findKey(el){if(shared.hasOwnProperty(el,vue3Key))return vue3Key;if(shared.hasOwnProperty(el,vue2Key))return vue2Key;const react17Key=startsWith(el,react17KeySearch);if(react17Key)return react17Key;const react15Key=startsWith(el,react15KeySearch);if(react15Key)return react15Key}function startsWith(el,search){return Object.keys(el).find(key=>key.startsWith(search))}function resolveSource(el,deep){const source={el:el.localName,tree:[]},debug=resolveDebug(el);return debug&&(debug.key.startsWith("__reactFiber")?resolveReact17(debug,source.tree,deep):debug.key.startsWith("__reactInternal")?resolveReact15(debug,source.tree,deep):debug.key.startsWith("__vueParent")?resolveVue3(debug,source.tree,deep):debug.key.startsWith("__vue")&&resolveVue2(debug,source.tree,deep)),source.tree=source.tree.map(normalizeMeta),source.meta=source.tree[0],source}function normalizeMeta(meta){return{name:meta.name?shared.camelCase(meta.name):"Anonymous",file:meta.file,line:meta.line||1,column:meta.column||1}}const treeOpenBridge=crossIframeBridge({setup(){onMessage(TREE_OPEN_CROSS_IFRAME,args=>{treeOpenBridge.emit(args,isTopWindow)})},emitMiddlewares:[([,activeId],next)=>{if(activeId===CURRENT_INSPECT_ID){const{once}=getOptions(),overlay=jsx("div",{className:"oe-prevent-event-overlay"}),eventOpts={target:once?overlay:window,capture:!0},remove=()=>{off("pointerup",remove,eventOpts),off("pointerout",remove,eventOpts),overlay.remove()};on("pointerup",remove,eventOpts),on("pointerout",remove,eventOpts),appendChild(document.body,overlay)}next()},([source],next)=>{if(window.frameElement){const{tree}=resolveSource(window.frameElement,!0);source.tree.push(...tree)}next()},(args,next)=>{whenTopWindow(next,()=>{postMessage(TREE_OPEN_CROSS_IFRAME,args,window.parent)})}]}),treeCloseBridge=crossIframeBridge({setup(){onMessage(TREE_CLOSE_CROSS_IFRAME,args=>{treeCloseBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(TREE_CLOSE_CROSS_IFRAME,args,topWindow)})}]}),openEditorBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_CROSS_IFRAME,args=>{openEditorBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(OPEN_EDITOR_CROSS_IFRAME,args,topWindow)})}]}),openEditorStartBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_START_CROSS_IFRAME,args=>{postMessageAll(OPEN_EDITOR_START_CROSS_IFRAME,args,!0),openEditorStartBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(OPEN_EDITOR_START_CROSS_IFRAME,args,topWindow)}]}),openEditorEndBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_END_CROSS_IFRAME,args=>{postMessageAll(OPEN_EDITOR_END_CROSS_IFRAME,args,!0),openEditorEndBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(OPEN_EDITOR_END_CROSS_IFRAME,args,topWindow)}]}),openEditorErrorBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_ERROR_CROSS_IFRAME,args=>{openEditorErrorBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(OPEN_EDITOR_ERROR_CROSS_IFRAME,args,topWindow)})}]});function setupBridge(){inspectorActiveBridge.setup(),inspectorEnableBridge.setup(),inspectorExitBridge.setup(),codeSourceBridge.setup(),boxModelBridge.setup(),treeOpenBridge.setup(),treeCloseBridge.setup(),openEditorBridge.setup(),openEditorStartBridge.setup(),openEditorEndBridge.setup(),openEditorErrorBridge.setup()}function createGlobalStyle(css){if(!IS_CLIENT)return{mount(){},unmount(){}};const style=jsx("style",{type:"text/css",children:css});return{mount(){style.isConnected||appendChild(document.body,style)},unmount(){style.isConnected&&style.remove()}}}const overrideCSS="*{cursor:default!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;touch-action:none!important;-webkit-touch-callout:none!important;}",overrideStyle=createGlobalStyle(overrideCSS),effectCSS=".oe-lock-screen{overflow:hidden!important;}.oe-loading *{cursor:wait!important;}.oe-prevent-event-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;z-index:2147483647;}",effectStyle=createGlobalStyle(effectCSS);var __async$1=(__this,__arguments,generator)=>new Promise((resolve,reject)=>{var fulfilled=value=>{try{step(generator.next(value))}catch(e){reject(e)}},rejected=value=>{try{step(generator.throw(value))}catch(e){reject(e)}},step=x=>x.done?resolve(x.value):Promise.resolve(x.value).then(fulfilled,rejected);step((generator=generator.apply(__this,__arguments)).next())});function openEditor(meta){return __async$1(this,null,function*(){const openURL=createOpenURL(meta);if(dispatchEvent(OPEN_EDITOR_EVENT,openURL)){if(!meta){logError("file not found."),openEditorErrorBridge.emit([],!0);return}try{openEditorStartBridge.emit(),yield fetch(openURL).then(res=>{if(!res.ok)return Promise.reject(res)})}catch(err){const{file,line=1,column=1}=meta;return logError(`${file}:${line}:${column} open fail.`),openEditorErrorBridge.emit(),Promise.reject(err)}finally{openEditorEndBridge.emit()}}})}function createOpenURL(meta){const opts2=getOptions(),{protocol,hostname,port}=location,{file="",line=1,column=1}=meta!=null?meta:{},openURL=new URL(`${protocol}//${hostname}`);return openURL.pathname=shared.ServerApis.OPEN_EDITOR,openURL.port=opts2.port||port,openURL.searchParams.set("f",encodeURIComponent(file)),openURL.searchParams.set("l",String(line)),openURL.searchParams.set("c",String(column)),openURL}const dTagRE=/^(button|fieldset|optgroup|option|select|textarea|input)$/;let clickedEl=null;function checkClickedElement(el){return el===clickedEl}function setupClickedElementAttrs(e){const el=e.target;checkValidElement(el)&&(resetAttrs(el,{disabled:{from:"disabled",to:"oe-disabled"},href:{from:"href",to:"oe-href"}}),clickedEl=el)}function cleanClickedElementAttrs(){clickedEl&&(resetAttrs(clickedEl,{disabled:{from:"oe-disabled",to:"disabled"},href:{from:"oe-href",to:"href"}}),clickedEl=null)}function resetAttrs(el,attrs){const{disabled,href}=attrs,{hs,ds}=findTags(el);hs.forEach(h=>swapAttr(h,href.from,href.to)),ds.forEach(d=>swapAttr(d,disabled.from,disabled.to))}function findTags(el){const hs=[],ds=[];for(;el;)el.localName==="a"?hs.push(el):dTagRE.test(el.localName)&&ds.push(el),el=el.parentElement;return{hs,ds}}function swapAttr(el,from,to){const val=el.getAttribute(from);val!=null&&applyAttrs(el,{[from]:null,[to]:val})}const inspectorState={isEnable:!1,isActive:!1,isRendering:!1,isTreeOpen:!1,activeEl:null,prevActiveEl:null},SILENT_EVENTS=["mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","touchstart","touchend","touchcancel","touchmove","pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","focus","focusin","focusout","blur","reset","submit","input","change","select","dbclick"],CLICK_ATTACHMENT_EVENTS=["touchstart","touchend"],SHORTCUT_KEYS=["Enter","Space"];function setupListeners(opts2){const{once,crossIframe}=getOptions(),onActive=withEventFn(opts2.onActive),onOpenEditor=withEventFn(opts2.onOpenEditor),onOpenTree=withEventFn(opts2.onOpenTree),onExitInspect=withEventFn(opts2.onExitInspect);function setupEventListeners(){return SILENT_EVENTS.forEach(event=>{on(event,onSilent,{capture:!0,passive:!1})}),on("click",onInspect,{capture:!0,target:document}),on("pointerdown",setupClickedElementAttrs,{capture:!0}),on("pointermove",onActiveElement,{capture:!0}),on("pointerover",onEnterScreen,{capture:!0}),on("pointerout",onLeaveScreen,{capture:!0}),on("longpress",onInspect,{capture:!0}),on("quickexit",onExitInspect,{capture:!0}),on("keydown",onKeydown,{capture:!0}),on("keyup",onKeyup,{capture:!0}),cleanEventListeners}function cleanEventListeners(){SILENT_EVENTS.forEach(event=>{off(event,onSilent,{capture:!0})}),off("click",onInspect,{capture:!0,target:document}),off("pointerdown",setupClickedElementAttrs,{capture:!0}),off("pointermove",onActiveElement,{capture:!0}),off("pointerover",onEnterScreen,{capture:!0}),off("pointerout",onLeaveScreen,{capture:!0}),off("longpress",onInspect,{capture:!0}),off("quickexit",onExitInspect,{capture:!0}),off("keydown",onKeydown,{capture:!0}),off("keyup",onKeyup,{capture:!0})}function onActiveElement(e){const el=e.pointerType==="touch"?document.elementFromPoint(e.clientX,e.clientY):e.target;el!==inspectorState.activeEl&&(inspectorState.activeEl=checkValidElement(el)?el:null,onActive())}function onEnterScreen(e){e.pointerType==="touch"&&onActiveElement(e)}function onLeaveScreen(e){crossIframe&&!isTopWindow||e.pointerType==="mouse"&&e.relatedTarget==null&&(inspectorState.activeEl=null,onActive())}function onKeydown(e){inspectorState.activeEl&&SHORTCUT_KEYS.includes(e.code)&&(Object.defineProperty(e,"type",{get(){return`key${e.code}`.toLowerCase()}}),Object.defineProperty(e,"target",{get(){return inspectorState.activeEl}}),setupClickedElementAttrs(e),onInspect(e))}function onKeyup(e){SHORTCUT_KEYS.includes(e.code)&&cleanClickedElementAttrs()}function onInspect(e){var _a2;onSilent(e);const el=e.target;if(checkClickedElement(el)){const targetEl=(_a2=inspectorState.activeEl)!=null&&_a2.isConnected?inspectorState.activeEl:el;inspectorState.activeEl=null,once&&onExitInspect(),e.metaKey||e.type==="longpress"||e.type==="keyspace"?onOpenTree(targetEl):onOpenEditor(targetEl)}}return setupEventListeners()}function withEventFn(fn){function wrappedEventFn(...args){return cleanClickedElementAttrs(),fn(...args)}return wrappedEventFn}function onSilent(e){(checkValidElement(e.target)||checkValidElement(e.relatedTarget))&&(CLICK_ATTACHMENT_EVENTS.includes(e.type)||e.preventDefault(),e.stopPropagation())}const DISABLE_RE=/:hover/g,DISABLE_TOKEN=":oe-disable-hover",ENABLE_RE=/:oe-disable-hover/g,ENABLE_TOKEN=":hover";function disableHoverCSS(){return visitCSS(css=>css.replace(DISABLE_RE,DISABLE_TOKEN))}function enableHoverCSS(){return visitCSS(css=>css.replace(ENABLE_RE,ENABLE_TOKEN))}let taskID=0;function visitCSS(visitor){const checkNextFrame=createFrameChecker(16.666666666666668),asyncTask=createAsyncTask(),runID=++taskID,rules=Array.from(document.styleSheets).flatMap(sheet=>sheet.ownerNode instanceof HTMLLinkElement?Array.from(sheet.cssRules):[]),rulesLength=rules.length,styles=Array.from(document.querySelectorAll("style")),stylesLength=styles.length;let ruleIndex=0,styleIndex=0;return function transformHoverCSS(){for(;!checkNextFrame();){if(runID!==taskID){asyncTask.reject();return}if(ruleIndex<rulesLength){const rule=rules[ruleIndex++];replaceRule(rule.parentStyleSheet,visitor(rule.cssText))}else if(styleIndex<stylesLength){const style=styles[styleIndex++];style.textContent=visitor(style.textContent)}else{asyncTask.resolve();return}}requestAnimationFrame(transformHoverCSS)}(),asyncTask}function replaceRule(sheet,text){sheet.deleteRule(0),sheet.insertRule(text,sheet.cssRules.length)}function createFrameChecker(frameDuration){let lastTime=performance.now();return function(){const currentTime=performance.now(),nextFrame=currentTime-lastTime>frameDuration;return nextFrame&&(lastTime=currentTime),nextFrame}}function createAsyncTask(){let resolve,reject;const asyncTask=new Promise((_resolve,_reject)=>{resolve=_resolve,reject=_reject});return asyncTask.resolve=resolve,asyncTask.reject=reject,asyncTask}const mouse={outBrowser:!1,x:0,y:0};function getActiveElement(){if(!inspectorState.isActive||mouse.outBrowser)return null;const el=document.elementFromPoint(mouse.x,mouse.y);return checkValidElement(el)?el:null}IS_CLIENT&&on("DOMContentLoaded",()=>{on("mousemove",e=>{mouse.x=e.x,mouse.y=e.y},{capture:!0}),on("mouseout",e=>{mouse.outBrowser=e.relatedTarget==null},{capture:!0})});function renderUI(){inspectorState.activeEl&&(codeSourceBridge.emit([resolveSource(inspectorState.activeEl)]),boxModelBridge.emit(getBoxModel(inspectorState.activeEl)),inspectorState.isRendering||(inspectorState.isRendering=!0,requestAnimationFrame(rerenderUI)))}function rerenderUI(){if(inspectorState.isRendering){const prevActiveEl=inspectorState.prevActiveEl,nextActiveEl=inspectorState.prevActiveEl=inspectorState.activeEl;(prevActiveEl!=null||nextActiveEl!=null)&&((nextActiveEl==null?void 0:nextActiveEl.isConnected)===!1&&(inspectorState.activeEl=null),inspectorState.activeEl==null&&codeSourceBridge.emit(),boxModelBridge.emit(getBoxModel(inspectorState.activeEl))),requestAnimationFrame(rerenderUI)}}var __async=(__this,__arguments,generator)=>new Promise((resolve,reject)=>{var fulfilled=value=>{try{step(generator.next(value))}catch(e){reject(e)}},rejected=value=>{try{step(generator.throw(value))}catch(e){reject(e)}},step=x=>x.done?resolve(x.value):Promise.resolve(x.value).then(fulfilled,rejected);step((generator=generator.apply(__this,__arguments)).next())});let cleanListeners=null;function inspectorEnable(){return __async(this,null,function*(){var _a2;try{const{disableHoverCSS:isDisableHoverCSS}=getOptions();inspectorState.isEnable=!0,inspectorState.activeEl=getActiveElement(),renderUI(),cleanListeners=setupListeners({onActive:()=>renderUI(),onOpenTree:el=>treeOpenBridge.emit([resolveSource(el,!0),CURRENT_INSPECT_ID]),onOpenEditor:el=>openEditorBridge.emit([resolveSource(el).meta]),onExitInspect:()=>inspectorExitBridge.emit()}),isDisableHoverCSS&&(yield disableHoverCSS()),overrideStyle.mount(),(_a2=document.activeElement)==null||_a2.blur()}catch(e){}})}function inspectorExit(){return __async(this,null,function*(){var _a2;try{const{disableHoverCSS:isDisableHoverCSS}=getOptions();inspectorState.isEnable=!1,inspectorState.isRendering=!1,inspectorState.activeEl=null,cleanListeners!=null&&(cleanListeners(),cleanListeners=null),isDisableHoverCSS&&(yield enableHoverCSS()),overrideStyle.unmount(),(_a2=document.activeElement)==null||_a2.blur()}catch(e){}})}function setupInspector(){effectStyle.mount(),on("pointerdown",()=>inspectorActiveBridge.emit([CURRENT_INSPECT_ID]),{capture:!0}),on("pointermove",()=>inspectorActiveBridge.emit([CURRENT_INSPECT_ID]),{capture:!0}),on("keydown",e=>{!inspectorState.isTreeOpen&&e.altKey&&e.metaKey&&e.code==="KeyO"&&(inspectorState.isEnable?inspectorExitBridge.emit():inspectorEnableBridge.emit())},{capture:!0}),inspectorActiveBridge.on(activeId=>{inspectorState.isActive=activeId===CURRENT_INSPECT_ID,!inspectorState.isActive&&inspectorState.isRendering&&(inspectorState.isRendering=!1,inspectorState.activeEl=null)}),inspectorEnableBridge.on(inspectorEnable),inspectorExitBridge.on(inspectorExit),openEditorBridge.on(openEditor),openEditorStartBridge.on(()=>addClass(document.body,"oe-loading")),openEditorEndBridge.on(()=>removeClass(document.body,"oe-loading"))}const safeAreaCSS=":root{--oe-sait:env(safe-area-inset-top);--oe-sair:env(safe-area-inset-right);--oe-saib:env(safe-area-inset-bottom);--oe-sail:env(safe-area-inset-left);}",safeAreaStyle=createGlobalStyle(safeAreaCSS);let safeArea;const safeAreaObserver=mitt();initSafeArea();function initSafeArea(){IS_CLIENT&&on("DOMContentLoaded",()=>{safeAreaStyle.mount(),on("resize",detectionScreen),updateValue()})}let portrait;function detectionScreen(){const{outerWidth:w,outerHeight:h}=window;portrait!==(portrait=w<h)&&(updateValue(),safeAreaObserver.emit(safeArea))}function updateValue(){const get=computedStyle(document.body);safeArea={top:get("--oe-sait"),right:get("--oe-sair"),bottom:get("--oe-saib"),left:get("--oe-sail")}}function ToggleUI(){const state={};inspectorEnableBridge.on(()=>{applyStyle(state.button,{color:"var(--cyan)"})}),inspectorExitBridge.on(()=>{applyStyle(state.button,{color:null})}),on("resize",updatePosTop),on("resize",updateSize);function startDnD(){state.dnding=!0,addClass(state.root,"oe-toggle-dnd"),on("pointermove",changePosTop),on("pointerup",stopDnD)}function stopDnD(){setTimeout(()=>state.dnding=!1),removeClass(state.root,"oe-toggle-dnd"),off("pointermove",changePosTop),off("pointerup",stopDnD)}function changePosTop(e){localStorage["oe-pt"]=e.clientY,updatePosTop()}function updateSize(){const touchable="maxTouchPoints"in navigator?navigator.maxTouchPoints>0:"ontouchstart"in window;state.touchable!==touchable&&(touchable?addClass(state.root,"oe-toggle-touch"):removeClass(state.root,"oe-toggle-touch"),state.touchable=touchable)}function updatePosRight(){applyStyle(state.root,{right:CSS_util.px(safeArea.right)})}function updatePosTop(){const{clientHeight:winH}=document.body,{offsetHeight:toggleH}=state.root,cachePosY=+localStorage["oe-pt"]||0,safePosY=shared.clamp(cachePosY-toggleH/2,safeArea.top,winH-toggleH-safeArea.bottom);applyStyle(state.root,{top:CSS_util.px(safePosY)})}function toggleEnable(){state.dnding||(inspectorState.isEnable?inspectorExitBridge.emit():inspectorEnableBridge.emit())}try{return jsx("div",{className:"oe-toggle",ref:el=>state.root=el,onTouchMove:e=>e.preventDefault(),onContextMenu:e=>e.preventDefault(),children:[jsx("div",{className:"oe-toggle-overlay"}),jsx("button",{className:"oe-toggle-button",ref:el=>state.button=el,onClick:toggleEnable,onLongPress:startDnD,children:jsx("svg",{viewBox:"0 0 1024 1024",width:"100%",height:"100%",fill:"currentColor",children:[jsx("path",{d:"M512 134.07031223a26.3671875 26.3671875 0 0 1 26.2441409 23.8359375L538.3671875 160.43749973v70.31250054l-0.05273438 1.23046848c134.33203098 12.4453125 241.25976563 119.390625 253.72265598 253.72265598L793.24999973 485.6328125h70.31250054a26.3671875 26.3671875 0 0 1 2.53125 52.6113284L863.56250027 538.3671875h-70.31250054l-1.23046848-0.05273438c-12.4453125 134.33203098-119.37304715 241.25976563-253.70507812 253.72265598L538.3671875 793.24999973v70.31250054a26.3671875 26.3671875 0 0 1-52.6113284 2.53125L485.6328125 863.56250027v-70.31250054l0.07031223-1.21289063c-134.33203098-12.46289035-241.27734348-119.390625-253.74023383-253.72265597L230.75000027 538.3671875H160.43749973a26.3671875 26.3671875 0 0 1-2.53125-52.6113284L160.43749973 485.6328125h70.31250054l1.21289063 0.07031223c12.46289035-134.34960965 119.390625-241.27734348 253.74023383-253.74023383L485.6328125 230.75000027V160.43749973A26.3671875 26.3671875 0 0 1 512 134.07031223z m0 147.83203179c-127.08984375 0-230.09765598 103.00781223-230.09765598 230.09765598 0 127.08984375 103.00781223 230.09765598 230.09765598 230.09765598 127.08984375 0 230.09765598-103.00781223 230.09765598-230.09765598 0-127.08984375-103.00781223-230.09765598-230.09765598-230.09765598z"}),jsx("path",{d:"M512 388.95312527a123.04687473 123.04687473 0 1 0 0 246.09374946 123.04687473 123.04687473 0 0 0 0-246.09374946z m0 49.21874973a73.828125 73.828125 0 1 1 0 147.65625 73.828125 73.828125 0 0 1 0-147.65625z"})]})})]})}finally{updatePosTop(),updateSize(),safeAreaObserver.on(updatePosRight)}}function OverlayUI(){const state={};inspectorEnableBridge.on(()=>{addClass(state.position,"oe-overlay-show")}),inspectorExitBridge.on(()=>{removeClass(state.position,"oe-overlay-show"),updateBoxModel(...getDefaultBoxModel())}),boxModelBridge.on(updateBoxModel);function updateBoxModel(rect,lines){applyStyle(state.position,{width:CSS_util.px(rect.width),height:CSS_util.px(rect.height),transform:CSS_util.translate(rect.left,rect.top)});for(const key of Object.keys(lines)){const el=state[key],line=lines[key];applyStyle(el,{borderTopWidth:CSS_util.px(line.top),borderRightWidth:CSS_util.px(line.right),borderBottomWidth:CSS_util.px(line.bottom),borderLeftWidth:CSS_util.px(line.left)})}}return jsx("div",{className:"oe-overlay",ref:el=>state.position=el,children:jsx("div",{className:"oe-overlay-margin",ref:el=>state.margin=el,children:jsx("div",{className:"oe-overlay-border",ref:el=>state.border=el,children:jsx("div",{className:"oe-overlay-padding",ref:el=>state.padding=el,children:jsx("div",{className:"oe-overlay-content"})})})})})}function TooltipUI(){const state={},pending=mitt();inspectorEnableBridge.on(()=>{addClass(state.root,"oe-tooltip-show")}),inspectorExitBridge.on(()=>{removeClass(state.root,"oe-tooltip-show"),updateSource()}),codeSourceBridge.on(updateSource),boxModelBridge.on(rect=>{state.isPending?pending.once(()=>updateRect(rect)):updateRect(rect)});function updateSource(source){state.isPending=!0,applyStyle(state.root,{visibility:"hidden",transform:CSS_util.translate(6,6)}),source!=null&&source.meta&&(state.tag.textContent=`${source.el} in `,state.comp.textContent=`<${source.meta.name}>`,state.file.textContent=`${source.meta.file}:${source.meta.line}:${source.meta.column}`,state.isPending=!1,pending.emit())}function updateRect(rect){const{clientWidth:winW,clientHeight:winH}=document.documentElement,{width:rootW,height:rootH}=getDOMRect(state.root),onTopArea=rect.top>rootH+safeArea.top+6*2,top=shared.clamp(onTopArea?rect.top-rootH-6:rect.bottom+6,safeArea.top+6,winH-rootH-safeArea.bottom-6),left=shared.clamp(rect.left,safeArea.left+6,winW-rootW-safeArea.right-6);applyStyle(state.root,{visibility:"visible",transform:CSS_util.translate(left,top)})}return jsx("div",{className:"oe-tooltip",ref:el=>state.root=el,children:jsx("div",{className:"oe-tooltip-content",children:[jsx("span",{className:"oe-tooltip-tag",ref:el=>state.tag=el}),jsx("span",{className:"oe-tooltip-comp",ref:el=>state.comp=el}),jsx("span",{className:"oe-tooltip-file",ref:el=>state.file=el})]})})}function TreeUI(){const{once}=getOptions(),state={};treeOpenBridge.on(source=>{inspectorState.isTreeOpen=!0,renderTree(source),applyStyle(state.root,{display:"block"}),addClass(document.body,"oe-lock-screen")}),treeCloseBridge.on(()=>{inspectorState.isTreeOpen=!1,applyStyle(state.root,{display:"none"}),removeClass(document.body,"oe-lock-screen")});function renderTree(source){const hasTree=source.tree.length>0,content=jsx(FRAGMENT_TYPE,{children:[jsx("div",{className:"oe-tree-title",children:[jsx("span",{className:"oe-tree-tag",children:[source.el," in "]}),"<ComponentTree>"]}),jsx("div",{className:"oe-tree-content",children:hasTree?buildTree(source.tree):">> not found \u{1F62D}."})]});hasTree?removeClass(state.popup,"oe-tree-error"):addClass(state.popup,"oe-tree-error"),replaceChildren(state.popupBody,content)}function buildTree(tree){const meta=tree.pop(),tagName=`<${meta.name}>`,fileName=`${meta.file}:${meta.line}:${meta.column}`;return jsx("div",{className:"oe-tree-item",children:[jsx("div",{className:"oe-tree-node",title:"Click to open in your editor",onClick:()=>{once&&treeCloseBridge.emit(),openEditorBridge.emit([meta])},children:[tagName,jsx("span",{className:"oe-tree-file",children:fileName})]}),tree.length>0&&jsx(FRAGMENT_TYPE,{children:[jsx("div",{className:"oe-tree-line"}),buildTree(tree),jsx("div",{className:"oe-tree-node",children:tagName})]})]})}return jsx("div",{className:"oe-tree",ref:el=>state.root=el,onClick:()=>treeCloseBridge.emit(),onQuickExit:()=>treeCloseBridge.emit(),children:jsx("div",{className:"oe-tree-popup",ref:el=>state.popup=el,onClick:e=>e.stopPropagation(),children:[jsx("button",{className:"oe-tree-close",ref:el=>state.popupClose=el,onClick:()=>treeCloseBridge.emit(),children:jsx("svg",{viewBox:"0 0 1024 1024",width:"100%",height:"100%",fill:"currentColor",children:jsx("path",{d:"M569.02728271 509.40447998L877.59753418 817.97473145 820.57025146 872.40649414 512 563.83624268 198.23870849 882.78857422 141.21142578 823.16577148l313.76129151-318.95233154L146.40246582 195.64318847 203.42974854 141.21142578 512 449.78167724 820.57025146 141.21142578 877.59753418 200.83422852 569.02728271 509.40447998z"})})}),jsx("div",{className:"oe-tree-body",ref:el=>state.popupBody=el})]})})}function setupUI(){const{crossIframe,displayToggle}=getOptions();crossIframe&&!isTopWindow||(customElements.define(HTML_INSPECTOR_ELEMENT,class extends HTMLElement{constructor(){super(),Object.defineProperty(this,"shadowRoot",{value:this.attachShadow({mode:"closed"})})}connectedCallback(){openEditorErrorBridge.on(()=>{const errorOverlay=jsx("div",{className:"oe-error-overlay"}),ani=errorOverlay.animate([{},{boxShadow:"inset 0 0 20px 10px var(--red)",background:"var(--red-light)"},{}],{duration:600,easing:"ease-out"});on("finish",()=>errorOverlay.remove(),{target:ani}),appendChild(this.shadowRoot,errorOverlay)}),replaceChildren(this.shadowRoot,jsx(FRAGMENT_TYPE,{children:[jsx("style",{type:"text/css",children:":host{--text-color:#ffffff;--text-color2:#dddddd;--bg-color:#2c2c2e;--bg-color-opt:#2c2c2ee6;--bg-color2:#6c6c6e;--cyan:#4df9fa;--red:#ff335c;--red-light:#ff335c33;--shadow:0 0 1px var(--bg-color2);--filter:blur(8px);--overlay-margin:#f6b26ba8;--overlay-border:#ffe599a8;--overlay-padding:#93c47d8c;--overlay-content:#6fa7dca8;--z-index-overlay:2147483643;--z-index-toggle:2147483644;--z-index-tooltip:2147483645;--z-index-tree:2147483646;--z-index-error-overlay:2147483647;--min-w:280px;--w:min(calc(100vw - 96px),500px);--h:min(calc(100vh - 148px),300px);all:initial;}*{margin:0;padding:0;box-sizing:content-box;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;font-size:12px;font-weight:400;line-height:1.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;overflow-wrap:break-word;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}.oe-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-index-error-overlay);}.oe-toggle{position:fixed;right:0px;z-index:var(--z-index-toggle);padding:6px;font-size:0px;}.oe-toggle-overlay{position:fixed;top:0px;left:0px;width:100vw;height:100vh;display:none;}.oe-toggle-button{padding:2px;width:20px;height:20px;color:var(--text-color);background:var(--bg-color);box-shadow:var(--shadow);border:none;outline:none;border-radius:999px;transition:all 0.1s;}.oe-toggle-touch{padding:10px;}.oe-toggle-touch .oe-toggle-button{padding:3px;width:30px;height:30px;}.oe-toggle-dnd{cursor:ns-resize;}.oe-toggle-dnd .oe-toggle-overlay{display:block;}.oe-toggle-dnd .oe-toggle-button{transform:scale(1.2);opacity:0.8;cursor:ns-resize;}.oe-overlay{position:fixed;top:0;left:0;z-index:var(--z-index-overlay);display:none;pointer-events:none;will-change:width,height,transform;}.oe-overlay *{box-sizing:border-box;width:100%;height:100%;border:0px solid;will-change:width,height,border;}.oe-overlay-margin{border-color:var(--overlay-margin);}.oe-overlay-border{border-color:var(--overlay-border);}.oe-overlay-padding{border-color:var(--overlay-padding);}.oe-overlay-content{background:var(--overlay-content);}.oe-overlay-show{display:block;}.oe-tooltip{position:fixed;top:0;left:0;z-index:var(--z-index-tooltip);display:none;max-width:calc(100% - 56px);visibility:hidden;-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);box-shadow:var(--shadow);border-radius:12px;overflow:hidden;pointer-events:none;will-change:visibility,width,height,transform;}.oe-tooltip-content{padding:12px 20px;background:var(--bg-color-opt);-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);}.oe-tooltip-tag{color:var(--text-color);}.oe-tooltip-comp{font-size:14px;font-weight:600;color:var(--text-color);}.oe-tooltip-file{display:block;text-decoration:underline;word-wrap:break-word;color:var(--text-color2);}.oe-tooltip-show{display:inline-block;visibility:hidden;}.oe-tree{display:none;position:fixed;top:0;left:0;z-index:var(--z-index-tree);width:100vw;height:100vh;-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);touch-action:none;}.oe-tree-popup{position:fixed;top:50%;left:50%;z-index:var(--z-index-tree);transform:translate(-50%,-50%);color:var(--text-color);background:var(--bg-color-opt);-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);box-shadow:var(--shadow);border-radius:16px;}.oe-tree-close{position:absolute;top:4px;right:4px;padding:8px;width:20px;height:20px;color:var(--text-color);background:transparent;border:none;border-radius:99px;}.oe-tree-close:hover{-webkit-backdrop-filter:invert(50%);backdrop-filter:invert(50%);}.oe-tree-body{padding:20px 28px;overflow:hidden;}.oe-tree-error,.oe-tree-error *{color:var(--red);}.oe-tree-error .oe-tree-close:hover{background:var(--red-light);}.oe-tree-title{box-sizing:border-box;min-width:var(--min-w);max-width:var(--w);padding:0 12px 12px 0;font-size:18px;font-weight:600;}.oe-tree-tag{font-size:14px;font-weight:400;}.oe-tree-content{min-width:var(--min-w);max-width:var(--w);max-height:var(--h);white-space:nowrap;overflow:auto;scrollbar-width:none;}.oe-tree-content::-webkit-scrollbar{display:none;}.oe-tree-content>.oe-tree-tree{margin-left:-10px;}.oe-tree-item{position:relative;padding-left:10px;width:-moz-fit-content;width:fit-content;}.oe-tree-line{position:absolute;left:11px;top:22px;opacity:0.2;width:1px;height:calc(100% - 44px);background:var(--text-color);}.oe-tree-node{margin:2px 0;width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:500;color:var(--text-color);opacity:0.6;}.oe-tree-node[title]:hover,.oe-tree-node[title]:hover~.oe-tree-node{opacity:1;}.oe-tree-node[title]:hover~.oe-tree-line{opacity:0.6;}.oe-tree-file{padding-left:6px;font-size:12px;font-weight:400;text-decoration:underline;color:var(--text-color2);pointer-events:none;}"}),displayToggle&&jsx(ToggleUI,{}),jsx(OverlayUI,{}),jsx(TooltipUI,{}),jsx(TreeUI,{})]}))}}),appendChild(document.body,jsx(HTML_INSPECTOR_ELEMENT,{})))}function setupClient(opts2){IS_CLIENT&&!window.__OPEN_EDITOR_SETUPED__&&(window.__OPEN_EDITOR_SETUPED__=!0,on("DOMContentLoaded",()=>{setOptions(opts2),setupBridge(),setupInspector(),setupUI()}))}exports.setupClient=setupClient;

dist/index.mjs

@@ -1,1 +0,1 @@
-import{isStr,hasOwnProperty,normalizePath,isFn,camelCase,ServerApis,clamp}from"@open-editor/shared";import outmatch from"outmatch";var __getOwnPropSymbols$5=Object.getOwnPropertySymbols,__hasOwnProp$5=Object.prototype.hasOwnProperty,__propIsEnum$5=Object.prototype.propertyIsEnumerable,__objRest$1=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp$5.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols$5)for(var prop of __getOwnPropSymbols$5(source))exclude.indexOf(prop)<0&&__propIsEnum$5.call(source,prop)&&(target[prop]=source[prop]);return target};function createCustomEventHandler(type,setupListener2){const targetMap=new WeakMap;function addEventListener(cb,opts2){const _a2=opts2,{once,signal}=_a2,addOpts=__objRest$1(_a2,["once","signal"]),caches=targetMap.get(addOpts.target)||[];if(caches.findIndex(cache=>isSameListener(cache,cb,opts2))===-1){const remove=()=>{signal&&off("abort",remove,{target:signal}),removeEventListener(cb,opts2)};signal&&on("abort",remove,{target:signal});const stop=setupListener2(e=>{if(signal!=null&&signal.aborted)return;once&&remove();const evt=new PointerEvent(type,e);Object.defineProperty(evt,"target",{value:e.target,enumerable:!0}),cb(evt)},addOpts),nextCaches=[...caches,{cb,opts:opts2,stop}];targetMap.set(addOpts.target,nextCaches)}}function removeEventListener(cb,opts2){const caches=targetMap.get(opts2.target)||[],index=caches.findIndex(cache=>isSameListener(cache,cb,opts2));if(index!==-1){const nextCaches=[...caches],[removedCache]=nextCaches.splice(index,1);removedCache.stop(),targetMap.set(opts2.target,nextCaches)}}function isSameListener(cache,cb,opts2){return cache.cb===cb&&cache.opts.capture===opts2.capture}return{addEventListener,removeEventListener}}var longpress=createCustomEventHandler("longpress",setupListener$2);function setupListener$2(listener,opts2){const{wait=300}=opts2;function setup(){return on("pointerdown",start,opts2),on("pointermove",stop,opts2),on("pointerup",stop,opts2),on("pointercancel",stop,opts2),clean}function clean(){off("pointerdown",start,opts2),off("pointermove",stop,opts2),off("pointerup",stop,opts2),off("pointercancel",stop,opts2)}let waitTimer=null;function start(e){e.button===0&&e.buttons===1&&(waitTimer=setTimeout(()=>{var _a2;(_a2=navigator.vibrate)==null||_a2.call(navigator,15),listener(e)},wait))}function stop(){waitTimer!=null&&(clearTimeout(waitTimer),waitTimer=null)}return setup()}var __defProp$3=Object.defineProperty,__defProps$2=Object.defineProperties,__getOwnPropDescs$2=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$4=Object.getOwnPropertySymbols,__hasOwnProp$4=Object.prototype.hasOwnProperty,__propIsEnum$4=Object.prototype.propertyIsEnumerable,__defNormalProp$3=(obj,key,value)=>key in obj?__defProp$3(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$3=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$4.call(b,prop)&&__defNormalProp$3(a,prop,b[prop]);if(__getOwnPropSymbols$4)for(var prop of __getOwnPropSymbols$4(b))__propIsEnum$4.call(b,prop)&&__defNormalProp$3(a,prop,b[prop]);return a},__spreadProps$2=(a,b)=>__defProps$2(a,__getOwnPropDescs$2(b)),quickexit=createCustomEventHandler("quickexit",setupListener$1);function setupListener$1(listener,opts2){function setup(){return on("keydown",trigger,__spreadProps$2(__spreadValues$3({},opts2),{target:window})),on("rightclick",trigger,opts2),clean}function clean(){off("keydown",trigger,__spreadProps$2(__spreadValues$3({},opts2),{target:window})),off("rightclick",trigger,opts2)}function trigger(e){(e.code==="Escape"||e.type==="rightclick")&&(e.preventDefault(),listener(e))}return setup()}var rightclick=createCustomEventHandler("rightclick",setupListener);function setupListener(listener,opts2){function setup(){return on("contextmenu",trigger,opts2),clean}function clean(){off("contextmenu",trigger,opts2)}function trigger(e){e.preventDefault(),(e.pointerType==null||e.pointerType==="mouse")&&listener(e)}return setup()}function on(type,listener,opts2={}){switch(opts2.target||(opts2.target=window),type){case"longpress":longpress.addEventListener(listener,opts2);break;case"quickexit":quickexit.addEventListener(listener,opts2);break;case"rightclick":rightclick.addEventListener(listener,opts2);break;default:opts2.target.addEventListener(type,listener,opts2)}}function off(type,listener,opts2={}){switch(opts2.target||(opts2.target=window),type){case"longpress":longpress.removeEventListener(listener,opts2);break;case"quickexit":quickexit.removeEventListener(listener,opts2);break;case"rightclick":rightclick.removeEventListener(listener,opts2);break;default:opts2.target.removeEventListener(type,listener,opts2)}}const HTML_INSPECTOR_ELEMENT="open-editor-inspector",IS_CLIENT=typeof window!="undefined",IS_FIREFOX=IS_CLIENT&&/firefox/i.test(navigator.userAgent),CURRENT_INSPECT_ID=Math.random().toString(16).substring(2,10),ENABLE_INSPECTOR_EVENT="enableinspector",EXIT_INSPECTOR_EVENT="exitinspector",OPEN_EDITOR_EVENT="openeditor",INSPECTOR_ACTIVE_CROSS_IFRAME="oe:INSPECTOR_ACTIVE_CROSS_IFRAME",INSPECTOR_ENABLE_CROSS_IFRAME="oe:INSPECTOR_ENABLE_CROSS_IFRAME",INSPECTOR_EXIT_CROSS_IFRAME="oe:INSPECTOR_EXIT_CROSS_IFRAME",CODE_SOURCE_CROSS_IFRAME="oe:CODE_SOURCE_CROSS_IFRAME",BOX_MODEL_CROSS_IFRAME="oe:BOX_MODEL_CROSS_IFRAME",TREE_OPEN_CROSS_IFRAME="oe:TREE_OPEN_CROSS_IFRAME",TREE_CLOSE_CROSS_IFRAME="oe:TREE_CLOSE_CROSS_IFRAME",OPEN_EDITOR_CROSS_IFRAME="oe:OPEN_EDITOR_CROSS_IFRAME",OPEN_EDITOR_START_CROSS_IFRAME="oe:OPEN_EDITOR_START_CROSS_IFRAME",OPEN_EDITOR_END_CROSS_IFRAME="oe:OPEN_EDITOR_END_CROSS_IFRAME",OPEN_EDITOR_ERROR_CROSS_IFRAME="oe:OPEN_EDITOR_ERROR_CROSS_IFRAME";function logError(msg,logLevel="log"){const s=errMsg(msg);if(logLevel==="throw")throw Error(s);console.error(s)}function errMsg(msg){return`[@open-editor/client] ${msg}`}var __defProp$2=Object.defineProperty,__defProps$1=Object.defineProperties,__getOwnPropDescs$1=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$3=Object.getOwnPropertySymbols,__hasOwnProp$3=Object.prototype.hasOwnProperty,__propIsEnum$3=Object.prototype.propertyIsEnumerable,__defNormalProp$2=(obj,key,value)=>key in obj?__defProp$2(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$2=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$3.call(b,prop)&&__defNormalProp$2(a,prop,b[prop]);if(__getOwnPropSymbols$3)for(var prop of __getOwnPropSymbols$3(b))__propIsEnum$3.call(b,prop)&&__defNormalProp$2(a,prop,b[prop]);return a},__spreadProps$1=(a,b)=>__defProps$1(a,__getOwnPropDescs$1(b));let opts;function setOptions(userOpts){var _a2,_b,_c,_d,_e;opts=__spreadProps$1(__spreadValues$2({},userOpts),{displayToggle:(_a2=userOpts.displayToggle)!=null?_a2:!0,disableHoverCSS:(_b=userOpts.disableHoverCSS)!=null?_b:!0,ignoreComponents:(_c=userOpts.ignoreComponents)!=null?_c:"/**/node_modules/**/*",once:(_d=userOpts.once)!=null?_d:!0,crossIframe:(_e=userOpts.crossIframe)!=null?_e:!0})}function getOptions(){return opts||logError("options missing.","throw"),opts}function mitt(){const fns=new Set,mitter={get isEmpty(){return fns.size===0},on(fn){fns.add(fn)},once(fn){const once=(...args)=>{mitter.off(once),fn(...args)};mitter.on(once)},off(fn){fns.delete(fn)},emit(...args){fns.forEach(fn=>fn(...args))}};return mitter}var __defProp$1=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$2=Object.getOwnPropertySymbols,__hasOwnProp$2=Object.prototype.hasOwnProperty,__propIsEnum$2=Object.prototype.propertyIsEnumerable,__defNormalProp$1=(obj,key,value)=>key in obj?__defProp$1(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$1=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$2.call(b,prop)&&__defNormalProp$1(a,prop,b[prop]);if(__getOwnPropSymbols$2)for(var prop of __getOwnPropSymbols$2(b))__propIsEnum$2.call(b,prop)&&__defNormalProp$1(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));function crossIframeBridge(opts2={}){const{setup,emitMiddlewares}=opts2,mitter=mitt();let init=!1;return __spreadProps(__spreadValues$1({},mitter),{setup(){const{crossIframe}=getOptions();crossIframe&&!init&&(init=!0,setup==null||setup())},emit(args,immediate){Array.isArray(args)||(args=[]);const{crossIframe}=getOptions();if(crossIframe&&!immediate&&emitMiddlewares!=null&&emitMiddlewares.length){const stack=[...emitMiddlewares,()=>mitter.emit(...args)];(function next(){stack.shift()(args,next)})()}else mitter.emit(...args)}})}const topWindow=IS_CLIENT?getTopWindow():void 0,isTopWindow=IS_CLIENT&&topWindow===window;function whenTopWindow(cb,feedback){isTopWindow?cb():feedback==null||feedback()}function getTopWindow(){let current=window;for(;current.frameElement;)current=current.parent;return current}function onMessage(type,cb){on("message",({data})=>{isStr(data)&&data.startsWith(type)&&cb(JSON.parse(data.replace(type,"")))})}function postMessage(type,args=[],target=window){target.postMessage(`${type}${JSON.stringify(args)}`,"*")}function postMessageAll(type,args=[],corssOrigin=!1){Array.from(window.frames).forEach(frame=>{try{(corssOrigin||frame.document)&&postMessage(type,args,frame)}catch(e){corssOrigin&&postMessage(type,args,frame)}})}const inspectorActiveBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_ACTIVE_CROSS_IFRAME,args=>{postMessageAll(INSPECTOR_ACTIVE_CROSS_IFRAME,args),inspectorActiveBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(INSPECTOR_ACTIVE_CROSS_IFRAME,args,topWindow)}]});function dispatchEvent(type,detail){const e=new CustomEvent(type,{bubbles:!0,cancelable:!0,composed:!0,detail});return window.dispatchEvent(e)}const inspectorEnableBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_ENABLE_CROSS_IFRAME,args=>{whenTopWindow(()=>{dispatchEvent(ENABLE_INSPECTOR_EVENT)&&dispatchEmit()},dispatchEmit);function dispatchEmit(){postMessageAll(INSPECTOR_ENABLE_CROSS_IFRAME,args),inspectorEnableBridge.emit(args,!0)}})},emitMiddlewares:[args=>{postMessage(INSPECTOR_ENABLE_CROSS_IFRAME,args,topWindow)}]}),inspectorExitBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_EXIT_CROSS_IFRAME,args=>{whenTopWindow(()=>{dispatchEvent(EXIT_INSPECTOR_EVENT)&&dispatchEmit()},dispatchEmit);function dispatchEmit(){postMessageAll(INSPECTOR_EXIT_CROSS_IFRAME,args),inspectorExitBridge.emit(args,!0)}})},emitMiddlewares:[args=>{postMessage(INSPECTOR_EXIT_CROSS_IFRAME,args,topWindow)}]}),codeSourceBridge=crossIframeBridge({setup(){onMessage(CODE_SOURCE_CROSS_IFRAME,args=>{codeSourceBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(CODE_SOURCE_CROSS_IFRAME,args,topWindow)})}]});var __getOwnPropSymbols$1=Object.getOwnPropertySymbols,__hasOwnProp$1=Object.prototype.hasOwnProperty,__propIsEnum$1=Object.prototype.propertyIsEnumerable,__objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp$1.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols$1)for(var prop of __getOwnPropSymbols$1(source))exclude.indexOf(prop)<0&&__propIsEnum$1.call(source,prop)&&(target[prop]=source[prop]);return target};const FRAGMENT_TYPE="INTERNAL_VIRTUAL_FRAGMENT",svgNS="http://www.w3.org/2000/svg",svgTypes={svg:!0,path:!0};function jsx(type,props){const _a2=props,{ref,className,style,children}=_a2,attrs=__objRest(_a2,["ref","className","style","children"]);if(typeof type=="function")return type(props);const el=svgTypes[type]?document.createElementNS(svgNS,type):document.createElement(type);if(type!==FRAGMENT_TYPE){className&&(el.className=className),style&&Object.assign(el.style,style);for(const prop of Object.keys(attrs)){const val=attrs[prop];val!=null&&(isEventType(prop)?on(toNativeType(prop),val,{target:el}):el.setAttribute(prop,val))}ref&&ref(el)}return children!=null&&appendChildren(el,Array.isArray(children)?children:[children]),el}function appendChildren(el,children){for(const child of children)child instanceof Element?child.tagName===FRAGMENT_TYPE?appendChildren(el,Array.from(child.children)):el.appendChild(child):Array.isArray(child)?appendChildren(el,child):child&&el.appendChild(document.createTextNode(child))}const eventRE=/^on[A-Z]/;function isEventType(val){return eventRE.test(val)}function toNativeType(val){return val.substr(2).toLowerCase()}function applyAttrs(el,attrs){for(const prop of Object.keys(attrs)){const val=attrs[prop];val!=null?el.setAttribute(prop,val):el.removeAttribute(prop)}}function appendChild(el,...children){for(const child of children)child.tagName===FRAGMENT_TYPE?appendChild(el,...child.children):el.appendChild(child)}function replaceChildren(el,...children){for(;el.firstChild;)el.removeChild(el.firstChild);appendChild(el,...children)}function checkVisibility(el){if(!el.isConnected)return!1;for(;el;){if(computedStyle(el)("display",!1)==="none")return!1;el=el.parentElement}return!0}const CSS_util={px(value){return`${value}px`},pv(value){return Number.parseFloat(value)},translate(x,y){return`translate(${CSS_util.px(x)}, ${CSS_util.px(y)})`}};function applyStyle(el,...styles){Object.assign(el.style,...styles)}function computedStyle(el){const style=getComputedStyle(el,null);function get(property,toNumber=!0){let value=style.getPropertyValue(property);return toNumber&&(value=CSS_util.pv(value)||0),value}return get}function addClass(el,className){el.classList.add(...className.split(" "))}function removeClass(el,className){el.classList.remove(...className.split(" "))}const INVALID_ELEMEN_TCROSS_IFRAME=[HTML_INSPECTOR_ELEMENT],INVALID_ELEMENT=[...INVALID_ELEMEN_TCROSS_IFRAME,void 0,"html"];function checkValidElement(el){if(el==null||!el.isConnected)return!1;const{crossIframe}=getOptions();return crossIframe?!INVALID_ELEMEN_TCROSS_IFRAME.includes(el.localName):!INVALID_ELEMENT.includes(el.localName)}var _a;const IS_COMPUTED=IS_CLIENT&&hasOwnProperty(document.body.style,"zoom")&&!IS_FIREFOX&&!((_a=navigator.userAgentData)!=null&&_a.brands.find(i=>i.brand==="Chromium"&&+i.version>127));function getDOMRect(target){const domRect=target.getBoundingClientRect().toJSON();return IS_COMPUTED?computedDOMRect(target,domRect):domRect}function computedDOMRect(target,domRect){const zoom=getCompositeZoom(target);return zoom!==1&&Object.keys(domRect).forEach(key=>domRect[key]*=zoom),domRect}function getCompositeZoom(target){let zoom=1;for(;target;)zoom*=computedStyle(target)("zoom"),target=target.parentElement;return zoom}const IS_BORDER_WITH_ZOOM=!IS_FIREFOX;function getBoxModel(el){if(!checkValidElement(el)||!checkVisibility(el))return[getDefaultBoxRect(),getDefaultBoxLines()];const{width,height,top,right,bottom,left}=getDOMRect(el),get=computedStyle(el),zoom=getCompositeZoom(el);function withZoom(value,use=!0){return use?value*zoom:value}const marginTop=withZoom(Math.max(get("margin-top"),0)),marginLeft=withZoom(Math.max(get("margin-left"),0)),marginRight=withZoom(Math.max(get("margin-right"),0)),marginBottom=withZoom(Math.max(get("margin-bottom"),0)),borderTop=withZoom(get("border-top"),IS_BORDER_WITH_ZOOM),borderRight=withZoom(get("border-right"),IS_BORDER_WITH_ZOOM),borderBottom=withZoom(get("border-bottom"),IS_BORDER_WITH_ZOOM),borderLeft=withZoom(get("border-left"),IS_BORDER_WITH_ZOOM),paddingTop=withZoom(get("padding-top")),paddingRight=withZoom(get("padding-right")),paddingBottom=withZoom(get("padding-bottom")),paddingLeft=withZoom(get("padding-left")),positionTop=top-marginTop,positionRight=right+marginRight,positionBottom=bottom+marginBottom,positionLeft=left-marginLeft,positionWidth=width+marginLeft+marginRight,positionHeight=height+marginTop+marginBottom;return[{width:positionWidth,height:positionHeight,top:positionTop,right:positionRight,bottom:positionBottom,left:positionLeft},{margin:{top:marginTop,right:marginRight,left:marginLeft,bottom:marginBottom},border:{top:borderTop,right:borderRight,left:borderLeft,bottom:borderBottom},padding:{top:paddingTop,right:paddingRight,left:paddingLeft,bottom:paddingBottom}}]}function getDefaultBoxRect(){return{width:0,height:0,top:0,right:0,left:0,bottom:0}}function getDefaultBoxLines(){return{margin:getDefaultBoxRect(),border:getDefaultBoxRect(),padding:getDefaultBoxRect()}}const boxModelBridge=crossIframeBridge({setup(){onMessage(BOX_MODEL_CROSS_IFRAME,args=>{boxModelBridge.emit(args,isTopWindow)})},emitMiddlewares:[([rect],next)=>{if(window.frameElement){const[position,{margin,border,padding}]=getBoxModel(window.frameElement),frameDifference=[position,margin,border,padding];for(const{top,left}of frameDifference)rect.top+=top,rect.left+=left;rect.bottom=rect.top+rect.height,rect.right=rect.left+rect.width}next()},(args,next)=>{whenTopWindow(next,()=>{postMessage(BOX_MODEL_CROSS_IFRAME,args,window.parent)})}]});function ensureFileName(fileName){const{rootDir}=getOptions();return fileName.startsWith(rootDir)&&(fileName=fileName.replace(rootDir,"").replace(/^\//,"")),fileName}const invalidRE=/^\/home\/runner\//;function isValidFileName(fileName){return fileName?(fileName=fileName.startsWith("/")?fileName:`/${fileName}`,!invalidRE.test(fileName)&&filter(fileName)):!1}let glob;function filter(fileName){const{ignoreComponents}=getOptions();return ignoreComponents?!(glob||(glob=outmatch(ignoreComponents,{excludeDot:!0})))(fileName):!0}function createReactResolver(opts2){const{isValid,getNext,getSource,getName}=opts2;function reactResolver(cur,tree,deep){for(;cur;){const source=normalizeSource2(getSource(cur));let next=getNext(cur);if(isValidFileName(source==null?void 0:source.fileName)){for(;!isValid(next);){if(!next)return;next=getNext(next)}if(tree.push({name:getName(next),file:source.fileName,line:source.lineNumber,column:source.columnNumber}),!deep)return}cur=next}}function normalizeSource2(source){return source&&(source.fileName=ensureFileName(normalizePath(source.fileName))),source}return reactResolver}function resolveReact17({value:fiber},tree,deep=!1){resolveForFiber(fiber,tree,deep)}let resolver$3;function resolveForFiber(fiber,tree,deep=!1){setupResolver$3(),resolver$3(fiber,tree,deep)}function setupResolver$3(){resolver$3||(resolver$3=createReactResolver({isValid(owner){return owner!=null&&owner._debugSource?isFn(owner.type)||isFn(owner.type.render):!1},getNext(fiber){return fiber._debugOwner},getSource(fiber){return fiber._debugSource},getName(owner){if(owner){const c=isFn(owner.type)?owner.type:owner.type.render;return(c==null?void 0:c.name)||(c==null?void 0:c.displayName)}}}))}function resolveReact15({value:inst},tree,deep=!1){inst&&hasOwnProperty(inst,"_debugOwner")?resolveForFiber(inst,tree,deep):resolveForInstance(inst,tree,deep)}let resolver$2;function resolveForInstance(inst,tree,deep=!1){setupResolver$2(),resolver$2(inst,tree,deep)}function setupResolver$2(){resolver$2||(resolver$2=createReactResolver({isValid(owner){const el=owner==null?void 0:owner._currentElement;return el?isFn(el.type)||isFn(el.type.render):!1},getNext(inst){var _a2;return(_a2=inst._currentElement)==null?void 0:_a2._owner},getSource(inst){var _a2;return(_a2=inst._currentElement)==null?void 0:_a2._source},getName(owner){const el=owner._currentElement;if(el){const c=isFn(el.type)?el.type:el.type.render;return(c==null?void 0:c.name)||(c==null?void 0:c.displayName)}}}))}var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a};function createVueResolver(opts2){function vueResolver(debug,tree,deep){const{isValid,getNext,getSource,getFile,getName}=opts2,record=new Set;let[inst,source]=getAnchor(debug,getSource);for(;isValid(inst);){const file=normalizeSource(getFile(inst));if(isValidFileName(file)){if(source){if(resolveForSource(file))return}else if(resolveForFile(file))return}inst=getNext(inst)}function resolveForSource(file){const parsedSource=parsePath(source),parsedFile=parsePath(file);if(parsedSource.file===parsedFile.file)return record.has(parsedSource.file)||(push(inst,parsedSource),source=normalizeSource(getSource(inst))),!deep}function resolveForFile(file){const parsedFile=parsePath(file);return record.has(parsedFile.file)||push(inst,parsedFile),!deep}function push(inst2,meta){var _a2;record.add(meta.file),tree.push(__spreadValues({name:(_a2=getName(inst2))!=null?_a2:getNameForFile(meta.file)},meta))}}return vueResolver}function getAnchor(debug,getSource){const source=normalizeSource(debug.el.getAttribute("__source"));for(;isStr(source);)return[debug.value,source];return[debug.value,normalizeSource(getSource(debug.value))]}function normalizeSource(source){return source&&ensureFileName(normalizePath(source))}const splitRE=/:(?=\d)/;function parsePath(source){const[f,l=1,c=1]=source.split(splitRE);return{file:f,line:Number(l),column:Number(c)}}const nameRE=/([^/]+)\.[^.]+$/;function getNameForFile(file=""){const[,n]=file.match(nameRE);return n}let resolver$1;function resolveVue3(debug,tree,deep=!1){setupResolver$1(),resolver$1(debug,tree,deep)}function setupResolver$1(){resolver$1||(resolver$1=createVueResolver({isValid(inst){return!!inst},getNext(inst){return inst.parent},getSource(inst){for(;inst;){const source=inst.props.__source;if(source)return source;inst=inst.parent}},getFile(inst){return inst.type.__file},getName(inst){return inst.type.name||inst.type.__name}}))}let resolver;function resolveVue2(debug,tree,deep=!1){const componentInstance=debug.value._vnode.componentInstance;componentInstance&&(debug.value=componentInstance),setupResolver(),resolver(debug,tree,deep)}function setupResolver(){resolver||(resolver=createVueResolver({isValid(inst){return!!(inst!=null&&inst.$vnode)},getNext(inst){return inst.$parent},getSource(inst){for(var _a2;inst;){const source=(_a2=inst.$props)==null?void 0:_a2.__source;if(source)return source;inst=inst.$parent}},getFile(inst){var _a2;const ctor=getCtor(inst);return ctor.__file||((_a2=ctor.options)==null?void 0:_a2.__file)},getName(inst){var _a2;return(_a2=getCtor(inst).options)==null?void 0:_a2.name}}));function getCtor(inst){return inst.$vnode.componentOptions.Ctor}}const react17KeySearch="__reactFiber$",react15KeySearch="__reactInternalInstance$",vue3Key="__vueParentComponent",vue2Key="__vue__";function resolveDebug(el){for(;checkValidElement(el);){const key=findKey(el);if(key){const value=el[key];if(value)return{el,key,value}}el=el.parentElement}}function findKey(el){if(hasOwnProperty(el,vue3Key))return vue3Key;if(hasOwnProperty(el,vue2Key))return vue2Key;const react17Key=startsWith(el,react17KeySearch);if(react17Key)return react17Key;const react15Key=startsWith(el,react15KeySearch);if(react15Key)return react15Key}function startsWith(el,search){return Object.keys(el).find(key=>key.startsWith(search))}function resolveSource(el,deep){const source={el:el.localName,tree:[]},debug=resolveDebug(el);return debug&&(debug.key.startsWith("__reactFiber")?resolveReact17(debug,source.tree,deep):debug.key.startsWith("__reactInternal")?resolveReact15(debug,source.tree,deep):debug.key.startsWith("__vueParent")?resolveVue3(debug,source.tree,deep):debug.key.startsWith("__vue")&&resolveVue2(debug,source.tree,deep)),source.tree=source.tree.map(normalizeMeta),source.meta=source.tree[0],source}function normalizeMeta(meta){return{name:meta.name?camelCase(meta.name):"Anonymous",file:meta.file,line:meta.line||1,column:meta.column||1}}const treeOpenBridge=crossIframeBridge({setup(){onMessage(TREE_OPEN_CROSS_IFRAME,args=>{treeOpenBridge.emit(args,isTopWindow)})},emitMiddlewares:[(_,next)=>{const preventEventOverlay=jsx("div",{className:"oe-prevent-event-overlay",onPointerUp:()=>preventEventOverlay.remove(),onPointerOut:()=>preventEventOverlay.remove()});appendChild(document.body,preventEventOverlay),next()},([source],next)=>{if(window.frameElement){const{tree}=resolveSource(window.frameElement,!0);source.tree.push(...tree)}next()},(args,next)=>{whenTopWindow(next,()=>{postMessage(TREE_OPEN_CROSS_IFRAME,args,window.parent)})}]}),treeCloseBridge=crossIframeBridge({setup(){onMessage(TREE_CLOSE_CROSS_IFRAME,args=>{treeCloseBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(TREE_CLOSE_CROSS_IFRAME,args,topWindow)})}]}),openEditorBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_CROSS_IFRAME,args=>{openEditorBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(OPEN_EDITOR_CROSS_IFRAME,args,topWindow)})}]}),openEditorStartBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_START_CROSS_IFRAME,args=>{postMessageAll(OPEN_EDITOR_START_CROSS_IFRAME,args,!0),openEditorStartBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(OPEN_EDITOR_START_CROSS_IFRAME,args,topWindow)}]}),openEditorEndBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_END_CROSS_IFRAME,args=>{postMessageAll(OPEN_EDITOR_END_CROSS_IFRAME,args,!0),openEditorEndBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(OPEN_EDITOR_END_CROSS_IFRAME,args,topWindow)}]}),openEditorErrorBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_ERROR_CROSS_IFRAME,args=>{openEditorErrorBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(OPEN_EDITOR_ERROR_CROSS_IFRAME,args,topWindow)})}]});function setupBridge(){inspectorActiveBridge.setup(),inspectorEnableBridge.setup(),inspectorExitBridge.setup(),codeSourceBridge.setup(),boxModelBridge.setup(),treeOpenBridge.setup(),treeCloseBridge.setup(),openEditorBridge.setup(),openEditorStartBridge.setup(),openEditorEndBridge.setup(),openEditorErrorBridge.setup()}function createGlobalStyle(css){if(!IS_CLIENT)return{mount(){},unmount(){}};const style=jsx("style",{type:"text/css",children:css});return{mount(){style.isConnected||appendChild(document.body,style)},unmount(){style.isConnected&&style.remove()}}}const overrideCSS="*{cursor:default!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;touch-action:none!important;-webkit-touch-callout:none!important;}",overrideStyle=createGlobalStyle(overrideCSS),effectCSS=".oe-lock-screen{overflow:hidden!important;}.oe-loading *{cursor:wait!important;}.oe-prevent-event-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;z-index:2147483647;}",effectStyle=createGlobalStyle(effectCSS);var __async$1=(__this,__arguments,generator)=>new Promise((resolve,reject)=>{var fulfilled=value=>{try{step(generator.next(value))}catch(e){reject(e)}},rejected=value=>{try{step(generator.throw(value))}catch(e){reject(e)}},step=x=>x.done?resolve(x.value):Promise.resolve(x.value).then(fulfilled,rejected);step((generator=generator.apply(__this,__arguments)).next())});function openEditor(meta){return __async$1(this,null,function*(){const openURL=createOpenURL(meta);if(dispatchEvent(OPEN_EDITOR_EVENT,openURL)){if(!meta){logError("file not found."),openEditorErrorBridge.emit([],!0);return}try{openEditorStartBridge.emit(),yield fetch(openURL).then(res=>{if(!res.ok)return Promise.reject(res)})}catch(err){const{file,line=1,column=1}=meta;return logError(`${file}:${line}:${column} open fail.`),openEditorErrorBridge.emit(),Promise.reject(err)}finally{openEditorEndBridge.emit()}}})}function createOpenURL(meta){const opts2=getOptions(),{protocol,hostname,port}=location,{file="",line=1,column=1}=meta!=null?meta:{},openURL=new URL(`${protocol}//${hostname}`);return openURL.pathname=ServerApis.OPEN_EDITOR,openURL.port=opts2.port||port,openURL.searchParams.set("f",encodeURIComponent(file)),openURL.searchParams.set("l",String(line)),openURL.searchParams.set("c",String(column)),openURL}const dTagRE=/^(button|fieldset|optgroup|option|select|textarea|input)$/;let clickedEl=null;function checkClickedElement(el){return el===clickedEl}function setupClickedElementAttrs(e){const el=e.target;checkValidElement(el)&&(resetAttrs(el,{disabled:{from:"disabled",to:"oe-disabled"},href:{from:"href",to:"oe-href"}}),clickedEl=el)}function cleanClickedElementAttrs(){clickedEl&&(resetAttrs(clickedEl,{disabled:{from:"oe-disabled",to:"disabled"},href:{from:"oe-href",to:"href"}}),clickedEl=null)}function resetAttrs(el,attrs){const{disabled,href}=attrs,{hs,ds}=findTags(el);hs.forEach(h=>swapAttr(h,href.from,href.to)),ds.forEach(d=>swapAttr(d,disabled.from,disabled.to))}function findTags(el){const hs=[],ds=[];for(;el;)el.localName==="a"?hs.push(el):dTagRE.test(el.localName)&&ds.push(el),el=el.parentElement;return{hs,ds}}function swapAttr(el,from,to){const val=el.getAttribute(from);val!=null&&applyAttrs(el,{[from]:null,[to]:val})}const inspectorState={isEnable:!1,isActive:!1,isRendering:!1,isTreeOpen:!1,activeEl:null,prevActiveEl:null},SILENT_EVENTS=["mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","touchstart","touchend","touchcancel","touchmove","pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","focus","focusin","focusout","blur","reset","submit","input","change","select","dbclick"],CLICK_ATTACHMENT_EVENTS=["touchstart","touchend"],SHORTCUT_KEYS=["Enter","Space"];function setupListeners(opts2){const{once,crossIframe}=getOptions(),onActive=withEventFn(opts2.onActive),onOpenEditor=withEventFn(opts2.onOpenEditor),onOpenTree=withEventFn(opts2.onOpenTree),onExitInspect=withEventFn(opts2.onExitInspect);function setupEventListeners(){return SILENT_EVENTS.forEach(event=>{on(event,onSilent,{capture:!0,passive:!1})}),on("click",onInspect,{capture:!0,target:document}),on("pointerdown",setupClickedElementAttrs,{capture:!0}),on("pointermove",onActiveElement,{capture:!0}),on("pointerover",onEnterScreen,{capture:!0}),on("pointerout",onLeaveScreen,{capture:!0}),on("longpress",onInspect,{capture:!0}),on("quickexit",onExitInspect,{capture:!0}),on("keydown",onKeydown,{capture:!0}),on("keyup",onKeyup,{capture:!0}),cleanEventListeners}function cleanEventListeners(){SILENT_EVENTS.forEach(event=>{off(event,onSilent,{capture:!0})}),off("click",onInspect,{capture:!0,target:document}),off("pointerdown",setupClickedElementAttrs,{capture:!0}),off("pointermove",onActiveElement,{capture:!0}),off("pointerover",onEnterScreen,{capture:!0}),off("pointerout",onLeaveScreen,{capture:!0}),off("longpress",onInspect,{capture:!0}),off("quickexit",onExitInspect,{capture:!0}),off("keydown",onKeydown,{capture:!0}),off("keyup",onKeyup,{capture:!0})}function onActiveElement(e){const el=e.pointerType==="touch"?document.elementFromPoint(e.clientX,e.clientY):e.target;el!==inspectorState.activeEl&&(inspectorState.activeEl=checkValidElement(el)?el:null,onActive())}function onEnterScreen(e){e.pointerType==="touch"&&onActiveElement(e)}function onLeaveScreen(e){crossIframe&&!isTopWindow||e.pointerType==="mouse"&&e.relatedTarget==null&&(inspectorState.activeEl=null,onActive())}function onKeydown(e){inspectorState.activeEl&&SHORTCUT_KEYS.includes(e.code)&&(Object.defineProperty(e,"type",{get(){return`key${e.code}`.toLowerCase()}}),Object.defineProperty(e,"target",{get(){return inspectorState.activeEl}}),setupClickedElementAttrs(e),onInspect(e))}function onKeyup(e){SHORTCUT_KEYS.includes(e.code)&&cleanClickedElementAttrs()}function onInspect(e){var _a2;onSilent(e);const el=e.target;if(checkClickedElement(el)){const targetEl=(_a2=inspectorState.activeEl)!=null&&_a2.isConnected?inspectorState.activeEl:el;inspectorState.activeEl=null,once&&onExitInspect(),e.metaKey||e.type==="longpress"||e.type==="keyspace"?onOpenTree(targetEl):onOpenEditor(targetEl)}}return setupEventListeners()}function withEventFn(fn){function wrappedEventFn(...args){return cleanClickedElementAttrs(),fn(...args)}return wrappedEventFn}function onSilent(e){(checkValidElement(e.target)||checkValidElement(e.relatedTarget))&&(CLICK_ATTACHMENT_EVENTS.includes(e.type)||e.preventDefault(),e.stopPropagation())}const DISABLE_RE=/:hover/g,DISABLE_TOKEN=":oe-disable-hover",ENABLE_RE=/:oe-disable-hover/g,ENABLE_TOKEN=":hover";function disableHoverCSS(){return visitCSS(css=>css.replace(DISABLE_RE,DISABLE_TOKEN))}function enableHoverCSS(){return visitCSS(css=>css.replace(ENABLE_RE,ENABLE_TOKEN))}let taskID=0;function visitCSS(visitor){const checkNextFrame=createFrameChecker(16.666666666666668),asyncTask=createAsyncTask(),runID=++taskID,rules=Array.from(document.styleSheets).flatMap(sheet=>sheet.ownerNode instanceof HTMLLinkElement?Array.from(sheet.cssRules):[]),rulesLength=rules.length,styles=Array.from(document.querySelectorAll("style")),stylesLength=styles.length;let ruleIndex=0,styleIndex=0;return function transformHoverCSS(){for(;!checkNextFrame();){if(runID!==taskID){asyncTask.reject();return}if(ruleIndex<rulesLength){const rule=rules[ruleIndex++];replaceRule(rule.parentStyleSheet,visitor(rule.cssText))}else if(styleIndex<stylesLength){const style=styles[styleIndex++];style.textContent=visitor(style.textContent)}else{asyncTask.resolve();return}}requestAnimationFrame(transformHoverCSS)}(),asyncTask}function replaceRule(sheet,text){sheet.deleteRule(0),sheet.insertRule(text,sheet.cssRules.length)}function createFrameChecker(frameDuration){let lastTime=performance.now();return function(){const currentTime=performance.now(),nextFrame=currentTime-lastTime>frameDuration;return nextFrame&&(lastTime=currentTime),nextFrame}}function createAsyncTask(){let resolve,reject;const asyncTask=new Promise((_resolve,_reject)=>{resolve=_resolve,reject=_reject});return asyncTask.resolve=resolve,asyncTask.reject=reject,asyncTask}const mouse={outBrowser:!1,x:0,y:0};function getActiveElement(){if(!inspectorState.isActive||mouse.outBrowser)return null;const el=document.elementFromPoint(mouse.x,mouse.y);return checkValidElement(el)?el:null}IS_CLIENT&&on("DOMContentLoaded",()=>{on("mousemove",e=>{mouse.x=e.x,mouse.y=e.y},{capture:!0}),on("mouseout",e=>{mouse.outBrowser=e.relatedTarget==null},{capture:!0})});function renderUI(){inspectorState.activeEl&&(codeSourceBridge.emit([resolveSource(inspectorState.activeEl)]),boxModelBridge.emit(getBoxModel(inspectorState.activeEl)),inspectorState.isRendering||(inspectorState.isRendering=!0,requestAnimationFrame(rerenderUI)))}function rerenderUI(){if(inspectorState.isRendering){const prevActiveEl=inspectorState.prevActiveEl,nextActiveEl=inspectorState.prevActiveEl=inspectorState.activeEl;(prevActiveEl!=null||nextActiveEl!=null)&&((nextActiveEl==null?void 0:nextActiveEl.isConnected)===!1&&(inspectorState.activeEl=null),inspectorState.activeEl==null&&codeSourceBridge.emit(),boxModelBridge.emit(getBoxModel(inspectorState.activeEl))),requestAnimationFrame(rerenderUI)}}var __async=(__this,__arguments,generator)=>new Promise((resolve,reject)=>{var fulfilled=value=>{try{step(generator.next(value))}catch(e){reject(e)}},rejected=value=>{try{step(generator.throw(value))}catch(e){reject(e)}},step=x=>x.done?resolve(x.value):Promise.resolve(x.value).then(fulfilled,rejected);step((generator=generator.apply(__this,__arguments)).next())});let cleanListeners=null;function inspectorEnable(){return __async(this,null,function*(){var _a2;try{const{disableHoverCSS:isDisableHoverCSS}=getOptions();inspectorState.isEnable=!0,inspectorState.activeEl=getActiveElement(),renderUI(),cleanListeners=setupListeners({onActive:()=>renderUI(),onOpenTree:el=>treeOpenBridge.emit([resolveSource(el,!0)]),onOpenEditor:el=>openEditorBridge.emit([resolveSource(el).meta]),onExitInspect:()=>inspectorExitBridge.emit()}),isDisableHoverCSS&&(yield disableHoverCSS()),overrideStyle.mount(),(_a2=document.activeElement)==null||_a2.blur()}catch(e){}})}function inspectorExit(){return __async(this,null,function*(){var _a2;try{const{disableHoverCSS:isDisableHoverCSS}=getOptions();inspectorState.isEnable=!1,inspectorState.isRendering=!1,inspectorState.activeEl=null,cleanListeners!=null&&(cleanListeners(),cleanListeners=null),isDisableHoverCSS&&(yield enableHoverCSS()),overrideStyle.unmount(),(_a2=document.activeElement)==null||_a2.blur()}catch(e){}})}function setupInspector(){effectStyle.mount(),on("pointerdown",()=>inspectorActiveBridge.emit([CURRENT_INSPECT_ID]),{capture:!0}),on("pointermove",()=>inspectorActiveBridge.emit([CURRENT_INSPECT_ID]),{capture:!0}),on("keydown",e=>{!inspectorState.isTreeOpen&&e.altKey&&e.metaKey&&e.code==="KeyO"&&(inspectorState.isEnable?inspectorExitBridge.emit():inspectorEnableBridge.emit())},{capture:!0}),inspectorActiveBridge.on(activeId=>{inspectorState.isActive=activeId===CURRENT_INSPECT_ID,!inspectorState.isActive&&inspectorState.isRendering&&(inspectorState.isRendering=!1,inspectorState.activeEl=null)}),inspectorEnableBridge.on(inspectorEnable),inspectorExitBridge.on(inspectorExit),openEditorBridge.on(openEditor),openEditorStartBridge.on(()=>addClass(document.body,"oe-loading")),openEditorEndBridge.on(()=>removeClass(document.body,"oe-loading"))}const safeAreaCSS=":root{--oe-sait:env(safe-area-inset-top);--oe-sair:env(safe-area-inset-right);--oe-saib:env(safe-area-inset-bottom);--oe-sail:env(safe-area-inset-left);}",safeAreaStyle=createGlobalStyle(safeAreaCSS);let safeArea;const safeAreaObserver=mitt();initSafeArea();function initSafeArea(){IS_CLIENT&&on("DOMContentLoaded",()=>{safeAreaStyle.mount(),on("resize",detectionScreen),updateValue()})}let portrait;function detectionScreen(){const{outerWidth:w,outerHeight:h}=window;portrait!==(portrait=w<h)&&(updateValue(),safeAreaObserver.emit(safeArea))}function updateValue(){const get=computedStyle(document.body);safeArea={top:get("--oe-sait"),right:get("--oe-sair"),bottom:get("--oe-saib"),left:get("--oe-sail")}}function ToggleUI(){const state={};inspectorEnableBridge.on(()=>{applyStyle(state.button,{color:"var(--cyan)"})}),inspectorExitBridge.on(()=>{applyStyle(state.button,{color:null})}),on("resize",updatePosTop),on("resize",updateSize);function startDnD(){state.dnding=!0,addClass(state.root,"oe-toggle-dnd"),on("pointermove",changePosTop),on("pointerup",stopDnD)}function stopDnD(){setTimeout(()=>state.dnding=!1),removeClass(state.root,"oe-toggle-dnd"),off("pointermove",changePosTop),off("pointerup",stopDnD)}function changePosTop(e){localStorage["oe-pt"]=e.clientY,updatePosTop()}function updateSize(){const touchable="maxTouchPoints"in navigator?navigator.maxTouchPoints>0:"ontouchstart"in window;state.touchable!==touchable&&(touchable?addClass(state.root,"oe-toggle-touch"):removeClass(state.root,"oe-toggle-touch"),state.touchable=touchable)}function updatePosRight(){applyStyle(state.root,{right:CSS_util.px(safeArea.right)})}function updatePosTop(){const{clientHeight:winH}=document.body,{offsetHeight:toggleH}=state.root,cachePosY=+localStorage["oe-pt"]||0,safePosY=clamp(cachePosY-toggleH/2,safeArea.top,winH-toggleH-safeArea.bottom);applyStyle(state.root,{top:CSS_util.px(safePosY)})}function toggleEnable(){state.dnding||(inspectorState.isEnable?inspectorExitBridge.emit():inspectorEnableBridge.emit())}try{return jsx("div",{className:"oe-toggle",ref:el=>state.root=el,onTouchMove:e=>e.preventDefault(),onContextMenu:e=>e.preventDefault(),children:[jsx("div",{className:"oe-toggle-overlay"}),jsx("button",{className:"oe-toggle-button",ref:el=>state.button=el,onClick:toggleEnable,onLongPress:startDnD,children:jsx("svg",{viewBox:"0 0 1024 1024",width:"100%",height:"100%",fill:"currentColor",children:[jsx("path",{d:"M512 134.07031223a26.3671875 26.3671875 0 0 1 26.2441409 23.8359375L538.3671875 160.43749973v70.31250054l-0.05273438 1.23046848c134.33203098 12.4453125 241.25976563 119.390625 253.72265598 253.72265598L793.24999973 485.6328125h70.31250054a26.3671875 26.3671875 0 0 1 2.53125 52.6113284L863.56250027 538.3671875h-70.31250054l-1.23046848-0.05273438c-12.4453125 134.33203098-119.37304715 241.25976563-253.70507812 253.72265598L538.3671875 793.24999973v70.31250054a26.3671875 26.3671875 0 0 1-52.6113284 2.53125L485.6328125 863.56250027v-70.31250054l0.07031223-1.21289063c-134.33203098-12.46289035-241.27734348-119.390625-253.74023383-253.72265597L230.75000027 538.3671875H160.43749973a26.3671875 26.3671875 0 0 1-2.53125-52.6113284L160.43749973 485.6328125h70.31250054l1.21289063 0.07031223c12.46289035-134.34960965 119.390625-241.27734348 253.74023383-253.74023383L485.6328125 230.75000027V160.43749973A26.3671875 26.3671875 0 0 1 512 134.07031223z m0 147.83203179c-127.08984375 0-230.09765598 103.00781223-230.09765598 230.09765598 0 127.08984375 103.00781223 230.09765598 230.09765598 230.09765598 127.08984375 0 230.09765598-103.00781223 230.09765598-230.09765598 0-127.08984375-103.00781223-230.09765598-230.09765598-230.09765598z"}),jsx("path",{d:"M512 388.95312527a123.04687473 123.04687473 0 1 0 0 246.09374946 123.04687473 123.04687473 0 0 0 0-246.09374946z m0 49.21874973a73.828125 73.828125 0 1 1 0 147.65625 73.828125 73.828125 0 0 1 0-147.65625z"})]})})]})}finally{updatePosTop(),updateSize(),safeAreaObserver.on(updatePosRight)}}function OverlayUI(){const state={};inspectorEnableBridge.on(()=>{addClass(state.position,"oe-overlay-show")}),inspectorExitBridge.on(()=>{removeClass(state.position,"oe-overlay-show"),updateBoxModel(getDefaultBoxRect(),getDefaultBoxLines())}),boxModelBridge.on(updateBoxModel);function updateBoxModel(rect,lines){applyStyle(state.position,{width:CSS_util.px(rect.width),height:CSS_util.px(rect.height),transform:CSS_util.translate(rect.left,rect.top)});for(const key of Object.keys(lines)){const el=state[key],line=lines[key];applyStyle(el,{borderTopWidth:CSS_util.px(line.top),borderRightWidth:CSS_util.px(line.right),borderBottomWidth:CSS_util.px(line.bottom),borderLeftWidth:CSS_util.px(line.left)})}}return jsx("div",{className:"oe-overlay",ref:el=>state.position=el,children:jsx("div",{className:"oe-overlay-margin",ref:el=>state.margin=el,children:jsx("div",{className:"oe-overlay-border",ref:el=>state.border=el,children:jsx("div",{className:"oe-overlay-padding",ref:el=>state.padding=el,children:jsx("div",{className:"oe-overlay-content"})})})})})}function TooltipUI(){const state={},pending=mitt();inspectorEnableBridge.on(()=>{addClass(state.root,"oe-tooltip-show")}),inspectorExitBridge.on(()=>{removeClass(state.root,"oe-tooltip-show"),updateSource()}),codeSourceBridge.on(updateSource),boxModelBridge.on(rect=>{state.isPending?pending.once(()=>updateRect(rect)):updateRect(rect)});function updateSource(source){state.isPending=!0,applyStyle(state.root,{visibility:"hidden",transform:CSS_util.translate(6,6)}),source!=null&&source.meta&&(state.tag.textContent=`${source.el} in `,state.comp.textContent=`<${source.meta.name}>`,state.file.textContent=`${source.meta.file}:${source.meta.line}:${source.meta.column}`,state.isPending=!1,pending.emit())}function updateRect(rect){const{clientWidth:winW,clientHeight:winH}=document.body,{width:rootW,height:rootH}=getDOMRect(state.root),onTopArea=rect.top>rootH+safeArea.top+6*2,top=clamp(onTopArea?rect.top-rootH-6:rect.bottom+6,safeArea.top+6,winH-rootH-safeArea.bottom-6),left=clamp(rect.left,safeArea.left+6,winW-rootW-safeArea.right-6);applyStyle(state.root,{visibility:"visible",transform:CSS_util.translate(left,top)})}return jsx("div",{className:"oe-tooltip",ref:el=>state.root=el,children:jsx("div",{className:"oe-tooltip-content",children:[jsx("span",{className:"oe-tooltip-tag",ref:el=>state.tag=el}),jsx("span",{className:"oe-tooltip-comp",ref:el=>state.comp=el}),jsx("span",{className:"oe-tooltip-file",ref:el=>state.file=el})]})})}function TreeUI(){const{once}=getOptions(),state={};treeOpenBridge.on(source=>{inspectorState.isTreeOpen=!0,renderTree(source),applyStyle(state.root,{display:"block"}),addClass(document.body,"oe-lock-screen")}),treeCloseBridge.on(()=>{inspectorState.isTreeOpen=!1,applyStyle(state.root,{display:"none"}),removeClass(document.body,"oe-lock-screen")});function renderTree(source){const hasTree=source.tree.length>0,content=jsx(FRAGMENT_TYPE,{children:[jsx("div",{className:"oe-tree-title",children:[jsx("span",{className:"oe-tree-tag",children:[source.el," in "]}),"<ComponentTree>"]}),jsx("div",{className:"oe-tree-content",children:hasTree?buildTree(source.tree):">> not found \u{1F62D}."})]});hasTree?removeClass(state.popup,"oe-tree-error"):addClass(state.popup,"oe-tree-error"),replaceChildren(state.popupBody,content)}function buildTree(tree){const meta=tree.pop(),tagName=`<${meta.name}>`,fileName=`${meta.file}:${meta.line}:${meta.column}`;return jsx("div",{className:"oe-tree-item",children:[jsx("div",{className:"oe-tree-node",title:"Click to open in your editor",onClick:()=>{once&&treeCloseBridge.emit(),openEditorBridge.emit([meta])},children:[tagName,jsx("span",{className:"oe-tree-file",children:fileName})]}),tree.length>0&&jsx(FRAGMENT_TYPE,{children:[jsx("div",{className:"oe-tree-line"}),buildTree(tree),jsx("div",{className:"oe-tree-node",children:tagName})]})]})}return jsx("div",{className:"oe-tree",ref:el=>state.root=el,onClick:()=>treeCloseBridge.emit(),onQuickExit:()=>treeCloseBridge.emit(),children:jsx("div",{className:"oe-tree-popup",ref:el=>state.popup=el,onClick:e=>e.stopPropagation(),children:[jsx("button",{className:"oe-tree-close",ref:el=>state.popupClose=el,onClick:()=>treeCloseBridge.emit(),children:jsx("svg",{viewBox:"0 0 1024 1024",width:"100%",height:"100%",fill:"currentColor",children:jsx("path",{d:"M569.02728271 509.40447998L877.59753418 817.97473145 820.57025146 872.40649414 512 563.83624268 198.23870849 882.78857422 141.21142578 823.16577148l313.76129151-318.95233154L146.40246582 195.64318847 203.42974854 141.21142578 512 449.78167724 820.57025146 141.21142578 877.59753418 200.83422852 569.02728271 509.40447998z"})})}),jsx("div",{className:"oe-tree-body",ref:el=>state.popupBody=el})]})})}function setupUI(){const{crossIframe,displayToggle}=getOptions();crossIframe&&!isTopWindow||document.querySelector(HTML_INSPECTOR_ELEMENT)||(customElements.define(HTML_INSPECTOR_ELEMENT,class extends HTMLElement{constructor(){super(),Object.defineProperty(this,"shadowRoot",{value:this.attachShadow({mode:"closed"})})}connectedCallback(){openEditorErrorBridge.on(()=>{const errorOverlay=jsx("div",{className:"oe-error-overlay"}),ani=errorOverlay.animate([{},{boxShadow:"inset 0 0 20px 10px var(--red)",background:"var(--red-light)"},{}],{duration:600,easing:"ease-out"});on("finish",()=>errorOverlay.remove(),{target:ani}),appendChild(this.shadowRoot,errorOverlay)}),replaceChildren(this.shadowRoot,jsx(FRAGMENT_TYPE,{children:[jsx("style",{type:"text/css",children:":host{--text-color:#ffffff;--text-color2:#dddddd;--bg-color:#2c2c2e;--bg-color-opt:#2c2c2ee6;--bg-color2:#6c6c6e;--cyan:#4df9fa;--red:#ff335c;--red-light:#ff335c33;--shadow:0 0 1px var(--bg-color2);--filter:blur(8px);--overlay-margin:#f6b26ba8;--overlay-border:#ffe599a8;--overlay-padding:#93c47d8c;--overlay-content:#6fa7dca8;--z-index-overlay:2147483643;--z-index-toggle:2147483644;--z-index-tooltip:2147483645;--z-index-tree:2147483646;--z-index-error-overlay:2147483647;--min-w:280px;--w:min(calc(100vw - 96px),500px);--h:min(calc(100vh - 148px),300px);all:initial;}*{margin:0;padding:0;box-sizing:content-box;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;font-size:12px;font-weight:400;line-height:1.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;overflow-wrap:break-word;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}.oe-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-index-error-overlay);}.oe-toggle{position:fixed;right:0px;z-index:var(--z-index-toggle);padding:6px;font-size:0px;}.oe-toggle-overlay{position:fixed;top:0px;left:0px;width:100vw;height:100vh;display:none;}.oe-toggle-button{padding:2px;width:20px;height:20px;color:var(--text-color);background:var(--bg-color);box-shadow:var(--shadow);border:none;outline:none;border-radius:999px;transition:all 0.1s;}.oe-toggle-touch{padding:10px;}.oe-toggle-touch .oe-toggle-button{padding:3px;width:30px;height:30px;}.oe-toggle-dnd{cursor:ns-resize;}.oe-toggle-dnd .oe-toggle-overlay{display:block;}.oe-toggle-dnd .oe-toggle-button{transform:scale(1.2);opacity:0.8;cursor:ns-resize;}.oe-overlay{position:fixed;top:0;left:0;z-index:var(--z-index-overlay);display:none;pointer-events:none;will-change:width,height,transform;}.oe-overlay *{box-sizing:border-box;width:100%;height:100%;border:0px solid;will-change:width,height,border;}.oe-overlay-margin{border-color:var(--overlay-margin);}.oe-overlay-border{border-color:var(--overlay-border);}.oe-overlay-padding{border-color:var(--overlay-padding);}.oe-overlay-content{background:var(--overlay-content);}.oe-overlay-show{display:block;}.oe-tooltip{position:fixed;top:0;left:0;z-index:var(--z-index-tooltip);display:none;max-width:calc(100% - 56px);visibility:hidden;-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);box-shadow:var(--shadow);border-radius:12px;overflow:hidden;pointer-events:none;will-change:visibility,width,height,transform;}.oe-tooltip-content{padding:12px 20px;background:var(--bg-color-opt);-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);}.oe-tooltip-tag{color:var(--text-color);}.oe-tooltip-comp{font-size:14px;font-weight:600;color:var(--text-color);}.oe-tooltip-file{display:block;text-decoration:underline;word-wrap:break-word;color:var(--text-color2);}.oe-tooltip-show{display:inline-block;visibility:hidden;}.oe-tree{display:none;position:fixed;top:0;left:0;z-index:var(--z-index-tree);width:100vw;height:100vh;-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);touch-action:none;}.oe-tree-popup{position:fixed;top:50%;left:50%;z-index:var(--z-index-tree);transform:translate(-50%,-50%);color:var(--text-color);background:var(--bg-color-opt);-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);box-shadow:var(--shadow);border-radius:16px;}.oe-tree-close{position:absolute;top:4px;right:4px;padding:8px;width:20px;height:20px;color:var(--text-color);background:transparent;border:none;border-radius:99px;}.oe-tree-close:hover{-webkit-backdrop-filter:invert(50%);backdrop-filter:invert(50%);}.oe-tree-body{padding:20px 28px;overflow:hidden;}.oe-tree-error,.oe-tree-error *{color:var(--red);}.oe-tree-error .oe-tree-close:hover{background:var(--red-light);}.oe-tree-title{box-sizing:border-box;min-width:var(--min-w);max-width:var(--w);padding:0 12px 12px 0;font-size:18px;font-weight:600;}.oe-tree-tag{font-size:14px;font-weight:400;}.oe-tree-content{min-width:var(--min-w);max-width:var(--w);max-height:var(--h);white-space:nowrap;overflow:auto;scrollbar-width:none;}.oe-tree-content::-webkit-scrollbar{display:none;}.oe-tree-content>.oe-tree-tree{margin-left:-10px;}.oe-tree-item{position:relative;padding-left:10px;width:-moz-fit-content;width:fit-content;}.oe-tree-line{position:absolute;left:11px;top:22px;opacity:0.2;width:1px;height:calc(100% - 44px);background:var(--text-color);}.oe-tree-node{margin:2px 0;width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:500;color:var(--text-color);opacity:0.6;}.oe-tree-node[title]:hover,.oe-tree-node[title]:hover~.oe-tree-node{opacity:1;}.oe-tree-node[title]:hover~.oe-tree-line{opacity:0.6;}.oe-tree-file{padding-left:6px;font-size:12px;font-weight:400;text-decoration:underline;color:var(--text-color2);pointer-events:none;}"}),displayToggle&&jsx(ToggleUI,{}),jsx(OverlayUI,{}),jsx(TooltipUI,{}),jsx(TreeUI,{})]}))}}),appendChild(document.body,jsx(HTML_INSPECTOR_ELEMENT,{})))}function setupClient(opts2){IS_CLIENT&&on("DOMContentLoaded",()=>{setOptions(opts2),setupBridge(),setupInspector(),setupUI()})}export{setupClient};
+import{isStr,hasOwnProperty,normalizePath,isFn,camelCase,ServerApis,clamp}from"@open-editor/shared";import outmatch from"outmatch";var __getOwnPropSymbols$6=Object.getOwnPropertySymbols,__hasOwnProp$6=Object.prototype.hasOwnProperty,__propIsEnum$6=Object.prototype.propertyIsEnumerable,__objRest$1=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp$6.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols$6)for(var prop of __getOwnPropSymbols$6(source))exclude.indexOf(prop)<0&&__propIsEnum$6.call(source,prop)&&(target[prop]=source[prop]);return target};function createCustomEventHandler(type,setupListener2){const targetMap=new WeakMap;function addEventListener(cb,opts2){const _a2=opts2,{once,signal}=_a2,addOpts=__objRest$1(_a2,["once","signal"]),caches=targetMap.get(addOpts.target)||[];if(caches.findIndex(cache=>isSameListener(cache,cb,opts2))===-1){const remove=()=>{signal&&off("abort",remove,{target:signal}),removeEventListener(cb,opts2)};signal&&on("abort",remove,{target:signal});const stop=setupListener2(e=>{if(signal!=null&&signal.aborted)return;once&&remove();const evt=new PointerEvent(type,e);Object.defineProperty(evt,"target",{value:e.target,enumerable:!0}),cb(evt)},addOpts),nextCaches=[...caches,{cb,opts:opts2,stop}];targetMap.set(addOpts.target,nextCaches)}}function removeEventListener(cb,opts2){const caches=targetMap.get(opts2.target)||[],index=caches.findIndex(cache=>isSameListener(cache,cb,opts2));if(index!==-1){const nextCaches=[...caches],[removedCache]=nextCaches.splice(index,1);removedCache.stop(),targetMap.set(opts2.target,nextCaches)}}function isSameListener(cache,cb,opts2){return cache.cb===cb&&cache.opts.capture===opts2.capture}return{addEventListener,removeEventListener}}var longpress=createCustomEventHandler("longpress",setupListener$2);function setupListener$2(listener,opts2){const{wait=300}=opts2;function setup(){return on("pointerdown",start,opts2),on("pointermove",stop,opts2),on("pointerup",stop,opts2),on("pointercancel",stop,opts2),clean}function clean(){off("pointerdown",start,opts2),off("pointermove",stop,opts2),off("pointerup",stop,opts2),off("pointercancel",stop,opts2)}let waitTimer=null;function start(e){e.button===0&&e.buttons===1&&(waitTimer=setTimeout(()=>{var _a2;(_a2=navigator.vibrate)==null||_a2.call(navigator,15),listener(e)},wait))}function stop(){waitTimer!=null&&(clearTimeout(waitTimer),waitTimer=null)}return setup()}var __defProp$4=Object.defineProperty,__defProps$2=Object.defineProperties,__getOwnPropDescs$2=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$5=Object.getOwnPropertySymbols,__hasOwnProp$5=Object.prototype.hasOwnProperty,__propIsEnum$5=Object.prototype.propertyIsEnumerable,__defNormalProp$4=(obj,key,value)=>key in obj?__defProp$4(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$4=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$5.call(b,prop)&&__defNormalProp$4(a,prop,b[prop]);if(__getOwnPropSymbols$5)for(var prop of __getOwnPropSymbols$5(b))__propIsEnum$5.call(b,prop)&&__defNormalProp$4(a,prop,b[prop]);return a},__spreadProps$2=(a,b)=>__defProps$2(a,__getOwnPropDescs$2(b)),quickexit=createCustomEventHandler("quickexit",setupListener$1);function setupListener$1(listener,opts2){function setup(){return on("keydown",trigger,__spreadProps$2(__spreadValues$4({},opts2),{target:window})),on("rightclick",trigger,opts2),clean}function clean(){off("keydown",trigger,__spreadProps$2(__spreadValues$4({},opts2),{target:window})),off("rightclick",trigger,opts2)}function trigger(e){(e.code==="Escape"||e.type==="rightclick")&&(e.preventDefault(),listener(e))}return setup()}var rightclick=createCustomEventHandler("rightclick",setupListener);function setupListener(listener,opts2){function setup(){return on("contextmenu",trigger,opts2),clean}function clean(){off("contextmenu",trigger,opts2)}function trigger(e){e.preventDefault(),(e.pointerType==null||e.pointerType==="mouse")&&listener(e)}return setup()}function on(type,listener,opts2={}){switch(opts2.target||(opts2.target=window),type){case"longpress":longpress.addEventListener(listener,opts2);break;case"quickexit":quickexit.addEventListener(listener,opts2);break;case"rightclick":rightclick.addEventListener(listener,opts2);break;default:opts2.target.addEventListener(type,listener,opts2)}}function off(type,listener,opts2={}){switch(opts2.target||(opts2.target=window),type){case"longpress":longpress.removeEventListener(listener,opts2);break;case"quickexit":quickexit.removeEventListener(listener,opts2);break;case"rightclick":rightclick.removeEventListener(listener,opts2);break;default:opts2.target.removeEventListener(type,listener,opts2)}}const HTML_INSPECTOR_ELEMENT="open-editor-inspector",IS_CLIENT=typeof window!="undefined",IS_FIREFOX=IS_CLIENT&&/firefox/i.test(navigator.userAgent),CURRENT_INSPECT_ID=Math.random().toString(16).substring(2,10),ENABLE_INSPECTOR_EVENT="enableinspector",EXIT_INSPECTOR_EVENT="exitinspector",OPEN_EDITOR_EVENT="openeditor",INSPECTOR_ACTIVE_CROSS_IFRAME="oe:INSPECTOR_ACTIVE_CROSS_IFRAME",INSPECTOR_ENABLE_CROSS_IFRAME="oe:INSPECTOR_ENABLE_CROSS_IFRAME",INSPECTOR_EXIT_CROSS_IFRAME="oe:INSPECTOR_EXIT_CROSS_IFRAME",CODE_SOURCE_CROSS_IFRAME="oe:CODE_SOURCE_CROSS_IFRAME",BOX_MODEL_CROSS_IFRAME="oe:BOX_MODEL_CROSS_IFRAME",TREE_OPEN_CROSS_IFRAME="oe:TREE_OPEN_CROSS_IFRAME",TREE_CLOSE_CROSS_IFRAME="oe:TREE_CLOSE_CROSS_IFRAME",OPEN_EDITOR_CROSS_IFRAME="oe:OPEN_EDITOR_CROSS_IFRAME",OPEN_EDITOR_START_CROSS_IFRAME="oe:OPEN_EDITOR_START_CROSS_IFRAME",OPEN_EDITOR_END_CROSS_IFRAME="oe:OPEN_EDITOR_END_CROSS_IFRAME",OPEN_EDITOR_ERROR_CROSS_IFRAME="oe:OPEN_EDITOR_ERROR_CROSS_IFRAME";function logError(msg,logLevel="log"){const s=errMsg(msg);if(logLevel==="throw")throw Error(s);console.error(s)}function errMsg(msg){return`[@open-editor/client] ${msg}`}var __defProp$3=Object.defineProperty,__defProps$1=Object.defineProperties,__getOwnPropDescs$1=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$4=Object.getOwnPropertySymbols,__hasOwnProp$4=Object.prototype.hasOwnProperty,__propIsEnum$4=Object.prototype.propertyIsEnumerable,__defNormalProp$3=(obj,key,value)=>key in obj?__defProp$3(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$3=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$4.call(b,prop)&&__defNormalProp$3(a,prop,b[prop]);if(__getOwnPropSymbols$4)for(var prop of __getOwnPropSymbols$4(b))__propIsEnum$4.call(b,prop)&&__defNormalProp$3(a,prop,b[prop]);return a},__spreadProps$1=(a,b)=>__defProps$1(a,__getOwnPropDescs$1(b));let opts;function setOptions(userOpts){var _a2,_b,_c,_d,_e;opts=__spreadProps$1(__spreadValues$3({},userOpts),{displayToggle:(_a2=userOpts.displayToggle)!=null?_a2:!0,disableHoverCSS:(_b=userOpts.disableHoverCSS)!=null?_b:!0,ignoreComponents:(_c=userOpts.ignoreComponents)!=null?_c:"/**/node_modules/**/*",once:(_d=userOpts.once)!=null?_d:!0,crossIframe:(_e=userOpts.crossIframe)!=null?_e:!0})}function getOptions(){return opts||logError("options missing.","throw"),opts}function mitt(){const fns=new Set,mitter={get isEmpty(){return fns.size===0},on(fn){fns.add(fn)},once(fn){const once=(...args)=>{mitter.off(once),fn(...args)};mitter.on(once)},off(fn){fns.delete(fn)},emit(...args){fns.forEach(fn=>fn(...args))}};return mitter}var __defProp$2=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols$3=Object.getOwnPropertySymbols,__hasOwnProp$3=Object.prototype.hasOwnProperty,__propIsEnum$3=Object.prototype.propertyIsEnumerable,__defNormalProp$2=(obj,key,value)=>key in obj?__defProp$2(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$2=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$3.call(b,prop)&&__defNormalProp$2(a,prop,b[prop]);if(__getOwnPropSymbols$3)for(var prop of __getOwnPropSymbols$3(b))__propIsEnum$3.call(b,prop)&&__defNormalProp$2(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));function crossIframeBridge(opts2={}){const{setup,emitMiddlewares}=opts2,mitter=mitt();let init=!1;return __spreadProps(__spreadValues$2({},mitter),{setup(){const{crossIframe}=getOptions();crossIframe&&!init&&(init=!0,setup==null||setup())},emit(args,immediate){Array.isArray(args)||(args=[]);const{crossIframe}=getOptions();if(crossIframe&&!immediate&&emitMiddlewares!=null&&emitMiddlewares.length){const stack=[...emitMiddlewares,()=>mitter.emit(...args)];(function next(){stack.shift()(args,next)})()}else mitter.emit(...args)}})}const topWindow=IS_CLIENT?getTopWindow():void 0,isTopWindow=IS_CLIENT&&topWindow===window;function whenTopWindow(cb,feedback){isTopWindow?cb():feedback==null||feedback()}function getTopWindow(){let current=window;for(;current.frameElement;)current=current.parent;return current}function onMessage(type,cb){on("message",({data})=>{isStr(data)&&data.startsWith(type)&&cb(JSON.parse(data.replace(type,"")))})}function postMessage(type,args=[],target=window){target.postMessage(`${type}${JSON.stringify(args)}`,"*")}function postMessageAll(type,args=[],corssOrigin=!1){Array.from(window.frames).forEach(frame=>{try{(corssOrigin||frame.document)&&postMessage(type,args,frame)}catch(e){corssOrigin&&postMessage(type,args,frame)}})}const inspectorActiveBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_ACTIVE_CROSS_IFRAME,args=>{postMessageAll(INSPECTOR_ACTIVE_CROSS_IFRAME,args),inspectorActiveBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(INSPECTOR_ACTIVE_CROSS_IFRAME,args,topWindow)}]});function dispatchEvent(type,detail){const e=new CustomEvent(type,{bubbles:!0,cancelable:!0,composed:!0,detail});return window.dispatchEvent(e)}const inspectorEnableBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_ENABLE_CROSS_IFRAME,args=>{whenTopWindow(()=>{dispatchEvent(ENABLE_INSPECTOR_EVENT)&&dispatchEmit()},dispatchEmit);function dispatchEmit(){postMessageAll(INSPECTOR_ENABLE_CROSS_IFRAME,args),inspectorEnableBridge.emit(args,!0)}})},emitMiddlewares:[args=>{postMessage(INSPECTOR_ENABLE_CROSS_IFRAME,args,topWindow)}]}),inspectorExitBridge=crossIframeBridge({setup(){onMessage(INSPECTOR_EXIT_CROSS_IFRAME,args=>{whenTopWindow(()=>{dispatchEvent(EXIT_INSPECTOR_EVENT)&&dispatchEmit()},dispatchEmit);function dispatchEmit(){postMessageAll(INSPECTOR_EXIT_CROSS_IFRAME,args),inspectorExitBridge.emit(args,!0)}})},emitMiddlewares:[args=>{postMessage(INSPECTOR_EXIT_CROSS_IFRAME,args,topWindow)}]}),codeSourceBridge=crossIframeBridge({setup(){onMessage(CODE_SOURCE_CROSS_IFRAME,args=>{codeSourceBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(CODE_SOURCE_CROSS_IFRAME,args,topWindow)})}]});var __getOwnPropSymbols$2=Object.getOwnPropertySymbols,__hasOwnProp$2=Object.prototype.hasOwnProperty,__propIsEnum$2=Object.prototype.propertyIsEnumerable,__objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp$2.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols$2)for(var prop of __getOwnPropSymbols$2(source))exclude.indexOf(prop)<0&&__propIsEnum$2.call(source,prop)&&(target[prop]=source[prop]);return target};const FRAGMENT_TYPE="INTERNAL_VIRTUAL_FRAGMENT",svgNS="http://www.w3.org/2000/svg",svgTypes={svg:!0,path:!0};function jsx(type,props){const _a2=props,{ref,className,style,children}=_a2,attrs=__objRest(_a2,["ref","className","style","children"]);if(typeof type=="function")return type(props);const el=svgTypes[type]?document.createElementNS(svgNS,type):document.createElement(type);if(type!==FRAGMENT_TYPE){className&&(el.className=className),style&&Object.assign(el.style,style);for(const prop of Object.keys(attrs)){const val=attrs[prop];val!=null&&(isEventType(prop)?on(toNativeType(prop),val,{target:el}):el.setAttribute(prop,val))}ref&&ref(el)}return children!=null&&appendChildren(el,Array.isArray(children)?children:[children]),el}function appendChildren(el,children){for(const child of children)child instanceof Element?child.tagName===FRAGMENT_TYPE?appendChildren(el,Array.from(child.children)):el.appendChild(child):Array.isArray(child)?appendChildren(el,child):child&&el.appendChild(document.createTextNode(child))}const eventRE=/^on[A-Z]/;function isEventType(val){return eventRE.test(val)}function toNativeType(val){return val.substr(2).toLowerCase()}function applyAttrs(el,attrs){for(const prop of Object.keys(attrs)){const val=attrs[prop];val!=null?el.setAttribute(prop,val):el.removeAttribute(prop)}}function appendChild(el,...children){for(const child of children)child.tagName===FRAGMENT_TYPE?appendChild(el,...child.children):el.appendChild(child)}function replaceChildren(el,...children){for(;el.firstChild;)el.removeChild(el.firstChild);appendChild(el,...children)}function checkVisibility(el){if(!el.isConnected)return!1;for(;el;){if(computedStyle(el)("display",!1)==="none")return!1;el=el.parentElement}return!0}const CSS_util={px(value){return`${value}px`},pv(value){return Number.parseFloat(value)},translate(x,y){return`translate(${CSS_util.px(x)}, ${CSS_util.px(y)})`}};function applyStyle(el,...styles){Object.assign(el.style,...styles)}function computedStyle(el){const style=getComputedStyle(el,null);function get(property,toNumber=!0){let value=style.getPropertyValue(property);return toNumber&&(value=CSS_util.pv(value)||0),value}return get}function addClass(el,className){el.classList.add(...className.split(" "))}function removeClass(el,className){el.classList.remove(...className.split(" "))}const INVALID_ELEMEN_TCROSS_IFRAME=[HTML_INSPECTOR_ELEMENT],INVALID_ELEMENT=[...INVALID_ELEMEN_TCROSS_IFRAME,void 0,"html"];function checkValidElement(el){if(el==null||!el.isConnected)return!1;const{crossIframe}=getOptions();return crossIframe?!INVALID_ELEMEN_TCROSS_IFRAME.includes(el.localName):!INVALID_ELEMENT.includes(el.localName)}var _a;const IS_COMPUTED=IS_CLIENT&&hasOwnProperty(document.body.style,"zoom")&&!IS_FIREFOX&&!((_a=navigator.userAgentData)!=null&&_a.brands.find(i=>i.brand==="Chromium"&&+i.version>127));function getDOMRect(target){const domRect=target.getBoundingClientRect().toJSON();return IS_COMPUTED?computedDOMRect(target,domRect):domRect}function computedDOMRect(target,domRect){const zoom=getCompositeZoom(target);return zoom!==1&&Object.keys(domRect).forEach(key=>domRect[key]*=zoom),domRect}function getCompositeZoom(target){let zoom=1;for(;target;)zoom*=computedStyle(target)("zoom"),target=target.parentElement;return zoom}var __defProp$1=Object.defineProperty,__getOwnPropSymbols$1=Object.getOwnPropertySymbols,__hasOwnProp$1=Object.prototype.hasOwnProperty,__propIsEnum$1=Object.prototype.propertyIsEnumerable,__defNormalProp$1=(obj,key,value)=>key in obj?__defProp$1(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues$1=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp$1.call(b,prop)&&__defNormalProp$1(a,prop,b[prop]);if(__getOwnPropSymbols$1)for(var prop of __getOwnPropSymbols$1(b))__propIsEnum$1.call(b,prop)&&__defNormalProp$1(a,prop,b[prop]);return a};const IS_BORDER_WITH_ZOOM=!IS_FIREFOX;function getBoxModel(el){if(!checkValidElement(el)||!checkVisibility(el))return getDefaultBoxModel();const{width,height,top,right,bottom,left}=getDOMRect(el),get=computedStyle(el),zoom=getCompositeZoom(el);function withZoom(value,use=!0){return use?value*zoom:value}const marginTop=withZoom(Math.max(get("margin-top"),0)),marginRight=withZoom(Math.max(get("margin-right"),0)),marginBottom=withZoom(Math.max(get("margin-bottom"),0)),marginLeft=withZoom(Math.max(get("margin-left"),0)),borderTop=withZoom(get("border-top"),IS_BORDER_WITH_ZOOM),borderRight=withZoom(get("border-right"),IS_BORDER_WITH_ZOOM),borderBottom=withZoom(get("border-bottom"),IS_BORDER_WITH_ZOOM),borderLeft=withZoom(get("border-left"),IS_BORDER_WITH_ZOOM),paddingTop=withZoom(get("padding-top")),paddingRight=withZoom(get("padding-right")),paddingBottom=withZoom(get("padding-bottom")),paddingLeft=withZoom(get("padding-left")),positionTop=top-marginTop,positionRight=right+marginRight,positionBottom=bottom+marginBottom,positionLeft=left-marginLeft,positionWidth=width+marginLeft+marginRight,positionHeight=height+marginTop+marginBottom;return[createBoxRect(positionWidth,positionHeight,positionTop,positionRight,positionBottom,positionLeft),{margin:createBoxLine(marginTop,marginRight,marginBottom,marginLeft),border:createBoxLine(borderTop,borderRight,borderBottom,borderLeft),padding:createBoxLine(paddingTop,paddingRight,paddingBottom,paddingLeft)}]}function getDefaultBoxModel(){return[createBoxRect(),{margin:createBoxLine(),border:createBoxLine(),padding:createBoxLine()}]}function createBoxRect(width=0,height=0,top=0,right=0,bottom=0,left=0){return __spreadValues$1({width,height},createBoxLine(top,right,bottom,left))}function createBoxLine(top=0,right=0,bottom=0,left=0){return{top,right,bottom,left}}const boxModelBridge=crossIframeBridge({setup(){onMessage(BOX_MODEL_CROSS_IFRAME,args=>{boxModelBridge.emit(args,isTopWindow)})},emitMiddlewares:[([rect],next)=>{if(window.frameElement){const[position,{margin,border,padding}]=getBoxModel(window.frameElement),frameDifference=[position,margin,border,padding];for(const{top,left}of frameDifference)rect.top+=top,rect.left+=left;rect.bottom=rect.top+rect.height,rect.right=rect.left+rect.width}next()},(args,next)=>{whenTopWindow(next,()=>{postMessage(BOX_MODEL_CROSS_IFRAME,args,window.parent)})}]});function ensureFileName(fileName){const{rootDir}=getOptions();return fileName.startsWith(rootDir)&&(fileName=fileName.replace(rootDir,"").replace(/^\//,"")),fileName}const invalidRE=/^\/home\/runner\//;function isValidFileName(fileName){return fileName?(fileName=fileName.startsWith("/")?fileName:`/${fileName}`,!invalidRE.test(fileName)&&filter(fileName)):!1}let glob;function filter(fileName){const{ignoreComponents}=getOptions();return ignoreComponents?!(glob||(glob=outmatch(ignoreComponents,{excludeDot:!1})))(fileName):!0}function createReactResolver(opts2){const{isValid,getNext,getSource,getName}=opts2;function reactResolver(cur,tree,deep){for(;cur;){const source=normalizeSource2(getSource(cur));let next=getNext(cur);if(isValidFileName(source==null?void 0:source.fileName)){for(;!isValid(next);){if(!next)return;next=getNext(next)}if(tree.push({name:getName(next),file:source.fileName,line:source.lineNumber,column:source.columnNumber}),!deep)return}cur=next}}function normalizeSource2(source){return source&&(source.fileName=ensureFileName(normalizePath(source.fileName))),source}return reactResolver}function resolveReact17({value:fiber},tree,deep=!1){resolveForFiber(fiber,tree,deep)}let resolver$3;function resolveForFiber(fiber,tree,deep=!1){setupResolver$3(),resolver$3(fiber,tree,deep)}function setupResolver$3(){resolver$3||(resolver$3=createReactResolver({isValid(owner){return owner!=null&&owner._debugSource?isFn(owner.type)||isFn(owner.type.render):!1},getNext(fiber){return fiber._debugOwner},getSource(fiber){return fiber._debugSource},getName(owner){if(owner){const c=isFn(owner.type)?owner.type:owner.type.render;return(c==null?void 0:c.name)||(c==null?void 0:c.displayName)}}}))}function resolveReact15({value:inst},tree,deep=!1){inst&&hasOwnProperty(inst,"_debugOwner")?resolveForFiber(inst,tree,deep):resolveForInstance(inst,tree,deep)}let resolver$2;function resolveForInstance(inst,tree,deep=!1){setupResolver$2(),resolver$2(inst,tree,deep)}function setupResolver$2(){resolver$2||(resolver$2=createReactResolver({isValid(owner){const el=owner==null?void 0:owner._currentElement;return el?isFn(el.type)||isFn(el.type.render):!1},getNext(inst){var _a2;return(_a2=inst._currentElement)==null?void 0:_a2._owner},getSource(inst){var _a2;return(_a2=inst._currentElement)==null?void 0:_a2._source},getName(owner){const el=owner._currentElement;if(el){const c=isFn(el.type)?el.type:el.type.render;return(c==null?void 0:c.name)||(c==null?void 0:c.displayName)}}}))}var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a};function createVueResolver(opts2){function vueResolver(debug,tree,deep){const{isValid,getNext,getSource,getFile,getName}=opts2,record=new Set;let[inst,source]=getAnchor(debug,getSource);for(;isValid(inst);){const file=normalizeSource(getFile(inst));if(isValidFileName(file)){if(source){if(resolveForSource(file))return}else if(resolveForFile(file))return}inst=getNext(inst)}function resolveForSource(file){const parsedSource=parsePath(source),parsedFile=parsePath(file);if(parsedSource.file===parsedFile.file)return record.has(parsedSource.file)||(push(inst,parsedSource),source=normalizeSource(getSource(inst))),!deep}function resolveForFile(file){const parsedFile=parsePath(file);return record.has(parsedFile.file)||push(inst,parsedFile),!deep}function push(inst2,meta){var _a2;record.add(meta.file),tree.push(__spreadValues({name:(_a2=getName(inst2))!=null?_a2:getNameForFile(meta.file)},meta))}}return vueResolver}function getAnchor(debug,getSource){const source=normalizeSource(debug.el.getAttribute("__source"));for(;isStr(source);)return[debug.value,source];return[debug.value,normalizeSource(getSource(debug.value))]}function normalizeSource(source){return source&&ensureFileName(normalizePath(source))}const splitRE=/:(?=\d)/;function parsePath(source){const[f,l=1,c=1]=source.split(splitRE);return{file:f,line:Number(l),column:Number(c)}}const nameRE=/([^/]+)\.[^.]+$/;function getNameForFile(file=""){const[,n]=file.match(nameRE);return n}let resolver$1;function resolveVue3(debug,tree,deep=!1){setupResolver$1(),resolver$1(debug,tree,deep)}function setupResolver$1(){resolver$1||(resolver$1=createVueResolver({isValid(inst){return!!inst},getNext(inst){return inst.parent},getSource(inst){for(;inst;){const source=inst.props.__source;if(source)return source;inst=inst.parent}},getFile(inst){return inst.type.__file},getName(inst){return inst.type.name||inst.type.__name}}))}let resolver;function resolveVue2(debug,tree,deep=!1){const componentInstance=debug.value._vnode.componentInstance;componentInstance&&(debug.value=componentInstance),setupResolver(),resolver(debug,tree,deep)}function setupResolver(){resolver||(resolver=createVueResolver({isValid(inst){return!!(inst!=null&&inst.$vnode)},getNext(inst){return inst.$parent},getSource(inst){for(var _a2;inst;){const source=(_a2=inst.$props)==null?void 0:_a2.__source;if(source)return source;inst=inst.$parent}},getFile(inst){var _a2;const ctor=getCtor(inst);return ctor.__file||((_a2=ctor.options)==null?void 0:_a2.__file)},getName(inst){var _a2;return(_a2=getCtor(inst).options)==null?void 0:_a2.name}}));function getCtor(inst){return inst.$vnode.componentOptions.Ctor}}const react17KeySearch="__reactFiber$",react15KeySearch="__reactInternalInstance$",vue3Key="__vueParentComponent",vue2Key="__vue__";function resolveDebug(el){for(;checkValidElement(el);){const key=findKey(el);if(key){const value=el[key];if(value)return{el,key,value}}el=el.parentElement}}function findKey(el){if(hasOwnProperty(el,vue3Key))return vue3Key;if(hasOwnProperty(el,vue2Key))return vue2Key;const react17Key=startsWith(el,react17KeySearch);if(react17Key)return react17Key;const react15Key=startsWith(el,react15KeySearch);if(react15Key)return react15Key}function startsWith(el,search){return Object.keys(el).find(key=>key.startsWith(search))}function resolveSource(el,deep){const source={el:el.localName,tree:[]},debug=resolveDebug(el);return debug&&(debug.key.startsWith("__reactFiber")?resolveReact17(debug,source.tree,deep):debug.key.startsWith("__reactInternal")?resolveReact15(debug,source.tree,deep):debug.key.startsWith("__vueParent")?resolveVue3(debug,source.tree,deep):debug.key.startsWith("__vue")&&resolveVue2(debug,source.tree,deep)),source.tree=source.tree.map(normalizeMeta),source.meta=source.tree[0],source}function normalizeMeta(meta){return{name:meta.name?camelCase(meta.name):"Anonymous",file:meta.file,line:meta.line||1,column:meta.column||1}}const treeOpenBridge=crossIframeBridge({setup(){onMessage(TREE_OPEN_CROSS_IFRAME,args=>{treeOpenBridge.emit(args,isTopWindow)})},emitMiddlewares:[([,activeId],next)=>{if(activeId===CURRENT_INSPECT_ID){const{once}=getOptions(),overlay=jsx("div",{className:"oe-prevent-event-overlay"}),eventOpts={target:once?overlay:window,capture:!0},remove=()=>{off("pointerup",remove,eventOpts),off("pointerout",remove,eventOpts),overlay.remove()};on("pointerup",remove,eventOpts),on("pointerout",remove,eventOpts),appendChild(document.body,overlay)}next()},([source],next)=>{if(window.frameElement){const{tree}=resolveSource(window.frameElement,!0);source.tree.push(...tree)}next()},(args,next)=>{whenTopWindow(next,()=>{postMessage(TREE_OPEN_CROSS_IFRAME,args,window.parent)})}]}),treeCloseBridge=crossIframeBridge({setup(){onMessage(TREE_CLOSE_CROSS_IFRAME,args=>{treeCloseBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(TREE_CLOSE_CROSS_IFRAME,args,topWindow)})}]}),openEditorBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_CROSS_IFRAME,args=>{openEditorBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(OPEN_EDITOR_CROSS_IFRAME,args,topWindow)})}]}),openEditorStartBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_START_CROSS_IFRAME,args=>{postMessageAll(OPEN_EDITOR_START_CROSS_IFRAME,args,!0),openEditorStartBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(OPEN_EDITOR_START_CROSS_IFRAME,args,topWindow)}]}),openEditorEndBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_END_CROSS_IFRAME,args=>{postMessageAll(OPEN_EDITOR_END_CROSS_IFRAME,args,!0),openEditorEndBridge.emit(args,!0)})},emitMiddlewares:[args=>{postMessage(OPEN_EDITOR_END_CROSS_IFRAME,args,topWindow)}]}),openEditorErrorBridge=crossIframeBridge({setup(){onMessage(OPEN_EDITOR_ERROR_CROSS_IFRAME,args=>{openEditorErrorBridge.emit(args,!0)})},emitMiddlewares:[(args,next)=>{whenTopWindow(next,()=>{postMessage(OPEN_EDITOR_ERROR_CROSS_IFRAME,args,topWindow)})}]});function setupBridge(){inspectorActiveBridge.setup(),inspectorEnableBridge.setup(),inspectorExitBridge.setup(),codeSourceBridge.setup(),boxModelBridge.setup(),treeOpenBridge.setup(),treeCloseBridge.setup(),openEditorBridge.setup(),openEditorStartBridge.setup(),openEditorEndBridge.setup(),openEditorErrorBridge.setup()}function createGlobalStyle(css){if(!IS_CLIENT)return{mount(){},unmount(){}};const style=jsx("style",{type:"text/css",children:css});return{mount(){style.isConnected||appendChild(document.body,style)},unmount(){style.isConnected&&style.remove()}}}const overrideCSS="*{cursor:default!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;touch-action:none!important;-webkit-touch-callout:none!important;}",overrideStyle=createGlobalStyle(overrideCSS),effectCSS=".oe-lock-screen{overflow:hidden!important;}.oe-loading *{cursor:wait!important;}.oe-prevent-event-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;z-index:2147483647;}",effectStyle=createGlobalStyle(effectCSS);var __async$1=(__this,__arguments,generator)=>new Promise((resolve,reject)=>{var fulfilled=value=>{try{step(generator.next(value))}catch(e){reject(e)}},rejected=value=>{try{step(generator.throw(value))}catch(e){reject(e)}},step=x=>x.done?resolve(x.value):Promise.resolve(x.value).then(fulfilled,rejected);step((generator=generator.apply(__this,__arguments)).next())});function openEditor(meta){return __async$1(this,null,function*(){const openURL=createOpenURL(meta);if(dispatchEvent(OPEN_EDITOR_EVENT,openURL)){if(!meta){logError("file not found."),openEditorErrorBridge.emit([],!0);return}try{openEditorStartBridge.emit(),yield fetch(openURL).then(res=>{if(!res.ok)return Promise.reject(res)})}catch(err){const{file,line=1,column=1}=meta;return logError(`${file}:${line}:${column} open fail.`),openEditorErrorBridge.emit(),Promise.reject(err)}finally{openEditorEndBridge.emit()}}})}function createOpenURL(meta){const opts2=getOptions(),{protocol,hostname,port}=location,{file="",line=1,column=1}=meta!=null?meta:{},openURL=new URL(`${protocol}//${hostname}`);return openURL.pathname=ServerApis.OPEN_EDITOR,openURL.port=opts2.port||port,openURL.searchParams.set("f",encodeURIComponent(file)),openURL.searchParams.set("l",String(line)),openURL.searchParams.set("c",String(column)),openURL}const dTagRE=/^(button|fieldset|optgroup|option|select|textarea|input)$/;let clickedEl=null;function checkClickedElement(el){return el===clickedEl}function setupClickedElementAttrs(e){const el=e.target;checkValidElement(el)&&(resetAttrs(el,{disabled:{from:"disabled",to:"oe-disabled"},href:{from:"href",to:"oe-href"}}),clickedEl=el)}function cleanClickedElementAttrs(){clickedEl&&(resetAttrs(clickedEl,{disabled:{from:"oe-disabled",to:"disabled"},href:{from:"oe-href",to:"href"}}),clickedEl=null)}function resetAttrs(el,attrs){const{disabled,href}=attrs,{hs,ds}=findTags(el);hs.forEach(h=>swapAttr(h,href.from,href.to)),ds.forEach(d=>swapAttr(d,disabled.from,disabled.to))}function findTags(el){const hs=[],ds=[];for(;el;)el.localName==="a"?hs.push(el):dTagRE.test(el.localName)&&ds.push(el),el=el.parentElement;return{hs,ds}}function swapAttr(el,from,to){const val=el.getAttribute(from);val!=null&&applyAttrs(el,{[from]:null,[to]:val})}const inspectorState={isEnable:!1,isActive:!1,isRendering:!1,isTreeOpen:!1,activeEl:null,prevActiveEl:null},SILENT_EVENTS=["mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","touchstart","touchend","touchcancel","touchmove","pointercancel","pointerdown","pointerenter","pointerleave","pointermove","pointerout","pointerover","pointerup","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","focus","focusin","focusout","blur","reset","submit","input","change","select","dbclick"],CLICK_ATTACHMENT_EVENTS=["touchstart","touchend"],SHORTCUT_KEYS=["Enter","Space"];function setupListeners(opts2){const{once,crossIframe}=getOptions(),onActive=withEventFn(opts2.onActive),onOpenEditor=withEventFn(opts2.onOpenEditor),onOpenTree=withEventFn(opts2.onOpenTree),onExitInspect=withEventFn(opts2.onExitInspect);function setupEventListeners(){return SILENT_EVENTS.forEach(event=>{on(event,onSilent,{capture:!0,passive:!1})}),on("click",onInspect,{capture:!0,target:document}),on("pointerdown",setupClickedElementAttrs,{capture:!0}),on("pointermove",onActiveElement,{capture:!0}),on("pointerover",onEnterScreen,{capture:!0}),on("pointerout",onLeaveScreen,{capture:!0}),on("longpress",onInspect,{capture:!0}),on("quickexit",onExitInspect,{capture:!0}),on("keydown",onKeydown,{capture:!0}),on("keyup",onKeyup,{capture:!0}),cleanEventListeners}function cleanEventListeners(){SILENT_EVENTS.forEach(event=>{off(event,onSilent,{capture:!0})}),off("click",onInspect,{capture:!0,target:document}),off("pointerdown",setupClickedElementAttrs,{capture:!0}),off("pointermove",onActiveElement,{capture:!0}),off("pointerover",onEnterScreen,{capture:!0}),off("pointerout",onLeaveScreen,{capture:!0}),off("longpress",onInspect,{capture:!0}),off("quickexit",onExitInspect,{capture:!0}),off("keydown",onKeydown,{capture:!0}),off("keyup",onKeyup,{capture:!0})}function onActiveElement(e){const el=e.pointerType==="touch"?document.elementFromPoint(e.clientX,e.clientY):e.target;el!==inspectorState.activeEl&&(inspectorState.activeEl=checkValidElement(el)?el:null,onActive())}function onEnterScreen(e){e.pointerType==="touch"&&onActiveElement(e)}function onLeaveScreen(e){crossIframe&&!isTopWindow||e.pointerType==="mouse"&&e.relatedTarget==null&&(inspectorState.activeEl=null,onActive())}function onKeydown(e){inspectorState.activeEl&&SHORTCUT_KEYS.includes(e.code)&&(Object.defineProperty(e,"type",{get(){return`key${e.code}`.toLowerCase()}}),Object.defineProperty(e,"target",{get(){return inspectorState.activeEl}}),setupClickedElementAttrs(e),onInspect(e))}function onKeyup(e){SHORTCUT_KEYS.includes(e.code)&&cleanClickedElementAttrs()}function onInspect(e){var _a2;onSilent(e);const el=e.target;if(checkClickedElement(el)){const targetEl=(_a2=inspectorState.activeEl)!=null&&_a2.isConnected?inspectorState.activeEl:el;inspectorState.activeEl=null,once&&onExitInspect(),e.metaKey||e.type==="longpress"||e.type==="keyspace"?onOpenTree(targetEl):onOpenEditor(targetEl)}}return setupEventListeners()}function withEventFn(fn){function wrappedEventFn(...args){return cleanClickedElementAttrs(),fn(...args)}return wrappedEventFn}function onSilent(e){(checkValidElement(e.target)||checkValidElement(e.relatedTarget))&&(CLICK_ATTACHMENT_EVENTS.includes(e.type)||e.preventDefault(),e.stopPropagation())}const DISABLE_RE=/:hover/g,DISABLE_TOKEN=":oe-disable-hover",ENABLE_RE=/:oe-disable-hover/g,ENABLE_TOKEN=":hover";function disableHoverCSS(){return visitCSS(css=>css.replace(DISABLE_RE,DISABLE_TOKEN))}function enableHoverCSS(){return visitCSS(css=>css.replace(ENABLE_RE,ENABLE_TOKEN))}let taskID=0;function visitCSS(visitor){const checkNextFrame=createFrameChecker(16.666666666666668),asyncTask=createAsyncTask(),runID=++taskID,rules=Array.from(document.styleSheets).flatMap(sheet=>sheet.ownerNode instanceof HTMLLinkElement?Array.from(sheet.cssRules):[]),rulesLength=rules.length,styles=Array.from(document.querySelectorAll("style")),stylesLength=styles.length;let ruleIndex=0,styleIndex=0;return function transformHoverCSS(){for(;!checkNextFrame();){if(runID!==taskID){asyncTask.reject();return}if(ruleIndex<rulesLength){const rule=rules[ruleIndex++];replaceRule(rule.parentStyleSheet,visitor(rule.cssText))}else if(styleIndex<stylesLength){const style=styles[styleIndex++];style.textContent=visitor(style.textContent)}else{asyncTask.resolve();return}}requestAnimationFrame(transformHoverCSS)}(),asyncTask}function replaceRule(sheet,text){sheet.deleteRule(0),sheet.insertRule(text,sheet.cssRules.length)}function createFrameChecker(frameDuration){let lastTime=performance.now();return function(){const currentTime=performance.now(),nextFrame=currentTime-lastTime>frameDuration;return nextFrame&&(lastTime=currentTime),nextFrame}}function createAsyncTask(){let resolve,reject;const asyncTask=new Promise((_resolve,_reject)=>{resolve=_resolve,reject=_reject});return asyncTask.resolve=resolve,asyncTask.reject=reject,asyncTask}const mouse={outBrowser:!1,x:0,y:0};function getActiveElement(){if(!inspectorState.isActive||mouse.outBrowser)return null;const el=document.elementFromPoint(mouse.x,mouse.y);return checkValidElement(el)?el:null}IS_CLIENT&&on("DOMContentLoaded",()=>{on("mousemove",e=>{mouse.x=e.x,mouse.y=e.y},{capture:!0}),on("mouseout",e=>{mouse.outBrowser=e.relatedTarget==null},{capture:!0})});function renderUI(){inspectorState.activeEl&&(codeSourceBridge.emit([resolveSource(inspectorState.activeEl)]),boxModelBridge.emit(getBoxModel(inspectorState.activeEl)),inspectorState.isRendering||(inspectorState.isRendering=!0,requestAnimationFrame(rerenderUI)))}function rerenderUI(){if(inspectorState.isRendering){const prevActiveEl=inspectorState.prevActiveEl,nextActiveEl=inspectorState.prevActiveEl=inspectorState.activeEl;(prevActiveEl!=null||nextActiveEl!=null)&&((nextActiveEl==null?void 0:nextActiveEl.isConnected)===!1&&(inspectorState.activeEl=null),inspectorState.activeEl==null&&codeSourceBridge.emit(),boxModelBridge.emit(getBoxModel(inspectorState.activeEl))),requestAnimationFrame(rerenderUI)}}var __async=(__this,__arguments,generator)=>new Promise((resolve,reject)=>{var fulfilled=value=>{try{step(generator.next(value))}catch(e){reject(e)}},rejected=value=>{try{step(generator.throw(value))}catch(e){reject(e)}},step=x=>x.done?resolve(x.value):Promise.resolve(x.value).then(fulfilled,rejected);step((generator=generator.apply(__this,__arguments)).next())});let cleanListeners=null;function inspectorEnable(){return __async(this,null,function*(){var _a2;try{const{disableHoverCSS:isDisableHoverCSS}=getOptions();inspectorState.isEnable=!0,inspectorState.activeEl=getActiveElement(),renderUI(),cleanListeners=setupListeners({onActive:()=>renderUI(),onOpenTree:el=>treeOpenBridge.emit([resolveSource(el,!0),CURRENT_INSPECT_ID]),onOpenEditor:el=>openEditorBridge.emit([resolveSource(el).meta]),onExitInspect:()=>inspectorExitBridge.emit()}),isDisableHoverCSS&&(yield disableHoverCSS()),overrideStyle.mount(),(_a2=document.activeElement)==null||_a2.blur()}catch(e){}})}function inspectorExit(){return __async(this,null,function*(){var _a2;try{const{disableHoverCSS:isDisableHoverCSS}=getOptions();inspectorState.isEnable=!1,inspectorState.isRendering=!1,inspectorState.activeEl=null,cleanListeners!=null&&(cleanListeners(),cleanListeners=null),isDisableHoverCSS&&(yield enableHoverCSS()),overrideStyle.unmount(),(_a2=document.activeElement)==null||_a2.blur()}catch(e){}})}function setupInspector(){effectStyle.mount(),on("pointerdown",()=>inspectorActiveBridge.emit([CURRENT_INSPECT_ID]),{capture:!0}),on("pointermove",()=>inspectorActiveBridge.emit([CURRENT_INSPECT_ID]),{capture:!0}),on("keydown",e=>{!inspectorState.isTreeOpen&&e.altKey&&e.metaKey&&e.code==="KeyO"&&(inspectorState.isEnable?inspectorExitBridge.emit():inspectorEnableBridge.emit())},{capture:!0}),inspectorActiveBridge.on(activeId=>{inspectorState.isActive=activeId===CURRENT_INSPECT_ID,!inspectorState.isActive&&inspectorState.isRendering&&(inspectorState.isRendering=!1,inspectorState.activeEl=null)}),inspectorEnableBridge.on(inspectorEnable),inspectorExitBridge.on(inspectorExit),openEditorBridge.on(openEditor),openEditorStartBridge.on(()=>addClass(document.body,"oe-loading")),openEditorEndBridge.on(()=>removeClass(document.body,"oe-loading"))}const safeAreaCSS=":root{--oe-sait:env(safe-area-inset-top);--oe-sair:env(safe-area-inset-right);--oe-saib:env(safe-area-inset-bottom);--oe-sail:env(safe-area-inset-left);}",safeAreaStyle=createGlobalStyle(safeAreaCSS);let safeArea;const safeAreaObserver=mitt();initSafeArea();function initSafeArea(){IS_CLIENT&&on("DOMContentLoaded",()=>{safeAreaStyle.mount(),on("resize",detectionScreen),updateValue()})}let portrait;function detectionScreen(){const{outerWidth:w,outerHeight:h}=window;portrait!==(portrait=w<h)&&(updateValue(),safeAreaObserver.emit(safeArea))}function updateValue(){const get=computedStyle(document.body);safeArea={top:get("--oe-sait"),right:get("--oe-sair"),bottom:get("--oe-saib"),left:get("--oe-sail")}}function ToggleUI(){const state={};inspectorEnableBridge.on(()=>{applyStyle(state.button,{color:"var(--cyan)"})}),inspectorExitBridge.on(()=>{applyStyle(state.button,{color:null})}),on("resize",updatePosTop),on("resize",updateSize);function startDnD(){state.dnding=!0,addClass(state.root,"oe-toggle-dnd"),on("pointermove",changePosTop),on("pointerup",stopDnD)}function stopDnD(){setTimeout(()=>state.dnding=!1),removeClass(state.root,"oe-toggle-dnd"),off("pointermove",changePosTop),off("pointerup",stopDnD)}function changePosTop(e){localStorage["oe-pt"]=e.clientY,updatePosTop()}function updateSize(){const touchable="maxTouchPoints"in navigator?navigator.maxTouchPoints>0:"ontouchstart"in window;state.touchable!==touchable&&(touchable?addClass(state.root,"oe-toggle-touch"):removeClass(state.root,"oe-toggle-touch"),state.touchable=touchable)}function updatePosRight(){applyStyle(state.root,{right:CSS_util.px(safeArea.right)})}function updatePosTop(){const{clientHeight:winH}=document.body,{offsetHeight:toggleH}=state.root,cachePosY=+localStorage["oe-pt"]||0,safePosY=clamp(cachePosY-toggleH/2,safeArea.top,winH-toggleH-safeArea.bottom);applyStyle(state.root,{top:CSS_util.px(safePosY)})}function toggleEnable(){state.dnding||(inspectorState.isEnable?inspectorExitBridge.emit():inspectorEnableBridge.emit())}try{return jsx("div",{className:"oe-toggle",ref:el=>state.root=el,onTouchMove:e=>e.preventDefault(),onContextMenu:e=>e.preventDefault(),children:[jsx("div",{className:"oe-toggle-overlay"}),jsx("button",{className:"oe-toggle-button",ref:el=>state.button=el,onClick:toggleEnable,onLongPress:startDnD,children:jsx("svg",{viewBox:"0 0 1024 1024",width:"100%",height:"100%",fill:"currentColor",children:[jsx("path",{d:"M512 134.07031223a26.3671875 26.3671875 0 0 1 26.2441409 23.8359375L538.3671875 160.43749973v70.31250054l-0.05273438 1.23046848c134.33203098 12.4453125 241.25976563 119.390625 253.72265598 253.72265598L793.24999973 485.6328125h70.31250054a26.3671875 26.3671875 0 0 1 2.53125 52.6113284L863.56250027 538.3671875h-70.31250054l-1.23046848-0.05273438c-12.4453125 134.33203098-119.37304715 241.25976563-253.70507812 253.72265598L538.3671875 793.24999973v70.31250054a26.3671875 26.3671875 0 0 1-52.6113284 2.53125L485.6328125 863.56250027v-70.31250054l0.07031223-1.21289063c-134.33203098-12.46289035-241.27734348-119.390625-253.74023383-253.72265597L230.75000027 538.3671875H160.43749973a26.3671875 26.3671875 0 0 1-2.53125-52.6113284L160.43749973 485.6328125h70.31250054l1.21289063 0.07031223c12.46289035-134.34960965 119.390625-241.27734348 253.74023383-253.74023383L485.6328125 230.75000027V160.43749973A26.3671875 26.3671875 0 0 1 512 134.07031223z m0 147.83203179c-127.08984375 0-230.09765598 103.00781223-230.09765598 230.09765598 0 127.08984375 103.00781223 230.09765598 230.09765598 230.09765598 127.08984375 0 230.09765598-103.00781223 230.09765598-230.09765598 0-127.08984375-103.00781223-230.09765598-230.09765598-230.09765598z"}),jsx("path",{d:"M512 388.95312527a123.04687473 123.04687473 0 1 0 0 246.09374946 123.04687473 123.04687473 0 0 0 0-246.09374946z m0 49.21874973a73.828125 73.828125 0 1 1 0 147.65625 73.828125 73.828125 0 0 1 0-147.65625z"})]})})]})}finally{updatePosTop(),updateSize(),safeAreaObserver.on(updatePosRight)}}function OverlayUI(){const state={};inspectorEnableBridge.on(()=>{addClass(state.position,"oe-overlay-show")}),inspectorExitBridge.on(()=>{removeClass(state.position,"oe-overlay-show"),updateBoxModel(...getDefaultBoxModel())}),boxModelBridge.on(updateBoxModel);function updateBoxModel(rect,lines){applyStyle(state.position,{width:CSS_util.px(rect.width),height:CSS_util.px(rect.height),transform:CSS_util.translate(rect.left,rect.top)});for(const key of Object.keys(lines)){const el=state[key],line=lines[key];applyStyle(el,{borderTopWidth:CSS_util.px(line.top),borderRightWidth:CSS_util.px(line.right),borderBottomWidth:CSS_util.px(line.bottom),borderLeftWidth:CSS_util.px(line.left)})}}return jsx("div",{className:"oe-overlay",ref:el=>state.position=el,children:jsx("div",{className:"oe-overlay-margin",ref:el=>state.margin=el,children:jsx("div",{className:"oe-overlay-border",ref:el=>state.border=el,children:jsx("div",{className:"oe-overlay-padding",ref:el=>state.padding=el,children:jsx("div",{className:"oe-overlay-content"})})})})})}function TooltipUI(){const state={},pending=mitt();inspectorEnableBridge.on(()=>{addClass(state.root,"oe-tooltip-show")}),inspectorExitBridge.on(()=>{removeClass(state.root,"oe-tooltip-show"),updateSource()}),codeSourceBridge.on(updateSource),boxModelBridge.on(rect=>{state.isPending?pending.once(()=>updateRect(rect)):updateRect(rect)});function updateSource(source){state.isPending=!0,applyStyle(state.root,{visibility:"hidden",transform:CSS_util.translate(6,6)}),source!=null&&source.meta&&(state.tag.textContent=`${source.el} in `,state.comp.textContent=`<${source.meta.name}>`,state.file.textContent=`${source.meta.file}:${source.meta.line}:${source.meta.column}`,state.isPending=!1,pending.emit())}function updateRect(rect){const{clientWidth:winW,clientHeight:winH}=document.documentElement,{width:rootW,height:rootH}=getDOMRect(state.root),onTopArea=rect.top>rootH+safeArea.top+6*2,top=clamp(onTopArea?rect.top-rootH-6:rect.bottom+6,safeArea.top+6,winH-rootH-safeArea.bottom-6),left=clamp(rect.left,safeArea.left+6,winW-rootW-safeArea.right-6);applyStyle(state.root,{visibility:"visible",transform:CSS_util.translate(left,top)})}return jsx("div",{className:"oe-tooltip",ref:el=>state.root=el,children:jsx("div",{className:"oe-tooltip-content",children:[jsx("span",{className:"oe-tooltip-tag",ref:el=>state.tag=el}),jsx("span",{className:"oe-tooltip-comp",ref:el=>state.comp=el}),jsx("span",{className:"oe-tooltip-file",ref:el=>state.file=el})]})})}function TreeUI(){const{once}=getOptions(),state={};treeOpenBridge.on(source=>{inspectorState.isTreeOpen=!0,renderTree(source),applyStyle(state.root,{display:"block"}),addClass(document.body,"oe-lock-screen")}),treeCloseBridge.on(()=>{inspectorState.isTreeOpen=!1,applyStyle(state.root,{display:"none"}),removeClass(document.body,"oe-lock-screen")});function renderTree(source){const hasTree=source.tree.length>0,content=jsx(FRAGMENT_TYPE,{children:[jsx("div",{className:"oe-tree-title",children:[jsx("span",{className:"oe-tree-tag",children:[source.el," in "]}),"<ComponentTree>"]}),jsx("div",{className:"oe-tree-content",children:hasTree?buildTree(source.tree):">> not found \u{1F62D}."})]});hasTree?removeClass(state.popup,"oe-tree-error"):addClass(state.popup,"oe-tree-error"),replaceChildren(state.popupBody,content)}function buildTree(tree){const meta=tree.pop(),tagName=`<${meta.name}>`,fileName=`${meta.file}:${meta.line}:${meta.column}`;return jsx("div",{className:"oe-tree-item",children:[jsx("div",{className:"oe-tree-node",title:"Click to open in your editor",onClick:()=>{once&&treeCloseBridge.emit(),openEditorBridge.emit([meta])},children:[tagName,jsx("span",{className:"oe-tree-file",children:fileName})]}),tree.length>0&&jsx(FRAGMENT_TYPE,{children:[jsx("div",{className:"oe-tree-line"}),buildTree(tree),jsx("div",{className:"oe-tree-node",children:tagName})]})]})}return jsx("div",{className:"oe-tree",ref:el=>state.root=el,onClick:()=>treeCloseBridge.emit(),onQuickExit:()=>treeCloseBridge.emit(),children:jsx("div",{className:"oe-tree-popup",ref:el=>state.popup=el,onClick:e=>e.stopPropagation(),children:[jsx("button",{className:"oe-tree-close",ref:el=>state.popupClose=el,onClick:()=>treeCloseBridge.emit(),children:jsx("svg",{viewBox:"0 0 1024 1024",width:"100%",height:"100%",fill:"currentColor",children:jsx("path",{d:"M569.02728271 509.40447998L877.59753418 817.97473145 820.57025146 872.40649414 512 563.83624268 198.23870849 882.78857422 141.21142578 823.16577148l313.76129151-318.95233154L146.40246582 195.64318847 203.42974854 141.21142578 512 449.78167724 820.57025146 141.21142578 877.59753418 200.83422852 569.02728271 509.40447998z"})})}),jsx("div",{className:"oe-tree-body",ref:el=>state.popupBody=el})]})})}function setupUI(){const{crossIframe,displayToggle}=getOptions();crossIframe&&!isTopWindow||(customElements.define(HTML_INSPECTOR_ELEMENT,class extends HTMLElement{constructor(){super(),Object.defineProperty(this,"shadowRoot",{value:this.attachShadow({mode:"closed"})})}connectedCallback(){openEditorErrorBridge.on(()=>{const errorOverlay=jsx("div",{className:"oe-error-overlay"}),ani=errorOverlay.animate([{},{boxShadow:"inset 0 0 20px 10px var(--red)",background:"var(--red-light)"},{}],{duration:600,easing:"ease-out"});on("finish",()=>errorOverlay.remove(),{target:ani}),appendChild(this.shadowRoot,errorOverlay)}),replaceChildren(this.shadowRoot,jsx(FRAGMENT_TYPE,{children:[jsx("style",{type:"text/css",children:":host{--text-color:#ffffff;--text-color2:#dddddd;--bg-color:#2c2c2e;--bg-color-opt:#2c2c2ee6;--bg-color2:#6c6c6e;--cyan:#4df9fa;--red:#ff335c;--red-light:#ff335c33;--shadow:0 0 1px var(--bg-color2);--filter:blur(8px);--overlay-margin:#f6b26ba8;--overlay-border:#ffe599a8;--overlay-padding:#93c47d8c;--overlay-content:#6fa7dca8;--z-index-overlay:2147483643;--z-index-toggle:2147483644;--z-index-tooltip:2147483645;--z-index-tree:2147483646;--z-index-error-overlay:2147483647;--min-w:280px;--w:min(calc(100vw - 96px),500px);--h:min(calc(100vh - 148px),300px);all:initial;}*{margin:0;padding:0;box-sizing:content-box;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;font-size:12px;font-weight:400;line-height:1.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;overflow-wrap:break-word;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}.oe-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-index-error-overlay);}.oe-toggle{position:fixed;right:0px;z-index:var(--z-index-toggle);padding:6px;font-size:0px;}.oe-toggle-overlay{position:fixed;top:0px;left:0px;width:100vw;height:100vh;display:none;}.oe-toggle-button{padding:2px;width:20px;height:20px;color:var(--text-color);background:var(--bg-color);box-shadow:var(--shadow);border:none;outline:none;border-radius:999px;transition:all 0.1s;}.oe-toggle-touch{padding:10px;}.oe-toggle-touch .oe-toggle-button{padding:3px;width:30px;height:30px;}.oe-toggle-dnd{cursor:ns-resize;}.oe-toggle-dnd .oe-toggle-overlay{display:block;}.oe-toggle-dnd .oe-toggle-button{transform:scale(1.2);opacity:0.8;cursor:ns-resize;}.oe-overlay{position:fixed;top:0;left:0;z-index:var(--z-index-overlay);display:none;pointer-events:none;will-change:width,height,transform;}.oe-overlay *{box-sizing:border-box;width:100%;height:100%;border:0px solid;will-change:width,height,border;}.oe-overlay-margin{border-color:var(--overlay-margin);}.oe-overlay-border{border-color:var(--overlay-border);}.oe-overlay-padding{border-color:var(--overlay-padding);}.oe-overlay-content{background:var(--overlay-content);}.oe-overlay-show{display:block;}.oe-tooltip{position:fixed;top:0;left:0;z-index:var(--z-index-tooltip);display:none;max-width:calc(100% - 56px);visibility:hidden;-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);box-shadow:var(--shadow);border-radius:12px;overflow:hidden;pointer-events:none;will-change:visibility,width,height,transform;}.oe-tooltip-content{padding:12px 20px;background:var(--bg-color-opt);-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);}.oe-tooltip-tag{color:var(--text-color);}.oe-tooltip-comp{font-size:14px;font-weight:600;color:var(--text-color);}.oe-tooltip-file{display:block;text-decoration:underline;word-wrap:break-word;color:var(--text-color2);}.oe-tooltip-show{display:inline-block;visibility:hidden;}.oe-tree{display:none;position:fixed;top:0;left:0;z-index:var(--z-index-tree);width:100vw;height:100vh;-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);touch-action:none;}.oe-tree-popup{position:fixed;top:50%;left:50%;z-index:var(--z-index-tree);transform:translate(-50%,-50%);color:var(--text-color);background:var(--bg-color-opt);-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);box-shadow:var(--shadow);border-radius:16px;}.oe-tree-close{position:absolute;top:4px;right:4px;padding:8px;width:20px;height:20px;color:var(--text-color);background:transparent;border:none;border-radius:99px;}.oe-tree-close:hover{-webkit-backdrop-filter:invert(50%);backdrop-filter:invert(50%);}.oe-tree-body{padding:20px 28px;overflow:hidden;}.oe-tree-error,.oe-tree-error *{color:var(--red);}.oe-tree-error .oe-tree-close:hover{background:var(--red-light);}.oe-tree-title{box-sizing:border-box;min-width:var(--min-w);max-width:var(--w);padding:0 12px 12px 0;font-size:18px;font-weight:600;}.oe-tree-tag{font-size:14px;font-weight:400;}.oe-tree-content{min-width:var(--min-w);max-width:var(--w);max-height:var(--h);white-space:nowrap;overflow:auto;scrollbar-width:none;}.oe-tree-content::-webkit-scrollbar{display:none;}.oe-tree-content>.oe-tree-tree{margin-left:-10px;}.oe-tree-item{position:relative;padding-left:10px;width:-moz-fit-content;width:fit-content;}.oe-tree-line{position:absolute;left:11px;top:22px;opacity:0.2;width:1px;height:calc(100% - 44px);background:var(--text-color);}.oe-tree-node{margin:2px 0;width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:500;color:var(--text-color);opacity:0.6;}.oe-tree-node[title]:hover,.oe-tree-node[title]:hover~.oe-tree-node{opacity:1;}.oe-tree-node[title]:hover~.oe-tree-line{opacity:0.6;}.oe-tree-file{padding-left:6px;font-size:12px;font-weight:400;text-decoration:underline;color:var(--text-color2);pointer-events:none;}"}),displayToggle&&jsx(ToggleUI,{}),jsx(OverlayUI,{}),jsx(TooltipUI,{}),jsx(TreeUI,{})]}))}}),appendChild(document.body,jsx(HTML_INSPECTOR_ELEMENT,{})))}function setupClient(opts2){IS_CLIENT&&!window.__OPEN_EDITOR_SETUPED__&&(window.__OPEN_EDITOR_SETUPED__=!0,on("DOMContentLoaded",()=>{setOptions(opts2),setupBridge(),setupInspector(),setupUI()}))}export{setupClient};

package.json

 {
   "name": "@open-editor/client",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "internal utils shared across @open-editor packages",
@@ -31,3 +31,3 @@ "main": "./dist/index.js",
     "outmatch": "^1.0.0",
-    "@open-editor/shared": "0.9.1"
+    "@open-editor/shared": "0.9.2"
   },
@@ -34,0 +34,0 @@ "devDependencies": {

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

108791

1.6%

Lines of code

456

1.56%

Dependency changes

• + Added

  @open-editor/shared@0.9.2
  (transitive)

• - Removed

  @open-editor/shared@0.9.1
  (transitive)

• Updated

  @open-editor/shared@0.9.2