@gem-sdk/components 2.0.0-staging.992 → 2.0.0-staging.993
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.
- package/dist/cjs/article/components/ArticleReadMore.liquid.js +4 -4
- package/dist/cjs/image/common/attrs.js +1 -1
- package/dist/cjs/image-comparison/components/CompareImage.liquid.js +9 -9
- package/dist/cjs/post-purchase/image/settings/configs/setting-v2.js +1 -1
- package/dist/cjs/post-purchase/line/settings/configs/settings.js +1 -1
- package/dist/cjs/post-purchase/link/settings/configs/settings.js +1 -1
- package/dist/cjs/third-party/components/ThirdPartyPreview.js +1 -1
- package/dist/esm/article/components/ArticleReadMore.liquid.js +4 -4
- package/dist/esm/image/common/attrs.js +1 -1
- package/dist/esm/image-comparison/components/CompareImage.liquid.js +11 -11
- package/dist/esm/post-purchase/image/settings/configs/setting-v2.js +1 -1
- package/dist/esm/post-purchase/line/settings/configs/settings.js +1 -1
- package/dist/esm/post-purchase/link/settings/configs/settings.js +1 -1
- package/dist/esm/third-party/components/ThirdPartyPreview.js +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js"),Button_liquid=require("../../button/components/Button.liquid.js");const ArticleReadMore=({setting:e,styles:t,builderAttrs:l,builderProps:
|
|
3
|
-
<a href="{{article.url}}" target="_blank" class="gp-
|
|
4
|
-
${core.RenderIf("text"===a,Text_liquid.default({builderAttrs:l,builderProps:
|
|
5
|
-
${core.RenderIf("text"!==a,Button_liquid.default({builderAttrs:l,builderProps:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js"),Button_liquid=require("../../button/components/Button.liquid.js");const ArticleReadMore=({setting:e,styles:t,builderAttrs:l,builderProps:r,advanced:o,style:i})=>{let{readMoreType:a,label:s}=e??{},{typoBtn:u,typoText:n,globalSizeText:d,globalSizeBtn:c,textColorTextState:x,alignBtn:p,alignText:g,enableHoverEffectText:f}=t??{};return core.template`
|
|
3
|
+
<a href="{{article.url}}" target="_blank" class="gp-cursor-auto">
|
|
4
|
+
${core.RenderIf("text"===a,Text_liquid.default({builderAttrs:l,builderProps:r,advanced:o,styles:{...t,color:x,typo:n,spacing:"0px",align:g,textColor:void 0,enableHoverEffect:f},style:i??{},setting:{...e,text:s,globalSize:d,excludeFlex:!0,translate:void 0}}))}
|
|
5
|
+
${core.RenderIf("text"!==a,Button_liquid.default({builderAttrs:l,builderProps:r,advanced:o,styles:{...t,typo:u,globalSize:c,align:p},style:i??{},setting:{...e,label:s,htmlType:"button",translate:void 0}}))}
|
|
6
6
|
</a>
|
|
7
7
|
`};exports.default=ArticleReadMore;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var constant=require("../../constant.js"),helpers=require("./helpers.js"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js");const getContainerAttrs=(e,t)=>({...e,...t&&{"data-id":t}}),getLinkWrapperAttrs=({urlData:e,imageLink:t,title:r,isLiquid:s=!1})=>{let a=s?{...e,...t?.noFollow&&{rel:"nofollow"},title:r}:{setting:e,title:r};return t?.type!=="go-to-sales-page"?t?.link?a:{}:s?{href:constant.HREF_TO_SALES_PAGE,target:"_self"}:{setting:{href:constant.HREF_TO_SALES_PAGE,target:"_self"}}},getImageLiquidAttrs=({pageContext:e,enableLazyLoadImage:t=!1})=>({...e&&{pageContext:e},...t&&{enableLazyLoadImage:t}}),getAdaptiveImageAttrs=({styles:e,setting:t,mode:r,isLiquid:s})=>{let{alt:a,srcSet:i,priority:g,qualityPercent:l,qualityType:p}=t??{},o=helpers.getAspectRatio({styles:e,setting:t}),n=()=>{helpers$1.handleClickLink(t?.imageLink,r)},c={loading:"eager",fetchpriority:"high",priority:g},A=i?.desktop?.backupFileKey?helpers.getNewBackupFileKey(i?.desktop?.backupFileKey??"",i?.desktop?.src??""):"",u=s?helpers.getImageSrc({src:i?.desktop?.src,backupFileKey:A,backupFilePath:i?.desktop?.backupFilePath,storage:i?.desktop?.storage}):i?.desktop?.src??"",h=g?{}:{"base-src":u??"","quality-type":helpers.safeStringify(p),"quality-percent":helpers.safeStringify(l)};return{pictureClass:"gp-contents",...a&&{alt:a},...i&&{srcSet:i},...g&&c,...h,...e?.objectFit&&{layout:e.objectFit},onClick:n,aspectRatio:o}},getNextImageAttrs=({styles:e,setting:t})=>{let{objectFit:r}=e??{},{vw:s,alt:a,title:i,quality:g,priority:l,isNotLazyload:p,qualityType:o,qualityPercent:n}=t??{},c=helpers.getAspectRatio({styles:e,setting:t});return{...t?.image,...s&&{vw:s},...a&&{alt:a},...i&&{title:i},...g&&{quality:g},...l&&{priority:l},isNotLazyload:p,setting:{aspectRatio:c,layout:r,qualityType:o,qualityPercent:n}}},getNextImageLiquidAttrs=e=>{let{srcset:t,setting:r,storage:s,baseSrc:a,priority:i,customAttrs:g,width:l=2237,height:p=1678,isNotLazyload:o,backupFileKey:n,backupFilePath:c,srcIsLiquidCode:A,enableLazyLoadImage:u,alt:h,title:E,src:I=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC,sizes:y=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SIZES}=e,d=!o&&u&&!i,_=()=>{let e=n?helpers.getNewBackupFileKey(n??"",I):"",r=A?a:helpers.getImageSrc({src:I,backupFileKey:e,backupFilePath:c,storage:s}),g=A?I:helpers.getSrcSet(e??"",s??"THEME",I),l={sizes:"100vw",src:helpers.IMAGE_PLACEHOLDER,...
|
|
1
|
+
"use strict";var constant=require("../../constant.js"),helpers=require("./helpers.js"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js");const getContainerAttrs=(e,t)=>({...e,...t&&{"data-id":t}}),getLinkWrapperAttrs=({urlData:e,imageLink:t,title:r,isLiquid:s=!1})=>{let a=s?{...e,...t?.noFollow&&{rel:"nofollow"},title:r}:{setting:e,title:r};return t?.type!=="go-to-sales-page"?t?.link?a:{}:s?{href:constant.HREF_TO_SALES_PAGE,target:"_self"}:{setting:{href:constant.HREF_TO_SALES_PAGE,target:"_self"}}},getImageLiquidAttrs=({pageContext:e,enableLazyLoadImage:t=!1})=>({...e&&{pageContext:e},...t&&{enableLazyLoadImage:t}}),getAdaptiveImageAttrs=({styles:e,setting:t,mode:r,isLiquid:s})=>{let{alt:a,srcSet:i,priority:g,qualityPercent:l,qualityType:p}=t??{},o=helpers.getAspectRatio({styles:e,setting:t}),n=()=>{helpers$1.handleClickLink(t?.imageLink,r)},c={loading:"eager",fetchpriority:"high",priority:g},A=i?.desktop?.backupFileKey?helpers.getNewBackupFileKey(i?.desktop?.backupFileKey??"",i?.desktop?.src??""):"",u=s?helpers.getImageSrc({src:i?.desktop?.src,backupFileKey:A,backupFilePath:i?.desktop?.backupFilePath,storage:i?.desktop?.storage}):i?.desktop?.src??"",h=g?{}:{"base-src":u??"","quality-type":helpers.safeStringify(p),"quality-percent":helpers.safeStringify(l)};return{pictureClass:"gp-contents",...a&&{alt:a},...i&&{srcSet:i},...g&&c,...h,...e?.objectFit&&{layout:e.objectFit},onClick:n,aspectRatio:o}},getNextImageAttrs=({styles:e,setting:t})=>{let{objectFit:r}=e??{},{vw:s,alt:a,title:i,quality:g,priority:l,isNotLazyload:p,qualityType:o,qualityPercent:n}=t??{},c=helpers.getAspectRatio({styles:e,setting:t});return{...t?.image,...s&&{vw:s},...a&&{alt:a},...i&&{title:i},...g&&{quality:g},...l&&{priority:l},isNotLazyload:p,setting:{aspectRatio:c,layout:r,qualityType:o,qualityPercent:n}}},getNextImageLiquidAttrs=e=>{let{srcset:t,setting:r,storage:s,baseSrc:a,priority:i,customAttrs:g,width:l=2237,height:p=1678,isNotLazyload:o,backupFileKey:n,backupFilePath:c,srcIsLiquidCode:A,enableLazyLoadImage:u,alt:h,title:E,src:I=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC,sizes:y=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SIZES}=e,d=!o&&u&&!i,_=()=>{let e=n?helpers.getNewBackupFileKey(n??"",I):"",r=A?a:helpers.getImageSrc({src:I,backupFileKey:e,backupFilePath:c,storage:s}),g=A?I:helpers.getSrcSet(e??"",s??"THEME",I),l={sizes:"100vw",src:helpers.IMAGE_PLACEHOLDER,...r&&!i?{"base-src":r}:{},...r?{"data-src":r}:{},...g?{"data-srcset":g}:{}},p={sizes:y,src:r??"",isNotLazyload:"true",srcset:t??"",...r&&!i?{"base-src":r}:{},...i?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...d?l:p}},L=()=>{let{qualityPercent:e,qualityType:t}=r??{},s=!i&&t&&e?{"quality-type":helpers.safeStringify(t),"quality-percent":helpers.safeStringify(e)}:{"quality-type":"","quality-percent":""};return{...h&&{alt:h},...E&&{title:E},width:l,height:p,draggable:"false",...s}};return system.createAttr({...g,...L(),..._()})},getNextImageReactAttrs=e=>{let{width:t=helpers.NEXT_IMAGE_CONFIG.DEFAULT_WIDTH_PROPS,height:r=helpers.NEXT_IMAGE_CONFIG.DEFAULT_HEIGHT_PROPS,quality:s,priority:a,isNotLazyload:i,enableLazyLoadImage:g,base64:l=helpers.IMAGE_PLACEHOLDER,alt:p=helpers.NEXT_IMAGE_CONFIG.DEFAULT_ALT,src:o=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC}=e,n=!i&&g&&!a,c=()=>{let e={loading:"lazy",placeholder:"blur",...l&&{blurDataURL:l}},t={loading:"eager",fetchpriority:"high"};return{...n?e:t}},A=()=>({src:o,alt:p,width:t,height:r,quality:s}),u=A(),h=system.createAttr(c());return{...u,...h}};exports.getAdaptiveImageAttrs=getAdaptiveImageAttrs,exports.getContainerAttrs=getContainerAttrs,exports.getImageLiquidAttrs=getImageLiquidAttrs,exports.getLinkWrapperAttrs=getLinkWrapperAttrs,exports.getNextImageAttrs=getNextImageAttrs,exports.getNextImageLiquidAttrs=getNextImageLiquidAttrs,exports.getNextImageReactAttrs=getNextImageReactAttrs;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../common/helpers.js"),Label_liquid=require("./Label.liquid.js"),SlideHandle_liquid=require("./SlideHandle.liquid.js");const CompareImage=e=>{let{leftImage:t,rightImage:s,advanced:
|
|
2
|
-
<img alt="" ${ey} style="${
|
|
3
|
-
`,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../common/helpers.js"),Label_liquid=require("./Label.liquid.js"),SlideHandle_liquid=require("./SlideHandle.liquid.js");const CompareImage=e=>{let{leftImage:t,rightImage:s,advanced:a,translate:l,builderData:r,pageContext:i,preload:y=!1,onSliderPositionChange:d}=e,{hover:m,styles:g,handle:c,handleSize:o,leftImageAlt:n,leftImageTitle:p,leftImageCss:S,leftImageLabel:u,rightImageAlt:h,rightImageTitle:L,rightImageCss:b,rightImageLabel:q,sliderLineWidth:$,sliderLineColor:f,sliderPositionPercentage:I,vertical:A,componentUid:C,tempImage:j,aspectRatio:_,defaultRatio:v,isHorizontal:w,hasLeftLabel:N,hasRightLabel:O,qualityType:x,qualityPercent:D,getLeftImageSrc:H,getRightImageSrc:P}=helpers.getData(e),W=H({isLiquid:!0}),z=P({isLiquid:!0}),E=system.createStyle({...styles.getOuterWrapperStyles(g)}),k=system.createStyle({...styles.getWrapperWidth({width:g?.width,leftImageWidth:t?.width,rightImageWidth:s?.width})}),F=system.createStyle({...styles.getContainerStyles({aspectRatio:_,builderData:r})}),G=system.createStyle({...styles.getLazyPlaceholderStyle(_)}),M=system.createStyle({...styles.getImageStyles({type:"right",props:e})}),R=system.createStyle({...styles.getImageStyles({type:"left",props:e})}),J=system.createStyle({...styles.getLabelStyles({styles:g,type:"left",isHorizontal:w})}),T=system.createStyle({...styles.getLabelStyles({styles:g,type:"right",isHorizontal:w})}),U=system.createStyle({...styles.getArrowStyles({type:"left"})}),V=system.createStyle({...styles.getArrowStyles({type:"right"})}),B=system.createStyle({...styles.getLineStyles({isHorizontal:w,sliderLineColor:f,sliderLineWidth:$})}),K=system.createStyle({...styles.getHandleStyles({handleSize:o,isHorizontal:w,sliderLineColor:f,sliderLineWidth:$})}),Q=system.createStyle({...styles.getHandleCustomStyles()}),X=system.createStyle({...styles.getSliderStyles({hover:m,handleSize:o,isHorizontal:w})}),Y=system.createClass({...classes.getOuterWrapperClasses(a?.cssClass)}),Z=system.createClass({...classes.getLabelClasses(g)}),ee=system.createClass({...classes.getLabelContainerClasses()}),et=attrs.getLabelAttrs({componentUid:C,positionId:"left",label:u??""}),es=attrs.getLabelAttrs({componentUid:C,positionId:"right",label:q??""}),ea=system.createAttr({...attrs.getImageLiquidAttrs({priority:y,src:z,title:L,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${C}`})}),el=system.createAttr({...attrs.getImageLiquidAttrs({priority:y,src:W,title:p,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${C}`})}),er=attrs.getLabelLiquidAttrs({translate:l,pageContext:i,translateLabel:"leftImageLabel"}),ei=attrs.getLabelLiquidAttrs({translate:l,pageContext:i,translateLabel:"rightImageLabel"}),ey=system.createAttr({...attrs.getImagePlaceholderAttrs({width:j?.width,height:j?.height})}),ed=system.createStateOrContext({hover:m,handle:c,vertical:A,leftImage:t,rightImage:s,handleSize:o,aspectRatio:_,defaultRatio:v,componentUid:C,leftImageCss:S,rightImageCss:b,sliderLineColor:f,sliderLineWidth:$,sliderPositionPercentage:I,onSliderPositionChange:d}),em=()=>core.template`
|
|
2
|
+
<img alt="" ${ey} style="${G}" />
|
|
3
|
+
`,eg=()=>NextImage_liquid.default({...ea,alt:h,style:M,setting:{qualityType:x,qualityPercent:D},enableLazyLoadImage:!y,isNotLazyload:y,customAttrs:{"data-testid":"right-image"}}),ec=()=>NextImage_liquid.default({...el,alt:n,style:R,setting:{qualityType:x,qualityPercent:D},enableLazyLoadImage:!y,isNotLazyload:y,customAttrs:{"data-testid":"left-image"}}),eo=()=>SlideHandle_liquid.default({componentUid:C,customHandle:c,lineStyles:B,sliderStyles:X,handleStyles:K,customHandleStyles:Q,leftArrowStyles:U,rightArrowStyles:V}),en=()=>Label_liquid.default({...et,...er,styles:g,childrenClass:Z,childrenStyle:J,containerClass:ee,containerStyle:{}}),ep=()=>Label_liquid.default({...es,...ei,styles:g,childrenClass:Z,childrenStyle:T,containerClass:ee,containerStyle:{}}),eS=()=>`${system.If(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-image-comparison.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-image-comparison.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`;return core.template`
|
|
4
4
|
<gp-image-comparison
|
|
5
5
|
data-id="${C}"
|
|
6
|
-
style="${
|
|
6
|
+
style="${E}"
|
|
7
7
|
class="${Y}"
|
|
8
8
|
gp-data='${JSON.stringify(ed)}'
|
|
9
9
|
>
|
|
10
|
-
<div id="img-comparison-wrapper-${C}" style="${
|
|
10
|
+
<div id="img-comparison-wrapper-${C}" style="${k}">
|
|
11
11
|
<div
|
|
12
12
|
id="img-comparison-container-${C}"
|
|
13
13
|
data-testid="container"
|
|
14
|
-
style="${
|
|
14
|
+
style="${F}"
|
|
15
15
|
>
|
|
16
16
|
${em()}
|
|
17
|
-
${ec()}
|
|
18
17
|
${eg()}
|
|
18
|
+
${ec()}
|
|
19
19
|
${eo()}
|
|
20
|
-
${system.If(
|
|
21
|
-
${system.If(
|
|
20
|
+
${system.If(N,en(),"")}
|
|
21
|
+
${system.If(O,ep(),"")}
|
|
22
22
|
</div>
|
|
23
23
|
</div>
|
|
24
24
|
</gp-image-comparison>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const ImagePostPurchaseSettingV2=[{id:"setting",controls:[{id:"srcSet",type:"image:post-purchase",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Square",value:"1",type:"image-shape",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],displayOptions:[{label:"Full",value:"100%",showValue:!0}
|
|
1
|
+
"use strict";const ImagePostPurchaseSettingV2=[{id:"setting",controls:[{id:"srcSet",type:"image:post-purchase",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Square",value:"1",type:"image-shape",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"100%"}}},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"},{id:"enableBorder",type:"option:value",default:"none",options:[{value:"none",iconName:"gp-cursor-none"},{value:"solid",iconName:"gp-line"}]}]}];exports.ImagePostPurchaseSettingV2=ImagePostPurchaseSettingV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const PostPurchaseLineSettings=[{id:"setting",controls:[{id:"lineType",type:"group",controls:[{id:"enableIconText",label:"Type",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"text",label:"Text",type:"input",default:"Title"},{id:"iconSvg",label:"SVG Icon",type:"icon",default:'<svg style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M428.8 137.6h-86.177a115.52 115.52 0 0 0 2.176-22.4c0-47.914-35.072-83.2-92-83.2-45.314 0-57.002 48.537-75.707 78.784-7.735 12.413-16.994 23.317-25.851 33.253l-.131.146-.129.148C135.662 161.807 127.764 168 120.8 168h-2.679c-5.747-4.952-13.536-8-22.12-8H32c-17.673 0-32 12.894-32 28.8v230.4C0 435.106 14.327 448 32 448h64c8.584 0 16.373-3.048 22.12-8h2.679c28.688 0 67.137 40 127.2 40h21.299c62.542 0 98.8-38.658 99.94-91.145 12.482-17.813 18.491-40.785 15.985-62.791A93.148 93.148 0 0 0 393.152 304H428.8c45.435 0 83.2-37.584 83.2-83.2 0-45.099-38.101-83.2-83.2-83.2zm0 118.4h-91.026c12.837 14.669 14.415 42.825-4.95 61.05 11.227 19.646 1.687 45.624-12.925 53.625 6.524 39.128-10.076 61.325-50.6 61.325H248c-45.491 0-77.21-35.913-120-39.676V215.571c25.239-2.964 42.966-21.222 59.075-39.596 11.275-12.65 21.725-25.3 30.799-39.875C232.355 112.712 244.006 80 252.8 80c23.375 0 44 8.8 44 35.2 0 35.2-26.4 53.075-26.4 70.4h158.4c18.425 0 35.2 16.5 35.2 35.2 0 18.975-16.225 35.2-35.2 35.2zM88 384c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z" /></svg>'},{id:"position",label:"Position",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"}],default:"left"}]}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Dimension",controls:[{id:"thickness",label:"Thickness",type:"select",options:[{label:"Thin",value:"thin"},{label:"Medium",value:"medium"},{label:"
|
|
1
|
+
"use strict";const PostPurchaseLineSettings=[{id:"setting",controls:[{id:"lineType",type:"group",controls:[{id:"enableIconText",label:"Type",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"text",label:"Text",type:"input",default:"Title"},{id:"iconSvg",label:"SVG Icon",type:"icon",default:'<svg style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M428.8 137.6h-86.177a115.52 115.52 0 0 0 2.176-22.4c0-47.914-35.072-83.2-92-83.2-45.314 0-57.002 48.537-75.707 78.784-7.735 12.413-16.994 23.317-25.851 33.253l-.131.146-.129.148C135.662 161.807 127.764 168 120.8 168h-2.679c-5.747-4.952-13.536-8-22.12-8H32c-17.673 0-32 12.894-32 28.8v230.4C0 435.106 14.327 448 32 448h64c8.584 0 16.373-3.048 22.12-8h2.679c28.688 0 67.137 40 127.2 40h21.299c62.542 0 98.8-38.658 99.94-91.145 12.482-17.813 18.491-40.785 15.985-62.791A93.148 93.148 0 0 0 393.152 304H428.8c45.435 0 83.2-37.584 83.2-83.2 0-45.099-38.101-83.2-83.2-83.2zm0 118.4h-91.026c12.837 14.669 14.415 42.825-4.95 61.05 11.227 19.646 1.687 45.624-12.925 53.625 6.524 39.128-10.076 61.325-50.6 61.325H248c-45.491 0-77.21-35.913-120-39.676V215.571c25.239-2.964 42.966-21.222 59.075-39.596 11.275-12.65 21.725-25.3 30.799-39.875C232.355 112.712 244.006 80 252.8 80c23.375 0 44 8.8 44 35.2 0 35.2-26.4 53.075-26.4 70.4h158.4c18.425 0 35.2 16.5 35.2 35.2 0 18.975-16.225 35.2-35.2 35.2zM88 384c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z" /></svg>'},{id:"position",label:"Position",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"}],default:"left"}]}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Dimension",controls:[{id:"thickness",label:"Thickness",type:"select",options:[{label:"Thin",value:"thin"},{label:"Medium",value:"medium"},{label:"Thick",value:"thick"},{label:"Extra thick",value:"xthick"}],default:"medium"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]}]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];exports.PostPurchaseLineSettings=PostPurchaseLineSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const PostPurchaseLinkSettings=[{id:"setting",controls:[{id:"link",label:"Link",type:"input",default:"",placeholder:"E.g. gempages.net"},{id:"label",label:"Text",type:"textarea",default:"Preview Sample",autoHeight:!0,lazyUpdate:!0,placeholder:"E.g. Preview"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"
|
|
1
|
+
"use strict";const PostPurchaseLinkSettings=[{id:"setting",controls:[{id:"link",label:"Link",type:"input",default:"",placeholder:"E.g. gempages.net"},{id:"label",label:"Text",type:"textarea",default:"Preview Sample",autoHeight:!0,lazyUpdate:!0,placeholder:"E.g. Preview"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]}]},{id:"style",controls:[{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"}],default:"left"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",fontWeight:"normal",textTransform:"none",textColor:"defaultLink"},hiddenSetting:["textColor","fontWeight"]},{id:"textAlign",label:"Alignment",type:"option:value",options:[{value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"}]}];exports.PostPurchaseLinkSettings=PostPurchaseLinkSettings;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Button=require("../../button/components/Button.js");const ThirdPartyPreview=({setting:t,styles:e})=>jsxRuntime.jsx(Button.default,{setting:{...t,iconAlign:"left",iconVisible:!0,options:{isCannotEditing:!0}},styles:{...e,
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Button=require("../../button/components/Button.js");const ThirdPartyPreview=({setting:t,styles:e})=>jsxRuntime.jsx(Button.default,{setting:{...t,iconAlign:"left",iconVisible:!0,options:{isCannotEditing:!0}},styles:{...e,roundedBtnV2:{normal:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"},hover:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"}},iconSpacing:{desktop:"16px"},size:{desktop:"48px",tablet:"48px",mobile:"48px"},globalSize:{desktop:{padding:{top:"12px",bottom:"12px",left:"16px",right:"16px",type:"custom"}}},typo:{custom:{fontSize:{desktop:"14px"}},attrs:{color:"#E2E2E2"}},backgroundColorV2:{normal:"#252525",hover:"#252525"},textOverFlow:!0}});exports.default=ThirdPartyPreview;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{template as t,RenderIf as e}from"@gem-sdk/core";import l from"../../text/components/Text.liquid.js";import o from"../../button/components/Button.liquid.js";let ArticleReadMore=({setting:r,styles:a,builderAttrs:i,builderProps:s,advanced:n,style:
|
|
3
|
-
<a href="{{article.url}}" target="_blank" class="gp-
|
|
4
|
-
${e("text"===
|
|
5
|
-
${e("text"!==
|
|
2
|
+
import{template as t,RenderIf as e}from"@gem-sdk/core";import l from"../../text/components/Text.liquid.js";import o from"../../button/components/Button.liquid.js";let ArticleReadMore=({setting:r,styles:a,builderAttrs:i,builderProps:s,advanced:n,style:c})=>{let{readMoreType:p,label:u}=r??{},{typoBtn:d,typoText:g,globalSizeText:m,globalSizeBtn:x,textColorTextState:b,alignBtn:f,alignText:y,enableHoverEffectText:v}=a??{};return t`
|
|
3
|
+
<a href="{{article.url}}" target="_blank" class="gp-cursor-auto">
|
|
4
|
+
${e("text"===p,l({builderAttrs:i,builderProps:s,advanced:n,styles:{...a,color:b,typo:g,spacing:"0px",align:y,textColor:void 0,enableHoverEffect:v},style:c??{},setting:{...r,text:u,globalSize:m,excludeFlex:!0,translate:void 0}}))}
|
|
5
|
+
${e("text"!==p,o({builderAttrs:i,builderProps:s,advanced:n,styles:{...a,typo:d,globalSize:x,align:f},style:c??{},setting:{...r,label:u,htmlType:"button",translate:void 0}}))}
|
|
6
6
|
</a>
|
|
7
7
|
`};export{ArticleReadMore as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{HREF_TO_SALES_PAGE as t}from"../../constant.js";import{getAspectRatio as e,getNewBackupFileKey as r,getImageSrc as a,safeStringify as s,NEXT_IMAGE_CONFIG as i,getSrcSet as g,IMAGE_PLACEHOLDER as l}from"./helpers.js";import{createAttr as o}from"@gem-sdk/system";import{handleClickLink as p}from"../../helpers.js";let getContainerAttrs=(t,e)=>({...t,...e&&{"data-id":e}}),getLinkWrapperAttrs=({urlData:e,imageLink:r,title:a,isLiquid:s=!1})=>{let i=s?{...e,...r?.noFollow&&{rel:"nofollow"},title:a}:{setting:e,title:a};return r?.type!=="go-to-sales-page"?r?.link?i:{}:s?{href:t,target:"_self"}:{setting:{href:t,target:"_self"}}},getImageLiquidAttrs=({pageContext:t,enableLazyLoadImage:e=!1})=>({...t&&{pageContext:t},...e&&{enableLazyLoadImage:e}}),getAdaptiveImageAttrs=({styles:t,setting:i,mode:g,isLiquid:l})=>{let{alt:o,srcSet:n,priority:c,qualityPercent:u,qualityType:d}=i??{},y=e({styles:t,setting:i}),A=()=>{p(i?.imageLink,g)},m={loading:"eager",fetchpriority:"high",priority:c},k=n?.desktop?.backupFileKey?r(n?.desktop?.backupFileKey??"",n?.desktop?.src??""):"",h=l?a({src:n?.desktop?.src,backupFileKey:k,backupFilePath:n?.desktop?.backupFilePath,storage:n?.desktop?.storage}):n?.desktop?.src??"",L=c?{}:{"base-src":h??"","quality-type":s(d),"quality-percent":s(u)};return{pictureClass:"gp-contents",...o&&{alt:o},...n&&{srcSet:n},...c&&m,...L,...t?.objectFit&&{layout:t.objectFit},onClick:A,aspectRatio:y}},getNextImageAttrs=({styles:t,setting:r})=>{let{objectFit:a}=t??{},{vw:s,alt:i,title:g,quality:l,priority:o,isNotLazyload:p,qualityType:n,qualityPercent:c}=r??{},u=e({styles:t,setting:r});return{...r?.image,...s&&{vw:s},...i&&{alt:i},...g&&{title:g},...l&&{quality:l},...o&&{priority:o},isNotLazyload:p,setting:{aspectRatio:u,layout:a,qualityType:n,qualityPercent:c}}},getNextImageLiquidAttrs=t=>{let{srcset:e,setting:p,storage:n,baseSrc:c,priority:u,customAttrs:d,width:y=2237,height:A=1678,isNotLazyload:m,backupFileKey:k,backupFilePath:h,srcIsLiquidCode:L,enableLazyLoadImage:F,alt:b,title:f,src:I=i.DEFAULT_SRC,sizes:q=i.DEFAULT_SIZES}=t,E=!m&&F&&!u,T=()=>{let t=k?r(k??"",I):"",s=L?c:a({src:I,backupFileKey:t,backupFilePath:h,storage:n}),i=L?I:g(t??"",n??"THEME",I),o={sizes:"100vw",src:l,...
|
|
1
|
+
import{HREF_TO_SALES_PAGE as t}from"../../constant.js";import{getAspectRatio as e,getNewBackupFileKey as r,getImageSrc as a,safeStringify as s,NEXT_IMAGE_CONFIG as i,getSrcSet as g,IMAGE_PLACEHOLDER as l}from"./helpers.js";import{createAttr as o}from"@gem-sdk/system";import{handleClickLink as p}from"../../helpers.js";let getContainerAttrs=(t,e)=>({...t,...e&&{"data-id":e}}),getLinkWrapperAttrs=({urlData:e,imageLink:r,title:a,isLiquid:s=!1})=>{let i=s?{...e,...r?.noFollow&&{rel:"nofollow"},title:a}:{setting:e,title:a};return r?.type!=="go-to-sales-page"?r?.link?i:{}:s?{href:t,target:"_self"}:{setting:{href:t,target:"_self"}}},getImageLiquidAttrs=({pageContext:t,enableLazyLoadImage:e=!1})=>({...t&&{pageContext:t},...e&&{enableLazyLoadImage:e}}),getAdaptiveImageAttrs=({styles:t,setting:i,mode:g,isLiquid:l})=>{let{alt:o,srcSet:n,priority:c,qualityPercent:u,qualityType:d}=i??{},y=e({styles:t,setting:i}),A=()=>{p(i?.imageLink,g)},m={loading:"eager",fetchpriority:"high",priority:c},k=n?.desktop?.backupFileKey?r(n?.desktop?.backupFileKey??"",n?.desktop?.src??""):"",h=l?a({src:n?.desktop?.src,backupFileKey:k,backupFilePath:n?.desktop?.backupFilePath,storage:n?.desktop?.storage}):n?.desktop?.src??"",L=c?{}:{"base-src":h??"","quality-type":s(d),"quality-percent":s(u)};return{pictureClass:"gp-contents",...o&&{alt:o},...n&&{srcSet:n},...c&&m,...L,...t?.objectFit&&{layout:t.objectFit},onClick:A,aspectRatio:y}},getNextImageAttrs=({styles:t,setting:r})=>{let{objectFit:a}=t??{},{vw:s,alt:i,title:g,quality:l,priority:o,isNotLazyload:p,qualityType:n,qualityPercent:c}=r??{},u=e({styles:t,setting:r});return{...r?.image,...s&&{vw:s},...i&&{alt:i},...g&&{title:g},...l&&{quality:l},...o&&{priority:o},isNotLazyload:p,setting:{aspectRatio:u,layout:a,qualityType:n,qualityPercent:c}}},getNextImageLiquidAttrs=t=>{let{srcset:e,setting:p,storage:n,baseSrc:c,priority:u,customAttrs:d,width:y=2237,height:A=1678,isNotLazyload:m,backupFileKey:k,backupFilePath:h,srcIsLiquidCode:L,enableLazyLoadImage:F,alt:b,title:f,src:I=i.DEFAULT_SRC,sizes:q=i.DEFAULT_SIZES}=t,E=!m&&F&&!u,T=()=>{let t=k?r(k??"",I):"",s=L?c:a({src:I,backupFileKey:t,backupFilePath:h,storage:n}),i=L?I:g(t??"",n??"THEME",I),o={sizes:"100vw",src:l,...s&&!u?{"base-src":s}:{},...s?{"data-src":s}:{},...i?{"data-srcset":i}:{}},p={sizes:q,src:s??"",isNotLazyload:"true",srcset:e??"",...s&&!u?{"base-src":s}:{},...u?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...E?o:p}},_=()=>{let{qualityPercent:t,qualityType:e}=p??{},r=!u&&e&&t?{"quality-type":s(e),"quality-percent":s(t)}:{"quality-type":"","quality-percent":""};return{...b&&{alt:b},...f&&{title:f},width:y,height:A,draggable:"false",...r}};return o({...d,..._(),...T()})},getNextImageReactAttrs=t=>{let{width:e=i.DEFAULT_WIDTH_PROPS,height:r=i.DEFAULT_HEIGHT_PROPS,quality:a,priority:s,isNotLazyload:g,enableLazyLoadImage:p,base64:n=l,alt:c=i.DEFAULT_ALT,src:u=i.DEFAULT_SRC}=t,d=!g&&p&&!s,y=()=>{let t={loading:"lazy",placeholder:"blur",...n&&{blurDataURL:n}},e={loading:"eager",fetchpriority:"high"};return{...d?t:e}},A=()=>({src:u,alt:c,width:e,height:r,quality:a}),m=A(),k=o(y());return{...m,...k}};export{getAdaptiveImageAttrs,getContainerAttrs,getImageLiquidAttrs,getLinkWrapperAttrs,getNextImageAttrs,getNextImageLiquidAttrs,getNextImageReactAttrs};
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import{template as t,isLocalEnv as e,baseAssetURL as i}from"@gem-sdk/core";import{createStyle as s,createClass as a,createAttr as r,createStateOrContext as l,If as
|
|
2
|
-
<img alt="" ${
|
|
3
|
-
`,
|
|
1
|
+
import{template as t,isLocalEnv as e,baseAssetURL as i}from"@gem-sdk/core";import{createStyle as s,createClass as a,createAttr as r,createStateOrContext as l,If as o}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../helpers.js";import d from"../../image/components/NextImage.liquid.js";import{getOuterWrapperStyles as p,getWrapperWidth as g,getContainerStyles as c,getLazyPlaceholderStyle as n,getImageStyles as y,getLabelStyles as h,getArrowStyles as f,getLineStyles as $,getHandleStyles as b,getHandleCustomStyles as L,getSliderStyles as S}from"../common/styles.js";import{getOuterWrapperClasses as j,getLabelClasses as I,getLabelContainerClasses as u}from"../common/classes.js";import{getImageLiquidAttrs as w,getImagePlaceholderAttrs as C,getLabelAttrs as v,getLabelLiquidAttrs as A}from"../common/attrs.js";import{getData as q}from"../common/helpers.js";import N from"./Label.liquid.js";import k from"./SlideHandle.liquid.js";let CompareImage=z=>{let{leftImage:D,rightImage:E,advanced:O,translate:x,builderData:F,pageContext:G,preload:H=!1,onSliderPositionChange:W}=z,{hover:_,styles:J,handle:M,handleSize:P,leftImageAlt:R,leftImageTitle:T,leftImageCss:V,leftImageLabel:B,rightImageAlt:K,rightImageTitle:Q,rightImageCss:U,rightImageLabel:X,sliderLineWidth:Y,sliderLineColor:Z,sliderPositionPercentage:tt,vertical:te,componentUid:ti,tempImage:ts,aspectRatio:ta,defaultRatio:tr,isHorizontal:tl,hasLeftLabel:to,hasRightLabel:tm,qualityType:td,qualityPercent:tp,getLeftImageSrc:tg,getRightImageSrc:tc}=q(z),tn=tg({isLiquid:!0}),ty=tc({isLiquid:!0}),th=s({...p(J)}),tf=s({...g({width:J?.width,leftImageWidth:D?.width,rightImageWidth:E?.width})}),t$=s({...c({aspectRatio:ta,builderData:F})}),tb=s({...n(ta)}),tL=s({...y({type:"right",props:z})}),tS=s({...y({type:"left",props:z})}),tj=s({...h({styles:J,type:"left",isHorizontal:tl})}),tI=s({...h({styles:J,type:"right",isHorizontal:tl})}),tu=s({...f({type:"left"})}),tw=s({...f({type:"right"})}),tC=s({...$({isHorizontal:tl,sliderLineColor:Z,sliderLineWidth:Y})}),tv=s({...b({handleSize:P,isHorizontal:tl,sliderLineColor:Z,sliderLineWidth:Y})}),tA=s({...L()}),tq=s({...S({hover:_,handleSize:P,isHorizontal:tl})}),tN=a({...j(O?.cssClass)}),tk=a({...I(J)}),tz=a({...u()}),tD=v({componentUid:ti,positionId:"left",label:B??""}),tE=v({componentUid:ti,positionId:"right",label:X??""}),tO=r({...w({priority:H,src:ty,title:Q,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${ti}`})}),tx=r({...w({priority:H,src:tn,title:T,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${ti}`})}),tF=A({translate:x,pageContext:G,translateLabel:"leftImageLabel"}),tG=A({translate:x,pageContext:G,translateLabel:"rightImageLabel"}),tH=r({...C({width:ts?.width,height:ts?.height})}),tW=l({hover:_,handle:M,vertical:te,leftImage:D,rightImage:E,handleSize:P,aspectRatio:ta,defaultRatio:tr,componentUid:ti,leftImageCss:V,rightImageCss:U,sliderLineColor:Z,sliderLineWidth:Y,sliderPositionPercentage:tt,onSliderPositionChange:W}),t_=()=>t`
|
|
2
|
+
<img alt="" ${tH} style="${tb}" />
|
|
3
|
+
`,tJ=()=>d({...tO,alt:K,style:tL,setting:{qualityType:td,qualityPercent:tp},enableLazyLoadImage:!H,isNotLazyload:H,customAttrs:{"data-testid":"right-image"}}),tM=()=>d({...tx,alt:R,style:tS,setting:{qualityType:td,qualityPercent:tp},enableLazyLoadImage:!H,isNotLazyload:H,customAttrs:{"data-testid":"left-image"}}),tP=()=>k({componentUid:ti,customHandle:M,lineStyles:tC,sliderStyles:tq,handleStyles:tv,customHandleStyles:tA,leftArrowStyles:tu,rightArrowStyles:tw}),tR=()=>N({...tD,...tF,styles:J,childrenClass:tk,childrenStyle:tj,containerClass:tz,containerStyle:{}}),tT=()=>N({...tE,...tG,styles:J,childrenClass:tk,childrenStyle:tI,containerClass:tz,containerStyle:{}}),tV=()=>`${o(e,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-image-comparison.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${i}/assets-v2/gp-image-comparison.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`;return t`
|
|
4
4
|
<gp-image-comparison
|
|
5
5
|
data-id="${ti}"
|
|
6
|
-
style="${
|
|
7
|
-
class="${
|
|
8
|
-
gp-data='${JSON.stringify(
|
|
6
|
+
style="${th}"
|
|
7
|
+
class="${tN}"
|
|
8
|
+
gp-data='${JSON.stringify(tW)}'
|
|
9
9
|
>
|
|
10
|
-
<div id="img-comparison-wrapper-${ti}" style="${
|
|
10
|
+
<div id="img-comparison-wrapper-${ti}" style="${tf}">
|
|
11
11
|
<div
|
|
12
12
|
id="img-comparison-container-${ti}"
|
|
13
13
|
data-testid="container"
|
|
14
14
|
style="${t$}"
|
|
15
15
|
>
|
|
16
|
+
${t_()}
|
|
16
17
|
${tJ()}
|
|
17
18
|
${tM()}
|
|
18
19
|
${tP()}
|
|
19
|
-
${tR()}
|
|
20
|
-
${
|
|
21
|
-
${m(to,tV(),"")}
|
|
20
|
+
${o(to,tR(),"")}
|
|
21
|
+
${o(tm,tT(),"")}
|
|
22
22
|
</div>
|
|
23
23
|
</div>
|
|
24
24
|
</gp-image-comparison>
|
|
25
|
-
${
|
|
25
|
+
${tV()}
|
|
26
26
|
`};export{CompareImage as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let ImagePostPurchaseSettingV2=[{id:"setting",controls:[{id:"srcSet",type:"image:post-purchase",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Square",value:"1",type:"image-shape",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],displayOptions:[{label:"Full",value:"100%",showValue:!0}
|
|
1
|
+
let ImagePostPurchaseSettingV2=[{id:"setting",controls:[{id:"srcSet",type:"image:post-purchase",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Square",value:"1",type:"image-shape",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],displayOptions:[{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"100%"}}},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"},{id:"enableBorder",type:"option:value",default:"none",options:[{value:"none",iconName:"gp-cursor-none"},{value:"solid",iconName:"gp-line"}]}]}];export{ImagePostPurchaseSettingV2};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let PostPurchaseLineSettings=[{id:"setting",controls:[{id:"lineType",type:"group",controls:[{id:"enableIconText",label:"Type",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"text",label:"Text",type:"input",default:"Title"},{id:"iconSvg",label:"SVG Icon",type:"icon",default:'<svg style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M428.8 137.6h-86.177a115.52 115.52 0 0 0 2.176-22.4c0-47.914-35.072-83.2-92-83.2-45.314 0-57.002 48.537-75.707 78.784-7.735 12.413-16.994 23.317-25.851 33.253l-.131.146-.129.148C135.662 161.807 127.764 168 120.8 168h-2.679c-5.747-4.952-13.536-8-22.12-8H32c-17.673 0-32 12.894-32 28.8v230.4C0 435.106 14.327 448 32 448h64c8.584 0 16.373-3.048 22.12-8h2.679c28.688 0 67.137 40 127.2 40h21.299c62.542 0 98.8-38.658 99.94-91.145 12.482-17.813 18.491-40.785 15.985-62.791A93.148 93.148 0 0 0 393.152 304H428.8c45.435 0 83.2-37.584 83.2-83.2 0-45.099-38.101-83.2-83.2-83.2zm0 118.4h-91.026c12.837 14.669 14.415 42.825-4.95 61.05 11.227 19.646 1.687 45.624-12.925 53.625 6.524 39.128-10.076 61.325-50.6 61.325H248c-45.491 0-77.21-35.913-120-39.676V215.571c25.239-2.964 42.966-21.222 59.075-39.596 11.275-12.65 21.725-25.3 30.799-39.875C232.355 112.712 244.006 80 252.8 80c23.375 0 44 8.8 44 35.2 0 35.2-26.4 53.075-26.4 70.4h158.4c18.425 0 35.2 16.5 35.2 35.2 0 18.975-16.225 35.2-35.2 35.2zM88 384c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z" /></svg>'},{id:"position",label:"Position",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"}],default:"left"}]}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Dimension",controls:[{id:"thickness",label:"Thickness",type:"select",options:[{label:"Thin",value:"thin"},{label:"Medium",value:"medium"},{label:"
|
|
1
|
+
let PostPurchaseLineSettings=[{id:"setting",controls:[{id:"lineType",type:"group",controls:[{id:"enableIconText",label:"Type",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"text",label:"Text",type:"input",default:"Title"},{id:"iconSvg",label:"SVG Icon",type:"icon",default:'<svg style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M428.8 137.6h-86.177a115.52 115.52 0 0 0 2.176-22.4c0-47.914-35.072-83.2-92-83.2-45.314 0-57.002 48.537-75.707 78.784-7.735 12.413-16.994 23.317-25.851 33.253l-.131.146-.129.148C135.662 161.807 127.764 168 120.8 168h-2.679c-5.747-4.952-13.536-8-22.12-8H32c-17.673 0-32 12.894-32 28.8v230.4C0 435.106 14.327 448 32 448h64c8.584 0 16.373-3.048 22.12-8h2.679c28.688 0 67.137 40 127.2 40h21.299c62.542 0 98.8-38.658 99.94-91.145 12.482-17.813 18.491-40.785 15.985-62.791A93.148 93.148 0 0 0 393.152 304H428.8c45.435 0 83.2-37.584 83.2-83.2 0-45.099-38.101-83.2-83.2-83.2zm0 118.4h-91.026c12.837 14.669 14.415 42.825-4.95 61.05 11.227 19.646 1.687 45.624-12.925 53.625 6.524 39.128-10.076 61.325-50.6 61.325H248c-45.491 0-77.21-35.913-120-39.676V215.571c25.239-2.964 42.966-21.222 59.075-39.596 11.275-12.65 21.725-25.3 30.799-39.875C232.355 112.712 244.006 80 252.8 80c23.375 0 44 8.8 44 35.2 0 35.2-26.4 53.075-26.4 70.4h158.4c18.425 0 35.2 16.5 35.2 35.2 0 18.975-16.225 35.2-35.2 35.2zM88 384c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z" /></svg>'},{id:"position",label:"Position",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"}],default:"left"}]}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Dimension",controls:[{id:"thickness",label:"Thickness",type:"select",options:[{label:"Thin",value:"thin"},{label:"Medium",value:"medium"},{label:"Thick",value:"thick"},{label:"Extra thick",value:"xthick"}],default:"medium"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]}]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];export{PostPurchaseLineSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let PostPurchaseLinkSettings=[{id:"setting",controls:[{id:"link",label:"Link",type:"input",default:"",placeholder:"E.g. gempages.net"},{id:"label",label:"Text",type:"textarea",default:"Preview Sample",autoHeight:!0,lazyUpdate:!0,placeholder:"E.g. Preview"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"
|
|
1
|
+
let PostPurchaseLinkSettings=[{id:"setting",controls:[{id:"link",label:"Link",type:"input",default:"",placeholder:"E.g. gempages.net"},{id:"label",label:"Text",type:"textarea",default:"Preview Sample",autoHeight:!0,lazyUpdate:!0,placeholder:"E.g. Preview"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]}]},{id:"style",controls:[{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"}],default:"left"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",fontWeight:"normal",textTransform:"none",textColor:"defaultLink"},hiddenSetting:["textColor","fontWeight"]},{id:"textAlign",label:"Alignment",type:"option:value",options:[{value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"}]}];export{PostPurchaseLinkSettings};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import o from"../../button/components/Button.js";let ThirdPartyPreview=({setting:r,styles:e})=>t(o,{setting:{...r,iconAlign:"left",iconVisible:!0,options:{isCannotEditing:!0}},styles:{...e,
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import o from"../../button/components/Button.js";let ThirdPartyPreview=({setting:r,styles:e})=>t(o,{setting:{...r,iconAlign:"left",iconVisible:!0,options:{isCannotEditing:!0}},styles:{...e,roundedBtnV2:{normal:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"},hover:{radiusType:"rounded",bblr:"3px",bbrr:"3px",btlr:"3px",btrr:"3px"}},iconSpacing:{desktop:"16px"},size:{desktop:"48px",tablet:"48px",mobile:"48px"},globalSize:{desktop:{padding:{top:"12px",bottom:"12px",left:"16px",right:"16px",type:"custom"}}},typo:{custom:{fontSize:{desktop:"14px"}},attrs:{color:"#E2E2E2"}},backgroundColorV2:{normal:"#252525",hover:"#252525"},textOverFlow:!0}});export{ThirdPartyPreview as default};
|