@gem-sdk/components 2.0.0-staging.991 → 2.0.0-staging.993

package/dist/cjs/article/components/ArticleReadMore.liquid.js

@@ -1,7 +1,7 @@
 'use client';
-"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:o,advanced:r,style:i})=>{let{readMoreType:a,label:n}=e??{},{typoBtn:s,typoText:u,globalSizeText:d,globalSizeBtn:c,textColorTextState:p,alignBtn:x,alignText:g,enableHoverEffectText:f}=t??{};return core.template`
-    <a href="{{article.url}}" target="_blank" class="gp-pointer-events-auto">
-        ${core.RenderIf("text"===a,Text_liquid.default({builderAttrs:l,builderProps:o,advanced:r,styles:{...t,color:p,typo:u,spacing:"0px",align:g,textColor:void 0,enableHoverEffect:f},style:i??{},setting:{...e,text:n,globalSize:d,excludeFlex:!0,translate:void 0}}))}
-    ${core.RenderIf("text"!==a,Button_liquid.default({builderAttrs:l,builderProps:o,advanced:r,styles:{...t,typo:s,globalSize:c,align:x},style:i??{},setting:{...e,label:n,htmlType:"button",translate:void 0}}))}
+"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`
+    <a href="{{article.url}}" target="_blank" class="gp-cursor-auto">
+        ${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}}))}
+    ${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}}))}
     </a>
   `};exports.default=ArticleReadMore;

package/dist/cjs/button/common/styles.js

@@ -1,4 +1,4 @@
-"use strict";var core=require("@gem-sdk/core");const getButtonWrapperStyles=(e,t)=>({...e,...core.makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle};return t?o:core.filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.enable !== undefined");return{...core.getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},"value?.radiusType !== undefined");return core.composeRadius(t)},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?core.makeStyleResponsive("mr",o):core.makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=core.makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=core.composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":core.getColor(e?.textColor?.hover),...o},withoutTextColorStyles:r}},getTypoStyles=e=>({...getTypographyStyles(e).withoutTextColorStyles,...core.getStyleShadow({styleAppliedFor:"text-shadow",value:e?.typo?.custom?.textShadow,isEnableShadow:e?.typo?.custom?.hasShadowText}),"word-break":"break-word"}),getBgImageUrl=(e,t)=>{let{backgroundImage:o,backgroundColorV2:r}=e||{},s=o?.[t],a=r?.[t];if(!s&&!a)return"";let l=`url(${s?.image?.src})`,n=a?`, ${a}`:"";return a?.includes(core.GRADIENT_BGR_KEY)&&s?.image?.src?`${l}${n}`:a?.includes(core.GRADIENT_BGR_KEY)&&!s?.image?.src?a:s?.image?.src?l:""},getBackgroundImageSource=e=>{let t={normal:getBgImageUrl(e,"normal"),hover:getBgImageUrl(e,"hover")};return core.makeStyleState("bgi",t)},getBackgroundStyles=e=>{let{backgroundColorV2:t,backgroundImage:o}=e||{},r={...o,hover:o?.hover||o?.normal},s={...t,hover:t?.hover||t?.normal};return{...core.getStyleBackgroundImage(r,{ignoreBackgroundImage:!0}),...getBackgroundImageSource({backgroundImage:r,backgroundColorV2:s}),...core.getGlobalColorStateStyle("bg",t)}},getCustomCssStyles=({styles:e,uid:t,builderAttrs:o,enableHoverEffect:r})=>{if(!t)return"";let{borderBtnV2:s,roundedBtnV2:a}=e??{},l=ignoreStateNoneValue(s||{},'value?.borderType !== "none"'),n=ignoreStateNoneValue(a||{},"value?.radiusType !== undefined"),g=generateBorderCornerStyles({uid:t,borderBtn:l,roundedBtn:n,builderAttrs:o,enableHoverEffect:r});return`
+"use strict";var core=require("@gem-sdk/core");const getButtonWrapperStyles=(e,t)=>({...e,...core.makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle};return t?o:core.filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.enable !== undefined");return{...core.getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},"value?.radiusType !== undefined");return core.composeRadius(t)},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?core.makeStyleResponsive("mr",o):core.makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=core.makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=core.composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":core.getColor(e?.textColor?.hover),...o},withoutTextColorStyles:r}},getTypoStyles=e=>({...getTypographyStyles(e).withoutTextColorStyles,...core.getStyleShadow({styleAppliedFor:"text-shadow",value:e?.typo?.custom?.textShadow,isEnableShadow:e?.typo?.custom?.hasShadowText}),"word-break":"break-word"}),getBgImageUrl=(e,t)=>{let{backgroundImage:o,backgroundColorV2:r}=e||{},s=o?.[t],a=r?.[t];if(!s&&!a)return"";let l=`url(${s?.image?.src})`,n=a?`, ${a}`:"";return a?.includes(core.GRADIENT_BGR_KEY)&&s?.image?.src?`${l}${n}`:a?.includes(core.GRADIENT_BGR_KEY)&&!s?.image?.src?a:s?.image?.src?l:""},getBackgroundImageSource=e=>{let t={normal:getBgImageUrl(e,"normal"),hover:getBgImageUrl(e,"hover")};return core.makeStyleState("bgi",t)},getBackgroundStyles=e=>{let{backgroundColorV2:t,backgroundImage:o}=e||{},r={...o,hover:o?.hover||o?.normal},s={...t,hover:t?.hover||t?.normal};return{...core.getStyleBackgroundImage(r,{ignoreBackgroundImage:!0}),...getBackgroundImageSource({backgroundImage:r,backgroundColorV2:s}),...core.getGlobalColorStateStyle("bg",s)}},getCustomCssStyles=({styles:e,uid:t,builderAttrs:o,enableHoverEffect:r})=>{if(!t)return"";let{borderBtnV2:s,roundedBtnV2:a}=e??{},l=ignoreStateNoneValue(s||{},'value?.borderType !== "none"'),n=ignoreStateNoneValue(a||{},"value?.radiusType !== undefined"),g=generateBorderCornerStyles({uid:t,borderBtn:l,roundedBtn:n,builderAttrs:o,enableHoverEffect:r});return`
       ${g.normalStyles}
       ${g.hoverStyles}
     `.trim()},generateBorderCornerStyles=({uid:e,borderBtn:t,roundedBtn:o,builderAttrs:r,enableHoverEffect:s})=>{let a=r?.["data-component-tag"],l=({styleObj:e,state:t})=>{if(e)return e?.[t]},n=l({styleObj:t,state:"normal"}),g=l({styleObj:s?t:void 0,state:"hover"}),d=l({styleObj:o,state:"normal"}),i=l({styleObj:o,state:"hover"}),u=`

package/dist/cjs/image/common/attrs.js

@@ -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,...a&&!i?{"base-src":a}:{},...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;
+"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;

package/dist/cjs/image-comparison/components/CompareImage.liquid.js

@@ -1,24 +1,24 @@
-"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:l,translate:a,builderData:r,pageContext:i,preload:y=!1,onSliderPositionChange:d}=e,{hover:m,styles:c,handle:g,handleSize:o,leftImageAlt:n,leftImageTitle:p,leftImageCss:S,leftImageLabel:u,rightImageAlt:h,rightImageTitle:q,rightImageCss:b,rightImageLabel:L,sliderLineWidth:$,sliderLineColor:f,sliderPositionPercentage:I,vertical:A,componentUid:C,tempImage:j,aspectRatio:_,defaultRatio:v,isHorizontal:w,hasLeftLabel:O,hasRightLabel:x,qualityType:D,qualityPercent:H,getLeftImageSrc:N,getRightImageSrc:P}=helpers.getData(e),W=N({isLiquid:!0}),E=P({isLiquid:!0}),k=system.createStyle({...styles.getOuterWrapperStyles(c)}),F=system.createStyle({...styles.getWrapperWidth({width:c?.width,leftImageWidth:t?.width,rightImageWidth:s?.width})}),G=system.createStyle({...styles.getContainerStyles({aspectRatio:_,builderData:r})}),M=system.createStyle({...styles.getLazyPlaceholderStyle(_)}),R=system.createStyle({...styles.getImageStyles({type:"right",props:e})}),z=system.createStyle({...styles.getImageStyles({type:"left",props:e})}),J=system.createStyle({...styles.getLabelStyles({styles:c,type:"left",isHorizontal:w})}),T=system.createStyle({...styles.getLabelStyles({styles:c,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(l?.cssClass)}),Z=system.createClass({...classes.getLabelClasses(c)}),ee=system.createClass({...classes.getLabelContainerClasses()}),et=attrs.getLabelAttrs({componentUid:C,positionId:"left",label:u??""}),es=attrs.getLabelAttrs({componentUid:C,positionId:"right",label:L??""}),el=system.createAttr({...attrs.getImageLiquidAttrs({priority:y,src:E,title:q,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${C}`})}),ea=system.createAttr({...attrs.getImageLiquidAttrs({priority:y,src:W,title:p,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${C}`})}),er=attrs.getLabelLiquidAttrs({translate:a,pageContext:i,translateLabel:"leftImageLabel"}),ei=attrs.getLabelLiquidAttrs({translate:a,pageContext:i,translateLabel:"rightImageLabel"}),ey=system.createAttr({...attrs.getImagePlaceholderAttrs({width:j?.width,height:j?.height})}),ed=system.createStateOrContext({hover:m,handle:g,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`
-      <img alt="" ${ey} style="${M}" />
-    `,ec=()=>NextImage_liquid.default({...el,alt:h,style:R,setting:{qualityType:D,qualityPercent:H},customAttrs:{"data-testid":"right-image"}}),eg=()=>NextImage_liquid.default({...ea,alt:n,style:z,setting:{qualityType:D,qualityPercent:H},customAttrs:{"data-testid":"left-image"}}),eo=()=>SlideHandle_liquid.default({componentUid:C,customHandle:g,lineStyles:B,sliderStyles:X,handleStyles:K,customHandleStyles:Q,leftArrowStyles:U,rightArrowStyles:V}),en=()=>Label_liquid.default({...et,...er,styles:c,childrenClass:Z,childrenStyle:J,containerClass:ee,containerStyle:{}}),ep=()=>Label_liquid.default({...es,...ei,styles:c,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`
+"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`
+      <img alt="" ${ey} style="${G}" />
+    `,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`
     <gp-image-comparison
       data-id="${C}"
-      style="${k}"
+      style="${E}"
       class="${Y}"
       gp-data='${JSON.stringify(ed)}'
     >
-      <div id="img-comparison-wrapper-${C}" style="${F}">
+      <div id="img-comparison-wrapper-${C}" style="${k}">
         <div
           id="img-comparison-container-${C}"
           data-testid="container"
-          style="${G}"
+          style="${F}"
         >
           ${em()}
-          ${ec()}
           ${eg()}
+          ${ec()}
           ${eo()}
-          ${system.If(O,en(),"")}
-          ${system.If(x,ep(),"")}
+          ${system.If(N,en(),"")}
+          ${system.If(O,ep(),"")}
         </div>
       </div>
     </gp-image-comparison>

package/dist/cjs/post-purchase/image/settings/configs/setting-v2.js

@@ -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},{label:"Default",value:"1200px",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;
+"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;

package/dist/cjs/post-purchase/line/settings/configs/settings.js

@@ -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:"Large",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},{label:"Default",value:"default",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;
+"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;

package/dist/cjs/post-purchase/link/settings/configs/settings.js

@@ -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:"Default",value:"1200px",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;
+"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;

package/dist/cjs/product/components/product-bundle/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getSizeSettings=e=>core.makeGlobalSize(e?.size),getItemWrapStyles=(e,o)=>({...getSizeSettings(e).width,...getSizeSettings(e).padding,...o?core.makeStyleState("bg",{...e?.backgroundColor,hover:e?.backgroundColor?.active??e?.backgroundColor?.hover}):core.makeStyleState("bg",e?.backgroundColor),...core.makeStyle({bg:o?e?.backgroundColor?.active:e?.backgroundColor?.normal}),...core.composeRadius(e?.roundedBundle),...core.getStyleShadowState(e?.boxShadowBundle,"box-shadow",e?.hasBoxShadowBundle),...o?core.getStyleShadow({value:e?.boxShadowBundle?.active,styleAppliedFor:"box-shadow",isEnableShadow:e?.boxShadowBundle?.active?.enable}):{...core.getStyleShadow({value:e?.boxShadowBundle?.normal,styleAppliedFor:"box-shadow",isEnableShadow:e?.boxShadowBundle?.normal?.enable})},...o?core.getBorderStyle(e?.borderBundle?.active):{...core.handleConvertBorderWidth(e?.borderBundle),...core.handleConvertBorderStyle(e?.borderBundle),...core.handleConvertBorderColor(e?.borderBundle)},...o?core.getRadiusStyleActiveState({...e?.roundedBundle,active:{...e?.roundedBundle?.active?e?.roundedBundle?.active:e?.roundedBundle?.normal,radiusType:"custom"}}):{}}),getIconStyles=e=>({...e?.layout!=="horizontal-layout"?core.makeStyle({mr:e?.iconSpacing}):core.makeStyle({mb:e.iconSpacing}),...core.makeStyleResponsive("w",e?.iconSize,"px"),...core.makeStyleResponsive("h",e?.iconSize,"px")}),getSvgActiveStyles=e=>({...core.getGlobalColorStateStyle("c",e?.iconColor),...core.makeStyle({c:e?.iconColor?.active})}),getSvgStyles=e=>({...core.getGlobalColorStateStyle("c",{...e?.iconColor,normal:e?.iconColor?.normal})}),getAlignStyle=e=>{let o=e?.align==="left"?"start":e?.align==="right"?"end":"center";return{...core.makeStyle({ai:o})}},getFlexChildren=core.composeClasses("gp-flex-1"),getContainerStyles=(e,o,t)=>({...e,...getAlignStyle(o),...t});exports.getAlignStyle=getAlignStyle,exports.getContainerStyles=getContainerStyles,exports.getFlexChildren=getFlexChildren,exports.getIconStyles=getIconStyles,exports.getItemWrapStyles=getItemWrapStyles,exports.getSizeSettings=getSizeSettings,exports.getSvgActiveStyles=getSvgActiveStyles,exports.getSvgStyles=getSvgStyles;
+"use strict";var core=require("@gem-sdk/core");const getSizeSettings=e=>core.makeGlobalSize(e?.size),getItemWrapStyles=(e,o)=>({...getSizeSettings(e).width,...getSizeSettings(e).padding,...o?core.makeStyleState("bg",{...e?.backgroundColor,hover:e?.backgroundColor?.active??e?.backgroundColor?.hover}):core.makeStyleState("bg",e?.backgroundColor),...core.makeStyle({bg:o?e?.backgroundColor?.active:e?.backgroundColor?.normal}),...core.composeRadius(e?.roundedBundle),...core.getStyleShadowState(e?.boxShadowBundle,"box-shadow",e?.hasBoxShadowBundle),...o?core.getStyleShadow({value:e?.boxShadowBundle?.active,styleAppliedFor:"box-shadow",isEnableShadow:e?.boxShadowBundle?.active?.enable||e?.hasBoxShadowBundle?.active}):{...core.getStyleShadow({value:e?.boxShadowBundle?.normal,styleAppliedFor:"box-shadow",isEnableShadow:e?.boxShadowBundle?.normal?.enable||e?.hasBoxShadowBundle?.normal})},...o?core.getBorderStyle(e?.borderBundle?.active):{...core.handleConvertBorderWidth(e?.borderBundle),...core.handleConvertBorderStyle(e?.borderBundle),...core.handleConvertBorderColor(e?.borderBundle)},...o?core.getRadiusStyleActiveState({...e?.roundedBundle,active:{...e?.roundedBundle?.active?e?.roundedBundle?.active:e?.roundedBundle?.normal,radiusType:"custom"}}):{}}),getIconStyles=e=>({...e?.layout!=="horizontal-layout"?core.makeStyle({mr:e?.iconSpacing}):core.makeStyle({mb:e.iconSpacing}),...core.makeStyleResponsive("w",e?.iconSize,"px"),...core.makeStyleResponsive("h",e?.iconSize,"px")}),getSvgActiveStyles=e=>({...core.getGlobalColorStateStyle("c",e?.iconColor),...core.makeStyle({c:e?.iconColor?.active})}),getSvgStyles=e=>({...core.getGlobalColorStateStyle("c",{...e?.iconColor,normal:e?.iconColor?.normal})}),getAlignStyle=e=>{let o=e?.align==="left"?"start":e?.align==="right"?"end":"center";return{...core.makeStyle({ai:o})}},getFlexChildren=core.composeClasses("gp-flex-1"),getContainerStyles=(e,o,t)=>({...e,...getAlignStyle(o),...t});exports.getAlignStyle=getAlignStyle,exports.getContainerStyles=getContainerStyles,exports.getFlexChildren=getFlexChildren,exports.getIconStyles=getIconStyles,exports.getItemWrapStyles=getItemWrapStyles,exports.getSizeSettings=getSizeSettings,exports.getSvgActiveStyles=getSvgActiveStyles,exports.getSvgStyles=getSvgStyles;

package/dist/cjs/third-party/components/ThirdPartyPreview.js

@@ -1,2 +1,2 @@
 'use client';
-"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,roundedBtn:{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;
+"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;

package/dist/esm/article/components/ArticleReadMore.liquid.js

@@ -1,7 +1,7 @@
 'use client';
-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:p})=>{let{readMoreType:c,label:d}=r??{},{typoBtn:g,typoText:m,globalSizeText:u,globalSizeBtn:x,textColorTextState:b,alignBtn:f,alignText:y,enableHoverEffectText:v}=a??{};return t`
-    <a href="{{article.url}}" target="_blank" class="gp-pointer-events-auto">
-        ${e("text"===c,l({builderAttrs:i,builderProps:s,advanced:n,styles:{...a,color:b,typo:m,spacing:"0px",align:y,textColor:void 0,enableHoverEffect:v},style:p??{},setting:{...r,text:d,globalSize:u,excludeFlex:!0,translate:void 0}}))}
-    ${e("text"!==c,o({builderAttrs:i,builderProps:s,advanced:n,styles:{...a,typo:g,globalSize:x,align:f},style:p??{},setting:{...r,label:d,htmlType:"button",translate:void 0}}))}
+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`
+    <a href="{{article.url}}" target="_blank" class="gp-cursor-auto">
+        ${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}}))}
+    ${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}}))}
     </a>
   `};export{ArticleReadMore as default};

package/dist/esm/button/common/styles.js

@@ -1,4 +1,4 @@
-import{makeStyleResponsive,filterHoverVariables,getStyleShadowState,composeRadius,makeGlobalSize,composeTypographyStyle,getColor,getStyleShadow,getStyleBackgroundImage,getGlobalColorStateStyle,makeStyleState,composeBorderCss,composeCornerCss,GRADIENT_BGR_KEY}from"@gem-sdk/core";let getButtonWrapperStyles=(e,t)=>({...e,...makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle};return t?o:filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.enable !== undefined");return{...getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},"value?.radiusType !== undefined");return composeRadius(t)},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?makeStyleResponsive("mr",o):makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":getColor(e?.textColor?.hover),...o},withoutTextColorStyles:r}},getTypoStyles=e=>({...getTypographyStyles(e).withoutTextColorStyles,...getStyleShadow({styleAppliedFor:"text-shadow",value:e?.typo?.custom?.textShadow,isEnableShadow:e?.typo?.custom?.hasShadowText}),"word-break":"break-word"}),getBgImageUrl=(e,t)=>{let{backgroundImage:o,backgroundColorV2:r}=e||{},a=o?.[t],n=r?.[t];if(!a&&!n)return"";let l=`url(${a?.image?.src})`,s=n?`, ${n}`:"";return n?.includes(GRADIENT_BGR_KEY)&&a?.image?.src?`${l}${s}`:n?.includes(GRADIENT_BGR_KEY)&&!a?.image?.src?n:a?.image?.src?l:""},getBackgroundImageSource=e=>{let t={normal:getBgImageUrl(e,"normal"),hover:getBgImageUrl(e,"hover")};return makeStyleState("bgi",t)},getBackgroundStyles=e=>{let{backgroundColorV2:t,backgroundImage:o}=e||{},r={...o,hover:o?.hover||o?.normal},a={...t,hover:t?.hover||t?.normal};return{...getStyleBackgroundImage(r,{ignoreBackgroundImage:!0}),...getBackgroundImageSource({backgroundImage:r,backgroundColorV2:a}),...getGlobalColorStateStyle("bg",t)}},getCustomCssStyles=({styles:e,uid:t,builderAttrs:o,enableHoverEffect:r})=>{if(!t)return"";let{borderBtnV2:a,roundedBtnV2:n}=e??{},l=ignoreStateNoneValue(a||{},'value?.borderType !== "none"'),s=ignoreStateNoneValue(n||{},"value?.radiusType !== undefined"),g=generateBorderCornerStyles({uid:t,borderBtn:l,roundedBtn:s,builderAttrs:o,enableHoverEffect:r});return`
+import{makeStyleResponsive,filterHoverVariables,getStyleShadowState,composeRadius,makeGlobalSize,composeTypographyStyle,getColor,getStyleShadow,getStyleBackgroundImage,getGlobalColorStateStyle,makeStyleState,composeBorderCss,composeCornerCss,GRADIENT_BGR_KEY}from"@gem-sdk/core";let getButtonWrapperStyles=(e,t)=>({...e,...makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle};return t?o:filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.enable !== undefined");return{...getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},"value?.radiusType !== undefined");return composeRadius(t)},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?makeStyleResponsive("mr",o):makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":getColor(e?.textColor?.hover),...o},withoutTextColorStyles:r}},getTypoStyles=e=>({...getTypographyStyles(e).withoutTextColorStyles,...getStyleShadow({styleAppliedFor:"text-shadow",value:e?.typo?.custom?.textShadow,isEnableShadow:e?.typo?.custom?.hasShadowText}),"word-break":"break-word"}),getBgImageUrl=(e,t)=>{let{backgroundImage:o,backgroundColorV2:r}=e||{},a=o?.[t],n=r?.[t];if(!a&&!n)return"";let l=`url(${a?.image?.src})`,s=n?`, ${n}`:"";return n?.includes(GRADIENT_BGR_KEY)&&a?.image?.src?`${l}${s}`:n?.includes(GRADIENT_BGR_KEY)&&!a?.image?.src?n:a?.image?.src?l:""},getBackgroundImageSource=e=>{let t={normal:getBgImageUrl(e,"normal"),hover:getBgImageUrl(e,"hover")};return makeStyleState("bgi",t)},getBackgroundStyles=e=>{let{backgroundColorV2:t,backgroundImage:o}=e||{},r={...o,hover:o?.hover||o?.normal},a={...t,hover:t?.hover||t?.normal};return{...getStyleBackgroundImage(r,{ignoreBackgroundImage:!0}),...getBackgroundImageSource({backgroundImage:r,backgroundColorV2:a}),...getGlobalColorStateStyle("bg",a)}},getCustomCssStyles=({styles:e,uid:t,builderAttrs:o,enableHoverEffect:r})=>{if(!t)return"";let{borderBtnV2:a,roundedBtnV2:n}=e??{},l=ignoreStateNoneValue(a||{},'value?.borderType !== "none"'),s=ignoreStateNoneValue(n||{},"value?.radiusType !== undefined"),g=generateBorderCornerStyles({uid:t,borderBtn:l,roundedBtn:s,builderAttrs:o,enableHoverEffect:r});return`
       ${g.normalStyles}
       ${g.hoverStyles}
     `.trim()},generateBorderCornerStyles=({uid:e,borderBtn:t,roundedBtn:o,builderAttrs:r,enableHoverEffect:a})=>{let n=r?.["data-component-tag"],l=({styleObj:e,state:t})=>{if(e)return e?.[t]},s=l({styleObj:t,state:"normal"}),g=l({styleObj:a?t:void 0,state:"hover"}),d=l({styleObj:o,state:"normal"}),i=l({styleObj:o,state:"hover"}),u=`

package/dist/esm/image/common/attrs.js

@@ -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,...c&&!u?{"base-src":c}:{},...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};
+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};

package/dist/esm/image-comparison/components/CompareImage.liquid.js

@@ -1,26 +1,26 @@
-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 m}from"@gem-sdk/system";import{getSettingPreloadData as o}from"../../helpers.js";import d from"../../image/components/NextImage.liquid.js";import{getOuterWrapperStyles as p,getWrapperWidth as c,getContainerStyles as g,getLazyPlaceholderStyle as n,getImageStyles as h,getLabelStyles as f,getArrowStyles as y,getLineStyles as $,getHandleStyles as b,getHandleCustomStyles as S,getSliderStyles as j}from"../common/styles.js";import{getOuterWrapperClasses as u,getLabelClasses as I,getLabelContainerClasses as w}from"../common/classes.js";import{getImageLiquidAttrs as C,getImagePlaceholderAttrs as L,getLabelAttrs as v,getLabelLiquidAttrs as A}from"../common/attrs.js";import{getData as q}from"../common/helpers.js";import k from"./Label.liquid.js";import D from"./SlideHandle.liquid.js";let CompareImage=E=>{let{leftImage:O,rightImage:N,advanced:x,translate:F,builderData:G,pageContext:H,preload:W=!1,onSliderPositionChange:_}=E,{hover:J,styles:M,handle:P,handleSize:R,leftImageAlt:T,leftImageTitle:V,leftImageCss:z,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:tm,hasRightLabel:to,qualityType:td,qualityPercent:tp,getLeftImageSrc:tc,getRightImageSrc:tg}=q(E),tn=tc({isLiquid:!0}),th=tg({isLiquid:!0}),tf=s({...p(M)}),ty=s({...c({width:M?.width,leftImageWidth:O?.width,rightImageWidth:N?.width})}),t$=s({...g({aspectRatio:ta,builderData:G})}),tb=s({...n(ta)}),tS=s({...h({type:"right",props:E})}),tj=s({...h({type:"left",props:E})}),tu=s({...f({styles:M,type:"left",isHorizontal:tl})}),tI=s({...f({styles:M,type:"right",isHorizontal:tl})}),tw=s({...y({type:"left"})}),tC=s({...y({type:"right"})}),tL=s({...$({isHorizontal:tl,sliderLineColor:Z,sliderLineWidth:Y})}),tv=s({...b({handleSize:R,isHorizontal:tl,sliderLineColor:Z,sliderLineWidth:Y})}),tA=s({...S()}),tq=s({...j({hover:J,handleSize:R,isHorizontal:tl})}),tk=a({...u(x?.cssClass)}),tD=a({...I(M)}),tE=a({...w()}),tO=v({componentUid:ti,positionId:"left",label:B??""}),tN=v({componentUid:ti,positionId:"right",label:X??""}),tx=r({...C({priority:W,src:th,title:Q,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${ti}`})}),tF=r({...C({priority:W,src:tn,title:V,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${ti}`})}),tG=A({translate:F,pageContext:H,translateLabel:"leftImageLabel"}),tH=A({translate:F,pageContext:H,translateLabel:"rightImageLabel"}),tW=r({...L({width:ts?.width,height:ts?.height})}),t_=l({hover:J,handle:P,vertical:te,leftImage:O,rightImage:N,handleSize:R,aspectRatio:ta,defaultRatio:tr,componentUid:ti,leftImageCss:z,rightImageCss:U,sliderLineColor:Z,sliderLineWidth:Y,sliderPositionPercentage:tt,onSliderPositionChange:_}),tJ=()=>t`
-      <img alt="" ${tW} style="${tb}" />
-    `,tM=()=>d({...tx,alt:K,style:tS,setting:{qualityType:td,qualityPercent:tp},customAttrs:{"data-testid":"right-image"}}),tP=()=>d({...tF,alt:T,style:tj,setting:{qualityType:td,qualityPercent:tp},customAttrs:{"data-testid":"left-image"}}),tR=()=>D({componentUid:ti,customHandle:P,lineStyles:tL,sliderStyles:tq,handleStyles:tv,customHandleStyles:tA,leftArrowStyles:tw,rightArrowStyles:tC}),tT=()=>k({...tO,...tG,styles:M,childrenClass:tD,childrenStyle:tu,containerClass:tE,containerStyle:{}}),tV=()=>k({...tN,...tH,styles:M,childrenClass:tD,childrenStyle:tI,containerClass:tE,containerStyle:{}}),tz=()=>`${m(e,`<script ${o('class="gps-link" delay',"src")}="{{ 'gp-image-comparison.js' | asset_url }}" defer="defer"></script>`,`<script ${o('class="gps-link" delay',"src")}="${i}/assets-v2/gp-image-comparison.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`;return t`
+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`
+      <img alt="" ${tH} style="${tb}" />
+    `,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`
     <gp-image-comparison
       data-id="${ti}"
-      style="${tf}"
-      class="${tk}"
-      gp-data='${JSON.stringify(t_)}'
+      style="${th}"
+      class="${tN}"
+      gp-data='${JSON.stringify(tW)}'
     >
-      <div id="img-comparison-wrapper-${ti}" style="${ty}">
+      <div id="img-comparison-wrapper-${ti}" style="${tf}">
         <div
           id="img-comparison-container-${ti}"
           data-testid="container"
           style="${t$}"
         >
+          ${t_()}
           ${tJ()}
           ${tM()}
           ${tP()}
-          ${tR()}
-          ${m(tm,tT(),"")}
-          ${m(to,tV(),"")}
+          ${o(to,tR(),"")}
+          ${o(tm,tT(),"")}
         </div>
       </div>
     </gp-image-comparison>
-    ${tz()}
+    ${tV()}
   `};export{CompareImage as default};

package/dist/esm/post-purchase/image/settings/configs/setting-v2.js

@@ -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},{label:"Default",value:"1200px",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};
+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};

package/dist/esm/post-purchase/line/settings/configs/settings.js

@@ -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:"Large",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},{label:"Default",value:"default",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};
+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};

package/dist/esm/post-purchase/link/settings/configs/settings.js

@@ -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:"Default",value:"1200px",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};
+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};

package/dist/esm/product/components/product-bundle/common/styles.js

@@ -1 +1 @@
-import{composeClasses as e,makeGlobalSize as o,makeStyle as t,makeStyleState as l,composeRadius as n,getStyleShadowState as r,getStyleShadow as d,getBorderStyle as a,handleConvertBorderWidth as i,handleConvertBorderStyle as g,handleConvertBorderColor as S,getRadiusStyleActiveState as c,makeStyleResponsive as u,getGlobalColorStateStyle as s}from"@gem-sdk/core";let getSizeSettings=e=>o(e?.size),getItemWrapStyles=(e,o)=>({...getSizeSettings(e).width,...getSizeSettings(e).padding,...o?l("bg",{...e?.backgroundColor,hover:e?.backgroundColor?.active??e?.backgroundColor?.hover}):l("bg",e?.backgroundColor),...t({bg:o?e?.backgroundColor?.active:e?.backgroundColor?.normal}),...n(e?.roundedBundle),...r(e?.boxShadowBundle,"box-shadow",e?.hasBoxShadowBundle),...o?d({value:e?.boxShadowBundle?.active,styleAppliedFor:"box-shadow",isEnableShadow:e?.boxShadowBundle?.active?.enable}):{...d({value:e?.boxShadowBundle?.normal,styleAppliedFor:"box-shadow",isEnableShadow:e?.boxShadowBundle?.normal?.enable})},...o?a(e?.borderBundle?.active):{...i(e?.borderBundle),...g(e?.borderBundle),...S(e?.borderBundle)},...o?c({...e?.roundedBundle,active:{...e?.roundedBundle?.active?e?.roundedBundle?.active:e?.roundedBundle?.normal,radiusType:"custom"}}):{}}),getIconStyles=e=>({...e?.layout!=="horizontal-layout"?t({mr:e?.iconSpacing}):t({mb:e.iconSpacing}),...u("w",e?.iconSize,"px"),...u("h",e?.iconSize,"px")}),getSvgActiveStyles=e=>({...s("c",e?.iconColor),...t({c:e?.iconColor?.active})}),getSvgStyles=e=>({...s("c",{...e?.iconColor,normal:e?.iconColor?.normal})}),getAlignStyle=e=>{let o=e?.align==="left"?"start":e?.align==="right"?"end":"center";return{...t({ai:o})}},getFlexChildren=e("gp-flex-1"),getContainerStyles=(e,o,t)=>({...e,...getAlignStyle(o),...t});export{getAlignStyle,getContainerStyles,getFlexChildren,getIconStyles,getItemWrapStyles,getSizeSettings,getSvgActiveStyles,getSvgStyles};
+import{composeClasses as e,makeGlobalSize as o,makeStyle as l,makeStyleState as t,composeRadius as n,getStyleShadowState as a,getStyleShadow as d,getBorderStyle as r,handleConvertBorderWidth as i,handleConvertBorderStyle as g,handleConvertBorderColor as S,getRadiusStyleActiveState as c,makeStyleResponsive as u,getGlobalColorStateStyle as s}from"@gem-sdk/core";let getSizeSettings=e=>o(e?.size),getItemWrapStyles=(e,o)=>({...getSizeSettings(e).width,...getSizeSettings(e).padding,...o?t("bg",{...e?.backgroundColor,hover:e?.backgroundColor?.active??e?.backgroundColor?.hover}):t("bg",e?.backgroundColor),...l({bg:o?e?.backgroundColor?.active:e?.backgroundColor?.normal}),...n(e?.roundedBundle),...a(e?.boxShadowBundle,"box-shadow",e?.hasBoxShadowBundle),...o?d({value:e?.boxShadowBundle?.active,styleAppliedFor:"box-shadow",isEnableShadow:e?.boxShadowBundle?.active?.enable||e?.hasBoxShadowBundle?.active}):{...d({value:e?.boxShadowBundle?.normal,styleAppliedFor:"box-shadow",isEnableShadow:e?.boxShadowBundle?.normal?.enable||e?.hasBoxShadowBundle?.normal})},...o?r(e?.borderBundle?.active):{...i(e?.borderBundle),...g(e?.borderBundle),...S(e?.borderBundle)},...o?c({...e?.roundedBundle,active:{...e?.roundedBundle?.active?e?.roundedBundle?.active:e?.roundedBundle?.normal,radiusType:"custom"}}):{}}),getIconStyles=e=>({...e?.layout!=="horizontal-layout"?l({mr:e?.iconSpacing}):l({mb:e.iconSpacing}),...u("w",e?.iconSize,"px"),...u("h",e?.iconSize,"px")}),getSvgActiveStyles=e=>({...s("c",e?.iconColor),...l({c:e?.iconColor?.active})}),getSvgStyles=e=>({...s("c",{...e?.iconColor,normal:e?.iconColor?.normal})}),getAlignStyle=e=>{let o=e?.align==="left"?"start":e?.align==="right"?"end":"center";return{...l({ai:o})}},getFlexChildren=e("gp-flex-1"),getContainerStyles=(e,o,l)=>({...e,...getAlignStyle(o),...l});export{getAlignStyle,getContainerStyles,getFlexChildren,getIconStyles,getItemWrapStyles,getSizeSettings,getSvgActiveStyles,getSvgStyles};

package/dist/esm/third-party/components/ThirdPartyPreview.js

@@ -1,2 +1,2 @@
 'use client';
-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,roundedBtn:{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};
+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};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.0.0-staging.991",
+  "version": "2.0.0-staging.993",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",