@gem-sdk/components 4.0.0-staging.1200 → 4.0.0-staging.1202
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/product/components/product-images-v2/common/attrs.js +1 -1
- package/dist/cjs/product/components/product-images-v2/components/gallery-carousel/GalleryCarousel.liquid.js +5 -5
- package/dist/cjs/product/settings/product-image-v2/configs/setting-v2/ProductFeatureImage.js +1 -1
- package/dist/cjs/product/settings/product-image-v2/configs/setting-v2/ProductGalleryImage.js +2 -3
- package/dist/cjs/product/settings/product-image-v2/configs/ui/FeatureNavigation.js +1 -1
- package/dist/cjs/product/settings/product-image-v2/configs/ui/ImageListNavigation.js +1 -1
- package/dist/esm/product/components/product-images-v2/common/attrs.js +1 -1
- package/dist/esm/product/components/product-images-v2/components/gallery-carousel/GalleryCarousel.liquid.js +13 -13
- package/dist/esm/product/settings/product-image-v2/configs/setting-v2/ProductFeatureImage.js +1 -1
- package/dist/esm/product/settings/product-image-v2/configs/setting-v2/ProductGalleryImage.js +2 -3
- package/dist/esm/product/settings/product-image-v2/configs/ui/FeatureNavigation.js +1 -1
- package/dist/esm/product/settings/product-image-v2/configs/ui/ImageListNavigation.js +1 -1
- package/dist/types/index.d.ts +2 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),productGallery=require("./productGallery.js"),productFeaturedImage=require("./productFeaturedImage.js");const DEVICES=["desktop","mobile","tablet"],getGalleryCarouselSettingAttr=o=>{let t={desktop:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"mobile")},e=DEVICES.reduce((t,e)=>(o.navigationPosition?.[e]&&(t[e]="none"!==o.navigationPosition[e]),t),{});return{...o?.loop&&{loop:o.loop},itemNumber:{desktop:"auto",tablet:"auto",mobile:"auto"},dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:productGallery.getDotStyleConfig(),controlOverContent:t,...o?.dragToScroll&&{enableDrag:{desktop:o.dragToScroll,tablet:o.dragToScroll,mobile:o.dragToScroll}},vertical:productGallery.getCarouselVerticalConfigByPosition(o.position),...o?.arrowIcon&&{arrowCustom:o.arrowIcon},arrowIconSize:o.arrowIconSize||{desktop:24},...o?.arrowIconColor&&{arrowCustomColor:o.arrowIconColor},...o?.arrowNavColor&&{arrowBackgroundColor:o.arrowNavColor},...o?.arrowNavBorder&&{arrowBorder:{desktop:o.arrowNavBorder}},...o?.arrowNavRadius&&{roundedArrow:{desktop:o.arrowNavRadius}},...o?.arrowNavShadow&&{arrowShadow:{desktop:o.arrowNavShadow}},arrowGapToEachSide:"16",navigationStyle:o.navigationPosition,navigationEnable:e,arrowButtonSize:{desktop:{width:
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),productGallery=require("./productGallery.js"),productFeaturedImage=require("./productFeaturedImage.js");const DEVICES=["desktop","mobile","tablet"],getGalleryCarouselSettingAttr=o=>{let t={desktop:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"mobile")},e=DEVICES.reduce((t,e)=>(o.navigationPosition?.[e]&&(t[e]="none"!==o.navigationPosition[e]),t),{});return{...o?.loop&&{loop:o.loop},itemNumber:{desktop:"auto",tablet:"auto",mobile:"auto"},dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:productGallery.getDotStyleConfig(),controlOverContent:t,...o?.dragToScroll&&{enableDrag:{desktop:o.dragToScroll,tablet:o.dragToScroll,mobile:o.dragToScroll}},vertical:productGallery.getCarouselVerticalConfigByPosition(o.position),...o?.arrowIcon&&{arrowCustom:o.arrowIcon},arrowIconSize:o.arrowIconSize||{desktop:24},...o?.arrowIconColor&&{arrowCustomColor:o.arrowIconColor},...o?.arrowNavColor&&{arrowBackgroundColor:o.arrowNavColor},...o?.arrowNavBorder&&{arrowBorder:{desktop:o.arrowNavBorder}},...o?.arrowNavRadius&&{roundedArrow:{desktop:o.arrowNavRadius}},...o?.arrowNavShadow&&{arrowShadow:{desktop:o.arrowNavShadow}},arrowGapToEachSide:"16",navigationStyle:o.navigationPosition,navigationEnable:e,arrowButtonSize:{desktop:{width:o.arrowNavSize?.width,height:o.arrowNavSize?.height,padding:o.arrowNavSize?.padding}},animationMode:o?.ftAnimationMode,enableAction:{desktop:!0}}},getFeaturedCarouselSettingAttr=o=>{let t={desktop:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"mobile")},e=DEVICES.reduce((t,e)=>(o.ftNavigationPosition?.[e]&&(t[e]="none"!==o.ftNavigationPosition[e]),t),{});return{...o?.ftLoop&&{loop:o.ftLoop},itemNumber:{desktop:1},dot:productGallery.getAllowDotConfig(),dotStyle:productFeaturedImage.getDotStyleForOnlyFeaturedImage({position:o.position,dotStyle:o.ftDotStyle}),dotSize:o.ftDotSize??{desktop:12},dotGapToCarousel:o.ftDotGapToCarousel??{desktop:16},dotColor:o.ftDotColor??{desktop:"bg-1"},dotActiveColor:o.ftDotActiveColor??{desktop:"line-3"},controlOverContent:t,...o?.ftDragToScroll&&{enableDrag:{desktop:o.ftDragToScroll,tablet:o.ftDragToScroll,mobile:o.ftDragToScroll}},...o?.ftArrowIcon&&{arrowCustom:o.ftArrowIcon},arrowIconSize:o.ftArrowIconSize||{desktop:24},...o?.ftArrowIconColor&&{arrowCustomColor:o.ftArrowIconColor},...o?.ftArrowNavColor&&{arrowBackgroundColor:o.ftArrowNavColor},...o?.ftArrowNavBorder&&{arrowBorder:{desktop:o.ftArrowNavBorder}},...o?.ftArrowNavRadius&&{roundedArrow:{desktop:o.ftArrowNavRadius}},...o?.ftArrowNavShadow&&{arrowShadow:{desktop:o.ftArrowNavShadow}},sneakPeakType:{desktop:"center"},arrowGapToEachSide:"16",animationMode:o?.ftAnimationMode,...o?.ftNavigationPosition&&{navigationStyle:o.ftNavigationPosition},navigationEnable:e,arrowButtonSize:{desktop:{width:o.ftArrowNavSize?.width,height:o.ftArrowNavSize?.height,padding:o.ftArrowNavSize?.padding}},enableAction:{desktop:!0}}};exports.getFeaturedCarouselSettingAttr=getFeaturedCarouselSettingAttr,exports.getGalleryCarouselSettingAttr=getGalleryCarouselSettingAttr;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),NextImage_liquid=require("../../../../../image/components/NextImage.liquid.js"),common=require("../../common/common.js"),productGallery=require("../../common/productGallery.js"),_function=require("../../../../helpers/function.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),getProductImagesAttr=require("../../composables/getProductImagesAttr.js"),system=require("@gem-sdk/system"),Carousel_liquid=require("../../../../../carousel/components/root/Carousel.liquid.js"),CarouselItem_liquid=require("../../../../../carousel/components/item/CarouselItem.liquid.js");const ProductGalleryCarousel=({builderPropUID:e,children:t,enableLazyLoadImage:i,...o})=>{let{featuredImageGalleryClasses:s,galleryItemClasses:r}=getProductImagesClassName.getProductImagesClassName(o),{galleryCarouselSettingAttrs:a}=getProductImagesAttr.getProductImagesAttr(o),{galleryCarouselStyle:l,galleryCarouselItemStyle:d}=getProductImagesStyles.getProductImagesStyles(o),p=()=>{let e=(e,t,i)=>{let o=core.getResponsiveValueByScreen(t,i),s=core.getResponsiveValueByScreen(e,i),r="slider"===s&&("bottom-center"===o||"inside-bottom"===o),a=["left","right","inside-left","inside-right"].includes(o??"");return a||r},t=productGallery.checkDisplayGalleryByWidth({shapeByLayout:g}),i={desktop:t.desktop&&e(o.type,o.position,"desktop"),tablet:t.tablet&&e(o.type,o.position,"tablet"),mobile:t.mobile&&e(o.type,o.position,"mobile")};return common.getDisplayStyle(e=>!i[e],"flex")},g=productGallery.getShapeByLayout({shape:o.shape,shapeForBottom:o.shapeForBottom,shapeFor1Col:o.shapeFor1Col,shapeFor2Col:o.shapeFor2Col,shapeForFtOnly:o.shapeForFtOnly,shapeForInsideBottom:o.shapeForInsideBottom,shapeForInside:o.shapeForInside},o.position),m=(e,t)=>core.template`${NextImage_liquid.default({srcIsLiquidCode:!0,src:`${common.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:e,baseSrc:"{{media.preview_image | image_url}}",style:t,className:"!gp-rounded-none gp-w-full gp-h-full gp-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),NextImage_liquid=require("../../../../../image/components/NextImage.liquid.js"),common=require("../../common/common.js"),productGallery=require("../../common/productGallery.js"),_function=require("../../../../helpers/function.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),getProductImagesAttr=require("../../composables/getProductImagesAttr.js"),system=require("@gem-sdk/system"),Carousel_liquid=require("../../../../../carousel/components/root/Carousel.liquid.js"),CarouselItem_liquid=require("../../../../../carousel/components/item/CarouselItem.liquid.js");const ProductGalleryCarousel=({builderPropUID:e,children:t,enableLazyLoadImage:i,...o})=>{let{featuredImageGalleryClasses:s,galleryItemClasses:r}=getProductImagesClassName.getProductImagesClassName(o),{galleryCarouselSettingAttrs:a}=getProductImagesAttr.getProductImagesAttr(o),{galleryCarouselStyle:l,galleryCarouselItemStyle:d}=getProductImagesStyles.getProductImagesStyles(o),p=()=>{let e=(e,t,i)=>{let o=core.getResponsiveValueByScreen(t,i),s=core.getResponsiveValueByScreen(e,i),r="slider"===s&&("bottom-center"===o||"inside-bottom"===o),a=["left","right","inside-left","inside-right"].includes(o??"");return a||r},t=productGallery.checkDisplayGalleryByWidth({shapeByLayout:g}),i={desktop:t.desktop&&e(o.type,o.position,"desktop"),tablet:t.tablet&&e(o.type,o.position,"tablet"),mobile:t.mobile&&e(o.type,o.position,"mobile")};return common.getDisplayStyle(e=>!i[e],"flex")},g=productGallery.getShapeByLayout({shape:o.shape,shapeForBottom:o.shapeForBottom,shapeFor1Col:o.shapeFor1Col,shapeFor2Col:o.shapeFor2Col,shapeForFtOnly:o.shapeForFtOnly,shapeForInsideBottom:o.shapeForInsideBottom,shapeForInside:o.shapeForInside},o.position),m=(e,t)=>core.template`${NextImage_liquid.default({srcIsLiquidCode:!0,src:`${common.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:e,baseSrc:"{{media.preview_image | image_url}}",style:t,className:"!gp-rounded-none gp-w-full gp-h-full gp-top-0 gp-left-0 gp-cursor-pointer",enableLazyLoadImage:i})}`,u=t=>`
|
|
2
2
|
${system.LiquidIf("media.media_type == 'video'","{% assign mediaSourceUrl = media.sources.last.url %}")}
|
|
3
3
|
${system.LiquidIf("media.media_type == 'external_video'","{% assign mediaSourceUrl = media | external_video_url %}")}
|
|
4
4
|
${system.LiquidIf("media.media_type == 'image'","{% assign mediaSourceUrl = media.src %}")}
|
|
5
5
|
${CarouselItem_liquid.default({id:"{{imageID}}",contentType:"productImage",className:`${r(`gp-gallery-image-item ${t}`)}`,parentId:`${e}-{{product.id}}`,builderAttrs:{"data-outline":t?"active":"deactive"},style:d,children:`
|
|
6
6
|
<div class="gp-w-full gp-relative gp-h-full"
|
|
7
|
-
|
|
7
|
+
|
|
8
8
|
>
|
|
9
9
|
${m({aspectRatio:common.getAspectRatio(g),layout:o?.layout,qualityPercent:o?.qualityPercent,qualityType:o?.qualityType},{width:"100%",height:"100%",cursor:"pointer"})}
|
|
10
10
|
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
</svg>
|
|
41
41
|
</div>
|
|
42
42
|
</div>
|
|
43
|
-
`})}`,
|
|
44
|
-
${system.LiquidIf("media.id == product.featured_media.id ",
|
|
45
|
-
${Carousel_liquid.default({builderProps:{uid:e},rootId:`${e}-{{product.id}}`,rootClass:`${s}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}"},wrapperClass:
|
|
43
|
+
`})}`,c=()=>{let e=productGallery.getCarouselVerticalConfigByPosition(o.position),t=[e.desktop?"gp-px-0":"gp-py-0",e.tablet?"tablet:gp-px-0":"tablet:gp-py-0",e.mobile?"mobile:gp-px-0":"mobile:gp-py-0"];return` ${t.join(" ")}`},n=system.LiquidIf("product.media.size > 1",system.LiquidFor("media in product.media",`${system.LiquidIf("media.media_type == 'image'",system.LiquidFor("image in product.images",system.LiquidIf("image.src == media.src","{% assign imageID = image.id %}{% break %}")),"{% assign imageID = '' %}")}
|
|
44
|
+
${system.LiquidIf("media.id == product.featured_media.id ",u(o?.borderActive?.border!=="none"?"active":""),u())}`));return core.template`
|
|
45
|
+
${Carousel_liquid.default({builderProps:{uid:e},rootId:`${e}-{{product.id}}`,rootClass:`${s}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}"},wrapperClass:c(),slidesClass:productGallery.getMinHeightByPosition(o.position,o.navigationPosition),isHiddenArrowWhenDisabled:!0,setting:a,rootStyles:{...p()},styles:l,disableMarginAuto:!0,children:n})}
|
|
46
46
|
`};exports.default=ProductGalleryCarousel;
|
package/dist/cjs/product/settings/product-image-v2/configs/setting-v2/ProductFeatureImage.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use strict";var animation=require("../../../../../carousel/plugins/animation.js");const getDefaultResponsive=e=>({desktop:{default:e}}),productFeatureImageSetting=[{id:"hoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"Zoom",value:"zoom"},{title:"Show other image",value:"other"}],default:"none"},{id:"zoomType",type:"option:value",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{label:"Default",value:"default"},{label:"Glasses",value:"glasses"}]},{id:"zoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],showDefaultUnit:!0,useOnlyUnitInit:!0,isNumber:!0},{id:"otherImage",label:"Other image",type:"dropdown:input",isNumber:!0,isIndexValue:!0,displayOptions:[{label:"Image 1",value:1},{label:"Image 2",value:2},{label:"Image 3",value:3},{label:"Image 4",value:4},{label:"Last image",value:"Last image"}],default:0},{id:"ftClickOpenLightBox",label:"Click Effect",type:"select",options:[{title:"Open gallery",value:"popup"},{title:"Open product",value:"product-link"}],devices:getDefaultResponsive("none")},{id:"ftClickOpenNewTab",type:"option:value",options:[{label:"Yes",value:!0},{label:"No",value:!1}],default:!1},{id:"ftNavigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{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:getDefaultResponsive("none")},{id:"ftLoop",type:"toggle",devices:getDefaultResponsive(!0)},{id:"ftPauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"ftAnimationSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"ftAnimationMode",label:"Animation",type:"select",default:animation.CAROUSEL_ANIMATION.EASE_OUT.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:"ftArrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",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
|
-
<path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" 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" /></svg>`},{id:"ftArrowIconColor",label:"Icon color",type:"color-picker-v2",default:"#121212"},{id:"ftArrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"ftArrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"
|
|
2
|
+
<path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" 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" /></svg>`},{id:"ftArrowIconColor",label:"Icon color",type:"color-picker-v2",default:"#121212"},{id:"ftArrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"ftArrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"brand"},{id:"ftArrowNavSize",type:"size-setting",settingConfig:{width:{name:"Width",units:["px"],displayOptions:["auto"]},height:{name:"Height",units:["px"],displayOptions:["auto"]}},default:{width:"Auto",height:"Auto",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"},shapeLinked:!0,shape:"square",shapeValue:"1/1"},hiddenSettings:["gap","padding","proportion"]},{id:"ftArrowNavBorder",label:"Nav. border",type:"border",compoDefaultValue:{color:"line-3",borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"ftArrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"ftArrowNavShadow",type:"shadow-v2"},{id:"ftDotStyle",label:"Dot style",type:"option:illustration",enableTooltip:!0,options:[{label:"None",value:"none",type:"carousel-dot",hide:!0},{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:"none"}}},{id:"ftDotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:80,isNumber:!0,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"ftDotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"#121212"}}},{id:"ftDotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"#FFFFFF"}}}],productSelectDisplaySetting=[{id:"typeDisplay",type:"select",options:[{title:"All images",value:"all-images"},{title:"Select manually",value:"select-manual"}],default:"all-images"},{id:"preDisplay",type:"select",label:"Pre-display",default:"1st-available-variant",options:[{title:"1st available variant",value:"1st-available-variant"},{title:"1st image",value:"1st-images"},{title:"1st video",value:"1st-video"},{title:"1st 3D model",value:"1st-3d-mode"}]}],productFeatureImageStyle=[{id:"ftShape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"ftLayout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:getDefaultResponsive("cover")},{id:"ftCorner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];exports.productFeatureImageSetting=productFeatureImageSetting,exports.productFeatureImageStyle=productFeatureImageStyle,exports.productSelectDisplaySetting=productSelectDisplaySetting;
|
package/dist/cjs/product/settings/product-image-v2/configs/setting-v2/ProductGalleryImage.js
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
"use strict";const getDefaultResponsive=e=>({desktop:{default:e}}),productGalleryImageSetting=[{id:"type",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"images"}],devices:getDefaultResponsive("slider")},{id:"galleryHoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"None",value:"none"},{title:"Zoom",value:"zoom"}],default:"none"},{id:"galleryZoomType",type:"select",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{title:"Default",value:"default"},{title:"Glasses",value:"glasses"}]},{id:"galleryZoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],useOnlyUnitInit:!0,isNumber:!0},{id:"clickOpenLightBox",label:"Large view in pop-up",type:"select",options:[{label:"View in featured",value:!1},{label:"Open Gallery",value:!0}],devices:getDefaultResponsive(!1)},{id:"borderActive",label:"Active border",type:"border",default:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"},compoDefaultValue:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"navigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{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:getDefaultResponsive("inside")},{id:"loop",type:"toggle",devices:getDefaultResponsive(!0)},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"speed",type:"input:slider",label:"Speed (s)",hide:!0,min:0,max:60,step:1,default:1},{id:"arrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",default:`<svg
|
|
2
|
-
|
|
3
|
-
</svg>`},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowIconColor",label:"Icon color",type:"color-picker-v2",default:"#000000"},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"arrowNavColor",label:"Nav. color",type:"color-picker-v2"},{id:"arrowNavBorder",label:"Nav. border",type:"border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"arrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},{id:"arrowNavShadow",type:"shadow-v2",default:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}],productGalleryImageStyle=[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForFtOnly",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInsideBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInside",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor2Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"50%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor1Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"layout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:getDefaultResponsive("cover")},{id:"itemSpacing",label:"Gallery Item Spacing",type:"input:slider",units:["px"],devices:{desktop:{default:"8px"}}},{id:"corner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];exports.productGalleryImageSetting=productGalleryImageSetting,exports.productGalleryImageStyle=productGalleryImageStyle;
|
|
1
|
+
"use strict";const getDefaultResponsive=e=>({desktop:{default:e}}),productGalleryImageSetting=[{id:"type",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"images"}],devices:getDefaultResponsive("slider")},{id:"galleryHoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"None",value:"none"},{title:"Zoom",value:"zoom"}],default:"none"},{id:"galleryZoomType",type:"select",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{title:"Default",value:"default"},{title:"Glasses",value:"glasses"}]},{id:"galleryZoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],useOnlyUnitInit:!0,isNumber:!0},{id:"clickOpenLightBox",label:"Large view in pop-up",type:"select",options:[{label:"View in featured",value:!1},{label:"Open Gallery",value:!0}],devices:getDefaultResponsive(!1)},{id:"borderActive",label:"Active border",type:"border",default:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"},compoDefaultValue:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"navigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{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:getDefaultResponsive("inside")},{id:"loop",type:"toggle",devices:getDefaultResponsive(!0)},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"speed",type:"input:slider",label:"Speed (s)",hide:!0,min:0,max:60,step:1,default:1},{id:"arrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",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
|
+
<path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" 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" /></svg>`},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowIconColor",label:"Icon color",type:"color-picker-v2",default:"#000000"},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"arrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"brand"},{id:"arrowNavSize",type:"size-setting",settingConfig:{width:{name:"Width",units:["px"],displayOptions:["auto"]},height:{name:"Height",units:["px"],displayOptions:["auto"]}},default:{width:"Auto",height:"Auto",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"},shapeLinked:!0,shape:"square",shapeValue:"1/1"},hiddenSettings:["gap","padding","proportion"]},{id:"arrowNavBorder",label:"Nav. border",type:"border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"arrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"arrowNavShadow",type:"shadow-v2",default:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}],productGalleryImageStyle=[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForFtOnly",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInsideBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInside",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor2Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"50%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor1Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"layout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:getDefaultResponsive("cover")},{id:"itemSpacing",label:"Gallery Item Spacing",type:"input:slider",units:["px"],devices:{desktop:{default:"8px"}}},{id:"corner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];exports.productGalleryImageSetting=productGalleryImageSetting,exports.productGalleryImageStyle=productGalleryImageStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const FeatureNavigation={type:"combo",getValueFromSettingID:"ftNavigationPosition",getIconFromSettingID:"ftArrowIcon",defaultValueWhenClear:"none",compoDefaultValue:"inside",label:{en:"Navigation"},controls:[{type:"group",label:{en:"Layout"},controls:[{label:{en:"Choose"},setting:{id:"ftNavigationPosition"}}]},{type:"group",label:{en:"Icon"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{label:{en:"Choose"},setting:{id:"ftArrowIcon"},options:{clearButton:!1}},{label:{en:"Size"},setting:{id:"ftArrowIconSize"}},{label:{en:"Color"},setting:{id:"ftArrowIconColor"}}]},{type:"group",label:{en:"Button"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{label:{en:"Background"},setting:{id:"ftArrowNavColor"}}]},{type:"group",label:{en:"Shape"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{label:{en:"Border"},setting:{id:"ftArrowNavBorder"}},{label:{en:"Corner"},setting:{id:"ftArrowNavRadius"}},{label:{en:"Shadow"},setting:{id:"ftArrowNavShadow"}}]}]};exports.FeatureNavigation=FeatureNavigation;
|
|
1
|
+
"use strict";const FeatureNavigation={type:"combo",getValueFromSettingID:"ftNavigationPosition",getIconFromSettingID:"ftArrowIcon",defaultValueWhenClear:"none",compoDefaultValue:"inside",label:{en:"Navigation"},controls:[{type:"group",label:{en:"Layout"},controls:[{label:{en:"Choose"},setting:{id:"ftNavigationPosition"}}]},{type:"group",label:{en:"Icon"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{label:{en:"Choose"},setting:{id:"ftArrowIcon"},options:{clearButton:!1}},{label:{en:"Size"},setting:{id:"ftArrowIconSize"}},{label:{en:"Color"},setting:{id:"ftArrowIconColor"}}]},{type:"group",label:{en:"Button"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{setting:{id:"ftArrowNavSize"},layout:"vertical"}],moreSettings:{type:"collapse",controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"ftArrowNavSize",field:"padding"},compoDefaultValue:{top:"12px",bottom:"12px",left:"12px",right:"12px"}}},{label:{en:"Background"},setting:{id:"ftArrowNavColor"}}]}},{type:"group",label:{en:"Shape"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{label:{en:"Border"},setting:{id:"ftArrowNavBorder"}},{label:{en:"Corner"},setting:{id:"ftArrowNavRadius"}},{label:{en:"Shadow"},setting:{id:"ftArrowNavShadow"}}]}]};exports.FeatureNavigation=FeatureNavigation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const ImageListNavigation={type:"combo",iconName:"polaris-edit",getValueFromSettingID:"navigationPosition",getIconFromSettingID:"arrowIcon",defaultValueWhenClear:"none",compoDefaultValue:"outside",label:{en:"Navigation"},popoverLabel:{en:"Navigation"},controls:[{type:"group",label:{en:"Layout"},controls:[{label:{en:"Choose"},setting:{id:"navigationPosition"}}]},{type:"group",label:{en:"Icon"},conditionDisplay:'navigationPosition !== "none"',controls:[{label:{en:"Choose"},setting:{id:"arrowIcon"}},{label:{en:"Size"},setting:{id:"arrowIconSize"}},{label:{en:"Color"},setting:{id:"arrowIconColor"}}]},{type:"group",label:{en:"Button"},conditionDisplay:'navigationPosition !== "none"',controls:[{label:{en:"Background"},setting:{id:"arrowNavColor"}}]},{type:"group",label:{en:"Shape"},conditionDisplay:'navigationPosition !== "none"',controls:[{label:{en:"Border"},setting:{id:"arrowNavBorder"}},{label:{en:"Corner"},setting:{id:"arrowNavRadius"}},{label:{en:"Shadow"},setting:{id:"arrowNavShadow"}}]}]};exports.ImageListNavigation=ImageListNavigation;
|
|
1
|
+
"use strict";const ImageListNavigation={type:"combo",iconName:"polaris-edit",getValueFromSettingID:"navigationPosition",getIconFromSettingID:"arrowIcon",defaultValueWhenClear:"none",compoDefaultValue:"outside",label:{en:"Navigation"},popoverLabel:{en:"Navigation"},controls:[{type:"group",label:{en:"Layout"},controls:[{label:{en:"Choose"},setting:{id:"navigationPosition"}}]},{type:"group",label:{en:"Icon"},conditionDisplay:'navigationPosition !== "none"',controls:[{label:{en:"Choose"},setting:{id:"arrowIcon"}},{label:{en:"Size"},setting:{id:"arrowIconSize"}},{label:{en:"Color"},setting:{id:"arrowIconColor"}}]},{type:"group",label:{en:"Button"},conditionDisplay:'navigationPosition !== "none"',controls:[{setting:{id:"arrowNavSize"},layout:"vertical"}],moreSettings:{type:"collapse",controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"arrowNavSize",field:"padding"},compoDefaultValue:{top:"12px",bottom:"12px",left:"12px",right:"12px"}}},{label:{en:"Background"},setting:{id:"arrowNavColor"}}]}},{type:"group",label:{en:"Shape"},conditionDisplay:'navigationPosition !== "none"',controls:[{label:{en:"Border"},setting:{id:"arrowNavBorder"}},{label:{en:"Corner"},setting:{id:"arrowNavRadius"}},{label:{en:"Shadow"},setting:{id:"arrowNavShadow"}}]}]};exports.ImageListNavigation=ImageListNavigation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getResponsiveValueByScreen as o}from"@gem-sdk/core";import{getDotStyleConfig as t,getCarouselVerticalConfigByPosition as r,getAllowDotConfig as a}from"./productGallery.js";import{getDotStyleForOnlyFeaturedImage as e}from"./productFeaturedImage.js";let DEVICES=["desktop","mobile","tablet"],getGalleryCarouselSettingAttr=a=>{let e={desktop:"inside"===o(a.navigationPosition,"desktop"),tablet:"inside"===o(a.navigationPosition,"tablet"),mobile:"inside"===o(a.navigationPosition,"mobile")},i=DEVICES.reduce((o,t)=>(a.navigationPosition?.[t]&&(o[t]="none"!==a.navigationPosition[t]),o),{});return{...a?.loop&&{loop:a.loop},itemNumber:{desktop:"auto",tablet:"auto",mobile:"auto"},dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:t(),controlOverContent:e,...a?.dragToScroll&&{enableDrag:{desktop:a.dragToScroll,tablet:a.dragToScroll,mobile:a.dragToScroll}},vertical:r(a.position),...a?.arrowIcon&&{arrowCustom:a.arrowIcon},arrowIconSize:a.arrowIconSize||{desktop:24},...a?.arrowIconColor&&{arrowCustomColor:a.arrowIconColor},...a?.arrowNavColor&&{arrowBackgroundColor:a.arrowNavColor},...a?.arrowNavBorder&&{arrowBorder:{desktop:a.arrowNavBorder}},...a?.arrowNavRadius&&{roundedArrow:{desktop:a.arrowNavRadius}},...a?.arrowNavShadow&&{arrowShadow:{desktop:a.arrowNavShadow}},arrowGapToEachSide:"16",navigationStyle:a.navigationPosition,navigationEnable:i,arrowButtonSize:{desktop:{width:
|
|
1
|
+
import{getResponsiveValueByScreen as o}from"@gem-sdk/core";import{getDotStyleConfig as t,getCarouselVerticalConfigByPosition as r,getAllowDotConfig as a}from"./productGallery.js";import{getDotStyleForOnlyFeaturedImage as e}from"./productFeaturedImage.js";let DEVICES=["desktop","mobile","tablet"],getGalleryCarouselSettingAttr=a=>{let e={desktop:"inside"===o(a.navigationPosition,"desktop"),tablet:"inside"===o(a.navigationPosition,"tablet"),mobile:"inside"===o(a.navigationPosition,"mobile")},i=DEVICES.reduce((o,t)=>(a.navigationPosition?.[t]&&(o[t]="none"!==a.navigationPosition[t]),o),{});return{...a?.loop&&{loop:a.loop},itemNumber:{desktop:"auto",tablet:"auto",mobile:"auto"},dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:t(),controlOverContent:e,...a?.dragToScroll&&{enableDrag:{desktop:a.dragToScroll,tablet:a.dragToScroll,mobile:a.dragToScroll}},vertical:r(a.position),...a?.arrowIcon&&{arrowCustom:a.arrowIcon},arrowIconSize:a.arrowIconSize||{desktop:24},...a?.arrowIconColor&&{arrowCustomColor:a.arrowIconColor},...a?.arrowNavColor&&{arrowBackgroundColor:a.arrowNavColor},...a?.arrowNavBorder&&{arrowBorder:{desktop:a.arrowNavBorder}},...a?.arrowNavRadius&&{roundedArrow:{desktop:a.arrowNavRadius}},...a?.arrowNavShadow&&{arrowShadow:{desktop:a.arrowNavShadow}},arrowGapToEachSide:"16",navigationStyle:a.navigationPosition,navigationEnable:i,arrowButtonSize:{desktop:{width:a.arrowNavSize?.width,height:a.arrowNavSize?.height,padding:a.arrowNavSize?.padding}},animationMode:a?.ftAnimationMode,enableAction:{desktop:!0}}},getFeaturedCarouselSettingAttr=t=>{let r={desktop:"inside"===o(t.ftNavigationPosition,"desktop"),tablet:"inside"===o(t.ftNavigationPosition,"tablet"),mobile:"inside"===o(t.ftNavigationPosition,"mobile")},i=DEVICES.reduce((o,r)=>(t.ftNavigationPosition?.[r]&&(o[r]="none"!==t.ftNavigationPosition[r]),o),{});return{...t?.ftLoop&&{loop:t.ftLoop},itemNumber:{desktop:1},dot:a(),dotStyle:e({position:t.position,dotStyle:t.ftDotStyle}),dotSize:t.ftDotSize??{desktop:12},dotGapToCarousel:t.ftDotGapToCarousel??{desktop:16},dotColor:t.ftDotColor??{desktop:"bg-1"},dotActiveColor:t.ftDotActiveColor??{desktop:"line-3"},controlOverContent:r,...t?.ftDragToScroll&&{enableDrag:{desktop:t.ftDragToScroll,tablet:t.ftDragToScroll,mobile:t.ftDragToScroll}},...t?.ftArrowIcon&&{arrowCustom:t.ftArrowIcon},arrowIconSize:t.ftArrowIconSize||{desktop:24},...t?.ftArrowIconColor&&{arrowCustomColor:t.ftArrowIconColor},...t?.ftArrowNavColor&&{arrowBackgroundColor:t.ftArrowNavColor},...t?.ftArrowNavBorder&&{arrowBorder:{desktop:t.ftArrowNavBorder}},...t?.ftArrowNavRadius&&{roundedArrow:{desktop:t.ftArrowNavRadius}},...t?.ftArrowNavShadow&&{arrowShadow:{desktop:t.ftArrowNavShadow}},sneakPeakType:{desktop:"center"},arrowGapToEachSide:"16",animationMode:t?.ftAnimationMode,...t?.ftNavigationPosition&&{navigationStyle:t.ftNavigationPosition},navigationEnable:i,arrowButtonSize:{desktop:{width:t.ftArrowNavSize?.width,height:t.ftArrowNavSize?.height,padding:t.ftArrowNavSize?.padding}},enableAction:{desktop:!0}}};export{getFeaturedCarouselSettingAttr,getGalleryCarouselSettingAttr};
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import{template as e,
|
|
2
|
-
${
|
|
3
|
-
${
|
|
4
|
-
${
|
|
5
|
-
${
|
|
1
|
+
import{template as e,getResponsiveValueByScreen as t}from"@gem-sdk/core";import i from"../../../../../image/components/NextImage.liquid.js";import{getDisplayStyle as o,getAspectRatio as r,getSrcImage as s}from"../../common/common.js";import{getShapeByLayout as a,getMinHeightByPosition as p,checkDisplayGalleryByWidth as l,getZoomDisplay as d,getCarouselVerticalConfigByPosition as m}from"../../common/productGallery.js";import{getStyleOfObject as g}from"../../../../helpers/function.js";import{getProductImagesStyles as n}from"../../composables/getProductImagesStyles.js";import{getProductImagesClassName as c}from"../../composables/getProductImagesClassName.js";import{getProductImagesAttr as u}from"../../composables/getProductImagesAttr.js";import{LiquidIf as C,LiquidFor as h}from"@gem-sdk/system";import y from"../../../../../carousel/components/root/Carousel.liquid.js";import v from"../../../../../carousel/components/item/CarouselItem.liquid.js";let ProductGalleryCarousel=({builderPropUID:b,children:f,enableLazyLoadImage:w,...L})=>{let{featuredImageGalleryClasses:F,galleryItemClasses:x}=c(L),{galleryCarouselSettingAttrs:$}=u(L),{galleryCarouselStyle:I,galleryCarouselItemStyle:_}=n(L),k=()=>{let e=(e,i,o)=>{let r=t(i,o),s=t(e,o),a="slider"===s&&("bottom-center"===r||"inside-bottom"===r),p=["left","right","inside-left","inside-right"].includes(r??"");return p||a},i=l({shapeByLayout:j}),r={desktop:i.desktop&&e(L.type,L.position,"desktop"),tablet:i.tablet&&e(L.type,L.position,"tablet"),mobile:i.mobile&&e(L.type,L.position,"mobile")};return o(e=>!r[e],"flex")},j=a({shape:L.shape,shapeForBottom:L.shapeForBottom,shapeFor1Col:L.shapeFor1Col,shapeFor2Col:L.shapeFor2Col,shapeForFtOnly:L.shapeForFtOnly,shapeForInsideBottom:L.shapeForInsideBottom,shapeForInside:L.shapeForInside},L.position),V=(t,o)=>e`${i({srcIsLiquidCode:!0,src:`${s("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:t,baseSrc:"{{media.preview_image | image_url}}",style:o,className:"!gp-rounded-none gp-w-full gp-h-full gp-top-0 gp-left-0 gp-cursor-pointer",enableLazyLoadImage:w})}`,M=e=>`
|
|
2
|
+
${C("media.media_type == 'video'","{% assign mediaSourceUrl = media.sources.last.url %}")}
|
|
3
|
+
${C("media.media_type == 'external_video'","{% assign mediaSourceUrl = media | external_video_url %}")}
|
|
4
|
+
${C("media.media_type == 'image'","{% assign mediaSourceUrl = media.src %}")}
|
|
5
|
+
${v({id:"{{imageID}}",contentType:"productImage",className:`${x(`gp-gallery-image-item ${e}`)}`,parentId:`${b}-{{product.id}}`,builderAttrs:{"data-outline":e?"active":"deactive"},style:_,children:`
|
|
6
6
|
<div class="gp-w-full gp-relative gp-h-full"
|
|
7
|
-
|
|
7
|
+
|
|
8
8
|
>
|
|
9
|
-
${
|
|
9
|
+
${V({aspectRatio:r(j),layout:L?.layout,qualityPercent:L?.qualityPercent,qualityType:L?.qualityType},{width:"100%",height:"100%",cursor:"pointer"})}
|
|
10
10
|
|
|
11
|
-
${
|
|
11
|
+
${C("media.media_type == 'video' or media.media_type == 'external_video'",`<div class="gp-absolute gp-pb-1 gp-pr-1 gp-right-0 gp-bottom-0" >
|
|
12
12
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
13
|
<rect opacity="0.9" width="24" height="24" rx="3" fill="#212121"/>
|
|
14
14
|
<path d="M17.6869 12.2646L17.6868 12.2646L6.78379 18.4464C6.78378 18.4464 6.78376 18.4464 6.78374 18.4464C6.52931 18.5903 6.1665 18.4179 6.1665 18.0416V5.95844C6.1665 5.58218 6.52917 5.40981 6.7836 5.55354C6.78366 5.55357 6.78373 5.55361 6.78379 5.55365L17.6868 11.7354L17.6869 11.7354C17.8819 11.846 17.8819 12.154 17.6869 12.2646Z" stroke="#F9F9F9" stroke-miterlimit="10"/>
|
|
15
15
|
</svg>
|
|
16
16
|
</div>`)}
|
|
17
|
-
${
|
|
17
|
+
${C("media.media_type == 'model'",`<div class="gp-absolute gp-pb-1 gp-pr-1 gp-right-0 gp-bottom-0">
|
|
18
18
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
19
19
|
<rect opacity="0.9" width="24" height="24" rx="3" fill="#212121"/>
|
|
20
20
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7441 4.57034C11.9017 4.47655 12.098 4.47655 12.2555 4.57034L18.5889 8.33957C18.7404 8.42971 18.8332 8.59296 18.8332 8.76923V15.2308C18.8332 15.407 18.7404 15.5703 18.5889 15.6604L12.2555 19.4297C12.098 19.5234 11.9017 19.5234 11.7441 19.4297L5.41079 15.6604C5.25932 15.5703 5.1665 15.407 5.1665 15.2308V8.76923C5.1665 8.59296 5.25932 8.42971 5.41079 8.33957L11.7441 4.57034ZM6.1665 9.64865V14.9465L11.4998 18.1206V12.8227L6.1665 9.64865ZM12.4998 12.8227V18.1206L17.8332 14.9465V9.64865L12.4998 12.8227ZM17.3555 8.76923L11.9998 11.9566L6.64417 8.76923L11.9998 5.58185L17.3555 8.76923Z" fill="#F9F9F9"/>
|
|
@@ -22,7 +22,7 @@ import{template as e,makeStyleResponsive as t,getResponsiveValueByScreen as i}fr
|
|
|
22
22
|
</div>`)}
|
|
23
23
|
|
|
24
24
|
<div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
|
|
25
|
-
style="${
|
|
25
|
+
style="${g(d(L?.clickOpenLightBox))}"
|
|
26
26
|
>
|
|
27
27
|
<svg
|
|
28
28
|
height="100%"
|
|
@@ -40,7 +40,7 @@ import{template as e,makeStyleResponsive as t,getResponsiveValueByScreen as i}fr
|
|
|
40
40
|
</svg>
|
|
41
41
|
</div>
|
|
42
42
|
</div>
|
|
43
|
-
`})}`,
|
|
44
|
-
${
|
|
45
|
-
${
|
|
43
|
+
`})}`,P=()=>{let e=m(L.position),t=[e.desktop?"gp-px-0":"gp-py-0",e.tablet?"tablet:gp-px-0":"tablet:gp-py-0",e.mobile?"mobile:gp-px-0":"mobile:gp-py-0"];return` ${t.join(" ")}`},Z=C("product.media.size > 1",h("media in product.media",`${C("media.media_type == 'image'",h("image in product.images",C("image.src == media.src","{% assign imageID = image.id %}{% break %}")),"{% assign imageID = '' %}")}
|
|
44
|
+
${C("media.id == product.featured_media.id ",M(L?.borderActive?.border!=="none"?"active":""),M())}`));return e`
|
|
45
|
+
${y({builderProps:{uid:b},rootId:`${b}-{{product.id}}`,rootClass:`${F}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}"},wrapperClass:P(),slidesClass:p(L.position,L.navigationPosition),isHiddenArrowWhenDisabled:!0,setting:$,rootStyles:{...k()},styles:I,disableMarginAuto:!0,children:Z})}
|
|
46
46
|
`};export{ProductGalleryCarousel as default};
|
package/dist/esm/product/settings/product-image-v2/configs/setting-v2/ProductFeatureImage.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{CAROUSEL_ANIMATION as e}from"../../../../../carousel/plugins/animation.js";let getDefaultResponsive=e=>({desktop:{default:e}}),productFeatureImageSetting=[{id:"hoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"Zoom",value:"zoom"},{title:"Show other image",value:"other"}],default:"none"},{id:"zoomType",type:"option:value",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{label:"Default",value:"default"},{label:"Glasses",value:"glasses"}]},{id:"zoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],showDefaultUnit:!0,useOnlyUnitInit:!0,isNumber:!0},{id:"otherImage",label:"Other image",type:"dropdown:input",isNumber:!0,isIndexValue:!0,displayOptions:[{label:"Image 1",value:1},{label:"Image 2",value:2},{label:"Image 3",value:3},{label:"Image 4",value:4},{label:"Last image",value:"Last image"}],default:0},{id:"ftClickOpenLightBox",label:"Click Effect",type:"select",options:[{title:"Open gallery",value:"popup"},{title:"Open product",value:"product-link"}],devices:getDefaultResponsive("none")},{id:"ftClickOpenNewTab",type:"option:value",options:[{label:"Yes",value:!0},{label:"No",value:!1}],default:!1},{id:"ftNavigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{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:getDefaultResponsive("none")},{id:"ftLoop",type:"toggle",devices:getDefaultResponsive(!0)},{id:"ftPauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"ftAnimationSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"ftAnimationMode",label:"Animation",type:"select",default:e.EASE_OUT.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:"ftArrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",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
|
-
<path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" 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" /></svg>`},{id:"ftArrowIconColor",label:"Icon color",type:"color-picker-v2",default:"#121212"},{id:"ftArrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"ftArrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"
|
|
2
|
+
<path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" 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" /></svg>`},{id:"ftArrowIconColor",label:"Icon color",type:"color-picker-v2",default:"#121212"},{id:"ftArrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"ftArrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"brand"},{id:"ftArrowNavSize",type:"size-setting",settingConfig:{width:{name:"Width",units:["px"],displayOptions:["auto"]},height:{name:"Height",units:["px"],displayOptions:["auto"]}},default:{width:"Auto",height:"Auto",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"},shapeLinked:!0,shape:"square",shapeValue:"1/1"},hiddenSettings:["gap","padding","proportion"]},{id:"ftArrowNavBorder",label:"Nav. border",type:"border",compoDefaultValue:{color:"line-3",borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"ftArrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"ftArrowNavShadow",type:"shadow-v2"},{id:"ftDotStyle",label:"Dot style",type:"option:illustration",enableTooltip:!0,options:[{label:"None",value:"none",type:"carousel-dot",hide:!0},{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:"none"}}},{id:"ftDotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:80,isNumber:!0,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"ftDotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"#121212"}}},{id:"ftDotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"#FFFFFF"}}}],productSelectDisplaySetting=[{id:"typeDisplay",type:"select",options:[{title:"All images",value:"all-images"},{title:"Select manually",value:"select-manual"}],default:"all-images"},{id:"preDisplay",type:"select",label:"Pre-display",default:"1st-available-variant",options:[{title:"1st available variant",value:"1st-available-variant"},{title:"1st image",value:"1st-images"},{title:"1st video",value:"1st-video"},{title:"1st 3D model",value:"1st-3d-mode"}]}],productFeatureImageStyle=[{id:"ftShape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"ftLayout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:getDefaultResponsive("cover")},{id:"ftCorner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];export{productFeatureImageSetting,productFeatureImageStyle,productSelectDisplaySetting};
|
package/dist/esm/product/settings/product-image-v2/configs/setting-v2/ProductGalleryImage.js
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
let getDefaultResponsive=e=>({desktop:{default:e}}),productGalleryImageSetting=[{id:"type",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"images"}],devices:getDefaultResponsive("slider")},{id:"galleryHoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"None",value:"none"},{title:"Zoom",value:"zoom"}],default:"none"},{id:"galleryZoomType",type:"select",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{title:"Default",value:"default"},{title:"Glasses",value:"glasses"}]},{id:"galleryZoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],useOnlyUnitInit:!0,isNumber:!0},{id:"clickOpenLightBox",label:"Large view in pop-up",type:"select",options:[{label:"View in featured",value:!1},{label:"Open Gallery",value:!0}],devices:getDefaultResponsive(!1)},{id:"borderActive",label:"Active border",type:"border",default:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"},compoDefaultValue:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"navigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{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:getDefaultResponsive("inside")},{id:"loop",type:"toggle",devices:getDefaultResponsive(!0)},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"speed",type:"input:slider",label:"Speed (s)",hide:!0,min:0,max:60,step:1,default:1},{id:"arrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",default:`<svg
|
|
2
|
-
|
|
3
|
-
</svg>`},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowIconColor",label:"Icon color",type:"color-picker-v2",default:"#000000"},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"arrowNavColor",label:"Nav. color",type:"color-picker-v2"},{id:"arrowNavBorder",label:"Nav. border",type:"border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"arrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},{id:"arrowNavShadow",type:"shadow-v2",default:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}],productGalleryImageStyle=[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForFtOnly",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInsideBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInside",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor2Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"50%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor1Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"layout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:getDefaultResponsive("cover")},{id:"itemSpacing",label:"Gallery Item Spacing",type:"input:slider",units:["px"],devices:{desktop:{default:"8px"}}},{id:"corner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];export{productGalleryImageSetting,productGalleryImageStyle};
|
|
1
|
+
let getDefaultResponsive=e=>({desktop:{default:e}}),productGalleryImageSetting=[{id:"type",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"images"}],devices:getDefaultResponsive("slider")},{id:"galleryHoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"None",value:"none"},{title:"Zoom",value:"zoom"}],default:"none"},{id:"galleryZoomType",type:"select",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{title:"Default",value:"default"},{title:"Glasses",value:"glasses"}]},{id:"galleryZoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],useOnlyUnitInit:!0,isNumber:!0},{id:"clickOpenLightBox",label:"Large view in pop-up",type:"select",options:[{label:"View in featured",value:!1},{label:"Open Gallery",value:!0}],devices:getDefaultResponsive(!1)},{id:"borderActive",label:"Active border",type:"border",default:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"},compoDefaultValue:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"navigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{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:getDefaultResponsive("inside")},{id:"loop",type:"toggle",devices:getDefaultResponsive(!0)},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"speed",type:"input:slider",label:"Speed (s)",hide:!0,min:0,max:60,step:1,default:1},{id:"arrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",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
|
+
<path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" 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" /></svg>`},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowIconColor",label:"Icon color",type:"color-picker-v2",default:"#000000"},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"arrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"brand"},{id:"arrowNavSize",type:"size-setting",settingConfig:{width:{name:"Width",units:["px"],displayOptions:["auto"]},height:{name:"Height",units:["px"],displayOptions:["auto"]}},default:{width:"Auto",height:"Auto",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"},shapeLinked:!0,shape:"square",shapeValue:"1/1"},hiddenSettings:["gap","padding","proportion"]},{id:"arrowNavBorder",label:"Nav. border",type:"border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"arrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"arrowNavShadow",type:"shadow-v2",default:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}],productGalleryImageStyle=[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForFtOnly",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInsideBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInside",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor2Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"50%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor1Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"layout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:getDefaultResponsive("cover")},{id:"itemSpacing",label:"Gallery Item Spacing",type:"input:slider",units:["px"],devices:{desktop:{default:"8px"}}},{id:"corner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];export{productGalleryImageSetting,productGalleryImageStyle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let FeatureNavigation={type:"combo",getValueFromSettingID:"ftNavigationPosition",getIconFromSettingID:"ftArrowIcon",defaultValueWhenClear:"none",compoDefaultValue:"inside",label:{en:"Navigation"},controls:[{type:"group",label:{en:"Layout"},controls:[{label:{en:"Choose"},setting:{id:"ftNavigationPosition"}}]},{type:"group",label:{en:"Icon"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{label:{en:"Choose"},setting:{id:"ftArrowIcon"},options:{clearButton:!1}},{label:{en:"Size"},setting:{id:"ftArrowIconSize"}},{label:{en:"Color"},setting:{id:"ftArrowIconColor"}}]},{type:"group",label:{en:"Button"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{label:{en:"Background"},setting:{id:"ftArrowNavColor"}}]},{type:"group",label:{en:"Shape"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{label:{en:"Border"},setting:{id:"ftArrowNavBorder"}},{label:{en:"Corner"},setting:{id:"ftArrowNavRadius"}},{label:{en:"Shadow"},setting:{id:"ftArrowNavShadow"}}]}]};export{FeatureNavigation};
|
|
1
|
+
let FeatureNavigation={type:"combo",getValueFromSettingID:"ftNavigationPosition",getIconFromSettingID:"ftArrowIcon",defaultValueWhenClear:"none",compoDefaultValue:"inside",label:{en:"Navigation"},controls:[{type:"group",label:{en:"Layout"},controls:[{label:{en:"Choose"},setting:{id:"ftNavigationPosition"}}]},{type:"group",label:{en:"Icon"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{label:{en:"Choose"},setting:{id:"ftArrowIcon"},options:{clearButton:!1}},{label:{en:"Size"},setting:{id:"ftArrowIconSize"}},{label:{en:"Color"},setting:{id:"ftArrowIconColor"}}]},{type:"group",label:{en:"Button"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{setting:{id:"ftArrowNavSize"},layout:"vertical"}],moreSettings:{type:"collapse",controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"ftArrowNavSize",field:"padding"},compoDefaultValue:{top:"12px",bottom:"12px",left:"12px",right:"12px"}}},{label:{en:"Background"},setting:{id:"ftArrowNavColor"}}]}},{type:"group",label:{en:"Shape"},conditionDisplay:'ftNavigationPosition !== "none"',controls:[{label:{en:"Border"},setting:{id:"ftArrowNavBorder"}},{label:{en:"Corner"},setting:{id:"ftArrowNavRadius"}},{label:{en:"Shadow"},setting:{id:"ftArrowNavShadow"}}]}]};export{FeatureNavigation};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let ImageListNavigation={type:"combo",iconName:"polaris-edit",getValueFromSettingID:"navigationPosition",getIconFromSettingID:"arrowIcon",defaultValueWhenClear:"none",compoDefaultValue:"outside",label:{en:"Navigation"},popoverLabel:{en:"Navigation"},controls:[{type:"group",label:{en:"Layout"},controls:[{label:{en:"Choose"},setting:{id:"navigationPosition"}}]},{type:"group",label:{en:"Icon"},conditionDisplay:'navigationPosition !== "none"',controls:[{label:{en:"Choose"},setting:{id:"arrowIcon"}},{label:{en:"Size"},setting:{id:"arrowIconSize"}},{label:{en:"Color"},setting:{id:"arrowIconColor"}}]},{type:"group",label:{en:"Button"},conditionDisplay:'navigationPosition !== "none"',controls:[{label:{en:"Background"},setting:{id:"arrowNavColor"}}]},{type:"group",label:{en:"Shape"},conditionDisplay:'navigationPosition !== "none"',controls:[{label:{en:"Border"},setting:{id:"arrowNavBorder"}},{label:{en:"Corner"},setting:{id:"arrowNavRadius"}},{label:{en:"Shadow"},setting:{id:"arrowNavShadow"}}]}]};export{ImageListNavigation};
|
|
1
|
+
let ImageListNavigation={type:"combo",iconName:"polaris-edit",getValueFromSettingID:"navigationPosition",getIconFromSettingID:"arrowIcon",defaultValueWhenClear:"none",compoDefaultValue:"outside",label:{en:"Navigation"},popoverLabel:{en:"Navigation"},controls:[{type:"group",label:{en:"Layout"},controls:[{label:{en:"Choose"},setting:{id:"navigationPosition"}}]},{type:"group",label:{en:"Icon"},conditionDisplay:'navigationPosition !== "none"',controls:[{label:{en:"Choose"},setting:{id:"arrowIcon"}},{label:{en:"Size"},setting:{id:"arrowIconSize"}},{label:{en:"Color"},setting:{id:"arrowIconColor"}}]},{type:"group",label:{en:"Button"},conditionDisplay:'navigationPosition !== "none"',controls:[{setting:{id:"arrowNavSize"},layout:"vertical"}],moreSettings:{type:"collapse",controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"arrowNavSize",field:"padding"},compoDefaultValue:{top:"12px",bottom:"12px",left:"12px",right:"12px"}}},{label:{en:"Background"},setting:{id:"arrowNavColor"}}]}},{type:"group",label:{en:"Shape"},conditionDisplay:'navigationPosition !== "none"',controls:[{label:{en:"Border"},setting:{id:"arrowNavBorder"}},{label:{en:"Corner"},setting:{id:"arrowNavRadius"}},{label:{en:"Shadow"},setting:{id:"arrowNavShadow"}}]}]};export{ImageListNavigation};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -2718,6 +2718,7 @@ type OriginalFeatureImageSetting = {
|
|
|
2718
2718
|
ftArrowIconColor?: ColorValueType;
|
|
2719
2719
|
ftDragToScroll?: boolean;
|
|
2720
2720
|
ftArrowNavColor?: string;
|
|
2721
|
+
ftArrowNavSize?: SizeSettingGlobal;
|
|
2721
2722
|
ftArrowNavBorder?: Border;
|
|
2722
2723
|
ftArrowNavRadius?: CornerRadius;
|
|
2723
2724
|
ftArrowNavShadow?: ShadowProps;
|
|
@@ -2765,6 +2766,7 @@ type GallerySetting$1 = {
|
|
|
2765
2766
|
arrowIconColor?: ColorValueType;
|
|
2766
2767
|
dragToScroll?: boolean;
|
|
2767
2768
|
arrowNavColor?: string;
|
|
2769
|
+
arrowNavSize?: SizeSettingGlobal;
|
|
2768
2770
|
arrowNavBorder?: Border;
|
|
2769
2771
|
arrowNavRadius?: CornerRadius;
|
|
2770
2772
|
arrowNavShadow?: ShadowProps;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "4.0.0-staging.
|
|
3
|
+
"version": "4.0.0-staging.1202",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@gem-sdk/core": "4.0.0-staging.
|
|
28
|
+
"@gem-sdk/core": "4.0.0-staging.1201",
|
|
29
29
|
"@gem-sdk/styles": "4.0.0-staging.1193",
|
|
30
30
|
"@gem-sdk/system": "4.0.0-staging.1193",
|
|
31
31
|
"tsup": "^8.5.0",
|