@gem-sdk/components 17.0.0-dev.25 → 17.0.0-dev.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/carousel-v3/hooks/useCarousel.js +1 -1
- package/dist/cjs/product/components/product-badge/ProductBadge.js +1 -1
- package/dist/cjs/product/components/product-badge/common/attrs.js +1 -1
- package/dist/cjs/video/common/helpers.js +1 -1
- package/dist/cjs/video/components/LiteYouTubeEmbed.liquid.js +11 -11
- package/dist/esm/carousel-v3/hooks/useCarousel.js +1 -1
- package/dist/esm/product/components/product-badge/ProductBadge.js +1 -1
- package/dist/esm/product/components/product-badge/common/attrs.js +1 -1
- package/dist/esm/video/common/helpers.js +1 -1
- package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js +11 -11
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("@gem-sdk/core"),
|
|
1
|
+
"use strict";var e=require("react"),t=require("@gem-sdk/core"),n=require("./useTrackPreviewPause.js");exports.useCarousel=(r,s,i,a)=>{let l;let{builderProps:u,moveToIdx:o,styles:d,setting:c,isHiddenArrowWhenDisabled:p=!0,elmRef:f,isEnableCheckHasScrollableContent:m,onClickArrow:y,onHandleChangeSlideByInteraction:v,onChangeActive:g}=r,[S,k]=e.useState(!0),[h,V]=e.useState(!0),[b,B]=e.useState(!1),{loop:R,navigationEnable:P={desktop:!0},navigationStyle:T}=c??{},[w,N]=e.useState(a),[E,x]=e.useState(c?.defaultCurrentSlider??0),{isFirstPreviewClicked:C}=n.default(c?.runPreview),M=e.useRef(),I=e.useRef(o??0),O=t.useCurrentDevice(),L=t.useEditorMode(),{onListener:D,saveToElementInteractionData:z,getInteractionPreviousData:q,trigger:H}=t.useInteraction(),j=e.useMemo(()=>t.getResponsiveValueByScreen(R,O,!1),[R,O]),A=e.useCallback(()=>{if(!c?.slidesToShow)return null;let e={};return t.DEVICES.forEach(n=>{let r=t.getResponsiveValueByScreen(c?.slidesToShow,n);e[n]=r?"auto"===r?4:Math.floor(r):0}),e},[c?.slidesToShow]),F=e.useCallback(()=>{if(!c?.slidesToShow)return null;let e={};return t.DEVICES.forEach(n=>{let r=t.getResponsiveValueByScreen(c?.slidesToShow,n);e[n]=r?"auto"===r?4:r:0}),e},[c?.slidesToShow]),$=e.useMemo(()=>{let e=F();if(e)return e;let n={};return t.DEVICES.forEach(e=>{let r=t.getResponsiveValueByScreen(c?.sneakPeak,e),s=r?"center"===t.getResponsiveValueByScreen(c?.sneakPeakType,e)?t.getResponsiveValueByScreen(c?.sneakPeakOffsetCenter,e)??0:t.getResponsiveValueByScreen(c?.sneakPeakOffsetForward,e)??0:0,i="center"===t.getResponsiveValueByScreen(c?.sneakPeakType,e)?-2:-1,a=t.getResponsiveValueByScreen(c?.itemNumber,e);n[e]="number"==typeof a?a+s/100*i:"auto"}),n},[F,c?.itemNumber,c?.sneakPeak,c?.sneakPeakOffsetCenter,c?.sneakPeakOffsetForward,c?.sneakPeakType]),G=e.useMemo(()=>{let e=t.getResponsiveValueByScreen($,O),n=t.getResponsiveValueByScreen(R,O,!1);return n&&Number(e??0)>a||!n&&Number(e??0)>=a},[$,O,R,a]),U=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(P,O),n=t.getResponsiveValueByScreen(T,O);return i&&e&&"none"!==n&&S&&!G},[P,O,T,i,S,G]),W=e.useMemo(()=>{let e=A();return e||c?.itemNumber},[A,c?.itemNumber]),J=e.useCallback(e=>{let n="center"===t.getResponsiveValueByScreen(c?.sneakPeakType,e)?2:1;return"number"==typeof t.getResponsiveValueByScreen(W,e,4)?t.getResponsiveValueByScreen(W,e,4)-n:void 0},[c?.sneakPeakType,W]),K=()=>{let e="auto"===t.getResponsiveValueByScreen($,O,1)?1:t.getResponsiveValueByScreen($,O,1);return e??1},Q=e=>{let t=e*K();return t>=w-K()&&(t=w-K()),t},X=e=>{let n="edit"===L?{[e]:!1}:c?.enableDrag;return t.getResponsiveValueByScreen(n,e)};e.useImperativeHandle(s,()=>({nextSlideInteraction:_,previousSlideInteraction:ee,moveToSlideInteraction:et,getSwiper:()=>i}));let Y=e=>{i?.slideTo(e),v&&v(e)},Z=(e,t)=>{let{key:n,data:r,isRollback:s,element:a}=e,l=Math.max(i?.activeIndex??0,0);if(s&&void 0===r)return;if(s){if("specific"===t){let{previousData:e}=q(a,n);Y(Number(e))}else Y("next"===t?l-1:l+1);return}let u="specific"===t?Math.max(I.current,0):l;z(a,n,u.toString());let o="specific"===t?Number(r):"next"===t?l+1:l-1;Y(o)},_=e=>{Z(e,"next")},ee=e=>{Z(e,"previous")},et=e=>{Z(e,"specific")},en=K(),er=e.useMemo(()=>!!w&&i&&t.getResponsiveValueByScreen(c?.dot,O)&&!G&&a>1,[w,i,c?.dot,O,G,a]),es=t.getResponsiveValueByScreen(c?.vertical,O,!1)?"vertical":"horizontal",ei=e.useMemo(()=>"center"===t.getResponsiveValueByScreen(c?.sneakPeakType,O)&&"number"==typeof t.getResponsiveValueByScreen(c?.itemNumber,O)&&Number(t.getResponsiveValueByScreen(c?.itemNumber,O))%2==0,[c?.sneakPeakType,c?.itemNumber,O]),ea=e=>{let{swiperWidth:t,slidesPerView:n,itemNumberByDevice:r,centeredSlides:s}=e;if(!s||!r)return 0;let i=t/n,a=(Number(r)-2)/2-1;return-(i/2+a*i)},el=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(R,O,!1),n=i?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},s=Number(Object.entries(r).find(([,e])=>e===O)?.[0]??1025),a=Object.entries(r).reduce((e,[r,s])=>{if(!e)return;let i=Number(r),a=t.getResponsiveValueByScreen(c?.sneakPeak,s,!1),l=a&&"center"===t.getResponsiveValueByScreen(c?.sneakPeakType,s),u=t.getResponsiveValueByScreen(c?.itemNumber,s),d=X(s),p=ea({swiperWidth:n,slidesPerView:en,itemNumberByDevice:u,centeredSlides:l}),f=c?.initialSlide||o||0,m={allowTouchMove:d,slidesOffsetBefore:p,slidesOffsetAfter:p,initialSlide:f,centeredSlides:l,...l&&{centerInsufficientSlides:!0}};return e[i]=m,e},{}),l="center"===t.getResponsiveValueByScreen(c?.sneakPeakType,O)&&"number"==typeof t.getResponsiveValueByScreen(c?.itemNumber,O)&&Number(t.getResponsiveValueByScreen(c?.itemNumber,O))>1;return{speed:d?.playSpeed??500,dir:c?.rtl?"rtl":"ltr",spaceBetween:t.getResponsiveValueByScreen(d?.spacing,O)||0,loop:e,slidesPerView:"auto"===t.getResponsiveValueByScreen($,O,1)?"auto":en,direction:es,breakpoints:a,isSneakPeekCenter:l,slidesOffsetBefore:a?.[s]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(c?.autoplayTimeout??1)*1e3,pauseOnMouseEnter:c?.pauseOnHover,stopOnLastSlide:!e}}},[d?.playSpeed,c?.rtl,d?.spacing,O,R,en,c?.sneakPeakType,c?.pauseOnHover,c?.autoplayTimeout,i?.width,w]),eu=e.useCallback(e=>{let n=i&&i.params?.slidesPerView,r=n?i?.slidesPerViewDynamic():1;if(e<=1)return!1;let s="auto"===el.slidesPerView?r:el.slidesPerView;if(!j||e<Number(s)||!S)return!1;let a=t.getResponsiveValueByScreen(c?.sneakPeak,O,!1),l=a&&"center"===t.getResponsiveValueByScreen(c?.sneakPeakType,O),u=Number.isNaN(Number(s))?1:Math.ceil(Number(s));l&&u%2==0&&(u+=1);let o=l?Math.max(1,Math.ceil(u/2)):1;return e<u+o},[i,el.slidesPerView,j,S,c?.sneakPeak,c?.sneakPeakType,O]);e.useEffect(()=>{let e=`[data-id="${u?.uid}"]`;D({event:"gp:change-next-slide",selector:e,elementRef:M},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e||{};_({element:M.current,data:t,isRollback:n,key:r})}),D({event:"gp:change-previous-slide",selector:e,elementRef:M},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e||{};ee({element:M.current,data:t,isRollback:n,key:r})}),D({event:"gp:change-image-step",selector:e,elementRef:M},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e||{};et({element:M.current,data:t,isRollback:n,key:r})}),D({event:"gp:change-index-slide",selector:e},t=>{let n=document.querySelector(e),{data:r,isRollback:s,uniqueStorageKey:i}=t||{};et({element:n,data:r,isRollback:s,key:i})})},[]),e.useEffect(()=>{N(a)},[a]),e.useEffect(()=>{if("number"==typeof o){if(I.current=o,i?.params?.loop){i?.slideToLoop(o);return}i?.slideTo(o)}},[i,o,p]);let eo=()=>{if(!i||!ei)return;let e=K(),t=i.slidesGrid.length||0,n=i.snapIndex>=Math.max(t-2*Math.floor(e/2),0);i.isEnd=n,i.allowSlideNext=!n};return e.useEffect(()=>{if(!i)return;let e=()=>{N(i.slides.length),eo()},t=()=>{g&&g(i.realIndex)},n=()=>{x(i.realIndex),V(i?.translate===0),B(i?.translate<=i?.maxTranslate())};return i.on("transitionEnd",n),i.on("slideChange",e),i.on("slideChangeTransitionStart",t),()=>{i?.off("slideChange",e),i?.off("slideChangeTransitionStart",t),i?.off("transitionEnd",n)}},[el.loop,i]),e.useEffect(()=>{i?.wrapperEl&&(i.wrapperEl.style.transitionTimingFunction=c?.animationMode??"ease")},[i,c?.animationMode]),e.useEffect(()=>{if(i&&i.autoplay){let e="edit"===L?!!C&&c?.runPreview&&c?.autoplay:c?.autoplay;e?i.autoplay.start():i.autoplay.stop()}},[i,c?.autoplay,L,C,c?.runPreview]),e.useEffect(()=>{let e=e=>{if(u?.uid!==e?.detail.componentUid)return;let t=e?.detail.index||0;i?.slideToLoop(t)};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[i,u?.uid]),e.useEffect(()=>{if(!i)return;let e=i.el;e?.classList?.remove("swiper-horizontal","swiper-vertical");let n=t.getResponsiveValueByScreen(c?.vertical,O)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(n),i?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),i?.update()},[O,c?.vertical,i,i?.params]),e.useEffect(()=>{if(!i||!m)return;let e=()=>{let e=i?.slides?.slice(0,a)||[],t=Number(el?.spaceBetween||0),n=e.reduce((e,t)=>e+t.offsetHeight,0)+t*(e.length-1),r=e.reduce((e,t)=>e+t.offsetWidth,0)+t*(e.length-1),s=i.params?.direction==="horizontal"?r>(i.width||0):n>(i.height||0);k(s)};return e(),i.on("resize",e),i.on("update",e),i.on("slidesLengthChange",e),i.on("orientationchange",e),()=>{i.off("resize",e),i.off("update",e),i.off("slidesLengthChange",e),i.off("orientationchange",e)}},[i]),{isInfinity:j,sliderSettings:el,totalSlideItem:w,currentSlide:E,localRef:M,isRenderDots:er,showNavigation:U,isScrollToStart:h,isScrollToEnd:b,handleDotClick:(e,n)=>{let r=c?.sneakPeak?.[O]?e:n?e:Q(e);if(console.log("\uD83D\uDE80 ~ handleDotClick ~ index:",r),i&&(i.isEnd=!0),n){if(a<en){i?.slideTo(r);return}if(i?.realIndex===r)return;if(r===Number(i?.realIndex)+1||0===r&&i?.realIndex===a-1)return i?.slideNext();if(r===Number(i?.realIndex)-1||r===a-1&&i?.realIndex===0)return i?.slidePrev();let e="center"===t.getResponsiveValueByScreen(c?.sneakPeakType,O)&&"number"==typeof t.getResponsiveValueByScreen(c?.itemNumber,O)&&Number(t.getResponsiveValueByScreen(c?.itemNumber,O))%2==0;e?i?.slideToLoopCenterSneakPeek(r):i?.slideToLoop(r)}else i?.slideTo(r);I.current=r},getItemsPerPage:K,handleNextAndPrevSlide:e=>{"next"===e?i?.slideNext():i?.slidePrev(),y&&(l&&clearTimeout(l),l=setTimeout(()=>y&&y(),500))},dispatchEventSelectSlide:e=>{H({event:"gp:rollback:select-slide",selector:`[data-id="${u?.uid}"]`,element:f?.current}),H({event:"gp:select-slide",selector:`[data-id="${u?.uid}"]`,data:e,element:f?.current})},getNumberOfFullWidthShow:J,setCurrentSlide:x,shouldDuplicateSlides:eu,setIsScrollToStart:V,setIsScrollToEnd:B,isHideNavigation:G}};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("./utils/common.js");require("./constants.js");var r=require("../../../common/components/NoDataState.js"),a=require("../../../common/components/TooltipHover.js"),l=require("@gem-sdk/system"),n=require("./common/attrs.js"),o=require("./common/classes.js"),c=require("./common/styles.js");exports.default=i=>{let{t:u}=t.useI18nStore(),{setting:d,styles:m,children:g,builderAttrs:C,...y}=i,p=t.useProduct(),j=t.useCurrentVariant(),{moneyFormat:x}=t.useMoneyFormat(),S=t.useCurrentDevice(),{useProductCompareAtPrice:T}=t.useProductBundleDiscount(),v=y?.["bundle-item"],A=t.useEditorMode(),{isEditMode:N}=t.useRenderMode(),h="STATIC"===t.usePageType(),q=s.getBadgeContent({detail:p,currentVariant:j,bundleItem:v,useProductCompareAtPrice:T},d?.displayContent,x),I=s.getIsNoDiscountState({props:i,product:p,currentVariant:j,moneyFormat:x,useProductCompareAtPrice:T}),f=l.createClass({...o.getContainerClasses({mode:A,isInstant:h,product:p,currentVariant:j,props:i})}),b=l.createStyle({...c.getContainerStyle(i)}),W=l.createAttr({...n.getEditTooltipAttrs(i)}),M=l.createClass({...o.getWrapperClasses(i)}),P=l.createClass({...o.getSubWrapperClass(i,S)}),D=l.createStyle({...c.getSubWrapperStyle({props:i,product:p,currentVariant:j,isEditMode:N})}),B=l.createAttr({...n.getSubWrapperAttrs(i,p)}),k=c.getContentStyleInternal(i),w=l.createClass({...o.getTextContainerClasses()}),E=l.createAttr({...n.getContainerAttrs(i)}),_=l.createClass({...o.getTextWrapperClasses()}),F=l.createStyle({...c.getTextBadgeWrapperStyles({setting:d,styles:m})}),H=l.createClass({...o.getTextContentClasses(m)}),O=l.createStyle({...c.getTextContentStyle({setting:d,styles:m})}),R=l.createAttr({...n.getTextContentAttrs()}),V=l.createClass({...o.getImageContainerClasses()}),z=l.createStyle({...c.getImageContainerStyles({setting:d,styles:m})}),G=l.createClass({...o.getImageClasses()}),J=l.createAttr({...n.getImageAttr({setting:d})});return p?e.jsxs("div",{...E,style:b,className:f,children:[l.If(N&&I,e.jsx(a.default,{...W,children:e.jsx(r.default,{...C,elementType:"secondary",description:u("No discount"),rawMode:!0})}),e.jsx("div",{className:M,children:e.jsxs("div",{...B,className:P,style:D,children:[e.jsx("style",{children:k}),l.If(d?.shape!=="image",e.jsx("div",{className:w,children:e.jsx("div",{className:_,style:F,children:e.jsx("pre",{...R,className:H,style:O,children:q})})}),e.jsx("div",{className:V,style:z,children:e.jsx("img",{...J,className:G,alt:""})}))]})})),t.filterToolbarPreview(g,!0)]}):null};
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("./utils/common.js");require("./constants.js");var r=require("../../../common/components/NoDataState.js"),a=require("../../../common/components/TooltipHover.js"),l=require("@gem-sdk/system"),n=require("./common/attrs.js"),o=require("./common/classes.js"),c=require("./common/styles.js");exports.default=i=>{let{t:u}=t.useI18nStore(),{setting:d,styles:m,children:g,builderAttrs:C,...y}=i,p=t.useProduct(),j=t.useCurrentVariant(),{moneyFormat:x}=t.useMoneyFormat(),S=t.useCurrentDevice(),{useProductCompareAtPrice:T}=t.useProductBundleDiscount(),v=y?.["bundle-item"],A=t.useEditorMode(),{isEditMode:N}=t.useRenderMode(),h="STATIC"===t.usePageType(),q=s.getBadgeContent({detail:p,currentVariant:j,bundleItem:v,useProductCompareAtPrice:T},d?.displayContent,x),I=s.getIsNoDiscountState({props:i,product:p,currentVariant:j,moneyFormat:x,useProductCompareAtPrice:T}),f=l.createClass({...o.getContainerClasses({mode:A,isInstant:h,product:p,currentVariant:j,props:i})}),b=l.createStyle({...c.getContainerStyle(i)}),W=l.createAttr({...n.getEditTooltipAttrs(i,N)}),M=l.createClass({...o.getWrapperClasses(i)}),P=l.createClass({...o.getSubWrapperClass(i,S)}),D=l.createStyle({...c.getSubWrapperStyle({props:i,product:p,currentVariant:j,isEditMode:N})}),B=l.createAttr({...n.getSubWrapperAttrs(i,p)}),k=c.getContentStyleInternal(i),w=l.createClass({...o.getTextContainerClasses()}),E=l.createAttr({...n.getContainerAttrs(i)}),_=l.createClass({...o.getTextWrapperClasses()}),F=l.createStyle({...c.getTextBadgeWrapperStyles({setting:d,styles:m})}),H=l.createClass({...o.getTextContentClasses(m)}),O=l.createStyle({...c.getTextContentStyle({setting:d,styles:m})}),R=l.createAttr({...n.getTextContentAttrs()}),V=l.createClass({...o.getImageContainerClasses()}),z=l.createStyle({...c.getImageContainerStyles({setting:d,styles:m})}),G=l.createClass({...o.getImageClasses()}),J=l.createAttr({...n.getImageAttr({setting:d})});return p?e.jsxs("div",{...E,style:b,className:f,children:[l.If(N&&I,e.jsx(a.default,{...W,children:e.jsx(r.default,{...C,elementType:"secondary",description:u("No discount"),rawMode:!0})}),e.jsx("div",{className:M,children:e.jsxs("div",{...B,className:P,style:D,children:[e.jsx("style",{children:k}),l.If(d?.shape!=="image",e.jsx("div",{className:w,children:e.jsx("div",{className:_,style:F,children:e.jsx("pre",{...R,className:H,style:O,children:q})})}),e.jsx("div",{className:V,style:z,children:e.jsx("img",{...J,className:G,alt:""})}))]})})),t.filterToolbarPreview(g,!0)]}):null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("@gem-sdk/core");exports.getContainerAttrs=t=>{let{builderAttrs:e,builderProps:r}=t;return{...e,"data-id":r?.uid||"",id:`g-product-badge-${r?.uid}`,"gp-data-hidden":"false"}},exports.getEditTooltipAttrs=e=>{let{setting:
|
|
1
|
+
"use strict";var t=require("@gem-sdk/core");exports.getContainerAttrs=t=>{let{builderAttrs:e,builderProps:r}=t;return{...e,"data-id":r?.uid||"",id:`g-product-badge-${r?.uid}`,"gp-data-hidden":"false"}},exports.getEditTooltipAttrs=(e,r)=>{let{setting:i}=e,d=i?.positionWithImage==="outside";return{enable:!0,text:r&&t.t("Not be displayed when published"),position:d?"bottom":"right",width:"205px"}},exports.getImageAttr=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),exports.getSubWrapperAttrs=(t,e)=>{let{builderProps:r}=t,i=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":i||"",id:r?.uid||""}},exports.getTextContentAttrs=()=>({id:"product-badge-content"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@gem-sdk/core"),t=require("../../helpers.js"),o=require("../settings/configs/translate.js");const i=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i;exports.covertStrParamsToObj=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o&&(e[o]=i),e},{})},exports.fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",exports.getAspectRatioSettings=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},s={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},r={desktop:o?.desktop==="custom"?`${e.getResponsiveValueByScreen(i,"desktop")}/${e.getResponsiveValueByScreen(s,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e.getResponsiveValueByScreen(i,"tablet")}/${e.getResponsiveValueByScreen(s,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e.getResponsiveValueByScreen(i,"mobile")}/${e.getResponsiveValueByScreen(s,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return r},exports.getSettingTranslatedVideoAndThumbnail=({setting:i,uid:s,pageContext:r})=>{if(!i||!s)return{};if(r?.isPreviewing)return i;let l=e.cloneDeep(i);if(l.youtubeUrl&&"youtube"===l.type){let e=t.getDynamicSourceLocales({val:l.youtubeUrl,uid:s,settingId:t.createSettingId({id:o.Video?.youtubeUrl?.id}),pageContext:r});l.youtubeUrlTranslated=String(e)}if(l.vimeoUrl&&"vimeo"===l.type){let e=t.getDynamicSourceLocales({val:l.vimeoUrl,uid:s,settingId:t.createSettingId({id:o.Video?.vimeoUrl?.id}),pageContext:r});l.vimeoUrlTranslated=String(e)}if(l.html5Url&&"html5"===l.type){let e=t.getDynamicSourceLocales({val:l.html5Url,uid:s,settingId:t.createSettingId({id:o.Video?.html5Url?.id}),pageContext:r});l.html5Url=String(e)}if(l.poster){let e=t.getDynamicSourceLocales({val:l.poster?.src,uid:s,settingId:o.Video?.poster?.id?`${o.Video.poster.id}_src`:"",pageContext:r});l.poster.src=String(e)}return l},exports.getVimeoParams=e=>{let{id:t,autoplay:o,muted:i,controls:s,loop:r,lazy:l}=e,a=encodeURIComponent(t),p=`?&autoplay=${l?1:o?1:0}&muted=${i?1:0}&loop=${r?1:0}&controls=${s}&autopause=false`,n=`https://player.vimeo.com/video/${a}${p}`;return{videoId:a,params:p,iframeSrc:n}},exports.getVimeoVideoId=e=>e.match(/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/)?.[3],exports.getYoutubeParams=e=>{let{id:t,params:o,muted:i,webp:s,controls:r,adNetwork:l,autoplay:a,lazy:p,thumbnail:n}=e,d=encodeURIComponent(t),u="hqdefault",m=`${o}`||"",c=i?"&mute=1":"",b=s?"webp":"jpg",g=s?"vi_webp":"vi",v=e.thumbnail||`https://i.ytimg.com/${g}/${d}/${u}.${b}`,h=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",y=`${h}/embed/${d}?autoplay=${!!p||!!n||a}&state=1${c}${m}&controls=${r?1:0}`;return{videoId:d,posterImp:u,paramsImp:m,mutedImp:c,format:b,vi:g,posterUrl:v,ytUrl:h,iframeSrc:y,adNetworkImp:l||!1}},exports.getYoutubeVideoId=e=>{let t=e.match(i);return t?.[1]??void 0},exports.isSettingLoop=e=>e.includes("loop=1"),exports.makeStyleResponsiveRatio=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),exports.parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},exports.vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,exports.youtubeVideoRegex=i;
|
|
1
|
+
"use strict";var e=require("@gem-sdk/core"),t=require("../../helpers.js"),o=require("../settings/configs/translate.js");const i=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i;exports.covertStrParamsToObj=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o&&(e[o]=i),e},{})},exports.fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",exports.getAspectRatioSettings=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},s={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},r={desktop:o?.desktop==="custom"?`${e.getResponsiveValueByScreen(i,"desktop")}/${e.getResponsiveValueByScreen(s,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e.getResponsiveValueByScreen(i,"tablet")}/${e.getResponsiveValueByScreen(s,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e.getResponsiveValueByScreen(i,"mobile")}/${e.getResponsiveValueByScreen(s,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return r},exports.getSettingTranslatedVideoAndThumbnail=({setting:i,uid:s,pageContext:r})=>{if(!i||!s)return{};if(r?.isPreviewing)return i;let l=e.cloneDeep(i);if(l.youtubeUrl&&"youtube"===l.type){let e=t.getDynamicSourceLocales({val:l.youtubeUrl,uid:s,settingId:t.createSettingId({id:o.Video?.youtubeUrl?.id}),pageContext:r});l.youtubeUrlTranslated=String(e)}if(l.vimeoUrl&&"vimeo"===l.type){let e=t.getDynamicSourceLocales({val:l.vimeoUrl,uid:s,settingId:t.createSettingId({id:o.Video?.vimeoUrl?.id}),pageContext:r});l.vimeoUrlTranslated=String(e)}if(l.html5Url&&"html5"===l.type){let e=t.getDynamicSourceLocales({val:l.html5Url,uid:s,settingId:t.createSettingId({id:o.Video?.html5Url?.id}),pageContext:r});l.html5Url=String(e)}if(l.poster){let e=t.getDynamicSourceLocales({val:l.poster?.src,uid:s,settingId:o.Video?.poster?.id?`${o.Video.poster.id}_src`:"",pageContext:r});l.poster.src=String(e)}return l},exports.getVimeoParams=e=>{let{id:t,autoplay:o,muted:i,controls:s,loop:r,lazy:l}=e,a=encodeURIComponent(t),p=`?&autoplay=${l?1:o?1:0}&muted=${i?1:0}&loop=${r?1:0}&controls=${s}&autopause=false`,n=`https://player.vimeo.com/video/${a}${p}`;return{videoId:a,params:p,iframeSrc:n}},exports.getVimeoVideoId=e=>e.match(/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/)?.[3],exports.getYoutubeParams=e=>{let{id:t,params:o,muted:i,webp:s,controls:r,adNetwork:l,autoplay:a,lazy:p,thumbnail:n}=e,d=encodeURIComponent(t),u="hqdefault",m=`${o}`||"",c=i?"&mute=1":"",b=s?"webp":"jpg",g=s?"vi_webp":"vi",v=e.thumbnail||`https://i.ytimg.com/${g}/${d}/${u}.${b}`,h=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",y=`${h}/embed/${d}?autoplay=${!!p||!!n&&!a||a}&state=1${c}${m}&controls=${r?1:0}`;return{videoId:d,posterImp:u,paramsImp:m,mutedImp:c,format:b,vi:g,posterUrl:v,ytUrl:h,iframeSrc:y,adNetworkImp:l||!1}},exports.getYoutubeVideoId=e=>{let t=e.match(i);return t?.[1]??void 0},exports.isSettingLoop=e=>e.includes("loop=1"),exports.makeStyleResponsiveRatio=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),exports.parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},exports.vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,exports.youtubeVideoRegex=i;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../image/components/NextImage.liquid.js"),a=require("../../helpers.js"),s=require("@gem-sdk/system"),l=require("../common/classes.js"),r=require("../common/styles.js"),i=require("../common/helpers.js");exports.default=o=>{let{style:u,iframeClass:c,wrapperClass:d,title:p,poster:m,translatedVideoUrl:g}=o,
|
|
2
|
-
<gp-lite-youtube-embed gp-data='${JSON.stringify(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../image/components/NextImage.liquid.js"),a=require("../../helpers.js"),s=require("@gem-sdk/system"),l=require("../common/classes.js"),r=require("../common/styles.js"),i=require("../common/helpers.js");exports.default=o=>{let{style:u,iframeClass:c,wrapperClass:d,title:p,poster:m,translatedVideoUrl:g,autoplay:n}=o,y=`gp-video-${o.uid}`,{posterUrl:b,iframeSrc:f}=i.getYoutubeParams(o),$=!!o.thumbnail,C=m?.preload,S=s.createStateOrContext({lazy:o.lazy,hasThumbnail:$,style:u,title:p,iframeSrc:f,translatedVideoUrl:g,autoplay:n}),v=!o.lazy&&(!$||!!o.autoplay),h=s.createClass({...l.getButtonYoutubeClasses(v)}),j=s.createClass({...l.getImageYoutubeClasses()}),q=s.createClass({...l.getArticleYoutubeClasses(C||!1,d)}),I=s.createClass({...l.getIframeYoutubeClasses(c)}),Y=s.createStyle({...r.getIframeYoutubeStyle(u)}),x=s.createStyle({...r.getArticleYoutubeStyle(u,b)}),z=s.createClass({...l.getYoutubeContentClasses()});return e.template`
|
|
2
|
+
<gp-lite-youtube-embed gp-data='${JSON.stringify(S)}'>
|
|
3
3
|
<article
|
|
4
4
|
aria-hidden
|
|
5
|
-
class="${
|
|
5
|
+
class="${q}"
|
|
6
6
|
data-title="${p}"
|
|
7
|
-
style="${
|
|
7
|
+
style="${x}"
|
|
8
8
|
>
|
|
9
|
-
${t.default({id:
|
|
10
|
-
<button type="button" aria-label="Play" class="${
|
|
9
|
+
${t.default({id:y,src:b,alt:m?.altText,title:m?.imageTitle,priority:m?.preload,enableLazyLoadImage:!0,className:j,isDisableAspectStyle:!0,isNotLazyload:m?.preload})}
|
|
10
|
+
<button type="button" aria-label="Play" class="${h}">
|
|
11
11
|
<svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%">
|
|
12
12
|
<path
|
|
13
13
|
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"
|
|
@@ -16,19 +16,19 @@
|
|
|
16
16
|
<path d="M 45,24 27,14 27,34" fill="#fff"></path>
|
|
17
17
|
</svg>
|
|
18
18
|
</button>
|
|
19
|
-
${s.If(
|
|
19
|
+
${s.If(v,(()=>{let t=e.template`
|
|
20
20
|
<iframe
|
|
21
21
|
id="player-wrapper-${o.uid}"
|
|
22
|
-
class="${
|
|
23
|
-
style="${
|
|
22
|
+
class="${I}"
|
|
23
|
+
style="${Y}"
|
|
24
24
|
title="${p}"
|
|
25
25
|
frameborder="0"
|
|
26
26
|
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
|
27
27
|
allowfullscreen
|
|
28
|
-
src="${
|
|
28
|
+
src="${f}"
|
|
29
29
|
></iframe>
|
|
30
30
|
`;return o.isHeroBanner?e.template`
|
|
31
|
-
<div class="${
|
|
31
|
+
<div class="${z}">${t}</div>
|
|
32
32
|
`:t})())}
|
|
33
33
|
</article>
|
|
34
34
|
</gp-lite-youtube-embed>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useState as e,useRef as t,useMemo as r,useCallback as
|
|
1
|
+
import{useState as e,useRef as t,useMemo as r,useCallback as n,useImperativeHandle as i,useEffect as a}from"react";import{useCurrentDevice as l,useEditorMode as s,useInteraction as o,getResponsiveValueByScreen as u,DEVICES as d}from"@gem-sdk/core";import m from"./useTrackPreviewPause.js";let p=(p,f,c,k)=>{let h;let{builderProps:b,moveToIdx:y,styles:P,setting:g,isHiddenArrowWhenDisabled:T=!0,elmRef:v,isEnableCheckHasScrollableContent:w,onClickArrow:N,onHandleChangeSlideByInteraction:x,onChangeActive:S}=p,[C,E]=e(!0),[O,L]=e(!0),[M,I]=e(!1),{loop:z,navigationEnable:V={desktop:!0},navigationStyle:B}=g??{},[D,j]=e(k),[A,F]=e(g?.defaultCurrentSlider??0),{isFirstPreviewClicked:H}=m(g?.runPreview),R=t(),$=t(y??0),q=l(),G=s(),{onListener:U,saveToElementInteractionData:W,getInteractionPreviousData:J,trigger:K}=o(),Q=r(()=>u(z,q,!1),[z,q]),X=n(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[g?.slidesToShow]),Y=n(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[g?.slidesToShow]),Z=r(()=>{let e=Y();if(e)return e;let t={};return d.forEach(e=>{let r=u(g?.sneakPeak,e),n=r?"center"===u(g?.sneakPeakType,e)?u(g?.sneakPeakOffsetCenter,e)??0:u(g?.sneakPeakOffsetForward,e)??0:0,i="center"===u(g?.sneakPeakType,e)?-2:-1,a=u(g?.itemNumber,e);t[e]="number"==typeof a?a+n/100*i:"auto"}),t},[Y,g?.itemNumber,g?.sneakPeak,g?.sneakPeakOffsetCenter,g?.sneakPeakOffsetForward,g?.sneakPeakType]),_=r(()=>{let e=u(Z,q),t=u(z,q,!1);return t&&Number(e??0)>k||!t&&Number(e??0)>=k},[Z,q,z,k]),ee=r(()=>{let e=u(V,q),t=u(B,q);return c&&e&&"none"!==t&&C&&!_},[V,q,B,c,C,_]),et=r(()=>{let e=X();return e||g?.itemNumber},[X,g?.itemNumber]),er=n(e=>{let t="center"===u(g?.sneakPeakType,e)?2:1;return"number"==typeof u(et,e,4)?u(et,e,4)-t:void 0},[g?.sneakPeakType,et]),en=()=>{let e="auto"===u(Z,q,1)?1:u(Z,q,1);return e??1},ei=e=>{let t=e*en();return t>=D-en()&&(t=D-en()),t},ea=e=>{let t="edit"===G?{[e]:!1}:g?.enableDrag;return u(t,e)};i(f,()=>({nextSlideInteraction:eo,previousSlideInteraction:eu,moveToSlideInteraction:ed,getSwiper:()=>c}));let el=e=>{c?.slideTo(e),x&&x(e)},es=(e,t)=>{let{key:r,data:n,isRollback:i,element:a}=e,l=Math.max(c?.activeIndex??0,0);if(i&&void 0===n)return;if(i){if("specific"===t){let{previousData:e}=J(a,r);el(Number(e))}else el("next"===t?l-1:l+1);return}let s="specific"===t?Math.max($.current,0):l;W(a,r,s.toString());let o="specific"===t?Number(n):"next"===t?l+1:l-1;el(o)},eo=e=>{es(e,"next")},eu=e=>{es(e,"previous")},ed=e=>{es(e,"specific")},em=en(),ep=r(()=>!!D&&c&&u(g?.dot,q)&&!_&&k>1,[D,c,g?.dot,q,_,k]),ef=u(g?.vertical,q,!1)?"vertical":"horizontal",ec=r(()=>"center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))%2==0,[g?.sneakPeakType,g?.itemNumber,q]),ek=e=>{let{swiperWidth:t,slidesPerView:r,itemNumberByDevice:n,centeredSlides:i}=e;if(!i||!n)return 0;let a=t/r,l=(Number(n)-2)/2-1;return-(a/2+l*a)},eh=r(()=>{let e=u(z,q,!1),t=c?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},n=Number(Object.entries(r).find(([,e])=>e===q)?.[0]??1025),i=Object.entries(r).reduce((e,[r,n])=>{if(!e)return;let i=Number(r),a=u(g?.sneakPeak,n,!1),l=a&&"center"===u(g?.sneakPeakType,n),s=u(g?.itemNumber,n),o=ea(n),d=ek({swiperWidth:t,slidesPerView:em,itemNumberByDevice:s,centeredSlides:l}),m=g?.initialSlide||y||0,p={allowTouchMove:o,slidesOffsetBefore:d,slidesOffsetAfter:d,initialSlide:m,centeredSlides:l,...l&&{centerInsufficientSlides:!0}};return e[i]=p,e},{}),a="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))>1;return{speed:P?.playSpeed??500,dir:g?.rtl?"rtl":"ltr",spaceBetween:u(P?.spacing,q)||0,loop:e,slidesPerView:"auto"===u(Z,q,1)?"auto":em,direction:ef,breakpoints:i,isSneakPeekCenter:a,slidesOffsetBefore:i?.[n]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(g?.autoplayTimeout??1)*1e3,pauseOnMouseEnter:g?.pauseOnHover,stopOnLastSlide:!e}}},[P?.playSpeed,g?.rtl,P?.spacing,q,z,em,g?.sneakPeakType,g?.pauseOnHover,g?.autoplayTimeout,c?.width,D]),eb=n(e=>{let t=c&&c.params?.slidesPerView,r=t?c?.slidesPerViewDynamic():1;if(e<=1)return!1;let n="auto"===eh.slidesPerView?r:eh.slidesPerView;if(!Q||e<Number(n)||!C)return!1;let i=u(g?.sneakPeak,q,!1),a=i&&"center"===u(g?.sneakPeakType,q),l=Number.isNaN(Number(n))?1:Math.ceil(Number(n));a&&l%2==0&&(l+=1);let s=a?Math.max(1,Math.ceil(l/2)):1;return e<l+s},[c,eh.slidesPerView,Q,C,g?.sneakPeak,g?.sneakPeakType,q]);a(()=>{let e=`[data-id="${b?.uid}"]`;U({event:"gp:change-next-slide",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};eo({element:R.current,data:t,isRollback:r,key:n})}),U({event:"gp:change-previous-slide",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};eu({element:R.current,data:t,isRollback:r,key:n})}),U({event:"gp:change-image-step",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};ed({element:R.current,data:t,isRollback:r,key:n})}),U({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:n,isRollback:i,uniqueStorageKey:a}=t||{};ed({element:r,data:n,isRollback:i,key:a})})},[]),a(()=>{j(k)},[k]),a(()=>{if("number"==typeof y){if($.current=y,c?.params?.loop){c?.slideToLoop(y);return}c?.slideTo(y)}},[c,y,T]);let ey=()=>{if(!c||!ec)return;let e=en(),t=c.slidesGrid.length||0,r=c.snapIndex>=Math.max(t-2*Math.floor(e/2),0);c.isEnd=r,c.allowSlideNext=!r};return a(()=>{if(!c)return;let e=()=>{j(c.slides.length),ey()},t=()=>{S&&S(c.realIndex)},r=()=>{F(c.realIndex),L(c?.translate===0),I(c?.translate<=c?.maxTranslate())};return c.on("transitionEnd",r),c.on("slideChange",e),c.on("slideChangeTransitionStart",t),()=>{c?.off("slideChange",e),c?.off("slideChangeTransitionStart",t),c?.off("transitionEnd",r)}},[eh.loop,c]),a(()=>{c?.wrapperEl&&(c.wrapperEl.style.transitionTimingFunction=g?.animationMode??"ease")},[c,g?.animationMode]),a(()=>{if(c&&c.autoplay){let e="edit"===G?!!H&&g?.runPreview&&g?.autoplay:g?.autoplay;e?c.autoplay.start():c.autoplay.stop()}},[c,g?.autoplay,G,H,g?.runPreview]),a(()=>{let e=e=>{if(b?.uid!==e?.detail.componentUid)return;let t=e?.detail.index||0;c?.slideToLoop(t)};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[c,b?.uid]),a(()=>{if(!c)return;let e=c.el;e?.classList?.remove("swiper-horizontal","swiper-vertical");let t=u(g?.vertical,q)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(t),c?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),c?.update()},[q,g?.vertical,c,c?.params]),a(()=>{if(!c||!w)return;let e=()=>{let e=c?.slides?.slice(0,k)||[],t=Number(eh?.spaceBetween||0),r=e.reduce((e,t)=>e+t.offsetHeight,0)+t*(e.length-1),n=e.reduce((e,t)=>e+t.offsetWidth,0)+t*(e.length-1),i=c.params?.direction==="horizontal"?n>(c.width||0):r>(c.height||0);E(i)};return e(),c.on("resize",e),c.on("update",e),c.on("slidesLengthChange",e),c.on("orientationchange",e),()=>{c.off("resize",e),c.off("update",e),c.off("slidesLengthChange",e),c.off("orientationchange",e)}},[c]),{isInfinity:Q,sliderSettings:eh,totalSlideItem:D,currentSlide:A,localRef:R,isRenderDots:ep,showNavigation:ee,isScrollToStart:O,isScrollToEnd:M,handleDotClick:(e,t)=>{let r=g?.sneakPeak?.[q]?e:t?e:ei(e);if(console.log("\uD83D\uDE80 ~ handleDotClick ~ index:",r),c&&(c.isEnd=!0),t){if(k<em){c?.slideTo(r);return}if(c?.realIndex===r)return;if(r===Number(c?.realIndex)+1||0===r&&c?.realIndex===k-1)return c?.slideNext();if(r===Number(c?.realIndex)-1||r===k-1&&c?.realIndex===0)return c?.slidePrev();let e="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))%2==0;e?c?.slideToLoopCenterSneakPeek(r):c?.slideToLoop(r)}else c?.slideTo(r);$.current=r},getItemsPerPage:en,handleNextAndPrevSlide:e=>{"next"===e?c?.slideNext():c?.slidePrev(),N&&(h&&clearTimeout(h),h=setTimeout(()=>N&&N(),500))},dispatchEventSelectSlide:e=>{K({event:"gp:rollback:select-slide",selector:`[data-id="${b?.uid}"]`,element:v?.current}),K({event:"gp:select-slide",selector:`[data-id="${b?.uid}"]`,data:e,element:v?.current})},getNumberOfFullWidthShow:er,setCurrentSlide:F,shouldDuplicateSlides:eb,setIsScrollToStart:L,setIsScrollToEnd:I,isHideNavigation:_}};export{p as useCarousel};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useI18nStore as m,useProduct as o,useCurrentVariant as t,useMoneyFormat as r,useCurrentDevice as l,useProductBundleDiscount as i,useEditorMode as a,useRenderMode as c,usePageType as n,filterToolbarPreview as d}from"@gem-sdk/core";import{getBadgeContent as p,getIsNoDiscountState as y}from"./utils/common.js";import"./constants.js";import f from"../../../common/components/NoDataState.js";import h from"../../../common/components/TooltipHover.js";import{createClass as N,createStyle as j,createAttr as u,If as v}from"@gem-sdk/system";import{getEditTooltipAttrs as g,getSubWrapperAttrs as T,getContainerAttrs as k,getTextContentAttrs as x,getImageAttr as C}from"./common/attrs.js";import{getContainerClasses as S,getWrapperClasses as b,getSubWrapperClass as w,getTextContainerClasses as A,getTextWrapperClasses as B,getTextContentClasses as D,getImageContainerClasses as H,getImageClasses as I}from"./common/classes.js";import{getContainerStyle as M,getSubWrapperStyle as P,getContentStyleInternal as q,getTextBadgeWrapperStyles as z,getTextContentStyle as E,getImageContainerStyles as F}from"./common/styles.js";let G=G=>{let{t:J}=m(),{setting:K,styles:L,children:O,builderAttrs:Q,...R}=G,U=o(),V=t(),{moneyFormat:W}=r(),X=l(),{useProductCompareAtPrice:Y}=i(),Z=R?.["bundle-item"],$=a(),{isEditMode:_}=c(),ee="STATIC"===n(),es=p({detail:U,currentVariant:V,bundleItem:Z,useProductCompareAtPrice:Y},K?.displayContent,W),em=y({props:G,product:U,currentVariant:V,moneyFormat:W,useProductCompareAtPrice:Y}),eo=N({...S({mode:$,isInstant:ee,product:U,currentVariant:V,props:G})}),et=j({...M(G)}),er=u({...g(G)}),el=N({...b(G)}),ei=N({...w(G,X)}),ea=j({...P({props:G,product:U,currentVariant:V,isEditMode:_})}),ec=u({...T(G,U)}),en=q(G),ed=N({...A()}),ep=u({...k(G)}),ey=N({...B()}),ef=j({...z({setting:K,styles:L})}),eh=N({...D(L)}),eN=j({...E({setting:K,styles:L})}),ej=u({...x()}),eu=N({...H()}),ev=j({...F({setting:K,styles:L})}),eg=N({...I()}),eT=u({...C({setting:K})});return U?e("div",{...ep,style:et,className:eo,children:[v(_&&em,s(h,{...er,children:s(f,{...Q,elementType:"secondary",description:J("No discount"),rawMode:!0})}),s("div",{className:el,children:e("div",{...ec,className:ei,style:ea,children:[s("style",{children:en}),v(K?.shape!=="image",s("div",{className:ed,children:s("div",{className:ey,style:ef,children:s("pre",{...ej,className:eh,style:eN,children:es})})}),s("div",{className:eu,style:ev,children:s("img",{...eT,className:eg,alt:""})}))]})})),d(O,!0)]}):null};export{G as default};
|
|
2
|
+
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useI18nStore as m,useProduct as o,useCurrentVariant as t,useMoneyFormat as r,useCurrentDevice as l,useProductBundleDiscount as i,useEditorMode as a,useRenderMode as c,usePageType as n,filterToolbarPreview as d}from"@gem-sdk/core";import{getBadgeContent as p,getIsNoDiscountState as y}from"./utils/common.js";import"./constants.js";import f from"../../../common/components/NoDataState.js";import h from"../../../common/components/TooltipHover.js";import{createClass as N,createStyle as j,createAttr as u,If as v}from"@gem-sdk/system";import{getEditTooltipAttrs as g,getSubWrapperAttrs as T,getContainerAttrs as k,getTextContentAttrs as x,getImageAttr as C}from"./common/attrs.js";import{getContainerClasses as S,getWrapperClasses as b,getSubWrapperClass as w,getTextContainerClasses as A,getTextWrapperClasses as B,getTextContentClasses as D,getImageContainerClasses as H,getImageClasses as I}from"./common/classes.js";import{getContainerStyle as M,getSubWrapperStyle as P,getContentStyleInternal as q,getTextBadgeWrapperStyles as z,getTextContentStyle as E,getImageContainerStyles as F}from"./common/styles.js";let G=G=>{let{t:J}=m(),{setting:K,styles:L,children:O,builderAttrs:Q,...R}=G,U=o(),V=t(),{moneyFormat:W}=r(),X=l(),{useProductCompareAtPrice:Y}=i(),Z=R?.["bundle-item"],$=a(),{isEditMode:_}=c(),ee="STATIC"===n(),es=p({detail:U,currentVariant:V,bundleItem:Z,useProductCompareAtPrice:Y},K?.displayContent,W),em=y({props:G,product:U,currentVariant:V,moneyFormat:W,useProductCompareAtPrice:Y}),eo=N({...S({mode:$,isInstant:ee,product:U,currentVariant:V,props:G})}),et=j({...M(G)}),er=u({...g(G,_)}),el=N({...b(G)}),ei=N({...w(G,X)}),ea=j({...P({props:G,product:U,currentVariant:V,isEditMode:_})}),ec=u({...T(G,U)}),en=q(G),ed=N({...A()}),ep=u({...k(G)}),ey=N({...B()}),ef=j({...z({setting:K,styles:L})}),eh=N({...D(L)}),eN=j({...E({setting:K,styles:L})}),ej=u({...x()}),eu=N({...H()}),ev=j({...F({setting:K,styles:L})}),eg=N({...I()}),eT=u({...C({setting:K})});return U?e("div",{...ep,style:et,className:eo,children:[v(_&&em,s(h,{...er,children:s(f,{...Q,elementType:"secondary",description:J("No discount"),rawMode:!0})}),s("div",{className:el,children:e("div",{...ec,className:ei,style:ea,children:[s("style",{children:en}),v(K?.shape!=="image",s("div",{className:ed,children:s("div",{className:ey,style:ef,children:s("pre",{...ej,className:eh,style:eN,children:es})})}),s("div",{className:eu,style:ev,children:s("img",{...eT,className:eg,alt:""})}))]})})),d(O,!0)]}):null};export{G as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t}from"@gem-sdk/core";let e=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),d=t=>{let{builderAttrs:e,builderProps:d}=t;return{...e,"data-id":d?.uid||"",id:`g-product-badge-${d?.uid}`,"gp-data-hidden":"false"}},i=e=>{let{setting:
|
|
1
|
+
import{t}from"@gem-sdk/core";let e=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),d=t=>{let{builderAttrs:e,builderProps:d}=t;return{...e,"data-id":d?.uid||"",id:`g-product-badge-${d?.uid}`,"gp-data-hidden":"false"}},i=(e,d)=>{let{setting:i}=e,r=i?.positionWithImage==="outside";return{enable:!0,text:d&&t("Not be displayed when published"),position:r?"bottom":"right",width:"205px"}},r=(t,e)=>{let{builderProps:d}=t,i=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":i||"",id:d?.uid||""}},a=()=>({id:"product-badge-content"});export{d as getContainerAttrs,i as getEditTooltipAttrs,e as getImageAttr,r as getSubWrapperAttrs,a as getTextContentAttrs};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getResponsiveValueByScreen as e,cloneDeep as t}from"@gem-sdk/core";import{getDynamicSourceLocales as o,createSettingId as i}from"../../helpers.js";import{Video as l}from"../settings/configs/translate.js";let s=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},l={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},s={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(l,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(l,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(l,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return s},r=({setting:e,uid:s,pageContext:r})=>{if(!e||!s)return{};if(r?.isPreviewing)return e;let m=t(e);if(m.youtubeUrl&&"youtube"===m.type){let e=o({val:m.youtubeUrl,uid:s,settingId:i({id:l?.youtubeUrl?.id}),pageContext:r});m.youtubeUrlTranslated=String(e)}if(m.vimeoUrl&&"vimeo"===m.type){let e=o({val:m.vimeoUrl,uid:s,settingId:i({id:l?.vimeoUrl?.id}),pageContext:r});m.vimeoUrlTranslated=String(e)}if(m.html5Url&&"html5"===m.type){let e=o({val:m.html5Url,uid:s,settingId:i({id:l?.html5Url?.id}),pageContext:r});m.html5Url=String(e)}if(m.poster){let e=o({val:m.poster?.src,uid:s,settingId:l?.poster?.id?`${l.poster.id}_src`:"",pageContext:r});m.poster.src=String(e)}return m},m=e=>{let{id:t,params:o,muted:i,webp:l,controls:s,adNetwork:r,autoplay:m,lazy:a,thumbnail:d}=e,p=encodeURIComponent(t),n="hqdefault",u=`${o}`||"",b=i?"&mute=1":"",g=l?"webp":"jpg",h=l?"vi_webp":"vi",c=e.thumbnail||`https://i.ytimg.com/${h}/${p}/${n}.${g}`,$=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",v=`${$}/embed/${p}?autoplay=${!!a||!!d||m}&state=1${b}${u}&controls=${s?1:0}`;return{videoId:p,posterImp:n,paramsImp:u,mutedImp:b,format:g,vi:h,posterUrl:c,ytUrl:$,iframeSrc:v,adNetworkImp:r||!1}},a=e=>{let{id:t,autoplay:o,muted:i,controls:l,loop:s,lazy:r}=e,m=encodeURIComponent(t),a=`?&autoplay=${r?1:o?1:0}&muted=${i?1:0}&loop=${s?1:0}&controls=${l}&autopause=false`,d=`https://player.vimeo.com/video/${m}${a}`;return{videoId:m,params:a,iframeSrc:d}},d=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),p="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",n=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,u=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,b=e=>{let t=e.match(n);return t?.[1]??void 0},g=e=>e.match(/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/)?.[3],h=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},c=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o&&(e[o]=i),e},{})},$=e=>e.includes("loop=1");export{c as covertStrParamsToObj,p as fallbackImageVideoUrl,s as getAspectRatioSettings,r as getSettingTranslatedVideoAndThumbnail,a as getVimeoParams,g as getVimeoVideoId,m as getYoutubeParams,b as getYoutubeVideoId,$ as isSettingLoop,d as makeStyleResponsiveRatio,h as parseTimeVideo,u as vimeoVideoRegex,n as youtubeVideoRegex};
|
|
1
|
+
import{getResponsiveValueByScreen as e,cloneDeep as t}from"@gem-sdk/core";import{getDynamicSourceLocales as o,createSettingId as i}from"../../helpers.js";import{Video as l}from"../settings/configs/translate.js";let s=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},l={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},s={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(l,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(l,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(l,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return s},r=({setting:e,uid:s,pageContext:r})=>{if(!e||!s)return{};if(r?.isPreviewing)return e;let m=t(e);if(m.youtubeUrl&&"youtube"===m.type){let e=o({val:m.youtubeUrl,uid:s,settingId:i({id:l?.youtubeUrl?.id}),pageContext:r});m.youtubeUrlTranslated=String(e)}if(m.vimeoUrl&&"vimeo"===m.type){let e=o({val:m.vimeoUrl,uid:s,settingId:i({id:l?.vimeoUrl?.id}),pageContext:r});m.vimeoUrlTranslated=String(e)}if(m.html5Url&&"html5"===m.type){let e=o({val:m.html5Url,uid:s,settingId:i({id:l?.html5Url?.id}),pageContext:r});m.html5Url=String(e)}if(m.poster){let e=o({val:m.poster?.src,uid:s,settingId:l?.poster?.id?`${l.poster.id}_src`:"",pageContext:r});m.poster.src=String(e)}return m},m=e=>{let{id:t,params:o,muted:i,webp:l,controls:s,adNetwork:r,autoplay:m,lazy:a,thumbnail:d}=e,p=encodeURIComponent(t),n="hqdefault",u=`${o}`||"",b=i?"&mute=1":"",g=l?"webp":"jpg",h=l?"vi_webp":"vi",c=e.thumbnail||`https://i.ytimg.com/${h}/${p}/${n}.${g}`,$=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",v=`${$}/embed/${p}?autoplay=${!!a||!!d&&!m||m}&state=1${b}${u}&controls=${s?1:0}`;return{videoId:p,posterImp:n,paramsImp:u,mutedImp:b,format:g,vi:h,posterUrl:c,ytUrl:$,iframeSrc:v,adNetworkImp:r||!1}},a=e=>{let{id:t,autoplay:o,muted:i,controls:l,loop:s,lazy:r}=e,m=encodeURIComponent(t),a=`?&autoplay=${r?1:o?1:0}&muted=${i?1:0}&loop=${s?1:0}&controls=${l}&autopause=false`,d=`https://player.vimeo.com/video/${m}${a}`;return{videoId:m,params:a,iframeSrc:d}},d=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),p="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",n=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,u=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,b=e=>{let t=e.match(n);return t?.[1]??void 0},g=e=>e.match(/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/)?.[3],h=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},c=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o&&(e[o]=i),e},{})},$=e=>e.includes("loop=1");export{c as covertStrParamsToObj,p as fallbackImageVideoUrl,s as getAspectRatioSettings,r as getSettingTranslatedVideoAndThumbnail,a as getVimeoParams,g as getVimeoVideoId,m as getYoutubeParams,b as getYoutubeVideoId,$ as isSettingLoop,d as makeStyleResponsiveRatio,h as parseTimeVideo,u as vimeoVideoRegex,n as youtubeVideoRegex};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import{RenderIf as e,isLocalEnv as t,baseAssetURL as s,template as a}from"@gem-sdk/core";import l from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as r}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 y,getYoutubeContentClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as n,getArticleYoutubeStyle as g}from"../common/styles.js";import{getYoutubeParams as $}from"../common/helpers.js";let b=b=>{let{style:h,iframeClass:v,wrapperClass:S,title:j,poster:z,translatedVideoUrl:w}=b,
|
|
2
|
-
<gp-lite-youtube-embed gp-data='${JSON.stringify(
|
|
1
|
+
import{RenderIf as e,isLocalEnv as t,baseAssetURL as s,template as a}from"@gem-sdk/core";import l from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as r}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 y,getYoutubeContentClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as n,getArticleYoutubeStyle as g}from"../common/styles.js";import{getYoutubeParams as $}from"../common/helpers.js";let b=b=>{let{style:h,iframeClass:v,wrapperClass:S,title:j,poster:z,translatedVideoUrl:w,autoplay:C}=b,E=`gp-video-${b.uid}`,{posterUrl:N,iframeSrc:k}=$(b),x=!!b.thumbnail,L=z?.preload,T=i({lazy:b.lazy,hasThumbnail:x,style:h,title:j,iframeSrc:k,translatedVideoUrl:w,autoplay:C}),A=!b.lazy&&(!x||!!b.autoplay),I=o({...d(A)}),M=o({...c()}),B=o({...u(L||!1,S)}),G=o({...y(v)}),O=p({...n(h)}),P=p({...g(h,N)}),_=o({...f()});return a`
|
|
2
|
+
<gp-lite-youtube-embed gp-data='${JSON.stringify(T)}'>
|
|
3
3
|
<article
|
|
4
4
|
aria-hidden
|
|
5
|
-
class="${
|
|
5
|
+
class="${B}"
|
|
6
6
|
data-title="${j}"
|
|
7
|
-
style="${
|
|
7
|
+
style="${P}"
|
|
8
8
|
>
|
|
9
|
-
${l({id:
|
|
10
|
-
<button type="button" aria-label="Play" class="${
|
|
9
|
+
${l({id:E,src:N,alt:z?.altText,title:z?.imageTitle,priority:z?.preload,enableLazyLoadImage:!0,className:M,isDisableAspectStyle:!0,isNotLazyload:z?.preload})}
|
|
10
|
+
<button type="button" aria-label="Play" class="${I}">
|
|
11
11
|
<svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%">
|
|
12
12
|
<path
|
|
13
13
|
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"
|
|
@@ -16,19 +16,19 @@ import{RenderIf as e,isLocalEnv as t,baseAssetURL as s,template as a}from"@gem-s
|
|
|
16
16
|
<path d="M 45,24 27,14 27,34" fill="#fff"></path>
|
|
17
17
|
</svg>
|
|
18
18
|
</button>
|
|
19
|
-
${m(
|
|
19
|
+
${m(A,(()=>{let e=a`
|
|
20
20
|
<iframe
|
|
21
21
|
id="player-wrapper-${b.uid}"
|
|
22
|
-
class="${
|
|
23
|
-
style="${
|
|
22
|
+
class="${G}"
|
|
23
|
+
style="${O}"
|
|
24
24
|
title="${j}"
|
|
25
25
|
frameborder="0"
|
|
26
26
|
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
|
27
27
|
allowfullscreen
|
|
28
|
-
src="${
|
|
28
|
+
src="${k}"
|
|
29
29
|
></iframe>
|
|
30
30
|
`;return b.isHeroBanner?a`
|
|
31
|
-
<div class="${
|
|
31
|
+
<div class="${_}">${e}</div>
|
|
32
32
|
`:e})())}
|
|
33
33
|
</article>
|
|
34
34
|
</gp-lite-youtube-embed>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "17.0.0-dev.
|
|
3
|
+
"version": "17.0.0-dev.27",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@gem-sdk/keen-slider": "^6.8.8",
|
|
43
43
|
"node-html-parser": "^6.1.13",
|
|
44
|
-
"@gem-sdk/swiper": "0.0.
|
|
44
|
+
"@gem-sdk/swiper": "0.0.22-dev.1",
|
|
45
45
|
"react-transition-group": "^4.4.5",
|
|
46
46
|
"react-youtube": "10.1.0"
|
|
47
47
|
},
|