@next-dll/editor-bricks-helper 0.28.46 → 0.28.47

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.28.47](https://github.com/easyops-cn/next-core/compare/@next-dll/editor-bricks-helper@0.28.46...@next-dll/editor-bricks-helper@0.28.47) (2022-06-02)
+
+**Note:** Version bump only for package @next-dll/editor-bricks-helper
+
+
+
+
+
 ## [0.28.46](https://github.com/easyops-cn/next-core/compare/@next-dll/editor-bricks-helper@0.28.45...@next-dll/editor-bricks-helper@0.28.46) (2022-06-01)
 
 **Note:** Version bump only for package @next-dll/editor-bricks-helper

package/dist/dll-of-editor-bricks-helper.ec1ae0ca.js

@@ -0,0 +1,8 @@
+var DllOfEditorBricksHelper=function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}({"/8r5":function(e,t){e.exports=DllOfReactDnd},0:function(e,t,n){e.exports=n},"3tO9":function(e,t,n){e.exports=n("XuQu")("3tO9")},"A+yw":function(e,t,n){e.exports=n("XuQu")("A+yw")},ACCw:function(e,t,n){e.exports=n("XuQu")("ACCw")},IYwU:function(e,t,n){e.exports=n("/8r5")("IYwU")},LvDl:function(e,t,n){e.exports=n("XuQu")("LvDl")},QILm:function(e,t,n){e.exports=n("XuQu")("QILm")},WnDu:function(e,t,n){"use strict";n.r(t),n.d(t,"BuilderDataTransferType",(function(){return u})),n.d(t,"BuilderProvider",(function(){return we})),n.d(t,"DropZone",(function(){return ke})),n.d(t,"DroppingStatusContext",(function(){return Re})),n.d(t,"EditorBrickType",(function(){return c})),n.d(t,"EditorContainer",(function(){return ae})),n.d(t,"EditorElementFactory",(function(){return Me})),n.d(t,"EditorSelfLayout",(function(){return v})),n.d(t,"EditorSlotContentLayout",(function(){return g})),n.d(t,"SlotContainer",(function(){return _e})),n.d(t,"getSortedIdsAfterDropped",(function(){return Ne})),n.d(t,"useActiveNodeUid",(function(){return Ve})),n.d(t,"useBuilderContextMenuStatus",(function(){return F})),n.d(t,"useBuilderData",(function(){return K})),n.d(t,"useBuilderDataManager",(function(){return Y})),n.d(t,"useBuilderGroupedChildNodes",(function(){return he})),n.d(t,"useBuilderNode",(function(){return Q})),n.d(t,"useBuilderNodeMountPoints",(function(){return He})),n.d(t,"useBuilderParentNode",(function(){return qe})),n.d(t,"useCanDrop",(function(){return me})),n.d(t,"useCanvasList",(function(){return $e})),n.d(t,"useHighlightNodes",(function(){return re})),n.d(t,"useHoverNodeUid",(function(){return oe})),n.d(t,"useOutlineEnabled",(function(){return We})),n.d(t,"useRouteList",(function(){return Ge})),n.d(t,"useShowRelatedNodesBasedOnEvents",(function(){return J}));var o=n("q1tI"),r=n.n(o),i=n("3tO9"),a=n.n(i),d=n("lSNA"),s=n.n(d),l=n("LvDl"),p=n("A+yw");n.d(t,"isBrickNode",(function(){return p.isBrickNode})),n.d(t,"isCustomTemplateNode",(function(){return p.isCustomTemplateNode})),n.d(t,"isRouteNode",(function(){return p.isRouteNode})),n.d(t,"isSnippetNode",(function(){return p.isSnippetNode}));var u,c,v,g,f=n("QILm"),h=n.n(f),E=n("IYwU"),m=n("yXPU"),C=n.n(m),b=n("tYg3"),N=n("ZR4k"),D=n.n(N),y=n("ACCw"),O=n.n(y),x=n("i8i4"),T=n.n(x),$=n("qJlv");!function(e){e.NODE_TO_ADD="builder/node-to-add",e.NODE_TO_MOVE="builder/node-to-move",e.SNIPPET_TO_APPLY="builder/snippet-to-apply"}(u||(u={})),function(e){e.DEFAULT="editorOfDefault",e.CONTAINER="editorOfContainer",e.TRANSPARENT_CONTAINER="editorOfTransparentContainer"}(c||(c={})),function(e){e.BLOCK="block",e.INLINE="inline",e.CONTAINER="container"}(v||(v={})),function(e){e.BLOCK="block",e.INLINE="inline",e.GRID="grid"}(g||(g={}));var I={exports:{}};
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/!function(e){!function(){var t={}.hasOwnProperty;function n(){for(var e=[],o=0;o<arguments.length;o++){var r=arguments[o];if(r){var i=typeof r;if("string"===i||"number"===i)e.push(r);else if(Array.isArray(r)){if(r.length){var a=n.apply(null,r);a&&e.push(a)}}else if("object"===i)if(r.toString===Object.prototype.toString)for(var d in r)t.call(r,d)&&r[d]&&e.push(d);else e.push(r.toString())}}return e.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n}()}(I);var S=I.exports,k={};
+/*! (c) Andrea Giammarchi - ISC */try{k.EventTarget=(new EventTarget).constructor}catch(e){!function(e,t){var n=e.create,o=e.defineProperty,r=i.prototype;function i(){t.set(this,n(null))}function a(e,t,n){o(e,t,{configurable:!0,writable:!0,value:n})}function d(e){var t=e.options;return t&&t.once&&e.target.removeEventListener(this.type,e.listener),"function"==typeof e.listener?e.listener.call(e.target,this):e.listener.handleEvent(this),this._stopImmediatePropagationFlag}a(r,"addEventListener",(function(e,n,o){for(var r=t.get(this),i=r[e]||(r[e]=[]),a=0,d=i.length;a<d;a++)if(i[a].listener===n)return;i.push({target:this,listener:n,options:o})})),a(r,"dispatchEvent",(function(e){var n=t.get(this)[e.type];return n&&(a(e,"target",this),a(e,"currentTarget",this),n.slice(0).some(d,e),delete e.currentTarget,delete e.target),!0})),a(r,"removeEventListener",(function(e,n){for(var o=t.get(this),r=o[e]||(o[e]=[]),i=0,a=r.length;i<a;i++)if(r[i].listener===n)return void r.splice(i,1)})),k.EventTarget=i}(Object,new WeakMap)}var A=k.EventTarget,P=0;function L(){return P+=1}function _(e){var{nodes:t,edges:n,rootId:o}=e,r=n.slice(),i=new WeakMap,d=(e,o)=>{var r=t.find(t=>t.$$uid===e),i=Object(l.sortBy)(n.filter(e=>e.parent===r.$$uid),e=>e.sort);for(var a of(o(r,i),i))d(a.child,o)},s=(e,n,o)=>{var a,d,u;if(e.$$isExpandableTemplate&&null!==(a=e.$$templateProxy)&&void 0!==a&&a.slots&&Object(p.hasOwnProperty)(e.$$templateProxy.slots,n)&&(d=e.$$templateProxy.slots[n])&&(u=e.$$templateRefToUid.get(d.ref))){var c=t.find(e=>e.$$uid===u),v=d.refSlot;if(c.$$isExpandableTemplate)s(c,v,o);else{var g,f={child:o,parent:u,mountPoint:v,sort:void 0,$$isTemplateExpanded:!0},h=Object(l.sortBy)(r.filter(e=>e.parent===u),e=>{var t;return null!==(t=i.get(e))&&void 0!==t?t:e.sort}),E=h.filter(e=>e.$$isTemplateInternal),m=null!==(g=d.refPosition)&&void 0!==g?g:-1,C=Object(l.clamp)(m<0?E.length+1+m:m,0,E.length);h.splice(C<E.length?h.findIndex(e=>e===E[C]):h.length,0,f),h.forEach((e,t)=>{i.set(e,t)}),r.push(f)}}};return d(o,(e,t)=>{if(e.$$isExpandableTemplate)for(var n of t)s(e,n.mountPoint,n.child)}),r.length>n.length?r.map(e=>{var t=i.get(e);return void 0===t?e:a()(a()({},e),{},{sort:t})}):n}function w(e,t){var{rootId:n,nodes:o,edges:r}=e,{parentUid:i,nodeUids:d}=t;return _({rootId:n,nodes:o,edges:r.filter(e=>!e.$$isTemplateExpanded).map(e=>{var t=e.parent===i?d.indexOf(e.child):-1;return t>=0?a()(a()({},e),{},{sort:t}):e})})}function j(e,t){var{rootId:n,nodes:o,edges:r,wrapperNode:i}=t,a=new Set;return function e(t,n,o){o.add(t);var r=new Set;for(var i of n)i.parent===t&&r.add(i.child);for(var a of r)e(a,n,o)}(e,r,a),{rootId:n,nodes:o.filter(e=>!a.has(e.$$uid)),edges:r.filter(e=>!a.has(e.parent)&&!a.has(e.child)),wrapperNode:(null==i?void 0:i.$$uid)===e?null:i}}function U(e,t,n,o,r){for(var i of t)if(i){if(i.target){var a=o.get(i.target);a&&(n.get(e.$$uid).downstreamNodes.add(a),n.get(a).upstreamNodes.add(e.$$uid))}else if(i.targetRef)for(var d of[].concat(i.targetRef)){var s=r.get(d);s&&(n.get(e.$$uid).downstreamNodes.add(s),n.get(s).upstreamNodes.add(e.$$uid))}if(i.callback)for(var l of Object.values(i.callback))U(e,[].concat(l),n,o,r)}}var B,Z=["parent","children","graphInfo","mountPoint"],M=/[<{]/;function R(e,t,n){var o=[];e.brick&&o.push(e.brick.replace(/\./g,"\\."));var r,i,a=Object(p.normalizeBuilderNode)(e),d=[];for(var s of["properties","events","lifeCycle"]){var u=Object(l.cloneDeep)(null==a?void 0:a[s]);if(d.push(["$$parsed".concat(Object(l.upperFirst)(s)),null!=u?u:{}]),"properties"===s){var c,v,g=void 0;"string"!=typeof(v=null==u||null===(c=u.dataset)||void 0===c?void 0:c.testid)||M.test(v)?"string"!=typeof(g=null==u?void 0:u.id)||M.test(g)||(r=g,o.push("#".concat(r))):i=v}}return Object.fromEntries(Object.entries(e).filter(e=>!Z.includes(e[0])).concat([["alias",e.alias||(Object(p.isBrickNode)(e)?e.ref||i||r||e.brick.split(".").pop():void 0)],["$$uid",t],["$$matchedSelectors",o],["$$isTemplateInternalNode",n],["$$normalized",a]]).concat(d))}function H(e,t,n){var o,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],i=arguments.length>4?arguments[4]:void 0,a=[],d=[],s=(e,t,o,i,u,c)=>{var v,g,f,h,E=R(e,t,i);if(a.push(E),u&&E.ref&&u.set(E.ref,t),Object(p.isBrickNode)(E)&&(!E.brick.includes(".")&&E.brick.startsWith("tpl-")&&!o.has(E.brick)&&(h=null==n?void 0:n.get(E.brick))&&(null===(v=h.children)||void 0===v?void 0:v.length)>0||E.brick.includes(".tpl-")&&(h=null==r||null===(g=r.find(e=>e.storyId===E.brick))||void 0===g?void 0:g.originData)&&(null===(f=h.children)||void 0===f?void 0:f.length)>0)){"wrapper"===h.layoutType&&(E.layoutType="wrapper"),o.add(E.brick),E.$$isExpandableTemplate=!0,E.$$templateProxy=h.proxy&&JSON.parse(h.proxy);var m=new Map;if(E.$$templateRefToUid=m,Object(l.sortBy)(h.children,[e=>{var t;return null!==(t=e.sort)&&void 0!==t?t:-1/0}]).forEach((e,n)=>{var r=L();s(e,r,new Set(o),!0,m),d.push({child:r,parent:t,mountPoint:"",sort:n,$$isTemplateInternal:!0})}),!E.$$isTemplateInternalNode){var C=(e,t,n)=>{var o;if(null!==(o=e.$$templateProxy)&&void 0!==o&&o.slots){var r,i=Object.entries(null===(r=e.$$templateProxy)||void 0===r?void 0:r.slots).filter(e=>void 0===t||e[0]===t),d=function(t,o){var r=e.$$templateRefToUid.get(o.ref);if(r){var i=a.find(e=>e.$$uid===r);if(i.$$isExpandableTemplate)C(i,o.refSlot,t);else{i.$$delegatedSlots||(i.$$delegatedSlots=new Map);var d=i.$$delegatedSlots.get(o.refSlot);d||(d=[],i.$$delegatedSlots.set(o.refSlot,d)),d.push({templateUid:E.$$uid,templateMountPoint:n||t})}}};for(var[s,l]of i)d(s,l)}};C(E);var b=(e,t)=>{var n;if(null!==(n=e.$$templateProxy)&&void 0!==n&&n.properties){var o,r=Object.entries(null===(o=e.$$templateProxy)||void 0===o?void 0:o.properties).filter(e=>void 0===t||e[0]===t);for(var[i,d]of r)Object(p.hasOwnProperty)(e.$$parsedProperties,i)&&q(d)&&function(){var t=e.$$templateRefToUid.get(d.ref),n=e.$$parsedProperties[i];if(t){var o=a.find(e=>e.$$uid===t);o.$$parsedProperties[d.refProperty]=n,o.$$isExpandableTemplate&&b(o,d.refProperty)}}()}};b(E)}}if(Array.isArray(e.children)){var N;switch(E.type){case"bricks":case"custom-template":case"snippet":N="bricks";break;case"routes":N="routes"}Object(l.sortBy)(e.children,[e=>{var t;return null!==(t=e.sort)&&void 0!==t?t:-1/0}]).forEach((e,n)=>{var r,a=L();s(e,a,new Set(o),i,u),d.push({child:a,parent:t,mountPoint:null!==(r=N)&&void 0!==r?r:e.mountPoint,sort:n,$$isTemplateInternal:i,$$isTemplateDelegated:E.$$isExpandableTemplate})})}};s(e,t,new Set);for(var u=function(e){var n=a[e];if("wrapper"===n.layoutType&&i&&d.find(e=>e.child===n.$$uid).parent===t)return o||(o=n),"break"},c=0;c<a.length;c++){var v=u(c);if("break"===v)break}return{nodes:a,edges:d,wrapperNode:o}}function q(e){return!!e.ref&&!!e.refProperty}function G(e,t){return e.find(e=>e.$$uid===t).$$isExpandableTemplate}!function(e){e.NODE_ADD="builder.node.add",e.NODE_MOVE="builder.node.move",e.NODE_REORDER="builder.node.reorder",e.NODE_CLICK="builder.node.click",e.SNIPPET_APPLY="builder.snippet.apply",e.CONTEXT_MENU_CHANGE="builder.contextMenu.change",e.DATA_CHANGE="builder.data.change",e.SHARED_EDITOR_LIST_CHANGE="builder.sharedEditorList.change",e.ROUTE_LIST_CHANGE="builder.routeList.change",e.HOVER_NODE_CHANGE="builder.hoverNode.change",e.ACTIVE_NODE_CHANGE="builder.activeNode.change",e.SHOW_RELATED_NODES_BASED_ON_EVENTS="builder.showRelatedNodesBasedOnEvents.change",e.HIGHLIGHT_NODES_CHANGE="builder.highlightNodes.change",e.OUTLINE_DISABLED_NODES_CHANGE="builder.outlineDisabledNodes.change",e.DROPPING_STATUS_CHANGE="builder.droppingStatus.change",e.WORKBENCH_TREE_NODE_MOVE="workbench.tree.node.move"}(B||(B={}));class V{constructor(){var e;s()(this,"data",{rootId:null,nodes:[],edges:[],wrapperNode:null}),s()(this,"hoverNodeUid",void 0),s()(this,"activeNodeUid",void 0),s()(this,"sharedEditorList",void 0),s()(this,"routeList",void 0),s()(this,"storyList",void 0),s()(this,"eventTarget",new A),s()(this,"contextMenuStatus",{active:!1}),s()(this,"showRelatedNodesBasedOnEvents",void 0),s()(this,"relatedNodesBasedOnEventsMap",void 0),s()(this,"highlightNodes",new Set),s()(this,"templateSourceMap",void 0),s()(this,"droppingStatus",new Map),s()(this,"localJsonStorage",new p.JsonStorage(localStorage)),s()(this,"outlineDisabledNodes",new Set(null!==(e=this.localJsonStorage.getItem("builder-outline-disabled-nodes"))&&void 0!==e?e:[]))}getData(){return this.data}getContextMenuStatus(){return this.contextMenuStatus}getRelatedNodesBasedOnEventsMap(){return this.relatedNodesBasedOnEventsMap}sharedEditorListInit(e){this.sharedEditorList=e,this.eventTarget.dispatchEvent(new CustomEvent(B.SHARED_EDITOR_LIST_CHANGE))}getSharedEditorList(){var e;return null!==(e=this.sharedEditorList)&&void 0!==e?e:[]}onSharedEditorListChange(e){return this.eventTarget.addEventListener(B.SHARED_EDITOR_LIST_CHANGE,e),()=>{this.eventTarget.removeEventListener(B.SHARED_EDITOR_LIST_CHANGE,e)}}routeListInit(e){this.routeList=e,this.eventTarget.dispatchEvent(new CustomEvent(B.ROUTE_LIST_CHANGE))}getRouteList(){var e;return null!==(e=this.routeList)&&void 0!==e?e:[]}storyListInit(e){this.storyList=e}getStoryList(){return this.storyList}onRouteListChange(e){return this.eventTarget.addEventListener(B.ROUTE_LIST_CHANGE,e),()=>{this.eventTarget.removeEventListener(B.ROUTE_LIST_CHANGE,e)}}dataInit(e,t){this.templateSourceMap=t;var n=L(),o=a()({rootId:n},H(e,n,t,this.storyList,!0));this.data=a()(a()({},o),{},{edges:_(o)}),this.triggerDataChange()}triggerDataChange(){var{rootId:e,nodes:t}=this.data,n="custom-template"===t.find(t=>t.$$uid===e).type;this.relatedNodesBasedOnEventsMap=function(e,t){var n=new Map,o=new Map,r=new Map;for(var i of e){for(var a of(n.set(i.$$uid,{upstreamNodes:new Set,downstreamNodes:new Set}),i.$$matchedSelectors))o.get(a)||o.set(a,i.$$uid);t&&i.ref&&r.set(i.ref,i.$$uid)}for(var d of e){var s=[];Object(l.isEmpty)(d.$$parsedEvents)||(s=Object.values(d.$$parsedEvents).flat()),Object(l.isEmpty)(d.$$parsedLifeCycle)||(s=s.concat(Object.entries(d.$$parsedLifeCycle).flatMap(e=>{var[t,n]=e;switch(t){case"onBeforePageLoad":case"onPageLoad":case"onPageLeave":case"onBeforePageLeave":case"onAnchorLoad":case"onAnchorUnload":case"onMessageClose":return n;case"onMessage":return[].concat(n).flatMap(e=>[].concat(e.handlers));default:return console.warn("unknown lifeCycle: ".concat(t)),[]}}))),s.length>0&&U(d,s,n,o,r)}return n}(t,n),this.eventTarget.dispatchEvent(new CustomEvent(B.DATA_CHANGE))}runAddNodeAction(e){var{rootId:t,nodes:n,edges:o,wrapperNode:r}=this.data,{nodeUid:i,parentUid:d,nodeUids:s,nodeData:p}=e,{nodes:u,edges:c}=H(Object(l.omit)(p,["parent"]),i,this.templateSourceMap,this.getStoryList()),v={rootId:t,nodes:n.concat(u),edges:o.concat({parent:d,child:i,mountPoint:p.mountPoint,sort:void 0,$$isTemplateDelegated:G(n,d)}).concat(c),wrapperNode:r};this.data=a()(a()({},v),{},{edges:w(v,{parentUid:d,nodeUids:s})}),this.triggerDataChange()}updateBrick(e){this.data=j(e.nodeUid,this.data),this.runAddNodeAction(e)}redirectMountPoint(e){var{rootId:t,wrapperNode:n}=this.data;e.parentUid===t&&(e.nodeData.mountPoint="bricks"),n&&n.instanceId===e.nodeData.parent&&(e.nodeData.mountPoint="content")}redirectSnippetMountPoint(e){var t;null===(t=e.nodeDetails)||void 0===t||t.forEach(e=>{this.redirectMountPoint(e)})}nodeAdd(e){this.redirectMountPoint(e),this.runAddNodeAction(e),this.eventTarget.dispatchEvent(new CustomEvent(B.NODE_ADD,{detail:e}))}nodeAddStored(e){var{rootId:t,nodes:n,edges:o,wrapperNode:r}=this.data,{nodeUid:i,nodeData:d}=e;this.data={rootId:t,nodes:n.map(e=>e.$$uid===i?a()(a()({},e),{},{id:d.id,instanceId:d.instanceId}):e),edges:o,wrapperNode:r},this.triggerDataChange()}snippetApply(e){this.redirectSnippetMountPoint(e);var{rootId:t,nodes:n,edges:o,wrapperNode:r}=this.data,{nodeDetails:i,parentUid:d,nodeUids:s}=e,p=n.slice(),u=o.slice(),c=e=>{var{parentUid:t,nodeUid:n,nodeData:o,children:r}=e,{nodes:i,edges:a}=H(Object(l.omit)(o,["parent"]),n,this.templateSourceMap,this.storyList);for(var d of(p.push(...i),u.push({parent:t,child:n,mountPoint:o.mountPoint,sort:o.sort,$$isTemplateDelegated:G(p,t)},...a),r))c(d)};for(var v of i)c(v);var g={rootId:t,nodes:p,edges:u,wrapperNode:r};this.data=a()(a()({},g),{},{edges:w(g,{parentUid:d,nodeUids:s})}),this.triggerDataChange(),this.eventTarget.dispatchEvent(new CustomEvent(B.SNIPPET_APPLY,{detail:e}))}snippetApplyStored(e){var{rootId:t,nodes:n,edges:o,wrapperNode:r}=this.data,{flattenNodeDetails:i}=e;this.data={rootId:t,nodes:n.map(e=>{var t=i.find(t=>t.nodeUid===e.$$uid);return t?a()(a()({},e),{},{id:t.nodeData.id,instanceId:t.nodeData.instanceId}):e}),edges:o,wrapperNode:r},this.triggerDataChange()}nodeMove(e){var{rootId:t,nodes:n,edges:o,wrapperNode:r}=this.data;this.redirectMountPoint(e);var{nodeUid:i,parentUid:d,nodeUids:s,nodeData:l}=e,p={rootId:t,nodes:n,edges:o.filter(e=>e.child!==i).concat({parent:d,child:i,mountPoint:l.mountPoint,sort:void 0,$$isTemplateDelegated:G(n,d)}),wrapperNode:r};this.data=a()(a()({},p),{},{edges:w(p,{parentUid:d,nodeUids:s})}),this.triggerDataChange(),this.eventTarget.dispatchEvent(new CustomEvent(B.NODE_MOVE,{detail:e}))}moveNode(e,t){var{$$uid:n}=e,{parent:o,mountPoint:r}=this.data.edges.find(e=>e.child===n),{relatedEdges:i,mountPoints:a}=W(this.data.edges,o),d=i.filter(e=>e.mountPoint===r),s=d.findIndex(e=>e.child===n),p=X(d,s,t);if(p){var u=Object(l.sortBy)(i,e=>a.indexOf(e.mountPoint),e=>p.indexOf(e));this.reorder(o,u)}}workbenchTreeNodeMove(e){var t,{rootId:n,nodes:o,edges:r,wrapperNode:i}=this.data,{dragNodeUid:d,dragOverNodeUid:s,dragParentNodeUid:p,dragStatus:u}=e,c=s===n,v=o.find(e=>e.$$uid===d),g=r.find(e=>e.child===d),f=r.find(e=>e.child===s),h=c?"bricks":"inside"===u?g.mountPoint:f.mountPoint,E=r.find(e=>e.child===s),m=c?n:"inside"===u?E.child:E.parent,C=o.find(e=>e.$$uid===m),b=r.filter(e=>e.child!==d&&e.parent===m),N=Object(l.sortBy)(b,"sort").map(e=>e.child),D=N.map(e=>o.find(t=>t.$$uid===e).id);if("inside"===u)t=b.length?Math.max(...b.map(e=>e.sort))+1:0,D.push(v.id);else if("top"===u||"bottom"===u){var y=r.find(e=>e.child===d),O=N.findIndex(e=>e===s);t="top"===u?O:O+1,D.splice(t,0,v.id),N.splice(t,0,y.child)}var x={rootId:n,nodes:o,edges:r.filter(e=>e.child!==d).concat({parent:p,child:d,mountPoint:h,sort:t,$$isTemplateDelegated:G(o,p)}),wrapperNode:i};this.data=a()(a()({},x),{},{edges:w(x,{parentUid:m,nodeUids:N})}),this.triggerDataChange(),this.eventTarget.dispatchEvent(new CustomEvent(B.WORKBENCH_TREE_NODE_MOVE,{detail:{nodeUid:d,nodeInstanceId:v.instanceId,nodeIds:D,nodeData:{parent:C.instanceId,mountPoint:h}}}))}moveMountPoint(e,t,n){var{$$uid:o}=e,{relatedEdges:r,mountPoints:i}=W(this.data.edges,o),a=i.indexOf(t),d=X(i,a,n);if(d){var s=Object(l.sortBy)(r,e=>d.indexOf(e.mountPoint),"sort");this.reorder(o,s)}}reorder(e,t){var{nodes:n}=this.data,o=t.map(e=>e.child);this.data=a()(a()({},this.data),{},{edges:w(this.data,{parentUid:e,nodeUids:o})}),this.triggerDataChange();var r=o.map(e=>n.find(t=>t.$$uid===e)).map(e=>e.id);this.eventTarget.dispatchEvent(new CustomEvent(B.NODE_REORDER,{detail:{nodeUids:o,parentUid:e,nodeIds:r}}))}contextUpdated(e){var{rootId:t,nodes:n,edges:o,wrapperNode:r}=this.data;this.data={rootId:t,edges:o,nodes:n.map(n=>n.$$uid===t?a()(a()({},n),{},{context:e.context}):n),wrapperNode:r},this.triggerDataChange()}nodeReorder(e){var{nodeUids:t,parentUid:n}=e;this.data=a()(a()({},this.data),{},{edges:w(this.data,{parentUid:n,nodeUids:t})}),this.triggerDataChange(),this.eventTarget.dispatchEvent(new CustomEvent(B.NODE_REORDER,{detail:e}))}nodeDelete(e){this.data=j(e.$$uid,this.data),this.triggerDataChange()}nodeClick(e){this.setActiveNodeUid(e.$$uid),this.eventTarget.dispatchEvent(new CustomEvent(B.NODE_CLICK,{detail:e}))}contextMenuChange(e){this.contextMenuStatus=e,this.eventTarget.dispatchEvent(new CustomEvent(B.CONTEXT_MENU_CHANGE))}onDataChange(e){return this.eventTarget.addEventListener(B.DATA_CHANGE,e),()=>{this.eventTarget.removeEventListener(B.DATA_CHANGE,e)}}onNodeAdd(e){return this.eventTarget.addEventListener(B.NODE_ADD,e),()=>{this.eventTarget.removeEventListener(B.NODE_ADD,e)}}onSnippetApply(e){return this.eventTarget.addEventListener(B.SNIPPET_APPLY,e),()=>{this.eventTarget.removeEventListener(B.SNIPPET_APPLY,e)}}onNodeReorder(e){return this.eventTarget.addEventListener(B.NODE_REORDER,e),()=>{this.eventTarget.removeEventListener(B.NODE_REORDER,e)}}onNodeMove(e){return this.eventTarget.addEventListener(B.NODE_MOVE,e),()=>{this.eventTarget.removeEventListener(B.NODE_MOVE,e)}}onWorkbenchTreeNodeMove(e){return this.eventTarget.addEventListener(B.WORKBENCH_TREE_NODE_MOVE,e),()=>{this.eventTarget.removeEventListener(B.WORKBENCH_TREE_NODE_MOVE,e)}}onNodeClick(e){return this.eventTarget.addEventListener(B.NODE_CLICK,e),()=>{this.eventTarget.removeEventListener(B.NODE_CLICK,e)}}onContextMenuChange(e){return this.eventTarget.addEventListener(B.CONTEXT_MENU_CHANGE,e),()=>{this.eventTarget.removeEventListener(B.CONTEXT_MENU_CHANGE,e)}}setShowRelatedNodesBasedOnEvents(e){this.showRelatedNodesBasedOnEvents=e,this.eventTarget.dispatchEvent(new CustomEvent(B.SHOW_RELATED_NODES_BASED_ON_EVENTS))}getShowRelatedNodesBasedOnEvents(){return this.showRelatedNodesBasedOnEvents}onShowRelatedNodesBasedOnEventsChange(e){return this.eventTarget.addEventListener(B.SHOW_RELATED_NODES_BASED_ON_EVENTS,e),()=>{this.eventTarget.removeEventListener(B.SHOW_RELATED_NODES_BASED_ON_EVENTS,e)}}setHoverNodeUid(e){this.hoverNodeUid!==e&&(this.hoverNodeUid=e,this.eventTarget.dispatchEvent(new CustomEvent(B.HOVER_NODE_CHANGE)))}getHoverNodeUid(){return this.hoverNodeUid}onHoverNodeChange(e){return this.eventTarget.addEventListener(B.HOVER_NODE_CHANGE,e),()=>{this.eventTarget.removeEventListener(B.HOVER_NODE_CHANGE,e)}}setActiveNodeUid(e){this.activeNodeUid!==e&&(this.activeNodeUid=e,this.eventTarget.dispatchEvent(new CustomEvent(B.ACTIVE_NODE_CHANGE)))}getActiveNodeUid(){return this.activeNodeUid}onActiveNodeChange(e){return this.eventTarget.addEventListener(B.ACTIVE_NODE_CHANGE,e),()=>{this.eventTarget.removeEventListener(B.ACTIVE_NODE_CHANGE,e)}}toggleOutline(e){this.outlineDisabledNodes.has(e)?this.outlineDisabledNodes.delete(e):this.outlineDisabledNodes.add(e),this.localJsonStorage.setItem("builder-outline-disabled-nodes",Array.from(this.outlineDisabledNodes)),this.eventTarget.dispatchEvent(new CustomEvent(B.OUTLINE_DISABLED_NODES_CHANGE))}isOutlineEnabled(e){return!this.outlineDisabledNodes.has(e)}onOutlineEnabledNodesChange(e){return this.eventTarget.addEventListener(B.OUTLINE_DISABLED_NODES_CHANGE,e),()=>{this.eventTarget.removeEventListener(B.OUTLINE_DISABLED_NODES_CHANGE,e)}}setHighlightNodes(e){this.highlightNodes=e,this.eventTarget.dispatchEvent(new CustomEvent(B.HIGHLIGHT_NODES_CHANGE))}getHighlightNodes(){return this.highlightNodes}onHighlightNodesChange(e){return this.eventTarget.addEventListener(B.HIGHLIGHT_NODES_CHANGE,e),()=>{this.eventTarget.removeEventListener(B.HIGHLIGHT_NODES_CHANGE,e)}}updateDroppingStatus(e,t,n){var o=this.droppingStatus.get(e);this.droppingStatus=new Map(Array.from(this.droppingStatus.entries()).concat([[e,new Map((o?Array.from(o):[]).concat([[t,n]]))]])),this.eventTarget.dispatchEvent(new CustomEvent(B.DROPPING_STATUS_CHANGE)),this.hoverNodeUid&&Array.from(this.droppingStatus.values()).flatMap(e=>Array.from(e.values())).some(Boolean)&&this.setHoverNodeUid(void 0)}getDroppingStatus(){return this.droppingStatus}onDroppingStatusChange(e){return this.eventTarget.addEventListener(B.DROPPING_STATUS_CHANGE,e),()=>{this.eventTarget.removeEventListener(B.DROPPING_STATUS_CHANGE,e)}}}function W(e,t){var n=Object(l.sortBy)(e.filter(e=>e.parent===t&&!e.$$isTemplateExpanded),"sort"),o=new Set;for(var r of n)o.add(r.mountPoint);return{relatedEdges:n,mountPoints:Array.from(o)}}function X(e,t,n){var o;if("up"===n){if(t<=0)return;o=t-1}else{if(-1===t||t>=e.length-1)return;o=t}return[...e.slice(0,o),e[o+1],e[o],...e.slice(o+2)]}var z=r.a.createContext({});function Y(){var{manager:e}=r.a.useContext(z);if(!e)throw new Error("Expected builder data context");return e}function K(){var e=Y(),[t,n]=Object(o.useState)(e.getData());return Object(o.useEffect)(()=>e.onDataChange(()=>{n(e.getData())}),[e]),t}function Q(e){var{nodeUid:t,isRoot:n,isWrapper:r}=e,{rootId:i,nodes:a,wrapperNode:d}=K(),s=n?i:t;return Object(o.useMemo)(()=>r?d:a.find(e=>e.$$uid===s),[a,s,r,d])}function F(){var e=Y(),[t,n]=Object(o.useState)(e.getContextMenuStatus());return Object(o.useEffect)(()=>e.onContextMenuChange(()=>{n(e.getContextMenuStatus())}),[e]),t}function J(){var e=Y(),[t,n]=Object(o.useState)(e.getShowRelatedNodesBasedOnEvents());return Object(o.useEffect)(()=>e.onShowRelatedNodesBasedOnEventsChange(()=>{n(e.getShowRelatedNodesBasedOnEvents())}),[e]),t}function ee(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}var te={editorContainer:"EditorContainer--editorContainer--1j8iqnx",nodeAlias:"EditorContainer--nodeAlias--1j8iqnx",highlight:"EditorContainer--highlight--1j8iqnx",hover:"EditorContainer--hover--1j8iqnx",active:"EditorContainer--active--1j8iqnx",dropping:"EditorContainer--dropping--1j8iqnx",editorBody:"EditorContainer--editorBody--1j8iqnx",transparentContainer:"EditorContainer--transparentContainer--1j8iqnx",isUpstreamNode:"EditorContainer--isUpstreamNode--1j8iqnx",isDownstreamNode:"EditorContainer--isDownstreamNode--1j8iqnx",arrow:"EditorContainer--arrow--1j8iqnx"};function ne(e,t){for(var n=e;n;){if(n===t)return!0;if(n.classList.contains(te.editorContainer)&&!n.classList.contains(te.isTemplateInternalNode))return!1;n=n.parentElement}return!1}function oe(){var e=Y(),[t,n]=Object(o.useState)(e.getHoverNodeUid());return Object(o.useEffect)(()=>e.onHoverNodeChange(()=>{n(e.getHoverNodeUid())}),[e]),t}function re(){var e=Y(),[t,n]=Object(o.useState)(e.getHighlightNodes());return Object(o.useEffect)(()=>e.onHighlightNodesChange(()=>{n(e.getHighlightNodes())}),[e]),t}function ie(){var e=Y(),[t,n]=Object(o.useState)(e.getDroppingStatus());return Object(o.useEffect)(()=>e.onDroppingStatusChange(()=>{n(e.getDroppingStatus())}),[e]),t}function ae(e){var t,n,{nodeUid:i,type:a,isTransparentContainer:d,editorContainerStyle:s,editorBodyStyle:l,children:p}=e,u=Object(o.useRef)(),v=re(),g=Q({nodeUid:i}),[f,h]=Object(o.useState)(!1),[E,m]=Object(o.useState)(!1),C=F(),b=oe(),N=J(),D=Y(),[y,O]=Object(o.useState)(b===i),x=null!=a?a:c.DEFAULT,T=Object(o.useRef)(b),$=ie();Object(o.useEffect)(()=>{T.current=b},[b]);var I=Object(o.useCallback)(e=>{e.stopPropagation(),O(!0),T.current!==i&&D.setHoverNodeUid(i)},[i,D]),k=Object(o.useCallback)(e=>{e.stopPropagation(),O(!1),T.current===i&&D.setHoverNodeUid(void 0)},[i,D]);Object(o.useEffect)(()=>{if(!g.$$isTemplateInternalNode){var e=u.current;return e.addEventListener("mouseover",I),e.addEventListener("mouseout",k),()=>{e.removeEventListener("mouseover",I),e.removeEventListener("mouseout",k)}}},[I,k,g]),Object(o.useEffect)(()=>{if(!g.$$isTemplateInternalNode&&(O(b===i),N)){var e,t,n=D.getRelatedNodesBasedOnEventsMap(),o=null===(e=n.get(b))||void 0===e?void 0:e.upstreamNodes.has(i);h(o);var r=null===(t=n.get(b))||void 0===t?void 0:t.downstreamNodes.has(i);m(r)}},[b,g,i,N,D]);var A=Object(o.useCallback)(e=>!g.$$isTemplateInternalNode&&ne(e.target,u.current),[g]),P=Object(o.useCallback)(e=>{A(e)&&D.nodeClick(g)},[A,D,g]),L=Object(o.useCallback)(e=>{A(e)&&(e.preventDefault(),D.contextMenuChange({active:!0,node:g,x:e.clientX,y:e.clientY}))},[A,D,g]);return r.a.createElement("div",{className:S(te.editorContainer,te[x],{[te.transparentContainer]:d,[te.dropping]:Array.from(null!==(t=null===(n=$.get(i))||void 0===n?void 0:n.values())&&void 0!==t?t:[]).some(Boolean),[te.hover]:y,[te.active]:C.active&&C.node.$$uid===i,[te.isDownstreamNode]:!y&&E,[te.isUpstreamNode]:!y&&f,[te.highlight]:v.has(i),[te.isTemplateInternalNode]:g.$$isTemplateInternalNode}),style:s,ref:u,onClick:P,onContextMenu:L},r.a.createElement("div",{className:te.nodeAlias},!y&&(E?r.a.createElement("span",{className:te.arrow},"↓"):f?r.a.createElement("span",{className:te.arrow},"↑"):null),g.alias||g.brick),r.a.createElement("div",{className:te.editorBody,style:l},p))}ee(".EditorContainer--editorContainer--1j8iqnx {\n  position: relative;\n}\n\n.EditorContainer--nodeAlias--1j8iqnx {\n  position: absolute;\n  top: -25px;\n  height: calc(25px + var(--editor-brick-border-radius));\n  background-color: #d6d6d6;\n  border: 1px solid var(--editor-brick-stroke-color);\n  padding: 0 5px;\n  border-radius: 2px;\n  color: #737373;\n  white-space: nowrap;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--highlight--1j8iqnx > .EditorContainer--nodeAlias--1j8iqnx,\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--hover--1j8iqnx > .EditorContainer--nodeAlias--1j8iqnx,\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--active--1j8iqnx > .EditorContainer--nodeAlias--1j8iqnx,\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--dropping--1j8iqnx > .EditorContainer--nodeAlias--1j8iqnx {\n  visibility: visible;\n}\n\n.EditorContainer--editorBody--1j8iqnx {\n  position: relative;\n  border-radius: var(--editor-brick-border-radius);\n  background: #fff;\n}\n\n.EditorContainer--transparentContainer--1j8iqnx > .EditorContainer--editorBody--1j8iqnx {\n  margin: -1px;\n}\n\n.EditorContainer--transparentContainer--1j8iqnx > .EditorContainer--nodeAlias--1j8iqnx {\n  left: -1px;\n}\n\n.EditorContainer--nodeAlias--1j8iqnx,\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--hover--1j8iqnx > .EditorContainer--editorBody--1j8iqnx,\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--active--1j8iqnx > .EditorContainer--editorBody--1j8iqnx,\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--dropping--1j8iqnx > .EditorContainer--editorBody--1j8iqnx {\n  box-shadow: 0 0 0 1px var(--editor-brick-stroke-color-active);\n}\n\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--isUpstreamNode--1j8iqnx > .EditorContainer--nodeAlias--1j8iqnx,\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--isDownstreamNode--1j8iqnx > .EditorContainer--nodeAlias--1j8iqnx {\n  visibility: visible;\n  background-color: #f7f7f7;\n}\n\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--isDownstreamNode--1j8iqnx > .EditorContainer--editorBody--1j8iqnx,\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--isDownstreamNode--1j8iqnx > .EditorContainer--nodeAlias--1j8iqnx {\n  box-shadow: 0 0 0 1px rgba(22, 224, 57, 0.3);\n}\n\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--isUpstreamNode--1j8iqnx > .EditorContainer--editorBody--1j8iqnx,\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--isUpstreamNode--1j8iqnx > .EditorContainer--nodeAlias--1j8iqnx {\n  box-shadow: 0 0 0 1px rgba(224, 88, 22, 0.3);\n}\n\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--highlight--1j8iqnx > .EditorContainer--editorBody--1j8iqnx,\n.EditorContainer--editorContainer--1j8iqnx.EditorContainer--highlight--1j8iqnx > .EditorContainer--nodeAlias--1j8iqnx {\n  box-shadow: 0 0 0 1px var(--theme-orange-color);\n}\n\n.EditorContainer--arrow--1j8iqnx {\n  font-size: 10px;\n  padding: 0 4px;\n  position: relative;\n  bottom: 1px;\n}\n");function de(){return(de=C()((function*(e,t){var n=[];if(Object(p.isRouteNode)(e))n.push("basic-bricks.any-route--editor");else{if(!Object(p.isBrickNode)(e))throw new Error("Unsupported node type: ".concat(e.type));if(e.brick.includes("-")){var o,r=null===(o=e.brick.split(".")[1])||void 0===o?void 0:o.startsWith("tpl-");n.push("".concat(e.brick,"--editor")),r&&n.push("editors-of-".concat(e.brick,"--editor"))}t&&n.push(t),n.push("basic-bricks.any-brick--editor")}for(var i of n){try{yield b.developHelper.loadEditorBricks([i])}catch(e){throw new Error('Load editor brick "'.concat(i,'" failed'))}if(customElements.get(i))return i}throw new Error('Editor brick "'.concat(n.join(", "),'" not found'))}))).apply(this,arguments)}var se="EditorBrickAsComponent--slotContentLayoutBlock--1aed4lu",le="EditorBrickAsComponent--selfLayoutBlock--1aed4lu",pe="EditorBrickAsComponent--selfLayoutContainer--1aed4lu",ue="EditorBrickAsComponent--slotContentLayoutInline--1aed4lu",ce="EditorBrickAsComponent--selfLayoutInline--1aed4lu",ve="EditorBrickAsComponent--dragging--1aed4lu",ge="EditorBrickAsComponent--baseView--1aed4lu";function fe(e){var t,{node:n,slotContentLayout:i}=e,[a,d]=r.a.useState(!1),[s,l]=r.a.useState(),[c,f]=r.a.useState(),{edges:h}=K(),m=(t=Y(),Object(o.useMemo)(()=>t.getStoryList(),[t])),N=r.a.useMemo(()=>h.some(e=>e.parent===n.$$uid),[n,h]),D=Object(o.useMemo)(()=>Object(b.getRuntime)().getFeatureFlags()["next-builder-installed-bricks"],[]),y=Object(o.useMemo)(()=>D?null:function(e,t){var n=null==t?void 0:t.find(t=>t.storyId===e.brick);return null==n?void 0:n.doc}(n,m),[D,n,m]),O=function(){var e=Y(),t=Object(o.useCallback)(()=>new Map(e.getSharedEditorList().map(e=>[e.id,e])),[e]),[n,r]=Object(o.useState)(t());return Object(o.useEffect)(()=>e.onSharedEditorListChange(()=>{r(t())}),[t,e]),n}(),x=Object(o.useMemo)(()=>D&&Object(p.isBrickNode)(n)?O.get(n.brick):null,[O,D,n]);r.a.useEffect(()=>{C()((function*(){var e,t;d(!1);try{e=yield function(e,t){return de.apply(this,arguments)}(n,D?null==x?void 0:x.editor:null==y?void 0:y.editor)}catch(e){console.error(e),t=e.message}l(e),f(t),d(!0)}))()},[y,x,D,n]);var T=r.a.useMemo(()=>({brick:s,properties:{nodeUid:n.$$uid,editorProps:D?null==x?void 0:x.editorProps:null==y?void 0:y.editorProps}}),[y,s,x,D,n.$$uid]),$=r.a.useMemo(()=>{var e,t;a&&s&&(t=customElements.get(s).selfLayout);return null!==(e=t)&&void 0!==e?e:N?v.CONTAINER:v.INLINE},[a,s,N]),[{isDragging:I},k]=Object(E.useDrag)({item:{type:u.NODE_TO_MOVE,nodeUid:n.$$uid,nodeInstanceId:n.instanceId,nodeId:n.id},options:{dropEffect:"move"},collect:e=>({isDragging:e.isDragging()})});return a?s?r.a.createElement("div",{className:S({[se]:i===g.BLOCK,[ue]:i===g.INLINE,[ce]:$===v.INLINE,[le]:$===v.BLOCK,[pe]:$===v.CONTAINER,[ve]:I,__isTemplateInternalNode:n.$$isTemplateInternalNode})},r.a.createElement("div",{ref:n.$$isTemplateInternalNode?void 0:k,draggable:!n.$$isTemplateInternalNode,className:S({[ge]:"basic-bricks.micro-view"===n.brick||"basic-bricks.micro-app"===n.brick||"basic-bricks.easy-view"===n.brick||"frame-bricks.side-bar"===n.brick})},r.a.createElement(b.BrickAsComponent,{useBrick:T}))):r.a.createElement("span",null,c):r.a.createElement("span",null,"Loading...")}function he(e){var{nodeUid:t,isRoot:n,doNotExpandTemplates:r,isWrapper:i}=e,{rootId:a,nodes:d,edges:s,wrapperNode:l}=K();return Object(o.useMemo)(()=>Ee({nodes:d,edges:s,nodeUid:n?i?l.$$uid:a:t,doNotExpandTemplates:r,isWrapper:i}),[r,s,n,t,d,a,i,l])}function Ee(e){var{nodeUid:t,nodes:n,edges:o,doNotExpandTemplates:r,isWrapper:i}=e,a=new Map,d=Object(l.sortBy)(o.filter(e=>e.parent===t&&(r?!e.$$isTemplateInternal:!e.$$isTemplateDelegated)),[e=>e.sort]),s=function(e){var t=n.find(t=>t.$$uid===e.child);a.has(e.mountPoint)?a.get(e.mountPoint).push(t):a.set(e.mountPoint,[t])};for(var p of d)s(p);return Array.from(a.entries()).map(e=>{var[t,n]=e;return{mountPoint:i?"bricks":t,childNodes:n}})}function me(){var{edges:e}=K();return Object(o.useCallback)((t,n)=>{var o=t=>t!==n&&!e.some(e=>e.parent===t&&!o(e.child));return o(t)},[e])}ee(".EditorBrickAsComponent--slotContentLayoutBlock--1aed4lu.EditorBrickAsComponent--selfLayoutBlock--1aed4lu,\n.EditorBrickAsComponent--slotContentLayoutBlock--1aed4lu.EditorBrickAsComponent--selfLayoutContainer--1aed4lu {\n  grid-column: 1 / -1;\n}\n\n.EditorBrickAsComponent--slotContentLayoutInline--1aed4lu {\n  margin: 0 var(--editor-brick-gap-half);\n}\n\n.EditorBrickAsComponent--slotContentLayoutInline--1aed4lu.EditorBrickAsComponent--selfLayoutInline--1aed4lu,\n.EditorBrickAsComponent--slotContentLayoutInline--1aed4lu.EditorBrickAsComponent--selfLayoutBlock--1aed4lu {\n  width: 150px;\n}\n\n.EditorBrickAsComponent--slotContentLayoutInline--1aed4lu.EditorBrickAsComponent--selfLayoutContainer--1aed4lu {\n  width: 100%;\n}\n\n.EditorBrickAsComponent--dragging--1aed4lu {\n  opacity: 0.3;\n}\n\n.EditorBrickAsComponent--baseView--1aed4lu {\n  height: 100%;\n  min-height: 100%;\n}\n");function Ce(e,t,n,o){var r=function(e,t){var n=e.getBoundingClientRect(),o=[],r=Array.from(t.children).filter(e=>!e.classList.contains("__isTemplateInternalNode"));if(r.length>0){var i={cells:[]},d=[i];r.forEach((e,t)=>{var n,o,r=e.getBoundingClientRect(),a={index:t,top:r.top,bottom:r.bottom,left:r.left,right:r.right},s=i.cells.length>0&&i.cells[i.cells.length-1];!s||be(r.left,s.right)>0&&be(r.top,s.bottom)<0?(i.cells.push(a),i.top=Math.min(null!==(n=i.top)&&void 0!==n?n:1/0,r.top),i.bottom=Math.max(null!==(o=i.bottom)&&void 0!==o?o:-1/0,r.bottom)):(i={cells:[a],top:r.top,bottom:r.bottom},d.push(i))});var s=n.top,l=n.top;d.forEach((e,t)=>{if(1===e.cells.length){var r=e.cells[0],i=(r.top+r.bottom)/2;if(o.push({rect:{top:s,bottom:i,left:n.left,right:n.right},cursor:{index:r.index,y:(l+r.top)/2-n.top}}),s=i,l=r.bottom,t===d.length-1)o.push({rect:{top:s,bottom:n.bottom,left:n.left,right:n.right},cursor:{index:r.index+1,y:Math.min(r.bottom+6,(r.bottom+n.bottom)/2)-n.top}});else if(d[t+1].cells.length>1){var p=d[t+1],u=(r.bottom+p.top)/2;o.push({rect:{top:s,bottom:u,left:n.left,right:n.right},cursor:{index:r.index+1,y:u-n.top}}),s=u}}else{var c=n.left,v=n.left,g=t<d.length-1?(d[t+1].top+e.bottom)/2:n.bottom,f={isVertical:!0,y:e.top-n.top,height:e.bottom-e.top};e.cells.forEach((r,i)=>{var l=(r.left+r.right)/2;o.push({rect:{top:s,bottom:g,left:c,right:l},cursor:a()(a()({},f),{},{index:r.index,x:(v+r.left)/2-n.left})}),c=l,v=r.right,i===e.cells.length-1&&(t===d.length-1?o.push({rect:{top:s,bottom:n.bottom,left:c,right:n.right},cursor:a()(a()({},f),{},{index:r.index+1,x:Math.min(v+6,n.right)-n.left})}):o.push({rect:{top:s,bottom:g,left:c,right:n.right},cursor:a()(a()({},f),{},{index:r.index+1,x:Math.min(v+6,n.right)-n.left})}))}),s=g,l=e.bottom}})}return o}(n,o);for(var{rect:i,cursor:d}of r)if(e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom)return d;return{index:0,y:5}}function be(e,t){var n=e-t;return Math.abs(n)<1?0:n}function Ne(e){var{draggingNodeUid:t,draggingNodeId:n,draggingIndex:o,droppingMountPoint:r,droppingSiblingGroups:i,droppingIndex:a}=e,d=Array.isArray(t)?t:[t],s=i.flatMap(e=>e.childNodes),l=i.flatMap(e=>{var t=e.childNodes.map(e=>e.$$uid).filter(e=>!d.includes(e));return e.mountPoint===r&&t.splice((null!=o?o:-1)>=0&&a>o?a-1:a,0,...d),t}),p=l.map(e=>d.includes(e)?n:s.find(t=>t.$$uid===e).id);return{nodeUids:l,nodeIds:p}}var De=["properties","events","lifeCycle","params","if","transform"],ye=["permissionsPreCheck","transformFrom"],Oe=["brick","template","portal","slots","id","children","instanceId"];function xe(e,t){return Object.fromEntries(Object.entries(e).map(e=>{var[t,n]=e;return void 0===n||Oe.includes(t)?void 0:De.includes(t)?[t,JSON.stringify(n)]:ye.includes(t)?[t,D.a.safeDump(n)]:[t,n]}).filter(Boolean).concat(Object.entries(t.nodeData),[["brick","template"===t.nodeData.type?e.template:e.brick],["portal",t.isPortalCanvas||e.portal]]))}function Te(e){var{manager:t,type:n,data:o,droppingIndex:r,droppingParentUid:i,droppingParentInstanceId:d,droppingMountPoint:s,droppingChildNodes:l,droppingSiblingGroups:p,isPortalCanvas:c}=e;if(n===u.NODE_TO_ADD){var{brickType:v="brick",brick:g}=o,f=L();t.nodeAdd(a()(a()({},Ne({draggingNodeUid:f,draggingNodeId:null,droppingIndex:r,droppingMountPoint:s,droppingSiblingGroups:p})),{},{nodeUid:f,parentUid:i,nodeData:{parent:d,type:v,brick:g,mountPoint:s,bg:!c&&"provider"===v||void 0,portal:c}}))}else if(n===u.SNIPPET_TO_APPLY){var{bricks:h}=o,E=[...new Array(h.length)].map(()=>L());t.snippetApply(a()(a()({},Ne({draggingNodeUid:E,draggingNodeId:null,droppingIndex:r,droppingMountPoint:s,droppingSiblingGroups:p})),{},{parentUid:i,nodeDetails:h.map((e,t)=>function e(t){var{parent:n,parentUid:o,mountPoint:r,nodeUid:i,brickConf:a,isPortalCanvas:d,sort:s}=t,l=a.template?"template":a.bg?"provider":"brick";return{nodeUid:i,parentUid:o,nodeData:xe(a,{isPortalCanvas:d,nodeData:{type:l,parent:n,mountPoint:r,sort:s}}),children:a.slots?Object.entries(a.slots).flatMap(e=>{var[t,n]=e;return n.bricks.map(e=>({childBrickConf:e,mountPoint:t}))}).map((t,n)=>{var{childBrickConf:o,mountPoint:r}=t;return e({parentUid:i,mountPoint:r,nodeUid:L(),brickConf:o,sort:n})}):[]}}({parent:d,parentUid:i,mountPoint:s,nodeUid:E[t],brickConf:e,isPortalCanvas:c}))}))}else if(n===u.NODE_TO_MOVE){var{nodeUid:m,nodeId:C,nodeInstanceId:b}=o,N=l.findIndex(e=>e.$$uid===m);N>=0?r!==N&&r!==N+1&&t.nodeReorder(a()(a()({},Ne({draggingNodeUid:m,draggingNodeId:C,draggingIndex:N,droppingIndex:r,droppingMountPoint:s,droppingSiblingGroups:p})),{},{parentUid:i})):t.nodeMove(a()(a()({},Ne({draggingNodeUid:m,draggingNodeId:C,droppingIndex:r,droppingMountPoint:s,droppingSiblingGroups:p})),{},{nodeUid:m,parentUid:i,nodeInstanceId:b,nodeData:{parent:d,mountPoint:s}}))}}function $e(e){return Object(o.useMemo)(()=>{var t=[],n=[];for(var o of e)o.portal?n.push([o]):t.push(o);return[t,...n,[]]},[e])}var Ie={dropZone:"DropZone--dropZone--189f8p9",isSlot:"DropZone--isSlot--189f8p9",dropping:"DropZone--dropping--189f8p9",showOutlineIfEmpty:"DropZone--showOutlineIfEmpty--189f8p9",isRoot:"DropZone--isRoot--189f8p9",dropZoneBody:"DropZone--dropZoneBody--189f8p9",active:"DropZone--active--189f8p9",isPortalCanvas:"DropZone--isPortalCanvas--189f8p9",fullscreen:"DropZone--fullscreen--189f8p9",hasTabs:"DropZone--hasTabs--189f8p9",slotContentLayoutBlock:"DropZone--slotContentLayoutBlock--189f8p9",slotContentLayoutInline:"DropZone--slotContentLayoutInline--189f8p9",slotContentLayoutGrid:"DropZone--slotContentLayoutGrid--189f8p9","mode-dialog":"DropZone--mode-dialog--189f8p9","mode-large":"DropZone--mode-large--189f8p9","mode-small":"DropZone--mode-small--189f8p9","mode-drawer":"DropZone--mode-drawer--189f8p9",dropCursor:"DropZone--dropCursor--189f8p9",dropCursorHorizontal:"DropZone--dropCursorHorizontal--189f8p9",dropCursorVertical:"DropZone--dropCursorVertical--189f8p9"};ee('.DropZone--dropZone--189f8p9 {\n  position: relative;\n  min-height: calc(var(--editor-brick-base-height) + 2px);\n  border-radius: var(--editor-brick-border-radius);\n\n  --drop-zone-padding: 20px;\n}\n\n.DropZone--isSlot--189f8p9 {\n  border: 1px dashed transparent;\n}\n\n.DropZone--isSlot--189f8p9.DropZone--dropping--189f8p9 {\n  background: var(--editor-brick-slot-bg);\n  border-color: var(--editor-brick-slot-stroke-color);\n}\n\n.DropZone--showOutlineIfEmpty--189f8p9:not(.DropZone--dropping--189f8p9) {\n  background: var(--editor-brick-skeleton-bg-light);\n}\n\n.DropZone--isRoot--189f8p9 > .DropZone--dropZoneBody--189f8p9 {\n  padding: calc(var(--drop-zone-padding) + 7px) var(--drop-zone-padding)\n    var(--drop-zone-padding);\n}\n\n.DropZone--isRoot--189f8p9.DropZone--active--189f8p9,\n.DropZone--isRoot--189f8p9.DropZone--dropping--189f8p9 {\n  box-shadow: 0 0 0 1px var(--editor-brick-stroke-color-active);\n}\n\n.DropZone--isPortalCanvas--189f8p9,\n.DropZone--isRoot--189f8p9:not(.DropZone--isPortalCanvas--189f8p9) > .DropZone--dropZoneBody--189f8p9 {\n  height: calc(\n    100vh - 148px - var(--editor-brick-toolbar-height) - var(--page-card-gap)\n  );\n  overflow-y: auto;\n}\n\n.DropZone--fullscreen--189f8p9.DropZone--isPortalCanvas--189f8p9,\n.DropZone--fullscreen--189f8p9:not(.DropZone--isPortalCanvas--189f8p9) > .DropZone--dropZoneBody--189f8p9 {\n  height: calc(\n    100vh - var(--editor-brick-overlay-padding) * 2 - var(--page-card-gap) * 2 -\n      var(--editor-brick-toolbar-height)\n  );\n}\n\n.DropZone--hasTabs--189f8p9.DropZone--isPortalCanvas--189f8p9,\n.DropZone--hasTabs--189f8p9.DropZone--isRoot--189f8p9:not(.DropZone--isPortalCanvas--189f8p9) > .DropZone--dropZoneBody--189f8p9 {\n  height: calc(\n    100vh - 158px - var(--editor-brick-toolbar-height) - var(--page-card-gap)\n  );\n  overflow-y: auto;\n}\n\n.DropZone--hasTabs--189f8p9.DropZone--fullscreen--189f8p9.DropZone--isPortalCanvas--189f8p9,\n.DropZone--hasTabs--189f8p9.DropZone--fullscreen--189f8p9:not(.DropZone--isPortalCanvas--189f8p9) > .DropZone--dropZoneBody--189f8p9 {\n  height: calc(\n    100vh - var(--editor-brick-overlay-padding) * 2 - var(--page-card-gap) * 2 -\n      10px - var(--editor-brick-toolbar-height)\n  );\n}\n\n.DropZone--slotContentLayoutBlock--189f8p9 > .DropZone--dropZoneBody--189f8p9 {\n  display: grid;\n  grid-gap: var(--editor-brick-gap);\n  grid-template-columns: repeat(\n    auto-fill,\n    minmax(var(--editor-brick-inline-width), 1fr)\n  );\n}\n\n.DropZone--slotContentLayoutInline--189f8p9 > .DropZone--dropZoneBody--189f8p9 {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 calc(var(--editor-brick-gap-half) * -1);\n}\n\n.DropZone--slotContentLayoutGrid--189f8p9 > .DropZone--dropZoneBody--189f8p9 {\n  display: grid;\n  grid-gap: var(--editor-brick-gap);\n  grid-template-columns: repeat(\n    auto-fill,\n    minmax(var(--editor-brick-grid-width), 1fr)\n  );\n  height: 100%;\n}\n\n.DropZone--mode-dialog--189f8p9 > .DropZone--dropZoneBody--189f8p9 {\n  margin: 0 auto;\n  max-width: calc(600px + var(--drop-zone-padding) * 2);\n}\n\n.DropZone--mode-dialog--189f8p9.DropZone--mode-large--189f8p9 > .DropZone--dropZoneBody--189f8p9 {\n  max-width: calc(800px + var(--drop-zone-padding) * 2);\n}\n\n.DropZone--mode-dialog--189f8p9.DropZone--mode-small--189f8p9 > .DropZone--dropZoneBody--189f8p9 {\n  max-width: calc(400px + var(--drop-zone-padding) * 2);\n}\n\n.DropZone--mode-drawer--189f8p9 > .DropZone--dropZoneBody--189f8p9 {\n  margin: 0 auto;\n  max-width: calc(900px + var(--drop-zone-padding) * 2);\n}\n\n.DropZone--mode-drawer--189f8p9.DropZone--mode-large--189f8p9 > .DropZone--dropZoneBody--189f8p9 {\n  max-width: calc(1200px + var(--drop-zone-padding) * 2);\n}\n\n.DropZone--mode-drawer--189f8p9.DropZone--mode-small--189f8p9 > .DropZone--dropZoneBody--189f8p9 {\n  max-width: calc(600px + var(--drop-zone-padding) * 2);\n}\n\n.DropZone--dropCursor--189f8p9 {\n  position: absolute;\n  background: #bb79bb;\n  display: none;\n  pointer-events: none;\n}\n\n.DropZone--dropping--189f8p9 > .DropZone--dropCursor--189f8p9 {\n  display: block;\n}\n\n.DropZone--dropCursorHorizontal--189f8p9 {\n  height: 2px;\n  left: 10px;\n  right: 10px;\n  margin-top: -1px;\n}\n\n.DropZone--dropCursorVertical--189f8p9 {\n  width: 2px;\n  margin-left: -1px;\n}\n\n.DropZone--dropCursor--189f8p9::before,\n.DropZone--dropCursor--189f8p9::after {\n  position: absolute;\n  content: "";\n  background: #bb79bb;\n}\n\n.DropZone--dropCursorHorizontal--189f8p9::before,\n.DropZone--dropCursorHorizontal--189f8p9::after {\n  top: -4px;\n  height: 10px;\n  width: 2px;\n}\n\n.DropZone--dropCursorHorizontal--189f8p9::before {\n  left: 0;\n}\n\n.DropZone--dropCursorHorizontal--189f8p9::after {\n  right: 0;\n}\n\n.DropZone--dropCursorVertical--189f8p9::before,\n.DropZone--dropCursorVertical--189f8p9::after {\n  left: -4px;\n  width: 10px;\n  height: 2px;\n}\n\n.DropZone--dropCursorVertical--189f8p9::before {\n  top: 0;\n}\n\n.DropZone--dropCursorVertical--189f8p9::after {\n  bottom: 0;\n}\n');var Se=["type"];function ke(e){var{nodeUid:t,isRoot:n,separateCanvas:o,isPortalCanvas:i,independentPortalCanvas:d,canvasIndex:s,mountPoint:p,fullscreen:c,delegatedContext:v,dropZoneStyle:f,dropZoneBodyStyle:m,slotContentLayout:C,showOutlineIfEmpty:b,hiddenWrapper:N=!0,emptyClassName:D}=e,y=r.a.useRef(),[O,x]=r.a.useState(null),T=r.a.useRef(),$=F(),I=Y(),{nodes:k,edges:A,wrapperNode:P}=K(),L=N&&n&&!Object(l.isEmpty)(P),_=Q({nodeUid:t,isRoot:n,isWrapper:L}),w=he({nodeUid:t,isRoot:n,doNotExpandTemplates:L,isWrapper:L}),j=d?s>0:i,U=o||d,B=me(),Z=null!=C?C:g.BLOCK,M=r.a.useMemo(()=>{var e,t;return null!==(e=null===(t=w.find(e=>e.mountPoint===p))||void 0===t?void 0:t.childNodes)&&void 0!==e?e:[]},[w,p]),R=$e(M),H=r.a.useMemo(()=>o?M.filter(e=>Boolean(Number(Boolean(i))^Number(!e.portal))):d?R[Object(l.clamp)(null!=s?s:0,0,R.length-1)]:M,[s,d,i,M,R,o]),q=r.a.useMemo(()=>{var e;return null===(e=H[0])||void 0===e?void 0:e.$$parsedProperties._canvas_},[H]),G=r.a.useCallback(e=>{if(!U)return e;if(H.length>0){var t=H[0===e?0:e-1];return M.findIndex(e=>e===t)+(0===e?0:1)}return j?M.length:0},[U,H,j,M]),V=r.a.useCallback(()=>{if(v){var e,t,n=Ee({nodeUid:v.templateUid,nodes:k,edges:A,doNotExpandTemplates:!0});return{droppingParentUid:v.templateUid,droppingParentInstanceId:k.find(e=>e.$$uid===v.templateUid).instanceId,droppingMountPoint:v.templateMountPoint,droppingChildNodes:null!==(e=null===(t=n.find(e=>e.mountPoint===v.templateMountPoint))||void 0===t?void 0:t.childNodes)&&void 0!==e?e:[],droppingSiblingGroups:n}}return{droppingParentUid:_.$$uid,droppingParentInstanceId:L?P.instanceId:_.instanceId,droppingMountPoint:p,droppingChildNodes:M,droppingSiblingGroups:w}},[v,A,w,p,_,k,M,L,P]),[{isDraggingOverCurrent:W},X]=Object(E.useDrop)({accept:[u.NODE_TO_ADD,u.NODE_TO_MOVE,u.SNIPPET_TO_APPLY],canDrop:e=>d&&j?0===H.length:e.type===u.NODE_TO_ADD||e.type===u.SNIPPET_TO_APPLY||n||B(e.nodeUid,t),collect:e=>({isDraggingOverCurrent:e.isOver({shallow:!0})&&e.canDrop()}),hover:(e,t)=>{if(t.isOver({shallow:!0})&&t.canDrop()){var{x:n,y:o}=t.getClientOffset();T.current=Ce(n,o,y.current.parentElement,y.current),x(T.current)}},drop:(e,t)=>{if(!t.didDrop()){var{type:n}=e,o=h()(e,Se);Te(a()({type:n,data:o,droppingIndex:G(T.current.index),isPortalCanvas:j,manager:I},V()))}}});r.a.useEffect(()=>{I.updateDroppingStatus(v?v.templateUid:_.$$uid,v?v.templateMountPoint:p,W)},[W,p,I,v,_]);var z=!!v||L||!(_.$$isExpandableTemplate||_.$$isTemplateInternalNode),J=r.a.useRef(),ee=r.a.useCallback(e=>{J.current=e,z&&X(e)},[X,z]),te=r.a.useCallback(e=>{!j&&ne(e.target,J.current)&&(e.preventDefault(),I.contextMenuChange({active:!0,node:_,x:e.clientX,y:e.clientY}))},[j,I,_]);return r.a.createElement("div",{ref:ee,className:S(Ie.dropZone,n?S(Ie.isRoot,(null==q?void 0:q.mode)&&String(q.mode).split(/\s+/g).map(e=>Ie["mode-".concat(e)]),{[Ie.fullscreen]:c,[Ie.hasTabs]:U}):Ie.isSlot,{[Ie.isPortalCanvas]:j,[Ie.dropping]:W,[Ie.active]:n&&$.active&&$.node.$$uid===_.$$uid,[Ie.showOutlineIfEmpty]:!n&&b&&0===M.length,[Ie.slotContentLayoutBlock]:Z===g.BLOCK,[Ie.slotContentLayoutInline]:Z===g.INLINE,[Ie.slotContentLayoutGrid]:Z===g.GRID}),style:f,onContextMenu:n?te:null},r.a.createElement("div",{ref:y,className:S(Ie.dropZoneBody,0===H.length&&D),"data-slot-id":p,style:m},H.map(e=>r.a.createElement(fe,{key:e.$$uid,node:e,slotContentLayout:Z}))),r.a.createElement("div",{className:S(Ie.dropCursor,null!=O&&O.isVertical?Ie.dropCursorVertical:Ie.dropCursorHorizontal),style:{top:null==O?void 0:O.y,left:null==O?void 0:O.x,height:null==O?void 0:O.height}}))}var Ae="SlotContainer--slotContainer--ya4ml4",Pe="SlotContainer--slotName--ya4ml4",Le="SlotContainer--dropping--ya4ml4";function _e(e){var t,{nodeUid:n,slotName:i,slotContainerStyle:a,dropZoneStyle:d,dropZoneBodyStyle:s,slotContentLayout:l,showOutlineIfEmpty:p,emptyClassName:u}=e,c=Q({nodeUid:n}),v=ie(),g=Object(o.useMemo)(()=>{var e,t=null===(e=c.$$delegatedSlots)||void 0===e?void 0:e.get(i);return 1===(null==t?void 0:t.length)?t[0]:null},[c,i]);return r.a.createElement("div",{className:S(Ae,{[Le]:null===(t=v.get(g?g.templateUid:n))||void 0===t?void 0:t.get(g?g.templateMountPoint:i)}),style:a},r.a.createElement("div",{className:Pe},g?g.templateMountPoint:i),r.a.createElement(ke,{nodeUid:n,mountPoint:i,delegatedContext:g,dropZoneStyle:d,dropZoneBodyStyle:s,slotContentLayout:l,showOutlineIfEmpty:p,emptyClassName:u}))}ee(".SlotContainer--slotContainer--ya4ml4 {\n  position: relative;\n}\n\n.SlotContainer--slotName--ya4ml4 {\n  position: absolute;\n  top: -23px;\n  height: calc(23px + var(--editor-brick-border-radius));\n  line-height: 20px;\n  color: var(--text-color-secondary);\n  padding: 0 5px;\n  border-radius: 2px;\n  color: #737373;\n  white-space: nowrap;\n  visibility: hidden;\n  pointer-events: none;\n  border: 1px dashed var(--editor-brick-slot-stroke-color);\n  background: var(--editor-brick-slot-bg);\n}\n\n.SlotContainer--slotContainer--ya4ml4.SlotContainer--dropping--ya4ml4 > .SlotContainer--slotName--ya4ml4 {\n  visibility: visible;\n}\n");var we=r.a.memo(Ze),je=Symbol.for("__BRICK_NEXT_BUILDER_CONTEXT_INSTANCE__");function Ue(){var e=window;return e[je]||(e[je]={manager:new V}),e[je]}var Be=0;function Ze(e){var{children:t}=e,n=Ue();return r.a.useEffect(()=>(Be++,()=>{0===--Be&&(window[je]=null)}),[]),r.a.createElement(z.Provider,{value:n},t)}function Me(e,t){return O()(null,(function(n,o){return{F:class extends o{constructor(){super(...arguments),n(this)}},d:[{kind:"get",static:!0,key:"selfLayout",value:function(){return null==t?void 0:t.selfLayout}},{kind:"field",decorators:[Object(b.property)({type:Number})],key:"nodeUid",value:void 0},{kind:"field",decorators:[Object(b.property)({attribute:!1})],key:"editorProps",value:void 0},{kind:"method",key:"connectedCallback",value:function(){if(this.style.display||(this.style.display="block"),null!=t&&t.brickStyle)for(var[e,n]of Object.entries(t.brickStyle))this.style[e]=n;this._render()}},{kind:"method",key:"disconnectedCallback",value:function(){T.a.unmountComponentAtNode(this)}},{kind:"method",key:"_render",value:function(){this.isConnected&&this.nodeUid&&T.a.render(r.a.createElement(b.BrickWrapper,null,r.a.createElement(we,null,r.a.createElement(E.DndProvider,{backend:$.HTML5Backend},r.a.createElement(e,{nodeUid:this.nodeUid,editorProps:this.editorProps})))),this)}}]}}),b.UpdatingElement)}var Re=Object(o.createContext)({});function He(e){var{nodeUid:t,isRoot:n,doNotExpandTemplates:r}=e,{rootId:i,edges:a}=K(),d=n?i:t;return Object(o.useMemo)(()=>{var e=new Set,t=Object(l.sortBy)(a.filter(e=>e.parent===d&&(r?!e.$$isTemplateInternal:!e.$$isTemplateDelegated)),[e=>e.sort]);for(var n of t)e.add(n.mountPoint);return Array.from(e)},[d,a,r])}function qe(e){var{nodes:t,edges:n}=K();return Object(o.useMemo)(()=>{var o=n.find(t=>t.child===e&&!t.$$isTemplateExpanded).parent;return t.find(e=>e.$$uid===o)},[n,e,t])}function Ge(){var e=Y(),[t,n]=Object(o.useState)(e.getRouteList());return Object(o.useEffect)(()=>e.onRouteListChange(()=>{n(e.getRouteList())}),[e]),t}function Ve(){var e=Y(),[t,n]=Object(o.useState)(e.getActiveNodeUid());return Object(o.useEffect)(()=>e.onActiveNodeChange(()=>{n(e.getActiveNodeUid())}),[e]),t}function We(e,t){var n=Y(),[r,i]=Object(o.useState)(!t&&n.isOutlineEnabled(e));return Object(o.useEffect)(()=>{if(!t)return n.onOutlineEnabledNodesChange(()=>{i(n.isOutlineEnabled(e))})},[t,n,e]),r}},XuQu:function(e,t){e.exports=dll},ZR4k:function(e,t,n){e.exports=n("XuQu")("ZR4k")},i8i4:function(e,t,n){e.exports=n("XuQu")("i8i4")},lSNA:function(e,t,n){e.exports=n("XuQu")("lSNA")},q1tI:function(e,t,n){e.exports=n("/8r5")("q1tI")},qJlv:function(e,t,n){e.exports=n("/8r5")("qJlv")},tYg3:function(e,t,n){e.exports=n("XuQu")("tYg3")},yXPU:function(e,t,n){e.exports=n("XuQu")("yXPU")}});
+//# sourceMappingURL=dll-of-editor-bricks-helper.ec1ae0ca.js.map