@gem-sdk/core 1.53.0-dev.154 → 1.53.0-dev.160

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 (8) hide show
  1. package/dist/cjs/components/Render.liquid.js +8 -2
  2. package/dist/cjs/helpers/background.js +3 -3
  3. package/dist/cjs/helpers/interaction/index.js +3 -3
  4. package/dist/esm/components/Render.liquid.js +8 -2
  5. package/dist/esm/helpers/background.js +3 -3
  6. package/dist/esm/helpers/interaction/index.js +3 -3
  7. package/dist/types/index.d.ts +4 -3
  8. package/package.json +1 -1
package/dist/cjs/components/Render.liquid.js CHANGED
@@ -127,7 +127,10 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
127
127
  }
128
128
  });
129
129
  if (isLimitSize(liquid, sizeLargeComponent)) {
130
- largeComponent.push(item.uid);
130
+ largeComponent.push({
131
+ uid: item.uid,
132
+ tag: item.tag
133
+ });
131
134
  }
132
135
  return liquid;
133
136
  });
@@ -198,7 +201,10 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
198
201
  }
199
202
  });
200
203
  if (isLimitSize(liquid, sizeLargeComponent)) {
201
- largeComponent.push(item.uid);
204
+ largeComponent.push({
205
+ uid: item.uid,
206
+ tag: item.tag
207
+ });
202
208
  }
203
209
  return liquid;
204
210
  })}
package/dist/cjs/helpers/background.js CHANGED
@@ -210,7 +210,7 @@ const getGradientBgrStyleForButton = (backgroundStyle)=>{
210
210
  });
211
211
  return bgrStyle;
212
212
  };
213
- const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage = false)=>{
213
+ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{
214
214
  if (!backgroundStyle) return;
215
215
  const bgrStyle = {};
216
216
  [
@@ -220,8 +220,8 @@ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage = fa
220
220
  ].forEach((device)=>{
221
221
  if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY) && backgroundStyle[device]?.type !== 'video') {
222
222
  Object.assign(bgrStyle, {
223
- [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: 'transparent',
224
- [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: ignoreBackgroundImage ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
223
+ [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: backgroundStyle[device]?.color,
224
+ [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
225
225
  });
226
226
  }
227
227
  });
package/dist/cjs/helpers/interaction/index.js CHANGED
@@ -17,7 +17,7 @@ require('dayjs');
17
17
  require('../convert.js');
18
18
 
19
19
  const useInteraction = ()=>{
20
- const ref = react.useRef(null);
20
+ const ref = react.useRef();
21
21
  const setInteractionIsSelectOnPage = PageContext.usePageStore((s)=>s.setInteractionIsSelectOnPage);
22
22
  function findElementIncludingSelf(element, selector) {
23
23
  if (!(element instanceof Document) && element?.matches(selector)) {
@@ -26,8 +26,8 @@ const useInteraction = ()=>{
26
26
  return element?.querySelector(selector);
27
27
  }
28
28
  }
29
- const onListener = ({ event, selector }, callback)=>{
30
- const element = findElementIncludingSelf(ref.current || document, selector);
29
+ const onListener = ({ event, selector, elementRef }, callback)=>{
30
+ const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
31
31
  if (!element) return;
32
32
  element.addEventListener(event, (e)=>{
33
33
  const event = e;
package/dist/esm/components/Render.liquid.js CHANGED
@@ -123,7 +123,10 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
123
123
  }
124
124
  });
125
125
  if (isLimitSize(liquid, sizeLargeComponent)) {
126
- largeComponent.push(item.uid);
126
+ largeComponent.push({
127
+ uid: item.uid,
128
+ tag: item.tag
129
+ });
127
130
  }
128
131
  return liquid;
129
132
  });
@@ -194,7 +197,10 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
194
197
  }
195
198
  });
196
199
  if (isLimitSize(liquid, sizeLargeComponent)) {
197
- largeComponent.push(item.uid);
200
+ largeComponent.push({
201
+ uid: item.uid,
202
+ tag: item.tag
203
+ });
198
204
  }
199
205
  return liquid;
200
206
  })}
package/dist/esm/helpers/background.js CHANGED
@@ -208,7 +208,7 @@ const getGradientBgrStyleForButton = (backgroundStyle)=>{
208
208
  });
209
209
  return bgrStyle;
210
210
  };
211
- const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage = false)=>{
211
+ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{
212
212
  if (!backgroundStyle) return;
213
213
  const bgrStyle = {};
214
214
  [
@@ -218,8 +218,8 @@ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage = fa
218
218
  ].forEach((device)=>{
219
219
  if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY) && backgroundStyle[device]?.type !== 'video') {
220
220
  Object.assign(bgrStyle, {
221
- [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: 'transparent',
222
- [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: ignoreBackgroundImage ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
221
+ [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: backgroundStyle[device]?.color,
222
+ [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
223
223
  });
224
224
  }
225
225
  });
package/dist/esm/helpers/interaction/index.js CHANGED
@@ -15,7 +15,7 @@ import 'dayjs';
15
15
  import '../convert.js';
16
16
 
17
17
  const useInteraction = ()=>{
18
- const ref = useRef(null);
18
+ const ref = useRef();
19
19
  const setInteractionIsSelectOnPage = usePageStore((s)=>s.setInteractionIsSelectOnPage);
20
20
  function findElementIncludingSelf(element, selector) {
21
21
  if (!(element instanceof Document) && element?.matches(selector)) {
@@ -24,8 +24,8 @@ const useInteraction = ()=>{
24
24
  return element?.querySelector(selector);
25
25
  }
26
26
  }
27
- const onListener = ({ event, selector }, callback)=>{
28
- const element = findElementIncludingSelf(ref.current || document, selector);
27
+ const onListener = ({ event, selector, elementRef }, callback)=>{
28
+ const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
29
29
  if (!element) return;
30
30
  element.addEventListener(event, (e)=>{
31
31
  const event = e;
package/dist/types/index.d.ts CHANGED
@@ -32137,7 +32137,7 @@ declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) =>
32137
32137
  } | undefined;
32138
32138
  declare const GRADIENT_BGR_KEY = "linear-gradient";
32139
32139
  declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
32140
- declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined, ignoreBackgroundImage?: boolean) => {} | undefined;
32140
+ declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined, ignoreBackgroundImage?: Record<Devices, boolean>) => {} | undefined;
32141
32141
 
32142
32142
  type ColorType = 'bg' | 'text' | 'border' | 'decoration';
32143
32143
  type ColorProp = 'bgc' | 'bc' | 'c' | 'bg';
@@ -41768,9 +41768,10 @@ declare const getAppBlocks: (section: PublishedPageSection$1 & {
41768
41768
  declare const addAppBlockId: (component: Component) => Component;
41769
41769
 
41770
41770
  declare const useInteraction: () => {
41771
- onListener: ({ event, selector }: {
41771
+ onListener: ({ event, selector, elementRef }: {
41772
41772
  event: string;
41773
41773
  selector: string;
41774
+ elementRef?: React.MutableRefObject<HTMLElement> | undefined;
41774
41775
  }, callback: (data: any) => void) => void;
41775
41776
  trigger: ({ event, data, selector, element: elementParam, }: {
41776
41777
  event: string;
@@ -41780,7 +41781,7 @@ declare const useInteraction: () => {
41780
41781
  }) => void;
41781
41782
  saveToElementInteractionData: (element: HTMLElement, key: string, value: string) => void;
41782
41783
  closeSelectOnPage: () => void;
41783
- ref: React.MutableRefObject<null>;
41784
+ ref: React.MutableRefObject<any>;
41784
41785
  findElementIncludingSelf: (element: any, selector: string) => any;
41785
41786
  getInteractionPreviousData: (element: HTMLElement, key: string) => {
41786
41787
  previousData: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.53.0-dev.154",
3
+ "version": "1.53.0-dev.160",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",