@gem-sdk/core 1.40.2 → 1.40.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.
Files changed (3) hide show
  1. package/dist/cjs/components/Render.liquid.js +6 -6
  2. package/dist/esm/components/Render.liquid.js +6 -6
  3. package/package.json +1 -1
package/dist/cjs/components/Render.liquid.js CHANGED
@@ -219,14 +219,14 @@ const appendAnimation = (props, liquid)=>{
219
219
  const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
220
220
  const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
221
221
  if (!enableAnimation) return liquid;
222
- const getInitOpacity = (device)=>+!(getSettingsByDevice(device)?.enabled && ![
222
+ const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
223
223
  'shake',
224
224
  'none'
225
- ].includes(getAnimationType(getSettingsByDevice(device), 'appear')));
225
+ ].includes(getAnimationType(getSettingsByDevice(device), 'appear')) ? 'hidden' : 'visible';
226
226
  const opacityObject = {
227
- desktop: getInitOpacity('desktop'),
228
- tablet: getInitOpacity('tablet'),
229
- mobile: getInitOpacity('mobile')
227
+ desktop: getInitVisibility('desktop'),
228
+ tablet: getInitVisibility('tablet'),
229
+ mobile: getInitVisibility('mobile')
230
230
  };
231
231
  return render.template`
232
232
  <gp-animation
@@ -240,7 +240,7 @@ const appendAnimation = (props, liquid)=>{
240
240
  }}"
241
241
  >
242
242
  <div style="${{
243
- ...makeStyle.makeStyleResponsive('op', opacityObject),
243
+ ...makeStyle.makeStyleResponsive('v', opacityObject),
244
244
  display: 'contents'
245
245
  }}">${liquid}</div>
246
246
  </gp-animation>
package/dist/esm/components/Render.liquid.js CHANGED
@@ -215,14 +215,14 @@ const appendAnimation = (props, liquid)=>{
215
215
  const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
216
216
  const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
217
217
  if (!enableAnimation) return liquid;
218
- const getInitOpacity = (device)=>+!(getSettingsByDevice(device)?.enabled && ![
218
+ const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
219
219
  'shake',
220
220
  'none'
221
- ].includes(getAnimationType(getSettingsByDevice(device), 'appear')));
221
+ ].includes(getAnimationType(getSettingsByDevice(device), 'appear')) ? 'hidden' : 'visible';
222
222
  const opacityObject = {
223
- desktop: getInitOpacity('desktop'),
224
- tablet: getInitOpacity('tablet'),
225
- mobile: getInitOpacity('mobile')
223
+ desktop: getInitVisibility('desktop'),
224
+ tablet: getInitVisibility('tablet'),
225
+ mobile: getInitVisibility('mobile')
226
226
  };
227
227
  return template`
228
228
  <gp-animation
@@ -236,7 +236,7 @@ const appendAnimation = (props, liquid)=>{
236
236
  }}"
237
237
  >
238
238
  <div style="${{
239
- ...makeStyleResponsive('op', opacityObject),
239
+ ...makeStyleResponsive('v', opacityObject),
240
240
  display: 'contents'
241
241
  }}">${liquid}</div>
242
242
  </gp-animation>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.40.2",
3
+ "version": "1.40.4",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",