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

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

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Video source",controls:[{label:"Type",setting:{id:"type"}},{label:"Video link",conditionDisplay:"type === 'youtube'",setting:{id:"youtubeUrl"}},{label:"Video link",conditionDisplay:"type === 'vimeo'",setting:{id:"vimeoUrl"}},{label:"Video link",conditionDisplay:"type === 'html5'",setting:{id:"html5Url"}},{label:"Thumbnail",setting:{id:"poster"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"type === 'youtube'",label:"Start at",setting:{id:"startTime"}},{conditionDisplay:"type === 'youtube'",label:"End at",setting:{id:"endTime"}}]}},{label:"Video configure",controls:[{label:"Control bar",setting:{id:"controls"}},{label:"Sound",setting:{id:"mute"}},{label:"Lazy load",setting:{id:"lazy"}}],moreSettings:{type:"collapse",controls:[{label:"Autoplay",setting:{id:"autoplay"},options:{disableMessage:"YouTube & Vimeo videos will not autoplay when lazy load is enabled"},conditionEnable:"type === 'html5' || (type !== 'html5' && lazy != true)"},{label:"Loop video",setting:{id:"loopVideo"}}]}},{label:"Size",controls:[{label:"Frame",setting:{id:"aspectRatio"}},{conditionDisplay:"aspectRatio === 'custom'",setting:{id:"ratioOptions"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]}];
+"use strict";const SettingUIV2=[{label:"Video source",controls:[{label:"Type",setting:{id:"type"}},{label:"Video link",conditionDisplay:"type === 'youtube'",setting:{id:"youtubeUrl"}},{label:"Video link",conditionDisplay:"type === 'vimeo'",setting:{id:"vimeoUrl"}},{label:"Video link",conditionDisplay:"type === 'html5'",setting:{id:"html5Url"}},{label:"Thumbnail",setting:{id:"poster"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"type === 'youtube'",label:"Start at",setting:{id:"startTime"}},{conditionDisplay:"type === 'youtube'",label:"End at",setting:{id:"endTime"}}]}},{label:"Video configure",controls:[{label:"Control bar",setting:{id:"controls"}},{label:"Sound",setting:{id:"mute"}},{label:"Lazy load",setting:{id:"lazy"}}],moreSettings:{type:"collapse",controls:[{label:"Autoplay",setting:{id:"autoplay"},options:{disableMessage:"YouTube & Vimeo videos will not autoplay when lazy load is enabled"},conditionEnable:"type === 'html5' || (type !== 'html5' && lazy != true)"},{label:"Loop video",setting:{id:"loopVideo"}}]}},{label:"Size",controls:[{label:"Frame",setting:{id:"aspectRatio"}},{conditionDisplay:"aspectRatio === 'custom'",setting:{id:"ratioOptions"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/esm/accordion/common/classes.js

@@ -1 +1 @@
-import{composeClasses as e,cls as t,genSizeClass as o,getGlobalColorStateClass as g,getGlobalColorClass as p}from"@gem-sdk/core";let r=(o,g)=>{let p=t("gp-flex gp-flex-col gp-w-full",{"gp-px-[1px]":"edit"===g},o);return e(p)},i=()=>e(t("gp-hidden gp-rotate-90 -gp-rotate-90 gp-rotate-180")),n=e("gp-overflow-clip gp-group"),l=e("gp-inline-flex"),a=(o,r)=>{let{isShow:i,iconExpand:n,iconSvg:l,iconCollapse:a}=r||{},{color:s}=o??{};return e(t({"-gp-rotate-90":!0===i&&"plus"!==l&&!n,"gp-rotate-90":!1===i&&!a},"group-hover:[color:var(--icon-expand-hover-color)] gp-collapsible-icon gp-accordion-item_icon gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden gp-transition-all gp-duration-200 [&>svg]:!gp-h-[var(--height-iconCollapseSize)] [&>svg]:!gp-w-full",i?p("text",s?.active):g("text",s),i?"gp-text-[var(--icon-expand-active-color)]":""))},s=(r,i)=>{let{isShow:n,uniqueId:l,makeIcon:a}=i||{},{itemHeaderSpacing:s,headerContentPadding:c,bgColor:d}=r??{};return e(t("gp-flex gp-accordion-item_header gp-cursor-pointer gp-items-center",a?"gp-gap-[16px]":"",l,`gp-accordion-item-${l}-${i?.index}`,s?.type&&!c?o(s?.type):"",{[p("bg",d?.active)]:n,[g("bg",d)]:!n}))},c=o=>e(t(`${o}`,"gp-overflow-hidden",`gp-child-item-${o}`,"gp-accordion-item")),d=e("gp-flex gp-w-full gp-items-center gp-break-all"),f=e("group-hover:[color:var(--icon-hover-color)!important] gp-icon gp-inline-flex header-icon gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-h-[var(--height-configIconSize)] [&>svg]:!gp-w-full"),v=(g,p)=>{let{isShow:r,hasTransitionedIn:i,isMounted:n}=p||{},{itemContentSpacing:l,contentSizePadding:a}=g??{};return e(t("gp-accordion-item_body gp-transition-all gp-grid gp-duration-500 gp-overflow-hidden",{"gp-grid-rows-[1fr]":r?i:n,"gp-grid-rows-[0fr]":r?!i:!n},l?.type&&!a?o(l?.type):""))};export{i as extendClasses,r as getContainerClasses,c as getContentClasses,s as getDropdownClasses,d as getGapClasses,l as getIconClasses,a as getIconRotateClasses,n as getItemContainerClasses,f as getLayoutIconClasses,v as getRenderChildrenClasses};
+import{composeClasses as e,cls as t,getGlobalColorClass as o,getGlobalColorStateClass as g,genSizeClass as s}from"@gem-sdk/core";let getContainerClasses=(o,g)=>{let s=t("gp-flex gp-flex-col gp-w-full",{"gp-px-[1px]":"edit"===g},o);return e(s)},extendClasses=()=>e(t("gp-hidden gp-rotate-90 -gp-rotate-90 gp-rotate-180")),getItemContainerClasses=e("gp-overflow-clip gp-group"),getIconClasses=e("gp-inline-flex"),getIconRotateClasses=(s,r)=>{let{isShow:p,iconExpand:n,iconSvg:l,iconCollapse:i}=r||{},{color:a}=s??{};return e(t({"-gp-rotate-90":!0===p&&"plus"!==l&&!n,"gp-rotate-90":!1===p&&!i},"group-hover:[color:var(--icon-expand-hover-color)] gp-collapsible-icon gp-accordion-item_icon gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden gp-transition-all gp-duration-200 [&>svg]:!gp-h-[var(--height-iconCollapseSize)] [&>svg]:!gp-w-full",p?o("text",a?.active):g("text",a),p?"gp-text-[var(--icon-expand-active-color)]":""))},getDropdownClasses=(r,p)=>{let{isShow:n,uniqueId:l,makeIcon:i}=p||{},{itemHeaderSpacing:a,headerContentPadding:c,bgColor:d}=r??{};return e(t("gp-flex gp-accordion-item_header gp-cursor-pointer gp-items-center",i?"gp-gap-[16px]":"",l,`gp-accordion-item-${l}-${p?.index}`,a?.type&&!c?s(a?.type):"",{[o("bg",d?.active)]:n,[g("bg",d)]:!n}))},getContentClasses=o=>e(t(`${o}`,"gp-overflow-hidden",`gp-child-item-${o}`,"gp-accordion-item")),getGapClasses=e("gp-flex gp-w-full gp-items-center gp-break-all"),getLayoutIconClasses=e("group-hover:[color:var(--icon-hover-color)!important] gp-icon gp-inline-flex header-icon gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-h-[var(--height-configIconSize)] [&>svg]:!gp-w-full"),getRenderChildrenClasses=(o,g)=>{let{isShow:r,hasTransitionedIn:p,isMounted:n}=g||{},{itemContentSpacing:l,contentSizePadding:i}=o??{};return e(t("gp-accordion-item_body gp-transition-all gp-grid gp-duration-500 gp-overflow-hidden",{"gp-grid-rows-[1fr]":r?p:n,"gp-grid-rows-[0fr]":r?!p:!n},l?.type&&!i?s(l?.type):""))};export{extendClasses,getContainerClasses,getContentClasses,getDropdownClasses,getGapClasses,getIconClasses,getIconRotateClasses,getItemContainerClasses,getLayoutIconClasses,getRenderChildrenClasses};

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

@@ -1 +1 @@
-import{makeGlobalSize as t,composeSize as e,removePaddingYInStyle as r,makeStyle as o,getSingleColorVariable as l,getGlobalColorStateStyle as i}from"@gem-sdk/core";let a=1,n=0,s="<svg width='16' height='16' fill='currentColor' viewBox=\"0 0 448 512\"><path fill='currentColor' d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"/></svg>",c="<svg fill='currentColor' width='16' height='16' xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path fill='currentColor' d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"/></svg>",p=(t,e)=>{let{setting:r={},styles:o={},builderProps:l}=t,{activeKey:i,iconSvg:a,expandItem:n,iconPosition:s,iconCollapseSize:c,iconGlobalSize:p,iconExpand:g,iconCollapse:u,layoutHeader:d,expandedMode:m,configIconSize:v}=r,{bgColor:S,color:h,headerBorder:C,width:I,fullWidth:w,textColor:L,itemHeaderSpacing:M,contentSizePadding:N,iconColor:f,headerContentPadding:D,widthHeightSize:H}=o,U="multiple"===m,_=n&&i?i.toString().toLowerCase().split(",").map(t=>parseInt(t.trim())-1).map(t=>t.toString()):[],x=U?[..._]:_;return{uidState:l?.uid,settingState:{iconSvg:a,isIconPlus:"plus"===a,activeKey:i,expanded:U,expandItem:n,iconPosition:s,iconGlobalSize:p,iconCollapse:u,iconExpand:g,iconCollapseSize:c,layoutHeader:d,expandedMode:m,configIconSize:v,parentUid:l?.uid,childListNumber:n?i?.toString().toLowerCase()==="all"?e?.map((t,e)=>e.toString()):x:[],chidlrenUid:e?.map(t=>t.uid)},stylesState:{bgColor:S,color:h,headerBorder:C,fullWidth:w,width:I,itemHeaderSpacing:M,textColor:L,iconColor:f,contentSizePadding:N,headerContentPadding:D,widthHeightSize:H},accordions:x}},g=(t={})=>{let{iconSvg:e,titleTypo:r,layoutHeader:o,iconGlobalSize:l,iconCollapseSize:i,iconCollapse:a,iconExpand:n,alignment:s,configIconSize:c,iconPosition:p}=t,g=r?{...r,attrs:{...r.attrs}}:void 0;return g?.attrs?.color&&delete g.attrs.color,{iconSvg:e,titleTypo:g,layoutHeader:o,iconGlobalSize:l,iconCollapseSize:i,iconCollapse:a,iconExpand:n,alignment:s,configIconSize:c,iconPosition:p}},u=({isShow:t,iconExpand:e,iconCollapse:r,iconSvg:o})=>e&&t?e:r&&!t?r:"plus"===o?t?s:c:o,d=a=>{let{index:n,accordions:s,parentSetting:c,parentStyle:p}=a,{titleTypo:g,iconCollapse:d,iconExpand:m,activeKey:v,expandItem:S,iconSvg:h}=c??{};delete g?.attrs?.color;let{itemContentSpacing:C,iconColor:I,contentSizePadding:w}=p??{},L=!!S&&(v?.toString()?.toLowerCase()==="all"||s?.includes(n?.toString()??"")),M=t(w),N=u({isShow:L,iconExpand:m,iconCollapse:d,iconSvg:h});return{isShow:L,composeContentSizeStyle:()=>{let t={...w&&M.padding,...C?.type||w?{}:e(C?.custom)};return L?t:r(t)},collapsibleIcon:N,composeIconColor:(()=>{let t={normal:I?.normal??"transparent",hover:I?.hover??I?.active??I?.normal??"transparent",active:I?.active??"transparent"};return L?o({c:l(t?.active)}):i("c",t)})(),makeIcon:N}};export{n as BODY_CHILD_INDEX,s as ICON_MINUS,c as ICON_PLUS,a as MINIMUM_CHILD,u as composeIconSvg,p as getDataState,g as getParentSettings,d as getSettingItemLiquid};
+import{makeGlobalSize as t,composeSize as e,removePaddingYInStyle as r,makeStyle as o,getSingleColorVariable as i,getGlobalColorStateStyle as a}from"@gem-sdk/core";let MINIMUM_CHILD=1,BODY_CHILD_INDEX=0,ICON_MINUS="<svg width='16' height='16' fill='currentColor' viewBox=\"0 0 448 512\"><path fill='currentColor' d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"/></svg>",ICON_PLUS="<svg fill='currentColor' width='16' height='16' xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path fill='currentColor' d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"/></svg>",getDataState=(t,e)=>{let{setting:r={},styles:o={},builderProps:i}=t,{activeKey:a,iconSvg:l,expandItem:n,iconPosition:s,iconCollapseSize:c,iconGlobalSize:g,iconExpand:I,iconCollapse:p,layoutHeader:S,expandedMode:m,configIconSize:u}=r,{bgColor:d,color:v,headerBorder:C,width:h,fullWidth:N,textColor:L,itemHeaderSpacing:_,contentSizePadding:w,iconColor:M,headerContentPadding:D,widthHeightSize:U}=o,O="multiple"===m,H=t=>t?t.toString().toLowerCase().split(",").map(t=>parseInt(t.trim())-1).map(t=>t.toString()):[],P=n?H(a):[],f=O?[...P]:P,x=()=>({iconSvg:l,isIconPlus:"plus"===l,activeKey:a,expanded:O,expandItem:n,iconPosition:s,iconGlobalSize:g,iconCollapse:p,iconExpand:I,iconCollapseSize:c,layoutHeader:S,expandedMode:m,configIconSize:u,parentUid:i?.uid,childListNumber:n?a?.toString().toLowerCase()==="all"?e?.map((t,e)=>e.toString()):f:[],chidlrenUid:e?.map(t=>t.uid)}),B=()=>({bgColor:d,color:v,headerBorder:C,fullWidth:N,width:h,itemHeaderSpacing:_,textColor:L,iconColor:M,contentSizePadding:w,headerContentPadding:D,widthHeightSize:U});return{uidState:i?.uid,settingState:x(),stylesState:B(),accordions:f}},getParentSettings=(t={})=>{let{iconSvg:e,titleTypo:r,layoutHeader:o,iconGlobalSize:i,iconCollapseSize:a,iconCollapse:l,iconExpand:n,alignment:s,configIconSize:c,iconPosition:g}=t,I=r?{...r,attrs:{...r.attrs}}:void 0;return I?.attrs?.color&&delete I.attrs.color,{iconSvg:e,titleTypo:I,layoutHeader:o,iconGlobalSize:i,iconCollapseSize:a,iconCollapse:l,iconExpand:n,alignment:s,configIconSize:c,iconPosition:g}},composeIconSvg=({isShow:t,iconExpand:e,iconCollapse:r,iconSvg:o})=>e&&t?e:r&&!t?r:"plus"===o?t?ICON_MINUS:ICON_PLUS:o,getSettingItemLiquid=l=>{let{index:n,accordions:s,parentSetting:c,parentStyle:g}=l,{titleTypo:I,iconCollapse:p,iconExpand:S,activeKey:m,expandItem:u,iconSvg:d}=c??{};delete I?.attrs?.color;let{itemContentSpacing:v,iconColor:C,contentSizePadding:h}=g??{},N=!!u&&(m?.toString()?.toLowerCase()==="all"||s?.includes(n?.toString()??"")),L=t(h),_=()=>{let t={...h&&L.padding,...v?.type||h?{}:e(v?.custom)};return N?t:r(t)},w=composeIconSvg({isShow:N,iconExpand:S,iconCollapse:p,iconSvg:d}),M=()=>{let t={normal:C?.normal??"transparent",hover:C?.hover??C?.active??C?.normal??"transparent",active:C?.active??"transparent"};return N?o({c:i(t?.active)}):a("c",t)};return{isShow:N,composeContentSizeStyle:_,collapsibleIcon:w,composeIconColor:M(),makeIcon:w}};export{BODY_CHILD_INDEX,ICON_MINUS,ICON_PLUS,MINIMUM_CHILD,composeIconSvg,getDataState,getParentSettings,getSettingItemLiquid};

package/dist/esm/accordion/common/styles.js

@@ -1 +1 @@
-import{getStyleBackgroundByDevice as e,getRadiusStyleActiveState as t,getStyleShadow as o,makeStyleResponsive as r,makeStyle as a,getSingleColorVariable as l,getGlobalColorStateStyle as n,handleConvertBorderColor as i,handleConvertBorderWidth as c,handleConvertBorderStyle as d,composeSize as m,makeGlobalSize as b,makeWidth as g}from"@gem-sdk/core";let h=e=>(["--mb","--mb-mobile","--mb-tablet","--d","--d-mobile","--d-tablet"].forEach(t=>{delete e?.[t]}),e),p=e=>b(e?.contentSizePadding),s=(t,o)=>({...h(t),...p(o).gap,...e(t?.backgroundContent),"border-radius":"inherit"}),v=e=>b(e),w=(e,t,o)=>v(o).width["--w"]?v(o).width:r("w",g(e,t)),u=(e,n)=>{let{borderContent:i,backgroundContent:c,roundedContent:d,accordionShadow:m,width:b,fullWidth:g,widthHeightSize:h,iconColor:p,color:s,textColor:v,hasActiveShadow:u}=e??{};return{"--text-hover-color":n?l(v?.active??v?.normal):l(v?.hover??v?.normal),"--icon-expand-hover-color":n?l(s?.active??s?.normal):l(s?.hover??s?.normal),"--icon-expand-active-color":l(s?.active??s?.normal),"--icon-active-color":l(p?.active??p?.normal),"--icon-hover-color":n?l(p?.active??p?.normal):l(p?.hover??p?.normal),...w(b,g,h),...a({bs:i?.border??i?.border,bw:i?.width??i?.width,bc:l(i?.color??i?.color)}),...r("bg",c),...o({value:m,styleAppliedFor:"box-shadow",isEnableShadow:m?.enable||u}),...t({...d,active:{...d||{},radiusType:"custom"}})}},x=e=>b(e),y=e=>a({fd:"left"===e?"row":"row-reverse",jc:"right"===e?"space-between":""}),S=(e,t)=>{let{headerContentPadding:o,widthHeightSize:r,itemHeaderSpacing:b,bgColor:g,headerBorder:h}=e??{},{isShow:p,iconPosition:s}=t??{};return{...o&&x(o).padding,...b?.type||o?{}:m(b?.custom),...v(r).height,...y(s),...p?a({bgc:l(g?.active??g?.normal),bs:h?.active?.border??h?.normal?.border,bw:h?.active?.width??h?.normal?.width,bc:l(h?.active?.color??h?.normal?.color)}):{...n("bgc",g),...d(h),...c(h),...i(h),...n("bgc",g)}}},f=(e,t)=>({...t?a({c:l(e?.active??e?.normal)}):a({c:l(e?.normal)})}),C=(e,t,o)=>{let{color:r}=e??{};return{...a({c:l(t?r?.active??r?.normal??"transparent":r?.normal??"transparent")}),width:`${o??16}px`,height:`${o??16}px`}},I=e=>b(e),$=(e,t)=>({...I(e).gap,...r("jc",t),...r("ta",t)}),R=(e,t)=>{let o=t?`${t}px`:"16px";return{...e,width:o,height:o,"--height":o}},T=e=>({"grid-template-rows":`${+!!e}fr`}),j=()=>({"grid-template-columns":"minmax(auto, 100%)"}),k=e=>b(e)?.padding;export{s as getContainerStyles,S as getDropdownStyles,f as getDropdownTextStyles,$ as getGapStyles,k as getIconGlobalSize,C as getIconRotateStyles,R as getIconStyles,u as getItemContainerStyles,j as getRenderChildrenStyles,T as getTemplateRow};
+import{getStyleBackgroundByDevice as e,getSingleColorVariable as t,makeStyle as o,makeStyleResponsive as r,getStyleShadow as i,getRadiusStyleActiveState as n,composeSize as l,getGlobalColorStateStyle as a,handleConvertBorderStyle as c,handleConvertBorderWidth as d,handleConvertBorderColor as g,makeGlobalSize as h,makeWidth as s}from"@gem-sdk/core";let filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet","--d","--d-mobile","--d-tablet"];return t.forEach(t=>{delete e?.[t]}),e},contentSizePaddingSize=e=>h(e?.contentSizePadding),getContainerStyles=(t,o)=>({...filterStyles(t),...contentSizePaddingSize(o).gap,...e(t?.backgroundContent),"border-radius":"inherit"}),widthHeightSizeControl=e=>h(e),widthStyle=(e,t,o)=>widthHeightSizeControl(o).width["--w"]?widthHeightSizeControl(o).width:r("w",s(e,t)),getItemContainerStyles=(e,l)=>{let{borderContent:a,backgroundContent:c,roundedContent:d,accordionShadow:g,width:h,fullWidth:s,widthHeightSize:m,iconColor:S,color:p,textColor:b,hasActiveShadow:w}=e??{};return{"--text-hover-color":l?t(b?.active??b?.normal):t(b?.hover??b?.normal),"--icon-expand-hover-color":l?t(p?.active??p?.normal):t(p?.hover??p?.normal),"--icon-expand-active-color":t(p?.active??p?.normal),"--icon-active-color":t(S?.active??S?.normal),"--icon-hover-color":l?t(S?.active??S?.normal):t(S?.hover??S?.normal),...widthStyle(h,s,m),...o({bs:a?.border??a?.border,bw:a?.width??a?.width,bc:t(a?.color??a?.color)}),...r("bg",c),...i({value:g,styleAppliedFor:"box-shadow",isEnableShadow:g?.enable||w}),...n({...d,active:{...d||{},radiusType:"custom"}})}},headerContentPaddingSize=e=>h(e),composePosition=e=>o({fd:"left"===e?"row":"row-reverse",jc:"right"===e?"space-between":""}),getDropdownStyles=(e,r)=>{let{headerContentPadding:i,widthHeightSize:n,itemHeaderSpacing:h,bgColor:s,headerBorder:m}=e??{},{isShow:S,iconPosition:p}=r??{};return{...i&&headerContentPaddingSize(i).padding,...h?.type||i?{}:l(h?.custom),...widthHeightSizeControl(n).height,...composePosition(p),...S?o({bgc:t(s?.active??s?.normal),bs:m?.active?.border??m?.normal?.border,bw:m?.active?.width??m?.normal?.width,bc:t(m?.active?.color??m?.normal?.color)}):{...a("bgc",s),...c(m),...d(m),...g(m),...a("bgc",s)}}},getDropdownTextStyles=(e,r)=>({...r?o({c:t(e?.active??e?.normal)}):o({c:t(e?.normal)})}),getIconRotateStyles=(e,r,i)=>{let{color:n}=e??{};return{...o({c:t(r?n?.active??n?.normal??"transparent":n?.normal??"transparent")}),width:`${i??16}px`,height:`${i??16}px`}},composeIconGlobalSize=e=>h(e),getGapStyles=(e,t)=>({...composeIconGlobalSize(e).gap,...r("jc",t),...r("ta",t)}),getIconStyles=(e,t)=>{let o=t?`${t}px`:"16px";return{...e,width:o,height:o,"--height":o}},getTemplateRow=e=>({"grid-template-rows":`${+!!e}fr`}),getRenderChildrenStyles=()=>({"grid-template-columns":"minmax(auto, 100%)"}),getIconGlobalSize=e=>h(e)?.padding;export{getContainerStyles,getDropdownStyles,getDropdownTextStyles,getGapStyles,getIconGlobalSize,getIconRotateStyles,getIconStyles,getItemContainerStyles,getRenderChildrenStyles,getTemplateRow};

package/dist/esm/accordion/components/Accordion.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r}from"react/jsx-runtime";import{useMemo as e,Children as o,isValidElement as t,cloneElement as s}from"react";import{makeStyleResponsive as i}from"@gem-sdk/core";import{createStyle as m,createClass as c,createAttr as l}from"@gem-sdk/system";import{getContainerStyles as n}from"../common/styles.js";import d from"../hooks/useAccordion.js";import{getContainerClasses as a}from"../common/classes.js";let p=({builderProps:p,builderAttrs:f,style:u,children:h,setting:g,styles:j,advanced:y})=>{let{align:k}=j??{},{childItem:x}=g??{},{ref:v,mode:A,accordions:C,handleDropdown:D,activeKey:N}=d({setting:g,children:h,builderProps:p}),S=m({...n(u,j)}),w=c(a(y?.cssClass,A)),I=l({...f,"data-id":p?.uid??""}),U=m({...i("jc",k)}),b=c({"gp-flex":!0}),q=e(()=>o.map(h,(e,o)=>{if(!t(e))return e;let i={...e.props,index:o,title:x?.[o],accordions:C,handleDropDown:D,parentSetting:g,parentStyle:j,activeKey:N,childrenIcon:g?.childConfig?.[o],parentUid:p?.uid};return r("div",{className:b,style:U,children:s(e,i)})}),[C,N,p?.uid,x,h,b,U,D,g,j]);return r("div",{...I,ref:v,className:w,style:S,children:q})};export{p as default};
+import{jsx as r}from"react/jsx-runtime";import{useMemo as e,Children as o,isValidElement as t,cloneElement as s}from"react";import{makeStyleResponsive as i}from"@gem-sdk/core";import{createStyle as m,createClass as c,createAttr as n}from"@gem-sdk/system";import{getContainerStyles as d}from"../common/styles.js";import l from"../hooks/useAccordion.js";import{getContainerClasses as a}from"../common/classes.js";let Accordion=({builderProps:p,builderAttrs:f,style:u,children:h,setting:g,styles:j,advanced:y})=>{let{align:k}=j??{},{childItem:x}=g??{},{ref:A,mode:v,accordions:C,handleDropdown:D,activeKey:N}=l({setting:g,children:h,builderProps:p}),S=m({...d(u,j)}),w=c(a(y?.cssClass,v)),I=n({...f,"data-id":p?.uid??""}),U=m({...i("jc",k)}),b=c({"gp-flex":!0}),q=e(()=>o.map(h,(e,o)=>{if(!t(e))return e;let i={...e.props,index:o,title:x?.[o],accordions:C,handleDropDown:D,parentSetting:g,parentStyle:j,activeKey:N,childrenIcon:g?.childConfig?.[o],parentUid:p?.uid};return r("div",{className:b,style:U,children:s(e,i)})}),[C,N,p?.uid,x,h,b,U,D,g,j]);return r("div",{...I,ref:A,className:w,style:S,children:q})};export{Accordion as default};

package/dist/esm/accordion/components/Accordion.liquid.js

@@ -1,17 +1,17 @@
-import{makeStyleResponsive as s,template as t,WrapRenderChildren as e,RenderChildren as i,RenderIf as r,isLocalEnv as o,baseAssetURL as c}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as d,getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as p,createClass as n,createStyle as m,createAttr as f}from"@gem-sdk/system";import{getDataState as g}from"../common/helpers.js";import{getContainerStyles as u}from"../common/styles.js";import{getContainerClasses as $,extendClasses as y}from"../common/classes.js";import{Accordion as v}from"../settings/configs/translate.js";let j=({rawChildren:j,setting:S,styles:h,builderProps:A,pageContext:k,advanced:x,style:C,builderAttrs:E})=>{let{align:I}=h??{},{childItem:P,activeKey:z}=S??{},{uidState:G,settingState:N,stylesState:O,accordions:T}=g({setting:S,styles:h,builderProps:A},j),_=p({uid:G,setting:N,styles:{...O}}),J=n($(x?.cssClass)),K=m({...u(C,h)}),M=f({...E,"data-id":A?.uid??""}),R=m({...s("jc",I)}),U=n({"gp-flex":!0}),V=n(y());return t`
-    <gp-accordion ${M} class="${J}" style="${K}"
-      gp-data='${JSON.stringify(_).replaceAll("'","&#039;")}'
-        >
-        <div class=" ${V}"></div>
-      ${e({uid:A?.uid??"",customProps:j?.[0].customProps},j?.map((s,e)=>{if(s){let r=a({val:P?.[e],uid:A?.uid,settingId:d({id:v?.childItem?.id,index:e}),pageContext:k??{},isCapitalize:S?.titleTypo?.attrs?.transform==="capitalize"});return t`
+import{makeStyleResponsive as s,template as i,WrapRenderChildren as t,RenderChildren as e,RenderIf as r,isLocalEnv as o,baseAssetURL as c}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as d,getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as p,createClass as n,createStyle as m,createAttr as f}from"@gem-sdk/system";import{getDataState as g}from"../common/helpers.js";import{getContainerStyles as u}from"../common/styles.js";import{getContainerClasses as $,extendClasses as y}from"../common/classes.js";import{Accordion as v}from"../settings/configs/translate.js";let Accordion=({rawChildren:j,setting:S,styles:h,builderProps:A,pageContext:k,advanced:x,style:C,builderAttrs:E})=>{let{align:I}=h??{},{childItem:P,activeKey:z}=S??{},{uidState:G,settingState:N,stylesState:O,accordions:T}=g({setting:S,styles:h,builderProps:A},j),_=p({uid:G,setting:N,styles:{...O}}),J=n($(x?.cssClass)),K=m({...u(C,h)}),M=f({...E,"data-id":A?.uid??""}),R=m({...s("jc",I)}),U=n({"gp-flex":!0}),V=n(y()),b=()=>t({uid:A?.uid??"",customProps:j?.[0].customProps},j?.map((s,t)=>{if(s){let r=a({val:P?.[t],uid:A?.uid,settingId:d({id:v?.childItem?.id,index:t}),pageContext:k??{},isCapitalize:S?.titleTypo?.attrs?.transform==="capitalize"});return i`
           <div class="${U}" style="${R}">
-            ${i({...s,index:e,title:r,accordions:T,parentSetting:S,parentStyle:h,parentUid:A?.uid,childrenIcon:S?.childConfig?.[e],activeKey:z})}
+            ${e({...s,index:t,title:r,accordions:T,parentSetting:S,parentStyle:h,parentUid:A?.uid,childrenIcon:S?.childConfig?.[t],activeKey:z})}
           </div>
-            `}}))}
-    </gp-accordion>
-    ${r(o,`
+            `}})),q=()=>r(o,`
     <script ${l('class="gps-link" delay',"src")}="{{ 'gp-accordion-v7-5.js' | asset_url }}"
       defer="defer"></script>`,`
     <script ${l('class="gps-link" delay',"src")}="${c}/assets-v2/gp-accordion-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
-    `)}
-  `};export{j as default};
+    `);return i`
+    <gp-accordion ${M} class="${J}" style="${K}"
+      gp-data='${JSON.stringify(_).replaceAll("'","&#039;")}'
+        >
+        <div class=" ${V}"></div>
+      ${b()}
+    </gp-accordion>
+    ${q()}
+  `};export{Accordion as default};

package/dist/esm/accordion/components/AccordionItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useMemo as r,Children as s}from"react";import{composeClasses as l}from"@gem-sdk/core";import o from"../../grid/components/ChildrenDroppable.js";import a from"../../text/components/Text.js";import n from"../hooks/useAccordionItem.js";import{createClass as i,createStyle as m,If as d}from"@gem-sdk/system";import{getItemContainerStyles as c,getDropdownStyles as p,getDropdownTextStyles as y,getIconRotateStyles as h,getIconGlobalSize as g,getGapStyles as f,getIconStyles as x,getRenderChildrenStyles as S}from"../common/styles.js";import{getItemContainerClasses as u,getDropdownClasses as v,getIconClasses as N,getIconRotateClasses as j,getContentClasses as _,getGapClasses as b,getLayoutIconClasses as I,getRenderChildrenClasses as T}from"../common/classes.js";import{getParentSettings as k,MINIMUM_CHILD as A,BODY_CHILD_INDEX as C}from"../common/helpers.js";let H=H=>{let{children:L,index:M,parentUid:w,title:D,childrenIcon:F}=H,{iconSvg:q,titleTypo:z,layoutHeader:B,iconGlobalSize:E,iconCollapseSize:G,iconCollapse:J,iconExpand:K,alignment:O,configIconSize:P,iconPosition:Q}=k(H.parentSetting)??{},{refContainer:R,getIdDropdownItem:U,makeIcon:V,isShow:W,uniqueId:X,composeIconColor:Y,isRenderChildren:Z,composeContentSizeStyle:$,hasTransitionedIn:ee,isMounted:et,productID:er}=n(H),es=i(u),el=i(v(H.parentStyle,{isShow:W,uniqueId:X,makeIcon:V,index:M})),eo=i(N),ea=i(j(H.parentStyle,{isShow:W,iconExpand:K,iconSvg:q,iconCollapse:J})),en=i(_(w)),ei=i(b),em=m(c(H.parentStyle,W)),ed=m(p(H.parentStyle,{isShow:W,iconPosition:Q})),ec=m(y(H.parentStyle?.textColor,W)),ep=m(h(H.parentStyle,W,G)),ey=m(g(E)),eh=m(f(E,O)),eg=i(l("gp-inline-flex")),ef=i(I),ex=m(x(Y,P)),eS=i(T(H.parentStyle,{isShow:W,hasTransitionedIn:ee,isMounted:et})),eu=m(S()),ev=i(l("gp-accordion-item_body-inner gp-transition-all gp-duration-500 gp-min-h-0")),eN=i(l("gp-border gp-border-transparent group-hover:[color:var(--text-hover-color)]")),ej=r(()=>{let t=s.toArray(L);return t.length>=A?t[C]:e(o,{})},[L]);return e("div",{className:es,ref:R,style:em,children:t("div",{"data-index":M?.toString(),className:en,children:[t("div",{"aria-hidden":!0,onClick:e=>{U(e,M?.toString())},className:el,style:ed,children:[d(!!V,e("div",{className:eo,children:e("span",{style:ep,className:ea,dangerouslySetInnerHTML:{__html:V??""}})})),t("div",{className:ei,style:eh,children:[d("before-text"===B,e("div",{className:eg,style:{...ey},children:e("span",{className:ef,style:ex,dangerouslySetInnerHTML:{__html:F??""}})})),e(a,{setting:{text:D,htmlTag:"div",options:{uniqueId:X,productID:er,useState:!0},excludeFlex:!0},style:ec,styles:{typo:z},className:eN}),d("after-text"===B,e("div",{className:eg,style:{...ey},children:e("span",{className:ef,style:ex,dangerouslySetInnerHTML:{__html:F??""}})}))]})]}),Z&&e("div",{...H?.builderAttrs,className:eS,style:eu,"data-index":M,"data-show":W,children:e("div",{className:ev,style:$,children:ej})})]})})};export{H as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useMemo as r,Children as s}from"react";import{composeClasses as l}from"@gem-sdk/core";import o from"../../grid/components/ChildrenDroppable.js";import a from"../../text/components/Text.js";import n from"../hooks/useAccordionItem.js";import{createClass as i,createStyle as m,If as d}from"@gem-sdk/system";import{getItemContainerStyles as c,getDropdownStyles as p,getDropdownTextStyles as y,getIconRotateStyles as h,getIconGlobalSize as g,getGapStyles as f,getIconStyles as x,getRenderChildrenStyles as S}from"../common/styles.js";import{getItemContainerClasses as u,getDropdownClasses as v,getIconClasses as N,getIconRotateClasses as j,getContentClasses as _,getGapClasses as b,getLayoutIconClasses as I,getRenderChildrenClasses as A}from"../common/classes.js";import{getParentSettings as T,MINIMUM_CHILD as k,BODY_CHILD_INDEX as C}from"../common/helpers.js";let AccordionItem=H=>{let{children:L,index:M,parentUid:w,title:D,childrenIcon:F}=H,{iconSvg:q,titleTypo:z,layoutHeader:B,iconGlobalSize:E,iconCollapseSize:G,iconCollapse:J,iconExpand:K,alignment:O,configIconSize:P,iconPosition:Q}=T(H.parentSetting)??{},{refContainer:R,getIdDropdownItem:U,makeIcon:V,isShow:W,uniqueId:X,composeIconColor:Y,isRenderChildren:Z,composeContentSizeStyle:$,hasTransitionedIn:ee,isMounted:et,productID:er}=n(H),es=i(u),el=i(v(H.parentStyle,{isShow:W,uniqueId:X,makeIcon:V,index:M})),eo=i(N),ea=i(j(H.parentStyle,{isShow:W,iconExpand:K,iconSvg:q,iconCollapse:J})),en=i(_(w)),ei=i(b),em=m(c(H.parentStyle,W)),ed=m(p(H.parentStyle,{isShow:W,iconPosition:Q})),ec=m(y(H.parentStyle?.textColor,W)),ep=m(h(H.parentStyle,W,G)),ey=m(g(E)),eh=m(f(E,O)),eg=i(l("gp-inline-flex")),ef=i(I),ex=m(x(Y,P)),eS=i(A(H.parentStyle,{isShow:W,hasTransitionedIn:ee,isMounted:et})),eu=m(S()),ev=i(l("gp-accordion-item_body-inner gp-transition-all gp-duration-500 gp-min-h-0")),eN=i(l("gp-border gp-border-transparent group-hover:[color:var(--text-hover-color)]")),ej=r(()=>{let t=s.toArray(L);return t.length>=k?t[C]:e(o,{})},[L]);return e("div",{className:es,ref:R,style:em,children:t("div",{"data-index":M?.toString(),className:en,children:[t("div",{"aria-hidden":!0,onClick:e=>{U(e,M?.toString())},className:el,style:ed,children:[d(!!V,e("div",{className:eo,children:e("span",{style:ep,className:ea,dangerouslySetInnerHTML:{__html:V??""}})})),t("div",{className:ei,style:eh,children:[d("before-text"===B,e("div",{className:eg,style:{...ey},children:e("span",{className:ef,style:ex,dangerouslySetInnerHTML:{__html:F??""}})})),e(a,{setting:{text:D,htmlTag:"div",options:{uniqueId:X,productID:er,useState:!0},excludeFlex:!0},style:ec,styles:{typo:z},className:eN}),d("after-text"===B,e("div",{className:eg,style:{...ey},children:e("span",{className:ef,style:ex,dangerouslySetInnerHTML:{__html:F??""}})}))]})]}),Z&&e("div",{...H?.builderAttrs,className:eS,style:eu,"data-index":M,"data-show":W,children:e("div",{className:ev,style:$,children:ej})})]})})};export{AccordionItem as default};

package/dist/esm/accordion/components/AccordionItem.liquid.js

@@ -1,4 +1,4 @@
-import{composeClasses as t,template as e,RenderChildren as s}from"@gem-sdk/core";import i from"../../text/components/Text.liquid.js";import{getParentSettings as a,getSettingItemLiquid as o,MINIMUM_CHILD as l,BODY_CHILD_INDEX as n}from"../common/helpers.js";import{createClass as d,createStyle as r,If as $}from"@gem-sdk/system";import{getItemContainerClasses as p,getDropdownClasses as c,getIconClasses as m,getIconRotateClasses as v,getContentClasses as y,getGapClasses as x,getLayoutIconClasses as g,getRenderChildrenClasses as u}from"../common/classes.js";import{getIconGlobalSize as f,getItemContainerStyles as h,getDropdownStyles as S,getDropdownTextStyles as j,getIconRotateStyles as I,getGapStyles as T,getIconStyles as b,getRenderChildrenStyles as k,getTemplateRow as q}from"../common/styles.js";let w=w=>{let{parentUid:F,childrenIcon:A,rawChildren:C,index:M,builderProps:N,title:V}=w,{iconSvg:_,titleTypo:z,layoutHeader:B,iconGlobalSize:D,iconCollapseSize:E,iconCollapse:G,iconExpand:H,alignment:J,configIconSize:K,iconPosition:L}=a(w.parentSetting)??{},{isShow:O,composeContentSizeStyle:P,collapsibleIcon:Q,composeIconColor:R,makeIcon:U}=o(w),W=d(p),X=d(c(w.parentStyle,{isShow:O,uniqueId:F,makeIcon:U,index:M})),Y=r(f(D)),Z=d(m),tt=d(v(w.parentStyle,{isShow:O,iconExpand:H,iconSvg:_,iconCollapse:G})),te=d(y(F)),ts=d(x),ti=r(h(w.parentStyle,!1)),ta=r(S(w.parentStyle,{isShow:O,iconPosition:L})),to=r(j(w.parentStyle?.textColor,O)),tl=r(I(w.parentStyle,O,E)),tn=r(T(D,J)),td=d(t("gp-inline-flex")),tr=d(O?{...t("!gp-text-[var(--icon-active-color)]"),...g}:g),t$=r(b(R,K)),tp=d(u(w.parentStyle,{isShow:O,hasTransitionedIn:!1,isMounted:!1})),tc=r({...q(O),...k()}),tm=d(t("gp-accordion-item_body-inner gp-transition-all gp-duration-500 gp-min-h-0"));return e`
+import{composeClasses as t,template as e,RenderChildren as s}from"@gem-sdk/core";import i from"../../text/components/Text.liquid.js";import{getParentSettings as a,getSettingItemLiquid as o,MINIMUM_CHILD as l,BODY_CHILD_INDEX as n}from"../common/helpers.js";import{createClass as d,createStyle as r,If as $}from"@gem-sdk/system";import{getItemContainerClasses as c,getDropdownClasses as p,getIconClasses as m,getIconRotateClasses as v,getContentClasses as y,getGapClasses as x,getLayoutIconClasses as g,getRenderChildrenClasses as u}from"../common/classes.js";import{getIconGlobalSize as f,getItemContainerStyles as h,getDropdownStyles as S,getDropdownTextStyles as j,getIconRotateStyles as I,getGapStyles as T,getIconStyles as b,getTemplateRow as k,getRenderChildrenStyles as q}from"../common/styles.js";let AccordionItem=w=>{let{parentUid:A,childrenIcon:F,rawChildren:C,index:M,builderProps:N,title:V}=w,{iconSvg:_,titleTypo:z,layoutHeader:B,iconGlobalSize:D,iconCollapseSize:E,iconCollapse:G,iconExpand:H,alignment:J,configIconSize:K,iconPosition:L}=a(w.parentSetting)??{},{isShow:O,composeContentSizeStyle:P,collapsibleIcon:Q,composeIconColor:R,makeIcon:U}=o(w),W=d(c),X=d(p(w.parentStyle,{isShow:O,uniqueId:A,makeIcon:U,index:M})),Y=r(f(D)),Z=d(m),tt=d(v(w.parentStyle,{isShow:O,iconExpand:H,iconSvg:_,iconCollapse:G})),te=d(y(A)),ts=d(x),ti=r(h(w.parentStyle,!1)),ta=r(S(w.parentStyle,{isShow:O,iconPosition:L})),to=r(j(w.parentStyle?.textColor,O)),tl=r(I(w.parentStyle,O,E)),tn=r(T(D,J)),td=d(t("gp-inline-flex")),tr=d(O?{...t("!gp-text-[var(--icon-active-color)]"),...g}:g),t$=r(b(R,K)),tc=d(u(w.parentStyle,{isShow:O,hasTransitionedIn:!1,isMounted:!1})),tp=r({...k(O),...q()}),tm=d(t("gp-accordion-item_body-inner gp-transition-all gp-duration-500 gp-min-h-0")),tv=()=>C&&C.length>=l?s({...C[n]}):"";return e`
   <div class="${W}" style="${ti}">
     <div data-index="${M?.toString()}" class="${te}">
       <div aria-hidden uid="${N?.uid}" id="${N?.uid}" data-index="${M?.toString()}"
@@ -18,7 +18,7 @@ import{composeClasses as t,template as e,RenderChildren as s}from"@gem-sdk/core"
             <span
               class="${tr}"
               style="${t$}">
-              ${A??""}</span>
+              ${F??""}</span>
           </div>
           `)}
           ${i({style:{...to},styles:{typo:z},setting:{htmlTag:"div",text:V,excludeFlex:!0,isForceValue:!0},className:"gp-overflow-hidden gp-accordion-text-content group-hover:[color:var(--text-hover-color)!important]"})}
@@ -27,16 +27,16 @@ import{composeClasses as t,template as e,RenderChildren as s}from"@gem-sdk/core"
             <span
               class="${tr}"
               style="${t$}">
-              ${A??""}</span>
+              ${F??""}</span>
           </div>
           `)}
         </div>
       </div>
-      <div data-index="${M}" data-show="${O}" class="${tp}" style="${tc}">
+      <div data-index="${M}" data-show="${O}" class="${tc}" style="${tp}">
         <div data-index="${M}" class="${tm}" style="${P()}">
-          ${C&&C.length>=l?s({...C[n]}):""}
+          ${tv()}
         </div>
       </div>
     </div>
   </div>
-  `};export{w as default};
+  `};export{AccordionItem as default};

package/dist/esm/accordion/hooks/useAccordion.js

@@ -1 +1 @@
-import{useRef as t,useState as r,useMemo as e,useEffect as n,Children as i}from"react";import{useEditorMode as o,useInteraction as u}from"@gem-sdk/core";let l=l=>{let{setting:c,builderProps:a,children:d}=l,{activeKey:m,expandItem:g,expandedMode:p}=c??{},f=t([]),[s,S]=r([]),w=o(),{onListener:h,saveToElementInteractionData:v,ref:x,findElementIncludingSelf:y}=u(),A=e(()=>"multiple"===p,[p]);n(()=>{g||(f.current=[],S([]))},[g]),n(()=>{A||m||(f.current=["0"],S(["0"])),m||(f.current=[],S([]))},[A,m]),n(()=>{if(m&&g){let t=m?.toString()?.toLowerCase()?.split(",")?.map(t=>parseInt(t.trim())-1)?.map(t=>t.toString());S(t),f.current=t}},[m,g]),n(()=>{if(g||(S([]),f.current=[]),m?.toString()?.toLowerCase()==="all"&&g){let t=Array.from(i?.map(d,(t,r)=>r.toString()));S(t),f.current=t}},[m,d,g]);let C=t=>{s.includes(t)?(S([]),f.current=[]):(S([t]),f.current=[t])},L=t=>{let r=[];S(r=s.includes(t)?s.filter(r=>r!==t):[...s,t]),f.current=r};return n(()=>{let t=`[data-id="${a?.uid}"]`;h({event:"gp:change-expanded-item-original",selector:t},r=>{let e=y(x.current||document,t),{data:n,isRollback:i,key:o}=r||{};if(void 0===n&&i)return;if(i){S(n);return}let u=[...f.current];v(e,o,JSON.stringify({data:u}));let l=n.toString();S(u=A?[...u.filter(t=>t!==l),l]:[l])})},[a?.uid,A,y,h,x,v]),n(()=>{f.current=s},[s]),{ref:x,mode:w,accordions:s,activeKey:m,setAccordions:S,handleDropdown:t=>{A?L(t.toString()):C(t.toString())}}};export{l as default};
+import{useRef as t,useState as r,useMemo as e,useEffect as n,Children as i}from"react";import{useEditorMode as o,useInteraction as u}from"@gem-sdk/core";let useAccordion=c=>{let{setting:l,builderProps:a,children:d}=c,{activeKey:m,expandItem:g,expandedMode:f}=l??{},p=t([]),[s,S]=r([]),A=o(),{onListener:v,saveToElementInteractionData:w,ref:x,findElementIncludingSelf:y}=u(),C=e(()=>"multiple"===f,[f]);n(()=>{g||(p.current=[],S([]))},[g]),n(()=>{C||m||(p.current=["0"],S(["0"])),m||(p.current=[],S([]))},[C,m]),n(()=>{if(m&&g){let t=m?.toString()?.toLowerCase()?.split(",")?.map(t=>parseInt(t.trim())-1)?.map(t=>t.toString());S(t),p.current=t}},[m,g]),n(()=>{if(g||(S([]),p.current=[]),m?.toString()?.toLowerCase()==="all"&&g){let t=Array.from(i?.map(d,(t,r)=>r.toString()));S(t),p.current=t}},[m,d,g]);let L=t=>{s.includes(t)?(S([]),p.current=[]):(S([t]),p.current=[t])},h=t=>{let r=[];S(r=s.includes(t)?s.filter(r=>r!==t):[...s,t]),p.current=r},k=t=>{C?h(t.toString()):L(t.toString())};return n(()=>{let t=`[data-id="${a?.uid}"]`;v({event:"gp:change-expanded-item-original",selector:t},r=>{let e=y(x.current||document,t),{data:n,isRollback:i,key:o}=r||{};if(void 0===n&&i)return;if(i){S(n);return}let u=[...p.current];w(e,o,JSON.stringify({data:u}));let c=n.toString();S(u=C?[...u.filter(t=>t!==c),c]:[c])})},[a?.uid,C,y,v,x,w]),n(()=>{p.current=s},[s]),{ref:x,mode:A,accordions:s,activeKey:m,setAccordions:S,handleDropdown:k}};export{useAccordion as default};

package/dist/esm/accordion/hooks/useAccordionItem.js

@@ -1 +1 @@
-import{makeGlobalSize as t,useEditorMode as e,makeStyle as r,getSingleColorVariable as o,getGlobalColorStateStyle as n,composeSize as a,removePaddingYInStyle as i}from"@gem-sdk/core";import{useState as m,useEffect as s,useMemo as c}from"react";import l from"./useMountTransition.js";import{useGetProductId as d}from"../../hooks/useGetProductId.js";import{composeIconSvg as p}from"../common/helpers.js";let u=u=>{let{accordions:f,index:g,builderProps:v,parentSetting:h={},parentStyle:j={},handleDropDown:w}=u,{iconPosition:I,titleTypo:$,iconCollapse:k,iconExpand:x,iconSvg:b}=h;delete $?.attrs?.color;let{itemContentSpacing:y,iconColor:A,contentSizePadding:D}=j,G=f?.includes(g?.toString()??""),M=t(D),P=e(),[S,T]=m(G),q=l(S||!1,500);s(()=>{T(G)},[G]);let z=c(()=>p({isShow:G,iconExpand:x,iconCollapse:k,iconSvg:b}),[G,x,k,b]),B=c(()=>r({fd:"left"===I?"row":"row-reverse",jc:"right"===I?"space-between":""}),[I]),C=c(()=>{let t={normal:A?.normal??"transparent",hover:A?.hover??A?.active??A?.normal??"transparent",active:A?.active??A?.normal??"transparent"};return G?r({c:o(t?.active)}):n("c",t)},[A,G]),{refContainer:E,productID:F}=d(),H=c(()=>{let t=`gp-accordion-item-${v?.uid}-${g}`;return F?`${t}-${F}`:t},[v?.uid,g,F]),J=c(()=>{let t={...D&&M.padding,...y?.type||D?{}:a(y?.custom)};return G?t:i(t)},[D,y,G,M]),K=c(()=>q||S||"edit"!==P,[q,S,P]);return{productID:F,isShow:G,getIdDropdownItem:(t,e)=>{!t.target.closest(".gp-text")&&w&&e&&(T(!S),w(e))},makeIcon:z,refContainer:E,uniqueId:H,isRenderChildren:K,composePosition:B,composeIconColor:C,composeContentSizeStyle:J,hasTransitionedIn:q,isMounted:S}};export{u as default};
+import{makeGlobalSize as e,useEditorMode as t,makeStyle as r,getSingleColorVariable as o,getGlobalColorStateStyle as n,composeSize as a,removePaddingYInStyle as c}from"@gem-sdk/core";import{useState as i,useEffect as s,useMemo as m}from"react";import l from"./useMountTransition.js";import{useGetProductId as d}from"../../hooks/useGetProductId.js";import{composeIconSvg as p}from"../common/helpers.js";let useAccordionItem=u=>{let{accordions:f,index:g,builderProps:v,parentSetting:h={},parentStyle:j={},handleDropDown:$}=u,{iconPosition:w,titleTypo:I,iconCollapse:k,iconExpand:x,iconSvg:A}=h;delete I?.attrs?.color;let{itemContentSpacing:b,iconColor:y,contentSizePadding:G}=j,M=f?.includes(g?.toString()??""),P=e(G),S=t(),[T,q]=i(M),z=l(T||!1,500);s(()=>{q(M)},[M]);let B=m(()=>p({isShow:M,iconExpand:x,iconCollapse:k,iconSvg:A}),[M,x,k,A]),C=m(()=>r({fd:"left"===w?"row":"row-reverse",jc:"right"===w?"space-between":""}),[w]),D=(e,t)=>{!e.target.closest(".gp-text")&&$&&t&&(q(!T),$(t))},E=m(()=>{let e={normal:y?.normal??"transparent",hover:y?.hover??y?.active??y?.normal??"transparent",active:y?.active??y?.normal??"transparent"};return M?r({c:o(e?.active)}):n("c",e)},[y,M]),{refContainer:F,productID:H}=d(),J=m(()=>{let e=`gp-accordion-item-${v?.uid}-${g}`;return H?`${e}-${H}`:e},[v?.uid,g,H]),K=m(()=>{let e={...G&&P.padding,...b?.type||G?{}:a(b?.custom)};return M?e:c(e)},[G,b,M,P]),L=m(()=>z||T||"edit"!==S,[z,T,S]);return{productID:H,isShow:M,getIdDropdownItem:D,makeIcon:B,refContainer:F,uniqueId:J,isRenderChildren:L,composePosition:C,composeIconColor:E,composeContentSizeStyle:K,hasTransitionedIn:z,isMounted:T}};export{useAccordionItem as default};

package/dist/esm/accordion/hooks/useMountTransition.js

@@ -1,2 +1,2 @@
 'use client';
-import{useState as t,useEffect as e}from"react";let r=(r,o)=>{let[u,a]=t(!1);return e(()=>{let t;return r&&!u?a(!0):!r&&u&&(t=setTimeout(()=>a(!1),o)),()=>{clearTimeout(t)}},[o,r,u]),u};export{r as default};
+import{useState as t,useEffect as e}from"react";let useMountTransition=(r,o)=>{let[u,n]=t(!1);return e(()=>{let t;return r&&!u?n(!0):!r&&u&&(t=setTimeout(()=>n(!1),o)),()=>{clearTimeout(t)}},[o,r,u]),u};export{useMountTransition as default};

package/dist/esm/accordion/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"@gem-sdk/system";import"./common/classes.js";import"next/link";import o from"./settings/Accordion.js";import t from"./settings/AccordionItem.js";let r={Accordion:o,AccordionItem:t};export{r as accordionSetting};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"@gem-sdk/system";import"./common/classes.js";import"next/link";import o from"./settings/Accordion.js";import t from"./settings/AccordionItem.js";let accordionSetting={Accordion:o,AccordionItem:t};export{accordionSetting};

package/dist/esm/accordion/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import m from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let r=o(()=>import("./components/Accordion.js"),{loading:m}),t=o(()=>import("./components/AccordionItem.js"),{loading:m});var n={Accordion:r,AccordionItem:t};export{n as default};
+import o from"next/dynamic";import c from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Accordion=o(()=>import("./components/Accordion.js"),{loading:c}),AccordionItem=o(()=>import("./components/AccordionItem.js"),{loading:c});var accordion={Accordion,AccordionItem};export{accordion as default};

package/dist/esm/accordion/settings/Accordion.js

@@ -1,4 +1,4 @@
-import{itemChildrenTemplate as t}from"./configs/child-items.js";import{AccordionSettings as i}from"./configs/settings.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";let l={tag:"Accordion",label:"Accordion",icon:`
+import{itemChildrenTemplate as t}from"./configs/child-items.js";import{AccordionSettings as i}from"./configs/settings.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";let config={tag:"Accordion",label:"Accordion",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C2.58579 4 2.25 4.33579 2.25 4.75C2.25 5.16421 2.58579 5.5 3 5.5H21.0025C21.4167 5.5 21.7525 5.16421 21.7525 4.75C21.7525 4.33579 21.4167 4 21.0025 4H3ZM1.5 9.67558C1.5 8.1568 2.73122 6.92558 4.25 6.92558H19.7525C21.2713 6.92558 22.5025 8.1568 22.5025 9.67558V14.3781C22.5025 15.8969 21.2713 17.1281 19.7525 17.1281H4.25C2.73121 17.1281 1.5 15.8969 1.5 14.3781V9.67558ZM4.25 8.42558C3.55964 8.42558 3 8.98523 3 9.67558V14.3781C3 15.0685 3.55964 15.6281 4.25 15.6281H19.7525C20.4428 15.6281 21.0025 15.0685 21.0025 14.3781V9.67558C21.0025 8.98523 20.4428 8.42558 19.7525 8.42558H4.25ZM2.25 19.2542C2.25 18.84 2.58579 18.5042 3 18.5042H21.0025C21.4167 18.5042 21.7525 18.84 21.7525 19.2542C21.7525 19.6684 21.4167 20.0042 21.0025 20.0042H3C2.58579 20.0042 2.25 19.6684 2.25 19.2542Z" fill="white"/>
   </svg>
@@ -67,4 +67,4 @@ import{itemChildrenTemplate as t}from"./configs/child-items.js";import{Accordion
 </clipPath>
 </defs>
 </svg>
-        `},components:[{tag:"Accordion",settings:{childItem:["Accordion 1","Accordion 2","Accordion 3"],layoutHeader:"before-text"},styles:{backgroundContent:{desktop:"#EAEAEA"},borderContent:{},headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"12px",bottom:"12px",right:"12px"}}},itemGap:"16px",contentSizePadding:{desktop:{padding:{type:"medium",top:"4px",left:"12px",bottom:"12px",right:"12px"}}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[t,t,t]}]}],editorConfigs:{placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},rootOverride:{settings:{alignment:{desktop:"left"}},styles:{align:{desktop:"center"},widthHeightSize:{desktop:{width:"600px",height:"auto"}}},"spacing-setting":{desktop:{margin:{bottom:0}}}}};export{l as default};
+        `},components:[{tag:"Accordion",settings:{childItem:["Accordion 1","Accordion 2","Accordion 3"],layoutHeader:"before-text"},styles:{backgroundContent:{desktop:"#EAEAEA"},borderContent:{},headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"12px",bottom:"12px",right:"12px"}}},itemGap:"16px",contentSizePadding:{desktop:{padding:{type:"medium",top:"4px",left:"12px",bottom:"12px",right:"12px"}}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[t,t,t]}]}],editorConfigs:{placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},rootOverride:{settings:{alignment:{desktop:"left"}},styles:{align:{desktop:"center"},widthHeightSize:{desktop:{width:"600px",height:"auto"}}},"spacing-setting":{desktop:{margin:{bottom:0}}}}};export{config as default};

package/dist/esm/accordion/settings/AccordionItem.js

@@ -1 +1 @@
-let e={tag:"AccordionItem",label:"Accordion Item",settings:[],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{flowTag:["Accordion"],notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};export{e as default};
+let config={tag:"AccordionItem",label:"Accordion Item",settings:[],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{flowTag:["Accordion"],notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};export{config as default};

package/dist/esm/accordion/settings/configs/child-items.js

@@ -1 +1 @@
-let e={tag:"AccordionItem",childrens:[{tag:"Col",settings:{},advanced:{w:{desktop:"100%"}},childrens:[]}]},t={tag:"AccordionItem",label:"Accordion Item",settings:{},styles:{},advanced:{},childrens:[{tag:"Col",settings:{},styles:{minWidth:{desktop:"200px"},justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[]}]};export{e as itemChildrenTemplate,t as itemControlTemplate};
+let itemChildrenTemplate={tag:"AccordionItem",childrens:[{tag:"Col",settings:{},advanced:{w:{desktop:"100%"}},childrens:[]}]},itemControlTemplate={tag:"AccordionItem",label:"Accordion Item",settings:{},styles:{},advanced:{},childrens:[{tag:"Col",settings:{},styles:{minWidth:{desktop:"200px"},justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[]}]};export{itemChildrenTemplate,itemControlTemplate};

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

@@ -1,4 +1,4 @@
-import{itemControlTemplate as e}from"./child-items.js";let l=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Accordion 1","Accordion 2","Accordion 3"],childTemplate:e,expandItem:!1},{id:"expandItem",type:"toggle",label:"Expand multiple items",default:!0},{id:"activeKey",label:"Expand item",default:"1",type:"accordion:dropdown:input",inputType:"text",displayOptions:[{label:"Accordion 1",value:"1",reversed:!1},{label:"Accordion 1, 2",value:"1,2",reversed:!0},{label:"All accordions",value:"all"}]},{id:"expandedMode",label:"Expand mode",type:"accordion:segment",default:"multiple",options:[{label:"Single",value:"single"},{label:"Multiple",value:"multiple"}]},{id:"titleTypo",type:"typography-combo",default:{type:"paragraph-1"},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"general",type:"group",label:"General",controls:[{id:"iconSvg",label:"Accordion icon",type:"option:value",disableToggle:!1,options:[{label:"N/A",value:""},{label:`
+import{itemControlTemplate as e}from"./child-items.js";let AccordionSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Accordion 1","Accordion 2","Accordion 3"],childTemplate:e,expandItem:!1},{id:"expandItem",type:"toggle",label:"Expand multiple items",default:!0},{id:"activeKey",label:"Expand item",default:"1",type:"accordion:dropdown:input",inputType:"text",displayOptions:[{label:"Accordion 1",value:"1",reversed:!1},{label:"Accordion 1, 2",value:"1,2",reversed:!0},{label:"All accordions",value:"all"}]},{id:"expandedMode",label:"Expand mode",type:"accordion:segment",default:"multiple",options:[{label:"Single",value:"single"},{label:"Multiple",value:"multiple"}]},{id:"titleTypo",type:"typography-combo",default:{type:"paragraph-1"},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"general",type:"group",label:"General",controls:[{id:"iconSvg",label:"Accordion icon",type:"option:value",disableToggle:!1,options:[{label:"N/A",value:""},{label:`
                   <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                   <path d="M9 1.5C9 1.22386 8.77614 1 8.5 1C8.22386 1 8 1.22386 8 1.5V7.5H2C1.72386 7.5 1.5 7.72386 1.5 8C1.5 8.27614 1.72386 8.5 2 8.5H8V14.5C8 14.7761 8.22386 15 8.5 15C8.77614 15 9 14.7761 9 14.5V8.5H15C15.2761 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.2761 7.5 15 7.5H9V1.5Z" fill="currentColor"/>
                   </svg>`,value:"plus"},{label:`
@@ -36,4 +36,4 @@ import{itemControlTemplate as e}from"./child-items.js";let l=[{id:"setting",cont
           <svg width="16" height="16" data-name="Caret-down-regular" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.57576 6.77571C4.81007 6.5414 5.18997 6.5414 5.42429 6.77571L8.20002 9.55145L10.9758 6.77571C11.2101 6.5414 11.59 6.5414 11.8243 6.77571C12.0586 7.01003 12.0586 7.38993 11.8243 7.62424L8.62429 10.8242C8.38997 11.0586 8.01007 11.0586 7.77576 10.8242L4.57576 7.62424C4.34145 7.38993 4.34145 7.01003 4.57576 6.77571Z" fill="currentColor"/>
 </svg>
-          `,hideInput:!0,hideLabel:!0},{id:"iconCollapseSize",label:"Size",type:"input:stepper",default:16},{id:"alignment",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[{id:"enableHoverEffect",type:"toggle",label:"Enable Hover Effect",default:!1},{id:"enableActiveEffect",type:"toggle",label:"Enable Hover Effect",default:!1},{id:"backgroundContent",type:"color-picker-v2",label:"Background Color",devices:{desktop:{}},compoDefaultValue:{desktop:{default:"#EAEAEA"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{},compoDefaultValue:{border:"solid",width:"1px 1px 1px 1px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},{id:"roundedContent",type:"radius-preset",label:"Corner",default:{radiusType:"none"}},{id:"behavior-state",type:"behavior-state",controls:[{id:"textColor",type:"color-picker-v2",label:"Text color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"iconColor",type:"color-picker-v2",label:"Collapsible icon color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"color",type:"color-picker-v2",label:"Collapsible icon color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"bgColor",type:"color-picker-v2",label:"Background Color",default:{},compoDefaultValue:{normal:"#DDDDDD",hover:"highlight",active:"highlight"},state:{hover:!0,normal:!0,active:!0}},{id:"headerBorder",type:"border-v2",default:{},compoDefaultValue:{normal:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},hover:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},active:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"accordion",type:"group",label:"Dimension",controls:[{id:"widthHeightSize",type:"size-setting",devices:{desktop:{default:{height:"auto",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full","default"]},height:{name:"Header height",displayOptions:["auto","small","medium","large"],sizeConfig:{small:"32px",medium:"48px",large:"64px"}}},hiddenSettings:["shape","gap","padding"]},{id:"headerContentPadding",type:"size-setting",devices:{desktop:{}},settingConfig:{padding:{name:"Header padding",paddingConfig:{small:{vertical:"4px",horizontal:"16px"},medium:{vertical:"8px",horizontal:"24px"},large:{vertical:"12px",horizontal:"32px"}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0},{id:"contentSizePadding",type:"size-setting",devices:{desktop:{default:{padding:{type:"medium",top:"4px",left:"0px",bottom:"12px",right:"0px"},gap:"8px"}}},settingConfig:{padding:{name:"Content padding",paddingConfig:{small:{vertical:"4px",horizontal:"16px"},medium:{vertical:"8px",horizontal:"24px"},large:{vertical:"12px",horizontal:"32px"}}},gap:{name:"Item gap",displayOptions:["small","medium","large"],sizeConfig:{small:"8px",medium:"16px",large:"24px"}}},hiddenSettings:["shape","width","height"],hiddenShowMore:!0}]},{id:"align",label:"Alignment",type:"segment",devices:{desktop:{default:"center"}},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"}]},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"accordionShadow",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}]}];export{l as AccordionSettings};
+          `,hideInput:!0,hideLabel:!0},{id:"iconCollapseSize",label:"Size",type:"input:stepper",default:16},{id:"alignment",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[{id:"enableHoverEffect",type:"toggle",label:"Enable Hover Effect",default:!1},{id:"enableActiveEffect",type:"toggle",label:"Enable Hover Effect",default:!1},{id:"backgroundContent",type:"color-picker-v2",label:"Background Color",devices:{desktop:{}},compoDefaultValue:{desktop:{default:"#EAEAEA"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{},compoDefaultValue:{border:"solid",width:"1px 1px 1px 1px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},{id:"roundedContent",type:"radius-preset",label:"Corner",default:{radiusType:"none"}},{id:"behavior-state",type:"behavior-state",controls:[{id:"textColor",type:"color-picker-v2",label:"Text color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"iconColor",type:"color-picker-v2",label:"Collapsible icon color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"color",type:"color-picker-v2",label:"Collapsible icon color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"bgColor",type:"color-picker-v2",label:"Background Color",default:{},compoDefaultValue:{normal:"#DDDDDD",hover:"highlight",active:"highlight"},state:{hover:!0,normal:!0,active:!0}},{id:"headerBorder",type:"border-v2",default:{},compoDefaultValue:{normal:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},hover:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},active:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"accordion",type:"group",label:"Dimension",controls:[{id:"widthHeightSize",type:"size-setting",devices:{desktop:{default:{height:"auto",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full","default"]},height:{name:"Header height",displayOptions:["auto","small","medium","large"],sizeConfig:{small:"32px",medium:"48px",large:"64px"}}},hiddenSettings:["shape","gap","padding"]},{id:"headerContentPadding",type:"size-setting",devices:{desktop:{}},settingConfig:{padding:{name:"Header padding",paddingConfig:{small:{vertical:"4px",horizontal:"16px"},medium:{vertical:"8px",horizontal:"24px"},large:{vertical:"12px",horizontal:"32px"}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0},{id:"contentSizePadding",type:"size-setting",devices:{desktop:{default:{padding:{type:"medium",top:"4px",left:"0px",bottom:"12px",right:"0px"},gap:"8px"}}},settingConfig:{padding:{name:"Content padding",paddingConfig:{small:{vertical:"4px",horizontal:"16px"},medium:{vertical:"8px",horizontal:"24px"},large:{vertical:"12px",horizontal:"32px"}}},gap:{name:"Item gap",displayOptions:["small","medium","large"],sizeConfig:{small:"8px",medium:"16px",large:"24px"}}},hiddenSettings:["shape","width","height"],hiddenShowMore:!0}]},{id:"align",label:"Alignment",type:"segment",devices:{desktop:{default:"center"}},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"}]},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"accordionShadow",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}]}];export{AccordionSettings};

package/dist/esm/accordion/settings/configs/translate.js

@@ -1 +1 @@
-let c={childItem:{id:"childItem"}};export{c as Accordion};
+let Accordion={childItem:{id:"childItem"}};export{Accordion};

package/dist/esm/accordion/settings/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Item management",controls:[{label:"Item",setting:{id:"childItem"}}]},{label:"Item style",controls:[{label:"Background",setting:{id:"backgroundContent"}},{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"Shadow",setting:{id:"accordionShadow"},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"#121212",angle:90,enable:!0},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"accordionShadow.enable === true",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"accordionShadow.enable === false",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Item header",controls:[{label:"Title icon",type:"combo",iconName:"polaris-icons",getValueFromSettingID:"layoutHeader",isShowSettingTitle:!0,isHideClear:!0,popoverLabel:"Title icon",controls:[{label:"Layout",setting:{id:"layoutHeader"},layout:"vertical"},{layout:"vertical",setting:{id:"childConfig"},conditionDisplay:'layoutHeader !== "text-only"'},{label:"Gap to text",conditionDisplay:'layoutHeader !== "text-only"',controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,ignoreMax:!0,linkWithSetting:{name:"iconGlobalSize",field:"gap"}}},{label:"Size",setting:{id:"configIconSize"},conditionDisplay:'layoutHeader !== "text-only"'},{conditionDisplay:'layoutHeader !== "text-only"',label:"Color",setting:{id:"iconColor",state:"normal"}}]},{label:"Title",setting:{id:"titleTypo"},options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}},{label:"Expand icon",type:"combo",iconName:"polaris-icons",fixedValue:"Edited",isHideClear:!0,popoverLabel:"Expand icon",controls:[{label:"When expanded",setting:{id:"iconExpand"}},{label:"When collapsed",setting:{id:"iconCollapse"}},{label:"Position",setting:{id:"iconPosition"}},{label:"Size",setting:{id:"iconCollapseSize"}},{label:"Color",setting:{id:"color",state:"normal"}}]},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"widthHeightSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto"},{label:"Small",value:"32px"},{label:"Medium",value:"48px"},{label:"Large",value:"64px"}]}},{label:"Padding",controlConfig:{id:"header-content-padding",type:"padding-v2",linkWithSetting:{name:"headerContentPadding",field:"padding"}}},{label:"Background",setting:{id:"bgColor",state:"normal"}}],moreSettings:{controls:[{label:"Border",setting:{id:"headerBorder",state:"normal"}},{label:"Align",setting:{id:"alignment"}}]}},{label:"Item content",controls:[{label:"Padding",controlConfig:{id:"content-content-padding",type:"padding-v2",linkWithSetting:{name:"contentSizePadding",field:"padding"}}}]},{label:"Item spacing",controls:[{label:"Gap",controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,linkWithSetting:{name:"contentSizePadding",field:"gap"}}}]},{label:"Effect",controls:[{label:"Hover item",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover item",state:"hover",setting:{id:"enableHoverEffect"},controls:[{label:"Title icon",setting:{id:"iconColor",state:"hover"}},{label:"Title",setting:{id:"textColor",state:"hover"}},{label:"Expand icon",setting:{id:"color",state:"hover"}},{label:"Header color",setting:{id:"bgColor",state:"hover"}},{label:"Border",setting:{id:"headerBorder",state:"hover"}}]},{label:"Expand header",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:"Expand header",setting:{id:"enableActiveEffect"},controls:[{label:"Title icon",setting:{id:"iconColor",state:"active"}},{label:"Title",setting:{id:"textColor",state:"active"}},{label:"Expand icon",setting:{id:"color",state:"active"}},{label:"Header color",setting:{id:"bgColor",state:"active"}},{label:"Border",setting:{id:"headerBorder",state:"active"}}]}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"widthHeightSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display condition",controls:[{label:"Expand mode",setting:{id:"expandedMode"}},{label:"Auto-expand",setting:{id:"expandItem"}},{label:"Item",setting:{id:"activeKey"},conditionDisplay:"expandItem === true"}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(widthHeightSize.width) >= 100 && widthHeightSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};
+let SettingUIV2=[{label:"Item management",controls:[{label:"Item",setting:{id:"childItem"}}]},{label:"Item style",controls:[{label:"Background",setting:{id:"backgroundContent"}},{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"Shadow",setting:{id:"accordionShadow"},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"#121212",angle:90,enable:!0},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"accordionShadow.enable === true",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"accordionShadow.enable === false",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Item header",controls:[{label:"Title icon",type:"combo",iconName:"polaris-icons",getValueFromSettingID:"layoutHeader",isShowSettingTitle:!0,isHideClear:!0,popoverLabel:"Title icon",controls:[{label:"Layout",setting:{id:"layoutHeader"},layout:"vertical"},{layout:"vertical",setting:{id:"childConfig"},conditionDisplay:'layoutHeader !== "text-only"'},{label:"Gap to text",conditionDisplay:'layoutHeader !== "text-only"',controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,ignoreMax:!0,linkWithSetting:{name:"iconGlobalSize",field:"gap"}}},{label:"Size",setting:{id:"configIconSize"},conditionDisplay:'layoutHeader !== "text-only"'},{conditionDisplay:'layoutHeader !== "text-only"',label:"Color",setting:{id:"iconColor",state:"normal"}}]},{label:"Title",setting:{id:"titleTypo"},options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}},{label:"Expand icon",type:"combo",iconName:"polaris-icons",fixedValue:"Edited",isHideClear:!0,popoverLabel:"Expand icon",controls:[{label:"When expanded",setting:{id:"iconExpand"}},{label:"When collapsed",setting:{id:"iconCollapse"}},{label:"Position",setting:{id:"iconPosition"}},{label:"Size",setting:{id:"iconCollapseSize"}},{label:"Color",setting:{id:"color",state:"normal"}}]},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"widthHeightSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto"},{label:"Small",value:"32px"},{label:"Medium",value:"48px"},{label:"Large",value:"64px"}]}},{label:"Padding",controlConfig:{id:"header-content-padding",type:"padding-v2",linkWithSetting:{name:"headerContentPadding",field:"padding"}}},{label:"Background",setting:{id:"bgColor",state:"normal"}}],moreSettings:{controls:[{label:"Border",setting:{id:"headerBorder",state:"normal"}},{label:"Align",setting:{id:"alignment"}}]}},{label:"Item content",controls:[{label:"Padding",controlConfig:{id:"content-content-padding",type:"padding-v2",linkWithSetting:{name:"contentSizePadding",field:"padding"}}}]},{label:"Item spacing",controls:[{label:"Gap",controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,linkWithSetting:{name:"contentSizePadding",field:"gap"}}}]},{label:"Effect",controls:[{label:"Hover item",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover item",state:"hover",setting:{id:"enableHoverEffect"},controls:[{label:"Title icon",setting:{id:"iconColor",state:"hover"}},{label:"Title",setting:{id:"textColor",state:"hover"}},{label:"Expand icon",setting:{id:"color",state:"hover"}},{label:"Header color",setting:{id:"bgColor",state:"hover"}},{label:"Border",setting:{id:"headerBorder",state:"hover"}}]},{label:"Expand header",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:"Expand header",setting:{id:"enableActiveEffect"},controls:[{label:"Title icon",setting:{id:"iconColor",state:"active"}},{label:"Title",setting:{id:"textColor",state:"active"}},{label:"Expand icon",setting:{id:"color",state:"active"}},{label:"Header color",setting:{id:"bgColor",state:"active"}},{label:"Border",setting:{id:"headerBorder",state:"active"}}]}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"widthHeightSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display condition",controls:[{label:"Expand mode",setting:{id:"expandedMode"}},{label:"Auto-expand",setting:{id:"expandItem"}},{label:"Item",setting:{id:"activeKey"},conditionDisplay:"expandItem === true"}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(widthHeightSize.width) >= 100 && widthHeightSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

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

@@ -1,4 +1,4 @@
-let t=t=>t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;"),e=`
+let convertSpecialCharacter=e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;"),styleOverride=`
 .gp-content-text-override.gp-p-description-text p,
 .gp-content-text-override.gp-p-description-text div,
 .gp-content-text-override.gp-p-description-text span,
@@ -10,4 +10,4 @@ let t=t=>t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").repla
 .gp-content-text-override.gp-p-description-text h6,
 .gp-content-text-override.gp-p-description-text * {
   line-height: inherit !important;
-}`;export{t as convertSpecialCharacter,e as styleOverride};
+}`;export{convertSpecialCharacter,styleOverride};

package/dist/esm/article/components/ArticleAuthor.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import{useArticleStore as r}from"@gem-sdk/core";import{useMemo as i}from"react";let o=({setting:o,builderProps:l,styles:a,advanced:d})=>{let{prefix:n}=o??{},c=r(e=>e.article),m=i(()=>`${n??""} ${c?.author||"Unknown"}`,[c?.author,n]);return e("div",{id:`shopify-text-element-${l?.uid}`,"data-article-id":c?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:e(t,{builderProps:l,styles:a,advanced:d,setting:{...o,text:m,excludeFlex:!0}})})};export{o as default};
+import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import{useArticleStore as r}from"@gem-sdk/core";import{useMemo as i}from"react";let ArticleAuthor=({setting:o,builderProps:l,styles:a,advanced:c})=>{let{prefix:d}=o??{},n=r(e=>e.article),m=i(()=>`${d??""} ${n?.author||"Unknown"}`,[n?.author,d]);return e("div",{id:`shopify-text-element-${l?.uid}`,"data-article-id":n?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:e(t,{builderProps:l,styles:a,advanced:c,setting:{...o,text:m,excludeFlex:!0}})})};export{ArticleAuthor as default};

package/dist/esm/article/components/ArticleAuthor.liquid.js

@@ -1,4 +1,4 @@
 'use client';
-import{template as t}from"@gem-sdk/core";import e from"../../text/components/Text.liquid.js";let r=({setting:r,styles:i,advanced:l,builderProps:o})=>{let{prefix:d}=r??{};return t`
+import{template as t}from"@gem-sdk/core";import e from"../../text/components/Text.liquid.js";let ArticleAuthor=({setting:r,styles:i,advanced:l,builderProps:o})=>{let{prefix:d}=r??{};return t`
     ${e({styles:i,setting:{...r,text:`${d} {{ article.author }}`,excludeFlex:!0,isForceValue:!0},advanced:l,builderAttrs:{"data-id":o?.uid}})}
-  `};export{r as default};
+  `};export{ArticleAuthor as default};

package/dist/esm/article/components/ArticleCategory.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import{useArticleStore as r}from"@gem-sdk/core";import{convertSpecialCharacter as i}from"../common/helpers.js";let o=({setting:o,builderProps:l,styles:m})=>{let s=r(e=>e.article);return e("div",{id:`shopify-text-element-${l?.uid}`,"data-article-id":s?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:e(t,{builderProps:l,styles:m,setting:{...o,text:i(s?.blog?.title??""),excludeFlex:!0}})})};export{o as default};
+import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import{useArticleStore as r}from"@gem-sdk/core";import{convertSpecialCharacter as i}from"../common/helpers.js";let ArticleCategory=({setting:o,builderProps:l,styles:m})=>{let s=r(e=>e.article);return e("div",{id:`shopify-text-element-${l?.uid}`,"data-article-id":s?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:e(t,{builderProps:l,styles:m,setting:{...o,text:i(s?.blog?.title??""),excludeFlex:!0}})})};export{ArticleCategory as default};

package/dist/esm/article/components/ArticleCategory.liquid.js

@@ -1,4 +1,4 @@
 'use client';
-import{template as t}from"@gem-sdk/core";import e from"../../text/components/Text.liquid.js";let r=({setting:r,styles:l,advanced:o,builderProps:i})=>{let a=l?.typo?.attrs?.transform==="capitalize";return t`
+import{template as t}from"@gem-sdk/core";import e from"../../text/components/Text.liquid.js";let ArticleCategory=({setting:r,styles:l,advanced:o,builderProps:i})=>{let a=l?.typo?.attrs?.transform==="capitalize";return t`
     ${e({styles:l,setting:{...r,text:a?"{{ blogTitle | downcase }}":"{{ blogTitle }}",excludeFlex:!0,isForceValue:!0},advanced:o,builderAttrs:{"data-id":i?.uid}})}
-  `};export{r as default};
+  `};export{ArticleCategory as default};

package/dist/esm/article/components/ArticleContent.js

@@ -1,5 +1,5 @@
 'use client';
-import{jsx as t,jsxs as e,Fragment as p}from"react/jsx-runtime";import{useArticleStore as i,useCurrentDevice as o,useShopStore as r,useI18nStore as n,getResponsiveValueByScreen as c,composeTypographyClassName as a,composeTypographyStyle as l,isSafari as s,makeStyle as d,getStyleShadow as m,makeStyleResponsive as y,getGlobalColorStateStyle as h,cls as g}from"@gem-sdk/core";import{useState as x,useRef as f,useEffect as u}from"react";import w from"../../common/components/NoDataState.js";import{styleOverride as v}from"../common/helpers.js";let A=({styles:A,builderProps:S})=>{let b=i(t=>t.article),[k,C]=x(!1),$=f(null),_=o(),j=r(t=>t.storefrontUrl),{t:I}=n(),L=c(A?.hasLineClamp,_),N=c(A?.lineClamp,_);u(()=>{C(!1)},[L,N,b?.description]);let T=a(A?.typo,A?.typography),D=l(A?.typo,A?.typography),U=`
+import{jsx as t,jsxs as e,Fragment as p}from"react/jsx-runtime";import{useArticleStore as i,useCurrentDevice as o,useShopStore as r,useI18nStore as n,getResponsiveValueByScreen as c,composeTypographyClassName as a,composeTypographyStyle as l,isSafari as s,cls as d,getGlobalColorStateStyle as m,makeStyleResponsive as y,getStyleShadow as h,makeStyle as g}from"@gem-sdk/core";import{useState as x,useRef as f,useEffect as u}from"react";import w from"../../common/components/NoDataState.js";import{styleOverride as v}from"../common/helpers.js";let ArticleContent=({styles:A,builderProps:S})=>{let b=i(t=>t.article),[C,k]=x(!1),$=f(null),_=o(),j=r(t=>t.storefrontUrl),{t:I}=n(),L=c(A?.hasLineClamp,_),N=c(A?.lineClamp,_),T=()=>{if(!j)return;let t=new URL(j);window.open(`${t.protocol}//${t.host}/admin/content/articles`)};u(()=>{k(!1)},[L,N,b?.description]);let D=a(A?.typo,A?.typography),U=l(A?.typo,A?.typography),E=`
     .gp-p-description-text a:empty,
     .gp-p-description-text ul:empty,
     .gp-p-description-text dl:empty,
@@ -16,4 +16,4 @@ import{jsx as t,jsxs as e,Fragment as p}from"react/jsx-runtime";import{useArticl
         display: none;
     }
    ${v}
-  `;return t("div",{"data-id":S?.uid,id:`shopify-text-element-${S?.uid}`,className:"gp-article-description","data-article-id":b?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:b?.content?.html?e(p,{children:[!s()&&t("style",{children:U}),t("div",{ref:$,className:g("gp-p-description-text gp-content-text-override gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",T),style:{...h("c",A?.color),...y("ta",A?.textAlign),...L&&!k?y("line-clamp",A?.lineClamp):{},...m({value:A?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:A?.typo?.custom?.hasShadowText}),...d({tt:A?.transform}),...D},dangerouslySetInnerHTML:{__html:b?.content?.html}})]}):t("div",{children:t(w,{elementType:"secondary",description:I("Inform and provide value to the audience with article content."),descriptionActions:[{text:I("Add article content"),callback:()=>{if(!j)return;let t=new URL(j);window.open(`${t.protocol}//${t.host}/admin/content/articles`)}},{text:I("sync data"),callback:"syncArticle"}]})})})};export{A as default};
+  `;return t("div",{"data-id":S?.uid,id:`shopify-text-element-${S?.uid}`,className:"gp-article-description","data-article-id":b?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:b?.content?.html?e(p,{children:[!s()&&t("style",{children:E}),t("div",{ref:$,className:d("gp-p-description-text gp-content-text-override gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",D),style:{...m("c",A?.color),...y("ta",A?.textAlign),...L&&!C?y("line-clamp",A?.lineClamp):{},...h({value:A?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:A?.typo?.custom?.hasShadowText}),...g({tt:A?.transform}),...U},dangerouslySetInnerHTML:{__html:b?.content?.html}})]}):t("div",{children:t(w,{elementType:"secondary",description:I("Inform and provide value to the audience with article content."),descriptionActions:[{text:I("Add article content"),callback:T},{text:I("sync data"),callback:"syncArticle"}]})})})};export{ArticleContent as default};

package/dist/esm/article/components/ArticleContent.liquid.js

@@ -1,8 +1,8 @@
 'use client';
-import{composeTypographyClassName as t,composeTypographyStyle as e,makeStyle as r,getGlobalColorStateStyle as a,makeStyleResponsive as s,getStyleShadow as o,makeLineClamp as p,cls as i,getGlobalColorStateClass as l,RenderIf as c,isLocalEnv as d,baseAssetURL as f,template as n}from"@gem-sdk/core";import{getSettingPreloadData as g}from"../../helpers.js";import{styleOverride as m}from"../common/helpers.js";let w=({styles:w,builderProps:h})=>{let b=t(w?.typo,w?.typography),y=e(w?.typo,w?.typography),u={...s("ta",w?.textAlign),...a("c",w?.color),...r({tt:w?.transform}),...y},v={...u,...s("line-clamp",p(w?.lineClamp,w?.hasLineClamp)),...o({value:w?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:w?.typo?.custom?.hasShadowText})};return n`
+import{composeTypographyClassName as t,composeTypographyStyle as e,makeStyleResponsive as r,getGlobalColorStateStyle as a,makeStyle as s,makeLineClamp as o,getStyleShadow as p,template as i,cls as l,getGlobalColorStateClass as c,RenderIf as n,isLocalEnv as d,baseAssetURL as f}from"@gem-sdk/core";import{getSettingPreloadData as g}from"../../helpers.js";import{styleOverride as m}from"../common/helpers.js";let ArticleContent=({styles:w,builderProps:h})=>{let b=t(w?.typo,w?.typography),y=e(w?.typo,w?.typography),u={...r("ta",w?.textAlign),...a("c",w?.color),...s({tt:w?.transform}),...y},v={...u,...r("line-clamp",o(w?.lineClamp,w?.hasLineClamp)),...p({value:w?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:w?.typo?.custom?.hasShadowText})};return i`
 <gp-article-content data-id="${h?.uid}" >
   <div
-      class="${i("gp-relative gp-p-description-text gp-content-text-override gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",b,l("text",w?.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")}"
+      class="${l("gp-relative gp-p-description-text gp-content-text-override gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",b,c("text",w?.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")}"
       style="${v}"
     >
     {{article.content}}
@@ -14,5 +14,5 @@ import{composeTypographyClassName as t,composeTypographyStyle as e,makeStyle as
     ${m}
   {% endstyle %}
 </gp-article-content>
-${c(d,`<script ${g('class="gps-link" delay',"src")}="{{ 'gp-article-content-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${g('class="gps-link" delay',"src")}="${f}/assets-v2/gp-article-content-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{w as default};
+${n(d,`<script ${g('class="gps-link" delay',"src")}="{{ 'gp-article-content-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${g('class="gps-link" delay',"src")}="${f}/assets-v2/gp-article-content-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{ArticleContent as default};

package/dist/esm/article/components/ArticleDate.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import{useMemo as r}from"react";import{useArticleStore as i,useTimezone as o}from"@gem-sdk/core";let l=({setting:l,builderProps:a,styles:n})=>{let{dateFormat:s}=l??{},d=i(e=>e.article),{timezone:c}=o(),m=(e,t)=>{let r=t?.split(" ")?.[1]??"";return r?new Date(new Date(e).toLocaleString("en-US",{timeZone:r})):e},p=r(()=>{let e=m(new Date(d.publishedAt),c??""),{locales:t,options:r}=JSON.parse(s??'{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}');return e.toLocaleDateString(t,r)},[d.publishedAt,c,s]);return e("div",{id:`shopify-text-element-${a?.uid}`,"data-article-id":d?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:e(t,{builderProps:a,styles:n,setting:{...l,text:p,excludeFlex:!0},disableEdit:!0})})};export{l as default};
+import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import{useMemo as r}from"react";import{useArticleStore as i,useTimezone as l}from"@gem-sdk/core";let ArticleDate=({setting:o,builderProps:a,styles:n})=>{let{dateFormat:s}=o??{},d=i(e=>e.article),{timezone:c}=l(),m=(e,t)=>{let r=t?.split(" ")?.[1]??"";return r?new Date(new Date(e).toLocaleString("en-US",{timeZone:r})):e},p=r(()=>{let e=m(new Date(d.publishedAt),c??""),{locales:t,options:r}=JSON.parse(s??'{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}');return e.toLocaleDateString(t,r)},[d.publishedAt,c,s]);return e("div",{id:`shopify-text-element-${a?.uid}`,"data-article-id":d?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:e(t,{builderProps:a,styles:n,setting:{...o,text:p,excludeFlex:!0},disableEdit:!0})})};export{ArticleDate as default};

package/dist/esm/article/components/ArticleDate.liquid.js

@@ -1,4 +1,4 @@
 'use client';
-import{template as e}from"@gem-sdk/core";import t from"../../text/components/Text.liquid.js";let i={'{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}':"%b %d, %Y",'{"locales":"en-US","options":{"month":"long","day":"2-digit","year":"numeric"}}':"%B %d, %Y",'{"locales":"en-GB","options":{"month":"long","day":"2-digit","year":"numeric"}}':"%d %B %Y",'{"locales":"en-GB","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}':"%d/%m/%Y",'{"locales":"en-US","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}':"%m/%d/%Y",'{"locales":"ja-JP","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}':"%Y/%m/%d"},o=({setting:o,styles:d,advanced:n,builderProps:a})=>{let{dateFormat:r}=o??{};return e`
-    ${t({styles:d,setting:{...o,text:`{{ article.published_at | date: '${i[r??'{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}']}' }}`,excludeFlex:!0,isForceValue:!0},advanced:n,builderAttrs:{"data-id":a?.uid}})}
-  `};export{o as default};
+import{template as e}from"@gem-sdk/core";import t from"../../text/components/Text.liquid.js";let FORMAT_MAP={'{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}':"%b %d, %Y",'{"locales":"en-US","options":{"month":"long","day":"2-digit","year":"numeric"}}':"%B %d, %Y",'{"locales":"en-GB","options":{"month":"long","day":"2-digit","year":"numeric"}}':"%d %B %Y",'{"locales":"en-GB","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}':"%d/%m/%Y",'{"locales":"en-US","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}':"%m/%d/%Y",'{"locales":"ja-JP","options":{"month":"2-digit","day":"2-digit","year":"numeric"}}':"%Y/%m/%d"},ArticleDate=({setting:i,styles:o,advanced:d,builderProps:a})=>{let{dateFormat:n}=i??{};return e`
+    ${t({styles:o,setting:{...i,text:`{{ article.published_at | date: '${FORMAT_MAP[n??'{"locales":"en-US","options":{"month":"short","day":"2-digit","year":"numeric"}}']}' }}`,excludeFlex:!0,isForceValue:!0},advanced:d,builderAttrs:{"data-id":a?.uid}})}
+  `};export{ArticleDate as default};

package/dist/esm/article/components/ArticleExcerpt.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import t from"next/link";import r from"../../text/components/Text.js";import{useArticleStore as i,useShopStore as o,useI18nStore as l}from"@gem-sdk/core";import{useMemo as c}from"react";import{useArticleLink as n}from"../hooks/useArticleLink.js";import s from"../../common/components/NoDataState.js";let a=({setting:a,styles:m,builderProps:d})=>{let p=i(e=>e.article),x=o(e=>e.storefrontUrl),f=c(()=>p?.content?.excerptHtml,[p]),{shopifyArticleLink:u}=n(),{t:y}=l();return e("div",{id:`shopify-text-element-${d?.uid}`,"data-article-id":p?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:p&&f?a?.linkArticle?e(t,{href:u,title:p?.title,children:e(r,{builderProps:d,styles:m,setting:{...a,text:f,excludeFlex:!0}})}):e(r,{builderProps:d,styles:m,setting:{...a,text:f,excludeFlex:!0}}):e(s,{elementType:"secondary",description:y("Provide a brief summary or teaser of the article. "),descriptionActions:[{text:y("Add article excerpt"),callback:()=>{if(!x)return;let e=new URL(x);window.open(`${e.protocol}//${e.host}/admin/content/articles`)}},{text:y("sync data"),callback:"syncArticle"}]})})};export{a as default};
+import{jsx as e}from"react/jsx-runtime";import t from"next/link";import r from"../../text/components/Text.js";import{useArticleStore as i,useShopStore as o,useI18nStore as l}from"@gem-sdk/core";import{useMemo as c}from"react";import{useArticleLink as n}from"../hooks/useArticleLink.js";import s from"../../common/components/NoDataState.js";let ArticleExcerpt=({setting:a,styles:m,builderProps:p})=>{let d=i(e=>e.article),x=o(e=>e.storefrontUrl),f=c(()=>d?.content?.excerptHtml,[d]),{shopifyArticleLink:u}=n(),{t:y}=l(),h=()=>{if(!x)return;let e=new URL(x);window.open(`${e.protocol}//${e.host}/admin/content/articles`)};return e("div",{id:`shopify-text-element-${p?.uid}`,"data-article-id":d?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:d&&f?a?.linkArticle?e(t,{href:u,title:d?.title,children:e(r,{builderProps:p,styles:m,setting:{...a,text:f,excludeFlex:!0}})}):e(r,{builderProps:p,styles:m,setting:{...a,text:f,excludeFlex:!0}}):e(s,{elementType:"secondary",description:y("Provide a brief summary or teaser of the article. "),descriptionActions:[{text:y("Add article excerpt"),callback:h},{text:y("sync data"),callback:"syncArticle"}]})})};export{ArticleExcerpt as default};

package/dist/esm/article/components/ArticleExcerpt.liquid.js

@@ -1,4 +1,4 @@
 'use client';
-import{template as e}from"@gem-sdk/core";import t from"../../text/components/Text.liquid.js";let r=({setting:r,styles:i,advanced:d,builderProps:l})=>e`
-    ${t({styles:i,setting:{...r,text:"{{article.excerpt}}",excludeFlex:!0,isForceValue:!0},advanced:d,builderAttrs:{"data-id":l?.uid}})}
-  `;export{r as default};
+import{template as e}from"@gem-sdk/core";import t from"../../text/components/Text.liquid.js";let ArticleExcerpt=({setting:r,styles:i,advanced:c,builderProps:l})=>e`
+    ${t({styles:i,setting:{...r,text:"{{article.excerpt}}",excludeFlex:!0,isForceValue:!0},advanced:c,builderAttrs:{"data-id":l?.uid}})}
+  `;export{ArticleExcerpt as default};

package/dist/esm/article/components/ArticleImage.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useArticleStore as t,cls as r}from"@gem-sdk/core";import a from"../../image/components/Image.js";import{useMemo as i}from"react";let m=({className:m,setting:o={},styles:s={},advanced:l,builderProps:d})=>{let c=t(e=>e.article),n=i(()=>{let{src:e,alt:t}=c?.media??{};return{src:e,alt:t}},[c]);return e("div",{className:r("gp-text-center",m),style:{borderRadius:"inherit"},children:e(a,{builderProps:d,setting:{...o,image:n,disableNoDataState:!0},styles:s,advanced:l})})};export{m as default};
+import{jsx as e}from"react/jsx-runtime";import{useArticleStore as t,cls as r}from"@gem-sdk/core";import a from"../../image/components/Image.js";import{useMemo as i}from"react";let ArticleImage=({className:m,setting:o={},styles:s={},advanced:l,builderProps:c})=>{let d=t(e=>e.article),n=i(()=>{let{src:e,alt:t}=d?.media??{};return{src:e,alt:t}},[d]);return e("div",{className:r("gp-text-center",m),style:{borderRadius:"inherit"},children:e(a,{builderProps:c,setting:{...o,image:n,disableNoDataState:!0},styles:s,advanced:l})})};export{ArticleImage as default};

package/dist/esm/article/components/ArticleImage.liquid.js

@@ -1,6 +1,6 @@
 'use client';
-import{cls as e,template as t}from"@gem-sdk/core";import a from"../../image/components/Image.liquid.js";import{getLinkArticle as i}from"../../helpers.js";let r=r=>{let l=r?.setting??{},{alt:s,title:c}=l,{builderProps:d}=r,m=l?.openNewTab?"_blank":"_self";return t`
-    <div class="${e("gp-text-center",r?.className)}" style="border-radius: inherit">
+import{template as e,cls as t}from"@gem-sdk/core";import a from"../../image/components/Image.liquid.js";import{getLinkArticle as i}from"../../helpers.js";let ArticleImage=r=>{let l=r?.setting??{},{alt:s,title:c}=l,{builderProps:d}=r,m=l?.openNewTab?"_blank":"_self";return e`
+    <div class="${t("gp-text-center",r?.className)}" style="border-radius: inherit">
       ${l?.linkArticle?`
           <a href="${i(l.linkArticle,l.customURL)}" target="${m}" title="{{article.title}}">
             ${a({...r,styles:r.styles,setting:{...r.setting,alt:s,title:c,image:{src:"{{article.image.src | img_url: '1024x1024'}}",alt:"{{article.image.alt}}"},srcSet:{desktop:{src:"{{article.image.src | img_url: '1024x1024'}}"}},disableNoDataState:!0},advanced:r.advanced,builderAttrs:{"data-id":d?.uid}})}
@@ -9,4 +9,4 @@ import{cls as e,template as t}from"@gem-sdk/core";import a from"../../image/comp
         ${a({...r,styles:r.styles,setting:{...r.setting,alt:"{{article.image.alt}}",image:{src:"{{article.image.src | img_url: '1024x1024'}}",alt:"{{article.image.alt}}"},srcSet:{desktop:{src:"{{article.image.src | img_url: '1024x1024'}}"}},disableNoDataState:!0},advanced:r.advanced,builderAttrs:{"data-id":d?.uid}})}
       `}
     </div>
-  `};export{r as default};
+  `};export{ArticleImage as default};

package/dist/esm/article/components/ArticleList.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as l,splitStyle as i,composeAdvanceStyle as a,useBlogsQuery as r,useArticlesQuery as o,flattenConnection as d,filterToolbarPreview as n,ArticleListProvider as s,ArticleProvider as c,isEmptyChildren as m,cls as g,makeStyleResponsive as p,getResponsiveValueByScreen as h,getGradientBgrStyleByDevice as u,getStyleBackgroundByDevice as b,makeStyleWithDefault as f,makeWidth as w}from"@gem-sdk/core";import T from"../../grid/components/ChildrenDroppable.js";import y from"../../common/components/Loading.js";import{useState as A}from"react";import D from"./ArticleNotFound.js";let v=v=>{let S=l(),{styles:O,setting:k,className:I,children:E,builderProps:L,advanced:P,builderAttrs:G,style:_}=v??{},{articleSetting:x,numberOfArticle:C}=k??{},{articleIds:M,articlePickType:N}=x??{},{border:j,rounded:z,hasBoxShadow:B,boxShadow:F}=P??{},[R]=i(["pos","top","left","bottom","right","z","d"],_),U=a({border:j,rounded:z,hasBoxShadow:B,boxShadow:F,"spacing-setting":P?.["spacing-setting"]}),$={first:M?.length||50,where:{baseIDIn:[...x?.articleIds??[]]},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},V={first:1,where:{baseID:x?.blogId},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"},articlesOrderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},[H,q]=A(!0),J=r("latest"===N?V:null,{revalidateOnMount:!0}),K=o("manually"===N?$:null,{revalidateOnMount:!0}),Q=J.data?.blogs?.edges?.[0]?.node,W="manually"===N?K.isLoading:J.isLoading,X="manually"===N?K.isValidating:J.isValidating,Y="manually"===N?K.error:J.error,Z=J?.data?.blogs?.edges?.[0]?.node,ee="latest"===N?d(Z?.articles):d(K?.data?.articles),et=(e,t)=>({...e??{},blog:{title:t?.title??"",handle:t?.handle??""}}),el="latest"===N?ee?.filter((e,t)=>t<+(C||4)).map(e=>et(e,Z)):"manually"===N&&x?.articleIds?.length?M?.map(e=>{let t=ee?.find(t=>t?.baseID===e);return et(t,t?.blogs?.edges?.[0]?.node)}).filter(Boolean):ee.filter((e,t)=>t<(x?.numOfSelectedArticles||4)).map(e=>et(e,e?.blogs?.edges?.[0]?.node));return el?.length||W||"edit"!=S?e("div",{...G,className:L?.builderData?.uid,style:R,children:[X||W?t(y,{}):Y?e("div",{children:["Error: ",Y?.message]}):el?.length?t(s,{styles:{horizontalGutter:O?.horizontalGutter,verticalGutter:O?.verticalGutter,spacing:O?.spacing,width:O?.width,height:O?.height},settings:{slidesToShow:k?.slideToShow??{desktop:4,tablet:3,mobile:1}},articles:el,children:t("div",{"data-id":L?.uid,className:"gp-relative",children:t("div",{style:{...U,...f("w",w(O?.width),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...p("rg",O?.horizontalGutter),...p("cg",O?.verticalGutter),...b(k?.background),...u(k?.background),...p("gtc",{desktop:`repeat(${h(k?.slideToShow,"desktop")}, minmax(0, 1fr))`,tablet:k?.slideToShow?.tablet&&`repeat(${h(k?.slideToShow,"tablet")}, minmax(0, 1fr))`,mobile:k?.slideToShow?.mobile&&`repeat(${h(k?.slideToShow,"mobile")}, minmax(0, 1fr))`})},className:g(I,"gp-m-auto gp-grid gp-w-full"),children:el.map(e=>t(c,{article:e,readOnly:!0,children:t("div",{"data-component-type":"component","data-component-tag":"Article","data-component-label":"Article","data-component-no-setting":!0,"data-article-id":e?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:m(E)?t(T,{}):E})},e?.id))})})}):t("div",{children:"Articles not found"}),n(E,!0)]}):H?e("div",{...G,className:L?.builderData?.uid,children:[t(D,{blogHandle:Q?.handle,onClose:()=>q(!1),articlePickType:N??"manually",children:E}),n(E,!0)]}):null};export{v as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as i,splitStyle as l,composeAdvanceStyle as a,useBlogsQuery as r,useArticlesQuery as o,flattenConnection as d,filterToolbarPreview as n,ArticleListProvider as s,makeStyleWithDefault as c,makeWidth as m,makeStyleResponsive as g,getStyleBackgroundByDevice as p,getGradientBgrStyleByDevice as h,getResponsiveValueByScreen as u,cls as b,ArticleProvider as f,isEmptyChildren as w}from"@gem-sdk/core";import A from"../../grid/components/ChildrenDroppable.js";import T from"../../common/components/Loading.js";import{useState as y}from"react";import D from"./ArticleNotFound.js";let ArticleList=v=>{let S=i(),{styles:O,setting:k,className:I,children:L,builderProps:E,advanced:P,builderAttrs:G,style:_}=v??{},{articleSetting:x,numberOfArticle:C}=k??{},{articleIds:M,articlePickType:N}=x??{},{border:j,rounded:z,hasBoxShadow:B,boxShadow:F}=P??{},[R]=l(["pos","top","left","bottom","right","z","d"],_),U=a({border:j,rounded:z,hasBoxShadow:B,boxShadow:F,"spacing-setting":P?.["spacing-setting"]}),$={first:M?.length||50,where:{baseIDIn:[...x?.articleIds??[]]},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},V={first:1,where:{baseID:x?.blogId},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"},articlesOrderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},[H,q]=y(!0),J=r("latest"===N?V:null,{revalidateOnMount:!0}),K=o("manually"===N?$:null,{revalidateOnMount:!0}),Q=J.data?.blogs?.edges?.[0]?.node,W="manually"===N?K.isLoading:J.isLoading,X="manually"===N?K.isValidating:J.isValidating,Y="manually"===N?K.error:J.error,Z=J?.data?.blogs?.edges?.[0]?.node,ee="latest"===N?d(Z?.articles):d(K?.data?.articles),et=(e,t)=>({...e??{},blog:{title:t?.title??"",handle:t?.handle??""}}),ei="latest"===N?ee?.filter((e,t)=>t<+(C||4)).map(e=>et(e,Z)):"manually"===N&&x?.articleIds?.length?M?.map(e=>{let t=ee?.find(t=>t?.baseID===e);return et(t,t?.blogs?.edges?.[0]?.node)}).filter(Boolean):ee.filter((e,t)=>t<(x?.numOfSelectedArticles||4)).map(e=>et(e,e?.blogs?.edges?.[0]?.node));return ei?.length||W||"edit"!=S?e("div",{...G,className:E?.builderData?.uid,style:R,children:[X||W?t(T,{}):Y?e("div",{children:["Error: ",Y?.message]}):ei?.length?t(s,{styles:{horizontalGutter:O?.horizontalGutter,verticalGutter:O?.verticalGutter,spacing:O?.spacing,width:O?.width,height:O?.height},settings:{slidesToShow:k?.slideToShow??{desktop:4,tablet:3,mobile:1}},articles:ei,children:t("div",{"data-id":E?.uid,className:"gp-relative",children:t("div",{style:{...U,...c("w",m(O?.width),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...g("rg",O?.horizontalGutter),...g("cg",O?.verticalGutter),...p(k?.background),...h(k?.background),...g("gtc",{desktop:`repeat(${u(k?.slideToShow,"desktop")}, minmax(0, 1fr))`,tablet:k?.slideToShow?.tablet&&`repeat(${u(k?.slideToShow,"tablet")}, minmax(0, 1fr))`,mobile:k?.slideToShow?.mobile&&`repeat(${u(k?.slideToShow,"mobile")}, minmax(0, 1fr))`})},className:b(I,"gp-m-auto gp-grid gp-w-full"),children:ei.map(e=>t(f,{article:e,readOnly:!0,children:t("div",{"data-component-type":"component","data-component-tag":"Article","data-component-label":"Article","data-component-no-setting":!0,"data-article-id":e?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:w(L)?t(A,{}):L})},e?.id))})})}):t("div",{children:"Articles not found"}),n(L,!0)]}):H?e("div",{...G,className:E?.builderData?.uid,children:[t(D,{blogHandle:Q?.handle,onClose:()=>q(!1),articlePickType:N??"manually",children:L}),n(L,!0)]}):null};export{ArticleList as default};