@gem-sdk/upsell-components 12.0.0-dev.108

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 (187) hide show
  1. package/README.md +1 -0
  2. package/dist/cjs/builder.js +2 -0
  3. package/dist/cjs/button/common/attrs.js +1 -0
  4. package/dist/cjs/button/common/classes.js +1 -0
  5. package/dist/cjs/button/common/helpers.js +1 -0
  6. package/dist/cjs/button/common/styles.js +32 -0
  7. package/dist/cjs/button/components/Button.html.js +1 -0
  8. package/dist/cjs/button/components/Button.js +2 -0
  9. package/dist/cjs/button/components/ButtonIcon.js +1 -0
  10. package/dist/cjs/button/components/ButtonLabel.js +1 -0
  11. package/dist/cjs/button/components/ButtonLoadingIndicator.js +1 -0
  12. package/dist/cjs/button/index.js +1 -0
  13. package/dist/cjs/button/next.js +1 -0
  14. package/dist/cjs/button/settings/Button.js +16 -0
  15. package/dist/cjs/button/settings/configs/settings.js +4 -0
  16. package/dist/cjs/button/settings/configs/translate.js +1 -0
  17. package/dist/cjs/button/settings/configs/ui-v1.js +1 -0
  18. package/dist/cjs/button/settings/configs/ui-v2.js +1 -0
  19. package/dist/cjs/common/components/Loading.js +2 -0
  20. package/dist/cjs/common/hooks/useInView.js +2 -0
  21. package/dist/cjs/constant.js +1 -0
  22. package/dist/cjs/grid/components/ChildrenDroppable.js +8 -0
  23. package/dist/cjs/grid/components/col/Col.js +2 -0
  24. package/dist/cjs/grid/components/col/common/attrs.js +1 -0
  25. package/dist/cjs/grid/components/col/common/classes.js +1 -0
  26. package/dist/cjs/grid/components/col/common/styles.js +1 -0
  27. package/dist/cjs/grid/components/root/Root.js +2 -0
  28. package/dist/cjs/grid/components/row/Row.js +1 -0
  29. package/dist/cjs/grid/components/row/common/attrs.js +1 -0
  30. package/dist/cjs/grid/components/row/common/classes.js +1 -0
  31. package/dist/cjs/grid/components/row/common/helpers.js +1 -0
  32. package/dist/cjs/grid/components/row/common/styles.js +2 -0
  33. package/dist/cjs/grid/components/section/Section.js +2 -0
  34. package/dist/cjs/grid/hooks/useRowSetting.js +1 -0
  35. package/dist/cjs/grid/index.js +1 -0
  36. package/dist/cjs/grid/next.js +1 -0
  37. package/dist/cjs/grid/settings/Col.js +1 -0
  38. package/dist/cjs/grid/settings/Root.js +1 -0
  39. package/dist/cjs/grid/settings/Row.js +5 -0
  40. package/dist/cjs/grid/settings/Section.js +1 -0
  41. package/dist/cjs/grid/settings/configs/row/presets.js +23 -0
  42. package/dist/cjs/grid/settings/configs/row/settings.js +1 -0
  43. package/dist/cjs/grid/settings/configs/row/ui-v1.js +1 -0
  44. package/dist/cjs/grid/settings/configs/row/ui-v2.js +1 -0
  45. package/dist/cjs/grid/settings/configs/section/settings.js +1 -0
  46. package/dist/cjs/grid/settings/configs/section/ui-v1.js +1 -0
  47. package/dist/cjs/grid/settings/configs/section/ui-v2.js +1 -0
  48. package/dist/cjs/helpers.js +1 -0
  49. package/dist/cjs/ignoreHashClasses.js +66 -0
  50. package/dist/cjs/image/common/attrs.js +1 -0
  51. package/dist/cjs/image/common/classes.js +1 -0
  52. package/dist/cjs/image/common/helpers.js +1 -0
  53. package/dist/cjs/image/common/styles.js +1 -0
  54. package/dist/cjs/image/components/AdaptiveImage.js +2 -0
  55. package/dist/cjs/image/components/Image.js +2 -0
  56. package/dist/cjs/image/components/NextImage.js +2 -0
  57. package/dist/cjs/image/constants.js +1 -0
  58. package/dist/cjs/image/index.js +1 -0
  59. package/dist/cjs/image/next.js +1 -0
  60. package/dist/cjs/image/settings/Image.js +5 -0
  61. package/dist/cjs/image/settings/configs/presets.js +25 -0
  62. package/dist/cjs/image/settings/configs/settings.js +1 -0
  63. package/dist/cjs/image/settings/configs/ui-v2.js +1 -0
  64. package/dist/cjs/index.html.js +2 -0
  65. package/dist/cjs/index.js +1 -0
  66. package/dist/cjs/link/common/helpers.js +1 -0
  67. package/dist/cjs/link/components/CustomLink.js +2 -0
  68. package/dist/cjs/link/components/Link.js +2 -0
  69. package/dist/cjs/link/components/ProductLink.js +2 -0
  70. package/dist/cjs/link/components/next-link/CustomLink.js +2 -0
  71. package/dist/cjs/link/components/next-link/ProductLink.js +2 -0
  72. package/dist/cjs/link/components/next-link/index.js +2 -0
  73. package/dist/cjs/link/index.js +1 -0
  74. package/dist/cjs/link/next.js +1 -0
  75. package/dist/cjs/link/settings/Link.js +1 -0
  76. package/dist/cjs/link/settings/configs/settings.js +1 -0
  77. package/dist/cjs/next.js +2 -0
  78. package/dist/cjs/safelist.js +199 -0
  79. package/dist/cjs/safelistSection.js +11 -0
  80. package/dist/cjs/setting.js +1 -0
  81. package/dist/cjs/text/common/attrs.js +1 -0
  82. package/dist/cjs/text/common/classes.js +1 -0
  83. package/dist/cjs/text/common/helpers.js +1 -0
  84. package/dist/cjs/text/common/styles.js +1 -0
  85. package/dist/cjs/text/components/Text.js +2 -0
  86. package/dist/cjs/text/index.js +1 -0
  87. package/dist/cjs/text/next.js +1 -0
  88. package/dist/cjs/text/settings/Text.js +5 -0
  89. package/dist/cjs/text/settings/configs/presets.js +3 -0
  90. package/dist/cjs/text/settings/configs/settings.js +1 -0
  91. package/dist/cjs/text/settings/configs/translate.js +1 -0
  92. package/dist/cjs/text/settings/configs/ui-v1.js +1 -0
  93. package/dist/cjs/text/settings/configs/ui-v2.js +1 -0
  94. package/dist/esm/builder.js +2 -0
  95. package/dist/esm/button/common/attrs.js +1 -0
  96. package/dist/esm/button/common/classes.js +1 -0
  97. package/dist/esm/button/common/helpers.js +1 -0
  98. package/dist/esm/button/common/styles.js +32 -0
  99. package/dist/esm/button/components/Button.html.js +1 -0
  100. package/dist/esm/button/components/Button.js +2 -0
  101. package/dist/esm/button/components/ButtonIcon.js +1 -0
  102. package/dist/esm/button/components/ButtonLabel.js +1 -0
  103. package/dist/esm/button/components/ButtonLoadingIndicator.js +1 -0
  104. package/dist/esm/button/index.js +1 -0
  105. package/dist/esm/button/next.js +1 -0
  106. package/dist/esm/button/settings/Button.js +16 -0
  107. package/dist/esm/button/settings/configs/settings.js +4 -0
  108. package/dist/esm/button/settings/configs/translate.js +1 -0
  109. package/dist/esm/button/settings/configs/ui-v1.js +1 -0
  110. package/dist/esm/button/settings/configs/ui-v2.js +1 -0
  111. package/dist/esm/common/components/Loading.js +2 -0
  112. package/dist/esm/common/hooks/useInView.js +2 -0
  113. package/dist/esm/constant.js +1 -0
  114. package/dist/esm/grid/components/ChildrenDroppable.js +8 -0
  115. package/dist/esm/grid/components/col/Col.js +2 -0
  116. package/dist/esm/grid/components/col/common/attrs.js +1 -0
  117. package/dist/esm/grid/components/col/common/classes.js +1 -0
  118. package/dist/esm/grid/components/col/common/styles.js +1 -0
  119. package/dist/esm/grid/components/root/Root.js +2 -0
  120. package/dist/esm/grid/components/row/Row.js +1 -0
  121. package/dist/esm/grid/components/row/common/attrs.js +1 -0
  122. package/dist/esm/grid/components/row/common/classes.js +1 -0
  123. package/dist/esm/grid/components/row/common/helpers.js +1 -0
  124. package/dist/esm/grid/components/row/common/styles.js +2 -0
  125. package/dist/esm/grid/components/section/Section.js +2 -0
  126. package/dist/esm/grid/hooks/useRowSetting.js +1 -0
  127. package/dist/esm/grid/index.js +1 -0
  128. package/dist/esm/grid/next.js +1 -0
  129. package/dist/esm/grid/settings/Col.js +1 -0
  130. package/dist/esm/grid/settings/Root.js +1 -0
  131. package/dist/esm/grid/settings/Row.js +5 -0
  132. package/dist/esm/grid/settings/Section.js +1 -0
  133. package/dist/esm/grid/settings/configs/row/presets.js +23 -0
  134. package/dist/esm/grid/settings/configs/row/settings.js +1 -0
  135. package/dist/esm/grid/settings/configs/row/ui-v1.js +1 -0
  136. package/dist/esm/grid/settings/configs/row/ui-v2.js +1 -0
  137. package/dist/esm/grid/settings/configs/section/settings.js +1 -0
  138. package/dist/esm/grid/settings/configs/section/ui-v1.js +1 -0
  139. package/dist/esm/grid/settings/configs/section/ui-v2.js +1 -0
  140. package/dist/esm/helpers.js +1 -0
  141. package/dist/esm/ignoreHashClasses.js +64 -0
  142. package/dist/esm/image/common/attrs.js +1 -0
  143. package/dist/esm/image/common/classes.js +1 -0
  144. package/dist/esm/image/common/helpers.js +1 -0
  145. package/dist/esm/image/common/styles.js +1 -0
  146. package/dist/esm/image/components/AdaptiveImage.js +2 -0
  147. package/dist/esm/image/components/Image.js +2 -0
  148. package/dist/esm/image/components/NextImage.js +2 -0
  149. package/dist/esm/image/constants.js +1 -0
  150. package/dist/esm/image/index.js +1 -0
  151. package/dist/esm/image/next.js +1 -0
  152. package/dist/esm/image/settings/Image.js +5 -0
  153. package/dist/esm/image/settings/configs/presets.js +25 -0
  154. package/dist/esm/image/settings/configs/settings.js +1 -0
  155. package/dist/esm/image/settings/configs/ui-v2.js +1 -0
  156. package/dist/esm/index.html.js +2 -0
  157. package/dist/esm/index.js +1 -0
  158. package/dist/esm/link/common/helpers.js +1 -0
  159. package/dist/esm/link/components/CustomLink.js +2 -0
  160. package/dist/esm/link/components/Link.js +2 -0
  161. package/dist/esm/link/components/ProductLink.js +2 -0
  162. package/dist/esm/link/components/next-link/CustomLink.js +2 -0
  163. package/dist/esm/link/components/next-link/ProductLink.js +2 -0
  164. package/dist/esm/link/components/next-link/index.js +2 -0
  165. package/dist/esm/link/index.js +1 -0
  166. package/dist/esm/link/next.js +1 -0
  167. package/dist/esm/link/settings/Link.js +1 -0
  168. package/dist/esm/link/settings/configs/settings.js +1 -0
  169. package/dist/esm/next.js +2 -0
  170. package/dist/esm/safelist.js +197 -0
  171. package/dist/esm/safelistSection.js +9 -0
  172. package/dist/esm/setting.js +1 -0
  173. package/dist/esm/text/common/attrs.js +1 -0
  174. package/dist/esm/text/common/classes.js +1 -0
  175. package/dist/esm/text/common/helpers.js +1 -0
  176. package/dist/esm/text/common/styles.js +1 -0
  177. package/dist/esm/text/components/Text.js +2 -0
  178. package/dist/esm/text/index.js +1 -0
  179. package/dist/esm/text/next.js +1 -0
  180. package/dist/esm/text/settings/Text.js +5 -0
  181. package/dist/esm/text/settings/configs/presets.js +3 -0
  182. package/dist/esm/text/settings/configs/settings.js +1 -0
  183. package/dist/esm/text/settings/configs/translate.js +1 -0
  184. package/dist/esm/text/settings/configs/ui-v1.js +1 -0
  185. package/dist/esm/text/settings/configs/ui-v2.js +1 -0
  186. package/dist/types/index.d.ts +480 -0
  187. package/package.json +76 -0
@@ -0,0 +1,4 @@
1
+ let ButtonSettings=[{id:"setting",controls:[{id:"label",label:"Text",type:"input",default:"<p>Button</p>"},{id:"enableBtnLink",type:"toggle",default:!1},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"btnLink",type:"pick-link",pickLinkLabel:"Button link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"iconGroup",type:"group",label:"Icon",controls:[{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!1},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`
2
+ <svg height="20" width="20" data-name="star-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817759863701864">
3
+ <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>
4
+ `},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{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:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-3"}},compoDefaultValue:{attrs:{color:"text-3"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{normal:"text-3"},state:{hover:!0,normal:!0},enableGradient:!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:"dimensions1",type:"group",label:"Icon Dimension",controls:[{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}}]}];export{ButtonSettings};
@@ -0,0 +1 @@
1
+ let Button={label:{id:"label"}};export{Button};
@@ -0,0 +1 @@
1
+ let SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"control",label:{en:"Insert link"},layout:"vertical",setting:{id:"btnLink"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"group",condition:"hasBoxShadowBtn.normal == true",controls:[{type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"group",condition:"hasBoxShadowBtn.hover == true",controls:[{type:"control",setting:{id:"boxShadowBtn",state:"hover"},layout:"vertical"}]}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};
@@ -0,0 +1 @@
1
+ let SettingUIV2=[{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>Button</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:"Basic",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{controls:[{label:"Link",setting:{id:"enableBtnLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableBtnLink == true'},{type:"control",layout:"vertical",conditionDisplay:"enableBtnLink == true",setting:{id:"btnLink"}}]},{controls:[{label:"Align",conditionEnable:'!(globalSize.width === "default" || (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};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsxs as g,jsx as e}from"react/jsx-runtime";let Loading=()=>g("div",{className:"gp-loading-placeholder gp-relative gp-my-0.5 gp-h-3 gp-w-full gp-overflow-hidden",children:[e("div",{className:"gp-absolute gp-h-full gp-w-full gp-bg-gray-200"}),e("div",{className:"gp-absolute gp-h-full gp-bg-green-500 gp-animate-progress-bar"})]});export{Loading as default};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{useRef as e,useState as n,useCallback as r,useEffect as t}from"react";function useInView({triggerOnce:i,skip:o,addRootMargin:c=0,initialInView:u,onChange:w}={}){let d=e(),[m,v]=n({inView:!!u}),l=e(),s=r(e=>{if(void 0!==d.current&&(d.current(),d.current=void 0,l.current=void 0),o||!e)return;let n=()=>{l.current||(l.current=requestAnimationFrame(()=>{let r=e.getBoundingClientRect(),t=-c,o=(window.innerHeight||document.documentElement.clientHeight)+c,u=r.top<=t&&r.bottom>=t||r.top>=t&&r.bottom<=o||r.top<=o&&r.bottom>=o;u!==m.inView&&(v({inView:u}),w&&w(u,e),u&&i&&d.current&&(window.removeEventListener("scroll",n),window.removeEventListener("resize",n),l.current&&cancelAnimationFrame(l.current),d.current=void 0,l.current=void 0)),l.current=void 0}))};window.addEventListener("scroll",n),window.addEventListener("resize",n),n(),d.current=()=>{window.removeEventListener("scroll",n),window.removeEventListener("resize",n),l.current&&cancelAnimationFrame(l.current),l.current=void 0}},[o,c,m.inView,w,i]);t(()=>{d.current||!m.entry||i||o||v({inView:!!u})},[m.entry,i,o,u]);let a=[s,m.inView,m.entry];return a.ref=a[0],a.inView=a[1],a.entry=a[2],a}export{useInView};
@@ -0,0 +1 @@
1
+ let HREF_TO_SALES_PAGE="{{ page.metafields.sales_funnel.sales_page_url }}",TAGS_WITH_REPLACE_LINK_DATA=["IconListV2","Heading","Text"];export{HREF_TO_SALES_PAGE,TAGS_WITH_REPLACE_LINK_DATA};
@@ -0,0 +1,8 @@
1
+ 'use client';
2
+ 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">
3
+ <path d="M7.83301 7.83331V3.83331H9.16634V7.83331H13.1663V9.16665H9.16634V13.1666H7.83301V9.16665H3.83301V7.83331H7.83301Z" fill="#9E9E9E"/>
4
+ </svg>
5
+ `;return h&&(e=`<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
6
+ <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"/>
7
+ </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
8
+ ${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};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ 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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsx as t,Fragment as o}from"react/jsx-runtime";let Root=({children:e})=>t(o,{children:e});export{Root as default};
@@ -0,0 +1 @@
1
+ import{jsx as e,Fragment as r,jsxs as o}from"react/jsx-runtime";import{Children as m,isValidElement as t,createElement as s}from"react";import a from"next/head";import i from"../ChildrenDroppable.js";import{createClass as l}from"@gem-sdk/system";import{useRowSettings as p}from"../../hooks/useRowSetting.js";import{getAttr as d}from"./common/attrs.js";import{getClass as c}from"./common/classes.js";import{getRowStyle as n}from"./common/styles.js";import{isEmptyChildren as f}from"@gem-sdk/core";let Row=g=>{let{styles:y,setting:h,children:k}=g,{isSection:u,as:j="div"}=h??{},{background:b}=y??{},{builderAttrs:w,isRowEmpty:C,rowClassEditorOnly:R,isRenderPlaceholderViewBox:v,ref:x}=p(g),{rowStyle:E,sectionStyle:N}=n({rowProps:g,type:"React"}),{rowAttr:A}=d(g),{rowClass:B,sectionClass:D}=c(g),I=l({[B]:!0,[R]:!0}),P=m.map(k,e=>!!f(e)),S=e("div",{ref:x,...w,...A,style:E(),className:I,children:v?e(r,{}):C?e(i,{}):m.map(k,e=>t(e)?s(e.type,{hiddenEmptyCol:g.hiddenEmptyCol&&!f(e)&&!P,...e.props,key:e.key,order:h?.order,layout:h?.layout,justifyContent:h?.verticalAlign}):null)});return o(r,{children:[!!y?.preloadBgImage&&o(a,{children:[!!b?.desktop?.image?.src&&e("link",{rel:"preload",href:b.desktop.image.src,as:"image"}),!!b?.tablet?.image?.src&&e("link",{rel:"preload",href:b.tablet.image.src,as:"image"}),!!b?.mobile?.image?.src&&e("link",{rel:"preload",href:b.mobile.image.src,as:"image"})]}),u?e(j,{className:D,style:N,children:S}):S]})};export{Row as default};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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 !gp-block":!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};
@@ -0,0 +1 @@
1
+ import"@gem-sdk/core";import"@gem-sdk/system";let defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[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)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[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=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}};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 a=e?.[d],p=t?.[d];a&&p&&(r[d]=reduceRadiusForState(a.width,p))}),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)}}export{createStyleObject,getInnerRadiusExcludeBorder};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{makeStyleResponsive as e,getValueByDevice as t,isEmptyChildren as r,splitStyle as o,composeRadius as i,composeGridLayout as n,getStyleBackgroundByDevice as d,getGradientBgrStyleByDevice as p}from"@gem-sdk/core";import{createStyle as l}from"@gem-sdk/system";import{getInnerRadiusExcludeBorder as a,createStyleObject as s}from"./helpers.js";let getRowStyle=({rowProps:b,type:m="React",translatedBackground:g})=>{let{children:u,setting:h,builderProps:c,styles:f,style:k,advanced:v,isNotFullWidth:w,parentStyle:y}=b,{isSection:x,layout:R,horizontalAlign:j,responsive:S}=h??{},{width:T,background:q,verticalGutter:L,verticalGutterMobile:O,enablePagePadding:z,height:C}=f??{},D=a(v?.border,v?.rounded),H=(e,t)=>{let r=e?.normal,o=t?.normal;if(!r||!o||o?.borderType=="none"||"square"===r.radiusType||"none"===r.radiusType)return!1;for(let e in r)if(Object.hasOwn(r,e)&&"0px"!==r[e])return!0;return!1},Y=e("of",{desktop:H(D.desktop,t(v?.border,"desktop"))?"hidden":void 0,tablet:H(D.tablet,t(v?.border,"tablet"))?"hidden":void 0,mobile:H(D.mobile,t(v?.border,"mobile"))?"hidden":void 0}),A=c?.builderData?.childrens?.length,B={...e("aspect",{desktop:"16/9"})},E=r(u)||!A,F=s(T),[G,I]=o(["pos","top","left","bottom","right","z"],k),J=()=>({...x?I:k,...e("cg",L),...e("rg",O),...R?n(R):e("gtc",S),...e("w",F.content),...e("h",C),...x?{}:Y}),K=t=>{let r=q;return"Liquid"===m&&(r=g),{...d(r,t),...p(r,{desktop:!0,tablet:!0,mobile:!0}),...e("pc",j)}},M=()=>{let e=w&&!E;return e?{marginLeft:"0px",marginRight:"0px"}:{}},N=()=>({...i(D)}),P=()=>l({...J(),...K(),...M(),...h?.sameHeightSubgridContainer&&y}),Q=l({...N()}),U=l({...B,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),V=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},W={desktop:V(z?.desktop),tablet:V(z?.tablet),mobile:V(z?.mobile)},X=l({...G,...e("w",F.wrapper),...e("pl",W),...e("pr",W)});return{embedVideoStyle:U,backgroundBoxStyle:Q,rowStyle:P,sectionStyle:X}};export{getRowStyle};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import e from"../../../common/components/Loading.js";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};
@@ -0,0 +1 @@
1
+ import{useRef as e,useMemo as t}from"react";import{useCurrentDevice as i,useEditorMode as r,usePageType as n,getBgVideoByDevice as o,isEmptyChildren as l,getResponsiveValue as s}from"@gem-sdk/core";import{createClass as u}from"@gem-sdk/system";import"react/jsx-runtime";import{useInView as m}from"../../common/hooks/useInView.js";let useRowSettings=c=>{let{setting:d,styles:g,children:h,maxWidthWithEmptyChildren:p,builderAttrs:a}=c,{isSection:f,lazy:w,layout:y,blockAlignment:P}=d??{},{background:S}=g??{},T=i(),k=r(),R=n(),x=o(S,T),C=e(null),b=t(()=>l(h),[h]),v=e=>{C.current&&(clearTimeout(C.current),C.current=null);let t=e?.getBoundingClientRect().height;e.style.height=`${t||500}px`,e.style.overflow="hidden"},E=e=>{C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{e.style.height="",e.style.overflow="",C.current=null},1500)},[H,O]=m({initialInView:!w,triggerOnce:!0,skip:!f,onChange:(e,t)=>{t&&t instanceof HTMLElement&&"edit"===k&&(e?E(t):v(t))}}),j=t(()=>!O&&"edit"==k&&"POST_PURCHASE"!==R,[O,k,R]),A=t(()=>"edit"!==k&&w&&!O,[O,w,k]),I=()=>{let e=p&&b&&"edit"===k;if(!e)return{};let t=s(y,"display"),i=t[T];return{width:"fit"===i?"fit-content":"400px"}},U=u({...I,"gp-content-visibility-hidden":A}),V=()=>({desktop:P,tablet:P,mobile:P});return{ref:H,isRowEmpty:b,bgVideo:x,rowClassEditorOnly:U,isRenderPlaceholderViewBox:j,builderAttrs:a,children:h,isPostPurchase:"POST_PURCHASE"===R,postPurchaseVerticalAlign:V}};export{useRowSettings};
@@ -0,0 +1 @@
1
+ import"react/jsx-runtime";import"react";import"next/head";import"@gem-sdk/core";import"@gem-sdk/system";import t from"./settings/Root.js";import o from"./settings/Section.js";import i from"./settings/Row.js";import r from"./settings/Col.js";let gridSetting={Root:t,Section:o,Row:i,Col:r};export{gridSetting};
@@ -0,0 +1 @@
1
+ import o from"next/dynamic";import t from"../common/components/Loading.js";import"react";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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
1
+ let config={tag:"Root",label:"Root",settings:[],editorConfigs:{placeholder:{notAppendBeforeAfter:!0},sideBar:{hide:!0}}};export{config as default};
@@ -0,0 +1,5 @@
1
+ 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:`
2
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <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"/>
4
+ </svg>
5
+ `,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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1,23 @@
1
+ let RowPreset=[{id:"layout-1-col",name:"Row",icon:{desktop:`
2
+ <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <rect width="96" height="48" rx="4" fill="#5E5E5E"/>
4
+ </svg>
5
+ `},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:"Row",icon:{desktop:`
6
+ <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7
+ <rect width="46" height="48" rx="3" fill="#5E5E5E"/>
8
+ <rect x="50" width="46" height="48" rx="3" fill="#5E5E5E"/>
9
+ </svg>
10
+ `},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:"Row",icon:{desktop:`
11
+ <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
12
+ <rect width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
13
+ <rect x="33.3335" width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
14
+ <rect x="66.6665" width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
15
+ </svg>
16
+ `},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:"Row",icon:{desktop:`
17
+ <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
18
+ <rect width="21" height="48" rx="3" fill="#5E5E5E"/>
19
+ <rect x="25" width="21" height="48" rx="3" fill="#5E5E5E"/>
20
+ <rect x="50" width="21" height="48" rx="3" fill="#5E5E5E"/>
21
+ <rect x="75" width="21" height="48" rx="3" fill="#5E5E5E"/>
22
+ </svg>
23
+ `},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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
1
+ let SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:"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:"Gap",conditionDisplay:"layout?.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Column spacing",controls:[{label:"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:"Size",options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:"Width"},{setting:{id:"height"},label:"Height"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"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:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Align column",controls:[{id:"verticalAlign",label:"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:"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:"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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
1
+ let SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Column spacing",conditionDisplay:"childrens > 1",controls:[{setting:{id:"verticalGutter"},label:"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:"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:"Column gap",setting:{id:"columnGap"},conditionDisplay:'pageType == "POST_PURCHASE"',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:"Size",controls:[{id:"Width",setting:{id:"width"},label:"Width",layout:"horizontal",conditionDisplay:'pageType !== "POST_PURCHASE"'},{label:"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:"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:"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:"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:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Align",conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout?.display !== 'fill' || (!!layout?.cols && layout?.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout?.cols && layout?.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];export{SettingUIV2};
@@ -0,0 +1 @@
1
+ import{DEVICES as e,globalEvent as t,cloneDeep as i}from"@gem-sdk/core";import r from"./link/components/Link.js";let REGEX_PAGE_TYPE=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),isShopifyDomain=(e,t)=>{let i=new RegExp(/^https?:\/\//i);return e&&!i.test(t)&&REGEX_PAGE_TYPE.test(t)},getLinkArticle=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",isTransparentColor=e=>!!e&&(e.startsWith("#")?isHexTransparent(e):e.startsWith("rgb")?isTransparentRGBA(e):"transparent"==e),isTransparentRGBA=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},isHexTransparent=e=>{let t=!1,i=e.slice(e.startsWith("#")?1:0);3===i.length?i=[...i].map(e=>e+e).join(""):8===i.length&&(t=!0);let r=parseInt(i,16),l=t?255&r:void 0;return 0===l||!!l},youtubeShortsRegex=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,createTranslateKey=(e,t)=>`g${e}_${t}`,createSettingId=({id:e,index:t,suffix:i})=>e?"number"==typeof t&&t>=0?`${e}_${t}`:i?`${e}_${i}`:e:"",getDynamicSourceLocales=({val:e,uid:t,settingId:i,isLiquid:r,pageContext:l,isCapitalize:n,defaultVal:o="",isReplaceLocationOrigin:a,isReplaceMaxSize:s,isReplaceInventoryQuantity:c})=>{let p=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(e?.toString()??""),g=l?.isTranslateWithLocale?1e3:5e3;if(!i||!e?.toString().trim()||e.toString().length>g||p||l?.isPreviewing)return e??o;let u=createTranslateKey(t,i),f=`section.settings.${u}`;return(l?.isTranslateWithLocale&&(f=`'sections.${l.sectionName}.${u}_html' | t`),a&&(f+=" | replace: '$locationOrigin', locationOrigin"),s&&(f+=" | replace: '$max_size', '10MB'"),c&&(f+=" | replace: '<$quantity$>', inventory_quantity | replace: '&lt;$quantity$&gt;', inventory_quantity"),n&&(f=`${f} | downcase`),r)?f:`{{ ${f} }}`},getStaticLocale=(e,t)=>`{{ 'gempages.${e}.${t}' | t }}`,getSettingPreloadData=(e,t)=>`{% if section.settings.section_preload == "false" %}${e} ${t?`{% else %}${t}`:""}{% endif %}`,getHttpUrl=e=>e?e.match(/^https?:\/\//i)?e:`http://${e}`:"";function normalizeMailto(e){if(e.startsWith("mailto:")){let[t,i]=e.split("?");if(i){let r=i.replace(/\+/g,"%20");e=`${t}?${r}`}}return e}let getInsertLinkData=(e,t,i)=>{let l=["#","mailto:","tel:"],n=["product.url"],o=t?.link!==void 0&&""!==t.link,a=t?.link??"",s="/"===a,c=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),p=o&&c.test(a);p&&(a=getHttpUrl(a)),o&&a.toLowerCase().startsWith("mailto:")&&a.includes("+")&&(a=normalizeMailto(a));let g=()=>!!(l.find(e=>a.startsWith(e))||n.find(e=>a.includes(e))),u=p||isShopifyDomain(o,a)||g()||s||isLinkedToSalesPage(t?.type);(isShopifyDomain(o,a)||s)&&(a=t?.isTranslate?"$locationOrigin"+a:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+a);let f=u?t?.isLiquid?"a":r:e,d={href:a,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},h=u?d:o?{...d,type:i}:{type:i};return{Wrap:f,urlData:h,shouldRenderLink:u}},isLinkedToSalesPage=e=>"go-to-sales-page"===e,checkIsScrollToTop=e=>e?.type==="scroll-to"&&e?.link==="#scroll-to-top",checkIsOpenPopup=e=>e?.type==="open-popup"&&e?.link?.startsWith("#el-"),getLinkData=({setting:e,htmlType:t,defaultWrap:i,isLiquid:l=!1,enableImageLink:n=!1})=>{let o=["product.url"],a=["#","mailto:","tel:"],s=e?.link??"",c="/"===s,p=e?.link!==void 0&&""!==e.link,g=new RegExp(/^https?:\/\//i),u=p&&g.test(s);p&&s.toLowerCase().startsWith("mailto:")&&s.includes("+")&&(s=normalizeMailto(s));let f=()=>!!(o.find(e=>s.includes(e))||a.find(e=>s.startsWith(e))),d=n&&(u||isShopifyDomain(p,s)||f()||c||isLinkedToSalesPage(e?.type)),h=s;l&&(isShopifyDomain(p,s)||c)&&(h=e?.isTranslate?"$locationOrigin"+s:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+s);let m=d?l?"a":r:i,y={href:h,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},k=d?y:p?{...y,type:t}:{type:t};return{Wrapper:m,urlData:k,shouldRenderLink:d}},replaceLinkData=(e,t)=>{let i=/<a\s[^>]*>.*?<\/a>/;if(e&&i.test(e)){let i;let r=/<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi,l=e.toString();for(;null!==(i=r.exec(l));){let e=i[1],{urlData:r}=getInsertLinkData("",{link:e,isTranslate:t});l=l.replace(i[0],i[0].replace(/(href=['"])([^'"]*)(['"])/i,`$1${r.href}$3`))}return l}return e};function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}function filterTruthyObject(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getDisplayStyle=(t,i)=>{let r={};return e.forEach(e=>{r={...r,[`--d${"desktop"===e?"":`-${e}`}`]:`${t(e)?"none":i}`}}),r},convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let i="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(i))?t:Number(i)},getAllHrefFromString=e=>{let t;if(!e)return[];let i=/href="([^"]*)"/g,r=[];for(;null!==(t=i.exec(e));)t[1]&&r.push(t[1]);return r},replaceAllHrefFromString=(e,t)=>{let i;if(!e)return"";let r=/href="([^"]*)"/g,l=0;for(;null!==(i=r.exec(e));)i[1]&&(e=e.replace(i[1],t[l]??""),l++);return e};function isEmptyObject(e){return 0===Object.keys(e).length&&"object"==typeof e}let handleClickLink=(e,i)=>{if("edit"!==i){if(checkIsScrollToTop(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(checkIsOpenPopup(e)){let i=e?.link?.replace("#el-","#");t.dispatch("onOpenDialog",{popupUId:i});return}e?.link?.startsWith("#")&&t.dispatch("onOpenDialog",{popupUId:e?.link})}},getBackgroundTranslated=({background:e,enableTranslate:t,uid:r,pageContext:l,isTranslateVideo:n=!0})=>{if(!e)return{};if(!t||!r||l?.isPreviewing)return e;let o=i(e);for(let e in o){let t=o[e];if(t){if(t.image?.src){let i=getDynamicSourceLocales({val:t.image.src,uid:r,settingId:createSettingId({id:"background",suffix:`${e}_image_src`}),pageContext:l});t.image.src=String(i)}if(n){if("youtube"===t.videoType&&t.video){let i=getDynamicSourceLocales({val:t.video,uid:r,settingId:createSettingId({id:"background",suffix:`${e}_video`}),pageContext:l});t.video=String(i)}if("html5"===t.videoType&&t.videoHtml5){let i=getDynamicSourceLocales({val:t.videoHtml5,uid:r,settingId:createSettingId({id:"background",suffix:`${e}_videoHtml5`}),pageContext:l});t.videoHtml5=String(i)}}}}return o},extractProductID=e=>e.replace("gid://shopify/Product/","");export{REGEX_PAGE_TYPE,checkIsOpenPopup,checkIsScrollToTop,convertUnitToNumber,createSettingId,createTranslateKey,extractProductID,filterTruthyObject,filterTruthyStyles,getAllHrefFromString,getBackgroundTranslated,getDisplayStyle,getDynamicSourceLocales,getInsertLinkData,getLinkArticle,getLinkData,getSettingPreloadData,getStaticLocale,handleClickLink,isEmptyObject,isHexTransparent,isLinkedToSalesPage,isShopifyDomain,isTransparentColor,isTransparentRGBA,normalizeMailto,replaceAllHrefFromString,replaceLinkData,youtubeShortsRegex};
@@ -0,0 +1,64 @@
1
+ const ignoreHashClasses = [
2
+ 'lazy',
3
+ 'gem-slider',
4
+ 'gem-slider-item',
5
+ 'gp-carousel-action-next',
6
+ 'gp-carousel-action-back',
7
+ 'gp-carousel-dot-container',
8
+ 'gp-carousel-dot',
9
+ 'gp-carousel-dot--active',
10
+ 'gp-lite-youtube-embed-article',
11
+ 'gp-lite-youtube-embed-button',
12
+ 'gp-lite-vimeo-embed-article',
13
+ 'gp-lite-vimeo-embed-button',
14
+ 'p-description-wrapper',
15
+ 'image-item',
16
+ 'featured-image-wrapper',
17
+ 'grid-gallery',
18
+ 'carousel-gallery',
19
+ 'featured-image-root',
20
+ 'featured-image',
21
+ 'zoom-element',
22
+ 'zoom-lens-element',
23
+ 'featured-image-only',
24
+ 'hidden',
25
+ 'outline-black',
26
+ 'outline',
27
+ 'grid',
28
+ 'overlay',
29
+ 'gp-accordion-item',
30
+ 'gp-accordion-item_icon',
31
+ 'gp-accordion-item_body',
32
+ 'rotate-90',
33
+ '-rotate-90',
34
+ 'block',
35
+ 'gp-navs-tab',
36
+ 'gp-tab-item-container',
37
+ 'gp-tab-item',
38
+ 'image-zoom',
39
+ 'p-description-show-more',
40
+ 'gp-minus',
41
+ 'gp-plus',
42
+ 'option-value-wrapper',
43
+ 'option-value',
44
+ 'option-item-active',
45
+ 'opacity-20',
46
+ 'gp-carousel-wrapper',
47
+ 'option-radio',
48
+ '!cursor-not-allowed',
49
+ 'modal-wrapper',
50
+ 'gallery-wrapper',
51
+ 'pb-[calc',
52
+ 'image-carousel-wrapper',
53
+ 'gem-marquee-item',
54
+ 'gem-child-marquee-item',
55
+ 'gem-marquee',
56
+ 'gp-shopify-image',
57
+ 'rfm-marquee-container',
58
+ 'rfm-overlay',
59
+ 'rfm-marquee',
60
+ 'rfm-initial-child-container',
61
+ 'rfm-child'
62
+ ];
63
+
64
+ module.exports = ignoreHashClasses;
@@ -0,0 +1 @@
1
+ import{HREF_TO_SALES_PAGE as t}from"../../constant.js";import{getAspectRatio as e,getNewBackupFileKey as r,getImageSrc as s,safeStringify as a,NEXT_IMAGE_CONFIG as o,IMAGE_PLACEHOLDER as i}from"./helpers.js";import{createAttr as l}from"@gem-sdk/system";import{handleClickLink as p}from"../../helpers.js";import{PRIORITY_LOAD_ATTRS as g}from"../constants.js";let getContainerAttrs=(t,e)=>({...t,...e&&{"data-id":e}}),getLinkWrapperAttrs=({urlData:e,imageLink:r,title:s,isLiquid:a=!1})=>{let o=a?{...e,...r?.noFollow&&{rel:"nofollow"},title:s}:{setting:e,title:s};return r?.type!=="go-to-sales-page"?r?.link?o:{}:a?{href:t,target:"_self"}:{setting:{href:t,target:"_self"}}},getAdaptiveImageAttrs=({styles:t,setting:o,mode:i,isLiquid:l})=>{let{alt:n,srcSet:c,priority:m,qualityPercent:k,qualityType:u,title:A}=o??{},d=e({styles:t,setting:o}),y=()=>{p(o?.imageLink,i)},F=c?.desktop?.backupFileKey?r(c?.desktop?.backupFileKey??"",c?.desktop?.src??""):"",f=l?s({src:c?.desktop?.src,backupFileKey:F,backupFilePath:c?.desktop?.backupFilePath,storage:c?.desktop?.storage}):c?.desktop?.src??"",b=m?{}:{"base-src":f??"","quality-type":a(u),"quality-percent":a(k)};return{pictureClass:"gp-contents",...n&&{alt:n},...A&&{title:A},...c&&{srcSet:c},...m&&g,...b,...t?.objectFit&&{layout:t.objectFit},onClick:y,aspectRatio:d}},getNextImageAttrs=({styles:t,setting:r})=>{let{objectFit:s}=t??{},{vw:a,alt:o,title:i,quality:l,priority:p,isNotLazyload:g,qualityType:n,qualityPercent:c}=r??{},m=e({styles:t,setting:r});return{...r?.image,...a&&{vw:a},...o&&{alt:o},...i&&{title:i},...l&&{quality:l},...p&&{priority:p},isNotLazyload:g,setting:{aspectRatio:m,layout:s,qualityType:n,qualityPercent:c}}},getNextImageReactAttrs=t=>{let{width:e=o.DEFAULT_WIDTH_PROPS,height:r=o.DEFAULT_HEIGHT_PROPS,quality:s,priority:a,isNotLazyload:p,enableLazyLoadImage:g,base64:n=i,alt:c=o.DEFAULT_ALT,title:m,src:k=o.DEFAULT_SRC}=t,u=!p&&g&&!a,A=()=>{let t={loading:"lazy",placeholder:"blur",...n&&{blurDataURL:n}},e={loading:"eager",fetchpriority:"high"};return{...u?t:e}},d=()=>({src:k,alt:c,title:m,width:e,height:r,quality:s}),y=d(),F=l(A());return{...y,...F}};export{getAdaptiveImageAttrs,getContainerAttrs,getLinkWrapperAttrs,getNextImageAttrs,getNextImageReactAttrs};
@@ -0,0 +1 @@
1
+ import{getFlexGrowClassByShapeGlobalSize as e,handleConvertClassColor as a}from"@gem-sdk/core";let getContainerClasses=(a,g,s)=>{let l=e(s);return{"gp-group/image gp-relative":!0,[`force-publish-${new Date().getTime()}`]:!0,...l,...a&&{[a]:!0},...g&&{[g]:!0}}},getWrapperClasses=()=>({"gp-h-full gp-w-full gp-flex pointer-events-auto":!0}),getImageClasses=(e,g)=>{let s=a(g?.borderImg);return{...e&&{[e]:!0},...s&&{[s]:!0},"gp-inline-block gp-w-full gp-max-w-full":!0}},getNextImageClasses=({className:e,hasLazyLoad:a,isOptimizePlan:g=!1})=>({...e&&{[e]:!0},gp_lazyload:a,gp_force_load:g}),getAdaptiveImageClasses=({className:e,hasLazyLoad:a=!1,hasForceLoad:g=!1})=>({...e&&{[e]:!0},gp_lazyload:a,gp_force_load:g});export{getAdaptiveImageClasses,getContainerClasses,getImageClasses,getNextImageClasses,getWrapperClasses};
@@ -0,0 +1 @@
1
+ import{getCornerCSSFromGlobal as e,getAspectRatioGlobalSize as t,hasTranslatedLiquid as i,makeStyleResponsive as a,DEVICES as o}from"@gem-sdk/core";import"react/jsx-runtime";import"react";import"next/link";let overwriteDefaultRadius=t=>{let i={...t},a=!0;return i&&Object.keys(i??{}).forEach(e=>{if("bblr"===e||"bbrr"===e||"btlr"===e||"btrr"===e){let t=i[e]??{};"0px"!==t&&(a=!1)}}),a?e(i):{}},getAspectRatio=({styles:e,setting:i})=>{let{srcSet:a,image:o}=i??{},{customAspectRadio:c,shape:r}=e??{},l={desktop:composeAspectRatio({device:"desktop",aspect:e?.aspectRatio,auto:i?.isAdaptive?a?.desktop:o,custom:c}),tablet:composeAspectRatio({device:"tablet",aspect:e?.aspectRatio,auto:i?.isAdaptive?a?.tablet:o,custom:c}),mobile:composeAspectRatio({device:"mobile",aspect:e?.aspectRatio,auto:i?.isAdaptive?a?.mobile:o,custom:c})};return r?t(r):l},composeAspectRatio=({device:e,aspect:t,custom:i,auto:a})=>{let o=t?.[e];return"auto"===o?a?.height?`${a.width}/${a.height}`:void 0:"custom"===o?i?.[e]?.height?`${i?.[e]?.width}/${i?.[e]?.height}`:void 0:o},getResponsiveObjectFit=({layout:e,isDisableObjectFit:t})=>t?{}:a("objf",e),getAspectRatioNextImage=({isDisableAspectStyle:e,aspectRatio:t,objectFits:i,width:a,height:c})=>{if(e)return{};let r={};return o.forEach(e=>{let o=`--objf${"desktop"!==e?`-${e}`:""}`,l=i?.[o]||i?.["--objf"];if(t?.[e]==="auto"&&"contain"===l){r[e]="auto";return}r[e]=t?.[e]!=="auto"&&t?.[e]?t[e]:`${a}/${c}`}),r},safeStringify=e=>JSON.stringify(e||{}).replace(/"/g,"&quot;"),IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",FALLBACK_IMAGE="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",NEXT_IMAGE_CONFIG={DEFAULT_SIZES:"100vw",DEFAULT_ALT:"Alt image",DEFAULT_SRC:"https://cdn.shopify.com/s/files/1/2005/9307/files/placeholder-1.png?v=1751355990",DEFAULT_WIDTH_PROPS:800,DEFAULT_HEIGHT_PROPS:533},getAdaptiveImageData=e=>{let{srcSet:t,fallbackImg:i}=e,a=e=>{let{isLiquid:a}=e??{},o=getImageSrc(t?.desktop,"desktop",!a)||i||FALLBACK_IMAGE,c=getImageSrc(t?.tablet,"tablet",!a)||getImageSrc(t?.desktop,"tablet",!a)||i||FALLBACK_IMAGE,r=getImageSrc(t?.mobile,"mobile",!a)||getImageSrc(t?.tablet,"mobile",!a)||getImageSrc(t?.desktop,"mobile",!a)||i||FALLBACK_IMAGE;return{srcTablet:c,srcMobile:r,srcDesktop:o}};return{getDeviceSource:a}},getImageSrc=(e,t,a)=>{if(e?.metafieldDefinitionKey)return getImageMetafieldDefinitionKey(e?.metafieldDefinitionKey);let o=e?.backupFilePath??e?.src??"";if(a)o=e?.src||"";else{let t=e?.src??"";if(i(t))return t;if(e?.backupFileKey){let t=getNewBackupFileKey(e.backupFileKey,e?.src??"");"THEME"!==e.storage&&e.storage?"FILE_CONTENT"===e.storage&&(o=`{{ "${replaceBackupFileKeyFileContent(t)}" | file_url }}`):o=`{{ "${t}" | asset_url }}`}}if(t&&o?.includes("cdn.shopify"))switch(t){case"tablet":o=o?.replace(regexReplaceEndDot,"_1024x.");break;case"mobile":o=o?.replace(regexReplaceEndDot,"_768x.")}return o},getImageMetafieldDefinitionKey=e=>`{{${e} | file_url}}`,regexReplaceEndDot=/\.(?=[^.]*$)/,replaceBackupFileKeyFileContent=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),getNewBackupFileKey=(e,t)=>{let i=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return i&&i!=e?i:e};export{FALLBACK_IMAGE,IMAGE_PLACEHOLDER,NEXT_IMAGE_CONFIG,composeAspectRatio,getAdaptiveImageData,getAspectRatio,getAspectRatioNextImage,getImageSrc,getNewBackupFileKey,getResponsiveObjectFit,overwriteDefaultRadius,regexReplaceEndDot,replaceBackupFileKeyFileContent,safeStringify};
@@ -0,0 +1 @@
1
+ import{makeStyleResponsive as e,getBorderStyle as t,getBorderRadiusStyle as a,getStyleShadow as r,getWidthByShapeGlobalSize as g,makeWidth as i,getHeightByShapeGlobalSize as s,makeStyleResponsiveState as l}from"@gem-sdk/core";import{overwriteDefaultRadius as d,getResponsiveObjectFit as p,getAspectRatioNextImage as o}from"./helpers.js";let getContainerStyles=(t,a)=>({...t,...e("ta",a?.align)}),getWrapperStyles=t=>({"border-radius":"inherit",...e("jc",t?.align)}),getImageStyles=(e,g)=>{let{wrapperBorder:i,borderRadius:s}=e??{};return{...getImageWidth(e),...getImageHeight(e),...t(i),...a(s),...d(g?.builderData?.advanced?.rounded),...r({value:e?.shadow,styleAppliedFor:"box-shadow",isEnableShadow:e?.shadow?.enable&&e?.shadow?.type!=="none"})}},getNextImageStyles=({width:t,height:a,setting:r,isDisableObjectFit:g,isDisableAspectStyle:i})=>{let{layout:s,aspectRatio:l}=r??{},d=p({layout:s,isDisableObjectFit:g}),h=o({isDisableAspectStyle:i,objectFits:d,aspectRatio:l,width:t,height:a});return{...e("aspect",h),...d}},getAdaptiveImageStyles=({layout:t,aspectRatio:a,borderRadius:r})=>{let g=p({layout:t,isDisableObjectFit:!1});return{...l("radius",r),...e("aspect",a),...g}},getAdaptivePictureStyles=()=>({"border-radius":"inherit"}),getImageWidth=t=>{let a=t?.shape?e("w",g(t.shape)):e("w",i(t?.width,t?.fullWidth));return a},getImageHeight=t=>e("h",s(t?.shape));export{getAdaptiveImageStyles,getAdaptivePictureStyles,getContainerStyles,getImageStyles,getNextImageStyles,getWrapperStyles};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsx as e,Fragment as s,jsxs as a}from"react/jsx-runtime";import{FALLBACK_IMAGE as r,getAdaptiveImageData as t,IMAGE_PLACEHOLDER as m}from"../common/helpers.js";import{createAttr as o,createStyleReact as i,createStyle as l,createClass as d}from"@gem-sdk/system";import{getAdaptiveImageClasses as c}from"../common/classes.js";import{getAdaptivePictureStyles as p,getAdaptiveImageStyles as g}from"../common/styles.js";let AdaptiveImage=n=>{let{alt:f,style:h,srcSet:u,layout:y,priority:x,className:j,aspectRatio:v,borderRadius:k,pictureClass:w,enableLazyLoadImage:A,...I}=n,{getDeviceSource:z}=t(n),{srcTablet:L,srcMobile:N}=z(),S=o({loading:x?"eager":"lazy",src:u?.desktop?.src||r}),b=i({...p()}),P=l({...g({layout:y,aspectRatio:v,borderRadius:k}),...h}),q=d({...c({className:j,hasLazyLoad:!x&&A})}),B=()=>a(s,{children:[N&&e("source",{media:"(max-width: 767px)",srcSet:A?m:N}),L&&e("source",{media:"(max-width: 1024px)",srcSet:A?m:L})]}),C=()=>e("img",{...I,...S,alt:f,width:"100%",style:P,className:q,draggable:"false"});return e(s,{children:a("picture",{style:b,className:w,children:[B(),C()]})})};AdaptiveImage.defaultProps={layout:{desktop:"cover"}};export{AdaptiveImage as default};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useEditorMode as m}from"@gem-sdk/core";import{createStyleReact as t,createStyle as r,createClass as o,createAttr as a,If as i}from"@gem-sdk/system";import l from"./AdaptiveImage.js";import p from"./NextImage.js";import{getWrapperStyles as c,getImageStyles as d,getContainerStyles as n}from"../common/styles.js";import{getWrapperClasses as f,getImageClasses as g,getContainerClasses as j}from"../common/classes.js";import{getContainerAttrs as u,getAdaptiveImageAttrs as y,getNextImageAttrs as N,getLinkWrapperAttrs as h}from"../common/attrs.js";import{getLinkData as I}from"../../helpers.js";let Image=({style:k,styles:v,setting:x,children:C,advanced:W,className:A,builderAttrs:L,builderProps:b,onLoad:q,onClick:w})=>{let{imageLink:z,isAdaptive:B,enableImageLink:D}=x??{},E=m(),{Wrapper:F,urlData:G}=I({defaultWrap:"div",setting:z,enableImageLink:D}),H=t(c(v)),J=r(d(v,b)),K=r(n(k,v)),M=o(f()),O=o(g(A,v)),P=o(j(b?.uid,W?.cssClass,v?.shape)),Q=a(u(L,b?.uid)),R=h({urlData:G,imageLink:z,title:x?.title}),S=y({styles:v,setting:x,mode:E}),T=N({styles:v,setting:x}),U=()=>i(B,s(l,{...S,style:J,className:O}),s(p,{...T,style:J,className:O,onLoad:q}));return e("div",{role:"presentation",...Q,style:K,className:P,onClick:w,children:[s(F,{...R,style:H,className:M,children:U()}),C]})};export{Image as default};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsx as m}from"react/jsx-runtime";import t from"next/image";import{createStyle as e,createClass as o}from"@gem-sdk/system";import{getNextImageClasses as r}from"../common/classes.js";import{getNextImageStyles as s}from"../common/styles.js";import{getNextImageReactAttrs as a}from"../common/attrs.js";let NextImage=i=>{let{style:f,imgRef:l,setting:c,priority:p,className:n,width:j,height:x,isNotLazyload:g,isDisableAspectStyle:u,enableLazyLoadImage:y=!0}=i,N=!g&&y&&!p,b=e({...f,...s({width:j,height:x,setting:c,isDisableAspectStyle:u,isDisableObjectFit:!1})}),d=o({...r({className:n,hasLazyLoad:N})}),I=a(i);return m(t,{ref:l,...I,style:b,className:d})};export{NextImage as default};
@@ -0,0 +1 @@
1
+ let PRIORITY_LOAD_ATTRS={loading:"eager",fetchpriority:"high",priority:!0};export{PRIORITY_LOAD_ATTRS};
@@ -0,0 +1 @@
1
+ import"react/jsx-runtime";import"@gem-sdk/core";import"@gem-sdk/system";import"./components/AdaptiveImage.js";import"next/image";import"react";import"next/link";import t from"./settings/Image.js";let imageSetting={Image:t};export{imageSetting};
@@ -0,0 +1 @@
1
+ import m from"next/dynamic";import o from"../common/components/Loading.js";import"react";let Image=m(()=>import("./components/Image.js"),{loading:o});var image={Image};export{image as default};
@@ -0,0 +1,5 @@
1
+ import{SettingUIV2 as t}from"./configs/ui-v2.js";import{ImageSettings as i}from"./configs/settings.js";import{ImagePreset as o}from"./configs/presets.js";let config={tag:"Image",label:"Image",icon:`
2
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="M13.3337 14.6666C13.3337 16.1333 12.1337 17.3333 10.667 17.3333C9.20033 17.3333 8.00033 16.1333 8.00033 14.6666C8.00033 13.2 9.20033 12 10.667 12C12.1337 12 13.3337 13.2 13.3337 14.6666ZM27.3741 14.8404C26.9836 14.4499 26.3504 14.4499 25.9599 14.8404L16.667 24.1333L14.0346 21.6062C13.6442 21.2314 13.0267 21.2352 12.6409 21.6145L5.33366 28.8V9.33329H34.667V22.1333L27.3741 14.8404ZM34.667 30.6666H23.2003L18.5337 26L26.667 17.8666L34.667 25.8666V30.6666ZM7.33366 30.6666L13.467 24.6666L19.467 30.6666H7.33366ZM3.66699 6.66663C3.11471 6.66663 2.66699 7.11434 2.66699 7.66663V31.4666V32.3333C2.66699 32.8856 3.11471 33.3333 3.66699 33.3333H25.867H36.3337C36.8859 33.3333 37.3337 32.8856 37.3337 32.3333V30.6666V28.5333V24.8V7.66662C37.3337 7.11434 36.8859 6.66663 36.3337 6.66663H3.66699Z" fill="currentColor"/>
4
+ </svg>
5
+ `,settings:i,ui:[],uiV2:t,presets:o,rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};
@@ -0,0 +1,25 @@
1
+ let ImagePreset=[{id:"image",name:"Image",icon:{desktop:`
2
+ <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <rect width="96" height="48" rx="3" fill="#424242"/>
4
+ <circle cx="37" cy="17" r="3" fill="#D6D6D6"/>
5
+ <path d="M32.42 30.9518L37.1407 25.1338C37.3005 24.9364 37.498 24.7768 37.7203 24.6653C37.9427 24.5538 38.1848 24.4929 38.431 24.4866C38.6772 24.4803 38.9218 24.5287 39.149 24.6287C39.3762 24.7288 39.5809 24.8781 39.7496 25.0671L41.957 27.5361L50.5857 16.6629C50.7546 16.4499 50.967 16.2797 51.2069 16.165C51.4469 16.0503 51.7083 15.9941 51.9718 16.0005C52.2352 16.0069 52.4939 16.0758 52.7285 16.202C52.9632 16.3283 53.1679 16.5086 53.3273 16.7297L63.6435 31.0236C63.8408 31.2976 63.9615 31.6242 63.9922 31.9666C64.0229 32.3089 63.9623 32.6535 63.8173 32.9616C63.6723 33.2697 63.4485 33.529 63.1712 33.7105C62.8939 33.8919 62.5741 33.9883 62.2476 33.9887L33.7537 34C33.4185 33.9999 33.0904 33.8986 32.8082 33.7082C32.526 33.5177 32.3014 33.2461 32.1611 32.9255C32.0208 32.6048 31.9706 32.2485 32.0165 31.8988C32.0624 31.549 32.2024 31.2204 32.42 30.9518Z" fill="#D6D6D6"/>
6
+ </svg>
7
+ `},components:[{tag:"Image",styles:{shape:{desktop:{width:"100%"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}}}],flowTagComponents:{Marquee:[{tag:"Image",styles:{shape:{desktop:{width:"auto",height:"auto"}},enableBorder:"none"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{rootClassName:"{{rootClassName}}",css:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}},settings:{isNotLazyload:!0}}]},rootOverride:{styles:{shape:{desktop:{shape:"original",shapeValue:"",width:"500px",shapeLinked:!0}},borderRadius:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}},{id:"image-circle",name:"Image",icon:{desktop:`
8
+ <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
9
+ <rect x="2" y="2" width="52" height="52" rx="26" fill="#424242"/>
10
+ <ellipse cx="20.4375" cy="22.9688" rx="2.0625" ry="1.96875" fill="#F9F9F9"/>
11
+ <path d="M17.2887 32.9997L20.5342 29.1816C20.6441 29.052 20.7799 28.9473 20.9327 28.8741C21.0856 28.8009 21.2521 28.761 21.4213 28.7568C21.5905 28.7527 21.7587 28.7845 21.915 28.8501C22.0712 28.9158 22.2118 29.0138 22.3278 29.1378L23.8454 30.758L29.7777 23.6225C29.8938 23.4827 30.0398 23.371 30.2048 23.2958C30.3697 23.2205 30.5495 23.1836 30.7306 23.1878C30.9117 23.192 31.0895 23.2372 31.2509 23.3201C31.4122 23.4029 31.5529 23.5213 31.6625 23.6663L38.7549 33.0467C38.8905 33.2266 38.9735 33.4409 38.9947 33.6656C39.0158 33.8902 38.9741 34.1164 38.8744 34.3186C38.7747 34.5207 38.6209 34.6909 38.4302 34.81C38.2396 34.9291 38.0197 34.9923 37.7952 34.9926L18.2057 35C17.9753 34.9999 17.7497 34.9334 17.5557 34.8085C17.3616 34.6835 17.2072 34.5053 17.1108 34.2948C17.0143 34.0844 16.9798 33.8506 17.0113 33.6211C17.0429 33.3915 17.1391 33.1759 17.2887 32.9997Z" fill="#F9F9F9"/>
12
+ </svg>
13
+ `},components:[{tag:"Image",settings:{imageStyle:"circle"},styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0},tablet:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0},mobile:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"},wrapperBorder:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",isCustom:!0}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssplaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}}}],rootOverride:{styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}},{id:"image-pre-sales-page",name:"Image",icon:{desktop:`
14
+ <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
15
+ <rect width="96" height="48" rx="3" fill="#424242"/>
16
+ <circle cx="37" cy="17" r="3" fill="#D6D6D6"/>
17
+ <path d="M32.42 30.9518L37.1407 25.1338C37.3005 24.9364 37.498 24.7768 37.7203 24.6653C37.9427 24.5538 38.1848 24.4929 38.431 24.4866C38.6772 24.4803 38.9218 24.5287 39.149 24.6287C39.3762 24.7288 39.5809 24.8781 39.7496 25.0671L41.957 27.5361L50.5857 16.6629C50.7546 16.4499 50.967 16.2797 51.2069 16.165C51.4469 16.0503 51.7083 15.9941 51.9718 16.0005C52.2352 16.0069 52.4939 16.0758 52.7285 16.202C52.9632 16.3283 53.1679 16.5086 53.3273 16.7297L63.6435 31.0236C63.8408 31.2976 63.9615 31.6242 63.9922 31.9666C64.0229 32.3089 63.9623 32.6535 63.8173 32.9616C63.6723 33.2697 63.4485 33.529 63.1712 33.7105C62.8939 33.8919 62.5741 33.9883 62.2476 33.9887L33.7537 34C33.4185 33.9999 33.0904 33.8986 32.8082 33.7082C32.526 33.5177 32.3014 33.2461 32.1611 32.9255C32.0208 32.6048 31.9706 32.2485 32.0165 31.8988C32.0624 31.549 32.2024 31.2204 32.42 30.9518Z" fill="#D6D6D6"/>
18
+ </svg>
19
+ `},components:[{tag:"Image",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}},settings:{imageLink:{type:"go-to-sales-page"}}}],flowTagComponents:{Marquee:[{tag:"Image",styles:{shape:{desktop:{width:"auto",height:"auto"}},enableBorder:"none"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{rootClassName:"{{rootClassName}}",css:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}},settings:{isNotLazyload:!0}}]}},{id:"image-circle-pre-sales-page",name:"Image",icon:{desktop:`
20
+ <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
21
+ <rect x="2" y="2" width="52" height="52" rx="26" fill="#424242"/>
22
+ <ellipse cx="20.4375" cy="22.9688" rx="2.0625" ry="1.96875" fill="#F9F9F9"/>
23
+ <path d="M17.2887 32.9997L20.5342 29.1816C20.6441 29.052 20.7799 28.9473 20.9327 28.8741C21.0856 28.8009 21.2521 28.761 21.4213 28.7568C21.5905 28.7527 21.7587 28.7845 21.915 28.8501C22.0712 28.9158 22.2118 29.0138 22.3278 29.1378L23.8454 30.758L29.7777 23.6225C29.8938 23.4827 30.0398 23.371 30.2048 23.2958C30.3697 23.2205 30.5495 23.1836 30.7306 23.1878C30.9117 23.192 31.0895 23.2372 31.2509 23.3201C31.4122 23.4029 31.5529 23.5213 31.6625 23.6663L38.7549 33.0467C38.8905 33.2266 38.9735 33.4409 38.9947 33.6656C39.0158 33.8902 38.9741 34.1164 38.8744 34.3186C38.7747 34.5207 38.6209 34.6909 38.4302 34.81C38.2396 34.9291 38.0197 34.9923 37.7952 34.9926L18.2057 35C17.9753 34.9999 17.7497 34.9334 17.5557 34.8085C17.3616 34.6835 17.2072 34.5053 17.1108 34.2948C17.0143 34.0844 16.9798 33.8506 17.0113 33.6211C17.0429 33.3915 17.1391 33.1759 17.2887 32.9997Z" fill="#F9F9F9"/>
24
+ </svg>
25
+ `},components:[{tag:"Image",settings:{imageStyle:"circle",imageLink:{type:"go-to-sales-page"}},styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"},wrapperBorder:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",isCustom:!0}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssplaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}}}],rootOverride:{styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}}];export{ImagePreset};
@@ -0,0 +1 @@
1
+ let ImageSettings=[{id:"setting",controls:[{id:"imageStyle",label:"Style",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,popoverLabel:"Style",itemPerRow:2,itemSpacing:"large",options:[{label:"Rectangle",value:"rectangle",iconName:"gp-image-rectangle-style"},{label:"Circle",value:"circle",iconName:"gp-image-circle-style"}],default:"rectangle"},{id:"image-info",label:"Image",type:"group",controls:[{id:"image",type:"image-select",label:"Pick Image",default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}},{id:"srcSet",type:"image-select",hide:!0,dynamicSource:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"isAdaptive",type:"toggle",label:"Adaptive",default:!0,hideOnMode:{mobileOnly:!0}}]},{id:"enableImageLink",type:"toggle",default:!1,compoDefaultValue:!1},{id:"imageLink",type:"pick-link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"optimize",type:"group",label:"Optimize",hiddenWithGemPages:!0,controls:[{id:"qualityType",type:"select",label:"Quality",devices:{desktop:{default:"high"}},options:[{title:"Finest",value:"finest"},{title:"High",value:"high"},{title:"Medium",value:"medium"},{title:"Custom",value:"custom",tooltip:"You can choose it for advanced page loading optimization."}]},{id:"qualityPercent",type:"input:slider",label:"",units:["%"],showDefaultUnit:!0,min:100,max:400,step:50,useOnlyUnitInit:!0,isNumber:!0,devices:{desktop:{default:100}}},{id:"priority",type:"toggle",label:"Preload",default:!1}]},{id:"isNotLazyload",type:"toggle",default:!1}]},{id:"style",controls:[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",shapeLinked:!0,width:"1200px"}}},settingConfig:{width:{displayOptions:["full"]},height:{displayOptions:["full"],units:["px","%"]}},hiddenSettings:["padding","gap"]},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:{desktop:{default:"cover"}}},{id:"align",label:"Align",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:"center"}}},{id:"behavior-state",type:"behavior-state",label:"Behavior State",controls:[{id:"borderImg",type:"border",label:"Border",default:{normal:{borderType:"none",border:"none",width:"1px 1px 1px 1px",borderWidth:"1px",color:"#000000",isCustom:!1}},state:{hover:!0,normal:!0}},{id:"opacity",label:"Overlay Opacity",type:"input:slider",min:0,max:100,step:1,units:["%"],useOnlyUnitInit:!0,default:{normal:0},state:{normal:!0,hover:!0}},{id:"opacityColor",label:"Overlay Color",type:"colorpicker",default:{normal:"#242424"},state:{normal:!0,hover:!0}},{id:"hasBoxShadowImg",type:"toggle",label:"Enable Image Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowImg",type:"boxShadow",label:"Image Shadow",hideOnState:{normal:!0,hover:!0},default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45}},state:{normal:!0,hover:!0}}]},{id:"wrapperBorder",type:"border",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",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},{id:"shadow",type:"shadow-v2",label:"Button Shadow",default:{type:"none",distance:"10px",blur:"12px",spread:"10px",color:"rgba(18, 18, 18, 0.77)",angle:40}}]}];export{ImageSettings};
@@ -0,0 +1 @@
1
+ let SettingUIV2=[{label:"Style",controls:[{setting:{id:"imageStyle"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"square",shapeValue:"1/1",shapeLinked:!0,width:"80px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"9999px",btrr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"original",shapeValue:"",width:"100%"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"0px",btrr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Source",controls:[{conditionDisplay:"isAdaptive === false",setting:{id:"image"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{conditionDisplay:"isAdaptive === true",setting:{id:"srcSet"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Scale",setting:{id:"objectFit"},conditionDisplay:'shape.shape !== "original"'}]},{label:"Size",controls:[{setting:{id:"shape"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:"Corner",controlConfig:{id:"corner",type:"corner-v2",linkWithSetting:{name:"borderRadius"}}},{label:"Shadow",setting:{id:"shadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadow.enable === true",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!0}},{condition:"shadow.enable === false",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Link",setting:{id:"enableImageLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableImageLink == true'},{setting:{id:"imageLink"},conditionDisplay:"enableImageLink === true",layout:"vertical"}]},{label:"SEO",controls:[{type:"combo",label:"Alt text",iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:"Content",setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:"Image title",iconName:"polaris-text-block",getValueFromSettingID:"title",isHideClear:!0,compoDefaultValue:"Title",controls:[{label:"Content",setting:{id:"title"},layout:"vertical"}]}]},{label:"Optimize LCP",controls:[{label:"Preload",setting:{id:"priority"}},{label:"Quality",setting:{id:"qualityType"},options:{disableMessage:"This setting only works with images uploaded to Shopify"},conditionEnable:"(activeScreenId === \"desktop\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"tablet\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"mobile\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com'))",conditionDisplay:"priority === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && priority === false && ((activeScreenId === "desktop" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "tablet" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "mobile" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")))',setting:{id:"qualityPercent"}}]},{controls:[{label:"Align",setting:{id:"align"},conditionEnable:'!(shape.width === "default" || (parseInt(shape.width) >= 100 && shape.width?.includes("%")))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ export{default as Button}from"./button/components/Button.html.js";
@@ -0,0 +1 @@
1
+ export{buttonSetting}from"./button/index.js";export{gridSetting}from"./grid/index.js";export{textSetting}from"./text/index.js";export{imageSetting}from"./image/index.js";export{linkSetting}from"./link/index.js";export{default as nextComponent}from"./next.js";import*as t from"./index.html.js";export{default as builderComponent}from"./builder.js";export{default as componentSettings}from"./setting.js";export{REGEX_PAGE_TYPE,checkIsOpenPopup,checkIsScrollToTop,convertUnitToNumber,createSettingId,createTranslateKey,extractProductID,filterTruthyObject,filterTruthyStyles,getAllHrefFromString,getBackgroundTranslated,getDisplayStyle,getDynamicSourceLocales,getInsertLinkData,getLinkArticle,getLinkData,getSettingPreloadData,getStaticLocale,handleClickLink,isEmptyObject,isHexTransparent,isLinkedToSalesPage,isShopifyDomain,isTransparentColor,isTransparentRGBA,normalizeMailto,replaceAllHrefFromString,replaceLinkData,youtubeShortsRegex}from"./helpers.js";export{default as Button}from"./button/components/Button.js";export{default as Root}from"./grid/components/root/Root.js";export{default as Section}from"./grid/components/section/Section.js";export{default as Row}from"./grid/components/row/Row.js";export{default as Col}from"./grid/components/col/Col.js";export{default as Text}from"./text/components/Text.js";export{default as Image}from"./image/components/Image.js";export{default as Link}from"./link/components/Link.js";export{t as liquidComponents};
@@ -0,0 +1 @@
1
+ function normalize(e){let r=[];if(0===e.length)return"";if("string"!=typeof e[0])throw TypeError("Url must be a string. Received "+e[0]);e[0].match(/^[^/:]+:\/*$/)&&e.length>1&&(e[0]=e.shift()+e[0]),e[0].match(/^file:\/\/\//)?e[0]=e[0].replace(/^([^/:]+):\/*/,"$1:///"):e[0]=e[0].replace(/^([^/:]+):\/*/,"$1://");for(let t=0;t<e.length;t++){let l=e[t];if("string"!=typeof l)throw TypeError("Url must be a string. Received "+l);""!==l&&(t>0&&(l=l.replace(/^\/+/,"")),l=t<e.length-1?l.replace(/\/+$/,""):l.replace(/\/+$/,"/"),r.push(l))}let t=r.join("/");t=t.replace(/\/(\?|&|#[^!])/g,"$1");let l=t.split("?");return l.shift()+(l.length>0?"?":"")+l.join("&")}function urlJoin(...e){let r=Array.from(Array.isArray(e[0])?e[0]:e);return normalize(r)}export{urlJoin};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsx as t}from"react/jsx-runtime";import e from"next/link";import{useRenderMode as r}from"@gem-sdk/core";import{handleClickLink as i}from"../../helpers.js";let CustomLink=({children:o,dataId:l,...m})=>{let{isPreviewSharePageMode:n}=r(),p={title:m.title,"data-id":l},s=m.href?.toString(),a=()=>{i({link:s,type:s?.startsWith("#el")?"open-popup":void 0})};return n?t("a",{...p,...m,href:s,onClick:a,children:o}):t(e,{...p,...m,children:o})};export{CustomLink as default};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsx as t}from"react/jsx-runtime";import{useMemo as r}from"react";import e from"./CustomLink.js";import o from"./ProductLink.js";let Link=({setting:l,className:a,style:i,children:m,title:n,dataId:f})=>{let p=r(()=>l?.type==="product"?o:e,[l?.type]),s={};return p==e&&(s.title=n),t(p,{...s,"data-id":f,target:l?.target,rel:l?.noFollow?"nofollow":void 0,"aria-label":l?.label,href:l?.href,className:a,style:i,children:m})};export{Link as default};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsx as t}from"react/jsx-runtime";import{useProduct as e,isEmptyChildren as r}from"@gem-sdk/core";let ProductLink=({children:l,...i})=>{let o=e();return t("a",{title:o?.title,href:o?`/products/${o.handle}`:"#",...i,children:r(l)?o?o.title:null:l})};export{ProductLink as default};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsx as r,Fragment as o}from"react/jsx-runtime";import{isEmptyChildren as e}from"@gem-sdk/core";import m from"next/link";import t from"../../../grid/components/ChildrenDroppable.js";let CustomLink=({children:i,href:n,...p})=>r(m,{...p,href:n??"#",children:r(o,{children:e(i)?r(t,{}):i})});export{CustomLink as default};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsx as r,Fragment as t}from"react/jsx-runtime";import{useProduct as e,isEmptyChildren as o}from"@gem-sdk/core";import l from"next/link";import{urlJoin as i}from"../../common/helpers.js";let ProductLink=({children:m,href:n,...d})=>{let c=e();return r(l,{title:c?.title,...d,href:c?.handle?i("/products",c.handle):"#",children:r(t,{children:o(m)?c?c.title:null:m})})};export{ProductLink as default};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{jsx as t}from"react/jsx-runtime";import{useMemo as r}from"react";import e from"./CustomLink.js";import o from"./ProductLink.js";let Link=({setting:m,className:i,style:a})=>{let p=r(()=>m?.type==="product"?o:e,[m?.type]);return t(p,{target:m?.target,href:m?.href,className:i,style:a})};export{Link as default};