@gem-sdk/pages 23.0.0-staging.9 → 23.1.0

package/dist/cjs/components/builder/Toolbar.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("./toolbar/utils/syncOverlayRect.js"),r=require("./toolbar/utils/getChildrenByAttrSelector.js"),o=require("./toolbar/utils/waitForElementToExist.js"),a=require("./toolbar/const.js"),i=require("./toolbar/utils/getDOMElementParents.js"),n=require("./toolbar/utils/findOverflowParent.js"),l=require("./toolbar/utils/findDOMClosest.js"),u=require("react"),d=require("./toolbar/utils/isOverParent.js"),c=u.memo(()=>{let c=u.useRef(null),s=u.useRef(!1),b=u.useRef(),v=u.useRef(!1),m=u.useRef([]),f=u.useRef([]),h=u.useRef([]),g=u.useRef(),p=u.useRef(),y=u.useRef(),A=u.useCallback(()=>{h.current.forEach(t=>e.syncOverlayRect({$component:t})),p.current?.takeRecords()},[]),w=u.useCallback(()=>{y.current||(y.current=requestAnimationFrame(()=>{y.current=void 0,A()}))},[A]),E=u.useCallback(t=>{g.current||(g.current=new ResizeObserver(()=>A())),p.current||(p.current=new MutationObserver(()=>A())),g.current.observe(t),p.current.observe(t,{attributes:!0,attributeFilter:["style","class"]}),document.addEventListener("scroll",w,!0);let r=e.getOverlayContainingBlock(t);r&&(g.current.observe(r),p.current.observe(r,{attributes:!0,attributeFilter:["style","class"]}))},[w,A]),C=u.useCallback(()=>{g.current?.disconnect(),p.current?.disconnect(),document.removeEventListener("scroll",w,!0),y.current&&(cancelAnimationFrame(y.current),y.current=void 0)},[w]),S=({state:t,$toolbar:e,$component:r})=>{let o=n.findOverflowParent(r,e),i=e.getBoundingClientRect(),l=r.getBoundingClientRect(),u=window.innerWidth;o?l?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):i.top<a.TOOLBAR_ACTIVE_HEIGHT+1&&(l?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),l.left+i.width>u&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let d=r?.closest('[aria-label="Dialog body"]');if(d){let r=d.getBoundingClientRect(),o=r.left+r.width-20;l.left+i.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},$=u.useCallback(({$component:t,componentUid:o,focus:a,isPreventSection:i,isParent:n})=>{if(!t&&!o)return;if(!t){let e=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${o}"]`);if(!e)return;t=e}if(!o){let e=t.getAttribute("data-uid");if(!e)return;o=e}m.current.push(t),e.syncOverlayRect({$component:t});let l=r.getChildrenByAttrSelector(t,"data-toolbar"),u=r.getChildrenByAttrSelector(t,"data-outline"),d=r.getChildrenByAttrSelector(t,"data-toolbar-add-top"),c=r.getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),s=r.getChildrenByAttrSelector(t,"data-theme-section-status");i&&s&&s.setAttribute("data-theme-section-status-active","true"),l&&(l.removeAttribute("style"),n||l.setAttribute("data-toolbar-hover","true"),a&&l.setAttribute("data-toolbar-hover-focus","true"),S({$toolbar:l,$component:t,state:"hover"})),u&&(u.setAttribute("data-outline-hover","true"),n&&u.setAttribute("data-outline-parent-hover","true"),i&&(f.current.push(t),u.setAttribute("data-outline-overlay-theme-section","true")),a&&u.setAttribute("data-outline-hover-focus","true")),d&&!n&&d.setAttribute("data-toolbar-add-hover","true"),c&&!n&&c.setAttribute("data-toolbar-add-hover","true")},[]),q=u.useCallback(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=i.getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(r.length){for(let t of r)t&&$({$component:t,isParent:!0});O({$component:t,$parents:r})}},[$]),O=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let o=r.getChildrenByAttrSelector(t,"data-toolbar-hover-focus");if(o){let t=o.getBoundingClientRect(),i=!!o.getAttribute("data-toolbar-hover-revert"),n=!!o.getAttribute("data-toolbar-hover-inside"),l=1;for(let o of e)if(o){let e=o.getAttribute("data-component-tag");if("Section"===e)continue;let u=r.getChildrenByAttrSelector(o,"data-toolbar-hover");if(u){let e=u.getAttribute("data-toolbar-active");if(e)continue;let r=u.getBoundingClientRect(),o=i||n;if(d.isOverParent({current:t,parent:r,index:l,revert:o})){let e=getComputedStyle(u),i=t.top-r.top,n=t.left-r.left,d=parseFloat(e.top)+i-(a.TOOLBAR_HOVER_HEIGHT-1)*l;o&&(d=parseFloat(e.top)-i+(a.TOOLBAR_HOVER_HEIGHT-1)*l);let c=parseFloat(e.left)+n;u.setAttribute("style",`top: ${d}px;left: ${c}px;`),l++}}}}},B=u.useCallback(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=f.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}f.current=[]},[]),R=u.useCallback(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],r=m.current;if(r.length)for(let o of r){h.current.includes(o)||e.clearOverlayRect({$component:o});let r=o.querySelectorAll(t.map(t=>`[${t}]`).join(","));r&&t.forEach(t=>{r.forEach(e=>e.removeAttribute(t))})}B(),m.current=[]},[B]),k=u.useCallback(()=>{c.current=null,C();let t=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],r=h.current;if(r.length)for(let o of r){m.current.includes(o)||e.clearOverlayRect({$component:o});let r=o.querySelectorAll(t.map(t=>`[${t}]`).join(","));r&&t.forEach(t=>{r.forEach(e=>e.removeAttribute(t))})}h.current=[],F(!1),b.current&&b.current()},[C]),L=u.useCallback(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),o=r.getChildrenByAttrSelector(t,"data-spacing"),a=o?.querySelector("[data-spacing-margin-bottom]")||null;if(a){let t=a.querySelector("[data-spacing-margin-bottom-bg]")||null,r=a.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let o=e.marginBottom;t.style.height=o,r.style.top=o,a.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),I=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,T=u.useCallback(async({componentUid:t,productId:a,timeAwait:i=600,articleId:n,forceReActive:u,marqueeKey:d,carouselItemKey:s})=>{if(!t)return;let b=I({componentUid:t,productId:a,articleId:n,marqueeKey:d,carouselItemKey:s}),v=await o.waitForElementToExist(b,i);if(!v||!u&&t==c.current?.componentUid&&a==c.current?.productId&&n==c.current?.articleId&&d==c.current?.marqueeKey&&s==c.current?.carouselItemKey)return;(t!==c.current?.componentUid||a!==c.current?.productId||n!==c.current?.articleId||s!==c.current?.carouselItemKey||u)&&k(),(u||t===c.current?.componentUid)&&a===c.current?.productId&&d===c.current?.marqueeKey&&s===c.current?.carouselItemKey||k(),h.current.push(v),e.syncOverlayRect({$component:v}),E(v);let m=r.getChildrenByAttrSelector(v,"data-toolbar"),f=r.getChildrenByAttrSelector(v,"data-outline"),g=r.getChildrenByAttrSelector(v,"data-toolbar-add-top"),p=r.getChildrenByAttrSelector(v,"data-toolbar-add-bottom");m&&(c.current={componentUid:t,productId:a,articleId:n,marqueeKey:d,carouselItemKey:s},m.removeAttribute("style"),m.setAttribute("data-toolbar-active","true"),S({$toolbar:m,$component:v,state:"active"})),f&&f.setAttribute("data-outline-active","true"),g&&g.setAttribute("data-toolbar-add-active","true"),p&&p.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:y,$section:A}=l.findDOMClosest(v,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(A&&(a||n||y)){let o=A.querySelectorAll(`[data-uid="${t}"]`);o?.length&&o.forEach(t=>{if(t===v)return;h.current.push(t),e.syncOverlayRect({$component:t}),E(t);let o=r.getChildrenByAttrSelector(t,"data-outline");o&&o.setAttribute("data-outline-active","true")})}L({$component:v}),R()},[E,k,R,L]),F=async t=>{if(t){if(c.current?.componentUid){let e=I({...c.current}),a=await o.waitForElementToExist(e,500);if(a){let e=r.getChildrenByAttrSelector(a,"data-toolbar"),o=r.getChildrenByAttrSelector(a,"data-outline"),i=r.getChildrenByAttrSelector(a,"data-spacing");e&&t&&e.setAttribute("data-toolbar-editor-inline-focus","true"),o&&t&&o.setAttribute("data-outline-editor-inline-focus","true"),i&&t&&i.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},x=u.useCallback(t=>{let e=t.closest("[data-theme-section]"),o=e?.getAttribute("data-uid"),a=e&&o===c.current?.componentUid;if(!a)return;f.current.push(e);let i=r.getChildrenByAttrSelector(e,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),U=async({value:t})=>{if(!t||!c.current)return;let e=!1,a=I({...c.current}),i=await o.waitForElementToExist(a,500);if(i){let t=i?.querySelectorAll("[data-toolbar-parent]");if(t.length){let a=t=>{if(e)return;let o=t.getAttribute("data-parent-uid");if(!o)return;let a=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${o}"]`);a?.length&&a.forEach(t=>{let e=r.getChildrenByAttrSelector(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},i=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);o?.length&&o.forEach(t=>{let e=r.getChildrenByAttrSelector(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},n=async t=>{e=!0;let r=t.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await o.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]");return!!e?.getAttribute("data-product-id")},n=async()=>{let t=await o.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-article-id]");return!!e?.getAttribute("data-article-id")},l=async()=>{let t=await o.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-carousel-item-key]");return!!e?.getAttribute("data-carousel-item-key")},u="",d="",s="";await a()&&(u=c.current?.productId||""),await n()&&(d=c.current?.articleId||""),await l()&&(s=c.current?.carouselItemKey||"");let b=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:u,articleId:d,carouselItemKey:s,elementTag:t.getAttribute("data-component-tag")||""}});i(t),window.dispatchEvent(b),setTimeout(()=>{e=!1},0)};t.forEach(t=>{t.addEventListener("mouseover",()=>a(t)),t.addEventListener("mouseout",()=>i(t)),t.addEventListener("click",()=>n(t))})}}},j=u.useCallback(t=>{if(s.current||v.current)return;let e=t.target;if(!e||"function"!=typeof e.closest){B(),R();return}let{$toolbarHover:o,$component:a,$themeSection:i,$shopifySection:n}=l.findDOMClosest(e,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(o)return;let u=a?.getAttribute("data-uid");if(!a||!u||"ROOT"==u){R();return}let d=r.getChildrenByAttrSelector(a,"data-toolbar");if(!u||"ROOT"==u||d?.getAttribute("data-toolbar-hover-focus"))return;d?.getAttribute("data-toolbar-hover-focus")||R(),x(e);let b=i||n;if(u==c.current?.componentUid){if(c.current.productId){let t=a.closest("[data-product-id]");if(t){let e=t.getAttribute("data-product-id");if(e==c.current.productId){R();return}}}if(!b)return;$({$component:b,focus:!0,isPreventSection:!0})}b?$({$component:b,focus:!0,isPreventSection:!0}):($({$component:a,componentUid:u,focus:!0}),q({$component:a,componentUid:u}))},[x,R,$,q,B,c]),K=u.useCallback(t=>{if(s.current)return;let e=t.detail;e?.componentUid?T({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey,carouselItemKey:e.carouselItemKey}):k()},[T,k,s]),M=u.useCallback(()=>{R()},[R]),P=u.useCallback(t=>{let e=t.detail;e.value&&(R(),k()),s.current=e.value},[R,k]),H=u.useCallback(t=>{let e=t.detail;e.value?F(!0):F(!1)},[]),_=u.useCallback(t=>{if(s.current)return;let e=t.detail;U({value:e?.value||!1})},[]),D=u.useCallback(t=>{let e=t.detail;e?.value?(R(),v.current=!0):v.current=!1},[R]),z=(t,e)=>{if(!t)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);o?.length&&o.forEach(t=>{let o=r.getChildrenByAttrSelector(t,"data-outline");o&&("in"===e?(o.setAttribute("data-outline-force-hover","true"),o.setAttribute("data-outline-force-overlay","true")):(o.removeAttribute("data-outline-force-hover"),o.removeAttribute("data-outline-force-overlay")))})},G=u.useCallback(t=>{if(s.current)return;let e=t.detail;e?.componentUid&&z(e?.componentUid,e?.type)},[s]),V=t=>{let e=t.detail;c.current?.componentUid&&e?.componentUid==c.current?.componentUid&&(T({...c.current}),requestAnimationFrame(()=>A()))},W=u.useCallback(t=>{let e=t.detail;document.body.toggleAttribute("data-editor-mobile",!!e?.isEditorMobile)},[]);return u.useEffect(()=>C,[C]),u.useEffect(()=>(document.addEventListener("mousemove",j),window.addEventListener("editor:active-component",K),window.addEventListener("editor:focus-outside-preview",M),window.addEventListener("editor:is-dragging",P),window.addEventListener("editor:is-editing-text-editor",H),window.addEventListener("editor:toolbar:show-parents",_),window.addEventListener("editor:toolbar:resize-spacing",D),window.addEventListener("editor:hover-component",G),window.addEventListener("editor:component:render",V),window.addEventListener("editor:editor-mobile-change",W),()=>{document.removeEventListener("mousemove",j),window.removeEventListener("editor:active-component",K),window.removeEventListener("editor:is-dragging",M),window.removeEventListener("editor:is-dragging",P),window.removeEventListener("editor:is-editing-text-editor",H),window.removeEventListener("editor:toolbar:show-parents",_),window.removeEventListener("editor:toolbar:resize-spacing",D),window.removeEventListener("editor:hover-component",G),window.removeEventListener("editor:component:render",V),window.removeEventListener("editor:editor-mobile-change",W),document.body.removeAttribute("data-editor-mobile")}),[j,K,M,P,H,_,D,G,V,W]),t.jsx(t.Fragment,{})});exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("./toolbar/utils/getChildrenByAttrSelector.js"),r=require("./toolbar/utils/waitForElementToExist.js"),o=require("./toolbar/const.js"),a=require("./toolbar/utils/getDOMElementParents.js"),i=require("./toolbar/utils/findOverflowParent.js"),n=require("./toolbar/utils/findDOMClosest.js"),l=require("react"),d=require("./toolbar/utils/isOverParent.js"),u=l.memo(()=>{let u=l.useRef(null),c=l.useRef(!1),s=l.useRef(),b=l.useRef(!1),f=l.useRef([]),m=l.useRef([]),v=l.useRef([]),h=({state:t,$toolbar:e,$component:r})=>{let a=i.findOverflowParent(r,e),n=e.getBoundingClientRect(),l=r.getBoundingClientRect(),d=window.innerWidth;a?l?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):n.top<o.TOOLBAR_ACTIVE_HEIGHT+1&&(l?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),l.left+n.width>d&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let u=r?.closest('[aria-label="Dialog body"]');if(u){let r=u.getBoundingClientRect(),o=r.left+r.width-20;l.left+n.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},g=l.useCallback(({$component:t,componentUid:r,focus:o,isPreventSection:a,isParent:i})=>{if(!t&&!r)return;if(!t){let e=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${r}"]`);if(!e)return;t=e}if(!r){let e=t.getAttribute("data-uid");if(!e)return;r=e}f.current.push(t);let n=e.getChildrenByAttrSelector(t,"data-toolbar"),l=e.getChildrenByAttrSelector(t,"data-outline"),d=e.getChildrenByAttrSelector(t,"data-toolbar-add-top"),u=e.getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),c=e.getChildrenByAttrSelector(t,"data-theme-section-status");a&&c&&c.setAttribute("data-theme-section-status-active","true"),n&&(n.removeAttribute("style"),i||n.setAttribute("data-toolbar-hover","true"),o&&n.setAttribute("data-toolbar-hover-focus","true"),h({$toolbar:n,$component:t,state:"hover"})),l&&(l.setAttribute("data-outline-hover","true"),i&&l.setAttribute("data-outline-parent-hover","true"),a&&(m.current.push(t),l.setAttribute("data-outline-overlay-theme-section","true")),o&&l.setAttribute("data-outline-hover-focus","true")),d&&!i&&d.setAttribute("data-toolbar-add-hover","true"),u&&!i&&u.setAttribute("data-toolbar-add-hover","true")},[]),p=l.useCallback(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=a.getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(r.length){for(let t of r)t&&g({$component:t,isParent:!0});A({$component:t,$parents:r})}},[g]),A=({$component:t,$parents:r})=>{if(!t||!r?.length)return;let a=e.getChildrenByAttrSelector(t,"data-toolbar-hover-focus");if(a){let t=a.getBoundingClientRect(),i=!!a.getAttribute("data-toolbar-hover-revert"),n=!!a.getAttribute("data-toolbar-hover-inside"),l=1;for(let a of r)if(a){let r=a.getAttribute("data-component-tag");if("Section"===r)continue;let u=e.getChildrenByAttrSelector(a,"data-toolbar-hover");if(u){let e=u.getAttribute("data-toolbar-active");if(e)continue;let r=u.getBoundingClientRect(),a=i||n;if(d.isOverParent({current:t,parent:r,index:l,revert:a})){let e=getComputedStyle(u),i=t.top-r.top,n=t.left-r.left,d=parseFloat(e.top)+i-(o.TOOLBAR_HOVER_HEIGHT-1)*l;a&&(d=parseFloat(e.top)-i+(o.TOOLBAR_HOVER_HEIGHT-1)*l);let c=parseFloat(e.left)+n;u.setAttribute("style",`top: ${d}px;left: ${c}px;`),l++}}}}},y=l.useCallback(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=m.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}m.current=[]},[]),w=l.useCallback(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],e=f.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}y(),f.current=[]},[y]),E=l.useCallback(()=>{u.current=null;let t=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],e=v.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}v.current=[],q(!1),s.current&&s.current()},[]),C=l.useCallback(({$component:t})=>{if(!t)return;let r=getComputedStyle(t),o=e.getChildrenByAttrSelector(t,"data-spacing"),a=o?.querySelector("[data-spacing-margin-bottom]")||null;if(a){let t=a.querySelector("[data-spacing-margin-bottom-bg]")||null,e=a.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&e){let o=r.marginBottom;t.style.height=o,e.style.top=o,a.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),S=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,$=l.useCallback(async({componentUid:t,productId:o,timeAwait:a=600,articleId:i,forceReActive:l,marqueeKey:d,carouselItemKey:c})=>{if(!t)return;let s=S({componentUid:t,productId:o,articleId:i,marqueeKey:d,carouselItemKey:c}),b=await r.waitForElementToExist(s,a);if(!b||!l&&t==u.current?.componentUid&&o==u.current?.productId&&i==u.current?.articleId&&d==u.current?.marqueeKey&&c==u.current?.carouselItemKey)return;(t!==u.current?.componentUid||o!==u.current?.productId||i!==u.current?.articleId||c!==u.current?.carouselItemKey||l)&&E(),(l||t===u.current?.componentUid)&&o===u.current?.productId&&d===u.current?.marqueeKey&&c===u.current?.carouselItemKey||E(),v.current.push(b);let f=e.getChildrenByAttrSelector(b,"data-toolbar"),m=e.getChildrenByAttrSelector(b,"data-outline"),g=e.getChildrenByAttrSelector(b,"data-toolbar-add-top"),p=e.getChildrenByAttrSelector(b,"data-toolbar-add-bottom");f&&(u.current={componentUid:t,productId:o,articleId:i,marqueeKey:d,carouselItemKey:c},f.removeAttribute("style"),f.setAttribute("data-toolbar-active","true"),h({$toolbar:f,$component:b,state:"active"})),m&&m.setAttribute("data-outline-active","true"),g&&g.setAttribute("data-toolbar-add-active","true"),p&&p.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:A,$section:y}=n.findDOMClosest(b,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(y&&(o||i||A)){let r=y.querySelectorAll(`[data-uid="${t}"]`);r?.length&&r.forEach(t=>{v.current.push(t);let r=e.getChildrenByAttrSelector(t,"data-outline");r&&r.setAttribute("data-outline-active","true")})}C({$component:b}),w()},[E,w,C]),q=async t=>{if(t){if(u.current?.componentUid){let o=S({...u.current}),a=await r.waitForElementToExist(o,500);if(a){let r=e.getChildrenByAttrSelector(a,"data-toolbar"),o=e.getChildrenByAttrSelector(a,"data-outline"),i=e.getChildrenByAttrSelector(a,"data-spacing");r&&t&&r.setAttribute("data-toolbar-editor-inline-focus","true"),o&&t&&o.setAttribute("data-outline-editor-inline-focus","true"),i&&t&&i.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},B=l.useCallback(t=>{let r=t.closest("[data-theme-section]"),o=r?.getAttribute("data-uid"),a=r&&o===u.current?.componentUid;if(!a)return;m.current.push(r);let i=e.getChildrenByAttrSelector(r,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),L=async({value:t})=>{if(!t||!u.current)return;let o=!1,a=S({...u.current}),i=await r.waitForElementToExist(a,500);if(i){let t=i?.querySelectorAll("[data-toolbar-parent]");if(t.length){let a=t=>{if(o)return;let r=t.getAttribute("data-parent-uid");if(!r)return;let a=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${r}"]`);a?.length&&a.forEach(t=>{let r=e.getChildrenByAttrSelector(t,"data-outline");r&&(r.setAttribute("data-outline-force-hover","true"),r.setAttribute("data-outline-force-overlay","true"))})},i=t=>{let r=t.getAttribute("data-parent-uid");if(!r)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${r}"]`);o?.length&&o.forEach(t=>{let r=e.getChildrenByAttrSelector(t,"data-outline");r&&(r.removeAttribute("data-outline-force-hover"),r.removeAttribute("data-outline-force-overlay"))})},n=async t=>{o=!0;let e=t.getAttribute("data-parent-uid");if(!e)return;let a=async()=>{let t=await r.waitForElementToExist(`[data-uid="${e}"]`,500),o=t?.closest("[data-product-id]");return!!o?.getAttribute("data-product-id")},n=async()=>{let t=await r.waitForElementToExist(`[data-uid="${e}"]`,500),o=t?.closest("[data-article-id]");return!!o?.getAttribute("data-article-id")},l=async()=>{let t=await r.waitForElementToExist(`[data-uid="${e}"]`,500),o=t?.closest("[data-carousel-item-key]");return!!o?.getAttribute("data-carousel-item-key")},d="",c="",s="";await a()&&(d=u.current?.productId||""),await n()&&(c=u.current?.articleId||""),await l()&&(s=u.current?.carouselItemKey||"");let b=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:e,productId:d,articleId:c,carouselItemKey:s,elementTag:t.getAttribute("data-component-tag")||""}});i(t),window.dispatchEvent(b),setTimeout(()=>{o=!1},0)};t.forEach(t=>{t.addEventListener("mouseover",()=>a(t)),t.addEventListener("mouseout",()=>i(t)),t.addEventListener("click",()=>n(t))})}}},I=l.useCallback(t=>{if(c.current||b.current)return;let r=t.target;if(!r||"function"!=typeof r.closest){y(),w();return}let{$toolbarHover:o,$component:a,$themeSection:i,$shopifySection:l}=n.findDOMClosest(r,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(o)return;let d=a?.getAttribute("data-uid");if(!a||!d||"ROOT"==d){w();return}let s=e.getChildrenByAttrSelector(a,"data-toolbar");if(!d||"ROOT"==d||s?.getAttribute("data-toolbar-hover-focus"))return;s?.getAttribute("data-toolbar-hover-focus")||w(),B(r);let f=i||l;if(d==u.current?.componentUid){if(u.current.productId){let t=a.closest("[data-product-id]");if(t){let e=t.getAttribute("data-product-id");if(e==u.current.productId){w();return}}}if(!f)return;g({$component:f,focus:!0,isPreventSection:!0})}f?g({$component:f,focus:!0,isPreventSection:!0}):(g({$component:a,componentUid:d,focus:!0}),p({$component:a,componentUid:d}))},[B,w,g,p,y,u]),O=l.useCallback(t=>{if(c.current)return;let e=t.detail;e?.componentUid?$({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey,carouselItemKey:e.carouselItemKey}):E()},[$,E,c]),k=l.useCallback(()=>{w()},[w]),R=l.useCallback(t=>{let e=t.detail;e.value&&(w(),E()),c.current=e.value},[w,E]),T=l.useCallback(t=>{let e=t.detail;e.value?q(!0):q(!1)},[]),x=l.useCallback(t=>{if(c.current)return;let e=t.detail;L({value:e?.value||!1})},[]),U=l.useCallback(t=>{let e=t.detail;e?.value?(w(),b.current=!0):b.current=!1},[w]),j=(t,r)=>{if(!t)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);o?.length&&o.forEach(t=>{let o=e.getChildrenByAttrSelector(t,"data-outline");o&&("in"===r?(o.setAttribute("data-outline-force-hover","true"),o.setAttribute("data-outline-force-overlay","true")):(o.removeAttribute("data-outline-force-hover"),o.removeAttribute("data-outline-force-overlay")))})},F=l.useCallback(t=>{if(c.current)return;let e=t.detail;e?.componentUid&&j(e?.componentUid,e?.type)},[c]),K=t=>{let e=t.detail;u.current?.componentUid&&e?.componentUid==u.current?.componentUid&&$({...u.current})},P=l.useCallback(t=>{let e=t.detail;document.body.toggleAttribute("data-editor-mobile",!!e?.isEditorMobile)},[]);return l.useEffect(()=>(document.addEventListener("mousemove",I),window.addEventListener("editor:active-component",O),window.addEventListener("editor:focus-outside-preview",k),window.addEventListener("editor:is-dragging",R),window.addEventListener("editor:is-editing-text-editor",T),window.addEventListener("editor:toolbar:show-parents",x),window.addEventListener("editor:toolbar:resize-spacing",U),window.addEventListener("editor:hover-component",F),window.addEventListener("editor:component:render",K),window.addEventListener("editor:editor-mobile-change",P),()=>{document.removeEventListener("mousemove",I),window.removeEventListener("editor:active-component",O),window.removeEventListener("editor:is-dragging",k),window.removeEventListener("editor:is-dragging",R),window.removeEventListener("editor:is-editing-text-editor",T),window.removeEventListener("editor:toolbar:show-parents",x),window.removeEventListener("editor:toolbar:resize-spacing",U),window.removeEventListener("editor:hover-component",F),window.removeEventListener("editor:component:render",K),window.removeEventListener("editor:editor-mobile-change",P),document.body.removeAttribute("data-editor-mobile")}),[I,O,k,R,T,x,U,F,K,P]),t.jsx(t.Fragment,{})});exports.default=u;

package/dist/cjs/pages/headless.js

@@ -2,4 +2,4 @@
             body {
               background: ${E};
             }
-          `},`page_background_${E}`)]}),e.jsx(s.PageProvider,{productOffers:_,publicStoreFrontData:j,dynamicDiscountOffer:v,sellingPlanMeta:S,buyerConsentChecked:k,children:e.jsx(s.BuilderComponentProvider,{components:o,children:e.jsxs("div",{role:"main",children:[B&&e.jsx("div",{dangerouslySetInnerHTML:{__html:`<div id="gp-interaction" style="display: none;">${JSON.stringify(q?.value||[])}</div>`}}),e.jsx(s.SectionProvider,{data:g,children:c?.map(t=>e.jsxs(s.BuilderProvider,{state:t.data,lazy:t.lazy,priority:t.priority,isPostPurchase:y,isPreview:b,children:[e.jsx(s.Render,{uid:t.uid}),B&&e.jsx(i,{defer:!0,src:`${L}/assets-v2/gp-flow-action-lip-v7-5.js`})]},t.uid))})]})})})]})};
+          `},`page_background_${E}`)]}),e.jsx(s.PageProvider,{productOffers:_,publicStoreFrontData:j,dynamicDiscountOffer:v,sellingPlanMeta:S,buyerConsentChecked:k,children:e.jsx(s.BuilderComponentProvider,{components:o,children:e.jsxs("div",{role:"main",children:[B&&e.jsx("div",{dangerouslySetInnerHTML:{__html:`<div id="gp-interaction" style="display: none;">${JSON.stringify(q?.value||[])}</div>`}}),e.jsx(s.SectionProvider,{data:g,children:c?.map(t=>e.jsxs(s.BuilderProvider,{state:t.data,lazy:t.lazy,priority:t.priority,isPostPurchase:y,isPreview:b,children:[e.jsx(s.Render,{uid:t.uid}),B&&e.jsx(i,{defer:!0,src:`${L}/assets-v2/gp-flow-action-lip-v7-5.js`})]}))})]})})})]})};

package/dist/esm/components/builder/Toolbar.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,Fragment as e}from"react/jsx-runtime";import{syncOverlayRect as r,getOverlayContainingBlock as o,clearOverlayRect as a}from"./toolbar/utils/syncOverlayRect.js";import{getChildrenByAttrSelector as i}from"./toolbar/utils/getChildrenByAttrSelector.js";import{waitForElementToExist as n}from"./toolbar/utils/waitForElementToExist.js";import{TOOLBAR_ACTIVE_HEIGHT as d,TOOLBAR_HOVER_HEIGHT as u}from"./toolbar/const.js";import{getDOMElementParents as l}from"./toolbar/utils/getDOMElementParents.js";import{findOverflowParent as c}from"./toolbar/utils/findOverflowParent.js";import{findDOMClosest as s}from"./toolbar/utils/findDOMClosest.js";import{memo as b,useRef as m,useCallback as v,useEffect as f}from"react";import{isOverParent as p}from"./toolbar/utils/isOverParent.js";var h=b(()=>{let b=m(null),h=m(!1),g=m(),A=m(!1),y=m([]),w=m([]),$=m([]),E=m(),q=m(),S=m(),L=v(()=>{$.current.forEach(t=>r({$component:t})),q.current?.takeRecords()},[]),I=v(()=>{S.current||(S.current=requestAnimationFrame(()=>{S.current=void 0,L()}))},[L]),U=v(t=>{E.current||(E.current=new ResizeObserver(()=>L())),q.current||(q.current=new MutationObserver(()=>L())),E.current.observe(t),q.current.observe(t,{attributes:!0,attributeFilter:["style","class"]}),document.addEventListener("scroll",I,!0);let e=o(t);e&&(E.current.observe(e),q.current.observe(e,{attributes:!0,attributeFilter:["style","class"]}))},[I,L]),j=v(()=>{E.current?.disconnect(),q.current?.disconnect(),document.removeEventListener("scroll",I,!0),S.current&&(cancelAnimationFrame(S.current),S.current=void 0)},[I]),O=({state:t,$toolbar:e,$component:r})=>{let o=c(r,e),a=e.getBoundingClientRect(),i=r.getBoundingClientRect(),n=window.innerWidth;o?i?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):a.top<d+1&&(i?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),i.left+a.width>n&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let u=r?.closest('[aria-label="Dialog body"]');if(u){let r=u.getBoundingClientRect(),o=r.left+r.width-20;i.left+a.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},C=v(({$component:t,componentUid:e,focus:o,isPreventSection:a,isParent:n})=>{if(!t&&!e)return;if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}y.current.push(t),r({$component:t});let d=i(t,"data-toolbar"),u=i(t,"data-outline"),l=i(t,"data-toolbar-add-top"),c=i(t,"data-toolbar-add-bottom"),s=i(t,"data-theme-section-status");a&&s&&s.setAttribute("data-theme-section-status-active","true"),d&&(d.removeAttribute("style"),n||d.setAttribute("data-toolbar-hover","true"),o&&d.setAttribute("data-toolbar-hover-focus","true"),O({$toolbar:d,$component:t,state:"hover"})),u&&(u.setAttribute("data-outline-hover","true"),n&&u.setAttribute("data-outline-parent-hover","true"),a&&(w.current.push(t),u.setAttribute("data-outline-overlay-theme-section","true")),o&&u.setAttribute("data-outline-hover-focus","true")),l&&!n&&l.setAttribute("data-toolbar-add-hover","true"),c&&!n&&c.setAttribute("data-toolbar-add-hover","true")},[]),K=v(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=l(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(r.length){for(let t of r)t&&C({$component:t,isParent:!0});R({$component:t,$parents:r})}},[C]),R=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=i(t,"data-toolbar-hover-focus");if(r){let t=r.getBoundingClientRect(),o=!!r.getAttribute("data-toolbar-hover-revert"),a=!!r.getAttribute("data-toolbar-hover-inside"),n=1;for(let r of e)if(r){let e=r.getAttribute("data-component-tag");if("Section"===e)continue;let d=i(r,"data-toolbar-hover");if(d){let e=d.getAttribute("data-toolbar-active");if(e)continue;let r=d.getBoundingClientRect(),i=o||a;if(p({current:t,parent:r,index:n,revert:i})){let e=getComputedStyle(d),o=t.top-r.top,a=t.left-r.left,l=parseFloat(e.top)+o-(u-1)*n;i&&(l=parseFloat(e.top)-o+(u-1)*n);let c=parseFloat(e.left)+a;d.setAttribute("style",`top: ${l}px;left: ${c}px;`),n++}}}}},F=v(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=w.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}w.current=[]},[]),x=v(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],e=y.current;if(e.length)for(let r of e){$.current.includes(r)||a({$component:r});let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}F(),y.current=[]},[F]),B=v(()=>{b.current=null,j();let t=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],e=$.current;if(e.length)for(let r of e){y.current.includes(r)||a({$component:r});let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}$.current=[],T(!1),g.current&&g.current()},[j]),k=v(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=i(t,"data-spacing"),o=r?.querySelector("[data-spacing-margin-bottom]")||null;if(o){let t=o.querySelector("[data-spacing-margin-bottom-bg]")||null,r=o.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let a=e.marginBottom;t.style.height=a,r.style.top=a,o.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),M=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,P=v(async({componentUid:t,productId:e,timeAwait:o=600,articleId:a,forceReActive:d,marqueeKey:u,carouselItemKey:l})=>{if(!t)return;let c=M({componentUid:t,productId:e,articleId:a,marqueeKey:u,carouselItemKey:l}),m=await n(c,o);if(!m||!d&&t==b.current?.componentUid&&e==b.current?.productId&&a==b.current?.articleId&&u==b.current?.marqueeKey&&l==b.current?.carouselItemKey)return;(t!==b.current?.componentUid||e!==b.current?.productId||a!==b.current?.articleId||l!==b.current?.carouselItemKey||d)&&B(),(d||t===b.current?.componentUid)&&e===b.current?.productId&&u===b.current?.marqueeKey&&l===b.current?.carouselItemKey||B(),$.current.push(m),r({$component:m}),U(m);let v=i(m,"data-toolbar"),f=i(m,"data-outline"),p=i(m,"data-toolbar-add-top"),h=i(m,"data-toolbar-add-bottom");v&&(b.current={componentUid:t,productId:e,articleId:a,marqueeKey:u,carouselItemKey:l},v.removeAttribute("style"),v.setAttribute("data-toolbar-active","true"),O({$toolbar:v,$component:m,state:"active"})),f&&f.setAttribute("data-outline-active","true"),p&&p.setAttribute("data-toolbar-add-active","true"),h&&h.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:g,$section:A}=s(m,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(A&&(e||a||g)){let e=A.querySelectorAll(`[data-uid="${t}"]`);e?.length&&e.forEach(t=>{if(t===m)return;$.current.push(t),r({$component:t}),U(t);let e=i(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}k({$component:m}),x()},[U,B,x,k]),T=async t=>{if(t){if(b.current?.componentUid){let e=M({...b.current}),r=await n(e,500);if(r){let e=i(r,"data-toolbar"),o=i(r,"data-outline"),a=i(r,"data-spacing");e&&t&&e.setAttribute("data-toolbar-editor-inline-focus","true"),o&&t&&o.setAttribute("data-outline-editor-inline-focus","true"),a&&t&&a.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},z=v(t=>{let e=t.closest("[data-theme-section]"),r=e?.getAttribute("data-uid"),o=e&&r===b.current?.componentUid;if(!o)return;w.current.push(e);let a=i(e,"data-theme-section-status");a&&a.setAttribute("data-theme-section-status-active","true")},[]),D=async({value:t})=>{if(!t||!b.current)return;let e=!1,r=M({...b.current}),o=await n(r,500);if(o){let t=o?.querySelectorAll("[data-toolbar-parent]");if(t.length){let r=t=>{if(e)return;let r=t.getAttribute("data-parent-uid");if(!r)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${r}"]`);o?.length&&o.forEach(t=>{let e=i(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},o=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);r?.length&&r.forEach(t=>{let e=i(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},a=async t=>{e=!0;let r=t.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await n(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]");return!!e?.getAttribute("data-product-id")},i=async()=>{let t=await n(`[data-uid="${r}"]`,500),e=t?.closest("[data-article-id]");return!!e?.getAttribute("data-article-id")},d=async()=>{let t=await n(`[data-uid="${r}"]`,500),e=t?.closest("[data-carousel-item-key]");return!!e?.getAttribute("data-carousel-item-key")},u="",l="",c="";await a()&&(u=b.current?.productId||""),await i()&&(l=b.current?.articleId||""),await d()&&(c=b.current?.carouselItemKey||"");let s=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:u,articleId:l,carouselItemKey:c,elementTag:t.getAttribute("data-component-tag")||""}});o(t),window.dispatchEvent(s),setTimeout(()=>{e=!1},0)};t.forEach(t=>{t.addEventListener("mouseover",()=>r(t)),t.addEventListener("mouseout",()=>o(t)),t.addEventListener("click",()=>a(t))})}}},H=v(t=>{if(h.current||A.current)return;let e=t.target;if(!e||"function"!=typeof e.closest){F(),x();return}let{$toolbarHover:r,$component:o,$themeSection:a,$shopifySection:n}=s(e,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(r)return;let d=o?.getAttribute("data-uid");if(!o||!d||"ROOT"==d){x();return}let u=i(o,"data-toolbar");if(!d||"ROOT"==d||u?.getAttribute("data-toolbar-hover-focus"))return;u?.getAttribute("data-toolbar-hover-focus")||x(),z(e);let l=a||n;if(d==b.current?.componentUid){if(b.current.productId){let t=o.closest("[data-product-id]");if(t){let e=t.getAttribute("data-product-id");if(e==b.current.productId){x();return}}}if(!l)return;C({$component:l,focus:!0,isPreventSection:!0})}l?C({$component:l,focus:!0,isPreventSection:!0}):(C({$component:o,componentUid:d,focus:!0}),K({$component:o,componentUid:d}))},[z,x,C,K,F,b]),W=v(t=>{if(h.current)return;let e=t.detail;e?.componentUid?P({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey,carouselItemKey:e.carouselItemKey}):B()},[P,B,h]),G=v(()=>{x()},[x]),J=v(t=>{let e=t.detail;e.value&&(x(),B()),h.current=e.value},[x,B]),N=v(t=>{let e=t.detail;e.value?T(!0):T(!1)},[]),Q=v(t=>{if(h.current)return;let e=t.detail;D({value:e?.value||!1})},[]),V=v(t=>{let e=t.detail;e?.value?(x(),A.current=!0):A.current=!1},[x]),X=(t,e)=>{if(!t)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);r?.length&&r.forEach(t=>{let r=i(t,"data-outline");r&&("in"===e?(r.setAttribute("data-outline-force-hover","true"),r.setAttribute("data-outline-force-overlay","true")):(r.removeAttribute("data-outline-force-hover"),r.removeAttribute("data-outline-force-overlay")))})},Y=v(t=>{if(h.current)return;let e=t.detail;e?.componentUid&&X(e?.componentUid,e?.type)},[h]),Z=t=>{let e=t.detail;b.current?.componentUid&&e?.componentUid==b.current?.componentUid&&(P({...b.current}),requestAnimationFrame(()=>L()))},_=v(t=>{let e=t.detail;document.body.toggleAttribute("data-editor-mobile",!!e?.isEditorMobile)},[]);return f(()=>j,[j]),f(()=>(document.addEventListener("mousemove",H),window.addEventListener("editor:active-component",W),window.addEventListener("editor:focus-outside-preview",G),window.addEventListener("editor:is-dragging",J),window.addEventListener("editor:is-editing-text-editor",N),window.addEventListener("editor:toolbar:show-parents",Q),window.addEventListener("editor:toolbar:resize-spacing",V),window.addEventListener("editor:hover-component",Y),window.addEventListener("editor:component:render",Z),window.addEventListener("editor:editor-mobile-change",_),()=>{document.removeEventListener("mousemove",H),window.removeEventListener("editor:active-component",W),window.removeEventListener("editor:is-dragging",G),window.removeEventListener("editor:is-dragging",J),window.removeEventListener("editor:is-editing-text-editor",N),window.removeEventListener("editor:toolbar:show-parents",Q),window.removeEventListener("editor:toolbar:resize-spacing",V),window.removeEventListener("editor:hover-component",Y),window.removeEventListener("editor:component:render",Z),window.removeEventListener("editor:editor-mobile-change",_),document.body.removeAttribute("data-editor-mobile")}),[H,W,G,J,N,Q,V,Y,Z,_]),t(e,{})});export{h as default};
+import{jsx as t,Fragment as e}from"react/jsx-runtime";import{getChildrenByAttrSelector as r}from"./toolbar/utils/getChildrenByAttrSelector.js";import{waitForElementToExist as o}from"./toolbar/utils/waitForElementToExist.js";import{TOOLBAR_ACTIVE_HEIGHT as a,TOOLBAR_HOVER_HEIGHT as i}from"./toolbar/const.js";import{getDOMElementParents as n}from"./toolbar/utils/getDOMElementParents.js";import{findOverflowParent as d}from"./toolbar/utils/findOverflowParent.js";import{findDOMClosest as u}from"./toolbar/utils/findDOMClosest.js";import{memo as l,useRef as c,useCallback as s,useEffect as b}from"react";import{isOverParent as m}from"./toolbar/utils/isOverParent.js";var f=l(()=>{let l=c(null),f=c(!1),v=c(),p=c(!1),h=c([]),g=c([]),A=c([]),y=({state:t,$toolbar:e,$component:r})=>{let o=d(r,e),i=e.getBoundingClientRect(),n=r.getBoundingClientRect(),u=window.innerWidth;o?n?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):i.top<a+1&&(n?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),n.left+i.width>u&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let l=r?.closest('[aria-label="Dialog body"]');if(l){let r=l.getBoundingClientRect(),o=r.left+r.width-20;n.left+i.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},w=s(({$component:t,componentUid:e,focus:o,isPreventSection:a,isParent:i})=>{if(!t&&!e)return;if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}h.current.push(t);let n=r(t,"data-toolbar"),d=r(t,"data-outline"),u=r(t,"data-toolbar-add-top"),l=r(t,"data-toolbar-add-bottom"),c=r(t,"data-theme-section-status");a&&c&&c.setAttribute("data-theme-section-status-active","true"),n&&(n.removeAttribute("style"),i||n.setAttribute("data-toolbar-hover","true"),o&&n.setAttribute("data-toolbar-hover-focus","true"),y({$toolbar:n,$component:t,state:"hover"})),d&&(d.setAttribute("data-outline-hover","true"),i&&d.setAttribute("data-outline-parent-hover","true"),a&&(g.current.push(t),d.setAttribute("data-outline-overlay-theme-section","true")),o&&d.setAttribute("data-outline-hover-focus","true")),u&&!i&&u.setAttribute("data-toolbar-add-hover","true"),l&&!i&&l.setAttribute("data-toolbar-add-hover","true")},[]),$=s(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=n(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(r.length){for(let t of r)t&&w({$component:t,isParent:!0});E({$component:t,$parents:r})}},[w]),E=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let o=r(t,"data-toolbar-hover-focus");if(o){let t=o.getBoundingClientRect(),a=!!o.getAttribute("data-toolbar-hover-revert"),n=!!o.getAttribute("data-toolbar-hover-inside"),d=1;for(let o of e)if(o){let e=o.getAttribute("data-component-tag");if("Section"===e)continue;let u=r(o,"data-toolbar-hover");if(u){let e=u.getAttribute("data-toolbar-active");if(e)continue;let r=u.getBoundingClientRect(),o=a||n;if(m({current:t,parent:r,index:d,revert:o})){let e=getComputedStyle(u),a=t.top-r.top,n=t.left-r.left,l=parseFloat(e.top)+a-(i-1)*d;o&&(l=parseFloat(e.top)-a+(i-1)*d);let c=parseFloat(e.left)+n;u.setAttribute("style",`top: ${l}px;left: ${c}px;`),d++}}}}},S=s(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=g.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}g.current=[]},[]),q=s(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],e=h.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}S(),h.current=[]},[S]),L=s(()=>{l.current=null;let t=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],e=A.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}A.current=[],C(!1),v.current&&v.current()},[]),I=s(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),o=r(t,"data-spacing"),a=o?.querySelector("[data-spacing-margin-bottom]")||null;if(a){let t=a.querySelector("[data-spacing-margin-bottom-bg]")||null,r=a.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let o=e.marginBottom;t.style.height=o,r.style.top=o,a.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),U=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,j=s(async({componentUid:t,productId:e,timeAwait:a=600,articleId:i,forceReActive:n,marqueeKey:d,carouselItemKey:c})=>{if(!t)return;let s=U({componentUid:t,productId:e,articleId:i,marqueeKey:d,carouselItemKey:c}),b=await o(s,a);if(!b||!n&&t==l.current?.componentUid&&e==l.current?.productId&&i==l.current?.articleId&&d==l.current?.marqueeKey&&c==l.current?.carouselItemKey)return;(t!==l.current?.componentUid||e!==l.current?.productId||i!==l.current?.articleId||c!==l.current?.carouselItemKey||n)&&L(),(n||t===l.current?.componentUid)&&e===l.current?.productId&&d===l.current?.marqueeKey&&c===l.current?.carouselItemKey||L(),A.current.push(b);let m=r(b,"data-toolbar"),f=r(b,"data-outline"),v=r(b,"data-toolbar-add-top"),p=r(b,"data-toolbar-add-bottom");m&&(l.current={componentUid:t,productId:e,articleId:i,marqueeKey:d,carouselItemKey:c},m.removeAttribute("style"),m.setAttribute("data-toolbar-active","true"),y({$toolbar:m,$component:b,state:"active"})),f&&f.setAttribute("data-outline-active","true"),v&&v.setAttribute("data-toolbar-add-active","true"),p&&p.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:h,$section:g}=u(b,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(g&&(e||i||h)){let e=g.querySelectorAll(`[data-uid="${t}"]`);e?.length&&e.forEach(t=>{A.current.push(t);let e=r(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}I({$component:b}),q()},[L,q,I]),C=async t=>{if(t){if(l.current?.componentUid){let e=U({...l.current}),a=await o(e,500);if(a){let e=r(a,"data-toolbar"),o=r(a,"data-outline"),i=r(a,"data-spacing");e&&t&&e.setAttribute("data-toolbar-editor-inline-focus","true"),o&&t&&o.setAttribute("data-outline-editor-inline-focus","true"),i&&t&&i.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},K=s(t=>{let e=t.closest("[data-theme-section]"),o=e?.getAttribute("data-uid"),a=e&&o===l.current?.componentUid;if(!a)return;g.current.push(e);let i=r(e,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),O=async({value:t})=>{if(!t||!l.current)return;let e=!1,a=U({...l.current}),i=await o(a,500);if(i){let t=i?.querySelectorAll("[data-toolbar-parent]");if(t.length){let a=t=>{if(e)return;let o=t.getAttribute("data-parent-uid");if(!o)return;let a=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${o}"]`);a?.length&&a.forEach(t=>{let e=r(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},i=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);o?.length&&o.forEach(t=>{let e=r(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},n=async t=>{e=!0;let r=t.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await o(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]");return!!e?.getAttribute("data-product-id")},n=async()=>{let t=await o(`[data-uid="${r}"]`,500),e=t?.closest("[data-article-id]");return!!e?.getAttribute("data-article-id")},d=async()=>{let t=await o(`[data-uid="${r}"]`,500),e=t?.closest("[data-carousel-item-key]");return!!e?.getAttribute("data-carousel-item-key")},u="",c="",s="";await a()&&(u=l.current?.productId||""),await n()&&(c=l.current?.articleId||""),await d()&&(s=l.current?.carouselItemKey||"");let b=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:u,articleId:c,carouselItemKey:s,elementTag:t.getAttribute("data-component-tag")||""}});i(t),window.dispatchEvent(b),setTimeout(()=>{e=!1},0)};t.forEach(t=>{t.addEventListener("mouseover",()=>a(t)),t.addEventListener("mouseout",()=>i(t)),t.addEventListener("click",()=>n(t))})}}},x=s(t=>{if(f.current||p.current)return;let e=t.target;if(!e||"function"!=typeof e.closest){S(),q();return}let{$toolbarHover:o,$component:a,$themeSection:i,$shopifySection:n}=u(e,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(o)return;let d=a?.getAttribute("data-uid");if(!a||!d||"ROOT"==d){q();return}let c=r(a,"data-toolbar");if(!d||"ROOT"==d||c?.getAttribute("data-toolbar-hover-focus"))return;c?.getAttribute("data-toolbar-hover-focus")||q(),K(e);let s=i||n;if(d==l.current?.componentUid){if(l.current.productId){let t=a.closest("[data-product-id]");if(t){let e=t.getAttribute("data-product-id");if(e==l.current.productId){q();return}}}if(!s)return;w({$component:s,focus:!0,isPreventSection:!0})}s?w({$component:s,focus:!0,isPreventSection:!0}):(w({$component:a,componentUid:d,focus:!0}),$({$component:a,componentUid:d}))},[K,q,w,$,S,l]),B=s(t=>{if(f.current)return;let e=t.detail;e?.componentUid?j({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey,carouselItemKey:e.carouselItemKey}):L()},[j,L,f]),R=s(()=>{q()},[q]),P=s(t=>{let e=t.detail;e.value&&(q(),L()),f.current=e.value},[q,L]),T=s(t=>{let e=t.detail;e.value?C(!0):C(!1)},[]),k=s(t=>{if(f.current)return;let e=t.detail;O({value:e?.value||!1})},[]),M=s(t=>{let e=t.detail;e?.value?(q(),p.current=!0):p.current=!1},[q]),F=(t,e)=>{if(!t)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);o?.length&&o.forEach(t=>{let o=r(t,"data-outline");o&&("in"===e?(o.setAttribute("data-outline-force-hover","true"),o.setAttribute("data-outline-force-overlay","true")):(o.removeAttribute("data-outline-force-hover"),o.removeAttribute("data-outline-force-overlay")))})},D=s(t=>{if(f.current)return;let e=t.detail;e?.componentUid&&F(e?.componentUid,e?.type)},[f]),z=t=>{let e=t.detail;l.current?.componentUid&&e?.componentUid==l.current?.componentUid&&j({...l.current})},H=s(t=>{let e=t.detail;document.body.toggleAttribute("data-editor-mobile",!!e?.isEditorMobile)},[]);return b(()=>(document.addEventListener("mousemove",x),window.addEventListener("editor:active-component",B),window.addEventListener("editor:focus-outside-preview",R),window.addEventListener("editor:is-dragging",P),window.addEventListener("editor:is-editing-text-editor",T),window.addEventListener("editor:toolbar:show-parents",k),window.addEventListener("editor:toolbar:resize-spacing",M),window.addEventListener("editor:hover-component",D),window.addEventListener("editor:component:render",z),window.addEventListener("editor:editor-mobile-change",H),()=>{document.removeEventListener("mousemove",x),window.removeEventListener("editor:active-component",B),window.removeEventListener("editor:is-dragging",R),window.removeEventListener("editor:is-dragging",P),window.removeEventListener("editor:is-editing-text-editor",T),window.removeEventListener("editor:toolbar:show-parents",k),window.removeEventListener("editor:toolbar:resize-spacing",M),window.removeEventListener("editor:hover-component",D),window.removeEventListener("editor:component:render",z),window.removeEventListener("editor:editor-mobile-change",H),document.body.removeAttribute("data-editor-mobile")}),[x,B,R,P,T,k,M,D,z,H]),t(e,{})});export{f as default};

package/dist/esm/pages/headless.js

@@ -2,4 +2,4 @@ import{jsx as e,jsxs as t,Fragment as s}from"react/jsx-runtime";import{PageProvi
             body {
               background: ${z};
             }
-          `},`page_background_${z}`)]}),e(a,{productOffers:T,publicStoreFrontData:P,dynamicDiscountOffer:H,sellingPlanMeta:j,buyerConsentChecked:$,children:e(r,{components:h,children:t("div",{role:"main",children:[O&&e("div",{dangerouslySetInnerHTML:{__html:`<div id="gp-interaction" style="display: none;">${JSON.stringify(L?.value||[])}</div>`}}),e(l,{data:y,children:f?.map(s=>t(n,{state:s.data,lazy:s.lazy,priority:s.priority,isPostPurchase:N,isPreview:I,children:[e(i,{uid:s.uid}),O&&e(m,{defer:!0,src:`${B}/assets-v2/gp-flow-action-lip-v7-5.js`})]},s.uid))})]})})})]})};export{h as Headless};
+          `},`page_background_${z}`)]}),e(a,{productOffers:T,publicStoreFrontData:P,dynamicDiscountOffer:H,sellingPlanMeta:j,buyerConsentChecked:$,children:e(r,{components:h,children:t("div",{role:"main",children:[O&&e("div",{dangerouslySetInnerHTML:{__html:`<div id="gp-interaction" style="display: none;">${JSON.stringify(L?.value||[])}</div>`}}),e(l,{data:y,children:f?.map(s=>t(n,{state:s.data,lazy:s.lazy,priority:s.priority,isPostPurchase:N,isPreview:I,children:[e(i,{uid:s.uid}),O&&e(m,{defer:!0,src:`${B}/assets-v2/gp-flow-action-lip-v7-5.js`})]}))})]})})})]})};export{h as Headless};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "23.0.0-staging.9",
+  "version": "23.1.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -16,21 +16,24 @@
     "post:publish": "node ./../../helpers/convert-publish.js",
     "pre:publish": "node ./../../helpers/convert-publish.js -p",
     "test": "jest -c ./../../helpers/jest.config.ts",
-    "type-check": "tsc --noEmit",
+    "type-check": "node ../../node_modules/typescript7/bin/tsc --noEmit",
     "watch": "rollup -c ./../../helpers/rollup.config.mjs -w"
   },
   "dependencies": {
-    "@sentry/nextjs": "10.75.2",
+    "@sentry/nextjs": "7.77.0",
     "deepmerge": "4.3.1",
     "html-react-parser": "4.2.10",
-    "next": "16.3.5",
+    "next": "14.2.35",
     "next-seo": "6.8.0"
   },
   "devDependencies": {
-    "@gem-sdk/core": "23.0.0-staging.1",
-    "@gem-sdk/plugin-cookie-bar": "23.0.0-staging.1",
-    "@gem-sdk/plugin-quick-view": "23.0.0-staging.1",
-    "@gem-sdk/plugin-sticky-add-to-cart": "23.0.0-staging.1"
+    "@gem-sdk/core": "23.0.0",
+    "@gem-sdk/plugin-cookie-bar": "23.0.0",
+    "@gem-sdk/plugin-quick-view": "23.0.0",
+    "@gem-sdk/plugin-sticky-add-to-cart": "23.0.0"
+  },
+  "peerDependencies": {
+    "next": "14.2.35"
   },
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",

package/dist/cjs/components/builder/toolbar/utils/syncOverlayRect.js

@@ -1 +0,0 @@
-"use strict";const e={X:"--gp-ol-x",Y:"--gp-ol-y",WIDTH:"--gp-ol-w",HEIGHT:"--gp-ol-h",RIGHT:"--gp-ol-r",BOTTOM:"--gp-ol-b"},t=({style:e,name:t,value:r})=>{e.getPropertyValue(t)!==r&&e.setProperty(t,r)},r=({$component:t})=>{t instanceof HTMLElement&&Object.values(e).forEach(e=>{t.style.getPropertyValue(e)&&t.style.removeProperty(e)})},l=["transform","translate","rotate","scale","perspective","filter"],n=({value:e,initial:t})=>!!e&&e!==t,o=e=>!!("static"!==e.position||l.some(t=>n({value:e.getPropertyValue(t),initial:"none"}))||n({value:e.getPropertyValue("backdrop-filter")||e.getPropertyValue("-webkit-backdrop-filter"),initial:"none"})||n({value:e.getPropertyValue("container-type"),initial:"normal"})||/transform|translate|rotate|scale|perspective|filter/.test(e.willChange))||/layout|paint|strict|content/.test(e.contain),i=e=>{let t=e.parentElement;for(;t;){if(o(getComputedStyle(t)))return t;t=t.parentElement}return null};exports.clearOverlayRect=r,exports.getOverlayContainingBlock=i,exports.syncOverlayRect=({$component:l})=>{if(!(l instanceof HTMLElement))return;if(o(getComputedStyle(l))){r({$component:l});return}let n=i(l);if(!(n instanceof HTMLElement)){r({$component:l});return}let a=l.getBoundingClientRect(),p=n.getBoundingClientRect(),c=p.left+n.clientLeft-n.scrollLeft,s=p.top+n.clientTop-n.scrollTop,{style:g}=l,u={[e.X]:`${a.left-c}px`,[e.Y]:`${a.top-s}px`,[e.WIDTH]:`${a.width}px`,[e.HEIGHT]:`${a.height}px`,[e.RIGHT]:`${c+n.clientWidth-a.right}px`,[e.BOTTOM]:`${s+n.clientHeight-a.bottom}px`};Object.entries(u).forEach(([e,r])=>t({style:g,name:e,value:r}))};

package/dist/esm/components/builder/toolbar/utils/syncOverlayRect.js

@@ -1 +0,0 @@
-let e={X:"--gp-ol-x",Y:"--gp-ol-y",WIDTH:"--gp-ol-w",HEIGHT:"--gp-ol-h",RIGHT:"--gp-ol-r",BOTTOM:"--gp-ol-b"},t=({style:e,name:t,value:l})=>{e.getPropertyValue(t)!==l&&e.setProperty(t,l)},l=({$component:t})=>{t instanceof HTMLElement&&Object.values(e).forEach(e=>{t.style.getPropertyValue(e)&&t.style.removeProperty(e)})},r=["transform","translate","rotate","scale","perspective","filter"],n=({value:e,initial:t})=>!!e&&e!==t,o=e=>!!("static"!==e.position||r.some(t=>n({value:e.getPropertyValue(t),initial:"none"}))||n({value:e.getPropertyValue("backdrop-filter")||e.getPropertyValue("-webkit-backdrop-filter"),initial:"none"})||n({value:e.getPropertyValue("container-type"),initial:"normal"})||/transform|translate|rotate|scale|perspective|filter/.test(e.willChange))||/layout|paint|strict|content/.test(e.contain),i=e=>{let t=e.parentElement;for(;t;){if(o(getComputedStyle(t)))return t;t=t.parentElement}return null},a=({$component:r})=>{if(!(r instanceof HTMLElement))return;if(o(getComputedStyle(r))){l({$component:r});return}let n=i(r);if(!(n instanceof HTMLElement)){l({$component:r});return}let a=r.getBoundingClientRect(),p=n.getBoundingClientRect(),c=p.left+n.clientLeft-n.scrollLeft,s=p.top+n.clientTop-n.scrollTop,{style:g}=r,u={[e.X]:`${a.left-c}px`,[e.Y]:`${a.top-s}px`,[e.WIDTH]:`${a.width}px`,[e.HEIGHT]:`${a.height}px`,[e.RIGHT]:`${c+n.clientWidth-a.right}px`,[e.BOTTOM]:`${s+n.clientHeight-a.bottom}px`};Object.entries(u).forEach(([e,l])=>t({style:g,name:e,value:l}))};export{l as clearOverlayRect,i as getOverlayContainingBlock,a as syncOverlayRect};