@gem-sdk/components 4.0.14 → 4.0.16
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.
- package/dist/cjs/collection/components/collection-description/CollectionDescription.js +1 -1
- package/dist/cjs/collection/components/collection-description/CollectionDescription.liquid.js +4 -5
- package/dist/cjs/collection/components/collection-description/common/styles.js +6 -6
- package/dist/cjs/estimate-delivery/settings/configs/settings.js +1 -1
- package/dist/cjs/product/components/product-description/ProductDescription.js +1 -1
- package/dist/cjs/product/components/product-description/ProductDescription.liquid.js +1 -1
- package/dist/cjs/product/components/product-description/common/styles.js +10 -9
- package/dist/esm/collection/components/collection-description/CollectionDescription.js +1 -1
- package/dist/esm/collection/components/collection-description/CollectionDescription.liquid.js +12 -13
- package/dist/esm/collection/components/collection-description/common/styles.js +7 -7
- package/dist/esm/estimate-delivery/settings/configs/settings.js +1 -1
- package/dist/esm/product/components/product-description/ProductDescription.js +1 -1
- package/dist/esm/product/components/product-description/ProductDescription.liquid.js +1 -1
- package/dist/esm/product/components/product-description/common/styles.js +11 -10
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),system=require("@gem-sdk/system"),helpers=require("./common/helpers.js"),useDescription=require("../../hooks/useDescription.js");const DescriptionNotFoundString="This collection does not have a description",CollectionDescription=({setting:e,builderProps:s,pageContext:t,advanced:l})=>{let r=core.useCollection(),{ref:i,open:a,isShowViewMore:n,handleToggleShowMore:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),system=require("@gem-sdk/system"),helpers=require("./common/helpers.js"),useDescription=require("../../hooks/useDescription.js");const DescriptionNotFoundString="This collection does not have a description",CollectionDescription=({setting:e,builderProps:s,pageContext:t,advanced:l})=>{let r=core.useCollection(),{ref:i,open:a,isShowViewMore:n,handleToggleShowMore:o,hasLineClamp:c}=useDescription.useGpDescription(e),m=r?.descriptionHtml,u=system.createClass(classes.getClassContainerCollectionDes({setting:e})),y=system.createClass(classes.getClassEmptyCollectionDes()),p=system.createClass(classes.getClassButtonViewMore({setting:e})),d=system.createClass(classes.getDescriptionClasses({advanced:l})),x=system.createClass({...classes.getShowMoreIconClasses(),...a?{"gp-rotate-180":!0}:{}}),C=system.createClass(classes.getShowMoreTextClasses()),j=system.createClass(classes.getClassPreBuilt()),g=system.createStyle({...styles.getDefaultStyleCollectionDes({setting:e}),...a?{}:core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp))}),h=system.createStyle({...styles.getStyleDefaultViewMore(e)}),S=helpers.getViewLessText({setting:e,builderProps:s,pageContext:t,type:"react"}),D=helpers.getViewMoreText({setting:e,builderProps:s,pageContext:t,type:"react"}),R=system.createAttr({"data-id":`${s?.uid}`}),I=system.createAttr({"data-gp-text":""}),{gpDescriptionCss:M}=styles.getStaticCss();return jsxRuntime.jsx(jsxRuntime.Fragment,{children:system.If(!m,jsxRuntime.jsx("div",{className:y,dangerouslySetInnerHTML:{__html:"This collection does not have a description"}}),jsxRuntime.jsxs("div",{...R,className:d,children:[jsxRuntime.jsx("style",{children:M}),jsxRuntime.jsx("div",{className:j}),jsxRuntime.jsx("div",{ref:i,className:u,style:g,dangerouslySetInnerHTML:{__html:r?.descriptionHtml??""},...I}),system.If(c&&n,jsxRuntime.jsxs("button",{type:"button",className:p,style:h,onClick:o,children:[jsxRuntime.jsx("span",{className:C,children:system.If(a,S?.toString()??"",D?.toString()??"")}),system.If(e?.enableViewMoreIcon,jsxRuntime.jsx("span",{className:x,dangerouslySetInnerHTML:{__html:helpers.ICON_SVG}}),"")]}),"")]}))})};exports.default=CollectionDescription;
|
package/dist/cjs/collection/components/collection-description/CollectionDescription.liquid.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),styles=require("./common/styles.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),helpers=require("./common/helpers.js");const CollectionDescription=({setting:e,advanced:s,builderProps:t,pageContext:l})=>{let i=system.createClass(classes.getClassContainerCollectionDes({setting:e})),r=system.createClass(classes.getClassButtonViewMore({setting:e})),a=system.createClass(classes.getDescriptionClasses({advanced:s})),o=system.createClass(classes.getShowMoreIconClasses()),c=system.createClass(classes.getShowMoreTextClasses()),n=system.createClass(classes.getClassPreBuilt()),p=system.createStyle({...styles.getDefaultStyleCollectionDes({setting:e}),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp))}),m=system.createStyle({...styles.getStyleDefaultViewMore(e)}),y=helpers.getViewLessText({setting:e,builderProps:t,pageContext:l,type:"liquid"}),d=helpers.getViewMoreText({setting:e,builderProps:t,pageContext:l,type:"liquid"}),$=system.createAttr({"data-id":`${t?.uid}`,"view-more-text":`${l?.isPreviewing?d:`{{${d}}}`}`,"view-less-text":`${l?.isPreviewing?y:`{{${y}}}`}`}),g=system.createAttr({"data-gp-text":""}),{gpDescriptionCss:C
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),styles=require("./common/styles.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),helpers=require("./common/helpers.js");const CollectionDescription=({setting:e,advanced:s,builderProps:t,pageContext:l})=>{let i=system.createClass(classes.getClassContainerCollectionDes({setting:e})),r=system.createClass(classes.getClassButtonViewMore({setting:e})),a=system.createClass(classes.getDescriptionClasses({advanced:s})),o=system.createClass(classes.getShowMoreIconClasses()),c=system.createClass(classes.getShowMoreTextClasses()),n=system.createClass(classes.getClassPreBuilt()),p=system.createStyle({...styles.getDefaultStyleCollectionDes({setting:e}),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp))}),m=system.createStyle({...styles.getStyleDefaultViewMore(e)}),y=helpers.getViewLessText({setting:e,builderProps:t,pageContext:l,type:"liquid"}),d=helpers.getViewMoreText({setting:e,builderProps:t,pageContext:l,type:"liquid"}),$=system.createAttr({"data-id":`${t?.uid}`,"view-more-text":`${l?.isPreviewing?d:`{{${d}}}`}`,"view-less-text":`${l?.isPreviewing?y:`{{${y}}}`}`}),g=system.createAttr({"data-gp-text":""}),{gpDescriptionCss:C}=styles.getStaticCss(),u=system.createStateOrContext({setting:{lineClamp:e?.lineClamp,hasLineClamp:e?.hasLineClamp,viewMoreText:d,viewLessText:y,enableViewMoreIcon:e?.enableViewMoreIcon},textStyle:p}),v=()=>{let e=core.isLocalEnv?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-collection-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return system.If(!1,"",system.Liquid(core.template`
|
|
2
2
|
<gp-collection-description
|
|
3
3
|
${$}
|
|
4
4
|
class="${a}"
|
|
5
|
-
gp-data='${JSON.stringify(
|
|
5
|
+
gp-data='${JSON.stringify(u).replaceAll("'","'")}'
|
|
6
6
|
>
|
|
7
|
-
<style>${
|
|
8
|
-
${system.If(!core.isSafari(),`<style>${C}</style>`," ")}
|
|
7
|
+
<style>${C}</style>
|
|
9
8
|
<div class="${n}" ></div>
|
|
10
9
|
${system.LiquidUnless("collection","<p>Collection not found</p>",core.template`<div ${g} class="${i}" style="${p}">
|
|
11
10
|
{{collection.description}}
|
|
@@ -17,5 +16,5 @@
|
|
|
17
16
|
${system.If(e?.enableViewMoreIcon,core.template`<span class="${o}">${helpers.ICON_SVG}</span>`," ")}
|
|
18
17
|
</button>`)}`)}
|
|
19
18
|
</gp-collection-description>
|
|
20
|
-
${
|
|
19
|
+
${v()}
|
|
21
20
|
`))};exports.default=CollectionDescription;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js"),helpers$1=require("./helpers.js");const getMaxHeightStyleDefault=e=>{let t={desktop:"none"},o=["desktop","mobile","tablet"];o.forEach(o=>{let l=core.getResponsiveValueByScreen(e?.lineClamp,o),r=core.getResponsiveValueByScreen(e?.hasLineClamp,o),s=r&&l?`${l*helpers$1.DESCRIPTION_LINE_HEIGHT_DEFAULT}px`:"none";t={...t,[o]:s}});let l=core.makeStyleResponsive("maxh",t);return l},getDefaultStyleCollectionDes=({setting:e,renderMaxHeight:t})=>{let o=core.composeTypographyStyle(e?.typo,e?.typography);return core.filterTruthyStyles({...core.getStyleShadow({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText}),...core.makeStyleResponsive("ta",e?.textAlign),...core.makeStyle({tt:e?.transform}),...o,...t&&getMaxHeightStyleDefault(e)})},getStyleDefaultViewMore=e=>{let t=core.composeTypographyStyle(e?.typo,e?.typography),o=()=>helpers.getDisplayStyle(t=>{let o=e?.hasLineClamp?.[t];return!!e?.hasLineClamp&&void 0!==o&&!o},"inline-flex");return{...core.makeStyle({tt:e?.transform}),...core.makeStyleResponsive("jc",e?.textAlign),...t,...core.getGlobalColorStyle(e?.showMoreColor),...o()}},getStaticCss=()=>{let e=`
|
|
2
|
-
.gp-p-description-text >
|
|
2
|
+
.gp-p-description-text > :not(ol, ul, table, div, style, script) {
|
|
3
3
|
display: inline !important;
|
|
4
4
|
}
|
|
5
5
|
.gp-p-description-text > *:not(ol):not(ul):not(table):not(div):not(style):not(script)::after {
|
|
6
|
-
content: "
|
|
7
|
-
|
|
6
|
+
content: "";
|
|
7
|
+
display: block;
|
|
8
8
|
}
|
|
9
9
|
.gp-p-description-text > table {
|
|
10
10
|
box-shadow: none;
|
|
11
11
|
}
|
|
12
|
-
|
|
13
|
-
.p-description-wrapper.gp-p-description-text * {
|
|
12
|
+
.p-description-wrapper.gp-p-description-text * {
|
|
14
13
|
color: inherit;
|
|
15
14
|
line-height: inherit !important;
|
|
16
|
-
}
|
|
15
|
+
}
|
|
16
|
+
`;return{gpDescriptionCss:e}};exports.getDefaultStyleCollectionDes=getDefaultStyleCollectionDes,exports.getMaxHeightStyleDefault=getMaxHeightStyleDefault,exports.getStaticCss=getStaticCss,exports.getStyleDefaultViewMore=getStyleDefaultViewMore;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var helpers=require("../../common/helpers.js");const EstimateDateSettings=[{id:"setting",controls:[{id:"enableCustomText",label:"",type:"toggle",default:!0},{id:"customTextContainer",type:"group",controls:[{id:"customText",type:"input",default:"Estimate delivery between"}]},{id:"estimateDays",type:"group",controls:[{id:"typeEstimate",type:"group",controls:[{id:"typeEstimate",label:"Type",type:"option:value",default:helpers.ESTIMATE_DAYS.RANGE,options:[{label:"Specific",value:helpers.ESTIMATE_DAYS.SPECIFIC},{label:"Range",value:helpers.ESTIMATE_DAYS.RANGE}]},{id:"minEstimate",label:"Min estimate",type:"input:unit",default:2,emptyOnClear:!1,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,min:1,max:99969999,fallbackValue:2},{id:"maxEstimate",label:"Max estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:1,max:99969999,fallbackValue:5},{id:"estimateTime",label:"Estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:0,max:99969999,fallbackValue:5}]}]},{id:"dateFormat",type:"group",controls:[{id:"typeFormat",label:"Type",type:"select",default:helpers.listFormatDate().FORMAT_1.value,options:[{label:helpers.listFormatDate().FORMAT_1.Label,value:helpers.listFormatDate().FORMAT_1.value},{label:helpers.listFormatDate().FORMAT_2.Label,value:helpers.listFormatDate().FORMAT_2.value},{label:helpers.listFormatDate().FORMAT_3.Label,value:helpers.listFormatDate().FORMAT_3.value},{label:helpers.listFormatDate().FORMAT_4.Label,value:helpers.listFormatDate().FORMAT_4.value},{label:helpers.listFormatDate().FORMAT_5.Label,value:helpers.listFormatDate().FORMAT_5.value},{label:helpers.listFormatDate().FORMAT_6.Label,value:helpers.listFormatDate().FORMAT_6.Label}]},{id:"customFormat",label:"Custom format",type:"input",default:"",placeholder:"Eg: %d, %b, %y"},{id:"moreFormat",type:"group"}]},{id:"visibilityContainer",type:"group",controls:[{id:"visibility",type:"childrens"},{id:"ifOutOfStock",label:"If out of stock",type:"option:value",default:helpers.OUT_OF_STOCK.
|
|
1
|
+
"use strict";var helpers=require("../../common/helpers.js");const EstimateDateSettings=[{id:"setting",controls:[{id:"enableCustomText",label:"",type:"toggle",default:!0},{id:"customTextContainer",type:"group",controls:[{id:"customText",type:"input",default:"Estimate delivery between"}]},{id:"estimateDays",type:"group",controls:[{id:"typeEstimate",type:"group",controls:[{id:"typeEstimate",label:"Type",type:"option:value",default:helpers.ESTIMATE_DAYS.RANGE,options:[{label:"Specific",value:helpers.ESTIMATE_DAYS.SPECIFIC},{label:"Range",value:helpers.ESTIMATE_DAYS.RANGE}]},{id:"minEstimate",label:"Min estimate",type:"input:unit",default:2,emptyOnClear:!1,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,min:1,max:99969999,fallbackValue:2},{id:"maxEstimate",label:"Max estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:1,max:99969999,fallbackValue:5},{id:"estimateTime",label:"Estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:0,max:99969999,fallbackValue:5}]}]},{id:"dateFormat",type:"group",controls:[{id:"typeFormat",label:"Type",type:"select",default:helpers.listFormatDate().FORMAT_1.value,options:[{label:helpers.listFormatDate().FORMAT_1.Label,value:helpers.listFormatDate().FORMAT_1.value},{label:helpers.listFormatDate().FORMAT_2.Label,value:helpers.listFormatDate().FORMAT_2.value},{label:helpers.listFormatDate().FORMAT_3.Label,value:helpers.listFormatDate().FORMAT_3.value},{label:helpers.listFormatDate().FORMAT_4.Label,value:helpers.listFormatDate().FORMAT_4.value},{label:helpers.listFormatDate().FORMAT_5.Label,value:helpers.listFormatDate().FORMAT_5.value},{label:helpers.listFormatDate().FORMAT_6.Label,value:helpers.listFormatDate().FORMAT_6.Label}]},{id:"customFormat",label:"Custom format",type:"input",default:"",placeholder:"Eg: %d, %b, %y"},{id:"moreFormat",type:"group"}]},{id:"visibilityContainer",type:"group",controls:[{id:"visibility",type:"childrens"},{id:"ifOutOfStock",label:"If out of stock",type:"option:value",default:helpers.OUT_OF_STOCK.SHOW,options:[{label:"Show",value:helpers.OUT_OF_STOCK.SHOW},{label:"Hide",value:helpers.OUT_OF_STOCK.HIDE}]}]},{id:"translate",type:"input",default:"customText"},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%"}}},settingConfig:{width:{displayOptions:["full","auto"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}}},hiddenSettings:["shape","gap","height"]},{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:"#FFFFFF",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}}}}]},{id:"style",controls:[{id:"typoCustom",type:"typography-v2",default:{type:"paragraph-2",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{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:"typoDate",type:"typography-v2",default:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}}},{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}}}}]}];exports.EstimateDateSettings=EstimateDateSettings;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),NoDataState=require("../../../common/components/NoDataState.js"),helpers=require("./common/helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),useGpDescription=require("./hooks/useGpDescription.js");const ProductDescription=e=>{let{setting:s,advanced:t,builderProps:r}=e,{htmlTag:i}=s??{},a="html"===i?"div":"p",c=core.useProduct(),l=core.useCurrentDevice(),n=core.getResponsiveValueByScreen(s?.hasLineClamp,l),{ref:o,open:m,isShowViewMore:u,handleToggleShowMore:p,mode:d,redirectProductShopifyLink:y}=useGpDescription.useGpDescription(s),x=system.createClass({"gp-product-description":!0,[t?.cssClass]:!0}),j=system.createClass(classes.getClasses({setting:s,isLiquid:!1})),g=system.createClass(classes.getButtonClasses({setting:s})),h=system.createClass({"gp-show-more-text":!0}),C=system.createClass({"gp-show-more-icon gp-ml-1":!0,...m?{"gp-rotate-180":!0}:{}}),R=system.createClass(classes.getClassPreBuilt()),S=system.createStyle({...styles.getTextStyle({setting:s}),...m?{}:core.makeStyleResponsive("line-clamp",core.makeLineClamp(s?.lineClamp,s?.hasLineClamp))}),
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),NoDataState=require("../../../common/components/NoDataState.js"),helpers=require("./common/helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),useGpDescription=require("./hooks/useGpDescription.js");const ProductDescription=e=>{let{setting:s,advanced:t,builderProps:r}=e,{htmlTag:i}=s??{},a="html"===i?"div":"p",c=core.useProduct(),l=core.useCurrentDevice(),n=core.getResponsiveValueByScreen(s?.hasLineClamp,l),{ref:o,open:m,isShowViewMore:u,handleToggleShowMore:p,mode:d,redirectProductShopifyLink:y}=useGpDescription.useGpDescription(s),x=system.createClass({"gp-product-description":!0,[t?.cssClass]:!0}),j=system.createClass(classes.getClasses({setting:s,isLiquid:!1})),g=system.createClass(classes.getButtonClasses({setting:s})),h=system.createClass({"gp-show-more-text":!0}),C=system.createClass({"gp-show-more-icon gp-ml-1":!0,...m?{"gp-rotate-180":!0}:{}}),R=system.createClass(classes.getClassPreBuilt()),S=system.createStyle({...styles.getTextStyle({setting:s}),...m?{}:core.makeStyleResponsive("line-clamp",core.makeLineClamp(s?.lineClamp,s?.hasLineClamp))}),v=system.createStyle(styles.getButtonStyle({setting:s})),D=system.createAttr({"data-id":`${r?.uid}`}),N=system.createAttr({"data-gp-text":""}),{gpDescriptionCss:f}=styles.getStaticCss(),k=!c?.descriptionHtml;return k&&"edit"===d?jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:"Highlight key benefits with product description.",descriptionActions:[{text:"Add description",callback:y},{text:"sync data",callback:"syncProduct"}]}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:system.If(k,"",jsxRuntime.jsxs("div",{...D,className:x,children:[jsxRuntime.jsx("style",{children:f}),jsxRuntime.jsx("div",{className:R}),jsxRuntime.jsx(a,{ref:o,...N,className:j,style:S,dangerouslySetInnerHTML:{__html:c?.descriptionHtml||""}}),system.If(n&&u,jsxRuntime.jsxs("button",{className:g,style:v,onClick:p,children:[jsxRuntime.jsx("span",{className:h,children:system.If(m,s?.viewLessText||"",s?.viewMoreText)}),system.If(s?.enableViewMoreIcon,jsxRuntime.jsx("span",{className:C,dangerouslySetInnerHTML:{__html:helpers.ICON_SVG}}))]})," ")]}))})};exports.default=ProductDescription;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js");const ProductDescription=e=>{let{setting:s,advanced:t,builderProps:r,pageContext:a}=e,{htmlTag:l,translate:i,viewMoreText:c,viewLessText:o}=s??{},p="html"===l?"div":"p",n=system.createClass({"gp-product-description":!0,[t?.cssClass]:!0}),d=system.createClass(classes.getClasses({setting:s,isLiquid:!0})),m=system.createClass(classes.getButtonClasses({setting:s})),u=system.createClass({"gp-show-more-text":!0}),y=system.createClass({"gp-show-more-icon gp-ml-1":!0}),g=system.createStyle({...styles.getTextStyle({setting:s,renderMaxHeight:!0}),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(s?.lineClamp,s?.hasLineClamp))}),$=system.createClass(classes.getClassPreBuilt()),v=system.createStyle(styles.getButtonStyle({setting:s})),C=system.createAttr({"data-id":`${r?.uid}`}),S=system.createAttr({"data-gp-text":""}),{
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js");const ProductDescription=e=>{let{setting:s,advanced:t,builderProps:r,pageContext:a}=e,{htmlTag:l,translate:i,viewMoreText:c,viewLessText:o}=s??{},p="html"===l?"div":"p",n=system.createClass({"gp-product-description":!0,[t?.cssClass]:!0}),d=system.createClass(classes.getClasses({setting:s,isLiquid:!0})),m=system.createClass(classes.getButtonClasses({setting:s})),u=system.createClass({"gp-show-more-text":!0}),y=system.createClass({"gp-show-more-icon gp-ml-1":!0}),g=system.createStyle({...styles.getTextStyle({setting:s,renderMaxHeight:!0}),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(s?.lineClamp,s?.hasLineClamp))}),$=system.createClass(classes.getClassPreBuilt()),v=system.createStyle(styles.getButtonStyle({setting:s})),C=system.createAttr({"data-id":`${r?.uid}`}),S=system.createAttr({"data-gp-text":""}),{gpDescriptionCss:h}=styles.getStaticCss(),L="product.description == blank",x=()=>{let e=core.isLocalEnv?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},w=system.createStateOrContext({setting:{lineClamp:s?.lineClamp,hasLineClamp:s?.hasLineClamp,viewMoreText:s?.viewMoreText,viewLessText:s?.viewLessText,enableViewMoreIcon:s?.enableViewMoreIcon},textStyle:g}),q=helpers.getDynamicSourceLocales({val:c,uid:r?.uid,settingId:"viewMoreText",pageContext:a,translate:i}),f=helpers.getDynamicSourceLocales({val:o,uid:r?.uid,settingId:"viewLessText",pageContext:a,translate:i});return system.LiquidIf(L,"",system.Liquid(core.template`
|
|
2
2
|
<gp-product-description
|
|
3
3
|
${C}
|
|
4
4
|
class="${n}"
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");const devices=["desktop","mobile","tablet"],getDisplayStyle=(e,t)=>{let o={};return devices.forEach(l=>{o={...o,[`--d${"desktop"===l?"":`-${l}`}`]:`${e(l)?"none":t}`}}),o},getTextStyle=({setting:e,renderMaxHeight:t})=>{let o=core.composeTypographyStyle(e?.typo,e?.typography),l={...core.getStyleShadow({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText}),...core.makeStyleResponsive("ta",e?.textAlign),...core.getGlobalColorStyle(e?.color),...core.makeStyle({tt:e?.transform}),...o,...t&&getMaxHeightStyleDefault(e)};return core.filterTruthyStyles(l)},getButtonStyle=({setting:e})=>{let t=core.composeTypographyStyle(e?.typo,e?.typography),o=()=>getDisplayStyle(t=>!!e?.hasLineClamp&&void 0!==e.hasLineClamp[t]&&!e.hasLineClamp[t],"inline-flex"),l={...core.makeStyleResponsive("jc",e?.textAlign),...core.makeStyle({tt:e?.transform}),...t,...core.getGlobalColorStyle(e?.showMoreColor),...o()};return core.filterTruthyStyles(l)},getStaticCss=()=>{let e=`
|
|
2
|
-
|
|
2
|
+
.gp-p-description-text > :not(ol, ul, table, div, style, script) {
|
|
3
3
|
display: inline !important;
|
|
4
4
|
}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
|
|
6
|
+
.gp-p-description-text > :not(ol, ul, table, div, style, script)::after {
|
|
7
|
+
content: "";
|
|
8
|
+
display: block; /* đảm bảo xuống d\xf2ng tr\xean Safari/iOS */
|
|
8
9
|
}
|
|
9
10
|
.gp-p-description-text > table {
|
|
10
11
|
box-shadow: none;
|
|
11
12
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
.p-description-wrapper.gp-p-description-text * {
|
|
14
|
+
color: inherit;
|
|
15
|
+
line-height: inherit !important;
|
|
16
|
+
}
|
|
17
|
+
`;return{gpDescriptionCss:e}},getMaxHeightStyleDefault=e=>{let t={desktop:"none"},o=["desktop","mobile","tablet"];o.forEach(o=>{let l=core.getResponsiveValueByScreen(e?.lineClamp,o),r=core.getResponsiveValueByScreen(e?.hasLineClamp,o),a=r&&l?`${l*helpers.DESCRIPTION_LINE_HEIGHT_DEFAULT}px`:"none";t={...t,[o]:a}});let l=core.makeStyleResponsive("maxh",t);return l};exports.getButtonStyle=getButtonStyle,exports.getMaxHeightStyleDefault=getMaxHeightStyleDefault,exports.getStaticCss=getStaticCss,exports.getTextStyle=getTextStyle;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useCollection as s,makeStyleResponsive as i,makeLineClamp as r
|
|
2
|
+
import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useCollection as s,makeStyleResponsive as i,makeLineClamp as r}from"@gem-sdk/core";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as l,getStaticCss as a}from"./common/styles.js";import{getClassContainerCollectionDes as m,getClassEmptyCollectionDes as c,getClassButtonViewMore as p,getDescriptionClasses as d,getShowMoreIconClasses as h,getShowMoreTextClasses as u,getClassPreBuilt as y}from"./common/classes.js";import{createClass as g,createStyle as f,createAttr as N,If as v}from"@gem-sdk/system";import{getViewLessText as S,getViewMoreText as _,ICON_SVG as j}from"./common/helpers.js";import{useGpDescription as C}from"../../hooks/useDescription.js";let DescriptionNotFoundString="This collection does not have a description",CollectionDescription=({setting:H,builderProps:T,pageContext:k,advanced:D})=>{let I=s(),{ref:L,open:M,isShowViewMore:b,handleToggleShowMore:x,hasLineClamp:w}=C(H),F=I?.descriptionHtml,V=g(m({setting:H})),$=g(c()),q=g(p({setting:H})),z=g(d({advanced:D})),A=g({...h(),...M?{"gp-rotate-180":!0}:{}}),B=g(u()),E=g(y()),G=f({...n({setting:H}),...M?{}:i("line-clamp",r(H?.lineClamp,H?.hasLineClamp))}),J=f({...l(H)}),K=S({setting:H,builderProps:T,pageContext:k,type:"react"}),O=_({setting:H,builderProps:T,pageContext:k,type:"react"}),P=N({"data-id":`${T?.uid}`}),Q=N({"data-gp-text":""}),{gpDescriptionCss:R}=a();return e(t,{children:v(!F,e("div",{className:$,dangerouslySetInnerHTML:{__html:"This collection does not have a description"}}),o("div",{...P,className:z,children:[e("style",{children:R}),e("div",{className:E}),e("div",{ref:L,className:V,style:G,dangerouslySetInnerHTML:{__html:I?.descriptionHtml??""},...Q}),v(w&&b,o("button",{type:"button",className:q,style:J,onClick:x,children:[e("span",{className:B,children:v(M,K?.toString()??"",O?.toString()??"")}),v(H?.enableViewMoreIcon,e("span",{className:A,dangerouslySetInnerHTML:{__html:j}}),"")]}),"")]}))})};export{CollectionDescription as default};
|
package/dist/esm/collection/components/collection-description/CollectionDescription.liquid.js
CHANGED
|
@@ -1,21 +1,20 @@
|
|
|
1
|
-
import{makeStyleResponsive as e,makeLineClamp as i,template as s,
|
|
1
|
+
import{makeStyleResponsive as e,makeLineClamp as i,template as s,isLocalEnv as t,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../../helpers.js";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as c,getStaticCss as r}from"./common/styles.js";import{createClass as p,createStyle as a,createAttr as m,createStateOrContext as $,If as d,Liquid as g,LiquidUnless as v,LiquidIf as f}from"@gem-sdk/system";import{getClassContainerCollectionDes as u,getClassButtonViewMore as y,getDescriptionClasses as w,getShowMoreIconClasses as C,getShowMoreTextClasses as b,getClassPreBuilt as S}from"./common/classes.js";import{getViewLessText as h,getViewMoreText as j,ICON_SVG as x}from"./common/helpers.js";let CollectionDescription=({setting:M,advanced:k,builderProps:E,pageContext:I})=>{let L=p(u({setting:M})),P=p(y({setting:M})),V=p(w({advanced:k})),A=p(C()),T=p(b()),q=p(S()),D=a({...n({setting:M}),...e("line-clamp",i(M?.lineClamp,M?.hasLineClamp))}),G=a({...c(M)}),N=h({setting:M,builderProps:E,pageContext:I,type:"liquid"}),O=j({setting:M,builderProps:E,pageContext:I,type:"liquid"}),_=m({"data-id":`${E?.uid}`,"view-more-text":`${I?.isPreviewing?O:`{{${O}}}`}`,"view-less-text":`${I?.isPreviewing?N:`{{${N}}}`}`}),J=m({"data-gp-text":""}),{gpDescriptionCss:R}=r(),z=$({setting:{lineClamp:M?.lineClamp,hasLineClamp:M?.hasLineClamp,viewMoreText:O,viewLessText:N,enableViewMoreIcon:M?.enableViewMoreIcon},textStyle:D}),B=()=>{let e=t?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${l}/assets-v2/gp-collection-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${o('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return d(!1,"",g(s`
|
|
2
2
|
<gp-collection-description
|
|
3
|
-
${
|
|
4
|
-
class="${
|
|
5
|
-
gp-data='${JSON.stringify(
|
|
3
|
+
${_}
|
|
4
|
+
class="${V}"
|
|
5
|
+
gp-data='${JSON.stringify(z).replaceAll("'","'")}'
|
|
6
6
|
>
|
|
7
|
-
<style>${
|
|
8
|
-
${
|
|
9
|
-
<div class="${D}"
|
|
10
|
-
${y("collection","<p>Collection not found</p>",s`<div ${R} class="${P}" style="${G}">
|
|
7
|
+
<style>${R}</style>
|
|
8
|
+
<div class="${q}" ></div>
|
|
9
|
+
${v("collection","<p>Collection not found</p>",s`<div ${J} class="${L}" style="${D}">
|
|
11
10
|
{{collection.description}}
|
|
12
11
|
</div>
|
|
13
|
-
${f("collection.description != blank",s`<button type="button" class="${
|
|
14
|
-
<span class="${
|
|
15
|
-
${
|
|
12
|
+
${f("collection.description != blank",s`<button type="button" class="${P}" style="${G}">
|
|
13
|
+
<span class="${T}">
|
|
14
|
+
${d(I?.isPreviewing,O?.toString()||"",`{{${O}}}`)}
|
|
16
15
|
</span>
|
|
17
|
-
${
|
|
16
|
+
${d(M?.enableViewMoreIcon,s`<span class="${A}">${x}</span>`," ")}
|
|
18
17
|
</button>`)}`)}
|
|
19
18
|
</gp-collection-description>
|
|
20
|
-
${
|
|
19
|
+
${B()}
|
|
21
20
|
`))};export{CollectionDescription as default};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import{composeTypographyStyle as t,filterTruthyStyles as e,getStyleShadow as o,makeStyleResponsive as l,makeStyle as i,getGlobalColorStyle as
|
|
2
|
-
.gp-p-description-text >
|
|
1
|
+
import{composeTypographyStyle as t,filterTruthyStyles as e,getStyleShadow as o,makeStyleResponsive as l,makeStyle as i,getGlobalColorStyle as r,getResponsiveValueByScreen as n}from"@gem-sdk/core";import{getDisplayStyle as p}from"../../../../helpers.js";import{DESCRIPTION_LINE_HEIGHT_DEFAULT as a}from"./helpers.js";let getMaxHeightStyleDefault=t=>{let e={desktop:"none"},o=["desktop","mobile","tablet"];o.forEach(o=>{let l=n(t?.lineClamp,o),i=n(t?.hasLineClamp,o),r=i&&l?`${l*a}px`:"none";e={...e,[o]:r}});let i=l("maxh",e);return i},getDefaultStyleCollectionDes=({setting:r,renderMaxHeight:n})=>{let p=t(r?.typo,r?.typography);return e({...o({value:r?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.typo?.custom?.hasShadowText}),...l("ta",r?.textAlign),...i({tt:r?.transform}),...p,...n&&getMaxHeightStyleDefault(r)})},getStyleDefaultViewMore=e=>{let o=t(e?.typo,e?.typography),n=()=>p(t=>{let o=e?.hasLineClamp?.[t];return!!e?.hasLineClamp&&void 0!==o&&!o},"inline-flex");return{...i({tt:e?.transform}),...l("jc",e?.textAlign),...o,...r(e?.showMoreColor),...n()}},getStaticCss=()=>{let t=`
|
|
2
|
+
.gp-p-description-text > :not(ol, ul, table, div, style, script) {
|
|
3
3
|
display: inline !important;
|
|
4
4
|
}
|
|
5
5
|
.gp-p-description-text > *:not(ol):not(ul):not(table):not(div):not(style):not(script)::after {
|
|
6
|
-
content: "
|
|
7
|
-
|
|
6
|
+
content: "";
|
|
7
|
+
display: block;
|
|
8
8
|
}
|
|
9
9
|
.gp-p-description-text > table {
|
|
10
10
|
box-shadow: none;
|
|
11
11
|
}
|
|
12
|
-
|
|
13
|
-
.p-description-wrapper.gp-p-description-text * {
|
|
12
|
+
.p-description-wrapper.gp-p-description-text * {
|
|
14
13
|
color: inherit;
|
|
15
14
|
line-height: inherit !important;
|
|
16
|
-
}
|
|
15
|
+
}
|
|
16
|
+
`;return{gpDescriptionCss:t}};export{getDefaultStyleCollectionDes,getMaxHeightStyleDefault,getStaticCss,getStyleDefaultViewMore};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ESTIMATE_DAYS as e,listFormatDate as t,OUT_OF_STOCK as a}from"../../common/helpers.js";let EstimateDateSettings=[{id:"setting",controls:[{id:"enableCustomText",label:"",type:"toggle",default:!0},{id:"customTextContainer",type:"group",controls:[{id:"customText",type:"input",default:"Estimate delivery between"}]},{id:"estimateDays",type:"group",controls:[{id:"typeEstimate",type:"group",controls:[{id:"typeEstimate",label:"Type",type:"option:value",default:e.RANGE,options:[{label:"Specific",value:e.SPECIFIC},{label:"Range",value:e.RANGE}]},{id:"minEstimate",label:"Min estimate",type:"input:unit",default:2,emptyOnClear:!1,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,min:1,max:99969999,fallbackValue:2},{id:"maxEstimate",label:"Max estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:1,max:99969999,fallbackValue:5},{id:"estimateTime",label:"Estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:0,max:99969999,fallbackValue:5}]}]},{id:"dateFormat",type:"group",controls:[{id:"typeFormat",label:"Type",type:"select",default:t().FORMAT_1.value,options:[{label:t().FORMAT_1.Label,value:t().FORMAT_1.value},{label:t().FORMAT_2.Label,value:t().FORMAT_2.value},{label:t().FORMAT_3.Label,value:t().FORMAT_3.value},{label:t().FORMAT_4.Label,value:t().FORMAT_4.value},{label:t().FORMAT_5.Label,value:t().FORMAT_5.value},{label:t().FORMAT_6.Label,value:t().FORMAT_6.Label}]},{id:"customFormat",label:"Custom format",type:"input",default:"",placeholder:"Eg: %d, %b, %y"},{id:"moreFormat",type:"group"}]},{id:"visibilityContainer",type:"group",controls:[{id:"visibility",type:"childrens"},{id:"ifOutOfStock",label:"If out of stock",type:"option:value",default:a.
|
|
1
|
+
import{ESTIMATE_DAYS as e,listFormatDate as t,OUT_OF_STOCK as a}from"../../common/helpers.js";let EstimateDateSettings=[{id:"setting",controls:[{id:"enableCustomText",label:"",type:"toggle",default:!0},{id:"customTextContainer",type:"group",controls:[{id:"customText",type:"input",default:"Estimate delivery between"}]},{id:"estimateDays",type:"group",controls:[{id:"typeEstimate",type:"group",controls:[{id:"typeEstimate",label:"Type",type:"option:value",default:e.RANGE,options:[{label:"Specific",value:e.SPECIFIC},{label:"Range",value:e.RANGE}]},{id:"minEstimate",label:"Min estimate",type:"input:unit",default:2,emptyOnClear:!1,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,min:1,max:99969999,fallbackValue:2},{id:"maxEstimate",label:"Max estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:1,max:99969999,fallbackValue:5},{id:"estimateTime",label:"Estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:0,max:99969999,fallbackValue:5}]}]},{id:"dateFormat",type:"group",controls:[{id:"typeFormat",label:"Type",type:"select",default:t().FORMAT_1.value,options:[{label:t().FORMAT_1.Label,value:t().FORMAT_1.value},{label:t().FORMAT_2.Label,value:t().FORMAT_2.value},{label:t().FORMAT_3.Label,value:t().FORMAT_3.value},{label:t().FORMAT_4.Label,value:t().FORMAT_4.value},{label:t().FORMAT_5.Label,value:t().FORMAT_5.value},{label:t().FORMAT_6.Label,value:t().FORMAT_6.Label}]},{id:"customFormat",label:"Custom format",type:"input",default:"",placeholder:"Eg: %d, %b, %y"},{id:"moreFormat",type:"group"}]},{id:"visibilityContainer",type:"group",controls:[{id:"visibility",type:"childrens"},{id:"ifOutOfStock",label:"If out of stock",type:"option:value",default:a.SHOW,options:[{label:"Show",value:a.SHOW},{label:"Hide",value:a.HIDE}]}]},{id:"translate",type:"input",default:"customText"},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%"}}},settingConfig:{width:{displayOptions:["full","auto"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}}},hiddenSettings:["shape","gap","height"]},{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:"#FFFFFF",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}}}}]},{id:"style",controls:[{id:"typoCustom",type:"typography-v2",default:{type:"paragraph-2",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{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:"typoDate",type:"typography-v2",default:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}}},{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{EstimateDateSettings};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import{useProduct as o,useCurrentDevice as i,getResponsiveValueByScreen as r,makeStyleResponsive as
|
|
2
|
+
import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import{useProduct as o,useCurrentDevice as i,getResponsiveValueByScreen as r,makeStyleResponsive as m,makeLineClamp as c}from"@gem-sdk/core";import n from"../../../common/components/NoDataState.js";import{ICON_SVG as a}from"./common/helpers.js";import{createClass as l,createStyle as p,createAttr as d,If as h}from"@gem-sdk/system";import{getClasses as u,getButtonClasses as g,getClassPreBuilt as y}from"./common/classes.js";import{getTextStyle as f,getButtonStyle as x,getStaticCss as k}from"./common/styles.js";import{useGpDescription as N}from"./hooks/useGpDescription.js";let ProductDescription=j=>{let{setting:w,advanced:L,builderProps:b}=j,{htmlTag:v}=w??{},C="html"===v?"div":"p",H=o(),T=i(),D=r(w?.hasLineClamp,T),{ref:M,open:_,isShowViewMore:I,handleToggleShowMore:P,mode:S,redirectProductShopifyLink:A}=N(w),q=l({"gp-product-description":!0,[L?.cssClass]:!0}),G=l(u({setting:w,isLiquid:!1})),V=l(g({setting:w})),$=l({"gp-show-more-text":!0}),z=l({"gp-show-more-icon gp-ml-1":!0,..._?{"gp-rotate-180":!0}:{}}),B=l(y()),E=p({...f({setting:w}),..._?{}:m("line-clamp",c(w?.lineClamp,w?.hasLineClamp))}),F=p(x({setting:w})),J=d({"data-id":`${b?.uid}`}),K=d({"data-gp-text":""}),{gpDescriptionCss:O}=k(),Q=!H?.descriptionHtml;return Q&&"edit"===S?e(n,{elementType:"secondary",description:"Highlight key benefits with product description.",descriptionActions:[{text:"Add description",callback:A},{text:"sync data",callback:"syncProduct"}]}):e(t,{children:h(Q,"",s("div",{...J,className:q,children:[e("style",{children:O}),e("div",{className:B}),e(C,{ref:M,...K,className:G,style:E,dangerouslySetInnerHTML:{__html:H?.descriptionHtml||""}}),h(D&&I,s("button",{className:V,style:F,onClick:P,children:[e("span",{className:$,children:h(_,w?.viewLessText||"",w?.viewMoreText)}),h(w?.enableViewMoreIcon,e("span",{className:z,dangerouslySetInnerHTML:{__html:a}}))]})," ")]}))})};export{ProductDescription as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{makeStyleResponsive as e,makeLineClamp as t,template as s,dataStringify as i,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as p,getSettingPreloadData as a}from"../../../helpers.js";import{createClass as l,createStyle as n,createAttr as d,createStateOrContext as c,LiquidIf as m,Liquid as $,LiquidUnless as u,If as g}from"@gem-sdk/system";import{getClasses as v,getButtonClasses as w,getClassPreBuilt as x}from"./common/classes.js";import{getTextStyle as f,getButtonStyle as h,getStaticCss as y}from"./common/styles.js";import{ICON_SVG as M}from"./common/helpers.js";let ProductDescription=b=>{let{setting:C,advanced:L,builderProps:S,pageContext:T}=b,{htmlTag:j,translate:I,viewMoreText:k,viewLessText:E}=C??{},P="html"===j?"div":"p",V=l({"gp-product-description":!0,[L?.cssClass]:!0}),A=l(v({setting:C,isLiquid:!0})),D=l(w({setting:C})),G=l({"gp-show-more-text":!0}),_=l({"gp-show-more-icon gp-ml-1":!0}),q=n({...f({setting:C,renderMaxHeight:!0}),...e("line-clamp",t(C?.lineClamp,C?.hasLineClamp))}),H=l(x()),N=n(h({setting:C})),O=d({"data-id":`${S?.uid}`}),R=d({"data-gp-text":""}),{
|
|
1
|
+
import{makeStyleResponsive as e,makeLineClamp as t,template as s,dataStringify as i,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as p,getSettingPreloadData as a}from"../../../helpers.js";import{createClass as l,createStyle as n,createAttr as d,createStateOrContext as c,LiquidIf as m,Liquid as $,LiquidUnless as u,If as g}from"@gem-sdk/system";import{getClasses as v,getButtonClasses as w,getClassPreBuilt as x}from"./common/classes.js";import{getTextStyle as f,getButtonStyle as h,getStaticCss as y}from"./common/styles.js";import{ICON_SVG as M}from"./common/helpers.js";let ProductDescription=b=>{let{setting:C,advanced:L,builderProps:S,pageContext:T}=b,{htmlTag:j,translate:I,viewMoreText:k,viewLessText:E}=C??{},P="html"===j?"div":"p",V=l({"gp-product-description":!0,[L?.cssClass]:!0}),A=l(v({setting:C,isLiquid:!0})),D=l(w({setting:C})),G=l({"gp-show-more-text":!0}),_=l({"gp-show-more-icon gp-ml-1":!0}),q=n({...f({setting:C,renderMaxHeight:!0}),...e("line-clamp",t(C?.lineClamp,C?.hasLineClamp))}),H=l(x()),N=n(h({setting:C})),O=d({"data-id":`${S?.uid}`}),R=d({"data-gp-text":""}),{gpDescriptionCss:z}=y(),B="product.description == blank",F=()=>{let e=o?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${r}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${a('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},J=c({setting:{lineClamp:C?.lineClamp,hasLineClamp:C?.hasLineClamp,viewMoreText:C?.viewMoreText,viewLessText:C?.viewLessText,enableViewMoreIcon:C?.enableViewMoreIcon},textStyle:q}),K=p({val:k,uid:S?.uid,settingId:"viewMoreText",pageContext:T,translate:I}),Q=p({val:E,uid:S?.uid,settingId:"viewLessText",pageContext:T,translate:I});return m(B,"",$(s`
|
|
2
2
|
<gp-product-description
|
|
3
3
|
${O}
|
|
4
4
|
class="${V}"
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import{composeTypographyStyle as t,getStyleShadow as e,makeStyleResponsive as o,getGlobalColorStyle as l,makeStyle as
|
|
2
|
-
|
|
1
|
+
import{composeTypographyStyle as t,getStyleShadow as e,makeStyleResponsive as o,getGlobalColorStyle as l,makeStyle as i,filterTruthyStyles as a,getResponsiveValueByScreen as p}from"@gem-sdk/core";import{DESCRIPTION_LINE_HEIGHT_DEFAULT as n}from"./helpers.js";let devices=["desktop","mobile","tablet"],getDisplayStyle=(t,e)=>{let o={};return devices.forEach(l=>{o={...o,[`--d${"desktop"===l?"":`-${l}`}`]:`${t(l)?"none":e}`}}),o},getTextStyle=({setting:p,renderMaxHeight:n})=>{let r=t(p?.typo,p?.typography),s={...e({value:p?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:p?.typo?.custom?.hasShadowText}),...o("ta",p?.textAlign),...l(p?.color),...i({tt:p?.transform}),...r,...n&&getMaxHeightStyleDefault(p)};return a(s)},getButtonStyle=({setting:e})=>{let p=t(e?.typo,e?.typography),n=()=>getDisplayStyle(t=>!!e?.hasLineClamp&&void 0!==e.hasLineClamp[t]&&!e.hasLineClamp[t],"inline-flex"),r={...o("jc",e?.textAlign),...i({tt:e?.transform}),...p,...l(e?.showMoreColor),...n()};return a(r)},getStaticCss=()=>{let t=`
|
|
2
|
+
.gp-p-description-text > :not(ol, ul, table, div, style, script) {
|
|
3
3
|
display: inline !important;
|
|
4
4
|
}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
|
|
6
|
+
.gp-p-description-text > :not(ol, ul, table, div, style, script)::after {
|
|
7
|
+
content: "";
|
|
8
|
+
display: block; /* đảm bảo xuống d\xf2ng tr\xean Safari/iOS */
|
|
8
9
|
}
|
|
9
10
|
.gp-p-description-text > table {
|
|
10
11
|
box-shadow: none;
|
|
11
12
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
.p-description-wrapper.gp-p-description-text * {
|
|
14
|
+
color: inherit;
|
|
15
|
+
line-height: inherit !important;
|
|
16
|
+
}
|
|
17
|
+
`;return{gpDescriptionCss:t}},getMaxHeightStyleDefault=t=>{let e={desktop:"none"},l=["desktop","mobile","tablet"];l.forEach(o=>{let l=p(t?.lineClamp,o),i=p(t?.hasLineClamp,o),a=i&&l?`${l*n}px`:"none";e={...e,[o]:a}});let i=o("maxh",e);return i};export{getButtonStyle,getMaxHeightStyleDefault,getStaticCss,getTextStyle};
|