@next-bricks/visual-builder 0.8.26 → 0.8.28

package/dist/bricks.json

@@ -37,5 +37,5 @@
       "eo-popover"
     ]
   },
-  "filePath": "bricks/visual-builder/dist/index.bfd3dc78.js"
+  "filePath": "bricks/visual-builder/dist/index.d4be437a.js"
 }

package/dist/chunks/{206.d2f88a63.js → 206.6f726a5f.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_next_bricks_visual_builder=self.webpackChunk_next_bricks_visual_builder||[]).push([[206],{894:(e,t,r)=>{r.d(t,{k:()=>a});var n=r(6107),o=r(6530),i=r(2812);function a(e){var t=function(e){var t=new Set;return(0,o.f)(e,(e=>{switch(e.type){case"Resolvable":case"EventHandler":var r,n=null===(r=e.raw)||void 0===r?void 0:r.useProvider;n&&t.add(n)}})),t}((0,i.ud)(e)),r=[];for(var n of t)n.includes("@")&&r.push(n);return r}customElements.define("visual-builder.collect-used-contracts",(0,n.createProviderClass)(a))},206:(e,t,r)=>{r.d(t,{Z:()=>_});var n,o=r(4795),i=r(3028),a=r(4567),s=r(5178),d=r(1763),l=r.n(d)();function p(){return(p=(0,o.Z)((function*(e,t){var r,n=yield l(document.body,{logging:!1,scale:1,width:window.innerWidth,height:window.innerHeight,foreignObjectRendering:!0}),o=document.createElement("canvas");return function(e,t,r,n){var o=r/n,{width:i,height:a}=e,s=i/a,d=s>=o,l=d?r:n*s,p=d?r/s:n;t.width=l,t.height=p,t.getContext("2d").drawImage(e,0,0,i,a,0,0,l,p),t.toDataURL()}(n,o,e,t),yield(r=o,new Promise((function(e,t){r.toBlob((function(r){r?e(r):t()}))})))}))).apply(this,arguments)}function c(e){var t;e.preventDefault(),e.stopPropagation(),(t=y(e.target)).length>0&&window.parent.postMessage({sender:"previewer",type:"select-brick",iidList:t},n)}function u(e){e.preventDefault(),e.stopPropagation()}var v=(0,s.throttle)((e=>{var t=y(e.target);t.length>0&&window.parent.postMessage({sender:"previewer",type:"hover-on-brick",iidList:t},n)}),100,{leading:!1});function w(e){e.preventDefault(),e.stopPropagation(),v(e)}function h(e){e.preventDefault(),e.stopPropagation(),v(e)}function g(e){e.preventDefault(),e.stopPropagation(),window.parent.postMessage({sender:"previewer",type:"hover-on-brick",iidList:[]},n)}function m(e){var t,r,o;e.preventDefault(),e.stopPropagation(),t=e.target,r={x:e.clientX,y:e.clientY},(o=y(t)).length>0&&window.parent.postMessage({sender:"previewer",type:"context-menu-on-brick",iidList:o,position:r},n)}function y(e){for(var t=[],r=e;r;)"string"==typeof r.dataset.iid&&t.push(r.dataset.iid),r=r.parentElement;return t}var f=r(894),b=!1,S=a.getHistory,k=a.matchPath,E=a.__secret_internals,L=!1;try{var x,I=window.dll;if(I&&null!==(x=window.BRICK_NEXT_VERSIONS)&&void 0!==x&&null!==(x=x["brick-container"])&&void 0!==x&&x.startsWith("2.")){var{getHistory:P,developHelper:C}=I("tYg3"),{matchPath:D}=I("A+yw");S=P,k=D,E=(0,i.Z)((0,i.Z)({},C),{},{getContextValue(e,t){var{tplStateStoreId:r}=t;return C.getContextValue(e,{tplContextId:r})},getAllContextValues(e){var{tplStateStoreId:t}=e,r=C.getAllContextValues({tplContextId:t});return Object.fromEntries([...r].map((e=>{var[t,r]=e;return[t,r.value]})))}}),L=!0}}catch(e){console.error("Try to use v2 runtime APIs failed:",e)}var T=null,N=null;function _(e,t){return A.apply(this,arguments)}function A(){return A=(0,o.Z)((function*(e,t){if(!b){b=!0;var r,d,l,v,x=t=>{window.parent.postMessage((0,i.Z)({sender:"previewer"},t),e)};x({type:"preview-started"}),n=e;var I,P=(e,t,r)=>{var n=M(t);x({type:"highlight-brick",highlightType:e,outlines:n,iid:t,alias:r})};t.templateId&&(I=t.settings);var C=()=>{E.updateTemplatePreviewSettings(t.appId,t.templateId,I),S().reload()},D=()=>{E.updateSnippetPreviewSettings(t.appId,JSON.parse(t.snippetData)),S().reload()},_=S();window.addEventListener("message",function(){var i=(0,o.Z)((function*(o){var i,b,k,{data:T,origin:N}=o;if(N===e&&T&&"preview-container"===T.sender)if("builder"===T.forwardedFor)switch(T.type){case"hover-on-brick":r=T.iid,d=T.alias,P("hover",T.iid,T.alias);break;case"hover-on-main":P("hover","#main-mount-point","root");break;case"hover-on-context":k=T.highlightNodes.map((e=>M(e.iid,e.alias))).flat(),x({type:"highlight-context",outlines:k});break;case"select-brick":l=T.iid,v=T.alias,P("active",T.iid,T.alias);break;case"hover-on-iframe":(e=>{var t=document.elementFromPoint(e.x,e.y);if("BODY"===(null==t?void 0:t.tagName))window.parent.postMessage({sender:"previewer",type:"hover-on-main",isDirection:!0,position:{x:e.x,y:e.y}},n);else{var r=y(t);window.parent.postMessage({sender:"previewer",type:"hover-on-brick",iidList:r,isDirection:!0,position:{x:e.x,y:e.y}},n)}})(T.position)}else switch(T.type){case"toggle-inspecting":T.enabled?(window.addEventListener("click",c,!0),window.addEventListener("mousedown",u,!0),window.addEventListener("mouseover",u,!0),window.addEventListener("mouseup",u,!0),window.addEventListener("pointerdown",w,!0),window.addEventListener("pointerover",h,!0),window.addEventListener("pointerup",u,!0),window.addEventListener("pointerleave",g,!0),window.addEventListener("contextmenu",m,!0)):(window.removeEventListener("click",c,!0),window.removeEventListener("mousedown",u,!0),window.removeEventListener("mouseover",u,!0),window.removeEventListener("mouseup",u,!0),window.removeEventListener("pointerdown",w,!0),window.removeEventListener("pointerover",h,!0),window.removeEventListener("pointerup",u,!0),window.removeEventListener("pointerleave",g,!0),window.removeEventListener("contextmenu",m,!0));break;case"refresh":if(null!==(i=T.options)&&void 0!==i&&i.updateStoryboardType){var A,B;"route"===T.options.updateStoryboardType?E.updateStoryboardByRoute(t.appId,T.storyboardPatch):"template"===T.options.updateStoryboardType?E.updateStoryboardByTemplate(t.appId,T.storyboardPatch,T.options.settings):"snippet"===T.options.updateStoryboardType&&E.updateStoryboardBySnippet(t.appId,T.storyboardPatch);var O=yield null===(A=(B=E).getAddedContracts)||void 0===A?void 0:A.call(B,T.storyboardPatch,{appId:t.appId,updateStoryboardType:T.options.updateStoryboardType,formId:t.formId,collectUsedContracts:f.k});(0,s.isEmpty)(O)?S().reload():x({type:"contract-update",data:{add:O}});break}E.updateStoryboard(t.appId,T.storyboardPatch),t.templateId?(I=T.settings,C()):null!==(b=T.options)&&void 0!==b&&b.snippetData?(t.snippetData=T.options.snippetData,D()):S().reload();break;case"reload":location.reload();break;case"back":_.goBack();break;case"forward":_.goForward();break;case"capture":(function(e,t){return p.apply(this,arguments)})(T.maxWidth,T.maxHeight).then((e=>{x({type:"capture-ok",screenshot:e})}),(()=>{x({type:"capture-failed"})}));break;case"inspect-data-value":((e,t)=>{try{var r,n,o,{dataType:i}=t,a=L?"tplContextId":"tplStateStoreId";if("state"===i&&!(r=document.querySelector("#main-mount-point").firstChild.dataset[a]))return void x({type:"inspect-data-value-error",data:{error:{message:"tplStateStoreId not found, unable to preview STATE value"}}});if(e)o="inspect-single-data-value-success",n=E.getContextValue(e,{tplStateStoreId:r});else{o="inspect-all-data-values-success";var s=E.getAllContextValues({tplStateStoreId:r});n=Object.entries(s).map((e=>{var[t,r]=e;return{name:t,value:r}}))}x({type:o,data:{name:e,value:n}})}catch(e){x({type:"inspect-data-value-error",data:{message:e.message}})}})(T.name,T.option);break;case"update-preview-url":var H=T.previewUrl.startsWith(window.origin)?T.previewUrl.substring(window.origin.length):T.previewUrl,R=(0,a.getBasePath)(),V=H.startsWith(R)?H.substring(R.length-1):H;S().push(V);break;case"update-preview-route":t.routePath=T.routePath,t.routeExact=T.routeExact,Z()}}));return function(e){return i.apply(this,arguments)}}()),window.addEventListener("scroll",(()=>{x({type:"scroll",scroll:{x:window.scrollX,y:window.scrollY}})}));var A,B=!0,O=e=>{x({type:"url-change",url:location.origin+_.createHref(e)}),A=e,Z()};O(_.location),_.listen(O),t.templateId&&C(),t.snippetData&&D(),H(),new MutationObserver((0,s.throttle)((()=>{H(),r&&P("hover",r,d),l&&P("active",l,v)}),100,{leading:!1})).observe(document.body,{subtree:!0,childList:!0})}function Z(){if(t.routePath){var e=!!k(A.pathname,{path:t.routePath,exact:t.routeExact});if(x({type:"route-match-change",match:e}),t.templateId&&!B&&e){var r=document.querySelector("#main-mount-point"),n=new MutationObserver((()=>{1===r.childNodes.length&&"SPAN"===r.firstChild.tagName&&0===r.firstChild.childNodes.length&&(C(),n.disconnect())}));n.observe(r,{childList:!0})}if(t.snippetData&&!B&&e){var o=document.querySelector("#main-mount-point"),i=new MutationObserver((()=>{1===o.childNodes.length&&"SPAN"===o.firstChild.tagName&&0===o.firstChild.childNodes.length&&(D(),i.disconnect())}));i.observe(o,{childList:!0})}B=e}}function H(){var e,t,r,n=document.querySelector("eo-page-view"),o=null!==(e=null==n||null===(t=n.shadowRoot)||void 0===t?void 0:t.querySelector(".content"))&&void 0!==e?e:null;o!==T&&(null===(r=T)||void 0===r||r.removeEventListener("scroll",R),null==o||o.addEventListener("scroll",R),T=o,N=n)}function R(){x({type:"content-scroll",scroll:{x:this.scrollLeft,y:this.scrollTop}})}})),A.apply(this,arguments)}function M(e,t){if(!e)return[];var r=e.includes("#"),n=function(e,t){return[...e].map((e=>{var r,n=null===(r=N)||void 0===r?void 0:r.contains(e),{width:o,height:i,left:a,top:s}=e.getBoundingClientRect();return{width:o,height:i,left:a+window.scrollX+(n?T.scrollLeft:0),top:s+window.scrollY+(n?T.scrollTop:0),alias:t,hasContentScroll:n}}))}(document.querySelectorAll(r?e:'[data-iid="'.concat(e,'"]')),t);return r?n.map((e=>(0,i.Z)((0,i.Z)({},e),{},{height:window.innerHeight-e.top}))):n}}}]);
-//# sourceMappingURL=206.d2f88a63.js.map
+"use strict";(self.webpackChunk_next_bricks_visual_builder=self.webpackChunk_next_bricks_visual_builder||[]).push([[206],{894:(e,t,r)=>{r.d(t,{k:()=>a});var n=r(6107),o=r(6530),i=r(2812);function a(e){var t=function(e){var t=new Set;return(0,o.f)(e,(e=>{switch(e.type){case"Resolvable":case"EventHandler":var r,n=null===(r=e.raw)||void 0===r?void 0:r.useProvider;n&&t.add(n)}})),t}((0,i.ud)(e)),r=[];for(var n of t)n.includes("@")&&r.push(n);return r}customElements.define("visual-builder.collect-used-contracts",(0,n.createProviderClass)(a))},206:(e,t,r)=>{r.d(t,{Z:()=>_});var n,o=r(4795),i=r(3028),a=r(4009),s=r(5178),d=r(1763),l=r.n(d)();function p(){return(p=(0,o.Z)((function*(e,t){var r,n=yield l(document.body,{logging:!1,scale:1,width:window.innerWidth,height:window.innerHeight,foreignObjectRendering:!0}),o=document.createElement("canvas");return function(e,t,r,n){var o=r/n,{width:i,height:a}=e,s=i/a,d=s>=o,l=d?r:n*s,p=d?r/s:n;t.width=l,t.height=p,t.getContext("2d").drawImage(e,0,0,i,a,0,0,l,p),t.toDataURL()}(n,o,e,t),yield(r=o,new Promise((function(e,t){r.toBlob((function(r){r?e(r):t()}))})))}))).apply(this,arguments)}function c(e){var t;e.preventDefault(),e.stopPropagation(),(t=y(e.target)).length>0&&window.parent.postMessage({sender:"previewer",type:"select-brick",iidList:t},n)}function u(e){e.preventDefault(),e.stopPropagation()}var v=(0,s.throttle)((e=>{var t=y(e.target);t.length>0&&window.parent.postMessage({sender:"previewer",type:"hover-on-brick",iidList:t},n)}),100,{leading:!1});function w(e){e.preventDefault(),e.stopPropagation(),v(e)}function h(e){e.preventDefault(),e.stopPropagation(),v(e)}function g(e){e.preventDefault(),e.stopPropagation(),window.parent.postMessage({sender:"previewer",type:"hover-on-brick",iidList:[]},n)}function m(e){var t,r,o;e.preventDefault(),e.stopPropagation(),t=e.target,r={x:e.clientX,y:e.clientY},(o=y(t)).length>0&&window.parent.postMessage({sender:"previewer",type:"context-menu-on-brick",iidList:o,position:r},n)}function y(e){for(var t=[],r=e;r;)"string"==typeof r.dataset.iid&&t.push(r.dataset.iid),r=r.parentElement;return t}var f=r(894),b=!1,S=a.getHistory,k=a.matchPath,E=a.__secret_internals,L=!1;try{var x,I=window.dll;if(I&&null!==(x=window.BRICK_NEXT_VERSIONS)&&void 0!==x&&null!==(x=x["brick-container"])&&void 0!==x&&x.startsWith("2.")){var{getHistory:P,developHelper:C}=I("tYg3"),{matchPath:D}=I("A+yw");S=P,k=D,E=(0,i.Z)((0,i.Z)({},C),{},{getContextValue(e,t){var{tplStateStoreId:r}=t;return C.getContextValue(e,{tplContextId:r})},getAllContextValues(e){var{tplStateStoreId:t}=e,r=C.getAllContextValues({tplContextId:t});return Object.fromEntries([...r].map((e=>{var[t,r]=e;return[t,r.value]})))}}),L=!0}}catch(e){console.error("Try to use v2 runtime APIs failed:",e)}var T=null,N=null;function _(e,t){return A.apply(this,arguments)}function A(){return A=(0,o.Z)((function*(e,t){if(!b){b=!0;var r,d,l,v,x=t=>{window.parent.postMessage((0,i.Z)({sender:"previewer"},t),e)};x({type:"preview-started"}),n=e;var I,P=(e,t,r)=>{var n=M(t);x({type:"highlight-brick",highlightType:e,outlines:n,iid:t,alias:r})};t.templateId&&(I=t.settings);var C=()=>{E.updateTemplatePreviewSettings(t.appId,t.templateId,I),S().reload()},D=()=>{E.updateSnippetPreviewSettings(t.appId,JSON.parse(t.snippetData)),S().reload()},_=S();window.addEventListener("message",function(){var i=(0,o.Z)((function*(o){var i,b,k,{data:T,origin:N}=o;if(N===e&&T&&"preview-container"===T.sender)if("builder"===T.forwardedFor)switch(T.type){case"hover-on-brick":r=T.iid,d=T.alias,P("hover",T.iid,T.alias);break;case"hover-on-main":P("hover","#main-mount-point","root");break;case"hover-on-context":k=T.highlightNodes.map((e=>M(e.iid,e.alias))).flat(),x({type:"highlight-context",outlines:k});break;case"select-brick":l=T.iid,v=T.alias,P("active",T.iid,T.alias);break;case"hover-on-iframe":(e=>{var t=document.elementFromPoint(e.x,e.y);if("BODY"===(null==t?void 0:t.tagName))window.parent.postMessage({sender:"previewer",type:"hover-on-main",isDirection:!0,position:{x:e.x,y:e.y}},n);else{var r=y(t);window.parent.postMessage({sender:"previewer",type:"hover-on-brick",iidList:r,isDirection:!0,position:{x:e.x,y:e.y}},n)}})(T.position)}else switch(T.type){case"toggle-inspecting":T.enabled?(window.addEventListener("click",c,!0),window.addEventListener("mousedown",u,!0),window.addEventListener("mouseover",u,!0),window.addEventListener("mouseup",u,!0),window.addEventListener("pointerdown",w,!0),window.addEventListener("pointerover",h,!0),window.addEventListener("pointerup",u,!0),window.addEventListener("pointerleave",g,!0),window.addEventListener("contextmenu",m,!0)):(window.removeEventListener("click",c,!0),window.removeEventListener("mousedown",u,!0),window.removeEventListener("mouseover",u,!0),window.removeEventListener("mouseup",u,!0),window.removeEventListener("pointerdown",w,!0),window.removeEventListener("pointerover",h,!0),window.removeEventListener("pointerup",u,!0),window.removeEventListener("pointerleave",g,!0),window.removeEventListener("contextmenu",m,!0));break;case"refresh":if(null!==(i=T.options)&&void 0!==i&&i.updateStoryboardType){var A,B;"route"===T.options.updateStoryboardType?E.updateStoryboardByRoute(t.appId,T.storyboardPatch):"template"===T.options.updateStoryboardType?E.updateStoryboardByTemplate(t.appId,T.storyboardPatch,T.options.settings):"snippet"===T.options.updateStoryboardType&&E.updateStoryboardBySnippet(t.appId,T.storyboardPatch);var O=yield null===(A=(B=E).getAddedContracts)||void 0===A?void 0:A.call(B,T.storyboardPatch,{appId:t.appId,updateStoryboardType:T.options.updateStoryboardType,formId:t.formId,collectUsedContracts:f.k});(0,s.isEmpty)(O)?S().reload():x({type:"contract-update",data:{add:O}});break}E.updateStoryboard(t.appId,T.storyboardPatch),t.templateId?(I=T.settings,C()):null!==(b=T.options)&&void 0!==b&&b.snippetData?(t.snippetData=T.options.snippetData,D()):S().reload();break;case"reload":location.reload();break;case"back":_.goBack();break;case"forward":_.goForward();break;case"capture":(function(e,t){return p.apply(this,arguments)})(T.maxWidth,T.maxHeight).then((e=>{x({type:"capture-ok",screenshot:e})}),(()=>{x({type:"capture-failed"})}));break;case"inspect-data-value":((e,t)=>{try{var r,n,o,{dataType:i}=t,a=L?"tplContextId":"tplStateStoreId";if("state"===i&&!(r=document.querySelector("#main-mount-point").firstChild.dataset[a]))return void x({type:"inspect-data-value-error",data:{error:{message:"tplStateStoreId not found, unable to preview STATE value"}}});if(e)o="inspect-single-data-value-success",n=E.getContextValue(e,{tplStateStoreId:r});else{o="inspect-all-data-values-success";var s=E.getAllContextValues({tplStateStoreId:r});n=Object.entries(s).map((e=>{var[t,r]=e;return{name:t,value:r}}))}x({type:o,data:{name:e,value:n}})}catch(e){x({type:"inspect-data-value-error",data:{message:e.message}})}})(T.name,T.option);break;case"update-preview-url":var H=T.previewUrl.startsWith(window.origin)?T.previewUrl.substring(window.origin.length):T.previewUrl,R=(0,a.getBasePath)(),V=H.startsWith(R)?H.substring(R.length-1):H;S().push(V);break;case"update-preview-route":t.routePath=T.routePath,t.routeExact=T.routeExact,Z()}}));return function(e){return i.apply(this,arguments)}}()),window.addEventListener("scroll",(()=>{x({type:"scroll",scroll:{x:window.scrollX,y:window.scrollY}})}));var A,B=!0,O=e=>{x({type:"url-change",url:location.origin+_.createHref(e)}),A=e,Z()};O(_.location),_.listen(O),t.templateId&&C(),t.snippetData&&D(),H(),new MutationObserver((0,s.throttle)((()=>{H(),r&&P("hover",r,d),l&&P("active",l,v)}),100,{leading:!1})).observe(document.body,{subtree:!0,childList:!0})}function Z(){if(t.routePath){var e=!!k(A.pathname,{path:t.routePath,exact:t.routeExact});if(x({type:"route-match-change",match:e}),t.templateId&&!B&&e){var r=document.querySelector("#main-mount-point"),n=new MutationObserver((()=>{1===r.childNodes.length&&"SPAN"===r.firstChild.tagName&&0===r.firstChild.childNodes.length&&(C(),n.disconnect())}));n.observe(r,{childList:!0})}if(t.snippetData&&!B&&e){var o=document.querySelector("#main-mount-point"),i=new MutationObserver((()=>{1===o.childNodes.length&&"SPAN"===o.firstChild.tagName&&0===o.firstChild.childNodes.length&&(D(),i.disconnect())}));i.observe(o,{childList:!0})}B=e}}function H(){var e,t,r,n=document.querySelector("eo-page-view"),o=null!==(e=null==n||null===(t=n.shadowRoot)||void 0===t?void 0:t.querySelector(".content"))&&void 0!==e?e:null;o!==T&&(null===(r=T)||void 0===r||r.removeEventListener("scroll",R),null==o||o.addEventListener("scroll",R),T=o,N=n)}function R(){x({type:"content-scroll",scroll:{x:this.scrollLeft,y:this.scrollTop}})}})),A.apply(this,arguments)}function M(e,t){if(!e)return[];var r=e.includes("#"),n=function(e,t){return[...e].map((e=>{var r,n=null===(r=N)||void 0===r?void 0:r.contains(e),{width:o,height:i,left:a,top:s}=e.getBoundingClientRect();return{width:o,height:i,left:a+window.scrollX+(n?T.scrollLeft:0),top:s+window.scrollY+(n?T.scrollTop:0),alias:t,hasContentScroll:n}}))}(document.querySelectorAll(r?e:'[data-iid="'.concat(e,'"]')),t);return r?n.map((e=>(0,i.Z)((0,i.Z)({},e),{},{height:window.innerHeight-e.top}))):n}}}]);
+//# sourceMappingURL=206.6f726a5f.js.map

package/dist/chunks/{206.d2f88a63.js.map → 206.6f726a5f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/206.d2f88a63.js","mappings":"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","sources":["webpack:///./src/data-providers/collect-used-contracts.ts","webpack:///./src/data-providers/preview/inspector.ts","webpack:///./src/data-providers/preview/capture.ts","webpack:///./src/data-providers/preview/resizeScreenshot.ts","webpack:///./src/data-providers/preview/connect.ts"],"sourcesContent":["import { createProviderClass } from \"@next-core/utils/general\";\nimport {\n  type StoryboardNode,\n  parseStoryboard,\n  traverse,\n} from \"@next-core/storyboard\";\nimport {\n  Storyboard,\n  UseProviderResolveConf,\n  UseProviderEventHandler,\n} from \"@next-core/types\";\n\nfunction collect(nodeOrNodes: StoryboardNode | StoryboardNode[]): Set<string> {\n  const collection = new Set<string>();\n\n  traverse(nodeOrNodes, (node) => {\n    switch (node.type) {\n      case \"Resolvable\":\n      case \"EventHandler\": {\n        const useProvider = (\n          node.raw as UseProviderResolveConf | UseProviderEventHandler\n        )?.useProvider;\n        if (useProvider) {\n          collection.add(useProvider);\n        }\n      }\n    }\n  });\n\n  return collection;\n}\n\nexport function collectUsedContracts(storyboard: Storyboard): string[] {\n  const collection = collect(parseStoryboard(storyboard as any));\n\n  const contracts = [];\n\n  for (const item of collection) {\n    if (item.includes(\"@\")) {\n      contracts.push(item);\n    }\n  }\n\n  return contracts;\n}\n\ncustomElements.define(\n  \"visual-builder.collect-used-contracts\",\n  createProviderClass(collectUsedContracts)\n);\n","// istanbul ignore file: working in progress\n// https://github.com/facebook/react/blob/cae635054e17a6f107a39d328649137b83f25972/packages/react-devtools-shared/src/backend/views/Highlighter/index.js\nimport { throttle } from \"lodash\";\nimport type {\n  PreviewMessagePreviewerHoverOnBrick,\n  PreviewMessagePreviewerSelectBrick,\n  PreviewMessagePreviewerContextMenuOnBrick,\n} from \"./interfaces.js\";\n\nexport let previewProxyOrigin: string;\n\nexport function setPreviewFromOrigin(origin: string): void {\n  previewProxyOrigin = origin;\n}\n\nexport function startInspecting(): void {\n  registerListeners();\n}\n\nexport function stopInspecting(): void {\n  unregisterListeners();\n}\n\nfunction registerListeners(): void {\n  window.addEventListener(\"click\", onClick, true);\n  window.addEventListener(\"mousedown\", onMouseEvent, true);\n  window.addEventListener(\"mouseover\", onMouseEvent, true);\n  window.addEventListener(\"mouseup\", onMouseEvent, true);\n  window.addEventListener(\"pointerdown\", onPointerDown, true);\n  window.addEventListener(\"pointerover\", onPointerOver, true);\n  window.addEventListener(\"pointerup\", onMouseEvent, true);\n  window.addEventListener(\"pointerleave\", onPointerLeave, true);\n  window.addEventListener(\"contextmenu\", onContextMenu, true);\n}\n\nfunction unregisterListeners(): void {\n  window.removeEventListener(\"click\", onClick, true);\n  window.removeEventListener(\"mousedown\", onMouseEvent, true);\n  window.removeEventListener(\"mouseover\", onMouseEvent, true);\n  window.removeEventListener(\"mouseup\", onMouseEvent, true);\n  window.removeEventListener(\"pointerdown\", onPointerDown, true);\n  window.removeEventListener(\"pointerover\", onPointerOver, true);\n  window.removeEventListener(\"pointerup\", onMouseEvent, true);\n  window.removeEventListener(\"pointerleave\", onPointerLeave, true);\n  window.removeEventListener(\"contextmenu\", onContextMenu, true);\n}\n\nfunction onClick(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n  selectBrick(event.target as HTMLElement);\n}\n\nfunction onMouseEvent(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nconst hoverOnBrick = throttle(\n  (e: MouseEvent) => {\n    const brick = e.target as HTMLElement;\n    const iidList = getPossibleBrickIidList(brick);\n    if (iidList.length > 0) {\n      window.parent.postMessage(\n        {\n          sender: \"previewer\",\n          type: \"hover-on-brick\",\n          iidList,\n        } as PreviewMessagePreviewerHoverOnBrick,\n        previewProxyOrigin\n      );\n    }\n  },\n  100,\n  { leading: false }\n);\n\nfunction onPointerDown(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n  hoverOnBrick(event);\n}\n\nfunction onPointerOver(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n  hoverOnBrick(event);\n}\n\nfunction onPointerLeave(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n  window.parent.postMessage(\n    {\n      sender: \"previewer\",\n      type: \"hover-on-brick\",\n      iidList: [],\n    } as PreviewMessagePreviewerHoverOnBrick,\n    previewProxyOrigin\n  );\n}\n\nfunction onContextMenu(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n  contextMenuOnBrick(event.target as HTMLElement, {\n    x: event.clientX,\n    y: event.clientY,\n  });\n}\n\nfunction contextMenuOnBrick(\n  brick: HTMLElement,\n  position: {\n    x: number;\n    y: number;\n  }\n): void {\n  const iidList = getPossibleBrickIidList(brick);\n  if (iidList.length > 0) {\n    window.parent.postMessage(\n      {\n        sender: \"previewer\",\n        type: \"context-menu-on-brick\",\n        iidList,\n        position,\n      } as PreviewMessagePreviewerContextMenuOnBrick,\n      previewProxyOrigin\n    );\n  }\n}\n\nfunction selectBrick(brick: HTMLElement): void {\n  const iidList = getPossibleBrickIidList(brick);\n  if (iidList.length > 0) {\n    window.parent.postMessage(\n      {\n        sender: \"previewer\",\n        type: \"select-brick\",\n        iidList,\n      } as PreviewMessagePreviewerSelectBrick,\n      previewProxyOrigin\n    );\n  }\n}\n\nexport function getPossibleBrickIidList(brick: HTMLElement): string[] {\n  const iidList: string[] = [];\n  // Traverse from bottom to up, to find bricks current hover on.\n  let cursor: HTMLElement | null = brick;\n  while (cursor) {\n    if (typeof cursor.dataset.iid === \"string\") {\n      iidList.push(cursor.dataset.iid);\n    }\n    cursor = cursor.parentElement;\n  }\n  return iidList;\n}\n","// istanbul ignore file: nothing logical except calling html2canvas.\nimport _html2canvas from \"html2canvas\";\nimport { resizeScreenshot } from \"./resizeScreenshot.js\";\n\n// There is a type issue like i18next\nconst html2canvas = _html2canvas as unknown as typeof _html2canvas.default;\n\nfunction getCanvasBlob(canvas: HTMLCanvasElement): Promise<Blob> {\n  return new Promise(function (resolve, reject) {\n    canvas.toBlob(function (blob: Blob | null) {\n      if (blob) {\n        resolve(blob);\n      } else {\n        reject();\n      }\n    });\n  });\n}\n\nexport async function capture(\n  maxWidth: number,\n  maxHeight: number\n): Promise<Blob> {\n  const sourceCanvas = await html2canvas(document.body, {\n    logging: false,\n    scale: 1,\n    width: window.innerWidth,\n    height: window.innerHeight,\n    foreignObjectRendering: true,\n  });\n  const targetCanvas = document.createElement(\"canvas\");\n  resizeScreenshot(sourceCanvas, targetCanvas, maxWidth, maxHeight);\n  const blob = await getCanvasBlob(targetCanvas);\n  return blob;\n}\n","export function resizeScreenshot(\n  canvas: HTMLCanvasElement,\n  targetCanvas: HTMLCanvasElement,\n  maxWidth: number,\n  maxHeight: number\n): string {\n  const targetRatio = maxWidth / maxHeight;\n  const { width, height } = canvas;\n  const ratio = width / height;\n  const wider = ratio >= targetRatio;\n  const finalWidth = wider ? maxWidth : maxHeight * ratio;\n  const finalHeight = wider ? maxWidth / ratio : maxHeight;\n  targetCanvas.width = finalWidth;\n  targetCanvas.height = finalHeight;\n\n  const ctx = targetCanvas.getContext(\"2d\")!;\n  ctx.drawImage(canvas, 0, 0, width, height, 0, 0, finalWidth, finalHeight);\n  return targetCanvas.toDataURL();\n}\n","import {\n  getHistory as _getHistory,\n  getBasePath,\n  matchPath as _matchPath,\n  __secret_internals as _internals,\n  type NextLocation,\n} from \"@next-core/runtime\";\nimport type { BrickConf, CustomTemplate, RouteConf } from \"@next-core/types\";\nimport { isEmpty, throttle } from \"lodash\";\nimport type {\n  BrickOutline,\n  HighLightNode,\n  Position,\n  PreviewDataOption,\n  PreviewMessageFromPreviewer,\n  PreviewMessagePreviewContractUpdate,\n  PreviewMessagePreviewDataValueError,\n  PreviewMessagePreviewDataValueSuccess,\n  PreviewMessagePreviewerCaptureFailed,\n  PreviewMessagePreviewerCaptureOk,\n  PreviewMessagePreviewerContentScroll,\n  PreviewMessagePreviewerHighlightBrick,\n  PreviewMessagePreviewerHighlightContext,\n  PreviewMessagePreviewerHoverOnMain,\n  PreviewMessagePreviewerRouteMatchChange,\n  PreviewMessagePreviewerScroll,\n  PreviewMessagePreviewerUrlChange,\n  PreviewMessageToPreviewer,\n  PreviewSettings,\n  PreviewStartOptions,\n} from \"./interfaces.js\";\nimport { capture } from \"./capture.js\";\nimport {\n  previewProxyOrigin,\n  getPossibleBrickIidList,\n  setPreviewFromOrigin,\n  startInspecting,\n  stopInspecting,\n} from \"./inspector.js\";\nimport { collectUsedContracts } from \"../collect-used-contracts.js\";\n\nlet connected = false;\n\ninterface DLL {\n  (moduleId: \"tYg3\"): {\n    getHistory: typeof _getHistory;\n    developHelper: typeof _internals;\n  };\n  (moduleId: \"A+yw\"): {\n    matchPath: typeof _matchPath;\n  };\n}\n\nlet getHistory = _getHistory;\nlet matchPath = _matchPath;\nlet __secret_internals = _internals;\nlet isV2 = false;\n\n// istanbul ignore next\n// Make v3 bricks compatible with Brick Next v2.\ntry {\n  const dll = (window as unknown as { dll?: DLL }).dll;\n  if (\n    dll &&\n    window.BRICK_NEXT_VERSIONS?.[\"brick-container\"]?.startsWith(\"2.\")\n  ) {\n    const { getHistory: getHistoryV2, developHelper: developHelperV2 } =\n      dll(\"tYg3\");\n    const { matchPath: matchPathV2 } = dll(\"A+yw\");\n    getHistory = getHistoryV2;\n    matchPath = matchPathV2;\n    // The `__secret_internals` of v3 has pretty the same API as\n    // `developHelper` of v2, especially those for preview usage.\n    __secret_internals = {\n      ...developHelperV2,\n      getContextValue(name, { tplStateStoreId }) {\n        return developHelperV2.getContextValue(name, {\n          tplContextId: tplStateStoreId,\n        } as any);\n      },\n      getAllContextValues({ tplStateStoreId }) {\n        // V3 returns an object of key-value.\n        // While v2 returns a map of ContextItem.\n        const v2Map = developHelperV2.getAllContextValues({\n          tplContextId: tplStateStoreId,\n        } as any) as unknown as Map<string, { value: unknown }>;\n        return Object.fromEntries(\n          [...v2Map].map(([k, v]) => [k, (v as any).value])\n        );\n      },\n    };\n    isV2 = true;\n  }\n} catch (e) {\n  // eslint-disable-next-line no-console\n  console.error(\"Try to use v2 runtime APIs failed:\", e);\n}\n\nlet contentScrollElement: Element | null = null;\nlet contentScrollHost: Element | null = null;\n\nexport default async function connect(\n  previewFromOrigin: string,\n  options: PreviewStartOptions\n) {\n  if (connected) {\n    return;\n  }\n  connected = true;\n\n  const sendMessage = <T extends PreviewMessageFromPreviewer>(\n    message: Omit<T, \"sender\">\n  ): void => {\n    window.parent.postMessage(\n      {\n        sender: \"previewer\",\n        ...message,\n      },\n      previewFromOrigin\n    );\n  };\n\n  sendMessage({ type: \"preview-started\" });\n  setPreviewFromOrigin(previewFromOrigin);\n\n  let hoverIid: string;\n  let hoverAlias: string;\n  let activeIid: string;\n  let activeAlias: string;\n\n  const handleHoverOnIframe = (pos: Position): void => {\n    const element = document.elementFromPoint(pos.x, pos.y);\n    if (element?.tagName === \"BODY\") {\n      window.parent.postMessage(\n        {\n          sender: \"previewer\",\n          type: \"hover-on-main\",\n          isDirection: true,\n          position: {\n            x: pos.x,\n            y: pos.y,\n          },\n        } as PreviewMessagePreviewerHoverOnMain,\n        previewProxyOrigin\n      );\n    } else {\n      const iidList = getPossibleBrickIidList(element as HTMLElement);\n      window.parent.postMessage(\n        {\n          sender: \"previewer\",\n          type: \"hover-on-brick\",\n          iidList,\n          isDirection: true,\n          position: {\n            x: pos.x,\n            y: pos.y,\n          },\n        },\n        previewProxyOrigin\n      );\n    }\n  };\n\n  const sendHighlightBrickOutlines = (\n    type: \"hover\" | \"active\",\n    iid: string,\n    alias: string\n  ): void => {\n    const outlines = getBrickOutlines(iid);\n    sendMessage<PreviewMessagePreviewerHighlightBrick>({\n      type: \"highlight-brick\",\n      highlightType: type,\n      outlines,\n      iid: iid,\n      alias: alias,\n    });\n  };\n\n  const sendHighlightBricksOutlines = (nodes: HighLightNode[]): void => {\n    const outlines = nodes\n      .map((node) => getBrickOutlines(node.iid, node.alias))\n      .flat();\n    sendMessage<PreviewMessagePreviewerHighlightContext>({\n      type: \"highlight-context\",\n      outlines,\n    });\n  };\n\n  let lastTemplatePreviewSettings: PreviewSettings | undefined;\n  if (options.templateId) {\n    lastTemplatePreviewSettings = options.settings;\n  }\n\n  const updateTemplatePreviewSettings = (): void => {\n    __secret_internals.updateTemplatePreviewSettings(\n      options.appId,\n      options.templateId!,\n      lastTemplatePreviewSettings\n    );\n    getHistory().reload();\n  };\n\n  const updateSnippetPreviewSettings = (): void => {\n    __secret_internals.updateSnippetPreviewSettings(\n      options.appId,\n      JSON.parse(options.snippetData)\n    );\n    getHistory().reload();\n  };\n\n  /* const updateFormPreviewSettings = (): void => {\n    __secret_internals.updateFormPreviewSettings(\n      options.appId,\n      options.formId,\n      options.formData\n    );\n    getHistory().reload();\n  }; */\n\n  const handlePreviewData = (name: string, option: PreviewDataOption): void => {\n    try {\n      const { dataType } = option;\n      let tplStateStoreId;\n      const datasetKey = isV2 ? \"tplContextId\" : \"tplStateStoreId\";\n\n      if (dataType === \"state\") {\n        const mainMountPoint = document.querySelector(\"#main-mount-point\")!;\n\n        tplStateStoreId = (mainMountPoint.firstChild as HTMLElement).dataset[\n          datasetKey\n        ];\n\n        if (!tplStateStoreId) {\n          sendMessage<PreviewMessagePreviewDataValueError>({\n            type: \"inspect-data-value-error\",\n            data: {\n              error: {\n                message:\n                  \"tplStateStoreId not found, unable to preview STATE value\",\n              },\n            },\n          });\n\n          return;\n        }\n      }\n\n      let value, type: PreviewMessagePreviewDataValueSuccess[\"type\"];\n      if (name) {\n        type = \"inspect-single-data-value-success\";\n        value = __secret_internals.getContextValue(name, {\n          tplStateStoreId,\n        });\n      } else {\n        type = \"inspect-all-data-values-success\";\n        const data = __secret_internals.getAllContextValues({\n          tplStateStoreId,\n        });\n        value = Object.entries(data).map(([name, value]) => ({ name, value }));\n      }\n\n      sendMessage<PreviewMessagePreviewDataValueSuccess>({\n        type,\n        data: {\n          name,\n          value,\n        },\n      });\n\n      // istanbul ignore next\n    } catch (error) {\n      sendMessage<PreviewMessagePreviewDataValueError>({\n        type: \"inspect-data-value-error\",\n        data: {\n          message: (error as Error).message,\n        },\n      });\n    }\n  };\n\n  const history = getHistory();\n\n  window.addEventListener(\n    \"message\",\n    async ({ data, origin }: MessageEvent<PreviewMessageToPreviewer>) => {\n      if (\n        origin !== previewFromOrigin ||\n        !data ||\n        data.sender !== \"preview-container\"\n      ) {\n        return;\n      }\n      if (data.forwardedFor === \"builder\") {\n        switch (data.type) {\n          case \"hover-on-brick\":\n            hoverIid = data.iid;\n            hoverAlias = data.alias;\n            sendHighlightBrickOutlines(\"hover\", data.iid, data.alias);\n            break;\n          case \"hover-on-main\":\n            sendHighlightBrickOutlines(\"hover\", \"#main-mount-point\", \"root\");\n            break;\n          case \"hover-on-context\":\n            sendHighlightBricksOutlines(data.highlightNodes);\n            break;\n          case \"select-brick\":\n            activeIid = data.iid;\n            activeAlias = data.alias;\n            sendHighlightBrickOutlines(\"active\", data.iid, data.alias);\n            break;\n          case \"hover-on-iframe\":\n            handleHoverOnIframe(data.position);\n            break;\n        }\n      } else\n        switch (data.type) {\n          case \"toggle-inspecting\":\n            data.enabled ? startInspecting() : stopInspecting();\n            break;\n          case \"refresh\":\n            if (data.options?.updateStoryboardType) {\n              if (data.options.updateStoryboardType === \"route\") {\n                __secret_internals.updateStoryboardByRoute(\n                  options.appId,\n                  data.storyboardPatch as RouteConf\n                );\n              } else if (data.options.updateStoryboardType === \"template\") {\n                __secret_internals.updateStoryboardByTemplate(\n                  options.appId,\n                  data.storyboardPatch as CustomTemplate,\n                  data.options.settings\n                );\n              } else if (data.options.updateStoryboardType === \"snippet\") {\n                __secret_internals.updateStoryboardBySnippet(\n                  options.appId,\n                  data.storyboardPatch as {\n                    snippetId: string;\n                    bricks: BrickConf[];\n                  }\n                );\n              } /* else if (data.options.updateStoryboardType === \"form\") {\n                __secret_internals.updateFormPreviewSettings(\n                  options.appId,\n                  options.formId,\n                  data.storyboardPatch as FormDataProperties\n                );\n              } */\n\n              const newContracts = await (\n                __secret_internals as any\n              ).getAddedContracts?.(data.storyboardPatch, {\n                appId: options.appId,\n                updateStoryboardType: data.options.updateStoryboardType,\n                formId: options.formId,\n                collectUsedContracts,\n              });\n\n              if (!isEmpty(newContracts)) {\n                sendMessage<PreviewMessagePreviewContractUpdate>({\n                  type: \"contract-update\",\n                  data: {\n                    add: newContracts,\n                  },\n                });\n              } else {\n                getHistory().reload();\n              }\n\n              break;\n            }\n            __secret_internals.updateStoryboard(\n              options.appId,\n              data.storyboardPatch\n            );\n            if (options.templateId) {\n              lastTemplatePreviewSettings = data.settings;\n              updateTemplatePreviewSettings();\n            } /* else if (options.formId || options.formData) {\n              updateFormPreviewSettings();\n            } */ else if (data.options?.snippetData) {\n              options.snippetData = data.options.snippetData;\n              updateSnippetPreviewSettings();\n            } else {\n              getHistory().reload();\n            }\n            break;\n          case \"reload\":\n            location.reload();\n            break;\n          case \"back\":\n            history.goBack();\n            break;\n          case \"forward\":\n            history.goForward();\n            break;\n          case \"capture\":\n            capture(data.maxWidth, data.maxHeight).then(\n              (screenshot) => {\n                sendMessage<PreviewMessagePreviewerCaptureOk>({\n                  type: \"capture-ok\",\n                  screenshot,\n                });\n              },\n              () => {\n                sendMessage<PreviewMessagePreviewerCaptureFailed>({\n                  type: \"capture-failed\",\n                });\n              }\n            );\n            break;\n          case \"inspect-data-value\":\n            handlePreviewData(data.name, data.option);\n            break;\n          case \"update-preview-url\": {\n            // Remove origin first.\n            const url = data.previewUrl.startsWith(window.origin)\n              ? data.previewUrl.substring(window.origin.length)\n              : data.previewUrl;\n            // Then remove base path.\n            const basePath = getBasePath();\n            const to = url.startsWith(basePath)\n              ? url.substring(basePath.length - 1)\n              : url;\n            getHistory().push(to);\n            break;\n          }\n          case \"update-preview-route\": {\n            options.routePath = data.routePath;\n            options.routeExact = data.routeExact;\n            syncRouteMatch();\n            break;\n          }\n          /* case \"excute-proxy-method\": {\n            const [ref, method, args = []] = data.proxyMethodArgs;\n            try {\n              const result = document.body.querySelector(ref)[method](...args);\n              window.parent.postMessage({\n                sender: \"previewer\",\n                type: \"excute-proxy-method-success\",\n                data: { method: method, res: result },\n              });\n            } catch (err) {\n              window.parent.postMessage({\n                sender: \"previewer\",\n                type: \"excute-proxy-method-error\",\n                data: { method: method, res: err.message },\n              });\n            }\n            break;\n          } */\n        }\n    }\n  );\n\n  window.addEventListener(\"scroll\", () => {\n    sendMessage<PreviewMessagePreviewerScroll>({\n      type: \"scroll\",\n      scroll: {\n        x: window.scrollX,\n        y: window.scrollY,\n      },\n    });\n  });\n\n  let previewPageMatch = true;\n  let currentLocation: NextLocation;\n  const sendLocationChange = (loc: NextLocation): void => {\n    sendMessage<PreviewMessagePreviewerUrlChange>({\n      type: \"url-change\",\n      url: location.origin + history.createHref(loc),\n    });\n    currentLocation = loc;\n    syncRouteMatch();\n  };\n\n  function syncRouteMatch() {\n    if (options.routePath) {\n      const match = !!matchPath(currentLocation.pathname, {\n        path: options.routePath,\n        exact: options.routeExact,\n      });\n      sendMessage<PreviewMessagePreviewerRouteMatchChange>({\n        type: \"route-match-change\",\n        match,\n      });\n\n      // Re-update template preview settings once match route again (typically after login).\n      if (options.templateId && !previewPageMatch && match) {\n        const mainMountPoint = document.querySelector(\"#main-mount-point\")!;\n        const placeholderLoadObserver = new MutationObserver(() => {\n          // We observe when the placeholder is appeared.\n          if (\n            mainMountPoint.childNodes.length === 1 &&\n            (mainMountPoint.firstChild as HTMLElement).tagName === \"SPAN\" &&\n            mainMountPoint.firstChild!.childNodes.length === 0\n          ) {\n            updateTemplatePreviewSettings();\n            placeholderLoadObserver.disconnect();\n          }\n        });\n        placeholderLoadObserver.observe(mainMountPoint, { childList: true });\n      }\n      /* if (options.formId && !previewPageMatch && match) {\n        const mainMountPoint = document.querySelector(\"#main-mount-point\");\n        const placeholderLoadObserver = new MutationObserver(() => {\n          // We observe when the placeholder is appeared.\n          if (\n            mainMountPoint.childNodes.length === 1 &&\n            (mainMountPoint.firstChild as HTMLElement).tagName === \"SPAN\" &&\n            mainMountPoint.firstChild.childNodes.length === 0\n          ) {\n            updateFormPreviewSettings();\n            placeholderLoadObserver.disconnect();\n          }\n        });\n        placeholderLoadObserver.observe(mainMountPoint, { childList: true });\n      } */\n      if (options.snippetData && !previewPageMatch && match) {\n        const mainMountPoint = document.querySelector(\"#main-mount-point\")!;\n        const placeholderLoadObserver = new MutationObserver(() => {\n          // We observe when the placeholder is appeared.\n          if (\n            mainMountPoint.childNodes.length === 1 &&\n            (mainMountPoint.firstChild as HTMLElement).tagName === \"SPAN\" &&\n            mainMountPoint.firstChild!.childNodes.length === 0\n          ) {\n            updateSnippetPreviewSettings();\n            placeholderLoadObserver.disconnect();\n          }\n        });\n        placeholderLoadObserver.observe(mainMountPoint, { childList: true });\n      }\n      previewPageMatch = match;\n    }\n  }\n\n  sendLocationChange(history.location);\n\n  history.listen(sendLocationChange);\n\n  if (options.templateId) {\n    updateTemplatePreviewSettings();\n  }\n\n  /* if (options.formId || options.formData) {\n    updateFormPreviewSettings();\n  } */\n\n  if (options.snippetData) {\n    updateSnippetPreviewSettings();\n  }\n\n  function setupContentScroll() {\n    const host = document.querySelector(\"eo-page-view\");\n    const element = host?.shadowRoot?.querySelector(\".content\") ?? null;\n    if (element !== contentScrollElement) {\n      contentScrollElement?.removeEventListener(\"scroll\", onContentScroll);\n      element?.addEventListener(\"scroll\", onContentScroll);\n      contentScrollElement = element;\n      contentScrollHost = host;\n    }\n  }\n\n  function onContentScroll(this: Element) {\n    sendMessage<PreviewMessagePreviewerContentScroll>({\n      type: \"content-scroll\",\n      scroll: {\n        x: this.scrollLeft,\n        y: this.scrollTop,\n      },\n    });\n  }\n\n  setupContentScroll();\n\n  const mutationCallback = (): void => {\n    setupContentScroll();\n    if (hoverIid) {\n      sendHighlightBrickOutlines(\"hover\", hoverIid, hoverAlias);\n    }\n    if (activeIid) {\n      sendHighlightBrickOutlines(\"active\", activeIid, activeAlias);\n    }\n  };\n  const mutationObserver = new MutationObserver(\n    throttle(mutationCallback, 100, { leading: false })\n  );\n  mutationObserver.observe(document.body, { subtree: true, childList: true });\n}\n\nfunction getBrickOutlines(iid: string, alias?: string): BrickOutline[] {\n  if (!iid) {\n    return [];\n  }\n  const isRoot = iid.includes(\"#\");\n  const elements = document.querySelectorAll<HTMLElement>(\n    isRoot ? iid : `[data-iid=\"${iid}\"]`\n  );\n  const outlines = getOutlines(elements, alias);\n  return isRoot\n    ? outlines.map((item) => ({\n        ...item,\n        height: window.innerHeight - item.top,\n      }))\n    : outlines;\n}\n\nfunction getOutlines(\n  elements: NodeListOf<HTMLElement>,\n  alias?: string\n): BrickOutline[] {\n  return [...elements].map((element) => {\n    const hasContentScroll = contentScrollHost?.contains(element);\n    const { width, height, left, top } = element.getBoundingClientRect();\n    return {\n      width,\n      height,\n      left:\n        left +\n        window.scrollX +\n        (hasContentScroll ? contentScrollElement.scrollLeft : 0),\n      top:\n        top +\n        window.scrollY +\n        (hasContentScroll ? contentScrollElement.scrollTop : 0),\n      alias,\n      hasContentScroll,\n    };\n  });\n}\n"],"names":["collectUsedContracts","storyboard","collection","nodeOrNodes","Set","traverse","node","type","_node$raw","useProvider","raw","add","collect","parseStoryboard","contracts","item","includes","push","customElements","define","createProviderClass","previewProxyOrigin","html2canvas","_html2canvas","_capture","_asyncToGenerator","maxWidth","maxHeight","canvas","sourceCanvas","document","body","logging","scale","width","window","innerWidth","height","innerHeight","foreignObjectRendering","targetCanvas","createElement","targetRatio","ratio","wider","finalWidth","finalHeight","getContext","drawImage","toDataURL","resizeScreenshot","Promise","resolve","reject","toBlob","blob","apply","arguments","onClick","event","iidList","preventDefault","stopPropagation","getPossibleBrickIidList","target","length","parent","postMessage","sender","onMouseEvent","hoverOnBrick","throttle","e","leading","onPointerDown","onPointerOver","onPointerLeave","onContextMenu","brick","position","x","clientX","y","clientY","cursor","dataset","iid","parentElement","connected","getHistory","_getHistory","matchPath","_matchPath","__secret_internals","_internals","isV2","_window$BRICK_NEXT_VE","dll","BRICK_NEXT_VERSIONS","startsWith","getHistoryV2","developHelper","developHelperV2","matchPathV2","_objectSpread","getContextValue","name","_ref","tplStateStoreId","tplContextId","getAllContextValues","_ref2","v2Map","Object","fromEntries","map","_ref3","k","v","value","console","error","contentScrollElement","contentScrollHost","connect","_x","_x2","_connect","previewFromOrigin","options","hoverIid","hoverAlias","activeIid","activeAlias","sendMessage","message","lastTemplatePreviewSettings","sendHighlightBrickOutlines","alias","outlines","getBrickOutlines","highlightType","templateId","settings","updateTemplatePreviewSettings","appId","reload","updateSnippetPreviewSettings","JSON","parse","snippetData","history","addEventListener","_ref6","_ref5","_data$options","_data$options2","data","origin","forwardedFor","highlightNodes","flat","pos","element","elementFromPoint","tagName","isDirection","handleHoverOnIframe","enabled","removeEventListener","updateStoryboardType","_getAddedContracts","_ref7","updateStoryboardByRoute","storyboardPatch","updateStoryboardByTemplate","updateStoryboardBySnippet","newContracts","getAddedContracts","call","formId","isEmpty","updateStoryboard","location","goBack","goForward","capture","then","screenshot","handlePreviewData","option","dataType","datasetKey","querySelector","firstChild","entries","_ref4","url","previewUrl","substring","basePath","getBasePath","to","routePath","routeExact","syncRouteMatch","_x3","scroll","scrollX","scrollY","currentLocation","previewPageMatch","sendLocationChange","loc","createHref","listen","setupContentScroll","MutationObserver","mutationCallback","observe","subtree","childList","match","pathname","path","exact","mainMountPoint","placeholderLoadObserver","childNodes","disconnect","_host$shadowRoot$quer","_host$shadowRoot","_contentScrollElement","host","shadowRoot","onContentScroll","this","scrollLeft","scrollTop","isRoot","elements","_contentScrollHost","hasContentScroll","contains","left","top","getBoundingClientRect","getOutlines","querySelectorAll","concat"],"sourceRoot":""}
+{"version":3,"file":"chunks/206.6f726a5f.js","mappings":"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","sources":["webpack:///./src/data-providers/collect-used-contracts.ts","webpack:///./src/data-providers/preview/inspector.ts","webpack:///./src/data-providers/preview/capture.ts","webpack:///./src/data-providers/preview/resizeScreenshot.ts","webpack:///./src/data-providers/preview/connect.ts"],"sourcesContent":["import { createProviderClass } from \"@next-core/utils/general\";\nimport {\n  type StoryboardNode,\n  parseStoryboard,\n  traverse,\n} from \"@next-core/storyboard\";\nimport {\n  Storyboard,\n  UseProviderResolveConf,\n  UseProviderEventHandler,\n} from \"@next-core/types\";\n\nfunction collect(nodeOrNodes: StoryboardNode | StoryboardNode[]): Set<string> {\n  const collection = new Set<string>();\n\n  traverse(nodeOrNodes, (node) => {\n    switch (node.type) {\n      case \"Resolvable\":\n      case \"EventHandler\": {\n        const useProvider = (\n          node.raw as UseProviderResolveConf | UseProviderEventHandler\n        )?.useProvider;\n        if (useProvider) {\n          collection.add(useProvider);\n        }\n      }\n    }\n  });\n\n  return collection;\n}\n\nexport function collectUsedContracts(storyboard: Storyboard): string[] {\n  const collection = collect(parseStoryboard(storyboard as any));\n\n  const contracts = [];\n\n  for (const item of collection) {\n    if (item.includes(\"@\")) {\n      contracts.push(item);\n    }\n  }\n\n  return contracts;\n}\n\ncustomElements.define(\n  \"visual-builder.collect-used-contracts\",\n  createProviderClass(collectUsedContracts)\n);\n","// istanbul ignore file: working in progress\n// https://github.com/facebook/react/blob/cae635054e17a6f107a39d328649137b83f25972/packages/react-devtools-shared/src/backend/views/Highlighter/index.js\nimport { throttle } from \"lodash\";\nimport type {\n  PreviewMessagePreviewerHoverOnBrick,\n  PreviewMessagePreviewerSelectBrick,\n  PreviewMessagePreviewerContextMenuOnBrick,\n} from \"./interfaces.js\";\n\nexport let previewProxyOrigin: string;\n\nexport function setPreviewFromOrigin(origin: string): void {\n  previewProxyOrigin = origin;\n}\n\nexport function startInspecting(): void {\n  registerListeners();\n}\n\nexport function stopInspecting(): void {\n  unregisterListeners();\n}\n\nfunction registerListeners(): void {\n  window.addEventListener(\"click\", onClick, true);\n  window.addEventListener(\"mousedown\", onMouseEvent, true);\n  window.addEventListener(\"mouseover\", onMouseEvent, true);\n  window.addEventListener(\"mouseup\", onMouseEvent, true);\n  window.addEventListener(\"pointerdown\", onPointerDown, true);\n  window.addEventListener(\"pointerover\", onPointerOver, true);\n  window.addEventListener(\"pointerup\", onMouseEvent, true);\n  window.addEventListener(\"pointerleave\", onPointerLeave, true);\n  window.addEventListener(\"contextmenu\", onContextMenu, true);\n}\n\nfunction unregisterListeners(): void {\n  window.removeEventListener(\"click\", onClick, true);\n  window.removeEventListener(\"mousedown\", onMouseEvent, true);\n  window.removeEventListener(\"mouseover\", onMouseEvent, true);\n  window.removeEventListener(\"mouseup\", onMouseEvent, true);\n  window.removeEventListener(\"pointerdown\", onPointerDown, true);\n  window.removeEventListener(\"pointerover\", onPointerOver, true);\n  window.removeEventListener(\"pointerup\", onMouseEvent, true);\n  window.removeEventListener(\"pointerleave\", onPointerLeave, true);\n  window.removeEventListener(\"contextmenu\", onContextMenu, true);\n}\n\nfunction onClick(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n  selectBrick(event.target as HTMLElement);\n}\n\nfunction onMouseEvent(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nconst hoverOnBrick = throttle(\n  (e: MouseEvent) => {\n    const brick = e.target as HTMLElement;\n    const iidList = getPossibleBrickIidList(brick);\n    if (iidList.length > 0) {\n      window.parent.postMessage(\n        {\n          sender: \"previewer\",\n          type: \"hover-on-brick\",\n          iidList,\n        } as PreviewMessagePreviewerHoverOnBrick,\n        previewProxyOrigin\n      );\n    }\n  },\n  100,\n  { leading: false }\n);\n\nfunction onPointerDown(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n  hoverOnBrick(event);\n}\n\nfunction onPointerOver(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n  hoverOnBrick(event);\n}\n\nfunction onPointerLeave(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n  window.parent.postMessage(\n    {\n      sender: \"previewer\",\n      type: \"hover-on-brick\",\n      iidList: [],\n    } as PreviewMessagePreviewerHoverOnBrick,\n    previewProxyOrigin\n  );\n}\n\nfunction onContextMenu(event: MouseEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n  contextMenuOnBrick(event.target as HTMLElement, {\n    x: event.clientX,\n    y: event.clientY,\n  });\n}\n\nfunction contextMenuOnBrick(\n  brick: HTMLElement,\n  position: {\n    x: number;\n    y: number;\n  }\n): void {\n  const iidList = getPossibleBrickIidList(brick);\n  if (iidList.length > 0) {\n    window.parent.postMessage(\n      {\n        sender: \"previewer\",\n        type: \"context-menu-on-brick\",\n        iidList,\n        position,\n      } as PreviewMessagePreviewerContextMenuOnBrick,\n      previewProxyOrigin\n    );\n  }\n}\n\nfunction selectBrick(brick: HTMLElement): void {\n  const iidList = getPossibleBrickIidList(brick);\n  if (iidList.length > 0) {\n    window.parent.postMessage(\n      {\n        sender: \"previewer\",\n        type: \"select-brick\",\n        iidList,\n      } as PreviewMessagePreviewerSelectBrick,\n      previewProxyOrigin\n    );\n  }\n}\n\nexport function getPossibleBrickIidList(brick: HTMLElement): string[] {\n  const iidList: string[] = [];\n  // Traverse from bottom to up, to find bricks current hover on.\n  let cursor: HTMLElement | null = brick;\n  while (cursor) {\n    if (typeof cursor.dataset.iid === \"string\") {\n      iidList.push(cursor.dataset.iid);\n    }\n    cursor = cursor.parentElement;\n  }\n  return iidList;\n}\n","// istanbul ignore file: nothing logical except calling html2canvas.\nimport _html2canvas from \"html2canvas\";\nimport { resizeScreenshot } from \"./resizeScreenshot.js\";\n\n// There is a type issue like i18next\nconst html2canvas = _html2canvas as unknown as typeof _html2canvas.default;\n\nfunction getCanvasBlob(canvas: HTMLCanvasElement): Promise<Blob> {\n  return new Promise(function (resolve, reject) {\n    canvas.toBlob(function (blob: Blob | null) {\n      if (blob) {\n        resolve(blob);\n      } else {\n        reject();\n      }\n    });\n  });\n}\n\nexport async function capture(\n  maxWidth: number,\n  maxHeight: number\n): Promise<Blob> {\n  const sourceCanvas = await html2canvas(document.body, {\n    logging: false,\n    scale: 1,\n    width: window.innerWidth,\n    height: window.innerHeight,\n    foreignObjectRendering: true,\n  });\n  const targetCanvas = document.createElement(\"canvas\");\n  resizeScreenshot(sourceCanvas, targetCanvas, maxWidth, maxHeight);\n  const blob = await getCanvasBlob(targetCanvas);\n  return blob;\n}\n","export function resizeScreenshot(\n  canvas: HTMLCanvasElement,\n  targetCanvas: HTMLCanvasElement,\n  maxWidth: number,\n  maxHeight: number\n): string {\n  const targetRatio = maxWidth / maxHeight;\n  const { width, height } = canvas;\n  const ratio = width / height;\n  const wider = ratio >= targetRatio;\n  const finalWidth = wider ? maxWidth : maxHeight * ratio;\n  const finalHeight = wider ? maxWidth / ratio : maxHeight;\n  targetCanvas.width = finalWidth;\n  targetCanvas.height = finalHeight;\n\n  const ctx = targetCanvas.getContext(\"2d\")!;\n  ctx.drawImage(canvas, 0, 0, width, height, 0, 0, finalWidth, finalHeight);\n  return targetCanvas.toDataURL();\n}\n","import {\n  getHistory as _getHistory,\n  getBasePath,\n  matchPath as _matchPath,\n  __secret_internals as _internals,\n  type NextLocation,\n} from \"@next-core/runtime\";\nimport type { BrickConf, CustomTemplate, RouteConf } from \"@next-core/types\";\nimport { isEmpty, throttle } from \"lodash\";\nimport type {\n  BrickOutline,\n  HighLightNode,\n  Position,\n  PreviewDataOption,\n  PreviewMessageFromPreviewer,\n  PreviewMessagePreviewContractUpdate,\n  PreviewMessagePreviewDataValueError,\n  PreviewMessagePreviewDataValueSuccess,\n  PreviewMessagePreviewerCaptureFailed,\n  PreviewMessagePreviewerCaptureOk,\n  PreviewMessagePreviewerContentScroll,\n  PreviewMessagePreviewerHighlightBrick,\n  PreviewMessagePreviewerHighlightContext,\n  PreviewMessagePreviewerHoverOnMain,\n  PreviewMessagePreviewerRouteMatchChange,\n  PreviewMessagePreviewerScroll,\n  PreviewMessagePreviewerUrlChange,\n  PreviewMessageToPreviewer,\n  PreviewSettings,\n  PreviewStartOptions,\n} from \"./interfaces.js\";\nimport { capture } from \"./capture.js\";\nimport {\n  previewProxyOrigin,\n  getPossibleBrickIidList,\n  setPreviewFromOrigin,\n  startInspecting,\n  stopInspecting,\n} from \"./inspector.js\";\nimport { collectUsedContracts } from \"../collect-used-contracts.js\";\n\nlet connected = false;\n\ninterface DLL {\n  (moduleId: \"tYg3\"): {\n    getHistory: typeof _getHistory;\n    developHelper: typeof _internals;\n  };\n  (moduleId: \"A+yw\"): {\n    matchPath: typeof _matchPath;\n  };\n}\n\nlet getHistory = _getHistory;\nlet matchPath = _matchPath;\nlet __secret_internals = _internals;\nlet isV2 = false;\n\n// istanbul ignore next\n// Make v3 bricks compatible with Brick Next v2.\ntry {\n  const dll = (window as unknown as { dll?: DLL }).dll;\n  if (\n    dll &&\n    window.BRICK_NEXT_VERSIONS?.[\"brick-container\"]?.startsWith(\"2.\")\n  ) {\n    const { getHistory: getHistoryV2, developHelper: developHelperV2 } =\n      dll(\"tYg3\");\n    const { matchPath: matchPathV2 } = dll(\"A+yw\");\n    getHistory = getHistoryV2;\n    matchPath = matchPathV2;\n    // The `__secret_internals` of v3 has pretty the same API as\n    // `developHelper` of v2, especially those for preview usage.\n    __secret_internals = {\n      ...developHelperV2,\n      getContextValue(name, { tplStateStoreId }) {\n        return developHelperV2.getContextValue(name, {\n          tplContextId: tplStateStoreId,\n        } as any);\n      },\n      getAllContextValues({ tplStateStoreId }) {\n        // V3 returns an object of key-value.\n        // While v2 returns a map of ContextItem.\n        const v2Map = developHelperV2.getAllContextValues({\n          tplContextId: tplStateStoreId,\n        } as any) as unknown as Map<string, { value: unknown }>;\n        return Object.fromEntries(\n          [...v2Map].map(([k, v]) => [k, (v as any).value])\n        );\n      },\n    };\n    isV2 = true;\n  }\n} catch (e) {\n  // eslint-disable-next-line no-console\n  console.error(\"Try to use v2 runtime APIs failed:\", e);\n}\n\nlet contentScrollElement: Element | null = null;\nlet contentScrollHost: Element | null = null;\n\nexport default async function connect(\n  previewFromOrigin: string,\n  options: PreviewStartOptions\n) {\n  if (connected) {\n    return;\n  }\n  connected = true;\n\n  const sendMessage = <T extends PreviewMessageFromPreviewer>(\n    message: Omit<T, \"sender\">\n  ): void => {\n    window.parent.postMessage(\n      {\n        sender: \"previewer\",\n        ...message,\n      },\n      previewFromOrigin\n    );\n  };\n\n  sendMessage({ type: \"preview-started\" });\n  setPreviewFromOrigin(previewFromOrigin);\n\n  let hoverIid: string;\n  let hoverAlias: string;\n  let activeIid: string;\n  let activeAlias: string;\n\n  const handleHoverOnIframe = (pos: Position): void => {\n    const element = document.elementFromPoint(pos.x, pos.y);\n    if (element?.tagName === \"BODY\") {\n      window.parent.postMessage(\n        {\n          sender: \"previewer\",\n          type: \"hover-on-main\",\n          isDirection: true,\n          position: {\n            x: pos.x,\n            y: pos.y,\n          },\n        } as PreviewMessagePreviewerHoverOnMain,\n        previewProxyOrigin\n      );\n    } else {\n      const iidList = getPossibleBrickIidList(element as HTMLElement);\n      window.parent.postMessage(\n        {\n          sender: \"previewer\",\n          type: \"hover-on-brick\",\n          iidList,\n          isDirection: true,\n          position: {\n            x: pos.x,\n            y: pos.y,\n          },\n        },\n        previewProxyOrigin\n      );\n    }\n  };\n\n  const sendHighlightBrickOutlines = (\n    type: \"hover\" | \"active\",\n    iid: string,\n    alias: string\n  ): void => {\n    const outlines = getBrickOutlines(iid);\n    sendMessage<PreviewMessagePreviewerHighlightBrick>({\n      type: \"highlight-brick\",\n      highlightType: type,\n      outlines,\n      iid: iid,\n      alias: alias,\n    });\n  };\n\n  const sendHighlightBricksOutlines = (nodes: HighLightNode[]): void => {\n    const outlines = nodes\n      .map((node) => getBrickOutlines(node.iid, node.alias))\n      .flat();\n    sendMessage<PreviewMessagePreviewerHighlightContext>({\n      type: \"highlight-context\",\n      outlines,\n    });\n  };\n\n  let lastTemplatePreviewSettings: PreviewSettings | undefined;\n  if (options.templateId) {\n    lastTemplatePreviewSettings = options.settings;\n  }\n\n  const updateTemplatePreviewSettings = (): void => {\n    __secret_internals.updateTemplatePreviewSettings(\n      options.appId,\n      options.templateId!,\n      lastTemplatePreviewSettings\n    );\n    getHistory().reload();\n  };\n\n  const updateSnippetPreviewSettings = (): void => {\n    __secret_internals.updateSnippetPreviewSettings(\n      options.appId,\n      JSON.parse(options.snippetData)\n    );\n    getHistory().reload();\n  };\n\n  /* const updateFormPreviewSettings = (): void => {\n    __secret_internals.updateFormPreviewSettings(\n      options.appId,\n      options.formId,\n      options.formData\n    );\n    getHistory().reload();\n  }; */\n\n  const handlePreviewData = (name: string, option: PreviewDataOption): void => {\n    try {\n      const { dataType } = option;\n      let tplStateStoreId;\n      const datasetKey = isV2 ? \"tplContextId\" : \"tplStateStoreId\";\n\n      if (dataType === \"state\") {\n        const mainMountPoint = document.querySelector(\"#main-mount-point\")!;\n\n        tplStateStoreId = (mainMountPoint.firstChild as HTMLElement).dataset[\n          datasetKey\n        ];\n\n        if (!tplStateStoreId) {\n          sendMessage<PreviewMessagePreviewDataValueError>({\n            type: \"inspect-data-value-error\",\n            data: {\n              error: {\n                message:\n                  \"tplStateStoreId not found, unable to preview STATE value\",\n              },\n            },\n          });\n\n          return;\n        }\n      }\n\n      let value, type: PreviewMessagePreviewDataValueSuccess[\"type\"];\n      if (name) {\n        type = \"inspect-single-data-value-success\";\n        value = __secret_internals.getContextValue(name, {\n          tplStateStoreId,\n        });\n      } else {\n        type = \"inspect-all-data-values-success\";\n        const data = __secret_internals.getAllContextValues({\n          tplStateStoreId,\n        });\n        value = Object.entries(data).map(([name, value]) => ({ name, value }));\n      }\n\n      sendMessage<PreviewMessagePreviewDataValueSuccess>({\n        type,\n        data: {\n          name,\n          value,\n        },\n      });\n\n      // istanbul ignore next\n    } catch (error) {\n      sendMessage<PreviewMessagePreviewDataValueError>({\n        type: \"inspect-data-value-error\",\n        data: {\n          message: (error as Error).message,\n        },\n      });\n    }\n  };\n\n  const history = getHistory();\n\n  window.addEventListener(\n    \"message\",\n    async ({ data, origin }: MessageEvent<PreviewMessageToPreviewer>) => {\n      if (\n        origin !== previewFromOrigin ||\n        !data ||\n        data.sender !== \"preview-container\"\n      ) {\n        return;\n      }\n      if (data.forwardedFor === \"builder\") {\n        switch (data.type) {\n          case \"hover-on-brick\":\n            hoverIid = data.iid;\n            hoverAlias = data.alias;\n            sendHighlightBrickOutlines(\"hover\", data.iid, data.alias);\n            break;\n          case \"hover-on-main\":\n            sendHighlightBrickOutlines(\"hover\", \"#main-mount-point\", \"root\");\n            break;\n          case \"hover-on-context\":\n            sendHighlightBricksOutlines(data.highlightNodes);\n            break;\n          case \"select-brick\":\n            activeIid = data.iid;\n            activeAlias = data.alias;\n            sendHighlightBrickOutlines(\"active\", data.iid, data.alias);\n            break;\n          case \"hover-on-iframe\":\n            handleHoverOnIframe(data.position);\n            break;\n        }\n      } else\n        switch (data.type) {\n          case \"toggle-inspecting\":\n            data.enabled ? startInspecting() : stopInspecting();\n            break;\n          case \"refresh\":\n            if (data.options?.updateStoryboardType) {\n              if (data.options.updateStoryboardType === \"route\") {\n                __secret_internals.updateStoryboardByRoute(\n                  options.appId,\n                  data.storyboardPatch as RouteConf\n                );\n              } else if (data.options.updateStoryboardType === \"template\") {\n                __secret_internals.updateStoryboardByTemplate(\n                  options.appId,\n                  data.storyboardPatch as CustomTemplate,\n                  data.options.settings\n                );\n              } else if (data.options.updateStoryboardType === \"snippet\") {\n                __secret_internals.updateStoryboardBySnippet(\n                  options.appId,\n                  data.storyboardPatch as {\n                    snippetId: string;\n                    bricks: BrickConf[];\n                  }\n                );\n              } /* else if (data.options.updateStoryboardType === \"form\") {\n                __secret_internals.updateFormPreviewSettings(\n                  options.appId,\n                  options.formId,\n                  data.storyboardPatch as FormDataProperties\n                );\n              } */\n\n              const newContracts = await (\n                __secret_internals as any\n              ).getAddedContracts?.(data.storyboardPatch, {\n                appId: options.appId,\n                updateStoryboardType: data.options.updateStoryboardType,\n                formId: options.formId,\n                collectUsedContracts,\n              });\n\n              if (!isEmpty(newContracts)) {\n                sendMessage<PreviewMessagePreviewContractUpdate>({\n                  type: \"contract-update\",\n                  data: {\n                    add: newContracts,\n                  },\n                });\n              } else {\n                getHistory().reload();\n              }\n\n              break;\n            }\n            __secret_internals.updateStoryboard(\n              options.appId,\n              data.storyboardPatch\n            );\n            if (options.templateId) {\n              lastTemplatePreviewSettings = data.settings;\n              updateTemplatePreviewSettings();\n            } /* else if (options.formId || options.formData) {\n              updateFormPreviewSettings();\n            } */ else if (data.options?.snippetData) {\n              options.snippetData = data.options.snippetData;\n              updateSnippetPreviewSettings();\n            } else {\n              getHistory().reload();\n            }\n            break;\n          case \"reload\":\n            location.reload();\n            break;\n          case \"back\":\n            history.goBack();\n            break;\n          case \"forward\":\n            history.goForward();\n            break;\n          case \"capture\":\n            capture(data.maxWidth, data.maxHeight).then(\n              (screenshot) => {\n                sendMessage<PreviewMessagePreviewerCaptureOk>({\n                  type: \"capture-ok\",\n                  screenshot,\n                });\n              },\n              () => {\n                sendMessage<PreviewMessagePreviewerCaptureFailed>({\n                  type: \"capture-failed\",\n                });\n              }\n            );\n            break;\n          case \"inspect-data-value\":\n            handlePreviewData(data.name, data.option);\n            break;\n          case \"update-preview-url\": {\n            // Remove origin first.\n            const url = data.previewUrl.startsWith(window.origin)\n              ? data.previewUrl.substring(window.origin.length)\n              : data.previewUrl;\n            // Then remove base path.\n            const basePath = getBasePath();\n            const to = url.startsWith(basePath)\n              ? url.substring(basePath.length - 1)\n              : url;\n            getHistory().push(to);\n            break;\n          }\n          case \"update-preview-route\": {\n            options.routePath = data.routePath;\n            options.routeExact = data.routeExact;\n            syncRouteMatch();\n            break;\n          }\n          /* case \"excute-proxy-method\": {\n            const [ref, method, args = []] = data.proxyMethodArgs;\n            try {\n              const result = document.body.querySelector(ref)[method](...args);\n              window.parent.postMessage({\n                sender: \"previewer\",\n                type: \"excute-proxy-method-success\",\n                data: { method: method, res: result },\n              });\n            } catch (err) {\n              window.parent.postMessage({\n                sender: \"previewer\",\n                type: \"excute-proxy-method-error\",\n                data: { method: method, res: err.message },\n              });\n            }\n            break;\n          } */\n        }\n    }\n  );\n\n  window.addEventListener(\"scroll\", () => {\n    sendMessage<PreviewMessagePreviewerScroll>({\n      type: \"scroll\",\n      scroll: {\n        x: window.scrollX,\n        y: window.scrollY,\n      },\n    });\n  });\n\n  let previewPageMatch = true;\n  let currentLocation: NextLocation;\n  const sendLocationChange = (loc: NextLocation): void => {\n    sendMessage<PreviewMessagePreviewerUrlChange>({\n      type: \"url-change\",\n      url: location.origin + history.createHref(loc),\n    });\n    currentLocation = loc;\n    syncRouteMatch();\n  };\n\n  function syncRouteMatch() {\n    if (options.routePath) {\n      const match = !!matchPath(currentLocation.pathname, {\n        path: options.routePath,\n        exact: options.routeExact,\n      });\n      sendMessage<PreviewMessagePreviewerRouteMatchChange>({\n        type: \"route-match-change\",\n        match,\n      });\n\n      // Re-update template preview settings once match route again (typically after login).\n      if (options.templateId && !previewPageMatch && match) {\n        const mainMountPoint = document.querySelector(\"#main-mount-point\")!;\n        const placeholderLoadObserver = new MutationObserver(() => {\n          // We observe when the placeholder is appeared.\n          if (\n            mainMountPoint.childNodes.length === 1 &&\n            (mainMountPoint.firstChild as HTMLElement).tagName === \"SPAN\" &&\n            mainMountPoint.firstChild!.childNodes.length === 0\n          ) {\n            updateTemplatePreviewSettings();\n            placeholderLoadObserver.disconnect();\n          }\n        });\n        placeholderLoadObserver.observe(mainMountPoint, { childList: true });\n      }\n      /* if (options.formId && !previewPageMatch && match) {\n        const mainMountPoint = document.querySelector(\"#main-mount-point\");\n        const placeholderLoadObserver = new MutationObserver(() => {\n          // We observe when the placeholder is appeared.\n          if (\n            mainMountPoint.childNodes.length === 1 &&\n            (mainMountPoint.firstChild as HTMLElement).tagName === \"SPAN\" &&\n            mainMountPoint.firstChild.childNodes.length === 0\n          ) {\n            updateFormPreviewSettings();\n            placeholderLoadObserver.disconnect();\n          }\n        });\n        placeholderLoadObserver.observe(mainMountPoint, { childList: true });\n      } */\n      if (options.snippetData && !previewPageMatch && match) {\n        const mainMountPoint = document.querySelector(\"#main-mount-point\")!;\n        const placeholderLoadObserver = new MutationObserver(() => {\n          // We observe when the placeholder is appeared.\n          if (\n            mainMountPoint.childNodes.length === 1 &&\n            (mainMountPoint.firstChild as HTMLElement).tagName === \"SPAN\" &&\n            mainMountPoint.firstChild!.childNodes.length === 0\n          ) {\n            updateSnippetPreviewSettings();\n            placeholderLoadObserver.disconnect();\n          }\n        });\n        placeholderLoadObserver.observe(mainMountPoint, { childList: true });\n      }\n      previewPageMatch = match;\n    }\n  }\n\n  sendLocationChange(history.location);\n\n  history.listen(sendLocationChange);\n\n  if (options.templateId) {\n    updateTemplatePreviewSettings();\n  }\n\n  /* if (options.formId || options.formData) {\n    updateFormPreviewSettings();\n  } */\n\n  if (options.snippetData) {\n    updateSnippetPreviewSettings();\n  }\n\n  function setupContentScroll() {\n    const host = document.querySelector(\"eo-page-view\");\n    const element = host?.shadowRoot?.querySelector(\".content\") ?? null;\n    if (element !== contentScrollElement) {\n      contentScrollElement?.removeEventListener(\"scroll\", onContentScroll);\n      element?.addEventListener(\"scroll\", onContentScroll);\n      contentScrollElement = element;\n      contentScrollHost = host;\n    }\n  }\n\n  function onContentScroll(this: Element) {\n    sendMessage<PreviewMessagePreviewerContentScroll>({\n      type: \"content-scroll\",\n      scroll: {\n        x: this.scrollLeft,\n        y: this.scrollTop,\n      },\n    });\n  }\n\n  setupContentScroll();\n\n  const mutationCallback = (): void => {\n    setupContentScroll();\n    if (hoverIid) {\n      sendHighlightBrickOutlines(\"hover\", hoverIid, hoverAlias);\n    }\n    if (activeIid) {\n      sendHighlightBrickOutlines(\"active\", activeIid, activeAlias);\n    }\n  };\n  const mutationObserver = new MutationObserver(\n    throttle(mutationCallback, 100, { leading: false })\n  );\n  mutationObserver.observe(document.body, { subtree: true, childList: true });\n}\n\nfunction getBrickOutlines(iid: string, alias?: string): BrickOutline[] {\n  if (!iid) {\n    return [];\n  }\n  const isRoot = iid.includes(\"#\");\n  const elements = document.querySelectorAll<HTMLElement>(\n    isRoot ? iid : `[data-iid=\"${iid}\"]`\n  );\n  const outlines = getOutlines(elements, alias);\n  return isRoot\n    ? outlines.map((item) => ({\n        ...item,\n        height: window.innerHeight - item.top,\n      }))\n    : outlines;\n}\n\nfunction getOutlines(\n  elements: NodeListOf<HTMLElement>,\n  alias?: string\n): BrickOutline[] {\n  return [...elements].map((element) => {\n    const hasContentScroll = contentScrollHost?.contains(element);\n    const { width, height, left, top } = element.getBoundingClientRect();\n    return {\n      width,\n      height,\n      left:\n        left +\n        window.scrollX +\n        (hasContentScroll ? contentScrollElement.scrollLeft : 0),\n      top:\n        top +\n        window.scrollY +\n        (hasContentScroll ? contentScrollElement.scrollTop : 0),\n      alias,\n      hasContentScroll,\n    };\n  });\n}\n"],"names":["collectUsedContracts","storyboard","collection","nodeOrNodes","Set","traverse","node","type","_node$raw","useProvider","raw","add","collect","parseStoryboard","contracts","item","includes","push","customElements","define","createProviderClass","previewProxyOrigin","html2canvas","_html2canvas","_capture","_asyncToGenerator","maxWidth","maxHeight","canvas","sourceCanvas","document","body","logging","scale","width","window","innerWidth","height","innerHeight","foreignObjectRendering","targetCanvas","createElement","targetRatio","ratio","wider","finalWidth","finalHeight","getContext","drawImage","toDataURL","resizeScreenshot","Promise","resolve","reject","toBlob","blob","apply","arguments","onClick","event","iidList","preventDefault","stopPropagation","getPossibleBrickIidList","target","length","parent","postMessage","sender","onMouseEvent","hoverOnBrick","throttle","e","leading","onPointerDown","onPointerOver","onPointerLeave","onContextMenu","brick","position","x","clientX","y","clientY","cursor","dataset","iid","parentElement","connected","getHistory","_getHistory","matchPath","_matchPath","__secret_internals","_internals","isV2","_window$BRICK_NEXT_VE","dll","BRICK_NEXT_VERSIONS","startsWith","getHistoryV2","developHelper","developHelperV2","matchPathV2","_objectSpread","getContextValue","name","_ref","tplStateStoreId","tplContextId","getAllContextValues","_ref2","v2Map","Object","fromEntries","map","_ref3","k","v","value","console","error","contentScrollElement","contentScrollHost","connect","_x","_x2","_connect","previewFromOrigin","options","hoverIid","hoverAlias","activeIid","activeAlias","sendMessage","message","lastTemplatePreviewSettings","sendHighlightBrickOutlines","alias","outlines","getBrickOutlines","highlightType","templateId","settings","updateTemplatePreviewSettings","appId","reload","updateSnippetPreviewSettings","JSON","parse","snippetData","history","addEventListener","_ref6","_ref5","_data$options","_data$options2","data","origin","forwardedFor","highlightNodes","flat","pos","element","elementFromPoint","tagName","isDirection","handleHoverOnIframe","enabled","removeEventListener","updateStoryboardType","_getAddedContracts","_ref7","updateStoryboardByRoute","storyboardPatch","updateStoryboardByTemplate","updateStoryboardBySnippet","newContracts","getAddedContracts","call","formId","isEmpty","updateStoryboard","location","goBack","goForward","capture","then","screenshot","handlePreviewData","option","dataType","datasetKey","querySelector","firstChild","entries","_ref4","url","previewUrl","substring","basePath","getBasePath","to","routePath","routeExact","syncRouteMatch","_x3","scroll","scrollX","scrollY","currentLocation","previewPageMatch","sendLocationChange","loc","createHref","listen","setupContentScroll","MutationObserver","mutationCallback","observe","subtree","childList","match","pathname","path","exact","mainMountPoint","placeholderLoadObserver","childNodes","disconnect","_host$shadowRoot$quer","_host$shadowRoot","_contentScrollElement","host","shadowRoot","onContentScroll","this","scrollLeft","scrollTop","isRoot","elements","_contentScrollHost","hasContentScroll","contains","left","top","getBoundingClientRect","getOutlines","querySelectorAll","concat"],"sourceRoot":""}

package/dist/chunks/4231.d6e61df6.js

@@ -0,0 +1,3 @@
+/*! For license information please see 4231.d6e61df6.js.LICENSE.txt */
+"use strict";(self.webpackChunk_next_bricks_visual_builder=self.webpackChunk_next_bricks_visual_builder||[]).push([[4231],{4231:(e,t,a)=>{a.r(t);var i,n,o,r,c,l,s,d,h,p,u,E,v,b,m,g,f,w,N,L=a(3395),k=a(1815),Z=a(381),O=a(687),I=a(2604),R=a(8657),y=a.n(R),T=a(5366),x=a(4511),M=a(8249),A=a(8453),_=a(2779),D=a.n(_),P=(0,x.wrapBrick)("icons.general-icon"),{defineElement:U,property:C,event:F}=(0,T.createDecorators)();n=U("visual-builder.workbench-pane",{styleTexts:[M.Z,A.Z]}),o=C(),c=C({type:Boolean}),s=C({type:Number}),h=F({type:"active.change"}),v=F({type:"active.firstActivated"});var W=new WeakMap,S=new WeakMap,B=new WeakMap,K=new WeakMap,j=new WeakMap,z=new WeakMap,G=new WeakMap,H=new WeakMap,V=new WeakMap;class Y extends x.ReactNextElement{constructor(){super(...arguments),(0,L.Z)(this,H,{get:X,set:q}),(0,L.Z)(this,j,{get:$,set:J}),(0,L.Z)(this,W,{writable:!0,value:(f(this),r(this))}),(0,L.Z)(this,S,{writable:!0,value:l(this)}),(0,L.Z)(this,B,{writable:!0,value:d(this)}),(0,L.Z)(this,K,{writable:!0,value:p(this)}),(0,L.Z)(this,z,{writable:!0,value:e=>{e!==this.active&&(this.active=e,(0,O.Z)(this,j).emit(e))}}),(0,L.Z)(this,G,{writable:!0,value:b(this)}),(0,L.Z)(this,V,{writable:!0,value:()=>{(0,O.Z)(this,H).emit()}})}get titleLabel(){return(0,O.Z)(this,W)}set titleLabel(e){(0,Z.Z)(this,W,e)}get active(){return(0,O.Z)(this,S)}set active(e){(0,Z.Z)(this,S,e)}get badge(){return(0,O.Z)(this,B)}set badge(e){(0,Z.Z)(this,B,e)}render(){return y().createElement(Q,{titleLabel:this.titleLabel,active:this.active,badge:this.badge,onActiveChange:(0,O.Z)(this,z),onFirstActivated:(0,O.Z)(this,V)})}}function J(e){E(this,e)}function $(){return u(this)}function q(e){g(this,e)}function X(){return m(this)}function Q(e){var{titleLabel:t,active:a,badge:i,onActiveChange:n,onFirstActivated:o}=e,[r,c]=(0,R.useState)(a),[l,s]=(0,R.useState)(!1);(0,R.useEffect)((()=>{c(a)}),[a]),(0,R.useEffect)((()=>{null==n||n(r)}),[r,n]);var d=(0,R.useCallback)((()=>{c((e=>!e)),l||r||(s(!0),null==o||o())}),[l,r,o]),h=(0,R.useRef)(),[p,u]=(0,R.useState)(!1),E=(0,R.useMemo)((()=>{return e=()=>{u(h.current.scrollTop>0)},i=function(){for(var i=arguments.length,n=new Array(i),o=0;o<i;o++)n[o]=arguments[o];t&&a(),t=requestAnimationFrame((()=>{e(...n)}))},i.cancel=a=()=>cancelAnimationFrame(t),i;var e,t,a,i}),[]);return y().createElement("div",{className:D()("pane",{scrolled:p})},y().createElement("div",{className:"pane-header",tabIndex:0,onClick:d},y().createElement("div",{className:"pane-title"},y().createElement("span",{className:"title-icon"},r?y().createElement(P,{lib:"antd",theme:"outlined",icon:"down"}):y().createElement(P,{lib:"antd",theme:"outlined",icon:"right"})),y().createElement("div",{className:"title-label"},t),y().createElement("slot",{name:"title"})),y().createElement("slot",{name:"actions"}),i&&y().createElement("div",{className:"badge"},i),y().createElement("div",{className:"pane-scroll-shadow"})),y().createElement("div",{className:"pane-body custom-scrollbar-container",onScroll:E,ref:h},y().createElement("slot",null,y().createElement("div",{style:{padding:"10px 20px",color:"var(--text-color-secondary)"}},"No content"))))}w=Y,({e:[r,l,d,p,u,E,b,m,g,f],c:[N,i]}=(0,I.Z)(w,[[o,1,"titleLabel"],[c,1,"active"],[s,1,"badge"],[h,1,"activeChangeEvent",e=>(0,O.Z)(e,K),(e,t)=>(0,Z.Z)(e,K,t)],[v,1,"activeFirstActivatedEvent",e=>(0,O.Z)(e,G),(e,t)=>(0,Z.Z)(e,G,t)]],[n],0,(e=>V.has((0,k.Z)(e))),x.ReactNextElement)),i();var ee,te,ae,ie,ne,oe,re,ce=a(6666),le=a(3571),{defineElement:se,property:de}=(0,T.createDecorators)();te=se("visual-builder.workbench-sidebar",{styleTexts:[le.Z]}),ae=de();var he=new WeakMap,pe=new WeakMap,ue=new WeakMap,Ee=new WeakMap;class ve extends x.ReactNextElement{constructor(){super(...arguments),(0,L.Z)(this,he,{writable:!0,value:(ne(this),ie(this))}),(0,L.Z)(this,pe,{writable:!0,value:()=>{var e;return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])")}}),(0,L.Z)(this,ue,{writable:!0,value:()=>{var e=(0,O.Z)(this,pe).call(this).assignedNodes();for(var t of e){var a;t.active?t.style.flex=String(null!==(a=t.activeFlex)&&void 0!==a?a:"1"):t.style.flex="initial"}}}),(0,L.Z)(this,Ee,{writable:!0,value:e=>{var t=e.target.assignedNodes();for(var a of t)a.addEventListener("active.change",(0,O.Z)(this,ue))}}),(0,ce.Z)(this,"refCallback",(()=>{(0,O.Z)(this,ue).call(this);var e=(0,O.Z)(this,pe).call(this);null==e||e.addEventListener("slotchange",(e=>{(0,O.Z)(this,Ee).call(this,e)}))}))}get titleLabel(){return(0,O.Z)(this,he)}set titleLabel(e){(0,Z.Z)(this,he,e)}render(){return y().createElement(be,{titleLabel:this.titleLabel,refCallback:this.refCallback})}}function be(e){var{titleLabel:t,refCallback:a}=e;return y().createElement("div",{className:"sidebar",ref:a},y().createElement("div",{className:"title-container"},y().createElement("div",{className:"title-label"},t),y().createElement("slot",{name:"titleToolbar"})),y().createElement("div",{className:"pane-container"},y().createElement("slot",null)))}oe=ve,({e:[ie,ne],c:[re,ee]}=(0,I.Z)(oe,[[ae,1,"titleLabel"]],[te],0,void 0,x.ReactNextElement)),ee();var me,ge,fe,we,Ne,Le,ke,Ze,Oe,Ie,Re,ye,Te,xe,Me,Ae=a(7310),{defineElement:_e,property:De}=(0,T.createDecorators)(),Pe=(0,x.wrapBrick)("basic.general-link"),Ue=(0,x.wrapBrick)("icons.general-icon");ge=_e("visual-builder.workbench-action",{styleTexts:[Ae.Z]}),fe=De({attribute:!1}),Ne=De(),ke=De({type:Boolean}),Oe=De(),Re=De();var Ce=new WeakMap,Fe=new WeakMap,We=new WeakMap,Se=new WeakMap,Be=new WeakMap;class Ke extends x.ReactNextElement{constructor(){super(...arguments),(0,L.Z)(this,Ce,{writable:!0,value:(Te(this),we(this))}),(0,L.Z)(this,Fe,{writable:!0,value:Le(this)}),(0,L.Z)(this,We,{writable:!0,value:Ze(this)}),(0,L.Z)(this,Se,{writable:!0,value:Ie(this)}),(0,L.Z)(this,Be,{writable:!0,value:ye(this)})}get icon(){return(0,O.Z)(this,Ce)}set icon(e){(0,Z.Z)(this,Ce,e)}get to(){return(0,O.Z)(this,Fe)}set to(e){(0,Z.Z)(this,Fe,e)}get active(){return(0,O.Z)(this,We)}set active(e){(0,Z.Z)(this,We,e)}get href(){return(0,O.Z)(this,Se)}set href(e){(0,Z.Z)(this,Se,e)}get target(){return(0,O.Z)(this,Be)}set target(e){(0,Z.Z)(this,Be,e)}render(){return y().createElement(je,{to:this.to,icon:this.icon,active:this.active,href:this.href,target:this.target})}}function je(e){var{icon:t,to:a,active:i,href:n,target:o}=e;return y().createElement(Pe,{className:D()("action",{active:i}),url:a,href:n,target:o},y().createElement(Ue,t))}xe=Ke,({e:[we,Le,Ze,Ie,ye,Te],c:[Me,me]}=(0,I.Z)(xe,[[fe,1,"icon"],[Ne,1,"to"],[ke,1,"active"],[Oe,1,"href"],[Re,1,"target"]],[ge],0,void 0,x.ReactNextElement)),me();var ze=a(4009),Ge=a(8353);function He(e,t,a,i){var n=[],o=[],r=[],c=0;return e.forEach((e=>{if(e.key=""===i?"".concat(c):"".concat(i,".").concat(c),function(e){return"group"===e.type}(e)||function(e,t){return Boolean("subMenu"===e.type||void 0)}(e)){var l=He(e.items,t,a,e.key);n.push(...l.selectedKeys),(l.selectedKeys.length||e.defaultExpanded)&&o.push(e.key),o.push(...l.openedKeys),r.push(...l.matchedKeys)}else if(function(e,t,a){if(!e.to)return!1;var i="object"==typeof e.to?e.to:(0,Ge.parsePath)(e.to),n=i.pathname.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),o=!!(0,ze.matchPath)(t,{path:n,exact:e.exact});if(!o&&Array.isArray(e.activeIncludes))for(var r of e.activeIncludes){var c,l=void 0,s=r.includes("?");if(s&&(l=(0,Ge.parsePath)(r)),(o=!!(0,ze.matchPath)(t,{path:s?l.pathname:r,exact:!0}))&&null!==(c=l)&&void 0!==c&&c.search&&(o=Ve(a,l.search)),o)break}if(o&&Array.isArray(e.activeExcludes))for(var d of e.activeExcludes)if(!(o=!(0,ze.matchPath)(t,{path:d,exact:!0})))break;return o&&e.activeMatchSearch&&(o=Ve(a,i.search)),o}(e,t,a)){n.push(String(e.key));for(var s=e.key.split("."),d=0;d<s.length;d++)r.push(s.slice(0,d+1).join("."))}c+=1})),n.length&&""!==i&&o.push(i),{selectedKeys:n,openedKeys:o,matchedKeys:r}}function Ve(e,t){var a=new URLSearchParams(e),i=new URLSearchParams(t);for(var[n,o]of i.entries())if(a.get(n)!==o)return!1;return!0}var Ye,Je,$e,qe,Xe,Qe,et,tt,at,it=a(8799),nt=(0,x.wrapBrick)("visual-builder.workbench-action"),{defineElement:ot,property:rt}=(0,T.createDecorators)();Je=ot("visual-builder.workbench-action-list",{styleTexts:[it.Z]}),$e=rt(),Xe=rt({attribute:!1});var ct,lt=new WeakMap,st=new WeakMap;class dt extends x.ReactNextElement{constructor(){super(...arguments),(0,L.Z)(this,lt,{writable:!0,value:(et(this),qe(this))}),(0,L.Z)(this,st,{writable:!0,value:Qe(this)})}get appId(){return(0,O.Z)(this,lt)}set appId(e){(0,Z.Z)(this,lt,e)}get menu(){return(0,O.Z)(this,st)}set menu(e){(0,Z.Z)(this,st,e)}render(){return y().createElement(pt,{appId:this.appId,menu:this.menu})}}tt=dt,({e:[qe,Qe,et],c:[at,Ye]}=(0,I.Z)(tt,[[$e,1,"appId"],[Xe,1,"menu"]],[Je],0,void 0,x.ReactNextElement)),Ye();var ht=new Map;function pt(e){var t,{appId:a,menu:i}=e,n=(0,ze.getHistory)(),[o,r]=(0,R.useState)(),[c,l]=(0,R.useState)(n.location);return(0,R.useEffect)((()=>{var e=n.listen((e=>{l(e)}));return e}),[n]),(0,R.useEffect)((()=>{ct||(ct=a),ct!==a&&(ht.clear(),ct=a)}),[a]),(0,R.useEffect)((()=>{var e,{pathname:t,search:a}=c,{selectedKeys:n}=He(null!==(e=null==i?void 0:i.menuItems)&&void 0!==e?e:[],t,a,"");r(Number(n[0]))}),[i,c]),y().createElement("div",{className:"workBenchActionList"},null==i||null===(t=i.menuItems)||void 0===t?void 0:t.map(((e,t)=>{if((e=>"default"===e.type||!e.type)(e)){var a=e.to;return o!==t&&ht.has(t)&&(a=ht.get(t)),y().createElement(nt,{key:t,icon:e.icon,to:a,href:e.href,target:e.target,active:o===t,onClick:()=>(e=>{e.href||ht.set(o,"".concat(c.pathname).concat(c.search))})(e)})}})).filter(Boolean))}var ut,Et,vt,bt,mt,gt,ft,wt,Nt,Lt,kt,Zt,Ot,It,Rt,yt,Tt,xt,Mt,At,_t,Dt,Pt,Ut,Ct,Ft,Wt,St,Bt,Kt,jt,zt,Gt,Ht,Vt,Yt,Jt,$t,qt,Xt,Qt,ea,ta,aa,ia,na,oa,ra,ca,la,sa,da,ha,pa,ua,Ea,va,ba,ma,ga,fa=a(5178),wa=a(8486),Na=a(1732),La=a(3321),ka=a(8401),Za=a(89),Oa=a(1674);function Ia(e){return e.key}a(2230);var Ra,{defineElement:ya,property:Ta,event:xa}=(0,T.createDecorators)();Et=ya("visual-builder.workbench-tree",{styleTexts:[Za.Z,Oa.Z]}),vt=Ta({attribute:!1}),mt=Ta({attribute:!1}),ft=Ta({type:Boolean}),Nt=Ta(),kt=Ta({type:Boolean}),Ot=Ta(),Rt=Ta({type:Boolean}),Tt=Ta({attribute:!1}),Mt=Ta({type:Boolean}),_t=Ta({attribute:!1}),Pt=Ta({attribute:!1}),Ct=Ta({type:Boolean}),Wt=Ta({attribute:!1}),Bt=Ta({type:Boolean}),jt=Ta({type:Boolean}),Gt=Ta({type:Boolean}),Vt=Ta({type:String}),Jt=Ta({type:Boolean}),qt=xa({type:"action.click"}),ta=xa({type:"node.click"}),oa=xa({type:"node.drop"}),sa=xa({type:"context.menu"}),ua=xa({type:"node.toggle"});var Ma=new WeakMap,Aa=new WeakMap,_a=new WeakMap,Da=new WeakMap,Pa=new WeakMap,Ua=new WeakMap,Ca=new WeakMap,Fa=new WeakMap,Wa=new WeakMap,Sa=new WeakMap,Ba=new WeakMap,Ka=new WeakMap,ja=new WeakMap,za=new WeakMap,Ga=new WeakMap,Ha=new WeakMap,Va=new WeakMap,Ya=new WeakMap,Ja=new WeakMap,$a=new WeakMap,qa=new WeakMap,Xa=new WeakMap,Qa=new WeakMap,ei=new WeakMap,ti=new WeakMap,ai=new WeakMap,ii=new WeakMap,ni=new WeakMap,oi=new WeakMap,ri=new WeakMap,ci=new WeakMap,li=new WeakMap,si=new WeakMap;class di extends x.ReactNextElement{constructor(){super(...arguments),(0,L.Z)(this,li,{get:wi,set:fi}),(0,L.Z)(this,oi,{get:gi,set:mi}),(0,L.Z)(this,ai,{get:bi,set:vi}),(0,L.Z)(this,Qa,{get:Ei,set:ui}),(0,L.Z)(this,$a,{get:pi,set:hi}),(0,L.Z)(this,Ma,{writable:!0,value:(ma(this),bt(this))}),(0,L.Z)(this,Aa,{writable:!0,value:gt(this)}),(0,L.Z)(this,_a,{writable:!0,value:wt(this)}),(0,L.Z)(this,Da,{writable:!0,value:Lt(this)}),(0,L.Z)(this,Pa,{writable:!0,value:Zt(this)}),(0,L.Z)(this,Ua,{writable:!0,value:It(this)}),(0,L.Z)(this,Ca,{writable:!0,value:yt(this)}),(0,L.Z)(this,Fa,{writable:!0,value:xt(this)}),(0,L.Z)(this,Wa,{writable:!0,value:At(this)}),(0,L.Z)(this,Sa,{writable:!0,value:Dt(this)}),(0,L.Z)(this,Ba,{writable:!0,value:Ut(this)}),(0,L.Z)(this,Ka,{writable:!0,value:Ft(this)}),(0,L.Z)(this,ja,{writable:!0,value:St(this)}),(0,L.Z)(this,za,{writable:!0,value:Kt(this)}),(0,L.Z)(this,Ga,{writable:!0,value:zt(this)}),(0,L.Z)(this,Ha,{writable:!0,value:Ht(this)}),(0,L.Z)(this,Va,{writable:!0,value:Yt(this)}),(0,L.Z)(this,Ya,{writable:!0,value:$t(this)}),(0,L.Z)(this,Ja,{writable:!0,value:Xt(this)}),(0,L.Z)(this,qa,{writable:!0,value:e=>{(0,O.Z)(this,$a).emit(e)}}),(0,L.Z)(this,Xa,{writable:!0,value:aa(this)}),(0,L.Z)(this,ei,{writable:!0,value:e=>()=>{(0,O.Z)(this,Qa).emit(e.data)}}),(0,L.Z)(this,ti,{writable:!0,value:ra(this)}),(0,L.Z)(this,ii,{writable:!0,value:e=>{(0,O.Z)(this,ai).emit(e)}}),(0,L.Z)(this,ni,{writable:!0,value:da(this)}),(0,L.Z)(this,ri,{writable:!0,value:e=>t=>{t.preventDefault(),(0,O.Z)(this,oi).emit({active:!0,node:null==e?void 0:e.data,x:t.clientX,y:t.clientY})}}),(0,L.Z)(this,ci,{writable:!0,value:Ea(this)}),(0,L.Z)(this,si,{writable:!0,value:(e,t)=>{(0,O.Z)(this,li).emit({nodeId:e,collapsed:t})}})}get nodes(){return(0,O.Z)(this,Ma)}set nodes(e){(0,Z.Z)(this,Ma,e)}get actions(){return(0,O.Z)(this,Aa)}set actions(e){(0,Z.Z)(this,Aa,e)}get actionsHidden(){return(0,O.Z)(this,_a)}set actionsHidden(e){(0,Z.Z)(this,_a,e)}get placeholder(){return(0,O.Z)(this,Da)}set placeholder(e){(0,Z.Z)(this,Da,e)}get isTransformName(){return(0,O.Z)(this,Pa)}set isTransformName(e){(0,Z.Z)(this,Pa,e)}get searchPlaceholder(){return(0,O.Z)(this,Ua)}set searchPlaceholder(e){(0,Z.Z)(this,Ua,e)}get noSearch(){return(0,O.Z)(this,Ca)}set noSearch(e){(0,Z.Z)(this,Ca,e)}get activeKey(){return(0,O.Z)(this,Fa)}set activeKey(e){(0,Z.Z)(this,Fa,e)}get showMatchedNodeOnly(){return(0,O.Z)(this,Wa)}set showMatchedNodeOnly(e){(0,Z.Z)(this,Wa,e)}get matchNodeDataFields(){return(0,O.Z)(this,Sa)}set matchNodeDataFields(e){(0,Z.Z)(this,Sa,e)}get fixedActionsFor(){return(0,O.Z)(this,Ba)}set fixedActionsFor(e){(0,Z.Z)(this,Ba,e)}get collapsible(){return(0,O.Z)(this,Ka)}set collapsible(e){(0,Z.Z)(this,Ka,e)}get collapsedNodes(){return(0,O.Z)(this,ja)}set collapsedNodes(e){(0,Z.Z)(this,ja,e)}get allowDrag(){return(0,O.Z)(this,za)}set allowDrag(e){(0,Z.Z)(this,za,e)}get allowDragToRoot(){return(0,O.Z)(this,Ga)}set allowDragToRoot(e){(0,Z.Z)(this,Ga,e)}get allowDragToInside(){return(0,O.Z)(this,Ha)}set allowDragToInside(e){(0,Z.Z)(this,Ha,e)}get nodeKey(){return(0,O.Z)(this,Va)}set nodeKey(e){(0,Z.Z)(this,Va,e)}get skipNotify(){return(0,O.Z)(this,Ya)}set skipNotify(e){(0,Z.Z)(this,Ya,e)}render(){return y().createElement(wa.L.Provider,{value:{actions:this.actions,actionsHidden:this.actionsHidden,onActionClick:(0,O.Z)(this,qa)}},y().createElement(La.f.Provider,{value:{activeKey:this.activeKey,basePaddingLeft:5,showMatchedNodeOnly:this.showMatchedNodeOnly,isTransformName:this.isTransformName,fixedActionsFor:this.fixedActionsFor,nodeKey:this.nodeKey,collapsible:this.collapsible,collapsedNodes:this.collapsedNodes,getCollapsedId:Ia,onNodeToggle:(0,O.Z)(this,si),skipNotify:this.skipNotify,clickFactory:(0,O.Z)(this,ei),contextMenuFactory:(0,O.Z)(this,ri),matchNode:(e,t)=>{var a;return(0,ka.$)(e.name,t)||!(null===(a=this.matchNodeDataFields)||void 0===a||!a.length)&&(0,ka.$)("*"===this.matchNodeDataFields?e.data:(0,fa.pick)(e.data,this.matchNodeDataFields),t)}}},y().createElement(Na.ME,{nodes:this.nodes,placeholder:this.placeholder,searchPlaceholder:this.searchPlaceholder,noSearch:this.noSearch,dropEmit:(0,O.Z)(this,ii),allowDrag:this.allowDrag,allowDragToInside:this.allowDragToInside,allowDragToRoot:this.allowDragToRoot})))}}function hi(e){ea(this,e)}function pi(){return Qt(this)}function ui(e){na(this,e)}function Ei(){return ia(this)}function vi(e){la(this,e)}function bi(){return ca(this)}function mi(e){pa(this,e)}function gi(){return ha(this)}function fi(e){ba(this,e)}function wi(){return va(this)}ga=di,({e:[bt,gt,wt,Lt,Zt,It,yt,xt,At,Dt,Ut,Ft,St,Kt,zt,Ht,Yt,$t,Xt,Qt,ea,aa,ia,na,ra,ca,la,da,ha,pa,Ea,va,ba,ma],c:[Ra,ut]}=(0,I.Z)(ga,[[vt,1,"nodes"],[mt,1,"actions"],[ft,1,"actionsHidden"],[Nt,1,"placeholder"],[kt,1,"isTransformName"],[Ot,1,"searchPlaceholder"],[Rt,1,"noSearch"],[Tt,1,"activeKey"],[Mt,1,"showMatchedNodeOnly"],[_t,1,"matchNodeDataFields"],[Pt,1,"fixedActionsFor"],[Ct,1,"collapsible"],[Wt,1,"collapsedNodes"],[Bt,1,"allowDrag"],[jt,1,"allowDragToRoot"],[Gt,1,"allowDragToInside"],[Vt,1,"nodeKey"],[Jt,1,"skipNotify"],[qt,1,"actionClickEvent",e=>(0,O.Z)(e,Ja),(e,t)=>(0,Z.Z)(e,Ja,t)],[ta,1,"nodeClickEvent",e=>(0,O.Z)(e,Xa),(e,t)=>(0,Z.Z)(e,Xa,t)],[oa,1,"nodeDropEvent",e=>(0,O.Z)(e,ti),(e,t)=>(0,Z.Z)(e,ti,t)],[sa,1,"nodeContextMenuEvent",e=>(0,O.Z)(e,ni),(e,t)=>(0,Z.Z)(e,ni,t)],[ua,1,"nodeToggleEvent",e=>(0,O.Z)(e,ci),(e,t)=>(0,Z.Z)(e,ci,t)]],[Et],0,(e=>si.has((0,k.Z)(e))),x.ReactNextElement)),ut();var Ni=a(6107),Li=a(206);a(894),customElements.define("visual-builder.inject-preview-agent",(0,Ni.createProviderClass)((function(e,t){return(0,Li.Z)(e,t)})));var ki,Zi,Oi,Ii,Ri,yi,Ti,xi,Mi,Ai,_i,Di,Pi,Ui,Ci,Fi,Wi=a(3028),Si=a(8874),Bi=a.n(Si),Ki=a(6094),ji=a(7088),zi=function(e){return e.LOAD_MORE="LOAD_MORE",e.LOADING="LOADING",e.NO_DATA="NO_DATA",e.NODE="NODE",e.ADD="ADD",e.EDIT="EDIT",e.DELETE="DELETE",e.IMPORT="IMPORT",e.CLONE="CLONE",e.APPEND_RELATION="APPEND_RELATION",e.UPDATE_RELATION="UPDATE_RELATION",e.REMOVE_RELATION="REMOVE_RELATION",e.ROLLBACK="ROLLBACK",e.ADD_FULL="ADD_FULL",e.EDIT_FULL="EDIT_FULL",e.DELETE_FULL="DELETE_FULL",e.IMPORT_FULL="IMPORT_FULL",e.CLONE_FULL="CLONE_FULL",e.APPEND_RELATION_FULL="APPEND_RELATION_FULL",e.UPDATE_RELATION_FULL="UPDATE_RELATION_FULL",e.REMOVE_RELATION_FULL="REMOVE_RELATION_FULL",e.ROLLBACK_FULL="ROLLBACK_FULL",e.PROJECT="PROJECT",e.USER="USER",e.PERMISSION="PERMISSION",e.BRICK="BRICK",e.ROUTE="ROUTE",e.TEMPLATE="TEMPLATE",e.SNIPPET="SNIPPET",e.I18N="I18N",e.IMAGE="IMAGE",e.FUNCTION="FUNCTION",e.MENU="MENU",e.MENU_ITEM="MENU_ITEM",e.WORKFLOW="WORKFLOW",e}({}),Gi="bricks/visual-builder/workbench-history-action",Hi=a(4795),Vi=a(5121),Yi=function(){var e=(0,Hi.Z)((function*(e,t,a){return(yield Vi.http.get("api/gateway/next_builder.workspace.GetChangeHistory/api/v1/next-builder/workspace/".concat(e,"/changes"),(0,Wi.Z)((0,Wi.Z)({},a),{},{params:t}))).data}));return function(t,a,i){return e.apply(this,arguments)}}(),Ji=a(860),$i={add:"".concat(Gi,":").concat(zi.ADD),edit:"".concat(Gi,":").concat(zi.EDIT),delete:"".concat(Gi,":").concat(zi.DELETE),batch_delete:"".concat(Gi,":").concat(zi.DELETE),import:"".concat(Gi,":").concat(zi.IMPORT),clone:"".concat(Gi,":").concat(zi.CLONE),append_relation:"".concat(Gi,":").concat(zi.APPEND_RELATION),update_relation:"".concat(Gi,":").concat(zi.UPDATE_RELATION),remove_relation:"".concat(Gi,":").concat(zi.REMOVE_RELATION),rollback:"".concat(Gi,":").concat(zi.ROLLBACK)},qi={add:"".concat(Gi,":").concat(zi.ADD_FULL),edit:"".concat(Gi,":").concat(zi.EDIT_FULL),delete:"".concat(Gi,":").concat(zi.DELETE_FULL),batch_delete:"".concat(Gi,":").concat(zi.DELETE_FULL),import:"".concat(Gi,":").concat(zi.IMPORT_FULL),clone:"".concat(Gi,":").concat(zi.CLONE_FULL),append_relation:"".concat(Gi,":").concat(zi.APPEND_RELATION_FULL),update_relation:"".concat(Gi,":").concat(zi.UPDATE_RELATION_FULL),remove_relation:"".concat(Gi,":").concat(zi.REMOVE_RELATION_FULL),rollback:"".concat(Gi,":").concat(zi.ROLLBACK_FULL)},Xi={project:"".concat(Gi,":").concat(zi.PROJECT),userGroup:"".concat(Gi,":").concat(zi.USER),permission:"".concat(Gi,":").concat(zi.PERMISSION),brick:"".concat(Gi,":").concat(zi.BRICK),route:"".concat(Gi,":").concat(zi.ROUTE),template:"".concat(Gi,":").concat(zi.TEMPLATE),snippet:"".concat(Gi,":").concat(zi.SNIPPET),i18n:"".concat(Gi,":").concat(zi.I18N),image:"".concat(Gi,":").concat(zi.IMAGE),function:"".concat(Gi,":").concat(zi.FUNCTION),menu:"".concat(Gi,":").concat(zi.MENU),menuItem:"".concat(Gi,":").concat(zi.MENU_ITEM),workflow:"".concat(Gi,":").concat(zi.WORKFLOW)},Qi={PROJECT_MICRO_APP:"".concat(Gi,":").concat(zi.PROJECT),"MICRO_APP_USER_GROUP@EASYOPS":"".concat(Gi,":").concat(zi.USER),MICRO_APP_RESOURCE_PERMISSION:"".concat(Gi,":").concat(zi.PERMISSION),STORYBOARD_BRICK:"".concat(Gi,":").concat(zi.BRICK),STORYBOARD_ROUTE:"".concat(Gi,":").concat(zi.ROUTE),STORYBOARD_TEMPLATE:"".concat(Gi,":").concat(zi.TEMPLATE),STORYBOARD_SNIPPET:"".concat(Gi,":").concat(zi.SNIPPET),STORYBOARD_I18N:"".concat(Gi,":").concat(zi.I18N),MICRO_APP_RESOURCE_IMAGE:"".concat(Gi,":").concat(zi.IMAGE),STORYBOARD_FUNCTION:"".concat(Gi,":").concat(zi.FUNCTION),MICRO_APP_RESOURCE_MENU:"".concat(Gi,":").concat(zi.MENU),MICRO_APP_RESOURCE_MENU_ITEM:"".concat(Gi,":").concat(zi.MENU_ITEM),"WORKFLOW_DEF@EASYOPS":"".concat(Gi,":").concat(zi.WORKFLOW)};function en(e){var t,a,i,n,o,r,c,l,s,d,h,p,u,E,v,b,m,g=Ji.i18n.t(null!==(t=Xi[e.category])&&void 0!==t?t:e.category),f=Ji.i18n.t(null!==(a=$i[e.action])&&void 0!==a?a:e.action),w=Ji.i18n.t(null!==(i=Qi[null===(n=e.abstract)||void 0===n?void 0:n.leftObjectId])&&void 0!==i?i:null===(o=e.abstract)||void 0===o?void 0:o.leftObjectId),N=Ji.i18n.t(null!==(r=Qi[null===(c=e.abstract)||void 0===c?void 0:c.rightObjectId])&&void 0!==r?r:null===(l=e.abstract)||void 0===l?void 0:l.rightObjectId),L=tn(null===(s=e.abstract)||void 0===s?void 0:s.nodes,null===(d=e.abstract)||void 0===d?void 0:d.nodesCount),k=tn(null===(h=e.abstract)||void 0===h?void 0:h.leftNodes,null===(p=e.abstract)||void 0===p?void 0:p.leftNodesCount),Z=tn(null===(u=e.abstract)||void 0===u?void 0:u.rightNodes,null===(E=e.abstract)||void 0===E?void 0:E.rightNodesCount),O="rollback"===e.action&&e.rollBackIdInfo?en(e.rollBackIdInfo).abstract:null;return{category:g,action:f,leftObjectId:w,rightObjectId:N,nodes:L,leftNodes:k,rightNodes:Z,abstract:Ji.i18n.t(null!==(v=qi[e.action])&&void 0!==v?v:e.action,{category:g,nodes:L,leftNodes:k,rightNodes:Z,nodeChanges:null===(b=e.abstract)||void 0===b||null===(b=b.nodeChanges)||void 0===b?void 0:b.join(", "),relationChanges:null===(m=e.abstract)||void 0===m||null===(m=m.relationChanges)||void 0===m?void 0:m.join(", "),leftObjectId:w,rightObjectId:N,rollbackAbstract:O}),rollbackAbstract:O}}function tn(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:", ";return Ji.i18n.t("".concat(Gi,":").concat(zi.NODE),{nodes:e.join(a),context:t>e.length?"ellipsis":void 0,count:t})}(0,ji.initializeReactI18n)(Gi,{en:{LOAD_MORE:"Load more",LOADING:"Loading",NO_DATA:"No data",NODE:"{{ nodes }}",NODE_ellipsis:"{{ nodes }} etc., a total of {{ count }} items",ADD:"Add node",EDIT:"Edit node",DELETE:"Delete node",IMPORT:"Batch import node",CLONE:"Clone node",APPEND_RELATION:"Append Relation",UPDATE_RELATION:"Update Relation",REMOVE_RELATION:"Remove Relation",ROLLBACK:"Rollback",ADD_FULL:"Add {{ category }} ({{ nodes }})",EDIT_FULL:"Edit {{ nodeChanges }} of {{ category }} ({{ nodes }})",DELETE_FULL:"Delete {{ category }} ({{ nodes }})",IMPORT_FULL:"Batch Import {{ category }} ({{ nodes }})",CLONE_FULL:"Clone {{ category }} ({{ nodes }})",APPEND_RELATION_FULL:"Append the relation between {{ leftObjectId }} ({{ leftNodes }}) and {{ rightObjectId }} ({{ rightNodes }})",UPDATE_RELATION_FULL:"Update the relation between {{ leftObjectId }} ({{ leftNodes }}) and {{ rightObjectId }} ({{ rightNodes }})",REMOVE_RELATION_FULL:"Remove the relation between {{ leftObjectId }} ({{ leftNodes }}) and {{ rightObjectId }} ({{ rightNodes }})",ROLLBACK_FULL:"Rollback to [{{ rollbackAbstract }}]",PROJECT:"Project",USER:"User Group",PERMISSION:"Permission",BRICK:"Brick",ROUTE:"Route",TEMPLATE:"Template",SNIPPET:"Snippet",I18N:"I18N",IMAGE:"Image",FUNCTION:"Function",MENU:"Menu",MENU_ITEM:"Menu item",WORKFLOW:"Workflow"},zh:{LOAD_MORE:"加载更多",LOADING:"加载中",NO_DATA:"没有数据",NODE:"{{ nodes }}",NODE_ellipsis:"{{ nodes }}等共{{ count }}项",ADD:"新增节点",EDIT:"编辑节点",DELETE:"删除节点",IMPORT:"批量导入节点",CLONE:"克隆节点",APPEND_RELATION:"添加关系",UPDATE_RELATION:"更新关系",REMOVE_RELATION:"移除关系",ROLLBACK:"回滚",ADD_FULL:"新增{{ category }}（{{ nodes }}）",EDIT_FULL:"编辑{{ category }}（{{ nodes }}）的 {{ nodeChanges }}",DELETE_FULL:"删除{{ category }}（{{ nodes }}）",IMPORT_FULL:"批量导入{{ category }}（{{ nodes }}）",CLONE_FULL:"克隆{{ category }}（{{ nodes }}）",APPEND_RELATION_FULL:"添加{{ leftObjectId }}（{{ leftNodes }}）和{{ rightObjectId }}（{{ rightNodes }}）的关系",UPDATE_RELATION_FULL:"更新{{ leftObjectId }}（{{ leftNodes }}）和{{ rightObjectId }}（{{ rightNodes }}）的关系",REMOVE_RELATION_FULL:"移除{{ leftObjectId }}（{{ leftNodes }}）和{{ rightObjectId }}（{{ rightNodes }}）的关系",ROLLBACK_FULL:"回滚到【{{ rollbackAbstract }}】",PROJECT:"项目",USER:"用户组",PERMISSION:"权限点",BRICK:"构件",ROUTE:"路由",TEMPLATE:"模版",SNIPPET:"片段",I18N:"国际化",IMAGE:"图片",FUNCTION:"函数",MENU:"菜单",MENU_ITEM:"菜单项",WORKFLOW:"工作流"}});var an,{defineElement:nn,property:on,event:rn}=(0,T.createDecorators)(),cn=(0,x.wrapBrick)("eo-button"),ln=(0,x.wrapBrick)("eo-link"),sn=(0,x.wrapBrick)("eo-icon"),dn=(0,x.wrapBrick)("eo-easyops-avatar"),hn=(0,x.wrapBrick)("eo-popover",{onVisibleChange:"visible.change",beforeVisibleChange:"before.visible.change"});Zi=nn("visual-builder.workbench-history-action",{styleTexts:[Ki.Z]}),Oi=on(),Ri=on(),Ti=rn({type:"history.item.click"}),_i=rn({type:"rollback"});var pn=new WeakMap,un=new WeakMap,En=new WeakMap,vn=new WeakMap,bn=new WeakMap,mn=new WeakMap,gn=new WeakMap,fn=new WeakMap;class wn extends x.ReactNextElement{constructor(){super(...arguments),(0,L.Z)(this,gn,{get:Zn,set:kn}),(0,L.Z)(this,vn,{get:Ln,set:Nn}),(0,L.Z)(this,pn,{writable:!0,value:(Ci(this),Ii(this))}),(0,L.Z)(this,un,{writable:!0,value:yi(this)}),(0,L.Z)(this,En,{writable:!0,value:xi(this)}),(0,L.Z)(this,bn,{writable:!0,value:e=>{(0,O.Z)(this,vn).emit(e)}}),(0,L.Z)(this,mn,{writable:!0,value:Di(this)}),(0,L.Z)(this,fn,{writable:!0,value:e=>{(0,O.Z)(this,gn).emit(e)}})}get appId(){return(0,O.Z)(this,pn)}set appId(e){(0,Z.Z)(this,pn,e)}get projectId(){return(0,O.Z)(this,un)}set projectId(e){(0,Z.Z)(this,un,e)}render(){return y().createElement(On,{appId:this.appId,projectId:this.projectId,onHistoryItemClick:(0,O.Z)(this,bn),onRollback:(0,O.Z)(this,fn)})}}function Nn(e){Ai(this,e)}function Ln(){return Mi(this)}function kn(e){Ui(this,e)}function Zn(){return Pi(this)}function On(e){var{appId:t,projectId:a,onHistoryItemClick:i,onRollback:n}=e,{t:o}=(0,ji.useTranslation)(Gi),[r,c]=(0,R.useState)(!1),[l,s]=(0,R.useState)(!0),[d,h]=(0,R.useState)([]),p=(0,R.useRef)(""),u=e=>{c(!0),Yi(t,{ts:p.current,limit:20}).then((t=>{h((a=>{var i=t.list.map((e=>(0,Wi.Z)((0,Wi.Z)({},e),{},{translation:en(e)})));return e?i:a.concat(i)})),p.current=t.ts,s(t.list.length<20)})).catch((e=>{(0,ze.handleHttpError)(e)})).finally((()=>{c(!1)}))};return y().createElement(hn,{placement:"bottom",trigger:"click",arrow:!0,arrowColor:"var(--color-fill-bg-container-4)",beforeVisibleChange:e=>{e.detail&&(s(!0),h([]),p.current="",u(!0))}},y().createElement(cn,{slot:"anchor",shape:"circle",className:"history-action",icon:{lib:"antd",icon:"history",theme:"outlined"}}),y().createElement("div",null,y().createElement("div",{className:"history-title"},"History"),y().createElement("div",{className:"history-list"},d.length?d.map(((e,t)=>y().createElement(In,{key:"".concat(e.uniqueKey,"-").concat(e.ts),data:e,enableRollback:0!==t&&"rollback"!==e.action,current:0===t,onHistoryItemClick:i,onRollback:n}))):y().createElement("div",{className:"empty"},o(r?zi.LOADING:zi.NO_DATA)),!l&&y().createElement("span",{className:"load-more-container"},y().createElement(ln,{className:"load-more",disabled:r,onClick:e=>u()},o(zi.LOAD_MORE)))),y().createElement("slot",null)))}function In(e){var{data:t,enableRollback:a,current:i,onHistoryItemClick:n,onRollback:o}=e,r=Bi()(Number(t.ts)/1e6),c=Bi().duration(r.diff(Bi()())),l=c.days()<=-1?r.format("YYYY-MM-DD HH:mm:ss"):c.humanize(!0,{ss:0,s:60,m:60,h:24});return y().createElement("div",{className:"item-container"},y().createElement("div",{className:"item-title"},y().createElement("div",{className:"title-left",onClick:e=>n((0,Wi.Z)((0,Wi.Z)({},t),{},{enableRollback:a}))},y().createElement("div",{className:"topic",title:t.translation.abstract},t.translation.abstract),i&&y().createElement("div",{className:"branch"},"(current)")),y().createElement("div",{className:"title-right"},a&&y().createElement(sn,{className:"rollback",lib:"antd",icon:"rollback",theme:"outlined",onClick:e=>o(t)}))),y().createElement("div",{className:"item-info"},y().createElement(dn,{className:"avatar",nameOrInstanceId:t.user,size:"xs"}),y().createElement("div",{className:"time"},l),y().createElement("div",{className:"operator"},t.user)))}Fi=wn,({e:[Ii,yi,xi,Mi,Ai,Di,Pi,Ui,Ci],c:[an,ki]}=(0,I.Z)(Fi,[[Oi,1,"appId"],[Ri,1,"projectId"],[Ti,1,"historyItemClickEvent",e=>(0,O.Z)(e,En),(e,t)=>(0,Z.Z)(e,En,t)],[_i,1,"rollbackEvent",e=>(0,O.Z)(e,mn),(e,t)=>(0,Z.Z)(e,mn,t)]],[Zi],0,(e=>fn.has((0,k.Z)(e))),x.ReactNextElement)),ki()},8453:(e,t,a)=>{a.d(t,{Z:()=>c});var i=a(9601),n=a.n(i),o=a(2609),r=a.n(o)()(n());r.push([e.id,".custom-scrollbar-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.15) rgba(255,255,255,0.03)}.custom-scrollbar-container::-webkit-scrollbar{width:8px;height:8px;background-color:transparent;position:absolute}.custom-scrollbar-container::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0);border-radius:4px}.custom-scrollbar-container:hover::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.03)}.custom-scrollbar-container:hover::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.15)}",""]);const c=r.toString()},8799:(e,t,a)=>{a.d(t,{Z:()=>c});var i=a(9601),n=a.n(i),o=a(2609),r=a.n(o)()(n());r.push([e.id,'.workBenchActionList{display:flex;flex-direction:column;width:-webkit-min-content;width:-moz-min-content;width:min-content;height:100%;background-color:#4297ff}:host-context(html[data-theme="dark-v2"]) .workBenchActionList,\n:host-context([data-override-theme="dark-v2"]) .workBenchActionList{background-color:#323237}',""]);const c=r.toString()},7310:(e,t,a)=>{a.d(t,{Z:()=>c});var i=a(9601),n=a.n(i),o=a(2609),r=a.n(o)()(n());r.push([e.id,'.action::part(link){display:flex;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;color:rgba(255,255,255,0.4);position:relative;transition:none}.action.active::part(link)::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:white}.action.active::part(link),\n.action::part(link):hover{color:white}',""]);const c=r.toString()},6094:(e,t,a)=>{a.d(t,{Z:()=>c});var i=a(9601),n=a.n(i),o=a(2609),r=a.n(o)()(n());r.push([e.id,":host{display:inline-block}:host([hidden]){display:none}eo-popover::part(popup){width:800px;max-width:60vw;padding:10px;background:var(--color-fill-bg-container-4);border-radius:var(--medius-border-radius);box-shadow:var(--feedback-container-shadow);z-index:1000}.history-title{font-size:var(--title-font-size);font-weight:var(--font-weight-500);color:var(--color-strong-text);margin-bottom:5px}.history-list{max-height:500px;overflow-y:auto}.item-container{padding:10px 0;display:flex;flex-direction:column;gap:5px}.empty{padding:5px 0 10px 0;font-size:14px;color:var(--text-color-secondary);text-align:center}.item-container:not(:last-of-type){border-bottom:1px solid var(--color-border-divider-line)}.item-title{display:flex;align-items:center;justify-content:space-between;gap:5px}.title-left,\n.title-right{display:flex;align-items:center}.title-left{cursor:pointer;overflow:hidden;gap:5px}.topic{font-size:14px;color:var(--text-color-title);font-weight:var(--font-weight-500);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.branch{font-size:14px;color:var(--text-color-secondary)}.rollback{margin-right:5px;font-size:14px;color:var(--text-color-secondary);cursor:pointer}.rollback:hover{color:var(--color-brand)}.item-info{display:flex;align-items:center;gap:5px}.time,\n.operator{font-size:14px;color:var(--text-color-secondary)}.load-more-container{display:block;text-align:center}",""]);const c=r.toString()},8249:(e,t,a)=>{a.d(t,{Z:()=>c});var i=a(9601),n=a.n(i),o=a(2609),r=a.n(o)()(n());r.push([e.id,':host{display:block;--pane-color:#595959}:host-context(html[data-theme="dark-v2"]),\n:host-context([data-override-theme="dark-v2"]){--pane-color:#ccc}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.pane{display:flex;flex-direction:column;color:var(--pane-color);height:100%}.pane-header{display:flex;align-items:center;cursor:pointer;border-top:1px solid transparent;position:relative}.pane-header:focus{outline-width:1px;outline-style:solid;outline-offset:-1px;outline-color:#007fd4}:host(:not(:first-child)) .pane-header{border-top-color:rgba(204,204,204,0.2)}.pane-scroll-shadow{display:none;position:absolute;bottom:-3px;left:0;right:0;height:3px;box-shadow:#000000 0 6px 6px -6px inset;z-index:1}.scrolled .pane-scroll-shadow{display:block}.pane-title{display:flex;align-items:center;font-size:13px;line-height:24px;height:25px;min-width:0;flex:1}.title-icon{display:flex;justify-content:center;align-items:center;width:24px;padding-right:2px;line-height:1;flex-shrink:0}.title-label{text-transform:uppercase;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-body{flex-grow:1;min-height:0;display:none;overflow:hidden;overflow-y:auto;overflow-y:overlay}:host([active]) .pane-body{display:initial}:host(:not(:hover)) ::slotted([slot="actions"]){display:none}.badge{background-color:rgb(77,77,77);color:rgb(255,255,255);border-radius:11px;height:18px;padding:3px 6px;line-height:13px;margin:0 3px;font-size:12px}',""]);const c=r.toString()},3571:(e,t,a)=>{a.d(t,{Z:()=>c});var i=a(9601),n=a.n(i),o=a(2609),r=a.n(o)()(n());r.push([e.id,':host{--sidebar-background:#fff;--title-container-background:#fff;--title-container-color:#595959;display:block;outline-color:rgba(83,89,93,0.5);background-color:var(--sidebar-background);height:100%}:host-context(html[data-theme="dark-v2"]),\n:host-context([data-override-theme="dark-v2"]){--sidebar-background:#181818;--title-container-background:#181818;--title-container-color:rgb(187,187,187);background-color:var(--sidebar-background)}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.sidebar{display:flex;flex-direction:column;height:100%}.title-container{display:flex;padding:0 8px 8px 8px;color:var(--title-container-color);background:var(--title-container-background)}.title-label{font-weight:300;line-height:44px;padding-left:12px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-container{flex-grow:1;min-height:0;display:flex;flex-direction:column}::slotted([slot="panes"]){transition:flex 0.2s;min-height:25px}',""]);const c=r.toString()}}]);
+//# sourceMappingURL=4231.d6e61df6.js.map