@gem-sdk/core 16.1.0-dev.0 → 17.0.0-dev.9

package/dist/esm/graphql/queries/published-theme-pages.generated.js

@@ -1,14 +1,85 @@
-import{PublishedThemePageSelect as e}from"../fragments/published-theme-page.generated.js";import{PublishedPageSectionSelect as s}from"../fragments/published-page-section.generated.js";import{PublishedCustomSectionSelect as t}from"../fragments/published-custom-section.generated.js";import{DataSeoSelect as m}from"../fragments/data-seo.generated.js";import{PublishedThemeStyleSelect as r}from"../fragments/published-theme-style.generated.js";import{AnalyticSelect as g}from"../fragments/analytic.generated.js";import{CustomCodeSelect as a}from"../fragments/custom-code.generated.js";import{CustomFontSelect as o}from"../fragments/custom-font.generated.js";let PublishedThemePagesDocument=`
+function e(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class t extends String{toString(){return this.value}constructor(t,i){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=i}}let i=new t(`
     query publishedThemePages($slug: String, $slugType: PublishedThemePageType!) {
   publishedThemePages(slug: $slug, slugType: $slugType) {
     ...PublishedThemePageSelect
   }
 }
-    ${e}
-${s}
-${t}
-${m}
-${r}
-${g}
-${a}
-${o}`;export{PublishedThemePagesDocument};
+    fragment PublishedThemePageSelect on PublishedThemePage {
+  id
+  shopID
+  name
+  handle
+  isMobile
+  sectionPosition
+  pageSections {
+    ...PublishedPageSectionSelect
+  }
+  themePageCustomSections {
+    ...PublishedCustomSectionSelect
+  }
+  themePageDataSEO {
+    ...DataSEOSelect
+  }
+  pageStyle {
+    ...PublishedThemeStyleSelect
+  }
+  themePageAnalytic {
+    ...AnalyticSelect
+  }
+  themePageCustomCode {
+    ...CustomCodeSelect
+  }
+  themePageCustomFonts {
+    ...CustomFontSelect
+  }
+  interaction {
+    id
+    value
+  }
+  metafields {
+    key
+    value
+  }
+}
+fragment PublishedPageSectionSelect on PublishedPageSection {
+  cid
+  component
+  id
+}
+fragment PublishedCustomSectionSelect on PublishedCustomSection {
+  cid
+  component
+  id
+  type
+}
+fragment DataSEOSelect on DataSEO {
+  id
+  key
+  value
+}
+fragment PublishedThemeStyleSelect on PublishedThemeStyle {
+  id
+  data
+  name
+}
+fragment AnalyticSelect on Analytic {
+  fbPixelID
+  gaTrackingID
+  tiktokPixelID
+}
+fragment CustomCodeSelect on CustomCode {
+  body
+  header
+}
+fragment CustomFontSelect on CustomFont {
+  backupFilePath
+  fileKey
+  filePath
+  fontFamily
+  fontStyle
+  fontWeight
+  id
+  mimeType
+  shopID
+  size
+}`);export{i as PublishedThemePagesDocument,t as TypedDocumentString};

package/dist/esm/graphql/queries/shop-shopify.generated.js

@@ -1,7 +1,7 @@
-let ShopShopifyDocument=`
+function e(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class t extends String{toString(){return this.value}constructor(t,i){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=i}}let i=new t(`
     query shopShopify {
   shopShopify {
     timezone
   }
 }
-    `;export{ShopShopifyDocument};
+    `);export{i as ShopShopifyDocument,t as TypedDocumentString};

package/dist/esm/graphql/queries/store-property.generated.js

@@ -1,4 +1,4 @@
-let StorePropertyDocument=`
+function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class t extends String{toString(){return this.value}constructor(t,r){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=r}}let r=new t(`
     query storeProperty {
   storeProperty {
     favicon
@@ -6,4 +6,4 @@ let StorePropertyDocument=`
     primaryDomain
   }
 }
-    `;export{StorePropertyDocument};
+    `);export{r as StorePropertyDocument,t as TypedDocumentString};

package/dist/esm/graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js

@@ -1,4 +1,4 @@
-let LibrarySaleFunnelDocument=`
+function e(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class t extends String{toString(){return this.value}constructor(t,i){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=i}}let i=new t(`
     query LibrarySaleFunnel($librarySaleFunnelId: ID!) {
   librarySaleFunnel(id: $librarySaleFunnelId) {
     id
@@ -18,4 +18,4 @@ let LibrarySaleFunnelDocument=`
     }
   }
 }
-    `;export{LibrarySaleFunnelDocument};
+    `);export{i as LibrarySaleFunnelDocument,t as TypedDocumentString};

package/dist/esm/graphql-app-api/queries/LibraryTemplate.generated.js

@@ -1,4 +1,4 @@
-let LibraryTemplateDocument=`
+function e(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class t extends String{toString(){return this.value}constructor(t,i){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=i}}let i=new t(`
     query LibraryTemplate($libraryTemplateId: ID!) {
   libraryTemplate(id: $libraryTemplateId) {
     id
@@ -10,4 +10,4 @@ let LibraryTemplateDocument=`
     }
   }
 }
-    `;export{LibraryTemplateDocument};
+    `);export{i as LibraryTemplateDocument,t as TypedDocumentString};

package/dist/esm/graphql-app-api/queries/SaleFunnelDiscounts.generated.js

@@ -1,4 +1,4 @@
-let SaleFunnelDiscountsDocument=`
+function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class t extends String{toString(){return this.value}constructor(t,r){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=r}}let r=new t(`
     query SaleFunnelDiscounts($where: SaleFunnelDiscountWhereInput, $orderBy: SaleFunnelDiscountOrder, $last: Int, $before: Cursor, $first: Int, $after: Cursor) {
   saleFunnelDiscounts(
     where: $where
@@ -31,4 +31,4 @@ let SaleFunnelDiscountsDocument=`
     totalCount
   }
 }
-    `;export{SaleFunnelDiscountsDocument};
+    `);export{r as SaleFunnelDiscountsDocument,t as TypedDocumentString};

package/dist/esm/graphql-app-api/queries/SaleFunnelOffer.generated.js

@@ -1,4 +1,4 @@
-let SaleFunnelOfferDocument=`
+function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class t extends String{toString(){return this.value}constructor(t,n){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=n}}let n=new t(`
     query SaleFunnelOffer($saleFunnelOfferId: ID!) {
   saleFunnelOffer(id: $saleFunnelOfferId) {
     dynamicDiscounts {
@@ -18,4 +18,4 @@ let SaleFunnelOfferDocument=`
     deletedAt
   }
 }
-    `;export{SaleFunnelOfferDocument};
+    `);export{n as SaleFunnelOfferDocument,t as TypedDocumentString};

package/dist/esm/graphql-app-api/queries/ShopLibraryPage.generated.js

@@ -1,4 +1,4 @@
-let ShopLibraryPageDocument=`
+function e(e,i,r){return i in e?Object.defineProperty(e,i,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[i]=r,e}class i extends String{toString(){return this.value}constructor(i,r){super(i),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=i,this.__meta__=r}}let r=new i(`
     query ShopLibraryPage($shopLibraryPageId: ID!) {
   shopLibraryPage(id: $shopLibraryPageId) {
     id
@@ -10,4 +10,4 @@ let ShopLibraryPageDocument=`
     }
   }
 }
-    `;export{ShopLibraryPageDocument};
+    `);export{r as ShopLibraryPageDocument,i as TypedDocumentString};

package/dist/esm/graphql-app-api/queries/ThemePage.generated.js

@@ -1,4 +1,4 @@
-let ThemePageDocument=`
+function e(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class t extends String{toString(){return this.value}constructor(t,i){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=i}}let i=new t(`
     query ThemePage($themePageId: ID!, $first: Int, $where: ThemeStyleWhereInput) {
   themePage(id: $themePageId) {
     id
@@ -31,4 +31,4 @@ let ThemePageDocument=`
     }
   }
 }
-    `;export{ThemePageDocument};
+    `);export{i as ThemePageDocument,t as TypedDocumentString};

package/dist/esm/graphql-app-api/queries/ThemePageMeta.generated.js

@@ -1,4 +1,4 @@
-let ThemePageMetaDocument=`
+function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class t extends String{toString(){return this.value}constructor(t,r){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=r}}let r=new t(`
     query themePageMeta($after: Cursor, $before: Cursor, $first: Int, $last: Int, $themePageID: ID!, $where: ThemePageMetaWhereInput) {
   themePageMeta(
     after: $after
@@ -27,4 +27,4 @@ let ThemePageMetaDocument=`
     totalCount
   }
 }
-    `;export{ThemePageMetaDocument};
+    `);export{r as ThemePageMetaDocument,t as TypedDocumentString};

package/dist/esm/helpers/GlobalEvent.js

@@ -1 +1 @@
-let globalEvent={subscribe(e,t){document.addEventListener(e,e=>t(e.detail))},dispatch(e,t){document.dispatchEvent(new CustomEvent(e,{detail:t}))},remove(e,t){document.removeEventListener(e,t)}};export{globalEvent as default};
+let e={subscribe(e,t){document.addEventListener(e,e=>t(e.detail))},dispatch(e,t){document.dispatchEvent(new CustomEvent(e,{detail:t}))},remove(e,t){document.removeEventListener(e,t)}};export{e as default};

package/dist/esm/helpers/align.js

@@ -1 +1 @@
-import{DEVICES as t}from"../constants/device.js";let convertTextAlignToJustify=e=>{let s={};return t.forEach(t=>{let r="desktop"===t?"":`${t}:`;s[`${r}gp-justify-start`]=e?.[t]==="left",s[`${r}gp-justify-center`]=e?.[t]==="center",s[`${r}gp-justify-end`]=e?.[t]==="right"}),s},getAlignmentClasses=e=>t.reduce((t,s)=>{let r="desktop"===s?"":`${s}:`,n=e?.[s];return n&&(t[`${r}gp-justify-start`]="left"===n,t[`${r}gp-justify-center`]="center"===n,t[`${r}gp-justify-end`]="right"===n),t},{});export{convertTextAlignToJustify,getAlignmentClasses};
+import{DEVICES as t}from"../constants/device.js";let e=e=>{let r={};return t.forEach(t=>{let s="desktop"===t?"":`${t}:`;r[`${s}gp-justify-start`]=e?.[t]==="left",r[`${s}gp-justify-center`]=e?.[t]==="center",r[`${s}gp-justify-end`]=e?.[t]==="right"}),r},r=e=>t.reduce((t,r)=>{let s="desktop"===r?"":`${r}:`,n=e?.[r];return n&&(t[`${s}gp-justify-start`]="left"===n,t[`${s}gp-justify-center`]="center"===n,t[`${s}gp-justify-end`]="right"===n),t},{});export{e as convertTextAlignToJustify,r as getAlignmentClasses};

package/dist/esm/helpers/animations.js

@@ -1 +1 @@
-let EASING={ease:"cubic-bezier(0.46,0.03,0.52,0.96)","ease-in":"cubic-bezier(0.55,0.08,0.68,0.53)","ease-out":"cubic-bezier(0.46,0.03,0.52,0.96)",linear:"linear"},animations=()=>{let e=e=>{let r=JSON.parse(JSON.stringify(e)),t=["delay","speed","scale","intensity"];return t.forEach(e=>{if(!r?.[e])return;if("scale"===e){if(!r?.zoomDirection)throw TypeError("zoomDirection not found on zoom preset");let[t,a]=r?.scale?.in??[1,1],[n,i]=r?.scale?.out??[1,1];r[e]={in:[Number(t)/100,Number(a)/100],out:[Number(n)/100,Number(i)/100]};return}let t=Number(r?.[e]);if("delay"===e?r[e]=1e3*t:r[e]=t,!isFinite(t))throw TypeError(`${e} must be a number`)}),r},r=(r,t,n)=>{let i=e(t),{direction:o,distance:l}=i,f=["left","right"].includes(o??"")?"X":"Y",m=["left","down"].includes(o??"")?"-":"";n&&(m=["left","down"].includes(o??"")?"":"-");let u=[{opacity:0,transform:`translate${f}(${m}${l??50}%)`},{opacity:1,transform:`translate${f}(0)`}];return s(r,n?u.reverse():u,{...a(i,500)})},t=(r,t,n)=>{let i=e(t),o=[{opacity:0},{opacity:1}];return s(r,n?o.reverse():o,{...a(i,500)})},a=(e,r)=>{let t=e=>e?1.5/e*1e3:r,{loop:a,delay:n,speed:i,easing:o}=e??{},s=t(i),l=n??0,f=a?s+l:s;return{iterations:a?1/0:1,duration:f,delay:l,easing:EASING[o??"linear"]}},n=(r,t,n)=>{let i=e(t),{scale:o,zoomDirection:l,isFade:f}=i,[m,u]=o.in,[c,p]=o.out,d=[{transform:`scale(${m}, ${m})`,opacity:f?0:1},{transform:`scale(${u??1.2}, ${u??1.2})`,opacity:1}],y=[{transform:`scale(${c}, ${c})`,opacity:f?0:1},{transform:`scale(${p??.8}, ${p??.8})`,opacity:1}],b="in"===l?d:y;return n&&(b="in"===l?y:d),s(r,n?b.reverse():b,{...a(i,700)})},i=(e,r,t)=>{if(!r)return e;let a=r/t,n=[...e].pop();return[...e,{...n,offset:1-a}]},o=(r,t)=>{let n=e(t),{intensity:i}=n??{},o=[{transform:"translate3d(0, 0, 0)"}],l=[{transform:"translate3d(4px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(4px, 0, 0)"}],f=[];Array.from(Array(i??1).keys()).forEach(()=>{f=[...f,...l]});let m=[{transform:"translate3d(-1px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},...f,{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-1px, 0, 0)"}];return s(r,i?m:o,{...a(n??{},820)})},s=(e,r,t)=>{let a=new KeyframeEffect(e,t.iterations&&1===t.iterations?r:i(r,t?.delay??0,t?.duration??0),{...t});return new Animation(a,document.timeline)};return{zoom:n,shake:o,fade:t,slide:r}};export{animations};
+let e={ease:"cubic-bezier(0.46,0.03,0.52,0.96)","ease-in":"cubic-bezier(0.55,0.08,0.68,0.53)","ease-out":"cubic-bezier(0.46,0.03,0.52,0.96)",linear:"linear"},r=()=>{let r=e=>{let r=JSON.parse(JSON.stringify(e));return["delay","speed","scale","intensity"].forEach(e=>{if(!r?.[e])return;if("scale"===e){if(!r?.zoomDirection)throw TypeError("zoomDirection not found on zoom preset");let[t,a]=r?.scale?.in??[1,1],[n,o]=r?.scale?.out??[1,1];r[e]={in:[Number(t)/100,Number(a)/100],out:[Number(n)/100,Number(o)/100]};return}let t=Number(r?.[e]);if("delay"===e?r[e]=1e3*t:r[e]=t,!isFinite(t))throw TypeError(`${e} must be a number`)}),r},t=(r,t)=>{let{loop:a,delay:n,speed:o,easing:s}=r??{},i=o?1.5/o*1e3:t,l=n??0;return{iterations:a?1/0:1,duration:a?i+l:i,delay:l,easing:e[s??"linear"]}},a=(e,r,t)=>{if(!r)return e;let a=[...e].pop();return[...e,{...a,offset:1-r/t}]},n=(e,r,t)=>{let n=new KeyframeEffect(e,t.iterations&&1===t.iterations?r:a(r,t?.delay??0,t?.duration??0),{...t});return new Animation(n,document.timeline)};return{zoom:(e,a,o)=>{let s=r(a),{scale:i,zoomDirection:l,isFade:f}=s,[m,u]=i.in,[c,d]=i.out,p=[{transform:`scale(${m}, ${m})`,opacity:f?0:1},{transform:`scale(${u??1.2}, ${u??1.2})`,opacity:1}],y=[{transform:`scale(${c}, ${c})`,opacity:f?0:1},{transform:`scale(${d??.8}, ${d??.8})`,opacity:1}],b="in"===l?p:y;return o&&(b="in"===l?y:p),n(e,o?b.reverse():b,{...t(s,700)})},shake:(e,a)=>{let o=r(a),{intensity:s}=o??{},i=[{transform:"translate3d(4px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(4px, 0, 0)"}],l=[];Array.from(Array(s??1).keys()).forEach(()=>{l=[...l,...i]});let f=[{transform:"translate3d(-1px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},...l,{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-1px, 0, 0)"}];return n(e,s?f:[{transform:"translate3d(0, 0, 0)"}],{...t(o??{},820)})},fade:(e,a,o)=>{let s=r(a),i=[{opacity:0},{opacity:1}];return n(e,o?i.reverse():i,{...t(s,500)})},slide:(e,a,o)=>{let s=r(a),{direction:i,distance:l}=s,f=["left","right"].includes(i??"")?"X":"Y",m=["left","down"].includes(i??"")?"-":"";o&&(m=["left","down"].includes(i??"")?"":"-");let u=[{opacity:0,transform:`translate${f}(${m}${l??50}%)`},{opacity:1,transform:`translate${f}(0)`}];return n(e,o?u.reverse():u,{...t(s,500)})}}};export{r as animations};

package/dist/esm/helpers/background.js

@@ -1 +1 @@
-import{devicesMapping as e}from"./constant.js";import{isColor as t,getSingleColorVariable as g}from"./colors.js";import{makeStyleResponsive as o}from"./make-style.js";import{getResponsiveValueByScreen as i}from"./get-resonsive-value.js";import{DEVICES as r}from"../constants/device.js";import{hasTranslatedLiquid as l}from"./liquid.js";let isEmptyBg=e=>e?.videoHtml5===void 0&&e?.video===void 0&&!e?.videoType,getBgVideoByDevice=(e,t="desktop")=>{let g=e?.[t];if(isEmptyBg(g)&&"desktop"!==t){let t=e?.tablet;g=isEmptyBg(t)?e?.desktop:t}return g},getStyleBackgroundByDevice=(e,t)=>e?{...t?.ignoreBackgroundColor?{}:{...getStyleBgColor(e)},...t?.ignoreBackgroundImage?{}:{...getStyleBgImage(e,t)},...t?.ignoreBackgroundImageProperties?{}:{...getStyleBgPosition(e),...getStyleBgSize(e),...getStyleBgRepeat(e)},...t?.ignoreBgAttachment?{}:getStyleBgAttachment(e)}:{},getStyleBgColor=e=>{let t={desktop:getBgColorByDevice(e,"desktop"),tablet:getBgColorByDevice(e,"tablet"),mobile:getBgColorByDevice(e,"mobile")};return o("bgc",t)},getBgColorByDevice=(e,t)=>getColor(e?.[t]?.color),getColor=e=>e?t(e?.toString())?e:`var(--g-c-${e})`:void 0,getStyleBgImage=(e,t)=>{let g={desktop:getBgImageByDevice(e,"desktop",t),tablet:getBgImageByDevice(e,"tablet",t),mobile:getBgImageByDevice(e,"mobile",t)};return o("bgi",g)},getBgImageByDevice=(e,t,g)=>{let o=e?.[t]?.type==="video";if(o)return;if(e?.[t]?.type==="color")return"url()";let i=e?.[t]?.image?.backupFileKey,r=e?.[t]?.image?.storage,a=e?.[t]?.image?.src,B=l(a)?"":i,c=a?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return(B&&c&&c!=i&&(B=c),"FILE_CONTENT"===r&&g?.liquid&&B&&(a=`{{ "${B.replace(".jpeg",".jpg")}" | file_url }}`),("THEME"===r||!r)&&g?.liquid&&B&&(a=`{{ "${B}" | asset_url }}`),"string"==typeof a&&a)?`url(${a})`:void 0!==a?"none":void 0},getStyleBgPosition=e=>{let t={desktop:getBgPositionByDevice(e,"desktop"),tablet:getBgPositionByDevice(e,"tablet"),mobile:getBgPositionByDevice(e,"mobile")};return o("bgp",t)},getBgPositionByDevice=(e,t)=>{let g=e?.[t]?.position;return g&&`${g.x}% ${g.y}%`},getStyleBgSize=e=>{let t={desktop:getBgSizeByDevice(e,"desktop"),tablet:getBgSizeByDevice(e,"tablet"),mobile:getBgSizeByDevice(e,"mobile")};return o("bgs",t)},getBgSizeByDevice=(e,t)=>e?.[t]?.size,getStyleBgRepeat=e=>{let t={desktop:getBgRepeatByDevice(e,"desktop"),tablet:getBgRepeatByDevice(e,"tablet"),mobile:getBgRepeatByDevice(e,"mobile")};return o("bgr",t)},getBgRepeatByDevice=(e,t)=>e?.[t]?.repeat,getStyleBgAttachment=e=>{let t={desktop:getBgAttachmentByDevice(e,"desktop"),tablet:getBgAttachmentByDevice(e,"tablet"),mobile:getBgAttachmentByDevice(e,"mobile")};return o("bga",t)},getBgAttachmentByDevice=(e,t)=>e?.[t]?.attachment,composeBackgroundCss=e=>`${e?`background-color: ${g(e)};`:void 0}`,makeFixedBgAttachment=e=>{if(!e)return;e.tablet=e.tablet?e.tablet:e.desktop,e.mobile=e.mobile?e.mobile:e.tablet;let t={desktop:getBgAttachmentByDevice(e,"desktop"),tablet:getBgAttachmentByDevice(e,"tablet"),mobile:getBgAttachmentByDevice(e,"mobile")},g={desktop:{...makeFixedBgAttachmentByDevice("desktop",t.desktop)},tablet:{...makeFixedBgAttachmentByDevice("tablet",t.tablet)},mobile:{...makeFixedBgAttachmentByDevice("mobile",t.mobile)}};return{wrapper:{...g.desktop?.wrapper,...g.tablet?.wrapper,...g.mobile?.wrapper},content:{...g.desktop?.content,...g.tablet?.content,...g.mobile?.content}}},makeFixedBgAttachmentByDevice=(t,g)=>{let o=e[t]??"";return"fixed"===g?{wrapper:{[`--pos${o}`]:"absolute",[`--top${o}`]:"0",[`--left${o}`]:"0",[`--w${o}`]:"100%",[`--h${o}`]:"100%"},content:{[`--pos${o}`]:"fixed",[`--w${o}`]:"100vw",[`--h${o}`]:"100vh",[`--bga${o}`]:"unset"}}:{wrapper:{[`--pos${o}`]:"absolute"},content:{[`--w${o}`]:"100%",[`--h${o}`]:"100%",[`--pos${o}`]:"absolute",[`--bga${o}`]:g}}},getGradientBgrStyleForButton=e=>{if(!e)return;let t={};for(let g of Object.keys(e)){let o=e[g];if(!o?.startsWith(GRADIENT_BGR_KEY))continue;let i="normal"===g?"--bgi":"--hvr-bgi";t[i]=o}return t},GRADIENT_BGR_KEY="linear-gradient",getCombinedBackgroundImage=e=>{if(!e)return;let{color:t,image:g}=e,o=g?.src&&g?.src?.trim()!=="",i=t?.includes(GRADIENT_BGR_KEY);return o&&i?`url('${g?.src}'), ${t}`:o?`url('${g?.src}')`:i?t:void 0},getGradientImageBgrStyleByDevice=e=>{if(!e)return;let t={};return r.forEach(g=>{let o=e[g];if(!o)return;let i="desktop"!==g?`-${g}`:"";o.color&&Object.assign(t,{[`--bgc${i}`]:o.color});let r=getCombinedBackgroundImage(o);r&&Object.assign(t,{[`--bgi${i}`]:r})}),t},getGradientBgrStyleByDevice=(e,t)=>{if(!e)return;let g={};return r.forEach(o=>{if(e[o]?.color?.includes(GRADIENT_BGR_KEY)){let i=`${getBgImageByDevice(e,o)||"url()"}, ${e[o]?.color}`;Object.assign(g,{[`--bgc${"desktop"!==o?"-"+o:""}`]:e[o]?.color,[`--bgi${"desktop"!==o?"-"+o:""}`]:t?.[o]?i:`${e[o]?.color}`})}}),g},getBgByDevice=e=>{let{backgroundColor:t,backgroundImage:g}=e;if(!t&&!g)return;let o={desktop:i(g,"desktop"),tablet:i(g,"tablet"),mobile:i(g,"mobile")},l={};return r.forEach(e=>{let r=i(t,e),a=g?getBgImageByDevice(o,e):void 0;r?.includes(GRADIENT_BGR_KEY)?Object.assign(l,{[`--bgi${"desktop"!==e?"-"+e:""}`]:r}):Object.assign(l,{[`--bgc${"desktop"!==e?"-"+e:""}`]:r,[`--bgi${"desktop"!==e?"-"+e:""}`]:"none"}),a&&"none"!==a&&Object.assign(l,{[`--bgi${"desktop"!==e?"-"+e:""}`]:a})}),{...l,...getStyleBgPosition(g),...getStyleBgSize(g),...getStyleBgRepeat(g),...getStyleBgAttachment(g)}};export{GRADIENT_BGR_KEY,composeBackgroundCss,getBgByDevice,getBgImageByDevice,getBgVideoByDevice,getColor,getCombinedBackgroundImage,getGradientBgrStyleByDevice,getGradientBgrStyleForButton,getGradientImageBgrStyleByDevice,getStyleBackgroundByDevice,getStyleBgColor,makeFixedBgAttachment};
+import{devicesMapping as e}from"./constant.js";import{getSingleColorVariable as t,isColor as o}from"./colors.js";import{makeStyleResponsive as r}from"./make-style.js";import{getResponsiveValueByScreen as l}from"./get-resonsive-value.js";import{DEVICES as i}from"../constants/device.js";import{hasTranslatedLiquid as s}from"./liquid.js";let n=e=>e?.videoHtml5===void 0&&e?.video===void 0&&!e?.videoType,a=(e,t="desktop")=>{let o=e?.[t];if(n(o)&&"desktop"!==t){let t=e?.tablet;o=n(t)?e?.desktop:t}return o},b=(e,t)=>e?{...t?.ignoreBackgroundColor?{}:{...g(e)},...t?.ignoreBackgroundImage?{}:{...c(e,t)},...t?.ignoreBackgroundImageProperties?{}:{...u(e),...$(e),...v(e)},...t?.ignoreBgAttachment?{}:y(e)}:{},g=e=>{let t={desktop:p(e,"desktop"),tablet:p(e,"tablet"),mobile:p(e,"mobile")};return r("bgc",t)},p=(e,t)=>d(e?.[t]?.color),d=e=>e?o(e?.toString())?e:`var(--g-c-${e})`:void 0,c=(e,t)=>{let o={desktop:m(e,"desktop",t),tablet:m(e,"tablet",t),mobile:m(e,"mobile",t)};return r("bgi",o)},m=(e,t,o)=>{let r=e?.[t]?.type==="video";if(r)return;if(e?.[t]?.type==="color")return"url()";let l=e?.[t]?.image?.backupFileKey,i=e?.[t]?.image?.storage,n=e?.[t]?.image?.src,a=s(n)?"":l,b=n?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return(a&&b&&b!=l&&(a=b),"FILE_CONTENT"===i&&o?.liquid&&a&&(n=`{{ "${a.replace(".jpeg",".jpg")}" | file_url }}`),("THEME"===i||!i)&&o?.liquid&&a&&(n=`{{ "${a}" | asset_url }}`),"string"==typeof n&&n)?`url(${n})`:void 0!==n?"none":void 0},u=e=>{let t={desktop:k(e,"desktop"),tablet:k(e,"tablet"),mobile:k(e,"mobile")};return r("bgp",t)},k=(e,t)=>{let o=e?.[t]?.position;return o&&`${o.x}% ${o.y}%`},$=e=>{let t={desktop:f(e,"desktop"),tablet:f(e,"tablet"),mobile:f(e,"mobile")};return r("bgs",t)},f=(e,t)=>e?.[t]?.size,v=e=>{let t={desktop:B(e,"desktop"),tablet:B(e,"tablet"),mobile:B(e,"mobile")};return r("bgr",t)},B=(e,t)=>e?.[t]?.repeat,y=e=>{let t={desktop:j(e,"desktop"),tablet:j(e,"tablet"),mobile:j(e,"mobile")};return r("bga",t)},j=(e,t)=>e?.[t]?.attachment,h=e=>`${e?`background-color: ${t(e)};`:void 0}`,w=e=>{if(!e)return;e.tablet=e.tablet?e.tablet:e.desktop,e.mobile=e.mobile?e.mobile:e.tablet;let t={desktop:j(e,"desktop"),tablet:j(e,"tablet"),mobile:j(e,"mobile")},o={desktop:{...E("desktop",t.desktop)},tablet:{...E("tablet",t.tablet)},mobile:{...E("mobile",t.mobile)}};return{wrapper:{...o.desktop?.wrapper,...o.tablet?.wrapper,...o.mobile?.wrapper},content:{...o.desktop?.content,...o.tablet?.content,...o.mobile?.content}}},E=(t,o)=>{let r=e[t]??"";return"fixed"===o?{wrapper:{[`--pos${r}`]:"absolute",[`--top${r}`]:"0",[`--left${r}`]:"0",[`--w${r}`]:"100%",[`--h${r}`]:"100%"},content:{[`--pos${r}`]:"fixed",[`--w${r}`]:"100vw",[`--h${r}`]:"100vh",[`--bga${r}`]:"unset"}}:{wrapper:{[`--pos${r}`]:"absolute"},content:{[`--w${r}`]:"100%",[`--h${r}`]:"100%",[`--pos${r}`]:"absolute",[`--bga${r}`]:o}}},O=e=>{if(!e)return;let t={};for(let o of Object.keys(e)){let r=e[o];if(!r?.startsWith(D))continue;let l="normal"===o?"--bgi":"--hvr-bgi";t[l]=r}return t},D="linear-gradient",I=e=>{if(!e)return;let{color:t,image:o}=e,r=o?.src&&o?.src?.trim()!=="",l=t?.includes(D);return r&&l?`url('${o?.src}'), ${t}`:r?`url('${o?.src}')`:l?t:void 0},C=e=>{if(!e)return;let t={};return i.forEach(o=>{let r=e[o];if(!r)return;let l="desktop"!==o?`-${o}`:"";r.color&&Object.assign(t,{[`--bgc${l}`]:r.color});let i=I(r);i&&Object.assign(t,{[`--bgi${l}`]:i})}),t},S=(e,t)=>{if(!e)return;let o={};return i.forEach(r=>{if(e[r]?.color?.includes(D)){let l=`${m(e,r)||"url()"}, ${e[r]?.color}`;Object.assign(o,{[`--bgc${"desktop"!==r?"-"+r:""}`]:e[r]?.color,[`--bgi${"desktop"!==r?"-"+r:""}`]:t?.[r]?l:`${e[r]?.color}`})}}),o},x=e=>{let{backgroundColor:t,backgroundImage:o}=e;if(!t&&!o)return;let r={desktop:l(o,"desktop"),tablet:l(o,"tablet"),mobile:l(o,"mobile")},s={};return i.forEach(e=>{let i=l(t,e),n=o?m(r,e):void 0;i?.includes(D)?Object.assign(s,{[`--bgi${"desktop"!==e?"-"+e:""}`]:i}):Object.assign(s,{[`--bgc${"desktop"!==e?"-"+e:""}`]:i,[`--bgi${"desktop"!==e?"-"+e:""}`]:"none"}),n&&"none"!==n&&Object.assign(s,{[`--bgi${"desktop"!==e?"-"+e:""}`]:n})}),{...s,...u(o),...$(o),...v(o),...y(o)}};export{D as GRADIENT_BGR_KEY,h as composeBackgroundCss,x as getBgByDevice,m as getBgImageByDevice,a as getBgVideoByDevice,d as getColor,I as getCombinedBackgroundImage,S as getGradientBgrStyleByDevice,O as getGradientBgrStyleForButton,C as getGradientImageBgrStyleByDevice,b as getStyleBackgroundByDevice,g as getStyleBgColor,w as makeFixedBgAttachment};

package/dist/esm/helpers/backgroundImage.js

@@ -1 +1 @@
-import{makeStyleState as e}from"./make-style.js";let getStyleBackgroundImage=(e,g)=>e?{...g?.ignoreBackgroundImage?{}:{...getStyleBgImageSource(e,g)},...g?.ignoreBackgroundImageProperties?{}:{...getStyleBgImagePosition(e),...getStyleBgImageSize(e),...getStyleBgImageRepeat(e)},...g?.ignoreBgAttachment?{}:getStyleBgImageAttachment(e)}:{},getStyleBgImageSource=(g,t)=>{let a={normal:getBgImageSourceByDevice(g,"normal",t),hover:getBgImageSourceByDevice(g,"hover",t)};return e("bgi",a)},getBgImageSourceByDevice=(e,g,t)=>{let a=e?.[g],r=a?.image?.backupFileKey,i=a?.image?.storage,o=a?.image?.src,m=r,n=o?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return r&&n&&n!==r&&(m=n),"FILE_CONTENT"===i&&t?.liquid&&m&&(o=`{{ "${m.replace(".jpeg",".jpg")}" | file_url }}`),("THEME"===i||!i)&&t?.liquid&&m&&(o=`{{ "${m}" | asset_url }}`),o?`url(${o})`:"none"},getStyleBgImagePosition=g=>{let t={normal:getBgImagePositionByDevice(g,"normal"),hover:getBgImagePositionByDevice(g,"hover")};return e("bgp",t)},getBgImagePositionByDevice=(e,g)=>{let t=e?.[g]?.position;return t&&`${t.x}% ${t.y}%`},getStyleBgImageSize=g=>{let t={normal:getBgImageSizeByDevice(g,"normal"),hover:getBgImageSizeByDevice(g,"hover")};return e("bgs",t)},getBgImageSizeByDevice=(e,g)=>e?.[g]?.size,getStyleBgImageRepeat=g=>{let t={normal:getBgImageRepeatByDevice(g,"normal"),hover:getBgImageRepeatByDevice(g,"hover")};return e("bgr",t)},getBgImageRepeatByDevice=(e,g)=>e?.[g]?.repeat,getStyleBgImageAttachment=g=>{let t={normal:getBgImageAttachmentByDevice(g,"normal"),hover:getBgImageAttachmentByDevice(g,"hover")};return e("bga",t)},getBgImageAttachmentByDevice=(e,g)=>e?.[g]?.attachment,composeBackgroundImageCss=(e,g={})=>{if(!e)return;let{device:t="desktop",state:a="normal",useLiquid:r=!1,responsive:i}=g,o=[],m=i?e?.[t]?.[a]:e?.[a];if(!m)return"";if(m.image?.src){let e=m.image.src;r&&m.image.backupFileKey&&("FILE_CONTENT"===m.image.storage?e=`{{ "${m.image.backupFileKey.replace(".jpeg",".jpg")}" | file_url }}`:"THEME"!==m.image.storage&&m.image.storage||(e=`{{ "${m.image.backupFileKey}" | asset_url }}`)),o.push(`background-image: url(${e});`)}return m.position&&o.push(`background-position: ${m.position.x}% ${m.position.y}%;`),m.size&&o.push(`background-size: ${m.size};`),m.repeat&&o.push(`background-repeat: ${m.repeat};`),m.attachment&&o.push(`background-attachment: ${m.attachment};`),o.join("\n  ")};export{composeBackgroundImageCss,getBgImageSourceByDevice,getStyleBackgroundImage,getStyleBgImageSource};
+import{makeStyleState as e}from"./make-style.js";let r=(e,r)=>e?{...r?.ignoreBackgroundImage?{}:{...a(e,r)},...r?.ignoreBackgroundImageProperties?{}:{...o(e),...i(e),...l(e)},...r?.ignoreBgAttachment?{}:u(e)}:{},a=(r,a)=>{let o={normal:t(r,"normal",a),hover:t(r,"hover",a)};return e("bgi",o)},t=(e,r,a)=>{let t=e?.[r],o=t?.image?.backupFileKey,g=t?.image?.storage,i=t?.image?.src,n=o,l=i?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return o&&l&&l!==o&&(n=l),"FILE_CONTENT"===g&&a?.liquid&&n&&(i=`{{ "${n.replace(".jpeg",".jpg")}" | file_url }}`),("THEME"===g||!g)&&a?.liquid&&n&&(i=`{{ "${n}" | asset_url }}`),i?`url(${i})`:"none"},o=r=>{let a={normal:g(r,"normal"),hover:g(r,"hover")};return e("bgp",a)},g=(e,r)=>{let a=e?.[r]?.position;return a&&`${a.x}% ${a.y}%`},i=r=>{let a={normal:n(r,"normal"),hover:n(r,"hover")};return e("bgs",a)},n=(e,r)=>e?.[r]?.size,l=r=>{let a={normal:m(r,"normal"),hover:m(r,"hover")};return e("bgr",a)},m=(e,r)=>e?.[r]?.repeat,u=r=>{let a={normal:s(r,"normal"),hover:s(r,"hover")};return e("bga",a)},s=(e,r)=>e?.[r]?.attachment,p=(e,r={})=>{if(!e)return;let{device:a="desktop",state:t="normal",useLiquid:o=!1,responsive:g}=r,i=[],n=g?e?.[a]?.[t]:e?.[t];if(!n)return"";if(n.image?.src){let e=n.image.src;o&&n.image.backupFileKey&&("FILE_CONTENT"===n.image.storage?e=`{{ "${n.image.backupFileKey.replace(".jpeg",".jpg")}" | file_url }}`:"THEME"!==n.image.storage&&n.image.storage||(e=`{{ "${n.image.backupFileKey}" | asset_url }}`)),i.push(`background-image: url(${e});`)}return n.position&&i.push(`background-position: ${n.position.x}% ${n.position.y}%;`),n.size&&i.push(`background-size: ${n.size};`),n.repeat&&i.push(`background-repeat: ${n.repeat};`),n.attachment&&i.push(`background-attachment: ${n.attachment};`),i.join("\n  ")};export{p as composeBackgroundImageCss,t as getBgImageSourceByDevice,r as getStyleBackgroundImage,a as getStyleBgImageSource};

package/dist/esm/helpers/borders.js

@@ -1,4 +1,4 @@
-import{getSingleColorVariable as o,getGlobalColorStateResponsiveStyle as e,getGlobalColorStateStyle as r,getGlobalColorStateResponsiveClass as t,getGlobalColorStateClass as l,getGlobalColorStateResponsiveClassDynamicBtn as n,getGlobalColorStateClassDynamicBtn as s}from"./colors.js";import{makeStyle as b,makeStyleResponsiveState as d,makeStyleState as m}from"./make-style.js";import{devicesMapping as i}from"./constant.js";let getBorderStyle=e=>b({b:e?.border,bc:o(e?.color),bw:e?.width}),getBorderRadiusStyle=(o,e)=>{let r=Object.entries(e||{}).reduce((o,[e,r])=>({...o,[`--${e}`]:r}),{});return Object.entries(o||{}).reduce((o,[e,r])=>({...o,[`--${e}`]:r}),r)},handleConvertBorderStyle=(o,e)=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let r={desktop:{normal:"button"!==e||o.desktop?.normal?.borderType!=="none"||o.desktop?.normal?.isCustom?o.desktop?.normal?.border:"solid",hover:"button"!==e||o.desktop?.hover?.borderType!=="none"||o.desktop?.hover?.isCustom?o.desktop?.hover?.border:"solid",focus:"button"!==e||o.desktop?.focus?.borderType!=="none"||o.desktop?.focus?.isCustom?o.desktop?.focus?.border:"solid"},tablet:{normal:"button"!==e||o.tablet?.normal?.borderType!=="none"||o.tablet?.normal?.isCustom?o.tablet?.normal?.border:"solid",hover:"button"!==e||o.tablet?.hover?.borderType!=="none"||o.tablet?.hover?.isCustom?o.tablet?.hover?.border:"solid",focus:"button"!==e||o.tablet?.focus?.borderType!=="none"||o.tablet?.focus?.isCustom?o.tablet?.focus?.border:"solid"},mobile:{normal:"button"!==e||o.mobile?.normal?.borderType!=="none"||o.mobile?.normal?.isCustom?o.mobile?.normal?.border:"solid",hover:"button"!==e||o.mobile?.hover?.borderType!=="none"||o.mobile?.hover?.isCustom?o.mobile?.hover?.border:"solid",focus:"button"!==e||o.mobile?.focus?.borderType!=="none"||o.mobile?.focus?.isCustom?o.mobile?.focus?.border:"solid"}};return d("bs",r)}let r={normal:"button"!==e||o.normal?.borderType!=="none"||o.normal?.isCustom?o?.normal?.border:"solid",hover:"button"!==e||o.hover?.borderType!=="none"||o.hover?.isCustom?o?.hover?.border:"solid",focus:"button"!==e||o.focus?.borderType!=="none"||o.focus?.isCustom?o?.focus?.border:"solid"};return m("bs",r)},handleConvertBorderWidth=(o,e)=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let r={desktop:{normal:"button"!==e||o.desktop?.normal?.borderType!=="none"||o?.desktop?.normal?.isCustom?o.desktop?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.desktop?.hover?.borderType!=="none"||o?.desktop?.normal?.isCustom?o.desktop?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.desktop?.focus?.borderType!=="none"||o?.desktop?.normal?.isCustom?o.desktop?.focus?.width:"1px 1px 1px 1px"},tablet:{normal:"button"!==e||o.tablet?.normal?.borderType!=="none"||o?.tablet?.normal?.isCustom?o.tablet?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.tablet?.hover?.borderType!=="none"||o?.tablet?.hover?.isCustom?o.tablet?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.tablet?.focus?.borderType!=="none"||o?.tablet?.focus?.isCustom?o.tablet?.focus?.width:"1px 1px 1px 1px"},mobile:{normal:"button"!==e||o.mobile?.normal?.borderType!=="none"||o?.mobile?.normal?.isCustom?o.mobile?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.mobile?.hover?.borderType!=="none"||o?.mobile?.hover?.isCustom?o.mobile?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.mobile?.focus?.borderType!=="none"||o?.mobile?.focus?.isCustom?o.mobile?.focus?.width:"1px 1px 1px 1px"}};return d("bw",r)}let r={normal:"button"!==e||o.normal?.borderType!=="none"||o.normal?.isCustom?o?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.hover?.borderType!=="none"||o.hover?.isCustom?o?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.focus?.borderType!=="none"||o.focus?.isCustom?o?.focus?.width:"1px 1px 1px 1px"};return m("bw",r)},handleConvertBorderColor=o=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let r={desktop:{normal:o.desktop?.normal?.color,hover:o.desktop?.hover?.color,focus:o.desktop?.focus?.color},tablet:{normal:o.tablet?.normal?.color,hover:o.tablet?.hover?.color,focus:o.tablet?.focus?.color},mobile:{normal:o.mobile?.normal?.color,hover:o.mobile?.hover?.color,focus:o.mobile?.focus?.color}};return e("bc",r)}let t={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return r("bc",t)},handleConvertInputBorderColor=o=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let r={desktop:{normal:o.desktop?.normal?.color,hover:o.desktop?.hover?.color,focus:o.desktop?.focus?.color},tablet:{normal:o.tablet?.normal?.color,hover:o.tablet?.hover?.color,focus:o.tablet?.focus?.color},mobile:{normal:o.mobile?.normal?.color,hover:o.mobile?.hover?.color,focus:o.mobile?.focus?.color}};return{...e("btc",r),...e("bbc",r),...e("blc",r),...e("brc",r)}}let t={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return r("bc",t)},handleConvertClassColor=o=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let e={desktop:{normal:o.desktop?.normal?.color,hover:o.desktop?.hover?.color,focus:o.desktop?.focus?.color},tablet:{normal:o.tablet?.normal?.color,hover:o.tablet?.hover?.color,focus:o.tablet?.focus?.color},mobile:{normal:o.mobile?.normal?.color,hover:o.mobile?.hover?.color,focus:o.mobile?.focus?.color}};return t("border",e)}let e={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return l("border",e)},handleConvertClassColorDynamicBtn=o=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let e={desktop:{normal:o.desktop?.normal?.color,hover:o.desktop?.hover?.color,focus:o.desktop?.focus?.color},tablet:{normal:o.tablet?.normal?.color,hover:o.tablet?.hover?.color,focus:o.tablet?.focus?.color},mobile:{normal:o.mobile?.normal?.color,hover:o.mobile?.hover?.color,focus:o.mobile?.focus?.color}};return n("border",e)}let e={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return s("border",e)},composeBorderCss=(e,r)=>{if(!e)return"";let t=r?.important?" !important":"",{border:l,width:n,color:s}=e;return`${l?`border-style: ${l}${t};`:""}
+import{getGlobalColorStateResponsiveStyle as o,getGlobalColorStateStyle as e,getSingleColorVariable as r,getGlobalColorStateResponsiveClass as t,getGlobalColorStateClass as l,getGlobalColorStateResponsiveClassDynamicBtn as n,getGlobalColorStateClassDynamicBtn as s}from"./colors.js";import{makeStyleResponsiveState as b,makeStyleState as m,makeStyle as i}from"./make-style.js";import{devicesMapping as u}from"./constant.js";let c=o=>i({b:o?.border,bc:r(o?.color),bw:o?.width}),d=(o,e)=>{let r=Object.entries(e||{}).reduce((o,[e,r])=>({...o,[`--${e}`]:r}),{});return Object.entries(o||{}).reduce((o,[e,r])=>({...o,[`--${e}`]:r}),r)},a=(o,e)=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let r={desktop:{normal:"button"!==e||o.desktop?.normal?.borderType!=="none"||o.desktop?.normal?.isCustom?o.desktop?.normal?.border:"solid",hover:"button"!==e||o.desktop?.hover?.borderType!=="none"||o.desktop?.hover?.isCustom?o.desktop?.hover?.border:"solid",focus:"button"!==e||o.desktop?.focus?.borderType!=="none"||o.desktop?.focus?.isCustom?o.desktop?.focus?.border:"solid"},tablet:{normal:"button"!==e||o.tablet?.normal?.borderType!=="none"||o.tablet?.normal?.isCustom?o.tablet?.normal?.border:"solid",hover:"button"!==e||o.tablet?.hover?.borderType!=="none"||o.tablet?.hover?.isCustom?o.tablet?.hover?.border:"solid",focus:"button"!==e||o.tablet?.focus?.borderType!=="none"||o.tablet?.focus?.isCustom?o.tablet?.focus?.border:"solid"},mobile:{normal:"button"!==e||o.mobile?.normal?.borderType!=="none"||o.mobile?.normal?.isCustom?o.mobile?.normal?.border:"solid",hover:"button"!==e||o.mobile?.hover?.borderType!=="none"||o.mobile?.hover?.isCustom?o.mobile?.hover?.border:"solid",focus:"button"!==e||o.mobile?.focus?.borderType!=="none"||o.mobile?.focus?.isCustom?o.mobile?.focus?.border:"solid"}};return b("bs",r)}let r={normal:"button"!==e||o.normal?.borderType!=="none"||o.normal?.isCustom?o?.normal?.border:"solid",hover:"button"!==e||o.hover?.borderType!=="none"||o.hover?.isCustom?o?.hover?.border:"solid",focus:"button"!==e||o.focus?.borderType!=="none"||o.focus?.isCustom?o?.focus?.border:"solid"};return m("bs",r)},p=(o,e)=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let r={desktop:{normal:"button"!==e||o.desktop?.normal?.borderType!=="none"||o?.desktop?.normal?.isCustom?o.desktop?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.desktop?.hover?.borderType!=="none"||o?.desktop?.normal?.isCustom?o.desktop?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.desktop?.focus?.borderType!=="none"||o?.desktop?.normal?.isCustom?o.desktop?.focus?.width:"1px 1px 1px 1px"},tablet:{normal:"button"!==e||o.tablet?.normal?.borderType!=="none"||o?.tablet?.normal?.isCustom?o.tablet?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.tablet?.hover?.borderType!=="none"||o?.tablet?.hover?.isCustom?o.tablet?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.tablet?.focus?.borderType!=="none"||o?.tablet?.focus?.isCustom?o.tablet?.focus?.width:"1px 1px 1px 1px"},mobile:{normal:"button"!==e||o.mobile?.normal?.borderType!=="none"||o?.mobile?.normal?.isCustom?o.mobile?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.mobile?.hover?.borderType!=="none"||o?.mobile?.hover?.isCustom?o.mobile?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.mobile?.focus?.borderType!=="none"||o?.mobile?.focus?.isCustom?o.mobile?.focus?.width:"1px 1px 1px 1px"}};return b("bw",r)}let r={normal:"button"!==e||o.normal?.borderType!=="none"||o.normal?.isCustom?o?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.hover?.borderType!=="none"||o.hover?.isCustom?o?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.focus?.borderType!=="none"||o.focus?.isCustom?o?.focus?.width:"1px 1px 1px 1px"};return m("bw",r)},h=r=>{if(!r)return;if("desktop"in r||"tablet"in r||"mobile"in r){let e={desktop:{normal:r.desktop?.normal?.color,hover:r.desktop?.hover?.color,focus:r.desktop?.focus?.color},tablet:{normal:r.tablet?.normal?.color,hover:r.tablet?.hover?.color,focus:r.tablet?.focus?.color},mobile:{normal:r.mobile?.normal?.color,hover:r.mobile?.hover?.color,focus:r.mobile?.focus?.color}};return o("bc",e)}let t={normal:r?.normal?.color,hover:r?.hover?.color,focus:r?.focus?.color};return e("bc",t)},f=r=>{if(!r)return;if("desktop"in r||"tablet"in r||"mobile"in r){let e={desktop:{normal:r.desktop?.normal?.color,hover:r.desktop?.hover?.color,focus:r.desktop?.focus?.color},tablet:{normal:r.tablet?.normal?.color,hover:r.tablet?.hover?.color,focus:r.tablet?.focus?.color},mobile:{normal:r.mobile?.normal?.color,hover:r.mobile?.hover?.color,focus:r.mobile?.focus?.color}};return{...o("btc",e),...o("bbc",e),...o("blc",e),...o("brc",e)}}let t={normal:r?.normal?.color,hover:r?.hover?.color,focus:r?.focus?.color};return e("bc",t)},v=o=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let e={desktop:{normal:o.desktop?.normal?.color,hover:o.desktop?.hover?.color,focus:o.desktop?.focus?.color},tablet:{normal:o.tablet?.normal?.color,hover:o.tablet?.hover?.color,focus:o.tablet?.focus?.color},mobile:{normal:o.mobile?.normal?.color,hover:o.mobile?.hover?.color,focus:o.mobile?.focus?.color}};return t("border",e)}let e={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return l("border",e)},x=o=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let e={desktop:{normal:o.desktop?.normal?.color,hover:o.desktop?.hover?.color,focus:o.desktop?.focus?.color},tablet:{normal:o.tablet?.normal?.color,hover:o.tablet?.hover?.color,focus:o.tablet?.focus?.color},mobile:{normal:o.mobile?.normal?.color,hover:o.mobile?.hover?.color,focus:o.mobile?.focus?.color}};return n("border",e)}let e={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return s("border",e)},k=(o,e)=>{if(!o)return"";let t=e?.important?" !important":"",{border:l,width:n,color:s}=o;return`${l?`border-style: ${l}${t};`:""}
   ${n?`border-width: ${n}${t};`:""}
-  ${s?`border-color: ${o(s)}${t};`:""}
-  `},composeBorderResponsive=o=>{let e={};return Object.assign(e,composeBorderDevice(o?.desktop,"desktop")),Object.assign(e,composeBorderDevice(o?.tablet,"tablet")),Object.assign(e,composeBorderDevice(o?.mobile,"mobile")),e},composeBorderDevice=(e,r)=>{let t=r&&"desktop"!==r?i?.[r]:"";return{[`--b${t}`]:e?.border,[`--bc${t}`]:o(e?.color),[`--bw${t}`]:e?.width}};export{composeBorderCss,composeBorderResponsive,getBorderRadiusStyle,getBorderStyle,handleConvertBorderColor,handleConvertBorderStyle,handleConvertBorderWidth,handleConvertClassColor,handleConvertClassColorDynamicBtn,handleConvertInputBorderColor};
+  ${s?`border-color: ${r(s)}${t};`:""}
+  `},C=o=>{let e={};return Object.assign(e,y(o?.desktop,"desktop")),Object.assign(e,y(o?.tablet,"tablet")),Object.assign(e,y(o?.mobile,"mobile")),e},y=(o,e)=>{let t=e&&"desktop"!==e?u?.[e]:"";return{[`--b${t}`]:o?.border,[`--bc${t}`]:r(o?.color),[`--bw${t}`]:o?.width}};export{k as composeBorderCss,C as composeBorderResponsive,d as getBorderRadiusStyle,c as getBorderStyle,h as handleConvertBorderColor,a as handleConvertBorderStyle,p as handleConvertBorderWidth,v as handleConvertClassColor,x as handleConvertClassColorDynamicBtn,f as handleConvertInputBorderColor};

package/dist/esm/helpers/carousel.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as t}from"./get-resonsive-value.js";import{DEVICES as e}from"../constants/device.js";let getCarouselContainerHeight=e=>{let o=t=>"outside"===t?"auto":"100%";return{desktop:o(t(e,"desktop")),tablet:o(t(e,"tablet")),mobile:o(t(e,"mobile"))}},makeContainerWidthOrHeight=e=>{let o=t=>t?"w":"h",l=getCarouselContainerHeight(e.dotStyle);return{[`--${o(t(e?.vertical,"desktop"))}`]:l.desktop,[`--${o(t(e?.vertical,"tablet"))}-tablet`]:l.tablet,[`--${o(t(e?.vertical,"mobile"))}-mobile`]:l.mobile}},makeDotGapToCarouselStyle=(o,l,a)=>{let i={},r=(t,e)=>"outside"===t?e?"ml":"mt":e?"right":"bottom";return e.map(e=>{let o=t(l,e,0);i={...i,[e]:`${o&&"Auto"!==o?o:"0"}px`}}),{[`--${r(t(o,"desktop"),t(a,"desktop"))}`]:i.desktop,[`--${r(t(o,"tablet"),t(a,"tablet"))}-tablet`]:i.tablet,[`--${r(t(o,"mobile"),t(a,"mobile"))}-mobile`]:i.mobile}};export{getCarouselContainerHeight,makeContainerWidthOrHeight,makeDotGapToCarouselStyle};
+import{getResponsiveValueByScreen as t}from"./get-resonsive-value.js";import{DEVICES as e}from"../constants/device.js";let o=e=>{let o=t=>"outside"===t?"auto":"100%";return{desktop:o(t(e,"desktop")),tablet:o(t(e,"tablet")),mobile:o(t(e,"mobile"))}},l=e=>{let l=t=>t?"w":"h",i=o(e.dotStyle);return{[`--${l(t(e?.vertical,"desktop"))}`]:i.desktop,[`--${l(t(e?.vertical,"tablet"))}-tablet`]:i.tablet,[`--${l(t(e?.vertical,"mobile"))}-mobile`]:i.mobile}},i=(o,l,i)=>{let a={},r=(t,e)=>"outside"===t?e?"ml":"mt":e?"right":"bottom";return e.map(e=>{let o=t(l,e,0);a={...a,[e]:`${o&&"Auto"!==o?o:"0"}px`}}),{[`--${r(t(o,"desktop"),t(i,"desktop"))}`]:a.desktop,[`--${r(t(o,"tablet"),t(i,"tablet"))}-tablet`]:a.tablet,[`--${r(t(o,"mobile"),t(i,"mobile"))}-mobile`]:a.mobile}};export{o as getCarouselContainerHeight,l as makeContainerWidthOrHeight,i as makeDotGapToCarouselStyle};

package/dist/esm/helpers/clone-deep.js

@@ -1 +1 @@
-let cloneDeep=e=>JSON.parse(JSON.stringify(e));export{cloneDeep};
+let e=e=>JSON.parse(JSON.stringify(e));export{e as cloneDeep};

package/dist/esm/helpers/cls.js

@@ -1 +1 @@
-function toVal(t){return"string"==typeof t?t:"object"==typeof t&&null!==t&&Object.keys(t).filter(o=>t[o]).join(" ")}function cls(...t){return t.map(toVal).filter(Boolean).join(" ")}export{cls};
+function t(t){return"string"==typeof t?t:"object"==typeof t&&null!==t&&Object.keys(t).filter(e=>t[e]).join(" ")}function e(...n){return n.map(t).filter(Boolean).join(" ")}export{e as cls};

package/dist/esm/helpers/colors.js

@@ -1 +1 @@
-import{stateMapping as t}from"./constant.js";import{isDefined as e}from"./is-defined.js";let getGlobalColorCSSProp=t=>getSingleColorVariable(t),getGlobalColorClass=(t,e)=>"string"!=typeof e||!e||e?.startsWith("#")||e?.startsWith("rgb")||e?.startsWith("hsl")||e?.startsWith("transparent")?"":`gp-${t}-g-${e}`,getGlobalColorResponsiveClass=(t,o)=>o?Object.entries(o).map(([e,o])=>{let l=getGlobalColorClass(t,o);if(l)return"desktop"===e?l:`${e}:${l}`}).filter(e).join(" "):"",getGlobalColorStateClass=(t,o,l,r)=>o?Object.entries(o).map(([e,o])=>{let a=getGlobalColorClass(t,o);if(a)return"normal"===e?l?"":a:r?"":`${e}:${a}`}).filter(e).join(" "):"",getGlobalColorStateClassDynamicBtn=(t,o)=>o?Object.entries(o).map(([e,o])=>{let l=getGlobalColorClass(t,o);if(l)return"normal"===e?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${e}:${l}`}).filter(e).join(" "):"",getGlobalColorStateResponsiveClass=(t,o)=>o?Object.entries(o).map(([o,l])=>"desktop"===o?Object.entries(l).map(([e,o])=>{let l=getGlobalColorClass(t,o);if(l)return"normal"===e?l:`${e}:${l}`}).filter(e).join(" "):Object.entries(l).map(([e,l])=>{let r=getGlobalColorClass(t,l);if(r)return"normal"===e?`${o}:${r}`:`${o}:${e}:${r}`}).filter(e).join(" ")).filter(Boolean).join(" "):"",getGlobalColorStateResponsiveClassDynamicBtn=(t,o)=>o?Object.entries(o).map(([o,l])=>"desktop"===o?Object.entries(l).map(([e,o])=>{let l=getGlobalColorClass(t,o);if(l)return"normal"===e?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${e}:${l}`}).filter(e).join(" "):Object.entries(l).map(([e,l])=>{let r=getGlobalColorClass(t,l);if(r)return"normal"===e?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${o}:${r}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${o}:${e}:${r}`}).filter(e).join(" ")).filter(Boolean).join(" "):"",getGlobalColorResponsiveStyle=(t,e)=>e?Object.fromEntries(Object.entries(e).map(([e,o])=>"desktop"===e?[`--${t}`,getSingleColorVariable(o)]:[`--${t}-${e}`,getSingleColorVariable(o)])):{},getGlobalColorStateStyle=(o,l)=>l?Object.fromEntries(Object.entries(l).map(([e,l])=>"active"===e?[]:[`-${t?.[e]||""}-${o}`,getSingleColorVariable(l)]).filter(e)):{},getGlobalColorStateResponsiveStyle=(o,l)=>l?Object.entries(l).map(([l,r])=>"desktop"===l?Object.fromEntries(Object.entries(r).map(([e,l])=>"active"===e?[]:[`-${t[e]}-${o}`,getSingleColorVariable(l)]).filter(e)):Object.fromEntries(Object.entries(r).map(([e,r])=>"active"===e?[]:[`-${t[e]}-${o}-${l}`,getSingleColorVariable(r)]).filter(e))).reduce((t,e)=>({...t,...e}),{}):{},getSingleColorVariable=t=>{if(t)return isColor(t)?t:`var(--g-c-${t}, ${t})`};function isColor(t){return!!t&&"string"==typeof t&&(t?.startsWith("#")||t?.startsWith("rgb")||t?.startsWith("RGB")||t?.startsWith("hsl")||t?.startsWith("transparent")||t?.startsWith("linear-gradient"))}let getGlobalColorStyle=t=>t?{"--c":getSingleColorVariable(t)}:{},composeTextColorCss=t=>`${t?`color: ${getSingleColorVariable(t)} !important;`:""}`;export{composeTextColorCss,getGlobalColorCSSProp,getGlobalColorClass,getGlobalColorResponsiveClass,getGlobalColorResponsiveStyle,getGlobalColorStateClass,getGlobalColorStateClassDynamicBtn,getGlobalColorStateResponsiveClass,getGlobalColorStateResponsiveClassDynamicBtn,getGlobalColorStateResponsiveStyle,getGlobalColorStateStyle,getGlobalColorStyle,getSingleColorVariable,isColor};
+import{stateMapping as t}from"./constant.js";import{isDefined as e}from"./is-defined.js";let r=t=>$(t),o=(t,e)=>"string"!=typeof e||!e||e?.startsWith("#")||e?.startsWith("rgb")||e?.startsWith("hsl")||e?.startsWith("transparent")?"":`gp-${t}-g-${e}`,n=(t,r)=>r?Object.entries(r).map(([e,r])=>{let n=o(t,r);if(n)return"desktop"===e?n:`${e}:${n}`}).filter(e).join(" "):"",i=(t,r,n,i)=>r?Object.entries(r).map(([e,r])=>{let a=o(t,r);if(a)return"normal"===e?n?"":a:i?"":`${e}:${a}`}).filter(e).join(" "):"",a=(t,r)=>r?Object.entries(r).map(([e,r])=>{let n=o(t,r);if(n)return"normal"===e?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${n}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${e}:${n}`}).filter(e).join(" "):"",s=(t,r)=>r?Object.entries(r).map(([r,n])=>"desktop"===r?Object.entries(n).map(([e,r])=>{let n=o(t,r);if(n)return"normal"===e?n:`${e}:${n}`}).filter(e).join(" "):Object.entries(n).map(([e,n])=>{let i=o(t,n);if(i)return"normal"===e?`${r}:${i}`:`${r}:${e}:${i}`}).filter(e).join(" ")).filter(Boolean).join(" "):"",l=(t,r)=>r?Object.entries(r).map(([r,n])=>"desktop"===r?Object.entries(n).map(([e,r])=>{let n=o(t,r);if(n)return"normal"===e?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${n}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${e}:${n}`}).filter(e).join(" "):Object.entries(n).map(([e,n])=>{let i=o(t,n);if(i)return"normal"===e?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${r}:${i}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${r}:${e}:${i}`}).filter(e).join(" ")).filter(Boolean).join(" "):"",b=(t,e)=>e?Object.fromEntries(Object.entries(e).map(([e,r])=>"desktop"===e?[`--${t}`,$(r)]:[`--${t}-${e}`,$(r)])):{},p=(r,o)=>o?Object.fromEntries(Object.entries(o).map(([e,o])=>"active"===e?[]:[`-${t?.[e]||""}-${r}`,$(o)]).filter(e)):{},m=(r,o)=>o?Object.entries(o).map(([o,n])=>"desktop"===o?Object.fromEntries(Object.entries(n).map(([e,o])=>"active"===e?[]:[`-${t[e]}-${r}`,$(o)]).filter(e)):Object.fromEntries(Object.entries(n).map(([e,n])=>"active"===e?[]:[`-${t[e]}-${r}-${o}`,$(n)]).filter(e))).reduce((t,e)=>({...t,...e}),{}):{},$=t=>{if(t)return f(t)?t:`var(--g-c-${t}, ${t})`};function f(t){return!!t&&"string"==typeof t&&(t?.startsWith("#")||t?.startsWith("rgb")||t?.startsWith("RGB")||t?.startsWith("hsl")||t?.startsWith("transparent")||t?.startsWith("linear-gradient"))}let c=t=>t?{"--c":$(t)}:{},j=t=>`${t?`color: ${$(t)} !important;`:""}`;export{j as composeTextColorCss,r as getGlobalColorCSSProp,o as getGlobalColorClass,n as getGlobalColorResponsiveClass,b as getGlobalColorResponsiveStyle,i as getGlobalColorStateClass,a as getGlobalColorStateClassDynamicBtn,s as getGlobalColorStateResponsiveClass,l as getGlobalColorStateResponsiveClassDynamicBtn,m as getGlobalColorStateResponsiveStyle,p as getGlobalColorStateStyle,c as getGlobalColorStyle,$ as getSingleColorVariable,f as isColor};

package/dist/esm/helpers/compose-advance-style.js

@@ -1 +1 @@
-import{handleConvertBorderStyle as e,handleConvertBorderWidth as t,handleConvertBorderColor as o,getBorderStyle as a}from"./borders.js";import{isColor as r}from"./colors.js";import{layoutComponent as s}from"./constant.js";import{makeStyleKey as i}from"./make-style.js";import{composeRadius as n,getCornerCSSFromGlobal as c}from"./radius.js";import{getResponsiveStyleShadow as l,getStyleShadowState as d,getStyleShadow as p}from"./shadow.js";import{DEVICES as u}from"../constants/device.js";let composeSpacing=({source:e,spacing:t,type:o,suffix:a=""})=>{let{top:r,left:s,bottom:i,right:n}=t;r&&(e[`--${o}t${a}`]=r),s&&(e[`--${o}l${a}`]=s),i&&(e[`--${o}b${a}`]=i),n&&(e[`--${o}r${a}`]=n)},composeSpacingV2=({source:e,spacing:t,suffix:o="",tag:a=""})=>{if(t&&t.margin){let{top:r,left:i,bottom:n,right:c}=t.margin;r&&(e[`--mt${o}`]=r),i&&(e[`--ml${o}`]=s.includes(a)&&"0px"===i?"auto":i),n&&(e[`--mb${o}`]=n),c&&(e[`--mr${o}`]=s.includes(a)&&"0px"===c?"auto":c)}if(t&&t.padding){let{top:a,left:r,bottom:s,right:i}=t.padding;a&&(e[`--pt${o}`]=a),r&&(e[`--pl${o}`]=r),s&&(e[`--pb${o}`]=s),i&&(e[`--pr${o}`]=i)}},getAttrValue=(e,t,o)=>{if(null!=t)switch(e){case"bgc":case"c":return r(t.toString())?t:`var(--g-c-${t})`;case"d":if(!t)return"none";if(t&&o&&s.includes(o))return"grid";return"block";case"animation":case"hasBoxShadow":case"rounded":case"boxShadow":case"border":return;default:return t}},postPurchasePaddingMapping={loose:"21px",extraLoose:"38px",tight:"9px",extraTight:"5px",base:"14px"},composeAdvanceStyleForPostPurchase=(e,t)=>{if(!e)return{};let o={};return Object.keys(e).forEach(a=>{let r=e[a];if("blockPadding"===a){let e=postPurchasePaddingMapping[r];o["--pb"]=getAttrValue(a,e,t),o["--pt"]=getAttrValue(a,e,t),o["--mb"]="0px",o["--mt"]="0px"}if("inlinePadding"===a){let e=postPurchasePaddingMapping[r];o["--pl"]=getAttrValue(a,e,t),o["--pr"]=getAttrValue(a,e,t)}}),o};function composeAdvanceStyle(r,s,i){if(!r)return{};let b={},g=["hover","normal"];Object.keys(r).forEach(m=>{let h=r[m];if("cssClass"===m||null==h)return;let S=r.hasBoxShadow?r.hasBoxShadow:{};if("object"==typeof h){if(Array.isArray(h))return;Object.keys(h).forEach(i=>{if(u.includes(i)){let a=h[i];if(void 0!==a){"border"===m&&Object.assign(b,e(h),t(h),o(h)),"rounded"===m&&Object.assign(b,n(h,["normal"])),"boxShadow"===m&&Object.assign(b,l(h,"box-shadow",S));let r=getAttrValue(m,a,s);if("desktop"===i)switch(m){case"padding":composeSpacing({source:b,spacing:a,type:"p"});break;case"margin":composeSpacing({source:b,spacing:a,type:"m"});break;case"spacing-setting":composeSpacingV2({source:b,spacing:a,tag:s});break;case"m":case"p":break;default:r&&(b[`--${m}`]=r)}else switch(m){case"padding":composeSpacing({source:b,spacing:a,type:"p",suffix:`-${i}`});break;case"margin":composeSpacing({source:b,spacing:a,type:"m",suffix:`-${i}`});break;case"spacing-setting":composeSpacingV2({source:b,spacing:a,suffix:`-${i}`,tag:s});break;case"m":case"p":break;default:r&&(b[`--${m}-${i}`]=r)}}}else if(g.includes(i))switch(m){case"hasBoxShadow":break;case"boxShadow":Object.assign(b,d(h,"box-shadow",S))}else"border"===m&&("none"===h.border&&(h.border="solid",h.color="#121212",h.isCustom=!0,h.width="0px",h.position="all"),Object.assign(b,a(h))),"rounded"===m&&Object.assign(b,c(h)),"hasBoxShadow"===m&&Object.assign(b,p({value:r.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:r.hasBoxShadow})),"boxShadow"===m&&Object.assign(b,p({value:h,styleAppliedFor:"box-shadow",isEnableShadow:r.hasBoxShadow}))})}else{let e=getAttrValue(m,h,s);e&&(b[`--${m}`]=e),"hasBoxShadow"===m&&r.boxShadow&&Object.assign(b,p({value:r.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:r.hasBoxShadow}))}if("blockPadding"===m&&"POST_PURCHASE"===i){let e=postPurchasePaddingMapping[h];b["--pb"]=getAttrValue(m,e,s),b["--pt"]=getAttrValue(m,e,s),b["--mb"]="0px",b["--mt"]="0px"}if("inlinePadding"===m&&"POST_PURCHASE"===i){let e=postPurchasePaddingMapping[h];b["--pl"]=getAttrValue(m,e,s),b["--pr"]=getAttrValue(m,e,s)}});let m="POST_PURCHASE"===i?composeAdvanceStyleForPostPurchase(r,s):{};return{...b,...m}}let convertBoxShadowV1ToV2=(e,t,o)=>{let a=["Section","Row","Text","Heading","Image","Button","HeroBanner","ImageComparison","Countdown","Video"],r=["ProductTitle","ProductDescription","ProductPrice","ProductVendor","Product","ProductSku","StockCounter","Sticky","ProductBadge","ProductViewMore","ProductButton","DynamicCheckout","ProductList","ProductListV3","ProductQuantity","ProductVariants"],s=["Icon","IconListHoz","Line","IconList","IconListV2","Tabs","Accordion","Marquee","Breadcrumb","EstimateDate"],i=["Newsletter","ContactForm","TextField","FormTextarea","FormEmail","FormDropdown","FormCheckbox","SubmitButton","TextInput"],n=["CollectionTitle","CollectionDescription","CollectionBanner","CollectionToolbar","CollectionPaginator"],c=[...a,...r,...s,...i,...n],l=e;return c.includes(o||"")&&(l={desktop:t.desktop??{},tablet:t.tablet??t.desktop??{},mobile:t.mobile??t.tablet??t.desktop??{}}),l},splitStyle=(e,t={})=>{let o=e.map(e=>i(e)).flat(),a=Object.keys(t).filter(e=>o.includes(e)),r=a.reduce((e,o)=>({...e,[o]:t[o]}),{}),s=Object.keys(t).filter(e=>!a.includes(e)).reduce((e,o)=>({...e,[o]:t[o]}),{});return[r,s]},filterAttrInStyle=(e,t)=>{if(!e||!t)return{};let o={...e};return Object.entries(o).forEach(([e])=>{t.includes(e)||delete o[e]}),o},removeAttrInStyle=(e,t)=>{if(!e||!t)return{};let o={...e};return Object.entries(o).forEach(([e])=>{t.includes(e)&&delete o[e]}),o},getCornerStyle=e=>composeAdvanceStyle({rounded:e?.rounded}),removePaddingYInStyle=e=>{let t=["--pt","--pt-tablet","--pt-mobile","--pb","--pb-tablet","--pb-mobile"];return removeAttrInStyle(e,t)};export{composeAdvanceStyle,composeAdvanceStyleForPostPurchase,convertBoxShadowV1ToV2,filterAttrInStyle,getCornerStyle,removeAttrInStyle,removePaddingYInStyle,splitStyle};
+import{handleConvertBorderStyle as e,handleConvertBorderWidth as t,handleConvertBorderColor as o,getBorderStyle as r}from"./borders.js";import{isColor as a}from"./colors.js";import{layoutComponent as s}from"./constant.js";import{makeStyleKey as i}from"./make-style.js";import{composeRadius as n,getCornerCSSFromGlobal as c}from"./radius.js";import{getResponsiveStyleShadow as d,getStyleShadowState as l,getStyleShadow as u}from"./shadow.js";import{DEVICES as p}from"../constants/device.js";let b=({source:e,spacing:t,type:o,suffix:r=""})=>{let{top:a,left:s,bottom:i,right:n}=t;a&&(e[`--${o}t${r}`]=a),s&&(e[`--${o}l${r}`]=s),i&&(e[`--${o}b${r}`]=i),n&&(e[`--${o}r${r}`]=n)},m=({source:e,spacing:t,suffix:o="",tag:r=""})=>{if(t&&t.margin){let{top:a,left:i,bottom:n,right:c}=t.margin;a&&(e[`--mt${o}`]=a),i&&(e[`--ml${o}`]=s.includes(r)&&"0px"===i?"auto":i),n&&(e[`--mb${o}`]=n),c&&(e[`--mr${o}`]=s.includes(r)&&"0px"===c?"auto":c)}if(t&&t.padding){let{top:r,left:a,bottom:s,right:i}=t.padding;r&&(e[`--pt${o}`]=r),a&&(e[`--pl${o}`]=a),s&&(e[`--pb${o}`]=s),i&&(e[`--pr${o}`]=i)}},h=(e,t,o)=>{if(null!=t)switch(e){case"bgc":case"c":return a(t.toString())?t:`var(--g-c-${t})`;case"d":if(!t)return"none";if(t&&o&&s.includes(o))return"grid";return"block";case"animation":case"hasBoxShadow":case"rounded":case"boxShadow":case"border":return;default:return t}},f={loose:"21px",extraLoose:"38px",tight:"9px",extraTight:"5px",base:"14px"},x=(e,t)=>{if(!e)return{};let o={};return Object.keys(e).forEach(r=>{let a=e[r];if("blockPadding"===r){let e=f[a];o["--pb"]=h(r,e,t),o["--pt"]=h(r,e,t),o["--mb"]="0px",o["--mt"]="0px"}if("inlinePadding"===r){let e=f[a];o["--pl"]=h(r,e,t),o["--pr"]=h(r,e,t)}}),o};function g(a,s,i){if(!a)return{};let g={},S=["hover","normal"];Object.keys(a).forEach(x=>{let w=a[x];if("cssClass"===x||null==w)return;let k=a.hasBoxShadow?a.hasBoxShadow:{};if("object"==typeof w){if(Array.isArray(w))return;Object.keys(w).forEach(i=>{if(p.includes(i)){let r=w[i];if(void 0!==r){"border"===x&&Object.assign(g,e(w),t(w),o(w)),"rounded"===x&&Object.assign(g,n(w,["normal"])),"boxShadow"===x&&Object.assign(g,d(w,"box-shadow",k));let a=h(x,r,s);if("desktop"===i)switch(x){case"padding":b({source:g,spacing:r,type:"p"});break;case"margin":b({source:g,spacing:r,type:"m"});break;case"spacing-setting":m({source:g,spacing:r,tag:s});break;case"m":case"p":break;default:a&&(g[`--${x}`]=a)}else switch(x){case"padding":b({source:g,spacing:r,type:"p",suffix:`-${i}`});break;case"margin":b({source:g,spacing:r,type:"m",suffix:`-${i}`});break;case"spacing-setting":m({source:g,spacing:r,suffix:`-${i}`,tag:s});break;case"m":case"p":break;default:a&&(g[`--${x}-${i}`]=a)}}}else if(S.includes(i))switch(x){case"hasBoxShadow":break;case"boxShadow":Object.assign(g,l(w,"box-shadow",k))}else"border"===x&&("none"===w.border&&(w.border="solid",w.color="#121212",w.isCustom=!0,w.width="0px",w.position="all"),Object.assign(g,r(w))),"rounded"===x&&Object.assign(g,c(w)),"hasBoxShadow"===x&&Object.assign(g,u({value:a.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:a.hasBoxShadow})),"boxShadow"===x&&Object.assign(g,u({value:w,styleAppliedFor:"box-shadow",isEnableShadow:a.hasBoxShadow}))})}else{let e=h(x,w,s);e&&(g[`--${x}`]=e),"hasBoxShadow"===x&&a.boxShadow&&Object.assign(g,u({value:a.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:a.hasBoxShadow}))}if("blockPadding"===x&&"POST_PURCHASE"===i){let e=f[w];g["--pb"]=h(x,e,s),g["--pt"]=h(x,e,s),g["--mb"]="0px",g["--mt"]="0px"}if("inlinePadding"===x&&"POST_PURCHASE"===i){let e=f[w];g["--pl"]=h(x,e,s),g["--pr"]=h(x,e,s)}});let w="POST_PURCHASE"===i?x(a,s):{};return{...g,...w}}let S=(e,t,o)=>{let r=e;return["Section","Row","Text","Heading","Image","Button","HeroBanner","ImageComparison","Countdown","Video","ProductTitle","ProductDescription","ProductPrice","ProductVendor","Product","ProductSku","StockCounter","Sticky","ProductBadge","ProductViewMore","ProductButton","DynamicCheckout","ProductList","ProductListV3","ProductQuantity","ProductVariants","Icon","IconListHoz","Line","IconList","IconListV2","Tabs","Accordion","Marquee","Breadcrumb","EstimateDate","Newsletter","ContactForm","TextField","FormTextarea","FormEmail","FormDropdown","FormCheckbox","SubmitButton","TextInput","CollectionTitle","CollectionDescription","CollectionBanner","CollectionToolbar","CollectionPaginator"].includes(o||"")&&(r={desktop:t.desktop??{},tablet:t.tablet??t.desktop??{},mobile:t.mobile??t.tablet??t.desktop??{}}),r},w=(e,t={})=>{let o=e.map(e=>i(e)).flat(),r=Object.keys(t).filter(e=>o.includes(e)),a=r.reduce((e,o)=>({...e,[o]:t[o]}),{}),s=Object.keys(t).filter(e=>!r.includes(e)).reduce((e,o)=>({...e,[o]:t[o]}),{});return[a,s]},k=(e,t)=>{if(!e||!t)return{};let o={...e};return Object.entries(o).forEach(([e])=>{t.includes(e)||delete o[e]}),o},P=(e,t)=>{if(!e||!t)return{};let o={...e};return Object.entries(o).forEach(([e])=>{t.includes(e)&&delete o[e]}),o},y=e=>g({rounded:e?.rounded}),j=e=>P(e,["--pt","--pt-tablet","--pt-mobile","--pb","--pb-tablet","--pb-mobile"]);export{g as composeAdvanceStyle,x as composeAdvanceStyleForPostPurchase,S as convertBoxShadowV1ToV2,k as filterAttrInStyle,y as getCornerStyle,P as removeAttrInStyle,j as removePaddingYInStyle,w as splitStyle};

package/dist/esm/helpers/composeClasses.js

@@ -1 +1 @@
-function composeClasses(s){return s?s.split(" ").reduce((s,e)=>(s[e]=!0,s),{}):{}}export{composeClasses};
+function e(e){return e?e.split(" ").reduce((e,s)=>(e[s]=!0,e),{}):{}}export{e as composeClasses};

package/dist/esm/helpers/const.js

@@ -1 +1 @@
-let DIALOG="Dialog";export{DIALOG};
+let e="Dialog";export{e as DIALOG};

package/dist/esm/helpers/constant.js

@@ -1 +1 @@
-let stateMapping={normal:"",hover:"-hvr",focus:"-focus"},devicesMapping={desktop:"",tablet:"-tablet",mobile:"-mobile"},layoutComponent=["Row","Section","Product","HeroBanner","CollectionBanner"];export{devicesMapping,layoutComponent,stateMapping};
+let e={normal:"",hover:"-hvr",focus:"-focus"},o={desktop:"",tablet:"-tablet",mobile:"-mobile"},t=["Row","Section","Product","HeroBanner","CollectionBanner"];export{o as devicesMapping,t as layoutComponent,e as stateMapping};

package/dist/esm/helpers/convert.js

@@ -1 +1 @@
-let isLocalEnv="local"===process.env.NEXT_CONVERT_ENV,baseAssetURL=process.env.GP_BASE_ASSET_URL||"https://assets.gemcommerce.xyz";export{baseAssetURL,isLocalEnv};
+let e="local"===process.env.NEXT_CONVERT_ENV,s=process.env.GP_BASE_ASSET_URL||"https://assets.gemcommerce.xyz";export{s as baseAssetURL,e as isLocalEnv};

package/dist/esm/helpers/covert-entities-html.js

@@ -1 +1 @@
-let convertHTML=e=>{let t={"&amp;":"&","&lt;":"<","&gt;":">","&nbsp;":"  "},l=e;for(let r in t)e.indexOf(r)>=0&&(l=l.replaceAll(r,t[r]));return l};export{convertHTML};
+let e=e=>{let t={"&amp;":"&","&lt;":"<","&gt;":">","&nbsp;":"  "},l=e;for(let r in t)e.indexOf(r)>=0&&(l=l.replaceAll(r,t[r]));return l};export{e as convertHTML};

package/dist/esm/helpers/create-store-front-fetcher.js

@@ -1 +1 @@
-let createStoreFrontFetcher=e=>async t=>{let[o,r,n]=t,a={"Content-Type":"application/json","X-GemX-Shop-Token":e.token};return fetch(e.endpoint,{method:"POST",headers:a,body:JSON.stringify({query:o,variables:r,operationName:n})}).then(e=>e.json()).then(e=>e.errors?Promise.reject(e.errors):e.data)},hasPublicStoreFrontData=e=>!!(e&&e.token&&e.endpoint);export{createStoreFrontFetcher,hasPublicStoreFrontData};
+let e=e=>async t=>{let[o,n,r]=t,a={"Content-Type":"application/json","X-GemX-Shop-Token":e.token};return fetch(e.endpoint,{method:"POST",headers:a,body:JSON.stringify({query:o,variables:n,operationName:r})}).then(e=>e.json()).then(e=>e.errors?Promise.reject(e.errors):e.data)},t=e=>!!(e&&e.token&&e.endpoint);export{e as createStoreFrontFetcher,t as hasPublicStoreFrontData};

package/dist/esm/helpers/createTranslateKey.js

@@ -1 +1 @@
-import{BLACKLIST_TAGS as e}from"../constants/index.js";import{getHashCode as t}from"./getHashCode.js";let getThemeSectionTranslateKey=({uid:e,settingId:t,schema:r,value:n})=>{let a=`g${e}_${t}`,{translateKey:i,value:l}=getValueSettingFromSchema({input:r??"",prefixTranslateKey:a}),s=extractOuterTagContent(l),o=extractOuterTagContent(n),u=checkHasChangeContent({currentContent:s,newContent:o});return u?createTranslateKey(e,t,o):i},createTranslateKey=(e,r,n)=>{let a=t(n??"");return`g${e}_${r}_${a}`};function getValueSettingFromSchema({input:e,prefixTranslateKey:t}){let r;if("string"==typeof e)try{r=e.trim()?JSON.parse(e):{}}catch{r={}}else r=e;let n=Array.isArray(r?.settings)?r.settings:[],a=n.find(e=>e?.id?.includes(t));return{value:a?.default,translateKey:a?.id??""}}function extractOuterTagContent(t,r=10){if(!t||"string"!=typeof t)return"";let n=t.trim();for(let t=0;t<r;t++){let t=parseOuterWrapper(n);if(!t)break;let r=t.tag.toLowerCase();if(e.has(r))break;n=t.inner.trim()}return n}function replaceOuterTagContent(t,r=10,n=""){if(!t||"string"!=typeof t)return"";let a=t.trim(),i=[];for(let t=0;t<r;t++){let t=parseOuterWrapper(a);if(!t)break;let r=t.tag?.toLowerCase()||"";if(i.push({tag:t.tag,attrs:t.attrs}),e.has(r))break;a=t.inner.trim()}let l=n;for(let e=i.length-1;e>=0;e--){let t=i[e];if(!t)continue;let{tag:r,attrs:n}=t;l=`<${r}${n}>${l}</${r}>`}return l}function parseOuterWrapper(e){let t;let r=e.match(/^<([a-z][\w:-]*)\b([^>]*)>/i);if(!r?.[1])return null;let n=r[0];if(n.endsWith("/>"))return null;let a=r[1],i=r[2]??"",l=n.length,s=RegExp(`<\\/?${a}\\b[^>]*>`,"gi");s.lastIndex=l;let o=1,u=-1,c=-1;for(;t=s.exec(e);){let e=t[0],r=e.startsWith("</"),n=e.endsWith("/>");if(!r&&!n){o+=1;continue}if(r&&0==(o-=1)){u=t.index,c=s.lastIndex;break}}return -1===u||c!==e.length?null:{tag:a,attrs:i,inner:e.slice(l,u)}}function checkHasChangeContent({currentContent:e,newContent:r}){let n=t(e),a=t(r);return n!==a}export{checkHasChangeContent,createTranslateKey,extractOuterTagContent,getThemeSectionTranslateKey,getValueSettingFromSchema,replaceOuterTagContent};
+import{BLACKLIST_TAGS as t}from"../constants/index.js";import{getHashCode as e}from"./getHashCode.js";let n=({uid:t,settingId:e,schema:n,value:a})=>{let s=`g${t}_${e}`,{translateKey:u,value:f}=i({input:n??"",prefixTranslateKey:s}),g=l(f),c=l(a),h=o({currentContent:g,newContent:c});return h?r(t,e,c):u},r=(t,n,r)=>{let i=e(r??"");return`g${t}_${n}_${i}`};function i({input:t,prefixTranslateKey:e}){let n;if("string"==typeof t)try{n=t.trim()?JSON.parse(t):{}}catch{n={}}else n=t;let r=Array.isArray(n?.settings)?n.settings:[],i=r.find(t=>t?.id?.includes(e));return{value:i?.default,translateKey:i?.id??""}}function l(e,n=10){if(!e||"string"!=typeof e)return"";let r=e.trim();for(let e=0;e<n;e++){let e=s(r);if(!e)break;let n=e.tag.toLowerCase();if(t.has(n))break;r=e.inner.trim()}return r}function a(e,n=10,r=""){if(!e||"string"!=typeof e)return"";let i=e.trim(),l=[];for(let e=0;e<n;e++){let e=s(i);if(!e)break;let n=e.tag?.toLowerCase()||"";if(l.push({tag:e.tag,attrs:e.attrs}),t.has(n))break;i=e.inner.trim()}let a=r;for(let t=l.length-1;t>=0;t--){let e=l[t];if(!e)continue;let{tag:n,attrs:r}=e;a=`<${n}${r}>${a}</${n}>`}return a}function s(t){let e;let n=t.match(/^<([a-z][\w:-]*)\b([^>]*)>/i);if(!n?.[1])return null;let r=n[0];if(r.endsWith("/>"))return null;let i=n[1],l=n[2]??"",a=r.length,s=RegExp(`<\\/?${i}\\b[^>]*>`,"gi");s.lastIndex=a;let o=1,u=-1,f=-1;for(;e=s.exec(t);){let t=e[0],n=t.startsWith("</"),r=t.endsWith("/>");if(!n&&!r){o+=1;continue}if(n&&0==(o-=1)){u=e.index,f=s.lastIndex;break}}return -1===u||f!==t.length?null:{tag:i,attrs:l,inner:t.slice(a,u)}}function o({currentContent:t,newContent:n}){let r=e(t),i=e(n);return r!==i}export{o as checkHasChangeContent,r as createTranslateKey,l as extractOuterTagContent,n as getThemeSectionTranslateKey,i as getValueSettingFromSchema,a as replaceOuterTagContent};

package/dist/esm/helpers/css-variable.js

@@ -1 +1 @@
-let genVariable=e=>`var(--g-${e})`;export{genVariable};
+let e=e=>`var(--g-${e})`;export{e as genVariable};

package/dist/esm/helpers/email.js

@@ -1 +1 @@
-let validateEmail=a=>{let e=new RegExp(/^(?:[^<>()[\]\\.,;:\s@"]+(?:\.[^<>()[\]\\.,;:\s@"]+)*|".+")@(?:\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\]|(?:[a-zA-Z\-\d]+\.)+[a-zA-Z]{2,})$/);return e.test(a)};export{validateEmail as default,validateEmail};
+let e=e=>{let t=new RegExp(/^(?:[^<>()[\]\\.,;:\s@"]+(?:\.[^<>()[\]\\.,;:\s@"]+)*|".+")@(?:\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\]|(?:[a-zA-Z\-\d]+\.)+[a-zA-Z]{2,})$/);return t.test(e)};export{e as validateEmail};

package/dist/esm/helpers/filter-styles.js

@@ -1 +1 @@
-function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let filterHoverVariables=e=>Object.fromEntries(Object.entries(e||{}).filter(([e])=>!e.startsWith("--hvr")));export{filterHoverVariables,filterTruthyStyles};
+function t(t){return Object.fromEntries(Object.entries(t||{}).filter(([,t])=>!!t))}let e=t=>Object.fromEntries(Object.entries(t||{}).filter(([t])=>!t.startsWith("--hvr")));export{e as filterHoverVariables,t as filterTruthyStyles};

package/dist/esm/helpers/filter-toolbar-preview.js

@@ -1,2 +1,2 @@
 'use client';
-import{Children as e}from"react";import r from"../components/ComponentToolbarPreview.js";let filterToolbarPreview=(o,t=!1)=>{let l=e.toArray(o);return l.filter(e=>t?e?.type==r:e?.type!=r)};export{filterToolbarPreview as default,filterToolbarPreview};
+import{Children as e}from"react";import r from"../components/ComponentToolbarPreview.js";let o=(o,t=!1)=>{let l=e.toArray(o);return l.filter(e=>t?e?.type==r:e?.type!=r)};export{o as default,o as filterToolbarPreview};

package/dist/esm/helpers/flatten-connection.js

@@ -1 +1 @@
-let flattenConnection=e=>e?.edges?.map(e=>e.node)??[];export{flattenConnection};
+let e=e=>e?.edges?.map(e=>e.node)??[];export{e as flattenConnection};

package/dist/esm/helpers/get-resonsive-value.js

@@ -1 +1 @@
-let getResponsiveValue=(e,t)=>t?{desktop:e?.desktop?.[t],tablet:e?.tablet?.[t],mobile:e?.mobile?.[t]}:{},getResponsiveStateValue=(e,t)=>({desktop:t?.desktop?.[e],tablet:t?.tablet?.[e],mobile:t?.mobile?.[e]}),getResponsiveValueByScreen=(e,t,s)=>{switch(t){case"tablet":return e?.tablet??e?.desktop??s;case"mobile":return e?.mobile??e?.tablet??e?.desktop??s;default:return e?.desktop??s}},isColumnDirectionExist=(e,t)=>"desktop"!==t&&"tablet"!==t&&e?.[t]?.cols?.length!==e?.desktop?.cols?.length;export{getResponsiveStateValue,getResponsiveValue,getResponsiveValueByScreen,isColumnDirectionExist};
+let e=(e,t)=>t?{desktop:e?.desktop?.[t],tablet:e?.tablet?.[t],mobile:e?.mobile?.[t]}:{},t=(e,t)=>({desktop:t?.desktop?.[e],tablet:t?.tablet?.[e],mobile:t?.mobile?.[e]}),l=(e,t,l)=>{switch(t){case"tablet":return e?.tablet??e?.desktop??l;case"mobile":return e?.mobile??e?.tablet??e?.desktop??l;default:return e?.desktop??l}},o=(e,t)=>"desktop"!==t&&"tablet"!==t&&e?.[t]?.cols?.length!==e?.desktop?.cols?.length;export{t as getResponsiveStateValue,e as getResponsiveValue,l as getResponsiveValueByScreen,o as isColumnDirectionExist};

package/dist/esm/helpers/get-shortname.js

@@ -1 +1 @@
-let globalSortNameMapping={"typography-heading-1-fontFamily":"h1-ff","typography-heading-1-fontSize":"h1-size","typography-heading-1-fontWeight":"h1-weight","typography-heading-1-lineHeight":"h1-lh","typography-heading-1-letterSpacing":"h1-ls","typography-heading-1-fontStyle":"h1-fs","typography-heading-2-fontFamily":"h2-ff","typography-heading-2-fontSize":"h2-size","typography-heading-2-fontWeight":"h2-weight","typography-heading-2-lineHeight":"h2-lh","typography-heading-2-letterSpacing":"h2-ls","typography-heading-2-fontStyle":"h2-fs","typography-heading-3-fontFamily":"h3-ff","typography-heading-3-fontSize":"h3-size","typography-heading-3-fontWeight":"h3-weight","typography-heading-3-lineHeight":"h3-lh","typography-heading-3-letterSpacing":"h3-ls","typography-heading-3-fontStyle":"h3-fs","typography-subheading-1-fontFamily":"sh1-ff","typography-subheading-1-fontSize":"sh1-size","typography-subheading-1-fontWeight":"sh1-weight","typography-subheading-1-lineHeight":"sh1-lh","typography-subheading-1-letterSpacing":"sh1-ls","typography-subheading-1-fontStyle":"sh1-fs","typography-subheading-2-fontFamily":"sh2-ff","typography-subheading-2-fontSize":"sh2-size","typography-subheading-2-fontWeight":"sh2-weight","typography-subheading-2-lineHeight":"sh2-lh","typography-subheading-2-letterSpacing":"sh2-ls","typography-subheading-2-fontStyle":"sh2-fs","typography-subheading-3-fontFamily":"sh3-ff","typography-subheading-3-fontSize":"sh3-size","typography-subheading-3-fontWeight":"sh3-weight","typography-subheading-3-lineHeight":"sh3-lh","typography-subheading-3-letterSpacing":"sh3-ls","typography-subheading-3-fontStyle":"sh3-fs","typography-paragraph-1-fontFamily":"p1-ff","typography-paragraph-1-fontSize":"p1-size","typography-paragraph-1-fontWeight":"p1-weight","typography-paragraph-1-lineHeight":"p1-lh","typography-paragraph-1-letterSpacing":"p1-ls","typography-paragraph-1-fontStyle":"p1-fs","typography-paragraph-2-fontFamily":"p2-ff","typography-paragraph-2-fontSize":"p2-size","typography-paragraph-2-fontWeight":"p2-weight","typography-paragraph-2-lineHeight":"p2-lh","typography-paragraph-2-letterSpacing":"p2-ls","typography-paragraph-2-fontStyle":"p2-fs","typography-paragraph-3-fontFamily":"p3-ff","typography-paragraph-3-fontSize":"p3-size","typography-paragraph-3-fontWeight":"p3-weight","typography-paragraph-3-lineHeight":"p3-lh","typography-paragraph-3-letterSpacing":"p3-ls","typography-paragraph-3-fontStyle":"p3-fs","color-brand":"c-brand","color-highlight":"c-highlight","color-text-1":"c-text-1","color-text-2":"c-text-2","color-text-3":"c-text-3","color-bg-1":"c-bg-1","color-bg-2":"c-bg-2","color-bg-3":"c-bg-3","color-line-1":"c-line-1","color-line-2":"c-line-2","color-line-3":"c-line-3","color-success":"c-success","color-info":"c-info","color-warning":"c-warning","color-error":"c-error","spacing-xxs":"s-xxs","spacing-xs":"s-xs","spacing-s":"s-s","spacing-m":"s-m","spacing-l":"s-l","spacing-xl":"s-xl","spacing-2xl":"s-2xl","spacing-3xl":"s-3xl","spacing-4xl":"s-4xl","spacing-5xl":"s-5xl","container-width":"ct-w","container-padding":"ct-p","text-shadow":"ts","box-shadow":"shadow"};function getShortName(h){return globalSortNameMapping[h]||h}export{getShortName};
+let h={"typography-heading-1-fontFamily":"h1-ff","typography-heading-1-fontSize":"h1-size","typography-heading-1-fontWeight":"h1-weight","typography-heading-1-lineHeight":"h1-lh","typography-heading-1-letterSpacing":"h1-ls","typography-heading-1-fontStyle":"h1-fs","typography-heading-2-fontFamily":"h2-ff","typography-heading-2-fontSize":"h2-size","typography-heading-2-fontWeight":"h2-weight","typography-heading-2-lineHeight":"h2-lh","typography-heading-2-letterSpacing":"h2-ls","typography-heading-2-fontStyle":"h2-fs","typography-heading-3-fontFamily":"h3-ff","typography-heading-3-fontSize":"h3-size","typography-heading-3-fontWeight":"h3-weight","typography-heading-3-lineHeight":"h3-lh","typography-heading-3-letterSpacing":"h3-ls","typography-heading-3-fontStyle":"h3-fs","typography-subheading-1-fontFamily":"sh1-ff","typography-subheading-1-fontSize":"sh1-size","typography-subheading-1-fontWeight":"sh1-weight","typography-subheading-1-lineHeight":"sh1-lh","typography-subheading-1-letterSpacing":"sh1-ls","typography-subheading-1-fontStyle":"sh1-fs","typography-subheading-2-fontFamily":"sh2-ff","typography-subheading-2-fontSize":"sh2-size","typography-subheading-2-fontWeight":"sh2-weight","typography-subheading-2-lineHeight":"sh2-lh","typography-subheading-2-letterSpacing":"sh2-ls","typography-subheading-2-fontStyle":"sh2-fs","typography-subheading-3-fontFamily":"sh3-ff","typography-subheading-3-fontSize":"sh3-size","typography-subheading-3-fontWeight":"sh3-weight","typography-subheading-3-lineHeight":"sh3-lh","typography-subheading-3-letterSpacing":"sh3-ls","typography-subheading-3-fontStyle":"sh3-fs","typography-paragraph-1-fontFamily":"p1-ff","typography-paragraph-1-fontSize":"p1-size","typography-paragraph-1-fontWeight":"p1-weight","typography-paragraph-1-lineHeight":"p1-lh","typography-paragraph-1-letterSpacing":"p1-ls","typography-paragraph-1-fontStyle":"p1-fs","typography-paragraph-2-fontFamily":"p2-ff","typography-paragraph-2-fontSize":"p2-size","typography-paragraph-2-fontWeight":"p2-weight","typography-paragraph-2-lineHeight":"p2-lh","typography-paragraph-2-letterSpacing":"p2-ls","typography-paragraph-2-fontStyle":"p2-fs","typography-paragraph-3-fontFamily":"p3-ff","typography-paragraph-3-fontSize":"p3-size","typography-paragraph-3-fontWeight":"p3-weight","typography-paragraph-3-lineHeight":"p3-lh","typography-paragraph-3-letterSpacing":"p3-ls","typography-paragraph-3-fontStyle":"p3-fs","color-brand":"c-brand","color-highlight":"c-highlight","color-text-1":"c-text-1","color-text-2":"c-text-2","color-text-3":"c-text-3","color-bg-1":"c-bg-1","color-bg-2":"c-bg-2","color-bg-3":"c-bg-3","color-line-1":"c-line-1","color-line-2":"c-line-2","color-line-3":"c-line-3","color-success":"c-success","color-info":"c-info","color-warning":"c-warning","color-error":"c-error","spacing-xxs":"s-xxs","spacing-xs":"s-xs","spacing-s":"s-s","spacing-m":"s-m","spacing-l":"s-l","spacing-xl":"s-xl","spacing-2xl":"s-2xl","spacing-3xl":"s-3xl","spacing-4xl":"s-4xl","spacing-5xl":"s-5xl","container-width":"ct-w","container-padding":"ct-p","text-shadow":"ts","box-shadow":"shadow"};function p(p){return h[p]||p}export{p as getShortName};

package/dist/esm/helpers/getHashCode.js

@@ -1 +1 @@
-import r from"crc-32";let getHashCode=t=>{if("string"==typeof t)return r.str(t);if(null==t)return r.str("");let e=JSON.stringify(t??"");return r.str(e??"")};export{getHashCode};
+import r from"crc-32";let t=t=>{if("string"==typeof t)return r.str(t);if(null==t)return r.str("");let e=JSON.stringify(t??"");return r.str(e??"")};export{t as getHashCode};

package/dist/esm/helpers/icon-list.js

@@ -1 +1 @@
-import{devicesMapping as e}from"./constant.js";let TEXT_TOTAL_SPACING=3,composePostionIconList=(e,t,o)=>{let i={};return composePositionLineHeight({compose:i,lineHeight:e,device:"desktop",position:t,iconWidth:o}),composePositionLineHeight({compose:i,lineHeight:e,device:"tablet",position:t,iconWidth:o}),composePositionLineHeight({compose:i,lineHeight:e,device:"mobile",position:t,iconWidth:o}),i},composePositionLineHeight=({compose:t,lineHeight:o,device:i,position:n,iconWidth:s})=>{let p=n?.[i],c=s?.[i];if(p){let n=e[i]??"";if("center"===p)t.wrapper={...t.wrapper,[`--ai${n}`]:"center"},t.content={...t.content,[`--pos${n}`]:"static"};else if(c){let e=parseFloat(o.replaceAll(/[a-zA-Z]/g,""))/2+3-c/2;t.wrapper={...t.wrapper,[`--ai${n}`]:"flex-start"},t.content={...t.content,[`--top${n}`]:`${Math.max(0,Math.ceil(e))}px`,[`--pos${n}`]:"relative"}}}};export{composePositionLineHeight,composePostionIconList};
+import{devicesMapping as e}from"./constant.js";let t=(e,t,i)=>{let p={};return o({compose:p,lineHeight:e,device:"desktop",position:t,iconWidth:i}),o({compose:p,lineHeight:e,device:"tablet",position:t,iconWidth:i}),o({compose:p,lineHeight:e,device:"mobile",position:t,iconWidth:i}),p},o=({compose:t,lineHeight:o,device:i,position:p,iconWidth:r})=>{let a=p?.[i],n=r?.[i];if(a){let p=e[i]??"";if("center"===a)t.wrapper={...t.wrapper,[`--ai${p}`]:"center"},t.content={...t.content,[`--pos${p}`]:"static"};else if(n){let e=parseFloat(o.replaceAll(/[a-zA-Z]/g,""))/2+3-n/2;t.wrapper={...t.wrapper,[`--ai${p}`]:"flex-start"},t.content={...t.content,[`--top${p}`]:`${Math.max(0,Math.ceil(e))}px`,[`--pos${p}`]:"relative"}}}};export{o as composePositionLineHeight,t as composePostionIconList};