@gem-sdk/components 11.2.5 → 12.0.0-dev.25
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/builder.js +1 -1
- package/dist/cjs/carousel-v3/hooks/useCarousel.js +1 -1
- package/dist/cjs/countdown-timer/common/helpers.js +1 -1
- package/dist/cjs/countdown-timer/hooks/useCountDownTimer.js +1 -1
- package/dist/cjs/countdown-timer/hooks/useTimeLeft.js +1 -1
- package/dist/cjs/countdown-timer/settings/Countdown.js +1 -1
- package/dist/cjs/countdown-timer/settings/configs/setting.js +1 -1
- package/dist/cjs/countdown-timer/settings/configs/ui-v2.js +1 -1
- package/dist/cjs/coupon/settings/configs/presets.js +1 -1
- package/dist/cjs/helpers.js +1 -1
- package/dist/cjs/hero-banner/common/classes.js +1 -1
- package/dist/cjs/hero-banner/common/const.js +1 -1
- package/dist/cjs/hero-banner/common/helpers.js +1 -1
- package/dist/cjs/hero-banner/common/styles.js +1 -1
- package/dist/cjs/hero-banner/components/HeroBanner.js +1 -1
- package/dist/cjs/hero-banner/components/HeroBanner.liquid.js +9 -9
- package/dist/cjs/hero-banner/components/HeroBannerItem.js +1 -1
- package/dist/cjs/hero-banner/components/HeroBannerItem.liquid.js +10 -10
- package/dist/cjs/hero-banner/hooks/useHeroBanner.js +1 -1
- package/dist/cjs/hero-banner/hooks/useHeroBannerItem.js +1 -0
- package/dist/cjs/hero-banner/settings/configs/presets/banner-video-pre-sales-page.js +1 -1
- package/dist/cjs/hero-banner/settings/configs/presets/banner-video.js +1 -1
- package/dist/cjs/hero-banner/settings/configs/settings.js +1 -1
- package/dist/cjs/hero-banner/settings/configs/ui-v2.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/marquee/components/Marquee.liquid.js +6 -6
- package/dist/cjs/next.js +1 -1
- package/dist/cjs/post-purchase/buyer-consent/common/classes.js +1 -0
- package/dist/cjs/post-purchase/buyer-consent/common/helpers.js +1 -0
- package/dist/cjs/post-purchase/buyer-consent/common/styles.js +1 -0
- package/dist/cjs/post-purchase/buyer-consent/components/BuyerConsent.js +1 -0
- package/dist/cjs/post-purchase/buyer-consent/index.js +1 -0
- package/dist/cjs/post-purchase/buyer-consent/next.js +1 -0
- package/dist/cjs/post-purchase/buyer-consent/settings/buyer-consent/configs/presets.js +5 -0
- package/dist/cjs/post-purchase/buyer-consent/settings/buyer-consent/configs/settings.js +1 -0
- package/dist/cjs/post-purchase/buyer-consent/settings/buyer-consent/configs/ui-v2.js +1 -0
- package/dist/cjs/post-purchase/buyer-consent/settings/buyer-consent/index.js +5 -0
- package/dist/cjs/post-purchase/countdown-timer/hooks/useCountdownTimer.js +1 -1
- package/dist/cjs/post-purchase/product/components/AcceptButton.js +1 -1
- package/dist/cjs/post-purchase/product/components/ProductPrice.js +1 -1
- package/dist/cjs/post-purchase/product/components/ProductPriceBreakdown.js +1 -1
- package/dist/cjs/post-purchase/product/components/price-breakdown/MoneyLine.js +1 -1
- package/dist/cjs/post-purchase/product/components/product-offer/hooks/useProductOfferData.js +1 -1
- package/dist/cjs/post-purchase/product/components/product-subscription/ProductSubscription.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/common/attrs.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/common/classes.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/common/extractSellingPlanSettings.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/common/styles.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/components/OneTimePurchaseTooltip.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/components/SellingPlanDropdown.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/components/SellingPlanLabel.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/components/SellingPlanRadio.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/components/SubscriptionDetail.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/components/SubscriptionRadio.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/hooks/useSellingPlanChange.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/hooks/useSellingPlanOptions.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/hooks/useSellingSubscription.js +1 -0
- package/dist/cjs/post-purchase/product/components/product-subscription/hooks/useSubscriptionVisibility.js +1 -0
- package/dist/cjs/post-purchase/product/constants/ProductOfferPlaceholder.js +1 -1
- package/dist/cjs/post-purchase/product/constants/index.js +1 -1
- package/dist/cjs/post-purchase/product/hooks/useGetMoneyLines.js +1 -1
- package/dist/cjs/post-purchase/product/hooks/useGetTextSetting.js +1 -1
- package/dist/cjs/post-purchase/product/hooks/useSubscriptionConsentCheck.js +1 -0
- package/dist/cjs/post-purchase/product/index.js +1 -1
- package/dist/cjs/post-purchase/product/next.js +1 -1
- package/dist/cjs/post-purchase/product/settings/presets-config/product-presets/product-offer-1-col.js +1 -1
- package/dist/cjs/post-purchase/product/settings/presets-config/product-presets/product-offer-2-col.js +1 -1
- package/dist/cjs/post-purchase/product/settings/presets-config/product-presets/product-offer-default.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-discount-tag/configs/setting-v2.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-price/configs/settings-v2.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-price/configs/ui-v2.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-price-breakdown/configs/settings.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-price-breakdown/configs/ui-v2.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-subscription/configs/presets.js +10 -0
- package/dist/cjs/post-purchase/product/settings/product-subscription/configs/settings.js +1 -0
- package/dist/cjs/post-purchase/product/settings/product-subscription/configs/ui-v2.js +1 -0
- package/dist/cjs/post-purchase/product/settings/product-subscription/index.js +10 -0
- package/dist/cjs/postPurchaseSetting.js +1 -1
- package/dist/cjs/product/components/product-badge/ProductBadge.js +1 -1
- package/dist/cjs/product/components/product-badge/ProductBadge.liquid.js +18 -18
- package/dist/cjs/product/components/product-badge/common/classes.js +1 -1
- package/dist/cjs/product/components/product-badge/common/styles.js +1 -1
- package/dist/cjs/product/components/product-badge/utils/common.js +1 -1
- package/dist/cjs/product/components/product-badge/utils/renderBadgeLiquid.js +3 -4
- package/dist/cjs/product/components/product-button/hooks/useAddToCart.js +1 -1
- package/dist/cjs/product/components/product-discount-tag/hooks/useGpDiscountTag.js +1 -1
- package/dist/cjs/product/components/product-list-v3/ProductList.js +1 -1
- package/dist/cjs/product/components/product-list-v3/common/classes.js +1 -1
- package/dist/cjs/product/components/product-price/hooks/useGpPrice.js +1 -1
- package/dist/cjs/product/helpers/product-bundle.js +1 -1
- package/dist/cjs/product/settings/bundle-layout/horizontal-three.js +1 -1
- package/dist/cjs/product/settings/bundle-layout/horizontal-two.js +1 -1
- package/dist/cjs/product/settings/product-quantity/configs/presets.js +1 -1
- package/dist/cjs/sticky/settings/configs/presets.js +2 -2
- package/dist/cjs/video/common/classes.js +1 -1
- package/dist/cjs/video/components/LiteYouTubeEmbed.js +1 -1
- package/dist/cjs/video/components/LiteYouTubeEmbed.liquid.js +7 -5
- package/dist/cjs/video/settings/configs/settings.js +1 -1
- package/dist/esm/builder.js +1 -1
- package/dist/esm/carousel-v3/hooks/useCarousel.js +1 -1
- package/dist/esm/countdown-timer/common/helpers.js +1 -1
- package/dist/esm/countdown-timer/hooks/useCountDownTimer.js +1 -1
- package/dist/esm/countdown-timer/hooks/useTimeLeft.js +1 -1
- package/dist/esm/countdown-timer/settings/Countdown.js +3 -3
- package/dist/esm/countdown-timer/settings/configs/setting.js +1 -1
- package/dist/esm/countdown-timer/settings/configs/ui-v2.js +1 -1
- package/dist/esm/coupon/settings/configs/presets.js +1 -1
- package/dist/esm/helpers.js +1 -1
- package/dist/esm/hero-banner/common/classes.js +1 -1
- package/dist/esm/hero-banner/common/const.js +1 -1
- package/dist/esm/hero-banner/common/helpers.js +1 -1
- package/dist/esm/hero-banner/common/styles.js +1 -1
- package/dist/esm/hero-banner/components/HeroBanner.js +1 -1
- package/dist/esm/hero-banner/components/HeroBanner.liquid.js +12 -12
- package/dist/esm/hero-banner/components/HeroBannerItem.js +1 -1
- package/dist/esm/hero-banner/components/HeroBannerItem.liquid.js +10 -10
- package/dist/esm/hero-banner/hooks/useHeroBanner.js +1 -1
- package/dist/esm/hero-banner/hooks/useHeroBannerItem.js +1 -0
- package/dist/esm/hero-banner/settings/configs/presets/banner-video-pre-sales-page.js +1 -1
- package/dist/esm/hero-banner/settings/configs/presets/banner-video.js +1 -1
- package/dist/esm/hero-banner/settings/configs/settings.js +1 -1
- package/dist/esm/hero-banner/settings/configs/ui-v2.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/marquee/components/Marquee.liquid.js +18 -18
- package/dist/esm/next.js +1 -1
- package/dist/esm/post-purchase/buyer-consent/common/classes.js +1 -0
- package/dist/esm/post-purchase/buyer-consent/common/helpers.js +1 -0
- package/dist/esm/post-purchase/buyer-consent/common/styles.js +1 -0
- package/dist/esm/post-purchase/buyer-consent/components/BuyerConsent.js +1 -0
- package/dist/esm/post-purchase/buyer-consent/index.js +1 -0
- package/dist/esm/post-purchase/buyer-consent/next.js +1 -0
- package/dist/esm/post-purchase/buyer-consent/settings/buyer-consent/configs/presets.js +5 -0
- package/dist/esm/post-purchase/buyer-consent/settings/buyer-consent/configs/settings.js +1 -0
- package/dist/esm/post-purchase/buyer-consent/settings/buyer-consent/configs/ui-v2.js +1 -0
- package/dist/esm/post-purchase/buyer-consent/settings/buyer-consent/index.js +5 -0
- package/dist/esm/post-purchase/countdown-timer/hooks/useCountdownTimer.js +1 -1
- package/dist/esm/post-purchase/product/components/AcceptButton.js +1 -1
- package/dist/esm/post-purchase/product/components/ProductPrice.js +1 -1
- package/dist/esm/post-purchase/product/components/ProductPriceBreakdown.js +1 -1
- package/dist/esm/post-purchase/product/components/price-breakdown/MoneyLine.js +1 -1
- package/dist/esm/post-purchase/product/components/product-offer/hooks/useProductOfferData.js +1 -1
- package/dist/esm/post-purchase/product/components/product-subscription/ProductSubscription.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/common/attrs.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/common/classes.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/common/extractSellingPlanSettings.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/common/styles.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/components/OneTimePurchaseTooltip.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/components/SellingPlanDropdown.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/components/SellingPlanLabel.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/components/SellingPlanRadio.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/components/SubscriptionDetail.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/components/SubscriptionRadio.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/hooks/useSellingPlanChange.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/hooks/useSellingPlanOptions.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/hooks/useSellingSubscription.js +1 -0
- package/dist/esm/post-purchase/product/components/product-subscription/hooks/useSubscriptionVisibility.js +1 -0
- package/dist/esm/post-purchase/product/constants/ProductOfferPlaceholder.js +1 -1
- package/dist/esm/post-purchase/product/constants/index.js +1 -1
- package/dist/esm/post-purchase/product/hooks/useGetMoneyLines.js +1 -1
- package/dist/esm/post-purchase/product/hooks/useGetTextSetting.js +1 -1
- package/dist/esm/post-purchase/product/hooks/useSubscriptionConsentCheck.js +1 -0
- package/dist/esm/post-purchase/product/index.js +1 -1
- package/dist/esm/post-purchase/product/next.js +1 -1
- package/dist/esm/post-purchase/product/settings/presets-config/product-presets/product-offer-1-col.js +1 -1
- package/dist/esm/post-purchase/product/settings/presets-config/product-presets/product-offer-2-col.js +1 -1
- package/dist/esm/post-purchase/product/settings/presets-config/product-presets/product-offer-default.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-discount-tag/configs/setting-v2.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-price/configs/settings-v2.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-price/configs/ui-v2.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-price-breakdown/configs/settings.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-price-breakdown/configs/ui-v2.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-subscription/configs/presets.js +10 -0
- package/dist/esm/post-purchase/product/settings/product-subscription/configs/settings.js +1 -0
- package/dist/esm/post-purchase/product/settings/product-subscription/configs/ui-v2.js +1 -0
- package/dist/esm/post-purchase/product/settings/product-subscription/index.js +10 -0
- package/dist/esm/postPurchaseSetting.js +1 -1
- package/dist/esm/product/components/product-badge/ProductBadge.js +1 -1
- package/dist/esm/product/components/product-badge/ProductBadge.liquid.js +22 -22
- package/dist/esm/product/components/product-badge/common/classes.js +1 -1
- package/dist/esm/product/components/product-badge/common/styles.js +1 -1
- package/dist/esm/product/components/product-badge/utils/common.js +1 -1
- package/dist/esm/product/components/product-badge/utils/renderBadgeLiquid.js +3 -4
- package/dist/esm/product/components/product-button/hooks/useAddToCart.js +1 -1
- package/dist/esm/product/components/product-discount-tag/hooks/useGpDiscountTag.js +1 -1
- package/dist/esm/product/components/product-list-v3/ProductList.js +1 -1
- package/dist/esm/product/components/product-list-v3/common/classes.js +1 -1
- package/dist/esm/product/components/product-price/hooks/useGpPrice.js +1 -1
- package/dist/esm/product/helpers/product-bundle.js +1 -1
- package/dist/esm/product/settings/bundle-layout/horizontal-three.js +1 -1
- package/dist/esm/product/settings/bundle-layout/horizontal-two.js +1 -1
- package/dist/esm/product/settings/product-quantity/configs/presets.js +1 -1
- package/dist/esm/sticky/settings/configs/presets.js +2 -2
- package/dist/esm/video/common/classes.js +1 -1
- package/dist/esm/video/components/LiteYouTubeEmbed.js +1 -1
- package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js +17 -15
- package/dist/esm/video/settings/configs/settings.js +1 -1
- package/dist/types/index.d.ts +97 -15
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
let horizontalThree=[{advanced:{},childrens:[{childrens:[{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{
|
|
1
|
+
let horizontalThree=[{advanced:{},childrens:[{childrens:[{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{},hasBoxShadow:{desktop:{normal:!1}},left:{desktop:"0px"},op:{desktop:"100%"},pos:{desktop:"relative"},right:{desktop:"0px"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"8px"}}},z:{desktop:1}},label:"Product Badge",settings:{contentType:"text",displayContent:"SALE {percent_discount}",translate:"displayContent",displayTrigger:[{conditionType:"exact_or_above",from:"1",priority:0,quantityType:"exact_or_above",to:"15",triggerEvent:"inventory_status",type:"in_stock"}],image:{src:"https://cdn.shopify.com/s/files/1/0697/6182/7064/files/gempages_523190969722471488-fc9fecb6-26b8-4836-b417-2dfb9ea43bd5.png?v=1723733677"},positionWithImage:"outside",shape:"horizontal_rectangle"},styles:{align:{desktop:"left"},badgeColorV2:{desktop:"#FF614C"},borderRadius:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"custom"},hasShadow:!1,imageSize:{desktop:{disableShapeLinked:!0,height:"auto",shape:"original",shapeLinked:!0,width:"20%"}},position:{desktop:{bottomGap:"0",leftGap:"0",placement:"top-left",rightGap:"0",topGap:"0"}},shapeShadow:{angle:90,blur:"12px",color:"#121212",distance:"4px",spread:"0px",type:"shadow-1"},textColor:"text-3",textSize:{desktop:{disableShapeLinked:!0,gap:"",height:"Auto",hiddenShape:!0,padding:{bottom:"8px",left:"12px",right:"12px",top:"8px"},shape:"custom",shapeLinked:!1,width:"100%"}},typo:{attrs:{color:"text-3"},custom:{fontSize:{desktop:"15px"}},type:"paragraph-1"},textSizeV2:{desktop:{width:"100%",height:"auto",shapeLinked:!1,disableShapeLinked:!0,hiddenShape:!0,shape:"custom",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"}}}},tag:"ProductBadge",uid:"gXAaVIfN3P",childrens:[]},{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"},hasBoxShadow:{desktop:{normal:!1}},op:{desktop:"100%"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{}}}},label:"Image",settings:{image:{height:1678,src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237},imageLink:{link:"",target:"_self"},isAdaptive:!0,isNotLazyload:!1,priority:!1,quality:70,srcSet:{desktop:{height:240,src:"https://cdn.shopify.com/s/files/1/0617/5296/7323/files/gempages_516637113702155432-d6e2c48e-485d-4db2-a00e-9fe3bde2c3d5.png",storage:"FILE_CONTENT",width:241}}},styles:{align:{desktop:"center"},borderImg:{normal:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!1,width:"1px 1px 1px 1px"}},borderRadius:{radiusType:"none"},boxShadowImg:{normal:{angle:90,blur:"12px",color:"rgba(0, 0, 0, 0.20)",distance:"4px",spread:"0px",type:"shadow-1"}},hasActiveShadow:!1,hasBoxShadowImg:{normal:!1},objectFit:{desktop:"cover"},opacity:{normal:0},opacityColor:{normal:"#242424"},shadow:{angle:40,blur:"12px",color:"rgba(18, 18, 18, 0.77)",distance:"10px",spread:"10px",type:"custom"},shape:{desktop:{gap:"",height:"",shape:"original",shapeLinked:!0,width:"100%"}},wrapperBorder:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!0,position:"all",width:"1px 1px 1px 1px"}},tag:"Image",uid:"gdzIKI_0T_"},{childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"bundle-title",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{bold:!0,color:"#121212"},type:"subheading-2"}},tag:"Text",uid:"gn1nFyt3q6"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"<p>Deluxe choice</p>",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{color:"#121212"},type:"paragraph-1"}},tag:"Text",uid:"gRom-20zjM"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[{childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-2"},lineThrough:!0,thickness:2,lineColor:"text-2",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"}},defaultPresetConfig:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-2"},lineThrough:!0,thickness:2,lineColor:"text-2",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"},"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"},animation:{desktop:{enabled:!1,trigger:"appear",triggerConfig:{appear:{animation:"fade",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!0,easing:"ease-out",zoomDirection:"in",scale:{in:[80,100],out:[120,100]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}},hover:{animation:"none",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!1,easing:"ease-out",zoomDirection:"in",scale:{in:[100,120],out:[100,80]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}}}}},priceType:"compare"}}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gzjaV2bhnA"},{childrens:[{childrens:[],label:"Product Price",settings:{hasOnlyDefaultVariant:!1},styles:{color:{normal:"#242424"},hasTextShadow:{normal:!1},lineColor:"text-1",lineThrough:!0,priceType:"regular",textAlign:{desktop:"right"},textShadow:{normal:{type:"shadow-1"}},thickness:1,typo:{type:"subheading-2"}},tag:"ProductPrice",uid:"gPxDKeAt0Y"}],label:"Block",settings:{},tag:"Col",uid:"gaMYmxtRAS"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"center"},inlineAlignment:"start",layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!1,mobile:!1,tablet:!1},preloadBgImage:!1,verticalGutter:{desktop:"8px"},width:{desktop:"100%"}},tag:"Row",uid:"gQvPWxec6X"}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gY3R2wmMlG"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"space-between"},inlineAlignment:"start",layout:{desktop:{cols:[12],display:"fill"},mobile:{cols:[12],display:"fill"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!0,mobile:!0,tablet:!0},preloadBgImage:!1,verticalGutter:{desktop:"16px"},width:{}},tag:"Row"}];export{horizontalThree};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let horizontalTwo=[{childrens:[{childrens:[{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{
|
|
1
|
+
let horizontalTwo=[{childrens:[{childrens:[{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{},hasBoxShadow:{desktop:{normal:!1}},left:{desktop:"0px"},op:{desktop:"100%"},pos:{desktop:"relative"},right:{desktop:"0px"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"8px"}}},z:{desktop:1}},label:"Product Badge",settings:{contentType:"text",displayContent:"SALE {percent_discount}",translate:"displayContent",displayTrigger:[{conditionType:"exact_or_above",from:"1",priority:0,quantityType:"exact_or_above",to:"15",triggerEvent:"inventory_status",type:"in_stock"}],image:{src:"https://cdn.shopify.com/s/files/1/0697/6182/7064/files/gempages_523190969722471488-fc9fecb6-26b8-4836-b417-2dfb9ea43bd5.png?v=1723733677"},positionWithImage:"outside",shape:"horizontal_rectangle"},styles:{align:{desktop:"left"},badgeColorV2:{desktop:"#FF614C"},borderRadius:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"custom"},hasShadow:!1,imageSize:{desktop:{disableShapeLinked:!0,height:"auto",shape:"original",shapeLinked:!0,width:"20%"}},position:{desktop:{bottomGap:"0",leftGap:"0",placement:"top-left",rightGap:"0",topGap:"0"}},shapeShadow:{angle:90,blur:"12px",color:"#121212",distance:"4px",spread:"0px",type:"shadow-1"},textColor:"text-3",textSize:{desktop:{disableShapeLinked:!0,gap:"",height:"Auto",hiddenShape:!0,padding:{bottom:"8px",left:"12px",right:"12px",top:"8px"},shape:"custom",shapeLinked:!1,width:"100%"}},typo:{attrs:{color:"text-3"},custom:{fontSize:{desktop:"15px"}},type:"paragraph-1"},textSizeV2:{desktop:{width:"100%",height:"auto",shapeLinked:!1,disableShapeLinked:!0,hiddenShape:!0,shape:"custom",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"}}}},tag:"ProductBadge",uid:"gXAaVIfN3P",childrens:[]},{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"},hasBoxShadow:{desktop:{normal:!1}},op:{desktop:"100%"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{}}}},label:"Image",settings:{image:{height:1678,src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237},imageLink:{link:"",target:"_self"},isAdaptive:!0,isNotLazyload:!1,priority:!1,quality:70,srcSet:{desktop:{height:240,src:"https://cdn.shopify.com/s/files/1/0617/5296/7323/files/gempages_516637113702155432-b286a16e-98e6-48ba-889d-a36b64249436.png",storage:"FILE_CONTENT",width:241}}},styles:{align:{desktop:"center"},borderImg:{normal:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!1,width:"1px 1px 1px 1px"}},borderRadius:{radiusType:"none"},boxShadowImg:{normal:{angle:90,blur:"12px",color:"rgba(0, 0, 0, 0.20)",distance:"4px",spread:"0px",type:"shadow-1"}},hasActiveShadow:!1,hasBoxShadowImg:{normal:!1},objectFit:{desktop:"cover"},opacity:{normal:0},opacityColor:{normal:"#242424"},shadow:{angle:40,blur:"12px",color:"rgba(18, 18, 18, 0.77)",distance:"10px",spread:"10px",type:"custom"},shape:{desktop:{shape:"original",shapeLinked:!0}},wrapperBorder:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!0,position:"all",width:"1px 1px 1px 1px"}},tag:"Image",uid:"gRq0Y_6o_C"},{childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"bundle-title",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{bold:!0,color:"#121212"},type:"subheading-2"}},tag:"Text",uid:"gZCW_UZNgX"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"<p>Great value</p>",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{color:"#121212"},type:"paragraph-1"}},tag:"Text",uid:"gXozhYepEX"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[{childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-2"},lineThrough:!0,thickness:2,lineColor:"text-2",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"}},defaultPresetConfig:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-1"},lineThrough:!0,thickness:2,lineColor:"text-1",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"},"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"},animation:{desktop:{enabled:!1,trigger:"appear",triggerConfig:{appear:{animation:"fade",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!0,easing:"ease-out",zoomDirection:"in",scale:{in:[80,100],out:[120,100]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}},hover:{animation:"none",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!1,easing:"ease-out",zoomDirection:"in",scale:{in:[100,120],out:[100,80]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}}}}},priceType:"compare"}}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gU7z9j0jbp"},{childrens:[{childrens:[],label:"Product Price",settings:{priceType:"regular",hasOnlyDefaultVariant:!1},styles:{color:{normal:"#242424"},hasTextShadow:{normal:!1},lineColor:"text-1",lineThrough:!0,textAlign:{desktop:"right"},textShadow:{normal:{type:"shadow-1"}},thickness:1,typo:{type:"subheading-2"}},tag:"ProductPrice",uid:"gP9Tq9YUJq"}],label:"Block",settings:{},tag:"Col",uid:"gEOSPx4VOT"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"center"},inlineAlignment:"start",layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!1,mobile:!1,tablet:!1},preloadBgImage:!1,verticalGutter:{desktop:"8px"},width:{desktop:"100%"}},tag:"Row",uid:"gVq8mfQa7w"}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gM8gt27sCy"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"space-between"},inlineAlignment:"start",layout:{desktop:{cols:[12],display:"fill"},mobile:{cols:[12],display:"fill"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!0,mobile:!0,tablet:!0},preloadBgImage:!1,verticalGutter:{desktop:"16px"},width:{}},tag:"Row"}];export{horizontalTwo};
|
|
@@ -17,4 +17,4 @@ let ProductQuantityPresets=[{id:"product-quantity",name:{en:"Product Quantity"},
|
|
|
17
17
|
</clipPath>
|
|
18
18
|
</defs>
|
|
19
19
|
</svg>
|
|
20
|
-
`},components:[{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1",attrs:{color:"text-1"}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}];export{ProductQuantityPresets};
|
|
20
|
+
`},components:[{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1",attrs:{color:"text-1"}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}],toolbarActiveConfig:{tag:"ProductQuantity",path:0}}];export{ProductQuantityPresets};
|
|
@@ -9,7 +9,7 @@ let StickyPreset={id:"sticky",name:{en:"Sticky Add to Cart"},icon:{desktop:`
|
|
|
9
9
|
<circle cx="64.2674" cy="46.5138" r="1.15512" fill="white"/>
|
|
10
10
|
<circle cx="69.5565" cy="46.5138" r="1.15512" fill="white"/>
|
|
11
11
|
</svg>
|
|
12
|
-
`},components:[{tag:"Sticky",label:"Sticky",settings:{width:{desktop:"100%"}},advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-2",distance:"12px",blur:"12px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"16px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}]},StickyPresetScrollToTop={id:"sticky-scroll-to-top",name:{en:"Sticky Back to top"},icon:{desktop:`
|
|
12
|
+
`},components:[{tag:"Sticky",label:"Sticky",settings:{width:{desktop:"100%"}},advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-2",distance:"12px",blur:"12px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"16px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}],toolbarActiveConfig:{tag:"Product",path:0}},StickyPresetScrollToTop={id:"sticky-scroll-to-top",name:{en:"Sticky Back to top"},icon:{desktop:`
|
|
13
13
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
14
14
|
<rect width="40" height="40" rx="20" fill="#424242"/>
|
|
15
15
|
<path d="M13.6001 14C13.6001 13.5581 13.9583 13.2 14.4001 13.2H25.6001C26.0419 13.2 26.4001 13.5581 26.4001 14C26.4001 14.4418 26.0419 14.8 25.6001 14.8H14.4001C13.9583 14.8 13.6001 14.4418 13.6001 14Z" fill="#F9F9F9"/>
|
|
@@ -28,4 +28,4 @@ let StickyPreset={id:"sticky",name:{en:"Sticky Add to Cart"},icon:{desktop:`
|
|
|
28
28
|
<circle cx="64.2674" cy="46.5138" r="1.15512" fill="white"/>
|
|
29
29
|
<circle cx="69.5565" cy="46.5138" r="1.15512" fill="white"/>
|
|
30
30
|
</svg>
|
|
31
|
-
`},components:[{tag:"Sticky",label:"Sticky",advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"0px",blur:"10px",spread:"0px",color:"rgba(0, 0, 0, 0.1)",angle:90}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{productSetting:{productStatus:"dynamic"},layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px",tablet:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"18px",tablet:"18px",mobile:"18px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{rounded:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},backgroundColorV2:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}]};export{StickyPreset,StickyPresetProduct,StickyPresetScrollToTop};
|
|
31
|
+
`},components:[{tag:"Sticky",label:"Sticky",advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"0px",blur:"10px",spread:"0px",color:"rgba(0, 0, 0, 0.1)",angle:90}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{productSetting:{productStatus:"dynamic"},layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px",tablet:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"18px",tablet:"18px",mobile:"18px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{rounded:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},backgroundColorV2:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}],toolbarActiveConfig:{tag:"Product",path:0}};export{StickyPreset,StickyPresetProduct,StickyPresetScrollToTop};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getResponsiveValueByScreen as e}from"@gem-sdk/core";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getClasses=({className:e,builderProps:s,isInstantLP:t,advancedCssClass:l})=>{let g=`!gp-max-w-none gp-bg-black gp-overflow-hidden [&_>_article]:gp-aspect-[var(--aspect)] tablet:[&_>_article]:gp-aspect-[var(--aspect-tablet,_var(--aspect))] mobile:[&_>_article]:gp-aspect-[var(--aspect-mobile,_var(--aspect-tablet,_var(--aspect)))] ${s?.uid}`;return t||(g+=" gp-relative"),e&&(g+=` ${e}`),l&&(g+=` ${l}`),{...s?.uid&&{[s.uid]:!0},...composeClasses(g)}},getButtonThumbnailClasses=()=>({...composeClasses("gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800]")}),getFallbackImageClasses=()=>({...composeClasses("gp-w-full gp-h-full gp-object-cover")}),getWrapThumbnailClasses=e=>{let s="gp-absolute gp-top-0 gp-left-0 gp-w-full gp-thumbnail-video gp-h-full";return e&&(s+=" gp-hidden"),{...composeClasses(s)}},getImageThumbnailClasses=()=>({...composeClasses("gp-w-full gp-h-full gp-object-cover")}),getArticleVimeoClasses=(s,t)=>{let l="gp-relative gp-bg-cover gp-bg-center gp-lite-vimeo-embed-article",g=e(t,"desktop"),p=e(t,"tablet"),a=e(t,"mobile");return s||g&&"auto"!=g||(l+=" !gp-aspect-video"),s||p&&"auto"!=p||(l+=" tablet:!gp-aspect-video"),s||a&&"auto"!=a||(l+=" mobile:!gp-aspect-video"),{...composeClasses(l)}},getVideoYoutubeClasses=(e,s)=>{let t="gp-w-full";return e&&(t+=` ${e}`),s||(t+=" gp-lazyload-video"),{...composeClasses(t)}},getImageVimeoClasses=e=>{let s="gp-h-full gp-w-full gp-relative gp-top-0 gp-left-0 gp-z-9";return e&&(s+=" gp-invisible gp-opacity-0"),{...composeClasses(s)}},getButtonVimeoClasses=e=>{let s="gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800] gp-z-10 gp-lite-vimeo-embed-button";return e&&(s+=" gp-invisible gp-opacity-0"),{...composeClasses(s)}},getIframeVimeoClasses=()=>({...composeClasses("gp-inset-0 gp-w-full gp-bg-black")}),getButtonYoutubeClasses=e=>{let s="gp-absolute gp-left-1/2 gp-top-1/2 gp-w-[68px] -gp-translate-x-1/2 -gp-translate-y-1/2 gp-lite-youtube-embed-button";return e?s+=" gp-opacity-0":s+=" gp-visible gp-opacity-100",{...composeClasses(s)}},getImageYoutubeClasses=()=>({...composeClasses("gp-invisible gp-w-full gp-h-full gp_lazyforbg")}),getArticleYoutubeClasses=(e,s)=>{let t="gp-relative gp-bg-cover gp-bg-center gp-lite-youtube-embed-article";return e||(t+=" gp_lazybg"),s&&(t+=` ${s}`),{...composeClasses(t)}},getIframeYoutubeClasses=e=>{let s="gp-inset-0 gp-w-full gp-bg-black ";return e&&(s+=` ${e}`),{...composeClasses(s)}},getYoutubeContentClasses=()=>({...composeClasses("gp-absolute gp-left-0 gp-top-0 gp-
|
|
1
|
+
import{getResponsiveValueByScreen as e}from"@gem-sdk/core";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getClasses=({className:e,builderProps:s,isInstantLP:t,advancedCssClass:l})=>{let g=`!gp-max-w-none gp-bg-black gp-overflow-hidden [&_>_article]:gp-aspect-[var(--aspect)] tablet:[&_>_article]:gp-aspect-[var(--aspect-tablet,_var(--aspect))] mobile:[&_>_article]:gp-aspect-[var(--aspect-mobile,_var(--aspect-tablet,_var(--aspect)))] ${s?.uid}`;return t||(g+=" gp-relative"),e&&(g+=` ${e}`),l&&(g+=` ${l}`),{...s?.uid&&{[s.uid]:!0},...composeClasses(g)}},getButtonThumbnailClasses=()=>({...composeClasses("gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800]")}),getFallbackImageClasses=()=>({...composeClasses("gp-w-full gp-h-full gp-object-cover")}),getWrapThumbnailClasses=e=>{let s="gp-absolute gp-top-0 gp-left-0 gp-w-full gp-thumbnail-video gp-h-full";return e&&(s+=" gp-hidden"),{...composeClasses(s)}},getImageThumbnailClasses=()=>({...composeClasses("gp-w-full gp-h-full gp-object-cover")}),getArticleVimeoClasses=(s,t)=>{let l="gp-relative gp-bg-cover gp-bg-center gp-lite-vimeo-embed-article",g=e(t,"desktop"),p=e(t,"tablet"),a=e(t,"mobile");return s||g&&"auto"!=g||(l+=" !gp-aspect-video"),s||p&&"auto"!=p||(l+=" tablet:!gp-aspect-video"),s||a&&"auto"!=a||(l+=" mobile:!gp-aspect-video"),{...composeClasses(l)}},getVideoYoutubeClasses=(e,s)=>{let t="gp-w-full";return e&&(t+=` ${e}`),s||(t+=" gp-lazyload-video"),{...composeClasses(t)}},getImageVimeoClasses=e=>{let s="gp-h-full gp-w-full gp-relative gp-top-0 gp-left-0 gp-z-9";return e&&(s+=" gp-invisible gp-opacity-0"),{...composeClasses(s)}},getButtonVimeoClasses=e=>{let s="gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800] gp-z-10 gp-lite-vimeo-embed-button";return e&&(s+=" gp-invisible gp-opacity-0"),{...composeClasses(s)}},getIframeVimeoClasses=()=>({...composeClasses("gp-inset-0 gp-w-full gp-bg-black")}),getButtonYoutubeClasses=e=>{let s="gp-absolute gp-left-1/2 gp-top-1/2 gp-w-[68px] -gp-translate-x-1/2 -gp-translate-y-1/2 gp-lite-youtube-embed-button";return e?s+=" gp-opacity-0":s+=" gp-visible gp-opacity-100",{...composeClasses(s)}},getImageYoutubeClasses=()=>({...composeClasses("gp-invisible gp-w-full gp-h-full gp_lazyforbg")}),getArticleYoutubeClasses=(e,s)=>{let t="gp-relative gp-bg-cover gp-bg-center gp-lite-youtube-embed-article";return e||(t+=" gp_lazybg"),s&&(t+=` ${s}`),{...composeClasses(t)}},getIframeYoutubeClasses=e=>{let s="gp-inset-0 gp-w-full gp-bg-black gp-h-full !gp-max-w-none";return e&&(s+=` ${e}`),{...composeClasses(s)}},getYoutubeContentClasses=()=>({...composeClasses("gp-absolute gp-left-0 gp-top-0 gp-h-full gp-w-full")});export{getArticleVimeoClasses,getArticleYoutubeClasses,getButtonThumbnailClasses,getButtonVimeoClasses,getButtonYoutubeClasses,getClasses,getFallbackImageClasses,getIframeVimeoClasses,getIframeYoutubeClasses,getImageThumbnailClasses,getImageVimeoClasses,getImageYoutubeClasses,getVideoYoutubeClasses,getWrapThumbnailClasses,getYoutubeContentClasses};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as r}from"@gem-sdk/core";import
|
|
2
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as r}from"@gem-sdk/core";import a from"react-youtube";import{getYoutubeParams as o,isSettingLoop as i,covertStrParamsToObj as l}from"../common/helpers.js";import s from"../../image/components/NextImage.js";import{createClass as m,createStyle as n}from"@gem-sdk/system";import{getButtonYoutubeClasses as c,getImageYoutubeClasses as u,getArticleYoutubeClasses as d,getIframeYoutubeClasses as p,getYoutubeContentClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as y,getArticleYoutubeStyle as b}from"../common/styles.js";import{useLiteYoutubeEmbed as h}from"../hooks/useLiteYoutubeEmbed.js";let LiteYouTubeEmbed=g=>{let C=r(),v="edit"!==C,{style:w,poster:N,iframeClass:j,wrapperClass:k,title:x}=g,{preload:B}=N||{},{videoId:E,paramsImp:L,posterUrl:S,iframeSrc:T}=o(g),{iframe:I,intervalPlay:V,warmConnections:H,isVideoStarted:M,videoDuration:Y,addIframe:z}=h(g,L,E),D=B&&v,P=m({...c(I)}),A=m({...u()}),F=m({...d(D||!1,k)}),O=m({...p(j)}),R=n({...y(w)}),q=n({...b(w,S)}),G=m({...f()}),J=()=>{if(g.isHeroBanner&&i(L))return t(a,{videoId:E,title:x,iframeClassName:O,style:R,className:G,opts:{host:"https://www.youtube-nocookie.com",playerVars:{autoplay:1,state:1,controls:0,mute:1,...l(L)}},onReady:e=>{if(e.target.playVideo(),Y.current=Math.floor(e.target.getDuration()),g.isHeroBanner){let t=e.target.getIframe();if(t){let e=t.closest("div.hero-banner-container");if(e){let r=new CustomEvent("youtube-iframe-ready",{detail:{iframe:t},bubbles:!0,cancelable:!0});e.dispatchEvent(r)}}}},onStateChange:e=>{let t=e.target;M.current||(t.playVideo(),M.current=!0,V(e)),0===e.data&&(Y.current=t.getCurrentTime(),t.playVideo(),V(e))}});let e=t("iframe",{className:O,style:R,title:x,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:T});return g.isHeroBanner?t("div",{className:G,children:e}):e};return e("article",{"aria-hidden":!0,className:F,"data-title":x,style:q,onPointerOver:H,onClick:z,children:[t(s,{src:S,alt:N?.altText,title:N?.imageTitle,priority:v&&B,enableLazyLoadImage:!0,className:A,isDisableAspectStyle:!0}),t("button",{type:"button","aria-label":"Play",className:P,children:e("svg",{height:"100%",version:"1.1",viewBox:"0 0 68 48",width:"100%",children:[t("path",{d:"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z",fill:"#f00"}),t("path",{d:"M 45,24 27,14 27,34",fill:"#fff"})]})}),I&&J()]})};export{LiteYouTubeEmbed as default};
|
|
@@ -1,24 +1,26 @@
|
|
|
1
|
-
import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as
|
|
1
|
+
import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import a from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as i,createClass as o,createStyle as p,If as m}from"@gem-sdk/system";import{getButtonYoutubeClasses as d,getImageYoutubeClasses as c,getArticleYoutubeClasses as u,getIframeYoutubeClasses as f,getYoutubeContentClasses as y}from"../common/classes.js";import{getIframeYoutubeStyle as n,getArticleYoutubeStyle as b}from"../common/styles.js";import{getYoutubeParams as g}from"../common/helpers.js";let LiteYouTubeEmbed=$=>{let{style:h,iframeClass:v,wrapperClass:S,title:j,poster:z}=$,E=`gp-video-${$.uid}`,{posterUrl:w,iframeSrc:C}=g($),L=z?.preload,N=i({lazy:$.lazy,style:h,title:j,iframeSrc:C}),T=!$.lazy,k=o({...d(T)}),x=o({...c()}),A=o({...u(L||!1,S)}),I=o({...f(v)}),M=p({...n(h)}),B=p({...b(h,w)}),G=o({...y()}),O=()=>{let t=e`
|
|
2
2
|
<iframe
|
|
3
|
-
id="player-wrapper-${
|
|
4
|
-
class="${
|
|
5
|
-
style="${
|
|
6
|
-
title="${
|
|
3
|
+
id="player-wrapper-${$.uid}"
|
|
4
|
+
class="${I}"
|
|
5
|
+
style="${M}"
|
|
6
|
+
title="${j}"
|
|
7
7
|
frameborder="0"
|
|
8
8
|
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
|
9
9
|
allowfullscreen
|
|
10
|
-
src="${
|
|
10
|
+
src="${C}"
|
|
11
11
|
></iframe>
|
|
12
|
-
`;return e`
|
|
13
|
-
|
|
12
|
+
`;return $.isHeroBanner?e`
|
|
13
|
+
<div class="${G}">${t}</div>
|
|
14
|
+
`:t};return e`
|
|
15
|
+
<gp-lite-youtube-embed gp-data='${JSON.stringify(N)}'>
|
|
14
16
|
<article
|
|
15
17
|
aria-hidden
|
|
16
|
-
class="${
|
|
17
|
-
data-title="${
|
|
18
|
-
style="${
|
|
18
|
+
class="${A}"
|
|
19
|
+
data-title="${j}"
|
|
20
|
+
style="${B}"
|
|
19
21
|
>
|
|
20
|
-
${
|
|
21
|
-
<button type="button" aria-label="Play" class="${
|
|
22
|
+
${a({id:E,src:w,alt:z?.altText,title:z?.imageTitle,priority:z?.preload,enableLazyLoadImage:!0,className:x,isDisableAspectStyle:!0,isNotLazyload:z?.preload})}
|
|
23
|
+
<button type="button" aria-label="Play" class="${k}">
|
|
22
24
|
<svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%">
|
|
23
25
|
<path
|
|
24
26
|
d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"
|
|
@@ -27,8 +29,8 @@ import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as a}from"@gem-s
|
|
|
27
29
|
<path d="M 45,24 27,14 27,34" fill="#fff"></path>
|
|
28
30
|
</svg>
|
|
29
31
|
</button>
|
|
30
|
-
${m(
|
|
32
|
+
${m(T,O())}
|
|
31
33
|
</article>
|
|
32
34
|
</gp-lite-youtube-embed>
|
|
33
|
-
${t(s,`<script ${
|
|
35
|
+
${t(s,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${r}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
|
|
34
36
|
`};export{LiteYouTubeEmbed as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{youtubeShortsRegex as e}from"../../../helpers.js";let VideoSettings=[{id:"setting",controls:[{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"type",type:"select",label:"Video Type",options:[{label:"YouTube",value:"youtube"},{label:"Vimeo",value:"vimeo"},{label:"Video hosting",value:"html5"}],default:"html5"},{id:"youtubeUrl",type:"input",label:"Youtube Link",default:"https://www.youtube.com/watch?v=
|
|
1
|
+
import{youtubeShortsRegex as e}from"../../../helpers.js";let VideoSettings=[{id:"setting",controls:[{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"type",type:"select",label:"Video Type",options:[{label:"YouTube",value:"youtube"},{label:"Vimeo",value:"vimeo"},{label:"Video hosting",value:"html5"}],default:"html5"},{id:"youtubeUrl",type:"input",label:"Youtube Link",default:"https://www.youtube.com/watch?v=NfASaHFN1zg",placeholder:"Insert video url here",hide:!0,action:{clear:!0},actionChangeControls:[{controlID:"loopVideo",condition:`${e}.test(youtubeUrl)`,newValue:!0},{controlID:"autoplay",condition:`${e}.test(youtubeUrl)`,newValue:!0},{controlID:"controls",condition:`${e}.test(youtubeUrl)`,newValue:!1},{controlID:"mute",condition:`${e}.test(youtubeUrl)`,newValue:!1},{controlID:"lazy",condition:`${e}.test(youtubeUrl)`,newValue:!1}]},{id:"vimeoUrl",type:"input",label:"Vimeo Link",default:"https://vimeo.com/1095883398",placeholder:"Insert video url here",hide:!0,action:{clear:!0}},{id:"html5Url",type:"input",label:"HTML5 Video Link",default:"https://cdn.shopify.com/videos/c/o/v/2cd3deb506b54b009063f7270ab5cf2e.mp4",placeholder:"Insert video url here",hide:!0,action:{clear:!0}},{id:"notes",type:"notes",default:'You can upload video to a hosting server e.g Shopify. <a class="no-underline text-[#8AA4FF] font-medium leading-5" target="_blank" href="https://help.gempages.net/articles/version-7-video-element#video-url">Learn more</a>'},{id:"poster",type:"image",label:"Video Poster",hiddenSetting:{seo:!0}},{id:"preload",type:"toggle",label:"Preload",default:!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:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"}}},{id:"width",type:"input:stepper",min:0,label:"Aspect Width",hide:!0,devices:{desktop:{default:16}}},{id:"height",type:"input:stepper",min:1,label:"Aspect Height",hide:!0,devices:{desktop:{default:9}}},{id:"startTime",type:"input",label:"Start time",placeholder:"mm:ss",info:"Start video at xx seconds",hide:!0},{id:"endTime",type:"input",label:"End time",placeholder:"mm:ss",info:"End video at xx seconds",hide:!0},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"mute",label:"Enable Sound",type:"toggle",default:!1},{id:"loopVideo",label:"Loop Video",type:"toggle",default:!1},{id:"controls",label:"Show Control Bar",type:"toggle",default:!0,info:"Player controls display in the player"},{id:"lazy",label:"Lazy load",type:"toggle",default:!0,info:"Optimize for pagespeed loading time"}]}];export{VideoSettings};
|