@gem-sdk/components 12.0.0-dev.133 → 12.0.0-dev.138

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

@@ -1 +1 @@
-"use strict";var helpers=require("../../../helpers.js");const VideoSettings=[{id:"setting",controls:[{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"type",type:"select",label:"Video Type",options:[{label:"YouTube",value:"youtube"},{label:"Vimeo",value:"vimeo"},{label:"Video hosting",value:"html5"}],default:"html5"},{id:"youtubeUrl",type:"input",label:"Youtube Link",default:"https://www.youtube.com/watch?v=NfASaHFN1zg",placeholder:"Insert video url here",hide:!0,action:{clear:!0},actionChangeControls:[{controlID:"loopVideo",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"autoplay",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"controls",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"mute",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"lazy",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1}]},{id:"vimeoUrl",type:"input",label:"Vimeo Link",default:"https://vimeo.com/1095883398",placeholder:"Insert video url here",hide:!0,action:{clear:!0}},{id:"html5Url",type:"input",label:"HTML5 Video Link",default:"https://cdn.shopify.com/videos/c/o/v/2cd3deb506b54b009063f7270ab5cf2e.mp4",placeholder:"Insert video url here",hide:!0,action:{clear:!0}},{id:"notes",type:"notes",default:'You can upload video to a hosting server e.g Shopify.  <a class="no-underline text-[#8AA4FF] font-medium leading-5" target="_blank" href="https://help.gempages.net/articles/version-7-video-element#video-url">Learn more</a>'},{id:"poster",type:"image",label:"Video Poster",hiddenSetting:{seo:!0}},{id:"preload",type:"toggle",label:"Preload",default:!0},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"}}},{id:"width",type:"input:stepper",min:0,label:"Aspect Width",hide:!0,devices:{desktop:{default:16}}},{id:"height",type:"input:stepper",min:1,label:"Aspect Height",hide:!0,devices:{desktop:{default:9}}},{id:"startTime",type:"input",label:"Start time",placeholder:"mm:ss",info:"Start video at xx seconds",hide:!0},{id:"endTime",type:"input",label:"End time",placeholder:"mm:ss",info:"End video at xx seconds",hide:!0},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"mute",label:"Enable Sound",type:"toggle",default:!1},{id:"loopVideo",label:"Loop Video",type:"toggle",default:!1},{id:"controls",label:"Show Control Bar",type:"toggle",default:!0,info:"Player controls display in the player"},{id:"lazy",label:"Lazy load",type:"toggle",default:!0,info:"Optimize for pagespeed loading time"}]}];exports.VideoSettings=VideoSettings;
+"use strict";var e=require("../../../helpers.js");const t=[{id:"setting",controls:[{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"type",type:"select",label:"Video Type",options:[{label:"YouTube",value:"youtube"},{label:"Vimeo",value:"vimeo"},{label:"Video hosting",value:"html5"}],default:"html5"},{id:"youtubeUrl",type:"input",label:"Youtube Link",default:"https://www.youtube.com/watch?v=NfASaHFN1zg",placeholder:"Insert video url here",hide:!0,action:{clear:!0},actionChangeControls:[{controlID:"loopVideo",condition:`${e.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"autoplay",condition:`${e.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"controls",condition:`${e.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"mute",condition:`${e.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"lazy",condition:`${e.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1}]},{id:"vimeoUrl",type:"input",label:"Vimeo Link",default:"https://vimeo.com/1095883398",placeholder:"Insert video url here",hide:!0,action:{clear:!0}},{id:"html5Url",type:"input",label:"HTML5 Video Link",default:"https://cdn.shopify.com/videos/c/o/v/2cd3deb506b54b009063f7270ab5cf2e.mp4",placeholder:"Insert video url here",hide:!0,action:{clear:!0}},{id:"notes",type:"notes",default:'You can upload video to a hosting server e.g Shopify.  <a class="no-underline text-[#8AA4FF] font-medium leading-5" target="_blank" href="https://help.gempages.net/articles/version-7-video-element#video-url">Learn more</a>'},{id:"poster",type:"image",label:"Video Poster",hiddenSetting:{seo:!0}},{id:"preload",type:"toggle",label:"Preload",default:!0},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"}}},{id:"width",type:"input:stepper",min:0,label:"Aspect Width",hide:!0,devices:{desktop:{default:16}}},{id:"height",type:"input:stepper",min:1,label:"Aspect Height",hide:!0,devices:{desktop:{default:9}}},{id:"startTime",type:"input",label:"Start time",placeholder:"mm:ss",info:"Start video at xx seconds",hide:!0},{id:"endTime",type:"input",label:"End time",placeholder:"mm:ss",info:"End video at xx seconds",hide:!0},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"mute",label:"Enable Sound",type:"toggle",default:!1},{id:"loopVideo",label:"Loop Video",type:"toggle",default:!1},{id:"controls",label:"Show Control Bar",type:"toggle",default:!0,info:"Player controls display in the player"},{id:"lazy",label:"Lazy load",type:"toggle",default:!0,info:"Optimize for pagespeed loading time"}]}];exports.VideoSettings=t;

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

@@ -1 +1 @@
-"use strict";const Video={youtubeUrl:{id:"youtubeUrl"},vimeoUrl:{id:"vimeoUrl"},html5Url:{id:"html5Url"},poster:{id:"poster",fields:["src"]}};exports.Video=Video;
+"use strict";exports.Video={youtubeUrl:{id:"youtubeUrl"},vimeoUrl:{id:"vimeoUrl"},html5Url:{id:"html5Url"},poster:{id:"poster",fields:["src"]}};

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

@@ -1 +1 @@
-"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;
+"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}}}]}];

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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 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};
+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};

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

@@ -1,16 +1,16 @@
-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:E,style:I,builderAttrs:x})=>{let{align:C}=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($(E?.cssClass)),K=m({...u(I,h)}),M=f({...x,"data-id":A?.uid??""}),R=m({...s("jc",C)}),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`
+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 j=({rawChildren:j,setting:S,styles:h,builderProps:A,pageContext:k,advanced:E,style:I,builderAttrs:x})=>{let{align:C}=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($(E?.cssClass)),K=m({...u(I,h)}),M=f({...x,"data-id":A?.uid??""}),R=m({...s("jc",C)}),U=n({"gp-flex":!0}),V=n(y());return i`
+    <gp-accordion ${M} class="${J}" style="${K}">
+      <script gp-data type="application/json">${JSON.stringify(_).replaceAll("'","&#039;")}</script>
+      <div class=" ${V}"></div>
+      ${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}">
             ${e({...s,index:t,title:r,accordions:T,parentSetting:S,parentStyle:h,parentUid:A?.uid,childrenIcon:S?.childConfig?.[t],activeKey:z})}
           </div>
-            `}})),q=()=>r(o,`
+            `}}))}
+    </gp-accordion>
+    ${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>
-    `);return i`
-    <gp-accordion ${M} class="${J}" style="${K}">
-      <script gp-data type="application/json">${JSON.stringify(_).replaceAll("'","&#039;")}</script>
-      <div class=" ${V}"></div>
-      ${b()}
-    </gp-accordion>
-    ${q()}
-  `};export{Accordion as default};
+    `)}
+  `};export{j 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 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};
+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};

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 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`
+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`
   <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$}">
-              ${F??""}</span>
+              ${A??""}</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$}">
-              ${F??""}</span>
+              ${A??""}</span>
           </div>
           `)}
         </div>
       </div>
-      <div data-index="${M}" data-show="${O}" class="${tc}" style="${tp}">
+      <div data-index="${M}" data-show="${O}" class="${tp}" style="${tc}">
         <div data-index="${M}" class="${tm}" style="${P()}">
-          ${tv()}
+          ${C&&C.length>=l?s({...C[n]}):""}
         </div>
       </div>
     </div>
   </div>
-  `};export{AccordionItem as default};
+  `};export{w 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 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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1,2 +1,2 @@
 'use client';
-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};
+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};

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 accordionSetting={Accordion:o,AccordionItem:t};export{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 r={Accordion:o,AccordionItem:t};export{r as accordionSetting};

package/dist/esm/accordion/next.js

@@ -1 +1 @@
-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};
+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};

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 config={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 l={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{config 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{l as default};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1,4 +1,4 @@
-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:`
+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:`
                   <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 AccordionSettings=[{i
           <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{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{l as AccordionSettings};

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

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

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

@@ -1 +1 @@
-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};
+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};

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

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

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 ArticleAuthor=({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 r=({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{ArticleAuthor as default};
+  `};export{r 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 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};
+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};

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 ArticleCategory=({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 r=({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{ArticleCategory as default};
+  `};export{r 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,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=`
+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=`
     .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: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};
+  `;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};

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

@@ -1,8 +1,8 @@
 'use client';
-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`
+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`
 <gp-article-content data-id="${h?.uid}" >
   <div
-      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")}"
+      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")}"
       style="${v}"
     >
     {{article.content}}
@@ -14,5 +14,5 @@ import{composeTypographyClassName as t,composeTypographyStyle as e,makeStyleResp
     ${m}
   {% endstyle %}
 </gp-article-content>
-${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};
+${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};

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 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};
+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};

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 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};
+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};

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 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};
+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};

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 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};
+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};

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 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};
+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};

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

@@ -1,6 +1,6 @@
 'use client';
-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">
+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">
       ${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{template as e,cls 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{ArticleImage as default};
+  `};export{r as default};