@gem-sdk/components 12.0.0-dev.139 → 12.0.0-dev.141

package/dist/cjs/dialog/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("./helpers.js");require("react/jsx-runtime"),require("react");var r=require("../../common/const.js"),o=require("../../hero-banner/common/helpers.js"),n=require("../../helpers.js"),l=require("../settings/configs/translate.js");function s(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}exports.getBackdropStyle=e=>{let r={...t.pointerEventStyle(e)};return s(r)},exports.getBodyContentStyle=({setting:r,style:o,uid:i,pageContext:a,type:g="React"})=>{let{fullScreen:p,height:y,background:d}=r??{},u="Liquid"===g?n.getBackgroundTranslated({background:d,uid:i,enableTranslate:!!l.Dialog?.background?.id,pageContext:a,isTranslateVideo:!1}):d,c={...t.getInnerStyle(o),...t.removeHeightPercentForContent(t.heightStyle(p,y)),"border-radius":"inherit",...e.getStyleBackgroundByDevice(u),...e.getGradientBgrStyleByDevice(u,{desktop:!0,tablet:!0,mobile:!0})};return s(c)},exports.getButtonContentStyle=t=>{let{btnBg:r,btnRounded:n,btnColor:l,btnPadding:i,btnWidth:a,btnHeight:g}=t??{},p=a?e.makeStyleResponsive("w",o.getWidth(a)):{},y=g?e.makeStyleResponsive("h",o.getWidth(g)):{},d={...p,...y,...e.getGlobalColorResponsiveStyle("c",{desktop:l}),...e.getGlobalColorResponsiveStyle("bgc",{desktop:r}),...e.getResponsiveStylePadding(i),...e.composeRadius({normal:n})};return s(d)},exports.getContainStyle=()=>{let e={"z-index":r.ELEMENT_Z_INDEX.DIALOG};return s(e)},exports.getDialogContentStyle=({style:r,width:o,height:n,fullScreen:l})=>{let i={...t.getWrapperDialogStyle(r),...t.getBorderStyle(r),...t.getDisplayStyle(r),...e.makeStyleResponsive("w",e.makeWidth(o,l)),...t.heightStyle(l,n)};return s(i)},exports.getOverlayStyle=(r,o,n)=>{let l={...e.makeStyle({op:0==Number(r)?"0":(Number(r)??0)/100}),...e.getGlobalColorResponsiveStyle("bgc",{desktop:o}),...t.getDisplayStyle(n)};return s(l)},exports.getSvgContentStyle=e=>{let t={};return e&&(t={"--height-icon":`${e}`}),s(t)},exports.getWrapperStyle=e=>{let t={"--d":e?.desktop?"contents":"none","--d-tablet":e?.tablet?"contents":"none","--d-mobile":e?.mobile?"contents":"none"};return s(t)};
+"use strict";var e=require("@gem-sdk/core"),t=require("./helpers.js");require("react/jsx-runtime"),require("react");var r=require("../../common/const.js"),o=require("../../hero-banner/common/helpers.js"),n=require("../../helpers.js"),l=require("../settings/configs/translate.js");function s(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}exports.getBackdropStyle=e=>{let r={...t.pointerEventStyle(e)};return s(r)},exports.getBodyContentStyle=({setting:r,style:o,uid:i,pageContext:a,type:g="React"})=>{let{fullScreen:p,height:y,background:d}=r??{},u="Liquid"===g?n.getBackgroundTranslated({background:d,uid:i,enableTranslate:!!l.Dialog?.background?.id,pageContext:a,isTranslateVideo:!1}):d,c={...t.getInnerStyle(o),...t.removeHeightPercentForContent(t.heightStyle(p,y)),"border-radius":"inherit",...e.getStyleBackgroundByDevice(u),...e.getGradientBgrStyleByDevice(u,{desktop:!0,tablet:!0,mobile:!0})};return s(c)},exports.getButtonContentStyle=t=>{let{btnBg:r,btnRounded:n,btnColor:l,btnPadding:i,btnWidth:a,btnHeight:g}=t??{},p=a?e.makeStyleResponsive("w",o.getWidth(a)):{},y=g?e.makeStyleResponsive("h",o.getWidth(g)):{},d={...p,...y,...e.getGlobalColorResponsiveStyle("c",{desktop:l}),...e.getGlobalColorResponsiveStyle("bgc",{desktop:r}),...e.getResponsiveStylePadding(i),...e.composeRadius({normal:n})};return s(d)},exports.getContainStyle=()=>{let e={"z-index":r.ELEMENT_Z_INDEX.DIALOG};return s(e)},exports.getDialogContentStyle=({style:r,width:o,height:n,fullScreen:l})=>{let i={...t.getWrapperDialogStyle(r),...t.getBorderStyle(r),...t.getDisplayStyle(r),...e.makeStyleResponsive("w",e.makeWidth(o,l)),...t.heightStyle(l,n)};return s(i)},exports.getOverlayStyle=(r,o,n)=>{let l={...e.makeStyle({op:0==Number(r)?"0":(Number(r)||0)/100}),...e.getGlobalColorResponsiveStyle("bgc",{desktop:o}),...t.getDisplayStyle(n)};return s(l)},exports.getSvgContentStyle=e=>{let t={};return e&&(t={"--height-icon":`${e}`}),s(t)},exports.getWrapperStyle=e=>{let t={"--d":e?.desktop?"contents":"none","--d-tablet":e?.tablet?"contents":"none","--d-mobile":e?.mobile?"contents":"none"};return s(t)};

package/dist/cjs/product/components/product-images-v3/components/lightbox/ProductImagesLightBox.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("react");require("../../../../../modal/components/confirm.js");var l=require("../../../../../modal/components/Modal.js"),o=require("./LightBoxCarousel.js"),p=require("./LightBoxGalleryCarousel.js"),i=require("./LightBoxImageZoom.js");exports.default=({builderPropUID:r,productImages:g,open:n,onHandleClose:a})=>{let u=s.useFeaturedImageGlobal(),[c,d]=t.useState(!1),[m,x]=t.useState(0),f=t.useMemo(()=>(g||[]).map((e,s)=>({...e,id:e.id||`gp-lightbox-${s}`,src:e.src||e.previewImage,alt:e.alt||"Product image"})),[g]),j=t.useMemo(()=>!["VIDEO","EXTERNAL_VIDEO","MODEL_3D"].includes(f[m]?.contentType||""),[f,m]),h=t.useMemo(()=>{let e=f.findIndex(e=>e.id===u?.id);return e&&e>0?e:0},[f,u]);t.useEffect(()=>{n&&(d(!1),x(h))},[n]);let I=()=>{d(e=>!e)};return e.jsx(l.default,{setting:{open:n},styles:{width:"calc(100% + 2rem)"},closeOnClickOutside:!0,closeOnEscape:!0,onKeypressEscape:()=>a(),onClose:()=>{a()},lockBodyScroll:!0,disableIframeClickEvent:!0,contentClass:"!gp--mx-4 !gp-my-auto !gp-h-screen !gp-max-w-none !gp-rounded-none !gp-bg-[#0F0F10] !gp-px-0 !gp-py-0 !gp-text-white",zoomButton:{isShowButton:j,isZoomIn:c,onToggleZoom:I},closeButtonClassName:"gp-top-[34px] gp-text-[#AAAAAA] gp-scale-125",wrapperContentClasses:"gp-size-full",children:e.jsx("div",{className:"gp-flex gp-gap-2 gp-size-full gp-min-w-0 gp-flex-col gp-items-center gp-justify-center",children:c?e.jsx(i.default,{image:f[m],onExitZoom:I}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"gp-flex gp-w-full gp-min-w-0 gp-flex-1 gp-items-center gp-justify-center gp-overflow-hidden gp-px-[52px] gp-mt-[52px] mobile:gp-px-0",children:e.jsx(o.default,{builderPropUID:r,displayImages:f,activeIndex:m,imageActiveIndex:h,onChangeSlide:x,onToggleZoom:I})}),e.jsx("div",{className:"gp-flex gp-justify-center gp-w-full gp-pb-2 mobile:gp-pb-5 gp-px-[52px] mobile:gp-px-0",children:e.jsx(p.default,{builderPropUID:r,displayImages:f,activeIndex:m,onChangeSlide:x})})]})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("react");require("../../../../../modal/components/confirm.js");var l=require("../../../../../modal/components/Modal.js"),o=require("./LightBoxCarousel.js"),p=require("./LightBoxGalleryCarousel.js"),i=require("./LightBoxImageZoom.js");exports.default=({builderPropUID:r,productImages:g,open:n,onHandleClose:a})=>{let u=s.useFeaturedImageGlobal(),[c,d]=t.useState(!1),[m,x]=t.useState(0),f=t.useMemo(()=>(g||[]).map((e,s)=>(e.id=e.id||`gp-lightbox-${s}`,e.src=e.src||e.previewImage,e.alt=e.alt||"Product image",e)),[g]),j=t.useMemo(()=>!["VIDEO","EXTERNAL_VIDEO","MODEL_3D"].includes(f[m]?.contentType||""),[f,m]),h=t.useMemo(()=>{let e=f.findIndex(e=>e.id===u?.id);return e&&e>0?e:0},[f,u]);t.useEffect(()=>{n&&(d(!1),x(h))},[n]);let I=()=>{d(e=>!e)};return e.jsx(l.default,{setting:{open:n},styles:{width:"calc(100% + 2rem)"},closeOnClickOutside:!0,closeOnEscape:!0,onKeypressEscape:()=>a(),onClose:()=>{a()},lockBodyScroll:!0,disableIframeClickEvent:!0,contentClass:"!gp--mx-4 !gp-my-auto !gp-h-screen !gp-max-w-none !gp-rounded-none !gp-bg-[#0F0F10] !gp-px-0 !gp-py-0 !gp-text-white",zoomButton:{isShowButton:j,isZoomIn:c,onToggleZoom:I},closeButtonClassName:"gp-top-[34px] gp-text-[#AAAAAA] gp-scale-125",wrapperContentClasses:"gp-size-full",children:e.jsx("div",{className:"gp-flex gp-gap-2 gp-size-full gp-min-w-0 gp-flex-col gp-items-center gp-justify-center",children:c?e.jsx(i.default,{image:f[m],onExitZoom:I}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"gp-flex gp-w-full gp-min-w-0 gp-flex-1 gp-items-center gp-justify-center gp-overflow-hidden gp-px-[52px] gp-mt-[52px] mobile:gp-px-0",children:e.jsx(o.default,{builderPropUID:r,displayImages:f,activeIndex:m,imageActiveIndex:h,onChangeSlide:x,onToggleZoom:I})}),e.jsx("div",{className:"gp-flex gp-justify-center gp-w-full gp-pb-2 mobile:gp-pb-5 gp-px-[52px] mobile:gp-px-0",children:e.jsx(p.default,{builderPropUID:r,displayImages:f,activeIndex:m,onChangeSlide:x})})]})})})};

package/dist/cjs/product/components/product-variants/ProductVariants.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../text/components/Text.liquid.js"),i=require("./components/variants/index.liquid.js"),s=require("./components/dropdown-swatches/Dropdown.liquid.js"),a=require("./components/dropdown-group/DropdownGroup.liquid.js"),o=require("../../../helpers.js"),n=require("./utils/mappingVariantStyles.js"),r=require("@gem-sdk/system"),l=require("./common/main/getAttr.js"),p=require("./common/main/styles.js"),d=require("./common/main/classes.js"),u=require("./common/main/getData.js"),c=require("./common/variants/classes.js"),m=require("../../helpers/function.js"),v=require("./common/variants/styles.js"),f=require("./OptionVariantsNewFormat.liquid.js"),g=require("./OptionVariantsOldFormat.liquid.js");const $={desktop:!0,tablet:!0,mobile:!0};exports.default=_=>{let{builderProps:q,styles:y,setting:h,advanced:j}=_,{align:S,swatchItemWidth:L,dropdownItemWidth:w,swatchSpacing:O,optionTypo:b,marginBottom:V}=y??{},{label:P,optionType:D,showAsSwatches:x,layout:C,hasPreSelected:E}=h??{},I=j?.d??$,{uid:A}=q??{},N=()=>{let t={};return e.DEVICES.forEach(i=>{let s=e.getResponsiveValueByScreen(L,i);t[i]="auto"===s}),t},F=()=>{let t={};return e.DEVICES.forEach(e=>{t[e]=w?.[e]==="fill"}),t},T=h?.variantPresets?n.mappingVariantStyles(h?.variantPresets,y):[],G=T?.map(e=>({...e,presets:{[e.optionType]:e.presets[e.optionType]}})),k={...h,variantPresets:G},z=e=>{let t={"'":"'",'"':"""},i=e;for(let s in t)e.indexOf(s)>=0&&(i=i.replaceAll(s,t[s]));return i},W=({showDropdown:t,isRenderDefault:a,typeOfOption:o})=>e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../text/components/Text.liquid.js"),i=require("./components/variants/index.liquid.js"),s=require("./components/dropdown-swatches/Dropdown.liquid.js"),a=require("./components/dropdown-group/DropdownGroup.liquid.js"),o=require("../../../helpers.js"),n=require("./utils/mappingVariantStyles.js"),r=require("@gem-sdk/system"),l=require("./common/main/getAttr.js"),p=require("./common/main/styles.js"),d=require("./common/main/classes.js"),u=require("./common/main/getData.js"),c=require("./common/variants/classes.js"),m=require("../../helpers/function.js"),v=require("./common/variants/styles.js"),f=require("./OptionVariantsNewFormat.liquid.js"),g=require("./OptionVariantsOldFormat.liquid.js");const $={desktop:!0,tablet:!0,mobile:!0};exports.default=_=>{let{builderProps:q,styles:y,setting:h,advanced:j}=_,{align:S,swatchItemWidth:L,dropdownItemWidth:w,swatchSpacing:O,optionTypo:b,marginBottom:V}=y??{},{label:P,optionType:D,showAsSwatches:x,layout:C,hasPreSelected:E}=h??{},I=j?.d??$,{uid:A}=q??{},N=()=>{let t={};return e.DEVICES.forEach(i=>{let s=e.getResponsiveValueByScreen(L,i);t[i]="auto"===s}),t},F=()=>{let t={};return e.DEVICES.forEach(e=>{t[e]=w?.[e]==="fill"}),t},T=h?.variantPresets?n.mappingVariantStyles(h?.variantPresets,y):[],G=T?.map(e=>(e.presets={[e.optionType]:e.presets[e.optionType]},e)),k={...h,variantPresets:G},z=e=>{let t={"'":"'",'"':"""},i=e;for(let s in t)e.indexOf(s)>=0&&(i=i.replaceAll(s,t[s]));return i},W=({showDropdown:t,isRenderDefault:a,typeOfOption:o})=>e.template`
     ${r.LiquidFor("value in values",i.default({id:"{{option.name | escape | handleize}}-{{value | escape | handleize}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:x,uid:A,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:E?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:o,activeClass:E?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...y,...k,swatchAutoWidth:N(),optionTypo:b,isRenderDefault:a}))}
       ${r.LiquidIf(t?'type == "dropdown"':"false",s.default({...y,...k,swatchAutoWidth:F(),optionTypo:b}))}`,J=h?.variantPresets?.map(e=>({name:z(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),M={renderVariantItem:W,variantPresetsLiquid:J??""},R=r.createClass(d.getVariantOptionGroupClass(S)),B=r.createStyle(p.getVariantOptionGroupStyle(O,O)),U=u.getTextVariantTitleData(_,"Liquid"),H=r.createClass(c.getWrapVariantOptionClass(C,S)),K=r.createClass(d.getWrapDropdownClass(S)),Q=u.getDropdownGroupData(_),X=r.createAttr(l.getAttrs({uid:A,hasPreSelected:E,cssClass:j?.cssClass})),Y=r.createStyle(p.getWrapperStyle(_)),Z=r.createClass({"gp-flex gp-flex-col !gp-ml-0":!0});return e.template`
     ${r.Liquid("{%- assign total_combinations = 1 -%}")}

package/dist/cjs/video/common/helpers.js

@@ -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=(i,s,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})});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})});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})});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`:""});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}=e,n=encodeURIComponent(t),d="hqdefault",u=`${o}`||"",m=i?"&mute=1":"",c=s?"webp":"jpg",b=s?"vi_webp":"vi",g=e.thumbnail||`https://i.ytimg.com/${b}/${n}/${d}.${c}`,v=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",h=`${v}/embed/${n}?autoplay=${!!p||a}&state=1${m}${u}&controls=${r?1:0}`;return{videoId:n,posterImp:d,paramsImp:u,mutedImp:m,format:c,vi:b,posterUrl:g,ytUrl:v,iframeSrc:h,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;
+"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=(i,s,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})});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})});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})});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`:""});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}=e,n=encodeURIComponent(t),d="hqdefault",u=`${o}`||"",m=i?"&mute=1":"",c=s?"webp":"jpg",b=s?"vi_webp":"vi",g=e.thumbnail||`https://i.ytimg.com/${b}/${n}/${d}.${c}`,v=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",h=`${v}/embed/${n}?autoplay=${!!p||a}&state=1${m}${u}&controls=${r?1:0}`;return{videoId:n,posterImp:d,paramsImp:u,mutedImp:m,format:c,vi:b,posterUrl:g,ytUrl:v,iframeSrc:h,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;

package/dist/esm/dialog/common/styles.js

@@ -1 +1 @@
-import{getGlobalColorResponsiveStyle as e,makeStyle as t,makeStyleResponsive as r,makeWidth as o,composeRadius as n,getResponsiveStylePadding as l,getGradientBgrStyleByDevice as i,getStyleBackgroundByDevice as s}from"@gem-sdk/core";import{pointerEventStyle as m,getDisplayStyle as a,heightStyle as p,getBorderStyle as c,getWrapperDialogStyle as d,removeHeightPercentForContent as g,getInnerStyle as u}from"./helpers.js";import"react/jsx-runtime";import"react";import{ELEMENT_Z_INDEX as b}from"../../common/const.js";import{getWidth as f}from"../../hero-banner/common/helpers.js";import{getBackgroundTranslated as y}from"../../helpers.js";import{Dialog as S}from"../settings/configs/translate.js";function h(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let j=e=>{let t={"--d":e?.desktop?"contents":"none","--d-tablet":e?.tablet?"contents":"none","--d-mobile":e?.mobile?"contents":"none"};return h(t)},k=()=>{let e={"z-index":b.DIALOG};return h(e)},C=e=>{let t={...m(e)};return h(t)},O=(r,o,n)=>{let l={...t({op:0==Number(r)?"0":(Number(r)??0)/100}),...e("bgc",{desktop:o}),...a(n)};return h(l)},x=({style:e,width:t,height:n,fullScreen:l})=>{let i={...d(e),...c(e),...a(e),...r("w",o(t,l)),...p(l,n)};return h(i)},B=t=>{let{btnBg:o,btnRounded:i,btnColor:s,btnPadding:m,btnWidth:a,btnHeight:p}=t??{},c=a?r("w",f(a)):{},d=p?r("h",f(p)):{},g={...c,...d,...e("c",{desktop:s}),...e("bgc",{desktop:o}),...l(m),...n({normal:i})};return h(g)},v=e=>{let t={};return e&&(t={"--height-icon":`${e}`}),h(t)},w=({setting:e,style:t,uid:r,pageContext:o,type:n="React"})=>{let{fullScreen:l,height:m,background:a}=e??{},c="Liquid"===n?y({background:a,uid:r,enableTranslate:!!S?.background?.id,pageContext:o,isTranslateVideo:!1}):a,d={...u(t),...g(p(l,m)),"border-radius":"inherit",...s(c),...i(c,{desktop:!0,tablet:!0,mobile:!0})};return h(d)};export{C as getBackdropStyle,w as getBodyContentStyle,B as getButtonContentStyle,k as getContainStyle,x as getDialogContentStyle,O as getOverlayStyle,v as getSvgContentStyle,j as getWrapperStyle};
+import{getGlobalColorResponsiveStyle as e,makeStyle as t,makeStyleResponsive as r,makeWidth as o,composeRadius as n,getResponsiveStylePadding as l,getGradientBgrStyleByDevice as i,getStyleBackgroundByDevice as s}from"@gem-sdk/core";import{pointerEventStyle as m,getDisplayStyle as a,heightStyle as p,getBorderStyle as c,getWrapperDialogStyle as d,removeHeightPercentForContent as g,getInnerStyle as u}from"./helpers.js";import"react/jsx-runtime";import"react";import{ELEMENT_Z_INDEX as b}from"../../common/const.js";import{getWidth as f}from"../../hero-banner/common/helpers.js";import{getBackgroundTranslated as y}from"../../helpers.js";import{Dialog as S}from"../settings/configs/translate.js";function h(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let j=e=>{let t={"--d":e?.desktop?"contents":"none","--d-tablet":e?.tablet?"contents":"none","--d-mobile":e?.mobile?"contents":"none"};return h(t)},k=()=>{let e={"z-index":b.DIALOG};return h(e)},C=e=>{let t={...m(e)};return h(t)},O=(r,o,n)=>{let l={...t({op:0==Number(r)?"0":(Number(r)||0)/100}),...e("bgc",{desktop:o}),...a(n)};return h(l)},x=({style:e,width:t,height:n,fullScreen:l})=>{let i={...d(e),...c(e),...a(e),...r("w",o(t,l)),...p(l,n)};return h(i)},B=t=>{let{btnBg:o,btnRounded:i,btnColor:s,btnPadding:m,btnWidth:a,btnHeight:p}=t??{},c=a?r("w",f(a)):{},d=p?r("h",f(p)):{},g={...c,...d,...e("c",{desktop:s}),...e("bgc",{desktop:o}),...l(m),...n({normal:i})};return h(g)},v=e=>{let t={};return e&&(t={"--height-icon":`${e}`}),h(t)},w=({setting:e,style:t,uid:r,pageContext:o,type:n="React"})=>{let{fullScreen:l,height:m,background:a}=e??{},c="Liquid"===n?y({background:a,uid:r,enableTranslate:!!S?.background?.id,pageContext:o,isTranslateVideo:!1}):a,d={...u(t),...g(p(l,m)),"border-radius":"inherit",...s(c),...i(c,{desktop:!0,tablet:!0,mobile:!0})};return h(d)};export{C as getBackdropStyle,w as getBodyContentStyle,B as getButtonContentStyle,k as getContainStyle,x as getDialogContentStyle,O as getOverlayStyle,v as getSvgContentStyle,j as getWrapperStyle};

package/dist/esm/product/components/product-images-v3/components/lightbox/ProductImagesLightBox.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as o,Fragment as p}from"react/jsx-runtime";import{useFeaturedImageGlobal as t}from"@gem-sdk/core";import{useState as l,useMemo as i,useEffect as g}from"react";import"../../../../../modal/components/confirm.js";import n from"../../../../../modal/components/Modal.js";import s from"./LightBoxCarousel.js";import r from"./LightBoxGalleryCarousel.js";import m from"./LightBoxImageZoom.js";let a=({builderPropUID:a,productImages:c,open:d,onHandleClose:x})=>{let f=t(),[u,h]=l(!1),[I,y]=l(0),w=i(()=>(c||[]).map((e,o)=>({...e,id:e.id||`gp-lightbox-${o}`,src:e.src||e.previewImage,alt:e.alt||"Product image"})),[c]),C=i(()=>!["VIDEO","EXTERNAL_VIDEO","MODEL_3D"].includes(w[I]?.contentType||""),[w,I]),b=i(()=>{let e=w.findIndex(e=>e.id===f?.id);return e&&e>0?e:0},[w,f]);g(()=>{d&&(h(!1),y(b))},[d]);let j=()=>{h(e=>!e)};return e(n,{setting:{open:d},styles:{width:"calc(100% + 2rem)"},closeOnClickOutside:!0,closeOnEscape:!0,onKeypressEscape:()=>x(),onClose:()=>{x()},lockBodyScroll:!0,disableIframeClickEvent:!0,contentClass:"!gp--mx-4 !gp-my-auto !gp-h-screen !gp-max-w-none !gp-rounded-none !gp-bg-[#0F0F10] !gp-px-0 !gp-py-0 !gp-text-white",zoomButton:{isShowButton:C,isZoomIn:u,onToggleZoom:j},closeButtonClassName:"gp-top-[34px] gp-text-[#AAAAAA] gp-scale-125",wrapperContentClasses:"gp-size-full",children:e("div",{className:"gp-flex gp-gap-2 gp-size-full gp-min-w-0 gp-flex-col gp-items-center gp-justify-center",children:u?e(m,{image:w[I],onExitZoom:j}):o(p,{children:[e("div",{className:"gp-flex gp-w-full gp-min-w-0 gp-flex-1 gp-items-center gp-justify-center gp-overflow-hidden gp-px-[52px] gp-mt-[52px] mobile:gp-px-0",children:e(s,{builderPropUID:a,displayImages:w,activeIndex:I,imageActiveIndex:b,onChangeSlide:y,onToggleZoom:j})}),e("div",{className:"gp-flex gp-justify-center gp-w-full gp-pb-2 mobile:gp-pb-5 gp-px-[52px] mobile:gp-px-0",children:e(r,{builderPropUID:a,displayImages:w,activeIndex:I,onChangeSlide:y})})]})})})};export{a as default};
+import{jsx as e,jsxs as o,Fragment as p}from"react/jsx-runtime";import{useFeaturedImageGlobal as t}from"@gem-sdk/core";import{useState as l,useMemo as i,useEffect as g}from"react";import"../../../../../modal/components/confirm.js";import n from"../../../../../modal/components/Modal.js";import s from"./LightBoxCarousel.js";import r from"./LightBoxGalleryCarousel.js";import m from"./LightBoxImageZoom.js";let a=({builderPropUID:a,productImages:c,open:d,onHandleClose:x})=>{let f=t(),[u,h]=l(!1),[I,y]=l(0),w=i(()=>(c||[]).map((e,o)=>(e.id=e.id||`gp-lightbox-${o}`,e.src=e.src||e.previewImage,e.alt=e.alt||"Product image",e)),[c]),C=i(()=>!["VIDEO","EXTERNAL_VIDEO","MODEL_3D"].includes(w[I]?.contentType||""),[w,I]),b=i(()=>{let e=w.findIndex(e=>e.id===f?.id);return e&&e>0?e:0},[w,f]);g(()=>{d&&(h(!1),y(b))},[d]);let j=()=>{h(e=>!e)};return e(n,{setting:{open:d},styles:{width:"calc(100% + 2rem)"},closeOnClickOutside:!0,closeOnEscape:!0,onKeypressEscape:()=>x(),onClose:()=>{x()},lockBodyScroll:!0,disableIframeClickEvent:!0,contentClass:"!gp--mx-4 !gp-my-auto !gp-h-screen !gp-max-w-none !gp-rounded-none !gp-bg-[#0F0F10] !gp-px-0 !gp-py-0 !gp-text-white",zoomButton:{isShowButton:C,isZoomIn:u,onToggleZoom:j},closeButtonClassName:"gp-top-[34px] gp-text-[#AAAAAA] gp-scale-125",wrapperContentClasses:"gp-size-full",children:e("div",{className:"gp-flex gp-gap-2 gp-size-full gp-min-w-0 gp-flex-col gp-items-center gp-justify-center",children:u?e(m,{image:w[I],onExitZoom:j}):o(p,{children:[e("div",{className:"gp-flex gp-w-full gp-min-w-0 gp-flex-1 gp-items-center gp-justify-center gp-overflow-hidden gp-px-[52px] gp-mt-[52px] mobile:gp-px-0",children:e(s,{builderPropUID:a,displayImages:w,activeIndex:I,imageActiveIndex:b,onChangeSlide:y,onToggleZoom:j})}),e("div",{className:"gp-flex gp-justify-center gp-w-full gp-pb-2 mobile:gp-pb-5 gp-px-[52px] mobile:gp-px-0",children:e(r,{builderPropUID:a,displayImages:w,activeIndex:I,onChangeSlide:y})})]})})})};export{a as default};

package/dist/esm/product/components/product-variants/ProductVariants.liquid.js

@@ -1,4 +1,4 @@
-import{template as t,baseAssetURL as e,isLocalEnv as i,DEVICES as o,getResponsiveValueByScreen as s}from"@gem-sdk/core";import n from"../../../text/components/Text.liquid.js";import a from"./components/variants/index.liquid.js";import r from"./components/dropdown-swatches/Dropdown.liquid.js";import p from"./components/dropdown-group/DropdownGroup.liquid.js";import{getSettingPreloadData as l}from"../../../helpers.js";import{mappingVariantStyles as d}from"./utils/mappingVariantStyles.js";import{createClass as m,createStyle as c,createAttr as u,Liquid as v,LiquidFor as f,LiquidIf as $,If as g}from"@gem-sdk/system";import{getAttrs as _}from"./common/main/getAttr.js";import{getVariantOptionGroupStyle as h,getWrapperStyle as y}from"./common/main/styles.js";import{getVariantOptionGroupClass as j,getWrapDropdownClass as w}from"./common/main/classes.js";import{getTextVariantTitleData as b,getDropdownGroupData as S}from"./common/main/getData.js";import{getWrapVariantOptionClass as P}from"./common/variants/classes.js";import{getStyleOfObject as O}from"../../helpers/function.js";import{getMarginBottomStyle as x}from"./common/variants/styles.js";import{renderOptionValuesNewFormatSwatches as V}from"./OptionVariantsNewFormat.liquid.js";import{renderOptionValuesOld as N}from"./OptionVariantsOldFormat.liquid.js";let A={desktop:!0,tablet:!0,mobile:!0},q=q=>{let{builderProps:D,styles:E,setting:T,advanced:k}=q,{align:F,swatchItemWidth:G,dropdownItemWidth:z,swatchSpacing:C,optionTypo:J,marginBottom:I}=E??{},{label:M,optionType:W,showAsSwatches:L,layout:R,hasPreSelected:H}=T??{},K=k?.d??A,{uid:Q}=D??{},U=()=>{let t={};return o.forEach(e=>{let i=s(G,e);t[e]="auto"===i}),t},B=()=>{let t={};return o.forEach(e=>{t[e]=z?.[e]==="fill"}),t},X=T?.variantPresets?d(T?.variantPresets,E):[],Y=X?.map(t=>({...t,presets:{[t.optionType]:t.presets[t.optionType]}})),Z={...T,variantPresets:Y},tt=t=>{let e={"'":"'",'"':"""},i=t;for(let o in e)t.indexOf(o)>=0&&(i=i.replaceAll(o,e[o]));return i},te=({showDropdown:e,isRenderDefault:i,typeOfOption:o})=>t`
+import{template as t,baseAssetURL as e,isLocalEnv as i,DEVICES as o,getResponsiveValueByScreen as s}from"@gem-sdk/core";import n from"../../../text/components/Text.liquid.js";import a from"./components/variants/index.liquid.js";import r from"./components/dropdown-swatches/Dropdown.liquid.js";import p from"./components/dropdown-group/DropdownGroup.liquid.js";import{getSettingPreloadData as l}from"../../../helpers.js";import{mappingVariantStyles as d}from"./utils/mappingVariantStyles.js";import{createClass as m,createStyle as c,createAttr as u,Liquid as v,LiquidFor as f,LiquidIf as $,If as g}from"@gem-sdk/system";import{getAttrs as _}from"./common/main/getAttr.js";import{getVariantOptionGroupStyle as h,getWrapperStyle as y}from"./common/main/styles.js";import{getVariantOptionGroupClass as j,getWrapDropdownClass as w}from"./common/main/classes.js";import{getTextVariantTitleData as b,getDropdownGroupData as S}from"./common/main/getData.js";import{getWrapVariantOptionClass as P}from"./common/variants/classes.js";import{getStyleOfObject as O}from"../../helpers/function.js";import{getMarginBottomStyle as x}from"./common/variants/styles.js";import{renderOptionValuesNewFormatSwatches as V}from"./OptionVariantsNewFormat.liquid.js";import{renderOptionValuesOld as N}from"./OptionVariantsOldFormat.liquid.js";let A={desktop:!0,tablet:!0,mobile:!0},q=q=>{let{builderProps:D,styles:E,setting:T,advanced:k}=q,{align:F,swatchItemWidth:G,dropdownItemWidth:z,swatchSpacing:C,optionTypo:J,marginBottom:I}=E??{},{label:M,optionType:W,showAsSwatches:L,layout:R,hasPreSelected:H}=T??{},K=k?.d??A,{uid:Q}=D??{},U=()=>{let t={};return o.forEach(e=>{let i=s(G,e);t[e]="auto"===i}),t},B=()=>{let t={};return o.forEach(e=>{t[e]=z?.[e]==="fill"}),t},X=T?.variantPresets?d(T?.variantPresets,E):[],Y=X?.map(t=>(t.presets={[t.optionType]:t.presets[t.optionType]},t)),Z={...T,variantPresets:Y},tt=t=>{let e={"'":"'",'"':"""},i=t;for(let o in e)t.indexOf(o)>=0&&(i=i.replaceAll(o,e[o]));return i},te=({showDropdown:e,isRenderDefault:i,typeOfOption:o})=>t`
     ${f("value in values",a({id:"{{option.name | escape | handleize}}-{{value | escape | handleize}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:L,uid:Q,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:H?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:o,activeClass:H?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...E,...Z,swatchAutoWidth:U(),optionTypo:J,isRenderDefault:i}))}
       ${$(e?'type == "dropdown"':"false",r({...E,...Z,swatchAutoWidth:B(),optionTypo:J}))}`,ti=T?.variantPresets?.map(t=>({name:tt(t.optionName),type:t.optionType})).map(t=>`${t.name}($1)${t.type}`).join("($2)").toString(),to={renderVariantItem:te,variantPresetsLiquid:ti??""},ts=m(j(F)),tn=c(h(C,C)),ta=b(q,"Liquid"),tr=m(P(R,F)),tp=m(w(F)),tl=S(q),td=u(_({uid:Q,hasPreSelected:H,cssClass:k?.cssClass})),tm=c(y(q)),tc=m({"gp-flex gp-flex-col !gp-ml-0":!0});return t`
     ${v("{%- assign total_combinations = 1 -%}")}

package/dist/esm/video/common/helpers.js

@@ -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=(e,s,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})});m.youtubeUrlTranslated=String(e)}if(m.vimeoUrl&&"vimeo"===m.type){let e=o({val:m.vimeoUrl,uid:s,settingId:i({id:l?.vimeoUrl?.id})});m.vimeoUrlTranslated=String(e)}if(m.html5Url&&"html5"===m.type){let e=o({val:m.html5Url,uid:s,settingId:i({id:l?.html5Url?.id})});m.html5Url=String(e)}if(m.poster){let e=o({val:m.poster?.src,uid:s,settingId:l?.poster?.id?`${l.poster.id}_src`:""});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}=e,d=encodeURIComponent(t),p="hqdefault",n=`${o}`||"",u=i?"&mute=1":"",b=l?"webp":"jpg",g=l?"vi_webp":"vi",h=e.thumbnail||`https://i.ytimg.com/${g}/${d}/${p}.${b}`,c=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",$=`${c}/embed/${d}?autoplay=${!!a||m}&state=1${u}${n}&controls=${s?1:0}`;return{videoId:d,posterImp:p,paramsImp:n,mutedImp:u,format:b,vi:g,posterUrl:h,ytUrl:c,iframeSrc:$,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};
+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=(e,s,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})});m.youtubeUrlTranslated=String(e)}if(m.vimeoUrl&&"vimeo"===m.type){let e=o({val:m.vimeoUrl,uid:s,settingId:i({id:l?.vimeoUrl?.id})});m.vimeoUrlTranslated=String(e)}if(m.html5Url&&"html5"===m.type){let e=o({val:m.html5Url,uid:s,settingId:i({id:l?.html5Url?.id})});m.html5Url=String(e)}if(m.poster){let e=o({val:m.poster?.src,uid:s,settingId:l?.poster?.id?`${l.poster.id}_src`:""});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}=e,d=encodeURIComponent(t),p="hqdefault",n=`${o}`||"",u=i?"&mute=1":"",b=l?"webp":"jpg",g=l?"vi_webp":"vi",h=e.thumbnail||`https://i.ytimg.com/${g}/${d}/${p}.${b}`,c=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",$=`${c}/embed/${d}?autoplay=${!!a||m}&state=1${u}${n}&controls=${s?1:0}`;return{videoId:d,posterImp:p,paramsImp:n,mutedImp:u,format:b,vi:g,posterUrl:h,ytUrl:c,iframeSrc:$,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};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "12.0.0-dev.139",
+  "version": "12.0.0-dev.141",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -15,7 +15,7 @@
     "post:publish": "node ./scripts/convert-publish.js",
     "watch": "rollup -c ./scripts/rollup.config.mjs -w",
     "build": "rollup -c ./scripts/rollup.config.mjs --environment NODE_ENV:production",
-    "lint": "eslint ./src --ext .tsx,.ts",
+    "lint": "oxlint  --format=stylish ./src",
     "test": "jest -c ./../../helpers/jest.config.ts",
     "test:watch": "jest -c ./../../helpers/jest.config.ts --watch",
     "type-check": "yarn tsc --noEmit",
@@ -26,9 +26,9 @@
     "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
   },
   "devDependencies": {
-    "@gem-sdk/core": "12.0.0-dev.139",
-    "@gem-sdk/styles": "12.0.0-dev.139",
-    "@gem-sdk/system": "12.0.0-dev.139",
+    "@gem-sdk/core": "12.0.0-dev.141",
+    "@gem-sdk/styles": "12.0.0-dev.141",
+    "@gem-sdk/system": "12.0.0-dev.141",
     "@types/react-transition-group": "^4.4.12",
     "postcss-import": "16.1.1",
     "@thedutchcoder/postcss-rem-to-px": "0.0.2",