@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/cjs/cart/settings/ShopPayButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const config={tag:"ShopPayButton",label:"Shop Pay Button",icon:'<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.2219 24.8484C26.2219 24.1212 25.7241 23.6363 24.9775 23.6363C24.2308 23.6363 23.733 24.1212 23.733 24.8484C23.733 25.5757 24.2308 26.0606 24.9775 26.0606C25.7241 26.0606 26.2219 25.5757 26.2219 24.8484ZM16.2663 24.8484C16.2663 24.1212 15.7686 23.6363 15.0219 23.6363C14.2752 23.6363 13.7775 24.1212 13.7775 24.8484C13.7775 25.5757 14.2752 26.0606 15.0219 26.0606C15.7686 26.0606 16.2663 25.5757 16.2663 24.8484ZM14.0263 13.9394H25.8486L24.6041 18.7878H15.1463C14.8975 17.6969 14.3997 15.8787 14.0263 13.9394ZM28.9239 12.1394C29.0051 11.8231 28.7662 11.5151 28.4396 11.5151H13.4041C12.9063 9.33329 12.533 7.63632 12.533 7.63632L12.3805 7.04232C12.3238 6.82122 12.1245 6.66663 11.8962 6.66663H9.29967C9.02353 6.66663 8.79967 6.89048 8.79967 7.16663V8.59087C8.79967 8.86701 9.02353 9.09087 9.29967 9.09087H10.293C10.9152 11.8787 12.9063 20.2424 12.9063 20.2424L13.0588 20.8364C13.1156 21.0575 13.3148 21.2121 13.5431 21.2121H26.2074C26.4356 21.2121 26.6349 21.0575 26.6917 20.8364L28.9239 12.1394ZM38.1663 16.3636C38.4425 16.3636 38.6663 16.5875 38.6663 16.8636V32.8333C38.6663 33.1094 38.4425 33.3333 38.1663 33.3333H1.83301C1.55687 33.3333 1.33301 33.1094 1.33301 32.8333V16.8636C1.33301 16.5875 1.55687 16.3636 1.83301 16.3636H9.03402C9.26229 16.3636 9.46158 16.5182 9.51832 16.7393L9.88388 18.1635C9.96507 18.4799 9.72616 18.7878 9.39958 18.7878H3.8219V30.909H36.1775V18.7878H30.3509C30.0243 18.7878 29.7854 18.4799 29.8666 18.1635L30.2321 16.7393C30.2889 16.5182 30.4882 16.3636 30.7164 16.3636H38.1663Z" fill="currentColor"/></svg>',settings:[{id:"setting",controls:[{id:"openMode",label:"Behavior",type:"segment",options:[{label:"New Page",value:"new-page"},{label:"Popup",value:"popup"}],default:"new-page"}]},{id:"style",controls:[{id:"brand-group",type:"group",label:"Brand Button Setting",controls:[{id:"type",label:"Type",type:"segment",options:[{label:"Dynamic",value:"dynamic"},{label:"Express",value:"express"}],default:"dynamic"},{id:"color",label:"Color",type:"segment",options:[{label:"White",value:"white"},{label:"Black",value:"black"},{label:"Purple",value:"purple"}],default:"black"}]},{id:"align",label:"Align",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"left"}}}]}],ui:[{type:"control",label:{en:"Behavior"},options:{label:"large"},setting:{id:"openMode"}},{type:"group",label:{en:"Brand button setting"},controls:[{type:"control",label:{en:"Button type"},setting:{id:"type"}},{type:"control",label:{en:"Button color"},setting:{id:"color"}}]},{type:"control",label:{en:"Alignment"},options:{label:"large"},setting:{id:"align"}}],editorConfigs:{placeholder:{flowTag:["Product"]}}};exports.default=config;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getCodeClasses=(e,s,o)=>core.composeClasses(core.cls(e,{"gp-sr-only":s},"gp-cursor-pointer","gp-custom-code",o));exports.getCodeClasses=getCodeClasses;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getCodeStyle=(e,t,o)=>({...e,...core.makeStyleResponsive("ta",t?.align),...core.getStyleBackgroundByDevice(t?.background,{liquid:o})});exports.getCodeStyle=getCodeStyle;

package/dist/cjs/code/components/CSSCode.js

@@ -1,149 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@gem-sdk/core');
-var Head = require('next/head');
-
-const EMPTY_TAGS = [
-    'SCRIPT'
-];
-const ALLOWED_EMPTY_TAG = [
-    'EMBED',
-    'IMG',
-    'INPUT',
-    'PICTURE',
-    'VIDEO'
-];
-const CSSCode = ({ setting, style, advanced, builderAttrs, builderProps, children })=>{
-    const { editorData } = advanced;
-    const mode = core.useEditorMode();
-    const getEmptyContent = React.useCallback((css, javascript, html)=>{
-        return `<p class="gp-text-center gp-text-sm gp-py-4 gp-leading-6 gp-text-light-500 gp-flex gp-flex-col gp-gap-[4px]">
-    <span>${editorData?.customLabel || 'Custom Code'}</span>
-    ${css || javascript || html ? '<span class="gp-text-[#676767] gp-text-12 gp-leading-5">Preview or Publish the page to see the content.</span>' : ``}</p>`;
-    }, [
-        editorData?.customLabel
-    ]);
-    const getHtmlContent = (html, javascript)=>{
-        const $element = document.createElement('div');
-        $element.innerHTML = html;
-        const childrenRoot = $element.childNodes;
-        let hasScript = false;
-        let empty = true;
-        if (childrenRoot.length > 0) {
-            childrenRoot.forEach((child)=>{
-                //@ts-expect-error
-                if (EMPTY_TAGS.includes(child?.tagName)) {
-                    hasScript = true;
-                    child?.remove();
-                }
-            });
-            const children = $element.childNodes;
-            children.forEach((child)=>{
-                //@ts-expect-error
-                if (ALLOWED_EMPTY_TAG.includes(child?.tagName)) {
-                    empty = false;
-                } else if (child?.nodeName !== '#comment') {
-                    const content = child?.textContent?.trim();
-                    if (content) {
-                        empty = false;
-                    }
-                }
-            });
-        }
-        if (empty) {
-            empty = !$element?.textContent?.trim();
-        }
-        if (javascript) {
-            hasScript = true;
-        }
-        return {
-            empty,
-            hasScript
-        };
-    };
-    const htmlPlainText = React.useMemo(()=>{
-        if (mode === 'edit') {
-            const { empty, hasScript } = getHtmlContent(editorData?.html || '', editorData?.javascript || '');
-            if (hasScript) {
-                return `<p class="gp-text-center gp-text-sm gp-font-[sans-serif] gp-py-4 gp-leading-[21px] gp-text-[#676767] gp-bg-[#eee]">
-        Publish the page to see the content.
-        </p>`;
-            }
-            if (empty) {
-                return getEmptyContent(editorData?.css || '', editorData?.javascript || '', editorData?.html || '');
-            }
-            return editorData?.html?.trim();
-        }
-        return editorData?.html?.trim();
-    }, [
-        editorData?.css,
-        editorData?.html,
-        editorData?.javascript,
-        mode,
-        getEmptyContent
-    ]);
-    const handleDoubleClickCustomCode = (e)=>{
-        switch(e.detail){
-            case 2:
-                {
-                    const event = new CustomEvent('editor:toolbar:open-custom-code', {
-                        bubbles: true
-                    });
-                    window.dispatchEvent(event);
-                    break;
-                }
-        }
-    };
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(Head, {
-                children: !!setting?.preloadBgImage && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                    children: [
-                        !!setting?.background?.desktop?.image?.src && /*#__PURE__*/ jsxRuntime.jsx("link", {
-                            rel: "preload",
-                            href: setting.background.desktop.image.src,
-                            as: "image"
-                        }),
-                        !!setting?.background?.tablet?.image?.src && /*#__PURE__*/ jsxRuntime.jsx("link", {
-                            rel: "preload",
-                            href: setting.background.tablet.image.src,
-                            as: "image"
-                        }),
-                        !!setting?.background?.mobile?.image?.src && /*#__PURE__*/ jsxRuntime.jsx("link", {
-                            rel: "preload",
-                            href: setting.background.mobile.image.src,
-                            as: "image"
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                onClick: handleDoubleClickCustomCode,
-                "aria-hidden": "true",
-                style: {
-                    ...style,
-                    ...core.makeStyleResponsive('ta', setting?.align),
-                    ...core.getStyleBackgroundByDevice(setting?.background)
-                },
-                ...builderAttrs,
-                className: core.cls(builderProps?.uid, {
-                    'gp-sr-only': mode !== 'edit' && !editorData?.html
-                }, 'gp-cursor-pointer'),
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        dangerouslySetInnerHTML: {
-                            __html: htmlPlainText || ''
-                        }
-                    }),
-                    children
-                ]
-            })
-        ]
-    });
-};
-
-exports.default = CSSCode;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Head=require("next/head"),useCSSCode=require("../hooks/useCSSCode.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const CSSCode=({setting:e,style:s,advanced:r,builderAttrs:t,builderProps:a,children:i})=>{let{editorData:l}=r,{handleDoubleClickCustomCode:d,htmlPlainText:m,mode:n}=useCSSCode.default(r,e),u=system.createStyle(styles.getCodeStyle(s,e,!1)),o=system.createClass(classes.getCodeClasses(a?.uid,"edit"!==n&&!l?.html,r?.cssClass));return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Head,{children:!!e?.preloadBgImage&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!!e?.background?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:e.background.desktop.image.src,as:"image"}),!!e?.background?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:e.background.tablet.image.src,as:"image"}),!!e?.background?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:e.background.mobile.image.src,as:"image"})]})}),jsxRuntime.jsxs("div",{onClick:d,"aria-hidden":"true",style:u,...t,className:o,children:[jsxRuntime.jsx("div",{dangerouslySetInnerHTML:{__html:m||""}}),i]})]})};exports.default=CSSCode;

package/dist/cjs/code/components/CSSCode.liquid.js

@@ -1,32 +1,12 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@gem-sdk/core');
-
-const CSSCode = ({ setting, style, advanced, builderAttrs, builderProps })=>{
-    const { background, preloadBgImage } = setting ?? {};
-    const editorData = advanced?.editorData;
-    const htmlPlainText = editorData?.html?.trim();
-    return core.template`
-  ${core.RenderIf(!!preloadBgImage, `${core.RenderIf(!!background?.desktop?.image?.src, `<link rel="preload" href="${background?.desktop?.image?.src}" as="image" />`)}${core.RenderIf(!!background?.tablet?.image?.src, `<link rel="preload" href="${background?.tablet?.image?.src}" as="image" />`)}${core.RenderIf(!!background?.mobile?.image?.src, `<link rel="preload" href="${background?.mobile?.image?.src}" as="image" />`)}`)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const CSSCode=({setting:e,style:s,advanced:r,builderAttrs:t,builderProps:a})=>{let{background:l,preloadBgImage:o}=e??{},i=r?.editorData,c=i?.html?.trim(),d=system.createStyle(styles.getCodeStyle(s,e,!0)),m=system.createClass(classes.getCodeClasses(a?.uid,!i?.html&&!l,r?.cssClass));return core.template`
+  ${core.RenderIf(!!o,`${core.RenderIf(!!l?.desktop?.image?.src,`<link rel="preload" href="${l?.desktop?.image?.src}" as="image" />`)}${core.RenderIf(!!l?.tablet?.image?.src,`<link rel="preload" href="${l?.tablet?.image?.src}" as="image" />`)}${core.RenderIf(!!l?.mobile?.image?.src,`<link rel="preload" href="${l?.mobile?.image?.src}" as="image" />`)}`)}
     <div
-      ${{
-        ...builderAttrs
-    }}
-      style="${{
-        ...style,
-        ...core.getStyleBackgroundByDevice(background, {
-            liquid: true
-        }),
-        ...core.makeStyleResponsive('ta', setting?.align)
-    }}"
+      ${{...t}}
+      style="${d}"
       data-keep-class="true"
-      class="${core.cls(builderProps?.uid, {
-        'gp-sr-only': !editorData?.html && !background
-    })} ${advanced?.cssClass}"
-    ><div>${htmlPlainText}</div></div>
-  `;
-};
-
-exports.default = CSSCode;
+      class="${m}">
+      <div>
+    ${c}
+    </div>
+    </div>
+  `};exports.default=CSSCode;

package/dist/cjs/code/hooks/useCSSCode.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),React=require("react");const EMPTY_TAGS=["SCRIPT"],ALLOWED_EMPTY_TAG=["EMBED","IMG","INPUT","PICTURE","VIDEO"],useCSSCode=(e,t)=>{let s=core.useEditorMode(),{editorData:p}=e||{},{customLabel:a}=t||{},l=React.useCallback((e,t,s)=>`
+      <p class="gp-text-center gp-text-sm gp-py-4 gp-leading-6 gp-text-light-500 gp-flex gp-flex-col gp-gap-[4px]">
+       <span>${a||"Custom Code"}</span>
+        ${e||t||s?'<span class="gp-text-[#676767] gp-text-12 gp-leading-5">Publish the page to see the content.</span>':""}
+      </p>`,[a]),r=(e,t)=>{let s=document.createElement("div");s.innerHTML=e;let p=s.childNodes,a=!1,l=!0;if(p.length>0){p.forEach(e=>{EMPTY_TAGS.includes(e?.tagName)&&(a=!0,e?.remove())});let e=s.childNodes;e.forEach(e=>{if(ALLOWED_EMPTY_TAG.includes(e?.tagName))l=!1;else if(e?.nodeName!=="#comment"){let t=e?.textContent?.trim();t&&(l=!1)}})}return l&&(l=!s?.textContent?.trim()),t&&(a=!0),{empty:l,hasScript:a}},n=React.useMemo(()=>{if("edit"===s){let{empty:e,hasScript:t}=r(p?.html||"",p?.javascript||"");if(t)return`
+        <div class="gp-py-4 gp-font-[sans-serif] gp-flex gp-flex-col gp-gap-[4px]" >
+          <p class="gp-text-center gp-text-sm  gp-leading-[21px] gp-text-[#676767] ">
+            Publish the page to see the content.
+          </p>
+        </div>
+        `;if(e)return l(p?.css||"",p?.javascript||"",p?.html||"")}return p?.html?.trim()},[s,p?.html,p?.javascript,p?.css,l]),o=e=>{if(2===e.detail){let e=new CustomEvent("editor:toolbar:open-custom-code",{bubbles:!0});window.dispatchEvent(e)}};return{mode:s,htmlPlainText:n,handleDoubleClickCustomCode:o}};exports.default=useCSSCode;

package/dist/cjs/code/index.js

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

package/dist/cjs/code/next.js

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

package/dist/cjs/code/settings/CSSCode.js

@@ -0,0 +1,7 @@
+"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:"CSSCode",label:"Custom Code",customLabel:"Custom Code",icon:`
+  <svg width="40" viewBox="0 0 24 24"><path fill="currentColor" d="m24 12l-5.657 5.657l-1.414-1.414L21.172 12l-4.243-4.243l1.414-1.414L24 12zM2.828 12l4.243 4.243l-1.414 1.414L0 12l5.657-5.657L7.07 7.757L2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z"/></svg>
+  `,settings:settings.SettingCode,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,editorConfigs:{sideBar:{tab:{style:{hide:!0}}}},init:[{tag:"CSSCode",settings:{editorData:{customLabel:"Custom Code"}}}],presets:[{id:"custom-code",name:{en:"Custom Code"},icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.8847 14.3475C49.9413 13.9372 49.6542 13.5607 49.2436 13.5065C48.8329 13.4524 48.4541 13.7411 48.3975 14.1515L45.7077 33.6544C45.6511 34.0648 45.9381 34.4413 46.3488 34.4954C46.7594 34.5495 47.1382 34.2608 47.1948 33.8505L49.8847 14.3475ZM43.4983 18.4395C43.8079 18.7147 43.8357 19.1887 43.5606 19.4983L40.0035 23.5001L43.5606 27.5018C43.8357 27.8114 43.8079 28.2854 43.4983 28.5606C43.1887 28.8358 42.7146 28.8079 42.4394 28.4983L38.4394 23.9983C38.1869 23.7142 38.1869 23.286 38.4394 23.0018L42.4394 18.5018C42.7146 18.1922 43.1887 18.1643 43.4983 18.4395ZM52.5017 18.4395C52.8113 18.1643 53.2854 18.1922 53.5606 18.5018L57.5606 23.0018C57.8131 23.286 57.8131 23.7142 57.5606 23.9983L53.5606 28.4983C53.2854 28.8079 52.8113 28.8358 52.5017 28.5606C52.1921 28.2854 52.1643 27.8114 52.4394 27.5018L55.9965 23.5001L52.4394 19.4983C52.1643 19.1887 52.1921 18.7147 52.5017 18.4395Z" fill="#F9F9F9"/>
+</svg>
+        `},components:[{tag:"CSSCode",settings:{editorData:{customLabel:"Custom Code"}}}]}]};exports.default=config;

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

@@ -0,0 +1 @@
+"use strict";const SettingCode=[{id:"setting",controls:[{id:"customLabel",type:"input",default:"Custom code",isUpdateCustomLabel:!0},{id:"editorData",type:"customCodeEditor"},{id:"speedParallax",type:"customCodeEditor"},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-1",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}}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[]}];exports.SettingCode=SettingCode;

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

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"control",setting:{id:"editorData"},layout:"vertical"},{type:"group",controls:[{type:"control",setting:{id:"background"},label:{en:"Background"},layout:"vertical",options:{styleLabel:{marginBottom:"4px"}}},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image"'}]},{type:"control",label:{en:"Align"},setting:{id:"align"}}];exports.SettingUIV1=SettingUIV1;

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

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{messageConfig:{type:"info",message:'You can insert HTML, CSS, JavaScript or Liquid code <a class="text-white" target="_blank" href="https://help.gempages.net/articles/custom-code-element?utm_source=element-setting-tips#custom-code">Learn more</a>'}},{label:{en:"Custom code"},controls:[{setting:{id:"editorData"},label:{en:"Code"}}]},{controls:[{type:"control",setting:{id:"background"},label:{en:"Background"},options:{labelVariant:"primary"},layout:"vertical"}]},{label:{en:"Configuration"},controls:[{type:"control",setting:{id:"customLabel"},label:{en:"Name"}}]},{controls:[{label:{en:"Align"},type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/collection/components/collection-banner/CollectionBanner.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");require("react");var Row=require("../../../grid/components/row/Row.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),Link=require("../../../link/components/Link.js");const CollectionBanner=({builderAttrs:e,builderProps:s,setting:t,style:r,children:l,advanced:a})=>{let n=core.useCollection(),i=core.useEditorMode(),{link:o,layout:c,width:m,verticalGutter:u,verticalAlign:y,horizontalAlign:d}=t??{};helpers.updateBackroundImageSrc({setting:t,collectionSrc:n?.collectionMedia?.src});let g=system.createClass({...classes.getClassContainerBanner({builderProps:s,setting:t,advanced:a})}),j=system.createClass({...classes.getClassContainerBackgoundImage({setting:t})}),C=system.createClass({...classes.getClassOverlayBanner({setting:t})}),k=system.createClass({...classes.getClassLinkBanner()}),x=system.createStyle({...styles.getDimension({setting:t,style:r})}),p=system.createStyle({...styles.getStyleOverlay({setting:t})}),q=system.createStyle({...styles.getStyleContainerBackgoundImage({setting:t,hasCollectionImage:!1})});return jsxRuntime.jsxs("div",{...e,className:g,style:x,children:[jsxRuntime.jsx("div",{"aria-label":"Background Image",role:"banner",className:j,style:q}),jsxRuntime.jsx("div",{"aria-label":"Overlay",role:"banner",className:C,style:p}),system.If(!!o?.link&&"edit"!==i,jsxRuntime.jsx(Link.default,{setting:{href:o?.link,target:o?.target},className:k})),jsxRuntime.jsx(Row.default,{setting:{layout:c,horizontalAlign:d,verticalAlign:y},styles:{verticalGutter:u,width:m,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:r,children:l})]})};exports.default=CollectionBanner;

package/dist/cjs/collection/components/collection-banner/CollectionBanner.liquid.js

@@ -0,0 +1,19 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js");const CollectionBanner=({builderAttrs:e,builderProps:s,setting:l,style:t,children:a,rawChildren:r,advanced:n})=>{let{link:i,layout:o,width:c,verticalGutter:m,horizontalAlign:y,verticalAlign:d}=l??{};helpers.updateBackroundImageSrc({setting:l,collectionSrc:`{% if collection.image %} {{ collection.image.src | image_url}}  {% else %} ${helpers.defaultImageUrl} {% endif  %}`});let g=system.createClass({...classes.getClassContainerBanner({builderProps:s,setting:l,advanced:n})}),u=system.createClass({...classes.getClassContainerBackgoundImage({setting:l})}),C=system.createClass({...classes.getClassOverlayBanner({setting:l})}),$=system.createClass({...classes.getClassLinkBanner()}),p=system.createStyle({...styles.getDimension({setting:l,style:t})}),v=system.createStyle({...styles.getStyleOverlay({setting:l})}),k=system.createStyle({...styles.getStyleContainerBackgoundImage({setting:l,hasCollectionImage:!1})});return core.template`
+    <div ${{...e}} class="${g}" style="${p}">
+      <div
+        aria-label="Background Image"
+        role="banner"
+        class="${u}"
+        style="${k}"
+      >
+      </div>
+      <div aria-label="Overlay" role="banner" class="${C}" style="${v}"> </div>
+      ${core.RenderIf(!!i?.link,`<a
+          href="${i?.link}"
+          target="${i?.target}"
+          class="${$}"
+        > </a>`)}
+      ${Row_liquid.default({setting:{layout:o,horizontalAlign:y,verticalAlign:d},styles:{verticalGutter:m,width:c,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:t,children:a,rawChildren:r})}
+    </div>
+  `};exports.default=CollectionBanner;

package/dist/cjs/collection/components/collection-banner/common/classes.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getClassContainerBanner=({builderProps:e,setting:s,advanced:r})=>{let{contentPosition:o}=s??{};return composeClasses(core.cls(e?.uid,r?.cssClass,"gp-group/hero gp-flex gp-flex-col gp-relative gp-overflow-hidden gp-transition-colors gp-duration-200 gp-ease-in-out",{"gp-justify-center":"center"===o,"gp-justify-start":"top"===o,"gp-justify-end":"bottom"===o}))},getClassContainerBackgoundImage=({setting:e})=>{let{hoverEffect:s}=e??{};return composeClasses(core.cls("gp-absolute gp-inset-0 gp-transition-transform ",{"gp-duration-[var(--duration)] group-hover/hero:gp-scale-[var(--scale)]":"zoom"===s}))},getClassOverlayBanner=({setting:e})=>{let{overlayColor:s}=e??{};return composeClasses(core.cls("gp-absolute gp-inset-0 gp-transition-all gp-duration-300 group-hover/hero:gp-bg-[color:var(--hvr-bgc,_var(--bgc))] group-hover/hero:gp-opacity-[var(--hvr-op,_var(--op))]",core.getGlobalColorStateClass("bg",s)))},getClassLinkBanner=()=>composeClasses("gp-absolute gp-inset-0 gp-z-1"),composeClasses=e=>e.trim().split(/\s+/).reduce((e,s)=>(e[s]=!0,e),{});exports.getClassContainerBackgoundImage=getClassContainerBackgoundImage,exports.getClassContainerBanner=getClassContainerBanner,exports.getClassLinkBanner=getClassLinkBanner,exports.getClassOverlayBanner=getClassOverlayBanner;

package/dist/cjs/collection/components/collection-banner/common/helpers.js

@@ -0,0 +1 @@
+"use strict";const updateBackroundImageSrc=({setting:e,collectionSrc:a})=>{let{background:t}=e??{},c=(e,a)=>{e&&a&&(e?.desktop?.image?.src&&(e.desktop.image.src=a),e?.tablet?.image?.src&&(e.tablet.image.src=a),e?.mobile?.image?.src&&(e.mobile.image.src=a))},r=()=>a??defaultImageUrl;c(t,r())},defaultImageUrl="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif";exports.defaultImageUrl=defaultImageUrl,exports.updateBackroundImageSrc=updateBackroundImageSrc;

package/dist/cjs/collection/components/collection-banner/common/styles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getDimension=({setting:e,style:t})=>{let{fixedMode:o,height:a,background:l}=e??{},r=o?{"--aspect":composeAspect(l?.desktop?.image),"--aspect-tablet":composeAspect(l?.tablet?.image),"--aspect-mobile":composeAspect(l?.mobile?.image)}:core.makeStyleResponsive("h",a);return{...r,"--d":t?.["--d"]||"block","--d-mobile":t?.["--d-mobile"]||"block","--d-tablet":t?.["--d-tablet"]||"block"}},getStyleOverlay=({setting:e})=>{let{overlayOpacity:t,overlayColor:o}=e??{};return{...core.getGlobalColorStateStyle("bgc",o),...core.makeStyleState("op",t)}},getStyleContainerBackgoundImage=({setting:e,hasCollectionImage:t})=>{let{hoverDuration:o,background:a,hoverScale:l}=e??{};return{...core.getStyleBackgroundByDevice(a),"--duration":`${o??0}s`,"--scale":`${l??100}%`,...t?{...core.makeStyleResponsive("bgi",makeBackgroundImage("url({{ collection.image.src | image_url}})"))}:{}}},makeBackgroundImage=e=>({desktop:e,tablet:e,mobile:e}),composeAspect=e=>{if(e&&e.width&&e.height&&e.src)return`${e.width}/${e.height}`};exports.getDimension=getDimension,exports.getStyleContainerBackgoundImage=getStyleContainerBackgoundImage,exports.getStyleOverlay=getStyleOverlay;

package/dist/cjs/collection/components/collection-description/CollectionDescription.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"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),system=require("@gem-sdk/system"),helpers=require("./common/helpers.js"),useDescription=require("../../hooks/useDescription.js");const DescriptionNotFoundString="This collection does not have a description",CollectionDescription=({setting:e,builderProps:s,pageContext:t,advanced:l})=>{let r=core.useCollection(),{ref:i,open:a,isShowViewMore:n,handleToggleShowMore:c,hasLineClamp:o}=useDescription.useGpDescription(e),m=r?.descriptionHtml,u=system.createClass(classes.getClassContainerCollectionDes({setting:e})),y=system.createClass(classes.getClassEmptyCollectionDes()),p=system.createClass(classes.getClassButtonViewMore({setting:e})),d=system.createClass(classes.getDescriptionClasses({advanced:l})),x=system.createClass({...classes.getShowMoreIconClasses(),...a?{"gp-rotate-180":!0}:{}}),j=system.createClass(classes.getShowMoreTextClasses()),C=system.createClass(classes.getClassPreBuilt()),g=system.createStyle({...styles.getDefaultStyleCollectionDes({setting:e}),...a?{}:core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp))}),h=system.createStyle({...styles.getStyleDefaultViewMore(e)}),S=helpers.getViewLessText({setting:e,builderProps:s,pageContext:t,type:"react"}),D=helpers.getViewMoreText({setting:e,builderProps:s,pageContext:t,type:"react"}),R=system.createAttr({"data-id":`${s?.uid}`}),f=system.createAttr({"data-gp-text":""}),{gpDescriptionCss:I,textDescriptionCss:M}=styles.getStaticCss();return jsxRuntime.jsx(jsxRuntime.Fragment,{children:system.If(!m,jsxRuntime.jsx("div",{className:y,dangerouslySetInnerHTML:{__html:"This collection does not have a description"}}),jsxRuntime.jsxs("div",{...R,className:d,children:[jsxRuntime.jsx("style",{children:M}),system.If(!core.isSafari(),jsxRuntime.jsx("style",{children:I}),""),jsxRuntime.jsx("div",{className:C}),jsxRuntime.jsx("div",{ref:i,className:u,style:g,dangerouslySetInnerHTML:{__html:r?.descriptionHtml??""},...f}),system.If(o&&n,jsxRuntime.jsxs("button",{type:"button",className:p,style:h,onClick:c,children:[jsxRuntime.jsx("span",{className:j,children:system.If(a,S?.toString()??"",D?.toString()??"")}),system.If(e?.enableViewMoreIcon,jsxRuntime.jsx("span",{className:x,dangerouslySetInnerHTML:{__html:helpers.ICON_SVG}}),"")]}),"")]}))})};exports.default=CollectionDescription;

package/dist/cjs/collection/components/collection-description/CollectionDescription.liquid.js

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),styles=require("./common/styles.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),helpers=require("./common/helpers.js");const CollectionDescription=({setting:e,advanced:s,builderProps:t,pageContext:l})=>{let i=system.createClass(classes.getClassContainerCollectionDes({setting:e})),r=system.createClass(classes.getClassButtonViewMore({setting:e})),a=system.createClass(classes.getDescriptionClasses({advanced:s})),o=system.createClass(classes.getShowMoreIconClasses()),c=system.createClass(classes.getShowMoreTextClasses()),n=system.createClass(classes.getClassPreBuilt()),p=system.createStyle({...styles.getDefaultStyleCollectionDes({setting:e}),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp))}),m=system.createStyle({...styles.getStyleDefaultViewMore(e)}),y=helpers.getViewLessText({setting:e,builderProps:t,pageContext:l,type:"liquid"}),d=helpers.getViewMoreText({setting:e,builderProps:t,pageContext:l,type:"liquid"}),$=system.createAttr({"data-id":`${t?.uid}`,"view-more-text":`${l?.isPreviewing?d:`{{${d}}}`}`,"view-less-text":`${l?.isPreviewing?y:`{{${y}}}`}`}),g=system.createAttr({"data-gp-text":""}),{gpDescriptionCss:C,textDescriptionCss:u}=styles.getStaticCss(),v=system.createStateOrContext({setting:{lineClamp:e?.lineClamp,hasLineClamp:e?.hasLineClamp,viewMoreText:d,viewLessText:y,enableViewMoreIcon:e?.enableViewMoreIcon},textStyle:p}),S=()=>{let e=core.isLocalEnv?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-collection-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return system.If(!1,"",system.Liquid(core.template`
+    <gp-collection-description
+      ${$}
+      class="${a}"
+      gp-data='${JSON.stringify(v).replaceAll("'","&#039;")}'
+    >
+      <style>${u}</style>
+      ${system.If(!core.isSafari(),`<style>${C}</style>`," ")}
+      <div class="${n}" ></div>
+      ${system.LiquidUnless("collection","<p>Collection not found</p>",core.template`<div ${g} class="${i}" style="${p}">
+          {{collection.description}}
+        </div>
+        ${system.LiquidIf("collection.description != blank",core.template`<button type="button" class="${r}" style="${m}">
+          <span class="${c}">
+            ${system.If(l?.isPreviewing,d?.toString()||"",`{{${d}}}`)}
+          </span>
+          ${system.If(e?.enableViewMoreIcon,core.template`<span class="${o}">${helpers.ICON_SVG}</span>`," ")}
+          </button>`)}`)}
+    </gp-collection-description>
+    ${S()}
+    `))};exports.default=CollectionDescription;

package/dist/cjs/collection/components/collection-description/common/classes.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getClassContainerCollectionDes=({setting:e})=>{let s=core.composeTypographyClassName(e?.typo,e?.typography);return composeClasses(core.cls("gp-relative p-description-wrapper gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",s,core.getGlobalColorClass("text",e?.color),"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white"))},getClassEmptyCollectionDes=()=>composeClasses(core.cls("gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500 gp-py-2 !gp-text-center")),getClassButtonViewMore=({setting:e})=>{let s=core.composeTypographyClassName(e?.typo,e?.typography);return composeClasses(core.cls("p-description-show-more","gp-mt-4 hover:gp-opacity-80 gp-transition-all gp-w-full gp-items-center",s,core.getGlobalColorClass("text",e?.showMoreColor)))},getDescriptionClasses=({advanced:e})=>composeClasses(core.cls("gp-collection-description",e?.cssClass)),getShowMoreIconClasses=()=>composeClasses(core.cls("gp-show-more-icon gp-ml-1 gp-flex gp-items-center")),getShowMoreTextClasses=()=>composeClasses(core.cls("gp-show-more-text")),getClassPreBuilt=()=>composeClasses(core.cls("gp-rotate-180 gp-hidden")),composeClasses=e=>e.trim().split(/\s+/).reduce((e,s)=>(e[s]=!0,e),{});exports.getClassButtonViewMore=getClassButtonViewMore,exports.getClassContainerCollectionDes=getClassContainerCollectionDes,exports.getClassEmptyCollectionDes=getClassEmptyCollectionDes,exports.getClassPreBuilt=getClassPreBuilt,exports.getDescriptionClasses=getDescriptionClasses,exports.getShowMoreIconClasses=getShowMoreIconClasses,exports.getShowMoreTextClasses=getShowMoreTextClasses;

package/dist/cjs/collection/components/collection-description/common/helpers.js

@@ -0,0 +1,3 @@
+"use strict";require("@gem-sdk/core");var helpers=require("../../../../helpers.js");const getViewMoreText=({setting:e,builderProps:t,pageContext:s,type:i})=>"liquid"===i?helpers.getDynamicSourceLocales({val:e?.viewMoreText,uid:t?.uid,settingId:"viewMoreText",isLiquid:!0,pageContext:s,translate:e?.translate}):e?.viewMoreText,getViewLessText=({setting:e,builderProps:t,pageContext:s,type:i})=>"liquid"===i?helpers.getDynamicSourceLocales({val:e?.viewLessText,uid:t?.uid,settingId:"viewLessText",isLiquid:!0,pageContext:s,translate:e?.translate}):e?.viewLessText,DESCRIPTION_LINE_HEIGHT_DEFAULT=21,ICON_SVG=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
+              fill="currentColor"/>
+        </svg>`;exports.DESCRIPTION_LINE_HEIGHT_DEFAULT=21,exports.ICON_SVG=ICON_SVG,exports.getViewLessText=getViewLessText,exports.getViewMoreText=getViewMoreText;

package/dist/cjs/collection/components/collection-description/common/styles.js

@@ -0,0 +1,16 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js"),helpers$1=require("./helpers.js");const getMaxHeightStyleDefault=e=>{let t={desktop:"none"},o=["desktop","mobile","tablet"];o.forEach(o=>{let l=core.getResponsiveValueByScreen(e?.lineClamp,o),r=core.getResponsiveValueByScreen(e?.hasLineClamp,o),s=r&&l?`${l*helpers$1.DESCRIPTION_LINE_HEIGHT_DEFAULT}px`:"none";t={...t,[o]:s}});let l=core.makeStyleResponsive("maxh",t);return l},getDefaultStyleCollectionDes=({setting:e,renderMaxHeight:t})=>{let o=core.composeTypographyStyle(e?.typo,e?.typography);return core.filterTruthyStyles({...core.getStyleShadow({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText}),...core.makeStyleResponsive("ta",e?.textAlign),...core.makeStyle({tt:e?.transform}),...o,...t&&getMaxHeightStyleDefault(e)})},getStyleDefaultViewMore=e=>{let t=core.composeTypographyStyle(e?.typo,e?.typography),o=()=>helpers.getDisplayStyle(t=>{let o=e?.hasLineClamp?.[t];return!!e?.hasLineClamp&&void 0!==o&&!o},"inline-flex");return{...core.makeStyle({tt:e?.transform}),...core.makeStyleResponsive("jc",e?.textAlign),...t,...core.getGlobalColorStyle(e?.showMoreColor),...o()}},getStaticCss=()=>{let e=`
+    .gp-p-description-text > *:not(ol):not(ul):not(table):not(div):not(style):not(script) {
+      display: inline !important;
+    }
+    .gp-p-description-text > *:not(ol):not(ul):not(table):not(div):not(style):not(script)::after {
+      content: "\\A";
+      white-space: pre;
+    }
+    .gp-p-description-text > table {
+      box-shadow: none;
+    }
+  `,t=`
+      .p-description-wrapper.gp-p-description-text * {
+        color: inherit;
+        line-height: inherit !important;
+      }`;return{gpDescriptionCss:e,textDescriptionCss:t}};exports.getDefaultStyleCollectionDes=getDefaultStyleCollectionDes,exports.getMaxHeightStyleDefault=getMaxHeightStyleDefault,exports.getStaticCss=getStaticCss,exports.getStyleDefaultViewMore=getStyleDefaultViewMore;

package/dist/cjs/collection/components/collection-paginator/CollectionPaginator.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"),helpers=require("./common/helpers.js"),classes=require("./common/classes.js"),system=require("@gem-sdk/system");const CollectionPaginator=({setting:e,builderProps:s})=>{let{pageQuantity:r,align:t}=e??{},a=parseInt(r??"0");if(!a)return null;let l=helpers.renderPaginatorItem({setting:e,builderProps:s},"react"),i=system.createClass({...classes.getPaginatorWrapperClass()}),n=system.createClass({...classes.getPaginatorClass()}),c=system.createStyle({...core.makeStyleResponsive("ta",t)});return jsxRuntime.jsx("div",{id:s?.uid,children:jsxRuntime.jsx("div",{className:n,style:c,children:jsxRuntime.jsx("div",{className:i,children:l})})})};exports.default=CollectionPaginator;

package/dist/cjs/collection/components/collection-paginator/CollectionPaginator.liquid.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),helpers=require("./common/helpers.js"),classes=require("./common/classes.js"),system=require("@gem-sdk/system");const CollectionPaginator=({setting:e,builderProps:s,pageContext:t})=>{let{typographyPaginator:r,activeColor:l,align:o,typo:a,normalColor:c}=e??{},i=system.createStyle({...core.composeTypographyStyle(a,r)}),p=system.createStyle({normalColorClass:core.getGlobalColorClass("text",c),activeColorClass:core.getGlobalColorClass("text",l),normalColorStyle:core.getGlobalColorCSSProp(c)??"",activeColorStyle:core.getGlobalColorCSSProp(l)??""}),n=system.createClass({...classes.customClass("",void 0,e)}),g={...p,customStyle:i,addedClass:n},d=helpers.renderPaginatorItem({setting:e,builderProps:s,pageContext:t},"liquid"),m=system.createClass({...classes.getPaginatorWrapperClass()}),y=system.createClass({...classes.getPaginatorClass()}),C=system.createStyle({...core.makeStyleResponsive("ta",o),...g.customStyle}),S=system.createStateOrContext({setting:e,styleSetting:g,uid:s?.uid});return core.template`
+    <gp-collection-paginator gp-data='${JSON.stringify(S).replaceAll("'","&#039;")}' id="${s?.uid}" >
+      <div class="${y}" style="${C}">
+        <div class="${m}">${d}</div>
+      </div>
+    </gp-collection-paginator>
+    ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};exports.default=CollectionPaginator;

package/dist/cjs/collection/components/collection-paginator/common/classes.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const customClass=(s,e,r)=>{let{layout:o,typo:a,typographyPaginator:t}=r??{},p=core.composeTypographyClassName(a,t);return composeClasses(core.cls(s,"gp-flex gp-items-center gp-justify-center gp-cursor-pointer",e?core.getGlobalColorClass("text",e):"",p,"simple"!==o?"gp-border gp-border-solid":""))},getPaginatorWrapperClass=()=>composeClasses("gf_collection-paginator-wrapper gp-inline-flex gp-flex-wrap"),getPaginatorClass=()=>composeClasses("gp_collection-paginator"),composeClasses=s=>s.trim().split(/\s+/).reduce((s,e)=>(s[e]=!0,s),{});exports.customClass=customClass,exports.getPaginatorClass=getPaginatorClass,exports.getPaginatorWrapperClass=getPaginatorWrapperClass;

package/dist/cjs/collection/components/collection-paginator/common/helpers.js

@@ -0,0 +1,8 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js"),classes=require("./classes.js"),parse=require("html-react-parser"),system=require("@gem-sdk/system"),styles=require("./styles.js");const renderPaginatorItem=({setting:e,builderProps:t,pageContext:s},a)=>"liquid"===a?renderPaginatorLive({setting:e,builderProps:t,pageContext:s}):renderPaginatorEditor({setting:e,builderProps:t,pageContext:s}),renderPaginatorLive=({setting:e,builderProps:t,pageContext:s})=>{let a=getPreviousTextVal({setting:e,builderProps:t,pageContext:s},"liquid"),r=getNextTextVal({setting:e,builderProps:t,pageContext:s},"liquid"),l=e?.numberOfProducts||s?.numberOfProductOfProductList||0,i=l>0?l:4,c=e=>e?.replace(/"/g,'\\"')??"",o=`"${c(a??"")}"`,n=`"${c(r??"")}"`;return`
+    {% paginate collection.products by ${i} %}
+      {% assign previousText = ${s?.isPreviewing?o:a||'""'} %}
+      {% assign nextText = ${s?.isPreviewing?n:r||'""'} %}
+
+      {{ paginate | default_pagination: previous: previousText, next: nextText }}
+    {% endpaginate %}
+  `},renderPaginatorEditor=({setting:e,builderProps:t,pageContext:s})=>{let{pageQuantity:a,typo:r,normalColor:l,activeColor:i}=e??{},c=[],o=parseInt(a??"0"),n=6;6>o&&(n=o-1);let m=n>1?n-1:0,u=getPreviousTextVal({setting:e,builderProps:t,pageContext:s},"react"),y=getNextTextVal({setting:e,builderProps:t,pageContext:s},"react"),g=system.createClass({...classes.customClass("prev",l,e)}),p=system.createClass({...classes.customClass("page",l,e)}),d=system.createClass({...classes.customClass("deco",l,e)}),x=t=>system.createClass({...classes.customClass("page",t===m?i:l,e)}),P=system.createClass({...classes.customClass("deco",l,e)}),C=system.createClass({...classes.customClass("page",l,e)}),v=system.createClass({...classes.customClass("next",l,e)}),S=t=>system.createStyle({...styles.getPaginatorStyle(t===m,styles.getCustomStyle(e),i)}),h=system.createStyle({...styles.getCustomStyle(e),...core.makeStyle({w:"auto"})}),I=system.createStyle({...styles.getCustomStyle(e)}),q=system.createStyle({...styles.getCustomStyle(e),...core.makeStyle({w:"auto"})});m>0&&c.push(createPaginatorItem({key:"prev",text:r?.attrs?.transform==="capitalize"?u?.toLocaleLowerCase():u,className:g,style:h})),m>2&&c.push(createPaginatorItem({key:1,text:1,className:p,style:I})),m>3&&c.push(createPaginatorItem({key:"deco",text:"...",className:d,style:I}));for(let e=Math.max(0,m-2);e<=Math.min(m+2,o-1);e++)c.push(createPaginatorItem({key:e+1,text:e+1,className:x(e),style:S(e)}));return m<o-4&&c.push(createPaginatorItem({key:"deco-2",text:"...",className:P,style:I})),m<o-3&&c.push(createPaginatorItem({key:o,text:o,className:C,style:I})),m!==o-1&&0!==o&&c.push(createPaginatorItem({key:"next",text:r?.attrs?.transform==="capitalize"?y?.toLocaleLowerCase():y,className:v,style:q})),c.map(e=>parse(e))},createPaginatorItem=({key:e,text:t,className:s,style:a})=>core.template`<span key="${e}" className="${s}" style="${a}"> ${t} </span>`,getPreviousTextVal=({setting:e,builderProps:t,pageContext:s},a)=>{let{previousText:r,typo:l,translate:i}=e??{};return"liquid"===a?helpers.getDynamicSourceLocales({val:r,uid:t?.uid,settingId:"previousText",pageContext:s,isLiquid:!0,isCapitalize:l?.attrs?.transform==="capitalize",translate:i}).toString():r},getNextTextVal=({setting:e,builderProps:t,pageContext:s},a)=>{let{nextText:r,typo:l,translate:i}=e??{};return"liquid"===a?helpers.getDynamicSourceLocales({val:r,uid:t?.uid,settingId:"nextText",pageContext:s,isLiquid:!0,isCapitalize:l?.attrs?.transform==="capitalize",translate:i}).toString():r};exports.renderPaginatorItem=renderPaginatorItem;

package/dist/cjs/collection/components/collection-paginator/common/styles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getPaginatorStyle=(e,o,r)=>({...o,...e?{...core.makeStyle({c:core.getGlobalColorCSSProp(r),bc:core.getGlobalColorCSSProp(r)})}:{}}),getCustomStyle=e=>{let{typo:o,layout:r,typographyPaginator:t,itemSpacing:l,buttonSizeNumber:c,buttonShape:p,normalColor:S}=e??{},a=core.composeTypographyStyle(o,t),m=core.composeMemo(()=>core.removeNullUndefined({...a,...core.makeStyle({ml:l,mr:l,bc:core.getGlobalColorCSSProp(S),c:core.getGlobalColorCSSProp(S)})}),[l,S,o,t?.custom,t?.type]);if("simple"!=r&&(m={...m,...core.makeStyle({h:c+"px",w:c+"px",pr:"10px",pl:"10px"})},"circle"===p)){let e=c?c/2+"px":"1000px";m={...m,...core.makeStyle({bblr:e,bbrr:e,btlr:e,btrr:e})}}return m};exports.getCustomStyle=getCustomStyle,exports.getPaginatorStyle=getPaginatorStyle;

package/dist/cjs/collection/components/collection-title/CollectionTitle.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"),Text=require("../../../text/components/Text.js");const CollectionTitle=({setting:e,advanced:t})=>{console.log("\uD83D\uDE80 ~ advanced:",t);let l=core.useCollection();return jsxRuntime.jsx(Text.default,{styles:e,setting:{...e,text:l?.title??"Collection title",excludeFlex:!0},advanced:t})};exports.default=CollectionTitle;

package/dist/cjs/collection/components/collection-title/CollectionTitle.liquid.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system");const CollectionTitle=({setting:e,advanced:t})=>{let l=e?.typo?.attrs?.transform==="capitalize";return core.template`
+    ${Text_liquid.default({styles:e,setting:{...e,text:`${system.If(l,"{{ collection.title | downcase }}","{{ collection.title }}")}`,excludeFlex:!0},advanced:t})}
+  `};exports.default=CollectionTitle;

package/dist/cjs/collection/components/collection-toolbar/CollectionToolbar.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"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js");const CollectionToolbar=({setting:e,builderProps:s,pageContext:t})=>{let{displayQuantity:l}=e??{},r=core.useCollection(),a=r?.products?.totalCount??12,c=system.createClass({...classes.getClassContainer()}),o=system.createClass({...classes.getClassToolbarWrapper()}),i=system.createClass({...classes.getClassToolbarSortWrapper()}),n=system.createClass({...classes.getClassSelect(e)}),m=system.createClass({...classes.getClassToolbarWrapperQuantity(e)}),y=system.createClass({"gp-flex-1":!0}),u=system.createStyle({...styles.getStyleCollectionToolbar(e)}),p=system.createStyle({...styles.getStyleToolbarWrapper(e)}),x=system.createStyle({...styles.getStyleSelect(e)}),d=system.createStyle({...styles.getStyleToolbarWrapperQuantity(e)}),j=helpers.getSortingTextDisplayVal({setting:e,builderProps:s,pageContext:t},"react"),g=helpers.getQuantityTextDisplayVal({setting:e,builderProps:s,pageContext:t},"react");return jsxRuntime.jsx("div",{className:c,style:u,id:s?.uid,children:jsxRuntime.jsxs("div",{className:o,style:p,children:[jsxRuntime.jsx("div",{className:i,children:jsxRuntime.jsxs("select",{id:"sorting",className:n,style:x,defaultValue:helpers.sortBy,children:[jsxRuntime.jsx("option",{value:"",children:j},j?.toString()),helpers.SORT_OPTIONS.map(e=>jsxRuntime.jsx("option",{value:e.value,children:e.name},e.value))]})}),jsxRuntime.jsx("div",{className:m,style:d,children:system.If(l,(g?.toString()??"").replace("%number%",`${a}`),"")}),jsxRuntime.jsx("div",{className:y,children:"\xa0"})]})})};exports.default=CollectionToolbar;

package/dist/cjs/collection/components/collection-toolbar/CollectionToolbar.liquid.js

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js");const CollectionToolbar=({setting:e,builderProps:s,pageContext:t})=>{let{displayQuantity:l}=e??{},o=system.createClass({...classes.getClassContainer()}),a=system.createClass({...classes.getClassToolbarWrapper()}),r=system.createClass({...classes.getClassToolbarSortWrapper()}),i=system.createClass({...classes.getClassSelect(e)}),c=system.createClass({...classes.getClassToolbarWrapperQuantity(e)}),n=system.createClass({"gp-flex-1":!0}),p=system.createStyle({...styles.getStyleCollectionToolbar(e)}),y=system.createStyle({...styles.getStyleToolbarWrapper(e)}),d=system.createStyle({...styles.getStyleSelect(e)}),u=system.createStyle({...styles.getStyleToolbarWrapperQuantity(e)}),g=helpers.getSortingTextDisplayVal({setting:e,builderProps:s,pageContext:t},"liquid"),m=helpers.getQuantityTextDisplayVal({setting:e,builderProps:s,pageContext:t},"liquid"),$=system.createStateOrContext({uid:s?.uid});return core.template`
+    <gp-collection-toolbar
+      class="${o}"
+      style="${p}"
+      id="${s?.uid}"
+      gp-data='${JSON.stringify($)}'
+    >
+      <div class="${a}" style="${y}" >
+        <div class="${r}">
+          <select id="sorting" class="${i}" style="${d}" >
+
+            {% if collection.sort_by == "" %}
+              {% assign sort_by = collection.default_sort_by %}
+            {% else %}
+              {% assign sort_by = collection.sort_by %}
+            {% endif %}
+
+            <option key=${g} value="">
+              ${g}
+            </option>
+            {% for option in collection.sort_options %}
+              {% if sort_by == option.value %}
+                <option value="{{ option.value }}" selected>{{ option.name }}</option>
+              {% else %}
+                <option value="{{ option.value }}">{{ option.name }}</option>
+              {% endif %}
+            {% endfor %}
+          </select>
+        </div>
+        <div
+          class="${c}"
+          style="${u}"
+        >
+          {% assign quantityTemplate = ${m} %}
+          {% assign productsCount = collection.products_count %}
+          ${system.LiquidIf(l?.toString()??"",core.template`<span class="gf_product-quantity">{{ quantityTemplate | replace: '%number%', productsCount }}</span>`,"")}
+        </div>
+        <div class="${n}">&nbsp;</div>
+      </div>
+    </gp-collection-toolbar>
+    ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-collection-toolbar-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-collection-toolbar-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};exports.default=CollectionToolbar;

package/dist/cjs/collection/components/collection-toolbar/common/classes.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getClassContainer=()=>composeClasses("gp_collection-toolbar"),getClassToolbarWrapper=()=>composeClasses("gp_collection-toolbar-wrapper gp-inline-flex"),getClassToolbarSortWrapper=()=>composeClasses("gp_collection-toolbar-wrapper_sort gp-flex gp-items-center gp-bg-transparent"),getClassSelect=e=>{let{typoSorting:s,typographySorting:o,colorSorting:r}=e??{};return composeClasses(core.cls(core.getGlobalColorClass("text",r),core.composeTypographyClassName(s,o)))},getClassToolbarWrapperQuantity=e=>{let{typoQuantity:s,typographyQuantity:o,colorQuantity:r}=e??{};return composeClasses(core.cls("gp_collection-toolbar-wrapper_quantity gp-flex gp-flex-1 gp-items-center gp-justify-end",core.getGlobalColorClass("text",r),core.composeTypographyClassName(s,o)))},composeClasses=e=>e.trim().split(/\s+/).reduce((e,s)=>(e[s]=!0,e),{});exports.getClassContainer=getClassContainer,exports.getClassSelect=getClassSelect,exports.getClassToolbarSortWrapper=getClassToolbarSortWrapper,exports.getClassToolbarWrapper=getClassToolbarWrapper,exports.getClassToolbarWrapperQuantity=getClassToolbarWrapperQuantity;

package/dist/cjs/collection/components/collection-toolbar/common/helpers.js

@@ -0,0 +1 @@
+"use strict";var helpers=require("../../../../helpers.js");const getSortingTextDisplayVal=({setting:e,builderProps:t,pageContext:a},l)=>{let{sortingTextDisplay:i,translate:n}=e??{};return"react"==l?i:helpers.getDynamicSourceLocales({val:i,uid:t?.uid,settingId:"sortingTextDisplay",pageContext:a,translate:n})},getQuantityTextDisplayVal=({setting:e,builderProps:t,pageContext:a},l)=>{let{quantityTextDisplay:i,translate:n}=e??{};return"react"==l?i:helpers.getDynamicSourceLocales({val:i,uid:t?.uid,settingId:"quantityTextDisplay",isLiquid:!0,pageContext:a,translate:n})},SORT_OPTIONS=[{name:"Best selling",value:"best-selling"},{name:"Featured",value:"manual"},{name:"Alphabetically, A-Z",value:"title-ascending"},{name:"Alphabetically, Z-A",value:"title-descending"},{name:"Price, low to high",value:"price-ascending"},{name:"Price, high to low",value:"price-descending"},{name:"Date, new to old",value:"created-descending"},{name:"Date, old to new",value:"created-ascending"}],sortBy="manual";exports.SORT_OPTIONS=SORT_OPTIONS,exports.getQuantityTextDisplayVal=getQuantityTextDisplayVal,exports.getSortingTextDisplayVal=getSortingTextDisplayVal,exports.sortBy="manual";

package/dist/cjs/collection/components/collection-toolbar/common/styles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getStyleSelect=e=>{let{typoSorting:o,typographySorting:t,colorSorting:r}=e??{},l=core.composeTypographyStyle(o,t);return{...core.makeStyle({c:core.getGlobalColorCSSProp(r)}),...l,appearance:"none","background-image":"url(https://cdn.shopify.com/s/files/1/1827/4239/t/1/assets/ico-select.svg?v=155563818344741998551488860031)","background-repeat":"no-repeat","background-position":"right 4px center",padding:"4px 20px 4px 4px",outline:0,"box-shadow":"none","outline-offset":0}},getStyleToolbarWrapperQuantity=e=>{let{typoQuantity:o,typographyQuantity:t,colorQuantity:r}=e??{},l=core.composeTypographyStyle(o,t);return{...core.makeStyle({c:core.getGlobalColorCSSProp(r)}),...l}},getStyleCollectionToolbar=e=>{let{align:o}=e??{};return{...core.makeStyleResponsive("ta",o),display:"block"}},getStyleToolbarWrapper=e=>{let{width:o,height:t}=e??{};return{...core.makeStyleResponsive("w",o),...core.makeStyleResponsive("h",t)}};exports.getStyleCollectionToolbar=getStyleCollectionToolbar,exports.getStyleSelect=getStyleSelect,exports.getStyleToolbarWrapper=getStyleToolbarWrapper,exports.getStyleToolbarWrapperQuantity=getStyleToolbarWrapperQuantity;

package/dist/cjs/collection/hooks/useDescription.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),core=require("@gem-sdk/core");const useGpDescription=e=>{let t=React.useRef(null),[r,i]=React.useState(!1),[c,s]=React.useState(!1),o=core.useCollection(),u=core.useCurrentDevice(),n=core.getResponsiveValueByScreen(e?.hasLineClamp,u),a=core.getResponsiveValueByScreen(e?.lineClamp,u),l=core.useEditorMode(),p=()=>{i(e=>!e)};return React.useEffect(()=>{let e=t.current;i(!1),e&&n&&o?.description&&setTimeout(()=>{let t=e?.scrollHeight??0,r=e?.clientHeight??0,i=window.getComputedStyle(e).getPropertyValue("line-height"),c=parseInt(i,10)||1,o=Math.round((t??0)/c),u=void 0!==a&&a<o,n=r<t,l=core.isSafari()?u:n;a&&l?s(()=>!0):s(()=>!1)},100)},[n,a,o?.description]),{ref:t,open:r,isShowViewMore:c,handleToggleShowMore:p,mode:l,hasLineClamp:n}};exports.useGpDescription=useGpDescription;

package/dist/cjs/collection/index.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("html-react-parser");var CollectionTitle$1=require("./settings/collection-title/CollectionTitle.js"),CollectionBanner$1=require("./settings/collection-banner/CollectionBanner.js"),CollectionDescription$1=require("./settings/collection-description/CollectionDescription.js"),CollectionToolbar$1=require("./settings/collection-toolbar/CollectionToolbar.js"),CollectionPaginator$1=require("./settings/collection-paginator/CollectionPaginator.js");const collectionSetting={CollectionTitle:CollectionTitle$1.default,CollectionBanner:CollectionBanner$1.default,CollectionDescription:CollectionDescription$1.default,CollectionToolbar:CollectionToolbar$1.default,CollectionPaginator:CollectionPaginator$1.default};exports.collectionSetting=collectionSetting;

package/dist/cjs/collection/next.js

@@ -1,32 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dynamic = require('next/dynamic');
-var Loading = require('../common/components/Loading.js');
-require('react/jsx-runtime');
-
-const CollectionTitle = dynamic(()=>Promise.resolve().then(function () { return require('./components/CollectionTitle.js'); }), {
-    loading: Loading.default
-});
-const CollectionDescription = dynamic(()=>Promise.resolve().then(function () { return require('./components/CollectionDescription.js'); }), {
-    loading: Loading.default
-});
-const CollectionBanner = dynamic(()=>Promise.resolve().then(function () { return require('./components/CollectionBanner.js'); }), {
-    loading: Loading.default
-});
-const CollectionToolbar = dynamic(()=>Promise.resolve().then(function () { return require('./components/CollectionToolbar.js'); }), {
-    loading: Loading.default
-});
-const CollectionPaginator = dynamic(()=>Promise.resolve().then(function () { return require('./components/CollectionPaginator.js'); }), {
-    loading: Loading.default
-});
-var collection = {
-    CollectionTitle,
-    CollectionDescription,
-    CollectionToolbar,
-    CollectionPaginator,
-    CollectionBanner
-};
-
-exports.default = collection;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const CollectionTitle=dynamic(()=>Promise.resolve().then(function(){return require("./components/collection-title/CollectionTitle.js")}),{loading:Loading.default}),CollectionDescription=dynamic(()=>Promise.resolve().then(function(){return require("./components/collection-description/CollectionDescription.js")}),{loading:Loading.default}),CollectionBanner=dynamic(()=>Promise.resolve().then(function(){return require("./components/collection-banner/CollectionBanner.js")}),{loading:Loading.default}),CollectionToolbar=dynamic(()=>Promise.resolve().then(function(){return require("./components/collection-toolbar/CollectionToolbar.js")}),{loading:Loading.default}),CollectionPaginator=dynamic(()=>Promise.resolve().then(function(){return require("./components/collection-paginator/CollectionPaginator.js")}),{loading:Loading.default});var collection={CollectionTitle,CollectionDescription,CollectionToolbar,CollectionPaginator,CollectionBanner};exports.default=collection;