@gem-sdk/upsell-components 12.0.0-dev.108

package/README.md

@@ -0,0 +1 @@
+# GemX Component

package/dist/cjs/builder.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Button=require("./button/components/Button.js"),Root=require("./grid/components/root/Root.js"),Section=require("./grid/components/section/Section.js"),Row=require("./grid/components/row/Row.js"),Col=require("./grid/components/col/Col.js"),Text=require("./text/components/Text.js"),Image=require("./image/components/Image.js"),Link=require("./link/components/Link.js"),builder={Button:Button.default,Root:Root.default,Section:Section.default,Row:Row.default,Col:Col.default,Text:Text.default,Image:Image.default,Link:Link.default};exports.default=builder;

package/dist/cjs/button/common/attrs.js

@@ -0,0 +1 @@
+"use strict";const getButtonAttributes=({dataId:t,disabled:a,dataState:e,arialLabel:s})=>({...!!a&&{disabled:a},"data-id":t,dataId:t,"data-state":e,"aria-label":s});exports.getButtonAttributes=getButtonAttributes;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getButtonClasses=({uid:t,styles:e,className:s,shouldRenderLink:o,advanced:n})=>({...s&&{[s]:!0},...t&&{[t]:!0},"gp-text-center":o,"gp-max-w-full":e?.textOverFlow||!1,"gp-scale-[1.1]":e?.animation?.normal==="grow","gp-animate-bounce":e?.animation?.normal==="bounce","hover:gp-scale-[1.1]":e?.animation?.hover==="grow","hover:gp-animate-bounce":e?.animation?.hover==="bounce","gp-button-base gp-group gp-relative gp-inline-flex gp-max-w-full gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-200 disabled:gp-btn-disabled disabled:gp-opacity-30":!0,[core.getGlobalColorStateClass("text",e?.textColor)]:!0,[core.composeTypographyClassName(e?.typo,e?.typography)]:!0,...s?.includes("gp-button-atc")&&n&&{[n?.cssClass]:!0}}),getButtonWrapperClasses=(t,e,s)=>({[t]:!0,...!e?.includes("gp-button-atc")&&s&&{[s]:!0}}),getButtonContentWrapperClasses=t=>({"gp-inline-flex":!0,"gp-flex-row-reverse":t?.iconAlign==="right"&&!!t?.label}),getButtonContainerClasses=()=>({"gp-flex gp-flex-col":!0}),getButtonLabelClasses=(t,e)=>({"gp-content-product-button group-active/button:!gp-text-inherit gp-relative gp-flex gp-h-full gp-items-center gp-overflow-hidden gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line":!0,"[&:not(:has(p))]:gp-pr-[0.2em] [&_p]:[&:has(p)]:gp-pr-[0.2em]":t?.typo?.attrs?.italic,"gp-text button-text":e}),getButtonIconClasses=(t,e,s)=>({"!gp-m-0":e&&!t||!s,"gp-button-icon gp-z-1 gp-inline-flex gp-shrink-0 gp-items-center gp-justify-center group-data-[state=loading]:gp-invisible [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]":!0});exports.getButtonClasses=getButtonClasses,exports.getButtonContainerClasses=getButtonContainerClasses,exports.getButtonContentWrapperClasses=getButtonContentWrapperClasses,exports.getButtonIconClasses=getButtonIconClasses,exports.getButtonLabelClasses=getButtonLabelClasses,exports.getButtonWrapperClasses=getButtonWrapperClasses;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),Link=require("../../link/components/Link.js"),styles=require("./styles.js"),translate=require("../settings/configs/translate.js");const getCleanedStyles=(e,t)=>{if(!t)return e;let l={...e},a=["hover","focus"];return a.forEach(e=>{delete l?.backgroundColorV2?.[e]}),l},handleGetLabelToDisplay=({label:e,translateSetting:t,styles:l,pageContext:a,isUseTranslatedValue:s,builderProps:r,isLiquid:o=!1,isForceValue:n})=>{let i=!s||n?e:helpers.getDynamicSourceLocales({val:e,pageContext:a,settingId:helpers.createSettingId({id:t??translate.Button?.label?.id}),uid:r?.uidTranslate??r?.uid,isCapitalize:l?.typo?.attrs?.transform==="capitalize"});return o?i?.toString()??"":core.convertHTML(e)},checkIsShowIcon=(e,t)=>!!e&&t,handleCheckIsShowLabel=(e,t)=>!!e||!t,handleCheckIsEditableLabel=({mode:e,options:t,isLiquid:l=!1})=>l?!t?.isCannotEditing:"edit"===e&&!t?.isCannotEditing,checkIsScrollToElement=e=>!!e?.link?.startsWith("#")&&("_self"===e.target||"scroll-to"===e.type),getSplitStyles=e=>core.splitStyle(["pos","top","left","bottom","right","z"],e),getDataState=e=>e?"loading":"idle",getDataId=(e,t,l)=>e??(t||l)??"",handleGetArialLabel=({label:e,isLiquid:t=!1})=>t?e?.toString().replaceAll("'","'").replaceAll('"',"'")??"":e?.toString()??"",getInsertLinkData=({setting:e,htmlType:t,defaultTag:l,enableBtnLink:a,isLiquid:s=!1,pageType:r})=>{let o=["product.url"],n=["#","mailto:","tel:"],i=e?.link??"",c="/"===i,h=e?.link!==void 0&&""!==e.link,d=new RegExp(/^https?:\/\//i),p=h&&d.test(i);h&&i.toLowerCase().startsWith("mailto:")&&i.includes("+")&&(i=helpers.normalizeMailto(i));let g=()=>{if(o.find(e=>i.includes(e)))return!0;let t=n.find(e=>i.startsWith(e));return!(!t||helpers.checkIsScrollToTop(e)||"STATIC"===r&&helpers.checkIsOpenPopup(e))},S=!!a&&(p||helpers.isShopifyDomain(h,i)||g()||c),u=i;s&&(helpers.isShopifyDomain(h,i)||c)&&(u=e?.isTranslate?"$locationOrigin"+i:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+i);let I=S?s?"a":Link.default:l,k={href:u,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},y=S?k:h?{...k,type:t}:{type:t};return{HTMLTag:I,urlData:y,shouldRenderLink:S}},getData=e=>{let{style:t,dataId:l,pageContext:a,styles:s={},setting:r={},builderProps:o,builderAttrs:n,isUseTranslatedValue:i=!0}=e,{label:c,iconSvg:h,btnLink:d,loading:p,options:g,disabled:S,iconVisible:u,shouldClearSpace:I}=r,[k,y]=getSplitStyles(t),b=getCleanedStyles(s,S),L=styles.getCustomCssStyles({styles:s,uid:o?.uid,builderAttrs:n,enableHoverEffect:r.enableHoverEffect??!0}),D=getDataState(p),C=getDataId(o?.uidInteraction,l,o?.uid),f=e=>{let{isLiquid:t}=e??{};return handleGetArialLabel({label:c,isLiquid:t})},m=e=>{let{isLiquid:t,translateSetting:l,isForceValue:s}=e??{};return handleGetLabelToDisplay({label:c,translateSetting:l,isForceValue:s,builderProps:o,styles:b,isLiquid:t,...t&&{pageContext:a},...t&&{isUseTranslatedValue:i}})},T=e=>{let{isLiquid:t}=e??{},l=m({isLiquid:t});return handleCheckIsShowLabel(l,I)},E=e=>{let{isLiquid:t,mode:l}=e??{};return handleCheckIsEditableLabel({options:g,isLiquid:t,...!t&&l&&{mode:l}})},x=checkIsShowIcon(h,u),w=checkIsScrollToElement(d);return{customCss:L,wrapStyle:k,restStyle:y,dataState:D,dataIdAttr:C,isShowIcon:x,isScrollToElement:w,getArialLabel:f,getLabelToDisplay:m,checkIsShowLabel:T,checkIsEditableLabel:E}};exports.checkIsScrollToElement=checkIsScrollToElement,exports.checkIsShowIcon=checkIsShowIcon,exports.getCleanedStyles=getCleanedStyles,exports.getData=getData,exports.getDataId=getDataId,exports.getDataState=getDataState,exports.getInsertLinkData=getInsertLinkData,exports.getSplitStyles=getSplitStyles,exports.handleCheckIsEditableLabel=handleCheckIsEditableLabel,exports.handleCheckIsShowLabel=handleCheckIsShowLabel,exports.handleGetArialLabel=handleGetArialLabel,exports.handleGetLabelToDisplay=handleGetLabelToDisplay;

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

@@ -0,0 +1,32 @@
+"use strict";var core=require("@gem-sdk/core");const getButtonWrapperStyles=(e,t)=>({...e,...core.makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle,...getTypographyStyles(e).withoutTextColorStyles};return t?o:core.filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal","active"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.type !== undefined ");return{...core.getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},"value?.radiusType !== undefined");return core.composeRadius(t,["normal","hover"])},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?core.makeStyleResponsive("mr",o):core.makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=core.makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=core.composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":core.getColor(e?.textColor?.hover),...o},withoutTextColorStyles:r}},getTypoStyles=e=>({...getTypographyStyles(e).withoutTextColorStyles,...core.getStyleShadow({styleAppliedFor:"text-shadow",value:e?.typo?.custom?.textShadow,isEnableShadow:e?.typo?.custom?.hasShadowText}),"word-break":"break-word"}),getBgImageUrl=(e,t)=>{let{backgroundImage:o,backgroundColorV2:r}=e||{},s=o?.[t],a=r?.[t];if(!s&&!a)return"";let l=`url(${s?.image?.src})`,n=a?`, ${a}`:"";return a?.includes?.(core.GRADIENT_BGR_KEY)&&s?.image?.src?`${l}${n}`:a?.includes?.(core.GRADIENT_BGR_KEY)&&!s?.image?.src?a:s?.image?.src?l:""},getBackgroundImageSource=e=>{let t={normal:getBgImageUrl(e,"normal"),hover:getBgImageUrl(e,"hover")};return core.makeStyleState("bgi",t)},getBackgroundStyles=e=>{let{backgroundColorV2:t,backgroundImage:o}=e||{},r={...o,hover:o?.hover?.image?o?.hover:o?.normal},s={...t,hover:t?.hover||t?.normal};return{...core.getStyleBackgroundImage(r,{ignoreBackgroundImage:!0}),...getBackgroundImageSource({backgroundImage:r,backgroundColorV2:s}),...core.getGlobalColorStateStyle("bg",s)}},getCustomCssStyles=({styles:e,uid:t,builderAttrs:o,enableHoverEffect:r})=>{if(!t)return"";let{borderBtnV2:s,roundedBtnV2:a}=e??{},l=ignoreStateNoneValue(s||{},"value?.border !== undefined"),n=ignoreStateNoneValue(a||{},"value?.radiusType !== undefined"),g=generateBorderCornerStyles({uid:t,borderBtn:l,roundedBtn:n,builderAttrs:o,enableHoverEffect:r});return`
+      ${g.normalStyles}
+      ${g.hoverStyles}
+    `.trim()},generateBorderCornerStyles=({uid:e,borderBtn:t,roundedBtn:o,builderAttrs:r,enableHoverEffect:s})=>{let a=r?.["data-component-tag"],l=({styleObj:e,state:t})=>{if(e)return e?.[t]},n=l({styleObj:t,state:"normal"}),g=l({styleObj:s?t:void 0,state:"hover"}),d=l({styleObj:o,state:"normal"}),i=l({styleObj:o,state:"hover"}),u=`
+    content: "";
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    pointer-events: none;
+    top: 0;
+    left: 0;
+    ${core.composeBorderCss(n)}
+    ${core.composeCornerCss(d)}
+  `,c=`
+    [data-id="${e}"].gp-button-base::before, [data-id="${e}-interaction"].gp-button-base::before {
+      ${u}
+    }
+  `,y=`
+  [data-id="${e}"]:hover::before, [data-id="${e}-interaction"]:hover::before {
+    ${core.composeBorderCss(g)}
+    ${core.composeCornerCss(i)}
+  }
+`;if("ProductButton"===a){let t=r?.["data-is-in-stock"]??!1;c=`
+      [data-is-in-stock="${t}"]>.${e}.gp-button-base::before {
+        ${u}
+      }
+    `,y=`
+    [data-is-in-stock="${t}"]>.${e}.gp-button-base:hover::before {
+      ${core.composeBorderCss(g)}
+      ${core.composeCornerCss(i)}
+    }
+  `}return{normalStyles:c,hoverStyles:y}};exports.generateBorderCornerStyles=generateBorderCornerStyles,exports.getButtonIconStyles=getButtonIconStyles,exports.getButtonStyles=getButtonStyles,exports.getButtonWrapperStyles=getButtonWrapperStyles,exports.getCustomCssStyles=getCustomCssStyles,exports.getRadiusStyles=getRadiusStyles,exports.getShadowStyles=getShadowStyles,exports.getTypoStyles=getTypoStyles;

package/dist/cjs/button/components/Button.html.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const Button=()=>{};exports.default=Button;

package/dist/cjs/button/components/Button.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),ButtonIcon=require("./ButtonIcon.js"),ButtonLabel=require("./ButtonLabel.js"),ButtonLoadingIndicator=require("./ButtonLoadingIndicator.js"),helpers=require("../common/helpers.js");const Button=e=>{let{children:s,advanced:t,className:a,nodePrice:l,customAttrs:r,styles:n={},setting:o={},builderProps:u,builderAttrs:c,wrapClassName:i="",onClick:y}=e,{iconSvg:m,btnLink:g,htmlType:d,loading:j,disabled:x,shouldClearSpace:B,enableBtnLink:p}=o,{enableTextStyle:C=!0}=n,I=core.useEditorMode(),f=core.usePageType(),{customCss:b,wrapStyle:h,restStyle:L,dataState:S,dataIdAttr:q,isShowIcon:R,isScrollToElement:v,getArialLabel:T,getLabelToDisplay:k,checkIsShowLabel:N,checkIsEditableLabel:M}=helpers.getData(e),{HTMLTag:_,urlData:H,shouldRenderLink:W}=helpers.getInsertLinkData({enableBtnLink:p,htmlType:d,setting:g,defaultTag:"button",pageType:f}),A=system.createStyle({...styles.getButtonStyles(n,o.enableHoverEffect)}),D=system.createStyle({...styles.getTypoStyles(n)}),E=system.createStyle({...styles.getTypoStyles(n),...styles.getButtonIconStyles(n,o)}),P=system.createStyle({...styles.getButtonWrapperStyles(L,n)}),O=system.createClass({...classes.getButtonClasses({styles:n,className:a,shouldRenderLink:W,uid:u?.uid,advanced:t})}),w=system.createClass({...classes.getButtonIconClasses(k(),B,C)}),z=system.createClass({...classes.getButtonLabelClasses(n,M({mode:I}))}),F=system.createClass({...classes.getButtonWrapperClasses(i,a,t?.cssClass)}),G=system.createClass({...classes.getButtonContentWrapperClasses(o)}),J=system.createClass({...classes.getButtonContainerClasses()}),K=system.createAttr({...attrs.getButtonAttributes({disabled:x,dataState:S,dataId:q,arialLabel:T()})}),Q=e=>{y?.(e)};return jsxRuntime.jsx("div",{style:h,className:J,children:jsxRuntime.jsxs("div",{...c,style:P,className:F,children:[jsxRuntime.jsx("style",{type:"text/css",dangerouslySetInnerHTML:{__html:b}}),system.If(v,jsxRuntime.jsx("a",{className:"gp-trigger-button-link gp-hidden",href:H.href,target:H.target})),jsxRuntime.jsxs(_,{...K,...r,..."button"!==_&&{setting:H},style:A,className:O,onClick:Q,children:[system.If(j,jsxRuntime.jsx(ButtonLoadingIndicator.default,{})),jsxRuntime.jsxs("div",{className:G,children:[system.If(R,jsxRuntime.jsx(ButtonIcon.default,{iconSvg:m??"",styles:E,classes:w})),system.If(C&&N(),jsxRuntime.jsx(ButtonLabel.default,{label:k(),styles:D,classes:z}))]}),system.If(!!l,l??"")]}),s]})})};exports.default=Button;

package/dist/cjs/button/components/ButtonIcon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const ButtonIcon=({iconSvg:e,classes:t,styles:s})=>jsxRuntime.jsx("span",{className:t,style:s,dangerouslySetInnerHTML:{__html:e}});exports.default=ButtonIcon;

package/dist/cjs/button/components/ButtonLabel.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");require("react");const ButtonLabel=({label:e,styles:t,classes:r})=>jsxRuntime.jsx("div",{"data-gp-text":!0,style:t,className:r,dangerouslySetInnerHTML:{__html:e}});exports.default=ButtonLabel;

package/dist/cjs/button/components/ButtonLoadingIndicator.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");require("react");const ButtonLoadingIndicator=()=>jsxRuntime.jsxs("svg",{className:"gp-invisible gp-h-5 gp-w-5 gp-animate-spin group-data-[state=loading]:gp-visible gp-absolute",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[jsxRuntime.jsx("circle",{className:"gp-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),jsxRuntime.jsx("path",{className:"gp-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]});exports.default=ButtonLoadingIndicator;

package/dist/cjs/button/index.js

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

package/dist/cjs/button/next.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react");const Button=dynamic(()=>Promise.resolve().then(function(){return require("./components/Button.js")}),{loading:Loading.default});var button={Button};exports.default=button;

package/dist/cjs/button/settings/Button.js

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"Button",label:"Button",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.16699 6.66663C2.89085 6.66663 2.66699 6.89048 2.66699 7.16663V26.1666C2.66699 26.4428 2.89085 26.6666 3.16699 26.6666H13.5531C13.8587 26.6666 14.0929 26.3948 14.0475 26.0925L13.7975 24.4258C13.7608 24.181 13.5506 24 13.3031 24H5.33366V9.33329H34.667V24H32.5003C32.2242 24 32.0003 24.2238 32.0003 24.5V25.1121C32.0003 25.253 32.0597 25.3873 32.164 25.4821L33.324 26.5366C33.416 26.6203 33.5359 26.6666 33.6603 26.6666H36.8337C37.1098 26.6666 37.3337 26.4428 37.3337 26.1666V7.16663C37.3337 6.89048 37.1098 6.66663 36.8337 6.66663H3.16699ZM19.8589 29.6767C19.9172 30.0846 20.4161 30.2509 20.7074 29.9595L22.667 28L27.6468 32.9797C27.842 33.175 28.1586 33.175 28.3539 32.9797L30.3134 31.0202C30.5087 30.8249 30.5087 30.5083 30.3134 30.3131L25.3337 25.3333L27.2932 23.3737C27.5846 23.0824 27.4183 22.5835 27.0104 22.5252L19.327 21.4276C18.997 21.3804 18.7141 21.6633 18.7613 21.9933L19.8589 29.6767Z" fill="currentColor"/>
+  </svg>
+  `,settings:settings.ButtonSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,editorConfigs:{slots:{children:!1}},presets:[{id:"button",name:"Button",icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect width="96" height="48" rx="3" fill="#424242"/>
+          <rect x="21.5" y="20" width="53" height="8" rx="4" fill="#757575"/>
+          </svg>
+        `},components:[{tag:"Button",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:"button.{{rootClassName}} {\n\n}"}}}]},{id:"button-icon",name:"Button",icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect width="96" height="48" rx="3" fill="#424242"/>
+          <path d="M23.6415 17.8126C23.7882 17.5153 24.2121 17.5153 24.3589 17.8126L26.1255 21.3922C26.1838 21.5102 26.2964 21.5921 26.4267 21.611L30.377 22.185C30.7051 22.2327 30.8361 22.6359 30.5987 22.8673L27.7402 25.6536C27.6459 25.7455 27.6029 25.8779 27.6252 26.0077L28.3 29.9421C28.356 30.2688 28.0131 30.518 27.7196 30.3638L24.1863 28.5062C24.0698 28.4449 23.9306 28.4449 23.814 28.5062L20.2807 30.3637C19.9873 30.518 19.6443 30.2688 19.7004 29.9421L20.3752 26.0077C20.3974 25.8779 20.3544 25.7455 20.2601 25.6536L17.4016 22.8673C17.1642 22.6359 17.2952 22.2327 17.6233 22.185L21.5737 21.611C21.7039 21.5921 21.8166 21.5102 21.8748 21.3922L23.6415 17.8126Z" fill="#F9F9F9"/>
+          <rect x="40" y="20" width="40" height="8" rx="4" fill="#757575"/>
+          </svg>
+        `},components:[{tag:"Button",settings:{iconVisible:!0,iconAlign:"left",iconSvg:'<svg height="20" width="20" data-name="star-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>'},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}},editorData:{cssPlaceholder:"button.{{rootClassName}} {\n\n}"}}}]}],rootOverride:{styles:{width:{desktop:"auto"},align:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;

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

@@ -0,0 +1,4 @@
+"use strict";const ButtonSettings=[{id:"setting",controls:[{id:"label",label:"Text",type:"input",default:"<p>Button</p>"},{id:"enableBtnLink",type:"toggle",default:!1},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"btnLink",type:"pick-link",pickLinkLabel:"Button link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"iconGroup",type:"group",label:"Icon",controls:[{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!1},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`
+              <svg height="20" width="20" data-name="star-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817759863701864">
+              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>
+            `},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{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:"left"}}},{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-3"}},compoDefaultValue:{attrs:{color:"text-3"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{normal:"text-3"},state:{hover:!0,normal:!0},enableGradient:!1},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"dimensions1",type:"group",label:"Icon Dimension",controls:[{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}}]}];exports.ButtonSettings=ButtonSettings;

package/dist/cjs/button/settings/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const Button={label:{id:"label"}};exports.Button=Button;

package/dist/cjs/button/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"control",label:{en:"Insert link"},layout:"vertical",setting:{id:"btnLink"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"group",condition:"hasBoxShadowBtn.normal == true",controls:[{type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"group",condition:"hasBoxShadowBtn.hover == true",controls:[{type:"control",setting:{id:"boxShadowBtn",state:"hover"},layout:"vertical"}]}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];exports.SettingUIV1=SettingUIV1;

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

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>Button</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:"Basic",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{controls:[{label:"Link",setting:{id:"enableBtnLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableBtnLink == true'},{type:"control",layout:"vertical",conditionDisplay:"enableBtnLink == true",setting:{id:"btnLink"}}]},{controls:[{label:"Align",conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.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/common/components/Loading.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const Loading=()=>jsxRuntime.jsxs("div",{className:"gp-loading-placeholder gp-relative gp-my-0.5 gp-h-3 gp-w-full gp-overflow-hidden",children:[jsxRuntime.jsx("div",{className:"gp-absolute gp-h-full gp-w-full gp-bg-gray-200"}),jsxRuntime.jsx("div",{className:"gp-absolute gp-h-full gp-bg-green-500 gp-animate-progress-bar"})]});exports.default=Loading;

package/dist/cjs/common/hooks/useInView.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var react=require("react");function useInView({triggerOnce:e,skip:r,addRootMargin:t=0,initialInView:n,onChange:i}={}){let c=react.useRef(),[o,u]=react.useState({inView:!!n}),s=react.useRef(),w=react.useCallback(n=>{if(void 0!==c.current&&(c.current(),c.current=void 0,s.current=void 0),r||!n)return;let w=()=>{s.current||(s.current=requestAnimationFrame(()=>{let r=n.getBoundingClientRect(),a=-t,d=(window.innerHeight||document.documentElement.clientHeight)+t,v=r.top<=a&&r.bottom>=a||r.top>=a&&r.bottom<=d||r.top<=d&&r.bottom>=d;v!==o.inView&&(u({inView:v}),i&&i(v,n),v&&e&&c.current&&(window.removeEventListener("scroll",w),window.removeEventListener("resize",w),s.current&&cancelAnimationFrame(s.current),c.current=void 0,s.current=void 0)),s.current=void 0}))};window.addEventListener("scroll",w),window.addEventListener("resize",w),w(),c.current=()=>{window.removeEventListener("scroll",w),window.removeEventListener("resize",w),s.current&&cancelAnimationFrame(s.current),s.current=void 0}},[r,t,o.inView,i,e]);react.useEffect(()=>{c.current||!o.entry||e||r||u({inView:!!n})},[o.entry,e,r,n]);let a=[w,o.inView,o.entry];return a.ref=a[0],a.inView=a[1],a.entry=a[2],a}exports.useInView=useInView;

package/dist/cjs/constant.js

@@ -0,0 +1 @@
+"use strict";const HREF_TO_SALES_PAGE="{{ page.metafields.sales_funnel.sales_page_url }}",TAGS_WITH_REPLACE_LINK_DATA=["IconListV2","Heading","Text"];exports.HREF_TO_SALES_PAGE="{{ page.metafields.sales_funnel.sales_page_url }}",exports.TAGS_WITH_REPLACE_LINK_DATA=TAGS_WITH_REPLACE_LINK_DATA;

package/dist/cjs/grid/components/ChildrenDroppable.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react");const ChildrenDroppable=({className:e,styles:r})=>{let{t}=core.useI18nStore(),[s,n]=react.useState(!1),[p,g]=react.useState(!1),l=react.useRef(null),i=core.useEditorMode();react.useEffect(()=>{let e=new ResizeObserver(()=>{let e=l.current?l.current?.offsetWidth:0;e<160?g(!0):g(!1)});return l.current&&e.observe(l.current),()=>{e?.disconnect()}},[]);let o=()=>{n(!0)},u=()=>{n(!1)},c=()=>{let e=`<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.83301 7.83331V3.83331H9.16634V7.83331H13.1663V9.16665H9.16634V13.1666H7.83301V9.16665H3.83301V7.83331H7.83301Z" fill="#9E9E9E"/>
+    </svg>
+    `;return s&&(e=`<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M8.95 4.45C8.95 4.20147 8.74853 4 8.5 4C8.25147 4 8.05 4.20147 8.05 4.45V8.05H4.45C4.20147 8.05 4 8.25147 4 8.5C4 8.74853 4.20147 8.95 4.45 8.95H8.05V12.55C8.05 12.7985 8.25147 13 8.5 13C8.74853 13 8.95 12.7985 8.95 12.55V8.95H12.55C12.7985 8.95 13 8.74853 13 8.5C13 8.25147 12.7985 8.05 12.55 8.05H8.95V4.45Z" fill="#212121"/>
+      </svg>`),e};return"edit"!==i?null:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[r&&jsxRuntime.jsx("style",{children:r}),jsxRuntime.jsx("div",{ref:l,"data-slot":"children",className:core.cls(e,"gp-flex gp-h-full gp-w-full gp-items-center gp-rounded-[3px] gp-border gp-border-dashed gp-border-[#9e9e9e] after:!gp-content-none",s?"gp-cursor-pointer":""),onMouseEnter:o,onMouseLeave:u,children:jsxRuntime.jsxs("div",{className:`gp-border-box gp-bg-gray gp-flex gp-max-h-8 gp-items-center gp-justify-center gp-gap-2 gp-overflow-hidden gp-whitespace-nowrap gp-rounded-lg gp-px-4 gp-py-2 gp-text-xs gp-font-medium
+          ${s?"gp-cursor-pointer gp-bg-[#E2E2E2] gp-text-[#212121]":"gp-text-[#9E9E9E]"}`,style:{flexFlow:"gp-row gp-wrap"},children:[jsxRuntime.jsx("div",{className:"gp-flex gp-h-4 gp-w-4 gp-items-center gp-justify-center",dangerouslySetInnerHTML:{__html:c()}}),!p&&jsxRuntime.jsx("div",{children:t("Drop element here")})]})})]})};exports.default=ChildrenDroppable;

package/dist/cjs/grid/components/col/Col.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../ChildrenDroppable.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js");const Column=e=>{let{builderAttrs:s,children:r}=e,t=core.usePageType(),l="POST_PURCHASE"===t,{colStyle:o}=styles.getStyles(e,l),{colClass:i}=classes.getClass(e),{colAttr:u}=attrs.getAttr(e);return jsxRuntime.jsx("div",{...s,...u,style:o,className:i,children:core.isEmptyChildren(r)?e.hiddenEmptyCol?null:jsxRuntime.jsx(ChildrenDroppable.default,{}):r})};exports.default=Column;

package/dist/cjs/grid/components/col/common/attrs.js

@@ -0,0 +1 @@
+"use strict";var system=require("@gem-sdk/system");const getAttr=t=>{let{setting:e}=t,s=system.createAttr({"data-same-height-display-contents":!!e?.allowSameHeight});return{colAttr:s}};exports.getAttr=getAttr;

package/dist/cjs/grid/components/col/common/classes.js

@@ -0,0 +1 @@
+"use strict";var system=require("@gem-sdk/system");const getClass=s=>{let{className:e,builderProps:l,styles:t,advanced:a}=s,r=system.createClass({...e&&{[e]:!0},...l?.uid&&{[l.uid]:!0},...a?.cssClass&&{[a?.cssClass]:!0},"gp-relative gp-flex gp-flex-col":!0,"gp-w-full":t?.fullWidth});return{colClass:r}};exports.getClass=getClass;

package/dist/cjs/grid/components/col/common/styles.js

@@ -0,0 +1 @@
+"use strict";var system=require("@gem-sdk/system"),core=require("@gem-sdk/core");const getStyles=(e,t)=>{let{styles:s,justifyContent:o,order:r,layout:i,parentTag:l,children:n}=e,c=core.getResponsiveValue(i,"display"),a={},p=["IconListItem","ThirdPartySlot"];for(let e of core.DEVICES)a[e]="fit"===core.getResponsiveValueByScreen(c,e)||i&&core.isColumnDirectionExist(i,e)||p.includes(l||"")?"none":s?.display?.[e];let y=()=>{let e=Object.fromEntries(Object.entries(s?.order??{}).map(([e,t])=>[e,String(t)])),o=r??e;return t?{desktop:o?.desktop,tablet:o?.desktop,mobile:o?.desktop}:o},m=system.createStyle({...core.makeStyleResponsive("cg",s?.gap),...core.makeStyleResponsive("rg",s?.gap),...core.makeStyleResponsive("ai",s?.alignItem),...core.makeStyleResponsive("jc",o??s?.justifyContent),...core.makeStyleResponsive("o",y()),...core.makeStyleResponsive("d",n?s?.display:a)});return{colStyle:m}};exports.getStyles=getStyles;

package/dist/cjs/grid/components/root/Root.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const Root=({children:e})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:e});exports.default=Root;

package/dist/cjs/grid/components/row/Row.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),Head=require("next/head"),ChildrenDroppable=require("../ChildrenDroppable.js"),system=require("@gem-sdk/system"),useRowSetting=require("../../hooks/useRowSetting.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),core=require("@gem-sdk/core");const Row=e=>{let{styles:s,setting:r,children:t}=e,{isSection:i,as:a="div"}=r??{},{background:l}=s??{},{builderAttrs:m,isRowEmpty:n,rowClassEditorOnly:o,isRenderPlaceholderViewBox:u,ref:c}=useRowSetting.useRowSettings(e),{rowStyle:d,sectionStyle:j}=styles.getRowStyle({rowProps:e,type:"React"}),{rowAttr:p}=attrs.getAttr(e),{rowClass:x,sectionClass:g}=classes.getClass(e),y=system.createClass({[x]:!0,[o]:!0}),R=react.Children.map(t,e=>!!core.isEmptyChildren(e)),h=jsxRuntime.jsx("div",{ref:c,...m,...p,style:d(),className:y,children:u?jsxRuntime.jsx(jsxRuntime.Fragment,{}):n?jsxRuntime.jsx(ChildrenDroppable.default,{}):react.Children.map(t,s=>react.isValidElement(s)?react.createElement(s.type,{hiddenEmptyCol:e.hiddenEmptyCol&&!core.isEmptyChildren(s)&&!R,...s.props,key:s.key,order:r?.order,layout:r?.layout,justifyContent:r?.verticalAlign}):null)});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!!s?.preloadBgImage&&jsxRuntime.jsxs(Head,{children:[!!l?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:l.desktop.image.src,as:"image"}),!!l?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:l.tablet.image.src,as:"image"}),!!l?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:l.mobile.image.src,as:"image"})]}),i?jsxRuntime.jsx(a,{className:g,style:j,children:h}):h]})};exports.default=Row;

package/dist/cjs/grid/components/row/common/attrs.js

@@ -0,0 +1 @@
+"use strict";var system=require("@gem-sdk/system");const getAttr=t=>{let{builderProps:e,setting:r,customAttrs:i}=t,s=system.createAttr({"data-id":e?.uidInteraction??e?.uid??"",id:e?.uid??"","data-same-height-subgrid-container":!!r?.sameHeightSubgridContainer,...i});return{rowAttr:s}};exports.getAttr=getAttr;

package/dist/cjs/grid/components/row/common/classes.js

@@ -0,0 +1 @@
+"use strict";var system=require("@gem-sdk/system");const getClass=s=>{let{builderProps:e,advanced:l,className:g}=s,a=system.createClass({"gp-background-video gp-absolute gp-overflow-hidden gp-w-full gp-h-full left-0 top-0 !gp-block":!0}),p=system.createClass({"gp-bg-video gp-relative gp-h-full":!0}),t=system.createClass({...g&&{[g]:!0},...e?.uid&&{[e.uid]:!0},"gp-relative gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full gp-grid-rows-[1fr]":!0,...l?.cssClass&&{[l?.cssClass]:!0}}),r=system.createClass({"gp-mx-auto gp-max-w-full [&_*]:gp-max-w-full":!0}),u=system.createClass({"gp-pb-[56.25%] gp-h-full gp-w-full !gp-max-w-none gp-background-article":!0}),o=system.createClass({"!gp-w-[500%] !gp-ml-[-200%] !gp-h-full !gp-max-w-none gp-scale-[104%]":!0});return{rowClass:t,backgroundBoxClass:a,backgroundBoxInnerClass:p,sectionClass:r,wrapperYoutubeClasses:u,iframeYoutubeClasses:o}};exports.getClass=getClass;

package/dist/cjs/grid/components/row/common/helpers.js

@@ -0,0 +1 @@
+"use strict";require("@gem-sdk/core"),require("@gem-sdk/system");const defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let a=e?.[d],i=t?.[d];a&&i&&(r[d]=reduceRadiusForState(a.width,i))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}exports.createStyleObject=createStyleObject,exports.getInnerRadiusExcludeBorder=getInnerRadiusExcludeBorder;

package/dist/cjs/grid/components/row/common/styles.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("./helpers.js");const getRowStyle=({rowProps:e,type:t="React",translatedBackground:r})=>{let{children:o,setting:s,builderProps:i,styles:l,style:n,advanced:a,isNotFullWidth:c,parentStyle:p}=e,{isSection:d,layout:y,horizontalAlign:m,responsive:u}=s??{},{width:g,background:v,verticalGutter:b,verticalGutterMobile:S,enablePagePadding:k,height:R}=l??{},h=helpers.getInnerRadiusExcludeBorder(a?.border,a?.rounded),f=(e,t)=>{let r=e?.normal,o=t?.normal;if(!r||!o||o?.borderType=="none"||"square"===r.radiusType||"none"===r.radiusType)return!1;for(let e in r)if(Object.hasOwn(r,e)&&"0px"!==r[e])return!0;return!1},B=core.makeStyleResponsive("of",{desktop:f(h.desktop,core.getValueByDevice(a?.border,"desktop"))?"hidden":void 0,tablet:f(h.tablet,core.getValueByDevice(a?.border,"tablet"))?"hidden":void 0,mobile:f(h.mobile,core.getValueByDevice(a?.border,"mobile"))?"hidden":void 0}),w=i?.builderData?.childrens?.length,x={...core.makeStyleResponsive("aspect",{desktop:"16/9"})},D=core.isEmptyChildren(o)||!w,q=helpers.createStyleObject(g),[j,L]=core.splitStyle(["pos","top","left","bottom","right","z"],n),O=()=>({...d?L:n,...core.makeStyleResponsive("cg",b),...core.makeStyleResponsive("rg",S),...y?core.composeGridLayout(y):core.makeStyleResponsive("gtc",u),...core.makeStyleResponsive("w",q.content),...core.makeStyleResponsive("h",R),...d?{}:B}),T=e=>{let o=v;return"Liquid"===t&&(o=r),{...core.getStyleBackgroundByDevice(o,e),...core.getGradientBgrStyleByDevice(o,{desktop:!0,tablet:!0,mobile:!0}),...core.makeStyleResponsive("pc",m)}},V=()=>{let e=c&&!D;return e?{marginLeft:"0px",marginRight:"0px"}:{}},C=()=>({...core.composeRadius(h)}),E=()=>system.createStyle({...O(),...T(),...V(),...s?.sameHeightSubgridContainer&&p}),G=system.createStyle({...C()}),z=system.createStyle({...x,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),H=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},I={desktop:H(k?.desktop),tablet:H(k?.tablet),mobile:H(k?.mobile)},Y=system.createStyle({...j,...core.makeStyleResponsive("w",q.wrapper),...core.makeStyleResponsive("pl",I),...core.makeStyleResponsive("pr",I)});return{embedVideoStyle:z,backgroundBoxStyle:G,rowStyle:E,sectionStyle:Y}};exports.getRowStyle=getRowStyle;

package/dist/cjs/grid/components/section/Section.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),Loading=require("../../../common/components/Loading.js"),Row=require("../row/Row.js");const Section=e=>{let t=react.useMemo(()=>{let{builderProps:t}=e;return t?.builderData?.name==="SectionLoading"},[e]);return t?jsxRuntime.jsx(Loading.default,{}):jsxRuntime.jsx(Row.default,{...e,setting:{...e.setting,as:"section",isSection:!0}})};exports.default=Section;

package/dist/cjs/grid/hooks/useRowSetting.js

@@ -0,0 +1 @@
+"use strict";var react=require("react"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system");require("react/jsx-runtime");var useInView=require("../../common/hooks/useInView.js");const useRowSettings=e=>{let{setting:t,styles:r,children:i,maxWidthWithEmptyChildren:s,builderAttrs:n}=e,{isSection:u,lazy:o,layout:c,blockAlignment:l}=t??{},{background:a}=r??{},d=core.useCurrentDevice(),g=core.useEditorMode(),m=core.usePageType(),h=core.getBgVideoByDevice(a,d),y=react.useRef(null),w=react.useMemo(()=>core.isEmptyChildren(i),[i]),p=e=>{y.current&&(clearTimeout(y.current),y.current=null);let t=e?.getBoundingClientRect().height;e.style.height=`${t||500}px`,e.style.overflow="hidden"},v=e=>{y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{e.style.height="",e.style.overflow="",y.current=null},1500)},[R,f]=useInView.useInView({initialInView:!o,triggerOnce:!0,skip:!u,onChange:(e,t)=>{t&&t instanceof HTMLElement&&"edit"===g&&(e?v(t):p(t))}}),C=react.useMemo(()=>!f&&"edit"==g&&"POST_PURCHASE"!==m,[f,g,m]),P=react.useMemo(()=>"edit"!==g&&o&&!f,[f,o,g]),S=()=>{let e=s&&w&&"edit"===g;if(!e)return{};let t=core.getResponsiveValue(c,"display"),r=t[d];return{width:"fit"===r?"fit-content":"400px"}},T=system.createClass({...S,"gp-content-visibility-hidden":P}),V=()=>({desktop:l,tablet:l,mobile:l});return{ref:R,isRowEmpty:w,bgVideo:h,rowClassEditorOnly:T,isRenderPlaceholderViewBox:C,builderAttrs:n,children:i,isPostPurchase:"POST_PURCHASE"===m,postPurchaseVerticalAlign:V}};exports.useRowSettings=useRowSettings;

package/dist/cjs/grid/index.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("react"),require("next/head"),require("@gem-sdk/core"),require("@gem-sdk/system");var Root$1=require("./settings/Root.js"),Section$1=require("./settings/Section.js"),Row$1=require("./settings/Row.js"),Col$1=require("./settings/Col.js");const gridSetting={Root:Root$1.default,Section:Section$1.default,Row:Row$1.default,Col:Col$1.default};exports.gridSetting=gridSetting;

package/dist/cjs/grid/next.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react");const Root=dynamic(()=>Promise.resolve().then(function(){return require("./components/root/Root.js")}),{loading:Loading.default}),Section=dynamic(()=>Promise.resolve().then(function(){return require("./components/section/Section.js")}),{loading:Loading.default}),Row=dynamic(()=>Promise.resolve().then(function(){return require("./components/row/Row.js")}),{loading:Loading.default}),Col=dynamic(()=>Promise.resolve().then(function(){return require("./components/col/Col.js")}),{loading:Loading.default});var grid={Row,Col,Section,Root};exports.default=grid;

package/dist/cjs/grid/settings/Col.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const config={tag:"Col",label:"Block",settings:[],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},placeholder:{notAppendBeforeAfter:!0},toolbar:{hide:!0,parent:!0},sideBar:{hide:!0,tab:{setting:{hide:!0}}}}};exports.default=config;

package/dist/cjs/grid/settings/Root.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const config={tag:"Root",label:"Root",settings:[],editorConfigs:{placeholder:{notAppendBeforeAfter:!0},sideBar:{hide:!0}}};exports.default=config;

package/dist/cjs/grid/settings/Row.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/row/ui-v2.js"),uiV1=require("./configs/row/ui-v1.js"),settings=require("./configs/row/settings.js"),presets=require("./configs/row/presets.js");const config={tag:"Row",label:"Row",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="M2.25 3.00391C1.83579 3.00391 1.5 3.33969 1.5 3.75391C1.5 4.16812 1.83579 4.50391 2.25 4.50391L21.7514 4.50391C22.1656 4.50391 22.5014 4.16812 22.5014 3.75391C22.5014 3.33969 22.1656 3.00391 21.7514 3.00391H2.25ZM2.25 19.4988C1.83579 19.4988 1.5 19.8346 1.5 20.2488C1.5 20.663 1.83579 20.9988 2.25 20.9988H9.67911C10.0933 20.9988 10.4291 20.663 10.4291 20.2488C10.4291 19.8346 10.0933 19.4988 9.67911 19.4988H2.25ZM1.5 9.25207C1.5 8.83786 1.83579 8.50207 2.25 8.50207L9.67911 8.50207C10.0933 8.50207 10.4291 8.83786 10.4291 9.25207C10.4291 9.66628 10.0933 10.0021 9.67911 10.0021L2.25 10.0021C1.83579 10.0021 1.5 9.66628 1.5 9.25207ZM2.25 14.0012C1.83579 14.0012 1.5 14.337 1.5 14.7512C1.5 15.1654 1.83579 15.5012 2.25 15.5012L9.67911 15.5012C10.0933 15.5012 10.4291 15.1654 10.4291 14.7512C10.4291 14.337 10.0933 14.0012 9.67911 14.0012L2.25 14.0012ZM13.5725 9.25207C13.5725 8.83786 13.9083 8.50207 14.3225 8.50207H21.7516C22.1658 8.50207 22.5016 8.83786 22.5016 9.25207C22.5016 9.66628 22.1658 10.0021 21.7516 10.0021H14.3225C13.9083 10.0021 13.5725 9.66628 13.5725 9.25207ZM14.3225 14.0012C13.9083 14.0012 13.5725 14.337 13.5725 14.7512C13.5725 15.1654 13.9083 15.5012 14.3225 15.5012H21.7516C22.1658 15.5012 22.5016 15.1654 22.5016 14.7512C22.5016 14.337 22.1658 14.0012 21.7516 14.0012H14.3225Z" fill="white"/>
+  </svg>
+  `,settings:settings.RowSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:presets.RowPreset,editorConfigs:{placeholder:{notAppendLeftRight:!0},slots:{children:!0},toolbar:{parent:!0}},rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:"16px"}}}},styles:{width:{desktop:"default"}}}};exports.default=config;

package/dist/cjs/grid/settings/Section.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Row=require("./Row.js"),settings=require("./configs/section/settings.js"),uiV1=require("./configs/section/ui-v1.js"),uiV2=require("./configs/section/ui-v2.js");const config={...Row.default,tag:"Section",label:"Section",settings:settings.SectionSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,init:[{tag:"Section",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{enablePagePadding:{desktop:!1,tablet:!1,mobile:!1}},advanced:{blockPadding:"base","spacing-setting":{desktop:{padding:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}}}},childrens:[{tag:"Col",childrens:[]}]}],advanced:{blockPadding:"base","spacing-setting":{desktop:{padding:{top:"30px",bottom:"30px"}},mobile:{padding:{top:"20px",bottom:"20px"}}}},editorConfigs:{sideBar:{hide:!0},toolbar:{parent:!0}}};exports.default=config;

package/dist/cjs/grid/settings/configs/row/presets.js

@@ -0,0 +1,23 @@
+"use strict";const RowPreset=[{id:"layout-1-col",name:"Row",icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="96" height="48" rx="4" fill="#5E5E5E"/>
+        </svg>
+      `},components:[{tag:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{padding:{top:"var(--g-s-l)",bottom:"var(--g-s-l)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},childrens:[{tag:"Col",childrens:[]}]}],flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]}]}]}},{id:"layout-2-col",name:"Row",icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="46" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="50" width="46" height="48" rx="3" fill="#5E5E5E"/>
+        </svg>
+      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},{id:"layout-3-col",name:"Row",icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="33.3335" width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="66.6665" width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
+        </svg>
+      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fill"},mobile:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},{id:"layout-4-col",name:"Row",icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="21" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="25" width="21" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="50" width="21" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="75" width="21" height="48" rx="3" fill="#5E5E5E"/>
+        </svg>
+      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[3,3,3,3],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[3,3,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]}];exports.RowPreset=RowPreset;

package/dist/cjs/grid/settings/configs/row/settings.js

@@ -0,0 +1 @@
+"use strict";const RowSettings=[{id:"setting",controls:[{id:"layout",type:"layout",devices:{desktop:{default:{cols:[12],display:"fill",gap:"8px"}}}},{id:"horizontalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align horizontal center",iconName:"gp-align-center"},{label:"End",value:"end",tooltip:"Align right",iconName:"gp-align-right"},{label:"Distribute",value:"space-between",tooltip:"Distribute horizontal spacing",iconName:"gp-align-space-between"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top",iconName:"gp-align-top"},{label:"Center",value:"center",tooltip:"Align vertical center",iconName:"gp-align-center-vertical"},{label:"End",value:"end",tooltip:"Align bottom",iconName:"gp-align-bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"inlineAlignment",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align center",iconName:"gp-align-center"},{label:"End",value:"end",tooltip:"Align end",iconName:"gp-align-right"}],default:"start"},{id:"blockAlignment",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top"},{label:"Center",value:"center",tooltip:"Align center"},{label:"End",value:"end",tooltip:"Align bottom"}],default:"start"}]},{id:"style",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,fallbackValueRule:"init-value",devices:{desktop:{default:"default"}},displayOptions:[{label:"Default",value:"default",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"height",type:"option:value",devices:{desktop:{default:"auto"}},options:[{label:"Full",value:"100%",tooltip:"Stretch to fill <br> vertical space"},{label:"Fit",value:"auto",tooltip:"Adjust size <br> based on content"}]},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,fallbackValue:0,ignoreMax:!0,devices:{desktop:{default:"16px"}}},{id:"verticalGutterMobile",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,devices:{desktop:{default:"0px"}}},{id:"columnGap",type:"input:slider",min:0,max:120,step:1,ignoreMax:!0,units:["%"],showDefaultUnit:!0,devices:{desktop:{default:"1%"}}},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,devices:{desktop:{default:void 0}},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:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0}}}},{id:"preloadBgImage",type:"toggle",label:"Preload",default:!1},{id:"border",type:"border-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}}}},{id:"rounded",type:"corner-v2",devices:{desktop:{default:{normal:void 0}}},compoDefaultValue:{desktop:{default:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}}},{id:"boxShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{}}}}}]}];exports.RowSettings=RowSettings;

package/dist/cjs/grid/settings/configs/row/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"group",label:{en:"Layout"},controls:[{type:"control",setting:{id:"layout"},layout:"vertical"},{type:"control",label:{en:"Column gap"},setting:{id:"columnGap"},condition:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"(layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)) && pageType != \"POST_PURCHASE\"",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"},condition:'pageType != "POST_PURCHASE"'},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",controls:[{type:"control",label:{en:"Horizontal"},setting:{id:"inlineAlignment"}}]},{type:"group",condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image" && pageType != "POST_PURCHASE"'}]}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/grid/settings/configs/row/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:"Gap",conditionDisplay:"layout?.cols.length > 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:"layout?.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Column spacing",controls:[{label:"Gap",setting:{id:"columnGap"},options:{fullWidth:!0},conditionDisplay:'pageType == "POST_PURCHASE" && !!layout?.cols && layout?.cols.length > 1',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:"Size",options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:"Width"},{setting:{id:"height"},label:"Height"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Align column",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"((!!layout?.cols && layout?.cols.length > 1) || (!!layout?.cols && layout?.cols.length == 1 && height == '100%')) && pageType != \"POST_PURCHASE\""},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill' && pageType != \"POST_PURCHASE\"",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]},{controls:[{label:"Align",setting:{id:"inlineAlignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionDisplay:"pageType == \"POST_PURCHASE\" && layout.display !== 'fill'",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))'}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/grid/settings/configs/section/settings.js

@@ -0,0 +1 @@
+"use strict";const SectionSettings=[{id:"setting",controls:[{id:"layout",type:"layout",devices:{desktop:{default:{cols:[12],display:"fill",gap:"8px"}}}},{id:"horizontalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align horizontal center",iconName:"gp-align-center"},{label:"End",value:"end",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top",iconName:"gp-align-top"},{label:"Center",value:"center",tooltip:"Align vertical center",iconName:"gp-align-center-vertical"},{label:"End",value:"end",tooltip:"Align bottom",iconName:"gp-align-bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"inlineAlignment",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-justify-content-top"},{label:"Center",value:"center",iconName:"gp-justify-content-center"},{label:"End",value:"end",iconName:"gp-justify-content-bottom"}],default:"start"},{id:"blockAlignment",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-justify-content-top"},{label:"Center",value:"center",iconName:"gp-justify-content-center"},{label:"End",value:"end",iconName:"gp-justify-content-bottom"}],default:"start"},{id:"optimize",type:"group",label:"Optimize (Experimental)",controls:[{id:"lazy",type:"toggle",label:"Lazyload",default:!1}]}]},{id:"style",controls:[{id:"enablePagePadding",label:"Page padding",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,devices:{desktop:{default:"16px"}}},{id:"verticalGutterMobile",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,devices:{desktop:{default:"0px"}}},{id:"columnGap",type:"input:slider",min:0,max:120,step:1,ignoreMax:!0,units:["%"],showDefaultUnit:!0,devices:{desktop:{default:"0%"}}},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!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:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!1}}}},{id:"preloadBgImage",type:"toggle",label:"Preload",default:!1}]}];exports.SectionSettings=SectionSettings;

package/dist/cjs/grid/settings/configs/section/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"control",label:{en:"Layout"},setting:{id:"layout"},layout:"vertical"},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"},condition:'pageType != "POST_PURCHASE"'},{condition:'fullWidth === false || pageType == "POST_PURCHASE"',type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:"!!layout.cols && layout.cols.length > 1"}]},{type:"group",label:{en:"Align"},condition:"layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Vertical"},setting:{id:"blockAlignment"},condition:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image"'}]}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/grid/settings/configs/section/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Column spacing",conditionDisplay:"childrens > 1",controls:[{setting:{id:"verticalGutter"},label:"Gap",conditionDisplay:'layout?.cols.length > 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:'layout?.cols.length === 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{label:"Column gap",setting:{id:"columnGap"},conditionDisplay:'pageType == "POST_PURCHASE"',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:"Size",controls:[{id:"Width",setting:{id:"width"},label:"Width",layout:"horizontal",conditionDisplay:'pageType !== "POST_PURCHASE"'},{label:"Width",layout:"horizontal",controlConfig:{id:"width-post-purchase",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,linkWithSetting:{name:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},conditionDisplay:'pageType === "POST_PURCHASE"'},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}},tablet:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},conditionDisplay:'pageType !== "POST_PURCHASE"'},{setting:{id:"enablePagePadding"},label:"Page padding",help:{content:"Page padding controls the <br> space between the browser <br> edge and sections. Adjust it in <br> Global Style > Page Padding."},conditionDisplay:'pageType !== "POST_PURCHASE"'}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},controlConfig:{id:"boxShadow",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Align",conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout?.display !== 'fill' || (!!layout?.cols && layout?.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout?.cols && layout?.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/helpers.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),Link=require("./link/components/Link.js");const REGEX_PAGE_TYPE=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),isShopifyDomain=(e,t)=>{let r=new RegExp(/^https?:\/\//i);return e&&!r.test(t)&&REGEX_PAGE_TYPE.test(t)},getLinkArticle=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",isTransparentColor=e=>!!e&&(e.startsWith("#")?isHexTransparent(e):e.startsWith("rgb")?isTransparentRGBA(e):"transparent"==e),isTransparentRGBA=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},isHexTransparent=e=>{let t=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(t=!0);let i=parseInt(r,16),o=t?255&i:void 0;return 0===o||!!o},youtubeShortsRegex=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,createTranslateKey=(e,t)=>`g${e}_${t}`,createSettingId=({id:e,index:t,suffix:r})=>e?"number"==typeof t&&t>=0?`${e}_${t}`:r?`${e}_${r}`:e:"",getDynamicSourceLocales=({val:e,uid:t,settingId:r,isLiquid:i,pageContext:o,isCapitalize:n,defaultVal:l="",isReplaceLocationOrigin:a,isReplaceMaxSize:s,isReplaceInventoryQuantity:c})=>{let p=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(e?.toString()??""),g=o?.isTranslateWithLocale?1e3:5e3;if(!r||!e?.toString().trim()||e.toString().length>g||p||o?.isPreviewing)return e??l;let u=createTranslateKey(t,r),f=`section.settings.${u}`;return(o?.isTranslateWithLocale&&(f=`'sections.${o.sectionName}.${u}_html' | t`),a&&(f+=" | replace: '$locationOrigin', locationOrigin"),s&&(f+=" | replace: '$max_size', '10MB'"),c&&(f+=" | replace: '<$quantity$>', inventory_quantity | replace: '&lt;$quantity$&gt;', inventory_quantity"),n&&(f=`${f} | downcase`),i)?f:`{{ ${f} }}`},getStaticLocale=(e,t)=>`{{ 'gempages.${e}.${t}' | t }}`,getSettingPreloadData=(e,t)=>`{% if section.settings.section_preload == "false" %}${e} ${t?`{% else %}${t}`:""}{% endif %}`,getHttpUrl=e=>e?e.match(/^https?:\/\//i)?e:`http://${e}`:"";function normalizeMailto(e){if(e.startsWith("mailto:")){let[t,r]=e.split("?");if(r){let i=r.replace(/\+/g,"%20");e=`${t}?${i}`}}return e}const getInsertLinkData=(e,t,r)=>{let i=["#","mailto:","tel:"],o=["product.url"],n=t?.link!==void 0&&""!==t.link,l=t?.link??"",a="/"===l,s=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),c=n&&s.test(l);c&&(l=getHttpUrl(l)),n&&l.toLowerCase().startsWith("mailto:")&&l.includes("+")&&(l=normalizeMailto(l));let p=()=>!!(i.find(e=>l.startsWith(e))||o.find(e=>l.includes(e))),g=c||isShopifyDomain(n,l)||p()||a||isLinkedToSalesPage(t?.type);(isShopifyDomain(n,l)||a)&&(l=t?.isTranslate?"$locationOrigin"+l:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+l);let u=g?t?.isLiquid?"a":Link.default:e,f={href:l,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},d=g?f:n?{...f,type:r}:{type:r};return{Wrap:u,urlData:d,shouldRenderLink:g}},isLinkedToSalesPage=e=>"go-to-sales-page"===e,checkIsScrollToTop=e=>e?.type==="scroll-to"&&e?.link==="#scroll-to-top",checkIsOpenPopup=e=>e?.type==="open-popup"&&e?.link?.startsWith("#el-"),getLinkData=({setting:e,htmlType:t,defaultWrap:r,isLiquid:i=!1,enableImageLink:o=!1})=>{let n=["product.url"],l=["#","mailto:","tel:"],a=e?.link??"",s="/"===a,c=e?.link!==void 0&&""!==e.link,p=new RegExp(/^https?:\/\//i),g=c&&p.test(a);c&&a.toLowerCase().startsWith("mailto:")&&a.includes("+")&&(a=normalizeMailto(a));let u=()=>!!(n.find(e=>a.includes(e))||l.find(e=>a.startsWith(e))),f=o&&(g||isShopifyDomain(c,a)||u()||s||isLinkedToSalesPage(e?.type)),d=a;i&&(isShopifyDomain(c,a)||s)&&(d=e?.isTranslate?"$locationOrigin"+a:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+a);let h=f?i?"a":Link.default:r,m={href:d,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},y=f?m:c?{...m,type:t}:{type:t};return{Wrapper:h,urlData:y,shouldRenderLink:f}},replaceLinkData=(e,t)=>{let r=/<a\s[^>]*>.*?<\/a>/;if(e&&r.test(e)){let r;let i=/<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi,o=e.toString();for(;null!==(r=i.exec(o));){let e=r[1],{urlData:i}=getInsertLinkData("",{link:e,isTranslate:t});o=o.replace(r[0],r[0].replace(/(href=['"])([^'"]*)(['"])/i,`$1${i.href}$3`))}return o}return e};function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}function filterTruthyObject(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getDisplayStyle=(e,t)=>{let r={};return core.DEVICES.forEach(i=>{r={...r,[`--d${"desktop"===i?"":`-${i}`}`]:`${e(i)?"none":t}`}}),r},convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let r="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(r))?t:Number(r)},getAllHrefFromString=e=>{let t;if(!e)return[];let r=/href="([^"]*)"/g,i=[];for(;null!==(t=r.exec(e));)t[1]&&i.push(t[1]);return i},replaceAllHrefFromString=(e,t)=>{let r;if(!e)return"";let i=/href="([^"]*)"/g,o=0;for(;null!==(r=i.exec(e));)r[1]&&(e=e.replace(r[1],t[o]??""),o++);return e};function isEmptyObject(e){return 0===Object.keys(e).length&&"object"==typeof e}const handleClickLink=(e,t)=>{if("edit"!==t){if(checkIsScrollToTop(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(checkIsOpenPopup(e)){let t=e?.link?.replace("#el-","#");core.globalEvent.dispatch("onOpenDialog",{popupUId:t});return}e?.link?.startsWith("#")&&core.globalEvent.dispatch("onOpenDialog",{popupUId:e?.link})}},getBackgroundTranslated=({background:e,enableTranslate:t,uid:r,pageContext:i,isTranslateVideo:o=!0})=>{if(!e)return{};if(!t||!r||i?.isPreviewing)return e;let n=core.cloneDeep(e);for(let e in n){let t=n[e];if(t){if(t.image?.src){let o=getDynamicSourceLocales({val:t.image.src,uid:r,settingId:createSettingId({id:"background",suffix:`${e}_image_src`}),pageContext:i});t.image.src=String(o)}if(o){if("youtube"===t.videoType&&t.video){let o=getDynamicSourceLocales({val:t.video,uid:r,settingId:createSettingId({id:"background",suffix:`${e}_video`}),pageContext:i});t.video=String(o)}if("html5"===t.videoType&&t.videoHtml5){let o=getDynamicSourceLocales({val:t.videoHtml5,uid:r,settingId:createSettingId({id:"background",suffix:`${e}_videoHtml5`}),pageContext:i});t.videoHtml5=String(o)}}}}return n},extractProductID=e=>e.replace("gid://shopify/Product/","");exports.REGEX_PAGE_TYPE=REGEX_PAGE_TYPE,exports.checkIsOpenPopup=checkIsOpenPopup,exports.checkIsScrollToTop=checkIsScrollToTop,exports.convertUnitToNumber=convertUnitToNumber,exports.createSettingId=createSettingId,exports.createTranslateKey=createTranslateKey,exports.extractProductID=extractProductID,exports.filterTruthyObject=filterTruthyObject,exports.filterTruthyStyles=filterTruthyStyles,exports.getAllHrefFromString=getAllHrefFromString,exports.getBackgroundTranslated=getBackgroundTranslated,exports.getDisplayStyle=getDisplayStyle,exports.getDynamicSourceLocales=getDynamicSourceLocales,exports.getInsertLinkData=getInsertLinkData,exports.getLinkArticle=getLinkArticle,exports.getLinkData=getLinkData,exports.getSettingPreloadData=getSettingPreloadData,exports.getStaticLocale=getStaticLocale,exports.handleClickLink=handleClickLink,exports.isEmptyObject=isEmptyObject,exports.isHexTransparent=isHexTransparent,exports.isLinkedToSalesPage=isLinkedToSalesPage,exports.isShopifyDomain=isShopifyDomain,exports.isTransparentColor=isTransparentColor,exports.isTransparentRGBA=isTransparentRGBA,exports.normalizeMailto=normalizeMailto,exports.replaceAllHrefFromString=replaceAllHrefFromString,exports.replaceLinkData=replaceLinkData,exports.youtubeShortsRegex=youtubeShortsRegex;

package/dist/cjs/ignoreHashClasses.js

@@ -0,0 +1,66 @@
+'use strict';
+
+const ignoreHashClasses = [
+  'lazy',
+  'gem-slider',
+  'gem-slider-item',
+  'gp-carousel-action-next',
+  'gp-carousel-action-back',
+  'gp-carousel-dot-container',
+  'gp-carousel-dot',
+  'gp-carousel-dot--active',
+  'gp-lite-youtube-embed-article',
+  'gp-lite-youtube-embed-button',
+  'gp-lite-vimeo-embed-article',
+  'gp-lite-vimeo-embed-button',
+  'p-description-wrapper',
+  'image-item',
+  'featured-image-wrapper',
+  'grid-gallery',
+  'carousel-gallery',
+  'featured-image-root',
+  'featured-image',
+  'zoom-element',
+  'zoom-lens-element',
+  'featured-image-only',
+  'hidden',
+  'outline-black',
+  'outline',
+  'grid',
+  'overlay',
+  'gp-accordion-item',
+  'gp-accordion-item_icon',
+  'gp-accordion-item_body',
+  'rotate-90',
+  '-rotate-90',
+  'block',
+  'gp-navs-tab',
+  'gp-tab-item-container',
+  'gp-tab-item',
+  'image-zoom',
+  'p-description-show-more',
+  'gp-minus',
+  'gp-plus',
+  'option-value-wrapper',
+  'option-value',
+  'option-item-active',
+  'opacity-20',
+  'gp-carousel-wrapper',
+  'option-radio',
+  '!cursor-not-allowed',
+  'modal-wrapper',
+  'gallery-wrapper',
+  'pb-[calc',
+  'image-carousel-wrapper',
+  'gem-marquee-item',
+  'gem-child-marquee-item',
+  'gem-marquee',
+  'gp-shopify-image',
+  'rfm-marquee-container',
+  'rfm-overlay',
+  'rfm-marquee',
+  'rfm-initial-child-container',
+  'rfm-child'
+];
+
+module.exports = ignoreHashClasses;

package/dist/cjs/image/common/attrs.js

@@ -0,0 +1 @@
+"use strict";var constant=require("../../constant.js"),helpers=require("./helpers.js"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),constants=require("../constants.js");const getContainerAttrs=(e,t)=>({...e,...t&&{"data-id":t}}),getLinkWrapperAttrs=({urlData:e,imageLink:t,title:r,isLiquid:s=!1})=>{let a=s?{...e,...t?.noFollow&&{rel:"nofollow"},title:r}:{setting:e,title:r};return t?.type!=="go-to-sales-page"?t?.link?a:{}:s?{href:constant.HREF_TO_SALES_PAGE,target:"_self"}:{setting:{href:constant.HREF_TO_SALES_PAGE,target:"_self"}}},getAdaptiveImageAttrs=({styles:e,setting:t,mode:r,isLiquid:s})=>{let{alt:a,srcSet:p,priority:l,qualityPercent:g,qualityType:i,title:n}=t??{},o=helpers.getAspectRatio({styles:e,setting:t}),A=()=>{helpers$1.handleClickLink(t?.imageLink,r)},c=p?.desktop?.backupFileKey?helpers.getNewBackupFileKey(p?.desktop?.backupFileKey??"",p?.desktop?.src??""):"",h=s?helpers.getImageSrc({src:p?.desktop?.src,backupFileKey:c,backupFilePath:p?.desktop?.backupFilePath,storage:p?.desktop?.storage}):p?.desktop?.src??"",_=l?{}:{"base-src":h??"","quality-type":helpers.safeStringify(i),"quality-percent":helpers.safeStringify(g)};return{pictureClass:"gp-contents",...a&&{alt:a},...n&&{title:n},...p&&{srcSet:p},...l&&constants.PRIORITY_LOAD_ATTRS,..._,...e?.objectFit&&{layout:e.objectFit},onClick:A,aspectRatio:o}},getNextImageAttrs=({styles:e,setting:t})=>{let{objectFit:r}=e??{},{vw:s,alt:a,title:p,quality:l,priority:g,isNotLazyload:i,qualityType:n,qualityPercent:o}=t??{},A=helpers.getAspectRatio({styles:e,setting:t});return{...t?.image,...s&&{vw:s},...a&&{alt:a},...p&&{title:p},...l&&{quality:l},...g&&{priority:g},isNotLazyload:i,setting:{aspectRatio:A,layout:r,qualityType:n,qualityPercent:o}}},getNextImageReactAttrs=e=>{let{width:t=helpers.NEXT_IMAGE_CONFIG.DEFAULT_WIDTH_PROPS,height:r=helpers.NEXT_IMAGE_CONFIG.DEFAULT_HEIGHT_PROPS,quality:s,priority:a,isNotLazyload:p,enableLazyLoadImage:l,base64:g=helpers.IMAGE_PLACEHOLDER,alt:i=helpers.NEXT_IMAGE_CONFIG.DEFAULT_ALT,title:n,src:o=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC}=e,A=!p&&l&&!a,c=()=>{let e={loading:"lazy",placeholder:"blur",...g&&{blurDataURL:g}},t={loading:"eager",fetchpriority:"high"};return{...A?e:t}},h=()=>({src:o,alt:i,title:n,width:t,height:r,quality:s}),_=h(),u=system.createAttr(c());return{..._,...u}};exports.getAdaptiveImageAttrs=getAdaptiveImageAttrs,exports.getContainerAttrs=getContainerAttrs,exports.getLinkWrapperAttrs=getLinkWrapperAttrs,exports.getNextImageAttrs=getNextImageAttrs,exports.getNextImageReactAttrs=getNextImageReactAttrs;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getContainerClasses=(e,s,a)=>{let t=core.getFlexGrowClassByShapeGlobalSize(a);return{"gp-group/image gp-relative":!0,[`force-publish-${new Date().getTime()}`]:!0,...t,...e&&{[e]:!0},...s&&{[s]:!0}}},getWrapperClasses=()=>({"gp-h-full gp-w-full gp-flex pointer-events-auto":!0}),getImageClasses=(e,s)=>{let a=core.handleConvertClassColor(s?.borderImg);return{...e&&{[e]:!0},...a&&{[a]:!0},"gp-inline-block gp-w-full gp-max-w-full":!0}},getNextImageClasses=({className:e,hasLazyLoad:s,isOptimizePlan:a=!1})=>({...e&&{[e]:!0},gp_lazyload:s,gp_force_load:a}),getAdaptiveImageClasses=({className:e,hasLazyLoad:s=!1,hasForceLoad:a=!1})=>({...e&&{[e]:!0},gp_lazyload:s,gp_force_load:a});exports.getAdaptiveImageClasses=getAdaptiveImageClasses,exports.getContainerClasses=getContainerClasses,exports.getImageClasses=getImageClasses,exports.getNextImageClasses=getNextImageClasses,exports.getWrapperClasses=getWrapperClasses;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");require("react/jsx-runtime"),require("react"),require("next/link");const overwriteDefaultRadius=e=>{let t={...e},a=!0;return t&&Object.keys(t??{}).forEach(e=>{if("bblr"===e||"bbrr"===e||"btlr"===e||"btrr"===e){let i=t[e]??{};"0px"!==i&&(a=!1)}}),a?core.getCornerCSSFromGlobal(t):{}},getAspectRatio=({styles:e,setting:t})=>{let{srcSet:a,image:i}=t??{},{customAspectRadio:o,shape:A}=e??{},r={desktop:composeAspectRatio({device:"desktop",aspect:e?.aspectRatio,auto:t?.isAdaptive?a?.desktop:i,custom:o}),tablet:composeAspectRatio({device:"tablet",aspect:e?.aspectRatio,auto:t?.isAdaptive?a?.tablet:i,custom:o}),mobile:composeAspectRatio({device:"mobile",aspect:e?.aspectRatio,auto:t?.isAdaptive?a?.mobile:i,custom:o})};return A?core.getAspectRatioGlobalSize(A):r},composeAspectRatio=({device:e,aspect:t,custom:a,auto:i})=>{let o=t?.[e];return"auto"===o?i?.height?`${i.width}/${i.height}`:void 0:"custom"===o?a?.[e]?.height?`${a?.[e]?.width}/${a?.[e]?.height}`:void 0:o},getResponsiveObjectFit=({layout:e,isDisableObjectFit:t})=>t?{}:core.makeStyleResponsive("objf",e),getAspectRatioNextImage=({isDisableAspectStyle:e,aspectRatio:t,objectFits:a,width:i,height:o})=>{if(e)return{};let A={};return core.DEVICES.forEach(e=>{let r=`--objf${"desktop"!==e?`-${e}`:""}`,s=a?.[r]||a?.["--objf"];if(t?.[e]==="auto"&&"contain"===s){A[e]="auto";return}A[e]=t?.[e]!=="auto"&&t?.[e]?t[e]:`${i}/${o}`}),A},safeStringify=e=>JSON.stringify(e||{}).replace(/"/g,"""),IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",FALLBACK_IMAGE="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",NEXT_IMAGE_CONFIG={DEFAULT_SIZES:"100vw",DEFAULT_ALT:"Alt image",DEFAULT_SRC:"https://cdn.shopify.com/s/files/1/2005/9307/files/placeholder-1.png?v=1751355990",DEFAULT_WIDTH_PROPS:800,DEFAULT_HEIGHT_PROPS:533},getAdaptiveImageData=e=>{let{srcSet:t,fallbackImg:a}=e,i=e=>{let{isLiquid:i}=e??{},o=getImageSrc(t?.desktop,"desktop",!i)||a||FALLBACK_IMAGE,A=getImageSrc(t?.tablet,"tablet",!i)||getImageSrc(t?.desktop,"tablet",!i)||a||FALLBACK_IMAGE,r=getImageSrc(t?.mobile,"mobile",!i)||getImageSrc(t?.tablet,"mobile",!i)||getImageSrc(t?.desktop,"mobile",!i)||a||FALLBACK_IMAGE;return{srcTablet:A,srcMobile:r,srcDesktop:o}};return{getDeviceSource:i}},getImageSrc=(e,t,a)=>{if(e?.metafieldDefinitionKey)return getImageMetafieldDefinitionKey(e?.metafieldDefinitionKey);let i=e?.backupFilePath??e?.src??"";if(a)i=e?.src||"";else{let t=e?.src??"";if(core.hasTranslatedLiquid(t))return t;if(e?.backupFileKey){let t=getNewBackupFileKey(e.backupFileKey,e?.src??"");"THEME"!==e.storage&&e.storage?"FILE_CONTENT"===e.storage&&(i=`{{ "${replaceBackupFileKeyFileContent(t)}" | file_url }}`):i=`{{ "${t}" | asset_url }}`}}if(t&&i?.includes("cdn.shopify"))switch(t){case"tablet":i=i?.replace(regexReplaceEndDot,"_1024x.");break;case"mobile":i=i?.replace(regexReplaceEndDot,"_768x.")}return i},getImageMetafieldDefinitionKey=e=>`{{${e} | file_url}}`,regexReplaceEndDot=/\.(?=[^.]*$)/,replaceBackupFileKeyFileContent=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),getNewBackupFileKey=(e,t)=>{let a=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return a&&a!=e?a:e};exports.FALLBACK_IMAGE=FALLBACK_IMAGE,exports.IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",exports.NEXT_IMAGE_CONFIG=NEXT_IMAGE_CONFIG,exports.composeAspectRatio=composeAspectRatio,exports.getAdaptiveImageData=getAdaptiveImageData,exports.getAspectRatio=getAspectRatio,exports.getAspectRatioNextImage=getAspectRatioNextImage,exports.getImageSrc=getImageSrc,exports.getNewBackupFileKey=getNewBackupFileKey,exports.getResponsiveObjectFit=getResponsiveObjectFit,exports.overwriteDefaultRadius=overwriteDefaultRadius,exports.regexReplaceEndDot=regexReplaceEndDot,exports.replaceBackupFileKeyFileContent=replaceBackupFileKeyFileContent,exports.safeStringify=safeStringify;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");const getContainerStyles=(e,t)=>({...e,...core.makeStyleResponsive("ta",t?.align)}),getWrapperStyles=e=>({"border-radius":"inherit",...core.makeStyleResponsive("jc",e?.align)}),getImageStyles=(e,t)=>{let{wrapperBorder:s,borderRadius:r}=e??{};return{...getImageWidth(e),...getImageHeight(e),...core.getBorderStyle(s),...core.getBorderRadiusStyle(r),...helpers.overwriteDefaultRadius(t?.builderData?.advanced?.rounded),...core.getStyleShadow({value:e?.shadow,styleAppliedFor:"box-shadow",isEnableShadow:e?.shadow?.enable&&e?.shadow?.type!=="none"})}},getNextImageStyles=({width:e,height:t,setting:s,isDisableObjectFit:r,isDisableAspectStyle:a})=>{let{layout:i,aspectRatio:l}=s??{},o=helpers.getResponsiveObjectFit({layout:i,isDisableObjectFit:r}),g=helpers.getAspectRatioNextImage({isDisableAspectStyle:a,objectFits:o,aspectRatio:l,width:e,height:t});return{...core.makeStyleResponsive("aspect",g),...o}},getAdaptiveImageStyles=({layout:e,aspectRatio:t,borderRadius:s})=>{let r=helpers.getResponsiveObjectFit({layout:e,isDisableObjectFit:!1});return{...core.makeStyleResponsiveState("radius",s),...core.makeStyleResponsive("aspect",t),...r}},getAdaptivePictureStyles=()=>({"border-radius":"inherit"}),getImageWidth=e=>{let t=e?.shape?core.makeStyleResponsive("w",core.getWidthByShapeGlobalSize(e.shape)):core.makeStyleResponsive("w",core.makeWidth(e?.width,e?.fullWidth));return t},getImageHeight=e=>core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(e?.shape));exports.getAdaptiveImageStyles=getAdaptiveImageStyles,exports.getAdaptivePictureStyles=getAdaptivePictureStyles,exports.getContainerStyles=getContainerStyles,exports.getImageStyles=getImageStyles,exports.getNextImageStyles=getNextImageStyles,exports.getWrapperStyles=getWrapperStyles;

package/dist/cjs/image/components/AdaptiveImage.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),helpers=require("../common/helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js");const AdaptiveImage=e=>{let{alt:s,style:t,srcSet:a,layout:r,priority:m,className:l,aspectRatio:i,borderRadius:c,pictureClass:u,enableLazyLoadImage:d,...n}=e,{getDeviceSource:p}=helpers.getAdaptiveImageData(e),{srcTablet:x,srcMobile:j}=p(),o=system.createAttr({loading:m?"eager":"lazy",src:a?.desktop?.src||helpers.FALLBACK_IMAGE}),y=system.createStyleReact({...styles.getAdaptivePictureStyles()}),g=system.createStyle({...styles.getAdaptiveImageStyles({layout:r,aspectRatio:i,borderRadius:c}),...t}),A=system.createClass({...classes.getAdaptiveImageClasses({className:l,hasLazyLoad:!m&&d})}),h=()=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[j&&jsxRuntime.jsx("source",{media:"(max-width: 767px)",srcSet:d?helpers.IMAGE_PLACEHOLDER:j}),x&&jsxRuntime.jsx("source",{media:"(max-width: 1024px)",srcSet:d?helpers.IMAGE_PLACEHOLDER:x})]}),R=()=>jsxRuntime.jsx("img",{...n,...o,alt:s,width:"100%",style:g,className:A,draggable:"false"});return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("picture",{style:y,className:u,children:[h(),R()]})})};AdaptiveImage.defaultProps={layout:{desktop:"cover"}},exports.default=AdaptiveImage;

package/dist/cjs/image/components/Image.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),AdaptiveImage=require("./AdaptiveImage.js"),NextImage=require("./NextImage.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../../helpers.js");const Image=({style:e,styles:s,setting:t,children:a,advanced:r,className:l,builderAttrs:m,builderProps:i,onLoad:c,onClick:y})=>{let{imageLink:n,isAdaptive:g,enableImageLink:u}=t??{},o=core.useEditorMode(),{Wrapper:d,urlData:p}=helpers.getLinkData({defaultWrap:"div",setting:n,enableImageLink:u}),j=system.createStyleReact(styles.getWrapperStyles(s)),x=system.createStyle(styles.getImageStyles(s,i)),I=system.createStyle(styles.getContainerStyles(e,s)),C=system.createClass(classes.getWrapperClasses()),q=system.createClass(classes.getImageClasses(l,s)),A=system.createClass(classes.getContainerClasses(i?.uid,r?.cssClass,s?.shape)),v=system.createAttr(attrs.getContainerAttrs(m,i?.uid)),N=attrs.getLinkWrapperAttrs({urlData:p,imageLink:n,title:t?.title}),f=attrs.getAdaptiveImageAttrs({styles:s,setting:t,mode:o}),h=attrs.getNextImageAttrs({styles:s,setting:t}),R=()=>system.If(g,jsxRuntime.jsx(AdaptiveImage.default,{...f,style:x,className:q}),jsxRuntime.jsx(NextImage.default,{...h,style:x,className:q,onLoad:c}));return jsxRuntime.jsxs("div",{role:"presentation",...v,style:I,className:A,onClick:y,children:[jsxRuntime.jsx(d,{...N,style:j,className:C,children:R()}),a]})};exports.default=Image;

package/dist/cjs/image/components/NextImage.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Image=require("next/image"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),attrs=require("../common/attrs.js");const NextImage=e=>{let{style:s,imgRef:t,setting:r,priority:a,className:m,width:l,height:c,isNotLazyload:i,isDisableAspectStyle:u,enableLazyLoadImage:g=!0}=e,x=!i&&g&&!a,o=system.createStyle({...s,...styles.getNextImageStyles({width:l,height:c,setting:r,isDisableAspectStyle:u,isDisableObjectFit:!1})}),y=system.createClass({...classes.getNextImageClasses({className:m,hasLazyLoad:x})}),n=attrs.getNextImageReactAttrs(e);return jsxRuntime.jsx(Image,{ref:t,...n,style:o,className:y})};exports.default=NextImage;

package/dist/cjs/image/constants.js

@@ -0,0 +1 @@
+"use strict";const PRIORITY_LOAD_ATTRS={loading:"eager",fetchpriority:"high",priority:!0};exports.PRIORITY_LOAD_ATTRS=PRIORITY_LOAD_ATTRS;