@gem-sdk/components 8.0.0-dev.64 → 8.0.0-dev.66

package/dist/esm/tab/components/Tabs.liquid.js

@@ -1,19 +1,19 @@
-import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as l,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as r,getSettingPreloadData as d}from"../../helpers.js";import{createStateOrContext as o,createAttr as c,createStyle as p,createClass as m}from"@gem-sdk/system";import{getAttr as $,getAttrContent as n}from"../common/attrs.js";import y from"../../text/components/Text.liquid.js";import{getStyleWrapper as u,getTabParentListStyle as v,getTabListStyle as g,getContainContentStyle as f,getItemStyle as h}from"../common/styles.js";import{getClassesWrapper as b,getContainClasses as x,getStyleTagClasses as j,getTabParentListClasses as T,getTabListClasses as k,getWrapperContentClasses as A,getContainContentClasses as K,getTextClasses as S,getItemClasses as C}from"../common/classes.js";let Tabs=I=>{let{builderProps:E,style:N,setting:V,advanced:P,rawChildren:_}=I;delete V?.labelTypoV2?.attrs?.color;let{cssClass:q}=P??{},{panelWidth:z,childItem:F,labelAlign:G,labelTypo:O,labelTypoV2:W}=V??{},J=o({setting:V,builderProps:E}),L=void 0;V&&!V?.labelWidth&&(V.labelWidth={desktop:"200px"});let M=c({...$({uid:E?.uid||""})}),R=p({...u(V,N)}),U=m({...b({builderProps:E,advancedCssClass:q})}),w=m({...x({setting:V})}),B=j({panelWidth:z,builderProps:E}),D=m({...T()}),H=p({...v(V)}),Q=m({...k({setting:V})}),X=p({...g(V)}),Y=e=>m({...C({setting:V,isNotLiquid:!1,isActive:e,currentDevice:L})}),Z=e=>p({...h(V,e)}),ee=m({...A()}),et=m({...K()}),es=p({...f()}),el=c({...n({uid:E?.uid||""})}),ei=m({...S()}),ea=()=>F?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,s)=>{let l=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===s:s===V?.activeKey,i=r({val:t,uid:E?.uid,settingId:`childItem_${s}`,pageContext:I.pageContext,isCapitalize:V?.labelTypoV2?.attrs?.transform==="capitalize",translate:V?.translate});return e`
+import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as i,isLocalEnv as l,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as r,getSettingPreloadData as d}from"../../helpers.js";import{createStateOrContext as o,createAttr as p,createStyle as c,createClass as m}from"@gem-sdk/system";import{getAttr as u,getAttrContent as n}from"../common/attrs.js";import y from"../../text/components/Text.liquid.js";import{getStyleWrapper as $,getTabParentListStyle as v,getTabListStyle as g,getContainContentStyle as f,getItemStyle as h}from"../common/styles.js";import{getClassesWrapper as x,getContainClasses as b,getStyleTagClasses as j,getTabParentListClasses as C,getTabListClasses as T,getWrapperContentClasses as k,getContainContentClasses as A,getTextClasses as K,getItemClasses as S}from"../common/classes.js";let Tabs=I=>{let{builderProps:E,style:N,setting:V,advanced:q,rawChildren:P}=I;delete V?.labelTypoV2?.attrs?.color;let{cssClass:_}=q??{},{panelWidth:z,childItem:F,labelAlign:G,labelTypo:L,labelTypoV2:O}=V??{},W=o({setting:V,builderProps:E}),J=void 0;V&&!V?.labelWidth&&(V.labelWidth={desktop:"200px"});let M=p({...u({uid:E?.uid||""})}),R=c({...$({setting:V,style:N,uid:E?.uid,pageContext:I.pageContext,type:"Liquid"})}),U=m({...x({builderProps:E,advancedCssClass:_})}),w=m({...b({setting:V})}),B=j({panelWidth:z,builderProps:E}),D=m({...C()}),H=c({...v(V)}),Q=m({...T({setting:V})}),X=c({...g(V)}),Y=e=>m({...S({setting:V,isNotLiquid:!1,isActive:e,currentDevice:J})}),Z=e=>c({...h(V,e)}),ee=m({...k()}),et=m({...A()}),es=c({...f()}),ei=p({...n({uid:E?.uid||""})}),el=m({...K()}),ea=()=>F?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,s)=>{let i=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===s:s===V?.activeKey,l=r({val:t,uid:E?.uid,settingId:`childItem_${s}`,pageContext:I.pageContext,isCapitalize:V?.labelTypoV2?.attrs?.transform==="capitalize",translate:"true"});return e`
       <li
         aria-hidden
-        class="${Y(l)}"
-        style="${Z(l)}"
+        class="${Y(i)}"
+        style="${Z(i)}"
         key="${E?.uid}"
 
       >
-        ${y({className:ei,styles:{typo:W,typography:O,textAlign:G},setting:{text:i,htmlTag:"div",excludeFlex:!0,isForceValue:!0}})}
+        ${y({className:el,styles:{typo:O,typography:L,textAlign:G},setting:{text:l,htmlTag:"div",excludeFlex:!0,isForceValue:!0}})}
       </li>
-    `}).join(""),er=()=>t({uid:E?.uid||"",customProps:_?.[0].customProps},_?.map((t,l)=>{let i=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===l:l===V?.activeKey;return t?e`${s({...t,parentUid:E?.uid,isActive:i})}`:""})),ed=()=>l(i,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-tab-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${a}/assets-v2/gp-tab-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
+    `}).join(""),er=()=>t({uid:E?.uid||"",customProps:P?.[0].customProps},P?.map((t,i)=>{let l=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===i:i===V?.activeKey;return t?e`${s({...t,parentUid:E?.uid,isActive:l})}`:""})),ed=()=>i(l,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-tab-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${a}/assets-v2/gp-tab-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
     <gp-tab
       ${{...M}}
       style="${R}"
       class="${U}"
-      gp-data='${JSON.stringify(J)?.replaceAll("'","&#039;")}'>
+      gp-data='${JSON.stringify(W)?.replaceAll("'","&#039;")}'>
         <style>${B}</style>
         <div class="${w}">
           <div class="${D}" style="${H}">
@@ -23,7 +23,7 @@ import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as l,i
           </div>
           <div class="${ee}">
             <div
-              ${{...el}}
+              ${{...ei}}
               class="${et}"
               style="${es}"
             >

package/dist/esm/tab/settings/configs/settings.js

@@ -1 +1 @@
-let TabsSettings=[{id:"setting",controls:[{id:"childItem",label:"Tabs Item",type:"child-item",default:["Tab 1","Tab 2","Tab 3"]},{id:"activeKey",type:"select-custom-options",label:"Order",controlOption:"childItem",default:0},{id:"translate",type:"input",default:"childItem"},{id:"position",type:"layout-selector",label:"Layout",iconViewBox:"0 0 74 48",enableItemBackground:!0,itemPerRow:2,options:[{value:"top",label:"Top",iconName:"gp-tab-top"},{value:"left",label:"Left",iconName:"gp-tab-left"},{value:"right",label:"Right",iconName:"gp-tab-bottom"}],devices:{desktop:{default:"top"}}},{id:"group-header",label:"Tabs Header",type:"group",controls:[{id:"labelTypoV2",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},compoDefaultValue:{custom:{textShadow:{angle:135,blur:"2px",distance:"2px",type:"custom",color:"rgba(18, 18, 18, 0.5)"}}},ignoreReRender:!0},{id:"panelFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"panelWidth",label:"Width",type:"dropdown:input",units:["px","%"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"Auto"}}},{id:"panelAlign",type:"option:value",label:"Alignment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"panelAlignVertical",type:"option:value",label:"Alignment",options:[{label:"Top",value:"start",type:"align",tooltip:"Align Top",iconName:"gp-align-top"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Bottom",value:"end",type:"align",tooltip:"Align Bottom",iconName:"gp-align-bottom"}],devices:{desktop:{default:"start"}}},{id:"labelWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"auto"}}},{id:"padding",type:"padding-v2",devices:{desktop:{}}},{id:"labelAlign",type:"option:value",label:"Text alignment",options:[{label:"Left",value:"left",type:"text"},{label:"Center",value:"center",type:"text"},{label:"Right",value:"right",type:"text"}],devices:{desktop:{default:"left"}}}]},{id:"enableHoverEffect",label:"",type:"toggle",default:!1},{id:"enableActiveEffect",label:"",type:"toggle",default:!0},{id:"behavior-state-group",type:"behavior-state",controls:[{id:"labelBgColor",label:"Background Color",type:"color-picker-v2",default:{active:"bg-1"},compoDefaultValue:{normal:"bg-2",hover:"bg-2",active:"bg-1"}},{id:"labelColor",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"}},{id:"borderTab",type:"border",label:"Border",default:{active:{border:"solid",width:"0px 0px 1px 0px",borderWidth:"1px",color:"line-3",position:"bottom",isCustom:!0}}}]},{id:"containWidth",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:1200},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"start",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}}]}];export{TabsSettings};
+let TabsSettings=[{id:"setting",controls:[{id:"childItem",label:"Tabs Item",type:"child-item",default:["Tab 1","Tab 2","Tab 3"]},{id:"activeKey",type:"select-custom-options",label:"Order",controlOption:"childItem",default:0},{id:"translate",type:"input",default:[{id:"childItem"},{id:"background",fields:["image.src"]}]},{id:"position",type:"layout-selector",label:"Layout",iconViewBox:"0 0 74 48",enableItemBackground:!0,itemPerRow:2,options:[{value:"top",label:"Top",iconName:"gp-tab-top"},{value:"left",label:"Left",iconName:"gp-tab-left"},{value:"right",label:"Right",iconName:"gp-tab-bottom"}],devices:{desktop:{default:"top"}}},{id:"group-header",label:"Tabs Header",type:"group",controls:[{id:"labelTypoV2",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},compoDefaultValue:{custom:{textShadow:{angle:135,blur:"2px",distance:"2px",type:"custom",color:"rgba(18, 18, 18, 0.5)"}}},ignoreReRender:!0},{id:"panelFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"panelWidth",label:"Width",type:"dropdown:input",units:["px","%"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"Auto"}}},{id:"panelAlign",type:"option:value",label:"Alignment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"panelAlignVertical",type:"option:value",label:"Alignment",options:[{label:"Top",value:"start",type:"align",tooltip:"Align Top",iconName:"gp-align-top"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Bottom",value:"end",type:"align",tooltip:"Align Bottom",iconName:"gp-align-bottom"}],devices:{desktop:{default:"start"}}},{id:"labelWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"auto"}}},{id:"padding",type:"padding-v2",devices:{desktop:{}}},{id:"labelAlign",type:"option:value",label:"Text alignment",options:[{label:"Left",value:"left",type:"text"},{label:"Center",value:"center",type:"text"},{label:"Right",value:"right",type:"text"}],devices:{desktop:{default:"left"}}}]},{id:"enableHoverEffect",label:"",type:"toggle",default:!1},{id:"enableActiveEffect",label:"",type:"toggle",default:!0},{id:"behavior-state-group",type:"behavior-state",controls:[{id:"labelBgColor",label:"Background Color",type:"color-picker-v2",default:{active:"bg-1"},compoDefaultValue:{normal:"bg-2",hover:"bg-2",active:"bg-1"}},{id:"labelColor",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"}},{id:"borderTab",type:"border",label:"Border",default:{active:{border:"solid",width:"0px 0px 1px 0px",borderWidth:"1px",color:"line-3",position:"bottom",isCustom:!0}}}]},{id:"containWidth",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:1200},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"start",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}}]}];export{TabsSettings};

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

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";let 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},l={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(s,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(s,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(s,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return l},getYoutubeParams=e=>{let{id:t,params:o,muted:i,webp:s,controls:l,adNetwork:a,autoplay:m,lazy:p}=e,d=encodeURIComponent(t),u="hqdefault",b=`${o}`||"",r=i?"&mute=1":"",n=s?"webp":"jpg",c=s?"vi_webp":"vi",g=e.thumbnail||`https://i.ytimg.com/${c}/${d}/${u}.${n}`,$=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",h=`${$}/embed/${d}?autoplay=${!!p||m}&state=1${r}${b}&controls=${l?1:0}`,v=a||!1;return{videoId:d,posterImp:u,paramsImp:b,mutedImp:r,format:n,vi:c,posterUrl:g,ytUrl:$,iframeSrc:h,adNetworkImp:v}},getVimeoParams=e=>{let{id:t,autoplay:o,muted:i,controls:s,loop:l,lazy:a}=e,m=encodeURIComponent(t),p=`?&autoplay=${a?1:o?1:0}&muted=${i?1:0}&loop=${l?1:0}&controls=${s}&autopause=false`,d=`https://player.vimeo.com/video/${m}${p}`;return{videoId:m,params:p,iframeSrc:d}},makeStyleResponsiveRatio=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",youtubeVideoRegex=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,getYoutubeVideoId=e=>{let t=e.match(youtubeVideoRegex);return t?.[1]??void 0},getVimeoVideoId=e=>{let t=/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/,o=e.match(t);return o?.[3]},parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},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},{})},isSettingLoop=e=>e.includes("loop=1");export{covertStrParamsToObj,fallbackImageVideoUrl,getAspectRatioSettings,getVimeoParams,getVimeoVideoId,getYoutubeParams,getYoutubeVideoId,isSettingLoop,makeStyleResponsiveRatio,parseTimeVideo,vimeoVideoRegex,youtubeVideoRegex};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import"react/jsx-runtime";import"react";import"next/link";let 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},m={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(s,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(s,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(s,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return m},getYoutubeParams=e=>{let{id:t,params:o,muted:i,webp:s,controls:m,adNetwork:l,autoplay:a,lazy:p}=e,r=encodeURIComponent(t),d="hqdefault",u=`${o}`||"",b=i?"&mute=1":"",n=s?"webp":"jpg",c=s?"vi_webp":"vi",g=e.thumbnail||`https://i.ytimg.com/${c}/${r}/${d}.${n}`,$=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",h=`${$}/embed/${r}?autoplay=${!!p||a}&state=1${b}${u}&controls=${m?1:0}`,v=l||!1;return{videoId:r,posterImp:d,paramsImp:u,mutedImp:b,format:n,vi:c,posterUrl:g,ytUrl:$,iframeSrc:h,adNetworkImp:v}},getVimeoParams=e=>{let{id:t,autoplay:o,muted:i,controls:s,loop:m,lazy:l}=e,a=encodeURIComponent(t),p=`?&autoplay=${l?1:o?1:0}&muted=${i?1:0}&loop=${m?1:0}&controls=${s}&autopause=false`,r=`https://player.vimeo.com/video/${a}${p}`;return{videoId:a,params:p,iframeSrc:r}},makeStyleResponsiveRatio=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",youtubeVideoRegex=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,getYoutubeVideoId=e=>{let t=e.match(youtubeVideoRegex);return t?.[1]??void 0},getVimeoVideoId=e=>{let t=/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/,o=e.match(t);return o?.[3]},parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},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},{})},isSettingLoop=e=>e.includes("loop=1");export{covertStrParamsToObj,fallbackImageVideoUrl,getAspectRatioSettings,getVimeoParams,getVimeoVideoId,getYoutubeParams,getYoutubeVideoId,isSettingLoop,makeStyleResponsiveRatio,parseTimeVideo,vimeoVideoRegex,youtubeVideoRegex};

package/dist/types/index.d.ts

@@ -281,6 +281,7 @@ type ImageSettingProps$1 = {
     srcSet?: ObjectDevices<BaseImageData>;
     qualityPercent?: ObjectDevices<number>;
     qualityType?: ObjectDevices<QualityType$3>;
+    translate?: TranslateElement$1[];
 };
 type QualityType$3 = 'finest' | 'high' | 'medium' | 'custom';
 type ImageProps = BasePropsWrap<ImageSettingProps$1, ImageStyleProps$1> & {
@@ -2084,6 +2085,7 @@ type IconListSettingProps$1 = {
 };
 type IconListStyleProps$1 = {
     background?: ObjectDevices<Background>;
+    translate?: TranslateElement[];
     align?: ObjectDevices<AlignProp>;
     alignWrapper?: ObjectDevices<AlignProp>;
     horizontalSpacing?: ObjectDevices<Property.Padding>;
@@ -2099,6 +2101,7 @@ type IconListProps$1 = BasePropsWrap<IconListSettingProps$1, IconListStyleProps$
     children?: React.ReactNode;
     rawChildren?: any[];
     advanced?: any;
+    pageContext?: PageContext;
 };
 type IconListItemProps$1 = BasePropsWrap & React.ComponentPropsWithoutRef<'div'> & {
     horizontalSpacing?: ObjectDevices<Property.Padding>;
@@ -2145,7 +2148,7 @@ declare const iconListHozSetting: {
 
 type IconListSettingProps = {
     childItem?: string[];
-    translate?: string;
+    translate?: TranslateElement[];
     textTypo?: TypographySettingV2;
     iconSvg?: string;
     iconWidth?: ObjectDevices<number>;
@@ -2209,7 +2212,7 @@ type ImageComparisonSettingProps = {
     defaultPercentage?: number;
     leftImageLabel?: string;
     rightImageLabel?: string;
-    translate?: string;
+    translate?: TranslateElement$1[];
     sliderLineWidth?: number;
     hoverToSlide?: boolean;
     imageTab?: ImageTab;
@@ -4522,7 +4525,7 @@ type Position = 'top' | 'bottom' | 'left' | 'right';
 type TabsSettingProps = {
     activeKey?: number;
     childItem?: string[];
-    translate?: string;
+    translate?: TranslateElement[];
     position?: ObjectDevices<Position>;
     labelTypo?: TypographySetting;
     labelTypoV2?: TypographySettingV2;
@@ -6661,7 +6664,7 @@ declare const Icon: ({ style, builderAttrs, builderProps, setting, styles, advan
 
 declare const IconListItem: ({ children, dataIndex, parentUid, builderProps, parentStyles, }: IconListItemProps$1) => string | null;
 
-declare const IconList: ({ builderProps, style, setting, rawChildren, styles, advanced, }: IconListProps$1) => string;
+declare const IconList: ({ builderProps, style, setting, rawChildren, styles, advanced, pageContext, }: IconListProps$1) => string;
 
 declare const IconListHoz: (props: IconListHozProps) => string;
 
@@ -6671,7 +6674,7 @@ declare const IconListV2: (props: IconListProps) => string;
 
 declare const Image: ({ style, styles, setting, advanced, className, pageContext, builderAttrs, builderProps, }: ImageLiquidProps) => string;
 
-declare const ImageComparison: ({ setting, styles, builderProps, advanced, ...props }: ImageComparisonProps) => string;
+declare const ImageComparison: ({ setting, styles, builderProps, advanced, pageContext, ...props }: ImageComparisonProps) => string;
 
 declare const Line: (props: LineProps) => string;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "8.0.0-dev.64",
+  "version": "8.0.0-dev.66",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",