@gem-sdk/components 3.0.0-pre-production.14 → 3.0.1

package/dist/esm/form/settings/text-field/configs/ui-v1.js

@@ -0,0 +1 @@
+let SettingUIV1=[{type:"control",label:{en:"Placeholder"},setting:{id:"placeholder"},options:{label:"large"}},{type:"control",label:{en:"Required"},setting:{id:"required"},options:{label:"large"}},{type:"group",label:{en:"Size"},info:{en:""},controls:[{type:"control",label:{en:"Field size"},setting:{id:"size"}},{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth == false",setting:{id:"width"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"},condition:"fullWidth == false"},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Name"},setting:{id:"name"}}];export{SettingUIV1};

package/dist/esm/form/settings/text-field/configs/ui-v2.js

@@ -0,0 +1 @@
+let SettingUIV2=[{label:{en:"Text style"},controls:[{type:"combo",label:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your text",controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:{en:"Size"},controls:[{label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:{en:"Configuration"},controls:[{label:{en:"Required"},setting:{id:"required"}},{label:{en:"Field name"},setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/form/settings/text-input/TextInput.js

@@ -0,0 +1,11 @@
+import{SettingUIV1 as C}from"./configs/ui-v1.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";import e from"./configs/settings.js";let config={tag:"TextInput",label:"Text Input",icon:`
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"  xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3322 10.8964L9.87367 9.66713H7.82073L7.36908 10.8964H6.5L8.38871 6H9.3399L11.2286 10.8964H10.3322ZM8.8472 6.89779L8.10814 8.90055H9.58625L8.8472 6.89779ZM12.7003 11C12.0023 11 11.5711 10.5166 11.5711 9.98481C11.5711 9.38398 12.0091 9.05249 12.5771 8.96961L13.4325 8.8384C13.6241 8.81077 13.6788 8.71409 13.6788 8.59669C13.6788 8.31354 13.4872 8.08564 13.0493 8.08564C12.6318 8.08564 12.3992 8.35497 12.3649 8.69337L11.6396 8.52762C11.7012 7.94751 12.2212 7.42956 13.0424 7.42956C14.0689 7.42956 14.4589 8.01657 14.4589 8.68646V10.3577C14.4589 10.6616 14.4932 10.8619 14.5 10.8964H13.7609C13.7541 10.8757 13.7267 10.7376 13.7267 10.4682C13.5693 10.7238 13.2409 11 12.7003 11ZM12.3649 9.93646C12.3649 10.1644 12.536 10.3715 12.8508 10.3715C13.2956 10.3715 13.6788 10.1575 13.6788 9.50138V9.34945L12.8097 9.48066C12.5634 9.5221 12.3649 9.66022 12.3649 9.93646ZM17.37 9.2467H19.5C20.2956 9.2467 21.0587 9.54118 21.6213 10.0653C22.1839 10.5895 22.5 11.3004 22.5 12.0417V15.9548C22.5 16.6961 22.1839 17.407 21.6213 17.9312C21.0587 18.4553 20.2956 18.7498 19.5 18.7498H4.5C3.70435 18.7498 2.94129 18.4553 2.37868 17.9312C1.81607 17.407 1.5 16.6961 1.5 15.9548V11.7622C1.51562 11.1035 1.80649 10.4765 2.31074 10.0145C2.81499 9.55253 3.49281 9.29211 4.2 9.28863C4.39891 9.28863 4.58968 9.36225 4.73033 9.49329C4.87098 9.62433 4.95 9.80206 4.95 9.98739C4.95 10.1727 4.87098 10.3504 4.73033 10.4815C4.58968 10.6125 4.39891 10.6861 4.2 10.6861C3.88174 10.6861 3.57652 10.8039 3.35147 11.0136C3.12643 11.2233 3 11.5076 3 11.8042V15.9967C3 16.3673 3.15804 16.7228 3.43934 16.9849C3.72064 17.247 4.10218 17.3942 4.5 17.3942H19.5C19.697 17.3942 19.892 17.3581 20.074 17.2878C20.256 17.2176 20.4214 17.1147 20.5607 16.9849C20.6999 16.8551 20.8104 16.7011 20.8858 16.5315C20.9612 16.362 21 16.1802 21 15.9967V12.0417C21 11.6711 20.842 11.3156 20.5607 11.0535C20.2794 10.7915 19.8978 10.6442 19.5 10.6442H17.37C17.1711 10.6442 16.9803 10.5706 16.8397 10.4396C16.699 10.3085 16.62 10.1308 16.62 9.94546C16.62 9.76014 16.699 9.58241 16.8397 9.45136C16.9803 9.32032 17.1711 9.2467 17.37 9.2467Z" fill="currentColor"/>
+  </svg>
+
+  `,settings:e,ui:C,uiV2:t,editorConfigs:{placeholder:{flowTag:["Newsletter","ContactForm"]}},presets:[{id:"form-text-input",name:{en:"Text Input"},icon:{desktop:`
+          <svg width="96" height="36" viewBox="0 0 96 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect x="0.5" y="0.5" width="95" height="35" rx="2.5" stroke="#474747"/>
+          <path d="M21.1049 14.2102V13.2727H27.6504V14.2102H24.9061V22H23.8493V14.2102H21.1049ZM30.9402 22.1364C30.3095 22.1364 29.7654 21.9972 29.3081 21.7188C28.8535 21.4375 28.5027 21.0455 28.2555 20.5426C28.0112 20.0369 27.889 19.4489 27.889 18.7784C27.889 18.108 28.0112 17.517 28.2555 17.0057C28.5027 16.4915 28.8464 16.0909 29.2868 15.804C29.7299 15.5142 30.247 15.3693 30.8379 15.3693C31.1788 15.3693 31.5154 15.4261 31.8478 15.5398C32.1802 15.6534 32.4828 15.8381 32.7555 16.0938C33.0282 16.3466 33.2456 16.6818 33.4075 17.0994C33.5694 17.517 33.6504 18.0312 33.6504 18.642V19.0682H28.6049V18.1989H32.6277C32.6277 17.8295 32.5538 17.5 32.4061 17.2102C32.2612 16.9205 32.0538 16.6918 31.7839 16.5241C31.5169 16.3565 31.2015 16.2727 30.8379 16.2727C30.4373 16.2727 30.0907 16.3722 29.7981 16.571C29.5083 16.767 29.2853 17.0227 29.1291 17.3381C28.9728 17.6534 28.8947 17.9915 28.8947 18.3523V18.9318C28.8947 19.4261 28.9799 19.8452 29.1504 20.1889C29.3237 20.5298 29.5637 20.7898 29.8706 20.9688C30.1774 21.1449 30.5339 21.233 30.9402 21.233C31.2044 21.233 31.443 21.196 31.6561 21.1222C31.872 21.0455 32.0581 20.9318 32.2143 20.7812C32.3706 20.6278 32.4913 20.4375 32.5765 20.2102L33.5481 20.483C33.4458 20.8125 33.274 21.1023 33.0325 21.3523C32.791 21.5994 32.4927 21.7926 32.1376 21.9318C31.7825 22.0682 31.3833 22.1364 30.9402 22.1364ZM35.7544 15.4545L37.3226 18.1307L38.8908 15.4545H40.0499L37.9363 18.7273L40.0499 22H38.8908L37.3226 19.4602L35.7544 22H34.5953L36.6749 18.7273L34.5953 15.4545H35.7544ZM44.3315 15.4545V16.3068H40.9395V15.4545H44.3315ZM41.9281 13.8864H42.9338V20.125C42.9338 20.4091 42.975 20.6222 43.0574 20.7642C43.1426 20.9034 43.2505 20.9972 43.3812 21.0455C43.5147 21.0909 43.6554 21.1136 43.8031 21.1136C43.9139 21.1136 44.0048 21.108 44.0758 21.0966C44.1468 21.0824 44.2037 21.071 44.2463 21.0625L44.4508 21.9659C44.3826 21.9915 44.2875 22.017 44.1653 22.0426C44.0431 22.071 43.8883 22.0852 43.7008 22.0852C43.4167 22.0852 43.1383 22.0241 42.8656 21.902C42.5957 21.7798 42.3713 21.5938 42.1923 21.3438C42.0162 21.0938 41.9281 20.7784 41.9281 20.3977V13.8864ZM49.3556 22V13.2727H54.5886V14.2102H50.4125V17.1591H54.1966V18.0966H50.4125V22H49.3556ZM56.2623 22V15.4545H57.2679V22H56.2623ZM56.7736 14.3636C56.5776 14.3636 56.4086 14.2969 56.2665 14.1634C56.1273 14.0298 56.0577 13.8693 56.0577 13.6818C56.0577 13.4943 56.1273 13.3338 56.2665 13.2003C56.4086 13.0668 56.5776 13 56.7736 13C56.9696 13 57.1373 13.0668 57.2765 13.2003C57.4185 13.3338 57.4895 13.4943 57.4895 13.6818C57.4895 13.8693 57.4185 14.0298 57.2765 14.1634C57.1373 14.2969 56.9696 14.3636 56.7736 14.3636ZM61.8542 22.1364C61.2235 22.1364 60.6795 21.9972 60.2221 21.7188C59.7676 21.4375 59.4167 21.0455 59.1696 20.5426C58.9252 20.0369 58.8031 19.4489 58.8031 18.7784C58.8031 18.108 58.9252 17.517 59.1696 17.0057C59.4167 16.4915 59.7605 16.0909 60.2008 15.804C60.644 15.5142 61.161 15.3693 61.752 15.3693C62.0929 15.3693 62.4295 15.4261 62.7619 15.5398C63.0943 15.6534 63.3968 15.8381 63.6696 16.0938C63.9423 16.3466 64.1596 16.6818 64.3216 17.0994C64.4835 17.517 64.5645 18.0312 64.5645 18.642V19.0682H59.519V18.1989H63.5417C63.5417 17.8295 63.4679 17.5 63.3201 17.2102C63.1752 16.9205 62.9679 16.6918 62.698 16.5241C62.4309 16.3565 62.1156 16.2727 61.752 16.2727C61.3514 16.2727 61.0048 16.3722 60.7122 16.571C60.4224 16.767 60.1994 17.0227 60.0431 17.3381C59.8869 17.6534 59.8088 17.9915 59.8088 18.3523V18.9318C59.8088 19.4261 59.894 19.8452 60.0645 20.1889C60.2377 20.5298 60.4778 20.7898 60.7846 20.9688C61.0914 21.1449 61.448 21.233 61.8542 21.233C62.1184 21.233 62.3571 21.196 62.5701 21.1222C62.786 21.0455 62.9721 20.9318 63.1284 20.7812C63.2846 20.6278 63.4054 20.4375 63.4906 20.2102L64.4622 20.483C64.3599 20.8125 64.188 21.1023 63.9466 21.3523C63.7051 21.5994 63.4068 21.7926 63.0517 21.9318C62.6966 22.0682 62.2974 22.1364 61.8542 22.1364ZM67.1 13.2727V22H66.0943V13.2727H67.1ZM71.4135 22.1364C70.8681 22.1364 70.3865 21.9986 69.9689 21.723C69.5513 21.4446 69.2246 21.0526 68.9888 20.5469C68.753 20.0384 68.6351 19.4375 68.6351 18.7443C68.6351 18.0568 68.753 17.4602 68.9888 16.9545C69.2246 16.4489 69.5527 16.0582 69.9732 15.7827C70.3936 15.5071 70.8794 15.3693 71.4306 15.3693C71.8567 15.3693 72.1934 15.4403 72.4405 15.5824C72.6905 15.7216 72.8809 15.8807 73.0115 16.0597C73.1451 16.2358 73.2488 16.3807 73.3226 16.4943H73.4078V13.2727H74.4135V22H73.4419V20.9943H73.3226C73.2488 21.1136 73.1436 21.2642 73.0073 21.446C72.8709 21.625 72.6763 21.7855 72.4235 21.9276C72.1706 22.0668 71.834 22.1364 71.4135 22.1364ZM71.5499 21.233C71.9533 21.233 72.2942 21.1278 72.5726 20.9176C72.851 20.7045 73.0627 20.4105 73.2076 20.0355C73.3525 19.6577 73.4249 19.2216 73.4249 18.7273C73.4249 18.2386 73.3539 17.8111 73.2118 17.4446C73.0698 17.0753 72.8596 16.7884 72.5811 16.5838C72.3027 16.3764 71.959 16.2727 71.5499 16.2727C71.1238 16.2727 70.7686 16.3821 70.4846 16.6009C70.2033 16.8168 69.9917 17.1108 69.8496 17.483C69.7104 17.8523 69.6408 18.267 69.6408 18.7273C69.6408 19.1932 69.7118 19.6165 69.8539 19.9972C69.9988 20.375 70.2118 20.6761 70.4931 20.9006C70.7772 21.1222 71.1294 21.233 71.5499 21.233Z" fill="#F9F9F9"/>
+          </svg>
+        `},components:[{tag:"TextInput",label:"Text Input"}]}]};export{config as default};

package/dist/esm/form/settings/text-input/configs/settings.js

@@ -0,0 +1 @@
+let TextInputSettings=[{id:"setting",controls:[{id:"name",label:"Name",type:"input",placeholder:"E.g. contact[first_name]",default:{text:"contact[first_name]",textarea:"contact[note]",email:"contact[email]",phone:"contact[phone]",number:"contact[number]"}},{id:"placeholder",label:"Placeholder",type:"input",info:"Placeholder helps your buyers understand what to input",placeholder:"Enter text",default:"Enter text"},{id:"placeholderColor",type:"color-picker-v2",label:"Color",default:"#A3A3A3"},{id:"translate",type:"input",default:"placeholder"},{id:"size",label:"Button Spacing",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"required",label:"Required",type:"toggle",default:!1},{id:"formType",type:"select",label:"Type",options:[{label:"Short text",value:"text"},{label:"Long text",value:"textarea"},{label:"Email",value:"email"},{label:"Number",value:"number"},{label:"Phone",value:"phone"}],default:"text"},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-2"}},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"color",type:"colorpicker",label:"Text Color",default:"text-1"},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"background",type:"background-media",ignoreReRender:!0,hideImage:!0,devices:{desktop:{default:{type:"color",color:"transparent"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#FFFFFF"}}}},{id:"textLine",type:"input:stepper",label:"Visible text lines",default:3,min:1}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"wrapperBorder",type:"border-v2",label:"Border",default:{border:"solid",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#7D7D7D",isCustom:!0}},{id:"borderRadius",type:"radius-preset",label:"Corner",default:{radiusType:"none"},compoDefaultValue:{bblr:"20px",btrr:"20px",bbrr:"20px",btlr:"20px",radiusType:"rounded"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1}]}];export{TextInputSettings as default};

package/dist/esm/form/settings/text-input/configs/ui-v1.js

@@ -0,0 +1 @@
+let SettingUIV1=[{type:"control",label:{en:"Placeholder"},setting:{id:"placeholder"},options:{label:"large"}},{type:"control",label:{en:"Required"},setting:{id:"required"},options:{label:"large"}},{type:"group",label:{en:"Size"},info:{en:""},controls:[{type:"control",label:{en:"Field size"},setting:{id:"size"}},{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth == false",setting:{id:"width"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"},condition:"fullWidth == false"},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Name"},setting:{id:"name"}}];export{SettingUIV1};

package/dist/esm/form/settings/text-input/configs/ui-v2.js

@@ -0,0 +1 @@
+let SettingUIV2=[{label:{en:"Text style"},controls:[{type:"combo",label:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"placeholder"}},{setting:{id:"placeholderColor"},label:{en:"Color"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:{en:"Size"},controls:[{label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"}},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Configuration"},controls:[{label:{en:"Type"},setting:{id:"formType"}},{label:{en:"Visible text lines"},setting:{id:"textLine"},conditionDisplay:"formType === 'textarea'"},{label:{en:"Required"},setting:{id:"required"}},{label:{en:"Field name"},help:{content:"Identify the information submitted via this element."},conditionDisplay:"formType === 'text'",controlConfig:{id:"name_text",type:"input",linkWithSetting:{name:"name",field:"text"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'textarea'",controlConfig:{id:"name_textarea",type:"input",linkWithSetting:{name:"name",field:"textarea"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'email'",controlConfig:{id:"name_email",type:"input",linkWithSetting:{name:"name",field:"email"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'number'",controlConfig:{id:"name_number",type:"input",linkWithSetting:{name:"name",field:"number"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'phone'",controlConfig:{id:"name_phone",type:"input",linkWithSetting:{name:"name",field:"phone"}}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{SettingUIV2};

package/dist/esm/grid/components/ChildrenDroppable.js

@@ -1,75 +1,8 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useEditorMode, cls } from '@gem-sdk/core';
-import { useState, useRef, useEffect } from 'react';
-
-const ChildrenDroppable = ({ className, styles })=>{
-    const [isHover, setIsHover] = useState(false);
-    const [isShowIconOnly, setIsShowIconOnly] = useState(false);
-    const slotChildren = useRef(null);
-    const mode = useEditorMode();
-    useEffect(()=>{
-        const observer = new ResizeObserver(()=>{
-            const slotWidth = slotChildren.current ? slotChildren.current?.offsetWidth : 0;
-            slotWidth < 160 ? setIsShowIconOnly(true) : setIsShowIconOnly(false);
-        });
-        if (slotChildren.current) observer.observe(slotChildren.current);
-        return ()=>{
-            observer?.disconnect();
-        };
-    }, []);
-    const onMouseEnter = ()=>{
-        setIsHover(true);
-    };
-    const onMouseLeave = ()=>{
-        setIsHover(false);
-    };
-    const iconRender = ()=>{
-        let icon = `<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+'use client';
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useI18nStore as p,useEditorMode as g,cls as l}from"@gem-sdk/core";import{useState as n,useRef as o,useEffect as i}from"react";let ChildrenDroppable=({className:s,styles:d})=>{let{t:c}=p(),[h,a]=n(!1),[u,f]=n(!1),m=o(null),w=g();i(()=>{let e=new ResizeObserver(()=>{let e=m.current?m.current?.offsetWidth:0;e<160?f(!0):f(!1)});return m.current&&e.observe(m.current),()=>{e?.disconnect()}},[]);let x=()=>{a(!0)},v=()=>{a(!1)},b=()=>{let e=`<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M7.83301 7.83331V3.83331H9.16634V7.83331H13.1663V9.16665H9.16634V13.1666H7.83301V9.16665H3.83301V7.83331H7.83301Z" fill="#9E9E9E"/>
     </svg>
-    `;
-        if (isHover) {
-            icon = `<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+    `;return h&&(e=`<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path d="M8.95 4.45C8.95 4.20147 8.74853 4 8.5 4C8.25147 4 8.05 4.20147 8.05 4.45V8.05H4.45C4.20147 8.05 4 8.25147 4 8.5C4 8.74853 4.20147 8.95 4.45 8.95H8.05V12.55C8.05 12.7985 8.25147 13 8.5 13C8.74853 13 8.95 12.7985 8.95 12.55V8.95H12.55C12.7985 8.95 13 8.74853 13 8.5C13 8.25147 12.7985 8.05 12.55 8.05H8.95V4.45Z" fill="#212121"/>
-      </svg>`;
-        }
-        return icon;
-    };
-    if (mode !== 'edit') {
-        return null;
-    }
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            styles && /*#__PURE__*/ jsx("style", {
-                children: styles
-            }),
-            /*#__PURE__*/ jsx("div", {
-                ref: slotChildren,
-                "data-slot": "children",
-                className: cls(className, 'gp-flex gp-h-full gp-w-full gp-items-center gp-rounded-[3px] gp-border gp-border-dashed gp-border-[#9e9e9e] after:!gp-content-none', isHover ? 'gp-cursor-pointer' : ''),
-                onMouseEnter: onMouseEnter,
-                onMouseLeave: onMouseLeave,
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: `gp-border-box gp-bg-gray gp-flex gp-max-h-8 gp-items-center gp-justify-center gp-gap-2 gp-overflow-hidden gp-whitespace-nowrap gp-rounded-lg gp-px-4 gp-py-2 gp-text-xs gp-font-medium
-          ${isHover ? 'gp-cursor-pointer gp-bg-[#E2E2E2] gp-text-[#212121]' : 'gp-text-[#9E9E9E]'}`,
-                    style: {
-                        flexFlow: 'gp-row gp-wrap'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx("div", {
-                            className: "gp-flex gp-h-4 gp-w-4 gp-items-center gp-justify-center",
-                            dangerouslySetInnerHTML: {
-                                __html: iconRender()
-                            }
-                        }),
-                        !isShowIconOnly && /*#__PURE__*/ jsx("div", {
-                            children: "Drop element here"
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-
-export { ChildrenDroppable as default };
+      </svg>`),e};return"edit"!==w?null:e(r,{children:[d&&t("style",{children:d}),t("div",{ref:m,"data-slot":"children",className:l(s,"gp-flex gp-h-full gp-w-full gp-items-center gp-rounded-[3px] gp-border gp-border-dashed gp-border-[#9e9e9e] after:!gp-content-none",h?"gp-cursor-pointer":""),onMouseEnter:x,onMouseLeave:v,children:e("div",{className:`gp-border-box gp-bg-gray gp-flex gp-max-h-8 gp-items-center gp-justify-center gp-gap-2 gp-overflow-hidden gp-whitespace-nowrap gp-rounded-lg gp-px-4 gp-py-2 gp-text-xs gp-font-medium
+          ${h?"gp-cursor-pointer gp-bg-[#E2E2E2] gp-text-[#212121]":"gp-text-[#9E9E9E]"}`,style:{flexFlow:"gp-row gp-wrap"},children:[t("div",{className:"gp-flex gp-h-4 gp-w-4 gp-items-center gp-justify-center",dangerouslySetInnerHTML:{__html:b()}}),!u&&t("div",{children:c("Drop element here")})]})})]})};export{ChildrenDroppable as default};

package/dist/esm/grid/components/col/Col.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as m}from"react/jsx-runtime";import{usePageType as o,isEmptyChildren as r}from"@gem-sdk/core";import t from"../ChildrenDroppable.js";import{getStyles as e}from"./common/styles.js";import{getClass as s}from"./common/classes.js";import{getAttr as l}from"./common/attrs.js";let Column=i=>{let{builderAttrs:n,children:p}=i,a=o(),c="POST_PURCHASE"===a,{colStyle:d}=e(i,c),{colClass:f}=s(i),{colAttr:u}=l(i);return m("div",{...n,...u,style:d,className:f,children:r(p)?i.hiddenEmptyCol?null:m(t,{}):p})};export{Column as default};

package/dist/esm/grid/components/col/Col.liquid.js

@@ -0,0 +1,7 @@
+import{template as o}from"@gem-sdk/core";import{getStyles as m}from"./common/styles.js";import{getClass as r}from"./common/classes.js";import{getAttr as s}from"./common/attrs.js";let Column=t=>{let{colStyle:e}=m(t),{colClass:l}=r(t),{colAttr:c}=s(t);return o`<div
+      ${{...c}}
+      style="${e}"
+      class="${l}"
+    >
+      ${t.children??""}
+    </div>`};export{Column as default};

package/dist/esm/grid/components/col/common/attrs.js

@@ -0,0 +1 @@
+import{createAttr as t}from"@gem-sdk/system";let getAttr=e=>{let{setting:r}=e,a=t({"data-same-height-display-contents":!!r?.allowSameHeight});return{colAttr:a}};export{getAttr};

package/dist/esm/grid/components/col/common/classes.js

@@ -0,0 +1 @@
+import{createClass as s}from"@gem-sdk/system";let getClass=l=>{let{className:e,builderProps:t,styles:g,advanced:p}=l,r=s({...e&&{[e]:!0},...t?.uid&&{[t.uid]:!0},...p?.cssClass&&{[p?.cssClass]:!0},"gp-relative gp-flex gp-flex-col":!0,"gp-w-full":g?.fullWidth});return{colClass:r}};export{getClass};

package/dist/esm/grid/components/col/common/styles.js

@@ -0,0 +1 @@
+import{createStyle as t}from"@gem-sdk/system";import{getResponsiveValue as e,DEVICES as o,getResponsiveValueByScreen as r,isColumnDirectionExist as s,makeStyleResponsive as i}from"@gem-sdk/core";let getStyles=(l,d)=>{let{styles:p,justifyContent:m,order:n,layout:a,parentTag:g,children:y}=l,c=e(a,"display"),f={},k=["IconListItem","ThirdPartySlot"];for(let t of o)f[t]="fit"===r(c,t)||a&&s(a,t)||k.includes(g||"")?"none":p?.display?.[t];let b=()=>{let t=Object.fromEntries(Object.entries(p?.order??{}).map(([t,e])=>[t,String(e)])),e=n??t;return d?{desktop:e?.desktop,tablet:e?.desktop,mobile:e?.desktop}:e},j=t({...i("cg",p?.gap),...i("rg",p?.gap),...i("ai",p?.alignItem),...i("jc",m??p?.justifyContent),...i("o",b()),...i("d",y?p?.display:f)});return{colStyle:j}};export{getStyles};

package/dist/esm/grid/components/root/Root.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as t,Fragment as o}from"react/jsx-runtime";let Root=({children:e})=>t(o,{children:e});export{Root as default};

package/dist/esm/grid/components/root/Root.liquid.js

@@ -0,0 +1 @@
+let Root=({children:o})=>o;export{Root as default};

package/dist/esm/grid/components/row/Row.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useMemo as t,Children as l,isValidElement as m,createElement as i}from"react";import s from"next/head";import a from"../ChildrenDroppable.js";import p from"../../../video/components/HTML5Embed.js";import{getYoutubeVideoId as d,youtubeVideoRegex as n}from"../../../video/common/helpers.js";import c from"../../../video/components/LiteYouTubeEmbed.js";import{createClass as f}from"@gem-sdk/system";import{useRowSettings as y}from"../../hooks/useRowSetting.js";import{getAttr as h}from"./common/attrs.js";import{getClass as u}from"./common/classes.js";import{getRowStyle as v}from"./common/styles.js";import{checkHasBackgroundVideo as g}from"./common/helpers.js";import{isEmptyChildren as j}from"@gem-sdk/core";let Row=k=>{let{styles:b,setting:C,children:w}=k,{isSection:N,as:T="div"}=C??{},{background:x}=b??{},{builderAttrs:E,cacheHeightOutViewport:H,bgVideo:R,isRowEmpty:$,rowClassEditorOnly:L,isRenderPlaceholderViewBox:z,isPostPurchase:A,ref:B,postPurchaseVerticalAlign:D}=y(k),{rowStyle:I,backgroundBoxStyle:M,embedVideoStyle:S,sectionStyle:V}=v(k,A),{rowAttr:Y}=h(k),{rowClass:q,backgroundBoxClass:F,backgroundBoxInnerClass:G,sectionClass:J,wrapperYoutubeClasses:K,iframeYoutubeClasses:O}=u(k),P=f({[q]:!0,[L]:!0}),Q=t(()=>{if(!g(x))return;if(R?.videoType==="html5"&&!R.videoHtml5||R?.videoType==="youtube"&&!R.video)return null;if(R?.videoType==="html5"&&R.videoHtml5)return e(p,{muted:!0,loop:R.loop,controls:!1,autoplay:!0,src:R.videoHtml5,title:"Video",className:"gp-relative",style:S});let o=R?.video??"",r=d(o);if(!n.test(o)||!r)return;let t=`&loop=${R?.loop?1:0}&playlist=${r}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return e(c,{id:r,autoplay:!0,title:"",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:!1,style:S,wrapperClass:K,iframeClass:O})},[x,R,S,O,K]),U=l.map(w,e=>!!j(e)),W=o("div",{ref:B,...E,...Y,style:I(A),className:P,children:[!!Q&&e("div",{className:F,style:M,children:e("div",{className:G,children:Q})}),z?e("div",{style:{height:`${H}px`}}):e(r,{children:$?e(a,{}):l.map(w,e=>m(e)?i(e.type,{hiddenEmptyCol:k.hiddenEmptyCol&&!j(e)&&!U,...e.props,key:e.key,order:C?.order,layout:C?.layout,justifyContent:A?D():C?.verticalAlign}):null)})]});return o(r,{children:[!!b?.preloadBgImage&&o(s,{children:[!!x?.desktop?.image?.src&&e("link",{rel:"preload",href:x.desktop.image.src,as:"image"}),!!x?.tablet?.image?.src&&e("link",{rel:"preload",href:x.tablet.image.src,as:"image"}),!!x?.mobile?.image?.src&&e("link",{rel:"preload",href:x.mobile.image.src,as:"image"})]}),N?e(T,{className:J,style:V,children:W}):W]})};export{Row as default};

package/dist/esm/grid/components/row/Row.liquid.js

@@ -0,0 +1,28 @@
+import{template as e,WrapRenderChildren as o,RenderChildren as s,RenderIf as r,isLocalEnv as i,baseAssetURL as t}from"@gem-sdk/core";import{getSettingPreloadData as l}from"../../../helpers.js";import a from"../../../video/components/HTML5Embed.liquid.js";import{createClass as m,If as p}from"@gem-sdk/system";import{getYoutubeVideoId as d}from"../../../video/common/helpers.js";import n from"../../../video/components/LiteYouTubeEmbed.liquid.js";import{getAttr as c}from"./common/attrs.js";import{getClass as $}from"./common/classes.js";import{getRowStyle as f}from"./common/styles.js";import{getData as u,checkHasBackgroundVideo as g,isRenderHtmlVideo as y,isRenderYoutubeVideo as v}from"./common/helpers.js";import{getResponsiveSetting as j}from"../../../hero-banner/common/helpers.js";let Row=k=>{let{styles:h,setting:b,rawChildren:w,builderProps:E}=k,{isSection:S}=b??{},{background:C}=h??{},q=S?"section":"div",{stateData:z}=u(k),{rowStyle:A,backgroundBoxStyle:L,embedVideoStyle:N,sectionStyle:P}=f(k),{rowAttr:R}=c(k),{rowClass:T,backgroundBoxClass:V,backgroundBoxInnerClass:_,sectionClass:G,wrapperYoutubeClasses:I,iframeYoutubeClasses:M}=$(k),O=m({[T]:!0}),x=()=>{if(!g(C))return;let e=j(C||{});if(y(C))return a({uid:E?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:N});if(v(C)){let o=e?.desktop?.video??"",s=d(o)||"",r=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return n({uid:E?.uid,id:s,autoplay:!0,title:"Video",controls:!1,params:r,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,preload:!0,style:N,wrapperClass:I,iframeClass:M})}},B=()=>{if(g(C))return e`
+      ${r(i,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${t}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    `},H=e`
+    <gp-row gp-data='${z}' ${{...R}} class="${O}" style="${A()}">
+      ${p(!!x(),e`
+          <div class="${V}" style="${L}">
+            <div class="${_}">${x()}</div>
+          </div>
+        `)}
+
+      ${o({uid:E?.uid||"",customProps:w?.[0].customProps},w?.map(e=>{if(e)return s({...e,order:b?.order,layout:b?.layout,justifyContent:b?.verticalAlign})}))}
+
+      ${B()}
+    </gp-row>
+  `;return e`
+    ${r(!!h?.preloadBgImage,`${r(!!C?.desktop?.image?.src,`<link rel="preload" href="${C?.desktop?.image?.src}" as="image" />`)}${r(!!C?.tablet?.image?.src,`<link rel="preload" href="${C?.tablet?.image?.src}" as="image" />`)}${r(!!C?.mobile?.image?.src,`<link rel="preload" href="${C?.mobile?.image?.src}" as="image" />`)}`)}
+
+    ${r(!!S,"{% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}")}
+
+    ${p(S,e`
+        <${q}
+          class="${G} ${S?l("gps-lazy"):""}"
+          style="${P}"
+        >
+          ${H}
+        </${q}>
+      `,e`${H}`)}
+  `};export{Row as default};

package/dist/esm/grid/components/row/common/attrs.js

@@ -0,0 +1 @@
+import{createAttr as t}from"@gem-sdk/system";let getAttr=e=>{let{builderProps:i,setting:r,customAttrs:d}=e,a=t({"data-id":i?.uidInteraction??i?.uid??"",id:i?.uid??"","data-same-height-subgrid-container":!!r?.sameHeightSubgridContainer,...d});return{rowAttr:a}};export{getAttr};

package/dist/esm/grid/components/row/common/classes.js

@@ -0,0 +1 @@
+import{createClass as g}from"@gem-sdk/system";let getClass=l=>{let{builderProps:p,advanced:e,className:a}=l,o=g({"gp-background-video gp-absolute gp-overflow-hidden gp-w-full gp-h-full left-0 top-0":!0}),s=g({"gp-bg-video gp-relative gp-h-full":!0}),t=g({...a&&{[a]:!0},...p?.uid&&{[p.uid]:!0},"gp-relative gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full gp-grid-rows-[1fr]":!0,...e?.cssClass&&{[e?.cssClass]:!0}}),u=g({"gp-mx-auto gp-max-w-full [&_*]:gp-max-w-full":!0}),r=g({"gp-pb-[56.25%] gp-h-full gp-w-full !gp-max-w-none gp-background-article":!0}),i=g({"!gp-w-[500%] !gp-ml-[-200%] !gp-h-full !gp-max-w-none gp-scale-[104%]":!0});return{rowClass:t,backgroundBoxClass:o,backgroundBoxInnerClass:s,sectionClass:u,wrapperYoutubeClasses:r,iframeYoutubeClasses:i}};export{getClass};

package/dist/esm/grid/components/row/common/helpers.js

@@ -0,0 +1 @@
+import{dataStringify as e,DEVICES as t,getValueByDevice as r}from"@gem-sdk/core";import{createStateOrContext as d}from"@gem-sdk/system";import{getResponsiveSetting as o}from"../../../../carousel/components/arrow/common/helpers.js";let defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t,r)=>t?.[e]===!0?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"0px"}:r?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:r?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:r?.[e]!==void 0?{contentWidth:r?.[e],wrapperWidth:`calc(${r?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=(e,t)=>{let r=getStyleByDevice("desktop",t,e),d=getStyleByDevice("tablet",t,e),o=getStyleByDevice("mobile",t,e);return{content:{desktop:r.contentWidth,tablet:d.contentWidth,mobile:o.contentWidth},wrapper:{desktop:r.wrapperWidth,tablet:d.wrapperWidth,mobile:o.wrapperWidth},padding:{desktop:r.wrapperPadding,tablet:d.wrapperPadding,mobile:o.wrapperPadding}}},getData=t=>{let{styles:r,builderProps:o}=t,a=d({background:r?.background,uid:o?.uid});return{stateData:e(a).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let o=e?.[d],a=t?.[d];o&&a&&(r[d]=reduceRadiusForState(o.width,a))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}let checkHasBackgroundVideo=e=>t.some(t=>{let d=r(e,t);return!!d&&(d?.videoType==="html5"&&d?.videoHtml5||d?.videoType==="youtube"&&d?.video)}),isRenderHtmlVideo=e=>{let t=o(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,a=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==a},isRenderYoutubeVideo=e=>{let t=o(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,a=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==a};export{checkHasBackgroundVideo,createStyleObject,getData,getInnerRadiusExcludeBorder,isRenderHtmlVideo,isRenderYoutubeVideo};

package/dist/esm/grid/components/row/common/styles.js

@@ -0,0 +1,2 @@
+'use client';
+import{makeStyleResponsive as e,getValueByDevice as t,isEmptyChildren as o,splitStyle as r,composeRadius as p,composeGridLayout as i,makeStyle as l,getStyleBackgroundByDevice as d,getGradientBgrStyleByDevice as n}from"@gem-sdk/core";import{createStyle as a}from"@gem-sdk/system";import{getInnerRadiusExcludeBorder as m,createStyleObject as s}from"./helpers.js";import{postPurchaseViewSpacing as b}from"../../../../post-purchase/common/helper.js";let getRowStyle=(g,f)=>{let{children:u,setting:c,builderProps:h,styles:k,style:x,advanced:v,isNotFullWidth:w,parentStyle:y}=g,{isSection:j,layout:R,horizontalAlign:S,responsive:T,inlineAlignment:O}=c??{},{width:q,columnGap:z,rowGap:C,fullWidth:D,background:H,verticalGutter:L,verticalGutterMobile:Y,enablePagePadding:A,height:B}=k??{},E=m(v?.border,v?.rounded),F=(e,t)=>{let o=e?.normal,r=t?.normal;if(!o||!r||r?.borderType=="none"||"square"===o.radiusType||"none"===o.radiusType)return!1;for(let e in o)if(Object.hasOwn(o,e)&&"0px"!==o[e])return!0;return!1},G=e("of",{desktop:F(E.desktop,t(v?.border,"desktop"))?"hidden":void 0,tablet:F(E.tablet,t(v?.border,"tablet"))?"hidden":void 0,mobile:F(E.mobile,t(v?.border,"mobile"))?"hidden":void 0}),I=h?.builderData?.childrens?.length,J={...e("aspect",{desktop:"16/9"})},K=o(u)||!I,M={desktop:q?.desktop==="default"?"1200px":q?.desktop,tablet:q?.tablet==="default"?"1200px":q?.tablet,mobile:q?.mobile==="default"?"1200px":q?.mobile},N=s(f?M:q,D),[P,Q]=r(["pos","top","left","bottom","right","z"],x),U=()=>({...j?Q:x,...e("cg",L),...e("rg",Y),...R?i(R):e("gtc",T),...e("w",N.content),...e("h",B),...j?{}:G}),V=()=>({"--mb":"0px","--mt":"0px",...e("cg",z),...l({pc:O,rg:C?b[C]:"0px"})}),W=t=>({...d(H,t),...n(H,{desktop:!0,tablet:!0,mobile:!0}),...e("pc",S)}),X=()=>{let e=w&&!K;return e?{marginLeft:"0px",marginRight:"0px"}:{}},Z=()=>({...p(E)}),$=(e=!1)=>a({...U(),...W(),...X(),...e?V():{},...c?.sameHeightSubgridContainer&&y}),_=a({...Z()}),ee=a({...J,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),et=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},eo={desktop:et(A?.desktop),tablet:et(A?.tablet),mobile:et(A?.mobile)},er=a({...P,...e("w",N.wrapper),...e("pl",eo),...e("pr",eo)});return{embedVideoStyle:ee,backgroundBoxStyle:_,rowStyle:$,sectionStyle:er}};export{getRowStyle};

package/dist/esm/grid/components/section/Section.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import e from"../../../common/components/Loading.js";import"@gem-sdk/core";import r from"../row/Row.js";let Section=i=>{let n=o(()=>{let{builderProps:t}=i;return t?.builderData?.name==="SectionLoading"},[i]);return n?t(e,{}):t(r,{...i,setting:{...i.setting,as:"section",isSection:!0}})};export{Section as default};

package/dist/esm/grid/components/section/Section.liquid.js

@@ -0,0 +1 @@
+import t from"../row/Row.liquid.js";let Section=i=>t({...i,setting:{...i.setting,isSection:!0}});export{Section as default};

package/dist/esm/grid/hooks/useRowSetting.js

@@ -0,0 +1 @@
+import{useState as t,useMemo as e}from"react";import{useCurrentDevice as i,useEditorMode as o,usePageType as n,getBgVideoByDevice as r,isEmptyChildren as s,getResponsiveValue as d}from"@gem-sdk/core";import{createClass as m}from"@gem-sdk/system";import{useInView as p}from"../../common/hooks/useInView.js";let useRowSettings=g=>{let{setting:l,styles:a,children:u,maxWidthWithEmptyChildren:c,builderAttrs:f}=g,{isSection:h,lazy:S,layout:P,blockAlignment:k}=l??{},{background:w}=a??{},C=i(),[R,y]=t(500),b=o(),O=n(),T=r(w,C),x=e(()=>s(u),[u]),[A,B]=p({initialInView:!S,triggerOnce:!0,skip:!h,onChange:(t,e)=>{if("edit"==b&&!t&&e){let t=getComputedStyle(e),i=e?.getBoundingClientRect().height;y((i-=parseFloat(t.paddingTop)+parseFloat(t.paddingBottom))??500)}}}),E=e(()=>!B&&"edit"==b&&"POST_PURCHASE"!==O,[B,b,O]),F=e(()=>"edit"!==b&&S&&!B,[B,S,b]),H=()=>{let t=c&&x&&"edit"===b;if(!t)return{};let e=d(P,"display"),i=e[C];return{width:"fit"===i?"fit-content":"400px"}},I=m({...H,"gp-content-visibility-hidden":F}),U=()=>({desktop:k,tablet:k,mobile:k});return{ref:A,isRowEmpty:x,cacheHeightOutViewport:R,bgVideo:T,rowClassEditorOnly:I,isRenderPlaceholderViewBox:E,builderAttrs:f,children:u,isPostPurchase:"POST_PURCHASE"===O,postPurchaseVerticalAlign:U}};export{useRowSettings};

package/dist/esm/grid/index.js

@@ -0,0 +1 @@
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import t from"./settings/Root.js";import o from"./settings/Section.js";import i from"./settings/Row.js";import e from"./settings/Col.js";let gridSetting={Root:t,Section:o,Row:i,Col:e};export{gridSetting};

package/dist/esm/grid/next.js

@@ -1,24 +1 @@
-import dynamic from 'next/dynamic';
-import Loading from '../common/components/Loading.js';
-import 'react/jsx-runtime';
-
-const Section = dynamic(()=>import('./components/Section.js'), {
-    loading: Loading
-});
-const Row = dynamic(()=>import('./components/Row.js'), {
-    loading: Loading
-});
-const Root = dynamic(()=>import('./components/Root.js'), {
-    loading: Loading
-});
-const Col = dynamic(()=>import('./components/Col.js'), {
-    loading: Loading
-});
-var grid = {
-    Row,
-    Col,
-    Section,
-    Root
-};
-
-export { grid as default };
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Root=o(()=>import("./components/root/Root.js"),{loading:t}),Section=o(()=>import("./components/section/Section.js"),{loading:t}),Row=o(()=>import("./components/row/Row.js"),{loading:t}),Col=o(()=>import("./components/col/Col.js"),{loading:t});var grid={Row,Col,Section,Root};export{grid as default};

package/dist/esm/grid/settings/Col.js

@@ -0,0 +1 @@
+let config={tag:"Col",label:"Block",settings:[],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},placeholder:{notAppendBeforeAfter:!0},toolbar:{hide:!0,parent:!0},sideBar:{hide:!0,tab:{setting:{hide:!0}}}}};export{config as default};

package/dist/esm/grid/settings/Root.js

@@ -0,0 +1 @@
+let config={tag:"Root",label:"Root",settings:[],editorConfigs:{placeholder:{notAppendBeforeAfter:!0},sideBar:{hide:!0}}};export{config as default};

package/dist/esm/grid/settings/Row.js

@@ -0,0 +1,5 @@
+import{SettingUIV2 as o}from"./configs/row/ui-v2.js";import{SettingUIV1 as t}from"./configs/row/ui-v1.js";import{RowSettings as e}from"./configs/row/settings.js";import{RowPreset as i}from"./configs/row/presets.js";let config={tag:"Row",label:"Row",icon:`
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 3.00391C1.83579 3.00391 1.5 3.33969 1.5 3.75391C1.5 4.16812 1.83579 4.50391 2.25 4.50391L21.7514 4.50391C22.1656 4.50391 22.5014 4.16812 22.5014 3.75391C22.5014 3.33969 22.1656 3.00391 21.7514 3.00391H2.25ZM2.25 19.4988C1.83579 19.4988 1.5 19.8346 1.5 20.2488C1.5 20.663 1.83579 20.9988 2.25 20.9988H9.67911C10.0933 20.9988 10.4291 20.663 10.4291 20.2488C10.4291 19.8346 10.0933 19.4988 9.67911 19.4988H2.25ZM1.5 9.25207C1.5 8.83786 1.83579 8.50207 2.25 8.50207L9.67911 8.50207C10.0933 8.50207 10.4291 8.83786 10.4291 9.25207C10.4291 9.66628 10.0933 10.0021 9.67911 10.0021L2.25 10.0021C1.83579 10.0021 1.5 9.66628 1.5 9.25207ZM2.25 14.0012C1.83579 14.0012 1.5 14.337 1.5 14.7512C1.5 15.1654 1.83579 15.5012 2.25 15.5012L9.67911 15.5012C10.0933 15.5012 10.4291 15.1654 10.4291 14.7512C10.4291 14.337 10.0933 14.0012 9.67911 14.0012L2.25 14.0012ZM13.5725 9.25207C13.5725 8.83786 13.9083 8.50207 14.3225 8.50207H21.7516C22.1658 8.50207 22.5016 8.83786 22.5016 9.25207C22.5016 9.66628 22.1658 10.0021 21.7516 10.0021H14.3225C13.9083 10.0021 13.5725 9.66628 13.5725 9.25207ZM14.3225 14.0012C13.9083 14.0012 13.5725 14.337 13.5725 14.7512C13.5725 15.1654 13.9083 15.5012 14.3225 15.5012H21.7516C22.1658 15.5012 22.5016 15.1654 22.5016 14.7512C22.5016 14.337 22.1658 14.0012 21.7516 14.0012H14.3225Z" fill="white"/>
+  </svg>
+  `,settings:e,ui:t,uiV2:o,presets:i,editorConfigs:{placeholder:{notAppendLeftRight:!0},slots:{children:!0},toolbar:{parent:!0}},rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:"16px"}}}},styles:{width:{desktop:"default"}}}};export{config as default};

package/dist/esm/grid/settings/Section.js

@@ -0,0 +1 @@
+import t from"./Row.js";import{SectionSettings as o}from"./configs/section/settings.js";import{SettingUIV1 as i}from"./configs/section/ui-v1.js";import{SettingUIV2 as s}from"./configs/section/ui-v2.js";let config={...t,tag:"Section",label:"Section",settings:o,ui:i,uiV2:s,init:[{tag:"Section",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{enablePagePadding:{desktop:!1,tablet:!1,mobile:!1}},advanced:{blockPadding:"base","spacing-setting":{desktop:{padding:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}}}},childrens:[{tag:"Col",childrens:[]}]}],advanced:{blockPadding:"base","spacing-setting":{desktop:{padding:{top:"30px",bottom:"30px"}},mobile:{padding:{top:"20px",bottom:"20px"}}}},editorConfigs:{sideBar:{hide:!0},toolbar:{parent:!0}}};export{config as default};

package/dist/esm/grid/settings/configs/row/presets.js

@@ -0,0 +1,23 @@
+let RowPreset=[{id:"layout-1-col",name:{en:"Row"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="96" height="48" rx="4" fill="#5E5E5E"/>
+        </svg>
+      `},components:[{tag:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{padding:{top:"var(--g-s-l)",bottom:"var(--g-s-l)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},childrens:[{tag:"Col",childrens:[]}]}],flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]}]}]}},{id:"layout-2-col",name:{en:"Row"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="46" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="50" width="46" height="48" rx="3" fill="#5E5E5E"/>
+        </svg>
+      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},{id:"layout-3-col",name:{en:"Row"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="33.3335" width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="66.6665" width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
+        </svg>
+      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fill"},mobile:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},{id:"layout-4-col",name:{en:"Row"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="21" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="25" width="21" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="50" width="21" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="75" width="21" height="48" rx="3" fill="#5E5E5E"/>
+        </svg>
+      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[3,3,3,3],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[3,3,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]}];export{RowPreset};

package/dist/esm/grid/settings/configs/row/settings.js

@@ -0,0 +1 @@
+let RowSettings=[{id:"setting",controls:[{id:"layout",type:"layout",devices:{desktop:{default:{cols:[12],display:"fill",gap:"8px"}}}},{id:"horizontalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align horizontal center",iconName:"gp-align-center"},{label:"End",value:"end",tooltip:"Align right",iconName:"gp-align-right"},{label:"Distribute",value:"space-between",tooltip:"Distribute horizontal spacing",iconName:"gp-align-space-between"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top",iconName:"gp-align-top"},{label:"Center",value:"center",tooltip:"Align vertical center",iconName:"gp-align-center-vertical"},{label:"End",value:"end",tooltip:"Align bottom",iconName:"gp-align-bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"inlineAlignment",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align center",iconName:"gp-align-center"},{label:"End",value:"end",tooltip:"Align end",iconName:"gp-align-right"}],default:"start"},{id:"blockAlignment",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top"},{label:"Center",value:"center",tooltip:"Align center"},{label:"End",value:"end",tooltip:"Align bottom"}],default:"start"}]},{id:"style",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,fallbackValueRule:"init-value",devices:{desktop:{default:"default"}},displayOptions:[{label:"Default",value:"default",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"height",type:"option:value",devices:{desktop:{default:"auto"}},options:[{label:"Full",value:"100%",tooltip:"Stretch to fill <br> vertical space"},{label:"Fit",value:"auto",tooltip:"Adjust size <br> based on content"}]},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,fallbackValue:0,ignoreMax:!0,devices:{desktop:{default:"16px"}}},{id:"verticalGutterMobile",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,devices:{desktop:{default:"0px"}}},{id:"columnGap",type:"input:slider",min:0,max:120,step:1,ignoreMax:!0,units:["%"],showDefaultUnit:!0,devices:{desktop:{default:"1%"}}},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0}}}},{id:"preloadBgImage",type:"toggle",label:"Preload",default:!1},{id:"border",type:"border-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}}}},{id:"rounded",type:"corner-v2",devices:{desktop:{default:{normal:void 0}}},compoDefaultValue:{desktop:{default:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}}},{id:"boxShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{}}}}}]}];export{RowSettings};

package/dist/esm/grid/settings/configs/row/ui-v1.js

@@ -0,0 +1 @@
+let SettingUIV1=[{type:"group",label:{en:"Layout"},controls:[{type:"control",setting:{id:"layout"},layout:"vertical"},{type:"control",label:{en:"Column gap"},setting:{id:"columnGap"},condition:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"(layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)) && pageType != \"POST_PURCHASE\"",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"},condition:'pageType != "POST_PURCHASE"'},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",controls:[{type:"control",label:{en:"Horizontal"},setting:{id:"inlineAlignment"}}]},{type:"group",condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image" && pageType != "POST_PURCHASE"'}]}];export{SettingUIV1};

package/dist/esm/grid/settings/configs/row/ui-v2.js

@@ -0,0 +1 @@
+let SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:{en:"Column spacing"},conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:{en:"Gap"},conditionDisplay:"layout.cols.length > 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:{en:"Gap"},conditionDisplay:"layout.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Column spacing"},controls:[{label:{en:"Gap"},setting:{id:"columnGap"},options:{fullWidth:!0},conditionDisplay:'pageType == "POST_PURCHASE" && !!layout.cols && layout.cols.length > 1',conditionEnable:"!!layout.cols && layout.cols.length > 1"}]},{label:{en:"Size",cn:"尺寸",es:"Tama\xf1o"},options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:{en:"Width",es:"Ancho",cn:"宽度"}},{setting:{id:"height"},label:{en:"Height"}},{label:{en:"Padding",cn:"填充",es:"Relleno"},conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background",cn:"背景",es:"Fondo"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape",cn:"形状",es:"Forma"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border",cn:"边界",es:"Borde"},setting:{id:"border",state:"normal"}},{label:{en:"Corner",cn:"角落",es:"Esquina"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow",cn:"阴影",es:"Sombra"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Align column"},controls:[{id:"verticalAlign",label:{en:"Vertical"},setting:{id:"verticalAlign"},conditionDisplay:"((!!layout.cols && layout.cols.length > 1) || (!!layout.cols && layout.cols.length == 1 && height == '100%')) && pageType != \"POST_PURCHASE\""},{id:"horizontalAlign",label:{en:"Horizontal"},setting:{id:"horizontalAlign"},conditionDisplay:"layout.display !== 'fill' && pageType != \"POST_PURCHASE\"",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]},{controls:[{label:{en:"Align"},setting:{id:"inlineAlignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionDisplay:"pageType == \"POST_PURCHASE\" && layout.display !== 'fill'",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))'}]}];export{SettingUIV2};

package/dist/esm/grid/settings/configs/section/settings.js

@@ -0,0 +1 @@
+let SectionSettings=[{id:"setting",controls:[{id:"layout",type:"layout",devices:{desktop:{default:{cols:[12],display:"fill",gap:"8px"}}}},{id:"horizontalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align horizontal center",iconName:"gp-align-center"},{label:"End",value:"end",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top",iconName:"gp-align-top"},{label:"Center",value:"center",tooltip:"Align vertical center",iconName:"gp-align-center-vertical"},{label:"End",value:"end",tooltip:"Align bottom",iconName:"gp-align-bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"inlineAlignment",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-justify-content-top"},{label:"Center",value:"center",iconName:"gp-justify-content-center"},{label:"End",value:"end",iconName:"gp-justify-content-bottom"}],default:"start"},{id:"blockAlignment",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-justify-content-top"},{label:"Center",value:"center",iconName:"gp-justify-content-center"},{label:"End",value:"end",iconName:"gp-justify-content-bottom"}],default:"start"},{id:"optimize",type:"group",label:"Optimize (Experimental)",controls:[{id:"lazy",type:"toggle",label:"Lazyload",default:!1}]}]},{id:"style",controls:[{id:"enablePagePadding",label:"Page padding",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,devices:{desktop:{default:"16px"}}},{id:"verticalGutterMobile",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,devices:{desktop:{default:"0px"}}},{id:"columnGap",type:"input:slider",min:0,max:120,step:1,ignoreMax:!0,units:["%"],showDefaultUnit:!0,devices:{desktop:{default:"0%"}}},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!1}}}},{id:"preloadBgImage",type:"toggle",label:"Preload",default:!1}]}];export{SectionSettings};

package/dist/esm/grid/settings/configs/section/ui-v1.js

@@ -0,0 +1 @@
+let SettingUIV1=[{type:"control",label:{en:"Layout"},setting:{id:"layout"},layout:"vertical"},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"},condition:'pageType != "POST_PURCHASE"'},{condition:'fullWidth === false || pageType == "POST_PURCHASE"',type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:"!!layout.cols && layout.cols.length > 1"}]},{type:"group",label:{en:"Align"},condition:"layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Vertical"},setting:{id:"blockAlignment"},condition:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image"'}]}];export{SettingUIV1};

package/dist/esm/grid/settings/configs/section/ui-v2.js

@@ -0,0 +1 @@
+let SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:{en:"Column spacing"},conditionDisplay:"childrens > 1",controls:[{setting:{id:"verticalGutter"},label:{en:"Gap"},conditionDisplay:'layout.cols.length > 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:{en:"Gap"},conditionDisplay:'layout.cols.length === 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{label:{en:"Column gap"},setting:{id:"columnGap"},conditionDisplay:'pageType == "POST_PURCHASE"',conditionEnable:"!!layout.cols && layout.cols.length > 1"}]},{label:{en:"Size"},controls:[{id:"Width",setting:{id:"width"},label:{en:"Width"},layout:"horizontal",conditionDisplay:'pageType !== "POST_PURCHASE"'},{label:{en:"Width"},layout:"horizontal",controlConfig:{id:"width-post-purchase",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,linkWithSetting:{name:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},conditionDisplay:'pageType === "POST_PURCHASE"'},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}},tablet:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},conditionDisplay:'pageType !== "POST_PURCHASE"'},{setting:{id:"enablePagePadding"},label:{en:"Page padding"},help:{content:"Page padding controls the <br> space between the browser <br> edge and sections. Adjust it in <br> Global Style > Page Padding."},conditionDisplay:'pageType !== "POST_PURCHASE"'}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},controlConfig:{id:"boxShadow",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Align"},conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout.display !== 'fill' || (!!layout.cols && layout.cols.length > 1))",controls:[{id:"verticalAlign",label:{en:"Vertical"},setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"},{id:"horizontalAlign",label:{en:"Horizontal"},setting:{id:"horizontalAlign"},conditionDisplay:"layout.display !== 'fill'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];export{SettingUIV2};

package/dist/esm/header/components/Header.js

@@ -1,37 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { usePageType, cls, getGlobalColorResponsiveStyle, makeStyleResponsive } from '@gem-sdk/core';
-import dynamic from 'next/dynamic';
-import { useMemo } from 'react';
-import SalePageHeaderWarning from './SalePageHeaderWarning.js';
-
-const BasicHeader = dynamic(()=>import('./kind/basic/index.js'));
-const ModernHeader = dynamic(()=>import('./kind/modern/index.js'));
-const Header = ({ builderAttrs, builderProps, style, setting, styles, children })=>{
-    const { kind, ...rest } = setting ?? {};
-    const HeaderComponent = kind === 'morden' ? ModernHeader : BasicHeader;
-    const pageType = usePageType();
-    const isSalesPage = useMemo(()=>pageType === 'GP_FUNNEL_PAGE', [
-        pageType
-    ]);
-    if (builderProps?.isPreview && isSalesPage) return null;
-    return /*#__PURE__*/ jsxs("nav", {
-        "data-id": builderProps?.uid,
-        className: cls('gp-w-full', builderProps?.uid),
-        ...builderAttrs,
-        style: {
-            ...style,
-            ...getGlobalColorResponsiveStyle('bgc', styles?.headerBg),
-            ...makeStyleResponsive('h', styles?.height)
-        },
-        children: [
-            isSalesPage && /*#__PURE__*/ jsx(SalePageHeaderWarning, {}),
-            /*#__PURE__*/ jsx(HeaderComponent, {
-                ...rest,
-                ...styles
-            }),
-            children
-        ]
-    });
-};
-
-export { Header as default };
+'use client';
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{usePageType as a,cls as d,getGlobalColorResponsiveStyle as i,makeStyleResponsive as o}from"@gem-sdk/core";import t from"next/dynamic";import{useMemo as m}from"react";import n from"./SalePageHeaderWarning.js";let BasicHeader=t(()=>import("./kind/basic/index.js")),ModernHeader=t(()=>import("./kind/modern/index.js")),Header=({builderAttrs:t,builderProps:s,style:c,setting:p,styles:l,children:g})=>{let{kind:H,...f}=p??{},h="morden"===H?ModernHeader:BasicHeader,u=a(),x=m(()=>"GP_FUNNEL_PAGE"===u,[u]);return s?.isPreview&&x?null:e("nav",{"data-id":s?.uid,className:d("gp-z-10 hover:gp-z-50",s?.uid),...t,style:{...c,...i("bgc",l?.headerBg),...o("h",l?.height)},children:[x&&r(n,{}),r(h,{...f,...l}),g]})};export{Header as default};

package/dist/esm/header/components/SalePageHeaderWarning.js

@@ -1,58 +1,2 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-
-const SalePageHeaderWarning = ({ builderAttrs })=>{
-    return /*#__PURE__*/ jsx("div", {
-        ...builderAttrs,
-        className: "editor-content gp-absolute gp-left-0 gp-top-0 gp-z-[999]  gp-h-[calc(100%_+_2px)] gp-w-[calc(100%_+_2px)] gp-justify-center gp-rounded gp-border gp-border-[#F44336] gp-bg-white/80 gp-p-[8px]",
-        children: /*#__PURE__*/ jsxs("div", {
-            className: "gp-inline-flex gp-h-auto gp-min-h-[40px] gp-w-full gp-items-center gp-gap-[6px] gp-rounded-lg gp-bg-red-100 gp-p-[8px] mobile:gp-items-start",
-            children: [
-                /*#__PURE__*/ jsx("span", {
-                    className: "gp-h-5 gp-min-w-[20px]",
-                    children: /*#__PURE__*/ jsxs("svg", {
-                        width: "20",
-                        height: "20",
-                        viewBox: "0 0 20 20",
-                        fill: "none",
-                        xmlns: "http://www.w3.org/2000/svg",
-                        children: [
-                            /*#__PURE__*/ jsx("path", {
-                                d: "M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44772 14.5 9 14.0523 9 13.5C9 12.9477 9.44772 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",
-                                fill: "#C3362B"
-                            }),
-                            /*#__PURE__*/ jsx("path", {
-                                d: "M10.75 6.25001C10.75 5.8358 10.4142 5.50001 10 5.5C9.5858 5.49999 9.25001 5.83578 9.25 6.24999L9.24994 10.75C9.24993 11.1642 9.58572 11.5 9.99993 11.5C10.4141 11.5 10.7499 11.1642 10.7499 10.75L10.75 6.25001Z",
-                                fill: "#C3362B"
-                            }),
-                            /*#__PURE__*/ jsx("path", {
-                                fillRule: "evenodd",
-                                clipRule: "evenodd",
-                                d: "M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5Z",
-                                fill: "#C3362B"
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsxs("span", {
-                    className: "gp-text-xs gp-leading-5 gp-text-[#C3362B]",
-                    children: [
-                        /*#__PURE__*/ jsx("span", {
-                            className: "gp-font-semibold",
-                            children: "Header"
-                        }),
-                        " is not available for",
-                        ' ',
-                        /*#__PURE__*/ jsx("span", {
-                            className: "gp-font-semibold",
-                            children: "Sales Page"
-                        }),
-                        ". You should delete this element."
-                    ]
-                })
-            ]
-        })
-    });
-};
-
-export { SalePageHeaderWarning as default };
+'use client';
+import{jsx as e,jsxs as p}from"react/jsx-runtime";import"react";let SalePageHeaderWarning=({builderAttrs:l})=>e("div",{...l,className:"editor-content gp-absolute gp-left-0 gp-top-0 gp-z-[999]  gp-h-[calc(100%_+_2px)] gp-w-[calc(100%_+_2px)] gp-justify-center gp-rounded gp-border gp-border-[#F44336] gp-bg-white/80 gp-p-[8px]",children:p("div",{className:"gp-inline-flex gp-h-auto gp-min-h-[40px] gp-w-full gp-items-center gp-gap-[6px] gp-rounded-lg gp-bg-red-100 gp-p-[8px] mobile:gp-items-start",children:[e("span",{className:"gp-h-5 gp-min-w-[20px]",children:p("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44772 14.5 9 14.0523 9 13.5C9 12.9477 9.44772 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",fill:"#C3362B"}),e("path",{d:"M10.75 6.25001C10.75 5.8358 10.4142 5.50001 10 5.5C9.5858 5.49999 9.25001 5.83578 9.25 6.24999L9.24994 10.75C9.24993 11.1642 9.58572 11.5 9.99993 11.5C10.4141 11.5 10.7499 11.1642 10.7499 10.75L10.75 6.25001Z",fill:"#C3362B"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5Z",fill:"#C3362B"})]})}),p("span",{className:"gp-text-xs gp-leading-5 gp-text-[#C3362B]",children:[e("span",{className:"gp-font-semibold",children:"Header"})," is not available for"," ",e("span",{className:"gp-font-semibold",children:"Sales Page"}),". You should delete this element."]})]})});export{SalePageHeaderWarning as default};

package/dist/esm/header/components/icons/ChevronLeft.js

@@ -1,14 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-
-const ChevronLeft = (props)=>{
-    return /*#__PURE__*/ jsx("svg", {
-        ...props,
-        viewBox: "0 0 24 24",
-        children: /*#__PURE__*/ jsx("path", {
-            fill: "currentColor",
-            d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z"
-        })
-    });
-};
-
-export { ChevronLeft as default };
+'use client';
+import{jsx as e}from"react/jsx-runtime";let ChevronLeft=r=>e("svg",{...r,viewBox:"0 0 24 24",children:e("path",{fill:"currentColor",d:"M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z"})});export{ChevronLeft as default};

package/dist/esm/header/components/icons/Dismiss.js

@@ -1,14 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-
-const Dismiss = (props)=>{
-    return /*#__PURE__*/ jsx("svg", {
-        ...props,
-        viewBox: "0 0 24 24",
-        children: /*#__PURE__*/ jsx("path", {
-            d: "m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084-.073.084Z",
-            fill: "currentColor"
-        })
-    });
-};
-
-export { Dismiss as default };
+'use client';
+import{jsx as l}from"react/jsx-runtime";let Dismiss=a=>l("svg",{...a,viewBox:"0 0 24 24",children:l("path",{d:"m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084-.073.084Z",fill:"currentColor"})});export{Dismiss as default};