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

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

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");const s=e.composeClasses("gp-overflow-clip gp-group"),o=e.composeClasses("gp-inline-flex"),t=e.composeClasses("gp-flex gp-w-full gp-items-center gp-break-all"),l=e.composeClasses("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");exports.extendClasses=()=>e.composeClasses(e.cls("gp-hidden gp-rotate-90 -gp-rotate-90 gp-rotate-180")),exports.getContainerClasses=(s,o)=>{let t=e.cls("gp-flex gp-flex-col gp-w-full",{"gp-px-[1px]":"edit"===o},s);return e.composeClasses(t)},exports.getContentClasses=s=>e.composeClasses(e.cls(`${s}`,"gp-overflow-hidden",`gp-child-item-${s}`,"gp-accordion-item")),exports.getDropdownClasses=(s,o)=>{let{isShow:t,uniqueId:l,makeIcon:p}=o||{},{itemHeaderSpacing:r,headerContentPadding:g,bgColor:a}=s??{};return e.composeClasses(e.cls("gp-flex gp-accordion-item_header gp-cursor-pointer gp-items-center",p?"gp-gap-[16px]":"",l,`gp-accordion-item-${l}-${o?.index}`,r?.type&&!g?e.genSizeClass(r?.type):"",{[e.getGlobalColorClass("bg",a?.active)]:t,[e.getGlobalColorStateClass("bg",a)]:!t}))},exports.getGapClasses=t,exports.getIconClasses=o,exports.getIconRotateClasses=(s,o)=>{let{isShow:t,iconExpand:l,iconSvg:p,iconCollapse:r}=o||{},{color:g}=s??{};return e.composeClasses(e.cls({"-gp-rotate-90":!0===t&&"plus"!==p&&!l,"gp-rotate-90":!1===t&&!r},"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",t?e.getGlobalColorClass("text",g?.active):e.getGlobalColorStateClass("text",g),t?"gp-text-[var(--icon-expand-active-color)]":""))},exports.getItemContainerClasses=s,exports.getLayoutIconClasses=l,exports.getRenderChildrenClasses=(s,o)=>{let{isShow:t,hasTransitionedIn:l,isMounted:p}=o||{},{itemContentSpacing:r,contentSizePadding:g}=s??{};return e.composeClasses(e.cls("gp-accordion-item_body gp-transition-all gp-grid gp-duration-500 gp-overflow-hidden",{"gp-grid-rows-[1fr]":t?l:p,"gp-grid-rows-[0fr]":t?!l:!p},r?.type&&!g?e.genSizeClass(r?.type):""))};
+"use strict";var core=require("@gem-sdk/core");const getContainerClasses=(e,s)=>{let o=core.cls("gp-flex gp-flex-col gp-w-full",{"gp-px-[1px]":"edit"===s},e);return core.composeClasses(o)},extendClasses=()=>core.composeClasses(core.cls("gp-hidden gp-rotate-90 -gp-rotate-90 gp-rotate-180")),getItemContainerClasses=core.composeClasses("gp-overflow-clip gp-group"),getIconClasses=core.composeClasses("gp-inline-flex"),getIconRotateClasses=(e,s)=>{let{isShow:o,iconExpand:t,iconSvg:r,iconCollapse:l}=s||{},{color:a}=e??{};return core.composeClasses(core.cls({"-gp-rotate-90":!0===o&&"plus"!==r&&!t,"gp-rotate-90":!1===o&&!l},"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",o?core.getGlobalColorClass("text",a?.active):core.getGlobalColorStateClass("text",a),o?"gp-text-[var(--icon-expand-active-color)]":""))},getDropdownClasses=(e,s)=>{let{isShow:o,uniqueId:t,makeIcon:r}=s||{},{itemHeaderSpacing:l,headerContentPadding:a,bgColor:g}=e??{};return core.composeClasses(core.cls("gp-flex gp-accordion-item_header gp-cursor-pointer gp-items-center",r?"gp-gap-[16px]":"",t,`gp-accordion-item-${t}-${s?.index}`,l?.type&&!a?core.genSizeClass(l?.type):"",{[core.getGlobalColorClass("bg",g?.active)]:o,[core.getGlobalColorStateClass("bg",g)]:!o}))},getContentClasses=e=>core.composeClasses(core.cls(`${e}`,"gp-overflow-hidden",`gp-child-item-${e}`,"gp-accordion-item")),getGapClasses=core.composeClasses("gp-flex gp-w-full gp-items-center gp-break-all"),getLayoutIconClasses=core.composeClasses("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=(e,s)=>{let{isShow:o,hasTransitionedIn:t,isMounted:r}=s||{},{itemContentSpacing:l,contentSizePadding:a}=e??{};return core.composeClasses(core.cls("gp-accordion-item_body gp-transition-all gp-grid gp-duration-500 gp-overflow-hidden",{"gp-grid-rows-[1fr]":o?t:r,"gp-grid-rows-[0fr]":o?!t:!r},l?.type&&!a?core.genSizeClass(l?.type):""))};exports.extendClasses=extendClasses,exports.getContainerClasses=getContainerClasses,exports.getContentClasses=getContentClasses,exports.getDropdownClasses=getDropdownClasses,exports.getGapClasses=getGapClasses,exports.getIconClasses=getIconClasses,exports.getIconRotateClasses=getIconRotateClasses,exports.getItemContainerClasses=getItemContainerClasses,exports.getLayoutIconClasses=getLayoutIconClasses,exports.getRenderChildrenClasses=getRenderChildrenClasses;

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

@@ -1 +1 @@
-"use strict";var t=require("@gem-sdk/core");const e="<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>",r="<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>",o=({isShow:t,iconExpand:o,iconCollapse:l,iconSvg:i})=>o&&t?o:l&&!t?l:"plus"===i?t?e:r:i;exports.BODY_CHILD_INDEX=0,exports.ICON_MINUS=e,exports.ICON_PLUS=r,exports.MINIMUM_CHILD=1,exports.composeIconSvg=o,exports.getDataState=(t,e)=>{let{setting:r={},styles:o={},builderProps:l}=t,{activeKey:i,iconSvg:s,expandItem:a,iconPosition:n,iconCollapseSize:c,iconGlobalSize:p,iconExpand:g,iconCollapse:S,layoutHeader:u,expandedMode:d,configIconSize:m}=r,{bgColor:v,color:h,headerBorder:C,width:I,fullWidth:w,textColor:x,itemHeaderSpacing:L,contentSizePadding:y,iconColor:M,headerContentPadding:N,widthHeightSize:z}=o,D="multiple"===d,H=a&&i?i.toString().toLowerCase().split(",").map(t=>parseInt(t.trim())-1).map(t=>t.toString()):[],U=D?[...H]:H;return{uidState:l?.uid,settingState:{iconSvg:s,isIconPlus:"plus"===s,activeKey:i,expanded:D,expandItem:a,iconPosition:n,iconGlobalSize:p,iconCollapse:S,iconExpand:g,iconCollapseSize:c,layoutHeader:u,expandedMode:d,configIconSize:m,parentUid:l?.uid,childListNumber:a?i?.toString().toLowerCase()==="all"?e?.map((t,e)=>e.toString()):U:[],chidlrenUid:e?.map(t=>t.uid)},stylesState:{bgColor:v,color:h,headerBorder:C,fullWidth:w,width:I,itemHeaderSpacing:L,textColor:x,iconColor:M,contentSizePadding:y,headerContentPadding:N,widthHeightSize:z},accordions:U}},exports.getParentSettings=(t={})=>{let{iconSvg:e,titleTypo:r,layoutHeader:o,iconGlobalSize:l,iconCollapseSize:i,iconCollapse:s,iconExpand:a,alignment:n,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:s,iconExpand:a,alignment:n,configIconSize:c,iconPosition:p}},exports.getSettingItemLiquid=e=>{let{index:r,accordions:l,parentSetting:i,parentStyle:s}=e,{titleTypo:a,iconCollapse:n,iconExpand:c,activeKey:p,expandItem:g,iconSvg:S}=i??{};delete a?.attrs?.color;let{itemContentSpacing:u,iconColor:d,contentSizePadding:m}=s??{},v=!!g&&(p?.toString()?.toLowerCase()==="all"||l?.includes(r?.toString()??"")),h=t.makeGlobalSize(m),C=o({isShow:v,iconExpand:c,iconCollapse:n,iconSvg:S});return{isShow:v,composeContentSizeStyle:()=>{let e={...m&&h.padding,...u?.type||m?{}:t.composeSize(u?.custom)};return v?e:t.removePaddingYInStyle(e)},collapsibleIcon:C,composeIconColor:(()=>{let e={normal:d?.normal??"transparent",hover:d?.hover??d?.active??d?.normal??"transparent",active:d?.active??"transparent"};return v?t.makeStyle({c:t.getSingleColorVariable(e?.active)}):t.getGlobalColorStateStyle("c",e)})(),makeIcon:C}};
+"use strict";var core=require("@gem-sdk/core");const 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:a}=t,{activeKey:i,iconSvg:l,expandItem:s,iconPosition:n,iconCollapseSize:c,iconGlobalSize:g,iconExpand:S,iconCollapse:I,layoutHeader:p,expandedMode:m,configIconSize:u}=r,{bgColor:d,color:v,headerBorder:C,width:N,fullWidth:h,textColor:L,itemHeaderSpacing:_,contentSizePadding:M,iconColor:U,headerContentPadding:w,widthHeightSize:x}=o,D="multiple"===m,O=t=>t?t.toString().toLowerCase().split(",").map(t=>parseInt(t.trim())-1).map(t=>t.toString()):[],P=s?O(i):[],H=D?[...P]:P,y=()=>({iconSvg:l,isIconPlus:"plus"===l,activeKey:i,expanded:D,expandItem:s,iconPosition:n,iconGlobalSize:g,iconCollapse:I,iconExpand:S,iconCollapseSize:c,layoutHeader:p,expandedMode:m,configIconSize:u,parentUid:a?.uid,childListNumber:s?i?.toString().toLowerCase()==="all"?e?.map((t,e)=>e.toString()):H:[],chidlrenUid:e?.map(t=>t.uid)}),b=()=>({bgColor:d,color:v,headerBorder:C,fullWidth:h,width:N,itemHeaderSpacing:_,textColor:L,iconColor:U,contentSizePadding:M,headerContentPadding:w,widthHeightSize:x});return{uidState:a?.uid,settingState:y(),stylesState:b(),accordions:H}},getParentSettings=(t={})=>{let{iconSvg:e,titleTypo:r,layoutHeader:o,iconGlobalSize:a,iconCollapseSize:i,iconCollapse:l,iconExpand:s,alignment:n,configIconSize:c,iconPosition:g}=t,S=r?{...r,attrs:{...r.attrs}}:void 0;return S?.attrs?.color&&delete S.attrs.color,{iconSvg:e,titleTypo:S,layoutHeader:o,iconGlobalSize:a,iconCollapseSize:i,iconCollapse:l,iconExpand:s,alignment:n,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=t=>{let{index:e,accordions:r,parentSetting:o,parentStyle:a}=t,{titleTypo:i,iconCollapse:l,iconExpand:s,activeKey:n,expandItem:c,iconSvg:g}=o??{};delete i?.attrs?.color;let{itemContentSpacing:S,iconColor:I,contentSizePadding:p}=a??{},m=!!c&&(n?.toString()?.toLowerCase()==="all"||r?.includes(e?.toString()??"")),u=core.makeGlobalSize(p),d=()=>{let t={...p&&u.padding,...S?.type||p?{}:core.composeSize(S?.custom)};return m?t:core.removePaddingYInStyle(t)},v=composeIconSvg({isShow:m,iconExpand:s,iconCollapse:l,iconSvg:g}),C=()=>{let t={normal:I?.normal??"transparent",hover:I?.hover??I?.active??I?.normal??"transparent",active:I?.active??"transparent"};return m?core.makeStyle({c:core.getSingleColorVariable(t?.active)}):core.getGlobalColorStateStyle("c",t)};return{isShow:m,composeContentSizeStyle:d,collapsibleIcon:v,composeIconColor:C(),makeIcon:v}};exports.BODY_CHILD_INDEX=0,exports.ICON_MINUS=ICON_MINUS,exports.ICON_PLUS=ICON_PLUS,exports.MINIMUM_CHILD=1,exports.composeIconSvg=composeIconSvg,exports.getDataState=getDataState,exports.getParentSettings=getParentSettings,exports.getSettingItemLiquid=getSettingItemLiquid;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=(t,r)=>{let[u,s]=e.useState(!1);return e.useEffect(()=>{let e;return t&&!u?s(!0):!t&&u&&(e=setTimeout(()=>s(!1),r)),()=>{clearTimeout(e)}},[r,t,u]),u};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");const useMountTransition=(e,t)=>{let[r,u]=React.useState(!1);return React.useEffect(()=>{let s;return e&&!r?u(!0):!e&&r&&(s=setTimeout(()=>u(!1),t)),()=>{clearTimeout(s)}},[t,e,r]),r};exports.default=useMountTransition;

package/dist/cjs/accordion/index.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("./common/classes.js"),require("next/link");var e=require("./settings/Accordion.js"),r=require("./settings/AccordionItem.js");const i={Accordion:e.default,AccordionItem:r.default};exports.accordionSetting=i;
+"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("./common/classes.js"),require("next/link");var Accordion$1=require("./settings/Accordion.js"),AccordionItem$1=require("./settings/AccordionItem.js");const accordionSetting={Accordion:Accordion$1.default,AccordionItem:AccordionItem$1.default};exports.accordionSetting=accordionSetting;

package/dist/cjs/accordion/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const o=e(()=>Promise.resolve().then(function(){return require("./components/Accordion.js")}),{loading:r.default}),n=e(()=>Promise.resolve().then(function(){return require("./components/AccordionItem.js")}),{loading:r.default});exports.default={Accordion:o,AccordionItem:n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Accordion=dynamic(()=>Promise.resolve().then(function(){return require("./components/Accordion.js")}),{loading:Loading.default}),AccordionItem=dynamic(()=>Promise.resolve().then(function(){return require("./components/AccordionItem.js")}),{loading:Loading.default});var accordion={Accordion,AccordionItem};exports.default=accordion;

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./configs/child-items.js"),t=require("./configs/settings.js"),i=require("./configs/ui-v2.js");const l={tag:"Accordion",label:"Accordion",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var childItems=require("./configs/child-items.js"),settings=require("./configs/settings.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"Accordion",label:"Accordion",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C2.58579 4 2.25 4.33579 2.25 4.75C2.25 5.16421 2.58579 5.5 3 5.5H21.0025C21.4167 5.5 21.7525 5.16421 21.7525 4.75C21.7525 4.33579 21.4167 4 21.0025 4H3ZM1.5 9.67558C1.5 8.1568 2.73122 6.92558 4.25 6.92558H19.7525C21.2713 6.92558 22.5025 8.1568 22.5025 9.67558V14.3781C22.5025 15.8969 21.2713 17.1281 19.7525 17.1281H4.25C2.73121 17.1281 1.5 15.8969 1.5 14.3781V9.67558ZM4.25 8.42558C3.55964 8.42558 3 8.98523 3 9.67558V14.3781C3 15.0685 3.55964 15.6281 4.25 15.6281H19.7525C20.4428 15.6281 21.0025 15.0685 21.0025 14.3781V9.67558C21.0025 8.98523 20.4428 8.42558 19.7525 8.42558H4.25ZM2.25 19.2542C2.25 18.84 2.58579 18.5042 3 18.5042H21.0025C21.4167 18.5042 21.7525 18.84 21.7525 19.2542C21.7525 19.6684 21.4167 20.0042 21.0025 20.0042H3C2.58579 20.0042 2.25 19.6684 2.25 19.2542Z" fill="white"/>
   </svg>
-  `,settings:t.AccordionSettings,ui:[],uiV2:i.SettingUIV2,presets:[{id:"accordion-1",name:"Accordion",icon:{desktop:`
+  `,settings:settings.AccordionSettings,ui:[],uiV2:uiV2.SettingUIV2,presets:[{id:"accordion-1",name:"Accordion",icon:{desktop:`
      <svg width="98" height="56" viewBox="0 0 98 56" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="4" y="4" width="57" height="6" rx="3" fill="#757575"/>
       <rect x="2" y="4" width="57" height="6" rx="3" fill="#757575"/>
@@ -20,7 +20,7 @@
       <path d="M96 55H0V57H96V55Z" fill="#424242" mask="url(#path-18-inside-6_1355_357)"/>
       <path d="M98 55H2V57H98V55Z" fill="#424242" mask="url(#path-15-inside-5_1355_357)"/>
       </svg>
-        `},components:[{tag:"Accordion",settings:{childItem:["Accordion 1","Accordion 2","Accordion 3"],layoutHeader:"text-only"},styles:{borderContent:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"0px",bottom:"8px",right:"0px"}}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[e.itemChildrenTemplate,e.itemChildrenTemplate,e.itemChildrenTemplate]}]},{id:"accordion-3",name:"Accordion",icon:{desktop:`
+        `},components:[{tag:"Accordion",settings:{childItem:["Accordion 1","Accordion 2","Accordion 3"],layoutHeader:"text-only"},styles:{borderContent:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"0px",bottom:"8px",right:"0px"}}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[childItems.itemChildrenTemplate,childItems.itemChildrenTemplate,childItems.itemChildrenTemplate]}]},{id:"accordion-3",name:"Accordion",icon:{desktop:`
         <svg width="96" height="56" viewBox="0 0 96 56" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.75 3.75C8.75 3.33579 8.41421 3 8 3C7.58579 3 7.25 3.33579 7.25 3.75L7.25 6.25H4.75C4.33579 6.25 4 6.58579 4 7C4 7.41421 4.33579 7.75 4.75 7.75H7.25L7.25 10.25C7.25 10.6642 7.58579 11 8 11C8.41421 11 8.75 10.6642 8.75 10.25V7.75H11.25C11.6642 7.75 12 7.41421 12 7C12 6.58579 11.6642 6.25 11.25 6.25H8.75V3.75Z" fill="#AAAAAA"/>
 <rect x="35" y="4" width="57" height="6" rx="3" fill="#757575"/>
@@ -40,7 +40,7 @@
             <svg width="16" height="16" data-name="minus-regular" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2 7.75C2 7.33579 2.33579 7 2.75 7L13.25 7C13.6642 7 14 7.33579 14 7.75C14 8.16421 13.6642 8.5 13.25 8.5H2.75C2.33579 8.5 2 8.16421 2 7.75Z" fill="currentColor"/>
 </svg>
-            `,iconPosition:"left"},styles:{headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"0px",bottom:"8px",right:"0px"}}},borderContent:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},widthHeightSize:{desktop:{width:"600px"}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[e.itemChildrenTemplate,e.itemChildrenTemplate,e.itemChildrenTemplate]}]},{id:"accordion-2",name:"Accordion",icon:{desktop:`
+            `,iconPosition:"left"},styles:{headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"0px",bottom:"8px",right:"0px"}}},borderContent:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},widthHeightSize:{desktop:{width:"600px"}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[childItems.itemChildrenTemplate,childItems.itemChildrenTemplate,childItems.itemChildrenTemplate]}]},{id:"accordion-2",name:"Accordion",icon:{desktop:`
         <svg width="96" height="56" viewBox="0 0 96 56" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0 3C0 1.34315 1.34315 0 3 0H93C94.6569 0 96 1.34315 96 3V10C96 11.6569 94.6569 13 93 13H3C1.34315 13 0 11.6569 0 10V3Z" fill="#333333"/>
 <g clip-path="url(#clip0_1355_8713)">
@@ -67,4 +67,4 @@
 </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:[e.itemChildrenTemplate,e.itemChildrenTemplate,e.itemChildrenTemplate]}]}],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}}}}};exports.default=l;
+        `},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:[childItems.itemChildrenTemplate,childItems.itemChildrenTemplate,childItems.itemChildrenTemplate]}]}],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}}}}};exports.default=config;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={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}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const 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}}};exports.default=config;

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

@@ -1 +1 @@
-"use strict";exports.itemChildrenTemplate={tag:"AccordionItem",childrens:[{tag:"Col",settings:{},advanced:{w:{desktop:"100%"}},childrens:[]}]},exports.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:[]}]};
+"use strict";const 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:[]}]};exports.itemChildrenTemplate=itemChildrenTemplate,exports.itemControlTemplate=itemControlTemplate;

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

@@ -1,4 +1,4 @@
-"use strict";var e=require("./child-items.js");const t=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Accordion 1","Accordion 2","Accordion 3"],childTemplate:e.itemControlTemplate,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:`
+"use strict";var childItems=require("./child-items.js");const AccordionSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Accordion 1","Accordion 2","Accordion 3"],childTemplate:childItems.itemControlTemplate,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 @@
           <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}}]}];exports.AccordionSettings=t;
+          `,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}}]}];exports.AccordionSettings=AccordionSettings;

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

@@ -1 +1 @@
-"use strict";exports.Accordion={childItem:{id:"childItem"}};
+"use strict";const Accordion={childItem:{id:"childItem"}};exports.Accordion=Accordion;

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

@@ -1 +1 @@
-"use strict";exports.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"}}]}];
+"use strict";const 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"}}]}];exports.SettingUIV2=SettingUIV2;

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../text/components/Text.js"),r=require("@gem-sdk/core"),i=require("react");exports.default=({setting:s,builderProps:u,styles:l,advanced:a})=>{let{prefix:d}=s??{},o=r.useArticleStore(e=>e.article),c=i.useMemo(()=>`${d??""} ${o?.author||"Unknown"}`,[o?.author,d]);return e.jsx("div",{id:`shopify-text-element-${u?.uid}`,"data-article-id":o?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:e.jsx(t.default,{builderProps:u,styles:l,advanced:a,setting:{...s,text:c,excludeFlex:!0}})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../text/components/Text.js"),core=require("@gem-sdk/core"),React=require("react");const ArticleAuthor=({setting:e,builderProps:t,styles:r,advanced:i})=>{let{prefix:s}=e??{},u=core.useArticleStore(e=>e.article),c=React.useMemo(()=>`${s??""} ${u?.author||"Unknown"}`,[u?.author,s]);return jsxRuntime.jsx("div",{id:`shopify-text-element-${t?.uid}`,"data-article-id":u?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:jsxRuntime.jsx(Text.default,{builderProps:t,styles:r,advanced:i,setting:{...e,text:c,excludeFlex:!0}})})};exports.default=ArticleAuthor;

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

@@ -1,4 +1,4 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../text/components/Text.liquid.js");exports.default=({setting:r,styles:u,advanced:d,builderProps:l})=>{let{prefix:s}=r??{};return e.template`
-    ${t.default({styles:u,setting:{...r,text:`${s} {{ article.author }}`,excludeFlex:!0,isForceValue:!0},advanced:d,builderAttrs:{"data-id":l?.uid}})}
-  `};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js");const ArticleAuthor=({setting:e,styles:t,advanced:r,builderProps:i})=>{let{prefix:u}=e??{};return core.template`
+    ${Text_liquid.default({styles:t,setting:{...e,text:`${u} {{ article.author }}`,excludeFlex:!0,isForceValue:!0},advanced:r,builderAttrs:{"data-id":i?.uid}})}
+  `};exports.default=ArticleAuthor;

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

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

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

@@ -1,4 +1,4 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../text/components/Text.liquid.js");exports.default=({setting:r,styles:l,advanced:s,builderProps:a})=>{let i=l?.typo?.attrs?.transform==="capitalize";return e.template`
-    ${t.default({styles:l,setting:{...r,text:i?"{{ blogTitle | downcase }}":"{{ blogTitle }}",excludeFlex:!0,isForceValue:!0},advanced:s,builderAttrs:{"data-id":a?.uid}})}
-  `};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js");const ArticleCategory=({setting:e,styles:t,advanced:r,builderProps:i})=>{let l=t?.typo?.attrs?.transform==="capitalize";return core.template`
+    ${Text_liquid.default({styles:t,setting:{...e,text:l?"{{ blogTitle | downcase }}":"{{ blogTitle }}",excludeFlex:!0,isForceValue:!0},advanced:r,builderAttrs:{"data-id":i?.uid}})}
+  `};exports.default=ArticleCategory;

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

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

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

@@ -1,9 +1,9 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),a=require("../common/helpers.js");exports.default=({styles:r,builderProps:s})=>{let o=e.composeTypographyClassName(r?.typo,r?.typography),l=e.composeTypographyStyle(r?.typo,r?.typography),p={...e.makeStyleResponsive("ta",r?.textAlign),...e.getGlobalColorStateStyle("c",r?.color),...e.makeStyle({tt:r?.transform}),...l},i={...p,...e.makeStyleResponsive("line-clamp",e.makeLineClamp(r?.lineClamp,r?.hasLineClamp)),...e.getStyleShadow({value:r?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.typo?.custom?.hasShadowText})};return e.template`
-<gp-article-content data-id="${s?.uid}" >
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../helpers.js"),helpers=require("../common/helpers.js");const ArticleContent=({styles:e,builderProps:t})=>{let r=core.composeTypographyClassName(e?.typo,e?.typography),a=core.composeTypographyStyle(e?.typo,e?.typography),s={...core.makeStyleResponsive("ta",e?.textAlign),...core.getGlobalColorStateStyle("c",e?.color),...core.makeStyle({tt:e?.transform}),...a},o={...s,...core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp)),...core.getStyleShadow({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText})};return core.template`
+<gp-article-content data-id="${t?.uid}" >
   <div
-      class="${e.cls("gp-relative gp-p-description-text gp-content-text-override gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",o,e.getGlobalColorStateClass("text",r?.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="${i}"
+      class="${core.cls("gp-relative gp-p-description-text gp-content-text-override gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",r,core.getGlobalColorStateClass("text",e?.color),"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white")}"
+      style="${o}"
     >
     {{article.content}}
   </div>
@@ -11,8 +11,8 @@
     .gp-p-description-text * {
       color: inherit
     }
-    ${a.styleOverride}
+    ${helpers.styleOverride}
   {% endstyle %}
 </gp-article-content>
-${e.RenderIf(e.isLocalEnv,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-article-content-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-article-content-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};
+${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-article-content-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-article-content-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};exports.default=ArticleContent;