@gem-sdk/components 2.1.31 → 2.1.34

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 (5) hide show
  1. package/dist/cjs/marquee/components/Marquee.liquid.js +13 -10
  2. package/dist/cjs/product/components/ProductList.liquid.js +4 -8
  3. package/dist/esm/marquee/components/Marquee.liquid.js +13 -10
  4. package/dist/esm/product/components/ProductList.liquid.js +4 -8
  5. package/package.json +2 -2
package/dist/cjs/marquee/components/Marquee.liquid.js CHANGED
@@ -73,7 +73,7 @@ const Marquee = ({ children, style, builderAttrs, rawChildren, advanced, ...prop
73
73
  const itemMaxWidthValue = core.getResponsiveValueByScreen(styles?.itemMaxWidth, currentDevice);
74
74
  return itemMaxWidthValue?.includes('%');
75
75
  };
76
- const itemMaxWidthValueByScreen = (device)=>{
76
+ const getItemMaxWidthValueByScreen = (device)=>{
77
77
  let value = core.getResponsiveValueByScreen(styles?.itemMaxWidth, device);
78
78
  const itemWidthTypeValue = core.getResponsiveValueByScreen(itemWidthType, device);
79
79
  if (itemWidthTypeValue === 'FIT_CONTENT') {
@@ -84,22 +84,25 @@ const Marquee = ({ children, style, builderAttrs, rawChildren, advanced, ...prop
84
84
  }
85
85
  return value;
86
86
  };
87
+ const getMaxWidth = (device)=>{
88
+ return getItemMaxWidthValueByScreen(device) === 'auto' ? 'unset' : getItemMaxWidthValueByScreen(device);
89
+ };
87
90
  const getWidthForWrapperItem = ()=>{
88
91
  return {
89
92
  ...core.makeStyleResponsive('w', {
90
- desktop: itemMaxWidthValueByScreen('desktop'),
91
- tablet: itemMaxWidthValueByScreen('tablet'),
92
- mobile: itemMaxWidthValueByScreen('mobile')
93
+ desktop: getItemMaxWidthValueByScreen('desktop'),
94
+ tablet: getItemMaxWidthValueByScreen('tablet'),
95
+ mobile: getItemMaxWidthValueByScreen('mobile')
93
96
  }),
94
97
  ...core.makeStyleResponsive('minw', {
95
- desktop: itemMaxWidthValueByScreen('desktop'),
96
- tablet: itemMaxWidthValueByScreen('tablet'),
97
- mobile: itemMaxWidthValueByScreen('mobile')
98
+ desktop: getItemMaxWidthValueByScreen('desktop'),
99
+ tablet: getItemMaxWidthValueByScreen('tablet'),
100
+ mobile: getItemMaxWidthValueByScreen('mobile')
98
101
  }),
99
102
  ...core.makeStyleResponsive('maxw', {
100
- desktop: itemMaxWidthValueByScreen('desktop'),
101
- tablet: itemMaxWidthValueByScreen('tablet'),
102
- mobile: itemMaxWidthValueByScreen('mobile')
103
+ desktop: getMaxWidth('desktop'),
104
+ tablet: getMaxWidth('tablet'),
105
+ mobile: getMaxWidth('mobile')
103
106
  })
104
107
  };
105
108
  };
package/dist/cjs/product/components/ProductList.liquid.js CHANGED
@@ -237,6 +237,7 @@ const ProductList = ({ setting, builderProps, styles, className, children, advan
237
237
  endif
238
238
  assign arrayRelatedExclude = relatedExclude | split: ","
239
239
  assign idSelectedList = ''
240
+ assign relatedListProduct = null
240
241
  for collection in collections
241
242
  assign collectionId = collection.id
242
243
  assign isInCollection = false
@@ -251,20 +252,15 @@ const ProductList = ({ setting, builderProps, styles, className, children, advan
251
252
  break
252
253
  else
253
254
  assign idSelectedList = idSelectedList | append: "," | append: product.id
255
+ assign productSelected = product | sort
256
+ assign relatedListProduct = relatedListProduct | concat: productSelected
254
257
  endif
255
258
  endfor
256
259
  endif
257
260
  endunless
258
261
  endfor
259
262
  endfor
260
- for item in allProductsPaginated
261
- assign handle = item.handle
262
- assign productF = item | sort
263
- if idSelectedList contains item.id
264
- assign products = products | concat: productF
265
- endif
266
- endfor
267
- assign products = products | uniq
263
+ assign products = relatedListProduct | uniq
268
264
  when 'vendor'
269
265
  assign vendorAssignProduct = assignProduct.vendor
270
266
  assign productFilter = allProductsPaginated | where: 'vendor', vendorAssignProduct
package/dist/esm/marquee/components/Marquee.liquid.js CHANGED
@@ -69,7 +69,7 @@ const Marquee = ({ children, style, builderAttrs, rawChildren, advanced, ...prop
69
69
  const itemMaxWidthValue = getResponsiveValueByScreen(styles?.itemMaxWidth, currentDevice);
70
70
  return itemMaxWidthValue?.includes('%');
71
71
  };
72
- const itemMaxWidthValueByScreen = (device)=>{
72
+ const getItemMaxWidthValueByScreen = (device)=>{
73
73
  let value = getResponsiveValueByScreen(styles?.itemMaxWidth, device);
74
74
  const itemWidthTypeValue = getResponsiveValueByScreen(itemWidthType, device);
75
75
  if (itemWidthTypeValue === 'FIT_CONTENT') {
@@ -80,22 +80,25 @@ const Marquee = ({ children, style, builderAttrs, rawChildren, advanced, ...prop
80
80
  }
81
81
  return value;
82
82
  };
83
+ const getMaxWidth = (device)=>{
84
+ return getItemMaxWidthValueByScreen(device) === 'auto' ? 'unset' : getItemMaxWidthValueByScreen(device);
85
+ };
83
86
  const getWidthForWrapperItem = ()=>{
84
87
  return {
85
88
  ...makeStyleResponsive('w', {
86
- desktop: itemMaxWidthValueByScreen('desktop'),
87
- tablet: itemMaxWidthValueByScreen('tablet'),
88
- mobile: itemMaxWidthValueByScreen('mobile')
89
+ desktop: getItemMaxWidthValueByScreen('desktop'),
90
+ tablet: getItemMaxWidthValueByScreen('tablet'),
91
+ mobile: getItemMaxWidthValueByScreen('mobile')
89
92
  }),
90
93
  ...makeStyleResponsive('minw', {
91
- desktop: itemMaxWidthValueByScreen('desktop'),
92
- tablet: itemMaxWidthValueByScreen('tablet'),
93
- mobile: itemMaxWidthValueByScreen('mobile')
94
+ desktop: getItemMaxWidthValueByScreen('desktop'),
95
+ tablet: getItemMaxWidthValueByScreen('tablet'),
96
+ mobile: getItemMaxWidthValueByScreen('mobile')
94
97
  }),
95
98
  ...makeStyleResponsive('maxw', {
96
- desktop: itemMaxWidthValueByScreen('desktop'),
97
- tablet: itemMaxWidthValueByScreen('tablet'),
98
- mobile: itemMaxWidthValueByScreen('mobile')
99
+ desktop: getMaxWidth('desktop'),
100
+ tablet: getMaxWidth('tablet'),
101
+ mobile: getMaxWidth('mobile')
99
102
  })
100
103
  };
101
104
  };
package/dist/esm/product/components/ProductList.liquid.js CHANGED
@@ -233,6 +233,7 @@ const ProductList = ({ setting, builderProps, styles, className, children, advan
233
233
  endif
234
234
  assign arrayRelatedExclude = relatedExclude | split: ","
235
235
  assign idSelectedList = ''
236
+ assign relatedListProduct = null
236
237
  for collection in collections
237
238
  assign collectionId = collection.id
238
239
  assign isInCollection = false
@@ -247,20 +248,15 @@ const ProductList = ({ setting, builderProps, styles, className, children, advan
247
248
  break
248
249
  else
249
250
  assign idSelectedList = idSelectedList | append: "," | append: product.id
251
+ assign productSelected = product | sort
252
+ assign relatedListProduct = relatedListProduct | concat: productSelected
250
253
  endif
251
254
  endfor
252
255
  endif
253
256
  endunless
254
257
  endfor
255
258
  endfor
256
- for item in allProductsPaginated
257
- assign handle = item.handle
258
- assign productF = item | sort
259
- if idSelectedList contains item.id
260
- assign products = products | concat: productF
261
- endif
262
- endfor
263
- assign products = products | uniq
259
+ assign products = relatedListProduct | uniq
264
260
  when 'vendor'
265
261
  assign vendorAssignProduct = assignProduct.vendor
266
262
  assign productFilter = allProductsPaginated | where: 'vendor', vendorAssignProduct
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/components",
3
- "version": "2.1.31",
3
+ "version": "2.1.34",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -21,7 +21,7 @@
21
21
  "format": "prettier --write \"./src/**/*.{ts,tsx}\""
22
22
  },
23
23
  "devDependencies": {
24
- "@gem-sdk/core": "2.1.30",
24
+ "@gem-sdk/core": "2.1.33",
25
25
  "@gem-sdk/styles": "2.1.31",
26
26
  "@types/react-transition-group": "^4.4.5"
27
27
  },