@gem-sdk/components 8.0.0-dev.54 → 8.0.0-dev.64

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 (228) hide show
  1. package/dist/cjs/accordion/settings/configs/ui-v1.js +1 -1
  2. package/dist/cjs/accordion/settings/configs/ui-v2.js +1 -1
  3. package/dist/cjs/article/settings/configs/article-image/ui-v1.js +1 -1
  4. package/dist/cjs/article/settings/configs/article-image/ui-v2.js +1 -1
  5. package/dist/cjs/article/settings/configs/article-list/ui-v2.js +1 -1
  6. package/dist/cjs/article/settings/configs/article-read-more/ui-v1.js +1 -1
  7. package/dist/cjs/article/settings/configs/article-read-more/ui-v2.js +1 -1
  8. package/dist/cjs/breadcrumb/settings/configs/ui-v2.js +1 -1
  9. package/dist/cjs/button/settings/configs/ui-v1.js +1 -1
  10. package/dist/cjs/button/settings/configs/ui-v2.js +1 -1
  11. package/dist/cjs/carousel/settings/configs/ui-v2.js +1 -1
  12. package/dist/cjs/carousel-v3/settings/configs/ui-v2.js +1 -1
  13. package/dist/cjs/code/common/styles.js +1 -1
  14. package/dist/cjs/code/components/CSSCode.js +1 -1
  15. package/dist/cjs/code/components/CSSCode.liquid.js +4 -4
  16. package/dist/cjs/code/index.js +1 -1
  17. package/dist/cjs/code/settings/configs/settings.js +1 -1
  18. package/dist/cjs/code/settings/configs/ui-v1.js +1 -1
  19. package/dist/cjs/collection/settings/collection-banner/configs/ui-v1.js +1 -1
  20. package/dist/cjs/countdown-timer/components/Countdown.liquid.js +11 -11
  21. package/dist/cjs/countdown-timer/settings/configs/ui-v2.js +1 -1
  22. package/dist/cjs/coupon/settings/configs/ui-v1.js +1 -1
  23. package/dist/cjs/coupon/settings/configs/ui-v2.js +1 -1
  24. package/dist/cjs/dialog/common/styles.js +1 -1
  25. package/dist/cjs/dialog/components/Dialog.js +2 -2
  26. package/dist/cjs/dialog/components/Dialog.liquid.js +22 -22
  27. package/dist/cjs/dialog/settings/configs/settings.js +1 -1
  28. package/dist/cjs/dialog/settings/configs/ui-v2.js +1 -1
  29. package/dist/cjs/estimate-delivery/settings/configs/ui-v1.js +1 -1
  30. package/dist/cjs/form/settings/contact/configs/ui-v2.js +1 -1
  31. package/dist/cjs/form/settings/newsletter/configs/ui-v2.js +1 -1
  32. package/dist/cjs/form/settings/submit-button/configs/ui-v1.js +1 -1
  33. package/dist/cjs/form/settings/submit-button/configs/ui-v2.js +1 -1
  34. package/dist/cjs/form/settings/text-input/configs/ui-v2.js +1 -1
  35. package/dist/cjs/grid/components/row/Row.js +1 -1
  36. package/dist/cjs/grid/components/row/Row.liquid.js +11 -11
  37. package/dist/cjs/grid/components/row/common/helpers.js +1 -1
  38. package/dist/cjs/grid/components/row/common/styles.js +1 -1
  39. package/dist/cjs/grid/settings/configs/row/ui-v1.js +1 -1
  40. package/dist/cjs/grid/settings/configs/row/ui-v2.js +1 -1
  41. package/dist/cjs/grid/settings/configs/section/ui-v1.js +1 -1
  42. package/dist/cjs/grid/settings/configs/section/ui-v2.js +1 -1
  43. package/dist/cjs/header/settings/configs/ui-v2.js +1 -1
  44. package/dist/cjs/heading/settings/configs/settings.js +1 -1
  45. package/dist/cjs/heading/settings/configs/ui-v1.js +1 -1
  46. package/dist/cjs/helpers.js +1 -1
  47. package/dist/cjs/hero-banner/components/HeroBannerItem.js +1 -1
  48. package/dist/cjs/hero-banner/hooks/useHeroBannerItem.js +1 -1
  49. package/dist/cjs/hero-banner/settings/configs/ui-v1.js +1 -1
  50. package/dist/cjs/hero-banner/settings/configs/ui-v2.js +1 -1
  51. package/dist/cjs/icon-list/settings/configs/ui-v1.js +1 -1
  52. package/dist/cjs/icon-list/settings/configs/ui-v2.js +1 -1
  53. package/dist/cjs/icon-list-hoz/settings/configs/uiV1.js +1 -1
  54. package/dist/cjs/icon-list-hoz/settings/configs/uiV2.js +1 -1
  55. package/dist/cjs/image/settings/configs/ui-v1.js +1 -1
  56. package/dist/cjs/image/settings/configs/ui-v2.js +1 -1
  57. package/dist/cjs/image-comparison/settings/configs/ui-v2.js +1 -1
  58. package/dist/cjs/index.js +1 -1
  59. package/dist/cjs/marquee/settings/configs/ui-v1.js +1 -1
  60. package/dist/cjs/marquee/settings/configs/ui-v2.js +1 -1
  61. package/dist/cjs/post-purchase/callout-banner/settings/config/callout-box/ui-v1.js +1 -1
  62. package/dist/cjs/post-purchase/product/components/ProductPrice.js +1 -1
  63. package/dist/cjs/post-purchase/product/settings/product-offer/configs/ui-v1.js +1 -1
  64. package/dist/cjs/post-purchase/product/settings/product-price/configs/settings-v2.js +1 -1
  65. package/dist/cjs/post-purchase/product/settings/product-price/configs/ui-v2.js +1 -1
  66. package/dist/cjs/product/components/file-upload/settings/configs/ui-v1.js +1 -1
  67. package/dist/cjs/product/components/file-upload/settings/configs/ui-v2.js +1 -1
  68. package/dist/cjs/product/components/product-bundle/setting/configs/ui-v1.js +1 -1
  69. package/dist/cjs/product/components/product-bundle/setting/configs/ui-v2.js +1 -1
  70. package/dist/cjs/product/components/product-discount-tag/ProductDiscountTag.liquid.js +1 -1
  71. package/dist/cjs/product/components/product-list-v3/ProductList.js +1 -1
  72. package/dist/cjs/product/settings/dynamic-checkout/configs/ui-v1.js +1 -1
  73. package/dist/cjs/product/settings/dynamic-checkout/configs/ui-v2.js +1 -1
  74. package/dist/cjs/product/settings/product/configs/ui-v1.js +1 -1
  75. package/dist/cjs/product/settings/product/configs/ui-v2.js +1 -1
  76. package/dist/cjs/product/settings/product-badge/configs/ui-v1.js +1 -1
  77. package/dist/cjs/product/settings/product-badge/configs/ui-v2.js +1 -1
  78. package/dist/cjs/product/settings/product-button/configs/ui-v1.js +1 -1
  79. package/dist/cjs/product/settings/product-button/configs/ui-v2.js +1 -1
  80. package/dist/cjs/product/settings/product-image-v2/ProductFeatureImage.js +1 -1
  81. package/dist/cjs/product/settings/product-image-v2/ProductGalleryImage.js +1 -1
  82. package/dist/cjs/product/settings/product-image-v2/configs/ui-v2.js +1 -1
  83. package/dist/cjs/product/settings/product-image-v3/ProductFeatureImage.js +1 -1
  84. package/dist/cjs/product/settings/product-image-v3/ProductGalleryImage.js +1 -1
  85. package/dist/cjs/product/settings/product-image-v3/configs/ui-v2.js +1 -1
  86. package/dist/cjs/product/settings/product-list/configs/ui-v1.js +1 -1
  87. package/dist/cjs/product/settings/product-list/configs/ui-v2.js +1 -1
  88. package/dist/cjs/product/settings/product-list-v3/configs/ui-v1.js +1 -1
  89. package/dist/cjs/product/settings/product-list-v3/configs/ui-v2.js +1 -1
  90. package/dist/cjs/product/settings/product-properties/configs/ui-v1.js +1 -1
  91. package/dist/cjs/product/settings/product-properties/configs/ui-v2.js +1 -1
  92. package/dist/cjs/product/settings/product-variant/configs/ui-v1.js +1 -1
  93. package/dist/cjs/product/settings/product-variant/configs/ui-v2.js +1 -1
  94. package/dist/cjs/product/settings/product-view-more/configs/ui-v1.js +1 -1
  95. package/dist/cjs/product/settings/product-view-more/configs/ui-v2.js +1 -1
  96. package/dist/cjs/sticky/common/styles.js +1 -1
  97. package/dist/cjs/sticky/components/Sticky.js +1 -1
  98. package/dist/cjs/sticky/components/Sticky.liquid.js +7 -7
  99. package/dist/cjs/sticky/index.js +1 -1
  100. package/dist/cjs/sticky/settings/configs/settings.js +1 -1
  101. package/dist/cjs/sticky/settings/configs/ui-v1.js +1 -1
  102. package/dist/cjs/sticky/settings/configs/ui-v2.js +1 -1
  103. package/dist/cjs/tab/settings/configs/ui-v2.js +1 -1
  104. package/dist/cjs/text/common/helpers.js +1 -1
  105. package/dist/cjs/text/common/styles.js +1 -1
  106. package/dist/cjs/text/components/Text.js +1 -1
  107. package/dist/cjs/text/components/Text.liquid.js +3 -3
  108. package/dist/cjs/text/settings/configs/settings.js +1 -1
  109. package/dist/cjs/text/settings/configs/ui-v1.js +1 -1
  110. package/dist/cjs/third-party/settings/PushOwl/uiV1.js +1 -1
  111. package/dist/cjs/third-party/settings/PushOwl/uiV2.js +1 -1
  112. package/dist/cjs/video/components/LiteYouTubeEmbed.js +1 -1
  113. package/dist/cjs/video/settings/configs/ui-v2.js +1 -1
  114. package/dist/esm/accordion/settings/configs/ui-v1.js +1 -1
  115. package/dist/esm/accordion/settings/configs/ui-v2.js +1 -1
  116. package/dist/esm/article/settings/configs/article-image/ui-v1.js +1 -1
  117. package/dist/esm/article/settings/configs/article-image/ui-v2.js +1 -1
  118. package/dist/esm/article/settings/configs/article-list/ui-v2.js +1 -1
  119. package/dist/esm/article/settings/configs/article-read-more/ui-v1.js +1 -1
  120. package/dist/esm/article/settings/configs/article-read-more/ui-v2.js +1 -1
  121. package/dist/esm/breadcrumb/settings/configs/ui-v2.js +1 -1
  122. package/dist/esm/button/settings/configs/ui-v1.js +1 -1
  123. package/dist/esm/button/settings/configs/ui-v2.js +1 -1
  124. package/dist/esm/carousel/settings/configs/ui-v2.js +1 -1
  125. package/dist/esm/carousel-v3/settings/configs/ui-v2.js +1 -1
  126. package/dist/esm/code/common/styles.js +1 -1
  127. package/dist/esm/code/components/CSSCode.js +1 -1
  128. package/dist/esm/code/components/CSSCode.liquid.js +4 -4
  129. package/dist/esm/code/index.js +1 -1
  130. package/dist/esm/code/settings/configs/settings.js +1 -1
  131. package/dist/esm/code/settings/configs/ui-v1.js +1 -1
  132. package/dist/esm/collection/settings/collection-banner/configs/ui-v1.js +1 -1
  133. package/dist/esm/countdown-timer/components/Countdown.liquid.js +20 -20
  134. package/dist/esm/countdown-timer/settings/configs/ui-v2.js +1 -1
  135. package/dist/esm/coupon/settings/configs/ui-v1.js +1 -1
  136. package/dist/esm/coupon/settings/configs/ui-v2.js +1 -1
  137. package/dist/esm/dialog/common/styles.js +1 -1
  138. package/dist/esm/dialog/components/Dialog.js +2 -2
  139. package/dist/esm/dialog/components/Dialog.liquid.js +22 -22
  140. package/dist/esm/dialog/settings/configs/settings.js +1 -1
  141. package/dist/esm/dialog/settings/configs/ui-v2.js +1 -1
  142. package/dist/esm/estimate-delivery/settings/configs/ui-v1.js +1 -1
  143. package/dist/esm/form/settings/contact/configs/ui-v2.js +1 -1
  144. package/dist/esm/form/settings/newsletter/configs/ui-v2.js +1 -1
  145. package/dist/esm/form/settings/submit-button/configs/ui-v1.js +1 -1
  146. package/dist/esm/form/settings/submit-button/configs/ui-v2.js +1 -1
  147. package/dist/esm/form/settings/text-input/configs/ui-v2.js +1 -1
  148. package/dist/esm/grid/components/row/Row.js +1 -1
  149. package/dist/esm/grid/components/row/Row.liquid.js +17 -17
  150. package/dist/esm/grid/components/row/common/helpers.js +1 -1
  151. package/dist/esm/grid/components/row/common/styles.js +1 -1
  152. package/dist/esm/grid/settings/configs/row/ui-v1.js +1 -1
  153. package/dist/esm/grid/settings/configs/row/ui-v2.js +1 -1
  154. package/dist/esm/grid/settings/configs/section/ui-v1.js +1 -1
  155. package/dist/esm/grid/settings/configs/section/ui-v2.js +1 -1
  156. package/dist/esm/header/settings/configs/ui-v2.js +1 -1
  157. package/dist/esm/heading/settings/configs/settings.js +1 -1
  158. package/dist/esm/heading/settings/configs/ui-v1.js +1 -1
  159. package/dist/esm/helpers.js +1 -1
  160. package/dist/esm/hero-banner/components/HeroBannerItem.js +1 -1
  161. package/dist/esm/hero-banner/hooks/useHeroBannerItem.js +1 -1
  162. package/dist/esm/hero-banner/settings/configs/ui-v1.js +1 -1
  163. package/dist/esm/hero-banner/settings/configs/ui-v2.js +1 -1
  164. package/dist/esm/icon-list/settings/configs/ui-v1.js +1 -1
  165. package/dist/esm/icon-list/settings/configs/ui-v2.js +1 -1
  166. package/dist/esm/icon-list-hoz/settings/configs/uiV1.js +1 -1
  167. package/dist/esm/icon-list-hoz/settings/configs/uiV2.js +1 -1
  168. package/dist/esm/image/settings/configs/ui-v1.js +1 -1
  169. package/dist/esm/image/settings/configs/ui-v2.js +1 -1
  170. package/dist/esm/image-comparison/settings/configs/ui-v2.js +1 -1
  171. package/dist/esm/index.js +1 -1
  172. package/dist/esm/marquee/settings/configs/ui-v1.js +1 -1
  173. package/dist/esm/marquee/settings/configs/ui-v2.js +1 -1
  174. package/dist/esm/post-purchase/callout-banner/settings/config/callout-box/ui-v1.js +1 -1
  175. package/dist/esm/post-purchase/product/components/ProductPrice.js +1 -1
  176. package/dist/esm/post-purchase/product/settings/product-offer/configs/ui-v1.js +1 -1
  177. package/dist/esm/post-purchase/product/settings/product-price/configs/settings-v2.js +1 -1
  178. package/dist/esm/post-purchase/product/settings/product-price/configs/ui-v2.js +1 -1
  179. package/dist/esm/product/components/file-upload/settings/configs/ui-v1.js +1 -1
  180. package/dist/esm/product/components/file-upload/settings/configs/ui-v2.js +1 -1
  181. package/dist/esm/product/components/product-bundle/setting/configs/ui-v1.js +1 -1
  182. package/dist/esm/product/components/product-bundle/setting/configs/ui-v2.js +1 -1
  183. package/dist/esm/product/components/product-discount-tag/ProductDiscountTag.liquid.js +1 -1
  184. package/dist/esm/product/components/product-list-v3/ProductList.js +1 -1
  185. package/dist/esm/product/settings/dynamic-checkout/configs/ui-v1.js +1 -1
  186. package/dist/esm/product/settings/dynamic-checkout/configs/ui-v2.js +1 -1
  187. package/dist/esm/product/settings/product/configs/ui-v1.js +1 -1
  188. package/dist/esm/product/settings/product/configs/ui-v2.js +1 -1
  189. package/dist/esm/product/settings/product-badge/configs/ui-v1.js +1 -1
  190. package/dist/esm/product/settings/product-badge/configs/ui-v2.js +1 -1
  191. package/dist/esm/product/settings/product-button/configs/ui-v1.js +1 -1
  192. package/dist/esm/product/settings/product-button/configs/ui-v2.js +1 -1
  193. package/dist/esm/product/settings/product-image-v2/ProductFeatureImage.js +1 -1
  194. package/dist/esm/product/settings/product-image-v2/ProductGalleryImage.js +1 -1
  195. package/dist/esm/product/settings/product-image-v2/configs/ui-v2.js +1 -1
  196. package/dist/esm/product/settings/product-image-v3/ProductFeatureImage.js +1 -1
  197. package/dist/esm/product/settings/product-image-v3/ProductGalleryImage.js +1 -1
  198. package/dist/esm/product/settings/product-image-v3/configs/ui-v2.js +1 -1
  199. package/dist/esm/product/settings/product-list/configs/ui-v1.js +1 -1
  200. package/dist/esm/product/settings/product-list/configs/ui-v2.js +1 -1
  201. package/dist/esm/product/settings/product-list-v3/configs/ui-v1.js +1 -1
  202. package/dist/esm/product/settings/product-list-v3/configs/ui-v2.js +1 -1
  203. package/dist/esm/product/settings/product-properties/configs/ui-v1.js +1 -1
  204. package/dist/esm/product/settings/product-properties/configs/ui-v2.js +1 -1
  205. package/dist/esm/product/settings/product-variant/configs/ui-v1.js +1 -1
  206. package/dist/esm/product/settings/product-variant/configs/ui-v2.js +1 -1
  207. package/dist/esm/product/settings/product-view-more/configs/ui-v1.js +1 -1
  208. package/dist/esm/product/settings/product-view-more/configs/ui-v2.js +1 -1
  209. package/dist/esm/sticky/common/styles.js +1 -1
  210. package/dist/esm/sticky/components/Sticky.js +1 -1
  211. package/dist/esm/sticky/components/Sticky.liquid.js +6 -6
  212. package/dist/esm/sticky/index.js +1 -1
  213. package/dist/esm/sticky/settings/configs/settings.js +1 -1
  214. package/dist/esm/sticky/settings/configs/ui-v1.js +1 -1
  215. package/dist/esm/sticky/settings/configs/ui-v2.js +1 -1
  216. package/dist/esm/tab/settings/configs/ui-v2.js +1 -1
  217. package/dist/esm/text/common/helpers.js +1 -1
  218. package/dist/esm/text/common/styles.js +1 -1
  219. package/dist/esm/text/components/Text.js +1 -1
  220. package/dist/esm/text/components/Text.liquid.js +4 -4
  221. package/dist/esm/text/settings/configs/settings.js +1 -1
  222. package/dist/esm/text/settings/configs/ui-v1.js +1 -1
  223. package/dist/esm/third-party/settings/PushOwl/uiV1.js +1 -1
  224. package/dist/esm/third-party/settings/PushOwl/uiV2.js +1 -1
  225. package/dist/esm/video/components/LiteYouTubeEmbed.js +1 -1
  226. package/dist/esm/video/settings/configs/ui-v2.js +1 -1
  227. package/dist/types/index.d.ts +120 -100
  228. package/package.json +4 -4
@@ -1 +1 @@
1
- "use strict";const SettingUIV2=[{label:{en:"Type"},controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:{en:"Option management"},conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:{en:"Options"},setting:{id:"childItem"}}]},{label:{en:"Size"},conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Icon & text gap"},conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:{en:"Background"},conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Color"},setting:{id:"valueBgColor",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Border"},setting:{id:"borderInput",state:"normal"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Checkbox item"},conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Radio item"},conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Input text style"},conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:{en:"Placeholder"},popoverLabel:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Text style"},conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Label"},setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:{en:"Content"},controls:[{label:{en:"Content"},setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderInput",state:"hover"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}}]},{label:{en:"Focus effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"focus"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"}},{label:{en:"Border"},setting:{id:"borderInput",state:"focus"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Active effect"},conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:{en:"Text color"},setting:{id:"valueTextColor",state:"active"}}]},{label:{en:"Configuration"},controls:[{label:{en:"Field name"},type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:{en:"Content"},setting:{id:"name"},layout:"vertical"}]},{label:{en:"Required"},conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:{en:"Number only"},conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:{en:"Min character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:{en:"Max character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:{en:"Min number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:{en:"Max number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:{en:"Predefine value"},type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:{en:"Error message"},conditionDisplay:'["text", "textarea", "email"].includes(type) || (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:{en:"Invalid length"},iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:{en:"Invalid number"},iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:{en:"Invalid email"},iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:{en:"Missing required"},iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
1
+ "use strict";const SettingUIV2=[{label:{en:"Type"},controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:{en:"Option management"},conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:{en:"Options"},setting:{id:"childItem"}}]},{label:{en:"Size"},conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Icon & text gap"},conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:{en:"Background"},conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Color"},setting:{id:"valueBgColor",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Border"},setting:{id:"borderInput",state:"normal"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput?.normal?.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput?.normal?.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Checkbox item"},conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Radio item"},conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Input text style"},conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:{en:"Placeholder"},popoverLabel:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Text style"},conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Label"},setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:{en:"Content"},controls:[{label:{en:"Content"},setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderInput",state:"hover"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput?.hover?.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput?.hover?.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}}]},{label:{en:"Focus effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"focus"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"}},{label:{en:"Border"},setting:{id:"borderInput",state:"focus"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput?.focus?.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput?.focus?.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Active effect"},conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:{en:"Text color"},setting:{id:"valueTextColor",state:"active"}}]},{label:{en:"Configuration"},controls:[{label:{en:"Field name"},type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:{en:"Content"},setting:{id:"name"},layout:"vertical"}]},{label:{en:"Required"},conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:{en:"Number only"},conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:{en:"Min character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:{en:"Max character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:{en:"Min number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:{en:"Max number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:{en:"Predefine value"},type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:{en:"Error message"},conditionDisplay:'["text", "textarea", "email"].includes(type) || (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:{en:"Invalid length"},iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:{en:"Invalid number"},iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:{en:"Invalid email"},iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:{en:"Missing required"},iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
@@ -1 +1 @@
1
- "use strict";const SettingUIV1=[{type:"group",label:{en:"Variants settings"},controls:[{type:"control",label:{en:"Type"},setting:{id:"optionType"}},{type:"control",label:{en:"Options price"},setting:{id:"price"},condition:"optionType == 'groupOption'"},{type:"control",label:{en:"Sold out style"},setting:{id:"soldOutStyle"}}]},{type:"control",condition:"false",layout:"vertical",label:{en:"Variant style"},setting:{id:"showAsSwatches"}},{type:"control",condition:"optionType == 'singleOption'",layout:"vertical",label:{en:"Variant style"},setting:{id:"variantPresets"}},{type:"group",condition:"optionType === 'groupOption'",layout:"vertical",label:{en:"Variant style"},controls:[{type:"control",label:{en:""},setting:{id:"hasOnlyDefaultVariant"},layout:"vertical",condition:"hasOnlyDefaultVariant === true"},{type:"control",label:{en:"Width"},setting:{id:"combineWidth"},condition:"hasOnlyDefaultVariant === false"},{type:"control",label:{en:"Height"},setting:{id:"combineHeight"},condition:"hasOnlyDefaultVariant === false"},{type:"tab",label:{en:"States"},isMoreSetting:!0,condition:"hasOnlyDefaultVariant === false",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"normal"}},{type:"control",label:{en:""},condition:"optionHasShadow.normal === true",layout:"vertical",setting:{id:"optionShadow",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"hover"}},{type:"control",label:{en:""},condition:"optionHasShadow.hover === true",layout:"vertical",setting:{id:"optionShadow",state:"hover"}}]},{type:"group",label:{en:"Active"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"active"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"active"}},{type:"control",label:{en:""},layout:"vertical",condition:"optionHasShadow.active === true",setting:{id:"optionShadow",state:"active"}}]}]}]},{type:"group",label:{en:""},condition:"optionType !== 'groupOption'",controls:[{type:"control",label:{en:"Title"},setting:{id:"label"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",setting:{id:"labelTypo"},layout:"vertical"},{type:"control",condition:"label == true",setting:{id:"labelTypography"},layout:"vertical"},{type:"control",condition:"label == true",label:{en:"Arrangement"},setting:{id:"layout"}},{type:"control",condition:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}}]},{type:"group",label:{en:"Option value text"},controls:[{type:"control",setting:{id:"optionTypography"},layout:"vertical"},{type:"control",setting:{id:"optionTypo"},layout:"vertical"}]},{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Pre-selected option"},setting:{id:"hasPreSelected"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",condition:"hasPreSelected == true",layout:"vertical",setting:{id:"selectVariantDefault"},options:{styleControl:{"max-width":"100%"}}},{type:"control",condition:"hasPreSelected == false",label:{en:"Blank option text"},setting:{id:"blankText"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth == false",setting:{id:"width"}},{type:"control",label:{en:"Spacing"},setting:{id:"marginBottom"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"},options:{label:"large"}}];exports.SettingUIV1=SettingUIV1;
1
+ "use strict";const SettingUIV1=[{type:"group",label:{en:"Variants settings"},controls:[{type:"control",label:{en:"Type"},setting:{id:"optionType"}},{type:"control",label:{en:"Options price"},setting:{id:"price"},condition:"optionType == 'groupOption'"},{type:"control",label:{en:"Sold out style"},setting:{id:"soldOutStyle"}}]},{type:"control",condition:"false",layout:"vertical",label:{en:"Variant style"},setting:{id:"showAsSwatches"}},{type:"control",condition:"optionType == 'singleOption'",layout:"vertical",label:{en:"Variant style"},setting:{id:"variantPresets"}},{type:"group",condition:"optionType === 'groupOption'",layout:"vertical",label:{en:"Variant style"},controls:[{type:"control",label:{en:""},setting:{id:"hasOnlyDefaultVariant"},layout:"vertical",condition:"hasOnlyDefaultVariant === true"},{type:"control",label:{en:"Width"},setting:{id:"combineWidth"},condition:"hasOnlyDefaultVariant === false"},{type:"control",label:{en:"Height"},setting:{id:"combineHeight"},condition:"hasOnlyDefaultVariant === false"},{type:"tab",label:{en:"States"},isMoreSetting:!0,condition:"hasOnlyDefaultVariant === false",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"normal"}},{type:"control",label:{en:""},condition:"optionHasShadow?.normal === true",layout:"vertical",setting:{id:"optionShadow",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"hover"}},{type:"control",label:{en:""},condition:"optionHasShadow?.hover === true",layout:"vertical",setting:{id:"optionShadow",state:"hover"}}]},{type:"group",label:{en:"Active"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"active"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"active"}},{type:"control",label:{en:""},layout:"vertical",condition:"optionHasShadow?.active === true",setting:{id:"optionShadow",state:"active"}}]}]}]},{type:"group",label:{en:""},condition:"optionType !== 'groupOption'",controls:[{type:"control",label:{en:"Title"},setting:{id:"label"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",setting:{id:"labelTypo"},layout:"vertical"},{type:"control",condition:"label == true",setting:{id:"labelTypography"},layout:"vertical"},{type:"control",condition:"label == true",label:{en:"Arrangement"},setting:{id:"layout"}},{type:"control",condition:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}}]},{type:"group",label:{en:"Option value text"},controls:[{type:"control",setting:{id:"optionTypography"},layout:"vertical"},{type:"control",setting:{id:"optionTypo"},layout:"vertical"}]},{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Pre-selected option"},setting:{id:"hasPreSelected"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",condition:"hasPreSelected == true",layout:"vertical",setting:{id:"selectVariantDefault"},options:{styleControl:{"max-width":"100%"}}},{type:"control",condition:"hasPreSelected == false",label:{en:"Blank option text"},setting:{id:"blankText"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth == false",setting:{id:"width"}},{type:"control",label:{en:"Spacing"},setting:{id:"marginBottom"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"},options:{label:"large"}}];exports.SettingUIV1=SettingUIV1;
@@ -1 +1 @@
1
- "use strict";const SettingUIV2=[{controls:[{label:{en:"Type"},setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Product source"},controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:{en:"Option gap"},conditionDisplay:"optionType === 'singleOption'",controls:[{label:{en:"Gap"},setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:{en:"Option title"},setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:{en:"Position"},setting:{id:"layout"}},{conditionDisplay:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:{en:"Text style"},setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:{en:"Option value text"},conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:{en:"Text style"},conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Option style"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Width"},setting:{id:"combineWidth"}},{label:{en:"Height"},setting:{id:"combineHeight"}},{label:{en:"Background"},setting:{id:"optionBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.active.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow.active.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Background"},setting:{id:"optionBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.hover.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow.hover.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Sold out style"},controls:[{label:{en:"Type"},setting:{id:"soldOutStyle"}}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"width"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false || (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:{en:"Placeholder"},setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:{en:"Variant price"},setting:{id:"price"}}]},{controls:[{label:{en:"Align"},conditionEnable:'optionType === "singleOption" || (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
1
+ "use strict";const SettingUIV2=[{controls:[{label:{en:"Type"},setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Product source"},controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:{en:"Option gap"},conditionDisplay:"optionType === 'singleOption'",controls:[{label:{en:"Gap"},setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:{en:"Option title"},setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:{en:"Position"},setting:{id:"layout"}},{conditionDisplay:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:{en:"Text style"},setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:{en:"Option value text"},conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:{en:"Text style"},conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Option style"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Width"},setting:{id:"combineWidth"}},{label:{en:"Height"},setting:{id:"combineHeight"}},{label:{en:"Background"},setting:{id:"optionBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow?.active?.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow?.active?.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Background"},setting:{id:"optionBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow?.hover?.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow?.hover?.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Sold out style"},controls:[{label:{en:"Type"},setting:{id:"soldOutStyle"}}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"width"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false || (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:{en:"Placeholder"},setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:{en:"Variant price"},setting:{id:"price"}}]},{controls:[{label:{en:"Align"},conditionEnable:'optionType === "singleOption" || (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
@@ -1 +1 @@
1
- "use strict";const SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",label:{en:""},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:"Open in"},setting:{id:"target"}},{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"}},{condition:"hasBoxShadowBtn.normal == true",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:"control",condition:"hasBoxShadowBtn.hover == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];exports.SettingUIV1=SettingUIV1;
1
+ "use strict";const SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",label:{en:""},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:"Open in"},setting:{id:"target"}},{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"}},{condition:"hasBoxShadowBtn?.normal == true",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:"control",condition:"hasBoxShadowBtn?.hover == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];exports.SettingUIV1=SettingUIV1;
@@ -1 +1 @@
1
- "use strict";const SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"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:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:{en:"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>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"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:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover"},setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:{en:"Background"},type:"group",controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{label:{en:"Text"},type:"group",controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"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:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:{en:"Redirect to"},controls:[{label:{en:"New tab"},setting:{id:"redirectNewTab"}}]},{controls:[{label:{en:"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"}}]}];exports.SettingUIV2=SettingUIV2;
1
+ "use strict";const SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"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:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:{en:"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>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"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:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover"},setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:{en:"Background"},type:"group",controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{label:{en:"Text"},type:"group",controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"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:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:{en:"Redirect to"},controls:[{label:{en:"New tab"},setting:{id:"redirectNewTab"}}]},{controls:[{label:{en:"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"}}]}];exports.SettingUIV2=SettingUIV2;
@@ -1 +1 @@
1
- "use strict";var core=require("@gem-sdk/core");require("react/jsx-runtime"),require("react");var _const=require("../../common/const.js");const getCSSPosition=t=>"top"==t?"sticky":"fixed",getDisplayStyle=(t,e,l)=>{let i={[`--top${t}`]:"auto",[`--${l+t}`]:"0",[`--pos${t}`]:getCSSPosition(l)};switch(e){case"after-first-cart-button":i[`--d${t}`]="none";break;case"always":i[`--d${t}`]="block"}return i},displayConditionStyle=(t,e)=>({...getDisplayStyle("",t?.desktop,e?.desktop),...getDisplayStyle("-tablet",t?.tablet??t?.desktop,e?.tablet??e?.desktop),...getDisplayStyle("-mobile",t?.mobile??t?.tablet??t?.desktop,e?.mobile??e?.tablet??e?.desktop)}),getCSSAlignByDevice=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),getCSSAlign=t=>({...getCSSAlignByDevice(t?.desktop,""),...getCSSAlignByDevice(t?.tablet??t?.desktop,"-tablet"),...getCSSAlignByDevice(t?.mobile??t?.tablet??t?.desktop,"-mobile")}),getContainerStyles=t=>{let{position:e,display:l}=t;return{margin:"0 auto",...getCSSAlign(e),...displayConditionStyle(l,e),"z-index":_const.ELEMENT_Z_INDEX.STICKY}},getContentStyles=t=>{let{style:e,background:l}=t;return{...core.makeStyle({m:"0 auto"}),...getStylePadding(e),...filterStyles(e),...core.getStyleBackgroundByDevice(l),...core.getGradientImageBgrStyleByDevice(l)}},getStylePadding=t=>{let e=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"],l={};return e.forEach(e=>{t?.[e]&&(l[e]=t[e])}),l},filterStyles=t=>{let e={...t},l=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"];return l.forEach(t=>{delete e?.[t]}),e};exports.displayConditionStyle=displayConditionStyle,exports.filterStyles=filterStyles,exports.getContainerStyles=getContainerStyles,exports.getContentStyles=getContentStyles,exports.getDisplayStyle=getDisplayStyle,exports.getStylePadding=getStylePadding;
1
+ "use strict";var core=require("@gem-sdk/core");require("react/jsx-runtime"),require("react");var _const=require("../../common/const.js"),helpers=require("../../helpers.js");const getCSSPosition=e=>"top"==e?"sticky":"fixed",getDisplayStyle=(e,t,l)=>{let i={[`--top${e}`]:"auto",[`--${l+e}`]:"0",[`--pos${e}`]:getCSSPosition(l)};switch(t){case"after-first-cart-button":i[`--d${e}`]="none";break;case"always":i[`--d${e}`]="block"}return i},displayConditionStyle=(e,t)=>({...getDisplayStyle("",e?.desktop,t?.desktop),...getDisplayStyle("-tablet",e?.tablet??e?.desktop,t?.tablet??t?.desktop),...getDisplayStyle("-mobile",e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}),getCSSAlignByDevice=(e,t)=>({[`--left${t}`]:"top"==e?"0":"50%",[`--t${t}`]:"top"==e?"unset":"translateX(-50%)"}),getCSSAlign=e=>({...getCSSAlignByDevice(e?.desktop,""),...getCSSAlignByDevice(e?.tablet??e?.desktop,"-tablet"),...getCSSAlignByDevice(e?.mobile??e?.tablet??e?.desktop,"-mobile")}),getContainerStyles=e=>{let{position:t,display:l}=e;return{margin:"0 auto",...getCSSAlign(t),...displayConditionStyle(l,t),"z-index":_const.ELEMENT_Z_INDEX.STICKY}},getContentStyles=({setting:e,style:t,uid:l,pageContext:i,type:o="React"})=>{let{background:r,translate:a}=e||{},s="Liquid"===o?helpers.getBackgroundTranslated({background:r,uid:l,translate:a,pageContext:i,isTranslateVideo:!1}):r;return{...core.makeStyle({m:"0 auto"}),...getStylePadding(t),...filterStyles(t),...core.getStyleBackgroundByDevice(s||r),...core.getGradientImageBgrStyleByDevice(s||r)}},getStylePadding=e=>{let t=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"],l={};return t.forEach(t=>{e?.[t]&&(l[t]=e[t])}),l},filterStyles=e=>{let t={...e},l=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"];return l.forEach(e=>{delete t?.[e]}),t};exports.displayConditionStyle=displayConditionStyle,exports.filterStyles=filterStyles,exports.getContainerStyles=getContainerStyles,exports.getContentStyles=getContentStyles,exports.getDisplayStyle=getDisplayStyle,exports.getStylePadding=getStylePadding;
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Head=require("next/head"),ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js");require("react");var _const=require("../../common/const.js"),useSticky=require("../hooks/useSticky.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Sticky=({children:e,builderAttrs:s,setting:r,style:t,builderProps:i,advanced:a})=>{let l=core.useEditorMode(),{background:n,preloadBgImage:c,width:m,isScrollToTop:d}=r??{},{positionStyle:u,displayStyle:o,makeDisplaySettingStyles:j,getCSSAlign:x,w:y}=useSticky.default(r),g=system.createStyle({margin:"0 auto",...o,...x,...u,zIndex:_const.ELEMENT_Z_INDEX.STICKY,..."edit"!==l&&j}),p=system.createStyle(styles.getContentStyles({width:m,style:t,background:n})),h=system.createClass(classes.getContainerClasses({uid:i?.uid,isScrollToTop:d,cssClass:a?.cssClass,isLiquid:!1}));return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!!c&&jsxRuntime.jsxs(Head,{children:[!!n?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:n.desktop.image.src,as:"image"}),!!n?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:n.tablet.image.src,as:"image"}),!!n?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:n.mobile.image.src,as:"image"})]}),jsxRuntime.jsx("div",{className:h,id:i?.uid,style:{...y,...g},children:jsxRuntime.jsx("div",{...s,"data-id":i?.uid,style:p,children:core.isEmptyChildren(e)?jsxRuntime.jsx(ChildrenDroppable.default,{}):e})})]})};exports.default=Sticky;
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Head=require("next/head"),ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js");require("react");var _const=require("../../common/const.js"),useSticky=require("../hooks/useSticky.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Sticky=({children:e,builderAttrs:s,setting:r,style:t,builderProps:i,advanced:a,pageContext:l})=>{let n=core.useEditorMode(),{background:c,preloadBgImage:d,isScrollToTop:m}=r??{},{positionStyle:u,displayStyle:o,makeDisplaySettingStyles:j,getCSSAlign:x,w:y}=useSticky.default(r),g=system.createStyle({margin:"0 auto",...o,...x,...u,zIndex:_const.ELEMENT_Z_INDEX.STICKY,..."edit"!==n&&j}),p=system.createStyle(styles.getContentStyles({setting:r,style:t,uid:i?.uid,pageContext:l})),h=system.createClass(classes.getContainerClasses({uid:i?.uid,isScrollToTop:m,cssClass:a?.cssClass,isLiquid:!1}));return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!!d&&jsxRuntime.jsxs(Head,{children:[!!c?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:c.desktop.image.src,as:"image"}),!!c?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:c.tablet.image.src,as:"image"}),!!c?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:c.mobile.image.src,as:"image"})]}),jsxRuntime.jsx("div",{className:h,id:i?.uid,style:{...y,...g},children:jsxRuntime.jsx("div",{...s,"data-id":i?.uid,style:p,children:core.isEmptyChildren(e)?jsxRuntime.jsx(ChildrenDroppable.default,{}):e})})]})};exports.default=Sticky;
@@ -1,18 +1,18 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Sticky=({children:e,builderAttrs:s,setting:t,style:r,builderProps:a,advanced:i})=>{let{width:l,position:d,display:o,preloadBgImage:c,background:n,isScrollToTop:p}=t??{},m=i?.d,g=system.createStyle({...core.makeStyleResponsive("w",l),...styles.getContainerStyles({position:d,style:r,display:o})}),y=system.createStyle(styles.getContentStyles({width:l,style:r,background:n})),$=system.createClass(classes.getContainerClasses({uid:a?.uid,isScrollToTop:p,cssClass:i?.cssClass,isLiquid:!0})),k=system.createStateOrContext({uid:a?.uid,setting:{display:{desktop:o?.desktop,tablet:o?.tablet??o?.desktop,mobile:o?.mobile??o?.tablet??o?.desktop}},advanced:{d:m}}),u=`.drawer-page-content {
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Sticky=({children:e,builderAttrs:s,setting:t,style:r,builderProps:a,advanced:i,pageContext:l})=>{let{width:d,position:o,display:c,preloadBgImage:n,background:p,isScrollToTop:g}=t??{},m=i?.d,y=system.createStyle({...core.makeStyleResponsive("w",d),...styles.getContainerStyles({position:o,style:r,display:c})}),$=system.createStyle(styles.getContentStyles({setting:t,style:r,uid:a?.uid,pageContext:l})),k=system.createClass(classes.getContainerClasses({uid:a?.uid,isScrollToTop:g,cssClass:i?.cssClass,isLiquid:!0})),u=system.createStateOrContext({uid:a?.uid,setting:{display:{desktop:c?.desktop,tablet:c?.tablet??c?.desktop,mobile:c?.mobile??c?.tablet??c?.desktop}},advanced:{d:m}}),f=`.drawer-page-content {
2
2
  transform: none !important;
3
3
  -webkit-transform: none !important;
4
4
  }`;return core.template`
5
- ${core.RenderIf(!!c,`${core.RenderIf(!!n?.desktop?.image?.src,`<link rel="preload" href="${n?.desktop?.image?.src}" as="image" />`)}${core.RenderIf(!!n?.tablet?.image?.src,`<link rel="preload" href="${n?.tablet?.image?.src}" as="image" />`)}${core.RenderIf(!!n?.mobile?.image?.src,`<link rel="preload" href="${n?.mobile?.image?.src}" as="image" />`)}`)}
5
+ ${core.RenderIf(!!n,`${core.RenderIf(!!p?.desktop?.image?.src,`<link rel="preload" href="${p?.desktop?.image?.src}" as="image" />`)}${core.RenderIf(!!p?.tablet?.image?.src,`<link rel="preload" href="${p?.tablet?.image?.src}" as="image" />`)}${core.RenderIf(!!p?.mobile?.image?.src,`<link rel="preload" href="${p?.mobile?.image?.src}" as="image" />`)}`)}
6
6
  <gp-sticky
7
7
  data-id="${a?.uid}"
8
- gp-data='${JSON.stringify(k)}'
8
+ gp-data='${JSON.stringify(u)}'
9
9
  id="${a?.uid}"
10
10
  data-id="${a?.uid}"
11
- class="${$} ${helpers.getSettingPreloadData("gps-lazy")}"
12
- style="${g}"
11
+ class="${k} ${helpers.getSettingPreloadData("gps-lazy")}"
12
+ style="${y}"
13
13
  >
14
- <style>${u}</style>
15
- <div ${{...s}} style="${{...y}}">
14
+ <style>${f}</style>
15
+ <div ${{...s}} style="${{...$}}">
16
16
  ${e}
17
17
  </div>
18
18
  </gp-sticky>
@@ -1 +1 @@
1
- "use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("next/head"),require("react"),require("@gem-sdk/system");var Sticky$1=require("./settings/Sticky.js");const stickySetting={Sticky:Sticky$1.default};exports.stickySetting=stickySetting;
1
+ "use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("next/head"),require("react"),require("@gem-sdk/system"),require("next/link");var Sticky$1=require("./settings/Sticky.js");const stickySetting={Sticky:Sticky$1.default};exports.stickySetting=stickySetting;
@@ -1 +1 @@
1
- "use strict";const StickySettings=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit-width",label:"Width",min:0,units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"#FFFFFF",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Position",type:"layout-segment",iconViewBox:"0 0 64 48",enableItemBackground:!0,options:[{label:"Bottom",value:"bottom",type:"sticky-position"},{label:"Top",value:"top",type:"sticky-position"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"sticky-display",devices:{desktop:{default:"always"}}},{id:"isScrollToTop",type:"toggle",default:!1}]}];exports.StickySettings=StickySettings;
1
+ "use strict";const StickySettings=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit-width",label:"Width",min:0,units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"#FFFFFF",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"translate",type:"input",default:[{id:"background",fields:["image.src"]}]},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Position",type:"layout-segment",iconViewBox:"0 0 64 48",enableItemBackground:!0,options:[{label:"Bottom",value:"bottom",type:"sticky-position"},{label:"Top",value:"top",type:"sticky-position"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"sticky-display",devices:{desktop:{default:"always"}}},{id:"isScrollToTop",type:"toggle",default:!1}]}];exports.StickySettings=StickySettings;
@@ -1 +1 @@
1
- "use strict";const SettingUIV1=[{type:"group",label:{en:"Display"},controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"display"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"}]},{type:"group",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"'}]},{type:"control",label:{en:"Position"},options:{label:"large"},setting:{id:"position"}}];exports.SettingUIV1=SettingUIV1;
1
+ "use strict";const SettingUIV1=[{type:"group",label:{en:"Display"},controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"display"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"}]},{type:"group",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"'}]},{type:"control",label:{en:"Position"},options:{label:"large"},setting:{id:"position"}}];exports.SettingUIV1=SettingUIV1;
@@ -1 +1 @@
1
- "use strict";const SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"position"},layout:"vertical"}]},{label:{en:"Size"},controls:[{setting:{id:"width"},label:{en:"Width"}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{label:{en:"Condition"},setting:{id:"display"}}]}];exports.SettingUIV2=SettingUIV2;
1
+ "use strict";const SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"position"},layout:"vertical"}]},{label:{en:"Size"},controls:[{setting:{id:"width"},label:{en:"Width"}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{label:{en:"Condition"},setting:{id:"display"}}]}];exports.SettingUIV2=SettingUIV2;
@@ -1 +1 @@
1
- "use strict";const SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"}}]},{label:{en:"Tabs"},controls:[{label:{en:"Order"},setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:{en:"Tab management"}}},{label:{en:"Text"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:{en:"Width"},setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:{en:"Width"},conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Background"},setting:{id:"labelBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlignVertical"}},{label:{en:"Hover effect"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Tabs hover effect"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"hover"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderTab",state:"hover"}}]},{label:{en:"Active state"},type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:{en:"Tabs active state"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"active"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"active"}},{label:{en:"Border"},setting:{id:"borderTab",state:"active"}}]}]}},{label:{en:"Size"},controls:[{id:"containWidth",label:{en:"Width"},controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{label:{en:"Default active"},setting:{id:"activeKey"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];exports.SettingUIV2=SettingUIV2;
1
+ "use strict";const SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"}}]},{label:{en:"Tabs"},controls:[{label:{en:"Order"},setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:{en:"Tab management"}}},{label:{en:"Text"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:{en:"Width"},setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:{en:"Width"},conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Background"},setting:{id:"labelBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlignVertical"}},{label:{en:"Hover effect"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Tabs hover effect"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"hover"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderTab",state:"hover"}}]},{label:{en:"Active state"},type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:{en:"Tabs active state"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"active"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"active"}},{label:{en:"Border"},setting:{id:"borderTab",state:"active"}}]}]}},{label:{en:"Size"},controls:[{id:"containWidth",label:{en:"Width"},controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{label:{en:"Default active"},setting:{id:"activeKey"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];exports.SettingUIV2=SettingUIV2;
@@ -1 +1 @@
1
- "use strict";var helpers=require("../../helpers.js");require("@gem-sdk/core");const formatThickness=e=>e?"number"==typeof e?e+"px":"string"!=typeof e||e.includes("px")?e:e+"px":"auto",getDisplayText=({type:e,styles:t,setting:r,builderProps:a,pageContext:s})=>{let{text:i,isForceValue:o}=r??{},n="",l=["Heading","Text"].includes(a?.builderData?.tag??"")&&!s?.isPreviewing,c=helpers.replaceLinkData(i?.toString()),p=t?.typo?.attrs?.transform==="capitalize";return"React"===e?n=p?i?.toString().toLocaleLowerCase():i?.toString():o?n=c:r?.translate?(n=helpers.getDynamicSourceLocales({val:i,uid:a?.uid,settingId:r?.translate,pageContext:s,isCapitalize:p,translate:r.translate,isReplaceLocationOrigin:l}))==i&&(n=c):n=p?c?.toString().toLocaleLowerCase():c,n};exports.formatThickness=formatThickness,exports.getDisplayText=getDisplayText;
1
+ "use strict";var helpers=require("../../helpers.js");require("@gem-sdk/core");const formatThickness=e=>e?"number"==typeof e?e+"px":"string"!=typeof e||e.includes("px")?e:e+"px":"auto",getDisplayText=({type:e,styles:t,setting:r,builderProps:a,pageContext:s})=>{let{text:i,isForceValue:n}=r??{},o="",l=["Heading","Text"].includes(a?.builderData?.tag??"")&&!s?.isPreviewing,p=helpers.replaceLinkData(i?.toString()),c=t?.typo?.attrs?.transform==="capitalize";return"React"===e?o=c?i?.toString().toLocaleLowerCase():i?.toString():n?o=p:helpers.hasTranslateIdInSetting("text",r?.translate)?(o=helpers.getDynamicSourceLocales({val:i,uid:a?.uid,settingId:"text",pageContext:s,isCapitalize:c,translate:"true",isReplaceLocationOrigin:l}))==i&&(o=p):o=c?p?.toString().toLocaleLowerCase():p,o};exports.formatThickness=formatThickness,exports.getDisplayText=getDisplayText;
@@ -1 +1 @@
1
- "use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getStyle=(e,t)=>{let o={...core.makeStyle({mr:e?.spacing,mb:e?.spacing}),...core.makeStyleResponsive("ta",e?.align),...t,"--dynamic-source-color":"#F4F4F4"};return filterTruthyStyles(o)},getContainerStyle=(e,t)=>{let{tagWidth:o}=t??{},r={...core.makeStyleResponsive("jc",e?.align),...o};return filterTruthyStyles(r)},getTextStyle=(e,t)=>{let o=core.makeGlobalSize(t?.globalSize),r=[e?.lineThrough&&"line-through",e?.typo?.attrs?.underline&&"underline"].filter(Boolean),l={...o?.width?.["--w"]?o.width:{"--w":"100%"},...core.makeStyle({tdc:core.getSingleColorVariable(e?.lineColor?.normal),tdt:helpers.formatThickness(e?.thickness)}),...core.composeBorderResponsive(e?.shapeBorder),...core.composeRadiusResponsive(e?.shapeRounded),...core.getResponsiveStyleShadowWithoutState(e?.shapeBoxShadow,"box-shadow",e?.shapeBoxShadow),...core.getStyleShadow({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText}),...core.makeStyleResponsive("ta",e?.textAlign),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp)),...e?.textColor?core.getGlobalColorStyle(e.textColor):core.getGlobalColorStateStyle("c",e?.color),...core.composeTypographyStyle(e?.typo,e?.typography),"word-break":"break-word",...core.getStyleBackgroundByDevice(t?.background),...o.padding,...core.getGradientBgrStyleByDevice(t?.background,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...e?.opacityPrice&&{opacity:`${e?.opacityPrice}%`},...core.makeStyle({tdl:r.join(" ")})};return e?.enableHoverEffect?filterTruthyStyles(l):core.filterHoverVariables(l)},getTextStyleInline=e=>{let t={...core.composeTypographyStyle(e?.typo),"word-break":"break-word",overflow:"hidden"};return filterTruthyStyles(t)};exports.getContainerStyle=getContainerStyle,exports.getStyle=getStyle,exports.getTextStyle=getTextStyle,exports.getTextStyleInline=getTextStyleInline;
1
+ "use strict";var core=require("@gem-sdk/core"),helpers$1=require("./helpers.js"),helpers=require("../../helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getStyle=(e,t)=>{let o={...core.makeStyle({mr:e?.spacing,mb:e?.spacing}),...core.makeStyleResponsive("ta",e?.align),...t,"--dynamic-source-color":"#F4F4F4"};return filterTruthyStyles(o)},getContainerStyle=(e,t)=>{let{tagWidth:o}=t??{},r={...core.makeStyleResponsive("jc",e?.align),...o};return filterTruthyStyles(r)},getTextStyle=({styles:e,setting:t,builderProps:o,pageContext:r,type:l="React"})=>{let a=t?.background;"Liquid"===l&&(a=helpers.getBackgroundTranslated({background:a,uid:o?.uid,translate:t?.translate,pageContext:r,isTranslateVideo:!1}));let i=core.makeGlobalSize(t?.globalSize),s=[e?.lineThrough&&"line-through",e?.typo?.attrs?.underline&&"underline"].filter(Boolean),n={...i?.width?.["--w"]?i.width:{"--w":"100%"},...core.makeStyle({tdc:core.getSingleColorVariable(e?.lineColor?.normal),tdt:helpers$1.formatThickness(e?.thickness)}),...core.composeBorderResponsive(e?.shapeBorder),...core.composeRadiusResponsive(e?.shapeRounded),...core.getResponsiveStyleShadowWithoutState(e?.shapeBoxShadow,"box-shadow",e?.shapeBoxShadow),...core.getStyleShadow({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText}),...core.makeStyleResponsive("ta",e?.textAlign),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp)),...e?.textColor?core.getGlobalColorStyle(e.textColor):core.getGlobalColorStateStyle("c",e?.color),...core.composeTypographyStyle(e?.typo,e?.typography),"word-break":"break-word",...core.getStyleBackgroundByDevice(a),...i.padding,...core.getGradientBgrStyleByDevice(a,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...e?.opacityPrice&&{opacity:`${e?.opacityPrice}%`},...core.makeStyle({tdl:s.join(" ")})};return e?.enableHoverEffect?filterTruthyStyles(n):core.filterHoverVariables(n)},getTextStyleInline=e=>{let t={...core.composeTypographyStyle(e?.typo),"word-break":"break-word",overflow:"hidden"};return filterTruthyStyles(t)};exports.getContainerStyle=getContainerStyle,exports.getStyle=getStyle,exports.getTextStyle=getTextStyle,exports.getTextStyleInline=getTextStyleInline;
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js");const Text=React.forwardRef(({styles:e,builderAttrs:s,style:t,setting:r,advanced:a,builderProps:l,className:c,children:y,disableEdit:m,...n},i)=>{let{isEditMode:o,isPreviewSharePageMode:u}=core.useRenderMode(),{htmlTag:d="div",options:x}=r??{},g=system.createAttr({...attrs.getAttr({uid:l?.uid||""})}),j=system.createAttr({...attrs.getTextAttr(x)}),R=system.createStyleReact({...styles.getStyle(e,t)}),p=system.createStyleReact({...styles.getContainerStyle(e,r)}),C=system.createStyleReact({...styles.getTextStyle(e,r)}),q=system.createClass({...classes.getClasses({setting:r,advanced:a,builderProps:l})}),S=system.createClass({...classes.getContainerClasses({setting:r})}),T=system.createClass({...classes.getTextClasses({styles:e,setting:r,className:c,isEdit:o||u,disableEdit:m})}),f=helpers.getDisplayText({type:"React",styles:e,setting:r,builderProps:l}),h=system.createContent(f);return jsxRuntime.jsxs("div",{...g,...n,...s,style:R,className:q,children:[jsxRuntime.jsx("div",{className:S,style:{...p},children:jsxRuntime.jsx(d,{ref:i,...j,className:T,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...C},dangerouslySetInnerHTML:{__html:h}})}),y]})});exports.default=Text;
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js");const Text=React.forwardRef(({styles:e,builderAttrs:s,style:t,setting:r,advanced:a,builderProps:l,className:c,children:y,disableEdit:m,...n},i)=>{let{isEditMode:o,isPreviewSharePageMode:u}=core.useRenderMode(),{htmlTag:d="div",options:x}=r??{},g=system.createAttr({...attrs.getAttr({uid:l?.uid||""})}),j=system.createAttr({...attrs.getTextAttr(x)}),R=system.createStyleReact({...styles.getStyle(e,t)}),p=system.createStyleReact({...styles.getContainerStyle(e,r)}),C=system.createStyleReact({...styles.getTextStyle({styles:e,setting:r,builderProps:l})}),q=system.createClass({...classes.getClasses({setting:r,advanced:a,builderProps:l})}),S=system.createClass({...classes.getContainerClasses({setting:r})}),T=system.createClass({...classes.getTextClasses({styles:e,setting:r,className:c,isEdit:o||u,disableEdit:m})}),f=helpers.getDisplayText({type:"React",styles:e,setting:r,builderProps:l}),h=system.createContent(f);return jsxRuntime.jsxs("div",{...g,...n,...s,style:R,className:q,children:[jsxRuntime.jsx("div",{className:S,style:{...p},children:jsxRuntime.jsx(d,{ref:i,...j,className:T,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...C},dangerouslySetInnerHTML:{__html:h}})}),y]})});exports.default=Text;
@@ -1,12 +1,12 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js");const Text=({id:e,styles:s,builderAttrs:t,style:r,setting:l,advanced:a,builderProps:y,className:i,isText:c,pageContext:o,elementAttrs:m})=>{let{htmlTag:n="div",excludeFlex:u}=l??{},g=system.createAttr({...e&&{id:e},...attrs.getAttr({uid:y?.uidInteraction??y?.uid??""}),...t}),d=system.createAttr({...attrs.getTextAttr(),...m}),p=system.createStyle({...styles.getStyle(s,r)}),$=system.createStyle({...styles.getContainerStyle(s,l)}),x=system.createStyle({...styles.getTextStyle(s,l)}),q=system.createClass({...classes.getClasses({setting:l,advanced:a,builderProps:y})}),v=system.createClass({"gp-flex":!u}),C=system.createClass({...classes.getTextClasses({styles:s,setting:l,className:i}),...c&&{"gp-text":!0}}),T=helpers.getDisplayText({type:"Liquid",styles:s,setting:l,builderProps:y,pageContext:o}),j=system.createContent(T);return core.template`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js");const Text=({id:e,styles:s,builderAttrs:t,style:r,setting:l,advanced:a,builderProps:y,className:i,isText:c,pageContext:o,elementAttrs:m})=>{let{htmlTag:n="div",excludeFlex:u}=l??{},d=system.createAttr({...e&&{id:e},...attrs.getAttr({uid:y?.uidInteraction??y?.uid??""}),...t}),g=system.createAttr({...attrs.getTextAttr(),...m}),p=system.createStyle({...styles.getStyle(s,r)}),$=system.createStyle({...styles.getContainerStyle(s,l)}),x=system.createStyle({...styles.getTextStyle({styles:s,setting:l,builderProps:y,pageContext:o,type:"Liquid"})}),q=system.createClass({...classes.getClasses({setting:l,advanced:a,builderProps:y})}),v=system.createClass({"gp-flex":!u}),C=system.createClass({...classes.getTextClasses({styles:s,setting:l,className:i}),...c&&{"gp-text":!0}}),T=helpers.getDisplayText({type:"Liquid",styles:s,setting:l,builderProps:y,pageContext:o}),j=system.createContent(T);return core.template`
2
2
  {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
3
- <div ${{...g}}
3
+ <div ${{...d}}
4
4
  class="${q}"
5
5
  style="${p}"
6
6
  >
7
7
  <div class="${v}" style="${$}">
8
8
  <${n}
9
- ${{...d}}
9
+ ${{...g}}
10
10
  class="${C}"
11
11
  style="${x}"
12
12
  >
@@ -1 +1 @@
1
- "use strict";var background=require("../../../validates/background.js");const TextSettings=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Replace this text with your content"}]},{id:"translate",type:"input",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,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"}}},validate:background.BackgroundSettingValidate,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://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1",transform:"none",isAlwaysLoadBold:!1}},ignoreReRender:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{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:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];exports.TextSettings=TextSettings;
1
+ "use strict";var background=require("../../../validates/background.js");const TextSettings=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Replace this text with your content"}]},{id:"translate",type:"input",default:[{id:"text"},{id:"background",fields:["image.src"]}]},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,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"}}},validate:background.BackgroundSettingValidate,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://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1",transform:"none",isAlwaysLoadBold:!1}},ignoreReRender:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{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:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];exports.TextSettings=TextSettings;
@@ -1 +1 @@
1
- "use strict";const SettingUIV1=[{type:"control",label:{en:"Text"},setting:{id:"typo"},layout:"vertical"},{type:"control",label:{en:"Text align"},setting:{id:"textAlign"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}},{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"}];exports.SettingUIV1=SettingUIV1;
1
+ "use strict";const SettingUIV1=[{type:"control",label:{en:"Text"},setting:{id:"typo"},layout:"vertical"},{type:"control",label:{en:"Text align"},setting:{id:"textAlign"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}},{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"}];exports.SettingUIV1=SettingUIV1;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV1=[{type:"control",setting:{id:"install"}},{type:"group",label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},options:{labelPosition:"start"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"}}]},{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:"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",label:{en:"Button text"},setting:{id:"label"}},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];exports.default=SettingUIV1;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV1=[{type:"control",setting:{id:"install"}},{type:"group",label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},options:{labelPosition:"start"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"}}]},{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:"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",label:{en:"Button text"},setting:{id:"label"}},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];exports.default=SettingUIV1;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"},layout:"vertical"}]},{controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconVisible"}},{type:"group",conditionDisplay:"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"}}]}]},{label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{controls:[{label:{en:"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}}},{type:"control",label:{en:"Button text"},setting:{id:"label"}},{id:"typo",label:{en:"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:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"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:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:{en:"Align"},setting:{id:"align"}}]}];exports.default=SettingUIV2;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"},layout:"vertical"}]},{controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconVisible"}},{type:"group",conditionDisplay:"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"}}]}]},{label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{controls:[{label:{en:"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}}},{type:"control",label:{en:"Button text"},setting:{id:"label"}},{id:"typo",label:{en:"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:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"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:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:{en:"Align"},setting:{id:"align"}}]}];exports.default=SettingUIV2;
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),YouTube=require("react-youtube"),helpers=require("../common/helpers.js"),NextImage=require("../../image/components/NextImage.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),useLiteYoutubeEmbed=require("../hooks/useLiteYoutubeEmbed.js");const LiteYouTubeEmbed=e=>{let t=core.useEditorMode(),s="edit"!==t,{style:a,poster:r,iframeClass:l,wrapperClass:u,title:i}=e,{preload:o}=r||{},{videoId:c,paramsImp:m,posterUrl:n,iframeSrc:d}=helpers.getYoutubeParams(e),{iframe:y,intervalPlay:b,warmConnections:g,isVideoStarted:p,videoDuration:j,addIframe:x}=useLiteYoutubeEmbed.useLiteYoutubeEmbed(e,m,c),f=o&&s,h=system.createClass({...classes.getButtonYoutubeClasses(y)}),C=system.createClass({...classes.getImageYoutubeClasses()}),Y=system.createClass({...classes.getArticleYoutubeClasses(f||!1,u)}),v=system.createClass({...classes.getIframeYoutubeClasses(l)}),R=system.createStyle({...styles.getIframeYoutubeStyle(a)}),S=system.createStyle({...styles.getArticleYoutubeStyle(a,n)}),E=system.createClass({...classes.getYoutubeContentClasses()}),N=()=>{if(e.isHeroBanner&&helpers.isSettingLoop(m))return jsxRuntime.jsx(YouTube,{videoId:c,title:i,iframeClassName:v,style:R,className:E,opts:{host:"https://www.youtube-nocookie.com",playerVars:{autoplay:1,state:1,controls:0,mute:1,...helpers.covertStrParamsToObj(m)}},onReady:t=>{if(t.target.playVideo(),j.current=Math.floor(t.target.getDuration()),e.isHeroBanner){let e=t.target.getIframe();if(e){let t=e.closest("article")||e.parentElement;if(t){let s=new CustomEvent("youtube-iframe-ready",{detail:{iframe:e},bubbles:!0,cancelable:!0});t.dispatchEvent(s)}}}},onStateChange:e=>{let t=e.target;p.current||(t.playVideo(),p.current=!0,b(e)),0===e.data&&(j.current=t.getCurrentTime(),t.playVideo(),b(e))}});let t=jsxRuntime.jsx("iframe",{className:v,style:R,title:i,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:d});return e.isHeroBanner?jsxRuntime.jsx("div",{className:E,children:t}):t};return jsxRuntime.jsxs("article",{"aria-hidden":!0,className:Y,"data-title":i,style:S,onPointerOver:g,onClick:x,children:[jsxRuntime.jsx(NextImage.default,{src:n,alt:r?.altText,title:r?.imageTitle,priority:s&&o,enableLazyLoadImage:!0,className:C,isDisableAspectStyle:!0}),jsxRuntime.jsx("button",{type:"button","aria-label":"Play",className:h,children:jsxRuntime.jsxs("svg",{height:"100%",version:"1.1",viewBox:"0 0 68 48",width:"100%",children:[jsxRuntime.jsx("path",{d:"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z",fill:"#f00"}),jsxRuntime.jsx("path",{d:"M 45,24 27,14 27,34",fill:"#fff"})]})}),y&&N()]})};exports.default=LiteYouTubeEmbed;
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),YouTube=require("react-youtube"),helpers=require("../common/helpers.js"),NextImage=require("../../image/components/NextImage.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),useLiteYoutubeEmbed=require("../hooks/useLiteYoutubeEmbed.js");const LiteYouTubeEmbed=e=>{let t=core.useEditorMode(),s="edit"!==t,{style:a,poster:r,iframeClass:l,wrapperClass:i,title:u}=e,{preload:o}=r||{},{videoId:c,paramsImp:m,posterUrl:n,iframeSrc:d}=helpers.getYoutubeParams(e),{iframe:y,intervalPlay:b,warmConnections:g,isVideoStarted:p,videoDuration:j,addIframe:x}=useLiteYoutubeEmbed.useLiteYoutubeEmbed(e,m,c),f=o&&s,h=system.createClass({...classes.getButtonYoutubeClasses(y)}),C=system.createClass({...classes.getImageYoutubeClasses()}),Y=system.createClass({...classes.getArticleYoutubeClasses(f||!1,i)}),v=system.createClass({...classes.getIframeYoutubeClasses(l)}),R=system.createStyle({...styles.getIframeYoutubeStyle(a)}),S=system.createStyle({...styles.getArticleYoutubeStyle(a,n)}),N=system.createClass({...classes.getYoutubeContentClasses()}),q=()=>{if(e.isHeroBanner&&helpers.isSettingLoop(m))return jsxRuntime.jsx(YouTube,{videoId:c,title:u,iframeClassName:v,style:R,className:N,opts:{host:"https://www.youtube-nocookie.com",playerVars:{autoplay:1,state:1,controls:0,mute:1,...helpers.covertStrParamsToObj(m)}},onReady:t=>{if(t.target.playVideo(),j.current=Math.floor(t.target.getDuration()),e.isHeroBanner){let e=t.target.getIframe();if(e){let t=e.closest("div.hero-banner-container");if(t){let s=new CustomEvent("youtube-iframe-ready",{detail:{iframe:e},bubbles:!0,cancelable:!0});t.dispatchEvent(s)}}}},onStateChange:e=>{let t=e.target;p.current||(t.playVideo(),p.current=!0,b(e)),0===e.data&&(j.current=t.getCurrentTime(),t.playVideo(),b(e))}});let t=jsxRuntime.jsx("iframe",{className:v,style:R,title:u,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:d});return e.isHeroBanner?jsxRuntime.jsx("div",{className:N,children:t}):t};return jsxRuntime.jsxs("article",{"aria-hidden":!0,className:Y,"data-title":u,style:S,onPointerOver:g,onClick:x,children:[jsxRuntime.jsx(NextImage.default,{src:n,alt:r?.altText,title:r?.imageTitle,priority:s&&o,enableLazyLoadImage:!0,className:C,isDisableAspectStyle:!0}),jsxRuntime.jsx("button",{type:"button","aria-label":"Play",className:h,children:jsxRuntime.jsxs("svg",{height:"100%",version:"1.1",viewBox:"0 0 68 48",width:"100%",children:[jsxRuntime.jsx("path",{d:"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z",fill:"#f00"}),jsxRuntime.jsx("path",{d:"M 45,24 27,14 27,34",fill:"#fff"})]})}),y&&q()]})};exports.default=LiteYouTubeEmbed;
@@ -1 +1 @@
1
- "use strict";const SettingUIV2=[{label:{en:"Video source"},controls:[{label:{en:"Type"},setting:{id:"type"}},{label:{en:"Video link"},conditionDisplay:"type === 'youtube'",setting:{id:"youtubeUrl"}},{label:{en:"Video link"},conditionDisplay:"type === 'vimeo'",setting:{id:"vimeoUrl"}},{label:{en:"Video link"},conditionDisplay:"type === 'html5'",setting:{id:"html5Url"}},{label:{en:"Thumbnail"},setting:{id:"poster"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"type === 'youtube'",label:{en:"Start at"},setting:{id:"startTime"}},{conditionDisplay:"type === 'youtube'",label:{en:"End at"},setting:{id:"endTime"}}]}},{label:{en:"Video configure"},controls:[{label:{en:"Control bar"},setting:{id:"controls"}},{label:{en:"Sound"},setting:{id:"mute"}},{label:{en:"Lazy load"},setting:{id:"lazy"}}],moreSettings:{type:"collapse",controls:[{label:{en:"Autoplay"},setting:{id:"autoplay"},options:{disableMessage:"YouTube & Vimeo videos will not autoplay when lazy load is enabled"},conditionEnable:"type === 'html5' || (type !== 'html5' && lazy != true)"},{label:{en:"Loop video"},setting:{id:"loopVideo"}}]}},{label:{en:"Size"},controls:[{label:{en:"Frame"},setting:{id:"aspectRatio"}},{conditionDisplay:"aspectRatio === 'custom'",setting:{id:"ratioOptions"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]}];exports.SettingUIV2=SettingUIV2;
1
+ "use strict";const SettingUIV2=[{label:{en:"Video source"},controls:[{label:{en:"Type"},setting:{id:"type"}},{label:{en:"Video link"},conditionDisplay:"type === 'youtube'",setting:{id:"youtubeUrl"}},{label:{en:"Video link"},conditionDisplay:"type === 'vimeo'",setting:{id:"vimeoUrl"}},{label:{en:"Video link"},conditionDisplay:"type === 'html5'",setting:{id:"html5Url"}},{label:{en:"Thumbnail"},setting:{id:"poster"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"type === 'youtube'",label:{en:"Start at"},setting:{id:"startTime"}},{conditionDisplay:"type === 'youtube'",label:{en:"End at"},setting:{id:"endTime"}}]}},{label:{en:"Video configure"},controls:[{label:{en:"Control bar"},setting:{id:"controls"}},{label:{en:"Sound"},setting:{id:"mute"}},{label:{en:"Lazy load"},setting:{id:"lazy"}}],moreSettings:{type:"collapse",controls:[{label:{en:"Autoplay"},setting:{id:"autoplay"},options:{disableMessage:"YouTube & Vimeo videos will not autoplay when lazy load is enabled"},conditionEnable:"type === 'html5' || (type !== 'html5' && lazy != true)"},{label:{en:"Loop video"},setting:{id:"loopVideo"}}]}},{label:{en:"Size"},controls:[{label:{en:"Frame"},setting:{id:"aspectRatio"}},{conditionDisplay:"aspectRatio === 'custom'",setting:{id:"ratioOptions"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]}];exports.SettingUIV2=SettingUIV2;
@@ -1 +1 @@
1
- let SettingUIV1=[{type:"group",label:{en:"Item management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{type:"group",label:{en:"Expand condition"},controls:[{type:"control",label:{en:"Expand mode"},setting:{id:"expandedMode"}},{type:"control",label:{en:"Default expanded item"},setting:{id:"expandItem"}},{type:"control",label:{en:"Select item"},setting:{id:"activeKey"},condition:"expandItem === true"}]},{type:"group",label:{en:"Layout header"},options:{label:"large",removeSpacing:!0},controls:[{type:"control",setting:{id:"layoutHeader"},layout:"vertical"},{type:"control",layout:"vertical",setting:{id:"childConfig"},condition:'layoutHeader !== "text-only"'},{type:"control",label:{en:"Size"},setting:{id:"configIconSize"},isMoreSetting:!0,condition:'layoutHeader !== "text-only"'},{type:"control",layout:"vertical",setting:{id:"iconGlobalSize"},isMoreSetting:!0,condition:'layoutHeader !== "text-only"'}]},{type:"control",label:{en:"Alignment"},setting:{id:"alignment"},options:{label:"medium"}},{type:"group",label:{en:"Collapsible icon"},controls:[{type:"control",label:{en:"Icon collapse"},setting:{id:"iconCollapse"}},{type:"control",label:{en:"Icon expand"},setting:{id:"iconExpand"}},{type:"control",label:{en:"Icon position"},setting:{id:"iconPosition"}},{type:"control",label:{en:"Size"},setting:{id:"iconCollapseSize"},isMoreSetting:!0}]},{type:"control",label:{en:"Text header"},setting:{id:"titleTypo"},layout:"vertical"},{type:"group",label:{en:"States header"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Collapse"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"bgColor",state:"normal"}},{type:"control",label:{en:"Icon color"},setting:{id:"iconColor",state:"normal"},condition:"layoutHeader !== 'text-only'"},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",label:{en:"Collapsible icon color"},setting:{id:"color",state:"normal"}},{type:"control",label:{en:"Header border"},options:{labelPosition:"start"},setting:{id:"headerBorder",state:"normal"},isMoreSetting:!0}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"bgColor",state:"hover"}},{type:"control",label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"},condition:"layoutHeader !== 'text-only'"},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",label:{en:"Collapsible icon color"},setting:{id:"color",state:"hover"}},{type:"control",label:{en:"Header border"},options:{labelPosition:"start"},setting:{id:"headerBorder",state:"hover"},isMoreSetting:!0}]},{type:"group",label:{en:"Expand"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"bgColor",state:"active"}},{type:"control",label:{en:"Icon color"},setting:{id:"iconColor",state:"active"},condition:"layoutHeader !== 'text-only'"},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"active"}},{type:"control",label:{en:"Collapsible icon color"},setting:{id:"color",state:"active"}},{type:"control",label:{en:"Header border"},options:{labelPosition:"start"},setting:{id:"headerBorder",state:"active"},isMoreSetting:!0}]}]}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"widthHeightSize"},options:{noGap:!0}},{type:"control",setting:{id:"headerContentPadding"},isMoreSetting:!0,options:{noGap:!0}},{type:"control",setting:{id:"contentSizePadding"},isMoreSetting:!0,options:{noGap:!0}}]},{type:"group",label:{en:"Background"},controls:[{type:"control",label:{en:"Color"},setting:{id:"backgroundContent"}}]},{type:"group",label:{en:"Item shape"},controls:[{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderContent"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedContent"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasActiveShadow"}},{type:"control",setting:{id:"accordionShadow"},layout:"vertical",condition:"hasActiveShadow === true"}]},{type:"control",label:{en:"Align"},setting:{id:"align"},condition:"widthHeightSize.width !== '100%'"}];export{SettingUIV1};
1
+ let SettingUIV1=[{type:"group",label:{en:"Item management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{type:"group",label:{en:"Expand condition"},controls:[{type:"control",label:{en:"Expand mode"},setting:{id:"expandedMode"}},{type:"control",label:{en:"Default expanded item"},setting:{id:"expandItem"}},{type:"control",label:{en:"Select item"},setting:{id:"activeKey"},condition:"expandItem === true"}]},{type:"group",label:{en:"Layout header"},options:{label:"large",removeSpacing:!0},controls:[{type:"control",setting:{id:"layoutHeader"},layout:"vertical"},{type:"control",layout:"vertical",setting:{id:"childConfig"},condition:'layoutHeader !== "text-only"'},{type:"control",label:{en:"Size"},setting:{id:"configIconSize"},isMoreSetting:!0,condition:'layoutHeader !== "text-only"'},{type:"control",layout:"vertical",setting:{id:"iconGlobalSize"},isMoreSetting:!0,condition:'layoutHeader !== "text-only"'}]},{type:"control",label:{en:"Alignment"},setting:{id:"alignment"},options:{label:"medium"}},{type:"group",label:{en:"Collapsible icon"},controls:[{type:"control",label:{en:"Icon collapse"},setting:{id:"iconCollapse"}},{type:"control",label:{en:"Icon expand"},setting:{id:"iconExpand"}},{type:"control",label:{en:"Icon position"},setting:{id:"iconPosition"}},{type:"control",label:{en:"Size"},setting:{id:"iconCollapseSize"},isMoreSetting:!0}]},{type:"control",label:{en:"Text header"},setting:{id:"titleTypo"},layout:"vertical"},{type:"group",label:{en:"States header"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Collapse"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"bgColor",state:"normal"}},{type:"control",label:{en:"Icon color"},setting:{id:"iconColor",state:"normal"},condition:"layoutHeader !== 'text-only'"},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",label:{en:"Collapsible icon color"},setting:{id:"color",state:"normal"}},{type:"control",label:{en:"Header border"},options:{labelPosition:"start"},setting:{id:"headerBorder",state:"normal"},isMoreSetting:!0}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"bgColor",state:"hover"}},{type:"control",label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"},condition:"layoutHeader !== 'text-only'"},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",label:{en:"Collapsible icon color"},setting:{id:"color",state:"hover"}},{type:"control",label:{en:"Header border"},options:{labelPosition:"start"},setting:{id:"headerBorder",state:"hover"},isMoreSetting:!0}]},{type:"group",label:{en:"Expand"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"bgColor",state:"active"}},{type:"control",label:{en:"Icon color"},setting:{id:"iconColor",state:"active"},condition:"layoutHeader !== 'text-only'"},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"active"}},{type:"control",label:{en:"Collapsible icon color"},setting:{id:"color",state:"active"}},{type:"control",label:{en:"Header border"},options:{labelPosition:"start"},setting:{id:"headerBorder",state:"active"},isMoreSetting:!0}]}]}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"widthHeightSize"},options:{noGap:!0}},{type:"control",setting:{id:"headerContentPadding"},isMoreSetting:!0,options:{noGap:!0}},{type:"control",setting:{id:"contentSizePadding"},isMoreSetting:!0,options:{noGap:!0}}]},{type:"group",label:{en:"Background"},controls:[{type:"control",label:{en:"Color"},setting:{id:"backgroundContent"}}]},{type:"group",label:{en:"Item shape"},controls:[{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderContent"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedContent"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasActiveShadow"}},{type:"control",setting:{id:"accordionShadow"},layout:"vertical",condition:"hasActiveShadow === true"}]},{type:"control",label:{en:"Align"},setting:{id:"align"},condition:"widthHeightSize?.width !== '100%'"}];export{SettingUIV1};
@@ -1 +1 @@
1
- let SettingUIV2=[{label:{en:"Item management"},controls:[{label:{en:"Item"},setting:{id:"childItem"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundContent"}},{label:{en:"Border"},setting:{id:"borderContent"}},{label:{en:"Corner"},setting:{id:"roundedContent"}},{label:{en:"Shadow"},setting:{id:"accordionShadow"},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"#121212",angle:90,enable:!0},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"accordionShadow.enable === true",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"accordionShadow.enable === false",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Item header"},controls:[{label:{en:"Title icon"},type:"combo",iconName:"polaris-icons",getValueFromSettingID:"layoutHeader",isShowSettingTitle:!0,isHideClear:!0,popoverLabel:{en:"Title icon"},controls:[{label:{en:"Layout"},setting:{id:"layoutHeader"},layout:"vertical"},{layout:"vertical",setting:{id:"childConfig"},conditionDisplay:'layoutHeader !== "text-only"'},{label:{en:"Gap to text"},conditionDisplay:'layoutHeader !== "text-only"',controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,ignoreMax:!0,linkWithSetting:{name:"iconGlobalSize",field:"gap"}}},{label:{en:"Size"},setting:{id:"configIconSize"},conditionDisplay:'layoutHeader !== "text-only"'},{conditionDisplay:'layoutHeader !== "text-only"',label:{en:"Color"},setting:{id:"iconColor",state:"normal"}}]},{label:{en:"Title"},setting:{id:"titleTypo"},options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}},{label:{en:"Expand icon"},type:"combo",iconName:"polaris-icons",fixedValue:"Edited",isHideClear:!0,popoverLabel:{en:"Expand icon"},controls:[{label:{en:"When expanded"},setting:{id:"iconExpand"}},{label:{en:"When collapsed"},setting:{id:"iconCollapse"}},{label:{en:"Position"},setting:{id:"iconPosition"}},{label:{en:"Size"},setting:{id:"iconCollapseSize"}},{label:{en:"Color"},setting:{id:"color",state:"normal"}}]},{label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"widthHeightSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto"},{label:"Small",value:"32px"},{label:"Medium",value:"48px"},{label:"Large",value:"64px"}]}},{label:{en:"Padding"},controlConfig:{id:"header-content-padding",type:"padding-v2",linkWithSetting:{name:"headerContentPadding",field:"padding"}}},{label:{en:"Background"},setting:{id:"bgColor",state:"normal"}}],moreSettings:{controls:[{label:{en:"Border"},setting:{id:"headerBorder",state:"normal"}},{label:{en:"Align"},setting:{id:"alignment"}}]}},{label:{en:"Item content"},controls:[{label:{en:"Padding"},controlConfig:{id:"content-content-padding",type:"padding-v2",linkWithSetting:{name:"contentSizePadding",field:"padding"}}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,linkWithSetting:{name:"contentSizePadding",field:"gap"}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover item"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover item"},state:"hover",setting:{id:"enableHoverEffect"},controls:[{label:{en:"Title icon"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Title"},setting:{id:"textColor",state:"hover"}},{label:{en:"Expand icon"},setting:{id:"color",state:"hover"}},{label:{en:"Header color"},setting:{id:"bgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"headerBorder",state:"hover"}}]},{label:{en:"Expand header"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:{en:"Expand header"},setting:{id:"enableActiveEffect"},controls:[{label:{en:"Title icon"},setting:{id:"iconColor",state:"active"}},{label:{en:"Title"},setting:{id:"textColor",state:"active"}},{label:{en:"Expand icon"},setting:{id:"color",state:"active"}},{label:{en:"Header color"},setting:{id:"bgColor",state:"active"}},{label:{en:"Border"},setting:{id:"headerBorder",state:"active"}}]}]},{label:{en:"Size"},controls:[{label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"widthHeightSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display condition"},controls:[{label:{en:"Expand mode"},setting:{id:"expandedMode"}},{label:{en:"Auto-expand"},setting:{id:"expandItem"}},{label:{en:"Item"},setting:{id:"activeKey"},conditionDisplay:"expandItem === true"}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(widthHeightSize.width) >= 100 && widthHeightSize.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};
1
+ let SettingUIV2=[{label:{en:"Item management"},controls:[{label:{en:"Item"},setting:{id:"childItem"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundContent"}},{label:{en:"Border"},setting:{id:"borderContent"}},{label:{en:"Corner"},setting:{id:"roundedContent"}},{label:{en:"Shadow"},setting:{id:"accordionShadow"},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"#121212",angle:90,enable:!0},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"accordionShadow?.enable === true",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"accordionShadow?.enable === false",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Item header"},controls:[{label:{en:"Title icon"},type:"combo",iconName:"polaris-icons",getValueFromSettingID:"layoutHeader",isShowSettingTitle:!0,isHideClear:!0,popoverLabel:{en:"Title icon"},controls:[{label:{en:"Layout"},setting:{id:"layoutHeader"},layout:"vertical"},{layout:"vertical",setting:{id:"childConfig"},conditionDisplay:'layoutHeader !== "text-only"'},{label:{en:"Gap to text"},conditionDisplay:'layoutHeader !== "text-only"',controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,ignoreMax:!0,linkWithSetting:{name:"iconGlobalSize",field:"gap"}}},{label:{en:"Size"},setting:{id:"configIconSize"},conditionDisplay:'layoutHeader !== "text-only"'},{conditionDisplay:'layoutHeader !== "text-only"',label:{en:"Color"},setting:{id:"iconColor",state:"normal"}}]},{label:{en:"Title"},setting:{id:"titleTypo"},options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}},{label:{en:"Expand icon"},type:"combo",iconName:"polaris-icons",fixedValue:"Edited",isHideClear:!0,popoverLabel:{en:"Expand icon"},controls:[{label:{en:"When expanded"},setting:{id:"iconExpand"}},{label:{en:"When collapsed"},setting:{id:"iconCollapse"}},{label:{en:"Position"},setting:{id:"iconPosition"}},{label:{en:"Size"},setting:{id:"iconCollapseSize"}},{label:{en:"Color"},setting:{id:"color",state:"normal"}}]},{label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"widthHeightSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto"},{label:"Small",value:"32px"},{label:"Medium",value:"48px"},{label:"Large",value:"64px"}]}},{label:{en:"Padding"},controlConfig:{id:"header-content-padding",type:"padding-v2",linkWithSetting:{name:"headerContentPadding",field:"padding"}}},{label:{en:"Background"},setting:{id:"bgColor",state:"normal"}}],moreSettings:{controls:[{label:{en:"Border"},setting:{id:"headerBorder",state:"normal"}},{label:{en:"Align"},setting:{id:"alignment"}}]}},{label:{en:"Item content"},controls:[{label:{en:"Padding"},controlConfig:{id:"content-content-padding",type:"padding-v2",linkWithSetting:{name:"contentSizePadding",field:"padding"}}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,linkWithSetting:{name:"contentSizePadding",field:"gap"}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover item"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover item"},state:"hover",setting:{id:"enableHoverEffect"},controls:[{label:{en:"Title icon"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Title"},setting:{id:"textColor",state:"hover"}},{label:{en:"Expand icon"},setting:{id:"color",state:"hover"}},{label:{en:"Header color"},setting:{id:"bgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"headerBorder",state:"hover"}}]},{label:{en:"Expand header"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:{en:"Expand header"},setting:{id:"enableActiveEffect"},controls:[{label:{en:"Title icon"},setting:{id:"iconColor",state:"active"}},{label:{en:"Title"},setting:{id:"textColor",state:"active"}},{label:{en:"Expand icon"},setting:{id:"color",state:"active"}},{label:{en:"Header color"},setting:{id:"bgColor",state:"active"}},{label:{en:"Border"},setting:{id:"headerBorder",state:"active"}}]}]},{label:{en:"Size"},controls:[{label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"widthHeightSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display condition"},controls:[{label:{en:"Expand mode"},setting:{id:"expandedMode"}},{label:{en:"Auto-expand"},setting:{id:"expandItem"}},{label:{en:"Item"},setting:{id:"activeKey"},conditionDisplay:"expandItem === true"}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(widthHeightSize.width) >= 100 && widthHeightSize.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};