npm - @gem-sdk/core - Versions diffs - 1.14.0-dev.647 → 1.14.0-dev.649 - Mend

@gem-sdk/core 1.14.0-dev.647 → 1.14.0-dev.649

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/cjs/components/ComponentToolbarPreview.js +1 -1
package/dist/cjs/components/ComponentWrapperPreview.js +1 -1
package/dist/cjs/helpers/colors.js +1 -1
package/dist/cjs/helpers/compose-advance-style.js +1 -1
package/dist/esm/components/ComponentToolbarPreview.js +1 -1
package/dist/esm/components/ComponentWrapperPreview.js +1 -1
package/dist/esm/helpers/colors.js +1 -1
package/dist/esm/helpers/compose-advance-style.js +1 -1
package/dist/types/index.d.ts +3 -2
package/package.json +1 -1

package/dist/cjs/components/ComponentToolbarPreview.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");require("zustand");var BuilderPreviewContext=require("../contexts/BuilderPreviewContext.js"),ShopContext=require("../contexts/ShopContext.js");require("@gem-sdk/adapter-shopify"),require("swr"),require("swr/mutation"),require("vanilla-lazyload"),require("../hooks/useCartUI.js");var CreateThemeSection=require("./theme-section/CreateThemeSection.js"),Tooltip=require("./toolbar/Tooltip.js"),ThemeSectionStatus=require("./theme-section/ThemeSectionStatus.js");require("../helpers/convert.js");const SECTION_LIMIT=25,notVisible=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t},isSection=e=>{let t=e.getAttribute("data-component-tag");return"Section"===t},ComponentToolbarPreview=({...e})=>{let t=e.isThemeSection,i=ShopContext.useShopStore(e=>e.pageType),o=BuilderPreviewContext.useBuilderPreviewStore(e=>e.getParents),n=BuilderPreviewContext.useBuilderPreviewStore(e=>e.getItem("ROOT")),r=BuilderPreviewContext.useBuilderPreviewStore(e=>e.isThemeSectionEditor),[l,a]=react.useState(null),[s,d]=react.useState(!1),[u,C]=react.useState(!1),[c,h]=react.useState([]),x=(e,t)=>{let i=c.length,o=e.getBoundingClientRect(),n=t.getBoundingClientRect();return o.top-n.top<36i},m=(e,t)=>{let i=t\|\|e;if(e&&!isSection(e))return notVisible(e)&&x(t,e)?e:e.parentElement?m(e.parentElement,i):void 0},p=react.useCallback(t=>{let i=t.detail;if(i?.componentUid==e.uid){let t=o(e.uid).filter(e=>!("ROOT"===e.uid\|\|"Section"===e.tag&&r\|\|e.editorConfigs?.toolbar?.hide\|\|e.editorConfigs?.component?.noSetting)).slice(0,3);h(t)}else h([]),d(!1)},[h,o,e.uid,r]);if(react.useEffect(()=>(window.addEventListener("editor:active-component",p),()=>{window.removeEventListener("editor:active-component",p)}),[p]),"section"===e.type\|\|e.editorConfigs?.toolbar?.hide)return null;let j=()=>n?.childrens?.length\|\|0,v=()=>"Section"!==e.tag?-1:n?.childrens?.length?n.childrens.findIndex(t=>t==e.uid):-1,b=e=>{if(!c.length)return;let t=e?.target\|\|null,i=t.closest("[data-toolbar-active]");if(!t\|\|!i)return;if(s)C(!1),d(!1);else{let e=m(i,i);if(e)C(!0);else{let e=i.getBoundingClientRect();e.top<36c.length?C(!0):C(!1)}d(!0)}let o=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!s}});window.dispatchEvent(o)},g=i=>{i.preventDefault(),i.stopPropagation();let o=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:e.uid,isThemeSection:t}});return window.dispatchEvent(o),!1},w=i=>{if(i.preventDefault(),i.stopPropagation(),j()>=25&&"Section"==e.tag)return!1;let o=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:e.uid,isThemeSection:t}});return window.dispatchEvent(o),!1},R=()=>{let t=e.tag;if("IconListV2"===t)return"Item list";if("IconList"===t)return"Advanced list";let i=e.customLabel\|\|e.label;return i},f=t=>{t.preventDefault(),t.stopPropagation();let i=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:e.uid}});return window.dispatchEvent(i),!1},S=()=>{a(null),window.removeEventListener("editor:close-add-section-popup",S)},T=(t,i)=>{if(t.preventDefault(),t.stopPropagation(),j()>=25)return!1;let o=t.target;if(o){a(i);let t=o.getBoundingClientRect(),n=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:e.uid,position:i,top:t.top+t.height/2}});window.dispatchEvent(n),window.addEventListener("editor:close-add-section-popup",S)}return!1},V=()=>{let t=e.name&&e.name===`Section ${e.uid}`;return j()>=20?`${t?"Section":e?.name} ${v()+1}/25`:t?`Section ${v()+1}`:e?.name};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!("Section"==e.tag&&r)&&jsxRuntime.jsxs("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==e.tag,"data-toolbar-theme-section":"Section"==e.tag&&!!t\|\|r,"data-toolbar-limit":v()>=25,children:[jsxRuntime.jsxs("div",{"data-toolbar-show-parent":!0,onClick:e=>b(e),"aria-hidden":"true",children:[jsxRuntime.jsx("div",{"data-toolbar-icon-drag":!0,children:jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[jsxRuntime.jsx("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==e.tag?jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:V()}):jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:R()}),"Section"!==e.tag&&c.length>0&&jsxRuntime.jsx("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":s,children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),s&&c.map((e,t)=>{let i=e?.childrens?.length??0,o=e.label;return"Row"===e.label&&(o=i<=1?e.label+" "+i+" col":e.label+" "+i+" cols"),jsxRuntime.jsxs("div",{"data-toolbar-parent":!0,"data-parent-uid":e.uid,"data-toolbar-theme-section":r,"data-toolbar-parent-revert":u,style:{top:u?`${36(t+1)}px`:`${-36(t+1)}px`},children:[jsxRuntime.jsx("div",{"data-toolbar-icon-drag":!0,children:jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[jsxRuntime.jsx("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:o})]},e.uid)}),"Section"===e.tag&&!e.isThemeSection&&"STATIC"!==i&&25>v()&&jsxRuntime.jsx(CreateThemeSection.CreateThemeSection,{...e}),"Sticky"==e.tag&&jsxRuntime.jsx("div",{"data-toolbar-zoom-out":!0,onClick:e=>f(e),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),jsxRuntime.jsx(Tooltip.default,{enable:"Section"==e.tag&&j()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"bottom","data-toolbar-duplicate":!0,"data-toolbar-disable":"Section"==e.tag&&j()>=25,onClick:e=>w(e),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),jsxRuntime.jsx("div",{"data-toolbar-delete":!0,onClick:e=>g(e),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),"STATIC"!==i&&25>v()&&jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatusWrapper,{...e}),jsxRuntime.jsx("div",{"data-outline":!0,"data-outline-section":"Section"==e.tag,"data-outline-theme-section":"Section"==e.tag&&!!t\|\|r,"data-outline-limit":v()>=25}),"Section"==e.tag&&!r&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Tooltip.default,{enable:j()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":j()>=25,"data-toolbar-add-open":"above"==l,onClick:e=>T(e,"above"),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),jsxRuntime.jsx(Tooltip.default,{enable:j()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":j()>=25,"data-toolbar-add-open":"below"==l,onClick:e=>T(e,"below"),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]})]})};exports.ComponentToolbarPreview=ComponentToolbarPreview;
1	+ "use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");require("zustand");var BuilderPreviewContext=require("../contexts/BuilderPreviewContext.js"),ShopContext=require("../contexts/ShopContext.js");require("@gem-sdk/adapter-shopify"),require("swr"),require("swr/mutation"),require("vanilla-lazyload"),require("../hooks/useCartUI.js");var CreateThemeSection=require("./theme-section/CreateThemeSection.js"),Tooltip=require("./toolbar/Tooltip.js"),ThemeSectionStatus=require("./theme-section/ThemeSectionStatus.js");require("../helpers/convert.js");const SECTION_LIMIT=25,notVisible=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t},isSection=e=>{let t=e.getAttribute("data-component-tag");return"Section"===t},ComponentToolbarPreview=({...e})=>{let t=e.isThemeSection,i=ShopContext.useShopStore(e=>e.pageType),o=BuilderPreviewContext.useBuilderPreviewStore(e=>e.getParents),n=BuilderPreviewContext.useBuilderPreviewStore(e=>e.getItem("ROOT")),r=BuilderPreviewContext.useBuilderPreviewStore(e=>e.isThemeSectionEditor),[l,a]=react.useState(null),[s,d]=react.useState(!1),[u,C]=react.useState(!1),[c,h]=react.useState([]),x=(e,t)=>{let i=c.length,o=e.getBoundingClientRect(),n=t.getBoundingClientRect();return o.top-n.top<36i},m=(e,t)=>{let i=t\|\|e;if(e&&!isSection(e))return notVisible(e)&&x(t,e)?e:e.parentElement?m(e.parentElement,i):void 0},p=react.useCallback(t=>{let i=t.detail;if(i?.componentUid==e.uid){let t=o(e.uid).filter(e=>!("ROOT"===e.uid\|\|"Section"===e.tag&&r\|\|e.editorConfigs?.toolbar?.hide\|\|e.editorConfigs?.component?.noSetting)).slice(0,3);h(t)}else h([]),d(!1)},[h,o,e.uid,r]);if(react.useEffect(()=>(window.addEventListener("editor:active-component",p),()=>{window.removeEventListener("editor:active-component",p)}),[p]),"section"===e.type\|\|e.editorConfigs?.toolbar?.hide)return null;let j=()=>n?.childrens?.length\|\|0,v=()=>"Section"!==e.tag?-1:n?.childrens?.length?n.childrens.findIndex(t=>t==e.uid):-1,b=e=>{if(!c.length)return;let t=e?.target\|\|null,i=t.closest("[data-toolbar-active]");if(!t\|\|!i)return;if(s)C(!1),d(!1);else{let e=m(i,i);if(e)C(!0);else{let e=i.getBoundingClientRect();e.top<36c.length?C(!0):C(!1)}d(!0)}let o=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!s}});window.dispatchEvent(o)},g=i=>{i.preventDefault(),i.stopPropagation();let o=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:e.uid,isThemeSection:t}});return window.dispatchEvent(o),!1},R=i=>{if(i.preventDefault(),i.stopPropagation(),j()>=25&&"Section"==e.tag)return!1;let o=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:e.uid,isThemeSection:t}});return window.dispatchEvent(o),!1},w=()=>{let t=e.tag;if("IconListV2"===t)return"Item list";if("IconList"===t)return"Advanced list";let i=e.customLabel\|\|e.label;return i},S=t=>{t.preventDefault(),t.stopPropagation();let i=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:e.uid}});return window.dispatchEvent(i),!1},f=()=>{a(null),window.removeEventListener("editor:close-add-section-popup",f)},T=(t,i)=>{if(t.preventDefault(),t.stopPropagation(),j()>=25)return!1;let o=t.target;if(o){a(i);let t=o.getBoundingClientRect(),n=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:e.uid,position:i,top:t.top+t.height/2}});window.dispatchEvent(n),window.addEventListener("editor:close-add-section-popup",f)}return!1},H=()=>{let t=e.name&&e.name===`Section ${e.uid}`;return j()>=20?`${t?"Section":e?.name} ${v()+1}/25`:t?`Section ${v()+1}`:e?.name};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!("Section"==e.tag&&r)&&jsxRuntime.jsxs("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==e.tag,"data-toolbar-theme-section":"Section"==e.tag&&!!t\|\|r,"data-toolbar-limit":v()>=25,children:[jsxRuntime.jsxs("div",{"data-toolbar-show-parent":!0,onClick:e=>b(e),"aria-hidden":"true",children:[jsxRuntime.jsx("div",{"data-toolbar-icon-drag":!0,children:jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[jsxRuntime.jsx("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==e.tag?jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:H()}):jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:w()}),"Section"!==e.tag&&c.length>0&&jsxRuntime.jsx("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":s,children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),s&&c.map((e,t)=>{let i=e?.childrens?.length??0,o=e.label;return"Row"===e.label&&(o=i<=1?e.label+" "+i+" col":e.label+" "+i+" cols"),jsxRuntime.jsxs("div",{"data-toolbar-parent":!0,"data-parent-uid":e.uid,"data-toolbar-theme-section":r,"data-toolbar-parent-revert":u,style:{top:u?`${36(t+1)}px`:`${-36(t+1)}px`},children:[jsxRuntime.jsx("div",{"data-toolbar-icon-drag":!0,children:jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[jsxRuntime.jsx("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),jsxRuntime.jsx("div",{"data-toolbar-name":!0,children:o})]},e.uid)}),"Section"===e.tag&&!e.isThemeSection&&"STATIC"!==i&&"POST_PURCHASE"!==i&&25>v()&&jsxRuntime.jsx(CreateThemeSection.CreateThemeSection,{...e}),"Sticky"==e.tag&&jsxRuntime.jsx("div",{"data-toolbar-zoom-out":!0,onClick:e=>S(e),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),jsxRuntime.jsx(Tooltip.default,{enable:"Section"==e.tag&&j()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"bottom","data-toolbar-duplicate":!0,"data-toolbar-disable":"Section"==e.tag&&j()>=25,onClick:e=>R(e),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),jsxRuntime.jsx("div",{"data-toolbar-delete":!0,onClick:e=>g(e),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),"STATIC"!==i&&"POST_PURCHASE"!==i&&25>v()&&jsxRuntime.jsx(ThemeSectionStatus.ThemeSectionStatusWrapper,{...e}),jsxRuntime.jsx("div",{"data-outline":!0,"data-outline-section":"Section"==e.tag,"data-outline-theme-section":"Section"==e.tag&&!!t\|\|r,"data-outline-limit":v()>=25}),"Section"==e.tag&&!r&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Tooltip.default,{enable:j()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":j()>=25,"data-toolbar-add-open":"above"==l,onClick:e=>T(e,"above"),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),jsxRuntime.jsx(Tooltip.default,{enable:j()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":j()>=25,"data-toolbar-add-open":"below"==l,onClick:e=>T(e,"below"),"aria-hidden":"true",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:jsxRuntime.jsx("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]})]})};exports.ComponentToolbarPreview=ComponentToolbarPreview;

package/dist/cjs/components/ComponentWrapperPreview.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js"),RenderCustomCode=require("./RenderCustomCode.js"),ComponentToolbarPreview=require("./ComponentToolbarPreview.js"),useApplyAnimation=require("../hooks/animation/useApplyAnimation.js");const ComponentWrapperPreview=({children:e,...t})=>{~~if(~~react.useEffect(()=>{let e=new CustomEvent("editor:component:render",{bubbles:!0,detail:{componentUid:t.uid}});window.dispatchEvent(e)},[t.uid]),useApplyAnimation.default({props:t}),"section"===t.type)return null;let o={};if("Section"===t.tag&&t.isThemeSection&&(o["data-theme-section"]=!0),t.editorConfigs){let e=t.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(o["data-placeholder-not-append-before-after"]=!0),e.placeholder?.notAppendLeftRight&&(o["data-placeholder-not-append-left-right"]=!0),e.toolbar?.parent&&(o["data-toolbar-parent"]=!0),e.component?.noDelete&&(o["data-component-no-delete"]=!0),e.component?.noDuplicate&&(o["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(o["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(o["data-component-no-setting"]=!0),e.component?.isThirdParty&&(o["data-component-is-third-party"]=!0),e.toolbar?.hide&&(o["data-toolbar-hide"]=!0),e.slots?.children&&(o["data-slots-children"]=!0),e.toolbar?.hide\|\|(o["data-toolbar-wrap"]=!0)}t?.editorConfigs?.toolbar?.hide\|\|(o["data-toolbar-wrap"]=!0);let n=composeAdvanceStyle.composeAdvanceStyle(t.advanced,t.tag),a=t.advanced,r={...o,"data-uid":t.uid,"data-component-type":"component","data-component-tag":t.tag,"data-component-label":t.label};return constant.disableWrap.includes(t.tag)&&react.isValidElement(e)?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{uid:t.uid,advanced:a}),jsxRuntime.jsxs(e.type,{className:a?.cssClass,...e.props,style:n,builderAttrs:r,advanced:a,children:[e.props.children,jsxRuntime.jsx(ComponentToolbarPreview.ComponentToolbarPreview,{...t})]})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{uid:t.uid,advanced:a}),jsxRuntime.jsxs("div",{style:constant.excludeApplyStyle.includes(t.tag)?{"--mb":n?.["--mb"],"--mb-tablet":n?.["--mb-tablet"],"--mb-mobile":n?.["--mb-mobile"]}:n,className:`${t.uid} ${t.advanced?.cssClass?t.advanced?.cssClass:""}`,...r,children:[!constant.excludeApplyStyle.includes(t.tag)&&e,react.isValidElement(e)&&constant.excludeApplyStyle.includes(t.tag)&&jsxRuntime.jsx(e.type,{...e.props,style:n,advanced:a}),jsxRuntime.jsx(ComponentToolbarPreview.ComponentToolbarPreview,{...t})]})]})};exports.default=ComponentWrapperPreview;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js"),RenderCustomCode=require("./RenderCustomCode.js"),ComponentToolbarPreview=require("./ComponentToolbarPreview.js"),useApplyAnimation=require("../hooks/animation/useApplyAnimation.js");require("zustand"),require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var shop=require("../hooks/shop.js");require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../helpers/convert.js");const ComponentWrapperPreview=({children:e,...t})=>{react.useEffect(()=>{let e=new CustomEvent("editor:component:render",{bubbles:!0,detail:{componentUid:t.uid}});window.dispatchEvent(e)},[t.uid]),useApplyAnimation.default({props:t});let o=shop.usePageType();if("section"===t.type)return null;let n={};if("Section"===t.tag&&t.isThemeSection&&(n["data-theme-section"]=!0),t.editorConfigs){let e=t.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(n["data-placeholder-not-append-before-after"]=!0),e.placeholder?.notAppendLeftRight&&(n["data-placeholder-not-append-left-right"]=!0),e.toolbar?.parent&&(n["data-toolbar-parent"]=!0),e.component?.noDelete&&(n["data-component-no-delete"]=!0),e.component?.noDuplicate&&(n["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(n["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(n["data-component-no-setting"]=!0),e.component?.isThirdParty&&(n["data-component-is-third-party"]=!0),e.toolbar?.hide&&(n["data-toolbar-hide"]=!0),e.slots?.children&&(n["data-slots-children"]=!0),e.toolbar?.hide\|\|(n["data-toolbar-wrap"]=!0)}t?.editorConfigs?.toolbar?.hide\|\|(n["data-toolbar-wrap"]=!0);let a=composeAdvanceStyle.composeAdvanceStyle(t.advanced,t.tag,o),r=t.advanced,s={...n,"data-uid":t.uid,"data-component-type":"component","data-component-tag":t.tag,"data-component-label":t.label};return constant.disableWrap.includes(t.tag)&&react.isValidElement(e)?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{uid:t.uid,advanced:r}),jsxRuntime.jsxs(e.type,{className:r?.cssClass,...e.props,style:a,builderAttrs:s,advanced:r,children:[e.props.children,jsxRuntime.jsx(ComponentToolbarPreview.ComponentToolbarPreview,{...t})]})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{uid:t.uid,advanced:r}),jsxRuntime.jsxs("div",{style:constant.excludeApplyStyle.includes(t.tag)?{"--mb":a?.["--mb"],"--mb-tablet":a?.["--mb-tablet"],"--mb-mobile":a?.["--mb-mobile"]}:a,className:`${t.uid} ${t.advanced?.cssClass?t.advanced?.cssClass:""}`,...s,children:[!constant.excludeApplyStyle.includes(t.tag)&&e,react.isValidElement(e)&&constant.excludeApplyStyle.includes(t.tag)&&jsxRuntime.jsx(e.type,{...e.props,style:a,advanced:r}),jsxRuntime.jsx(ComponentToolbarPreview.ComponentToolbarPreview,{...t})]})]})};exports.default=ComponentWrapperPreview;

package/dist/cjs/helpers/colors.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var isDefined=require("./is-defined.js"),constant=require("./constant.js");const getGlobalColorCSSProp=e=>getSingleColorVariable(e),getGlobalColorClass=(e,t)=>"string"!=typeof t\|\|!t\|\|t?.startsWith("#")\|\|t?.startsWith("rgb")\|\|t?.startsWith("hsl")\|\|t?.startsWith("transparent")?"":`${e}-g-${t}`,getGlobalColorResponsiveClass=(e,t)=>t?Object.entries(t).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"desktop"===t?l:`${t}:${l}`}).filter(isDefined.isDefined).join(" "):"",getGlobalColorStateClass=(e,t)=>t?Object.entries(t).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(isDefined.isDefined).join(" "):"",getGlobalColorStateClassDynamicBtn=(e,t)=>t?Object.entries(t).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(isDefined.isDefined).join(" "):"",getGlobalColorStateResponsiveClass=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(isDefined.isDefined).join(" "):Object.entries(o).map(([o,l])=>{let s=getGlobalColorClass(e,l);if(s)return"normal"===o?`${t}:${s}`:`${t}:${o}:${s}`}).filter(isDefined.isDefined).join(" ")).filter(Boolean).join(" "):"",getGlobalColorStateResponsiveClassDynamicBtn=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(isDefined.isDefined).join(" "):Object.entries(o).map(([o,l])=>{let s=getGlobalColorClass(e,l);if(s)return"normal"===o?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${s}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${o}:${s}`}).filter(isDefined.isDefined).join(" ")).filter(Boolean).join(" "):"",getGlobalColorResponsiveStyle=(e,t)=>t?Object.fromEntries(Object.entries(t).map(([t,o])=>"desktop"===t?[`--${e}`,getSingleColorVariable(o)]:[`--${e}-${t}`,getSingleColorVariable(o)])):{},getGlobalColorStateStyle=(e,t)=>t?Object.fromEntries(Object.entries(t).map(([t,o])=>"active"===t?[]:[`-${constant.stateMapping?.[t]}-${e}`,getSingleColorVariable(o)]).filter(isDefined.isDefined)):{},getGlobalColorStateResponsiveStyle=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?Object.fromEntries(Object.entries(o).map(([t,o])=>"active"===t?[]:[`-${constant.stateMapping[t]}-${e}`,getSingleColorVariable(o)]).filter(isDefined.isDefined)):Object.fromEntries(Object.entries(o).map(([o,l])=>"active"===o?[]:[`-${constant.stateMapping[o]}-${e}-${t}`,getSingleColorVariable(l)]).filter(isDefined.isDefined))).reduce((e,t)=>({...e,...t}),{}):{},getSingleColorVariable=e=>{if(e&&"string"==typeof e)return isColor(e)?e:`var(--g-c-${e}, ${e})`};function isColor(e){return e?.startsWith("#")\|\|e?.startsWith("rgb")\|\|e?.startsWith("hsl")\|\|e?.startsWith("transparent")}const getGlobalColorStyle=e=>e?{"--c":getSingleColorVariable(e)}:{},composeTextColorCss=e=>`${e?`color: ${getSingleColorVariable(e)} !important;`:""}`;exports.composeTextColorCss=composeTextColorCss,exports.getGlobalColorCSSProp=getGlobalColorCSSProp,exports.getGlobalColorClass=getGlobalColorClass,exports.getGlobalColorResponsiveClass=getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=getGlobalColorStateStyle,exports.getGlobalColorStyle=getGlobalColorStyle,exports.getSingleColorVariable=getSingleColorVariable,exports.isColor=isColor;
1	+ "use strict";var isDefined=require("./is-defined.js"),constant=require("./constant.js");const getGlobalColorCSSProp=e=>getSingleColorVariable(e),getGlobalColorClass=(e,t)=>"string"!=typeof t\|\|!t\|\|t?.startsWith("#")\|\|t?.startsWith("rgb")\|\|t?.startsWith("hsl")\|\|t?.startsWith("transparent")?"":`${e}-g-${t}`,getGlobalColorResponsiveClass=(e,t)=>t?Object.entries(t).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"desktop"===t?l:`${t}:${l}`}).filter(isDefined.isDefined).join(" "):"",getGlobalColorStateClass=(e,t)=>t?Object.entries(t).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(isDefined.isDefined).join(" "):"",getGlobalColorStateClassDynamicBtn=(e,t)=>t?Object.entries(t).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(isDefined.isDefined).join(" "):"",getGlobalColorStateResponsiveClass=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(isDefined.isDefined).join(" "):Object.entries(o).map(([o,l])=>{let s=getGlobalColorClass(e,l);if(s)return"normal"===o?`${t}:${s}`:`${t}:${o}:${s}`}).filter(isDefined.isDefined).join(" ")).filter(Boolean).join(" "):"",getGlobalColorStateResponsiveClassDynamicBtn=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(isDefined.isDefined).join(" "):Object.entries(o).map(([o,l])=>{let s=getGlobalColorClass(e,l);if(s)return"normal"===o?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${s}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${o}:${s}`}).filter(isDefined.isDefined).join(" ")).filter(Boolean).join(" "):"",getGlobalColorResponsiveStyle=(e,t)=>t?Object.fromEntries(Object.entries(t).map(([t,o])=>"desktop"===t?[`--${e}`,getSingleColorVariable(o)]:[`--${e}-${t}`,getSingleColorVariable(o)])):{},getGlobalColorStateStyle=(e,t)=>t?Object.fromEntries(Object.entries(t).map(([t,o])=>"active"===t?[]:[`-${constant.stateMapping?.[t]}-${e}`,getSingleColorVariable(o)]).filter(isDefined.isDefined)):{},getGlobalColorStateResponsiveStyle=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?Object.fromEntries(Object.entries(o).map(([t,o])=>"active"===t?[]:[`-${constant.stateMapping[t]}-${e}`,getSingleColorVariable(o)]).filter(isDefined.isDefined)):Object.fromEntries(Object.entries(o).map(([o,l])=>"active"===o?[]:[`-${constant.stateMapping[o]}-${e}-${t}`,getSingleColorVariable(l)]).filter(isDefined.isDefined))).reduce((e,t)=>({...e,...t}),{}):{},getSingleColorVariable=e=>{if(e&&"string"==typeof e)return isColor(e)?e:`var(--g-c-${e}, ${e})`};function isColor(e){return!!e&&"string"==typeof e&&(e?.startsWith("#")\|\|e?.startsWith("rgb")\|\|e?.startsWith("hsl")\|\|e?.startsWith("transparent"))}const getGlobalColorStyle=e=>e?{"--c":getSingleColorVariable(e)}:{},composeTextColorCss=e=>`${e?`color: ${getSingleColorVariable(e)} !important;`:""}`;exports.composeTextColorCss=composeTextColorCss,exports.getGlobalColorCSSProp=getGlobalColorCSSProp,exports.getGlobalColorClass=getGlobalColorClass,exports.getGlobalColorResponsiveClass=getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=getGlobalColorStateStyle,exports.getGlobalColorStyle=getGlobalColorStyle,exports.getSingleColorVariable=getSingleColorVariable,exports.isColor=isColor;

package/dist/cjs/helpers/compose-advance-style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var borders=require("./borders.js"),colors=require("./colors.js"),constant=require("./constant.js"),makeStyle=require("./make-style.js"),radius=require("./radius.js"),shadow=require("./shadow.js");const composeSpacing=({source:e,spacing:t,type:r,suffix:o=""})=>{let{top:a,left:s,bottom:l,right:n}=t;a&&(e[`--${r}t${o}`]=a),s&&(e[`--${r}l${o}`]=s),l&&(e[`--${r}b${o}`]=l),n&&(e[`--${r}r${o}`]=n)},composeSpacingV2=({source:e,spacing:t,suffix:r="",tag:o=""})=>{if(t&&t.margin){let{top:a,left:s,bottom:l,right:n}=t.margin;a&&(e[`--mt${r}`]=a),s&&(e[`--ml${r}`]=constant.layoutComponent.includes(o)&&"0px"===s?"auto":s),l&&(e[`--mb${r}`]=l),n&&(e[`--mr${r}`]=constant.layoutComponent.includes(o)&&"0px"===n?"auto":n)}if(t&&t.padding){let{top:o,left:a,bottom:s,right:l}=t.padding;o&&(e[`--pt${r}`]=o),a&&(e[`--pl${r}`]=a),s&&(e[`--pb${r}`]=s),l&&(e[`--pr${r}`]=l)}},getAttrValue=(e,t,r)=>{if(null!=t)switch(e){case"bgc":case"c":return colors.isColor(t.toString())?t:`var(--g-c-${t})`;case"d":if(!t)return"none";if(t&&r&&constant.layoutComponent.includes(r))return"grid";return"block";default:return t}},postPurchasePaddingMapping={loose:"21px",extraLoose:"38px",tight:"9px",extraTight:"5px",base:"14px"},composeAdvanceStyleForPostPurchase=(e,t)=>{if(!e)return{};let r={};return Object.keys(e).forEach(o=>{let a=e[o];if("blockPadding"===o){let e=postPurchasePaddingMapping[a];r["--pb"]=getAttrValue(o,e,t),r["--pt"]=getAttrValue(o,e,t),r["--mb"]="0px",r["--mt"]="0px"}if("inlinePadding"===o){let e=postPurchasePaddingMapping[a];r["--pl"]=getAttrValue(o,e,t),r["--pr"]=getAttrValue(o,e,t)}}),r};function composeAdvanceStyle(e,t){if(!e)return{};let r={"--pos":"relative"},o=["desktop","tablet","mobile"],a=["hover","normal"];Object.keys(e).forEach(s=>{let l=e[s];if("cssClass"===s\|\|null==l)return;let n=e.hasBoxShadow?e.hasBoxShadow:{};if("object"==typeof l){if(Array.isArray(l))return;Object.keys(l).forEach(i=>{if(o.includes(i)){let e=l[i];if(void 0!==e){if("border"===s&&Object.assign(r,borders.handleConvertBorderStyle(l),borders.handleConvertBorderWidth(l),borders.handleConvertBorderColor(l)),"rounded"===s&&Object.assign(r,radius.composeRadius(l)),"pos"==s&&"static"==e&&(e="relative"),"desktop"===i)switch(s){case"padding":composeSpacing({source:r,spacing:e,type:"p"});break;case"margin":composeSpacing({source:r,spacing:e,type:"m"});break;case"spacing-setting":composeSpacingV2({source:r,spacing:e,tag:t});break;case"m":case"p":break;default:r[`--${s}`]=getAttrValue(s,e,t)}else switch(s){case"padding":composeSpacing({source:r,spacing:e,type:"p",suffix:`-${i}`});break;case"margin":composeSpacing({source:r,spacing:e,type:"m",suffix:`-${i}`});break;case"spacing-setting":composeSpacingV2({source:r,spacing:e,suffix:`-${i}`,tag:t});break;case"m":case"p":break;default:r[`--${s}-${i}`]=getAttrValue(s,e,t)}}}else if(a.includes(i))switch(s){case"hasBoxShadow":break;case"boxShadow":Object.assign(r,shadow.getStyleShadowState(l,"box-shadow",n))}else"border"===s&&("none"===l.border&&(l.border="solid",l.color="#121212",l.isCustom=!0,l.width="0px",l.position="all"),Object.assign(r,borders.getBorderStyle(l))),"rounded"===s&&Object.assign(r,radius.getCornerCSSFromGlobal(l)),"hasBoxShadow"===s&&Object.assign(r,shadow.getStyleShadow({value:e.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow})),"boxShadow"===s&&Object.assign(r,shadow.getStyleShadow({value:l,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow}))})}else r[`--${s}`]=getAttrValue(s,l,t),"hasBoxShadow"===s&&e.boxShadow&&Object.assign(r,shadow.getStyleShadow({value:e.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow}));if("blockPadding"===s){let e=postPurchasePaddingMapping[l];r["--pb"]=getAttrValue(s,e,t),r["--pt"]=getAttrValue(s,e,t),r["--mb"]="0px",r["--mt"]="0px"}if("inlinePadding"===s){let e=postPurchasePaddingMapping[l];r["--pl"]=getAttrValue(s,e,t),r["--pr"]=getAttrValue(s,e,t)}});let s=composeAdvanceStyleForPostPurchase(e,t);return{...r,...s}}const splitStyle=(e,t={})=>{let r=e.map(e=>makeStyle.makeStyleKey(e)).flat(),o=Object.keys(t).filter(e=>r.includes(e)),a=o.reduce((e,r)=>({...e,[r]:t[r]}),{}),s=Object.keys(t).filter(e=>!o.includes(e)).reduce((e,r)=>({...e,[r]:t[r]}),{});return[a,s]},filterAttrInStyle=(e,t)=>{if(!e\|\|!t)return{};let r={...e};return Object.entries(r).forEach(([e])=>{t.includes(e)\|\|delete r[e]}),r},removeAttrInStyle=(e,t)=>{if(!e\|\|!t)return{};let r={...e};return Object.entries(r).forEach(([e])=>{t.includes(e)&&delete r[e]}),r},filterCornerInStyle=e=>{let t=["--bblr","--bbrr","--btlr","--btrr"];return filterAttrInStyle(e,t)},removePaddingYInStyle=e=>{let t=["--pt","--pt-tablet","--pt-mobile","--pb","--pb-tablet","--pb-mobile"];return removeAttrInStyle(e,t)};exports.composeAdvanceStyle=composeAdvanceStyle,exports.composeAdvanceStyleForPostPurchase=composeAdvanceStyleForPostPurchase,exports.filterAttrInStyle=filterAttrInStyle,exports.filterCornerInStyle=filterCornerInStyle,exports.removeAttrInStyle=removeAttrInStyle,exports.removePaddingYInStyle=removePaddingYInStyle,exports.splitStyle=splitStyle;
1	+ "use strict";var borders=require("./borders.js"),colors=require("./colors.js"),constant=require("./constant.js"),makeStyle=require("./make-style.js"),radius=require("./radius.js"),shadow=require("./shadow.js");const composeSpacing=({source:e,spacing:t,type:r,suffix:o=""})=>{let{top:a,left:s,bottom:l,right:n}=t;a&&(e[`--${r}t${o}`]=a),s&&(e[`--${r}l${o}`]=s),l&&(e[`--${r}b${o}`]=l),n&&(e[`--${r}r${o}`]=n)},composeSpacingV2=({source:e,spacing:t,suffix:r="",tag:o=""})=>{if(t&&t.margin){let{top:a,left:s,bottom:l,right:n}=t.margin;a&&(e[`--mt${r}`]=a),s&&(e[`--ml${r}`]=constant.layoutComponent.includes(o)&&"0px"===s?"auto":s),l&&(e[`--mb${r}`]=l),n&&(e[`--mr${r}`]=constant.layoutComponent.includes(o)&&"0px"===n?"auto":n)}if(t&&t.padding){let{top:o,left:a,bottom:s,right:l}=t.padding;o&&(e[`--pt${r}`]=o),a&&(e[`--pl${r}`]=a),s&&(e[`--pb${r}`]=s),l&&(e[`--pr${r}`]=l)}},getAttrValue=(e,t,r)=>{if(null!=t)switch(e){case"bgc":case"c":return colors.isColor(t.toString())?t:`var(--g-c-${t})`;case"d":if(!t)return"none";if(t&&r&&constant.layoutComponent.includes(r))return"grid";return"block";default:return t}},postPurchasePaddingMapping={loose:"21px",extraLoose:"38px",tight:"9px",extraTight:"5px",base:"14px"},composeAdvanceStyleForPostPurchase=(e,t)=>{if(!e)return{};let r={};return Object.keys(e).forEach(o=>{let a=e[o];if("blockPadding"===o){let e=postPurchasePaddingMapping[a];r["--pb"]=getAttrValue(o,e,t),r["--pt"]=getAttrValue(o,e,t),r["--mb"]="0px",r["--mt"]="0px"}if("inlinePadding"===o){let e=postPurchasePaddingMapping[a];r["--pl"]=getAttrValue(o,e,t),r["--pr"]=getAttrValue(o,e,t)}}),r};function composeAdvanceStyle(e,t,r){if(!e)return{};let o={"--pos":"relative"},a=["desktop","tablet","mobile"],s=["hover","normal"];Object.keys(e).forEach(l=>{let n=e[l];if("cssClass"===l\|\|null==n)return;let i=e.hasBoxShadow?e.hasBoxShadow:{};if("object"==typeof n){if(Array.isArray(n))return;Object.keys(n).forEach(r=>{if(a.includes(r)){let e=n[r];if(void 0!==e){if("border"===l&&Object.assign(o,borders.handleConvertBorderStyle(n),borders.handleConvertBorderWidth(n),borders.handleConvertBorderColor(n)),"rounded"===l&&Object.assign(o,radius.composeRadius(n)),"pos"==l&&"static"==e&&(e="relative"),"desktop"===r)switch(l){case"padding":composeSpacing({source:o,spacing:e,type:"p"});break;case"margin":composeSpacing({source:o,spacing:e,type:"m"});break;case"spacing-setting":composeSpacingV2({source:o,spacing:e,tag:t});break;case"m":case"p":break;default:o[`--${l}`]=getAttrValue(l,e,t)}else switch(l){case"padding":composeSpacing({source:o,spacing:e,type:"p",suffix:`-${r}`});break;case"margin":composeSpacing({source:o,spacing:e,type:"m",suffix:`-${r}`});break;case"spacing-setting":composeSpacingV2({source:o,spacing:e,suffix:`-${r}`,tag:t});break;case"m":case"p":break;default:o[`--${l}-${r}`]=getAttrValue(l,e,t)}}}else if(s.includes(r))switch(l){case"hasBoxShadow":break;case"boxShadow":Object.assign(o,shadow.getStyleShadowState(n,"box-shadow",i))}else"border"===l&&("none"===n.border&&(n.border="solid",n.color="#121212",n.isCustom=!0,n.width="0px",n.position="all"),Object.assign(o,borders.getBorderStyle(n))),"rounded"===l&&Object.assign(o,radius.getCornerCSSFromGlobal(n)),"hasBoxShadow"===l&&Object.assign(o,shadow.getStyleShadow({value:e.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow})),"boxShadow"===l&&Object.assign(o,shadow.getStyleShadow({value:n,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow}))})}else o[`--${l}`]=getAttrValue(l,n,t),"hasBoxShadow"===l&&e.boxShadow&&Object.assign(o,shadow.getStyleShadow({value:e.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow}));if("blockPadding"===l&&"POST_PURCHASE"===r){let e=postPurchasePaddingMapping[n];o["--pb"]=getAttrValue(l,e,t),o["--pt"]=getAttrValue(l,e,t),o["--mb"]="0px",o["--mt"]="0px"}if("inlinePadding"===l&&"POST_PURCHASE"===r){let e=postPurchasePaddingMapping[n];o["--pl"]=getAttrValue(l,e,t),o["--pr"]=getAttrValue(l,e,t)}});let l="POST_PURCHASE"===r?composeAdvanceStyleForPostPurchase(e,t):{};return{...o,...l}}const splitStyle=(e,t={})=>{let r=e.map(e=>makeStyle.makeStyleKey(e)).flat(),o=Object.keys(t).filter(e=>r.includes(e)),a=o.reduce((e,r)=>({...e,[r]:t[r]}),{}),s=Object.keys(t).filter(e=>!o.includes(e)).reduce((e,r)=>({...e,[r]:t[r]}),{});return[a,s]},filterAttrInStyle=(e,t)=>{if(!e\|\|!t)return{};let r={...e};return Object.entries(r).forEach(([e])=>{t.includes(e)\|\|delete r[e]}),r},removeAttrInStyle=(e,t)=>{if(!e\|\|!t)return{};let r={...e};return Object.entries(r).forEach(([e])=>{t.includes(e)&&delete r[e]}),r},filterCornerInStyle=e=>{let t=["--bblr","--bbrr","--btlr","--btrr"];return filterAttrInStyle(e,t)},removePaddingYInStyle=e=>{let t=["--pt","--pt-tablet","--pt-mobile","--pb","--pb-tablet","--pb-mobile"];return removeAttrInStyle(e,t)};exports.composeAdvanceStyle=composeAdvanceStyle,exports.composeAdvanceStyleForPostPurchase=composeAdvanceStyleForPostPurchase,exports.filterAttrInStyle=filterAttrInStyle,exports.filterCornerInStyle=filterCornerInStyle,exports.removeAttrInStyle=removeAttrInStyle,exports.removePaddingYInStyle=removePaddingYInStyle,exports.splitStyle=splitStyle;

package/dist/esm/components/ComponentToolbarPreview.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as i,useCallback as n,useEffect as l}from"react";import"zustand";import{useBuilderPreviewStore as r}from"../contexts/BuilderPreviewContext.js";import{useShopStore as a}from"../contexts/ShopContext.js";import"@gem-sdk/adapter-shopify";import"swr";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import{CreateThemeSection as d}from"./theme-section/CreateThemeSection.js";import C from"./toolbar/Tooltip.js";import{ThemeSectionStatusWrapper as c}from"./theme-section/ThemeSectionStatus.js";import"../helpers/convert.js";let SECTION_LIMIT=25,notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},ComponentToolbarPreview=({...h})=>{let p=h.isThemeSection,s=a(t=>t.pageType),u=r(t=>t.getParents),m=r(t=>t.getItem("ROOT")),b=r(t=>t.isThemeSectionEditor),[g,v]=i(null),[f,w]=i(!1),[S,V]=i(!1),[H,M]=i([]),Z=(t,e)=>{let o=H.length,i=t.getBoundingClientRect(),n=e.getBoundingClientRect();return i.top-n.top<36o},x=(t,e)=>{let o=e\|\|t;if(t&&!isSection(t))return notVisible(t)&&Z(e,t)?t:t.parentElement?x(t.parentElement,o):void 0},L=n(t=>{let e=t.detail;if(e?.componentUid==h.uid){let t=u(h.uid).filter(t=>!("ROOT"===t.uid\|\|"Section"===t.tag&&b\|\|t.editorConfigs?.toolbar?.hide\|\|t.editorConfigs?.component?.noSetting)).slice(0,3);M(t)}else M([]),w(!1)},[M,u,h.uid,b]);if(l(()=>(window.addEventListener("editor:active-component",L),()=>{window.removeEventListener("editor:active-component",L)}),[L]),"section"===h.type\|\|h.editorConfigs?.toolbar?.hide)return null;let T=()=>m?.childrens?.length\|\|0,E=()=>"Section"!==h.tag?-1:m?.childrens?.length?m.childrens.findIndex(t=>t==h.uid):-1,B=t=>{if(!H.length)return;let e=t?.target\|\|null,o=e.closest("[data-toolbar-active]");if(!e\|\|!o)return;if(f)V(!1),w(!1);else{let t=x(o,o);if(t)V(!0);else{let t=o.getBoundingClientRect();t.top<36H.length?V(!0):V(!1)}w(!0)}let i=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!f}});window.dispatchEvent(i)},R=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:h.uid,isThemeSection:p}});return window.dispatchEvent(e),!1},I=t=>{if(t.preventDefault(),t.stopPropagation(),T()>=25&&"Section"==h.tag)return!1;let e=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:h.uid,isThemeSection:p}});return window.dispatchEvent(e),!1},P=()=>{let t=h.tag;if("IconListV2"===t)return"Item list";if("IconList"===t)return"Advanced list";let e=h.customLabel\|\|h.label;return e},y=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:h.uid}});return window.dispatchEvent(e),!1},k=()=>{v(null),window.removeEventListener("editor:close-add-section-popup",k)},j=(t,e)=>{if(t.preventDefault(),t.stopPropagation(),T()>=25)return!1;let o=t.target;if(o){v(e);let t=o.getBoundingClientRect(),i=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:h.uid,position:e,top:t.top+t.height/2}});window.dispatchEvent(i),window.addEventListener("editor:close-add-section-popup",k)}return!1},U=()=>{let t=h.name&&h.name===`Section ${h.uid}`;return T()>=20?`${t?"Section":h?.name} ${E()+1}/25`:t?`Section ${E()+1}`:h?.name};return t(e,{children:[!("Section"==h.tag&&b)&&t("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==h.tag,"data-toolbar-theme-section":"Section"==h.tag&&!!p\|\|b,"data-toolbar-limit":E()>=25,children:[t("div",{"data-toolbar-show-parent":!0,onClick:t=>B(t),"aria-hidden":"true",children:[o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==h.tag?o("div",{"data-toolbar-name":!0,children:U()}):o("div",{"data-toolbar-name":!0,children:P()}),"Section"!==h.tag&&H.length>0&&o("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":f,children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),f&&H.map((e,i)=>{let n=e?.childrens?.length??0,l=e.label;return"Row"===e.label&&(l=n<=1?e.label+" "+n+" col":e.label+" "+n+" cols"),t("div",{"data-toolbar-parent":!0,"data-parent-uid":e.uid,"data-toolbar-theme-section":b,"data-toolbar-parent-revert":S,style:{top:S?`${36(i+1)}px`:`${-36(i+1)}px`},children:[o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),o("div",{"data-toolbar-name":!0,children:l})]},e.uid)}),"Section"===h.tag&&!h.isThemeSection&&"STATIC"!==s&&25>E()&&o(d,{...h}),"Sticky"==h.tag&&o("div",{"data-toolbar-zoom-out":!0,onClick:t=>y(t),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),o(C,{enable:"Section"==h.tag&&T()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"bottom","data-toolbar-duplicate":!0,"data-toolbar-disable":"Section"==h.tag&&T()>=25,onClick:t=>I(t),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),o("div",{"data-toolbar-delete":!0,onClick:t=>R(t),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),"STATIC"!==s&&25>E()&&o(c,{...h}),o("div",{"data-outline":!0,"data-outline-section":"Section"==h.tag,"data-outline-theme-section":"Section"==h.tag&&!!p\|\|b,"data-outline-limit":E()>=25}),"Section"==h.tag&&!b&&t(e,{children:[o(C,{enable:T()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":T()>=25,"data-toolbar-add-open":"above"==g,onClick:t=>j(t,"above"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),o(C,{enable:T()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":T()>=25,"data-toolbar-add-open":"below"==g,onClick:t=>j(t,"below"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]})]})};export{ComponentToolbarPreview};
1	+ import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as i,useCallback as n,useEffect as l}from"react";import"zustand";import{useBuilderPreviewStore as r}from"../contexts/BuilderPreviewContext.js";import{useShopStore as a}from"../contexts/ShopContext.js";import"@gem-sdk/adapter-shopify";import"swr";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import{CreateThemeSection as d}from"./theme-section/CreateThemeSection.js";import C from"./toolbar/Tooltip.js";import{ThemeSectionStatusWrapper as c}from"./theme-section/ThemeSectionStatus.js";import"../helpers/convert.js";let SECTION_LIMIT=25,notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},ComponentToolbarPreview=({...h})=>{let p=h.isThemeSection,s=a(t=>t.pageType),u=r(t=>t.getParents),m=r(t=>t.getItem("ROOT")),b=r(t=>t.isThemeSectionEditor),[g,v]=i(null),[f,w]=i(!1),[S,H]=i(!1),[V,M]=i([]),Z=(t,e)=>{let o=V.length,i=t.getBoundingClientRect(),n=e.getBoundingClientRect();return i.top-n.top<36o},x=(t,e)=>{let o=e\|\|t;if(t&&!isSection(t))return notVisible(t)&&Z(e,t)?t:t.parentElement?x(t.parentElement,o):void 0},T=n(t=>{let e=t.detail;if(e?.componentUid==h.uid){let t=u(h.uid).filter(t=>!("ROOT"===t.uid\|\|"Section"===t.tag&&b\|\|t.editorConfigs?.toolbar?.hide\|\|t.editorConfigs?.component?.noSetting)).slice(0,3);M(t)}else M([]),w(!1)},[M,u,h.uid,b]);if(l(()=>(window.addEventListener("editor:active-component",T),()=>{window.removeEventListener("editor:active-component",T)}),[T]),"section"===h.type\|\|h.editorConfigs?.toolbar?.hide)return null;let E=()=>m?.childrens?.length\|\|0,L=()=>"Section"!==h.tag?-1:m?.childrens?.length?m.childrens.findIndex(t=>t==h.uid):-1,P=t=>{if(!V.length)return;let e=t?.target\|\|null,o=e.closest("[data-toolbar-active]");if(!e\|\|!o)return;if(f)H(!1),w(!1);else{let t=x(o,o);if(t)H(!0);else{let t=o.getBoundingClientRect();t.top<36V.length?H(!0):H(!1)}w(!0)}let i=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!f}});window.dispatchEvent(i)},R=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:h.uid,isThemeSection:p}});return window.dispatchEvent(e),!1},B=t=>{if(t.preventDefault(),t.stopPropagation(),E()>=25&&"Section"==h.tag)return!1;let e=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:h.uid,isThemeSection:p}});return window.dispatchEvent(e),!1},I=()=>{let t=h.tag;if("IconListV2"===t)return"Item list";if("IconList"===t)return"Advanced list";let e=h.customLabel\|\|h.label;return e},y=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:h.uid}});return window.dispatchEvent(e),!1},k=()=>{v(null),window.removeEventListener("editor:close-add-section-popup",k)},j=(t,e)=>{if(t.preventDefault(),t.stopPropagation(),E()>=25)return!1;let o=t.target;if(o){v(e);let t=o.getBoundingClientRect(),i=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:h.uid,position:e,top:t.top+t.height/2}});window.dispatchEvent(i),window.addEventListener("editor:close-add-section-popup",k)}return!1},U=()=>{let t=h.name&&h.name===`Section ${h.uid}`;return E()>=20?`${t?"Section":h?.name} ${L()+1}/25`:t?`Section ${L()+1}`:h?.name};return t(e,{children:[!("Section"==h.tag&&b)&&t("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==h.tag,"data-toolbar-theme-section":"Section"==h.tag&&!!p\|\|b,"data-toolbar-limit":L()>=25,children:[t("div",{"data-toolbar-show-parent":!0,onClick:t=>P(t),"aria-hidden":"true",children:[o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==h.tag?o("div",{"data-toolbar-name":!0,children:U()}):o("div",{"data-toolbar-name":!0,children:I()}),"Section"!==h.tag&&V.length>0&&o("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":f,children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),f&&V.map((e,i)=>{let n=e?.childrens?.length??0,l=e.label;return"Row"===e.label&&(l=n<=1?e.label+" "+n+" col":e.label+" "+n+" cols"),t("div",{"data-toolbar-parent":!0,"data-parent-uid":e.uid,"data-toolbar-theme-section":b,"data-toolbar-parent-revert":S,style:{top:S?`${36(i+1)}px`:`${-36(i+1)}px`},children:[o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),o("div",{"data-toolbar-name":!0,children:l})]},e.uid)}),"Section"===h.tag&&!h.isThemeSection&&"STATIC"!==s&&"POST_PURCHASE"!==s&&25>L()&&o(d,{...h}),"Sticky"==h.tag&&o("div",{"data-toolbar-zoom-out":!0,onClick:t=>y(t),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),o(C,{enable:"Section"==h.tag&&E()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"bottom","data-toolbar-duplicate":!0,"data-toolbar-disable":"Section"==h.tag&&E()>=25,onClick:t=>B(t),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),o("div",{"data-toolbar-delete":!0,onClick:t=>R(t),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),"STATIC"!==s&&"POST_PURCHASE"!==s&&25>L()&&o(c,{...h}),o("div",{"data-outline":!0,"data-outline-section":"Section"==h.tag,"data-outline-theme-section":"Section"==h.tag&&!!p\|\|b,"data-outline-limit":L()>=25}),"Section"==h.tag&&!b&&t(e,{children:[o(C,{enable:E()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":E()>=25,"data-toolbar-add-open":"above"==g,onClick:t=>j(t,"above"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),o(C,{enable:E()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":E()>=25,"data-toolbar-add-open":"below"==g,onClick:t=>j(t,"below"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]})]})};export{ComponentToolbarPreview};

package/dist/esm/components/ComponentWrapperPreview.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useEffect as a,isValidElement as n}from"react";import{composeAdvanceStyle as d}from"../helpers/compose-advance-style.js";import{disableWrap as r,excludeApplyStyle as i}from"./constant.js";import p from"./RenderCustomCode.js";import{ComponentToolbarPreview as l}from"./ComponentToolbarPreview.js";import c from"../hooks/animation/useApplyAnimation.js";let ComponentWrapperPreview=({children:s,...m})=>{~~if(~~a(()=>{let e=new CustomEvent("editor:component:render",{bubbles:!0,detail:{componentUid:m.uid}});window.dispatchEvent(e)},[m.uid]),c({props:m}),"section"===m.type)return null;let b={};if("Section"===m.tag&&m.isThemeSection&&(b["data-theme-section"]=!0),m.editorConfigs){let e=m.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(b["data-placeholder-not-append-before-after"]=!0),e.placeholder?.notAppendLeftRight&&(b["data-placeholder-not-append-left-right"]=!0),e.toolbar?.parent&&(b["data-toolbar-parent"]=!0),e.component?.noDelete&&(b["data-component-no-delete"]=!0),e.component?.noDuplicate&&(b["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(b["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(b["data-component-no-setting"]=!0),e.component?.isThirdParty&&(b["data-component-is-third-party"]=!0),e.toolbar?.hide&&(b["data-toolbar-hide"]=!0),e.slots?.children&&(b["data-slots-children"]=!0),e.toolbar?.hide\|\|(b["data-toolbar-wrap"]=!0)}m?.editorConfigs?.toolbar?.hide\|\|(b["data-toolbar-wrap"]=!0);let h=d(m.advanced,m.tag),u=m.advanced,f={...b,"data-uid":m.uid,"data-component-type":"component","data-component-tag":m.tag,"data-component-label":m.label};return r.includes(m.tag)&&n(s)?e(t,{children:[o(p,{uid:m.uid,advanced:u}),e(s.type,{className:u?.cssClass,...s.props,style:h,builderAttrs:f,advanced:u,children:[s.props.children,o(l,{...m})]})]}):e(t,{children:[o(p,{uid:m.uid,advanced:u}),e("div",{style:i.includes(m.tag)?{"--mb":h?.["--mb"],"--mb-tablet":h?.["--mb-tablet"],"--mb-mobile":h?.["--mb-mobile"]}:h,className:`${m.uid} ${m.advanced?.cssClass?m.advanced?.cssClass:""}`,...f,children:[!i.includes(m.tag)&&s,n(s)&&i.includes(m.tag)&&o(s.type,{...s.props,style:h,advanced:u}),o(l,{...m})]})]})};export{ComponentWrapperPreview as default};
1	+ import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useEffect as a,isValidElement as n}from"react";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{disableWrap as d,excludeApplyStyle as i}from"./constant.js";import p from"./RenderCustomCode.js";import{ComponentToolbarPreview as l}from"./ComponentToolbarPreview.js";import s from"../hooks/animation/useApplyAnimation.js";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{usePageType as m}from"../hooks/shop.js";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../helpers/convert.js";let ComponentWrapperPreview=({children:c,...h})=>{a(()=>{let e=new CustomEvent("editor:component:render",{bubbles:!0,detail:{componentUid:h.uid}});window.dispatchEvent(e)},[h.uid]),s({props:h});let u=m();if("section"===h.type)return null;let b={};if("Section"===h.tag&&h.isThemeSection&&(b["data-theme-section"]=!0),h.editorConfigs){let e=h.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(b["data-placeholder-not-append-before-after"]=!0),e.placeholder?.notAppendLeftRight&&(b["data-placeholder-not-append-left-right"]=!0),e.toolbar?.parent&&(b["data-toolbar-parent"]=!0),e.component?.noDelete&&(b["data-component-no-delete"]=!0),e.component?.noDuplicate&&(b["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(b["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(b["data-component-no-setting"]=!0),e.component?.isThirdParty&&(b["data-component-is-third-party"]=!0),e.toolbar?.hide&&(b["data-toolbar-hide"]=!0),e.slots?.children&&(b["data-slots-children"]=!0),e.toolbar?.hide\|\|(b["data-toolbar-wrap"]=!0)}h?.editorConfigs?.toolbar?.hide\|\|(b["data-toolbar-wrap"]=!0);let f=r(h.advanced,h.tag,u),g=h.advanced,v={...b,"data-uid":h.uid,"data-component-type":"component","data-component-tag":h.tag,"data-component-label":h.label};return d.includes(h.tag)&&n(c)?e(t,{children:[o(p,{uid:h.uid,advanced:g}),e(c.type,{className:g?.cssClass,...c.props,style:f,builderAttrs:v,advanced:g,children:[c.props.children,o(l,{...h})]})]}):e(t,{children:[o(p,{uid:h.uid,advanced:g}),e("div",{style:i.includes(h.tag)?{"--mb":f?.["--mb"],"--mb-tablet":f?.["--mb-tablet"],"--mb-mobile":f?.["--mb-mobile"]}:f,className:`${h.uid} ${h.advanced?.cssClass?h.advanced?.cssClass:""}`,...v,children:[!i.includes(h.tag)&&c,n(c)&&i.includes(h.tag)&&o(c.type,{...c.props,style:f,advanced:g}),o(l,{...h})]})]})};export{ComponentWrapperPreview as default};

package/dist/esm/helpers/colors.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{isDefined as t}from"./is-defined.js";import{stateMapping as e}from"./constant.js";let getGlobalColorCSSProp=t=>getSingleColorVariable(t),getGlobalColorClass=(t,e)=>"string"!=typeof e\|\|!e\|\|e?.startsWith("#")\|\|e?.startsWith("rgb")\|\|e?.startsWith("hsl")\|\|e?.startsWith("transparent")?"":`${t}-g-${e}`,getGlobalColorResponsiveClass=(e,o)=>o?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"desktop"===t?l:`${t}:${l}`}).filter(t).join(" "):"",getGlobalColorStateClass=(e,o)=>o?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(t).join(" "):"",getGlobalColorStateClassDynamicBtn=(e,o)=>o?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(t).join(" "):"",getGlobalColorStateResponsiveClass=(e,o)=>o?Object.entries(o).map(([o,l])=>"desktop"===o?Object.entries(l).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(t).join(" "):Object.entries(l).map(([t,l])=>{let r=getGlobalColorClass(e,l);if(r)return"normal"===t?`${o}:${r}`:`${o}:${t}:${r}`}).filter(t).join(" ")).filter(Boolean).join(" "):"",getGlobalColorStateResponsiveClassDynamicBtn=(e,o)=>o?Object.entries(o).map(([o,l])=>"desktop"===o?Object.entries(l).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(t).join(" "):Object.entries(l).map(([t,l])=>{let r=getGlobalColorClass(e,l);if(r)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${o}:${r}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${o}:${t}:${r}`}).filter(t).join(" ")).filter(Boolean).join(" "):"",getGlobalColorResponsiveStyle=(t,e)=>e?Object.fromEntries(Object.entries(e).map(([e,o])=>"desktop"===e?[`--${t}`,getSingleColorVariable(o)]:[`--${t}-${e}`,getSingleColorVariable(o)])):{},getGlobalColorStateStyle=(o,l)=>l?Object.fromEntries(Object.entries(l).map(([t,l])=>"active"===t?[]:[`-${e?.[t]}-${o}`,getSingleColorVariable(l)]).filter(t)):{},getGlobalColorStateResponsiveStyle=(o,l)=>l?Object.entries(l).map(([l,r])=>"desktop"===l?Object.fromEntries(Object.entries(r).map(([t,l])=>"active"===t?[]:[`-${e[t]}-${o}`,getSingleColorVariable(l)]).filter(t)):Object.fromEntries(Object.entries(r).map(([t,r])=>"active"===t?[]:[`-${e[t]}-${o}-${l}`,getSingleColorVariable(r)]).filter(t))).reduce((t,e)=>({...t,...e}),{}):{},getSingleColorVariable=t=>{if(t&&"string"==typeof t)return isColor(t)?t:`var(--g-c-${t}, ${t})`};function isColor(t){return t?.startsWith("#")\|\|t?.startsWith("rgb")\|\|t?.startsWith("hsl")\|\|t?.startsWith("transparent")}let getGlobalColorStyle=t=>t?{"--c":getSingleColorVariable(t)}:{},composeTextColorCss=t=>`${t?`color: ${getSingleColorVariable(t)} !important;`:""}`;export{composeTextColorCss,getGlobalColorCSSProp,getGlobalColorClass,getGlobalColorResponsiveClass,getGlobalColorResponsiveStyle,getGlobalColorStateClass,getGlobalColorStateClassDynamicBtn,getGlobalColorStateResponsiveClass,getGlobalColorStateResponsiveClassDynamicBtn,getGlobalColorStateResponsiveStyle,getGlobalColorStateStyle,getGlobalColorStyle,getSingleColorVariable,isColor};
1	+ import{isDefined as t}from"./is-defined.js";import{stateMapping as e}from"./constant.js";let getGlobalColorCSSProp=t=>getSingleColorVariable(t),getGlobalColorClass=(t,e)=>"string"!=typeof e\|\|!e\|\|e?.startsWith("#")\|\|e?.startsWith("rgb")\|\|e?.startsWith("hsl")\|\|e?.startsWith("transparent")?"":`${t}-g-${e}`,getGlobalColorResponsiveClass=(e,o)=>o?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"desktop"===t?l:`${t}:${l}`}).filter(t).join(" "):"",getGlobalColorStateClass=(e,o)=>o?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(t).join(" "):"",getGlobalColorStateClassDynamicBtn=(e,o)=>o?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(t).join(" "):"",getGlobalColorStateResponsiveClass=(e,o)=>o?Object.entries(o).map(([o,l])=>"desktop"===o?Object.entries(l).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(t).join(" "):Object.entries(l).map(([t,l])=>{let r=getGlobalColorClass(e,l);if(r)return"normal"===t?`${o}:${r}`:`${o}:${t}:${r}`}).filter(t).join(" ")).filter(Boolean).join(" "):"",getGlobalColorStateResponsiveClassDynamicBtn=(e,o)=>o?Object.entries(o).map(([o,l])=>"desktop"===o?Object.entries(l).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(t).join(" "):Object.entries(l).map(([t,l])=>{let r=getGlobalColorClass(e,l);if(r)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${o}:${r}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${o}:${t}:${r}`}).filter(t).join(" ")).filter(Boolean).join(" "):"",getGlobalColorResponsiveStyle=(t,e)=>e?Object.fromEntries(Object.entries(e).map(([e,o])=>"desktop"===e?[`--${t}`,getSingleColorVariable(o)]:[`--${t}-${e}`,getSingleColorVariable(o)])):{},getGlobalColorStateStyle=(o,l)=>l?Object.fromEntries(Object.entries(l).map(([t,l])=>"active"===t?[]:[`-${e?.[t]}-${o}`,getSingleColorVariable(l)]).filter(t)):{},getGlobalColorStateResponsiveStyle=(o,l)=>l?Object.entries(l).map(([l,r])=>"desktop"===l?Object.fromEntries(Object.entries(r).map(([t,l])=>"active"===t?[]:[`-${e[t]}-${o}`,getSingleColorVariable(l)]).filter(t)):Object.fromEntries(Object.entries(r).map(([t,r])=>"active"===t?[]:[`-${e[t]}-${o}-${l}`,getSingleColorVariable(r)]).filter(t))).reduce((t,e)=>({...t,...e}),{}):{},getSingleColorVariable=t=>{if(t&&"string"==typeof t)return isColor(t)?t:`var(--g-c-${t}, ${t})`};function isColor(t){return!!t&&"string"==typeof t&&(t?.startsWith("#")\|\|t?.startsWith("rgb")\|\|t?.startsWith("hsl")\|\|t?.startsWith("transparent"))}let getGlobalColorStyle=t=>t?{"--c":getSingleColorVariable(t)}:{},composeTextColorCss=t=>`${t?`color: ${getSingleColorVariable(t)} !important;`:""}`;export{composeTextColorCss,getGlobalColorCSSProp,getGlobalColorClass,getGlobalColorResponsiveClass,getGlobalColorResponsiveStyle,getGlobalColorStateClass,getGlobalColorStateClassDynamicBtn,getGlobalColorStateResponsiveClass,getGlobalColorStateResponsiveClassDynamicBtn,getGlobalColorStateResponsiveStyle,getGlobalColorStateStyle,getGlobalColorStyle,getSingleColorVariable,isColor};

package/dist/esm/helpers/compose-advance-style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{handleConvertBorderStyle as e,handleConvertBorderWidth as t,handleConvertBorderColor as r,getBorderStyle as a}from"./borders.js";import{isColor as s}from"./colors.js";import{layoutComponent as o}from"./constant.js";import{makeStyleKey as i}from"./make-style.js";import{composeRadius as l,getCornerCSSFromGlobal as n}from"./radius.js";import{getStyleShadowState as c,getStyleShadow as p}from"./shadow.js";let composeSpacing=({source:e,spacing:t,type:r,suffix:a=""})=>{let{top:s,left:o,bottom:i,right:l}=t;s&&(e[`--${r}t${a}`]=s),o&&(e[`--${r}l${a}`]=o),i&&(e[`--${r}b${a}`]=i),l&&(e[`--${r}r${a}`]=l)},composeSpacingV2=({source:e,spacing:t,suffix:r="",tag:a=""})=>{if(t&&t.margin){let{top:s,left:i,bottom:l,right:n}=t.margin;s&&(e[`--mt${r}`]=s),i&&(e[`--ml${r}`]=o.includes(a)&&"0px"===i?"auto":i),l&&(e[`--mb${r}`]=l),n&&(e[`--mr${r}`]=o.includes(a)&&"0px"===n?"auto":n)}if(t&&t.padding){let{top:a,left:s,bottom:o,right:i}=t.padding;a&&(e[`--pt${r}`]=a),s&&(e[`--pl${r}`]=s),o&&(e[`--pb${r}`]=o),i&&(e[`--pr${r}`]=i)}},getAttrValue=(e,t,r)=>{if(null!=t)switch(e){case"bgc":case"c":return s(t.toString())?t:`var(--g-c-${t})`;case"d":if(!t)return"none";if(t&&r&&o.includes(r))return"grid";return"block";default:return t}},postPurchasePaddingMapping={loose:"21px",extraLoose:"38px",tight:"9px",extraTight:"5px",base:"14px"},composeAdvanceStyleForPostPurchase=(e,t)=>{if(!e)return{};let r={};return Object.keys(e).forEach(a=>{let s=e[a];if("blockPadding"===a){let e=postPurchasePaddingMapping[s];r["--pb"]=getAttrValue(a,e,t),r["--pt"]=getAttrValue(a,e,t),r["--mb"]="0px",r["--mt"]="0px"}if("inlinePadding"===a){let e=postPurchasePaddingMapping[s];r["--pl"]=getAttrValue(a,e,t),r["--pr"]=getAttrValue(a,e,t)}}),r};function composeAdvanceStyle(s,o){if(!s)return{};let i={"--pos":"relative"},d=["desktop","tablet","mobile"],u=["hover","normal"];Object.keys(s).forEach(b=>{let g=s[b];if("cssClass"===b\|\|null==g)return;let m=s.hasBoxShadow?s.hasBoxShadow:{};if("object"==typeof g){if(Array.isArray(g))return;Object.keys(g).forEach(f=>{if(d.includes(f)){let a=g[f];if(void 0!==a){if("border"===b&&Object.assign(i,e(g),t(g),r(g)),"rounded"===b&&Object.assign(i,l(g)),"pos"==b&&"static"==a&&(a="relative"),"desktop"===f)switch(b){case"padding":composeSpacing({source:i,spacing:a,type:"p"});break;case"margin":composeSpacing({source:i,spacing:a,type:"m"});break;case"spacing-setting":composeSpacingV2({source:i,spacing:a,tag:o});break;case"m":case"p":break;default:i[`--${b}`]=getAttrValue(b,a,o)}else switch(b){case"padding":composeSpacing({source:i,spacing:a,type:"p",suffix:`-${f}`});break;case"margin":composeSpacing({source:i,spacing:a,type:"m",suffix:`-${f}`});break;case"spacing-setting":composeSpacingV2({source:i,spacing:a,suffix:`-${f}`,tag:o});break;case"m":case"p":break;default:i[`--${b}-${f}`]=getAttrValue(b,a,o)}}}else if(u.includes(f))switch(b){case"hasBoxShadow":break;case"boxShadow":Object.assign(i,c(g,"box-shadow",m))}else"border"===b&&("none"===g.border&&(g.border="solid",g.color="#121212",g.isCustom=!0,g.width="0px",g.position="all"),Object.assign(i,a(g))),"rounded"===b&&Object.assign(i,n(g)),"hasBoxShadow"===b&&Object.assign(i,p({value:s.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:s.hasBoxShadow})),"boxShadow"===b&&Object.assign(i,p({value:g,styleAppliedFor:"box-shadow",isEnableShadow:s.hasBoxShadow}))})}else i[`--${b}`]=getAttrValue(b,g,o),"hasBoxShadow"===b&&s.boxShadow&&Object.assign(i,p({value:s.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:s.hasBoxShadow}));if("blockPadding"===b){let e=postPurchasePaddingMapping[g];i["--pb"]=getAttrValue(b,e,o),i["--pt"]=getAttrValue(b,e,o),i["--mb"]="0px",i["--mt"]="0px"}if("inlinePadding"===b){let e=postPurchasePaddingMapping[g];i["--pl"]=getAttrValue(b,e,o),i["--pr"]=getAttrValue(b,e,o)}});let b=composeAdvanceStyleForPostPurchase(s,o);return{...i,...b}}let splitStyle=(e,t={})=>{let r=e.map(e=>i(e)).flat(),a=Object.keys(t).filter(e=>r.includes(e)),s=a.reduce((e,r)=>({...e,[r]:t[r]}),{}),o=Object.keys(t).filter(e=>!a.includes(e)).reduce((e,r)=>({...e,[r]:t[r]}),{});return[s,o]},filterAttrInStyle=(e,t)=>{if(!e\|\|!t)return{};let r={...e};return Object.entries(r).forEach(([e])=>{t.includes(e)\|\|delete r[e]}),r},removeAttrInStyle=(e,t)=>{if(!e\|\|!t)return{};let r={...e};return Object.entries(r).forEach(([e])=>{t.includes(e)&&delete r[e]}),r},filterCornerInStyle=e=>{let t=["--bblr","--bbrr","--btlr","--btrr"];return filterAttrInStyle(e,t)},removePaddingYInStyle=e=>{let t=["--pt","--pt-tablet","--pt-mobile","--pb","--pb-tablet","--pb-mobile"];return removeAttrInStyle(e,t)};export{composeAdvanceStyle,composeAdvanceStyleForPostPurchase,filterAttrInStyle,filterCornerInStyle,removeAttrInStyle,removePaddingYInStyle,splitStyle};
1	+ import{handleConvertBorderStyle as e,handleConvertBorderWidth as t,handleConvertBorderColor as r,getBorderStyle as a}from"./borders.js";import{isColor as s}from"./colors.js";import{layoutComponent as o}from"./constant.js";import{makeStyleKey as i}from"./make-style.js";import{composeRadius as l,getCornerCSSFromGlobal as n}from"./radius.js";import{getStyleShadowState as c,getStyleShadow as p}from"./shadow.js";let composeSpacing=({source:e,spacing:t,type:r,suffix:a=""})=>{let{top:s,left:o,bottom:i,right:l}=t;s&&(e[`--${r}t${a}`]=s),o&&(e[`--${r}l${a}`]=o),i&&(e[`--${r}b${a}`]=i),l&&(e[`--${r}r${a}`]=l)},composeSpacingV2=({source:e,spacing:t,suffix:r="",tag:a=""})=>{if(t&&t.margin){let{top:s,left:i,bottom:l,right:n}=t.margin;s&&(e[`--mt${r}`]=s),i&&(e[`--ml${r}`]=o.includes(a)&&"0px"===i?"auto":i),l&&(e[`--mb${r}`]=l),n&&(e[`--mr${r}`]=o.includes(a)&&"0px"===n?"auto":n)}if(t&&t.padding){let{top:a,left:s,bottom:o,right:i}=t.padding;a&&(e[`--pt${r}`]=a),s&&(e[`--pl${r}`]=s),o&&(e[`--pb${r}`]=o),i&&(e[`--pr${r}`]=i)}},getAttrValue=(e,t,r)=>{if(null!=t)switch(e){case"bgc":case"c":return s(t.toString())?t:`var(--g-c-${t})`;case"d":if(!t)return"none";if(t&&r&&o.includes(r))return"grid";return"block";default:return t}},postPurchasePaddingMapping={loose:"21px",extraLoose:"38px",tight:"9px",extraTight:"5px",base:"14px"},composeAdvanceStyleForPostPurchase=(e,t)=>{if(!e)return{};let r={};return Object.keys(e).forEach(a=>{let s=e[a];if("blockPadding"===a){let e=postPurchasePaddingMapping[s];r["--pb"]=getAttrValue(a,e,t),r["--pt"]=getAttrValue(a,e,t),r["--mb"]="0px",r["--mt"]="0px"}if("inlinePadding"===a){let e=postPurchasePaddingMapping[s];r["--pl"]=getAttrValue(a,e,t),r["--pr"]=getAttrValue(a,e,t)}}),r};function composeAdvanceStyle(s,o,i){if(!s)return{};let d={"--pos":"relative"},u=["desktop","tablet","mobile"],b=["hover","normal"];Object.keys(s).forEach(g=>{let m=s[g];if("cssClass"===g\|\|null==m)return;let f=s.hasBoxShadow?s.hasBoxShadow:{};if("object"==typeof m){if(Array.isArray(m))return;Object.keys(m).forEach(i=>{if(u.includes(i)){let a=m[i];if(void 0!==a){if("border"===g&&Object.assign(d,e(m),t(m),r(m)),"rounded"===g&&Object.assign(d,l(m)),"pos"==g&&"static"==a&&(a="relative"),"desktop"===i)switch(g){case"padding":composeSpacing({source:d,spacing:a,type:"p"});break;case"margin":composeSpacing({source:d,spacing:a,type:"m"});break;case"spacing-setting":composeSpacingV2({source:d,spacing:a,tag:o});break;case"m":case"p":break;default:d[`--${g}`]=getAttrValue(g,a,o)}else switch(g){case"padding":composeSpacing({source:d,spacing:a,type:"p",suffix:`-${i}`});break;case"margin":composeSpacing({source:d,spacing:a,type:"m",suffix:`-${i}`});break;case"spacing-setting":composeSpacingV2({source:d,spacing:a,suffix:`-${i}`,tag:o});break;case"m":case"p":break;default:d[`--${g}-${i}`]=getAttrValue(g,a,o)}}}else if(b.includes(i))switch(g){case"hasBoxShadow":break;case"boxShadow":Object.assign(d,c(m,"box-shadow",f))}else"border"===g&&("none"===m.border&&(m.border="solid",m.color="#121212",m.isCustom=!0,m.width="0px",m.position="all"),Object.assign(d,a(m))),"rounded"===g&&Object.assign(d,n(m)),"hasBoxShadow"===g&&Object.assign(d,p({value:s.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:s.hasBoxShadow})),"boxShadow"===g&&Object.assign(d,p({value:m,styleAppliedFor:"box-shadow",isEnableShadow:s.hasBoxShadow}))})}else d[`--${g}`]=getAttrValue(g,m,o),"hasBoxShadow"===g&&s.boxShadow&&Object.assign(d,p({value:s.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:s.hasBoxShadow}));if("blockPadding"===g&&"POST_PURCHASE"===i){let e=postPurchasePaddingMapping[m];d["--pb"]=getAttrValue(g,e,o),d["--pt"]=getAttrValue(g,e,o),d["--mb"]="0px",d["--mt"]="0px"}if("inlinePadding"===g&&"POST_PURCHASE"===i){let e=postPurchasePaddingMapping[m];d["--pl"]=getAttrValue(g,e,o),d["--pr"]=getAttrValue(g,e,o)}});let g="POST_PURCHASE"===i?composeAdvanceStyleForPostPurchase(s,o):{};return{...d,...g}}let splitStyle=(e,t={})=>{let r=e.map(e=>i(e)).flat(),a=Object.keys(t).filter(e=>r.includes(e)),s=a.reduce((e,r)=>({...e,[r]:t[r]}),{}),o=Object.keys(t).filter(e=>!a.includes(e)).reduce((e,r)=>({...e,[r]:t[r]}),{});return[s,o]},filterAttrInStyle=(e,t)=>{if(!e\|\|!t)return{};let r={...e};return Object.entries(r).forEach(([e])=>{t.includes(e)\|\|delete r[e]}),r},removeAttrInStyle=(e,t)=>{if(!e\|\|!t)return{};let r={...e};return Object.entries(r).forEach(([e])=>{t.includes(e)&&delete r[e]}),r},filterCornerInStyle=e=>{let t=["--bblr","--bbrr","--btlr","--btrr"];return filterAttrInStyle(e,t)},removePaddingYInStyle=e=>{let t=["--pt","--pt-tablet","--pt-mobile","--pb","--pb-tablet","--pb-mobile"];return removeAttrInStyle(e,t)};export{composeAdvanceStyle,composeAdvanceStyleForPostPurchase,filterAttrInStyle,filterCornerInStyle,removeAttrInStyle,removePaddingYInStyle,splitStyle};

package/dist/types/index.d.ts CHANGED Viewed

@@ -6281,7 +6281,7 @@ type PublishedThemePageOnlineStoreDataWhereInput = {
     updatedAtNotIn?: InputMaybe<Scalars['Time'][]>;
 };
 type PublishedThemePageStatus = 'DRAFT' | 'PUBLISHED';
-type PublishedThemePageType = 'ARTICLE' | 'BLOG' | 'COLLECTION' | 'GP_ARTICLE' | 'GP_BLOG' | 'GP_COLLECTION' | 'GP_INDEX' | 'GP_PRODUCT' | 'GP_STATIC' | 'PRODUCT' | 'STATIC' | 'POST_PURCHASE';
+type PublishedThemePageType = 'ARTICLE' | 'BLOG' | 'COLLECTION' | 'GP_ARTICLE' | 'GP_BLOG' | 'GP_COLLECTION' | 'GP_INDEX' | 'GP_PRODUCT' | 'GP_STATIC' | 'PRODUCT' | 'STATIC' | 'POST_PURCHASE' | 'GP_FUNNEL_PAGE';
 /**
  * PublishedThemePageWhereInput is used for filtering PublishedThemePage objects.
  * Input was generated by ent.
@@ -7360,6 +7360,7 @@ declare namespace shop {
 type PageContext = {
     numberOfProductOfProductList: number;
+    pageType?: string;
 };
 type DeepPartial<T> = {
     [P in keyof T]?: DeepPartial<T[P]>;
@@ -9993,7 +9994,7 @@ declare const generateProductsQueryKey: (args: FetchProductsParams) => ['query/p
 type AdvanceValue = Primitive | ObjectDevices<Primitive>;
 declare const composeAdvanceStyleForPostPurchase: (data?: Record<string, AdvanceValue>, tag?: string) => React.CSSProperties;
-declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string): React.CSSProperties;
+declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string, pageType?: PublishedThemePageType): React.CSSProperties;
 declare const splitStyle: (keys: ShortHandProperty[], style?: React.CSSProperties) => React.CSSProperties[];
 declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
     [x: string]: any;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.14.0-dev.647",
+  "version": "1.14.0-dev.649",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",