@gem-sdk/components 19.1.0-dev.12 → 19.1.0-dev.14
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/accordion/settings/configs/settings.js +2 -17
- package/dist/cjs/article/settings/ArticleAuthor.js +1 -1
- package/dist/cjs/article/settings/ArticleCategory.js +1 -1
- package/dist/cjs/article/settings/ArticleContent.js +1 -1
- package/dist/cjs/article/settings/ArticleDate.js +1 -1
- package/dist/cjs/article/settings/ArticleExcerpt.js +1 -1
- package/dist/cjs/article/settings/ArticleImage.js +1 -1
- package/dist/cjs/article/settings/ArticleList.js +1 -1
- package/dist/cjs/article/settings/ArticleReadMore.js +1 -1
- package/dist/cjs/article/settings/ArticleTag.js +1 -1
- package/dist/cjs/article/settings/ArticleTitle.js +1 -1
- package/dist/cjs/article/settings/configs/article-image/settings.js +1 -1
- package/dist/cjs/article/settings/configs/article-list/settings.js +1 -1
- package/dist/cjs/article/settings/configs/article-read-more/settings.js +2 -2
- package/dist/cjs/breadcrumb/settings/configs/settings.js +1 -1
- package/dist/cjs/button/common/helpers.js +1 -1
- package/dist/cjs/button/common/styles.js +1 -1
- package/dist/cjs/button/settings/configs/settings.js +2 -2
- package/dist/cjs/carousel/components/root/common/classes.js +1 -1
- package/dist/cjs/carousel/settings/Carousel.js +1 -1
- package/dist/cjs/carousel-v3/components/root/common/classes.js +1 -1
- package/dist/cjs/carousel-v3/settings/Carousel.js +1 -1
- package/dist/cjs/code/settings/configs/settings.js +1 -1
- package/dist/cjs/collection/settings/collection-banner/configs/settings.js +1 -1
- package/dist/cjs/collection/settings/collection-description/configs/settings.js +1 -1
- package/dist/cjs/collection/settings/collection-paginator/configs/settings.js +1 -1
- package/dist/cjs/collection/settings/collection-title/configs/settings.js +1 -1
- package/dist/cjs/collection/settings/collection-toolbar/configs/settings.js +1 -1
- package/dist/cjs/coupon/settings/configs/settings.js +2 -2
- package/dist/cjs/dialog/settings/configs/settings.js +1 -1
- package/dist/cjs/estimate-delivery/settings/configs/settings.js +1 -1
- package/dist/cjs/form/settings/contact/configs/settings.js +1 -1
- package/dist/cjs/form/settings/submit-button/configs/settings.js +2 -2
- package/dist/cjs/grid/settings/configs/section/settings.js +1 -1
- package/dist/cjs/header/settings/configs/settings.js +2 -2
- package/dist/cjs/hero-banner/components/HeroBannerItem.js +1 -1
- package/dist/cjs/hero-banner/components/HeroBannerItem.liquid.js +4 -4
- package/dist/cjs/hero-banner/settings/configs/settings.js +1 -1
- package/dist/cjs/image/settings/configs/settings.js +1 -1
- package/dist/cjs/image-comparison/settings/configs/settings.js +1 -1
- package/dist/cjs/line/common/helpers.js +1 -1
- package/dist/cjs/line/common/styles.js +1 -1
- package/dist/cjs/line/settings/configs/settings.js +1 -1
- package/dist/cjs/marquee/settings/Marquee.js +1 -1
- package/dist/cjs/post-purchase/image/settings/Image.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-description/ProductDescription.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-discount-tag/ProductDiscountTag.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-image/ProductImages.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-offer/index.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-price/ProductPrice.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-title/ProductTitle.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-variants/ProductVariant.js +1 -1
- package/dist/cjs/post-purchase/text/settings/text/Text.js +1 -1
- package/dist/cjs/product/components/file-upload/settings/configs/settings.js +2 -2
- package/dist/cjs/product/settings/ProductList.js +1 -1
- package/dist/cjs/product/settings/ProductListV3.js +1 -1
- package/dist/cjs/product/settings/ProductProperties.js +1 -1
- package/dist/cjs/product/settings/dynamic-checkout/configs/settings.js +1 -1
- package/dist/cjs/product/settings/product/configs/settings.js +1 -1
- package/dist/cjs/product/settings/product-badge/configs/settings.js +1 -1
- package/dist/cjs/product/settings/product-button/configs/settings.js +2 -2
- package/dist/cjs/product/settings/product-image-v2/ProductImages.js +1 -1
- package/dist/cjs/product/settings/product-image-v3/ProductImages.js +1 -1
- package/dist/cjs/product/settings/product-list/configs/settings.js +1 -0
- package/dist/cjs/product/settings/product-list-v3/configs/settings.js +1 -0
- package/dist/cjs/product/settings/product-quantity/configs/settings.js +1 -1
- package/dist/cjs/product/settings/product-variant/configs/settings.js +1 -1
- package/dist/cjs/stock-counter/common/attrs.js +1 -1
- package/dist/cjs/stock-counter/common/helpers.js +1 -1
- package/dist/cjs/stock-counter/common/styles.js +1 -1
- package/dist/cjs/stock-counter/hooks/useStockCounter.js +1 -1
- package/dist/cjs/stock-counter/settings/StockCounter.js +1 -1
- package/dist/cjs/stock-counter/settings/configs/settings.js +2 -0
- package/dist/cjs/tab/settings/configs/settings.js +1 -1
- package/dist/cjs/text/settings/configs/settings.js +1 -1
- package/dist/esm/accordion/settings/configs/settings.js +2 -17
- package/dist/esm/article/settings/ArticleAuthor.js +2 -2
- package/dist/esm/article/settings/ArticleCategory.js +2 -2
- package/dist/esm/article/settings/ArticleContent.js +1 -1
- package/dist/esm/article/settings/ArticleDate.js +1 -1
- package/dist/esm/article/settings/ArticleExcerpt.js +1 -1
- package/dist/esm/article/settings/ArticleImage.js +1 -1
- package/dist/esm/article/settings/ArticleList.js +1 -1
- package/dist/esm/article/settings/ArticleReadMore.js +1 -1
- package/dist/esm/article/settings/ArticleTag.js +1 -1
- package/dist/esm/article/settings/ArticleTitle.js +1 -1
- package/dist/esm/article/settings/configs/article-image/settings.js +1 -1
- package/dist/esm/article/settings/configs/article-list/settings.js +1 -1
- package/dist/esm/article/settings/configs/article-read-more/settings.js +2 -2
- package/dist/esm/breadcrumb/settings/configs/settings.js +1 -1
- package/dist/esm/button/common/helpers.js +1 -1
- package/dist/esm/button/common/styles.js +1 -1
- package/dist/esm/button/settings/configs/settings.js +2 -2
- package/dist/esm/carousel/components/root/common/classes.js +1 -1
- package/dist/esm/carousel/settings/Carousel.js +1 -1
- package/dist/esm/carousel-v3/components/root/common/classes.js +1 -1
- package/dist/esm/carousel-v3/settings/Carousel.js +1 -1
- package/dist/esm/code/settings/configs/settings.js +1 -1
- package/dist/esm/collection/settings/collection-banner/configs/settings.js +1 -1
- package/dist/esm/collection/settings/collection-description/configs/settings.js +1 -1
- package/dist/esm/collection/settings/collection-paginator/configs/settings.js +1 -1
- package/dist/esm/collection/settings/collection-title/configs/settings.js +1 -1
- package/dist/esm/collection/settings/collection-toolbar/configs/settings.js +1 -1
- package/dist/esm/coupon/settings/configs/settings.js +2 -2
- package/dist/esm/dialog/settings/configs/settings.js +1 -1
- package/dist/esm/estimate-delivery/settings/configs/settings.js +1 -1
- package/dist/esm/form/settings/contact/configs/settings.js +1 -1
- package/dist/esm/form/settings/submit-button/configs/settings.js +2 -2
- package/dist/esm/grid/settings/configs/section/settings.js +1 -1
- package/dist/esm/header/settings/configs/settings.js +2 -2
- package/dist/esm/hero-banner/components/HeroBannerItem.js +1 -1
- package/dist/esm/hero-banner/components/HeroBannerItem.liquid.js +7 -7
- package/dist/esm/hero-banner/settings/configs/settings.js +1 -1
- package/dist/esm/image/settings/configs/settings.js +1 -1
- package/dist/esm/image-comparison/settings/configs/settings.js +1 -1
- package/dist/esm/line/common/helpers.js +1 -1
- package/dist/esm/line/common/styles.js +1 -1
- package/dist/esm/line/settings/configs/settings.js +1 -1
- package/dist/esm/marquee/settings/Marquee.js +1 -1
- package/dist/esm/post-purchase/image/settings/Image.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-description/ProductDescription.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-discount-tag/ProductDiscountTag.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-image/ProductImages.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-offer/index.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-price/ProductPrice.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-title/ProductTitle.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-variants/ProductVariant.js +1 -1
- package/dist/esm/post-purchase/text/settings/text/Text.js +1 -1
- package/dist/esm/product/components/file-upload/settings/configs/settings.js +2 -2
- package/dist/esm/product/settings/ProductList.js +1 -1
- package/dist/esm/product/settings/ProductListV3.js +1 -1
- package/dist/esm/product/settings/ProductProperties.js +1 -1
- package/dist/esm/product/settings/dynamic-checkout/configs/settings.js +1 -1
- package/dist/esm/product/settings/product/configs/settings.js +1 -1
- package/dist/esm/product/settings/product-badge/configs/settings.js +1 -1
- package/dist/esm/product/settings/product-button/configs/settings.js +2 -2
- package/dist/esm/product/settings/product-image-v2/ProductImages.js +1 -1
- package/dist/esm/product/settings/product-image-v3/ProductImages.js +1 -1
- package/dist/esm/product/settings/product-list/configs/settings.js +1 -0
- package/dist/esm/product/settings/product-list-v3/configs/settings.js +1 -0
- package/dist/esm/product/settings/product-quantity/configs/settings.js +1 -1
- package/dist/esm/product/settings/product-variant/configs/settings.js +1 -1
- package/dist/esm/stock-counter/common/attrs.js +1 -1
- package/dist/esm/stock-counter/common/helpers.js +4 -4
- package/dist/esm/stock-counter/common/styles.js +1 -1
- package/dist/esm/stock-counter/hooks/useStockCounter.js +1 -1
- package/dist/esm/stock-counter/settings/StockCounter.js +1 -1
- package/dist/esm/stock-counter/settings/configs/settings.js +2 -0
- package/dist/esm/tab/settings/configs/settings.js +1 -1
- package/dist/esm/text/settings/configs/settings.js +1 -1
- package/dist/types/index.d.ts +15 -29
- package/package.json +1 -1
- package/dist/cjs/product/settings/product-list/configs/settings-v2.js +0 -1
- package/dist/cjs/product/settings/product-list-v3/configs/settings-v2.js +0 -1
- package/dist/cjs/stock-counter/settings/configs/settings-v2.js +0 -2
- package/dist/esm/product/settings/product-list/configs/settings-v2.js +0 -1
- package/dist/esm/product/settings/product-list-v3/configs/settings-v2.js +0 -1
- package/dist/esm/stock-counter/settings/configs/settings-v2.js +0 -2
- /package/dist/cjs/carousel/settings/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/cjs/carousel-v3/settings/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/cjs/marquee/settings/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/cjs/post-purchase/image/settings/configs/{setting-v2.js → settings.js} +0 -0
- /package/dist/cjs/post-purchase/product/settings/product-description/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/cjs/post-purchase/product/settings/product-discount-tag/configs/{setting-v2.js → settings.js} +0 -0
- /package/dist/cjs/post-purchase/product/settings/product-image/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/cjs/post-purchase/product/settings/product-offer/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/cjs/post-purchase/product/settings/product-price/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/cjs/post-purchase/product/settings/product-title/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/cjs/post-purchase/product/settings/product-variants/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/cjs/post-purchase/text/settings/text/configs/{setting-v2.js → settings.js} +0 -0
- /package/dist/cjs/product/settings/product-image-v2/configs/{setting-v2 → settings}/ProductFeatureImage.js +0 -0
- /package/dist/cjs/product/settings/product-image-v2/configs/{setting-v2 → settings}/ProductGalleryImage.js +0 -0
- /package/dist/cjs/product/settings/product-image-v2/configs/{setting-v2 → settings}/index.js +0 -0
- /package/dist/cjs/product/settings/product-image-v3/configs/{setting-v2 → settings}/ProductFeatureImage.js +0 -0
- /package/dist/cjs/product/settings/product-image-v3/configs/{setting-v2 → settings}/ProductGalleryImage.js +0 -0
- /package/dist/cjs/product/settings/product-image-v3/configs/{setting-v2 → settings}/index.js +0 -0
- /package/dist/cjs/product/settings/product-properties/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/esm/carousel/settings/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/esm/carousel-v3/settings/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/esm/marquee/settings/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/esm/post-purchase/image/settings/configs/{setting-v2.js → settings.js} +0 -0
- /package/dist/esm/post-purchase/product/settings/product-description/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/esm/post-purchase/product/settings/product-discount-tag/configs/{setting-v2.js → settings.js} +0 -0
- /package/dist/esm/post-purchase/product/settings/product-image/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/esm/post-purchase/product/settings/product-offer/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/esm/post-purchase/product/settings/product-price/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/esm/post-purchase/product/settings/product-title/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/esm/post-purchase/product/settings/product-variants/configs/{settings-v2.js → settings.js} +0 -0
- /package/dist/esm/post-purchase/text/settings/text/configs/{setting-v2.js → settings.js} +0 -0
- /package/dist/esm/product/settings/product-image-v2/configs/{setting-v2 → settings}/ProductFeatureImage.js +0 -0
- /package/dist/esm/product/settings/product-image-v2/configs/{setting-v2 → settings}/ProductGalleryImage.js +0 -0
- /package/dist/esm/product/settings/product-image-v2/configs/{setting-v2 → settings}/index.js +0 -0
- /package/dist/esm/product/settings/product-image-v3/configs/{setting-v2 → settings}/ProductFeatureImage.js +0 -0
- /package/dist/esm/product/settings/product-image-v3/configs/{setting-v2 → settings}/ProductGalleryImage.js +0 -0
- /package/dist/esm/product/settings/product-image-v3/configs/{setting-v2 → settings}/index.js +0 -0
- /package/dist/esm/product/settings/product-properties/configs/{settings-v2.js → settings.js} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"label",label:"Text",type:"input",default:"<p>Button</p>"},{id:"enableBtnLink",type:"toggle",default:!1},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"btnLink",type:"pick-link",pickLinkLabel:"Button link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"label",label:"Text",type:"input",default:"<p>Button</p>"},{id:"enableBtnLink",type:"toggle",default:!1},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"btnLink",type:"pick-link",pickLinkLabel:"Button link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!1},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`
|
|
2
2
|
<svg height="20" width="20" data-name="star-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817759863701864">
|
|
3
3
|
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>
|
|
4
|
-
`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}
|
|
4
|
+
`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-3"}},compoDefaultValue:{attrs:{color:"text-3"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{normal:"text-3"},state:{hover:!0,normal:!0},enableGradient:!1},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}}]}];export{e as ButtonSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createClass as l}from"@gem-sdk/system";import{getData as t}from"./helpers.js";let p=p=>{let o=["mobile","tablet","desktop"],{setting:
|
|
1
|
+
import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createClass as l}from"@gem-sdk/system";import{getData as t}from"./helpers.js";let p=p=>{let o=["mobile","tablet","desktop"],{setting:r,builderProps:a,wrapperClass:g,rootClass:b,advanced:f,fullHeight:i,slidesClass:m}=p,{sliderSelector:x}=t(p),c=l({...a?.uid&&{[a.uid]:!0},...g&&{[g]:!0},"gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper":!0,"!gp-flex":e(r?.vertical,"desktop"),"tablet:!gp-flex":e(r?.vertical,"tablet"),"mobile:!gp-flex":e(r?.vertical,"mobile"),...(()=>{let e={flex:{desktop:"gp-flex",tablet:"tablet:gp-flex",mobile:"mobile:gp-flex"},block:{desktop:"gp-block",tablet:"tablet:gp-block",mobile:"mobile:gp-block"}},l={};return o.forEach(t=>{let p=r?.vertical?.[t]?"flex":"block",o=e[p][t];l[o]=!0}),l})()}),s=l({"gp-relative gp-flex gp-items-center gp-justify-between":!0,"!gp-h-full":i,...(()=>{let e={fullHeight:{desktop:"gp-h-full",tablet:"tablet:gp-h-full",mobile:"mobile:gp-h-full"},flex1:{desktop:"gp-flex-1",tablet:"tablet:gp-flex-1",mobile:"mobile:gp-flex-1"}},l={};return o.forEach(t=>{l[e.fullHeight[t]]=r?.vertical?.[t],l[e.flex1[t]]=r?.vertical?.[t]}),l})(),...(()=>{let e={flexCol:{desktop:"!gp-flex-col",tablet:"tablet:!gp-flex-col",mobile:"mobile:!gp-flex-col"},flexRow:{desktop:"!gp-flex-row",tablet:"tablet:!gp-flex-row",mobile:"mobile:!gp-flex-row"}},l={};return o.forEach(t=>{let p=r?.vertical?.[t]?"flexCol":"flexRow",o=e[p][t];l[o]=!0}),l})()}),u=l({"gp-group/carousel gp-w-full gp-flex":!0,"!gp-flex-col":e(r?.vertical,"desktop"),"tablet:!flex-col":e(r?.vertical,"tablet"),"mobile:!flex-col":e(r?.vertical,"mobile"),...b&&{[b]:!0},...f?.cssClass&&{[f.cssClass]:!0}}),w=l({"gem-slider gp-h-full gp-overflow-hidden gp-select-none":!0,[x]:!0,...m&&{[m]:!0},...(()=>{let e={wrap:{desktop:"!gp-flex-wrap",tablet:"tablet:!gp-flex-wrap",mobile:"mobile:!gp-flex-wrap"},nowrap:{desktop:"!gp-flex-nowrap",tablet:"tablet:!gp-flex-nowrap",mobile:"mobile:!gp-flex-nowrap"}},l={};return o.forEach(t=>{let p=r?.vertical?.[t]?"wrap":"nowrap",o=e[p][t];l[o]=!0}),l})(),...(()=>{let l={desktop:"!gp-min-h-0",tablet:"tablet:!gp-min-h-0",mobile:"mobile:!gp-min-h-0"},t={};return o.forEach(p=>{t[l[p]]=!!e(r?.vertical,p)}),t})()});return{rootClassRender:u,wrapperClassRender:c,wrapperInnerClass:s,sliderClass:w}};export{p as getClass};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{CarouselSettingsV2 as e}from"./configs/settings
|
|
1
|
+
import{CarouselSettingsV2 as e}from"./configs/settings.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import{CarouselPreset as i}from"./configs/presets.js";let s={tag:"Carousel",label:"Carousel",icon:`
|
|
2
2
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
3
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.96586 7.25C4.96586 6.14543 5.86129 5.25 6.96586 5.25H17.0346C18.1391 5.25 19.0346 6.14543 19.0346 7.25V16.7484C19.0346 17.853 18.1391 18.7484 17.0346 18.7484H6.96586C5.86129 18.7484 4.96586 17.853 4.96586 16.7484V7.25ZM9.36039 6.25H6.96586C6.41357 6.25 5.96586 6.69772 5.96586 7.25V16.7484C5.96586 17.3007 6.41357 17.7484 6.96586 17.7484H9.36039L9.36039 6.25ZM10.3604 17.7484V6.25H14.1455V17.7484H10.3604ZM15.1455 17.7484H17.0346C17.5869 17.7484 18.0346 17.3007 18.0346 16.7484V7.25C18.0346 6.69771 17.5869 6.25 17.0346 6.25H15.1455V17.7484ZM3.31666 10.5447C3.51708 10.7346 3.52555 11.0511 3.33558 11.2515L2.61349 12.0133L3.33449 12.7691C3.52509 12.969 3.51762 13.2854 3.31781 13.4761C3.118 13.6667 2.8015 13.6592 2.6109 13.4594L1.693 12.4971C1.43561 12.2273 1.43493 11.803 1.69148 11.5324L2.60981 10.5636C2.79978 10.3632 3.11625 10.3547 3.31666 10.5447ZM20.6827 10.5458C20.8825 10.3552 21.199 10.3627 21.3896 10.5625L22.3075 11.5247C22.5649 11.7946 22.5656 12.2188 22.309 12.4894L21.3907 13.4583C21.2007 13.6587 20.8843 13.6672 20.6839 13.4772C20.4834 13.2872 20.475 12.9707 20.6649 12.7703L21.387 12.0085L20.666 11.2527C20.4754 11.0529 20.4829 10.7364 20.6827 10.5458ZM21.5839 12.215C21.5838 12.2149 21.584 12.2151 21.5839 12.215V12.215Z" fill="white"/>
|
|
4
4
|
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createClass as l}from"@gem-sdk/system";import{getData as t}from"./helpers.js";let p=p=>{let o=["mobile","tablet","desktop"],{setting:
|
|
1
|
+
import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createClass as l}from"@gem-sdk/system";import{getData as t}from"./helpers.js";let p=p=>{let o=["mobile","tablet","desktop"],{setting:r,builderProps:a,wrapperClass:g,rootClass:b,advanced:f,fullHeight:i,slidesClass:m}=p,{sliderSelector:x}=t(p),c=l({...a?.uid&&{[a.uid]:!0},...g&&{[g]:!0},"gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper":!0,"!gp-flex":e(r?.vertical,"desktop"),"tablet:!gp-flex":e(r?.vertical,"tablet"),"mobile:!gp-flex":e(r?.vertical,"mobile"),...(()=>{let e={flex:{desktop:"gp-flex",tablet:"tablet:gp-flex",mobile:"mobile:gp-flex"},block:{desktop:"gp-block",tablet:"tablet:gp-block",mobile:"mobile:gp-block"}},l={};return o.forEach(t=>{let p=r?.vertical?.[t]?"flex":"block",o=e[p][t];l[o]=!0}),l})()}),s=l({"gp-relative gp-overflow-hidden gp-flex gp-items-center gp-justify-between":!0,"!gp-h-full":i,...(()=>{let e={fullHeight:{desktop:"gp-h-full",tablet:"tablet:gp-h-full",mobile:"mobile:gp-h-full"},flex1:{desktop:"gp-flex-1",tablet:"tablet:gp-flex-1",mobile:"mobile:gp-flex-1"}},l={};return o.forEach(t=>{l[e.fullHeight[t]]=r?.vertical?.[t],l[e.flex1[t]]=r?.vertical?.[t]}),l})(),...(()=>{let e={flexCol:{desktop:"!gp-flex-col",tablet:"tablet:!gp-flex-col",mobile:"mobile:!gp-flex-col"},flexRow:{desktop:"!gp-flex-row",tablet:"tablet:!gp-flex-row",mobile:"mobile:!gp-flex-row"}},l={};return o.forEach(t=>{let p=r?.vertical?.[t]?"flexCol":"flexRow",o=e[p][t];l[o]=!0}),l})()}),n=l({"gp-group/carousel gp-w-full gp-flex":!0,"!gp-flex-col":e(r?.vertical,"desktop"),"tablet:!flex-col":e(r?.vertical,"tablet"),"mobile:!flex-col":e(r?.vertical,"mobile"),...b&&{[b]:!0},...f?.cssClass&&{[f.cssClass]:!0}}),w=l({"gem-slider-wrapper gp-flex gp-content-start gp-h-full gp-select-none !gp-max-w-none":!0,[x]:!0,...m&&{[m]:!0},...(()=>{let e={wrap:{desktop:"!gp-flex-wrap",tablet:"tablet:!gp-flex-wrap",mobile:"mobile:!gp-flex-wrap"},nowrap:{desktop:"!gp-flex-nowrap",tablet:"tablet:!gp-flex-nowrap",mobile:"mobile:!gp-flex-nowrap"}},l={};return o.forEach(t=>{let p=r?.vertical?.[t]?"wrap":"nowrap",o=e[p][t];l[o]=!0}),l})(),...(()=>{let l={desktop:"!gp-min-h-0",tablet:"tablet:!gp-min-h-0",mobile:"mobile:!gp-min-h-0"},t={};return o.forEach(p=>{t[l[p]]=!!e(r?.vertical,p)}),t})()});return{rootClassRender:n,wrapperClassRender:c,wrapperInnerClass:s,sliderClass:w}};export{p as getClass};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{CarouselSettingsV2 as e}from"./configs/settings
|
|
1
|
+
import{CarouselSettingsV2 as e}from"./configs/settings.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import{CarouselPreset as i}from"./configs/presets.js";let s={tag:"CarouselV3",label:"Carousel",icon:`
|
|
2
2
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
3
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.96586 7.25C4.96586 6.14543 5.86129 5.25 6.96586 5.25H17.0346C18.1391 5.25 19.0346 6.14543 19.0346 7.25V16.7484C19.0346 17.853 18.1391 18.7484 17.0346 18.7484H6.96586C5.86129 18.7484 4.96586 17.853 4.96586 16.7484V7.25ZM9.36039 6.25H6.96586C6.41357 6.25 5.96586 6.69772 5.96586 7.25V16.7484C5.96586 17.3007 6.41357 17.7484 6.96586 17.7484H9.36039L9.36039 6.25ZM10.3604 17.7484V6.25H14.1455V17.7484H10.3604ZM15.1455 17.7484H17.0346C17.5869 17.7484 18.0346 17.3007 18.0346 16.7484V7.25C18.0346 6.69771 17.5869 6.25 17.0346 6.25H15.1455V17.7484ZM3.31666 10.5447C3.51708 10.7346 3.52555 11.0511 3.33558 11.2515L2.61349 12.0133L3.33449 12.7691C3.52509 12.969 3.51762 13.2854 3.31781 13.4761C3.118 13.6667 2.8015 13.6592 2.6109 13.4594L1.693 12.4971C1.43561 12.2273 1.43493 11.803 1.69148 11.5324L2.60981 10.5636C2.79978 10.3632 3.11625 10.3547 3.31666 10.5447ZM20.6827 10.5458C20.8825 10.3552 21.199 10.3627 21.3896 10.5625L22.3075 11.5247C22.5649 11.7946 22.5656 12.2188 22.309 12.4894L21.3907 13.4583C21.2007 13.6587 20.8843 13.6672 20.6839 13.4772C20.4834 13.2872 20.475 12.9707 20.6649 12.7703L21.387 12.0085L20.666 11.2527C20.4754 11.0529 20.4829 10.7364 20.6827 10.5458ZM21.5839 12.215C21.5838 12.2149 21.584 12.2151 21.5839 12.215V12.215Z" fill="white"/>
|
|
4
4
|
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"customLabel",type:"input",default:"Custom code",isUpdateCustomLabel:!0},{id:"editorData",type:"customCodeEditor"},{id:"
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"customLabel",type:"input",default:"Custom code",isUpdateCustomLabel:!0},{id:"editorData",type:"customCodeEditor"},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-1",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[]}];export{e as SettingCode};
|
|
@@ -11,4 +11,4 @@ let e=[{id:"setting",controls:[{id:"layout",type:"layout",devices:{desktop:{defa
|
|
|
11
11
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.08398 6C5.08398 6.82843 5.75556 7.5 6.58398 7.5H11.584C12.4124 7.5 13.084 6.82843 13.084 6V5C13.084 4.17157 12.4124 3.5 11.584 3.5L6.58398 3.5C5.75556 3.5 5.08398 4.17157 5.08398 5V6ZM6.58398 6.5C6.30784 6.5 6.08398 6.27614 6.08398 6V5C6.08398 4.72386 6.30784 4.5 6.58398 4.5L11.584 4.5C11.8601 4.5 12.084 4.72386 12.084 5V6C12.084 6.27614 11.8601 6.5 11.584 6.5H6.58398Z" fill="currentColor"/>
|
|
12
12
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.58398 12.5C2.75556 12.5 2.08398 11.8284 2.08398 11L2.08398 10C2.08398 9.17157 2.75556 8.5 3.58398 8.5H11.584C12.4124 8.5 13.084 9.17157 13.084 10V11C13.084 11.8284 12.4124 12.5 11.584 12.5L3.58398 12.5ZM3.08398 11C3.08398 11.2761 3.30784 11.5 3.58398 11.5L11.584 11.5C11.8601 11.5 12.084 11.2761 12.084 11V10C12.084 9.72386 11.8601 9.5 11.584 9.5L3.58398 9.5C3.30784 9.5 3.08398 9.72386 3.08398 10L3.08398 11Z" fill="currentColor"/>
|
|
13
13
|
</svg>
|
|
14
|
-
`,iconName:"gp-justify-content-bottom"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-align-top",tooltip:"Align top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical",tooltip:"Align center"},{label:"End",value:"end",iconName:"gp-align-bottom",tooltip:"Align bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"
|
|
14
|
+
`,iconName:"gp-justify-content-bottom"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-align-top",tooltip:"Align top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical",tooltip:"Align center"},{label:"End",value:"end",iconName:"gp-align-bottom",tooltip:"Align bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"fixedMode",type:"toggle",default:!1},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:"500px"}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition",label:"Content Position",type:"option:value",options:[{label:"Left",value:"top",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"bottom",tooltip:"Align right",iconName:"gp-align-right"}],default:"center"},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px"],devices:{desktop:{default:"1200px"}}},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,label:"Spacing",devices:{desktop:{default:"32px"}}},{id:"background",type:"collection-banner",ignoreReRender:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif",width:1920,height:900,hiddenSEO:!0,hiddenLCP:!0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"hoverEffect",label:"Hover effect",type:"option:value",options:[{label:"None",value:"none"},{label:"Zoom",value:"zoom"}],default:"none"},{id:"hoverScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:1,default:110,useOnlyUnitInit:!0,isNumber:!0},{id:"hoverDuration",type:"input:unit",label:"Zoom Time",min:0,units:["s"],default:"0.5",useOnlyUnitInit:!0,isNumber:!0},{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0}},{id:"overlayColor",label:"Color",type:"color-picker-v2",default:{normal:"#121212"},state:{normal:!0,hover:!0}}]}];export{e as CollectionBannerSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"typo",type:"typography-v2",label:"Text styles",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textShadow:!0}},{id:"hasLineClamp",label:"Enable View More",type:"toggle",devices:{desktop:{default:!0}}},{id:"lineClamp",label:"Maximum Row(s) To Show",type:"input:stepper",min:1,hide:!0,disableDecimal:!0,devices:{desktop:{default:3}}},{id:"viewMoreText",label:"View More Text",type:"input",default:"Show more",hide:!0},{id:"showMoreColor",type:"color-picker-v2",default:"text-1"},{id:"viewLessText",label:"View Less Text",type:"input",default:"Show less",hide:!0},{id:"enableViewMoreIcon",label:"Enable Icon",type:"toggle",default:!0,hide:!0},{id:"textAlign",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}},{id:"color",type:"colorpicker",default:"text-1"}]}];export{e as CollectionDescriptionSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"pageQuantity",type:"input:stepper",label:"Page quantity",default:"10"},{id:"layout",type:"option:value",label:"Display",options:[{label:"Simple",value:"simple"},{label:"Button",value:"button"}],default:"simple"},{id:"buttonShape",type:"option:value",label:"Button shape",options:[{label:"Square",value:"square"},{label:"Circle",value:"circle"}],default:"square"},{id:"buttonSizeNumber",type:"input:stepper",label:"Button size",min:1,default:45},{id:"itemSpacing",label:"Item spacing",type:"input:slider",units:["px"],step:1,max:40,default:"12px",ignoreMax:!0},{id:"previousText",type:"input",label:"Previous",default:"PREVIOUS"},{id:"nextText",type:"input",label:"Next",default:"NEXT"},{id:"typo",type:"typography-v2",label:"Text styles",default:{type:"paragraph-1",attrs:{color:"text-1"}},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"normalColor",type:"color-picker-v2",label:"Normal Color",default:"text-1"},{id:"activeColor",type:"color-picker-v2",label:"Active Color",default:"text-2"},{id:"align",label:"Alignment",type:"option:value",devices:{desktop:{default:"center"}},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"}]},{id:"numberOfProducts",type:"input:stepper",default:10}]}];export{e as CollectionPaginatorSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"typo",type:"typography-v2",label:"Text Style",default:{type:"heading-1",attrs:{color:"text-2"}},compoDefaultValue:{attrs:{color:"text-2"}},ignoreReRender:!0,hiddenSetting:{textShadow:!0}},{id:"textAlign",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}},{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"h1",label:"H1"},{value:"h2",label:"H2"},{value:"h3",label:"H3"},{value:"h4",label:"H4"},{value:"h5",label:"H5"},{value:"h6",label:"H6"},{value:"div",label:"Div"}],default:"h2"}]}];export{e as CollectionTitleSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let t=[{id:"setting",controls:[{id:"sortingTextDisplay",type:"input",label:"Text display",default:"Sorting"},{id:"displayQuantity",type:"toggle",label:"Quantity text",default:!0},{id:"quantityTextDisplay",type:"input",label:"",hide:!0,default:"%number% products"},{id:"
|
|
1
|
+
let t=[{id:"setting",controls:[{id:"sortingTextDisplay",type:"input",label:"Text display",default:"Sorting"},{id:"displayQuantity",type:"toggle",label:"Quantity text",default:!0},{id:"quantityTextDisplay",type:"input",label:"",hide:!0,default:"%number% products"},{id:"typoSorting",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"typoQuantity",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"height",type:"input:unit",label:"Height",units:["px"],devices:{desktop:{default:"50px"}}},{id:"align",label:"Alignment",type:"option:value",devices:{desktop:{default:"left"}},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"}]}]}];export{t as CollectionToolbarSettings};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
let e=[{id:"setting",controls:[{id:"couponLayout",label:"Layout",type:"layout-selector",iconViewBox:"0 0 80 48",itemPerRow:2,itemSpacing:"large",default:"icon",options:[{label:"Text Only",value:"none",iconName:"gp-coupon-code-layout"},{label:"Icon",value:"icon",iconName:"gp-coupon-code-no-icon-layout"}]},{id:"copyContent",label:"copyContent",type:"input",default:"GEMPAGES30"},{id:"defaultLabel",label:"defaultLabel",type:"input",default:"Copy"},{id:"clickedLabel",label:"clickedLabel",type:"input",default:"Copied!"},{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!0},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`<svg style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
|
|
2
2
|
<path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z" />
|
|
3
3
|
</svg>
|
|
4
|
-
`,placeholder:'E.g. <svg fill="currentColor"...'},{id:"iconAlign",label:"Icon Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"left"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"
|
|
5
|
-
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M233.21,56.31A12,12,0,0,0,224,52H66L60.53,21.85A12,12,0,0,0,48.73,12H24a12,12,0,0,0,0,24H38.71L63.62,173a28,28,0,0,0,4.07,10.21A32,32,0,1,0,123,196h34a32,32,0,1,0,31-24H91.17a4,4,0,0,1-3.93-3.28L84.92,156H196.1a28,28,0,0,0,27.55-23l12.16-66.86A12,12,0,0,0,233.21,56.31ZM100,204a8,8,0,1,1-8-8A8,8,0,0,1,100,204Zm88,8a8,8,0,1,1,8-8A8,8,0,0,1,188,212Zm12-83.28A4,4,0,0,1,196.1,132H80.56L70.38,76H209.62Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"segment",hide:!0,options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}
|
|
4
|
+
`,placeholder:'E.g. <svg fill="currentColor"...'},{id:"iconAlign",label:"Icon Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"left"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"iconSvg",label:"SVG icon",type:"icon",hide:!0,default:`<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414779109605736">
|
|
5
|
+
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M233.21,56.31A12,12,0,0,0,224,52H66L60.53,21.85A12,12,0,0,0,48.73,12H24a12,12,0,0,0,0,24H38.71L63.62,173a28,28,0,0,0,4.07,10.21A32,32,0,1,0,123,196h34a32,32,0,1,0,31-24H91.17a4,4,0,0,1-3.93-3.28L84.92,156H196.1a28,28,0,0,0,27.55-23l12.16-66.86A12,12,0,0,0,233.21,56.31ZM100,204a8,8,0,1,1-8-8A8,8,0,0,1,100,204Zm88,8a8,8,0,1,1,8-8A8,8,0,0,1,188,212Zm12-83.28A4,4,0,0,1,196.1,132H80.56L70.38,76H209.62Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"segment",hide:!0,options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]},{id:"style",controls:[{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight",active:"#2C934E"},compoDefaultValue:{normal:"brand",hover:"highlight",active:"#2C934E"}},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-3"},compoDefaultValue:{normal:"text-3"},state:{hover:!0,normal:!0,active:!0}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1"},compoDefaultValue:{attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,devices:{desktop:{default:"8px"}},ignoreMax:!0},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},hiddenSettings:["shape","gap"]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"left"}}},{id:"borderBtnV2",type:"border-v2",compoDefaultValue:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}},state:{hover:!0,normal:!0,active:!0}},{id:"roundedBtnV2",type:"corner-v2",compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},state:{hover:!0,normal:!0,active:!0}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1}}]}];export{e as CouponSettings};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"closeButtonPosition",type:"segment",options:[{label:"Inside",value:"inside"},{label:"Outside",value:"outside"}],default:"inside"},{id:"position",type:"position:square",default:"center"},{id:"effectType",type:"select",options:[{label:"Fade",value:"fade"},{label:"Zoom",value:"zoom"},{label:"Zoom out",value:"zoom-out"},{label:"Horizontal move",value:"horizontal"},{label:"Vertical move",value:"vertical"},{label:"3D unfold",value:"unfold"},{label:"None",value:"none"}],default:"fade"},{id:"closeOnClickOutside",type:"toggle",default:!0},{id:"name",type:"input",placeholder:"E.g. New popup",clearButton:!1,fallbackValue:"Popup",forceEmit:!0},{id:"width",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:"600px"},mobile:{default:"100%"}}},{id:"height",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:void 0}}},{id:"fullScreen",type:"toggle",devices:{desktop:{default:!1}}},{id:"
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"closeButtonPosition",type:"segment",options:[{label:"Inside",value:"inside"},{label:"Outside",value:"outside"}],default:"inside"},{id:"position",type:"position:square",default:"center"},{id:"effectType",type:"select",options:[{label:"Fade",value:"fade"},{label:"Zoom",value:"zoom"},{label:"Zoom out",value:"zoom-out"},{label:"Horizontal move",value:"horizontal"},{label:"Vertical move",value:"vertical"},{label:"3D unfold",value:"unfold"},{label:"None",value:"none"}],default:"fade"},{id:"closeOnClickOutside",type:"toggle",default:!0},{id:"name",type:"input",placeholder:"E.g. New popup",clearButton:!1,fallbackValue:"Popup",forceEmit:!0},{id:"width",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:"600px"},mobile:{default:"100%"}}},{id:"height",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:void 0}}},{id:"fullScreen",type:"toggle",devices:{desktop:{default:!1}}},{id:"overlayColor",type:"color-picker-v2",default:"#121212",compoDefaultValue:"#121212"},{id:"overlayOpacity",type:"input:slider",min:0,step:1,max:100,default:70,units:["%"],useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0},{id:"triggerTime",type:"input:slider",min:0,default:0,max:100,units:["s"],useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0},{id:"triggerPercentage",type:"input:slider",units:["%"],min:0,max:100,default:10,useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0},{id:"frequency",type:"input:slider",min:1,max:30,default:3,units:["days"],useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0},{id:"frequencyMode",type:"select",options:[{label:"Once per user",value:"once"},{label:"Each visit time",value:"every"},{label:"After a time",value:"after-period-time"}],default:"once"},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`<svg height="20" width="20" data-name="x-bold" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817606065848680">
|
|
2
2
|
<path fill="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"/>
|
|
3
3
|
</svg>`,compoDefaultValue:`<svg height="20" width="20" data-name="x-bold" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817606065848680">
|
|
4
4
|
<path fill="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ESTIMATE_DAYS as e,OUT_OF_STOCK as t,listFormatDate as a}from"../../common/helpers.js";let l=[{id:"setting",controls:[{id:"enableCustomText",label:"",type:"toggle",default:!0},{id:"
|
|
1
|
+
import{ESTIMATE_DAYS as e,OUT_OF_STOCK as t,listFormatDate as a}from"../../common/helpers.js";let l=[{id:"setting",controls:[{id:"enableCustomText",label:"",type:"toggle",default:!0},{id:"customText",type:"input",default:"Estimate delivery between"},{id:"typeEstimate",label:"Type",type:"option:value",default:e.RANGE,options:[{label:"Specific",value:e.SPECIFIC},{label:"Range",value:e.RANGE}]},{id:"minEstimate",label:"Min estimate",type:"input:unit",default:2,emptyOnClear:!1,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,min:1,max:99969999,fallbackValue:2},{id:"maxEstimate",label:"Max estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:1,max:99969999,fallbackValue:5},{id:"estimateTime",label:"Estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:0,max:99969999,fallbackValue:5},{id:"typeFormat",label:"Type",type:"select",default:a().FORMAT_1.value,options:[{label:a().FORMAT_1.Label,value:a().FORMAT_1.value},{label:a().FORMAT_2.Label,value:a().FORMAT_2.value},{label:a().FORMAT_3.Label,value:a().FORMAT_3.value},{label:a().FORMAT_4.Label,value:a().FORMAT_4.value},{label:a().FORMAT_5.Label,value:a().FORMAT_5.value},{label:a().FORMAT_6.Label,value:a().FORMAT_6.Label}]},{id:"customFormat",label:"Custom format",type:"input",default:"",placeholder:"Eg: %d, %b, %y"},{id:"visibility",type:"childrens"},{id:"ifOutOfStock",label:"If out of stock",type:"option:value",default:t.SHOW,options:[{label:"Show",value:t.SHOW},{label:"Hide",value:t.HIDE}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%"}}},settingConfig:{width:{displayOptions:["full","auto"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}}},hiddenSettings:["shape","gap","height"]},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#FFFFFF",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}}]},{id:"style",controls:[{id:"typoCustom",type:"typography-v2",default:{type:"paragraph-2",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"typoDate",type:"typography-v2",default:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{l as EstimateDateSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"callbackURL",type:"pick-link",label:"Pick Link",customLabel:"Action",default:{type:"stay-on-page",link:"",target:"_self"}},{id:"successMessage",type:"textarea",label:"Success Message",default:"Thanks for contacting us. We'll get back to you as soon as possible.",autoHeight:!0,minHeight:58,compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible."},{id:"successColor",type:"color-picker-v2",label:"Color",default:"#00A042",compoDefaultValue:"#00A042"},{id:"errorMessage",type:"textarea",label:"Error Message",default:"Can’t send email. Please try again later.",autoHeight:!0,minHeight:58,compoDefaultValue:"Can’t send email. Please try again later."},{id:"errorColor",type:"color-picker-v2",label:"Color",default:"#F44336",compoDefaultValue:"#F44336"},{id:"background",type:"background-media",ignoreReRender:!0,hideImage:!0,devices:{desktop:{default:{type:"color",color:"transparent"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#E2E2E2"}}}}
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"callbackURL",type:"pick-link",label:"Pick Link",customLabel:"Action",default:{type:"stay-on-page",link:"",target:"_self"}},{id:"successMessage",type:"textarea",label:"Success Message",default:"Thanks for contacting us. We'll get back to you as soon as possible.",autoHeight:!0,minHeight:58,compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible."},{id:"successColor",type:"color-picker-v2",label:"Color",default:"#00A042",compoDefaultValue:"#00A042"},{id:"errorMessage",type:"textarea",label:"Error Message",default:"Can’t send email. Please try again later.",autoHeight:!0,minHeight:58,compoDefaultValue:"Can’t send email. Please try again later."},{id:"errorColor",type:"color-picker-v2",label:"Color",default:"#F44336",compoDefaultValue:"#F44336"},{id:"background",type:"background-media",ignoreReRender:!0,hideImage:!0,devices:{desktop:{default:{type:"color",color:"transparent"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#E2E2E2"}}}}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"1200px",height:"Auto"}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]}]}];export{e as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"layout",type:"button-layout",default:"default",options:[{id:"default",value:"default",name:'<div class="h-40 w-[200px] rounded-medium bg-dark-200 p-10 flex items-center justify-center gap-4">SUBMIT</div>',icon:!0},{id:"rounded",value:"rounded",name:'<div class="h-40 w-[200px] rounded-medium bg-dark-200 p-10 flex items-center justify-center gap-4">SUBMIT</div>',icon:!0},{id:"bordered",value:"bordered",name:'<div class="h-40 w-[200px] rounded-medium bg-dark-200 p-10">SUBMIT</div>',icon:!1},{id:"underlined",value:"underlined",name:'<div class="h-40 w-[200px] rounded-medium bg-dark-200 p-10">SUBMIT</div>',icon:!1}]},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"label",label:"Text",type:"input",default:"<p>Submit</p>"},{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!1},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`<svg height="20" width="20" data-name="paper-plane-tilt-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508418468415996264">
|
|
2
2
|
<path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M231.4,44.34s0,.1,0,.15l-58.2,191.94a15.88,15.88,0,0,1-14,11.51q-.69.06-1.38.06a15.86,15.86,0,0,1-14.42-9.15L107,164.15a4,4,0,0,1,.77-4.58l57.92-57.92a8,8,0,0,0-11.31-11.31L96.43,148.26a4,4,0,0,1-4.58.77L17.08,112.64a16,16,0,0,1,2.49-29.8l191.94-58.2.15,0A16,16,0,0,1,231.4,44.34Z" /></svg>
|
|
3
|
-
`,placeholder:'E.g. <svg fill="currentColor"...'},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"left"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0},hover:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"borderBtn",type:"border",emptyOnClear:!0,default:{normal:{borderType:"none",border:"none",isCustom:!1,borderWidth:"1px",width:"1px 1px 1px 1px"},hover:{isCustom:!1,borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px"}},state:{hover:!0,normal:!0}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-3"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{hover:"text-3"}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1}},{id:"roundedBtn",type:"radius-preset",default:{normal:{radiusType:"small"}},state:{hover:!0,normal:!0}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-3"}},compoDefaultValue:{attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"
|
|
3
|
+
`,placeholder:'E.g. <svg fill="currentColor"...'},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"left"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0},hover:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"borderBtn",type:"border",emptyOnClear:!0,default:{normal:{borderType:"none",border:"none",isCustom:!1,borderWidth:"1px",width:"1px 1px 1px 1px"},hover:{isCustom:!1,borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px"}},state:{hover:!0,normal:!0}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-3"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{hover:"text-3"}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1}},{id:"roundedBtn",type:"radius-preset",default:{normal:{radiusType:"small"}},state:{hover:!0,normal:!0}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-3"}},compoDefaultValue:{attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:void 0}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}}]}];export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"layout",type:"layout",devices:{desktop:{default:{cols:[12],display:"fill",gap:"8px"}}}},{id:"horizontalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align horizontal center",iconName:"gp-align-center"},{label:"End",value:"end",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top",iconName:"gp-align-top"},{label:"Center",value:"center",tooltip:"Align vertical center",iconName:"gp-align-center-vertical"},{label:"End",value:"end",tooltip:"Align bottom",iconName:"gp-align-bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"inlineAlignment",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-justify-content-top"},{label:"Center",value:"center",iconName:"gp-justify-content-center"},{label:"End",value:"end",iconName:"gp-justify-content-bottom"}],default:"start"},{id:"blockAlignment",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-justify-content-top"},{label:"Center",value:"center",iconName:"gp-justify-content-center"},{label:"End",value:"end",iconName:"gp-justify-content-bottom"}],default:"start"},{id:"
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"layout",type:"layout",devices:{desktop:{default:{cols:[12],display:"fill",gap:"8px"}}}},{id:"horizontalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align horizontal center",iconName:"gp-align-center"},{label:"End",value:"end",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top",iconName:"gp-align-top"},{label:"Center",value:"center",tooltip:"Align vertical center",iconName:"gp-align-center-vertical"},{label:"End",value:"end",tooltip:"Align bottom",iconName:"gp-align-bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"inlineAlignment",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-justify-content-top"},{label:"Center",value:"center",iconName:"gp-justify-content-center"},{label:"End",value:"end",iconName:"gp-justify-content-bottom"}],default:"start"},{id:"blockAlignment",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-justify-content-top"},{label:"Center",value:"center",iconName:"gp-justify-content-center"},{label:"End",value:"end",iconName:"gp-justify-content-bottom"}],default:"start"},{id:"lazy",type:"toggle",label:"Lazyload",default:!1}]},{id:"style",controls:[{id:"enablePagePadding",label:"Page padding",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,devices:{desktop:{default:"16px"}}},{id:"verticalGutterMobile",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,devices:{desktop:{default:"0px"}}},{id:"columnGap",type:"input:slider",min:0,max:120,step:1,ignoreMax:!0,units:["%"],showDefaultUnit:!0,devices:{desktop:{default:"0%"}}},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!1}}}},{id:"preloadBgImage",type:"toggle",label:"Preload",default:!1}]}];export{e as SectionSettings};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"breakpoint",label:"Breakpoint",type:"select",hideOnMode:{mobileOnly:!0},options:[{label:"From desktop and smaller",subTitle:"Display menu icon for desktop, tablet and mobile",value:"desktop"},{label:"From tablet and smaller",subTitle:"Display menu icon for tablet and mobile",value:"tablet"},{label:"Only mobile",subTitle:"Display menu icon for only mobile",value:"mobile"}],default:"mobile"},{id:"itemEnableHoverEffect",type:"toggle",default:!1},{id:"enableDropdownHoverEffect",type:"toggle",default:!1},{id:"cardEnableHoverEffect",type:"toggle",default:!1},{id:"menu",label:"Menu",type:"menu",default:{ROOT:{id:"ROOT",title:"Root",childrens:["1","2","3"]},1:{id:"1",title:"Menu 1",link:"",childrens:["13","14"]},2:{id:"2",title:"Menu 2",link:"",childrens:["6","7","8"]},6:{id:"6",title:"Sub Menu 2.1",childrens:[]},7:{id:"7",title:"Sub Menu 2.2",childrens:["10","11"]},8:{id:"8",title:"Sub Menu 2.3",childrens:["12"]},9:{id:"9",title:"Sub Menu 2.4",childrens:[]},10:{id:"10",title:"Sub Menu 2.2.1",childrens:[]},11:{id:"11",title:"Sub Menu 2.2.2",childrens:[]},12:{id:"12",title:"Sub Menu 2.3.1",childrens:[]},3:{id:"3",title:"Menu 3",link:"",childrens:[]},13:{id:"13",title:"Sub Menu 1.1",link:"",childrens:[]},14:{id:"14",title:"Sub Menu 1.2",link:"",childrens:[]}}},{
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"breakpoint",label:"Breakpoint",type:"select",hideOnMode:{mobileOnly:!0},options:[{label:"From desktop and smaller",subTitle:"Display menu icon for desktop, tablet and mobile",value:"desktop"},{label:"From tablet and smaller",subTitle:"Display menu icon for tablet and mobile",value:"tablet"},{label:"Only mobile",subTitle:"Display menu icon for only mobile",value:"mobile"}],default:"mobile"},{id:"itemEnableHoverEffect",type:"toggle",default:!1},{id:"enableDropdownHoverEffect",type:"toggle",default:!1},{id:"cardEnableHoverEffect",type:"toggle",default:!1},{id:"menu",label:"Menu",type:"menu",default:{ROOT:{id:"ROOT",title:"Root",childrens:["1","2","3"]},1:{id:"1",title:"Menu 1",link:"",childrens:["13","14"]},2:{id:"2",title:"Menu 2",link:"",childrens:["6","7","8"]},6:{id:"6",title:"Sub Menu 2.1",childrens:[]},7:{id:"7",title:"Sub Menu 2.2",childrens:["10","11"]},8:{id:"8",title:"Sub Menu 2.3",childrens:["12"]},9:{id:"9",title:"Sub Menu 2.4",childrens:[]},10:{id:"10",title:"Sub Menu 2.2.1",childrens:[]},11:{id:"11",title:"Sub Menu 2.2.2",childrens:[]},12:{id:"12",title:"Sub Menu 2.3.1",childrens:[]},3:{id:"3",title:"Menu 3",link:"",childrens:[]},13:{id:"13",title:"Sub Menu 1.1",link:"",childrens:[]},14:{id:"14",title:"Sub Menu 1.2",link:"",childrens:[]}}},{id:"logo",label:"Logo",type:"image-select",devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:800,height:533}}}},{id:"logoAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"auto"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Fill",value:"fill"},{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"None",value:"none"},{label:"Scale down",value:"scale-down"}],devices:{desktop:{default:"contain"}}},{id:"logoWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"80px"}}},{id:"arrow",label:"Arrow Icon",type:"icon",default:`<svg data-name="chevron down" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.57576 6.77583C4.81007 6.54152 5.18997 6.54152 5.42429 6.77583L8.20002 9.55157L10.9758 6.77583C11.2101 6.54152 11.59 6.54152 11.8243 6.77583C12.0586 7.01015 12.0586 7.39005 11.8243 7.62436L8.62429 10.8244C8.38997 11.0587 8.01007 11.0587 7.77576 10.8244L4.57576 7.62436C4.34145 7.39005 4.34145 7.01015 4.57576 6.77583Z" fill="currentColor"/>
|
|
3
3
|
</svg>
|
|
4
|
-
`},{id:"
|
|
4
|
+
`},{id:"cartIcon",label:"Cart Icon",type:"icon",default:'<svg data-name="cart" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>'}]},{id:"style",controls:[{id:"height",label:"Height",type:"input:unit",units:["px"],devices:{desktop:{default:"60px"}}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"headerBg",type:"color-picker-v2",label:"Header",devices:{desktop:{default:"#FFFFFF"}}},{id:"menuBg",type:"color-picker-v2",label:"Menu",info:"Dropdown and collapse menu background color",compoDefaultValue:{desktop:{default:"#FFFFFF"}},devices:{desktop:{default:"#FFFFFF"}}},{id:"color-state",type:"behavior-state",controls:[{id:"textColor",label:"Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-1"}},{id:"menuTextColor",label:"Menu Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"text-1"},default:{normal:"text-1"}},{id:"cartIconColor",type:"color-picker-v2",label:"Cart Icon Color",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-1"}}]}]}];export{e as HeaderSettings};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{useEditorMode as s,filterToolbarPreview as i,getAspectRatioGlobalSize as r}from"@gem-sdk/core";import"../../common/const.js";import
|
|
2
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{useEditorMode as s,filterToolbarPreview as i,getAspectRatioGlobalSize as r}from"@gem-sdk/core";import"../../common/const.js";import l from"../../grid/components/row/Row.js";import{createStyle as m,createClass as a}from"@gem-sdk/system";import d from"../../image/components/AdaptiveImage.js";import p from"../../video/components/HTML5Embed.js";import{getContainerStyle as n,getOverlayStyle as c,getRowStyle as u,getAdaptiveStyle as y,getBackgroundStyle as f,getContainBackgroundStyle as v,getYoutubeIframeStyle as h,getHtml5VideoStyle as b}from"../common/styles.js";import{getContainerClasses as j,getOverlayClasses as g,getRowClasses as N,getAdaptivePictureClasses as k,getAdaptiveClasses as T,getBackgroundClasses as H,getContainBackgroundClasses as w,getHtml5VideoClasses as C,getWrapperYoutubeClasses as V,getIframeYoutubeClasses as B}from"../common/classes.js";import{getBackgroundImageHeroBanner as I,showVideoType as M,scrollToContentBanner as Y,getWidth as x,horizontalAlign as z,fallbackImg as E,getBgImage as L}from"../common/helpers.js";import A from"../../video/components/LiteYouTubeEmbed.js";import{getYoutubeVideoId as R,youtubeVideoRegex as $}from"../../video/common/helpers.js";import G from"../hooks/useHeroBannerItem.js";import{getYoutubeContentClasses as O}from"../../video/common/classes.js";let S=S=>{s();let{setting:W,styles:q,children:D,elementRef:F,transform:J,dataVideo:K,bgRef:P,isShowVideoHtml5:Q,layoutResponsive:U,heroBannerWrapperRef:X}=S,{layout:Z,verticalAlign:_,enableParallax:ee,alt:eo,title:et}=W??{},{background:es,overlayColor:ei,verticalGutter:er,sizeSetting:el,contentWidth:em,hoverEffect:ea,contentPosition1Col:ed,contentPosition2Col:ep,videoObjectFit:en}=q??{},ec=m({...n(q)}),eu=a({...j(W,q)}),ey=m({...c(q)}),ef=a({...g(q)}),ev=m({...u(q)}),eh=a({...N(q,W)}),eb=m({...y(q)}),ej=a({...k()}),eg=a({...T()}),eN=a({...H(ea,!1)}),ek=m({...I(es,!1,!0),...f(q,ee,J)}),eT=a({...w()}),eH=m({...v(q)}),ew=a({...C(!Q)}),{youtubeIframeWrapperRef:eC,resolvedAspectRatio:eV,youtubeAspectRatio:eB}=G({videoType:K?.videoType,sizeSetting:el,background:es,videoObjectFit:en,heroBannerWrapperRef:X,isYoutubeVideoMigrated:W?.isYoutubeVideoMigrated}),eI=m({...h(eB,en)}),eM=m({...b(eV,en,es)}),eY=a({...V(W?.isYoutubeVideoMigrated)}),ex=a({...B()}),ez=a({...O()}),eE=t(()=>{if(!M(es))return;if(K?.videoType==="html5"&&!K.videoHtml5||K?.videoType==="youtube"&&!K.video)return null;if(K?.type==="video"&&K?.videoType==="html5"&&K?.videoHtml5)return e(p,{muted:!0,loop:K?.loop,controls:!1,autoplay:!0,src:K?.videoHtml5||"",title:"Video",style:eM,className:ew});let o=K?.video??"",t=R(o),s=K?.loop?1:0,i=`&loop=${s}&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(K?.type==="video"&&K?.videoType==="youtube"&&t&&$.test(o))return e("div",{className:ez,ref:eC,children:e(A,{id:t,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:i,adNetwork:!1,noCookie:!0,muted:!0,lazy:K?.lazyLoad??!0,style:eI,wrapperClass:eY,iframeClass:ex})})},[K,es,ew,ex,eY,eI,eM,eC]);return o("div",{className:eu,style:ec,children:[o("div",{ref:F,className:eT,style:eH,children:[e("div",{ref:P,className:eN,style:ek,children:eE}),!!ei&&e("div",{"aria-label":"Overlay",className:ef,style:ey})]}),e(l,{className:eh,style:ev,setting:{layout:Z,horizontalAlign:z(Z,ed,ep),verticalAlign:_},styles:{verticalGutter:er??{desktop:"32px"},width:x(em),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:U?.cols?.length===1,onBlur:e=>Y(e),children:i(D)}),e(d,{pictureClass:ej,srcSet:L(es),className:eg,aspectRatio:r(el),style:eb,alt:eo,title:et,fallbackImg:E})]})};export{S as default};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import{template as e,getAspectRatioGlobalSize as t,DEVICES as o,getResponsiveValueByScreen as s,hasTranslatedLiquid as i}from"@gem-sdk/core";import l from"../../grid/components/row/Row.liquid.js";import{createStyle as a,createClass as r,If as m}from"@gem-sdk/system";import d from"../../image/components/AdaptiveImage.liquid.js";import n from"../../video/components/HTML5Embed.liquid.js";import{getContainerStyle as p,getOverlayStyle as u,getRowStyle as c,getAdaptiveStyle as f,getBackgroundStyle as
|
|
2
|
-
<div class="${
|
|
1
|
+
import{template as e,getAspectRatioGlobalSize as t,DEVICES as o,getResponsiveValueByScreen as s,hasTranslatedLiquid as i}from"@gem-sdk/core";import l from"../../grid/components/row/Row.liquid.js";import{createStyle as a,createClass as r,If as m}from"@gem-sdk/system";import d from"../../image/components/AdaptiveImage.liquid.js";import n from"../../video/components/HTML5Embed.liquid.js";import{getContainerStyle as p,getOverlayStyle as u,getRowStyle as c,getAdaptiveStyle as f,getBackgroundStyle as v,getContainBackgroundStyle as y,getYoutubeIframeStyle as g,getHtml5VideoStyle as j}from"../common/styles.js";import{getContainerClasses as $,getOverlayClasses as b,getRowClasses as h,getAdaptivePictureClasses as C,getAdaptiveClasses as I,getBackgroundClasses as k,getContainBackgroundClasses as w,getHtml5VideoClasses as x,getWrapperYoutubeClasses as T,getIframeYoutubeClasses as N,getLazyBackgroundClasses as q}from"../common/classes.js";import{getAspectRatio as L,getYoutubeAspectRatio as z,getBackgroundImageHeroBanner as H,getWidth as A,horizontalAlign as V,getEnableBgImageByDevice as B,getBgImage as E,showVideoType as R,getResponsiveSetting as S,fallbackImg as D}from"../common/helpers.js";import{getImageSrc as G}from"../../image/common/helpers.js";import M from"../../image/components/NextImage.liquid.js";import O from"../../video/components/LiteYouTubeEmbed.liquid.js";import{getYoutubeVideoId as U,youtubeVideoRegex as W}from"../../video/common/helpers.js";import{isRenderHtmlVideo as Y}from"../../grid/components/row/common/helpers.js";import{PRIORITY_LOAD_ATTRS as F}from"../../image/constants.js";import{getSeoTranslated as J}from"../../helpers.js";let K=K=>{let{translatedBackground:P,setting:Q,styles:X,children:Z,builderProps:_,rawChildren:ee,pageContext:et}=K,{layout:eo,verticalAlign:es,enableParallax:ei,alt:el,title:ea,preload:er,isYoutubeVideoMigrated:em}=Q??{},{background:ed,overlayColor:en,verticalGutter:ep,sizeSetting:eu,contentWidth:ec,hoverEffect:ef,contentPosition1Col:ev,contentPosition2Col:ey,videoObjectFit:eg}=X??{},ej=!er&&(et?.enableLazyLoadImage??!0),e$=L(eu,ed),eb=z(ed,eg,e$),eh=S(P||{}),eC=eh.desktop,eI=a({...p(X)}),ek=r({...$(Q,X)}),ew=a({...u(X)}),ex=r({...b(X)}),eT=a({...c(X)}),eN=r({...h(X,Q)}),eq=a({...f(X)}),eL=r({...C()}),ez=r({...I()}),eH=r({...k(ef,ej)}),eA=a({...H(P,ej,!1),...v(X,ei,"")}),eV=r({...w()}),eB=a({...y(X)}),eE=r({...x(!1)}),eR=a({...g(eb,eg)}),eS=r({...T(em)}),eD=a({...j(e$,eg,ed)}),eG=r({...N()}),eM=e=>r({...q(e)});return e`
|
|
2
|
+
<div class="${ek}" style="${eI}">
|
|
3
3
|
<div
|
|
4
4
|
class="${eV}"
|
|
5
5
|
style="${eB}"
|
|
6
6
|
>
|
|
7
7
|
<div class="${eH}" style="${eA}">
|
|
8
|
-
${(()=>{if(!er)return o.map(e=>m(B(e,P),
|
|
9
|
-
${(()=>{if(!R(ed))return;if(
|
|
8
|
+
${(()=>{if(!er)return o.map(e=>m(B(e,P),M({src:G(s(E(P),e),e),alt:J({valueTranslate:el,uid:_?.uid,settingId:"alt",pageContext:et??{}}),title:J({valueTranslate:ea,uid:_?.uid,settingId:"title",pageContext:et??{}}),className:eM(e),isDisableAspectStyle:!0,pageContext:et}))).join("")})()}
|
|
9
|
+
${(()=>{if(!R(ed))return;if(Y(ed))return n({uid:_?.uid,muted:!0,loop:eC?.loop,controls:!1,autoplay:!0,src:eC?.videoHtml5||"",title:"Video",style:eD,className:eE,pageContext:et});let e=eC?.video??"",t=U(e),o=`&loop=false&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`,s=i(e);if(eC?.type==="video"&&eC?.videoType==="youtube"&&t&&W.test(e)||s)return O({uid:_?.uid,id:t??"",translatedVideoUrl:s?e:"",isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:o,adNetwork:!1,noCookie:!0,muted:!0,lazy:eC?.lazyLoad??!0,style:eR,wrapperClass:eS,iframeClass:eG,pageContext:et})})()}
|
|
10
10
|
</div>
|
|
11
|
-
${m(!!en,e`<div aria-label="Overlay" class="${
|
|
11
|
+
${m(!!en,e`<div aria-label="Overlay" class="${ex}" style="${ew}"> </div>`)}
|
|
12
12
|
</div>
|
|
13
|
-
${l({className:eN,style:
|
|
14
|
-
${d({pictureClass:eL,srcSet:E(P),className:ez,...er&&
|
|
13
|
+
${l({className:eN,style:eT,setting:{layout:eo,horizontalAlign:V(eo,ev,ey),verticalAlign:es},styles:{verticalGutter:ep??{desktop:"32px"},width:A(ec),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:Z,rawChildren:ee})}
|
|
14
|
+
${d({pictureClass:eL,srcSet:E(P),className:ez,...er&&F,aspectRatio:t(eu),style:eq,alt:J({valueTranslate:el,uid:_?.uid,settingId:"alt",pageContext:et??{}}),title:J({valueTranslate:ea,uid:_?.uid,settingId:"title",pageContext:et??{}}),pageContext:et,fallbackImg:D})}
|
|
15
15
|
</div>
|
|
16
16
|
`};export{K as default};
|
|
@@ -143,4 +143,4 @@ let e=[{id:"setting",controls:[{id:"layout",type:"layout-banner",devices:{deskto
|
|
|
143
143
|
d="M4.39584 15.625C3.36031 15.625 2.52084 14.7855 2.52084 13.75V12.5C2.52084 11.4645 3.36031 10.625 4.39584 10.625H14.3958C15.4314 10.625 16.2708 11.4645 16.2708 12.5V13.75C16.2708 14.7855 15.4314 15.625 14.3958 15.625H4.39584ZM3.77084 13.75C3.77084 14.0952 4.05066 14.375 4.39584 14.375H14.3958C14.741 14.375 15.0208 14.0952 15.0208 13.75V12.5C15.0208 12.1548 14.741 11.875 14.3958 11.875H4.39584C4.05066 11.875 3.77084 12.1548 3.77084 12.5V13.75Z"
|
|
144
144
|
fill="currentColor"
|
|
145
145
|
/>
|
|
146
|
-
</svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"
|
|
146
|
+
</svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0},{id:"isYoutubeVideoMigrated",type:"toggle",default:!1}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%",shapeVideo:"16/9",enableVideoShape:!1}},mobile:{default:{shape:"custom",width:"100%",shapeVideo:"custom",enableVideoShape:!1}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],displayVideoOptions:["1/1","3/2","4/3","16/9","21/9","2/3","3/4","9/16","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"videoObjectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill video",value:"cover",type:"image",svgName:"gp-video-cover"},{label:"Fit video",value:"contain",type:"image",svgName:"gp-video-contain"}],devices:{desktop:{default:"cover"}}},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showRatioVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1,videoAlign:"center"}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"https://www.youtube.com/watch?v=NfASaHFN1zg",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0,lazyLoad:!1}}}},{id:"hoverEffect",type:"toggle",default:!1},{id:"hoverEffectScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:5,default:"120%",showDefaultUnit:!0},{id:"hoverEffectDuration",label:"Zoom Time",type:"input:unit",units:["s"],min:0,default:.5,inputType:"number",placeholder:"",disableAutoValue:!0,showDefaultUnit:!0},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:void 0}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition1Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"contentPosition2Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"default"},tablet:{default:"default"},mobile:{default:"default"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"20%",hover:"20%"},showDefaultUnit:!0},{id:"overlayColor",label:"Color",type:"color-picker-v2",state:{normal:!0,hover:!0}},{id:"borderBg",type:"border-v2",label:"Border",compoDefaultValue:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},{id:"cornerBg",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadowBg",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"contentPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}}}]}];export{e as SettingsV2};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"imageStyle",label:"Style",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,popoverLabel:"Style",itemPerRow:2,itemSpacing:"large",options:[{label:"Rectangle",value:"rectangle",iconName:"gp-image-rectangle-style"},{label:"Circle",value:"circle",iconName:"gp-image-circle-style"}],default:"rectangle"},{id:"image
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"imageStyle",label:"Style",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,popoverLabel:"Style",itemPerRow:2,itemSpacing:"large",options:[{label:"Rectangle",value:"rectangle",iconName:"gp-image-rectangle-style"},{label:"Circle",value:"circle",iconName:"gp-image-circle-style"}],default:"rectangle"},{id:"image",type:"image-select",label:"Pick Image",default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}},{id:"srcSet",type:"image-select",hide:!0,dynamicSource:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"isAdaptive",type:"toggle",label:"Adaptive",default:!0,hideOnMode:{mobileOnly:!0}},{id:"enableImageLink",type:"toggle",default:!1,compoDefaultValue:!1},{id:"imageLink",type:"pick-link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0},{id:"optimize",type:"group",label:"Optimize",hiddenWithGemPages:!0,controls:[{id:"qualityType",type:"select",label:"Quality",devices:{desktop:{default:"high"}},options:[{title:"Finest",value:"finest"},{title:"High",value:"high"},{title:"Medium",value:"medium"},{title:"Custom",value:"custom",tooltip:"You can choose it for advanced page loading optimization."}]},{id:"qualityPercent",type:"input:slider",label:"",units:["%"],showDefaultUnit:!0,min:100,max:400,step:50,useOnlyUnitInit:!0,isNumber:!0,devices:{desktop:{default:100}}},{id:"priority",type:"toggle",label:"Preload",default:!1}]}]},{id:"style",controls:[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",shapeLinked:!0,width:"1200px"}}},settingConfig:{width:{displayOptions:["full"]},height:{displayOptions:["full"],units:["px","%"]}},hiddenSettings:["padding","gap"]},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:{desktop:{default:"cover"}}},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"wrapperBorder",type:"border",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",isCustom:!0}},{id:"borderRadius",type:"radius-preset",label:"Corner",default:{radiusType:"none"},compoDefaultValue:{bblr:"20px",btrr:"20px",bbrr:"20px",btlr:"20px",radiusType:"rounded"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadow",type:"shadow-v2",label:"Button Shadow",default:{type:"none",distance:"10px",blur:"12px",spread:"10px",color:"rgba(18, 18, 18, 0.77)",angle:40}}]}];export{e as ImageSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"imageLeft",type:"image",default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_compare_before.png",width:900,height:600},hiddenSetting:{seo:!0,optimizeLCP:!0}},{id:"imageRight",type:"image",default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_compare_after.png",width:900,height:600},hiddenSetting:{seo:!0,optimizeLCP:!0}},{id:"preload",type:"toggle",label:"Preload",default:!1},{id:"qualityType",type:"select",label:"Quality",devices:{desktop:{default:"high"}},options:[{title:"Finest",value:"finest"},{title:"High",value:"high"},{title:"Medium",value:"medium"},{title:"Custom",value:"custom",tooltip:"You can choose it for advanced page loading optimization."}]},{id:"qualityPercent",type:"input:slider",label:"",units:["%"],min:100,max:400,step:50,useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0,devices:{desktop:{default:100}}},{id:"direction",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"Horizontal",value:"horizontal",iconName:"gp-image-comparison-horizontal"},{label:"Vertical",value:"vertical",iconName:"gp-image-comparison-vertical"}],default:"horizontal"},{id:"hoverToSlide",type:"select",options:[{label:"Drag to move",value:!1},{label:"Hover to move",value:!0}],label:"Behavior",default:!1},{id:"defaultPercentage",label:"Default ratio",type:"input:slider",useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0,units:["%"],hide:!0,min:1,max:100,default:50},{id:"enableLabel",type:"toggle",default:!1},{id:"leftImageLabel",label:"First Description",type:"input",default:"Before"},{id:"rightImageLabel",label:"Second Description",type:"input",default:"After"},{id:"enableSEOLeft",type:"toggle",default:!1},{id:"enableSEORight",type:"toggle",default:!1},{id:"altLeft",label:"First image alt text",type:"textarea",minHeight:76,autoHeight:!0,placeholder:"E.g: image of an iphone",default:"Describes the appearance of the image"},{id:"altRight",label:"Second image alt text",type:"textarea",minHeight:76,autoHeight:!0,placeholder:"E.g: image of an iphone",default:"Describes the appearance of the image"},{id:"titleLeft",label:"First image title",info:"Show title when hover to first image",type:"input",placeholder:"E.g: iphone compare",default:"Title"},{id:"titleRight",label:"Second image title",info:"Show title when hover to second image",type:"input",placeholder:"E.g: iphone compare",default:"Title"}]},{id:"style",controls:[{id:"labelPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"4px",bottom:"4px",right:"4px",linked:!0}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"4px",bottom:"4px",right:"4px",linked:!0}}}},{id:"labelBackgroundColor",type:"color-picker-v2",devices:{desktop:{default:"rgba(0, 0, 0, 0.60)"}}},{id:"labelPositionHoz",label:"Position",type:"option:value",devices:{desktop:{default:"hoz-center"}},options:[{label:"Top",value:"top",iconName:"gp-justify-content-top"},{label:"Center",value:"hoz-center",iconName:"gp-justify-content-center"},{label:"Bottom",value:"bottom",iconName:"gp-justify-content-bottom"}]},{id:"labelPositionVer",label:"Position",type:"option:value",devices:{desktop:{default:"ver-center"}},options:[{label:"Left",value:"left",iconName:"gp-justify-content-left"},{label:"Center",value:"ver-center",iconName:"gp-justify-content-middle"},{label:"Right",value:"right",iconName:"gp-justify-content-right"}]},{id:"labelTextColor",type:"colorpicker",label:"Text Color",default:"#FFFFFF"},{id:"labelBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-1",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-1",width:"1px",borderWidth:"1px"}}}},{id:"labelRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"labelShadow",type:"shadow-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"aspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Original",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"imageScale",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:{desktop:{default:"cover"}}},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",emptyOnClear:!0,placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"typo",type:"typography-combo",default:{type:"paragraph-2"},ignoreReRender:!0,compoDefaultValue:{attrs:{color:"#FFFFFF"}},hiddenSetting:{textAlign:!0}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}}]}];export{e as ImageComparisonSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=({styles:e,setting:t})=>{let{fullWidth:
|
|
1
|
+
let e=({styles:e,setting:t})=>{let{fullWidth:i,width:n,color:o,thickness:l,lineStyle:r}=e??{},{position:f}=t??{};return{fullWidth:i,width:n,position:f??"left",color:o,lineStyle:r,thickness:l}};export{e as getConfigLine};
|