|
1
|
|
-(()=>{"use strict";var e={194:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var a=n(7813);t.default=function(e){return"string"==typeof e?e:Object.entries(e).map((function(e){var t=e[0],n=e[1],i=a.default(t),s=n;return"boolean"==typeof s?s?i:"not "+i:("number"==typeof s&&/[height|width]$/.test(i)&&(s+="px"),"("+i+": "+s+")")})).join(" and ")}},1594:e=>{e.exports=React},1606:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.noop=t.queryObjectToString=t.camelToHyphen=void 0;var a=n(7813);Object.defineProperty(t,"camelToHyphen",{enumerable:!0,get:function(){return a.default}});var i=n(194);Object.defineProperty(t,"queryObjectToString",{enumerable:!0,get:function(){return i.default}});var s=n(1648);Object.defineProperty(t,"noop",{enumerable:!0,get:function(){return s.default}})},1648:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){}},5676:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMediaLayout=t.useMedia=t.mockMediaQueryList=void 0;var a=n(1594),i=n(1606);t.mockMediaQueryList={media:"",matches:!1,onchange:i.noop,addListener:i.noop,removeListener:i.noop,addEventListener:i.noop,removeEventListener:i.noop,dispatchEvent:function(e){return!0}};var s=function(e){return function(n,s){void 0===s&&(s=!1);var r=a.useState(s),o=r[0],l=r[1],d=i.queryObjectToString(n);return e((function(){var e=!0,n="undefined"==typeof window?t.mockMediaQueryList:window.matchMedia(d),a=function(){e&&l(Boolean(n.matches))};return n.addListener(a),l(n.matches),function(){e=!1,n.removeListener(a)}}),[d]),o}};t.useMedia=s(a.useEffect),t.useMediaLayout=s(a.useLayoutEffect),t.default=t.useMedia},7813:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e.replace(/[A-Z]/g,(function(e){return"-"+e.toLowerCase()})).toLowerCase()}},9781:(e,t,n)=>{t._j=t.Ay=void 0;var a=n(5676);Object.defineProperty(t,"Ay",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"_j",{enumerable:!0,get:function(){return a.useMediaLayout}})}},t={};function n(a){var i=t[a];if(void 0!==i)return i.exports;var s=t[a]={exports:{}};return e[a](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var a=n(1594),i=n.n(a);const s=ReactDOM,r=wp.i18n,o=FL.Assistant.ui,l=ReactRouterDOM,d=classnames;var c=n.n(d);const u=FL.vendors.BBFluid,m=FL.vendors.BBAppCore,p=FL.Assistant.data,f=({children:e})=>{const{history:t}=(0,p.useSystemState)(!1),n={initialIndex:t.index};return t.entries&&t.entries.length&&(n.initialEntries=t.entries),i().createElement(l.MemoryRouter,n,e)},g=wp.keycodes,h=FramerMotion;var b=n(9781);const y=(0,a.memo)((()=>{const{isAppHidden:e}=(0,p.useSystemState)(),{selectApp:t,selectHomeApp:n}=(0,p.getSystemSelectors)(),{isMobile:a,isCompactHeight:s,application:d}=o.Env.use(),{toggleIsShowingUI:u,setIsAppHidden:m}=(0,p.getSystemActions)(),{isBBExtension:f}=(0,p.getSystemConfig)(),y=(0,b.Ay)({maxHeight:400}),v=(0,l.useHistory)(),{pathname:w}=v.location,x="beaver-builder"===d,S=0===v.index,L=w.startsWith("/fl-manage"),M=()=>{v.go(-v.length),v.replace("/",{})},A=(t=!1,n=()=>{})=>{t?m(!e):(m(!1),n())},C=c()("fl-asst-sidebar","frame-drag-handle",{"fl-asst-sidebar-compact":s}),I=()=>{const t=n();return t?i().createElement(h.motion.li,{layout:!0,transition:{layoutX:{duration:0}}},i().createElement(o.Button,{appearance:S&&!e?"normal":"transparent",shape:"round",size:"lg",isSelected:S&&!e,onClick:()=>A(S,M),className:"disable-while-sorting",title:t.label},i().createElement(o.Icon.Safely,{icon:t.icon,isSelected:S&&!e}))):null},B=()=>{const n=t("fl-manage");return i().createElement(h.motion.li,{layout:!0,transition:{layoutX:{duration:0}}},i().createElement(o.Button,{appearance:L&&!e?"normal":"transparent",shape:"round",size:"lg",isSelected:L&&!e,onClick:()=>A(L,(()=>v.push({pathname:`/${n.handle}`,state:n}))),className:"disable-while-sorting",title:n.label},i().createElement(o.Icon.Safely,{icon:n.icon,isSelected:L&&!e})))},P=()=>{let e=()=>u(!1);if(x){if(void 0===FL.Builder||"function"!=typeof FL.Builder.togglePanel)return null;e=FL.Builder.togglePanel}return i().createElement(o.Button,{appearance:"transparent",onClick:e,className:"fl-asst-sidebar-close-button",title:(0,r.__)("Hide Panel"),shape:"round",size:"lg",style:{margin:"0 auto"}},i().createElement(o.Icon.Close,null))};return i().createElement("div",{className:C,style:{cursor:"move"}},i().createElement("div",{className:"fl-asst-sidebar-cell fl-asst-sidebar-cell-top"},i().createElement(P,null)),i().createElement("div",{className:"fl-asst-sidebar-cell fl-asst-sidebar-cell-middle"},i().createElement(o.App.List,{before:i().createElement(I,null),after:!f&&i().createElement(B,null),limit:y?3:s?4:a?3:5},(({label:t,handle:n,icon:a,moveDown:s,moveUp:r})=>{const l={pathname:`/${n}`},d=n===w.split("/")[1],c={icon:a,context:"sidebar",isSelected:d};return i().createElement(o.Button,{appearance:d&&!e?"normal":"transparent",shape:"round",size:"lg",isSelected:d&&!e,onClick:()=>{A(d,(()=>v.push(l)))},title:t,onKeyDown:e=>{e.keyCode===g.DOWN&&(s(),e.preventDefault()),e.keyCode===g.UP&&(r(),e.preventDefault())}},i().createElement(E,c))}))),!a&&i().createElement("div",{className:"fl-asst-sidebar-cell disable-while-sorting",style:{minHeight:60}}))})),E=(0,a.memo)((e=>i().createElement(o.Icon.Safely,e))),v=y,w=()=>{const{apps:e,window:t,isAppHidden:n,homeKey:a}=(0,p.useSystemState)(["apps","window","isAppHidden","homeKey"]),{origin:s}=t,r=s[0]?"right":"left",{isMobile:d,application:u}=o.Env.use(),f="right"===r?"row-reverse":"row",g="beaver-builder"===u,h=(0,l.useLocation)(),{isBBExtension:b}=(0,p.getSystemConfig)(),y=b?"bbapp":h.pathname.split("/")[1],E=c()({"fl-asst-main":!0,"fl-asst-main-sidebar-only":n,"fl-asst-is-mobile":d,[`fl-asst-app-${y}`]:y}),w=!n||g;return i().createElement("div",{className:E,style:{flexDirection:f}},!b&&i().createElement(v,null),w&&i().createElement("div",{className:"fl-asst-main-content"},i().createElement(m.App.Content,{apps:e,defaultApp:b?"bbapp":a,loading:o.Page.Loading})),i().createElement(o.Modal.Root,null))};function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},x.apply(null,arguments)}const S={top:0,left:0,bottom:0,right:0},L=(e=S)=>{const t=(()=>{const{isShowingAdminBar:e}=(0,p.getSystemConfig)(),t=(0,b._j)({maxWidth:782}),n=(0,b._j)({maxWidth:600}),{application:a}=o.Env.use();return"beaver-builder"===a?44:document.body.classList.contains("block-editor-page")?61:!e||n?0:t?46:32})();let n=e;return Number.isInteger(e)&&(n={top:e,right:e,bottom:e,left:e}),{...n,top:n.top+t}},M=(e=0,t,n)=>e?`calc( 100% - ${t+n.right}px )`:n.left,A=e=>e>=window.innerWidth/2,C=e=>e>=window.innerHeight/2,I=({x:e,y:t})=>[A(e)?1:0,C(t)?1:0],B=(e,t)=>typeof e!=typeof t||e[0]!==t[0]||e[1]!==t[1],P=({x:e,top:t,pinnedRight:n,maxWidth:s,minWidth:r,setWidth:o,size:l,getSizeName:d})=>{const c=(0,a.useRef)(e.get()),u=(0,a.useRef)(l);return i().createElement(h.motion.div,{className:"fl-asst-frame-resize-handle",drag:"x",dragMomentum:!1,onDrag:()=>{let t=parseInt(Math.abs(e.get()));if(t>c.current+10||t<c.current-10){const e=d(t);e!==u.current&&(o(t),u.current=e),c.current=t}},onDragEnd:()=>{let t=parseInt(Math.abs(e.get()));s<t?t=s:r>t&&(t=r),o(t)},dragElastic:0,dragConstraints:{left:n?-Math.abs(s):r,right:n?-Math.abs(r):s},style:{x:e,width:6,position:"fixed",top:t,bottom:0,left:n?"auto":0,right:n?0:"auto"}})},_=()=>i().createElement("div",{className:"frame-drag-handle",style:{display:"flex",justifyContent:"center",paddingTop:4,paddingBottom:10,position:"absolute",top:0,left:0,right:0,zIndex:5,cursor:"move",color:"var(--fluid-opaque-7)"}},i().createElement("svg",{width:"40",height:"4",viewBox:"0 0 40 4",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i().createElement("path",{d:"M2,2 L38,2",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round"}))),k=({left:e,...t})=>i().createElement("div",x({style:{position:"fixed",top:0,bottom:0,left:e,width:60,background:"var(--fluid-blue)",zIndex:9998}},t)),O=({children:e,isHidden:t=!1,className:n,...s})=>{const{window:r,isAppHidden:l}=(0,p.useSystemState)(["window","isAppHidden"]),{width:d=v,origin:m}=r,[f]=m,{setWindow:g}=(0,p.getSystemActions)(),{minWidth:y,maxWidth:E,defaultWidth:v,breakpoint:w}=(0,p.getSystemConfig)().frameDefaults,S="beaver-builder"===o.Env.use().application,C=(0,h.useAnimation)(),I=(0,h.useDragControls)(),[B,O]=(0,a.useState)(!1),j=L(),H=JSON.stringify(j),{top:F,left:N,width:D,height:W}=((e,t,n=!1,a=420)=>{const i=n?60:a;return{top:t.top,left:M(e,i,t),width:i,height:`calc( 100vh - ${t.top+t.bottom}px )`}})(f,j,l,d),z=((e,t)=>e||t?"0 0 0px hsla( 210, 0%, 0%, 0 )":"0 0 20px hsla( 210, 20%, 30%, .15 )")(t,l),R=y,T=E>window.innerWidth?window.innerWidth:E,$=(0,h.useMotionValue)(f?-Math.abs(d):d),q=(0,h.useTransform)($,(e=>l?60:Math.abs(e))),U=(0,h.useTransform)(q,(e=>f?`calc( 100% - ${e+j.right}px )`:0)),K=f?D:-Math.abs(D),Q=(0,b.Ay)({maxWidth:600});(0,a.useEffect)((()=>{const e=document.documentElement;return e.classList.add(f?"fl-asst-pinned-right":"fl-asst-pinned-left"),()=>{e.classList.remove("fl-asst-pinned-right","fl-asst-pinned-left")}}),[]),(0,a.useEffect)((()=>{const e=document.documentElement;t?C.set({x:K,left:N}):(C.start({x:0,y:0,left:N}),f?($.set(-Math.abs(d)),e.classList.replace("fl-asst-pinned-left","fl-asst-pinned-right")):($.set(d),e.classList.replace("fl-asst-pinned-right","fl-asst-pinned-left")))}),[f]),(0,a.useEffect)((()=>{C.set({top:F,height:W})}),[H]),(0,a.useEffect)((()=>{C.start({width:D,left:N,boxShadow:z})}),[l]),(0,a.useEffect)((()=>{const e=f?D:-Math.abs(D);C.start({x:t?e:0,boxShadow:z}).then((()=>{C.set({pointerEvents:t?"none":"auto"})}));const n=document.documentElement;t?n.classList.remove("fl-asst-pinned-right","fl-asst-pinned-left"):n.classList.add(f?"fl-asst-pinned-right":"fl-asst-pinned-left")}),[t]),(0,a.useEffect)((()=>{const e=Math.floor(q.get());d!==e&&$.set(f?-Math.abs(d):d)}),[d]);const X=e=>e>=w?"medium":"compact",G=X(d),J={size:G,isMedium:"medium"===G,isCompact:"compact"===G,isDragging:!1===B},V=c()("fl-asst-frame",{[`fluid-frame-size-${G}`]:G},n),Z=!1===B&&!t&&!l;return i().createElement(u.Frame.Context.Provider,{value:J},!1!==B&&i().createElement(k,{left:M(B,60,j)}),i().createElement(h.motion.div,x({className:V,animate:C,transition:{duration:.2},initial:{x:t?K:0,top:F,left:N,width:D,height:W,boxShadow:z},style:{width:q,left:U,position:"fixed",overflow:"auto",boxSizing:"border-box",background:"var(--fluid-background)",zIndex:Q||S?999999:9999,display:"flex",flexDirection:"column",pointerEvents:t?"none":null,contain:"strict",willChange:"transform"},drag:!0,dragControls:I,onDragStart:(e,t)=>{e.target.classList.contains("frame-drag-handle")||I.componentControls.forEach((n=>n.stop(e,t)))},onDrag:(e,t)=>{A(t.point.x)?1!==B&&O(1):0!==B&&O(0)},onDragEnd:(e,t)=>{if(O(!1),!e.target.classList.contains("frame-drag-handle"))return;const n=A(t.point.x)?1:0;f!==n?((e="left")=>{let t=[...r.origin];t[0]="right"===e?1:0,g({...r,origin:t})})(n?"right":"left"):C.start({x:0,y:0})}},s),i().createElement(_,null),e),Z&&i().createElement(P,{x:$,top:F,pinnedRight:f,maxWidth:T,minWidth:R,setWidth:e=>g({...r,width:e}),size:G,getSizeName:X}))},j=({...e})=>{const t=(0,h.useAnimation)(),{window:n}=(0,p.useSystemState)(["window"]),{origin:s}=n,{toggleIsShowingUI:r,setWindow:l}=(0,p.getSystemActions)(),[d,c]=(0,a.useState)(!1),u=50,m=L(15),f=(e,t,n)=>e?`calc( 100vh - ${t+n.bottom}px )`:n.top;return(0,a.useEffect)((()=>{t.start({x:0,y:0,top:f(s[1],u,m),left:M(s[0],u,m)})}),[s]),i().createElement(i().Fragment,null,i().createElement(h.motion.button,x({onClick:()=>{d||r(),c(!1)},initial:{position:"fixed",top:f(s[1],u,m),left:M(s[0],u,m),display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fluid-opaque-13)",width:u,height:u,borderRadius:25,scale:1,zIndex:99999},animate:t,transition:{type:"tween"},drag:!0,whileDrag:{scale:1.1},onDrag:(e,t)=>{const n=I(t.point);B(d,n)&&c(s)},onDragEnd:(e,a)=>{const i=I(a.point);B(s,i)?l({...n,origin:i}):t.start({x:0,y:0})},"aria-label":"Assistant","aria-expanded":!1,"aria-disabled":!1},e),i().createElement(o.Icon.Pencil,{size:36})))},H=()=>{const e=(0,l.useLocation)(),t=(0,l.useHistory)(),{setHistory:n}=(0,p.getSystemActions)();return(0,a.useEffect)((()=>{n(t.index,t.entries)}),[e]),null},F=({displayingIn:e,children:t})=>i().createElement(m.Root,{router:f},i().createElement(H,null),i().createElement(o.Env.Provider,{application:e},t)),N=()=>{const{isShowingAdminBar:e,isAdmin:t}=(0,p.getSystemConfig)(),{appearance:n,window:a}=(0,p.useSystemState)(["window","appearance"]),{isHidden:s,hiddenAppearance:r}=a,o=!t&&s&&("admin_bar"!==r||!e);return i().createElement(F,null,i().createElement(u.Color.SchemeProvider,{value:n.brightness},i().createElement(O,{isHidden:s},i().createElement(w,null)),o&&i().createElement(j,null)))},D=()=>i().createElement("div",{id:"fl-asst-mount"}),W=()=>i().createElement(F,{displayingIn:"beaver-builder"},i().createElement(O,null,i().createElement(w,null))),z=()=>{const{setWindow:e}=(0,p.getSystemActions)(),t=document.createElement("button");t.classList.add("skip-link","fl-asst-screen-reader-text"),t.innerText=(0,r.__)("Skip to Assistant"),t.tabIndex=1,t.addEventListener("click",(()=>{e({isHidden:!1});const t=document.getElementById("fl-asst-close-panel");t&&t.focus()})),document.body.prepend(t)},R=FL.Assistant;document.addEventListener("DOMContentLoaded",(()=>{const e=document.querySelector("#wp-admin-bar-fl_assistant_toggle_ui");e&&e.addEventListener("click",R.toggleUI)}));const T=parseInt(i().version.split(".")[0])>=18;let $,q;const U=()=>{void 0!==q&&T?q.unmount():(0,s.unmountComponentAtNode)($)},K=()=>{$=document.getElementById("fl-asst-mount"),$?U():($=document.createElement("div"),$.classList.add("fl-asst-mount","fl-asst","fl-asst-plugin","fluid","fl","uid"),$.id="fl-asst-mount",document.body.appendChild($)),T?(q=(0,s.createRoot)($),q.render(i().createElement(N,null))):(0,s.render)(i().createElement(N,null),$)},Q=()=>{const{registerPanel:e,togglePanel:t}=FL.Builder;e("assistant",{wrapClassName:"fl-asst",label:(0,r.__)("Assistant"),root:D,frame:!1,onMount:()=>{$=document.getElementById("fl-asst-mount"),T?(q=(0,s.createRoot)($),q.render(i().createElement(W,null))):(0,s.render)(i().createElement(W,null),$)},onUnMount:U});const n=document.querySelector(".fl-builder-fl-assistant-button");n&&n.addEventListener("click",(()=>t("assistant")))},X=()=>{if(FL_ASSISTANT_CONFIG.isBBExtension||(FLBuilder.addHook("endEditingSession",K),FLBuilder.addHook("restartEditingSession",U)),"Builder"in FL&&"registerPanel"in FL.Builder){const{registerPanel:e,togglePanel:t}=FL.Builder;e("assistant",{wrapClassName:"fl-asst",label:(0,r.__)("Assistant"),root:W,render:W,frame:!1});const n=document.querySelector(".fl-builder-fl-assistant-button");n&&n.addEventListener("click",(()=>t("assistant")))}},G=document.getElementById("fl-builder-ui-iframe");G?G.addEventListener("load",Q):"FLBuilder"in window?FLBuilder.addHook("didInitUI",X):K(),wp&&"plugins"in wp&&"editPost"in wp&&wp.plugins.registerPlugin("fl-asst-more-menu-item",{render:()=>{const{PluginMoreMenuItem:e}=wp.editPost;return i().createElement(e,{icon:i().createElement(o.Icon.Pencil,null),onClick:FL.Assistant.toggleUI},(0,r.__)("Assistant"))}}),z()})(); |
|
1
|
+(()=>{"use strict";var e={587:(e,t,n)=>{var a=n(8038);t.ZP=a.default,a.useMedia,t.EB=a.useMediaLayout},8038:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var a=n(7363),i=n(1654);t.mockMediaQueryList={media:"",matches:!1,onchange:i.noop,addListener:i.noop,removeListener:i.noop,addEventListener:i.noop,removeEventListener:i.noop,dispatchEvent:function(e){return!0}};var s=function(e){return function(n,s){void 0===s&&(s=!1);var o=a.useState(s),r=o[0],l=o[1],d=i.queryObjectToString(n);return e((function(){var e=!0,n="undefined"==typeof window?t.mockMediaQueryList:window.matchMedia(d),a=function(){e&&l(Boolean(n.matches))};return n.addListener(a),l(n.matches),function(){e=!1,n.removeListener(a)}}),[d]),r}};t.useMedia=s(a.useEffect),t.useMediaLayout=s(a.useLayoutEffect),t.default=t.useMedia},6426:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e.replace(/[A-Z]/g,(function(e){return"-"+e.toLowerCase()})).toLowerCase()}},1654:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var a=n(6426);t.camelToHyphen=a.default;var i=n(1168);t.queryObjectToString=i.default;var s=n(8419);t.noop=s.default},8419:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){}},1168:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var a=n(6426);t.default=function(e){return"string"==typeof e?e:Object.entries(e).map((function(e){var t=e[0],n=e[1],i=a.default(t),s=n;return"boolean"==typeof s?s?i:"not "+i:("number"==typeof s&&/[height|width]$/.test(i)&&(s+="px"),"("+i+": "+s+")")})).join(" and ")}},7363:e=>{e.exports=React}},t={};function n(a){var i=t[a];if(void 0!==i)return i.exports;var s=t[a]={exports:{}};return e[a](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e=n(7363),t=n.n(e);const a=ReactDOM,i=wp.i18n,s=FL.Assistant.ui;function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},o.apply(this,arguments)}const r=ReactRouterDOM,l=classnames;var d=n.n(l);const c=FL.vendors.BBAppCore,u=FL.Assistant.data,m=({children:e})=>{const{history:n}=(0,u.useSystemState)(!1),a={initialIndex:n.index};return n.entries&&n.entries.length&&(a.initialEntries=n.entries),t().createElement(r.MemoryRouter,a,e)},p=wp.keycodes,f=FramerMotion;var g=n(587);const h=(0,e.memo)((()=>{const{isAppHidden:e}=(0,u.useSystemState)(),{selectApp:n,selectHomeApp:a}=(0,u.getSystemSelectors)(),{isMobile:o,isCompactHeight:l,application:c}=s.Env.use(),{toggleIsShowingUI:m,setIsAppHidden:h}=(0,u.getSystemActions)(),b=(0,g.ZP)({maxHeight:400}),v=(0,r.useHistory)(),{pathname:y}=v.location,w="beaver-builder"===c,x=0===v.index,S=y.startsWith("/fl-manage"),L=()=>{v.go(-v.length),v.replace("/",{})},M=(t=!1,n=(()=>{}))=>{t?h(!e):(h(!1),n())},A=d()("fl-asst-sidebar","frame-drag-handle",{"fl-asst-sidebar-compact":l}),C=()=>{const n=a();return n?t().createElement(f.motion.li,{layout:!0,transition:{layoutX:{duration:0}}},t().createElement(s.Button,{appearance:x&&!e?"normal":"transparent",shape:"round",size:"lg",isSelected:x&&!e,onClick:()=>M(x,L),className:"disable-while-sorting",title:n.label},t().createElement(s.Icon.Safely,{icon:n.icon,isSelected:x&&!e}))):null},k=()=>{const a=n("fl-manage");return t().createElement(f.motion.li,{layout:!0,transition:{layoutX:{duration:0}}},t().createElement(s.Button,{appearance:S&&!e?"normal":"transparent",shape:"round",size:"lg",isSelected:S&&!e,onClick:()=>M(S,(()=>v.push({pathname:`/${a.handle}`,state:a}))),className:"disable-while-sorting",title:a.label},t().createElement(s.Icon.Safely,{icon:a.icon,isSelected:S&&!e})))},I=()=>{let e=()=>m(!1);if(w){if(void 0===FL.Builder||"function"!=typeof FL.Builder.togglePanel)return null;e=FL.Builder.togglePanel}return t().createElement(s.Button,{appearance:"transparent",onClick:e,className:"fl-asst-sidebar-close-button",title:(0,i.__)("Hide Panel"),shape:"round",size:"lg",style:{margin:"0 auto"}},t().createElement(s.Icon.Close,null))};return t().createElement("div",{className:A,style:{cursor:"move"}},t().createElement("div",{className:"fl-asst-sidebar-cell fl-asst-sidebar-cell-top"},t().createElement(I,null)),t().createElement("div",{className:"fl-asst-sidebar-cell fl-asst-sidebar-cell-middle"},t().createElement(s.App.List,{before:t().createElement(C,null),after:t().createElement(k,null),limit:b?3:l?4:o?3:5},(({label:n,handle:a,icon:i,moveDown:o,moveUp:r})=>{const l={pathname:`/${a}`},d=a===y.split("/")[1],c={icon:i,context:"sidebar",isSelected:d};return t().createElement(s.Button,{appearance:d&&!e?"normal":"transparent",shape:"round",size:"lg",isSelected:d&&!e,onClick:()=>{M(d,(()=>v.push(l)))},title:n,onKeyDown:e=>{e.keyCode===p.DOWN&&(o(),e.preventDefault()),e.keyCode===p.UP&&(r(),e.preventDefault())}},t().createElement(E,c))}))),!o&&t().createElement("div",{className:"fl-asst-sidebar-cell disable-while-sorting",style:{minHeight:60}}))})),E=(0,e.memo)((e=>t().createElement(s.Icon.Safely,e))),b=h,v=()=>{const{apps:e,window:n,isAppHidden:a,homeKey:i}=(0,u.useSystemState)(["apps","window","isAppHidden","homeKey"]),{origin:o}=n,l=o[0]?"right":"left",{isMobile:m,application:p}=s.Env.use(),f="right"===l?"row-reverse":"row",g="beaver-builder"===p,h=(0,r.useLocation)().pathname.split("/")[1],E=d()({"fl-asst-main":!0,"fl-asst-main-sidebar-only":a,"fl-asst-is-mobile":m,[`fl-asst-app-${h}`]:h}),v=!a||g;return t().createElement("div",{className:E,style:{flexDirection:f}},t().createElement(b,null),v&&t().createElement("div",{className:"fl-asst-main-content"},t().createElement(c.App.Content,{apps:e,defaultApp:i,loading:s.Page.Loading})),t().createElement(s.Modal.Root,null))},y={top:0,left:0,bottom:0,right:0},w=(e=y)=>{const t=(()=>{const{isShowingAdminBar:e}=(0,u.getSystemConfig)(),t=(0,g.EB)({maxWidth:782}),n=(0,g.EB)({maxWidth:600}),{application:a}=s.Env.use();return"beaver-builder"===a?45:document.body.classList.contains("block-editor-page")?61:!e||n?0:t?46:32})();let n=e;return Number.isInteger(e)&&(n={top:e,right:e,bottom:e,left:e}),{...n,top:n.top+t}},x=(e=0,t,n)=>e?`calc( 100% - ${t+n.right}px )`:n.left,S=e=>e>=window.innerWidth/2,L=e=>e>=window.innerHeight/2,M=({x:e,y:t})=>[S(e)?1:0,L(t)?1:0],A=(e,t)=>typeof e!=typeof t||e[0]!==t[0]||e[1]!==t[1],C=({x:n,top:a,pinnedRight:i,maxWidth:s,minWidth:o,setWidth:r,size:l,getSizeName:d})=>{const c=(0,e.useRef)(n.get()),u=(0,e.useRef)(l);return t().createElement(f.motion.div,{className:"fl-asst-frame-resize-handle",drag:"x",dragMomentum:!1,onDrag:()=>{let e=parseInt(Math.abs(n.get()));if(e>c.current+10||e<c.current-10){const t=d(e);t!==u.current&&(r(e),u.current=t),c.current=e}},onDragEnd:()=>{let e=parseInt(Math.abs(n.get()));s<e?e=s:o>e&&(e=o),r(e)},dragElastic:0,dragConstraints:{left:i?-Math.abs(s):o,right:i?-Math.abs(o):s},style:{x:n,width:6,position:"fixed",top:a,bottom:0,left:i?"auto":0,right:i?0:"auto"}})},k=()=>t().createElement("div",{className:"frame-drag-handle",style:{display:"flex",justifyContent:"center",paddingTop:4,paddingBottom:10,position:"absolute",top:0,left:0,right:0,zIndex:5,cursor:"move",color:"var(--fluid-opaque-7)"}},t().createElement("svg",{width:"40",height:"4",viewBox:"0 0 40 4",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},t().createElement("path",{d:"M2,2 L38,2",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round"}))),I=({left:e,...n})=>t().createElement("div",o({style:{position:"fixed",top:0,bottom:0,left:e,width:60,background:"var(--fluid-blue)",zIndex:9998}},n)),P=({children:n,isHidden:a=!1,className:i,...r})=>{const{window:l,isAppHidden:c}=(0,u.useSystemState)(["window","isAppHidden"]),{width:m=y,origin:p}=l,[h]=p,{setWindow:E}=(0,u.getSystemActions)(),{minWidth:b,maxWidth:v,defaultWidth:y,breakpoint:L}=(0,u.getSystemConfig)().frameDefaults,M="beaver-builder"===s.Env.use().application,A=(0,f.useAnimation)(),P=(0,f.useDragControls)(),[B,_]=(0,e.useState)(!1),H=w(),N=JSON.stringify(H),{top:D,left:W,width:O,height:F}=((e,t,n=!1,a=420)=>{const i=n?60:a;return{top:t.top,left:x(e,i,t),width:i,height:`calc( 100vh - ${t.top+t.bottom}px )`}})(h,H,c,m),z=((e,t)=>e||t?"0 0 0px hsla( 210, 0%, 0%, 0 )":"0 0 20px hsla( 210, 20%, 30%, .15 )")(a,c),j=b,R=v>window.innerWidth?window.innerWidth:v,$=(0,f.useMotionValue)(h?-Math.abs(m):m),T=(0,f.useTransform)($,(e=>c?60:Math.abs(e))),U=(0,f.useTransform)(T,(e=>h?`calc( 100% - ${e+H.right}px )`:0)),q=h?O:-Math.abs(O),Z=(0,g.ZP)({maxWidth:600});(0,e.useEffect)((()=>{const e=document.documentElement;return e.classList.add(h?"fl-asst-pinned-right":"fl-asst-pinned-left"),()=>{e.classList.remove("fl-asst-pinned-right","fl-asst-pinned-left")}}),[]),(0,e.useEffect)((()=>{const e=document.documentElement;a?A.set({x:q,left:W}):(A.start({x:0,y:0,left:W}),h?($.set(-Math.abs(m)),e.classList.replace("fl-asst-pinned-left","fl-asst-pinned-right")):($.set(m),e.classList.replace("fl-asst-pinned-right","fl-asst-pinned-left")))}),[h]),(0,e.useEffect)((()=>{A.set({top:D,height:F})}),[N]),(0,e.useEffect)((()=>{A.start({width:O,left:W,boxShadow:z})}),[c]),(0,e.useEffect)((()=>{const e=h?O:-Math.abs(O);A.start({x:a?e:0,boxShadow:z}).then((()=>{A.set({pointerEvents:a?"none":"auto"})}));const t=document.documentElement;a?t.classList.remove("fl-asst-pinned-right","fl-asst-pinned-left"):t.classList.add(h?"fl-asst-pinned-right":"fl-asst-pinned-left")}),[a]),(0,e.useEffect)((()=>{const e=Math.floor(T.get());m!==e&&$.set(h?-Math.abs(m):m)}),[m]);const K=e=>e>=L?"medium":"compact",Q=K(m),X={size:Q,isMedium:"medium"===Q,isCompact:"compact"===Q,isDragging:!1===B},J=d()("fl-asst-frame",{[`fluid-frame-size-${Q}`]:Q},i),V=!1===B&&!a&&!c;return t().createElement(s.Frame.Context.Provider,{value:X},!1!==B&&t().createElement(I,{left:x(B,60,H)}),t().createElement(f.motion.div,o({className:J,animate:A,transition:{duration:.2},initial:{x:a?q:0,top:D,left:W,width:O,height:F,boxShadow:z},style:{width:T,left:U,position:"fixed",overflow:"hidden",boxSizing:"border-box",background:"var(--fluid-background)",zIndex:Z||M?999999:9999,display:"flex",flexDirection:"column",pointerEvents:a?"none":null,contain:"strict",willChange:"transform"},drag:!0,dragControls:P,onDragStart:(e,t)=>{e.target.classList.contains("frame-drag-handle")||P.componentControls.forEach((n=>n.stop(e,t)))},onDrag:(e,t)=>{S(t.point.x)?1!==B&&_(1):0!==B&&_(0)},onDragEnd:(e,t)=>{if(_(!1),!e.target.classList.contains("frame-drag-handle"))return;const n=S(t.point.x)?1:0;h!==n?((e="left")=>{let t=[...l.origin];t[0]="right"===e?1:0,E({...l,origin:t})})(n?"right":"left"):A.start({x:0,y:0})}},r),t().createElement(k,null),n),V&&t().createElement(C,{x:$,top:D,pinnedRight:h,maxWidth:R,minWidth:j,setWidth:e=>E({...l,width:e}),size:Q,getSizeName:K}))},B=({...n})=>{const a=(0,f.useAnimation)(),{window:i}=(0,u.useSystemState)(["window"]),{origin:r}=i,{toggleIsShowingUI:l,setWindow:d}=(0,u.getSystemActions)(),[c,m]=(0,e.useState)(!1),p=50,g=w(15),h=(e,t,n)=>e?`calc( 100vh - ${t+n.bottom}px )`:n.top;return(0,e.useEffect)((()=>{a.start({x:0,y:0,top:h(r[1],p,g),left:x(r[0],p,g)})}),[r]),t().createElement(t().Fragment,null,t().createElement(f.motion.button,o({onClick:()=>{c||l(),m(!1)},initial:{position:"fixed",top:h(r[1],p,g),left:x(r[0],p,g),display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fluid-opaque-13)",width:p,height:p,borderRadius:25,scale:1,zIndex:99999},animate:a,transition:{type:"tween"},drag:!0,whileDrag:{scale:1.1},onDrag:(e,t)=>{const n=M(t.point);A(c,n)&&m(r)},onDragEnd:(e,t)=>{const n=M(t.point);A(r,n)?d({...i,origin:n}):a.start({x:0,y:0})},"aria-label":"Assistant","aria-expanded":!1,"aria-disabled":!1},n),t().createElement(s.Icon.Pencil,{size:36})))},_=()=>{const t=(0,r.useLocation)(),n=(0,r.useHistory)(),{setHistory:a}=(0,u.getSystemActions)();return(0,e.useEffect)((()=>{a(n.index,n.entries)}),[t]),null},H=({colorScheme:e="light",className:n,...a})=>{const i=d()({[`fluid-color-scheme-${e}`]:e},n);return t().createElement("div",o({className:i},a))},N=({displayingIn:e,children:n})=>t().createElement(c.Root,{router:m},t().createElement(_,null),t().createElement(s.Env.Provider,{application:e},n)),D=()=>{const{isShowingAdminBar:e}=(0,u.getSystemConfig)(),{appearance:n,window:a}=(0,u.useSystemState)(["window","appearance"]),{isHidden:i,hiddenAppearance:s}=a,o=i&&("admin_bar"!==s||!e);return t().createElement(N,null,t().createElement(H,{colorScheme:n.brightness},t().createElement(P,{isHidden:i},t().createElement(v,null)),o&&t().createElement(B,null)))},W=()=>t().createElement(N,{displayingIn:"beaver-builder"},t().createElement(P,null,t().createElement(v,null))),O=()=>{const{setWindow:e}=(0,u.getSystemActions)(),t=document.createElement("button");t.classList.add("skip-link","fl-asst-screen-reader-text"),t.innerText=(0,i.__)("Skip to Assistant"),t.tabIndex=1,t.addEventListener("click",(()=>{e({isHidden:!1});const t=document.getElementById("fl-asst-close-panel");t&&t.focus()})),document.body.prepend(t)},F=FL.Assistant;let z;document.addEventListener("DOMContentLoaded",(()=>{const e=document.querySelector("#wp-admin-bar-fl_assistant_toggle_ui");e&&e.addEventListener("click",F.toggleUI)}));const j=()=>void 0!==z&&(0,a.unmountComponentAtNode)(z),R=()=>{void 0===z&&(z=document.createElement("div"),z.classList.add("fl-asst-mount","fl-asst","fluid","fl","uid"),document.body.appendChild(z)),(0,a.render)(t().createElement(D,null),z)};"FLBuilder"in window?FLBuilder.addHook("didInitUI",(()=>{if(FLBuilder.addHook("endEditingSession",R),FLBuilder.addHook("restartEditingSession",j),"Builder"in FL&&"registerPanel"in FL.Builder){const{registerPanel:e,togglePanel:t}=FL.Builder;e("assistant",{wrapClassName:"fl-asst",label:(0,i.__)("Assistant"),root:W,render:W,frame:!1});const n=document.querySelector(".fl-builder-fl-assistant-button");n&&n.addEventListener("click",(()=>t("assistant")))}})):R(),wp&&"plugins"in wp&&"editPost"in wp&&wp.plugins.registerPlugin("fl-asst-more-menu-item",{render:()=>{const{PluginMoreMenuItem:e}=wp.editPost;return t().createElement(e,{icon:t().createElement(s.Icon.Pencil,null),onClick:FL.Assistant.toggleUI},(0,i.__)("Assistant"))}}),O()})()})(); |