@gem-sdk/components 17.0.0-dev.28 → 17.0.0-staging.5

package/dist/cjs/line/settings/configs/settings.js

@@ -1 +1 @@
-"use strict";exports.LineSettings=[{id:"setting",controls:[{id:"lineType",type:"group",controls:[{id:"enableIconText",label:"Type",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"text",label:"Text",type:"input",default:"Title"},{id:"iconSvg",label:"SVG Icon",type:"icon",default:'<svg style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">              <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M428.8 137.6h-86.177a115.52 115.52 0 0 0 2.176-22.4c0-47.914-35.072-83.2-92-83.2-45.314 0-57.002 48.537-75.707 78.784-7.735 12.413-16.994 23.317-25.851 33.253l-.131.146-.129.148C135.662 161.807 127.764 168 120.8 168h-2.679c-5.747-4.952-13.536-8-22.12-8H32c-17.673 0-32 12.894-32 28.8v230.4C0 435.106 14.327 448 32 448h64c8.584 0 16.373-3.048 22.12-8h2.679c28.688 0 67.137 40 127.2 40h21.299c62.542 0 98.8-38.658 99.94-91.145 12.482-17.813 18.491-40.785 15.985-62.791A93.148 93.148 0 0 0 393.152 304H428.8c45.435 0 83.2-37.584 83.2-83.2 0-45.099-38.101-83.2-83.2-83.2zm0 118.4h-91.026c12.837 14.669 14.415 42.825-4.95 61.05 11.227 19.646 1.687 45.624-12.925 53.625 6.524 39.128-10.076 61.325-50.6 61.325H248c-45.491 0-77.21-35.913-120-39.676V215.571c25.239-2.964 42.966-21.222 59.075-39.596 11.275-12.65 21.725-25.3 30.799-39.875C232.355 112.712 244.006 80 252.8 80c23.375 0 44 8.8 44 35.2 0 35.2-26.4 53.075-26.4 70.4h158.4c18.425 0 35.2 16.5 35.2 35.2 0 18.975-16.225 35.2-35.2 35.2zM88 384c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z" /></svg>'},{id:"position",label:"Position",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}]},{id:"style",controls:[{id:"lineStyle",label:"Style",type:"option:value",options:[{label:"Solid",value:"solid",type:"border",iconName:"gp-line-solid"},{label:"Dotted",value:"dotted",type:"border",iconName:"gp-line-dotted"},{label:"Dashed",value:"dashed",type:"border",iconName:"gp-line-dashed"},{label:"Double",value:"double",type:"border",iconName:"gp-line-double"}],devices:{desktop:{default:"solid"}}},{id:"lineStyleGroup",type:"group",label:"Line",controls:[{id:"color",type:"color-picker-v2",default:"line-2",compoDefaultValue:"line-2"}]},{id:"dimension",type:"group",label:"Dimension",controls:[{id:"thickness",label:"Thickness",type:"input:stepper",devices:{desktop:{default:2},tablet:{default:2},mobile:{default:2}}},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",label:"Width",type:"dropdown:input",inputType:"number",hideUnit:!1,units:["px","%"],displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}],devices:{desktop:{default:"100%"},tablet:{},mobile:{}}}]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"typographyStyle",type:"group",hide:!0,label:"Typography",controls:[{id:"typo",type:"typography-v2",label:"Text Styles",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0},{id:"textColor",type:"colorpicker",label:"Text Color",default:"text-1"},{id:"textSpacing",label:"Text Spacing",type:"input:unit",units:["px"],default:"var(--g-s-s)"}]},{id:"iconStyle",type:"group",label:"Icon",hide:!0,controls:[{id:"iconSize",label:"Icon Size",type:"input:unit",min:1,max:500,units:["px"],devices:{desktop:{default:"20px"},tablet:{},mobile:{}}},{id:"iconColor",type:"colorpicker",label:"Icon Color",default:"text-1"},{id:"iconRotate",label:"Icon Rotate",type:"input:slider",units:["deg"],min:0,max:360,step:1,default:0},{id:"iconSpacing",label:"Icon Spacing",type:"input:unit",units:["px"],default:"var(--g-s-xs)"}]},{id:"transformStyle",type:"group",label:"Line Transform",controls:[{id:"transform",label:"Transform",type:"option:value",options:[{label:"Horizontal",value:"horizontal"},{label:"Vertical",value:"vertical"},{label:"Custom",value:"custom"}],default:"horizontal"},{id:"customTransform",label:"Custom Transform Angle",type:"angle",hide:!0,min:0,max:360,step:1,default:0}]}]}];
+"use strict";const LineSettings=[{id:"setting",controls:[{id:"lineType",type:"group",controls:[{id:"enableIconText",label:"Type",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"text",label:"Text",type:"input",default:"Title"},{id:"iconSvg",label:"SVG Icon",type:"icon",default:'<svg style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">              <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M428.8 137.6h-86.177a115.52 115.52 0 0 0 2.176-22.4c0-47.914-35.072-83.2-92-83.2-45.314 0-57.002 48.537-75.707 78.784-7.735 12.413-16.994 23.317-25.851 33.253l-.131.146-.129.148C135.662 161.807 127.764 168 120.8 168h-2.679c-5.747-4.952-13.536-8-22.12-8H32c-17.673 0-32 12.894-32 28.8v230.4C0 435.106 14.327 448 32 448h64c8.584 0 16.373-3.048 22.12-8h2.679c28.688 0 67.137 40 127.2 40h21.299c62.542 0 98.8-38.658 99.94-91.145 12.482-17.813 18.491-40.785 15.985-62.791A93.148 93.148 0 0 0 393.152 304H428.8c45.435 0 83.2-37.584 83.2-83.2 0-45.099-38.101-83.2-83.2-83.2zm0 118.4h-91.026c12.837 14.669 14.415 42.825-4.95 61.05 11.227 19.646 1.687 45.624-12.925 53.625 6.524 39.128-10.076 61.325-50.6 61.325H248c-45.491 0-77.21-35.913-120-39.676V215.571c25.239-2.964 42.966-21.222 59.075-39.596 11.275-12.65 21.725-25.3 30.799-39.875C232.355 112.712 244.006 80 252.8 80c23.375 0 44 8.8 44 35.2 0 35.2-26.4 53.075-26.4 70.4h158.4c18.425 0 35.2 16.5 35.2 35.2 0 18.975-16.225 35.2-35.2 35.2zM88 384c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z" /></svg>'},{id:"position",label:"Position",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}]},{id:"style",controls:[{id:"lineStyle",label:"Style",type:"option:value",options:[{label:"Solid",value:"solid",type:"border",iconName:"gp-line-solid"},{label:"Dotted",value:"dotted",type:"border",iconName:"gp-line-dotted"},{label:"Dashed",value:"dashed",type:"border",iconName:"gp-line-dashed"},{label:"Double",value:"double",type:"border",iconName:"gp-line-double"}],devices:{desktop:{default:"solid"}}},{id:"lineStyleGroup",type:"group",label:"Line",controls:[{id:"color",type:"color-picker-v2",default:"line-2",compoDefaultValue:"line-2"}]},{id:"dimension",type:"group",label:"Dimension",controls:[{id:"thickness",label:"Thickness",type:"input:stepper",devices:{desktop:{default:2},tablet:{default:2},mobile:{default:2}}},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",label:"Width",type:"dropdown:input",inputType:"number",hideUnit:!1,units:["px","%"],displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}],devices:{desktop:{default:"100%"},tablet:{},mobile:{}}}]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"typographyStyle",type:"group",hide:!0,label:"Typography",controls:[{id:"typo",type:"typography-v2",label:"Text Styles",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0},{id:"textColor",type:"colorpicker",label:"Text Color",default:"text-1"},{id:"textSpacing",label:"Text Spacing",type:"input:unit",units:["px"],default:"var(--g-s-s)"}]},{id:"iconStyle",type:"group",label:"Icon",hide:!0,controls:[{id:"iconSize",label:"Icon Size",type:"input:unit",min:1,max:500,units:["px"],devices:{desktop:{default:"20px"},tablet:{},mobile:{}}},{id:"iconColor",type:"colorpicker",label:"Icon Color",default:"text-1"},{id:"iconRotate",label:"Icon Rotate",type:"input:slider",units:["deg"],min:0,max:360,step:1,default:0},{id:"iconSpacing",label:"Icon Spacing",type:"input:unit",units:["px"],default:"var(--g-s-xs)"}]},{id:"transformStyle",type:"group",label:"Line Transform",controls:[{id:"transform",label:"Transform",type:"option:value",options:[{label:"Horizontal",value:"horizontal"},{label:"Vertical",value:"vertical"},{label:"Custom",value:"custom"}],default:"horizontal"},{id:"customTransform",label:"Custom Transform Angle",type:"angle",hide:!0,min:0,max:360,step:1,default:0}]}]}];exports.LineSettings=LineSettings;

package/dist/cjs/line/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{controls:[{label:"Type",setting:{id:"lineStyle"},options:{labelVariant:"primary",fullWidth:!0}}]},{label:"Style",controls:[{label:"Color",setting:{id:"color"}},{label:"Thickness",setting:{id:"thickness"}}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
+"use strict";const SettingUIV2=[{controls:[{label:"Type",setting:{id:"lineStyle"},options:{labelVariant:"primary",fullWidth:!0}}]},{label:"Style",controls:[{label:"Color",setting:{id:"color"}},{label:"Thickness",setting:{id:"thickness"}}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

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

@@ -1 +1 @@
-"use strict";exports.urlJoin=function(...e){let r=Array.from(Array.isArray(e[0])?e[0]:e);return function(e){let r=[];if(0===e.length)return"";if("string"!=typeof e[0])throw TypeError("Url must be a string. Received "+e[0]);e[0].match(/^[^/:]+:\/*$/)&&e.length>1&&(e[0]=e.shift()+e[0]),e[0].match(/^file:\/\/\//)?e[0]=e[0].replace(/^([^/:]+):\/*/,"$1:///"):e[0]=e[0].replace(/^([^/:]+):\/*/,"$1://");for(let t=0;t<e.length;t++){let l=e[t];if("string"!=typeof l)throw TypeError("Url must be a string. Received "+l);""!==l&&(t>0&&(l=l.replace(/^\/+/,"")),l=t<e.length-1?l.replace(/\/+$/,""):l.replace(/\/+$/,"/"),r.push(l))}let t=r.join("/");t=t.replace(/\/(\?|&|#[^!])/g,"$1");let l=t.split("?");return l.shift()+(l.length>0?"?":"")+l.join("&")}(r)};
+"use strict";function normalize(e){let r=[];if(0===e.length)return"";if("string"!=typeof e[0])throw TypeError("Url must be a string. Received "+e[0]);e[0].match(/^[^/:]+:\/*$/)&&e.length>1&&(e[0]=e.shift()+e[0]),e[0].match(/^file:\/\/\//)?e[0]=e[0].replace(/^([^/:]+):\/*/,"$1:///"):e[0]=e[0].replace(/^([^/:]+):\/*/,"$1://");for(let t=0;t<e.length;t++){let l=e[t];if("string"!=typeof l)throw TypeError("Url must be a string. Received "+l);""!==l&&(t>0&&(l=l.replace(/^\/+/,"")),l=t<e.length-1?l.replace(/\/+$/,""):l.replace(/\/+$/,"/"),r.push(l))}let t=r.join("/");t=t.replace(/\/(\?|&|#[^!])/g,"$1");let l=t.split("?");return l.shift()+(l.length>0?"?":"")+l.join("&")}function urlJoin(...e){let r=Array.from(Array.isArray(e[0])?e[0]:e);return normalize(r)}exports.urlJoin=urlJoin;

package/dist/cjs/link/components/CustomLink.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("next/link"),t=require("@gem-sdk/core"),i=require("../../helpers.js");exports.default=({children:l,dataId:n,...s})=>{let{isPreviewSharePageMode:d}=t.useRenderMode(),u={title:s.title,"data-id":n},o=s.href?.toString();return d?e.jsx("a",{...u,...s,href:o,onClick:()=>{i.handleClickLink({link:o,type:o?.startsWith("#el")?"open-popup":void 0})},children:l}):e.jsx(r,{...u,...s,children:l})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Link=require("next/link"),core=require("@gem-sdk/core"),helpers=require("../../helpers.js");const CustomLink=({children:e,dataId:r,...t})=>{let{isPreviewSharePageMode:i}=core.useRenderMode(),n={title:t.title,"data-id":r},s=t.href?.toString(),l=()=>{helpers.handleClickLink({link:s,type:s?.startsWith("#el")?"open-popup":void 0})};return i?jsxRuntime.jsx("a",{...n,...t,href:s,onClick:l,children:e}):jsxRuntime.jsx(Link,{...n,...t,children:e})};exports.default=CustomLink;

package/dist/cjs/link/components/Link.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./CustomLink.js"),l=require("./ProductLink.js");exports.default=({setting:a,className:u,style:o,children:i,title:s,dataId:d})=>{let c=r.useMemo(()=>a?.type==="product"?l.default:t.default,[a?.type]),f={};return c==t.default&&(f.title=s),e.jsx(c,{...f,"data-id":d,target:a?.target,rel:a?.noFollow?"nofollow":void 0,"aria-label":a?.label,href:a?.href,className:u,style:o,children:i})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),CustomLink=require("./CustomLink.js"),ProductLink=require("./ProductLink.js");const Link=({setting:e,className:t,style:r,children:u,title:i,dataId:o})=>{let a=React.useMemo(()=>e?.type==="product"?ProductLink.default:CustomLink.default,[e?.type]),l={};return a==CustomLink.default&&(l.title=i),jsxRuntime.jsx(a,{...l,"data-id":o,target:e?.target,rel:e?.noFollow?"nofollow":void 0,"aria-label":e?.label,href:e?.href,className:t,style:r,children:u})};exports.default=Link;

package/dist/cjs/link/components/ProductLink.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core");exports.default=({children:t,...l})=>{let u=r.useProduct();return e.jsx("a",{title:u?.title,href:u?`/products/${u.handle}`:"#",...l,children:r.isEmptyChildren(t)?u?u.title:null:t})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");const ProductLink=({children:e,...r})=>{let t=core.useProduct();return jsxRuntime.jsx("a",{title:t?.title,href:t?`/products/${t.handle}`:"#",...r,children:core.isEmptyChildren(e)?t?t.title:null:e})};exports.default=ProductLink;

package/dist/cjs/link/components/next-link/CustomLink.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),i=require("next/link"),t=require("../../../grid/components/ChildrenDroppable.js");exports.default=({children:s,href:n,...d})=>e.jsx(i,{...d,href:n??"#",children:e.jsx(e.Fragment,{children:r.isEmptyChildren(s)?e.jsx(t.default,{}):s})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Link=require("next/link"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js");const CustomLink=({children:e,href:r,...i})=>jsxRuntime.jsx(Link,{...i,href:r??"#",children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:core.isEmptyChildren(e)?jsxRuntime.jsx(ChildrenDroppable.default,{}):e})});exports.default=CustomLink;

package/dist/cjs/link/components/next-link/ProductLink.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("next/link"),l=require("../../common/helpers.js");exports.default=({children:i,href:u,...n})=>{let s=r.useProduct();return e.jsx(t,{title:s?.title,...n,href:s?.handle?l.urlJoin("/products",s.handle):"#",children:e.jsx(e.Fragment,{children:r.isEmptyChildren(i)?s?s.title:null:i})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Link=require("next/link"),helpers=require("../../common/helpers.js");const ProductLink=({children:e,href:r,...t})=>{let i=core.useProduct();return jsxRuntime.jsx(Link,{title:i?.title,...t,href:i?.handle?helpers.urlJoin("/products",i.handle):"#",children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:core.isEmptyChildren(e)?i?i.title:null:e})})};exports.default=ProductLink;

package/dist/cjs/link/components/next-link/index.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./CustomLink.js"),u=require("./ProductLink.js");exports.default=({setting:s,className:a,style:i})=>{let l=r.useMemo(()=>s?.type==="product"?u.default:t.default,[s?.type]);return e.jsx(l,{target:s?.target,href:s?.href,className:a,style:i})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),CustomLink=require("./CustomLink.js"),ProductLink=require("./ProductLink.js");const Link=({setting:e,className:t,style:r})=>{let u=React.useMemo(()=>e?.type==="product"?ProductLink.default:CustomLink.default,[e?.type]);return jsxRuntime.jsx(u,{target:e?.target,href:e?.href,className:t,style:r})};exports.default=Link;

package/dist/cjs/link/index.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("react"),require("next/link"),require("@gem-sdk/core");var e=require("./settings/Link.js");const r={Link:e.default};exports.linkSetting=r;
+"use strict";require("react/jsx-runtime"),require("react"),require("next/link"),require("@gem-sdk/core");var Link$1=require("./settings/Link.js");const linkSetting={Link:Link$1.default};exports.linkSetting=linkSetting;

package/dist/cjs/link/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const n=e(()=>Promise.resolve().then(function(){return require("./components/next-link/index.js")}),{loading:r.default});exports.default={Link:n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Link=dynamic(()=>Promise.resolve().then(function(){return require("./components/next-link/index.js")}),{loading:Loading.default});var link={Link};exports.default=link;

package/dist/cjs/link/settings/Link.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./configs/settings.js");const t={tag:"Link",label:"Link",settings:e.LinkSettings};exports.default=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js");const config={tag:"Link",label:"Link",settings:settings.LinkSettings};exports.default=config;

package/dist/cjs/link/settings/configs/settings.js

@@ -1 +1 @@
-"use strict";exports.LinkSettings=[{id:"setting",controls:[{id:"type",label:"Link Type",type:"select",options:[{value:"auto",label:"Auto"},{value:"product",label:"Product"},{value:"collection",label:"Collection"},{value:"custom",label:"Custom"}],default:"auto"},{id:"href",label:"Href",type:"input",default:"#",hide:!0},{id:"target",label:"Open in",type:"select",options:[{value:"_self",label:"Current Tab"},{value:"_blank",label:"New Tab"},{value:"_top",label:"Top"}],default:"_self"}]}];
+"use strict";const LinkSettings=[{id:"setting",controls:[{id:"type",label:"Link Type",type:"select",options:[{value:"auto",label:"Auto"},{value:"product",label:"Product"},{value:"collection",label:"Collection"},{value:"custom",label:"Custom"}],default:"auto"},{id:"href",label:"Href",type:"input",default:"#",hide:!0},{id:"target",label:"Open in",type:"select",options:[{value:"_self",label:"Current Tab"},{value:"_blank",label:"New Tab"},{value:"_top",label:"Top"}],default:"_self"}]}];exports.LinkSettings=LinkSettings;

package/dist/cjs/marquee/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");const s=e.composeClasses("gp-flex gp-w-full gp-relative"),l=e.composeClasses("!gp-relative"),p=e.composeClasses("gp-overflow-hidden gp-w-full gp-h-full"),t=e.composeClasses("gp-flex gp-items-center gp-marque-child-item gem-child-marquee-item gp-w-full"),g=e.composeClasses("gp-inline-flex gp-items-center  [&>svg]:gp-h-full [&>svg]:gp-w-full"),r=e.composeClasses("first-block gp-w-[0.01px]");exports.getAlignClasses=s,exports.getContentClasses=l,exports.getFastMarqueeChildrenIconClasses=g,exports.getFastMarqueeClasses=p,exports.getFastMarqueeContentChildrenClasses=s=>e.composeClasses(e.cls("gp-inline-flex gp-items-center gp-relative gp-transition-all",s?"gp-w-full":"")),exports.getFastMarqueeContentClasses=t,exports.getItemWrapperClasses=(s,l)=>e.composeClasses(e.cls("gp-relative gp-overflow-hidden gem-marquee-item ",l,s,`gem-marquee-item-${s}`)),exports.getPlaceHolderWrapperClasses=r,exports.getWrapperClasses=s=>e.composeClasses(e.cls("gem-marquee gp-overflow-hidden gp-flex gp-items-center gp-w-full gp-h-full",s));
+"use strict";var core=require("@gem-sdk/core");const getAlignClasses=core.composeClasses("gp-flex gp-w-full gp-relative"),getContentClasses=core.composeClasses("!gp-relative"),getWrapperClasses=e=>core.composeClasses(core.cls("gem-marquee gp-overflow-hidden gp-flex gp-items-center gp-w-full gp-h-full",e)),getFastMarqueeClasses=core.composeClasses("gp-overflow-hidden gp-w-full gp-h-full"),getFastMarqueeContentClasses=core.composeClasses("gp-flex gp-items-center gp-marque-child-item gem-child-marquee-item gp-w-full"),getFastMarqueeContentChildrenClasses=e=>core.composeClasses(core.cls("gp-inline-flex gp-items-center gp-relative gp-transition-all",e?"gp-w-full":"")),getFastMarqueeChildrenIconClasses=core.composeClasses("gp-inline-flex gp-items-center  [&>svg]:gp-h-full [&>svg]:gp-w-full"),getItemWrapperClasses=(e,s)=>core.composeClasses(core.cls("gp-relative gp-overflow-hidden gem-marquee-item ",s,e,`gem-marquee-item-${e}`)),getPlaceHolderWrapperClasses=core.composeClasses("first-block gp-w-[0.01px]");exports.getAlignClasses=getAlignClasses,exports.getContentClasses=getContentClasses,exports.getFastMarqueeChildrenIconClasses=getFastMarqueeChildrenIconClasses,exports.getFastMarqueeClasses=getFastMarqueeClasses,exports.getFastMarqueeContentChildrenClasses=getFastMarqueeContentChildrenClasses,exports.getFastMarqueeContentClasses=getFastMarqueeContentClasses,exports.getItemWrapperClasses=getItemWrapperClasses,exports.getPlaceHolderWrapperClasses=getPlaceHolderWrapperClasses,exports.getWrapperClasses=getWrapperClasses;

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

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");exports.useMarqueeLiquidStyles=(r,t)=>{let{itemWidthType:i}=r||{},s=r=>{let s=e.getResponsiveValueByScreen(i,r);if("FIT_CONTENT"===s)return!1;if("BASE_ON_NUMBER_OF_ITEMS"===s)return!0;let u=e.getResponsiveValueByScreen(t?.itemMaxWidth,r);return u?.includes("%")};return{isFullWidth:s("desktop"),getIsFullWidthValue:s}};
+"use strict";var core=require("@gem-sdk/core");const useMarqueeLiquidStyles=(e,r)=>{let{itemWidthType:t}=e||{},u=e=>{let u=core.getResponsiveValueByScreen(t,e);if("FIT_CONTENT"===u)return!1;if("BASE_ON_NUMBER_OF_ITEMS"===u)return!0;let s=core.getResponsiveValueByScreen(r?.itemMaxWidth,e);return s?.includes("%")};return{isFullWidth:u("desktop"),getIsFullWidthValue:u}};exports.useMarqueeLiquidStyles=useMarqueeLiquidStyles;

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

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");const t=(t,l)=>{let o=e.getResponsiveValueByScreen(l,t);return o?"100%":"auto"},l=l=>({...e.makeStyleResponsive("w",{desktop:t("desktop",l),tablet:t("tablet",l),mobile:t("mobile",l)}),...e.makeStyleResponsive("minw",{desktop:t("desktop",l),tablet:t("tablet",l),mobile:t("mobile",l)})});exports.getAlignStyles=t=>({...e.makeStyleResponsive("jc",t?.align)}),exports.getChildBaseStyle=(e,t)=>({"--transform":"up"===e?"rotate(90deg)":"down"===e?"rotate(-90deg)":"none",...l(t)}),exports.getContainerBaseStyle=e=>{let{style:t,play:l,pauseOnHover:o,pauseOnClick:a}=e??{};return{...t,"--pause-on-hover":!l||o?"paused":"running","--pause-on-click":!l||o&&!a||a?"paused":"running","--width":"100%","--transform":"none","min-width":"100%"}},exports.getContentStyles=t=>{let{style:l,backgroundColor:o,styleWidth:a,styleHeight:i}=t||{};return{...i,...a,...l,...e.getGlobalColorResponsiveStyle("bg",o)}},exports.getFastMarqueeChildrenIconStyles=t=>{let{index:l,itemSize:o,iconSeparatorColor:a,getHeightOfIconSeparatorSize:i,getWidthOfIconSeparatorSize:s,getIconPosition:p}=t??{};return{...e.makeStyle({c:a}),...l<o?p():"0px",...i?.(),...s?.()}},exports.getItemWrapperStyles=t=>{let{itemBackgroundColor:l,itemBorderStyle:o,itemCorner:a,itemShadow:i,hasItemShadow:s,itemStyle:p}=t||{};return{...e.getGlobalColorResponsiveStyle("bg",l),...e.getRadiusStyleActiveState({...a,active:{...a||{},radiusType:"custom"}}),...p,...e.getStyleShadow({value:i,styleAppliedFor:"box-shadow",isEnableShadow:s}),...e.makeStyle({b:o?.border,bw:o?.width,bc:e.getSingleColorVariable(o?.color)})}},exports.getMarqueeBaseStyle=e=>{let{play:t,direction:o,delay:a,loop:i,autoFill:s}=e||{};return{"--play":t?"running":"paused","--direction":"left"===o?"normal":"reverse","--delay":`${a}s`,"--iteration-count":i?`${i}`:"infinite","--min-width":s?"auto":"100%",...l(e?.isFullWidthResponsive)}},exports.getMarqueeStyles=t=>{let{setting:l,styles:o,itemSize:a=0}=t||{},{sizeSetting:i,iconSeparatorSize:s,itemSpacing:p}=o||{},{itemWidthType:n,isShowIconSeparator:r,iconSeparatorSvg:b}=l||{},m=e.makeStyleResponsive("h",e.getHeightByShapeGlobalSize(i)),g=e.makeStyleWithDefault("w",e.getWidthByShapeGlobalSize(i,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),d=t=>{let l=e.getResponsiveValueByScreen(o?.itemMaxWidth,t),i=parseInt(l??"0");l=Math.max(i,40)+"px";let s=e.getResponsiveValueByScreen(n,t);return"FIT_CONTENT"===s&&(l="auto"),"BASE_ON_NUMBER_OF_ITEMS"===s&&(l=`calc(100% / ${a})`),l},u=e=>"auto"===d(e)?"unset":d(e),S=t=>{let l=e.getResponsiveValueByScreen(p,t);return l??"0px"},y=r&&b,c=(t,l)=>{let i=e.getResponsiveValueByScreen(o?.itemSpacing,t),s=0>parseInt(i||"0")?"0px":i??"0px";return y?"0px":l<a&&s||"0px"};return{styleHeight:m,styleWidth:g,getIconPosition:()=>({...e.makeStyleResponsive("ml",{desktop:S("desktop"),tablet:S("tablet"),mobile:S("mobile")}),...e.makeStyleResponsive("mr",{desktop:S("desktop"),tablet:S("tablet"),mobile:S("mobile")})}),getWidthOfIconSeparatorSize:()=>({...e.makeStyleResponsive("w",{desktop:`${e.getValueByDevice(s,"desktop")||0}px`,tablet:`${e.getValueByDevice(s,"tablet")||0}px`,mobile:`${e.getValueByDevice(s,"mobile")||0}px`}),...e.makeStyleResponsive("minw",{desktop:`${e.getValueByDevice(s,"desktop")||0}px`,tablet:`${e.getValueByDevice(s,"tablet")||0}px`,mobile:`${e.getValueByDevice(s,"mobile")||0}px`})}),getHeightOfIconSeparatorSize:()=>e.makeStyleResponsive("h",{desktop:`${e.getValueByDevice(s,"desktop")||0}px`,tablet:`${e.getValueByDevice(s,"tablet")||0}px`,mobile:`${e.getValueByDevice(s,"mobile")||0}px`}),getWidthForWrapperItem:()=>({...e.makeStyleResponsive("w",{desktop:d("desktop"),tablet:d("tablet"),mobile:d("mobile")}),...e.makeStyleResponsive("minw",{desktop:d("desktop"),tablet:d("tablet"),mobile:d("mobile")}),...e.makeStyleResponsive("maxw",{desktop:u("desktop"),tablet:u("tablet"),mobile:u("mobile")})}),getItemPaddingRightSpacingValue:t=>({...e.makeStyleResponsive("pr",{desktop:c("desktop",t),tablet:c("tablet",t),mobile:c("mobile",t)})}),getWidthForItem:()=>e.makeStyleResponsive("w",{desktop:"calc(100%)",tablet:"calc(100%)",mobile:"calc(100%)"})}},exports.getWidthMarquee=l;
+"use strict";var core=require("@gem-sdk/core");const getAlignStyles=e=>({...core.makeStyleResponsive("jc",e?.align)}),getContentStyles=e=>{let{style:t,backgroundColor:l,styleWidth:o,styleHeight:a}=e||{};return{...a,...o,...t,...core.getGlobalColorResponsiveStyle("bg",l)}},getFastMarqueeChildrenIconStyles=e=>{let{index:t,itemSize:l,iconSeparatorColor:o,getHeightOfIconSeparatorSize:a,getWidthOfIconSeparatorSize:r,getIconPosition:s}=e??{};return{...core.makeStyle({c:o}),...t<l?s():"0px",...a?.(),...r?.()}},getItemWrapperStyles=e=>{let{itemBackgroundColor:t,itemBorderStyle:l,itemCorner:o,itemShadow:a,hasItemShadow:r,itemStyle:s}=e||{};return{...core.getGlobalColorResponsiveStyle("bg",t),...core.getRadiusStyleActiveState({...o,active:{...o||{},radiusType:"custom"}}),...s,...core.getStyleShadow({value:a,styleAppliedFor:"box-shadow",isEnableShadow:r}),...core.makeStyle({b:l?.border,bw:l?.width,bc:core.getSingleColorVariable(l?.color)})}},getMarqueeStyles=e=>{let{setting:t,styles:l,itemSize:o=0}=e||{},{sizeSetting:a,iconSeparatorSize:r,itemSpacing:s}=l||{},{itemWidthType:i,isShowIconSeparator:n,iconSeparatorSvg:p}=t||{},c=core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(a)),g=core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(a,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),u=e=>{let t=core.getResponsiveValueByScreen(l?.itemMaxWidth,e),a=parseInt(t??"0");t=Math.max(a,40)+"px";let r=core.getResponsiveValueByScreen(i,e);return"FIT_CONTENT"===r&&(t="auto"),"BASE_ON_NUMBER_OF_ITEMS"===r&&(t=`calc(100% / ${o})`),t},d=e=>"auto"===u(e)?"unset":u(e),y=()=>({...core.makeStyleResponsive("w",{desktop:u("desktop"),tablet:u("tablet"),mobile:u("mobile")}),...core.makeStyleResponsive("minw",{desktop:u("desktop"),tablet:u("tablet"),mobile:u("mobile")}),...core.makeStyleResponsive("maxw",{desktop:d("desktop"),tablet:d("tablet"),mobile:d("mobile")})}),b=()=>({...core.makeStyleResponsive("w",{desktop:`${core.getValueByDevice(r,"desktop")||0}px`,tablet:`${core.getValueByDevice(r,"tablet")||0}px`,mobile:`${core.getValueByDevice(r,"mobile")||0}px`}),...core.makeStyleResponsive("minw",{desktop:`${core.getValueByDevice(r,"desktop")||0}px`,tablet:`${core.getValueByDevice(r,"tablet")||0}px`,mobile:`${core.getValueByDevice(r,"mobile")||0}px`})}),S=()=>core.makeStyleResponsive("h",{desktop:`${core.getValueByDevice(r,"desktop")||0}px`,tablet:`${core.getValueByDevice(r,"tablet")||0}px`,mobile:`${core.getValueByDevice(r,"mobile")||0}px`}),m=e=>{let t=core.getResponsiveValueByScreen(s,e);return t??"0px"},k=()=>({...core.makeStyleResponsive("ml",{desktop:m("desktop"),tablet:m("tablet"),mobile:m("mobile")}),...core.makeStyleResponsive("mr",{desktop:m("desktop"),tablet:m("tablet"),mobile:m("mobile")})}),v=e=>({...core.makeStyleResponsive("pr",{desktop:x("desktop",e),tablet:x("tablet",e),mobile:x("mobile",e)})}),h=n&&p,x=(e,t)=>{let a=core.getResponsiveValueByScreen(l?.itemSpacing,e),r=0>parseInt(a||"0")?"0px":a??"0px";return h?"0px":t<o&&r||"0px"},B=()=>core.makeStyleResponsive("w",{desktop:"calc(100%)",tablet:"calc(100%)",mobile:"calc(100%)"});return{styleHeight:c,styleWidth:g,getIconPosition:k,getWidthOfIconSeparatorSize:b,getHeightOfIconSeparatorSize:S,getWidthForWrapperItem:y,getItemPaddingRightSpacingValue:v,getWidthForItem:B}},getWidthValue=(e,t)=>{let l=core.getResponsiveValueByScreen(t,e);return l?"100%":"auto"},getWidthMarquee=e=>({...core.makeStyleResponsive("w",{desktop:getWidthValue("desktop",e),tablet:getWidthValue("tablet",e),mobile:getWidthValue("mobile",e)}),...core.makeStyleResponsive("minw",{desktop:getWidthValue("desktop",e),tablet:getWidthValue("tablet",e),mobile:getWidthValue("mobile",e)})}),getContainerBaseStyle=e=>{let{style:t,play:l,pauseOnHover:o,pauseOnClick:a}=e??{};return{...t,"--pause-on-hover":!l||o?"paused":"running","--pause-on-click":!l||o&&!a||a?"paused":"running","--width":"100%","--transform":"none","min-width":"100%"}},getMarqueeBaseStyle=e=>{let{play:t,direction:l,delay:o,loop:a,autoFill:r}=e||{};return{"--play":t?"running":"paused","--direction":"left"===l?"normal":"reverse","--delay":`${o}s`,"--iteration-count":a?`${a}`:"infinite","--min-width":r?"auto":"100%",...getWidthMarquee(e?.isFullWidthResponsive)}},getChildBaseStyle=(e,t)=>({"--transform":"up"===e?"rotate(90deg)":"down"===e?"rotate(-90deg)":"none",...getWidthMarquee(t)});exports.getAlignStyles=getAlignStyles,exports.getChildBaseStyle=getChildBaseStyle,exports.getContainerBaseStyle=getContainerBaseStyle,exports.getContentStyles=getContentStyles,exports.getFastMarqueeChildrenIconStyles=getFastMarqueeChildrenIconStyles,exports.getItemWrapperStyles=getItemWrapperStyles,exports.getMarqueeBaseStyle=getMarqueeBaseStyle,exports.getMarqueeStyles=getMarqueeStyles,exports.getWidthMarquee=getWidthMarquee;

package/dist/cjs/marquee/components/Marquee.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"),r=require("../hooks/useMarqueeStyles.js"),a=require("../hooks/useMarqueeScrollToItem.js"),l=require("./MarqueeBase.js"),i=require("../hooks/useMarquee.js"),o=require("@gem-sdk/system"),d=require("../common/classes.js"),u=require("../common/styles.js");exports.default=({children:c,style:n,builderAttrs:m,advanced:y,...C})=>{let{styles:h,setting:q,builderProps:S}=C,{iconSeparatorSvg:v,isShowIconSeparator:j,stopOnHover:g,speed:p}=q||{},{backgroundColor:x,iconSeparatorColor:M}=h||{},I=t.useMemo(()=>t.Children.count(s.filterToolbarPreview(c)),[c]),{isFullWidth:w}=r.useMarqueeStyles({setting:q,styles:h,itemSize:I}),{styleHeight:N,styleWidth:f,getWidthForWrapperItem:k,getHeightOfIconSeparatorSize:F,getWidthOfIconSeparatorSize:T,getIconPosition:P,getItemPaddingRightSpacingValue:B,getWidthForItem:b}=u.getMarqueeStyles({setting:q,styles:h,itemSize:I}),{rate:_,wrapperElement:A,scrollTime:H,hoverItem:E,setHoverItem:O,setActiveItem:W,activeItem:L,direction:V,isPause:z,scrollToItemClass:D}=a.useMarqueeScrollToItem({...C}),{isPlay:G,rateUse:J}=i.useMarquee({children:c,isPause:z,isPreview:S?.isPreview,rate:_,speed:p}),K=o.createClass(d.getAlignClasses),Q=o.createStyle(u.getAlignStyles(h)),R=o.createStyle(u.getContentStyles({style:n,backgroundColor:x,styleWidth:f,styleHeight:N})),U=o.createClass(d.getContentClasses),X=o.createClass(d.getWrapperClasses(S?.uid)),Y=o.createClass(d.getFastMarqueeClasses),Z=o.createClass(d.getFastMarqueeContentClasses),$=o.createClass(d.getFastMarqueeContentChildrenClasses(w)),ee=e=>o.createStyle(u.getFastMarqueeChildrenIconStyles({index:e,itemSize:I,iconSeparatorColor:M,getHeightOfIconSeparatorSize:F,getWidthOfIconSeparatorSize:T,getIconPosition:P})),es=o.createClass(d.getFastMarqueeChildrenIconClasses),et=e=>o.createStyle({...B(e),"text-wrap":"wrap",...k()}),er=o.createStyle(b());return e.jsx("div",{"data-id":S?.uid,className:s.cls(S?.uid,y?.cssClass),children:e.jsx("div",{className:K,style:Q,children:e.jsxs("div",{"data-id":S?.uid,className:U,style:R,...m,children:[e.jsx("div",{className:X,ref:A,children:e.jsx("div",{className:Y,children:e.jsx(l.default,{autoFill:!0,play:G,speed:J,isFullWidth:w,pauseOnHover:g,direction:V,uniqueId:S?.uid,style:{...f,width:"100%"},children:e.jsx("div",{className:Z,children:s.isEmptyChildren(c)?e.jsx("div",{children:"No Slider"}):t.Children.map(s.filterToolbarPreview(c),(s,r)=>t.isValidElement(s)?e.jsxs("div",{className:$,style:et(r),children:[e.jsx(s.type,{...s.props,index:r,activeItem:L,hoverItem:E,timeToScroll:H,setHoverItem:O,setActiveItem:W,className:D(r),itemBorderStyle:h?.itemBorderStyle,itemCorner:h?.itemCorner,itemBackgroundColor:h?.itemBackgroundColor,hasItemShadow:q?.hasItemShadow,itemShadow:h?.itemShadow,itemStyle:er}),o.If(!!(j&&v),e.jsx("span",{style:ee(r),className:es,dangerouslySetInnerHTML:{__html:v??""}}))]},s.key):null)})})})}),s.filterToolbarPreview(c,!0)]})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),useMarqueeStyles=require("../hooks/useMarqueeStyles.js"),useMarqueeScrollToItem=require("../hooks/useMarqueeScrollToItem.js"),MarqueeBase=require("./MarqueeBase.js"),useMarquee=require("../hooks/useMarquee.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js");const Marquee=({children:e,style:s,builderAttrs:t,advanced:r,...a})=>{let{styles:l,setting:i,builderProps:u}=a,{iconSeparatorSvg:c,isShowIconSeparator:m,stopOnHover:o,speed:n}=i||{},{backgroundColor:d,iconSeparatorColor:y}=l||{},q=React.useMemo(()=>React.Children.count(core.filterToolbarPreview(e)),[e]),{isFullWidth:j}=useMarqueeStyles.useMarqueeStyles({setting:i,styles:l,itemSize:q}),{styleHeight:C,styleWidth:h,getWidthForWrapperItem:x,getHeightOfIconSeparatorSize:S,getWidthOfIconSeparatorSize:M,getIconPosition:v,getItemPaddingRightSpacingValue:g,getWidthForItem:R}=styles.getMarqueeStyles({setting:i,styles:l,itemSize:q}),{rate:p,wrapperElement:I,scrollTime:w,hoverItem:N,setHoverItem:T,setActiveItem:f,activeItem:k,direction:B,isPause:F,scrollToItemClass:P}=useMarqueeScrollToItem.useMarqueeScrollToItem({children:e,style:s,builderAttrs:t,...a}),{isPlay:b,rateUse:_}=useMarquee.useMarquee({children:e,isPause:F,isPreview:u?.isPreview,rate:p,speed:n}),A=system.createClass(classes.getAlignClasses),H=system.createStyle(styles.getAlignStyles(l)),E=system.createStyle(styles.getContentStyles({style:s,backgroundColor:d,styleWidth:h,styleHeight:C})),O=system.createClass(classes.getContentClasses),W=system.createClass(classes.getWrapperClasses(u?.uid)),L=system.createClass(classes.getFastMarqueeClasses),V=system.createClass(classes.getFastMarqueeContentClasses),z=system.createClass(classes.getFastMarqueeContentChildrenClasses(j)),D=e=>system.createStyle(styles.getFastMarqueeChildrenIconStyles({index:e,itemSize:q,iconSeparatorColor:y,getHeightOfIconSeparatorSize:S,getWidthOfIconSeparatorSize:M,getIconPosition:v})),G=system.createClass(classes.getFastMarqueeChildrenIconClasses),J=e=>system.createStyle({...g(e),"text-wrap":"wrap",...x()}),K=system.createStyle(R());return jsxRuntime.jsx("div",{"data-id":u?.uid,className:core.cls(u?.uid,r?.cssClass),children:jsxRuntime.jsx("div",{className:A,style:H,children:jsxRuntime.jsxs("div",{"data-id":u?.uid,className:O,style:E,...t,children:[jsxRuntime.jsx("div",{className:W,ref:I,children:jsxRuntime.jsx("div",{className:L,children:jsxRuntime.jsx(MarqueeBase.default,{autoFill:!0,play:b,speed:_,isFullWidth:j,pauseOnHover:o,direction:B,uniqueId:u?.uid,style:{...h,width:"100%"},children:jsxRuntime.jsx("div",{className:V,children:core.isEmptyChildren(e)?jsxRuntime.jsx("div",{children:"No Slider"}):React.Children.map(core.filterToolbarPreview(e),(e,s)=>React.isValidElement(e)?jsxRuntime.jsxs("div",{className:z,style:J(s),children:[jsxRuntime.jsx(e.type,{...e.props,index:s,activeItem:k,hoverItem:N,timeToScroll:w,setHoverItem:T,setActiveItem:f,className:P(s),itemBorderStyle:l?.itemBorderStyle,itemCorner:l?.itemCorner,itemBackgroundColor:l?.itemBackgroundColor,hasItemShadow:i?.hasItemShadow,itemShadow:l?.itemShadow,itemStyle:K}),system.If(!!(m&&c),jsxRuntime.jsx("span",{style:D(s),className:G,dangerouslySetInnerHTML:{__html:c??""}}))]},e.key):null)})})})}),core.filterToolbarPreview(e,!0)]})})})};exports.default=Marquee;

package/dist/cjs/marquee/components/Marquee.liquid.js

@@ -1,23 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("./MarqueeBase.liquid.js"),t=require("../common/helpers.js"),r=require("@gem-sdk/system"),a=require("../common/styles.js"),l=require("../common/classes.js");exports.default=({children:i,style:d,builderAttrs:o,rawChildren:n,advanced:c,...u})=>{let{styles:p,setting:m,builderProps:g}=u,{iconSeparatorColor:C,backgroundColor:y}=p||{},{iconSeparatorSvg:S,isShowIconSeparator:v}=m||{},$=n.length,{isFullWidth:q,getIsFullWidthValue:h}=t.useMarqueeLiquidStyles(m,p),{styleHeight:f,styleWidth:M,getWidthForWrapperItem:j,getHeightOfIconSeparatorSize:F,getWidthOfIconSeparatorSize:I,getIconPosition:b,getItemPaddingRightSpacingValue:k,getWidthForItem:w}=a.getMarqueeStyles({itemSize:$,setting:m,styles:p}),O=r.createClass(l.getAlignClasses),R=r.createStyle(a.getAlignStyles(p)),A=r.createStyle(a.getContentStyles({style:d,backgroundColor:y,styleWidth:M,styleHeight:f})),B=r.createClass(l.getContentClasses),E=r.createClass(l.getWrapperClasses(g?.uid)),x=r.createClass(l.getFastMarqueeContentClasses),P=r.createClass(l.getFastMarqueeClasses),_=r.createClass(l.getFastMarqueeContentChildrenClasses(q)),L=e=>r.createStyle(a.getFastMarqueeChildrenIconStyles({index:e,itemSize:$,iconSeparatorColor:C,getHeightOfIconSeparatorSize:F,getWidthOfIconSeparatorSize:I,getIconPosition:b})),W=r.createClass(l.getFastMarqueeChildrenIconClasses),G=e=>r.createStyle({...k(e),"text-wrap":"wrap",...j()}),H=r.createStyle(w()),N=r.createStateOrContext({setting:{...m,uid:g?.uid},styles:p});return e.template`
-  ${e.RenderIf(e.isLocalEnv,'<script src="{{ \'gp-marquee-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${e.baseAssetURL}/assets-v2/gp-marquee-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  <gp-marquee data-id="${g?.uid}" gp-data='${JSON.stringify(N)}'
-   class="${e.cls(g?.uid,c?.cssClass)}">
-   <div class="${O}" style="${R}">
-      <div class="${B}" style="${A}">
-         <div class="${E}">
-            <div class="${P}">
-               ${s.default({autoFill:!0,direction:u.setting?.direction,play:(u.setting?.speed??0)>0,pauseOnHover:u.setting?.stopOnHover,isFullWidthResponsive:{desktop:h("desktop"),tablet:h("tablet"),mobile:h("mobile")},children:`
-               <div class="${x}">
-                  ${n?.length?e.WrapRenderChildren({uid:g?.uid??"",customProps:n[0]?.customProps},n.map((s,t)=>{if(s)return e.template`
-                  <div class="${_}"
-                     style="${G(t)}">
-                     ${e.RenderChildren({...s,index:t,itemBorderStyle:p?.itemBorderStyle,itemCorner:p?.itemCorner,itemBackgroundColor:p?.itemBackgroundColor,hasItemShadow:m?.hasItemShadow,itemShadow:p?.itemShadow,itemStyles:H})}
-                     ${r.If(!!(v&&S),e.template`<span style="${L(t)}"
-                        class="${W}">
-                        ${S}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),MarqueeBase_liquid=require("./MarqueeBase.liquid.js"),helpers=require("../common/helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Marquee=({children:e,style:s,builderAttrs:t,rawChildren:r,advanced:a,...l})=>{let{styles:i,setting:c,builderProps:d}=l,{iconSeparatorColor:o,backgroundColor:n}=i||{},{iconSeparatorSvg:u,isShowIconSeparator:m}=c||{},y=r.length,{isFullWidth:p,getIsFullWidthValue:g}=helpers.useMarqueeLiquidStyles(c,i),{styleHeight:C,styleWidth:q,getWidthForWrapperItem:S,getHeightOfIconSeparatorSize:v,getWidthOfIconSeparatorSize:$,getIconPosition:h,getItemPaddingRightSpacingValue:M,getWidthForItem:f}=styles.getMarqueeStyles({itemSize:y,setting:c,styles:i}),j=()=>({desktop:g("desktop"),tablet:g("tablet"),mobile:g("mobile")}),B=system.createClass(classes.getAlignClasses),F=system.createStyle(styles.getAlignStyles(i)),I=system.createStyle(styles.getContentStyles({style:s,backgroundColor:n,styleWidth:q,styleHeight:C})),b=system.createClass(classes.getContentClasses),k=system.createClass(classes.getWrapperClasses(d?.uid)),w=system.createClass(classes.getFastMarqueeContentClasses),O=system.createClass(classes.getFastMarqueeClasses),R=system.createClass(classes.getFastMarqueeContentChildrenClasses(p)),_=e=>system.createStyle(styles.getFastMarqueeChildrenIconStyles({index:e,itemSize:y,iconSeparatorColor:o,getHeightOfIconSeparatorSize:v,getWidthOfIconSeparatorSize:$,getIconPosition:h})),A=system.createClass(classes.getFastMarqueeChildrenIconClasses),E=e=>system.createStyle({...M(e),"text-wrap":"wrap",...S()}),x=system.createStyle(f()),P=system.createStateOrContext({setting:{...c,uid:d?.uid},styles:i}),L=()=>core.RenderIf(core.isLocalEnv,'<script src="{{ \'gp-marquee-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${core.baseAssetURL}/assets-v2/gp-marquee-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
+  ${L()}
+  <gp-marquee data-id="${d?.uid}" gp-data='${JSON.stringify(P)}'
+   class="${core.cls(d?.uid,a?.cssClass)}">
+   <div class="${B}" style="${F}">
+      <div class="${b}" style="${I}">
+         <div class="${k}">
+            <div class="${O}">
+               ${MarqueeBase_liquid.default({speed:l.setting?.speed,autoFill:!0,direction:l.setting?.direction,play:(l.setting?.speed??0)>0,pauseOnHover:l.setting?.stopOnHover,isFullWidthResponsive:j(),children:`
+               <div class="${w}">
+                  ${r?.length?core.WrapRenderChildren({uid:d?.uid??"",customProps:r[0]?.customProps},r.map((e,s)=>{if(e)return core.template`
+                  <div class="${R}"
+                     style="${E(s)}">
+                     ${core.RenderChildren({...e,index:s,itemBorderStyle:i?.itemBorderStyle,itemCorner:i?.itemCorner,itemBackgroundColor:i?.itemBackgroundColor,hasItemShadow:c?.hasItemShadow,itemShadow:i?.itemShadow,itemStyles:x})}
+                     ${system.If(!!(m&&u),core.template`<span style="${_(s)}"
+                        class="${A}">
+                        ${u}
                      </span>`)}
                   </div>
-                  `})):i}
+                  `})):e}
                </div>
                `})}
             </div>
@@ -25,4 +25,4 @@
       </div>
    </div>
 </gp-marquee>
-`};
+`};exports.default=Marquee;

package/dist/cjs/marquee/components/MarqueeBase.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../hooks/useMarqueeBase.js"),a=require("@gem-sdk/system");const i=r.forwardRef(function(i,t){let{className:l="",onFinish:n,onCycleComplete:m,children:c,isFullWidth:d,uniqueId:u}=i,{containerRef:o,containerStyle:f,childStyle:h,marqueeStyle:y,marqueeRef:q,multiplier:j}=s.useMarqueeBase(i,t),v=r.useCallback(s=>[...Array(Number.isFinite(s)&&s>=0?s:0)].map((s,a)=>e.jsx(r.Fragment,{children:r.Children.map(c,r=>e.jsx("div",{"marquee-item-key":`${u}-${a+100}`,style:h,className:"rfm-child",children:r}))},a)),[h,c,u]),x=a.createStyle(f),p=a.createStyle(h),N=a.createStyle(y);return e.jsxs("div",{ref:o,style:{...x,overflow:"unset"},className:"rfm-marquee-container "+l,children:[e.jsxs("div",{className:"rfm-marquee",style:N,onAnimationIteration:m,onAnimationEnd:n,children:[e.jsx("div",{className:"rfm-initial-child-container",ref:q,children:r.Children.map(c,r=>e.jsx("div",{style:p,"marquee-item-key":`${u}-0`,className:`rfm-child ${d?"gp-w-full":""}`,children:r},String(r)))}),v(j-1)]}),e.jsx("div",{className:"rfm-marquee",style:y,children:v(j)})]})});var t=r.memo(i);exports.default=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),useMarqueeBase=require("../hooks/useMarqueeBase.js"),system=require("@gem-sdk/system");const Marquee=React.forwardRef(function(e,s){let{className:r="",onFinish:a,onCycleComplete:t,children:i,isFullWidth:m,uniqueId:n}=e,{containerRef:u,containerStyle:l,childStyle:c,marqueeStyle:d,marqueeRef:o,multiplier:j}=useMarqueeBase.useMarqueeBase(e,s),x=React.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,s)=>jsxRuntime.jsx(React.Fragment,{children:React.Children.map(i,e=>jsxRuntime.jsx("div",{"marquee-item-key":`${n}-${s+100}`,style:c,className:"rfm-child",children:e}))},s)),[c,i,n]),q=system.createStyle(l),y=system.createStyle(c),R=system.createStyle(d);return jsxRuntime.jsxs("div",{ref:u,style:{...q,overflow:"unset"},className:"rfm-marquee-container "+r,children:[jsxRuntime.jsxs("div",{className:"rfm-marquee",style:R,onAnimationIteration:t,onAnimationEnd:a,children:[jsxRuntime.jsx("div",{className:"rfm-initial-child-container",ref:o,children:React.Children.map(i,e=>jsxRuntime.jsx("div",{style:y,"marquee-item-key":`${n}-0`,className:`rfm-child ${m?"gp-w-full":""}`,children:e},String(e)))}),x(j-1)]}),jsxRuntime.jsx("div",{className:"rfm-marquee",style:d,children:x(j)})]})});var MarqueeBase=React.memo(Marquee);exports.default=MarqueeBase;

package/dist/cjs/marquee/components/MarqueeBase.liquid.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../common/styles.js"),r=require("@gem-sdk/system");exports.default=l=>{let{style:s={},autoFill:a=!1,play:i=!0,pauseOnHover:d=!1,pauseOnClick:c=!1,direction:m="left",delay:u=0,loop:y=0,children:v,isFullWidthResponsive:o}=l??{},n=r.createStyle(t.getContainerBaseStyle({style:s,play:i,pauseOnHover:d,pauseOnClick:c})),f=r.createStyle(t.getMarqueeBaseStyle({play:i,direction:m,delay:u,loop:y,autoFill:a,isFullWidthResponsive:o})),q=r.createStyle(t.getChildBaseStyle(m,o));return e.template`
-  <div style="${n}" class="rfm-marquee-container">
-    <div class="rfm-marquee" style="${f}">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("../common/styles.js"),system=require("@gem-sdk/system");const MarqueeBase=e=>{let{style:s={},autoFill:t=!1,play:r=!0,pauseOnHover:l=!1,pauseOnClick:a=!1,direction:i="left",delay:c=0,loop:y=0,children:m,isFullWidthResponsive:d}=e??{},o=system.createStyle(styles.getContainerBaseStyle({style:s,play:r,pauseOnHover:l,pauseOnClick:a})),u=system.createStyle(styles.getMarqueeBaseStyle({play:r,direction:i,delay:c,loop:y,autoFill:t,isFullWidthResponsive:d})),v=system.createStyle(styles.getChildBaseStyle(i,d));return core.template`
+  <div style="${o}" class="rfm-marquee-container">
+    <div class="rfm-marquee" style="${u}">
       <div class="rfm-initial-child-container">
-        ${e.template`
-        <div style="${q}" class="${"rfm-child"}">
-          ${v}
+        ${core.template`
+        <div style="${v}" class="${"rfm-child"}">
+          ${m}
         </div>
         `}
       </div>
     </div>
-    <div class="rfm-marquee placeholder-marquee" style="${f}"></div>
+    <div class="rfm-marquee placeholder-marquee" style="${u}"></div>
   </div>
-  `};
+  `};exports.default=MarqueeBase;

package/dist/cjs/marquee/components/MarqueeItem.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"),r=require("../../grid/components/ChildrenDroppable.js"),t=require("react"),l=require("../hooks/useMarqueeItem.js"),a=require("@gem-sdk/system"),i=require("../common/styles.js"),m=require("../common/classes.js"),u=t.memo(({children:u,builderAttrs:p,builderProps:o,itemBackgroundColor:c,itemBorderStyle:d,itemCorner:n,itemShadow:g,index:q,activeItem:y,hoverItem:C,timeToScroll:h,setHoverItem:j,setActiveItem:x,hasItemShadow:f,...I})=>{let{isActive:W}=l.useMarqueeItem({index:q,activeItem:y,hoverItem:C,timeToScroll:h,setHoverItem:j,setActiveItem:x}),v=a.createStyle(i.getItemWrapperStyles({itemBackgroundColor:c,itemBorderStyle:d,itemCorner:n,itemShadow:g,hasItemShadow:f,itemStyle:I.itemStyle})),N=a.createClass(s.composeClasses("gp-w-full gp-h-full gp-bg-[#3C67FF26] gp-absolute gp-top-0 gp-left-0 gp-z-10")),b=a.createClass(m.getItemWrapperClasses(o?.uid,I.className)),S=a.createClass(m.getPlaceHolderWrapperClasses);return e.jsxs("div",{...p,...I,className:b,style:v,children:[e.jsx("div",{className:S}),s.isEmptyChildren(u)?e.jsx(r.default,{}):t.Children.toArray(u).map(e=>t.cloneElement(e,{maxWidthWithEmptyChildren:"400px",isNotFullWidth:!0,options:{uniqueId:`${o?.uid}-${q}`}})),a.If(W,e.jsx("div",{className:N}))]})});exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js"),React=require("react"),useMarqueeItem=require("../hooks/useMarqueeItem.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const MarqueeItem=({children:e,builderAttrs:s,builderProps:t,itemBackgroundColor:r,itemBorderStyle:a,itemCorner:l,itemShadow:m,index:u,activeItem:i,hoverItem:c,timeToScroll:o,setHoverItem:p,setActiveItem:n,hasItemShadow:d,...y})=>{let{isActive:q}=useMarqueeItem.useMarqueeItem({index:u,activeItem:i,hoverItem:c,timeToScroll:o,setHoverItem:p,setActiveItem:n}),j=system.createStyle(styles.getItemWrapperStyles({itemBackgroundColor:r,itemBorderStyle:a,itemCorner:l,itemShadow:m,hasItemShadow:d,itemStyle:y.itemStyle})),g=system.createClass(core.composeClasses("gp-w-full gp-h-full gp-bg-[#3C67FF26] gp-absolute gp-top-0 gp-left-0 gp-z-10")),x=system.createClass(classes.getItemWrapperClasses(t?.uid,y.className)),C=system.createClass(classes.getPlaceHolderWrapperClasses);return jsxRuntime.jsxs("div",{...s,...y,className:x,style:j,children:[jsxRuntime.jsx("div",{className:C}),core.isEmptyChildren(e)?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.toArray(e).map(e=>React.cloneElement(e,{maxWidthWithEmptyChildren:"400px",isNotFullWidth:!0,options:{uniqueId:`${t?.uid}-${u}`}})),system.If(q,jsxRuntime.jsx("div",{className:g}))]})};var MarqueeItem$1=React.memo(MarqueeItem);exports.default=MarqueeItem$1;

package/dist/cjs/marquee/components/MarqueeItem.liquid.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("@gem-sdk/system"),r=require("../common/classes.js"),t=require("../common/styles.js");exports.default=({builderProps:l,itemBackgroundColor:a,itemBorderStyle:i,itemCorner:d,itemShadow:o,rawChildren:m,itemStyles:u,hasItemShadow:p})=>{let c=s.createStyle(t.getItemWrapperStyles({itemBackgroundColor:a,itemBorderStyle:i,itemCorner:d,itemShadow:o,hasItemShadow:p,itemStyle:u})),n=s.createClass(r.getItemWrapperClasses(l?.uid)),y=s.createClass(r.getPlaceHolderWrapperClasses);return e.template`<div
-      class="${n}"
-      style="${c}"
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js");const MarqueeItem=({builderProps:e,itemBackgroundColor:s,itemBorderStyle:t,itemCorner:r,itemShadow:l,rawChildren:a,itemStyles:c,hasItemShadow:o})=>{let m=system.createStyle(styles.getItemWrapperStyles({itemBackgroundColor:s,itemBorderStyle:t,itemCorner:r,itemShadow:l,hasItemShadow:o,itemStyle:c})),i=system.createClass(classes.getItemWrapperClasses(e?.uid)),d=system.createClass(classes.getPlaceHolderWrapperClasses);return core.template`<div
+      class="${i}"
+      style="${m}"
     >
-      <div className="${y}"></div>
-      ${m?.length?e.WrapRenderChildren({uid:l?.uid??"",customProps:m[0]?.customProps},m.map(s=>{if(s)return e.template`${e.RenderChildren({...s,isNotFullWidth:!0,isNotLazyload:!0})}`})):""}
-    </div>`};
+      <div className="${d}"></div>
+      ${a?.length?core.WrapRenderChildren({uid:e?.uid??"",customProps:a[0]?.customProps},a.map(e=>{if(e)return core.template`${core.RenderChildren({...e,isNotFullWidth:!0,isNotLazyload:!0})}`})):""}
+    </div>`};exports.default=MarqueeItem;

package/dist/cjs/marquee/hooks/useMarquee.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),r=require("react");exports.useMarquee=({children:t,isPause:u,isPreview:o,rate:i=0,speed:s=0})=>{let d=e.useEditorMode(),M=r.useMemo(()=>r.Children.count(e.filterToolbarPreview(t)),[t]),a=r.useMemo(()=>"edit"!==d||!u&&(!!o||"edit"!==d||i>0),[i,o,d,u]),c=r.useMemo(()=>a?(s??0)*100:i,[i,a,s]);return{itemSize:M,isPlay:a,rateUse:c}};
+"use strict";var core=require("@gem-sdk/core"),React=require("react");const useMarquee=({children:e,isPause:r,isPreview:t,rate:u=0,speed:o=0})=>{let c=core.useEditorMode(),s=React.useMemo(()=>React.Children.count(core.filterToolbarPreview(e)),[e]),a=React.useMemo(()=>"edit"!==c||!r&&(!!t||"edit"!==c||u>0),[u,t,c,r]),i=React.useMemo(()=>a?(o??0)*100:u,[u,a,o]);return{itemSize:s,isPlay:a,rateUse:i}};exports.useMarquee=useMarquee;

package/dist/cjs/marquee/hooks/useMarqueeBase.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("react");exports.useMarqueeBase=(r,u)=>{let{style:n={},autoFill:i=!1,play:o=!0,pauseOnHover:s=!1,pauseOnClick:c=!1,direction:a="left",speed:d=50,delay:l=0,loop:f=0,onMount:h,children:m,isFullWidth:g}=r??{},p=e.useEditorMode(),[w,M]=t.useState(0),[v,R]=t.useState(0),[y,E]=t.useState(1),[b,S]=t.useState(!1),T=t.useRef(null),$=u||T,k=t.useRef(null),q=t.useRef(null),x=t.useCallback(()=>{if(k.current&&$.current){let e=$.current.getBoundingClientRect(),t=k.current.getBoundingClientRect(),r=e.width,u=t.width;u<40||(g?(u=r,k.current.style.width=`${u}px`):k.current.style.width="auto",("up"===a||"down"===a)&&(r=e.height,u=t.height),i&&r&&u?E(Math.min(60,u<r?Math.ceil(r/u)+1:1)):E(2),M(r),R(u))}},[i,$,a,g,m]);t.useEffect(()=>{if(b&&k.current&&$.current){let e=new ResizeObserver(()=>{q.current&&clearTimeout(q.current),q.current=setTimeout(()=>{x()},600)});return e.observe(k.current),e.observe($.current),()=>{e&&e.disconnect()}}},[x,$,b]),t.useEffect(()=>{"edit"===p&&(q.current=setTimeout(()=>{x()},500))},[m,x,p]),t.useEffect(()=>(S(!0),()=>{q.current&&clearTimeout(q.current)}),[]),t.useEffect(()=>{"function"==typeof h&&h()},[h]);let B=t.useMemo(()=>i?v*y/d:v<w?w/d:v/d,[i,w,v,y,d]),C=t.useMemo(()=>({...n,marginLeft:"1px","--pause-on-hover":!o||s?"paused":"running","--pause-on-click":!o||s&&!c||c?"paused":"running","--width":"up"===a||"down"===a?"100vh":"100%","--transform":"up"===a?"rotate(-90deg)":"down"===a?"rotate(90deg)":"none"}),[n,o,s,c,a]),z=t.useMemo(()=>({"--play":o?"running":"paused","--direction":"left"===a?"normal":"reverse","--duration":`${B}s`,"--delay":`${l}s`,"--iteration-count":f?`${f}`:"infinite","--min-width":i?"auto":"100%",width:g?"100%":"auto"}),[o,a,B,l,f,i,g]),L=t.useMemo(()=>({"--transform":"up"===a?"rotate(90deg)":"down"===a?"rotate(-90deg)":"none",width:g?"100%":"auto",minWidth:g?"100%":"unset"}),[a,g]);return{containerStyle:C,marqueeStyle:z,childStyle:L,marqueeRef:k,containerRef:$,calculateWidth:x,multiplier:y}};
+"use strict";var core=require("@gem-sdk/core"),React=require("react");const useMarqueeBase=(e,t)=>{let{style:r={},autoFill:u=!1,play:n=!0,pauseOnHover:a=!1,pauseOnClick:c=!1,direction:s="left",speed:i=50,delay:o=0,loop:d=0,onMount:l,children:R,isFullWidth:f}=e??{},h=core.useEditorMode(),[m,g]=React.useState(0),[p,w]=React.useState(0),[M,v]=React.useState(1),[q,y]=React.useState(!1),B=React.useRef(null),E=t||B,b=React.useRef(null),S=React.useRef(null),T=React.useCallback(()=>{if(b.current&&E.current){let e=E.current.getBoundingClientRect(),t=b.current.getBoundingClientRect(),r=e.width,n=t.width;n<40||(f?(n=r,b.current.style.width=`${n}px`):b.current.style.width="auto",("up"===s||"down"===s)&&(r=e.height,n=t.height),u&&r&&n?v(Math.min(60,n<r?Math.ceil(r/n)+1:1)):v(2),g(r),w(n))}},[u,E,s,f,R]);React.useEffect(()=>{if(q&&b.current&&E.current){let e=new ResizeObserver(()=>{S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{T()},600)});return e.observe(b.current),e.observe(E.current),()=>{e&&e.disconnect()}}},[T,E,q]),React.useEffect(()=>{"edit"===h&&(S.current=setTimeout(()=>{T()},500))},[R,T,h]),React.useEffect(()=>(y(!0),()=>{S.current&&clearTimeout(S.current)}),[]),React.useEffect(()=>{"function"==typeof l&&l()},[l]);let $=React.useMemo(()=>u?p*M/i:p<m?m/i:p/i,[u,m,p,M,i]),k=React.useMemo(()=>({...r,marginLeft:"1px","--pause-on-hover":!n||a?"paused":"running","--pause-on-click":!n||a&&!c||c?"paused":"running","--width":"up"===s||"down"===s?"100vh":"100%","--transform":"up"===s?"rotate(-90deg)":"down"===s?"rotate(90deg)":"none"}),[r,n,a,c,s]),x=React.useMemo(()=>({"--play":n?"running":"paused","--direction":"left"===s?"normal":"reverse","--duration":`${$}s`,"--delay":`${o}s`,"--iteration-count":d?`${d}`:"infinite","--min-width":u?"auto":"100%",width:f?"100%":"auto"}),[n,s,$,o,d,u,f]),C=React.useMemo(()=>({"--transform":"up"===s?"rotate(90deg)":"down"===s?"rotate(-90deg)":"none",width:f?"100%":"auto",minWidth:f?"100%":"unset"}),[s,f]);return{containerStyle:k,marqueeStyle:x,childStyle:C,marqueeRef:b,containerRef:E,calculateWidth:T,multiplier:M}};exports.useMarqueeBase=useMarqueeBase;

package/dist/cjs/marquee/hooks/useMarqueeItem.js

@@ -1 +1 @@
-"use strict";var e=require("react");let t=null;exports.useMarqueeItem=r=>{let{index:u,activeItem:c,hoverItem:s,timeToScroll:i=0,setHoverItem:n,setActiveItem:o}=r??{},a=e.useRef(!0),[f,l]=e.useState(!1),m=e.useRef(!1);return e.useEffect(()=>{s===u?.toString()?(l(!0),t&&clearTimeout(t),t=setTimeout(()=>{m.current||(l(!1),n?.())},1e3)):l(!1)},[s,u,n]),e.useEffect(()=>{if(a.current){t=setTimeout(()=>{a.current=!1},500);return}return c===u?.toString()?(l(!0),m.current=!0,t&&clearTimeout(t),t=setTimeout(()=>{l(!1),m.current=!1,o?.()},i+1e3)):l(!1),()=>{t&&clearTimeout(t)}},[c,u,o,i]),{isActive:f}};
+"use strict";var React=require("react");let timeout=null;const useMarqueeItem=e=>{let{index:t,activeItem:u,hoverItem:r,timeToScroll:i=0,setHoverItem:o,setActiveItem:c}=e??{},m=React.useRef(!0),[a,s]=React.useState(!1),n=React.useRef(!1);return React.useEffect(()=>{r===t?.toString()?(s(!0),timeout&&clearTimeout(timeout),timeout=setTimeout(()=>{n.current||(s(!1),o?.())},1e3)):s(!1)},[r,t,o]),React.useEffect(()=>{if(m.current){timeout=setTimeout(()=>{m.current=!1},500);return}return u===t?.toString()?(s(!0),n.current=!0,timeout&&clearTimeout(timeout),timeout=setTimeout(()=>{s(!1),n.current=!1,c?.()},i+1e3)):s(!1),()=>{timeout&&clearTimeout(timeout)}},[u,t,c,i]),{isActive:a}};exports.useMarqueeItem=useMarqueeItem;

package/dist/cjs/marquee/hooks/useMarqueeScrollToItem.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("../../carousel-v3/hooks/useTrackPreviewPause.js"),t=require("./useTransition.js"),u=require("@gem-sdk/core");exports.useMarqueeScrollToItem=n=>{let{setting:i,builderProps:c,styles:l}=n,o=e.useRef(null),s=u.useCurrentDevice(),{speed:a,direction:m,isPreview:f,itemWidthType:d}=i||{},{itemMaxWidth:T}=l||{},v=e.useRef(null),q=e.useRef(null),g=e.useRef(null),S=e.useRef(null),[w,h]=e.useState(),[E,R]=e.useState(),[I,b]=e.useState(0),[k,B]=e.useState(!1),[M,y]=e.useState(!1),{isFirstPreviewClicked:C}=r.default(f),p=e.useMemo(()=>I||(a&&C&&f&&!k?100*a:0),[a,C,f,I,k]),N=e=>{let r=o.current?.getBoundingClientRect(),t=window.innerWidth,u=o.current?.querySelector(`.gem-marquee-item-${e}`);if(!u)return;let n=u.getBoundingClientRect().left,i=u.getBoundingClientRect().width;if(n>0&&n+20<t)return;let c=n+i/2-t/2;i>t&&(c=n-(r?.left||0));let l=c/1e3;return l},O=e=>{let r=e.detail;c?.uid===r.id&&("activeItem"===r.field&&h(r.value),"hoverItem"===r.field&&R(r.value))};t.useTransition((e,r)=>{if(void 0===e||!r||e==a&&r==m)return;S.current&&clearTimeout(S.current);let t=a||0;return b(100*t),S.current=setTimeout(()=>{b(0)},3e3),()=>{S.current&&clearTimeout(S.current)}},[a,m]),t.useTransition(e=>{e!==p&&void 0!==e&&0===p&&_()},[p]),t.useTransition(e=>{e&&JSON.stringify(e)!==JSON.stringify(T)&&(v.current&&clearTimeout(v.current),y(!0),g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{_()},1500),v.current=setTimeout(()=>{y(!1)},3e3))},[T]),e.useEffect(()=>(window.addEventListener("update-marquee",O),()=>{window.removeEventListener("update-marquee",O)}),[]),e.useEffect(()=>{if(void 0!==w)return $(w||"0"),()=>{g.current&&clearTimeout(g.current),v.current&&clearTimeout(v.current)}},[w]),e.useEffect(()=>()=>{g.current&&clearTimeout(g.current),v.current&&clearTimeout(v.current),q.current&&clearTimeout(q.current)},[]),e.useEffect(()=>{k&&B(!1)},[f]);let _=e=>{let r=o.current?.querySelector(".first-block");r?.scrollIntoView({inline:"center",block:"nearest",behavior:e?"smooth":void 0})},$=e=>{if(d?.[s]==="BASE_ON_NUMBER_OF_ITEMS")return;if(q.current&&clearTimeout(q.current),y(!0),q.current=setTimeout(()=>{y(!1)},2e3),"0"==e){_(!0);return}let r=o.current?.querySelector(`.gem-marquee-item-${e}`);r?.scrollIntoView({inline:"center",block:"nearest",behavior:"smooth"})},j=e.useMemo(()=>u.isBrowser()?N(parseInt(w??"0")):void 0,[w]);return{rate:p,wrapperElement:o,timeToScroll:j,hoverItem:E,setHoverItem:R,setActiveItem:h,getTimeScroll:N,activeItem:w,direction:m,isPause:M,scrollTime:1e3*Math.abs(j??0),scrollToItemClass:e=>`gem-marquee-item gem-marquee-item-${e}`}};
+"use strict";var React=require("react"),useTrackPreviewPause=require("../../carousel-v3/hooks/useTrackPreviewPause.js"),useTransition=require("./useTransition.js"),core=require("@gem-sdk/core");const useMarqueeScrollToItem=e=>{let{setting:t,builderProps:r,styles:u}=e,n=React.useRef(null),c=core.useCurrentDevice(),{speed:i,direction:a,isPreview:s,itemWidthType:o}=t||{},{itemMaxWidth:l}=u||{},m=React.useRef(null),T=React.useRef(null),f=React.useRef(null),R=React.useRef(null),[d,v]=React.useState(),[q,S]=React.useState(),[g,w]=React.useState(0),[h,E]=React.useState(!1),[I,k]=React.useState(!1),{isFirstPreviewClicked:M}=useTrackPreviewPause.default(s),b=React.useMemo(()=>g||(i&&M&&s&&!h?100*i:0),[i,M,s,g,h]),B=e=>{let t=n.current?.getBoundingClientRect(),r=window.innerWidth,u=n.current?.querySelector(`.gem-marquee-item-${e}`);if(!u)return;let c=u.getBoundingClientRect().left,i=u.getBoundingClientRect().width;if(c>0&&c+20<r)return;let a=c+i/2-r/2;i>r&&(a=c-(t?.left||0));let s=a/1e3;return s},P=e=>{let t=e.detail;r?.uid===t.id&&("activeItem"===t.field&&v(t.value),"hoverItem"===t.field&&S(t.value))};useTransition.useTransition((e,t)=>{if(void 0===e||!t||e==i&&t==a)return;R.current&&clearTimeout(R.current);let r=i||0;return w(100*r),R.current=setTimeout(()=>{w(0)},3e3),()=>{R.current&&clearTimeout(R.current)}},[i,a]),useTransition.useTransition(e=>{e!==b&&void 0!==e&&0===b&&y()},[b]),useTransition.useTransition(e=>{e&&JSON.stringify(e)!==JSON.stringify(l)&&(m.current&&clearTimeout(m.current),k(!0),f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{y()},1500),m.current=setTimeout(()=>{k(!1)},3e3))},[l]),React.useEffect(()=>(window.addEventListener("update-marquee",P),()=>{window.removeEventListener("update-marquee",P)}),[]),React.useEffect(()=>{if(void 0!==d)return p(d||"0"),()=>{f.current&&clearTimeout(f.current),m.current&&clearTimeout(m.current)}},[d]),React.useEffect(()=>()=>{f.current&&clearTimeout(f.current),m.current&&clearTimeout(m.current),T.current&&clearTimeout(T.current)},[]),React.useEffect(()=>{h&&E(!1)},[s]);let y=e=>{let t=n.current?.querySelector(".first-block");t?.scrollIntoView({inline:"center",block:"nearest",behavior:e?"smooth":void 0})},p=e=>{if(o?.[c]==="BASE_ON_NUMBER_OF_ITEMS")return;if(T.current&&clearTimeout(T.current),k(!0),T.current=setTimeout(()=>{k(!1)},2e3),"0"==e){y(!0);return}let t=n.current?.querySelector(`.gem-marquee-item-${e}`);t?.scrollIntoView({inline:"center",block:"nearest",behavior:"smooth"})},C=React.useMemo(()=>core.isBrowser()?B(parseInt(d??"0")):void 0,[d]),N=e=>`gem-marquee-item gem-marquee-item-${e}`;return{rate:b,wrapperElement:n,timeToScroll:C,hoverItem:q,setHoverItem:S,setActiveItem:v,getTimeScroll:B,activeItem:d,direction:a,isPause:I,scrollTime:1e3*Math.abs(C??0),scrollToItemClass:N}};exports.useMarqueeScrollToItem=useMarqueeScrollToItem;

package/dist/cjs/marquee/hooks/useMarqueeStyles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),r=require("react");exports.useMarqueeStyles=u=>{let{styles:s,setting:t,itemSize:c}=u,{itemMaxWidth:n}=s||{},{itemWidthType:o}=t||{},a=e.useCurrentDevice(),i=r.useMemo(()=>e.getResponsiveValueByScreen(o,a),[o,a]),l=r.useMemo(()=>{let r=e.getResponsiveValueByScreen(n,a);return"FIT_CONTENT"===i&&(r="auto"),"BASE_ON_NUMBER_OF_ITEMS"===i&&(r=`calc(100% / ${c})`),r},[a,n,c,i]),M=r.useMemo(()=>l?.includes("%"),[l]);return{isFullWidth:M}};
+"use strict";var core=require("@gem-sdk/core"),React=require("react");const useMarqueeStyles=e=>{let{styles:r,setting:s,itemSize:t}=e,{itemMaxWidth:u}=r||{},{itemWidthType:c}=s||{},a=core.useCurrentDevice(),o=React.useMemo(()=>core.getResponsiveValueByScreen(c,a),[c,a]),l=React.useMemo(()=>{let e=core.getResponsiveValueByScreen(u,a);return"FIT_CONTENT"===o&&(e="auto"),"BASE_ON_NUMBER_OF_ITEMS"===o&&(e=`calc(100% / ${t})`),e},[a,u,t,o]),n=React.useMemo(()=>l?.includes("%"),[l]);return{isFullWidth:n}};exports.useMarqueeStyles=useMarqueeStyles;

package/dist/cjs/marquee/hooks/useTransition.js

@@ -1 +1 @@
-"use strict";var e=require("react");exports.useTransition=(r,t)=>{let u=e.useRef(null);e.useEffect(()=>{u.current=r},[r]);let c=e.useRef([]);e.useEffect(()=>{null!==c.current&&u.current?.(...c.current),c.current=t},t)};
+"use strict";var React=require("react");const useTransition=(e,t)=>{let r=React.useRef(null);React.useEffect(()=>{r.current=e},[e]);let u=React.useRef([]);React.useEffect(()=>{null!==u.current&&r.current?.(...u.current),u.current=t},t)};exports.useTransition=useTransition;

package/dist/cjs/marquee/index.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("./common/classes.js");var e=require("./settings/Marquee.js"),r=require("./settings/MarqueeItem.js");const s={Marquee:e.default,MarqueeItem:r.default};exports.marqueeSetting=s;
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("./common/classes.js");var Marquee$1=require("./settings/Marquee.js"),MarqueeItem$1=require("./settings/MarqueeItem.js");const marqueeSetting={Marquee:Marquee$1.default,MarqueeItem:MarqueeItem$1.default};exports.marqueeSetting=marqueeSetting;

package/dist/cjs/marquee/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/Marquee.js")}),{loading:r.default}),n=e(()=>Promise.resolve().then(function(){return require("./components/MarqueeItem.js")}),{loading:r.default});exports.default={Marquee:t,MarqueeItem:n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Marquee=dynamic(()=>Promise.resolve().then(function(){return require("./components/Marquee.js")}),{loading:Loading.default}),MarqueeItem=dynamic(()=>Promise.resolve().then(function(){return require("./components/MarqueeItem.js")}),{loading:Loading.default});var marqueeComponents={Marquee,MarqueeItem};exports.default=marqueeComponents;

package/dist/cjs/marquee/settings/Marquee.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./configs/presets.js"),s=require("./configs/settings-v2.js"),r=require("./configs/ui-v2.js");const t={tag:"Marquee",label:"Marquee",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var presets=require("./configs/presets.js"),settingsV2=require("./configs/settings-v2.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"Marquee",label:"Marquee",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M4.96586 7.25C4.96586 6.14543 5.86129 5.25 6.96586 5.25H17.0346C18.1391 5.25 19.0346 6.14543 19.0346 7.25V16.7484C19.0346 17.853 18.1391 18.7484 17.0346 18.7484H6.96586C5.86129 18.7484 4.96586 17.853 4.96586 16.7484V7.25ZM9.36039 6.25H6.96586C6.41357 6.25 5.96586 6.69772 5.96586 7.25V16.7484C5.96586 17.3007 6.41357 17.7484 6.96586 17.7484H9.36039L9.36039 6.25ZM10.3604 17.7484V6.25H14.1455V17.7484H10.3604ZM15.1455 17.7484H17.0346C17.5869 17.7484 18.0346 17.3007 18.0346 16.7484V7.25C18.0346 6.69771 17.5869 6.25 17.0346 6.25H15.1455V17.7484ZM3.31666 10.5447C3.51708 10.7346 3.52555 11.0511 3.33558 11.2515L2.61349 12.0133L3.33449 12.7691C3.52509 12.969 3.51762 13.2854 3.31781 13.4761C3.118 13.6667 2.8015 13.6592 2.6109 13.4594L1.693 12.4971C1.43561 12.2273 1.43493 11.803 1.69148 11.5324L2.60981 10.5636C2.79978 10.3632 3.11625 10.3547 3.31666 10.5447ZM20.6827 10.5458C20.8825 10.3552 21.199 10.3627 21.3896 10.5625L22.3075 11.5247C22.5649 11.7946 22.5656 12.2188 22.309 12.4894L21.3907 13.4583C21.2007 13.6587 20.8843 13.6672 20.6839 13.4772C20.4834 13.2872 20.475 12.9707 20.6649 12.7703L21.387 12.0085L20.666 11.2527C20.4754 11.0529 20.4829 10.7364 20.6827 10.5458ZM21.5839 12.215C21.5838 12.2149 21.584 12.2151 21.5839 12.215V12.215Z" fill="white"/>
   </svg>
-  `,settings:s.MarqueeSettingsV2,ui:[],uiV2:r.SettingUIV2,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee","Carousel","CarouselV3","CarouselItem","CarouselItemV3"]}},presets:e.MarqueePresets,locales:{editor:{en:{no_slider:"No Slider"}}}};exports.default=t;
+  `,settings:settingsV2.MarqueeSettingsV2,ui:[],uiV2:uiV2.SettingUIV2,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee","Carousel","CarouselV3","CarouselItem","CarouselItemV3"]}},presets:presets.MarqueePresets,locales:{editor:{en:{no_slider:"No Slider"}}}};exports.default=config;

package/dist/cjs/marquee/settings/MarqueeItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const config={tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};exports.default=config;

package/dist/cjs/marquee/settings/configs/child-image-template.js

@@ -1 +1 @@
-"use strict";exports.renderChildImageTemplate=e=>({tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}},childrens:[{tag:"Image",label:"Image",styles:{shape:{desktop:{width:"auto",height:"auto"}},enableBorder:"none"},advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"}}}},settings:{image:{src:e,width:260,height:110},srcSet:{desktop:{src:e,width:260,height:110}},isAdaptive:!1,isNotLazyload:!0}}]});
+"use strict";const renderChildImageTemplate=e=>({tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}},childrens:[{tag:"Image",label:"Image",styles:{shape:{desktop:{width:"auto",height:"auto"}},enableBorder:"none"},advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"}}}},settings:{image:{src:e,width:260,height:110},srcSet:{desktop:{src:e,width:260,height:110}},isAdaptive:!1,isNotLazyload:!0}}]});exports.renderChildImageTemplate=renderChildImageTemplate;

package/dist/cjs/marquee/settings/configs/child-template.js

@@ -1 +1 @@
-"use strict";exports.ChildTemplate={tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};
+"use strict";const ChildTemplate={tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};exports.ChildTemplate=ChildTemplate;

package/dist/cjs/marquee/settings/configs/child-text-template.js

@@ -1 +1 @@
-"use strict";exports.renderChildTextTemplate=e=>({tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}},childrens:[{tag:"Text",label:"Text",settings:{text:e},advanced:{"spacing-setting":{desktop:{padding:{top:"8px",bottom:"8px"}}}},styles:{typo:{attrs:{bold:!0}}}}]});
+"use strict";const renderChildTextTemplate=e=>({tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}},childrens:[{tag:"Text",label:"Text",settings:{text:e},advanced:{"spacing-setting":{desktop:{padding:{top:"8px",bottom:"8px"}}}},styles:{typo:{attrs:{bold:!0}}}}]});exports.renderChildTextTemplate=renderChildTextTemplate;

package/dist/cjs/marquee/settings/configs/presets.js

@@ -1,4 +1,4 @@
-"use strict";var C=require("./child-image-template.js"),e=require("./child-text-template.js");const t=[{id:"marquee-text",name:"Marquee",icon:{desktop:`
+"use strict";var childImageTemplate=require("./child-image-template.js"),childTextTemplate=require("./child-text-template.js");const MarqueePresets=[{id:"marquee-text",name:"Marquee",icon:{desktop:`
          <svg width="126" height="80" viewBox="0 0 126 80" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_10250_27622)">
 <path d="M0 3C0 1.34315 1.34315 0 3 0H123C124.657 0 126 1.34315 126 3V77C126 78.6569 124.657 80 123 80H3C1.34315 80 0 78.6569 0 77V3Z" fill="#212121"/>
@@ -20,7 +20,7 @@
 </defs>
 </svg>
 
-        `},components:[{tag:"Marquee",advanced:{"spacing-setting":{desktop:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}},styles:{itemSpacing:{desktop:"60px"},itemMaxWidth:{desktop:"300px"}},settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemWidthType:{desktop:"FIT_CONTENT"}},childrens:[e.renderChildTextTemplate("FREE SHIPPING"),e.renderChildTextTemplate("30 DAYS MONEY BACK GUARANTEE"),e.renderChildTextTemplate("LIMITED TIME 50% OFF SALE"),e.renderChildTextTemplate("LIFE TIME WARRANTY")]}]},{id:"marquee-image",name:"Marquee",icon:{desktop:`
+        `},components:[{tag:"Marquee",advanced:{"spacing-setting":{desktop:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}},styles:{itemSpacing:{desktop:"60px"},itemMaxWidth:{desktop:"300px"}},settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemWidthType:{desktop:"FIT_CONTENT"}},childrens:[childTextTemplate.renderChildTextTemplate("FREE SHIPPING"),childTextTemplate.renderChildTextTemplate("30 DAYS MONEY BACK GUARANTEE"),childTextTemplate.renderChildTextTemplate("LIMITED TIME 50% OFF SALE"),childTextTemplate.renderChildTextTemplate("LIFE TIME WARRANTY")]}]},{id:"marquee-image",name:"Marquee",icon:{desktop:`
         <svg width="126" height="80" viewBox="0 0 126 80" fill="none" xmlns="http://www.w3.org/2000/svg">
         <g clip-path="url(#clip0_10250_27631)">
         <path d="M0 3C0 1.34315 1.34315 0 3 0H123C124.657 0 126 1.34315 126 3V77C126 78.6569 124.657 80 123 80H3C1.34315 80 0 78.6569 0 77V3Z" fill="#212121"></path>
@@ -43,4 +43,4 @@
         </clipPath>
         </defs>
         </svg>
-        `},components:[{tag:"Marquee",advanced:{"spacing-setting":{desktop:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}},styles:{itemSpacing:{desktop:"60px",mobile:"20px"},itemMaxWidth:{desktop:"300px",tablet:"300px",mobile:"150px"}},settings:{childItem:["Item 1","Item 2","Item 3","Item 4","Item 5"],itemWidthType:{desktop:"BASE_ON_NUMBER_OF_ITEMS",tablet:"BASE_ON_NUMBER_OF_ITEMS",mobile:"CUSTOM"}},childrens:[C.renderChildImageTemplate("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-fd204759-bd9d-4564-9e30-3ff2facb72de.png"),C.renderChildImageTemplate("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-83e1af8d-ad67-4b33-83ee-51f80fee6167.png"),C.renderChildImageTemplate("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-eee8f948-1544-47ee-acc0-8fe5b99f735a.png"),C.renderChildImageTemplate("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-2b1f58d6-457d-4734-a2f5-b5db983ef2fb.png"),C.renderChildImageTemplate("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-af77021a-12c9-40dd-8132-2c59edf287dc.png")]}]}];exports.MarqueePresets=t;
+        `},components:[{tag:"Marquee",advanced:{"spacing-setting":{desktop:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}},styles:{itemSpacing:{desktop:"60px",mobile:"20px"},itemMaxWidth:{desktop:"300px",tablet:"300px",mobile:"150px"}},settings:{childItem:["Item 1","Item 2","Item 3","Item 4","Item 5"],itemWidthType:{desktop:"BASE_ON_NUMBER_OF_ITEMS",tablet:"BASE_ON_NUMBER_OF_ITEMS",mobile:"CUSTOM"}},childrens:[childImageTemplate.renderChildImageTemplate("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-fd204759-bd9d-4564-9e30-3ff2facb72de.png"),childImageTemplate.renderChildImageTemplate("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-83e1af8d-ad67-4b33-83ee-51f80fee6167.png"),childImageTemplate.renderChildImageTemplate("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-eee8f948-1544-47ee-acc0-8fe5b99f735a.png"),childImageTemplate.renderChildImageTemplate("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-2b1f58d6-457d-4734-a2f5-b5db983ef2fb.png"),childImageTemplate.renderChildImageTemplate("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-af77021a-12c9-40dd-8132-2c59edf287dc.png")]}]}];exports.MarqueePresets=MarqueePresets;

package/dist/cjs/marquee/settings/configs/settings-v2.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./child-template.js");const t=[{id:"setting",controls:[{id:"itemWidthType",type:"select",options:[{label:"Fit to content",value:"FIT_CONTENT",subTitle:"Match the width of the element inside",disableHoverIcon:!0},{label:"Based on the item count",value:"BASE_ON_NUMBER_OF_ITEMS",subTitle:"Max item width is screen width divided by the number of items",disableHoverIcon:!0},{label:"Custom",value:"CUSTOM",subTitle:"Set the max width as you want",disableHoverIcon:!0}],devices:{desktop:{default:"FIT_CONTENT"},tablet:{default:"FIT_CONTENT"},mobile:{default:"FIT_CONTENT"}}},{id:"activeItem",type:"input",default:"0"},{id:"hoverItem",type:"input",default:"0"},{id:"childItem",label:"Item management",type:"child-item",childTemplate:e.ChildTemplate,default:["Item 1","Item 2","Item 3","Item 4"]},{id:"isShowIconSeparator",label:"isShowIconSeparator",type:"toggle",default:!1},{id:"iconSeparatorSvg",label:"iconSeparatorSvg",type:"icon",default:`<svg height="20px" width="20px" data-name="dot-outline-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817731477569896">
-              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128Z"></path></svg>`},{id:"stopOnHover",label:"stopOnHover",type:"toggle",default:!0},{id:"speed",label:"speed",type:"input:slider",hideInput:!0,useOnlyUnitInit:!0,hideUnit:!0,min:0,max:4,step:.1,default:1},{id:"direction",label:"direction",type:"segment",options:[{label:"Left",value:"left",type:"direction",tooltip:"Left"},{label:"Right",value:"right",type:"direction",tooltip:"Right"}],default:"left"},{id:"isPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"hasItemShadow",label:"hasItemShadow",type:"toggle",default:!1}]},{id:"style",controls:[{id:"iconSeparatorSize",label:"iconSeparatorSize",type:"input:stepper",devices:{desktop:{default:16}}},{id:"iconSeparatorColor",label:"iconSeparatorColor",type:"color-picker-v2",default:"text-2"},{id:"itemSpacing",label:"Spacing",type:"input:slider",units:["px"],min:0,max:80,step:1,ignoreMax:!0,devices:{desktop:{default:"60px"}}},{id:"itemMaxWidth",label:"itemMaxWidth",type:"input:unit",units:["px"],placeholder:"Auto",min:40,devices:{desktop:{default:"300px"},tablet:{default:"300px"},mobile:{default:"150px"}}},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"100%",height:"Auto"}}},settingConfig:{width:{name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"32px",medium:"64px",large:"96px"}}},hiddenSettings:["gap","shape","padding"]},{id:"itemBorderStyle",type:"border",label:"Border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"#000000"},compoDefaultValue:{borderType:"style-1",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"itemCorner",type:"radius-preset",label:"Border Radius",default:{radiusType:"none"},compoDefaultValue:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},{id:"itemBackgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"bg-2"}}},{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"#DDDDDD"}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"itemShadow",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}]}];exports.MarqueeSettingsV2=t;
+"use strict";var childTemplate=require("./child-template.js");const MarqueeSettingsV2=[{id:"setting",controls:[{id:"itemWidthType",type:"select",options:[{label:"Fit to content",value:"FIT_CONTENT",subTitle:"Match the width of the element inside",disableHoverIcon:!0},{label:"Based on the item count",value:"BASE_ON_NUMBER_OF_ITEMS",subTitle:"Max item width is screen width divided by the number of items",disableHoverIcon:!0},{label:"Custom",value:"CUSTOM",subTitle:"Set the max width as you want",disableHoverIcon:!0}],devices:{desktop:{default:"FIT_CONTENT"},tablet:{default:"FIT_CONTENT"},mobile:{default:"FIT_CONTENT"}}},{id:"activeItem",type:"input",default:"0"},{id:"hoverItem",type:"input",default:"0"},{id:"childItem",label:"Item management",type:"child-item",childTemplate:childTemplate.ChildTemplate,default:["Item 1","Item 2","Item 3","Item 4"]},{id:"isShowIconSeparator",label:"isShowIconSeparator",type:"toggle",default:!1},{id:"iconSeparatorSvg",label:"iconSeparatorSvg",type:"icon",default:`<svg height="20px" width="20px" data-name="dot-outline-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817731477569896">
+              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128Z"></path></svg>`},{id:"stopOnHover",label:"stopOnHover",type:"toggle",default:!0},{id:"speed",label:"speed",type:"input:slider",hideInput:!0,useOnlyUnitInit:!0,hideUnit:!0,min:0,max:4,step:.1,default:1},{id:"direction",label:"direction",type:"segment",options:[{label:"Left",value:"left",type:"direction",tooltip:"Left"},{label:"Right",value:"right",type:"direction",tooltip:"Right"}],default:"left"},{id:"isPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"hasItemShadow",label:"hasItemShadow",type:"toggle",default:!1}]},{id:"style",controls:[{id:"iconSeparatorSize",label:"iconSeparatorSize",type:"input:stepper",devices:{desktop:{default:16}}},{id:"iconSeparatorColor",label:"iconSeparatorColor",type:"color-picker-v2",default:"text-2"},{id:"itemSpacing",label:"Spacing",type:"input:slider",units:["px"],min:0,max:80,step:1,ignoreMax:!0,devices:{desktop:{default:"60px"}}},{id:"itemMaxWidth",label:"itemMaxWidth",type:"input:unit",units:["px"],placeholder:"Auto",min:40,devices:{desktop:{default:"300px"},tablet:{default:"300px"},mobile:{default:"150px"}}},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"100%",height:"Auto"}}},settingConfig:{width:{name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"32px",medium:"64px",large:"96px"}}},hiddenSettings:["gap","shape","padding"]},{id:"itemBorderStyle",type:"border",label:"Border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"#000000"},compoDefaultValue:{borderType:"style-1",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"itemCorner",type:"radius-preset",label:"Border Radius",default:{radiusType:"none"},compoDefaultValue:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},{id:"itemBackgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"bg-2"}}},{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"#DDDDDD"}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"itemShadow",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}]}];exports.MarqueeSettingsV2=MarqueeSettingsV2;