@gem-sdk/components 4.0.0-staging.1242 → 4.0.0-staging.1245
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/carousel-v3/settings/configs/settings-v2.js +1 -1
- package/dist/cjs/product/settings/product-image-v3/configs/ui-v2.js +1 -1
- package/dist/esm/carousel-v3/settings/configs/settings-v2.js +1 -1
- package/dist/esm/product/settings/product-image-v3/configs/ui-v2.js +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use strict";var animation=require("../../plugins/animation.js");const CarouselSettingsV2Setting=[{id:"itemNumber",label:"",type:"carousel-layout-selector",devices:{desktop:{default:4}}},{id:"sneakPeak",label:"Sneak peek",type:"sneak-peak",devices:{desktop:{default:!1}}},{id:"sneakPeakType",label:"",type:"sneak-peak-type",itemPerRow:2,iconViewBox:"0 0 118 52",enableItemBackground:!0,enableTooltip:!0,options:[{value:"forward",type:"sneak-peak-offset"},{value:"center",type:"sneak-peak-offset"}],devices:{desktop:{default:"forward"}}},{id:"sneakPeakOffsetForward",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"sneakPeakOffsetCenter",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"childItem",label:"Item management",type:"child-item",default:["Item 1","Item 2","Item 3","Item 4","Item 5","Item 6"]},{id:"vertical",label:"Vertical layout",type:"toggle",devices:{desktop:{default:!1}}},{id:"controlOverContent",label:"Next & previous position",type:"segment",options:[{label:"Inside",value:!0},{label:"Outside",value:!1}],devices:{desktop:{default:!0}}},{id:"dot",label:"Dots",type:"toggle",devices:{desktop:{default:!0}}},{id:"dotStyle",label:"Dot style",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,enableTooltip:!0,options:[{label:"Inside",value:"inside",type:"carousel-dot",svgName:"gp-carousel-dot-inside"},{label:"Outside",value:"outside",type:"carousel-dot",svgName:"gp-carousel-dot-outside"}],devices:{desktop:{default:"inside"}}},{id:"dotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:12}}},{id:"dotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:120,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"dotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"bg-1"}},compoDefaultValue:{desktop:{default:"bg-1"}}},{id:"dotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"line-3"}},compoDefaultValue:{desktop:{default:"line-3"}}},{id:"navigationEnable",type:"toggle",devices:{desktop:{default:!0}}},{id:"navigationStyle",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,label:"Navigation style",enableTooltip:!0,options:[{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:{desktop:{default:"inside"}}},{id:"arrowCustom",type:"icon",isHideClear:!0,default:`<svg height="20" width="20" data-name="caret-right-regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508418455613473128">
|
|
2
2
|
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>
|
|
3
|
-
`},{id:"arrowCustomColor",label:"Icon color",type:"color-picker-v2",default:"#121212",compoDefaultValue:"#121212"},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowButtonSize",type:"size-setting",label:"",devices:{desktop:{default:{shapeValue:"1/1",shapeLinked:!0,width:void 0,height:void 0,padding:{linked:!0,type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},lockShapeValue:!0,hiddenShowMore:!0,hiddenSettings:["gap","proportion","padding"],settingConfig:{width:{name:"Width",units:["px"],displayOptions:["small","medium","large"],sizeConfig:{small:"24px",medium:"32px",large:"40px"}},height:{name:"Height",units:["px"],displayOptions:["small","medium","large","full-height"],sizeConfig:{small:"24px",medium:"32px",large:"40px",full:"100%"}},padding:{paddingConfig:{small:{vertical:"2px",horizontal:"2px"},medium:{vertical:"4px",horizontal:"4px"},large:{vertical:"8px",horizontal:"8px"}}}},sizePaddingInput:"small"},{id:"arrowBackgroundColor",label:"Background Color",type:"color-picker-v2",default:"transparent",compoDefaultValue:"bg-2"},{id:"arrowBorder",type:"border-v2",label:"Border",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!0}}},compoDefaultValue:{desktop:{default:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}}},{id:"arrowShadow",type:"shadow-v2",devices:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"roundedArrow",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}}}},{id:"arrowGapToEachSide",label:"Gap to each side",type:"input:slider",min:0,max:120,ignoreMax:!0,default:"16"},{id:"showWhenHover",label:"Only show when hover",type:"toggle",default:!1},{id:"rtl",label:"Direction",type:"option:value",options:[{value:!1,iconName:"polaris-arrow-left",label:"Right to left"},{value:!0,label:"Left to right",iconName:"polaris-arrow-right"}],default:!1},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"autoplayTimeout",label:"Time out",type:"input:slider",min:1,max:4,step:.1,default:2,units:["s"],isNumber:!0,showDefaultUnit:!0,ignoreMax:!0},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",default:!0,hide:!0},{id:"runPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"enableDrag",label:"Drag to scroll",type:"toggle",devices:{desktop:{default:!0}}},{id:"loop",label:"Infinity loop",type:"toggle",devices:{desktop:{default:!
|
|
3
|
+
`},{id:"arrowCustomColor",label:"Icon color",type:"color-picker-v2",default:"#121212",compoDefaultValue:"#121212"},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowButtonSize",type:"size-setting",label:"",devices:{desktop:{default:{shapeValue:"1/1",shapeLinked:!0,width:void 0,height:void 0,padding:{linked:!0,type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},lockShapeValue:!0,hiddenShowMore:!0,hiddenSettings:["gap","proportion","padding"],settingConfig:{width:{name:"Width",units:["px"],displayOptions:["small","medium","large"],sizeConfig:{small:"24px",medium:"32px",large:"40px"}},height:{name:"Height",units:["px"],displayOptions:["small","medium","large","full-height"],sizeConfig:{small:"24px",medium:"32px",large:"40px",full:"100%"}},padding:{paddingConfig:{small:{vertical:"2px",horizontal:"2px"},medium:{vertical:"4px",horizontal:"4px"},large:{vertical:"8px",horizontal:"8px"}}}},sizePaddingInput:"small"},{id:"arrowBackgroundColor",label:"Background Color",type:"color-picker-v2",default:"transparent",compoDefaultValue:"bg-2"},{id:"arrowBorder",type:"border-v2",label:"Border",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!0}}},compoDefaultValue:{desktop:{default:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}}},{id:"arrowShadow",type:"shadow-v2",devices:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"roundedArrow",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}}}},{id:"arrowGapToEachSide",label:"Gap to each side",type:"input:slider",min:0,max:120,ignoreMax:!0,default:"16"},{id:"showWhenHover",label:"Only show when hover",type:"toggle",default:!1},{id:"rtl",label:"Direction",type:"option:value",options:[{value:!1,iconName:"polaris-arrow-left",label:"Right to left"},{value:!0,label:"Left to right",iconName:"polaris-arrow-right"}],default:!1},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"autoplayTimeout",label:"Time out",type:"input:slider",min:1,max:4,step:.1,default:2,units:["s"],isNumber:!0,showDefaultUnit:!0,ignoreMax:!0},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",default:!0,hide:!0},{id:"runPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"enableDrag",label:"Drag to scroll",type:"toggle",devices:{desktop:{default:!0}}},{id:"loop",label:"Infinity loop",type:"toggle",devices:{desktop:{default:!1}}},{id:"animationMode",label:"Animation",type:"select",default:animation.CAROUSEL_ANIMATION.EASE_IN.value,options:[{label:"Ease in",value:animation.CAROUSEL_ANIMATION.EASE_IN.value},{label:"Ease out",value:animation.CAROUSEL_ANIMATION.EASE_OUT.value},{label:"Ease in & out",value:animation.CAROUSEL_ANIMATION.EASE_IN_OUT.value}]},{id:"background",type:"background-media-combo",devices:{desktop:{default:{type:"color",color:void 0,image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"label",label:"Option Label",type:"toggle",default:!0}],CarouselSettingsV2Style=[{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:"#DDDDDD"}},enableGradient:!0},{id:"backgroundImage",type:"background-image",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0},repeat:"no-repeat",size:"cover",position:{x:50,y:50},attachment:"scroll",preload:!1}}}},{id:"playSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"default",height:"auto"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"300px",medium:"500px",large:"700px"}}},hiddenSettings:["padding","gap","shape"]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",isCustom:!0},compoDefaultValue:{width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",border:"solid"}},{id:"roundedContent",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"carouselShadow",type:"shadow-v2",label:"Button Shadow",default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"spacing",label:"Items spacing",type:"input:slider",fallbackValue:"0",min:0,max:80,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0}],CarouselSettingsV2=[{id:"setting",controls:CarouselSettingsV2Setting},{id:"style",controls:CarouselSettingsV2Style}];exports.CarouselSettingsV2=CarouselSettingsV2,exports.CarouselSettingsV2Setting=CarouselSettingsV2Setting,exports.CarouselSettingsV2Style=CarouselSettingsV2Style;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var ImageListNavigation=require("./ui/ImageListNavigation.js"),FeatureNavigation=require("./ui/FeatureNavigation.js"),FeatureDots=require("./ui/FeatureDots.js");const showGallerySliderSetting='((type == "slider" || position == "left" || position == "right") && position !== "one-col" && position != "two-col")',showFeaturedImage='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',showGalleryHoverAction='(position == "one-col" || position == "two-col")',showImageListSetting='(position !== "only-feature")',SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:{en:"Featured image"},conditionDisplay:showFeaturedImage,controls:[{setting:{id:"ftShape"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:{en:"Image scale"},setting:{id:"ftLayout"}},{...FeatureDots.FeatureDots,conditionDisplay:`${showFeaturedImage} && position === "only-feature"`},{...FeatureNavigation.FeatureNavigation,conditionDisplay:`${showFeaturedImage}`}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"ftCorner"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:showFeaturedImage,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"hoverEffect"}},{label:{en:"Zoom type"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:{en:"Zoom value"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:{en:"Other image"},conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:{en:"Click action"},iconName:"gp-trigger-action-click",conditionDisplay:showFeaturedImage,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:{en:"After click"},setting:{id:"ftClickOpenLightBox"}},{label:{en:"Open new tab"},setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:{en:"Slide speed"},setting:{id:"ftAnimationSpeed"}},{type:"control",label:{en:"Animation"},setting:{id:"ftAnimationMode"}},{label:{en:"Drag / swipe"},setting:{id:"ftDragToScroll"}},{label:{en:"Infinity loop"},setting:{id:"ftLoop"}}]}},{label:{en:"Image list"},conditionDisplay:'(position !== "only-feature")',controls:[{label:{en:"Display"},conditionDisplay:'position === "bottom-center" || position === "bottom-left" || position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},layout:"vertical",conditionDisplay:'position == "one-col"'},{label:{en:"Image gap"},setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') || (position == 'two-col' && shapeFor2Col.shape !== 'original') || (position == 'only-feature' && shapeForFtOnly.shape !== 'original') || ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') || ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') || ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') || ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:{en:"Image scale"},setting:{id:"layout"}},{...ImageListNavigation.ImageListNavigation,conditionDisplay:showGallerySliderSetting}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"corner"}},{label:{en:"Active border"},conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:'(position == "one-col" || position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:{en:"Zoom type"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:{en:"Zoom value"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:{en:"Other image"},conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:{en:"Click action"},setting:{id:"clickOpenLightBox"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Drag / swipe"},setting:{id:"dragToScroll"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Infinity loop"},setting:{id:"loop"}}]}},{label:{en:"Item spacing"},conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Display condition"},conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',
|
|
1
|
+
"use strict";var ImageListNavigation=require("./ui/ImageListNavigation.js"),FeatureNavigation=require("./ui/FeatureNavigation.js"),FeatureDots=require("./ui/FeatureDots.js");const showGallerySliderSetting='((type == "slider" || position == "left" || position == "right") && position !== "one-col" && position != "two-col")',showFeaturedImage='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',showGalleryHoverAction='(position == "one-col" || position == "two-col")',showImageListSetting='(position !== "only-feature")',SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:{en:"Featured image"},conditionDisplay:showFeaturedImage,controls:[{setting:{id:"ftShape"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:{en:"Image scale"},setting:{id:"ftLayout"}},{...FeatureDots.FeatureDots,conditionDisplay:`${showFeaturedImage} && position === "only-feature"`},{...FeatureNavigation.FeatureNavigation,conditionDisplay:`${showFeaturedImage}`}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"ftCorner"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:showFeaturedImage,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"hoverEffect"}},{label:{en:"Zoom type"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:{en:"Zoom value"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:{en:"Other image"},conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:{en:"Click action"},iconName:"gp-trigger-action-click",conditionDisplay:showFeaturedImage,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:{en:"After click"},setting:{id:"ftClickOpenLightBox"}},{label:{en:"Open new tab"},setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:{en:"Slide speed"},setting:{id:"ftAnimationSpeed"}},{type:"control",label:{en:"Animation"},setting:{id:"ftAnimationMode"}},{label:{en:"Drag / swipe"},setting:{id:"ftDragToScroll"}},{label:{en:"Infinity loop"},setting:{id:"ftLoop"}}]}},{label:{en:"Image list"},conditionDisplay:'(position !== "only-feature")',controls:[{label:{en:"Display"},conditionDisplay:'position === "bottom-center" || position === "bottom-left" || position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},layout:"vertical",conditionDisplay:'position == "one-col"'},{label:{en:"Image gap"},setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') || (position == 'two-col' && shapeFor2Col.shape !== 'original') || (position == 'only-feature' && shapeForFtOnly.shape !== 'original') || ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') || ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') || ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') || ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:{en:"Image scale"},setting:{id:"layout"}},{...ImageListNavigation.ImageListNavigation,conditionDisplay:showGallerySliderSetting}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"corner"}},{label:{en:"Active border"},conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:'(position == "one-col" || position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:{en:"Zoom type"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:{en:"Zoom value"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:{en:"Other image"},conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:{en:"Click action"},setting:{id:"clickOpenLightBox"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Drag / swipe"},setting:{id:"dragToScroll"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Infinity loop"},setting:{id:"loop"}}]}},{label:{en:"Item spacing"},conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Display condition"},controls:[{conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',label:{en:"Default item"},setting:{id:"preDisplay"}},{label:{en:"Image list"},setting:{id:"filterByVariant"}}],messageConfig:{type:"info",message:'Image list can display based on the selected variants. <a class="text-white" target="_blank" href="https://help.gempages.net/articles/filter-product-image-by-selected-variant?utm_source=gempages&utm_medium=in-app&utm_campaign=product-image-element">How to setup</a>'}},{label:{en:"Optimize LCP"},controls:[{label:{en:"Preload"},conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:{en:"Quality"},setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:{en:"Quality"},conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary"}}]}];exports.SettingUIV2=SettingUIV2;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import{CAROUSEL_ANIMATION as e}from"../../plugins/animation.js";let CarouselSettingsV2Setting=[{id:"itemNumber",label:"",type:"carousel-layout-selector",devices:{desktop:{default:4}}},{id:"sneakPeak",label:"Sneak peek",type:"sneak-peak",devices:{desktop:{default:!1}}},{id:"sneakPeakType",label:"",type:"sneak-peak-type",itemPerRow:2,iconViewBox:"0 0 118 52",enableItemBackground:!0,enableTooltip:!0,options:[{value:"forward",type:"sneak-peak-offset"},{value:"center",type:"sneak-peak-offset"}],devices:{desktop:{default:"forward"}}},{id:"sneakPeakOffsetForward",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"sneakPeakOffsetCenter",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"childItem",label:"Item management",type:"child-item",default:["Item 1","Item 2","Item 3","Item 4","Item 5","Item 6"]},{id:"vertical",label:"Vertical layout",type:"toggle",devices:{desktop:{default:!1}}},{id:"controlOverContent",label:"Next & previous position",type:"segment",options:[{label:"Inside",value:!0},{label:"Outside",value:!1}],devices:{desktop:{default:!0}}},{id:"dot",label:"Dots",type:"toggle",devices:{desktop:{default:!0}}},{id:"dotStyle",label:"Dot style",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,enableTooltip:!0,options:[{label:"Inside",value:"inside",type:"carousel-dot",svgName:"gp-carousel-dot-inside"},{label:"Outside",value:"outside",type:"carousel-dot",svgName:"gp-carousel-dot-outside"}],devices:{desktop:{default:"inside"}}},{id:"dotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:12}}},{id:"dotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:120,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"dotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"bg-1"}},compoDefaultValue:{desktop:{default:"bg-1"}}},{id:"dotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"line-3"}},compoDefaultValue:{desktop:{default:"line-3"}}},{id:"navigationEnable",type:"toggle",devices:{desktop:{default:!0}}},{id:"navigationStyle",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,label:"Navigation style",enableTooltip:!0,options:[{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:{desktop:{default:"inside"}}},{id:"arrowCustom",type:"icon",isHideClear:!0,default:`<svg height="20" width="20" data-name="caret-right-regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508418455613473128">
|
|
2
2
|
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>
|
|
3
|
-
`},{id:"arrowCustomColor",label:"Icon color",type:"color-picker-v2",default:"#121212",compoDefaultValue:"#121212"},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowButtonSize",type:"size-setting",label:"",devices:{desktop:{default:{shapeValue:"1/1",shapeLinked:!0,width:void 0,height:void 0,padding:{linked:!0,type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},lockShapeValue:!0,hiddenShowMore:!0,hiddenSettings:["gap","proportion","padding"],settingConfig:{width:{name:"Width",units:["px"],displayOptions:["small","medium","large"],sizeConfig:{small:"24px",medium:"32px",large:"40px"}},height:{name:"Height",units:["px"],displayOptions:["small","medium","large","full-height"],sizeConfig:{small:"24px",medium:"32px",large:"40px",full:"100%"}},padding:{paddingConfig:{small:{vertical:"2px",horizontal:"2px"},medium:{vertical:"4px",horizontal:"4px"},large:{vertical:"8px",horizontal:"8px"}}}},sizePaddingInput:"small"},{id:"arrowBackgroundColor",label:"Background Color",type:"color-picker-v2",default:"transparent",compoDefaultValue:"bg-2"},{id:"arrowBorder",type:"border-v2",label:"Border",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!0}}},compoDefaultValue:{desktop:{default:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}}},{id:"arrowShadow",type:"shadow-v2",devices:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"roundedArrow",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}}}},{id:"arrowGapToEachSide",label:"Gap to each side",type:"input:slider",min:0,max:120,ignoreMax:!0,default:"16"},{id:"showWhenHover",label:"Only show when hover",type:"toggle",default:!1},{id:"rtl",label:"Direction",type:"option:value",options:[{value:!1,iconName:"polaris-arrow-left",label:"Right to left"},{value:!0,label:"Left to right",iconName:"polaris-arrow-right"}],default:!1},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"autoplayTimeout",label:"Time out",type:"input:slider",min:1,max:4,step:.1,default:2,units:["s"],isNumber:!0,showDefaultUnit:!0,ignoreMax:!0},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",default:!0,hide:!0},{id:"runPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"enableDrag",label:"Drag to scroll",type:"toggle",devices:{desktop:{default:!0}}},{id:"loop",label:"Infinity loop",type:"toggle",devices:{desktop:{default:!
|
|
3
|
+
`},{id:"arrowCustomColor",label:"Icon color",type:"color-picker-v2",default:"#121212",compoDefaultValue:"#121212"},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowButtonSize",type:"size-setting",label:"",devices:{desktop:{default:{shapeValue:"1/1",shapeLinked:!0,width:void 0,height:void 0,padding:{linked:!0,type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},lockShapeValue:!0,hiddenShowMore:!0,hiddenSettings:["gap","proportion","padding"],settingConfig:{width:{name:"Width",units:["px"],displayOptions:["small","medium","large"],sizeConfig:{small:"24px",medium:"32px",large:"40px"}},height:{name:"Height",units:["px"],displayOptions:["small","medium","large","full-height"],sizeConfig:{small:"24px",medium:"32px",large:"40px",full:"100%"}},padding:{paddingConfig:{small:{vertical:"2px",horizontal:"2px"},medium:{vertical:"4px",horizontal:"4px"},large:{vertical:"8px",horizontal:"8px"}}}},sizePaddingInput:"small"},{id:"arrowBackgroundColor",label:"Background Color",type:"color-picker-v2",default:"transparent",compoDefaultValue:"bg-2"},{id:"arrowBorder",type:"border-v2",label:"Border",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!0}}},compoDefaultValue:{desktop:{default:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}}},{id:"arrowShadow",type:"shadow-v2",devices:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"roundedArrow",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}}}},{id:"arrowGapToEachSide",label:"Gap to each side",type:"input:slider",min:0,max:120,ignoreMax:!0,default:"16"},{id:"showWhenHover",label:"Only show when hover",type:"toggle",default:!1},{id:"rtl",label:"Direction",type:"option:value",options:[{value:!1,iconName:"polaris-arrow-left",label:"Right to left"},{value:!0,label:"Left to right",iconName:"polaris-arrow-right"}],default:!1},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"autoplayTimeout",label:"Time out",type:"input:slider",min:1,max:4,step:.1,default:2,units:["s"],isNumber:!0,showDefaultUnit:!0,ignoreMax:!0},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",default:!0,hide:!0},{id:"runPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"enableDrag",label:"Drag to scroll",type:"toggle",devices:{desktop:{default:!0}}},{id:"loop",label:"Infinity loop",type:"toggle",devices:{desktop:{default:!1}}},{id:"animationMode",label:"Animation",type:"select",default:e.EASE_IN.value,options:[{label:"Ease in",value:e.EASE_IN.value},{label:"Ease out",value:e.EASE_OUT.value},{label:"Ease in & out",value:e.EASE_IN_OUT.value}]},{id:"background",type:"background-media-combo",devices:{desktop:{default:{type:"color",color:void 0,image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"label",label:"Option Label",type:"toggle",default:!0}],CarouselSettingsV2Style=[{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:"#DDDDDD"}},enableGradient:!0},{id:"backgroundImage",type:"background-image",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0},repeat:"no-repeat",size:"cover",position:{x:50,y:50},attachment:"scroll",preload:!1}}}},{id:"playSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"default",height:"auto"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"300px",medium:"500px",large:"700px"}}},hiddenSettings:["padding","gap","shape"]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",isCustom:!0},compoDefaultValue:{width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",border:"solid"}},{id:"roundedContent",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"carouselShadow",type:"shadow-v2",label:"Button Shadow",default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"spacing",label:"Items spacing",type:"input:slider",fallbackValue:"0",min:0,max:80,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0}],CarouselSettingsV2=[{id:"setting",controls:CarouselSettingsV2Setting},{id:"style",controls:CarouselSettingsV2Style}];export{CarouselSettingsV2,CarouselSettingsV2Setting,CarouselSettingsV2Style};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ImageListNavigation as e}from"./ui/ImageListNavigation.js";import{FeatureNavigation as i}from"./ui/FeatureNavigation.js";import{FeatureDots as t}from"./ui/FeatureDots.js";let showGallerySliderSetting='((type == "slider" || position == "left" || position == "right") && position !== "one-col" && position != "two-col")',showFeaturedImage='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',showGalleryHoverAction='(position == "one-col" || position == "two-col")',showImageListSetting='(position !== "only-feature")',SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:{en:"Featured image"},conditionDisplay:showFeaturedImage,controls:[{setting:{id:"ftShape"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:{en:"Image scale"},setting:{id:"ftLayout"}},{...t,conditionDisplay:`${showFeaturedImage} && position === "only-feature"`},{...i,conditionDisplay:`${showFeaturedImage}`}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"ftCorner"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:showFeaturedImage,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"hoverEffect"}},{label:{en:"Zoom type"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:{en:"Zoom value"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:{en:"Other image"},conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:{en:"Click action"},iconName:"gp-trigger-action-click",conditionDisplay:showFeaturedImage,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:{en:"After click"},setting:{id:"ftClickOpenLightBox"}},{label:{en:"Open new tab"},setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:{en:"Slide speed"},setting:{id:"ftAnimationSpeed"}},{type:"control",label:{en:"Animation"},setting:{id:"ftAnimationMode"}},{label:{en:"Drag / swipe"},setting:{id:"ftDragToScroll"}},{label:{en:"Infinity loop"},setting:{id:"ftLoop"}}]}},{label:{en:"Image list"},conditionDisplay:'(position !== "only-feature")',controls:[{label:{en:"Display"},conditionDisplay:'position === "bottom-center" || position === "bottom-left" || position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},layout:"vertical",conditionDisplay:'position == "one-col"'},{label:{en:"Image gap"},setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') || (position == 'two-col' && shapeFor2Col.shape !== 'original') || (position == 'only-feature' && shapeForFtOnly.shape !== 'original') || ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') || ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') || ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') || ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:{en:"Image scale"},setting:{id:"layout"}},{...e,conditionDisplay:showGallerySliderSetting}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"corner"}},{label:{en:"Active border"},conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:'(position == "one-col" || position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:{en:"Zoom type"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:{en:"Zoom value"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:{en:"Other image"},conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:{en:"Click action"},setting:{id:"clickOpenLightBox"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Drag / swipe"},setting:{id:"dragToScroll"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Infinity loop"},setting:{id:"loop"}}]}},{label:{en:"Item spacing"},conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Display condition"},conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',
|
|
1
|
+
import{ImageListNavigation as e}from"./ui/ImageListNavigation.js";import{FeatureNavigation as i}from"./ui/FeatureNavigation.js";import{FeatureDots as t}from"./ui/FeatureDots.js";let showGallerySliderSetting='((type == "slider" || position == "left" || position == "right") && position !== "one-col" && position != "two-col")',showFeaturedImage='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',showGalleryHoverAction='(position == "one-col" || position == "two-col")',showImageListSetting='(position !== "only-feature")',SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:{en:"Featured image"},conditionDisplay:showFeaturedImage,controls:[{setting:{id:"ftShape"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:{en:"Image scale"},setting:{id:"ftLayout"}},{...t,conditionDisplay:`${showFeaturedImage} && position === "only-feature"`},{...i,conditionDisplay:`${showFeaturedImage}`}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"ftCorner"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:showFeaturedImage,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"hoverEffect"}},{label:{en:"Zoom type"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:{en:"Zoom value"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:{en:"Other image"},conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:{en:"Click action"},iconName:"gp-trigger-action-click",conditionDisplay:showFeaturedImage,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:{en:"After click"},setting:{id:"ftClickOpenLightBox"}},{label:{en:"Open new tab"},setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:{en:"Slide speed"},setting:{id:"ftAnimationSpeed"}},{type:"control",label:{en:"Animation"},setting:{id:"ftAnimationMode"}},{label:{en:"Drag / swipe"},setting:{id:"ftDragToScroll"}},{label:{en:"Infinity loop"},setting:{id:"ftLoop"}}]}},{label:{en:"Image list"},conditionDisplay:'(position !== "only-feature")',controls:[{label:{en:"Display"},conditionDisplay:'position === "bottom-center" || position === "bottom-left" || position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},layout:"vertical",conditionDisplay:'position == "one-col"'},{label:{en:"Image gap"},setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') || (position == 'two-col' && shapeFor2Col.shape !== 'original') || (position == 'only-feature' && shapeForFtOnly.shape !== 'original') || ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') || ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') || ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') || ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:{en:"Image scale"},setting:{id:"layout"}},{...e,conditionDisplay:showGallerySliderSetting}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"corner"}},{label:{en:"Active border"},conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:'(position == "one-col" || position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:{en:"Zoom type"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:{en:"Zoom value"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:{en:"Other image"},conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:{en:"Click action"},setting:{id:"clickOpenLightBox"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Drag / swipe"},setting:{id:"dragToScroll"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Infinity loop"},setting:{id:"loop"}}]}},{label:{en:"Item spacing"},conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Display condition"},controls:[{conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',label:{en:"Default item"},setting:{id:"preDisplay"}},{label:{en:"Image list"},setting:{id:"filterByVariant"}}],messageConfig:{type:"info",message:'Image list can display based on the selected variants. <a class="text-white" target="_blank" href="https://help.gempages.net/articles/filter-product-image-by-selected-variant?utm_source=gempages&utm_medium=in-app&utm_campaign=product-image-element">How to setup</a>'}},{label:{en:"Optimize LCP"},controls:[{label:{en:"Preload"},conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:{en:"Quality"},setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:{en:"Quality"},conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary"}}]}];export{SettingUIV2};
|