npm - @gem-sdk/components - Versions diffs - 12.0.0-dev.132 → 12.0.0-dev.138 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4376) hide show

package/dist/esm/stock-counter/settings/configs/settings-v2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{DEFAULT_SCARCITY_THRESHOLD as e,DEFAULT_QUANTITY_TEMPLATE as t,DEFAULT_REMAINING_PERCENT as l,MIN_REMAINING_PERCENT as o,MAX_REMAINING_PERCENT as a,DEFAULT_RANGE_STEP as i}from"../../common/helpers.js";let StockCounterSettingsV2=[{id:"setting",controls:[{id:"layout",label:"layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",popoverLabel:"Layout",enableItemOpacity:!0,options:[{label:"Full",value:"full",type:"p-image-layout",iconName:"gp-stock-counter-full"},{label:"Text & progress bar",value:"text-and-progress-bar",type:"p-image-layout",iconName:"gp-stock-counter-text-and-progress-bar"},{label:"Icon & Text",value:"icon-and-text",type:"p-image-layout",iconName:"gp-stock-counter-icon-and-text"},{label:"Text only",value:"text-only",type:"p-image-layout",iconName:"gp-stock-counter-text-only"},{label:"Progress bar only",value:"progress-bar",type:"p-image-layout",iconName:"gp-stock-counter-progress-bar"}],default:"full"},{id:"displayCondition",label:"Display Condition",type:"group",controls:[{id:"displayByDefault",label:"Display By Default",type:"select",options:[{label:"Always show",value:!0},{label:"Show if under",value:!1}],default:!0},{id:"scarcityThreshold",label:"Scarcity Threshold",type:"input:stepper",default:e,info:"Only show if inventory quantity less than or equal to the above number."}]},{id:"oosIcon",label:"",type:"icon",default:'<svg data-name="package-regular" style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M223.68,66.15,135.68,18a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32l80.34,44-29.77,16.3-80.35-44ZM128,120,47.66,76l33.9-18.56,80.34,44ZM40,90l80,43.78v85.79L40,175.82Zm176,85.78h0l-80,43.79V133.82l32-17.51V152a8,8,0,0,0,16,0V107.55L216,90v85.77Z"></path></svg>'},{id:"hiddenCounterWhenOutOfStock",type:"select",options:[{value:!1,label:"Show message"},{value:!0,label:"Hide counter"}],default:!1},{id:"message",label:"Message",type:"group",controls:[{id:"template",label:"Template",type:"textarea",autoHeight:!0,showPlusBtn:!0,default:`Only ${t} left`,info:`Use ${t} to represent remaining number`,minHeight:56,suggestContents:[{message:"%number%",eg:"E.g: Only 2 left"}]},{id:"outOfStockMessage",label:"Out Of Stock Message",type:"input",default:"OUT OF STOCK"},{id:"continueSelling",label:"Continue Selling When Out Of Stock Message",type:"textarea",autoHeight:!0,default:"Restock soon! PREORDER NOW",info:"Turn out-of-stock productions into pre-orders"},{id:"unlimitedQuantityMessage",label:"Unlimited Quantity Message",type:"textarea",autoHeight:!0,default:"Hurry! LET BUY NOW"}]},{id:"icon",label:"Icon",type:"group",controls:[{id:"showIcon",label:"Show Icon",type:"toggle",default:!0},{id:"icon",label:"",type:"icon",default:`<svg height="20px" width="20px" data-name="lightning-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817742720598376">
-              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M213.85,125.46l-112,120a8,8,0,0,1-13.69-7l14.66-73.33L45.19,143.49a8,8,0,0,1-3-13l112-120a8,8,0,0,1,13.69,7L153.18,90.9l57.63,21.61a8,8,0,0,1,3,12.95Z"></path></svg>`}]},{id:"progressBarPosition",type:"option:value",options:[{value:"top",label:"Top"},{value:"bottom",label:"Bottom"}],default:"bottom"},{id:"iconPosition",type:"option:value",options:[{value:"left",label:"Left"},{value:"right",label:"Right"}],default:"left"},{id:"iconSize",type:"input:stepper",allowEmptyValue:!0,placeholder:"Enter size",devices:{desktop:{default:16}}},{id:"remainingPercentage",label:"Remaining Percentage (%)",type:"input:slider",default:l,min:o,max:a,step:i,units:["%"],showDefaultUnit:!0,isNumber:!0,useOnlyUnitInit:!0}]},{id:"style",controls:[{id:"dimension",label:"Dimension",type:"group",controls:[{id:"fullWidth",label:"Full width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"100%"}}},{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:"display",label:"Display",type:"group",controls:[{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"textColor",label:"Text Color",type:"color-picker-v2",default:"text-2"},{id:"color",label:"Color",type:"color-picker-v2",default:"line-3"},{id:"iconColor",label:"Color",type:"color-picker-v2",default:"text-2"},{id:"oosIconColor",label:"Color",type:"color-picker-v2",default:"#DDDDDD"},{id:"oosTextColor",label:"Color",type:"color-picker-v2",default:"#DDDDDD"}]},{id:"progressBar",label:"Progress Bar",type:"group",controls:[{id:"displayProgressBar",label:"Display",type:"toggle",default:!0},{id:"progressBarHeight",type:"input:stepper",min:5,max:20,devices:{desktop:{default:10}}},{id:"roundedBorder",label:"Rounded Border",type:"toggle",default:!0},{id:"effect",label:"Effect",type:"toggle",default:!0}]},{id:"borderRadius",type:"corner-v2",default:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"},compoDefaultValue:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"}}]}];export{StockCounterSettingsV2};
+import{DEFAULT_SCARCITY_THRESHOLD as e,DEFAULT_QUANTITY_TEMPLATE as t,DEFAULT_RANGE_STEP as l,MAX_REMAINING_PERCENT as o,MIN_REMAINING_PERCENT as a,DEFAULT_REMAINING_PERCENT as i}from"../../common/helpers.js";let r=[{id:"setting",controls:[{id:"layout",label:"layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",popoverLabel:"Layout",enableItemOpacity:!0,options:[{label:"Full",value:"full",type:"p-image-layout",iconName:"gp-stock-counter-full"},{label:"Text & progress bar",value:"text-and-progress-bar",type:"p-image-layout",iconName:"gp-stock-counter-text-and-progress-bar"},{label:"Icon & Text",value:"icon-and-text",type:"p-image-layout",iconName:"gp-stock-counter-icon-and-text"},{label:"Text only",value:"text-only",type:"p-image-layout",iconName:"gp-stock-counter-text-only"},{label:"Progress bar only",value:"progress-bar",type:"p-image-layout",iconName:"gp-stock-counter-progress-bar"}],default:"full"},{id:"displayCondition",label:"Display Condition",type:"group",controls:[{id:"displayByDefault",label:"Display By Default",type:"select",options:[{label:"Always show",value:!0},{label:"Show if under",value:!1}],default:!0},{id:"scarcityThreshold",label:"Scarcity Threshold",type:"input:stepper",default:e,info:"Only show if inventory quantity less than or equal to the above number."}]},{id:"oosIcon",label:"",type:"icon",default:'<svg data-name="package-regular" style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M223.68,66.15,135.68,18a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32l80.34,44-29.77,16.3-80.35-44ZM128,120,47.66,76l33.9-18.56,80.34,44ZM40,90l80,43.78v85.79L40,175.82Zm176,85.78h0l-80,43.79V133.82l32-17.51V152a8,8,0,0,0,16,0V107.55L216,90v85.77Z"></path></svg>'},{id:"hiddenCounterWhenOutOfStock",type:"select",options:[{value:!1,label:"Show message"},{value:!0,label:"Hide counter"}],default:!1},{id:"message",label:"Message",type:"group",controls:[{id:"template",label:"Template",type:"textarea",autoHeight:!0,showPlusBtn:!0,default:`Only ${t} left`,info:`Use ${t} to represent remaining number`,minHeight:56,suggestContents:[{message:"%number%",eg:"E.g: Only 2 left"}]},{id:"outOfStockMessage",label:"Out Of Stock Message",type:"input",default:"OUT OF STOCK"},{id:"continueSelling",label:"Continue Selling When Out Of Stock Message",type:"textarea",autoHeight:!0,default:"Restock soon! PREORDER NOW",info:"Turn out-of-stock productions into pre-orders"},{id:"unlimitedQuantityMessage",label:"Unlimited Quantity Message",type:"textarea",autoHeight:!0,default:"Hurry! LET BUY NOW"}]},{id:"icon",label:"Icon",type:"group",controls:[{id:"showIcon",label:"Show Icon",type:"toggle",default:!0},{id:"icon",label:"",type:"icon",default:`<svg height="20px" width="20px" data-name="lightning-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817742720598376">
+              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M213.85,125.46l-112,120a8,8,0,0,1-13.69-7l14.66-73.33L45.19,143.49a8,8,0,0,1-3-13l112-120a8,8,0,0,1,13.69,7L153.18,90.9l57.63,21.61a8,8,0,0,1,3,12.95Z"></path></svg>`}]},{id:"progressBarPosition",type:"option:value",options:[{value:"top",label:"Top"},{value:"bottom",label:"Bottom"}],default:"bottom"},{id:"iconPosition",type:"option:value",options:[{value:"left",label:"Left"},{value:"right",label:"Right"}],default:"left"},{id:"iconSize",type:"input:stepper",allowEmptyValue:!0,placeholder:"Enter size",devices:{desktop:{default:16}}},{id:"remainingPercentage",label:"Remaining Percentage (%)",type:"input:slider",default:i,min:a,max:o,step:l,units:["%"],showDefaultUnit:!0,isNumber:!0,useOnlyUnitInit:!0}]},{id:"style",controls:[{id:"dimension",label:"Dimension",type:"group",controls:[{id:"fullWidth",label:"Full width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"100%"}}},{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:"display",label:"Display",type:"group",controls:[{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"textColor",label:"Text Color",type:"color-picker-v2",default:"text-2"},{id:"color",label:"Color",type:"color-picker-v2",default:"line-3"},{id:"iconColor",label:"Color",type:"color-picker-v2",default:"text-2"},{id:"oosIconColor",label:"Color",type:"color-picker-v2",default:"#DDDDDD"},{id:"oosTextColor",label:"Color",type:"color-picker-v2",default:"#DDDDDD"}]},{id:"progressBar",label:"Progress Bar",type:"group",controls:[{id:"displayProgressBar",label:"Display",type:"toggle",default:!0},{id:"progressBarHeight",type:"input:stepper",min:5,max:20,devices:{desktop:{default:10}}},{id:"roundedBorder",label:"Rounded Border",type:"toggle",default:!0},{id:"effect",label:"Effect",type:"toggle",default:!0}]},{id:"borderRadius",type:"corner-v2",default:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"},compoDefaultValue:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"}}]}];export{r as StockCounterSettingsV2};

package/dist/esm/stock-counter/settings/configs/translate.js CHANGED Viewed

	@@ -1 +1 @@
1	- let ~~StockCounter~~={template:{id:"template"},outOfStockMessage:{id:"outOfStockMessage"},continueSelling:{id:"continueSelling"},unlimitedQuantityMessage:{id:"unlimitedQuantityMessage"}};export{StockCounter};
1	+ let e={template:{id:"template"},outOfStockMessage:{id:"outOfStockMessage"},continueSelling:{id:"continueSelling"},unlimitedQuantityMessage:{id:"unlimitedQuantityMessage"}};export{e as StockCounter};

package/dist/esm/stock-counter/settings/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let ~~SettingUIV2~~=[{label:"layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"displayProgressBar",newValue:!0,groupType:"style",controlType:"style"},source:["layout"],condition:"layout !== 'icon-and-text' && layout !== 'text-only'"},{action:{controlId:"displayProgressBar",newValue:!1,groupType:"style",controlType:"style"},source:["layout"],condition:"layout === 'icon-and-text' \|\| layout === 'text-only'"},{action:{controlId:"showIcon",newValue:!0,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'full' \|\| layout === 'icon-and-text'"},{action:{controlId:"showIcon",newValue:!1,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'text-and-progress-bar' \|\| layout === 'progress-bar' \|\| layout === 'text-only'"}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Progress bar",setting:{id:"displayProgressBar"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"displayProgressBar == true",label:"Percentage left",setting:{id:"remainingPercentage"}},{conditionDisplay:"displayProgressBar == true",label:"Color",setting:{id:"color"}},{conditionDisplay:"displayProgressBar == true",label:"Effect",setting:{id:"effect"}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"displayProgressBar == true",label:"Height",setting:{id:"progressBarHeight"}},{conditionDisplay:"displayProgressBar == true",label:"Position",setting:{id:"progressBarPosition"}},{conditionDisplay:"displayProgressBar == true",label:"Corner",setting:{id:"borderRadius"}}]}},{controls:[{label:"Icon",setting:{id:"showIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"showIcon == true",setting:{id:"icon"},layout:"horizontal"},{label:"Size",conditionDisplay:"showIcon == true",setting:{id:"iconSize"},layout:"horizontal"},{conditionDisplay:"showIcon == true",label:"Color",setting:{id:"iconColor"}},{label:"Position",conditionDisplay:"showIcon == true",setting:{id:"iconPosition"},layout:"horizontal"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}}]},{label:"Text",controls:[{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"template",isHideClear:!0,controls:[{label:"Content",setting:{id:"template"},layout:"vertical"}]},{setting:{id:"typo"},layout:"vertical"}]},{label:"Out of stock state",controls:[{label:"Action",setting:{id:"hiddenCounterWhenOutOfStock"}},{label:"Icon",setting:{id:"oosIcon"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"outOfStockMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockMessage"},layout:"vertical"}],conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Icon color",setting:{id:"oosIconColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Text color",setting:{id:"oosTextColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"}]},{label:"Message",controls:[{label:"Sell when OOS",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"continueSelling",isHideClear:!0,popoverLabel:"Out of stock sell",controls:[{label:"Content",setting:{id:"continueSelling"},layout:"vertical"}]},{label:"Unlimited stock",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"unlimitedQuantityMessage",isHideClear:!0,popoverLabel:"Unlimited quantity",controls:[{label:"Content",setting:{id:"unlimitedQuantityMessage"},layout:"vertical"}]}]},{label:"Display option",controls:[{label:"Display",setting:{id:"displayByDefault"}},{label:"Stock",conditionDisplay:"displayByDefault == false",setting:{id:"scarcityThreshold"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"alignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
1	+ let t=[{label:"layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"displayProgressBar",newValue:!0,groupType:"style",controlType:"style"},source:["layout"],condition:"layout !== 'icon-and-text' && layout !== 'text-only'"},{action:{controlId:"displayProgressBar",newValue:!1,groupType:"style",controlType:"style"},source:["layout"],condition:"layout === 'icon-and-text' \|\| layout === 'text-only'"},{action:{controlId:"showIcon",newValue:!0,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'full' \|\| layout === 'icon-and-text'"},{action:{controlId:"showIcon",newValue:!1,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'text-and-progress-bar' \|\| layout === 'progress-bar' \|\| layout === 'text-only'"}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Progress bar",setting:{id:"displayProgressBar"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"displayProgressBar == true",label:"Percentage left",setting:{id:"remainingPercentage"}},{conditionDisplay:"displayProgressBar == true",label:"Color",setting:{id:"color"}},{conditionDisplay:"displayProgressBar == true",label:"Effect",setting:{id:"effect"}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"displayProgressBar == true",label:"Height",setting:{id:"progressBarHeight"}},{conditionDisplay:"displayProgressBar == true",label:"Position",setting:{id:"progressBarPosition"}},{conditionDisplay:"displayProgressBar == true",label:"Corner",setting:{id:"borderRadius"}}]}},{controls:[{label:"Icon",setting:{id:"showIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"showIcon == true",setting:{id:"icon"},layout:"horizontal"},{label:"Size",conditionDisplay:"showIcon == true",setting:{id:"iconSize"},layout:"horizontal"},{conditionDisplay:"showIcon == true",label:"Color",setting:{id:"iconColor"}},{label:"Position",conditionDisplay:"showIcon == true",setting:{id:"iconPosition"},layout:"horizontal"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}}]},{label:"Text",controls:[{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"template",isHideClear:!0,controls:[{label:"Content",setting:{id:"template"},layout:"vertical"}]},{setting:{id:"typo"},layout:"vertical"}]},{label:"Out of stock state",controls:[{label:"Action",setting:{id:"hiddenCounterWhenOutOfStock"}},{label:"Icon",setting:{id:"oosIcon"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"outOfStockMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockMessage"},layout:"vertical"}],conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Icon color",setting:{id:"oosIconColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Text color",setting:{id:"oosTextColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"}]},{label:"Message",controls:[{label:"Sell when OOS",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"continueSelling",isHideClear:!0,popoverLabel:"Out of stock sell",controls:[{label:"Content",setting:{id:"continueSelling"},layout:"vertical"}]},{label:"Unlimited stock",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"unlimitedQuantityMessage",isHideClear:!0,popoverLabel:"Unlimited quantity",controls:[{label:"Content",setting:{id:"unlimitedQuantityMessage"},layout:"vertical"}]}]},{label:"Display option",controls:[{label:"Display",setting:{id:"displayByDefault"}},{label:"Stock",conditionDisplay:"displayByDefault == false",setting:{id:"scarcityThreshold"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"alignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{t as SettingUIV2};

package/dist/esm/tab/common/attrs.js CHANGED Viewed

	@@ -1 +1 @@
1	- let ~~getAttr~~=({uid:t})=>({"data-id":t}),~~getAttrContent~~=({uid:t})=>({key:t});export{getAttr,getAttrContent};
1	+ let t=({uid:t})=>({"data-id":t}),e=({uid:t})=>({key:t});export{t as getAttr,e as getAttrContent};

package/dist/esm/tab/common/classes.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{composeClasses as e,getGlobalColorClass as t,getGlobalColorStateClass as s}from"@gem-sdk/core";import{getWrapClassByPositionResponsive as a,getUlClassByPositionResponsive as p,makeStyleLayoutFullWidthResponsive as g}from"./helpers.js";let getClassesWrapper=({builderProps:t,advancedCssClass:s})=>{let a="gp-flex";return t?.uid&&(a+=` ${t?.uid}`),s&&(a+=` ${s}`),{...e(a)}},getContainClasses=({setting:t})=>{let{position:s}=t??{},p="gp-flex ";return a(s)&&(p+=` ${a(s)}`),{...e(p)}},getTabListClasses=({setting:t})=>{let{position:s}=t??{},a="gp-tab-header-list gp-flex gp-flex-wrap gp-overflow-hidden ";return p(s)&&(a+=` ${p(s)}`),{...e(a)}},getItemClasses=({setting:a,isNotLiquid:p,isActive:g,currentDevice:r})=>{let{labelBgColor:l,labelColor:n,position:i,enableActiveEffect:C}=a??{},o="gp-tab-item gp-navs-tab gp-flex gp-cursor-pointer gp-py-2 gp-px-4 gp-whitespace-nowrap";return p&&(g&&C?o+=` ${t("bg",l?.active)} ${t("text",n?.active)}`:o+=` ${s("bg",l)} ${s("text",n)}`,r&&i?.[r]&&(o+=` ${i?.[r]}`)),{...e(o)}},getTabParentListClasses=()=>({...e("gp-flex")}),getStyleTagClasses=({panelWidth:e,builderProps:t})=>{let s="",a=g(e,t);return t?.uid&&(s+=` .${t?.uid} .gp-tab-item p {
+import{composeClasses as e,getGlobalColorClass as t,getGlobalColorStateClass as p}from"@gem-sdk/core";import{getWrapClassByPositionResponsive as s,makeStyleLayoutFullWidthResponsive as r,getUlClassByPositionResponsive as g}from"./helpers.js";let a=({builderProps:t,advancedCssClass:p})=>{let s="gp-flex";return t?.uid&&(s+=` ${t?.uid}`),p&&(s+=` ${p}`),{...e(s)}},i=({setting:t})=>{let{position:p}=t??{},r="gp-flex ";return s(p)&&(r+=` ${s(p)}`),{...e(r)}},l=({setting:t})=>{let{position:p}=t??{},s="gp-tab-header-list gp-flex gp-flex-wrap gp-overflow-hidden ";return g(p)&&(s+=` ${g(p)}`),{...e(s)}},n=({setting:s,isNotLiquid:r,isActive:g,currentDevice:a})=>{let{labelBgColor:i,labelColor:l,position:n,enableActiveEffect:o}=s??{},d="gp-tab-item gp-navs-tab gp-flex gp-cursor-pointer gp-py-2 gp-px-4 gp-whitespace-nowrap";return r&&(g&&o?d+=` ${t("bg",i?.active)} ${t("text",l?.active)}`:d+=` ${p("bg",i)} ${p("text",l)}`,a&&n?.[a]&&(d+=` ${n?.[a]}`)),{...e(d)}},o=()=>({...e("gp-flex")}),d=({panelWidth:e,builderProps:t})=>{let p="",s=r(e,t);return t?.uid&&(p+=` .${t?.uid} .gp-tab-item p {
             word-wrap: break-word;
             white-space: break-spaces;
-          }`),a&&(s+=` ${a}`),s},getWrapperContentClasses=()=>({...e("gp-flex gp-flex-1 gp-min-w-0")}),getContainContentClasses=()=>({...e("gp-tab-item-container gp-p-4")}),getTextClasses=()=>({...e("gp-cursor-pointer gp-overflow-hidden gp-whitespace-nowrap !gp-text-inherit")}),getTabItemClasses=({parentUid:t,className:s,isNotLiquid:a,isActive:p})=>{let g="gp-tab-item";return t&&(g+=` gp-child-item-${t}`),s&&(g+=` ${s}`),a&&!p&&(g+=" !gp-hidden"),{...e(g)}};export{getClassesWrapper,getContainClasses,getContainContentClasses,getItemClasses,getStyleTagClasses,getTabItemClasses,getTabListClasses,getTabParentListClasses,getTextClasses,getWrapperContentClasses};
+          }`),s&&(p+=` ${s}`),p},x=()=>({...e("gp-flex gp-flex-1 gp-min-w-0")}),C=()=>({...e("gp-tab-item-container gp-p-4")}),b=()=>({...e("gp-cursor-pointer gp-overflow-hidden gp-whitespace-nowrap !gp-text-inherit")}),m=({parentUid:t,className:p,isNotLiquid:s,isActive:r})=>{let g="gp-tab-item";return t&&(g+=` gp-child-item-${t}`),p&&(g+=` ${p}`),s&&!r&&(g+=" !gp-hidden"),{...e(g)}};export{a as getClassesWrapper,i as getContainClasses,C as getContainContentClasses,n as getItemClasses,d as getStyleTagClasses,m as getTabItemClasses,l as getTabListClasses,o as getTabParentListClasses,b as getTextClasses,x as getWrapperContentClasses};

package/dist/esm/tab/common/helpers.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{DEVICES as e,getValueByDevice as t}from"@gem-sdk/core";let makeStyleLayoutFullWidthResponsive=(o,l)=>e.map(e=>{if("100%"===t(o,e))return`.${l?.uid}
-      .wrap-width_full_${e}_top_true { width: 100%; } .${l?.uid} .wrap-width_full_${e}_top_true .gp-tab-item { flex: 1 }`}).join(""),makeDeviceDefault=(e={})=>{let{desktop:t="",tablet:o=t,mobile:l=o||t}=e;return{desktop:t,tablet:o,mobile:l}},getStyleWidthByPositionResponsive=e=>{let t={desktop:"",tablet:"",mobile:""};if(e.position)for(let o of Object.keys(t))if(e.position[o]&&"top"!==e.position[o]){let l=makeDeviceDefault(e.labelWidth);t[o]=l?.[o]||"min-content"}else{let l=makeDeviceDefault(e.panelWidth);t[o]=l?.[o]||"auto"}return t},getUlClassByPositionResponsive=e=>{let t="";if(e)for(let[o,l]of Object.entries(e))"left"===l||"right"===l?t+=` ${"desktop"===o?"gp-flex-col":o+":gp-flex-col"}`:t+=` ${"desktop"===o?"gp-flex-row":o+":gp-flex-row"}`;return t},getWrapClassByPositionResponsive=e=>{let t="";if(e)for(let[o,l]of Object.entries(e))"left"===l?t+=` ${"desktop"===o?"gp-flex-row":o+":gp-flex-row"}`:"right"===l?t+=` ${"desktop"===o?"gp-flex-row-reverse":o+":gp-flex-row-reverse"}`:"top"===l?t+=` ${"desktop"===o?"gp-flex-col":o+":gp-flex-col"}`:"bottom"===l&&(t+=` ${"desktop"===o?"gp-flex-col-reverse":o+":gp-flex-col-reverse"}`);return t};export{getStyleWidthByPositionResponsive,getUlClassByPositionResponsive,getWrapClassByPositionResponsive,makeStyleLayoutFullWidthResponsive};
+import{DEVICES as e,getValueByDevice as t}from"@gem-sdk/core";let o=(o,l)=>e.map(e=>{if("100%"===t(o,e))return`.${l?.uid}
+      .wrap-width_full_${e}_top_true { width: 100%; } .${l?.uid} .wrap-width_full_${e}_top_true .gp-tab-item { flex: 1 }`}).join(""),l=(e={})=>{let{desktop:t="",tablet:o=t,mobile:l=o||t}=e;return{desktop:t,tablet:o,mobile:l}},r=e=>{let t={desktop:"",tablet:"",mobile:""};if(e.position)for(let o of Object.keys(t))if(e.position[o]&&"top"!==e.position[o]){let r=l(e.labelWidth);t[o]=r?.[o]||"min-content"}else{let r=l(e.panelWidth);t[o]=r?.[o]||"auto"}return t},i=e=>{let t="";if(e)for(let[o,l]of Object.entries(e))"left"===l||"right"===l?t+=` ${"desktop"===o?"gp-flex-col":o+":gp-flex-col"}`:t+=` ${"desktop"===o?"gp-flex-row":o+":gp-flex-row"}`;return t},p=e=>{let t="";if(e)for(let[o,l]of Object.entries(e))"left"===l?t+=` ${"desktop"===o?"gp-flex-row":o+":gp-flex-row"}`:"right"===l?t+=` ${"desktop"===o?"gp-flex-row-reverse":o+":gp-flex-row-reverse"}`:"top"===l?t+=` ${"desktop"===o?"gp-flex-col":o+":gp-flex-col"}`:"bottom"===l&&(t+=` ${"desktop"===o?"gp-flex-col-reverse":o+":gp-flex-col-reverse"}`);return t};export{r as getStyleWidthByPositionResponsive,i as getUlClassByPositionResponsive,p as getWrapClassByPositionResponsive,o as makeStyleLayoutFullWidthResponsive};

package/dist/esm/tab/common/styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{~~getStyleBackgroundByDevice~~ as e,~~getGradientBgrStyleByDevice~~ as t,~~makeStyleResponsive~~ as r,~~makeWidth~~ as l,makeStyle as a,getSingleColorVariable as o,~~getGlobalColorStateStyle~~ as i,~~handleConvertBorderStyle~~ as n,~~handleConvertBorderWidth~~ as s,~~handleConvertBorderColor~~ as b,filterHoverVariables as c}from"@gem-sdk/core";import{getBackgroundTranslated as m,filterTruthyStyles as g}from"../../helpers.js";import{getStyleWidthByPositionResponsive as d}from"./helpers.js";import{Tabs as p}from"../settings/configs/translate.js";let ~~getStyleWrapper~~=({setting:a,style:o,uid:i,pageContext:n,type:s="React"})=>{let{background:b,containWidth:c,align:d}=a??{},y="Liquid"===s?m({background:b,uid:i,enableTranslate:!!p?.background?.id,pageContext:n,isTranslateVideo:!1}):b,S={...o,...e(y),...t(y,{desktop:!0,tablet:!0,mobile:!0}),...r("w",l(c)),...r("as",d)};return g(S)},~~getTabListStyle~~=e=>{let{panelAlign:t}=e??{},l={...r("jc",t),...r("w",{desktop:"100%",tablet:"100%",mobile:"100%"})};return g(l)},~~getItemStyle~~=(e,t)=>{let{labelColor:l,labelBgColor:m,borderTab:p,labelAlign:y,enableActiveEffect:S,panelWidth:u,position:v,~~panelFullWidth:h,~~labelWidth:w}=e??{},T={}~~,f=!0===S\|\|void 0===S~~;return T={...T=t&&f?{...r("jc",y),...a({c:o(l?.active??l?.normal),bgc:o(m?.active??m?.normal),bs:p?.active?.border??p?.normal?.border,bw:p?.active?.width??p?.normal?.width,bc:o(p?.active?.color??p?.normal?.color)})}:{...r("jc",y),...i("c",l),...i("bgc",m),...n(p),...s(p),...b(p)},...r("w",d({position:v,~~panelFullWidth~~:h,~~panelWidth:u,~~labelWidth:w}))},e?.enableHoverEffect\|\|(T=c(T)),g(T)},~~getTabParentListStyle~~=e=>{let{panelAlign:t,panelAlignVertical:l}=e??{},a={...r("jc",t),...r("ai",l)};return g(a)},~~getContainContentStyle~~=()=>{let e={};return a({w:"100%"})&&(e={...a({w:"100%"})}),g(e)},~~getTabItemStyle~~=(e,t)=>{let r={...e,...a({h:"100%",v:t?"visible":"hidden",pos:t?"relative":"absolute"})};return g(r)};export{getContainContentStyle,getItemStyle,getStyleWrapper,getTabItemStyle,getTabListStyle,getTabParentListStyle};
1	+ import{makeStyleResponsive as e,makeWidth as t,getGradientBgrStyleByDevice as r,getStyleBackgroundByDevice as l,makeStyle as o,getSingleColorVariable as a,handleConvertBorderColor as i,handleConvertBorderWidth as n,handleConvertBorderStyle as s,getGlobalColorStateStyle as c,filterHoverVariables as b}from"@gem-sdk/core";import{getBackgroundTranslated as m,filterTruthyStyles as d}from"../../helpers.js";import{getStyleWidthByPositionResponsive as p}from"./helpers.js";import{Tabs as g}from"../settings/configs/translate.js";let v=({setting:o,style:a,uid:i,pageContext:n,type:s="React"})=>{let{background:c,containWidth:b,align:p}=o??{},v="Liquid"===s?m({background:c,uid:i,enableTranslate:!!g?.background?.id,pageContext:n,isTranslateVideo:!1}):c,u={...a,...l(v),...r(v,{desktop:!0,tablet:!0,mobile:!0}),...e("w",t(b)),...e("as",p)};return d(u)},u=t=>{let{panelAlign:r}=t??{},l={...e("jc",r),...e("w",{desktop:"100%",tablet:"100%",mobile:"100%"})};return d(l)},h=(t,r)=>{let{labelColor:l,labelBgColor:m,borderTab:g,labelAlign:v,enableActiveEffect:u,panelWidth:h,position:w,labelWidth:f}=t??{},j={};return j={...j=r&&(!0===u\|\|void 0===u)?{...e("jc",v),...o({c:a(l?.active??l?.normal),bgc:a(m?.active??m?.normal),bs:g?.active?.border??g?.normal?.border,bw:g?.active?.width??g?.normal?.width,bc:a(g?.active?.color??g?.normal?.color)})}:{...e("jc",v),...c("c",l),...c("bgc",m),...s(g),...n(g),...i(g)},...e("w",p({position:w,panelWidth:h,labelWidth:f}))},t?.enableHoverEffect\|\|(j=b(j)),d(j)},w=t=>{let{panelAlign:r,panelAlignVertical:l}=t??{},o={...e("jc",r),...e("ai",l)};return d(o)},f=()=>{let e={};return o({w:"100%"})&&(e={...o({w:"100%"})}),d(e)},j=(e,t)=>{let r={...e,...o({h:"100%",v:t?"visible":"hidden",pos:t?"relative":"absolute"})};return d(r)};export{f as getContainContentStyle,h as getItemStyle,v as getStyleWrapper,j as getTabItemStyle,u as getTabListStyle,w as getTabParentListStyle};

package/dist/esm/tab/components/TabItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as m}from"react/jsx-runtime";import{isEmptyChildren as o}from"@gem-sdk/core";import r from"../../grid/components/ChildrenDroppable.js";import{createStyle as e,createClass as t}from"@gem-sdk/system";import{getTabItemClasses as s}from"../common/classes.js";import{getTabItemStyle as i}from"../common/styles.js";let TabItem=l=>{let{children:p,builderAttrs:a,className:c,parentUid:d,isActive:n,style:f}=l,j=e({...i(f,n)}),u=t({...s({parentUid:d,className:c,isNotLiquid:!0,isActive:n})});return m("div",{...a,className:u,style:j,children:o(p)?m(r,{}):p})};export{TabItem as default};
+import{jsx as m}from"react/jsx-runtime";import{isEmptyChildren as o}from"@gem-sdk/core";import r from"../../grid/components/ChildrenDroppable.js";import{createStyle as e,createClass as s}from"@gem-sdk/system";import{getTabItemClasses as t}from"../common/classes.js";import{getTabItemStyle as i}from"../common/styles.js";let l=l=>{let{children:p,builderAttrs:a,className:c,parentUid:d,isActive:n,style:f}=l,j=e({...i(f,n)}),u=s({...t({parentUid:d,className:c,isNotLiquid:!0,isActive:n})});return m("div",{...a,className:u,style:j,children:o(p)?m(r,{}):p})};export{l as default};

package/dist/esm/tab/components/TabItem.liquid.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{template as m}from"@gem-sdk/core";import{createStyle as s,createClass as o}from"@gem-sdk/system";import{getTabItemClasses as t}from"../common/classes.js";import{getTabItemStyle as e}from"../common/styles.js";let TabItem=r=>{let{children:i,builderAttrs:l,className:a,parentUid:d,style:c,isActive:f}=r,p=s({...e(c,f)}),$=o({...t({parentUid:d,className:a,isNotLiquid:!1,isActive:f})});return m`
+import{template as m}from"@gem-sdk/core";import{createStyle as s,createClass as o}from"@gem-sdk/system";import{getTabItemClasses as t}from"../common/classes.js";import{getTabItemStyle as e}from"../common/styles.js";let r=r=>{let{children:i,builderAttrs:l,className:d,parentUid:a,style:c,isActive:f}=r,p=s({...e(c,f)}),$=o({...t({parentUid:a,className:d,isNotLiquid:!1,isActive:f})});return m`
   <div
     ${{...l}}
     class="${$}"
@@ -6,4 +6,4 @@ import{template as m}from"@gem-sdk/core";import{createStyle as s,createClass as
   >
     ${i}
   </div>
-  `};export{TabItem as default};
+  `};export{r as default};

package/dist/esm/tab/components/Tabs.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{filterToolbarPreview as t}from"@gem-sdk/core";import{Children as i,isValidElement as l}from"react";import{useTab as r}from"../hooks/useTab.js";import{createAttr as a,createStyle as m,createClass as o}from"@gem-sdk/system";import{getAttr as d,getAttrContent as c}from"../common/attrs.js";import p from"../../text/components/Text.js";import{getStyleWrapper as n,getTabParentListStyle as u,getTabListStyle as h,getContainContentStyle as y,getItemStyle as f}from"../common/styles.js";import{getClassesWrapper as x,getContainClasses as N,getStyleTagClasses as g,getTabParentListClasses as v,getTabListClasses as j,getWrapperContentClasses as b,getContainContentClasses as k,getTextClasses as C,getItemClasses as T}from"../common/classes.js";let Tabs=$=>{let{builderAttrs:q,builderProps:A,style:W,setting:F,advanced:I,children:L}=$,{cssClass:S}=I??{},{panelWidth:U,childItem:w,labelAlign:z,labelTypo:B,labelTypoV2:D}=F??{},{currentDevice:E,productID:G,dispatchEventTabActive:H,activeTab:J,setActiveKey:K,refContainer:M}=r(F,A);F&&!F?.labelWidth&&(F.labelWidth={desktop:"200px"});let O=a({...d({uid:A?.uid||""})}),P=m({...n({setting:F,style:W,uid:A?.uid,pageContext:$.pageContext})}),Q=o({...x({builderProps:A,advancedCssClass:S})}),R=o({...N({setting:F})}),V=g({panelWidth:U,builderProps:A}),X=o({...v()}),Y=m({...u(F)}),Z=o({...j({setting:F})}),_=m({...h(F)}),ee=e=>o({...T({setting:F,isNotLiquid:!0,isActive:e,currentDevice:E})}),es=e=>m({...f(F,e)}),et=i.map(L,e=>e?.props?.uid),ei=o({...b()}),el=o({...k()}),er=m({...y()}),ea=o({...C()}),em=a({...c({uid:A?.uid||""})}),eo=()=>w?.map((e,t)=>{let i=J==t;return s("li",{"aria-hidden":!0,className:ee(i),style:es(i),onClick:()=>{K(t),H(t)},children:s(p,{className:ea,styles:{typo:D,typography:B,textAlign:z},setting:{text:e,htmlTag:"div",excludeFlex:!0,options:{useState:!0,uniqueId:G?`${et?.[t]}-${G}`:`${et?.[t]}`,productID:G}}})},et&&et[t])}),ed=()=>i.map(t(L),(e,t)=>l(e)?s(e.type,{...e.props,isActive:t==J,parentUid:A?.uid}):null);return e("div",{ref:M,...q,...O,style:P,className:Q,children:[s("style",{children:V}),e("div",{className:R,children:[s("div",{className:X,style:Y,children:s("ul",{className:Z,style:_,children:eo()})}),s("div",{className:ei,children:s("div",{...em,className:el,style:er,children:ed()})})]}),t(L,!0)]})};export{Tabs as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{filterToolbarPreview as s}from"@gem-sdk/core";import{Children as i,isValidElement as l}from"react";import{useTab as r}from"../hooks/useTab.js";import{createAttr as m,createStyle as o,createClass as a}from"@gem-sdk/system";import{getAttr as d,getAttrContent as c}from"../common/attrs.js";import p from"../../text/components/Text.js";import{getStyleWrapper as n,getTabParentListStyle as u,getTabListStyle as h,getContainContentStyle as y,getItemStyle as f}from"../common/styles.js";import{getClassesWrapper as x,getContainClasses as N,getStyleTagClasses as g,getTabParentListClasses as v,getTabListClasses as j,getWrapperContentClasses as k,getContainContentClasses as C,getTextClasses as b,getItemClasses as T}from"../common/classes.js";let $=$=>{let{builderAttrs:q,builderProps:A,style:W,setting:F,advanced:I,children:L}=$,{cssClass:S}=I??{},{panelWidth:U,childItem:w,labelAlign:z,labelTypo:B,labelTypoV2:D}=F??{},{currentDevice:E,productID:G,dispatchEventTabActive:H,activeTab:J,setActiveKey:K,refContainer:M}=r(F,A);F&&!F?.labelWidth&&(F.labelWidth={desktop:"200px"});let O=m({...d({uid:A?.uid||""})}),P=o({...n({setting:F,style:W,uid:A?.uid,pageContext:$.pageContext})}),Q=a({...x({builderProps:A,advancedCssClass:S})}),R=a({...N({setting:F})}),V=g({panelWidth:U,builderProps:A}),X=a({...v()}),Y=o({...u(F)}),Z=a({...j({setting:F})}),_=o({...h(F)}),ee=e=>a({...T({setting:F,isNotLiquid:!0,isActive:e,currentDevice:E})}),et=e=>o({...f(F,e)}),es=i.map(L,e=>e?.props?.uid),ei=a({...k()}),el=a({...C()}),er=o({...y()}),em=a({...b()}),eo=m({...c({uid:A?.uid||""})});return e("div",{ref:M,...q,...O,style:P,className:Q,children:[t("style",{children:V}),e("div",{className:R,children:[t("div",{className:X,style:Y,children:t("ul",{className:Z,style:_,children:w?.map((e,s)=>{let i=J==s;return t("li",{"aria-hidden":!0,className:ee(i),style:et(i),onClick:()=>{K(s),H(s)},children:t(p,{className:em,styles:{typo:D,typography:B,textAlign:z},setting:{text:e,htmlTag:"div",excludeFlex:!0,options:{useState:!0,uniqueId:G?`${es?.[s]}-${G}`:`${es?.[s]}`,productID:G}}})},es&&es[s])})})}),t("div",{className:ei,children:t("div",{...eo,className:el,style:er,children:i.map(s(L),(e,s)=>l(e)?t(e.type,{...e.props,isActive:s==J,parentUid:A?.uid}):null)})})]}),s(L,!0)]})};export{$ as default};

package/dist/esm/tab/components/Tabs.liquid.js CHANGED Viewed

@@ -1,14 +1,4 @@
-import{template as t,WrapRenderChildren as e,RenderChildren as s,RenderIf as i,isLocalEnv as l,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as r,createSettingId as d,getSettingPreloadData as o}from"../../helpers.js";import{createStateOrContext as p,createAttr as c,createStyle as m,createClass as n}from"@gem-sdk/system";import{getAttr as y,getAttrContent as u}from"../common/attrs.js";import $ from"../../text/components/Text.liquid.js";import{Tabs as g}from"../settings/configs/translate.js";import{getStyleWrapper as v,getTabParentListStyle as f,getTabListStyle as h,getContainContentStyle as x,getItemStyle as b}from"../common/styles.js";import{getClassesWrapper as j,getContainClasses as T,getStyleTagClasses as C,getTabParentListClasses as S,getTabListClasses as k,getWrapperContentClasses as A,getContainContentClasses as I,getTextClasses as K,getItemClasses as E}from"../common/classes.js";let Tabs=N=>{let{builderProps:V,style:q,setting:P,advanced:z,rawChildren:F}=N;delete P?.labelTypoV2?.attrs?.color;let{cssClass:G}=z??{},{panelWidth:L,childItem:O,labelAlign:W,labelTypo:_,labelTypoV2:J}=P??{},M=p({setting:P,builderProps:V}),R=void 0;P&&!P?.labelWidth&&(P.labelWidth={desktop:"200px"});let U=c({...y({uid:V?.uid||""})}),w=m({...v({setting:P,style:q,uid:V?.uid,pageContext:N.pageContext,type:"Liquid"})}),B=n({...j({builderProps:V,advancedCssClass:G})}),D=n({...T({setting:P})}),H=C({panelWidth:L,builderProps:V}),Q=n({...S()}),X=m({...f(P)}),Y=n({...k({setting:P})}),Z=m({...h(P)}),tt=t=>n({...E({setting:P,isNotLiquid:!1,isActive:t,currentDevice:R})}),te=t=>m({...b(P,t)}),ts=n({...A()}),ti=n({...I()}),tl=m({...x()}),ta=c({...u({uid:V?.uid||""})}),tr=n({...K()}),td=()=>O?.map(t=>t?.replaceAll("'","&#039;"))?.map((e,s)=>{let i=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===s:s===P?.activeKey,l=r({val:e,uid:V?.uid,settingId:d({id:g?.childItem?.id,index:s}),pageContext:N.pageContext,isCapitalize:P?.labelTypoV2?.attrs?.transform==="capitalize"});return t`
-      <li
-        aria-hidden
-        class="${tt(i)}"
-        style="${te(i)}"
-        key="${V?.uid}"
-      >
-        ${$({className:tr,styles:{typo:J,typography:_,textAlign:W},setting:{text:l,htmlTag:"div",excludeFlex:!0,isForceValue:!0},translateSetting:g?.childItem?.id})}
-      </li>
-    `}).join(""),to=()=>e({uid:V?.uid||"",customProps:F?.[0].customProps},F?.map((e,i)=>{let l=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===i:i===P?.activeKey;return e?t`${s({...e,parentUid:V?.uid,isActive:l})}`:""})),tp=()=>i(l,`<script ${o('class="gps-link" delay',"src")}="{{ 'gp-tab-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${o('class="gps-link" delay',"src")}="${a}/assets-v2/gp-tab-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return t`
+import{template as t,WrapRenderChildren as e,RenderChildren as s,RenderIf as i,isLocalEnv as l,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as r,createSettingId as d,getSettingPreloadData as o}from"../../helpers.js";import{createStateOrContext as p,createAttr as c,createStyle as m,createClass as n}from"@gem-sdk/system";import{getAttr as y,getAttrContent as u}from"../common/attrs.js";import $ from"../../text/components/Text.liquid.js";import{Tabs as g}from"../settings/configs/translate.js";import{getStyleWrapper as v,getTabParentListStyle as f,getTabListStyle as h,getContainContentStyle as x,getItemStyle as b}from"../common/styles.js";import{getClassesWrapper as j,getContainClasses as C,getStyleTagClasses as S,getTabParentListClasses as T,getTabListClasses as k,getWrapperContentClasses as A,getContainContentClasses as I,getTextClasses as K,getItemClasses as E}from"../common/classes.js";let N=N=>{let{builderProps:V,style:q,setting:P,advanced:z,rawChildren:F}=N;delete P?.labelTypoV2?.attrs?.color;let{cssClass:G}=z??{},{panelWidth:L,childItem:O,labelAlign:W,labelTypo:_,labelTypoV2:J}=P??{},M=p({setting:P,builderProps:V}),R=void 0;P&&!P?.labelWidth&&(P.labelWidth={desktop:"200px"});let U=c({...y({uid:V?.uid||""})}),w=m({...v({setting:P,style:q,uid:V?.uid,pageContext:N.pageContext,type:"Liquid"})}),B=n({...j({builderProps:V,advancedCssClass:G})}),D=n({...C({setting:P})}),H=S({panelWidth:L,builderProps:V}),Q=n({...T()}),X=m({...f(P)}),Y=n({...k({setting:P})}),Z=m({...h(P)}),tt=t=>n({...E({setting:P,isNotLiquid:!1,isActive:t,currentDevice:R})}),te=t=>m({...b(P,t)}),ts=n({...A()}),ti=n({...I()}),tl=m({...x()}),ta=c({...u({uid:V?.uid||""})}),tr=n({...K()});return t`
     <gp-tab
       ${{...U}}
       style="${w}"
@@ -19,7 +9,17 @@ import{template as t,WrapRenderChildren as e,RenderChildren as s,RenderIf as i,i
         <div class="${D}">
           <div class="${Q}" style="${X}">
             <ul class="${Y}" style="${Z}">
-              ${td()}
+              ${O?.map(t=>t?.replaceAll("'","&#039;"))?.map((e,s)=>{let i=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===s:s===P?.activeKey,l=r({val:e,uid:V?.uid,settingId:d({id:g?.childItem?.id,index:s}),pageContext:N.pageContext,isCapitalize:P?.labelTypoV2?.attrs?.transform==="capitalize"});return t`
+      <li
+        aria-hidden
+        class="${tt(i)}"
+        style="${te(i)}"
+        key="${V?.uid}"
+      >
+        ${$({className:tr,styles:{typo:J,typography:_,textAlign:W},setting:{text:l,htmlTag:"div",excludeFlex:!0,isForceValue:!0},translateSetting:g?.childItem?.id})}
+      </li>
+    `}).join("")}
             </ul>
           </div>
           <div class="${ts}">
@@ -28,10 +28,10 @@ import{template as t,WrapRenderChildren as e,RenderChildren as s,RenderIf as i,i
               class="${ti}"
               style="${tl}"
             >
-              ${to()}
+              ${e({uid:V?.uid||"",customProps:F?.[0].customProps},F?.map((e,i)=>{let l=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===i:i===P?.activeKey;return e?t`${s({...e,parentUid:V?.uid,isActive:l})}`:""}))}
             </div>
           </div>
         </div>
     </gp-tab>
-    ${tp()}
-  `};export{Tabs as default};
+    ${i(l,`<script ${o('class="gps-link" delay',"src")}="{{ 'gp-tab-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${o('class="gps-link" delay',"src")}="${a}/assets-v2/gp-tab-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{N as default};

package/dist/esm/tab/hooks/useTab.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{useCurrentDevice as e}from"@gem-sdk/core";import{useState as t}from"react";import{useGetProductId as o}from"../../hooks/useGetProductId.js";import{useTabInteraction as r}from"./useTabInteraction.js";let ~~useTab~~=(i,m)=>{let{activeKey:d}=i??{},s=e(),[a,l]=t(!d\|\|d<0\|\|d>=(i?.childItem??[]).length?0:d),{refContainer:p,productID:c}=o(),{dispatchEventTabActive:u}=r({activeKey:d\|\|1,setActiveKey:l,activeTab:a,refContainer:p,componentUid:m?.uid\|\|""});return i&&!i?.labelWidth&&(i.labelWidth={desktop:"200px"}),{currentDevice:s,productID:c,dispatchEventTabActive:u,activeTab:a,setActiveKey:l,refContainer:p}};export{useTab};
1	+ import{useCurrentDevice as e}from"@gem-sdk/core";import{useState as t}from"react";import{useGetProductId as o}from"../../hooks/useGetProductId.js";import{useTabInteraction as r}from"./useTabInteraction.js";let i=(i,m)=>{let{activeKey:d}=i??{},l=e(),[p,s]=t(!d\|\|d<0\|\|d>=(i?.childItem??[]).length?0:d),{refContainer:a,productID:c}=o(),{dispatchEventTabActive:n}=r({activeKey:d\|\|1,setActiveKey:s,activeTab:p,refContainer:a,componentUid:m?.uid\|\|""});return i&&!i?.labelWidth&&(i.labelWidth={desktop:"200px"}),{currentDevice:l,productID:c,dispatchEventTabActive:n,activeTab:p,setActiveKey:s,refContainer:a}};export{i as useTab};

package/dist/esm/tab/hooks/useTabInteraction.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{useInteraction as e,useEditorMode as t}from"@gem-sdk/core";import{useEffect as r}from"react";let ~~useTabInteraction~~=({activeKey:a,setActiveKey:n,activeTab:i,refContainer:o,componentUid:c})=>{let{trigger:u,onListener:d,interactionListenerLoaded:l,saveToElementInteractionData:m,findElementIncludingSelf:b}=e(),g=t(),p=e=>{let{data:t,isRollback:r,element:i,key:o}=e\|\|{};if(void 0===t&&r)return;let c=Number(t)+1;if(r){n(c);return}m(i,o,String(a)),n(c)},v=e=>{u({event:"gp:rollback:tab-active",selector:`[data-id="${c}"]`,element:o.current}),u({event:"gp:tab-active",selector:`[data-id="${c}"]`,data:e,element:o.current})};return r(()=>{if("edit"===g)return;l(()=>{v(i-1)});let e=`[data-id="${c}"]`,t=b(document,e),r=d({event:"gp:change-open-tab",selector:e},e=>{p({...e,element:t,key:e?.uniqueStorageKey})});return()=>{r?.()}},[]),{dispatchEventTabActive:v}};export{useTabInteraction};
1	+ import{useInteraction as e,useEditorMode as t}from"@gem-sdk/core";import{useEffect as r}from"react";let a=({activeKey:a,setActiveKey:n,activeTab:i,refContainer:o,componentUid:c})=>{let{trigger:u,onListener:d,interactionListenerLoaded:l,saveToElementInteractionData:m,findElementIncludingSelf:g}=e(),p=t(),b=e=>{let{data:t,isRollback:r,element:i,key:o}=e\|\|{};if(void 0===t&&r)return;let c=Number(t)+1;if(r){n(c);return}m(i,o,String(a)),n(c)},v=e=>{u({event:"gp:rollback:tab-active",selector:`[data-id="${c}"]`,element:o.current}),u({event:"gp:tab-active",selector:`[data-id="${c}"]`,data:e,element:o.current})};return r(()=>{if("edit"===p)return;l(()=>{v(i-1)});let e=`[data-id="${c}"]`,t=g(document,e),r=d({event:"gp:change-open-tab",selector:e},e=>{b({...e,element:t,key:e?.uniqueStorageKey})});return()=>{r?.()}},[]),{dispatchEventTabActive:v}};export{a as useTabInteraction};

package/dist/esm/tab/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/Tabs.js";import e from"./settings/TabItem.js";let ~~tabSetting~~={Tabs:t,TabItem:e};export{tabSetting};
1	+ import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/Tabs.js";import e from"./settings/TabItem.js";let m={Tabs:t,TabItem:e};export{m as tabSetting};

package/dist/esm/tab/next.js CHANGED Viewed

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

package/dist/esm/tab/settings/TabItem.js CHANGED Viewed

@@ -1,5 +1,5 @@
-let config={tag:"TabItem",label:"Tab Item",icon:`
+let e={tag:"TabItem",label:"Tab Item",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M3.16699 4C2.89085 4 2.66699 4.22386 2.66699 4.5V36.8333C2.66699 37.1095 2.89085 37.3333 3.16699 37.3333H36.8337C37.1098 37.3333 37.3337 37.1095 37.3337 36.8333V4.5C37.3337 4.22386 37.1098 4 36.8337 4H3.16699ZM16.0003 6.66667H24.0003V12H16.0003V6.66667ZM34.667 34.6667H5.33366V6.66667H13.3337V12V13.3333V14.1667C13.3337 14.4428 13.5575 14.6667 13.8337 14.6667H34.667V34.6667ZM34.667 12H26.667V6.66667H34.667V12Z" fill="currentColor"/>
   </svg>
-  `,settings:[],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},sideBar:{hide:!0},placeholder:{flowTag:["Tabs"],notAppendBeforeAfter:!0,notAppendLeftRight:!0},toolbar:{hide:!0}}};export{config as default};
+  `,settings:[],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},sideBar:{hide:!0},placeholder:{flowTag:["Tabs"],notAppendBeforeAfter:!0,notAppendLeftRight:!0},toolbar:{hide:!0}}};export{e as default};

package/dist/esm/tab/settings/Tabs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{TabsSettings as t}from"./configs/settings.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";let config={tag:"Tabs",label:"Tab",icon:`
+import{TabsSettings as t}from"./configs/settings.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";let i={tag:"Tabs",label:"Tab",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M3.16699 4C2.89085 4 2.66699 4.22386 2.66699 4.5V36.8333C2.66699 37.1095 2.89085 37.3333 3.16699 37.3333H36.8337C37.1098 37.3333 37.3337 37.1095 37.3337 36.8333V4.5C37.3337 4.22386 37.1098 4 36.8337 4H3.16699ZM16.0003 6.66667H24.0003V12H16.0003V6.66667ZM34.667 34.6667H5.33366V6.66667H13.3337V12V13.3333V14.1667C13.3337 14.4428 13.5575 14.6667 13.8337 14.6667H34.667V34.6667ZM34.667 12H26.667V6.66667H34.667V12Z" fill="currentColor"/>
   </svg>
@@ -8,4 +8,4 @@ import{TabsSettings as t}from"./configs/settings.js";import{SettingUIV2 as e}fro
           <rect x="8" y="12" width="32" height="8" rx="4" fill="#757575"/>
           <rect x="56" y="12" width="32" height="8" rx="4" fill="#757575"/>
           </svg>
-        `},components:[{tag:"Tabs",settings:{childItem:["Tab 1","Tab 2","Tab 3"]},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"TabItem"},{tag:"TabItem"},{tag:"TabItem"}]}]}],rootOverride:{settings:{containWidth:{desktop:"1200px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};
+        `},components:[{tag:"Tabs",settings:{childItem:["Tab 1","Tab 2","Tab 3"]},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"TabItem"},{tag:"TabItem"},{tag:"TabItem"}]}]}],rootOverride:{settings:{containWidth:{desktop:"1200px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{i as default};

package/dist/esm/tab/settings/configs/settings.js CHANGED Viewed

	@@ -1 +1 @@
1	- let ~~TabsSettings~~=[{id:"setting",controls:[{id:"childItem",label:"Tabs Item",type:"child-item",default:["Tab 1","Tab 2","Tab 3"]},{id:"activeKey",type:"select-custom-options",label:"Order",controlOption:"childItem",default:0},{id:"position",type:"layout-selector",label:"Layout",iconViewBox:"0 0 74 48",enableItemBackground:!0,itemPerRow:2,options:[{value:"top",label:"Top",iconName:"gp-tab-top"},{value:"left",label:"Left",iconName:"gp-tab-left"},{value:"right",label:"Right",iconName:"gp-tab-bottom"}],devices:{desktop:{default:"top"}}},{id:"group-header",label:"Tabs Header",type:"group",controls:[{id:"labelTypoV2",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},compoDefaultValue:{custom:{textShadow:{angle:135,blur:"2px",distance:"2px",type:"custom",color:"rgba(18, 18, 18, 0.5)"}}},ignoreReRender:!0},{id:"panelFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"panelWidth",label:"Width",type:"dropdown:input",units:["px","%"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"Auto"}}},{id:"panelAlign",type:"option:value",label:"Alignment",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:"panelAlignVertical",type:"option:value",label:"Alignment",options:[{label:"Top",value:"start",type:"align",tooltip:"Align Top",iconName:"gp-align-top"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Bottom",value:"end",type:"align",tooltip:"Align Bottom",iconName:"gp-align-bottom"}],devices:{desktop:{default:"start"}}},{id:"labelWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"auto"}}},{id:"padding",type:"padding-v2",devices:{desktop:{}}},{id:"labelAlign",type:"option:value",label:"Text alignment",options:[{label:"Left",value:"left",type:"text"},{label:"Center",value:"center",type:"text"},{label:"Right",value:"right",type:"text"}],devices:{desktop:{default:"left"}}}]},{id:"enableHoverEffect",label:"",type:"toggle",default:!1},{id:"enableActiveEffect",label:"",type:"toggle",default:!0},{id:"behavior-state-group",type:"behavior-state",controls:[{id:"labelBgColor",label:"Background Color",type:"color-picker-v2",default:{active:"bg-1"},compoDefaultValue:{normal:"bg-2",hover:"bg-2",active:"bg-1"}},{id:"labelColor",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"}},{id:"borderTab",type:"border",label:"Border",default:{active:{border:"solid",width:"0px 0px 1px 0px",borderWidth:"1px",color:"line-3",position:"bottom",isCustom:!0}}}]},{id:"containWidth",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:1200},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}}]}];export{TabsSettings};
1	+ let e=[{id:"setting",controls:[{id:"childItem",label:"Tabs Item",type:"child-item",default:["Tab 1","Tab 2","Tab 3"]},{id:"activeKey",type:"select-custom-options",label:"Order",controlOption:"childItem",default:0},{id:"position",type:"layout-selector",label:"Layout",iconViewBox:"0 0 74 48",enableItemBackground:!0,itemPerRow:2,options:[{value:"top",label:"Top",iconName:"gp-tab-top"},{value:"left",label:"Left",iconName:"gp-tab-left"},{value:"right",label:"Right",iconName:"gp-tab-bottom"}],devices:{desktop:{default:"top"}}},{id:"group-header",label:"Tabs Header",type:"group",controls:[{id:"labelTypoV2",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},compoDefaultValue:{custom:{textShadow:{angle:135,blur:"2px",distance:"2px",type:"custom",color:"rgba(18, 18, 18, 0.5)"}}},ignoreReRender:!0},{id:"panelFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"panelWidth",label:"Width",type:"dropdown:input",units:["px","%"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"Auto"}}},{id:"panelAlign",type:"option:value",label:"Alignment",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:"panelAlignVertical",type:"option:value",label:"Alignment",options:[{label:"Top",value:"start",type:"align",tooltip:"Align Top",iconName:"gp-align-top"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Bottom",value:"end",type:"align",tooltip:"Align Bottom",iconName:"gp-align-bottom"}],devices:{desktop:{default:"start"}}},{id:"labelWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"auto"}}},{id:"padding",type:"padding-v2",devices:{desktop:{}}},{id:"labelAlign",type:"option:value",label:"Text alignment",options:[{label:"Left",value:"left",type:"text"},{label:"Center",value:"center",type:"text"},{label:"Right",value:"right",type:"text"}],devices:{desktop:{default:"left"}}}]},{id:"enableHoverEffect",label:"",type:"toggle",default:!1},{id:"enableActiveEffect",label:"",type:"toggle",default:!0},{id:"behavior-state-group",type:"behavior-state",controls:[{id:"labelBgColor",label:"Background Color",type:"color-picker-v2",default:{active:"bg-1"},compoDefaultValue:{normal:"bg-2",hover:"bg-2",active:"bg-1"}},{id:"labelColor",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"}},{id:"borderTab",type:"border",label:"Border",default:{active:{border:"solid",width:"0px 0px 1px 0px",borderWidth:"1px",color:"line-3",position:"bottom",isCustom:!0}}}]},{id:"containWidth",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:1200},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}}]}];export{e as TabsSettings};

package/dist/esm/tab/settings/configs/translate.js CHANGED Viewed

	@@ -1 +1 @@
1	- let ~~Tabs~~={childItem:{id:"childItem"},background:{id:"background",fields:["image.src"]}};export{Tabs};
1	+ let d={childItem:{id:"childItem"},background:{id:"background",fields:["image.src"]}};export{d as Tabs};

package/dist/esm/tab/settings/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let ~~SettingUIV2~~=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"}}]},{label:"Tabs",controls:[{label:"Order",setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",popoverLabel:"Tab management"}},{label:"Text",type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,popoverLabel:"Text",controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:"Width",setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:"Width",conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Background",setting:{id:"labelBgColor",state:"normal"}},{label:"Border",setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:"Tabs align",setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:"Tabs align",setting:{id:"panelAlignVertical"}},{label:"Hover effect",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:"Tabs hover effect",controls:[{label:"Text color",setting:{id:"labelColor",state:"hover"}},{label:"Background",setting:{id:"labelBgColor",state:"hover"}},{label:"Border",setting:{id:"borderTab",state:"hover"}}]},{label:"Active state",type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:"Tabs active state",controls:[{label:"Text color",setting:{id:"labelColor",state:"active"}},{label:"Background",setting:{id:"labelBgColor",state:"active"}},{label:"Border",setting:{id:"borderTab",state:"active"}}]}]}},{label:"Size",controls:[{id:"containWidth",label:"Width",controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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 option",controls:[{label:"Default active",setting:{id:"activeKey"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];export{SettingUIV2};
1	+ let e=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"}}]},{label:"Tabs",controls:[{label:"Order",setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",popoverLabel:"Tab management"}},{label:"Text",type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,popoverLabel:"Text",controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:"Width",setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:"Width",conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Background",setting:{id:"labelBgColor",state:"normal"}},{label:"Border",setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:"Tabs align",setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:"Tabs align",setting:{id:"panelAlignVertical"}},{label:"Hover effect",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:"Tabs hover effect",controls:[{label:"Text color",setting:{id:"labelColor",state:"hover"}},{label:"Background",setting:{id:"labelBgColor",state:"hover"}},{label:"Border",setting:{id:"borderTab",state:"hover"}}]},{label:"Active state",type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:"Tabs active state",controls:[{label:"Text color",setting:{id:"labelColor",state:"active"}},{label:"Background",setting:{id:"labelBgColor",state:"active"}},{label:"Border",setting:{id:"borderTab",state:"active"}}]}]}},{label:"Size",controls:[{id:"containWidth",label:"Width",controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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 option",controls:[{label:"Default active",setting:{id:"activeKey"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];export{e as SettingUIV2};

package/dist/esm/text/common/attrs.js CHANGED Viewed

	@@ -1 +1 @@
1	- let ~~getAttr~~=({uid:t})=>({"data-id":t}),~~getTextAttr~~=t=>({"data-gp-text":"",...t?.uniqueId&&{"data-unique-text":t.uniqueId},...t?.productID&&{"data-product-id":t.productID},...t?.isCannotEditing&&{"data-not-editing":t.isCannotEditing}});export{getAttr,getTextAttr};
1	+ let t=({uid:t})=>({"data-id":t}),d=t=>({"data-gp-text":"",...t?.uniqueId&&{"data-unique-text":t.uniqueId},...t?.productID&&{"data-product-id":t.productID},...t?.isCannotEditing&&{"data-not-editing":t.isCannotEditing}});export{t as getAttr,d as getTextAttr};

package/dist/esm/text/common/classes.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{composeTypographyClassName as e,~~getGlobalColorClass~~ as t,~~getGlobalColorStateClass~~ as s}from"@gem-sdk/core";let ~~getClasses~~=({setting:e,advanced:t,builderProps:s})=>({...s?.uid&&{[s.uid]:!0},...e?.options?.customClass?.wrapper&&{[e.options.customClass.wrapper]:!0},...t?.cssClass&&{[t.cssClass]:!0}}),~~getContainerClasses~~=({setting:e})=>{let{excludeFlex:t}=e??{},s="";return t\|\|(s+=" gp-flex"),~~composeClasses~~(s)},~~getTextClasses~~=({styles:e,setting:t,className:s,isEdit:r,disableEdit:o})=>{let{text:l,options:p}=t??{},a="";if(l\|\|o\|\|(a+="gp-relative empty:gp-pl-[2px] after:gp-content-['Your_custom_text_goes_here'] after:gp-absolute after:gp-select-none after:gp-top-0 after:gp-left-[2px] after:gp-w-full after:gp-truncate after:gp-text-black after:gp-opacity-20 "),e?.enableHoverEffect&&e?.underlineLink){let{underlineLink:t}=e,s=t.hover?"hover:gp-underline":"hover:!gp-no-underline",r=t.normal?"gp-underline":"";a+=` ${s} ${r}`.trim()}r?(a+=" gp-text gp-cursor-pointer !gp-cursor-default",o\|\|(a+=" gp-p-[2px]"),p?.useState&&(a+=" child-item-text gp-border gp-border-transparent hover:!gp-border-[#3C67FF]")):(a+=" gp-text-instant",p?.disablePointerEvent&&(a+=" gp-pointer-events-none"));let n=a.trim().split(" ").reduce((e,t)=>(e[t]=!0,e),{});return{...s&&{[s]:!0},...~~globalTypoClasses~~(e),...n}};function ~~composeClasses~~(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}let ~~globalTypoClasses~~=r=>{let o=e(r?.typo);return{...o&&{[o]:!0},...r?.textColor&&{[t("text",r?.textColor)]:!0},...!r?.textColor&&{[s("text",r?.color)]:!0}}};export{composeClasses,getClasses,getContainerClasses,getTextClasses,globalTypoClasses};
1	+ import{composeTypographyClassName as e,getGlobalColorStateClass as t,getGlobalColorClass as r}from"@gem-sdk/core";let o=({setting:e,advanced:t,builderProps:r})=>({...r?.uid&&{[r.uid]:!0},...e?.options?.customClass?.wrapper&&{[e.options.customClass.wrapper]:!0},...t?.cssClass&&{[t.cssClass]:!0}}),p=({setting:e})=>{let{excludeFlex:t}=e??{},r="";return t\|\|(r+=" gp-flex"),l(r)},s=({styles:e,setting:t,className:r,isEdit:o,disableEdit:p})=>{let{text:s,options:l}=t??{},a="";if(s\|\|p\|\|(a+="gp-relative empty:gp-pl-[2px] after:gp-content-['Your_custom_text_goes_here'] after:gp-absolute after:gp-select-none after:gp-top-0 after:gp-left-[2px] after:gp-w-full after:gp-truncate after:gp-text-black after:gp-opacity-20 "),e?.enableHoverEffect&&e?.underlineLink){let{underlineLink:t}=e,r=t.hover?"hover:gp-underline":"hover:!gp-no-underline",o=t.normal?"gp-underline":"";a+=` ${r} ${o}`.trim()}o?(a+=" gp-text gp-cursor-pointer !gp-cursor-default",p\|\|(a+=" gp-p-[2px]"),l?.useState&&(a+=" child-item-text gp-border gp-border-transparent hover:!gp-border-[#3C67FF]")):(a+=" gp-text-instant",l?.disablePointerEvent&&(a+=" gp-pointer-events-none"));let g=a.trim().split(" ").reduce((e,t)=>(e[t]=!0,e),{});return{...r&&{[r]:!0},...n(e),...g}};function l(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}let n=o=>{let p=e(o?.typo);return{...p&&{[p]:!0},...o?.textColor&&{[r("text",o?.textColor)]:!0},...!o?.textColor&&{[t("text",o?.color)]:!0}}};export{l as composeClasses,o as getClasses,p as getContainerClasses,s as getTextClasses,n as globalTypoClasses};

package/dist/esm/text/common/helpers.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{replaceLinkData as t,getDynamicSourceLocales as e,createSettingId as i}from"../../helpers.js";import"@gem-sdk/core";import{Text as o}from"../settings/configs/translate.js";import{TAGS_WITH_REPLACE_LINK_DATA as r}from"../../constant.js";let ~~formatThickness~~=t=>t?"number"==typeof t?t+"px":"string"!=typeof t\|\|t.includes("px")?t:t+"px":"auto",~~getDisplayText~~=({type:s,styles:a,setting:n,builderProps:p,pageContext:g,translateSetting:l})=>{let{text:c,isForceValue:m}=n??{},d="",f=r?.includes(p?.builderData?.tag??"")&&!g?.isPreviewing,u=t(c?.toString()),x=a?.typo?.attrs?.transform==="capitalize";return"React"===s?d=x?c?.toString().toLocaleLowerCase():c?.toString():m?d=u:o?.text?.id?(d=e({val:c,uid:p?.uid,settingId:i({id:l??o?.text?.id}),pageContext:g,isCapitalize:x,isReplaceLocationOrigin:f}))==c&&(d=u):d=x?u?.toString().toLocaleLowerCase():u,d};export{formatThickness,getDisplayText};
1	+ import{replaceLinkData as t,getDynamicSourceLocales as e,createSettingId as i}from"../../helpers.js";import"@gem-sdk/core";import{Text as o}from"../settings/configs/translate.js";import{TAGS_WITH_REPLACE_LINK_DATA as r}from"../../constant.js";let s=t=>t?"number"==typeof t?t+"px":"string"!=typeof t\|\|t.includes("px")?t:t+"px":"auto",a=({type:s,styles:a,setting:n,builderProps:p,pageContext:g,translateSetting:l})=>{let{text:c,isForceValue:m}=n??{},d="",f=r?.includes(p?.builderData?.tag??"")&&!g?.isPreviewing,u=t(c?.toString()),x=a?.typo?.attrs?.transform==="capitalize";return"React"===s?d=x?c?.toString().toLocaleLowerCase():c?.toString():m?d=u:o?.text?.id?(d=e({val:c,uid:p?.uid,settingId:i({id:l??o?.text?.id}),pageContext:g,isCapitalize:x,isReplaceLocationOrigin:f}))==c&&(d=u):d=x?u?.toString().toLocaleLowerCase():u,d};export{s as formatThickness,a as getDisplayText};

package/dist/esm/text/common/styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{~~makeStyle~~ as e,~~makeStyleResponsive~~ as t,makeGlobalSize as r,~~getSingleColorVariable~~ as o,~~composeBorderResponsive~~ as l,~~composeRadiusResponsive~~ as i,~~getResponsiveStyleShadowWithoutState~~ as a,~~getStyleShadow~~ as n,makeLineClamp as d,~~getGlobalColorStyle~~ as s,~~getGlobalColorStateStyle~~ as h,~~composeTypographyStyle~~ as p,~~getStyleBackgroundByDevice~~ as y,~~getGradientBgrStyleByDevice~~ as c,filterHoverVariables as u}from"@gem-sdk/core";import{formatThickness as g}from"./helpers.js";import{getBackgroundTranslated as m}from"../../helpers.js";import{Text as S}from"../settings/configs/translate.js";function ~~filterTruthyStyles~~(e){return Object.fromEntries(Object.entries(e\|\|{}).filter(([,e])=>!!e))}let ~~getStyle~~=(r,o)=>{let l={...e({mr:r?.spacing,mb:r?.spacing}),...t("ta",r?.align),...o,"--dynamic-source-color":"#F4F4F4"};return ~~filterTruthyStyles~~(l)},~~getContainerStyle~~=(e,r)=>{let{tagWidth:o}=r??{},l={...t("jc",e?.align),...o};return ~~filterTruthyStyles~~(l)},~~getTextStyle~~=({styles:f,setting:b,builderProps:w,pageContext:x,type:T="React"})=>{let k=b?.background;"Liquid"===T&&(k=m({background:k,uid:w?.uid,enableTranslate:!!S?.background?.id,pageContext:x,isTranslateVideo:!1}));let j=r(b?.globalSize),C=[f?.lineThrough&&"line-through",f?.typo?.attrs?.underline&&"underline"].filter(Boolean),v={...j?.width?.["--w"]?j.width:{"--w":"100%"},...e({tdc:o(f?.lineColor?.normal),tdt:g(f?.thickness)}),...l(f?.shapeBorder),...i(f?.shapeRounded),...a(f?.shapeBoxShadow,"box-shadow",f?.shapeBoxShadow),...n({value:f?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:f?.typo?.custom?.hasShadowText}),...t("ta",f?.textAlign),...t("line-clamp",d(f?.lineClamp,f?.hasLineClamp)),...f?.textColor?s(f.textColor):h("c",f?.color),...p(f?.typo,f?.typography),"word-break":"break-word",...y(k),...j.padding,...c(k,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...f?.opacityPrice&&{opacity:`${f?.opacityPrice}%`},...e({tdl:C.join(" ")})};return f?.enableHoverEffect?~~filterTruthyStyles~~(v):u(v)},~~getTextStyleInline~~=e=>{let t={...p(e?.typo),"word-break":"break-word",overflow:"hidden"};return ~~filterTruthyStyles~~(t)};export{getContainerStyle,getStyle,getTextStyle,getTextStyleInline};
1	+ import{makeStyleResponsive as e,makeStyle as t,makeGlobalSize as o,getGradientBgrStyleByDevice as r,getStyleBackgroundByDevice as a,composeTypographyStyle as l,getGlobalColorStyle as i,getGlobalColorStateStyle as n,makeLineClamp as d,getStyleShadow as s,getResponsiveStyleShadowWithoutState as p,composeRadiusResponsive as c,composeBorderResponsive as h,getSingleColorVariable as u,filterHoverVariables as g}from"@gem-sdk/core";import{formatThickness as m}from"./helpers.js";import{getBackgroundTranslated as b}from"../../helpers.js";import{Text as w}from"../settings/configs/translate.js";function y(e){return Object.fromEntries(Object.entries(e\|\|{}).filter(([,e])=>!!e))}let f=(o,r)=>{let a={...t({mr:o?.spacing,mb:o?.spacing}),...e("ta",o?.align),...r,"--dynamic-source-color":"#F4F4F4"};return y(a)},x=(t,o)=>{let{tagWidth:r}=o??{},a={...e("jc",t?.align),...r};return y(a)},k=({styles:f,setting:x,builderProps:k,pageContext:S,type:j="React"})=>{let C=x?.background;"Liquid"===j&&(C=b({background:C,uid:k?.uid,enableTranslate:!!w?.background?.id,pageContext:S,isTranslateVideo:!1}));let T=o(x?.globalSize),v=[f?.lineThrough&&"line-through",f?.typo?.attrs?.underline&&"underline"].filter(Boolean),B={...T?.width?.["--w"]?T.width:{"--w":"100%"},...t({tdc:u(f?.lineColor?.normal),tdt:m(f?.thickness)}),...h(f?.shapeBorder),...c(f?.shapeRounded),...p(f?.shapeBoxShadow,"box-shadow",f?.shapeBoxShadow),...s({value:f?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:f?.typo?.custom?.hasShadowText}),...e("ta",f?.textAlign),...e("line-clamp",d(f?.lineClamp,f?.hasLineClamp)),...f?.textColor?i(f.textColor):n("c",f?.color),...l(f?.typo,f?.typography),"word-break":"break-word",...a(C),...T.padding,...r(C,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...f?.opacityPrice&&{opacity:`${f?.opacityPrice}%`},...t({tdl:v.join(" ")})};return f?.enableHoverEffect?y(B):g(B)},S=e=>{let t={...l(e?.typo),"word-break":"break-word",overflow:"hidden"};return y(t)};export{x as getContainerStyle,f as getStyle,k as getTextStyle,S as getTextStyleInline};

package/dist/esm/text/components/Text.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as c,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as y}from"../common/classes.js";import{getDisplayText as g}from"../common/helpers.js";let Text=m(({styles:m,builderAttrs:h,style:j,setting:v,advanced:x,builderProps:D,className:T,children:N,disableEdit:k,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=v??{},M=o({...i({uid:D?.uid||""})}),R=o({...n(L)}),b=s({...c(m,j)}),q=s({...p(m,v)}),w=s({...d({styles:m,setting:v,builderProps:D})}),z=a({...f({setting:v,advanced:x,builderProps:D})}),A=a({...u({setting:v})}),B=a({...y({styles:m,setting:v,className:T,isEdit:E||H,disableEdit:k})}),C=g({type:"React",styles:m,setting:v,builderProps:D}),F=l(C);return e("div",{...M,...S,...h,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:F}})}),N]})});export{Text as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as c,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as y}from"../common/classes.js";import{getDisplayText as g}from"../common/helpers.js";let h=m(({styles:m,builderAttrs:h,style:j,setting:v,advanced:D,builderProps:x,className:N,children:T,disableEdit:k,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=v??{},M=o({...i({uid:x?.uid||""})}),R=o({...n(L)}),b=s({...c(m,j)}),q=s({...p(m,v)}),w=s({...d({styles:m,setting:v,builderProps:x})}),z=a({...f({setting:v,advanced:D,builderProps:x})}),A=a({...u({setting:v})}),B=a({...y({styles:m,setting:v,className:N,isEdit:E||H,disableEdit:k})}),C=g({type:"React",styles:m,setting:v,builderProps:x}),F=l(C);return e("div",{...M,...S,...h,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:F}})}),T]})});export{h as default};

package/dist/esm/text/components/Text.liquid.js CHANGED Viewed

@@ -1,17 +1,17 @@
-import{template as t}from"@gem-sdk/core";import{createAttr as o,createStyle as s,createClass as e,createContent as i}from"@gem-sdk/system";import{getAttr as r,getTextAttr as m}from"../common/attrs.js";import{getStyle as l,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as n,getTextClasses as a}from"../common/classes.js";import{getDisplayText as c}from"../common/helpers.js";let Text=({id:$,styles:u,builderAttrs:f,style:g,setting:y,advanced:j,builderProps:v,className:x,isText:q,pageContext:T,translateSetting:h,elementAttrs:k})=>{let{htmlTag:L="div",excludeFlex:I}=y??{},O=o({...$&&{id:$},...r({uid:v?.uidInteraction??v?.uid??""}),...f}),_=o({...m(),...k}),b=s({...l(u,g)}),w=s({...p(u,y)}),z=s({...d({styles:u,setting:y,builderProps:v,pageContext:T,type:"Liquid"})}),A=e({...n({setting:y,advanced:j,builderProps:v})}),B=e({"gp-flex":!I}),C=e({...a({styles:u,setting:y,className:x}),...q&&{"gp-text":!0}}),D=c({type:"Liquid",styles:u,setting:y,builderProps:v,pageContext:T,translateSetting:h}),E=i(D);return t`
+import{template as t}from"@gem-sdk/core";import{createAttr as o,createStyle as s,createClass as i,createContent as e}from"@gem-sdk/system";import{getAttr as r,getTextAttr as m}from"../common/attrs.js";import{getStyle as l,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as n,getTextClasses as a}from"../common/classes.js";import{getDisplayText as c}from"../common/helpers.js";let $=({id:$,styles:u,builderAttrs:f,style:g,setting:y,advanced:j,builderProps:v,className:x,isText:q,pageContext:h,translateSetting:k,elementAttrs:L})=>{let{htmlTag:T="div",excludeFlex:I}=y??{},O=o({...$&&{id:$},...r({uid:v?.uidInteraction??v?.uid??""}),...f}),_=o({...m(),...L}),b=s({...l(u,g)}),w=s({...p(u,y)}),z=s({...d({styles:u,setting:y,builderProps:v,pageContext:h,type:"Liquid"})}),A=i({...n({setting:y,advanced:j,builderProps:v})}),B=i({"gp-flex":!I}),C=i({...a({styles:u,setting:y,className:x}),...q&&{"gp-text":!0}}),D=c({type:"Liquid",styles:u,setting:y,builderProps:v,pageContext:h,translateSetting:k}),E=e(D);return t`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <div ${{...O}}
       class="${A}"
       style="${b}"
     >
       <div class="${B}" style="${w}">
-        <${L}
+        <${T}
           ${{..._}}
           class="${C}"
           style="${z}"
         >
           ${E}
-        </${L}>
+        </${T}>
       </div>
     </div>
-    `};export{Text as default};
+    `};export{$ as default};

package/dist/esm/text/components/TextInline.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import{composeClasses as e,cls as t,composeTypographyClassName as s}from"@gem-sdk/core";import{createClass as r,createStyle as m}from"@gem-sdk/system";import{getTextStyleInline as o}from"../common/styles.js";let TextInline=({styles:n,setting:l,className:p,elementAttrs:a,...i})=>{let{text:c}=l??{},$=r({...e(t(p,s(n?.typo)))}),j=()=>{let e=m({...o(n)}),t=Object.entries(e).map(([e,t])=>`${e}:${t}`).join(";");return t};return`
+import{composeClasses as e,cls as t,composeTypographyClassName as s}from"@gem-sdk/core";import{createClass as r,createStyle as m}from"@gem-sdk/system";import{getTextStyleInline as o}from"../common/styles.js";let n=({styles:n,setting:l,className:p,elementAttrs:a,...c})=>{let{text:i}=l??{},$=r({...e(t(p,s(n?.typo)))});return`
     <span
       [object Object]
       class="${$}"
-      style="${j()}"
+      style="${(()=>{let e=m({...o(n)}),t=Object.entries(e).map(([e,t])=>`${e}:${t}`).join(";");return t})()}"
       element-attrs='${a?.debugText}'
     >
-      ${c}
+      ${i}
     </span>
-  `};export{TextInline as default};
+  `};export{n as default};

package/dist/esm/text/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/Text.js";let ~~textSetting~~={Text:t};export{textSetting};
1	+ import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/Text.js";let e={Text:t};export{e as textSetting};

package/dist/esm/text/next.js CHANGED Viewed

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

package/dist/esm/text/settings/Text.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import{SettingUIV2 as e}from"./configs/ui-v2.js";import{TextSettings as t}from"./configs/settings.js";import{TextPreset as C}from"./configs/presets.js";let config={tag:"Text",label:"Text Block",icon:`
+import{SettingUIV2 as e}from"./configs/ui-v2.js";import{TextSettings as t}from"./configs/settings.js";import{TextPreset as C}from"./configs/presets.js";let i={tag:"Text",label:"Text Block",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="M5.19448 7H6.59995L10.2944 16.4858H8.55837L7.53884 13.7231H4.25559L3.23606 16.4858H1.5L5.19448 7ZM5.8937 9.30461L4.78109 12.2986H7.00631L5.8937 9.30461ZM13.0014 9.0633C13.3404 8.98396 13.714 8.94562 14.1203 8.94562C14.6354 8.94562 15.1134 9.02321 15.5514 9.18267C16.0081 9.34283 16.3829 9.6099 16.6621 9.98863C16.9537 10.3842 17.0848 10.8908 17.0848 11.477V16.4858H15.501V15.9596L15.4704 15.9848C15.2475 16.1701 14.9804 16.3168 14.6752 16.4294L14.6716 16.4307C14.3527 16.5435 13.9891 16.5961 13.5859 16.5961C12.8234 16.5961 12.1737 16.3941 11.6632 15.9628L11.6619 15.9617C11.1431 15.5184 10.8815 14.9216 10.8815 14.2009C10.8815 13.5177 11.1427 12.952 11.65 12.529C12.1598 12.0996 12.8743 11.9095 13.7476 11.9095H15.4588V11.4965C15.4588 11.096 15.3369 10.8544 15.1311 10.7025C14.8926 10.5265 14.5489 10.422 14.0711 10.422C13.7425 10.422 13.4942 10.4592 13.3154 10.5222C13.1325 10.5883 13.0096 10.671 12.9295 10.759C12.8408 10.8573 12.7807 10.9623 12.7443 11.0752L12.6748 11.291H11.1355L11.1715 10.9367C11.2043 10.6142 11.2985 10.3203 11.4585 10.0619L11.4612 10.0576C11.6238 9.80424 11.8375 9.5961 12.0963 9.43184C12.3587 9.26403 12.662 9.14273 13.0014 9.0633ZM13.7687 13.3339C13.2451 13.3339 12.9423 13.444 12.7857 13.5912C12.6157 13.7511 12.5356 13.9405 12.5356 14.1814C12.5356 14.5079 12.6483 14.7173 12.8701 14.8617C13.1355 15.0345 13.4525 15.1262 13.832 15.1262C14.1616 15.1262 14.4439 15.064 14.6849 14.9475C14.9356 14.8243 15.1231 14.664 15.2579 14.4704L15.2603 14.4671C15.3934 14.2812 15.4588 14.075 15.4588 13.8377V13.3339H13.7687ZM19.9323 8.3429C19.6012 8.3429 19.3328 8.62932 19.3328 8.98264C19.3328 9.33596 19.6012 9.62238 19.9323 9.62238H20.3169V15.7205H19.9323C19.6012 15.7205 19.3328 16.0069 19.3328 16.3603C19.3328 16.7136 19.6012 17 19.9323 17H21.9006C22.2316 17 22.5 16.7136 22.5 16.3603C22.5 16.0069 22.2316 15.7205 21.9006 15.7205H21.5157V9.62238H21.9006C22.2316 9.62238 22.5 9.33596 22.5 8.98264C22.5 8.62932 22.2316 8.3429 21.9006 8.3429H20.9163H19.9323Z" fill="white"/>
   </svg>
-  `,settings:t,ui:[],uiV2:e,advanced:{},presets:C,rootOverride:{styles:{align:{desktop:"center"}},settings:{globalSize:{desktop:{padding:{type:"custom"},width:"1200px",gap:""}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};
+  `,settings:t,ui:[],uiV2:e,advanced:{},presets:C,rootOverride:{styles:{align:{desktop:"center"}},settings:{globalSize:{desktop:{padding:{type:"custom"},width:"1200px",gap:""}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{i as default};

package/dist/esm/text/settings/configs/presets.js CHANGED Viewed

@@ -1,3 +1,3 @@
-let TextPreset=[{id:"text",name:"Text Block",icon:{desktop:`<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+let t=[{id:"text",name:"Text Block",icon:{desktop:`<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M0.728516 15V13.4961L2.28125 13.2031V2.58789L0.728516 2.29492V0.78125H2.28125H7.39844C8.45964 0.78125 9.36784 0.966797 10.123 1.33789C10.8848 1.70898 11.4674 2.22656 11.8711 2.89062C12.2747 3.54818 12.4766 4.31966 12.4766 5.20508C12.4766 6.09049 12.2747 6.86523 11.8711 7.5293C11.4674 8.18685 10.8848 8.69792 10.123 9.0625C9.36784 9.42708 8.45964 9.60938 7.39844 9.60938H4.74219V13.2031L6.29492 13.4961V15H0.728516ZM4.74219 7.70508H7.39844C8.27083 7.70508 8.92513 7.4707 9.36133 7.00195C9.79753 6.5332 10.0156 5.94076 10.0156 5.22461C10.0156 4.49544 9.79753 3.88997 9.36133 3.4082C8.92513 2.92643 8.27083 2.68555 7.39844 2.68555H4.74219V7.70508Z" fill="#D6D6D6"/>
-        </svg>`},components:[{tag:"Text",advanced:{editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"},"spacing-setting":{desktop:{margin:{bottom:0}}}}}],flowTagComponents:{Marquee:[{tag:"Text",settings:{text:"Lorem ipsum dolor sit amet"},advanced:{editorData:{rootClassName:"{{rootClassName}}",css:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"}}}]}}];export{TextPreset};
+        </svg>`},components:[{tag:"Text",advanced:{editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"},"spacing-setting":{desktop:{margin:{bottom:0}}}}}],flowTagComponents:{Marquee:[{tag:"Text",settings:{text:"Lorem ipsum dolor sit amet"},advanced:{editorData:{rootClassName:"{{rootClassName}}",css:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"}}}]}}];export{t as TextPreset};

package/dist/esm/text/settings/configs/settings.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{BackgroundSettingValidate as e}from"../../../validates/background.js";let ~~TextSettings~~=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Replace this text with your content"}]},{id:"translateSetting",type:"input",label:"Translate",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},validate:e,compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1",transform:"none",isAlwaysLoadBold:!1}},ignoreReRender:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"align",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:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{TextSettings};
1	+ import{BackgroundSettingValidate as e}from"../../../validates/background.js";let t=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Replace this text with your content"}]},{id:"translateSetting",type:"input",label:"Translate",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},validate:e,compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1",transform:"none",isAlwaysLoadBold:!1}},ignoreReRender:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"align",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:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{t as TextSettings};

package/dist/esm/text/settings/configs/translate.js CHANGED Viewed

	@@ -1 +1 @@
1	- let ~~Text~~={text:{id:"text"},background:{id:"background",fields:["image.src"]}};export{Text};
1	+ let e={text:{id:"text"},background:{id:"background",fields:["image.src"]}};export{e as Text};

package/dist/esm/text/settings/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let ~~SettingUIV2~~=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
1	+ let t=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{t as SettingUIV2};

package/dist/esm/textarea/components/Textarea.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{cls as t,makeStyleResponsive as r}from"@gem-sdk/core";let TextArea=({children:l,className:a,required:i,setting:o={},advanced:d,builderProps:s})=>{let{width:p,height:g,fontSize:b,align:x,disabled:c,placeholder:m}=o;return e("div",{"data-id":s?.uid,className:t({"gp-text-right":x?.desktop==="right","tablet:gp-text-right":x?.tablet==="right","mobile:gp-text-right":x?.mobile==="right","gp-text-left":x?.desktop==="left","tablet:gp-text-left":x?.tablet==="left","mobile:gp-text-left":x?.mobile==="left","gp-text-center":x?.desktop==="center","tablet:gp-text-center":x?.tablet==="center","mobile:gp-text-center":x?.mobile==="center"}),children:e("textarea",{className:t("border border-solid",a,d?.cssClass),style:{...r("w",p),...r("h",g),...r("size",b)},placeholder:m,disabled:c,required:i,children:l})})};TextArea.defaultProps={};export{TextArea as default};
+import{jsx as e}from"react/jsx-runtime";import{makeStyleResponsive as t,cls as r}from"@gem-sdk/core";let l=({children:l,className:i,required:a,setting:o={},advanced:d,builderProps:s})=>{let{width:p,height:g,fontSize:b,align:c,disabled:m,placeholder:x}=o;return e("div",{"data-id":s?.uid,className:r({"gp-text-right":c?.desktop==="right","tablet:gp-text-right":c?.tablet==="right","mobile:gp-text-right":c?.mobile==="right","gp-text-left":c?.desktop==="left","tablet:gp-text-left":c?.tablet==="left","mobile:gp-text-left":c?.mobile==="left","gp-text-center":c?.desktop==="center","tablet:gp-text-center":c?.tablet==="center","mobile:gp-text-center":c?.mobile==="center"}),children:e("textarea",{className:r("border border-solid",i,d?.cssClass),style:{...t("w",p),...t("h",g),...t("size",b)},placeholder:x,disabled:m,required:a,children:l})})};l.defaultProps={};export{l as default};

package/dist/esm/textarea/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{default as Textarea}from"./components/Textarea.js";import e from"./settings/Textarea.js";let ~~textareaSetting~~={Textarea:e};export{textareaSetting};
1	+ export{default as Textarea}from"./components/Textarea.js";import e from"./settings/Textarea.js";let t={Textarea:e};export{t as textareaSetting};

package/dist/esm/textarea/next.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t from"next/dynamic";import e from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let ~~Textarea~~=t(()=>import("./components/Textarea.js"),{loading:e});var ~~textarea~~={Textarea};export{~~textarea~~ as default};
1	+ import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let r=o(()=>import("./components/Textarea.js"),{loading:t});var e={Textarea:r};export{e as default};

package/dist/esm/textarea/settings/Textarea.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import{TextareaSettings as C}from"./configs/settings.js";let config={tag:"Textarea",label:"Textarea",icon:`
+import{TextareaSettings as C}from"./configs/settings.js";let t={tag:"Textarea",label:"Textarea",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M36.333 29.3333H32.833H3.66634V10.6666H36.333V29.3333ZM1.33301 31.1666C1.33301 31.4427 1.55687 31.6666 1.83301 31.6666H38.1663C38.4425 31.6666 38.6663 31.4427 38.6663 31.1666V8.83325C38.6663 8.55711 38.4425 8.33325 38.1663 8.33325H1.83301C1.55687 8.33325 1.33301 8.55711 1.33301 8.83325V31.1666Z" fill="currentColor"/>
     <path d="M17.6665 22.3183H13.9236L13.4221 23.7382C13.3515 23.938 13.1626 24.0716 12.9507 24.0716H11.6832C11.5094 24.0716 11.3886 23.8987 11.4484 23.7355L14.5843 15.1848C14.6565 14.9879 14.844 14.8569 15.0537 14.8569H16.5498C16.7596 14.8569 16.9471 14.9879 17.0193 15.1848L20.1551 23.7355C20.2149 23.8987 20.0942 24.0716 19.9204 24.0716H18.6394C18.4275 24.0716 18.2386 23.938 18.168 23.7382L17.6665 22.3183ZM17.1548 20.8419L15.795 16.9925L14.4352 20.8419H17.1548Z" fill="currentColor"/>
     <path d="M21.0568 20.3937C21.0568 19.6554 21.2049 19.0007 21.5011 18.4294C21.8063 17.8582 22.2147 17.4188 22.7263 17.1112C23.2469 16.8036 23.8258 16.6498 24.4631 16.6498C25.0195 16.6498 25.5042 16.7596 25.9171 16.9793C26.339 17.1991 26.6755 17.4759 26.9269 17.8099V17.2684C26.9269 16.9923 27.1507 16.7684 27.4269 16.7684H28.3252C28.6013 16.7684 28.8252 16.9923 28.8252 17.2684V23.5716C28.8252 23.8478 28.6013 24.0716 28.3252 24.0716H27.4269C27.1507 24.0716 26.9269 23.8478 26.9269 23.5716V23.0038C26.6845 23.3466 26.3479 23.6322 25.9171 23.8607C25.4953 24.0804 25.0061 24.1903 24.4496 24.1903C23.8213 24.1903 23.2469 24.0321 22.7263 23.7157C22.2147 23.3993 21.8063 22.9555 21.5011 22.3842C21.2049 21.8042 21.0568 21.1407 21.0568 20.3937ZM26.9269 20.42C26.9269 19.9718 26.8371 19.5895 26.6576 19.2731C26.4781 18.948 26.2357 18.7019 25.9306 18.5349C25.6254 18.3591 25.2978 18.2712 24.9477 18.2712C24.5977 18.2712 24.2746 18.3547 23.9784 18.5217C23.6822 18.6887 23.4398 18.9348 23.2513 19.2599C23.0718 19.5763 22.9821 19.9542 22.9821 20.3937C22.9821 20.8331 23.0718 21.2198 23.2513 21.5537C23.4398 21.8789 23.6822 22.1294 23.9784 22.3051C24.2835 22.4809 24.6067 22.5688 24.9477 22.5688C25.2978 22.5688 25.6254 22.4853 25.9306 22.3183C26.2357 22.1426 26.4781 21.8965 26.6576 21.5801C26.8371 21.2549 26.9269 20.8682 26.9269 20.42Z" fill="currentColor"/>
   </svg>
-  `,settings:C};export{config as default};
+  `,settings:C};export{t as default};