@gem-sdk/components 15.0.2 → 15.0.4
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/settings/collection-banner/configs/settings.js +1 -1
- package/dist/cjs/third-party/components/JudgemeReviews.liquid.js +16 -7
- package/dist/esm/collection/settings/collection-banner/configs/settings.js +1 -1
- package/dist/esm/third-party/components/JudgemeReviews.liquid.js +17 -8
- package/package.json +1 -1
|
@@ -11,4 +11,4 @@
|
|
|
11
11
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.08398 6C5.08398 6.82843 5.75556 7.5 6.58398 7.5H11.584C12.4124 7.5 13.084 6.82843 13.084 6V5C13.084 4.17157 12.4124 3.5 11.584 3.5L6.58398 3.5C5.75556 3.5 5.08398 4.17157 5.08398 5V6ZM6.58398 6.5C6.30784 6.5 6.08398 6.27614 6.08398 6V5C6.08398 4.72386 6.30784 4.5 6.58398 4.5L11.584 4.5C11.8601 4.5 12.084 4.72386 12.084 5V6C12.084 6.27614 11.8601 6.5 11.584 6.5H6.58398Z" fill="currentColor"/>
|
|
12
12
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.58398 12.5C2.75556 12.5 2.08398 11.8284 2.08398 11L2.08398 10C2.08398 9.17157 2.75556 8.5 3.58398 8.5H11.584C12.4124 8.5 13.084 9.17157 13.084 10V11C13.084 11.8284 12.4124 12.5 11.584 12.5L3.58398 12.5ZM3.08398 11C3.08398 11.2761 3.30784 11.5 3.58398 11.5L11.584 11.5C11.8601 11.5 12.084 11.2761 12.084 11V10C12.084 9.72386 11.8601 9.5 11.584 9.5L3.58398 9.5C3.30784 9.5 3.08398 9.72386 3.08398 10L3.08398 11Z" fill="currentColor"/>
|
|
13
13
|
</svg>
|
|
14
|
-
`,iconName:"gp-justify-content-bottom"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-align-top",tooltip:"Align top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical",tooltip:"Align center"},{label:"End",value:"end",iconName:"gp-align-bottom",tooltip:"Align bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"content-dimension-group",type:"group",label:"Content Dimension",controls:[{id:"fixedMode",type:"toggle",default:!1},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:"500px"}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition",label:"Content Position",type:"option:value",options:[{label:"
|
|
14
|
+
`,iconName:"gp-justify-content-bottom"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-align-top",tooltip:"Align top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical",tooltip:"Align center"},{label:"End",value:"end",iconName:"gp-align-bottom",tooltip:"Align bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"content-dimension-group",type:"group",label:"Content Dimension",controls:[{id:"fixedMode",type:"toggle",default:!1},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:"500px"}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition",label:"Content Position",type:"option:value",options:[{label:"Left",value:"top",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"bottom",tooltip:"Align right",iconName:"gp-align-right"}],default:"center"},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px"],devices:{desktop:{default:"1200px"}}},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,label:"Spacing",devices:{desktop:{default:"32px"}}}]},{id:"image-info",label:"Image",type:"group",controls:[{id:"background",type:"collection-banner",ignoreReRender:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif",width:1920,height:900,hiddenSEO:!0,hiddenLCP:!0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"hoverEffect",label:"Hover effect",type:"option:value",options:[{label:"None",value:"none"},{label:"Zoom",value:"zoom"}],default:"none"},{id:"hoverScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:1,default:110,useOnlyUnitInit:!0,isNumber:!0},{id:"hoverDuration",type:"input:unit",label:"Zoom Time",min:0,units:["s"],default:"0.5",useOnlyUnitInit:!0,isNumber:!0}]},{id:"overlay",label:"Overlay",type:"group",controls:[{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0}},{id:"overlayColor",label:"Color",type:"color-picker-v2",default:{normal:"#121212"},state:{normal:!0,hover:!0}}]}]}];exports.CollectionBannerSettings=CollectionBannerSettings;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core");const JudgemeReviews=({setting:e,advanced:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core");const JudgemeReviews=({setting:e,advanced:d})=>{let{widgetType:a,align:s}=e??{};return core.template`
|
|
2
2
|
<div
|
|
3
|
-
class="${
|
|
4
|
-
style="${{...core.makeStyleResponsive("ta",
|
|
3
|
+
class="${d?.cssClass}"
|
|
4
|
+
style="${{...core.makeStyleResponsive("ta",s)}}"
|
|
5
5
|
>
|
|
6
6
|
<div>
|
|
7
7
|
{% assign widget = '${a}' %}
|
|
@@ -11,10 +11,19 @@
|
|
|
11
11
|
{{ product.metafields.judgeme.badge }}
|
|
12
12
|
</div>
|
|
13
13
|
{% when "review_widget" %}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
{% assign has_legacy = false %}
|
|
15
|
+
{% if product.metafields.judgeme.widget.size > 20 %}
|
|
16
|
+
{% assign has_legacy = true %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
<div style='clear:both'></div>
|
|
19
|
+
<div id='judgeme_product_reviews' class='jdgm-widget jdgm-review-widget' data-product-title='{{ product.title | escape }}' data-id='{{ product.id }}' data-product-id='{{ product.id }}' data-widget='review' data-auto-install='false' data-shop-reviews-count='{{ shop.metafields.judgeme.shop_reviews_count | default: 0 | escape }}' data-entry-point='review_widget.js' data-entry-key='review-widget/main.js'>
|
|
20
|
+
{% if has_legacy %}
|
|
21
|
+
<div class='jdgm-legacy-widget-content' style='display: none;'>{{ product.metafields.judgeme.widget }}</div>
|
|
22
|
+
{% endif %}
|
|
23
|
+
</div>
|
|
24
|
+
{% if product.metafields.judgeme.review_widget_data %}
|
|
25
|
+
<script>jdgm.data ||= {}; jdgm.data.reviewWidget ||= {}; jdgm.data.reviewWidget[{{ product.id }}] = {{ product.metafields.judgeme.review_widget_data }}</script>
|
|
26
|
+
{% endif %}
|
|
18
27
|
{% when "reviews_carousel" %}
|
|
19
28
|
<div class='jdgm-carousel-wrapper'>
|
|
20
29
|
{% assign jm_metafields = shop.metafields.judgeme %}
|
|
@@ -11,4 +11,4 @@ let CollectionBannerSettings=[{id:"setting",controls:[{id:"layout",type:"layout"
|
|
|
11
11
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.08398 6C5.08398 6.82843 5.75556 7.5 6.58398 7.5H11.584C12.4124 7.5 13.084 6.82843 13.084 6V5C13.084 4.17157 12.4124 3.5 11.584 3.5L6.58398 3.5C5.75556 3.5 5.08398 4.17157 5.08398 5V6ZM6.58398 6.5C6.30784 6.5 6.08398 6.27614 6.08398 6V5C6.08398 4.72386 6.30784 4.5 6.58398 4.5L11.584 4.5C11.8601 4.5 12.084 4.72386 12.084 5V6C12.084 6.27614 11.8601 6.5 11.584 6.5H6.58398Z" fill="currentColor"/>
|
|
12
12
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.58398 12.5C2.75556 12.5 2.08398 11.8284 2.08398 11L2.08398 10C2.08398 9.17157 2.75556 8.5 3.58398 8.5H11.584C12.4124 8.5 13.084 9.17157 13.084 10V11C13.084 11.8284 12.4124 12.5 11.584 12.5L3.58398 12.5ZM3.08398 11C3.08398 11.2761 3.30784 11.5 3.58398 11.5L11.584 11.5C11.8601 11.5 12.084 11.2761 12.084 11V10C12.084 9.72386 11.8601 9.5 11.584 9.5L3.58398 9.5C3.30784 9.5 3.08398 9.72386 3.08398 10L3.08398 11Z" fill="currentColor"/>
|
|
13
13
|
</svg>
|
|
14
|
-
`,iconName:"gp-justify-content-bottom"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-align-top",tooltip:"Align top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical",tooltip:"Align center"},{label:"End",value:"end",iconName:"gp-align-bottom",tooltip:"Align bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"content-dimension-group",type:"group",label:"Content Dimension",controls:[{id:"fixedMode",type:"toggle",default:!1},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:"500px"}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition",label:"Content Position",type:"option:value",options:[{label:"
|
|
14
|
+
`,iconName:"gp-justify-content-bottom"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-align-top",tooltip:"Align top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical",tooltip:"Align center"},{label:"End",value:"end",iconName:"gp-align-bottom",tooltip:"Align bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"content-dimension-group",type:"group",label:"Content Dimension",controls:[{id:"fixedMode",type:"toggle",default:!1},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:"500px"}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition",label:"Content Position",type:"option:value",options:[{label:"Left",value:"top",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"bottom",tooltip:"Align right",iconName:"gp-align-right"}],default:"center"},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px"],devices:{desktop:{default:"1200px"}}},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,label:"Spacing",devices:{desktop:{default:"32px"}}}]},{id:"image-info",label:"Image",type:"group",controls:[{id:"background",type:"collection-banner",ignoreReRender:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif",width:1920,height:900,hiddenSEO:!0,hiddenLCP:!0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"hoverEffect",label:"Hover effect",type:"option:value",options:[{label:"None",value:"none"},{label:"Zoom",value:"zoom"}],default:"none"},{id:"hoverScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:1,default:110,useOnlyUnitInit:!0,isNumber:!0},{id:"hoverDuration",type:"input:unit",label:"Zoom Time",min:0,units:["s"],default:"0.5",useOnlyUnitInit:!0,isNumber:!0}]},{id:"overlay",label:"Overlay",type:"group",controls:[{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0}},{id:"overlayColor",label:"Color",type:"color-picker-v2",default:{normal:"#121212"},state:{normal:!0,hover:!0}}]}]}];export{CollectionBannerSettings};
|
|
@@ -1,20 +1,29 @@
|
|
|
1
|
-
import{template as e,makeStyleResponsive as
|
|
1
|
+
import{template as e,makeStyleResponsive as d}from"@gem-sdk/core";let JudgemeReviews=({setting:a,advanced:i})=>{let{widgetType:s,align:t}=a??{};return e`
|
|
2
2
|
<div
|
|
3
|
-
class="${
|
|
4
|
-
style="${{...
|
|
3
|
+
class="${i?.cssClass}"
|
|
4
|
+
style="${{...d("ta",t)}}"
|
|
5
5
|
>
|
|
6
6
|
<div>
|
|
7
|
-
{% assign widget = '${
|
|
7
|
+
{% assign widget = '${s}' %}
|
|
8
8
|
{% case widget %}
|
|
9
9
|
{% when "single_product_preview_badge" %}
|
|
10
10
|
<div style='{{ jm_style }}' class='jdgm-widget jdgm-preview-badge' data-product-title='{{ product.title | escape }}' data-id='{{ product.id }}'>
|
|
11
11
|
{{ product.metafields.judgeme.badge }}
|
|
12
12
|
</div>
|
|
13
13
|
{% when "review_widget" %}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
{% assign has_legacy = false %}
|
|
15
|
+
{% if product.metafields.judgeme.widget.size > 20 %}
|
|
16
|
+
{% assign has_legacy = true %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
<div style='clear:both'></div>
|
|
19
|
+
<div id='judgeme_product_reviews' class='jdgm-widget jdgm-review-widget' data-product-title='{{ product.title | escape }}' data-id='{{ product.id }}' data-product-id='{{ product.id }}' data-widget='review' data-auto-install='false' data-shop-reviews-count='{{ shop.metafields.judgeme.shop_reviews_count | default: 0 | escape }}' data-entry-point='review_widget.js' data-entry-key='review-widget/main.js'>
|
|
20
|
+
{% if has_legacy %}
|
|
21
|
+
<div class='jdgm-legacy-widget-content' style='display: none;'>{{ product.metafields.judgeme.widget }}</div>
|
|
22
|
+
{% endif %}
|
|
23
|
+
</div>
|
|
24
|
+
{% if product.metafields.judgeme.review_widget_data %}
|
|
25
|
+
<script>jdgm.data ||= {}; jdgm.data.reviewWidget ||= {}; jdgm.data.reviewWidget[{{ product.id }}] = {{ product.metafields.judgeme.review_widget_data }}</script>
|
|
26
|
+
{% endif %}
|
|
18
27
|
{% when "reviews_carousel" %}
|
|
19
28
|
<div class='jdgm-carousel-wrapper'>
|
|
20
29
|
{% assign jm_metafields = shop.metafields.judgeme %}
|